a[href^="http" i]:not(.no-icon):after,a[target="_blank"]:not(.no-icon):after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 4px 0 4px;
  text-decoration:none;
}

a[href^="http" i],a[target="_blank"]{
  padding: 0 2px 0 2px;
  text-decoration:none;
}

a[href^="http" i]:hover,a[target="_blank"]:hover {
  background-color:gold;
 }

a[href$=".doc" i] { 
  background-image: url("img/icon-docx.png"); 
  margin: 0 4px 0 4px;
}

.divContentMenu {
    
    /*
	沒使用
	border: 1px solid #cccccc;
    width:145px;
    height: 400px;
    background-color: #FFFFFF;
    padding: 2px;
    overflow: auto;
    float:left;
	*/
}

#divContent h1,.divContentArea h1,#divContent h2,.divContentArea h2,#divContent h3,.divContentArea h3,#divContent h4,.divContentArea h4,#divContent h5,.divContentArea h5,#divContent h6,.divContentArea h6{
    /*
    font-size: 1em;
    margin: 0 0 2ex;
    */
    margin: 12px 0 12px 20px;
    padding: 10px 0 0 8pt;
    font-weight: bold;
    letter-spacing: 4pt;
    line-height: 1.2;
    page-break-after: avoid;
}

.divContentTxt h2{

  margin: 26px 0 8px 20px;
  /*padding: 10px 0 0 8pt;*/
  font-weight: bold;
  letter-spacing: 3pt;
  line-height: 1.1;
  page-break-after: avoid;
}

.ui-dialog { z-index: 1050 !important ;}

#dialog{
	z-index:1050!important;
}

.divContentTxt {
    /*clear:both;*/
    padding: 10px 50px 40px 30px;
}

.titleImg {
    width: 100%;
}

.divContentArea {
    /*
     clear: both;
     padding:15px 5px; 
    */
    padding-bottom: 36px;
}

sup, sup a{
  color: #d63384;
  /*letter-spacing:3px;*/ /*1em*/
  word-spacing:3px;
  text-decoration:none;
  font-weight:bold;
}

sup:hover,sup a:hover{
  text-decoration:underline;
  background-color:#d63384;
  color: #ffffff;
  /*font-weight:bold;*/
}

.p,.pPFS,.pStu , .pStu2{
	
  display: block;
  line-height: 1.75;
  text-align: justify;
  text-indent: 21.2pt;
  margin: 18pt 0 0 0.59em;
  padding: 0;	
	
}

.pPFS,.pStu {
  font-family: "標楷體", cursive;
}


.pPFS{
  
/* color: #ffffff; */
 }

.pStu , .pStu2{
 color:#bdaa3c;/*#a9a9a9;*/
 }
 
pBR{
  /*
  margin: 18pt 0 0 0;
  padding: 18pt 0 0 0;
  padding-bottom: 20px;
  */
 
  padding-top: 15px!important;
  padding-bottom: 5px!important;
  
}

.pR {
  display: block;
  line-height: 1.75;
  text-align: right;
  text-indent: 1.93em;
  margin: 18pt 0 0 0.59em;
  padding: 0;
}

.pC {
  display: block;
  line-height: 1.75;
  text-align: center;
  padding: 0;
}

.txtC,.txtCenter{
  text-align: center;
  }
  
.txtR{
  text-align: right;
  }
  
.txtL{
 text-align:left;
}

.txtKeyword{
  font-family: "標楷體", cursive;
  font-style:italic;
}
     
.tLine {
  text-decoration: underline solid;
}

.txtRight{
  display: block;
  letter-spacing: 0.1pt;
  line-height: 1.65;
  text-align: right;
  text-indent: 21.4pt;
  margin: 6pt 0.56em 0 5pt;
  padding: 0;
}


.txtUP {
 color: #d63384;
}

.txtTop {
vertical-align: top;
}

.pRed {

  color: #F00;
  display: block;
  font-family:  serif;
  letter-spacing: 0.1pt;
  text-indent: -2.01em;
  margin: 18pt 0 18pt 2.27em;
  padding: 0;
}


.fs-sm1{
	font-size:11pt;
}

.fs-sm2{
	font-size:8pt;
}

.fs-sm3{
	font-size:6pt;
}

.myimg {
  height: auto;
  width: 90%;
}

.url-linkImg {
 height: 13pt;
 margin-left: 3px;
}

.url-linkImg:hover {
  background-color:gold;
 }

.divimg {
  display: flex;
  vertical-align: top;
}

.divimg1 {
  display: block;
  margin-top: 10px;
  vertical-align: top;
  width: 45%;
}

.divimg2 {
  display: block;
  vertical-align: top;
  width: 45%;
}

.divisbn {
  display: block;
  text-align: right;
  padding: 0 15px 0 0 ;
  width: 50%;
  margin:0px 0px 0px auto ;
  
  /*margin: 0 auto; float:right;
  width: 60%;*/
}

.divisbn {
	
  display: block;
  text-align: right;
  padding: 0 15px 0 0 ;
  width: 50%;
  margin:0px 0px 0px auto ;
  min-width: 280px;
  
  /*margin: 0 auto; float:right;
  width: 60%;*/
}





.calibre3 {
    color: #d63384;
}


.pageNav {
    /*
  margin: 0 auto;
	margin-right:40px;
  */  
  clear: both;
  background-color: #2b3035; /*#39322B*/
  color: white;
  text-align: center;
  padding: 4px;
  position:fixed;
  right: 80px;
  bottom: 18px;
  width:240px;
  display: table;
  opacity: 0.2;
}

.pageNav:hover {
  opacity: 0.9;
}

.pageNav a {
  padding: 0px 7px;
  text-decoration:none;
  color:slategray;
}
  .pageNav a:hover {
      text-decoration: underline;
      color: white;
  }
  .pageNav a:active {
      text-decoration: underline;
  }
  .pageNav a:link {
      text-decoration: none;
  }
  .pageNav a:visited {
      text-decoration: none;
  }

.memoblock {
    display: block;
    font-size: 1em;
    /*margin: 0 0 9pt 12.6pt;*/
    padding: 0;
}

.memotext {
  letter-spacing: 0.3pt;
}


.DivPar{
  margin:0 25px 0 0 ;
  
}

.DivfontBtnArea , .DivfontBtnArea2{
  float:left;
  margin:0px;
  /*padding:15px 25px 5px auto !important;*/
}


.voiceinator div{
  margin:20px 3px;
}


.ph2,.ph3,.ph4 {
  display: block;
  font-size: 1.2em;
  line-height: 1.85;
  margin: 18pt 0 0 5pt;
  /*padding: 0;*/
}



.ol-No {
  margin: 24pt 0 0 7.1pt;
  line-height: 1.85;
  display: block;
  list-style-type: decimal;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
}


.ol-No-2 {
  margin: 12pt 0 0 7.1pt;
  line-height: 2.5em;
  display: block;
  list-style-type: decimal;

}

.ol-1{
  margin-top: 1.5em;
  
}



.coverTxt{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
 
  }
  



.UL1 li {
  /*text-decoration:none ;
  padding-top: 2em;*/
}

.UL1 a {
  text-decoration: none;
  /*
  margin: 18pt 0 0 0.59em;
  */
}

.li-1 {
  padding-top: 1.5em;
  text-indent: 5pt;
  /*margin: 12pt 0 0 2em; */
}

.li-2 {
  text-indent: 21.2pt;
  margin: 12pt 0 0 2em;
}

.li-L1{
margin-left: -16px !important;

}

.li-L2{
margin-left: -10px !important;
/* 注意有無超連結的差異 */
}

.li-L2-notA{
margin-left: 18px !important;
/* 注意有無超連結的差異 */
}

.li-L3{
margin-left: -4px !important;	
}

.menu-li-2{
	margin-left: 10px;	
}

.menu-li-3{
	margin-left: 16px;
}

.menu-li-4{
	margin-left: 20px;
}

.dspNone {
  display: none;
  visibility: hidden;
}

table{
	
	margin-left:auto; 
	margin-right:auto;
	max-width: 90%;
	caption-side: top;
}

caption {
  display: table-caption;
  text-align: center;
  border-style:none;
  margin: 12pt 0 0 2em;
}

th,td{
  display: table-cell;
  text-align: inherit;
  vertical-align: middle;
  /*width: 305pt;*/
  
  border-top: currentColor solid 1pt;
  border-right: currentColor solid 1pt;
  border-bottom: currentColor solid 1pt;
  border-left: currentColor solid 1pt; 
}

thead{
 background-color :rgb(106, 90, 205) ; 
 
}

td{
  padding: 0.5ex 5.4pt;
}

tr:hover {background-color :rgb(120, 120, 120) ;}

.tbColor tr:nth-child(even) {
  background-color: #D6EEEE;
}

.tbColorH td:nth-child(even),.tbColorH th:nth-child(even) {
  background-color: #D6EEEE;
}

.tbLine tr {
  border-bottom: 1px solid #ddd;
}

.onBottom{
 /*position: fixed;relative;
 margin-bottom: -20px;
 position: absolute;
width: 100%;*/
position:fixed;
bottom: 0;
 
}

.ul-tw-no{
	
	list-style-type:cjk-ideographic;
	margin: 6px 0 0 40px;	
	
}

.ul-tw-no li{
  line-height: 2;	
}



#fullscreenImageContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  backdrop-filter: blur(10px); /* 背景模糊效果 */
  background-color: rgba(255, 255, 255, 0.5); /* 背景颜色和透明度 */
  z-index: 1050 !important ;
}

#fullscreenImage {
  width: 100%;
  height: 100%;
  object-fit: contain; 
  z-index: 1050 !important ;

}

img{
	cursor: pointer;
}

/* 可以在样式中添加其他样式以美化全屏图片 */
.clickable-image {
  cursor: pointer;
}