@charset "utf-8";

html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-overflow-style: scrollbar;}
html,body{width: 100%;padding: 0;margin: 0; height: auto;overflow-x: hidden;overflow-y: visible;-webkit-text-size-adjust:  100%;-moz-text-size-adjust:  100%;-ms-text-size-adjust:  100%;text-size-adjust:  100%}
body * { max-height: 999999px;/*-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*/}
html,body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,ul{margin: 0;padding: 0;}
body{font-size: 0.95rem;font-weight: 400;line-height:1.9rem;background-color: #fff;color: #333;-webkit-overflow-scrolling: touch;word-wrap:break-word;/*word-break:break-all;*/}	
body,input,select,textarea,button{font-family: "Noto Sans",sans-serif,"Helvetica","Helvetica Neue","Verdana", Arial,"Lucida Grande",'微軟正黑體';-webkit-font-smoothing: antialiased;vertical-align: baseline;word-spacing: 1px;max-width: 100%;/*-webkit-text-size-adjust: none;*/}
select{background-color: #fff;}

*,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

header,footer,section,main,aside,article{display: block;}
html, body, div, span, iframe,h1, h2, h3, p, a, address, img, strong, i, ol, ul, li, form, label {border: 0;outline: 0; background-color: transparent;}	
a{text-decoration: none;color:#333;}
a:hover{-webkit-tap-highlight-color:rgba(255,0,0,0);/*取消預設點擊框*/}
a:active{color:#1255C8;}
@media (any-hover: hover){
	a:hover{color:#1255C8;}
}

:focus {outline: 0;}
::placeholder{color: #aaa;}

img{image-rendering: -webkit-optimize-contrast;}
img:not(.imgnoauto){display: inline-block;height: auto;max-width: 100%;max-height: 100%;border-style: none;vertical-align: middle;object-fit: contain;object-position:center center;}


ul,li,ol{list-style: none;text-align: center;}
ul,ol{padding: 0;}
	
strong,b {font-weight: bolder;}
small{font-size: 85%;}
table{width: 100%;max-width: 100%; border-collapse: collapse;table-layout: fixed;}
label,.unse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
select {word-wrap: normal;}
button,select{text-transform: none;}	
input[type="submit"]{cursor: pointer;}
input.error{position: relative;}
input.error::after{content: 'X';display: block;position: absolute;right:0;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700;line-height: 2;}
h1,.h1{font-size: 1.8rem;}h2,.h2{font-size: 1.6rem;}h3,.h3{font-size: 1.4rem;}h4,.h4{font-size: 1.25rem;}h5,.h5{font-size: 1.1rem;}h6,.h6{font-size: 1rem;}

.imgCover{object-fit: cover !important;min-width: 100%; min-height: 100%;}
.imgC{object-fit:contain !important;}
.imgPCC{object-position:center center;}
.imgPLC{object-position:left center;}
.imgPLT{object-position:left top;}
.imgPRC{object-position:right center;}
.imgPRT{object-position:right top;}
.imgPCT{object-position:center top;}
.imgPCB{object-position:center bottom;}
.imgfitNo{object-fit:none !important;height: auto !important;}

.posR{position: relative;}
.posA{position: absolute;}
.posF{position: fixed;}
.posS{position: sticky;}
.pL0{left:0;}
.pR0{right:0;}
.pT0{top:0;}
.pB0{bottom:0;}
.pL5{left:0.5rem;}
.pL10{left:1rem;}
.pR5{right:0.5rem;}
.pR10{right:1rem;}
.pT5{top:0.5rem;}
.pT10{top:1rem;}
.pB5{bottom:0.5rem;}
.pB10{bottom:1rem;}

.ftext,.ftext2{display: inline-block;letter-spacing: 0px !important; text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;}
.ftext{width:5rem;}
.ftext2{width:auto;}

.lh8{line-height:0.8rem;}
.lh9{line-height:0.9rem;}
.lh10{line-height:1rem;}
.lh11{line-height:1.1rem;}
.lh12{line-height:1.2rem;}
.lh13{line-height:1.3rem;}
.lh14{line-height:1.4rem;}
.lh15{line-height:1.5rem;}
.lh16{line-height:1.6rem;}
.lh17{line-height:1.7rem;}
.lh18{line-height:1.8rem;}
.lh19{line-height:1.9rem;}
.lh20{line-height:2rem;}
.lh22{line-height:2.2rem;}
.lh24{line-height:2.4rem;}
.lh26{line-height:2.6rem;}
.lh28{line-height:2.8rem;}
.lh30{line-height:3rem;}
.lh32{line-height:3.2rem;}
.lh34{line-height:3.4rem;}

.clickNo{pointer-events: none; cursor: default; opacity: 0.4;}
.clickNo2{pointer-events: none; cursor: default; opacity: 0.2;}
.clickN{pointer-events: none; cursor: default;}

.floatC::before,.floatC::after{content: '';display: block;clear: both;float: none;}
.floatN{float:none;}
.floatL{float:left;}
.floatR{float:right;}


.op5{opacity: 0.5;}
.op6{opacity: 0.6;}
.op7{opacity: 0.7;}
.op8{opacity: 0.8;}
.op9{opacity: 0.9;}
.op{opacity: 1;}

.cuD{cursor:default;}
.cuP{cursor:pointer;}


.oHide{position: relative;overflow-y: hidden;}
.oviewY{overflow-y: auto;overflow-x: hidden;}
.oHideX{overflow-x: hidden;}
.oviewX{overflow-x: auto;}


.sbar::-webkit-scrollbar-track{background-color: rgba(200, 200, 200, 0.3);}
.sbar::-webkit-scrollbar{width: 3px;height:3px;background-color:rgba(200, 200, 200, 0.1);}
.sbar::-webkit-scrollbar-thumb{background-color:rgba(70, 70, 70, 0.2);}

.sbarC::-webkit-scrollbar-track{background-color: #ccc;}
.sbarC::-webkit-scrollbar{background-color:#ddd;}
.sbarC::-webkit-scrollbar-thumb{background-color:#aaa;}

.sbar5::-webkit-scrollbar{width: 5px;height:5px;}
.sbar8::-webkit-scrollbar{width: 8px;height:8px;}
.sbar10::-webkit-scrollbar{width: 10px;height:10px;}
.sbarN::-webkit-scrollbar{width: 0;height: 0;-ms-overflow-style: none;}
.sbarN{-ms-overflow-style: none; overflow: -moz-scrollbars-none;scrollbar-width:none;}

/* *{scrollbar-width:thin;scrollbar-color: auto;} */

.img1-1,.img16-9,.img4-3,.img10-7,.img10-12{display:block;position:relative;height:0;overflow:hidden;min-height: 170px;}
.img1-1{padding-bottom: 100%;}.img16-9{padding-bottom: 56.25%;}.img4-3{padding-bottom: 75%;}.img10-7{padding-bottom: 70%;}.img10-12{padding-bottom: 120%;}
.img1-1 > a,.img16-9 > a,.img4-3 > a,.img10-7 > a,.img10-12 > a,.img16-9 > iframe,.img16-9 > span,.img1-1 > div{position:absolute;top:0;left:0;width:100%;height:100%;}




.el1,.el2,.el3,.el4,.el5,.el6,.el7,.el8{overflow : hidden;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.el2,.el3,.el4,.el5,.el6,.el7,.el8{display: -webkit-box;}
.el1{display: inline-block;max-width: 100%; white-space : nowrap;}
.el2{-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.el3{-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.el4{-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.el5{-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.el6{-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.el7{-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.el8{-webkit-line-clamp: 8;-webkit-box-orient: vertical;}


.elw{word-break: break-all;word-wrap: break-word;}
.elwn{white-space: nowrap;}

.break{word-wrap:break-word;word-break:break-all;white-space: normal;}

.r{border-radius:999rem;}
.rR{border-radius:0 999rem 999rem 0;}
.rL{border-radius:999rem 0 0 999rem;}
.r3{border-radius:3px;}
.r3R{border-radius:0 3px 3px 0;}
.r3L{border-radius:3px 0 0 3px;}
.r5{border-radius:5px;}
.r8{border-radius:8px;}
.r10{border-radius:10px;}
.r12{border-radius:12px;}
.r15{border-radius:15px;}


.I{font-style:italic;}
.I7{-webkit-transform: skewX(-7deg);-ms-transform: skewX(-7deg);transform: skewX(-7deg);}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.tj{text-align:justify;}

.vaM{vertical-align:middle;}

.req{position: relative;}
.req::after{content: '*';display: block;position: absolute;padding-left: 0.2rem; left:101%;top:0; font-weight:normal;color: #FF0000;}

.t-del{text-decoration: line-through;}
.B{font-weight: bold;}
.BN{font-weight:normal}
.bor{border: 1px solid #ddd;}
.borT{border-top: 1px solid #ddd;}.borTD{border-top: 1px dashed #ddd;}
.borB{border-bottom: 1px solid #ddd;}.borBD{border-bottom: 1px dashed #ddd;}
.borL{border-left: 1px solid #ddd;}
.borR{border-right: 1px solid #ddd;}
.borNo{border: none;}
.bori{border: 1px solid #b3b3b3 !important;}
.borcW{border-color: #fff !important;}
.borcB{border-color:#1D1D1D !important;}
.borW2{border-width: 2px !important;}
.borL6{border-left: 6px solid #0071BC;}
.borL6B{border-left: 6px solid #00A99D;}
.borBD-last > *:not(:last-child){border-bottom: 1px dashed #ddd;}

.sw0{box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
.sw0Y{box-shadow: 0 2px 10px 0px rgba(0,0,0,0.3);}
.sw0YB{box-shadow:0 0 0 3px #000, 0 2px 10px 0px rgba(0,0,0,0.5);}
.sw{box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);}
.swi{box-shadow: 0px 0px 3px 1px inset rgba(0,0,0,0.3);}
.swi2{box-shadow: 0 1px 3px 0 inset rgba(0,0,0,0.15);}


.scroll{white-space:nowrap;overflow-x: scroll;overflow-y: hidden;overflow-scrolling: touch;  -webkit-overflow-scrolling: touch;}

.scale3{-webkit-transform: scale(0.3);-ms-transform: scale(0.3);transform: scale(0.3);}
.scale4{-webkit-transform: scale(0.4);-ms-transform: scale(0.4);transform: scale(0.4);}
.scale5{-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.scale6{-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);}
.scale7{-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}
.scale8{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.scale9{-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.scale12{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.scale13{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
.scale14{-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
.scale15{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
.scale16{-webkit-transform: scale(1.6);-ms-transform: scale(1.6);transform: scale(1.6);}
.scale20{-webkit-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}

.H100i{height: 100% !important;}
.H100{height: 100%;} .H100vh{height: 100vh;}
.H95{height: 95%;} .H95vh{height: 95vh;}
.H90{height: 90%;} .H90vh{height: 90vh;}
.H85{height: 85%;} .H85vh{height: 85vh;}
.H80{height: 80%;} .H80vh{height: 80vh;}
.H70{height: 70%;} .H70vh{height: 70vh;}
.H50{height: 50%;} .H50vh{height: 50vh;}
.Ha{height: auto;}

.Hx90{max-height: 90%;} 
.Hx80{max-height: 80%;} 
.Hx70{max-height: 70%;} 
.Hx60{max-height: 70%;} 
.Hx50{max-height: 70%;} 

.W100{width: 100%;}.W100vw{width: 100vw;}
.W95{width: 95%;}
.W90{width: 90%;}
.W85{width: 85%;}
.W80{width: 80%;}
.W70{width: 70%;}
.W60{width: 60%;}
.W50{width: 50%;}
.W40{width: 40%;}
.W30{width: 30%;}



.ts8{font-size: 0.8rem;}
.ts85{font-size: 0.85rem;}
.ts9{font-size: 0.9rem;}
.ts95{font-size: 0.95rem;}
.ts10{font-size: 1rem;}
.ts105{font-size: 1.05rem;}
.ts11{font-size: 1.1rem;}
.ts12{font-size: 1.2rem;}
.ts13{font-size: 1.3rem;}
.ts14{font-size: 1.4rem;}
.ts15{font-size: 1.5rem;}
.ts16{font-size: 1.6rem;}
.ts17{font-size: 1.7rem;}
.ts18{font-size: 1.8rem;}
.ts19{font-size: 1.9rem;}
.ts20{font-size: 2rem;}
.ts22{font-size: 2.2rem;}
.ts24{font-size: 2.4rem;}
.ts26{font-size: 2.6rem;}
.ts28{font-size: 2.8rem;}
.ts30{font-size: 3rem;}
.ts32{font-size: 3.2rem;}
.ts34{font-size: 3.4rem;}
.ts36{font-size: 3.6rem;}
.ts38{font-size: 3.8rem;}
.ts40{font-size: 4rem;}
.ts50{font-size: 5rem;}
.ts60{font-size: 6rem;}



.MGC{margin-left: auto;margin-right: auto;}
.MGR{margin-left: auto; margin-right: 0;}
.MG0{margin: 0rem;}


.MG0T{margin-top: 0rem;}
.MG1T{margin-top: 0.1rem;}
.MG3T{margin-top: 0.3rem;}
.MG5T{margin-top: 0.5rem;}
.MG8T{margin-top: 0.8rem;}
.MG10T{margin-top: 1rem;}
.MG12T{margin-top: 1.2rem;}
.MG15T{margin-top: 1.5rem;}
.MG20T{margin-top: 2rem;}
.MG25T{margin-top: 2.5rem;}
.MG30T{margin-top: 3rem;}
.MG35T{margin-top: 3.5rem;}
.MG40T{margin-top: 4rem;}
.MG50T{margin-top: 5rem;}
.MG60T{margin-top: 6rem;}
.MG70T{margin-top: 7rem;}
.MG80T{margin-top: 8rem;}
.MG90T{margin-top: 9rem;}

.MG0B{margin-bottom: 0rem;}
.MG1B{margin-bottom: 0.1rem;}
.MG2B{margin-bottom: 0.2rem;}
.MG3B{margin-bottom: 0.3rem;}
.MG5B{margin-bottom: 0.5rem;}
.MG8B{margin-bottom: 0.8rem;}
.MG10B{margin-bottom: 1rem;}
.MG12B{margin-bottom: 1.2rem;}
.MG15B{margin-bottom: 1.5rem;}
.MG20B{margin-bottom: 2rem;}
.MG25B{margin-bottom: 2.5rem;}
.MG30B{margin-bottom: 3rem;}
.MG35B{margin-bottom: 3.5rem;}
.MG40B{margin-bottom: 4rem;}
.MG50B{margin-bottom: 5rem;}
.MG60B{margin-bottom: 6rem;}
.MG70B{margin-bottom: 7rem;}
.MG80B{margin-bottom: 8rem;}
.MG90B{margin-bottom: 9rem;}

.MG0R{margin-right: 0rem;}
.MG1R{margin-right: 0.1rem;}
.MG3R{margin-right: 0.3rem;}
.MG5R{margin-right: 0.5rem;}
.MG8R{margin-right: 0.8rem;}
.MG10R{margin-right: 1rem;}
.MG12R{margin-right: 1.2rem;}
.MG15R{margin-right: 1.5rem;}
.MG20R{margin-right: 2rem;}
.MG25R{margin-right: 2.5rem;}
.MG30R{margin-right: 3rem;}
.MG35R{margin-right: 3.5rem;}
.MG40R{margin-right: 4rem;}
.MG50R{margin-right: 5rem;}
.MG60R{margin-right: 6rem;}
.MG70R{margin-right: 7rem;}
.MG80R{margin-right: 8rem;}
.MG90R{margin-right: 9rem;}

.MG0L{margin-left: 0rem;}
.MG1L{margin-left: 0.1rem;}
.MG3L{margin-left: 0.3rem;}
.MG5L{margin-left: 0.5rem;}
.MG8L{margin-left: 0.8rem;}
.MG10L{margin-left: 1rem;}
.MG12L{margin-left: 1.2rem;}
.MG15L{margin-left: 1.5rem;}
.MG20L{margin-left: 2rem;}
.MG25L{margin-left: 2.5rem;}
.MG30L{margin-left: 3rem;}
.MG35L{margin-left: 3.5rem;}
.MG40L{margin-left: 4rem;}
.MG50L{margin-left: 5rem;}
.MG60L{margin-left: 6rem;}
.MG70L{margin-left: 7rem;}
.MG80L{margin-left: 8rem;}
.MG90L{margin-left: 9rem;}
.MG100L{margin-left: 10rem;}
.MG110L{margin-left: 11rem;}
.MG120L{margin-left: 12rem;}
.MG130L{margin-left: 13rem;}
.MG140L{margin-left: 14rem;}
.MG150L{margin-left: 15rem;}

.PDV0{padding-top:0;padding-bottom:0;}
.PDV1{padding-top:0.1rem;padding-bottom:0.1rem;}
.PDV2{padding-top:0.2rem;padding-bottom:0.2rem;}
.PDV3{padding-top:0.3rem;padding-bottom: 0.3rem;}
.PDV4{padding-top:0.4rem;padding-bottom: 0.4rem;}
.PDV5{padding-top:0.5rem;padding-bottom: 0.5rem;}
.PDV8{padding-top:0.8rem;padding-bottom: 0.8rem;}
.PDV10{padding-top:1rem;padding-bottom: 1rem;}
.PDV12{padding-top:1.2rem;padding-bottom: 1.2rem;}
.PDV15{padding-top:1.5rem;padding-bottom: 1.5rem;}
.PDV20{padding-top:2rem;padding-bottom: 2rem;}
.PDV25{padding-top:2.5rem;padding-bottom: 2.5rem;}
.PDV30{padding-top:3rem;padding-bottom: 3rem;}
.PDV35{padding-top:3.5rem;padding-bottom: 3.5rem;}
.PDV40{padding-top:4rem;padding-bottom: 4rem;}
.PDV45{padding-top:4.5rem;padding-bottom: 4.5rem;}
.PDV50{padding-top:5rem;padding-bottom: 5rem;}
.PDV55{padding-top:5.5rem;padding-bottom: 5.5rem;}
.PDV60{padding-top:6rem;padding-bottom: 6rem;}
.PDV70{padding-top:7rem;padding-bottom: 7rem;}
.PDV80{padding-top:8rem;padding-bottom: 8rem;}

.PDH0{padding-left:0;padding-right:0;}
.PDH1{padding-left:0.1rem;padding-right:0.1rem;}
.PDH2{padding-left:0.2rem;padding-right:0.2rem;}
.PDH3{padding-left:0.3rem;padding-right:0.3rem;}
.PDH4{padding-left:0.4rem;padding-right:0.4rem;}
.PDH5{padding-left:0.5rem;padding-right:0.5rem;}
.PDH6{padding-left:0.6rem;padding-right:0.6rem;}
.PDH7{padding-left:0.7rem;padding-right:0.7rem;}
.PDH8{padding-left:0.8rem;padding-right:0.8rem;}
.PDH10{padding-left:1rem;padding-right:1rem;}
.PDH12{padding-left:1.2rem;padding-right:1.2rem;}
.PDH15{padding-left:1.5rem;padding-right:1.5rem;}
.PDH20{padding-left:2rem;padding-right:2rem;}
.PDH25{padding-left:2.5rem;padding-right:2.5rem;}
.PDH30{padding-left:3rem;padding-right:3rem;}
.PDH35{padding-left:3.5rem;padding-right:3.5rem;}
.PDH40{padding-left:4rem;padding-right:4rem;}
.PDH45{padding-left:4.5rem;padding-right:4.5rem;}
.PDH50{padding-left:5rem;padding-right:5rem;}
.PDH55{padding-left:5.5rem;padding-right:5.5rem;}
.PDH60{padding-left:6rem;padding-right:6rem;}
.PDH70{padding-left:7rem;padding-right:7rem;}
.PDH80{padding-left:8rem;padding-right:8rem;}

.PD0{padding: 0}
.PD1{padding:0.1rem;}
.PD2{padding:0.2rem;}
.PD3{padding:0.3rem;}
.PD5{padding:0.5rem;}
.PD6{padding:0.6rem;}
.PD7{padding:0.7rem;}
.PD8{padding:0.8rem;}
.PD10{padding:1rem;}
.PD12{padding:1.2rem;}
.PD15{padding:1.5rem;}
.PD20{padding:2rem;}
.PD25{padding:2.5rem;}
.PD30{padding:3rem;}
.PD35{padding:3.5rem;}
.PD40{padding:4rem;}
.PD45{padding:4.5rem;}
.PD50{padding:5rem;}
.PD55{padding:5.5rem;}
.PD60{padding:6rem;}
.PD70{padding:7rem;}
.PD80{padding:8rem;}

.PDL0{padding-left:0}
.PDL1{padding-left:0.1rem;}
.PDL2{padding-left:0.2rem;}
.PDL3{padding-left:0.3rem;}
.PDL5{padding-left:0.5rem;}
.PDL8{padding-left:0.8rem;}
.PDL10{padding-left:1rem;}
.PDL12{padding-left:1.2rem;}
.PDL15{padding-left:1.5rem;}
.PDL20{padding-left:2rem;}
.PDL25{padding-left:2.5rem;}
.PDL30{padding-left:3rem;}
.PDL35{padding-left:3.5rem;}
.PDL40{padding-left:4rem;}
.PDL45{padding-left:4.5rem;}
.PDL50{padding-left:5rem;}
.PDL55{padding-left:5.5rem;}
.PDL60{padding-left:6rem;}
.PDL70{padding-left:7rem;}
.PDL80{padding-left:8rem;}

.PDR0{padding-right:0}
.PDR1{padding-right:0.1rem;}
.PDR2{padding-right:0.2rem;}
.PDR3{padding-right:0.3rem;}
.PDR5{padding-right:0.5rem;}
.PDR8{padding-right:0.8rem;}
.PDR10{padding-right:1rem;}
.PDR12{padding-right:1.2rem;}
.PDR15{padding-right:1.5rem;}
.PDR20{padding-right:2rem;}
.PDR25{padding-right:2.5rem;}
.PDR30{padding-right:3rem;}
.PDR35{padding-right:3.5rem;}
.PDR40{padding-right:4rem;}
.PDR45{padding-right:4.5rem;}
.PDR50{padding-right:5rem;}
.PDR55{padding-right:5.5rem;}
.PDR60{padding-right:6rem;}
.PDR70{padding-right:7rem;}
.PDR80{padding-right:8rem;}

.PDT0{padding-top:0}
.PDT1{padding-top:0.1rem;}
.PDT2{padding-top:0.2rem;}
.PDT3{padding-top:0.3rem;}
.PDT5{padding-top:0.5rem;}
.PDT8{padding-top:0.8rem;}
.PDT10{padding-top:1rem;}
.PDT12{padding-top:1.2rem;}
.PDT15{padding-top:1.5rem;}
.PDT20{padding-top:2rem;}
.PDT25{padding-top:2.5rem;}
.PDT30{padding-top:3rem;}
.PDT35{padding-top:3.5rem;}
.PDT40{padding-top:4rem;}
.PDT45{padding-top:4.5rem;}
.PDT50{padding-top:5rem;}
.PDT55{padding-top:5.5rem;}
.PDT60{padding-top:6rem;}
.PDT70{padding-top:7rem;}
.PDT80{padding-top:8rem;}

.PDB0{padding-bottom:0}
.PDB1{padding-bottom:0.1rem;}
.PDB2{padding-bottom:0.2rem;}
.PDB3{padding-bottom:0.3rem;}
.PDB5{padding-bottom:0.5rem;}
.PDB8{padding-bottom:0.8rem;}
.PDB10{padding-bottom:1rem;}
.PDB12{padding-bottom:1.2rem;}
.PDB15{padding-bottom:1.5rem;}
.PDB20{padding-bottom:2rem;}
.PDB25{padding-bottom:2.5rem;}
.PDB30{padding-bottom:3rem;}
.PDB35{padding-bottom:3.5rem;}
.PDB40{padding-bottom:4rem;}
.PDB45{padding-bottom:4.5rem;}
.PDB50{padding-bottom:5rem;}
.PDB55{padding-bottom:5.5rem;}
.PDB60{padding-bottom:6rem;}
.PDB70{padding-bottom:7rem;}
.PDB80{padding-bottom:8rem;}

.PDR10M{margin-right: -1rem;}
.PDR15M{margin-right: -1.5rem;}
.PDR20M{margin-right: -2rem;}
.PDR30M{margin-right: -3rem;}
.PDR50M{margin-right: -5rem;}



.f{display:-webkit-box;display:-ms-flexbox;display:flex;}
.fi{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.fd{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.fw{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fwno{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.fmc{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fmt{-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fml{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.fmlt{-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.fmr{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fmv{-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;}
.fmb{-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items:flex-end;-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: center;}
.fjb{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.fjs{-ms-flex-pack: distribute;justify-content: space-around;}
.fr{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.f00a{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.f110{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;}
.f11a{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.f10a{-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
.f01a{-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;}
.f010{-webkit-box-flex: 0;-ms-flex: 0 1 0px;flex: 0 1 0;}

.fx00a > *{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.fx110 > *{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;}
.fx11a > *{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.fx10a > *{-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
.fx01a > *{-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;}
.fx010 > *{-webkit-box-flex: 0;-ms-flex: 0 1 0px;flex: 0 1 0;}


.fx1P > *{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
.fx2P > *{-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;max-width:48%;}
.fx3P > *{-webkit-box-flex: 0;-ms-flex: 0 0 31%;flex: 0 0 31%;max-width:31%;}
.fx4P > *{-webkit-box-flex: 0;-ms-flex: 0 0 23%;flex: 0 0 23%;max-width:23%;}
.fx5P > *{-webkit-box-flex: 0;-ms-flex: 0 0 18%;flex: 0 0 18%;max-width:18%;}
.fx6P > *{-webkit-box-flex: 0;-ms-flex: 0 0 14.67%;flex: 0 0 14.67%;max-width:14.67%;}
.fx7P > *{-webkit-box-flex: 0;-ms-flex: 0 0 12.28%;flex: 0 0 12.28%;max-width:12.28%;}
.fx8P > *{-webkit-box-flex: 0;-ms-flex: 0 0 10.5%;flex: 0 0 10.5%;max-width:10.5%;}
.fx9P > *{-webkit-box-flex: 0;-ms-flex: 0 0 9.1%;flex: 0 0 9.1%;max-width:9.1%;}
.fx10P > *{-webkit-box-flex: 0;-ms-flex: 0 0 8%;flex: 0 0 8%;max-width:8%;}



.fx1Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
.fx2Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 46%;flex: 0 0 46%;max-width:46%;}
.fx3Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 27%;flex: 0 0 27%;max-width:27%;}
.fx4Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 21%;flex: 0 0 21%;max-width:21%;}
.fx5Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 16%;flex: 0 0 16%;max-width:16%;}
.fx6Ps > *{-webkit-box-flex: 0;-ms-flex: 0 0 12.67%;flex: 0 0 12.67%;max-width:12.67%;}


.f100,.fx1 > *{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
.f95{-webkit-box-flex: 0;-ms-flex: 0 0 95%;flex: 0 0 95%;max-width:95%;}
.f90{-webkit-box-flex: 0;-ms-flex: 0 0 90%;flex: 0 0 90%;max-width:90%;}
.f89{-webkit-box-flex: 0;-ms-flex: 0 0 89%;flex: 0 0 89%;max-width:89%;}
.f85{-webkit-box-flex: 0;-ms-flex: 0 0 85%;flex: 0 0 85%;max-width:85%;}
.f80{-webkit-box-flex: 0;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width:80%;}
.f75{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width:75%;}
.f70{-webkit-box-flex: 0;-ms-flex: 0 0 70%;flex: 0 0 70%;max-width:70%;}
.f65{-webkit-box-flex: 0;-ms-flex: 0 0 65%;flex: 0 0 65%;max-width:65%;}
.f60{-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width:60%;}
.f55{-webkit-box-flex: 0;-ms-flex: 0 0 55%;flex: 0 0 55%;max-width:55%;}
.f50,.fx2 > *{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;}
.f45{-webkit-box-flex: 0;-ms-flex: 0 0 45%;flex: 0 0 45%;max-width:45%;}
.f40{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width:40%;}
.f35{-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;max-width:35%;}
.f30{-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width:30%;}
.f25,.fx4 > *{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width:25%;}
.f20,.fx5 > *{-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width:20%;}
.f15{-webkit-box-flex: 0;-ms-flex: 0 0 15%;flex: 0 0 15%;max-width:15%;}
.f11{-webkit-box-flex: 0;-ms-flex: 0 0 11%;flex: 0 0 11%;max-width:11%;}
.f10{-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width:10%;}
.f5{-webkit-box-flex: 0;-ms-flex: 0 0 5%;flex: 0 0 5%;max-width:5%;}

.fx3 > *{-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width:33.33%;}
.fx6 > *{-webkit-box-flex: 0;-ms-flex: 0 0 16.67%;flex: 0 0 16.67%;max-width:16.67%;}





.fg1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.fs1{-ms-flex-negative:1;flex-shrink:1;}
.fg0{-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;}
.fs0{-ms-flex-negative: 0;flex-shrink: 0;}

.none{display: none !important;}
.block{display: block !important;}
.iblock{display:inline-block!important;}
.noneN{display: none;}
.blockN{display: block;}
.iblockN{display:inline-block;}


@media all and (-webkit-min-device-pixel-ratio: 1)  {
  html{font-size: 16px !important;}/*16px 14px*/
}
@media all and (-webkit-min-device-pixel-ratio: 1.09) {
  html{font-size: 15.7px !important;}/*12.7px*/
}
@media all and (-webkit-min-device-pixel-ratio: 1.24) {
  html{font-size: 14.2px !important;}/*11.2px*/
}


@media screen and (max-width:479px) {
    h1,.h1{font-size: 1.5rem;}h2,.h2{font-size: 1.4rem;}h3,.h3{font-size: 1.3rem;}h4,.h4{font-size: 1.2rem;}h5,.h5{font-size: 1.05rem;}h6,.h6{font-size: 1rem;}
}

.tn{-webkit-transition: all 0.3s;transition: all 0.3s;}


.bgLoad{position: relative;}
.bgLoad::before{content: ''; display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;background: linear-gradient(45deg, #fCfCfC,#eee,#fCfCfC,#eee,#fCfCfC);background-size: 200% 100%;-webkit-animation: anbgLoad 4s infinite;animation: anbgLoad 4s infinite;z-index:0;}
.bgLoad2{background: linear-gradient(45deg, #fCfCfC,#eFedeF,#fCfCfC,#eFedeF,#fCfCfC);background-size: 200% 100%;-webkit-animation: anbgLoad 2s infinite linear;animation: anbgLoad 2s infinite linear;}

/*圖片處理中動畫*/
.bgLoad3{position: relative;}
.bgLoad3::before{content:url("/images/loading.gif");display:flex;display: -webkit-flex;align-items:center;justify-content:center;flex-direction: column; position: absolute;left:0;top:0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);border-radius: 10px;z-index:0;}

.anMarquee{padding-left:100%;padding-right:100%;-webkit-animation-name: anMarquee;animation-name: anMarquee;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
/*.anMarquee:hover{-webkit-animation-play-state: paused;animation-play-state: paused;}*/

.an1{-webkit-animation-name: an1;animation-name: an1;}
.an2{-webkit-animation-name: an2;animation-name: an2;}
.an3{-webkit-animation-name: an3;animation-name: an3;}
.an4{-webkit-animation-name: an4;animation-name: an4;}
.an4iout{-webkit-animation-name: an4iout;animation-name: an4iout;}
.an4i{-webkit-animation-name: an4i;animation-name: an4i;}
.an5{-webkit-animation-name: an5;animation-name: an5;}
.an5i{-webkit-animation-name: an5i;animation-name: an5i;}
.an6{-webkit-animation-name: an6;animation-name: an6;}
.an7{-webkit-animation-name: an7;animation-name: an7;}
.an7i{-webkit-animation-name: an7i;animation-name: an7i;}
.ans2{-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}
.ans3{-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.ans4{-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.ans6{-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
.ans8{-webkit-animation-duration: 0.8s;animation-duration: 0.8s;}
.ans10{-webkit-animation-duration: 1s;animation-duration: 1s;}
.ans20{-webkit-animation-duration: 2s;animation-duration: 2s;}
.ans30{-webkit-animation-duration: 3s;animation-duration: 3s;}
.ans80{-webkit-animation-duration: 8s;animation-duration: 8s;}
.and3{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.and5{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.and10{-webkit-animation-delay: 1s;animation-delay: 1s;}
.anend{-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.anendB{-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.anin{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.analt{-webkit-animation-direction: alternate;animation-direction: alternate;}

@-webkit-keyframes an1{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes an1{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes an2{
	0%,100%{opacity: 0; -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility: hidden;}
	10%,95%{opacity: 1; -webkit-transform:translateZ(0);transform:translateZ(0);visibility: visible;}
}
@keyframes an2{
	0%,100%{opacity: 0; -webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility: hidden;}
	10%,95%{opacity: 1; -webkit-transform:translateZ(0);transform:translateZ(0);visibility: visible;}
}


@keyframes an3{
    0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@-webkit-keyframes an3{
    0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@keyframes an4{
    0%{-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@-webkit-keyframes an4{
    0%{-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}


@keyframes an4i{
    0%{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@-webkit-keyframes an4i{
    0%{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@keyframes an4iout{
    0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity: 1;}
    to{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);opacity: 0;}
}

@-webkit-keyframes an4iout{
    0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity: 1;}
    to{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);opacity: 0;}
}

@keyframes an5{
    0%{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@-webkit-keyframes an5{
    0%{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@keyframes an5i{
    0%{-webkit-transform:translateZ(0);transform:translateZ(0);}
    to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}

@-webkit-keyframes an5i{
    0%{-webkit-transform:translateZ(0);transform:translateZ(0);}
    to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}

@keyframes an6{
    0%{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}

@-webkit-keyframes an6{
    0%{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);}
    to{-webkit-transform:translateZ(0);transform:translateZ(0);}
}
@keyframes an7{
    0%{-webkit-transform: scale(1.5);transform: scale(1.5);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}

@-webkit-keyframes an7{
    0%{-webkit-transform: scale(1.5);transform: scale(1.5);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes an7i{
    0%{-webkit-transform: scale(0.3);transform: scale(0.3);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}

@-webkit-keyframes an7i{
    0%{-webkit-transform: scale(0.3);transform: scale(0.3);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes anMarquee{
  0%{opacity:0%;-webkit-transform: translateX(0%);transform: translateX(0%);}
  5%{opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
  99%{opacity: 1;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100%{opacity: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

@-webkit-keyframes anMarquee{
  0%{opacity:0%;-webkit-transform: translateX(0%);transform: translateX(0%);}
  5%{opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
  99%{opacity: 1;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100%{opacity: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

@keyframes anbgLoad{
  0%{background-position: 200% 0;}
  100%{background-position: -200% 0;}
}

@-webkit-keyframes anbgLoad{
  0%{background-position: 200% 0;}
  100%{background-position: -200% 0;}
}