/* 網頁使用字體 微軟正黑體(Microsoft JhengHei)  微軟雅黑體(, 'Microsoft YaHei')*/
html {font-family: sans-serif, 'Microsoft JhengHei';}

.owl-dots .owl-dot {
    background-color: #f5f5f5;
}

.Logo-valign {
    /*margin-top: 25px;*/
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ms-icon.ms-icon-xxxlg {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px
}

.ms-navbar,.ms-lead-navbar {margin-bottom: 0px;}
.ms-slidebar .ms-slidebar-header {min-height: 8.3rem;} /*左拉選單Logo區最小高度*/
.HUpImgTextPadding {padding: 10px 15px!important}  /*頁頂橫幅主標題字體區的padding*/

.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} /*僅顯示一行字*/
.hide {display: none !important}

/*色調自動旋轉..........................................開始..*/
   
   .fhr {animation: pulse 10s linear infinite;}

   @keyframes pulse {
       from { filter: hue-rotate(0); }
       to { filter: hue-rotate(360deg); }
   }
   
/*色調自動旋轉..........................................結束..*/


/*文字展開/關閉.. ......................................開始..*/
   
   .text3R {
       height: 0px;
       overflow: hidden;
   }
   .container_txt3 {
       position: relative;
   }
   label3 {
       position: absolute;
       top: 100%;
   }
   input3 {
       display: none;
   }
   label3:after {
       cursor: pointer;
       content: "...more";
   }
   input3:checked + label3:after {
       cursor: pointer;
       content: "【關閉內容】";
   }
   input3:checked ~ div {
       height: 100%;
   }
   
/*文字展開/關閉.. ......................................結束..*/


.b4p {padding: 8px!important} /*配祀神祇圖框間距*/
.b4-CardBblockPadding {padding: 12px!important}
.b7-card-p  {padding-left: 8px;padding-right: 8px;padding-top: 12px;padding-bottom: 12px!important}
.b7-CardBblockPadding {padding: 12px!important}
.b7-txt1 {font-size: 24px;font-weight: 700!important}

/*首頁各區主標題及次標題*/
.HS_Txt1 {font-size: 48px;font-weight: 500!important}
.HS_Txt2 {font-size: 28px;font-weight: 500!important}

.bg-cccccc {background-color:#cccccc!important}
.bg-eeeeee {background-color:#eeeeee!important}
.ppx-0  {padding:  0px!important}
.ppx-1  {padding:  1px!important}
.ppx-2  {padding:  2px!important}
.ppx-3  {padding:  3px!important}
.ppx-4  {padding:  4px!important}
.ppx-5  {padding:  5px!important}
.ppx-6  {padding:  6px!important}
.ppx-7  {padding:  7px!important}
.ppx-8  {padding:  8px!important}
.ppx-9  {padding:  9px!important}
.ppx-10 {padding: 10px!important}
.ppx-11 {padding: 11px!important}
.ppx-12 {padding: 12px!important}
.ppx-13 {padding: 13px!important}
.ppx-14 {padding: 14px!important}
.ppx-15 {padding: 15px!important}
.ppx-16 {padding: 16px!important}
.ppx-17 {padding: 17px!important}
.ppx-18 {padding: 18px!important}
.ppx-19 {padding: 19px!important}
.ppx-20 {padding: 20px!important}
.ppx-21 {padding: 21px!important}
.ppx-22 {padding: 22px!important}
.ppx-23 {padding: 23px!important}
.ppx-24 {padding: 24px!important}
.ppx-25 {padding: 25px!important}
.ppx-26 {padding: 26px!important}
.ppx-27 {padding: 27px!important}
.ppx-28 {padding: 28px!important}
.ppx-29 {padding: 29px!important}
.ppx-30 {padding: 30px!important}
.ppx-35 {padding: 35px!important}

.pa-0  {padding:  0px!important}
.pa-1  {padding:  1px!important}
.pa-2  {padding:  2px!important}
.pa-3  {padding:  3px!important}
.pa-4  {padding:  4px!important}
.pa-5  {padding:  5px!important}
.pa-6  {padding:  6px!important}
.pa-7  {padding:  7px!important}
.pa-8  {padding:  8px!important}
.pa-9  {padding:  9px!important}
.pa-10 {padding: 10px!important}
.pa-11 {padding: 11px!important}
.pa-12 {padding: 12px!important}
.pa-13 {padding: 13px!important}
.pa-14 {padding: 14px!important}
.pa-15 {padding: 15px!important}
.pa-16 {padding: 16px!important}
.pa-17 {padding: 17px!important}
.pa-18 {padding: 18px!important}
.pa-19 {padding: 19px!important}
.pa-20 {padding: 20px!important}
.pa-21 {padding: 21px!important}
.pa-22 {padding: 22px!important}
.pa-23 {padding: 23px!important}
.pa-24 {padding: 24px!important}
.pa-25 {padding: 25px!important}
.pa-26 {padding: 26px!important}
.pa-27 {padding: 27px!important}
.pa-28 {padding: 28px!important}
.pa-29 {padding: 29px!important}
.pa-30 {padding: 30px!important}
.pa-35 {padding: 35px!important}
.pa-36 {padding: 36px!important}
.pa-37 {padding: 37px!important}
.pa-38 {padding: 38px!important}
.pa-39 {padding: 39px!important}
.pa-40 {padding: 40px!important}
.pa-45 {padding: 45px!important}
.pa-50 {padding: 50px!important}


.ptpx-0  {padding-top:  0px!important}
.ptpx-1  {padding-top:  1px!important}
.ptpx-2  {padding-top:  2px!important}
.ptpx-3  {padding-top:  3px!important}
.ptpx-4  {padding-top:  4px!important}
.ptpx-5  {padding-top:  5px!important}
.ptpx-6  {padding-top:  6px!important}
.ptpx-7  {padding-top:  7px!important}
.ptpx-8  {padding-top:  8px!important}
.ptpx-9  {padding-top:  9px!important}
.ptpx-10 {padding-top: 10px!important}
.ptpx-11 {padding-top: 11px!important}
.ptpx-12 {padding-top: 12px!important}
.ptpx-13 {padding-top: 13px!important}
.ptpx-14 {padding-top: 14px!important}
.ptpx-15 {padding-top: 15px!important}
.ptpx-16 {padding-top: 16px!important}
.ptpx-17 {padding-top: 17px!important}
.ptpx-18 {padding-top: 18px!important}
.ptpx-19 {padding-top: 19px!important}
.ptpx-20 {padding-top: 20px!important}
.ptpx-25 {padding-top: 25px!important}
.ptpx-30 {padding-top: 30px!important}
.ptpx-35 {padding-top: 35px!important}
.ptpx-40 {padding-top: 40px!important}
.ptpx-45 {padding-top: 45px!important}
.ptpx-50 {padding-top: 50px!important}
.ptpx-55 {padding-top: 55px!important}

.ms-tag {border-width: 3px!important;border-color: #fff!important;border-style:solid!important;}
.ptag {padding: 3px 15px!important}
.ptag-HInfo {padding: 6px 18px 5px!important}

.pbpx-0  {padding-bottom:  0px!important}
.pbpx-1  {padding-bottom:  1px!important}
.pbpx-2  {padding-bottom:  2px!important}
.pbpx-3  {padding-bottom:  3px!important}
.pbpx-4  {padding-bottom:  4px!important}
.pbpx-5  {padding-bottom:  5px!important}
.pbpx-6  {padding-bottom:  6px!important}
.pbpx-7  {padding-bottom:  7px!important}
.pbpx-8  {padding-bottom:  8px!important}
.pbpx-9  {padding-bottom:  9px!important}
.pbpx-10 {padding-bottom: 10px!important}
.pbpx-11 {padding-bottom: 11px!important}
.pbpx-12 {padding-bottom: 12px!important}
.pbpx-13 {padding-bottom: 13px!important}
.pbpx-14 {padding-bottom: 14px!important}
.pbpx-15 {padding-bottom: 15px!important}
.pbpx-16 {padding-bottom: 16px!important}
.pbpx-17 {padding-bottom: 17px!important}
.pbpx-18 {padding-bottom: 18px!important}
.pbpx-19 {padding-bottom: 19px!important}
.pbpx-20 {padding-bottom: 20px!important}


.mpx-0  {margin:  0px!important}
.mtpx-0  {margin-top:  0px!important}
.mtpx-1  {margin-top:  1px!important}
.mtpx-2  {margin-top:  2px!important}
.mtpx-3  {margin-top:  3px!important}
.mtpx-4  {margin-top:  4px!important}
.mtpx-5  {margin-top:  5px!important}
.mtpx-6  {margin-top:  6px!important}
.mtpx-7  {margin-top:  7px!important}
.mtpx-8  {margin-top:  8px!important}
.mtpx-9  {margin-top:  9px!important}
.mtpx-10 {margin-top: 10px!important}
.mtpx-11 {margin-top: 11px!important}
.mtpx-12 {margin-top: 12px!important}
.mtpx-13 {margin-top: 13px!important}
.mtpx-14 {margin-top: 14px!important}
.mtpx-15 {margin-top: 15px!important}
.mtpx-16 {margin-top: 16px!important}
.mtpx-17 {margin-top: 17px!important}
.mtpx-18 {margin-top: 18px!important}
.mtpx-19 {margin-top: 19px!important}
.mtpx-20 {margin-top: 20px!important}
.mtpx-21 {margin-top: 21px!important}
.mtpx-22 {margin-top: 22px!important}
.mtpx-23 {margin-top: 23px!important}
.mtpx-24 {margin-top: 24px!important}
.mtpx-25 {margin-top: 25px!important}
.mtpx-26 {margin-top: 26px!important}
.mtpx-27 {margin-top: 27px!important}
.mtpx-28 {margin-top: 28px!important}
.mtpx-29 {margin-top: 29px!important}
.mtpx-30 {margin-top: 30px!important}
.mtpx-40 {margin-top: 40px!important}
.mtpx-200 {margin-top: 200px!important}

.mbpx-0  {margin-bottom:  0px!important}
.mbpx-1  {margin-bottom:  1px!important}
.mbpx-2  {margin-bottom:  2px!important}
.mbpx-3  {margin-bottom:  3px!important}
.mbpx-4  {margin-bottom:  4px!important}
.mbpx-5  {margin-bottom:  5px!important}
.mbpx-6  {margin-bottom:  6px!important}
.mbpx-7  {margin-bottom:  7px!important}
.mbpx-8  {margin-bottom:  8px!important}
.mbpx-9  {margin-bottom:  9px!important}
.mbpx-10 {margin-bottom: 10px!important}
.mbpx-11 {margin-bottom: 11px!important}
.mbpx-12 {margin-bottom: 12px!important}
.mbpx-13 {margin-bottom: 13px!important}
.mbpx-14 {margin-bottom: 14px!important}
.mbpx-15 {margin-bottom: 15px!important}
.mbpx-16 {margin-bottom: 16px!important}
.mbpx-17 {margin-bottom: 17px!important}
.mbpx-18 {margin-bottom: 18px!important}
.mbpx-19 {margin-bottom: 19px!important}
.mbpx-20 {margin-bottom: 20px!important}
.mbpx-21 {margin-bottom: 21px!important}
.mbpx-22 {margin-bottom: 22px!important}
.mbpx-23 {margin-bottom: 23px!important}
.mbpx-24 {margin-bottom: 24px!important}
.mbpx-25 {margin-bottom: 25px!important}
.mbpx-26 {margin-bottom: 26px!important}
.mbpx-27 {margin-bottom: 27px!important}
.mbpx-28 {margin-bottom: 28px!important}
.mbpx-29 {margin-bottom: 29px!important}
.mbpx-30 {margin-bottom: 30px!important}
.mbpx-40 {margin-bottom: 40px!important}
.mbpx-50 {margin-bottom: 50px!important}
.mbpx-200 {margin-bottom: 200px!important}


.mrpx-1  {margin-right:  1px!important}
.mrpx-2  {margin-right:  2px!important}
.mrpx-3  {margin-right:  3px!important}
.mrpx-4  {margin-right:  4px!important}
.mrpx-5  {margin-right:  5px!important}
.mrpx-6  {margin-right:  6px!important}
.mrpx-7  {margin-right:  7px!important}
.mrpx-8  {margin-right:  8px!important}
.mrpx-9  {margin-right:  9px!important}
.mrpx-10 {margin-right: 10px!important}
.mrpx-11 {margin-right: 11px!important}
.mrpx-12 {margin-right: 12px!important}
.mrpx-13 {margin-right: 13px!important}
.mrpx-14 {margin-right: 14px!important}
.mrpx-15 {margin-right: 15px!important}
.mrpx-16 {margin-right: 16px!important}
.mrpx-17 {margin-right: 17px!important}
.mrpx-18 {margin-right: 18px!important}
.mrpx-19 {margin-right: 19px!important}
.mrpx-20 {margin-right: 20px!important}

.mlpx-1  {margin-left:  1px!important}
.mlpx-2  {margin-left:  2px!important}
.mlpx-3  {margin-left:  3px!important}
.mlpx-4  {margin-left:  4px!important}
.mlpx-5  {margin-left:  5px!important}
.mlpx-6  {margin-left:  6px!important}
.mlpx-7  {margin-left:  7px!important}
.mlpx-8  {margin-left:  8px!important}
.mlpx-9  {margin-left:  9px!important}
.mlpx-10 {margin-left: 10px!important}
.mlpx-11 {margin-left: 11px!important}
.mlpx-12 {margin-left: 12px!important}
.mlpx-13 {margin-left: 13px!important}
.mlpx-14 {margin-left: 14px!important}
.mlpx-15 {margin-left: 15px!important}
.mlpx-16 {margin-left: 16px!important}
.mlpx-17 {margin-left: 17px!important}
.mlpx-18 {margin-left: 18px!important}
.mlpx-19 {margin-left: 19px!important}
.mlpx-20 {margin-left: 20px!important}

.plpx-1  {padding-left:  1px!important}
.plpx-2  {padding-left:  2px!important}
.plpx-3  {padding-left:  3px!important}
.plpx-4  {padding-left:  4px!important}
.plpx-5  {padding-left:  5px!important}
.plpx-6  {padding-left:  6px!important}
.plpx-7  {padding-left:  7px!important}
.plpx-8  {padding-left:  8px!important}
.plpx-9  {padding-left:  9px!important}
.plpx-10 {padding-left: 10px!important}
.plpx-11 {padding-left: 11px!important}
.plpx-12 {padding-left: 12px!important}
.plpx-13 {padding-left: 13px!important}
.plpx-14 {padding-left: 14px!important}
.plpx-15 {padding-left: 15px!important}
.plpx-16 {padding-left: 16px!important}
.plpx-17 {padding-left: 17px!important}
.plpx-18 {padding-left: 18px!important}
.plpx-19 {padding-left: 19px!important}
.plpx-20 {padding-left: 20px!important}

.prpx-1  {padding-right:  1px!important}
.prpx-2  {padding-right:  2px!important}
.prpx-3  {padding-right:  3px!important}
.prpx-4  {padding-right:  4px!important}
.prpx-5  {padding-right:  5px!important}
.prpx-6  {padding-right:  6px!important}
.prpx-7  {padding-right:  7px!important}
.prpx-8  {padding-right:  8px!important}
.prpx-9  {padding-right:  9px!important}
.prpx-10 {padding-right: 10px!important}
.prpx-11 {padding-right: 11px!important}
.prpx-12 {padding-right: 12px!important}
.prpx-13 {padding-right: 13px!important}
.prpx-14 {padding-right: 14px!important}
.prpx-15 {padding-right: 15px!important}
.prpx-16 {padding-right: 16px!important}
.prpx-17 {padding-right: 17px!important}
.prpx-18 {padding-right: 18px!important}
.prpx-19 {padding-right: 19px!important}
.prpx-20 {padding-right: 20px!important}

.bb-0  {border: 0px!important}
.bb-1  {border: 1px!important}
.bb-2  {border: 2px!important}
.b-t-0  {border-top: 0px!important}
.b-b-0  {border-bottom: 0px!important}
.bs-0  {box-shadow: none!important}

.br-0  {border-radius:  0!important}
.br-1  {border-radius:  1px!important}
.br-2  {border-radius:  2px!important}
.br-3  {border-radius:  3px!important}
.br-4  {border-radius:  4px!important}
.br-5  {border-radius:  5px!important}
.br-6  {border-radius:  6px!important}
.br-7  {border-radius:  7px!important}
.br-8  {border-radius:  8px!important}
.br-9  {border-radius:  9px!important}
.br-10 {border-radius: 10px!important}

.w-10 {width: 10%!important}
.w-15 {width: 15%!important}
.w-20 {width: 20%!important}
.w-25 {width: 25%!important}
.w-30 {width: 30%!important}
.w-33 {width: 33.33%!important}
.w-35 {width: 35%!important}
.w-40 {width: 40%!important}
.w-45 {width: 45%!important}
.w-50 {width: 50%!important}
.w-55 {width: 55%!important}
.w-60 {width: 60%!important}
.w-65 {width: 65%!important}
.w-70 {width: 70%!important}
.w-75 {width: 75%!important}
.w-80 {width: 80%!important}
.w-85 {width: 85%!important}
.w-90 {width: 90%!important}
.w-95 {width: 95%!important}
.w-96 {width: 96%!important}
.w-97 {width: 97%!important}
.w-98 {width: 98%!important}
.w-99 {width: 99%!important}
.w-100 {width: 100%!important}

.minw-10  {min-width:  10px!important}
.minw-20  {min-width:  20px!important}
.minw-25  {min-width:  25px!important}
.minw-30  {min-width:  30px!important}
.minw-40  {min-width:  40px!important}
.minw-50  {min-width:  50px!important}
.minw-60  {min-width:  60px!important}
.minw-70  {min-width:  70px!important}
.minw-75  {min-width:  75px!important}
.minw-80  {min-width:  80px!important}
.minw-90  {min-width:  90px!important}
.minw-100 {min-width: 100px!important}
.minw-110 {min-width: 110px!important}
.minw-120 {min-width: 120px!important}
.minw-130 {min-width: 130px!important}
.minw-140 {min-width: 140px!important}
.minw-150 {min-width: 150px!important}
.minw-160 {min-width: 160px!important}
.minw-170 {min-width: 170px!important}
.minw-180 {min-width: 180px!important}
.minw-190 {min-width: 190px!important}
.minw-200 {min-width: 200px!important}
.minw-210 {min-width: 210px!important}
.minw-220 {min-width: 220px!important}
.minw-230 {min-width: 230px!important}
.minw-240 {min-width: 240px!important}
.minw-250 {min-width: 250px!important}
.minw-260 {min-width: 260px!important}
.minw-270 {min-width: 270px!important}
.minw-280 {min-width: 280px!important}
.minw-290 {min-width: 290px!important}
.minw-300 {min-width: 300px!important}
.minw-350 {min-width: 350px!important}
.minw-400 {min-width: 400px!important}

.maxw-10  {max-width:  10px!important}
.maxw-20  {max-width:  20px!important}
.maxw-25  {max-width:  25px!important}
.maxw-30  {max-width:  30px!important}
.maxw-40  {max-width:  40px!important}
.maxw-50  {max-width:  50px!important}
.maxw-60  {max-width:  60px!important}
.maxw-70  {max-width:  70px!important}
.maxw-75  {max-width:  75px!important}
.maxw-80  {max-width:  80px!important}
.maxw-90  {max-width:  90px!important}
.maxw-100 {max-width: 100px!important}
.maxw-110 {max-width: 110px!important}
.maxw-120 {max-width: 120px!important}
.maxw-130 {max-width: 130px!important}
.maxw-140 {max-width: 140px!important}
.maxw-150 {max-width: 150px!important}
.maxw-160 {max-width: 160px!important}
.maxw-170 {max-width: 170px!important}
.maxw-180 {max-width: 180px!important}
.maxw-190 {max-width: 190px!important}
.maxw-200 {max-width: 200px!important}
.maxw-210 {max-width: 210px!important}
.maxw-220 {max-width: 220px!important}
.maxw-230 {max-width: 230px!important}
.maxw-240 {max-width: 240px!important}
.maxw-250 {max-width: 250px!important}
.maxw-260 {max-width: 260px!important}
.maxw-270 {max-width: 270px!important}
.maxw-280 {max-width: 280px!important}
.maxw-290 {max-width: 290px!important}
.maxw-300 {max-width: 300px!important}
.maxw-360 {max-width: 360px!important}
.maxw-400 {max-width: 400px!important}
.maxw-450 {max-width: 450px!important}
.maxw-500 {max-width: 500px!important}
.maxw-900 {max-width: 900px!important}
.maxw-1000 {max-width: 1000px!important}
.maxw-100p {max-width: 100%!important}

.mw-300  {max-width:  300px!important}
.mw-360  {max-width:  360px!important}
.mw-380  {max-width:  380px!important}
.mw-400  {max-width:  400px!important}
.mw-500  {max-width:  500px!important}
.mw-550  {max-width:  550px!important}
.mw-600  {max-width:  600px!important}
.mw-700  {max-width:  700px!important}
.mw-800  {max-width:  800px!important}
.mw-900  {max-width:  900px!important}
.mw-1000 {max-width: 1000px!important}
.mw-1050 {max-width: 1050px!important}
.mw-1100 {max-width: 1100px!important}
.mw-1150 {max-width: 1150px!important}
.mw-1200 {max-width: 1200px!important}



.wpx-10 {width: 10px!important}
.wpx-15 {width: 15px!important}
.wpx-20 {width: 20px!important}
.wpx-25 {width: 25px!important}
.wpx-30 {width: 30px!important}
.wpx-35 {width: 35px!important}
.wpx-40 {width: 40px!important}
.wpx-45 {width: 45px!important}
.wpx-50 {width: 50px!important}
.wpx-55 {width: 55px!important}
.wpx-60 {width: 60px!important}
.wpx-65 {width: 65px!important}
.wpx-70 {width: 70px!important}
.wpx-75 {width: 75px!important}
.wpx-80 {width: 80px!important}
.wpx-85 {width: 85px!important}
.wpx-90 {width: 90px!important}
.wpx-95 {width: 95px!important}
.wpx-100 {width: 100px!important}
.wpx-110 {width: 110px!important}
.wpx-120 {width: 120px!important}
.wpx-125 {width: 125px!important}
.wpx-130 {width: 130px!important}
.wpx-135 {width: 135px!important}
.wpx-140 {width: 140px!important}
.wpx-145 {width: 145px!important}
.wpx-150 {width: 150px!important}
.wpx-160 {width: 160px!important}
.wpx-170 {width: 170px!important}
.wpx-180 {width: 180px!important}
.wpx-190 {width: 190px!important}
.wpx-200 {width: 200px!important}
.wpx-210 {width: 210px!important}
.wpx-220 {width: 220px!important}
.wpx-230 {width: 230px!important}
.wpx-240 {width: 240px!important}
.wpx-250 {width: 250px!important}
.wpx-260 {width: 260px!important}
.wpx-270 {width: 270px!important}
.wpx-280 {width: 280px!important}
.wpx-290 {width: 290px!important}
.wpx-300 {width: 300px!important}
.wpx-310 {width: 310px!important}
.wpx-320 {width: 320px!important}
.wpx-330 {width: 330px!important}
.wpx-340 {width: 340px!important}
.wpx-350 {width: 350px!important}
.wpx-360 {width: 360px!important}
.wpx-370 {width: 370px!important}
.wpx-380 {width: 380px!important}
.wpx-390 {width: 390px!important}
.wpx-400 {width: 400px!important}
.wpx-410 {width: 410px!important}
.wpx-420 {width: 420px!important}
.wpx-430 {width: 430px!important}
.wpx-440 {width: 440px!important}
.wpx-450 {width: 450px!important}
.wpx-460 {width: 460px!important}
.wpx-470 {width: 470px!important}
.wpx-480 {width: 480px!important}
.wpx-490 {width: 490px!important}
.wpx-500 {width: 500px!important}

.fs-9  {font-size: 9px!important}
.fs-10 {font-size: 1.0rem!important}
.fs-11 {font-size: 1.1rem!important}
.fs-12 {font-size: 1.2rem!important}
.fs-13 {font-size: 1.3rem!important}
.fs-14 {font-size: 1.4rem!important}
.fs-15 {font-size: 1.5rem!important}
.fs-16 {font-size: 1.6rem!important}
.fs-17 {font-size: 1.7rem!important}
.fs-18 {font-size: 1.8rem!important}
.fs-19 {font-size: 1.9rem!important}
.fs-20 {font-size: 2.0rem!important}
.fs-21 {font-size: 2.1rem!important}
.fs-22 {font-size: 2.2rem!important}
.fs-23 {font-size: 2.3rem!important}
.fs-24 {font-size: 2.4rem!important}
.fs-25 {font-size: 2.5rem!important}
.fs-26 {font-size: 2.6rem!important}
.fs-27 {font-size: 2.7rem!important}
.fs-28 {font-size: 2.8rem!important}
.fs-29 {font-size: 2.9rem!important}
.fs-30 {font-size: 3.0rem!important}
.fs-32 {font-size: 3.0rem!important}
.fs-35 {font-size: 3.0rem!important}
.fs-36 {font-size: 3.0rem!important}
.fs-38 {font-size: 3.0rem!important}
.fs-40 {font-size: 3.0rem!important}

.lh-100 {line-height: 100%!important}
.lh-110 {line-height: 110%!important}
.lh-115 {line-height: 115%!important}
.lh-120 {line-height: 120%!important}
.lh-125 {line-height: 125%!important}
.lh-130 {line-height: 130%!important}
.lh-135 {line-height: 135%!important}
.lh-140 {line-height: 140%!important}
.lh-150 {line-height: 150%!important}
.lh-160 {line-height: 160%!important}
.lh-170 {line-height: 170%!important}
.lh-180 {line-height: 180%!important}
.lh-190 {line-height: 190%!important}
.lh-200 {line-height: 200%!important}

.fw-100  {font-weight: 100!important}
.fw-200  {font-weight: 200!important}
.fw-300  {font-weight: 300!important}
.fw-400  {font-weight: 400!important}
.fw-500  {font-weight: 500!important}
.fw-600  {font-weight: 600!important}
.fw-700  {font-weight: 700!important}
.fw-800  {font-weight: 800!important}
.fw-900  {font-weight: 900!important}
.fw-b    {font-weight: bold!important}




.m-0 {margin: 0px!important}
.p-0 {padding: 0px!important}
.pl-3 {padding-left: 3rem!important}
.pl-4 {padding-left: 4rem!important}
.pl-5 {padding-left: 5rem!important}

.m-t-40 {margin-top: -40px!important;}

.mw-500 {max-width: 500px}
.mw-600 {max-width: 600px}
.mw-660 {max-width: 660px}
.mw-700 {max-width: 700px}

.pbh-200 {height: 200px}
.pbh-300 {height: 300px}
.pbh-400 {height: 400px}
.pbh-500 {height: 500px}
.pbh-600 {height: 600px}

/*.card.card-primary {
    border-bottom: solid 3px #03a9f4;
    border-radius: 5px
}*/

.btn.btn-dark.btn-raised {
    background-color: #424242!important;
    color: #fff!important
}


.form-group label {
    color: #9e9e9e;
}

.form-group label.control-label {
    font-size: 1.8rem;
    line-height: 1.07143;
    font-weight: 400;
    margin: 6px 0 0
}

/*後台摺疊式選單表頭*/
.ms-paper>.row .ms-paper-menu-left-container .ms-paper-menu-left .ms-paper-menu-title {font-size: 2rem;padding: 25px 10px}

/*後台主項框*/
.cbox {margin: 12px 10px 30px;padding: 5px 25px 15px;border: 1px solid #ccc;border-radius: 3px;}



/*平版橫放以上*/
@media(min-width: 992px) {
   .table3 {
    display: table;
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
   }


   .table3_cell {
       display: table-cell;
       vertical-align: middle;
   }
}

/*平版*/
@media(min-width: 577px) and (max-width:991px) {

   .header-h1  {font-size: 26px!important}
   .ms-slidebar .ms-slidebar-header {min-height: 9.5rem;} /*左拉選單Logo區最小高度*/
   .lead {line-height: 1.8}
   .HUpImgText {font-size: 20px!important} /*頁頂橫幅主標題字體大小*/
   .HUpImgTextPadding {padding: 8px 10px!important}  /*頁頂橫幅主標題字體區的padding*/
   
   /*後台摺疊式選單表頭*/
   .ms-paper>.row .ms-paper-menu-left-container .ms-paper-menu-left .ms-paper-menu-title {font-size: 2.5rem;}
   
   .b4-CardBblockPadding {padding: 10px!important}
   
}



/*手機*/
@media(max-width: 576px) {
   
   h2{font-size: 2.4rem}
   
   .ms-slidebar .ms-slidebar-header {min-height: 9.5rem;} /*左拉選單Logo區最小高度*/
   .lead {font-size: 1.6rem;line-height: 1.5}
   
   /*.b4p {padding: 8px!important} /*配祀神祇圖框間距*/
   /*.b4-CardBblockPadding {padding: 3px 3px!important}
   /*.b4-txt1 {font-size: 15px!important}*/
   
   .b7-card-p  {padding: 0px;margin-bottom: 10px!important}
   .b7-CardBblockPadding {padding: 5px 5px!important}
   .b7-txt1 {font-size: 24px;font-weight: 700!important}
   .b7-txt2 {font-size: 18px!important}
   
   /*首頁各區主標題及次標題*/
   .HS_Txt1 {font-size: 26px;font-weight: 400;letter-spacing: 1px;!important}
   .HS_Txt2 {font-size: 20px;font-weight: 500;!important}
   
   .pbh-200 {height: 150px}
   .pbh-300 {height: 200px}
   .pbh-400 {height: 400px}
   .pbh-500 {height: 500px}
   .pbh-600 {height: 600px}
   
   .card-hero {margin-top: -20px;}
   .ms-paper>.row {margin: 0 -15px}
   .HUpImgText {font-size: 16px;margin: 10px 5px!important} /*頁頂橫幅主標題字體大小*/
   .HUpImgTextPadding {padding: 3px 10px!important}  /*頁頂橫幅主標題字體區的padding*/
   
   /*後台摺疊式選單表頭*/
   .ms-paper>.row .ms-paper-menu-left-container .ms-paper-menu-left .ms-paper-menu-title {font-size: 2rem;}
   
   /*後台主項框*/
   .cbox {margin: 0px -12px 30px;padding: 5px 10px 15px 15px;border: 1px solid #ccc;border-radius: 3px;}
}



/*Materialize 中的隱藏*/
@media only screen and (max-width: 600px) {
    .hide-on-small-only,.hide-on-small-and-down {
        display:none !important
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display:none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display:none !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display:none !important
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display:none !important
    }
}

@media only screen and (min-width: 993px) {
    .show-on-large {
        display:block !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display:block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display:block !important
    }
}

@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display:block !important
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display:block !important
    }
}

@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align:center
    }
}





/*自製隱藏*/


/*大電腦 xl 以上*/
@media only screen and (min-width: 1600px) {
   
   /*該顯示就顯示block，該隱藏就隱藏none*/
   .hide-on-xl           {display:none  !important}
   .hide-on-xl-and-up    {display:none  !important}
   .hide-on-xl-and-down  {display:none  !important}
   .show-on-xl           {display:block !important}
   .show-on-xl-and-up    {display:block !important}
   .show-on-xl-and-down  {display:block !important}
   
   .hide-on-lg           {display:block !important}
   .hide-on-lg-and-up    {display:none  !important}
   .hide-on-lg-and-down  {display:block !important}
   .show-on-lg           {display:none  !important}
   .show-on-lg-and-up    {display:block !important}
   .show-on-lg-and-down  {display:none  !important}
   
   .hide-on-mdl          {display:block !important}
   .hide-on-mdl-and-up   {display:none  !important}
   .hide-on-mdl-and-down {display:block !important}
   .show-on-mdl          {display:none  !important}
   .show-on-mdl-and-up   {display:block !important}
   .show-on-mdl-and-down {display:none  !important}
   
   .hide-on-md           {display:block !important}
   .hide-on-md-and-up    {display:none  !important}
   .hide-on-md-and-down  {display:block !important}
   .show-on-md           {display:none  !important}
   .show-on-md-and-up    {display:block !important}
   .show-on-md-and-down  {display:none  !important}
   
   .hide-on-sm           {display:block !important}
   .hide-on-sm-and-up    {display:none  !important}
   .hide-on-sm-and-down  {display:block !important}
   .show-on-sm           {display:none  !important}
   .show-on-sm-and-up    {display:block !important}
   .show-on-sm-and-down  {display:none  !important}
   
   .show-on-xl-lg-sm     {display:block !important}
   
   
   
}


/*電腦 lg */
@media only screen and (min-width: 1280px) and (max-width:1599px) {
   
   /*該顯示就顯示block，該隱藏就隱藏none*/
   .hide-on-xl           {display:block !important}
   .hide-on-xl-and-up    {display:block !important}
   .hide-on-xl-and-down  {display:none  !important}
   .show-on-xl           {display:none  !important}
   .show-on-xl-and-up    {display:none  !important}
   .show-on-xl-and-down  {display:block !important}
   
   .hide-on-lg           {display:none  !important}
   .hide-on-lg-and-up    {display:none  !important}
   .hide-on-lg-and-down  {display:none  !important}
   .show-on-lg           {display:block !important}
   .show-on-lg-and-up    {display:block !important}
   .show-on-lg-and-down  {display:block !important}
   
   .hide-on-mdl          {display:block !important}
   .hide-on-mdl-and-up   {display:none  !important}
   .hide-on-mdl-and-down {display:block !important}
   .show-on-mdl          {display:none  !important}
   .show-on-mdl-and-up   {display:block !important}
   .show-on-mdl-and-down {display:none  !important}
   
   .hide-on-md           {display:block !important}
   .hide-on-md-and-up    {display:none  !important}
   .hide-on-md-and-down  {display:block !important}
   .show-on-md           {display:none  !important}
   .show-on-md-and-up    {display:block !important}
   .show-on-md-and-down  {display:none  !important}
   
   .hide-on-sm           {display:block !important}
   .hide-on-sm-and-up    {display:none  !important}
   .hide-on-sm-and-down  {display:block !important}
   .show-on-sm           {display:none  !important}
   .show-on-sm-and-up    {display:block !important}
   .show-on-sm-and-down  {display:none  !important}
   
   .show-on-xl-lg-sm     {display:block !important}
   
}


/*平版橫放 mdl*/
@media only screen and (min-width: 992px) and (max-width:1279px) {
   
   /*該顯示就顯示block，該隱藏就隱藏none*/
   .hide-on-xl           {display:block !important}
   .hide-on-xl-and-up    {display:block !important}
   .hide-on-xl-and-down  {display:none  !important}
   .show-on-xl           {display:none  !important}
   .show-on-xl-and-up    {display:none  !important}
   .show-on-xl-and-down  {display:block !important}
   
   .hide-on-lg           {display:block !important}
   .hide-on-lg-and-up    {display:block !important}
   .hide-on-lg-and-down  {display:none  !important}
   .show-on-lg           {display:none  !important}
   .show-on-lg-and-up    {display:none  !important}
   .show-on-lg-and-down  {display:block !important}
   
   .hide-on-mdl          {display:none  !important}
   .hide-on-mdl-and-up   {display:none  !important}
   .hide-on-mdl-and-down {display:none  !important}
   .show-on-mdl          {display:block !important}
   .show-on-mdl-and-up   {display:block !important}
   .show-on-mdl-and-down {display:block !important}
   
   .hide-on-md           {display:block !important}
   .hide-on-md-and-up    {display:none  !important}
   .hide-on-md-and-down  {display:block !important}
   .show-on-md           {display:none  !important}
   .show-on-md-and-up    {display:block !important}
   .show-on-md-and-down  {display:none  !important}
   
   .hide-on-sm           {display:block !important}
   .hide-on-sm-and-up    {display:none  !important}
   .hide-on-sm-and-down  {display:block !important}
   .show-on-sm           {display:none  !important}
   .show-on-sm-and-up    {display:block !important}
   .show-on-sm-and-down  {display:none  !important}
   
   .show-on-xl-lg-sm     {display:none !important}
   
}

/*平版直放 md*/
@media only screen and (min-width: 577px) and (max-width:991px) {
   
   /*該顯示就顯示block，該隱藏就隱藏none*/
   .hide-on-xl           {display:block !important}
   .hide-on-xl-and-up    {display:block !important}
   .hide-on-xl-and-down  {display:none  !important}
   .show-on-xl           {display:none  !important}
   .show-on-xl-and-up    {display:none  !important}
   .show-on-xl-and-down  {display:block !important}
   
   .hide-on-lg           {display:block !important}
   .hide-on-lg-and-up    {display:block !important}
   .hide-on-lg-and-down  {display:none  !important}
   .show-on-lg           {display:none  !important}
   .show-on-lg-and-up    {display:none  !important}
   .show-on-lg-and-down  {display:block !important}
   
   .hide-on-mdl          {display:block !important}
   .hide-on-mdl-and-up   {display:block !important}
   .hide-on-mdl-and-down {display:none  !important}
   .show-on-mdl          {display:none  !important}
   .show-on-mdl-and-up   {display:none  !important}
   .show-on-mdl-and-down {display:block !important}
   
   .hide-on-md           {display:none  !important}
   .hide-on-md-and-up    {display:none  !important}
   .hide-on-md-and-down  {display:none  !important}
   .show-on-md           {display:block !important}
   .show-on-md-and-up    {display:block !important}
   .show-on-md-and-down  {display:block !important}
   
   .hide-on-sm           {display:block !important}
   .hide-on-sm-and-up    {display:none  !important}
   .hide-on-sm-and-down  {display:block !important}
   .show-on-sm           {display:none  !important}
   .show-on-sm-and-up    {display:block !important}
   .show-on-sm-and-down  {display:none  !important}
   
   .show-on-xl-lg-sm     {display:none !important}
   
}

/*手機 sm*/
@media only screen and (max-width: 576px) {
   
   /*該顯示就顯示block，該隱藏就隱藏none*/
   .hide-on-xl           {display:block !important}
   .hide-on-xl-and-up    {display:block !important}
   .hide-on-xl-and-down  {display:none  !important}
   .show-on-xl           {display:none  !important}
   .show-on-xl-and-up    {display:none  !important}
   .show-on-xl-and-down  {display:block !important}
   
   .hide-on-lg           {display:block !important}
   .hide-on-lg-and-up    {display:block !important}
   .hide-on-lg-and-down  {display:none  !important}
   .show-on-lg           {display:none  !important}
   .show-on-lg-and-up    {display:none  !important}
   .show-on-lg-and-down  {display:block !important}
   
   .hide-on-mdl          {display:block !important}
   .hide-on-mdl-and-up   {display:block !important}
   .hide-on-mdl-and-down {display:none  !important}
   .show-on-mdl          {display:none  !important}
   .show-on-mdl-and-up   {display:none  !important}
   .show-on-mdl-and-down {display:block !important}
   
   .hide-on-md           {display:block !important}
   .hide-on-md-and-up    {display:block !important}
   .hide-on-md-and-down  {display:none  !important}
   .show-on-md           {display:none  !important}
   .show-on-md-and-up    {display:none  !important}
   .show-on-md-and-down  {display:block !important}
   
   .hide-on-sm           {display:none  !important}
   .hide-on-sm-and-up    {display:none  !important}
   .hide-on-sm-and-down  {display:none  !important}
   .show-on-sm           {display:block !important}
   .show-on-sm-and-up    {display:block !important}
   .show-on-sm-and-down  {display:block !important}
   
   .show-on-xl-lg-sm     {display:block !important}
   
}