@charset "utf-8";
.centerwrap{  width:1440px;  margin:0 auto;}
.section{position:relative; }
.section.noflow{overflow:hidden;}
body{background:#fff;}
.hcenter{position:absolute;top:50%;transform: translateY(-50%);}

.show400{display:none!important;}
.btn{cursor: pointer;}
.mx100{max-width:100%;}
.fbold{font-weight:bold;}
.z001{z-index: 1;}
.cn.off{display:none!important;}
.zh.off{display:none!important;}
.cn{font-family: "Noto Sans CJK SC"!important;}
.zh{font-family: "Noto Sans CJK TC"!important;}

.zhmyerr{color:red;}
.cnmyerr{color:red;}
.bgcolorfff{background:#fff;}
.bgcolor666{background:#666;}
.bgcolor000{background:#000;}
.bgcolorecebe7{background:#ecebe7;}
.mr10{margin-right:calc(10vw / 19.2);}
.mr20{margin-right:calc(20vw / 19.2);}
.w100{width:100%;}
.fcolor000{color:#000;}
.fcolorfff{color:#fff;}
.fcoloradb5c8{color:#adb5c8;}
.fcolor960000{color:#960000;}
.fcolor6b6b6b{color:#6b6b6b;}
.fcolor878787{color:#878787;}
.lettersp1{letter-spacing: calc(1vw / 19.2);}
.lettersp2{letter-spacing: calc(2vw / 19.2);}
.lettersp3{letter-spacing: calc(3vw / 19.2);}
.lettersp4{letter-spacing: calc(4vw / 19.2);}
.lettersp5{letter-spacing: calc(5vw / 19.2);}
.pv1{padding:calc(10vw / 19.2) 0;}
.mover{opacity:0;transition: all 0.8s;margin-top:calc(20vw / 19.2);}
.mover.on{opacity:1;margin-top:0;}
/*設計上的字尺寸..設計19.20 */
.fsize90{font-size:calc(1vw * 90 / 19.2);line-height:calc(1.6vw * 90 / 19.2);}
.fsize90.s{line-height:calc(1.2vw * 90 / 19.2);}
.fsize90.l{line-height:calc(2vw * 90 / 19.2);}
.fsize80{font-size:calc(1vw * 80 / 19.2);line-height:calc(1.6vw * 80 / 19.2);}
.fsize80.s{line-height:calc(1.2vw * 80 / 19.2);}
.fsize80.l{line-height:calc(2vw * 80 / 19.2);}
.fsize70{font-size:calc(1vw * 70 / 19.2);line-height:calc(1.6vw * 70 / 19.2);}
.fsize70.s{line-height:calc(1.2vw * 70 / 19.2);}
.fsize70.l{line-height:calc(2vw * 70 / 19.2);}
.fsize65{font-size:calc(1vw * 65 / 19.2);;line-height:calc(1.6vw * 65 / 19.2);}
.fsize65.s{line-height:calc(1.2vw * 65 / 19.2);}
.fsize65.l{line-height:calc(2vw * 65 / 19.2);}
.fsize60{font-size:calc(1vw * 60 / 19.2);;line-height:calc(1.6vw * 60 / 19.2);}
.fsize60.s{line-height:calc(1.2vw * 60 / 19.2);}
.fsize60.l{line-height:calc(2vw * 60 / 19.2);}
.fsize55{font-size:calc(1vw * 55 / 19.2);;line-height:calc(1.6vw * 55 / 19.2);}
.fsize55.s{line-height:calc(1.2vw * 55 / 19.2);}
.fsize55.l{line-height:calc(2vw * 55 / 19.2);}
.fsize50{font-size:calc(1vw * 50 / 19.2);;line-height:calc(1.6vw * 50 / 19.2);}
.fsize50.s{line-height:calc(1.2vw * 50 / 19.2);}
.fsize50.l{line-height:calc(2vw * 50 / 19.2);}
.fsize45{font-size:calc(1vw * 45 / 19.2);;line-height:calc(1.6vw * 45 / 19.2);}
.fsize45.s{line-height:calc(1.2vw * 45 / 19.2);}
.fsize45.l{line-height:calc(2vw * 45 / 19.2);}
.fsize40{font-size:calc(1vw * 40 / 19.2);;line-height:calc(1.6vw * 40 / 19.2);}
.fsize40.s{line-height:calc(1.2vw * 40 / 19.2);}
.fsize40.l{line-height:calc(2vw * 40 / 19.2);}
.fsize36{font-size:calc(1vw * 36 / 19.2);;line-height:calc(1.6vw * 36 / 19.2);}
.fsize36.s{line-height:calc(1.2vw * 36 / 19.2);}
.fsize36.l{line-height:calc(2vw * 36 / 19.2);}
.fsize32{font-size:calc(1vw * 32 / 19.2);;line-height:calc(1.6vw * 32 / 19.2);}
.fsize32.s{line-height:calc(1.2vw * 32 / 19.2);}
.fsize32.l{line-height:calc(2vw * 32 / 19.2);}
.fsize30{font-size:calc(1vw * 30 / 19.2);;line-height:calc(1.6vw * 30 / 19.2);}
.fsize30.s{line-height:calc(1.2vw * 30 / 19.2);}
.fsize30.l{line-height:calc(2vw * 30 / 19.2);}
.fsize28{font-size:calc(1vw * 28 / 19.2);;line-height:calc(1.6vw * 28 / 19.2);}
.fsize28.s{line-height:calc(1.2vw * 28 / 19.2);}
.fsize28.l{line-height:calc(2vw * 28 / 19.2);}
.fsize26{font-size:calc(1vw * 26 / 19.2);;line-height:calc(1.6vw * 26 / 19.2);}
.fsize26.s{line-height:calc(1.2vw * 26 / 19.2);}
.fsize26.l{line-height:calc(2vw * 26 / 19.2);}
.fsize25{font-size:calc(1vw * 25 / 19.2);;line-height:calc(1.6vw * 25 / 19.2);}
.fsize25.s{line-height:calc(1.2vw * 25 / 19.2);}
.fsize25.l{line-height:calc(2vw * 25 / 19.2);}
.fsize24,.fa.fsize24{font-size:calc(1vw * 24 / 19.2);;line-height:calc(1.6vw * 24 / 19.2);}/*小標尺寸*/
.fsize24.s{line-height:calc(1.2vw * 24 / 19.2);}
.fsize24.l{line-height:calc(2vw * 24 / 19.2);}
.fsize23{font-size:calc(1vw * 23 / 19.2);;line-height:calc(1.6vw * 23 / 19.2);}
.fsize23.s{line-height:calc(1.2vw * 23 / 19.2);}
.fsize23.l{line-height:calc(2vw * 23 / 19.2);}
.fsize22{font-size:calc(1vw * 22 / 19.2);;line-height:calc(1.6vw * 22 / 19.2);}
.fsize22.s{line-height:calc(1.2vw * 22 / 19.2);}
.fsize22.l{line-height:calc(2vw * 22 / 19.2);}
.fsize21,.fa.fsize21{font-size:calc(1vw * 21 / 19.2);;line-height:calc(1.6vw * 21 / 19.2);}/*標準尺寸*/
.fsize21.s{line-height:calc(1.2vw * 21 / 19.2);}
.fsize21.l{line-height:calc(2vw * 21 / 19.2);}
.fsize20{font-size:calc(1vw * 20 / 19.2);;line-height:calc(1.6vw * 20 / 19.2);}/* 小字 */
.fsize20.s{line-height:calc(1.2vw * 20 / 19.2);}
.fsize20.l{line-height:calc(2vw * 20 / 19.2);}
.fsize18{font-size:calc(1vw * 18 / 19.2);;line-height:calc(1.6vw * 18 / 19.2);}/* 小字 */
.fsize18.s{line-height:calc(1.2vw * 18 / 19.2);}
.fsize18.l{line-height:calc(2vw * 18 / 19.2);}

/* header 總高度=calc(95vw / 19.2) */
header{position: fixed;z-index:67;left:0;width:100%;top:calc(45vw / 19.2);}
header .logo{position:absolute;z-index:1;height:calc(40vw / 19.2);left:calc(52vw / 19.2);}

.topmenubox{position:absolute;top:0;height:calc(40vw / 19.2);right:calc(45vw / 19.2);}
.topmenubox span{float:left;}
.mselecticon{display:inline-block;height:calc(1.6vw * 20 / 19.2);width:calc(1.6vw * 20 / 19.2);text-align: center;padding:calc(15vw / 19.2);background:#ecebe7;border-radius:calc(40vw / 19.2);margin:calc(-15vw / 19.2) 0  0 calc(15vw / 19.2);}
.headicon{margin-left:calc(15vw / 19.2);float:left;}
.topmenubox a:hover{color:#000!important;}
.logoffbtn{display:inline-block;padding:0 1vw;border-radius: 100px;}
/* nav */
nav{position: fixed;z-index:99;top:0;right:calc(-476vw / 19.2);opacity:0;height:100%;width:calc(476vw / 19.2);background:#ecebe7;transition: all 0.8s;}
nav.on{right:0;opacity:1;}
.navbox{padding:calc(45vw / 19.2) calc(77vw / 19.2);}
.mselecticon2{float:right;}
.menuitem{display:block;margin:calc(20vw / 19.2) 0 calc(50vw / 19.2) 0;color:#960000;}
.menuitem span{display:block;width:calc(50vw / 19.2);height:calc(3vw / 19.2);margin-top:calc(5vw / 19.2);background:#960000;visibility: hidden;}
.menuitem.on span{visibility:visible;}
/* pop */
/* pop */
#pop{position:fixed;top:0;left:0;;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.5);text-align: center;}
#pop:has(> #popin.style2), #pop:has(> #popin.style3){background:rgba(0,0,0,0.8);}
#pop.style2,#pop.style3{background:rgba(0,0,0,0.8);}
#popin{position:relative;top:50%;transform:translateY(-50%);z-index:1;background:rgba(255,255,255,1);border-radius: calc(20vw / 19.2);max-height:80%;overflow-y: auto;margin:0 auto;box-shadow: calc(10vw / 19.2) calc(10vw / 19.2) calc(15vw / 19.2) rgba(0,0,0,0.5);transition:all 0.5s;opacity:0;margin-top:-50vw;}
#popin.on{margin-top:0;opacity:1;}
#popin.style1{width:calc(680vw / 19.2);}
#popin.style2{width:100%;background:none;border:none;box-shadow:none;border-radius:0;max-height:90%;}
#popin.style3{width:calc(880vw / 19.2);background:#000;border:none;box-shadow:none;border-radius:0;max-height:90%;}
#popcontent{padding:calc(65vw / 19.2);}
#popvideobox{padding:calc(40vw / 19.2) calc(15vw / 19.2);}/*寬等於850 */
#popvideobox iframe{width:100%;height:calc(850vw * ( 315 / 560 ) / 19.2);}/* 560X 315 是 youtube   */
#popvideobox video{width:100%;}
#popvideoicon{margin-top:calc(10vw / 19.2);width:calc(80vw / 19.2);}

.popsubselect{position:relative;display: inline-block;color:#333333;padding:0 calc(25vw / 19.2);margin-top:calc(25vw / 19.2);}
.popsubselect span{position:absolute;display:block;top:0;left:0;height:100%;width:calc(10vw / 19.2);background:#333333;margin-right:calc(15vw / 19.2);}
.popsubselect:nth-child(2){padding-right:0;}
.popsubselect.on{color:#960000;}
.popsubselect.on span{background:#960000;}
.popnote{margin:calc(30vw / 19.2) 0;}
.popbtn{display: inline-block;width:20%;margin:calc(40vw / 19.2) calc(20vw / 19.2);text-align:center;border-radius: calc(50vw / 19.2); border:calc(1vw / 19.2) solid #000;box-shadow: calc(10vw / 19.2) calc(10vw / 19.2) calc(15vw / 19.2) rgba(0,0,0,0.5)}
/* input */
.floatbtn{position:absolute;padding:0 calc(15vw / 19.2);bottom:calc(20vw / 19.2);right:calc(40vw / 19.2);border-radius: calc(50vw / 19.2); border:calc(1vw / 19.2) solid #000;box-shadow: calc(10vw / 19.2) calc(10vw / 19.2) calc(15vw / 19.2) rgba(0,0,0,0.5);}
.formbtn{display:inline-block;border-radius: calc(30vw / 19.2);padding:calc(5vw / 19.2) calc(50vw / 19.2);margin:calc(10vw / 19.2) 0;}
input[type=text]{}
input[type=text].style1{margin:calc(10vw / 19.2) 0;padding:calc(8vw / 19.2) calc(15vw / 19.2);border:1px solid #d9d9d9;border-radius: calc(15vw / 19.2);width:calc(100% - calc(30vw / 19.2) - 2px);}



/* article */
article{position:absolute;z-index:11;height:calc(100% - calc(89vw / 19.2));width:100%;min-height:calc(1080vw / 19.2);background:url(../img/allbg.jpg);background-size: cover;background-position: center;overflow: auto;}
article.style2{top:calc(125vw / 19.2);height:calc(100% - calc(215vw / 19.2));padding-bottom:calc(90vw / 19.2);background:none;min-height:calc(700vw / 19.2);}
article.style3{top:calc(125vw / 19.2);height:auto;padding-bottom:calc(90vw / 19.2);background:url(../img/allbg.jpg);background-size: cover;background-position: center;overflow: auto;min-height:0;}
article.style4{min-height:auto;overflow: hidden;}

/* footer */
footer{position: fixed;bottom:0;left:0;width:100%;z-index:66;padding:calc(30vw / 19.2) 0;}
#footerleft{margin-left: calc(267vw /19.2);padding-left:calc(15vw / 19.2);border-left:calc(10vw / 19.2) solid #000;}
#foottimer{float:right;margin-right: calc(479vw / 19.2);}
#foottimer span{display:inline-block;}
#foottimer span:nth-child(3){padding:0 calc(35vw / 19.2); border-radius:100px;}
#footerright{position: absolute; bottom:0;right: calc(134vw / 19.2);}


/* index */
.frlanselect{display: inline-block;float:left;width:calc(152vw / 19.2);text-align: center;padding:calc(15vw / 19.2) 0;}
.indexlogin{display: inline-block;padding:calc(3vw / 19.2) calc(50vw / 19.2);border-radius: calc(20vw / 19.2);border:calc(1vw / 19.2) solid #000;background:rgba(255,255,255,0.5);margin:calc(20vw / 19.2) 0;)}

/* judge */
#judgecontent{position:relative;padding-top:calc(125vw / 19.2);height:calc(100% - calc(125vw / 19.2));padding-bottom:calc(90vw / 19.2);}
#judgecontentin{width:calc(1656vw / 19.2);margin:0 auto;height:100%;}
#judgelisttitle{padding:calc(20vw / 19.2) 0;height:calc(40vw / 19.2);}
#judgelisttitle span{display:inline-block;border:calc(1vw / 19.2) solid #878787;color:#878787;width:calc(300vw / 19.2);text-align:center;margin-right:calc(10vw / 19.2);}
#judgelisttitle span.on{border:calc(1vw / 19.2) solid #000;color:#000;font-weight:bold;}
#judgelistwrap{height:calc(100% - calc(80vw / 19.2));overflow: auto;}
.judgelistitem{padding:calc(10vw / 19.2);margin-bottom:calc(20vw / 19.2);}
.jdlistag{display:inline-block;padding:0 calc(10vw / 19.2);}
.judgelistblock{display: inline-block;float: left;}
.judgelistblock:nth-child(1){width:calc(335vw / 19.2);}
.judgelistblock:nth-child(2){width:calc(200vw / 19.2);}
.judgelistblock:nth-child(3){width:calc(330vw / 19.2);}
.judgelistblock:nth-child(4){width:calc(100% - calc(880vw / 19.2));text-align:right;}
.judgelistblock .jdlistagb{display: block;}
.judgelistblock .jdlistagb span{display:inline-block;min-width:calc(60vw / 19.2);}
.judgelistblock .jdlistagb .jdname{word-wrap:break-word; margin-right:1.2vw;float:left;min-width:0;}
.jdlistbtn{padding:calc(5vw / 19.2) calc(70vw / 19.2);border-radius: calc(10vw / 19.2)}
#judgeintop{position:relative;height:calc(50vw / 19.2);}
#judgeintop span{margin-right:calc(15vw / 19.2);float:left;}
#judgeintop span span{margin-right:0;float:none;}
span.vline{background:#000;}
span.vline.s2{background:#fff;}
.judgehalfwrap{position:relative;height:calc(99% - calc(50vw / 19.2))}
.judgehalf{position:relative;width:calc(50% - calc(5vw / 19.2));height:100%;}
.judgehalf:nth-child(1){float:left;}
.judgehalf:nth-child(2){float:right;}
.judgeintitle{position:relative;height:calc(60vw / 19.2);}/* 60 */
.judgeintitle span{margin-right:calc(15vw / 19.2);float:left;}
.judgeintitle span span{margin-right:0;float:none;}
.jsubselect{padding:0 calc(20vw / 19.2);border:1px solid #878787;color:#878787;background:rgba(255,255,255,0.5);}
.jsubselect.on{color:#000;border:1px solid #000;}
.judgeintext{height:calc(100% - calc(285vw / 19.2));padding:calc(10vw / 19.2);overflow:auto;background:#fff;}
.judgehalf:nth-child(2) .judgeintext{background:#e1e1e1;}
.judgeinscorebox{background:#000;padding:calc(10vw / 19.2);height:calc(185vw / 19.2);}/* 185+20 */
.jisitem{display:inline-block;height:100%;float:left;}
.jis1{width:calc(200vw / 19.2);}
.jis2{width:calc(450vw / 19.2);}
.jis3{width:calc(100% - calc(650vw / 19.2));}
table.jitable tr{border:1px solid #fff;}
table.jitable th{border:1px solid #000;}
table.jitable td{border:1px solid #fff;}
table.jitable th ,table.jitable td{width:calc(80vw / 19.2);text-align:center;}
table.jitable input{width:80%;color:#fff;margin:0 10%;background:none;text-align: right;}
.jis21{height:calc(40vw / 19.2);}
.jis22{height:calc(100% - calc(40vw / 19.2));}
.jis22 textarea{width:90%;height:100%;background:none;border:none;resize: none;}
.jis3 .jis3btn{position:relative;display:block;border:1px solid #fff;height:calc(45% - 2px);text-align: center;}
.jis3 .jis3btn:nth-child(1){margin-bottom:10%;}
.jis3 .jis3btn span{width:100%;margin:0;left:0;}

/* game */
#game0listleft{width:30%;height:100%;overflow: none;float:left;}
#game0listright{width:calc(70% - calc(20vw/ 19.2));height:100%;overflow: auto;float:right;}
.game0top{position:relative;height:calc(60vw/ 19.2);}
#game0listleft .game0middle{position:relative;height:calc(100% - calc(130vw / 19.2));background:#fff;overflow: auto;}
.game0middlein{position:relative;padding:calc(20vw / 19.2);}
#game0listleft .game0bottom{position:relative;height:calc(60vw / 19.2);}
#game0listright #judgelistwrap{height:calc(100% - calc(70vw / 19.2));overflow: auto;}
.game0note{margin:calc(20vw / 19.2) 0; padding:calc(10vw / 19.2);border:1px solid #960000;display:inline-block;}


.gametopbox{position:relative;height:calc(260vw / 19.2);background:#000;}
.gtopperson{position:relative;width:calc(525vw / 19.2);height:calc(260vw / 19.2);}
.gtopcenter{position:relative;width:calc(100% - calc(1050vw / 19.2));height:calc(260vw / 19.2);}
.gtopimgwrap{position:relative;width:calc(325vw / 19.2);height:calc(260vw / 19.2);overflow: hidden;}
.gtopimgwrap img{height:100%;margin-left:50%;transform: translateX(-50%);}
.gtopinfo{position:relative;width:calc(100% - calc(325vw / 19.2));height:calc(260vw / 19.2);}
.gtopleft .gtopimgwrap{float:right;}
.gtopright{background:#848484;}
.gtopright .gtopimgwrap{float:left;}
.gtopinfo{text-align: center;}
.gtnametag{display:inline-block;padding:0 calc(20vw / 19.2);margin:calc(30vw / 19.2) auto 0 auto;}
.gtname{margin:calc(20vw / 19.2) auto 0 auto;}
.gtnum{position: absolute;bottom:1px;width:100%;text-align:center;}
.gtcentertag{display:inline-block;padding:0 calc(20vw / 19.2);margin:calc(30vw / 19.2) auto calc(10vw / 19.2)  auto;}
.gtcenternum{position: absolute;bottom:1px;left:10%;width:80%;text-align:center;}
.gamebottombox{position:absolute;height:calc(100% - calc(350vw / 19.2));width:100%;left:0;bottom:calc(90vw / 19.2);}/* 260 + 90 */
.gamebottombox .maininput{position:absolute;resize: none;border:none;top:0;left:0;width:calc(100% - calc(60vw / 19.2));height:calc(100% - calc(40vw / 19.2));padding:calc(20vw / 19.2) calc(30vw / 19.2);}
.gamebottombox .gamebottomboxin{position:absolute;top:0;left:0;width:calc(100% - calc(60vw / 19.2));height:calc(100% - calc(40vw / 19.2));padding:calc(20vw / 19.2) calc(30vw / 19.2);}
.gamebottomhalf{position:absolute;top:0;width:calc(50% - calc(60vw / 19.2));height:calc(100% - calc(40vw / 19.2));padding:calc(20vw / 19.2) calc(30vw / 19.2);}
.gamebottomhalf:nth-child(1){left:0;}
.gamebottomhalf:nth-child(2){right:0;}
.gamebottomhalf .bline{position:absolute;top:50%;right:0;transform: translateY(-50%);height:96%;border-right:1px solid #000;}
.gamebottomhalf .maininput{height:calc(100% - calc(110vw / 19.2));top:calc(70vw / 19.2);}
.gbbtitlebox span{display:inline-block;margin-right:calc(10vw / 19.2);}
.gbbtitlebox span span{color:#878787;border:1px solid #878787;padding:0 calc(20vw / 19.2);}
.gbbtitlebox span.on span{color:#960000;font-weight: bold;border:none;}
.gbbinfobox{max-height:calc(100% - calc(70vw / 19.2));margin-top:calc(20vw / 19.2);overflow-y: auto;}


/* 手機板  */
@media screen and (max-width: 1000px) {
  .show400{display: block!important;}
  .show400.inline{display: inline!important;}
  .hide400{display: none!important;}
  .centerwrap{  width:90%;  margin:0 auto;}
  .fsize90{font-size:calc(1vw * 90 / 6);line-height:calc(1.6vw * 90 / 6);}
  .fsize90.s{line-height:calc(1.2vw * 90 / 6);}
  .fsize90.l{line-height:calc(2vw * 90 / 6);}
  .fsize80{font-size:calc(1vw * 80 / 6);line-height:calc(1.6vw * 80 / 6);}
  .fsize80.s{line-height:calc(1.2vw * 80 / 6);}
  .fsize80.l{line-height:calc(2vw * 80 / 6);}
  .fsize70{font-size:calc(1vw * 70 / 6);line-height:calc(1.6vw * 70 / 6);}
  .fsize70.s{line-height:calc(1.2vw * 70 / 6);}
  .fsize70.l{line-height:calc(2vw * 70 / 6);}
  .fsize65{font-size:calc(1vw * 65 / 6);line-height:calc(1.6vw * 65 / 6);}
  .fsize65.s{line-height:calc(1.2vw * 65 / 6);}
  .fsize65.l{line-height:calc(2vw * 65 / 6);}
  .fsize60{font-size:calc(1vw * 60 / 6);line-height:calc(1.6vw * 60 / 6);}
  .fsize60.s{line-height:calc(1.2vw * 60 / 6);}
  .fsize60.l{line-height:calc(2vw * 60 / 6);}
  .fsize55{font-size:calc(1vw * 55 / 6);line-height:calc(1.6vw * 55 / 6);}
  .fsize55.s{line-height:calc(1.2vw * 55 / 6);}
  .fsize55.l{line-height:calc(2vw * 55 / 6);}
  .fsize50{font-size:calc(1vw * 50 / 6);line-height:calc(1.6vw * 50 / 6);}
  .fsize50.s{line-height:calc(1.2vw * 50 / 6);}
  .fsize50.l{line-height:calc(2vw * 50 / 6);}
  .fsize45{font-size:calc(1vw * 45 / 6);line-height:calc(1.6vw * 45 / 6);}
  .fsize45.s{line-height:calc(1.2vw * 45 / 6);}
  .fsize45.l{line-height:calc(2vw * 45 / 6);}
  .fsize40{font-size:calc(1vw * 40 / 6);line-height:calc(1.6vw * 40 / 6);}
  .fsize40.s{line-height:calc(1.2vw * 40 / 6);}
  .fsize40.l{line-height:calc(2vw * 40 / 6);}
  .fsize36{font-size:calc(1vw * 36 / 6);line-height:calc(1.6vw * 36 / 6);}
  .fsize36.s{line-height:calc(1.2vw * 36 / 6);}
  .fsize36.l{line-height:calc(2vw * 36 / 6);}
  .fsize32{font-size:calc(1vw * 32 / 6);line-height:calc(1.6vw * 32 / 6);}
  .fsize32.s{line-height:calc(1.2vw * 32 / 6);}
  .fsize32.l{line-height:calc(2vw * 32 / 6);}
  .fsize30{font-size:calc(1vw * 30 / 6);line-height:calc(1.6vw * 30 / 6);}
  .fsize30.s{line-height:calc(1.2vw * 30 / 6);}
  .fsize30.l{line-height:calc(2vw * 30 / 6);}
  .fsize28{font-size:calc(1vw * 28 / 6);line-height:calc(1.6vw * 28 / 6);}
  .fsize28.s{line-height:calc(1.2vw * 28 / 6);}
  .fsize28.l{line-height:calc(2vw * 28 / 6);}
  .fsize26{font-size:calc(1vw * 26 / 6);line-height:calc(1.6vw * 26 / 6);}
  .fsize26.s{line-height:calc(1.2vw * 26 / 6);}
  .fsize26.l{line-height:calc(2vw * 26 / 6);}
  .fsize25{font-size:calc(1vw * 25 / 6);line-height:calc(1.6vw * 25 / 6);}
  .fsize25.s{line-height:calc(1.2vw * 25 / 6);}
  .fsize25.l{line-height:calc(2vw * 25 / 6);}
  .fsize24{font-size:calc(1vw * 24 / 6);line-height:calc(1.6vw * 24 / 6);}/*小標尺寸*/
  .fsize24.s{line-height:calc(1.2vw * 24 / 6);}
  .fsize24.l{line-height:calc(2vw * 24 / 6);}
  .fsize23{font-size:calc(1vw * 23 / 6);line-height:calc(1.6vw * 23 / 6);}
  .fsize23.s{line-height:calc(1.2vw * 23 / 6);}
  .fsize23.l{line-height:calc(2vw * 23 / 6);}
  .fsize22{font-size:calc(1vw * 22 / 6);line-height:calc(1.6vw * 22 / 6);}
  .fsize22.s{line-height:calc(1.2vw * 22 / 6);}
  .fsize22.l{line-height:calc(2vw * 22 / 6);}
  .fsize21{font-size:calc(1vw * 21 / 6);line-height:calc(1.6vw * 21 / 6);}/*標準尺寸*/
  .fsize21.s{line-height:calc(1.2vw * 21 / 6);}
  .fsize21.l{line-height:calc(2vw * 21 / 6);}
  .fsize20{font-size:calc(1vw * 20 / 6);line-height:calc(1.6vw * 20 / 6);}/* 小字 */
  .fsize20.s{line-height:calc(1.2vw * 20 / 6);}
  .fsize20.l{line-height:calc(2vw * 20 / 6);}
  .fsize18{font-size:calc(1vw * 18 / 6);line-height:calc(1.6vw * 18 / 6);}/* 超小字 */
  .fsize18.s{line-height:calc(1.2vw * 18 / 6);}
  .fsize18.l{line-height:calc(2vw * 18 / 6);}
}