@charset "UTF-8";
/*! Project:m126857-pc, Create:ylp 2021.04.09 17:22, Update:ylp 2021.04.10 15:28 */ 

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:-apple-system,Tahoma,"Microsoft YaHei","WenQuanYi Micro Hei","PingFang SC",Helvetica,arial;vertical-align:baseline}
html{font-size:100px;line-height:1}
body{font-size:50px}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a{color:#fff;text-decoration:none}
a:hover,a:visited{text-decoration:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,select{outline:0}
::-webkit-input-placeholder{color:#fff}
body,html{width:100%;height:100%;min-width:1000px;margin:0 auto}
body{margin:0 auto;font-size:.2rem;color:#fff}
img{width:100%}
.g-navs .m-navs .u-btn,.g-pop .m-pop .btn-log,.g-pop .m-pop .u-tit,.g-pop--rule .u-tit{font-size:0;line-height:0;overflow:hidden}
#g-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}
.logo{position:absolute;left:50%;top:.2rem;width:3.14rem;margin-left:.5rem}
.slogan{position:absolute;left:0;right:0;bottom:1rem;width:12.27rem;margin:auto}
.btn-play{position: absolute; left: 50%; bottom: 3.6rem; width: 1.14rem; height: 1.14rem; background-image: url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/icon-play.png); background-repeat: no-repeat; background-position: center 0; -webkit-background-size: 100% auto; background-size: 100% auto; margin-left: -0.57rem;}
.g-wrapper{width:100%;height:100%}
.g-slide{position:relative;width:100%;background-repeat:no-repeat;background-position:center 0;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.g-slide:nth-child(1){height:9.7rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/bg-01.jpg)}
.g-slide:nth-child(2){height:11.9rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/bg-02.jpg)}
.g-slide:nth-child(3){height:12.5rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/bg-03.jpg)}
.g-slide:nth-child(4){height:14.1rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/bg-04.jpg)}
.g-slide:nth-child(5){height:10.26rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/bg-05.jpg)}
.g-slide:nth-child(1){height:100vh}
.g-navs{display:none;position:fixed;left:0;top:0;z-index:80;width:100%;height:1.2rem;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/navbg.png) no-repeat center 0;-webkit-background-size:100% auto;background-size:100% auto}
.g-navs .m-navs{width:8.9rem;height:.5rem;margin:.24rem auto}
.g-navs .m-navs .u-btn{display:inline-block;width:2.05rem;height:.47rem;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/nav.png) no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%}
.g-navs .m-navs .u-btn.on,.g-navs .m-navs .u-btn:hover{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/nav-on.png)}
.g-navs .m-navs .u-btn:first-child{width:1.04rem;background-position:0 0}
.g-navs .m-navs .u-btn:nth-child(2){background-position:-1.04rem 0}
.g-navs .m-navs .u-btn:nth-child(3){background-position:-3.09rem 0}
.g-navs .m-navs .u-btn:nth-child(4){background-position:-5.14rem 0}
.g-navs .m-navs .u-btn:last-child{width:1.68rem;background-position:-7.19rem 0}
.g-yyBtns{position:absolute;left:0;bottom:0;width:100%;height:1.58rem;padding-top:.3rem;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/downloadBg.png) no-repeat center bottom;-webkit-background-size:auto 100%;background-size:auto 100%;text-align:center}
.g-yyBtns .u-btn{display:inline-block;margin:0 .2rem}
.g-yyBtns .u-btn img{width:auto;height:.9rem}
.g-footer{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:.4rem 0 .6rem;background:#000115;-webkit-background-size:100% auto;background-size:100% auto;text-align:center;color:#fff;font-size:.16rem}
.g-footer .m-company{font-size:.2rem;text-align:center}
.g-footer .m-company .u-logo{display:block;width:1.66rem;margin:0 auto .1rem}
.g-footer .m-ipo{width:5.8rem;padding:0 0 0 .7rem;margin:0 .5rem;text-align:left;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/icon-level.png) no-repeat 0 center;-webkit-background-size:.58rem .58rem;background-size:.58rem .58rem;line-height:1.5}
.g-footer .m-links a{display:block;color:#fff;margin:.2rem 0}
.g-footer .m-copyRight{position:absolute;left:0;bottom:.3rem;width:100%;text-align:center}
.g-pop{position:absolute;left:0;right:0;top:0;bottom:0;width:6.58rem;height:4.93rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/msg2.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;margin:auto}
.g-pop .u-close{position:absolute;right:.1rem;top:0;width:.57rem;height:.58rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/btn-close.png);background-repeat:no-repeat;background-position:center 0;background-size:100% auto}
.g-pop--tp{width:100%;height:6rem;background:0 0}
.g-pop--tp .u-close{right:auto;top:auto;left:50%;bottom:-.3rem;z-index:50;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -4.26rem;width:.57rem;height:.57rem;-webkit-background-size:1094.73684% auto;background-size:1094.73684% auto;margin-left:-.2rem}
.g-pop--rule{width:6.58rem;height:8.63rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/msg-big.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto}
.g-pop--rule .u-tit{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:0rem -4.63rem;width:5.25rem;height:.74rem;-webkit-background-size:189.33333% auto;background-size:189.33333% auto;margin:.7rem auto 0}
.g-pop--rule .m-rule{width:5.2rem;margin:0 auto;font-size:.2rem;line-height:1.5;color:#100}
.g-pop .m-pop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:5.8rem;height:4.45rem;margin:.3rem auto 0;font-size:.4rem;font-weight:700;color:#540b0a}
.g-pop .m-pop .btn-log{display:block;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -2.83rem;width:3rem;height:.8rem;-webkit-background-size:208% auto;background-size:208% auto;margin-top:.5rem}
.g-pop .m-pop .u-tit{margin-bottom:.2rem}
.g-pop .m-pop .u-tips{font-size:.3rem;font-weight:700;color:#540b0a}
.g-pop .m-pop .m-gifts{width:3.08rem;margin-top:.3rem}
.g-pop .m-yyBtns{position:static;right:auto;top:auto;width:4.45rem;margin:.2rem auto 0}
.g-pop .m-yyBtns .u-btn{display:inline-block;width:2.04rem}
.g-pop .m-yyBtns .u-btn:nth-child(2){width:1.97rem;margin-left:.2rem}
.g-pop .m-form .m-inp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:4.72rem;height:.7rem;background:rgba(132,100,110,.5);border:.03rem #5a2420 solid;-webkit-border-radius:.1rem;border-radius:.1rem}
.g-pop .m-form .u-inp,.g-pop .m-form .u-sel{height:.52rem;margin-top:.06rem;font-size:.28rem;line-height:.52rem;border:0 none;background:0 0;color:#5a2420}
.g-pop .m-form .u-sel{width:1.5rem}
.g-pop .m-form .u-inp{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;padding:0 .1rem;border-left:1px #5a2420 solid;-webkit-border-radius:0;border-radius:0}
.g-pop .m-form .btn-yy{display:block;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.8rem -2.55rem;width:1.98rem;height:.67rem;-webkit-background-size:315.15152% auto;background-size:315.15152% auto;margin:.2rem auto 0}
.g-pop .m-form .m-accept{float:none;color:#fff}
.g-pop--fail .m-pop .u-tit{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:-5.05rem -2.26rem;width:4.75rem;height:.81rem;-webkit-background-size:209.26316% auto;background-size:209.26316% auto}
.g-pop--success .m-pop .u-tit{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:-5.05rem -3.11rem;width:3.46rem;height:.8rem;-webkit-background-size:287.28324% auto;background-size:287.28324% auto}
.g-pop--success .m-pop .u-tit--online{width:4.53rem;height:auto;background:0 0}
.g-pop--get .m-pop .u-tit{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:-5.05rem -1.4rem;width:4.75rem;height:.82rem;-webkit-background-size:209.26316% auto;background-size:209.26316% auto}
.g-pop--video{width:10rem;height:5.63rem;background:0 0}
.g-pop--video iframe{width:100%;height:100%}
.g-pop--video .u-close{right:-.7rem;z-index:50;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -4.26rem;width:.57rem;height:.57rem;-webkit-background-size:1094.73684% auto;background-size:1094.73684% auto}
.m-bgm{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%}
.m-bgm video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-tpContainer{width:10.5rem}
.m-tpContainer .swiper-slide .u-role{display:block;width:8.26rem;height:5.59rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/msg-role.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;padding:.25rem 0 0 .66rem;margin:0 auto}
.m-tpContainer .swiper-slide .u-role img{width:7.28rem}
.m-tpContainer .swiper-slide .btn-tp{position:absolute;left:50%;bottom:.6rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.8rem -.85rem;width:2.44rem;height:.81rem;-webkit-background-size:255.7377% auto;background-size:255.7377% auto;margin-left:-2.8rem}
.m-tpContainer .swiper-slide .btn-tp.checked{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.8rem 0rem;width:2.44rem;height:.81rem;-webkit-background-size:255.7377% auto;background-size:255.7377% auto}
.m-tpContainer .swiper-slide .btn-tp.unchecked{-webkit-filter:grayscale(1);filter:grayscale(1)}
.m-tpContainer .swiper-button-next,.m-tpContainer .swiper-button-prev{width:.53rem;height:.64rem}
.m-tpContainer .swiper-button-prev{left:.3rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.04rem -2.83rem;-webkit-background-size:1177.35849% auto;background-size:1177.35849% auto}
.m-tpContainer .swiper-button-next{right:.3rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-2.76rem -1.88rem;-webkit-background-size:1155.55556% auto;background-size:1155.55556% auto}
.m-yyForm{position:absolute;left:0;right:0;bottom:.3rem;width:10.39rem;height:1.53rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/boxbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;margin:auto}
.m-yyForm .m-inp{float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:4.72rem;height:.7rem;margin:.3rem 0 0 .45rem;background:rgba(0,0,0,.6);border:.03rem #ffc343 solid;-webkit-border-radius:.1rem;border-radius:.1rem}
.m-yyForm .u-inp,.m-yyForm .u-sel{height:.52rem;margin-top:.06rem;font-size:.24rem;line-height:.52rem;border:0 none;background:0 0;color:#ffc343}
.m-yyForm .u-sel{width:1.5rem}
.m-yyForm .u-inp{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 .1rem;border-left:1px #ffc343 solid;-webkit-border-radius:0;border-radius:0}
.m-yyForm .btn-yy{position:absolute;left:5.35rem;top:.3rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -1.88rem;width:2.72rem;height:.91rem;-webkit-background-size:229.41176% auto;background-size:229.41176% auto}
.m-accept{float:left;width:100%;margin:.1rem 0 0 .5rem;font-size:.18rem;line-height:.2rem;text-shadow:.01rem .01rem .05rem #000}
.m-accept a{text-decoration:underline}
.m-yyBtns{position:absolute;right:.35rem;top:.2rem;width:1.8rem}
.m-yyBtns .u-btn{display:inline-block;width:100%;margin-bottom:.06rem}
.m-tpBox{width:100%}
.m-tpBox .m-list{width:10rem;margin:0 auto;zoom:1}
.m-tpBox .m-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.m-tpBox .m-list li{position:relative;float:left;width:1.83rem;height:2.5rem;margin:.8rem .3rem 0;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/tp-circlebg.png) no-repeat center 0;-webkit-background-size:1.83rem auto;background-size:1.83rem auto;cursor:pointer}
.m-tpBox .m-list li .m-circle{position:absolute;left:50%;top:.06rem;width:1.69rem;height:1.69rem;margin-left:-.85rem}
/*.m-tpBox .m-list li .u-scrollCircle{position:absolute;left:50%;top:.06rem;width:0;height:1.69rem;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/tp-circle.png) no-repeat 0 0;-webkit-background-size:auto 100%;background-size:auto 100%;margin-left:-.85rem}*/
.m-tpBox .m-list li .u-scrollCircle{position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/tp-circle.png) no-repeat 0 bottom;-webkit-background-size:100% auto;background-size:100% auto}
.m-tpBox .m-list li .u-role{position:absolute;left:50%;bottom:.87rem}
.m-tpBox .m-list li .u-role--01{margin-left:-.64rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:-1.65rem -4.86rem;width:1.38rem;height:1.82rem;-webkit-background-size:490.57971% auto;background-size:490.57971% auto}
.m-tpBox .m-list li .u-role--02{margin-left:-1.04rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:0rem 0rem;width:2.54rem;height:2.87rem;-webkit-background-size:266.53543% auto;background-size:266.53543% auto}
.m-tpBox .m-list li .u-role--03{margin-left:-.84rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:-4.87rem 0rem;width:1.9rem;height:1.86rem;-webkit-background-size:356.31579% auto;background-size:356.31579% auto}
.m-tpBox .m-list li .u-role--04{margin-left:-.88rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:0rem -4.86rem;width:1.61rem;height:1.86rem;-webkit-background-size:420.49689% auto;background-size:420.49689% auto}
.m-tpBox .m-list li .u-role--05{margin-left:-.73rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:-4.87rem -1.9rem;width:1.74rem;height:2.01rem;-webkit-background-size:389.08046% auto;background-size:389.08046% auto}
.m-tpBox .m-list li .u-role--06{margin-left:-.73rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:-2.58rem 0rem;width:2.25rem;height:1.95rem;-webkit-background-size:300.88889% auto;background-size:300.88889% auto}
.m-tpBox .m-list li .u-role--07{margin-left:-1.04rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:-2.16rem -2.91rem;width:2.13rem;height:1.81rem;-webkit-background-size:317.84038% auto;background-size:317.84038% auto}
.m-tpBox .m-list li .u-role--08{margin-left:-.9rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTxs.png);background-position:0rem -2.91rem;width:2.12rem;height:1.91rem;-webkit-background-size:319.33962% auto;background-size:319.33962% auto}
/*.m-tpBox .m-list li .u-num{position:absolute;bottom:.6rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1.06rem;height:.38rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/tpbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;text-align:center;color:#3f0000;font-size:.26rem;line-height:.38rem;text-shadow:.02rem .02rem 0 #fff}*/
.m-tpBox .m-list li .u-num{position:absolute;bottom:.8rem;left:50%;-webkit-transform:translateX(-50%) scale(.8);-ms-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8);width:1.06rem;height:.38rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/tpbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;text-align:center;color:#3f0000;font-size:.26rem;line-height:.38rem;text-shadow:.02rem .02rem 0 #fff}
.m-tpBox .m-list li .u-name{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:110%;padding:.1rem 0;font-size:.3rem;font-family:simsun;font-weight:700;text-align:center}
.m-tpBox .m-list li.on .u-name{background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/namebg.png) no-repeat center center;-webkit-background-size:.5rem auto;background-size:.5rem auto;text-shadow:.03rem .03rem .1rem red}
.m-tpBox .btn-rule{display:block;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.8rem -1.7rem;width:2.41rem;height:.81rem;-webkit-background-size:258.92116% auto;background-size:258.92116% auto;margin:.5rem auto 0}
.m-yyNum{width:10.1rem;height:1.55rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/yynumbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;padding:.4rem 0 0 1.44rem;margin:.1rem auto .1rem;font-size:.6rem;font-family:simsun;font-weight:700;text-shadow:.02rem .02rem .02rem #000}
.m-yyNum .u-num{font-size:.64rem;color:#ffc600}
.m-rewards{position:relative;width:100%;padding-top:7.2rem}
.m-rewards .m-scrollBar{position:absolute;left:50%;top:0;margin-left:-7.1rem;width:12.79rem;height:1.08rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/sword.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;overflow:hidden}
.m-rewards .m-scrollBar .u-bar{position:absolute;left:2.2rem;top:.05rem;width:10.62rem;height:.85rem}
.m-rewards .m-scrollBar .u-bar .u-sword{position:absolute;right:0;top:0;width:100%;height:100%;background:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/scabbard.png) no-repeat left 0;-webkit-background-size:auto 100%;background-size:auto 100%;content:" "}
.m-rewards .m-list{position:absolute;left:50%;top:1rem;margin-left:-5.7rem;width:12rem}
.m-rewards .m-list li{position:relative;float:left;margin-right:.6rem}
.m-rewards .m-list li.on::after{position:absolute;left:-.42rem;top:-.27rem;content:" "}
.m-rewards .m-list li:nth-child(1){background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-7.6rem -6.33rem;width:1.86rem;height:5.38rem;-webkit-background-size:774.73118% auto;background-size:774.73118% auto}
.m-rewards .m-list li:nth-child(1).on::after{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-11.56rem 0rem;width:2.85rem;height:5.65rem;-webkit-background-size:505.61404% auto;background-size:505.61404% auto}
.m-rewards .m-list li:nth-child(2){background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-1.9rem -6.33rem;width:1.86rem;height:5.63rem;-webkit-background-size:774.73118% auto;background-size:774.73118% auto}
.m-rewards .m-list li:nth-child(2).on::after{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-2.89rem 0rem;width:2.85rem;height:5.9rem;-webkit-background-size:505.61404% auto;background-size:505.61404% auto}
.m-rewards .m-list li:nth-child(3){background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-3.8rem -6.33rem;width:1.86rem;height:5.63rem;-webkit-background-size:774.73118% auto;background-size:774.73118% auto}
.m-rewards .m-list li:nth-child(3).on::after{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-5.78rem 0rem;width:2.85rem;height:5.9rem;-webkit-background-size:505.61404% auto;background-size:505.61404% auto}
.m-rewards .m-list li:nth-child(4){background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-5.7rem -6.33rem;width:1.86rem;height:5.63rem;-webkit-background-size:774.73118% auto;background-size:774.73118% auto}
.m-rewards .m-list li:nth-child(4).on::after{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:-8.67rem 0rem;width:2.85rem;height:5.9rem;-webkit-background-size:505.61404% auto;background-size:505.61404% auto}
.m-rewards .m-list li:nth-child(5){margin-right:0;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:0rem -6.33rem;width:1.86rem;height:6.02rem;-webkit-background-size:774.73118% auto;background-size:774.73118% auto}
.m-rewards .m-list li:nth-child(5).on::after{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteRewards.png);background-position:0rem 0rem;width:2.85rem;height:6.29rem;-webkit-background-size:505.61404% auto;background-size:505.61404% auto}
.m-rewards .btn-yy{display:block;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -1.88rem;width:2.72rem;height:.91rem;-webkit-background-size:229.41176% auto;background-size:229.41176% auto;margin:0 auto}
.m-rolesBox{position:relative;width:100%;height:100%}
.m-rolesBox .m-tabs{position:absolute;left:50%;top:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;width:8.5rem;margin:.2rem 0 0 -4.25rem}
.m-rolesBox .m-tabs .u-btn{display:block;width:1.78rem;-webkit-filter:grayscale(1);filter:grayscale(1)}
.m-rolesBox .m-tabs .u-btn.on{-webkit-filter:grayscale(0);filter:grayscale(0)}
.m-rolesBox .m-tabs .u-btn:nth-child(3){width:2rem}
.m-rolesBox .m-tabs .u-btn:nth-child(4){width:1.91rem}
.m-rolesContainer{width:100%;height:100%}
.m-rolesContainer .swiper-slide .u-role{position:absolute;left:0;top:.6rem;width:100%}
.m-rolesContainer .swiper-slide .u-name{position:absolute;left:50%;top:2.7rem;width:2.97rem;margin-left:1.2rem}
.m-rolesContainer .swiper-pagination{left:auto;right:50%;bottom:auto;top:7.4rem;width:50%;margin-right:-6rem;text-align:right}
.m-rolesContainer .swiper-pagination-bullet{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-1.46rem -3.67rem;width:1.42rem;height:.55rem;-webkit-background-size:439.43662% auto;background-size:439.43662% auto;background-color:transparent;-webkit-border-radius:0;border-radius:0;font-size:.24rem;line-height:.55rem;text-align:center;color:#000d39;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;outline:0}
.m-rolesContainer .swiper-pagination-bullet-active{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem -3.67rem;-webkit-background-size:439.43662% auto;background-size:439.43662% auto;color:#874000}
.m-skills{position:absolute;left:50%;top:8.5rem;width:2.72rem;height:2.73rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/jnbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;margin-left:2.5rem}
.m-skills .m-tab .u-btn{position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:0rem 0rem;width:1.86rem;height:1.84rem;-webkit-background-size:335.48387% auto;background-size:335.48387% auto}
.m-skills .m-tab .u-btn.on{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-1.9rem 0rem;width:1.86rem;height:1.84rem;-webkit-background-size:335.48387% auto;background-size:335.48387% auto}
.m-skills .m-tabCont{position:absolute;left:-.3rem;top:-.3rem;width:1.9rem}
.m-feature{width:11.4rem;height:6rem;margin:.5rem auto}
.m-feature .swiper-slide .m-img{width:9.35rem;height:5.34rem;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/featurebg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% auto;background-size:100% auto;padding-top:.7rem;margin:0 auto;text-align:center}
.m-feature .swiper-slide .m-img img{width:7.86rem}
.m-feature .swiper-button-next,.m-feature .swiper-button-prev{width:.53rem;height:.64rem;margin-top:-.6rem}
.m-feature .swiper-button-prev{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-3.04rem -2.83rem;-webkit-background-size:1177.35849% auto;background-size:1177.35849% auto}
.m-feature .swiper-button-next{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-2.76rem -1.88rem;-webkit-background-size:1155.55556% auto;background-size:1155.55556% auto}
.m-feature .swiper-pagination{bottom:0}
.m-feature .swiper-pagination-bullet{background-color:transparent;background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-6.08rem -2.55rem;width:.14rem;height:.15rem;-webkit-background-size:4457.14286% auto;background-size:4457.14286% auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.m-feature .swiper-pagination-bullet-active{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteBtns.png);background-position:-5.82rem -2.55rem;width:.22rem;height:.22rem;-webkit-background-size:2836.36364% auto;background-size:2836.36364% auto}
.title{margin:0 auto}
.title--01{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:0rem 0rem;width:5.01rem;height:1.72rem;-webkit-background-size:198.40319% auto;background-size:198.40319% auto;margin-top:1.15rem}
.title--02{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:-5.05rem 0rem;width:4.89rem;height:1.36rem;-webkit-background-size:203.27198% auto;background-size:203.27198% auto;margin-top:.1rem}
.title--03{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:0rem -3.21rem;width:4.93rem;height:1.38rem;-webkit-background-size:201.62272% auto;background-size:201.62272% auto;margin-top:.15rem}
.title--04{background-image:url(https://sy-cdnres.coolgame.com.tw/static/content/sh/reservation/pc/images/_spriteTits.png);background-position:0rem -1.76rem;width:4.95rem;height:1.41rem;-webkit-background-size:200.80808% auto;background-size:200.80808% auto;margin-top:.3rem}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .04rem}
.show {display: block;}
.hidden {display: none;}