/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_d{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_le{float: left;}
.pub_lr{float: right;}
.pub_flex{display: flex; justify-content: center;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{font-size:12px; font-family:"Microsoft YaHei"; background: #000;}
body,html,#content{width: 100%; overflow-x: hidden;}
#content{width: 25.60rem; height: 67.5rem; background: url(../images/bg_pc.jpg) no-repeat 0 0; background-size: 100% auto; display: none;}
.section{position: relative; width: 100%; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.section1{height: 14rem;}
.section2{height: 11.74rem;}
.section3{height: 15.70rem;}
.section4{height: 13.90rem;}
.section4{}
.logo{display: block; position: absolute; width: 3.71rem; left: 0; top: 0;}
.logo.logo_ko{
    width: 3.28rem; 
    height: 2.34rem; 
    background: url(https://www.toweroffantasy-global.com/images/cover251028/logo_kr.png) no-repeat 0 0; 
    background-size: 100% auto;
}
.year{display: block; position: absolute; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;  left: .5rem; top:7.6rem;}
.slogan{display: block; position: absolute; left: 0; background-position: center 0; background-repeat: no-repeat; width: 100%; height: 2rem; top:8.4rem; left: 0;}

.popfloat{display: block; width: 2.53rem; height: 2.49rem; position:fixed; left: .1rem; top: 4.9rem; z-index: 101;}
.popfloat a{display: block; width: 100%; height: 100%;}
.popfloat span{display: block; width: .36rem; height: .36rem; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: .3rem; top: .2rem; cursor: pointer;}

.menuCont{width: 4.3rem; height: .92rem; position: absolute; right: 0; top: .5rem;}
.menuli{width: .81rem; height: .94rem; float: left; margin-right: .55rem; position: relative;}
.menuli:last-child{margin: 0;}

.menuli a.btnShow{width: 100%; height: 100%; display: block; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;}
.menuli a.media{background-image: url(../images/btnShare.png);}
.menuli a.lan{background-image: url(../images/btnSelect.png);}
.menuli a.home{background-image: url(../images/btnHome.png);}

.mediapop{width: 1.81rem; height: 3.57rem; background: url(../images/media_pop.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -.48rem; top: .9rem; display: none;}
.medialist{width: .82rem; position: absolute; top: .98rem;}
.medialist.share{left: .08rem;}
.medialist.Client{right: .08rem;}
.medialist a{display: block; width: .47rem; cursor: pointer; margin: 0 auto;}
.medialist a.icon1{background: url(https://www.toweroffantasy-global.com/images/cover251028/icon1.png) no-repeat 0 0; background-size: 100% auto; height: .55rem;}
.medialist a.icon2{background: url(https://www.toweroffantasy-global.com/images/cover251028/icon2.png) no-repeat 0 0; background-size: 100% auto; height: .46rem;}
.medialist a.icon3{background: url(https://www.toweroffantasy-global.com/images/cover251028/icon3.png) no-repeat 0 0; background-size: 100% auto; height: .56rem;}
.medialist a.icon4{background: url(https://www.toweroffantasy-global.com/images/cover251028/icon4.png) no-repeat 0 0; background-size: 100% auto; height: .54rem;}
.medialist a.icon5{background: url(https://www.toweroffantasy-global.com/images/cover251028/icon5.png) no-repeat 0 0; background-size: 100% auto; height: .46rem;}

.mediapop2{width: 1rem; height: 3rem; background: url(../images/media_pop2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -.1rem; top: .9rem; display: none;}
.mediapop2 .medialist{left: .08rem;}

.lanpop{width: 1.55rem; height: 1.66rem; background: url(../images/lan_pop.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -.38rem; top: .9rem; display: none;}
.lanlist{width: 1.4rem; margin: 0 auto; padding-top: .2rem;}
.lanlist a{display: block; width: 100%; height: .37rem; cursor: pointer;}
.menuClose{width: 100%; height: .22rem; cursor: pointer; position: absolute; left: 0; bottom: 0;}

.mainCont{width: 100%; position: absolute; left: 0; top: 10.3rem; z-index: 100;}
.btnCont{display: none; justify-content: center; height: 1.8rem;}
.btnCont a{display: block; width: 9.37rem; height: 1.47rem; margin: 0 0.05rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer;}
.btnCont a.btn_move{width: 9.33rem;}

.downWrap{height: .7rem; display: flex; justify-content: center;}
.downWrap a{display: block; margin: 0 .1rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer;}
.downWrap a.down_ps{width: 2.7rem; height: .58rem; background-image: url(https://tof.perfectworld.com/images/cover250214/down_ps.png);}
.downWrap a.down_google{width: 1.93rem; height: .6rem;}
.downWrap a.down_apple{width: 1.9rem; height: .6rem;}
.downWrap a.down_one{width: 1.95rem; height: .6rem; background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_one.png);}
.downWrap a.down_galaxy{width: 2.17rem; height: .6rem;}
.downWrap a.down_windows{width: 1.92rem; height: .6rem; background-image: url(https://tof.perfectworld.com/images/cover250214/down_windows.png);}
.downWrap a.down_steam{width: 1.86rem; height: .58rem; background-image: url(https://tof.perfectworld.com/images/cover250214/down_steam.png);}
.downWrap a.down_pay{width: 3.08rem; height: .58rem;}

.lunbo{width: 15.3rem; height: 8.5rem; margin: 0 auto; position: relative; overflow: hidden;}
.swiper{width: 100%; height: 100%;}
.imgCont{width: 13.67rem; height: 7.84rem; margin: 0 auto; background: url(../images/border.png) no-repeat 0 0; background-size: 100% auto; display: flex; justify-content: center; align-items: center;}
.imgCont img{display: block; width: 13.39rem; height: 7.53rem; border: .01rem solid #8ed7ff;}
.swiper-button-next, .swiper-button-prev{width: .62rem; height: .82rem; top: 50%; margin-top: -.7rem; background-size: 100% auto; background-position: 0 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/prev.png);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/next.png);}
.swiper-button-next:hover, .swiper-button-prev:hover{background-position: 0 bottom;}
.swiper-pagination-bullet{width: .18rem; height: .18rem; border: .02rem solid #8ed7ff; border-radius: 0; opacity: 1; background: none;}
.swiper-pagination-bullet-active{background: #8ed7ff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .1rem;}

.index_en .slogan.s1{background-image: url(../images/en/slogan1.png); background-size: 15.97rem auto;}
.index_en .slogan.s2{background-image: url(../images/en/slogan2.png); background-size: 13.55rem auto;}
.index_en .section2{background-image: url(../images/en/p1.png);}
.index_en .section3{background-image: url(../images/en/p2.png);}
.index_en .section4{background-image: url(../images/en/p3.png);}
.index_en .popfloat{background: url(../images/en/float.png) no-repeat 0 0; background-size: 100% auto;}

.index_en .year{width: .73rem; height: 1.39rem; background-image: url(https://www.toweroffantasy-global.com/images/cover250214/teen.png);}
.index_en a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/en/btn_login.png);display: none;}
.index_en a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/en/btn_event.png);display: none;}
.index_en a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_google.png);}
.index_en a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_apple.png);}
.index_en a.down_pay{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_pay.png);}
.index_en a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_galaxy.png);}

.index_ja .slogan.s1{background-image: url(../images/jp/slogan1.png); background-size: 16.60rem auto;}
.index_ja .slogan.s2{background-image: url(../images/jp/slogan2.png); background-size: 15.65rem auto;}
.index_ja .section2{background-image: url(../images/jp/p1.png);}
.index_ja .section3{background-image: url(../images/jp/p2.png);}
.index_ja .section4{background-image: url(../images/jp/p3.png);}
.index_ja .popfloat{background: url(../images/jp/float.png) no-repeat 0 0; background-size: 100% auto;}

.index_ja .year{width: .73rem; height: 1.27rem; background-image: url(https://www.toweroffantasy-global.com/images/cover250214/cero.png);}
.index_ja a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/btn_login.png);display: none;}
.index_ja a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/btn_event.png);display: none;}
.index_ja a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_google.png);}
.index_ja a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_apple.png);}
.index_ja a.down_pay{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_pay.png);}
.index_ja a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_galaxy.png);}

.index_ko .slogan.s1{background-image: url(../images/kr/slogan1.png); background-size: 10.45rem auto;}
.index_ko .slogan.s2{background-image: url(../images/kr/slogan2.png); background-size: 10.50rem auto;}
.index_ko .section2{background-image: url(../images/kr/p1.png);}
.index_ko .section3{background-image: url(../images/kr/p2.png);}
.index_ko .section4{background-image: url(../images/kr/p3.png);}
.index_ko .popfloat{background: url(../images/kr/float.png) no-repeat 0 0; background-size: 100% auto;}

.index_ko .year{width: 1.72rem; height: 1.4rem; background-image: url(https://www.toweroffantasy-global.com/images/cover250214/twelve.png);}
.index_ko a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/btn_event.png); width: 9.96rem; height: 1.47rem; margin: 0 auto;display: none;}
.index_ko a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_google.png);}
.index_ko a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_apple.png);}
.index_ko a.down_pay{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_pay.png);}
.index_ko a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_galaxy.png);}

body::-webkit-scrollbar{width:.1rem;height:.1rem;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:0;background-color:#000;}/*搴�*/
body::-webkit-scrollbar-thumb{border-radius:0;background-color:#5196d8;}/*闈�*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}

.buttonCont{width: 100%; position: absolute; left: 0; top: 1rem; display: flex; justify-content: center;}
.buttonCont a{display: block; width: 2.56rem; height: .7rem; cursor: pointer; margin: 0 .2rem;}
.buttonCont a.btn_store{background: url(https://tof.perfectworld.com/jap/images/register/btn_store.png) no-repeat 0 0; background-size: 100% auto;}
.buttonCont a.btn_data{background: url(https://tof.perfectworld.com/jap/images/register/btn_data.png) no-repeat 0 0; background-size: 100% auto;}
#pop_register .close,#pop_msg .close,.pop_store .close{width: 31px;height: 31px;background: url(https://tof.perfectworld.com/jap/images/register/close.png);position: absolute;right: 35px;top: 30px;cursor: pointer;}
.pop_store .close{top:50px}
.btn_register_pop{width: 341px;animation: shake 2s infinite;z-index: 11;cursor: pointer; height: 271px;background: url(https://tof.perfectworld.com/jap/images/register/btn_register_pop.png) no-repeat;position: absolute;right: 10px;top: 100px;}
input::placeholder {
    font-size: 12px; 
}
.poptit{height: 20px;}
.pop_store{width: 1200px;display: none; height: 538px;background: url(https://tof.perfectworld.com/jap/images/register/pop_store.png);z-index: 299; background-size: 100%;position: absolute;top: 56%; left: 50%; transform: translate(-50%,-50%);}
.pop_store .list{width: 600px;height: 235px;position: absolute;right:30px;top: 230px;}
.pop_store .list img{height: 45px;width: auto;margin: 10px 10px 0 0;}

.pop_fixed{display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:100;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop_msg{width: 720px; height: 647px; background: url(https://tof.perfectworld.com/images/241224cover/pop_msg.png) no-repeat 0 0; color: #FFF;}
.msg{text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 30px; font-weight: bold; padding: 0 50px 0 40px; line-height: 50px;}