/* === CSS Block 1 === */
@font-face {
    font-family: 'genshin-gothic';
    src:  url("../fonts/GenShinGothic-Medium.ttf");
}
@font-face {
    font-family: 'genshin-gothic';
    src:  url("../fonts/GenShinGothic-Medium.ttf");
	font-weight: bold;
}

/* === CSS Block 2 === */
*{box-sizing:border-box}html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,section,a,input,span{margin:0;padding:0}body{word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-overflow-scrolling:auto}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th,td{text-align:center}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}input[type=button],button{-webkit-appearance:none;-webkit-user-select:none;margin:0}a,img{text-decoration:none;-webkit-touch-callout:none}a,input,button,img,select,textarea{outline:none}input[type=text],input[type=password],input[type=tel],input[type=number],input[type=search],textarea{-webkit-appearance:none}textarea{resize:none}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-search-cancel-button{display:none}input:focus::-webkit-input-placeholder{opacity:0}a,button{touch-action:manipulation}video{outline:none}
.site-footer{position:absolute;right:0;bottom:0;left:0;padding:28px 0;font-size:0;background-color:#000}.site-footer p{font-size:14px;color:#fff}.site-footer p a{color:#fff}.site-footer .doc{float:left;padding-left:15px}.site-footer .doc p{margin:6px auto}.site-footer .copyright{padding-right:15px;float:right;text-align:right}.site-footer .copyright .logo{height:56px;margin:6px auto}.site-footer .copyright .copy:after{content:"\A9"}.mobile .site-footer{padding:.22rem 0}.mobile .site-footer p{font-size:.2rem}.mobile .site-footer .doc{float:none;padding-left:0;text-align:center}.mobile .site-footer .doc p{margin:.08rem auto}.mobile .site-footer .copyright{padding-right:0;float:none;text-align:center}.mobile .site-footer .copyright .logo{height:.58rem;margin:.12rem auto}
.fade-out-enter-active,.fade-out-leave-active,.fade-in-enter-active,.fade-in-leave-active{transition:all .25s ease}.fade-out-enter,.fade-out-leave-to{transform:translate3d(0, -36px, 0);opacity:0}.fade-in-enter,.fade-in-leave-to{transform:translate3d(0, 36px, 0);opacity:0}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after{content:" ";display:table}.container:after,.row:after,.clearfix:after{clear:both}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.text-center{text-align:center}.btn{display:inline-block;padding:9px 15px;outline:none;white-space:nowrap;border:1px solid;text-align:center;box-sizing:border-box;transition:all ease-in-out .25s;color:#3f3f3f;border-color:#dcdfe6;background:#fff;cursor:pointer}.btn.btn-primary{color:#409eff;border-color:#b3d8ff;background:#ecf5ff}.btn.btn-primary.active,.btn.btn-primary:hover{color:#fff;border-color:#409eff;background:#409eff}.btn.btn-success{color:#67c23a;border-color:#c2e7b0;background:#f0f9eb}.btn.btn-success.active,.btn.btn-success:hover{color:#fff;border-color:#67c23a;background:#67c23a}.btn.btn-warning{color:#e6a23c;border-color:#f5dab1;background:#fdf6ec}.btn.btn-warning.active,.btn.btn-warning:hover{color:#fff;border-color:#e6a23c;background:#e6a23c}.btn.btn-danger{color:#f56c6c;border-color:#fbc4c4;background:#fef0f0}.btn.btn-danger.active,.btn.btn-danger:hover{color:#fff;border-color:#f56c6c;background:#f56c6c}.btn.btn-info{color:#909399;border-color:#d3d4d6;background:#f4f4f5}.btn.btn-info.active,.btn.btn-info:hover{color:#fff;border-color:#909399;background:#909399}.btn:active{outline:none}.btn.active,.btn:hover{color:#409eff;border-color:#409eff;background:#fff}html,body{height:100%}body.noscroll{overflow:hidden}body,select,button{font-family:"Gen Shin Gothic",-apple-system-font,PingFangSC-Light,Microsoft Yahei,"Microsoft Yahei","\5FAE\8F6F\96C5\9ED1",Heiti SC,arial,miui,helvetica,sans-serif}#app{min-width:1366px;min-height:100%;padding-bottom:200px;box-sizing:border-box;position:relative;background-color:#fff}#app.mobile{min-width:auto;padding-bottom:3.2rem}#app.mobile .site-title{font-family:"Gen Shin Gothic P";padding:.48rem 0 .64rem}#app.mobile .site-title .title{line-height:.48rem;font-size:.43rem}#app.mobile .site-title .title::before,#app.mobile .site-title .title::after{margin:auto .3rem}#app.mobile .site-title .sub-title{line-height:.2rem;margin-top:.08rem;font-size:.17rem}#app.mobile .container{width:auto}#app .site-title{padding:70px 0;text-align:center;font-family:"Gen Shin Gothic P"}#app .site-title .title{line-height:48px;font-size:32px;font-weight:300}#app .site-title .title::before,#app .site-title .title::after{display:inline-block;margin:auto 30px;content:"-"}#app .site-title .sub-title{line-height:20px;margin-top:4px;font-size:14px;color:#9b9b9b}#app .container{width:1366px;margin-left:auto;margin-right:auto}
.message{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;font-weight:300;z-index:1000}.message.toase{top:50%;transform:translateY(-50%);bottom:12px}.message.toase .message-content{width:auto;min-width:auto;max-width:420px;position:static;padding-bottom:0}.message.toase .message-content .message-body{padding:16px 24px;font-size:16px;color:#fff;background-color:rgba(0,0,0,.5)}.message.toase .message-modal,.message.toase .message-header,.message.toase .message-toolbar{display:none}.message-modal{width:100%;height:100%;position:fixed;left:0;top:0}.message-content{display:inline-block;min-width:420px;max-width:100%;overflow:hidden;position:relative;padding-bottom:10px;top:12px;vertical-align:middle;text-align:left;border-radius:4px;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background-color:#fff;backface-visibility:hidden}.message-header{position:relative;padding:15px 15px 10px}.message-header .message-title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.message-header .message-close{width:28px;line-height:28px;position:absolute;top:10px;right:10px;padding:0;font-size:20px;font-weight:100;border-width:0}.message-header .message-close:focus,.message-header .message-close:hover{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.message-body{position:relative;padding:10px 15px;font-size:14px;color:#606266}.message-toolbar{padding:0 15px;text-align:right}.message-toolbar .btn{padding:7px 15px;margin:5px 10px auto auto;font-size:12px;border-radius:3px}.message-toolbar .btn .iconfont{margin-right:4px;font-size:12px;vertical-align:text-top}.message-toolbar span:last-child .btn{margin-right:auto}.message-toolbar.freeze .btn{cursor:no-drop}@media(max-width: 500px){.message .message-content{min-width:94%;max-width:94%}}
.site-loading{top:0;right:0;bottom:0;left:0;position:fixed;background-color:rgba(0,0,0,.8);background-image:url("../images/loading.gif");background-position:center;background-repeat:no-repeat;z-index:99}
@font-face{font-family:"GenShinGothic-Medium";src:url("../fonts/GenShinGothic-Medium.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Gen Shin Gothic";src:url("../fonts/GenShinGothic-Medium.ttf") format("woff2"),url("../fonts/GenShinGothic-Medium.ttf") format("woff");font-weight:500;font-style:normal;/*savepage-font-display=swap*/}@font-face{font-family:"Gen Shin Gothic P";src:url("../fonts/GenShinGothic-Medium.ttf") format("woff2"),url("../fonts/GenShinGothic-Medium.ttf") format("woff");font-weight:bold;font-style:normal;/*savepage-font-display=swap*/}


/* === CSS Block 3 === */
.table-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.table-modal .pay_content{width:1000px;position:absolute;top:120px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:26px}.table-modal .pay_content .box-choose{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0 30px 0}.table-modal .pay_content .box-choose .box-title{font-family:"Gen Shin Gothic P";display:block;font-weight:600;font-size:24px;color:#000;margin-right:20px}.table-modal .pay_content .box{position:relative;box-sizing:border-box;padding:0 29px 10px 50px;overflow-y:scroll;margin-bottom:30px;width:1000px;height:360px}.table-modal .pay_content .box .bindList .bind_item{width:100%;margin-bottom:20px}.table-modal .pay_content .box .bindList .bind_item .item_title{font-size:22px;color:#ea731a;margin-bottom:4px}.table-modal .pay_content .box .bindList .bind_item .item_detail{font-size:16px;color:#000;line-height:30px}.table-modal .box-header{text-align:center;box-shadow:0px -4px 4px -4px rgba(0,0,0,.1),-4px 0px 4px -4px rgba(0,0,0,.1),4px 0px 4px -4px rgba(0,0,0,.1)}.table-modal .box-header img{width:auto;height:64px;margin:12px 0}.table-modal .close{position:absolute;top:20px;right:20px;width:28px;height:28px;background:url("../images/close.png") no-repeat;background-size:cover;cursor:pointer}
#app .content{position:relative}#app .content .pay-box{width:1080px;margin:0 auto;display:flex}#app .content .pay-box .label{display:inline-block;width:392px;line-height:50px;font-size:22px;vertical-align:top}#app .content .pay-box .label.imp:after{color:red;content:"*"}#app .content .pay-box .label .tips{line-height:normal;font-size:16px;color:red}#app .content .pay-box .label .tips:before{content:" "}#app .content .pay-box .form-group{padding:10px 0;position:relative}#app .content .pay-box .form-group .text_img{vertical-align:middle;position:absolute;right:24px;height:auto;width:42px;top:68px;background:#fff;z-index:2}#app .content .pay-box .form-group .password_img{vertical-align:middle;position:absolute;right:24px;height:auto;width:46px;top:71px}#app .content .pay-box .form-control{display:inline-block;width:100%;height:50px;padding:0 30px;line-height:46px;font-size:22px;border:2px solid #f8b617;border-radius:18px}#app .content .pay-box .form-control select,#app .content .pay-box .form-control textarea{width:100%;height:100%;border-width:0;outline-width:0;vertical-align:top;font-size:22px;background:none}#app .content .pay-box .form-control.file{height:auto;min-height:50px;line-height:normal;padding:4px;position:relative;text-align:center;font-size:0;transition:.25s}#app .content .pay-box .form-control.file:hover{background-color:#f0f0f0}#app .content .pay-box .form-control.file input[type=file]{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;cursor:pointer}#app .content .pay-box .form-control.file .picture{max-width:100%;height:auto;vertical-align:top;border-radius:22px}#app .content .pay-box .form-control.textarea{height:274px}#app .content .pay-box .form-control.textarea textarea{line-height:54px;font-weight:600;resize:none}#app .content .pay-box .left_pay{width:50%;border-right:1px dashed #b1b1b1;padding-right:37px}#app .content .pay-box .right_pay{width:50%;padding-left:37px}#app .content .pay-box .btn-pay{display:block;line-height:36px;width:300px;margin:0 auto;font-size:22px;border:2px solid #f8b617;border-radius:18px;color:#fff;background-color:#f8b617}#app .content .pay-box .btn-pay:hover{color:#fff}#app .content .pay-box .textCenter{text-align:center;margin-top:28px}#app .content .pay-box .textCenter .payModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}#app .content .pay-box .textCenter .payModal .pay_content{width:432px;position:absolute;top:220px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:26px}#app .content .pay-box .textCenter .payModal .box-header{box-shadow:0px -4px 4px -4px rgba(0,0,0,.1),-4px 0px 4px -4px rgba(0,0,0,.1),4px 0px 4px -4px rgba(0,0,0,.1)}#app .content .pay-box .textCenter .payModal .close{position:absolute;top:16px;right:16px;width:40px;height:40px}#app .content .pay-box .textCenter .payModal .box{position:relative;box-shadow:0 4px 4px rgba(0,0,0,.1);padding:0 38px;height:290px;width:432px;border-radius:0 0 26px 26px}#app .content .pay-box .textCenter .payModal .box .form-group{display:flex;align-items:center;justify-content:space-between}#app .content .pay-box .textCenter .payModal .box .form-control{height:40px;width:224px;font-size:12px;border:2px solid #f8b617;padding:0 10px;border-radius:9px 9px 9px 9px}#app .content .pay-box .textCenter .payModal .box .modal_label{text-align:left;display:block;color:#000;font-size:16px}#app .content .pay-box .textCenter .payModal .box .box-title{margin:16px auto 26px auto;text-align:center;display:block;font-weight:600;font-size:20px;color:#000;font-family:"Gen Shin Gothic P"}#app .content .pay-box .textCenter .payModal .box .btn-webPay{width:150px;background:#f8b617;border-radius:9px 9px 9px 9px;border:1px solid #f8b617;color:#fff;margin-top:34px;font-size:18px;padding:8px 0}#app .content .pay-box .textCenter .payModal .box .is_email{width:174px;height:117px;margin:30px 0 30px 0}#app .content .pay-box .textCenter .payModal .box .is_email_title{text-align:left;line-height:30px;font-size:15px;padding:0 20px}#app .content .pay-box .textCenter .payModal img{width:432px}#app .content .pay-box .text_underLine{margin:0 auto;position:relative;font-size:19px;font-weight:500;color:#f88617;width:100%;letter-spacing:1px;display:inline-block;width:max-content;text-align:center}#app .content .pay-box .text_underLine::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#f88617}#app .content .point{cursor:pointer}


/* === CSS Block 4 === */
.site-header{font-size:0;background-color:#fff;text-align:center}.site-header a{display:inline-block;line-height:108px;vertical-align:top}.site-header .logo{margin:auto 50px auto 15px}.site-header .logo img{width:auto;height:56px;vertical-align:middle}.site-header .item{padding-right:30px;font-size:24px;font-weight:300;color:#1f1f1f}.site-header .item.active{color:#f8b617}.site-header .item:before{display:inline-block;width:3px;height:24px;margin-right:24px;margin-top:42px;line-height:1;vertical-align:top;content:"";background-color:#f8b617}.site-header .item.first:before{background:none}.site-header .btn-login{line-height:40px;padding:0 24px;margin:34px auto auto 50px;border-radius:24px;border-width:0;font-size:20px;font-weight:300;color:#fff;background-color:#f8b617;vertical-align:top}


/* === CSS Block 5 === */

  :root {
  }

/* === Additional Classes === */
.textCenter {
    text-align: center;
}
.text_underLine {
    
    font-size: 16px;
    color: #606266;
    padding-bottom: 2px;
}
.point {
    cursor: pointer;
}
.point:hover {
    color: #f8b617;
}
.site-title {
    text-align: center;
    padding: 48px 0 64px;
    background-color: #fff;
}
.site-title .title {
    font-family: "Gen Shin Gothic P";
    font-size: 36px;
    font-weight: 600;
    color: #1f1f1f;
    margin-bottom: 12px;
}
.site-title .sub-title {
    font-family: "Gen Shin Gothic P";
    font-size: 18px;
    font-weight: 300;
    color: #999;
    letter-spacing: 4px;
}



#app .recruit .position-standalone .name {
    margin: 24px auto 40px;
}
#app .recruit .position-standalone .detail {
    width: 1070px;
    margin: auto;
}
#app .position .btn-back {
    display: inline-block;
    line-height: 40px;
    padding: 0 72px;
    margin: 84px auto;
    font-size: 24px;
    border: 3px solid #f8b617;
    border-radius: 12px;
    color: #f8b617;
    transition: background-color .25s, color .25s;
}
#app .position .btn-back:hover {
    color: #fff;
    background-color: #f8b617;
}

/* === Recruit Page Styles === */
#app .recruit {
    padding-bottom: 160px;
}
#app .recruit .recruit-item {
    width: 1070px;
    margin: 20px auto;
    position: relative;
    border: 5px solid #f8b617;
    border-radius: 30px;
    background: #f8b617;
    overflow: hidden;
    transition: all 0.3s ease;
}
#app .recruit .recruit-item-header {
    display: block;
    width: 100%;
    line-height: 54px;
    padding: 0 52px;
    position: relative;
    font-size: 32px;
    font-weight: 100;
    color: #fff;
    cursor: pointer;
    background: #f8b617 url("../images/recruit-arrow-yellow.png") right 20px center no-repeat;
    transition: all 0.3s ease;
}
#app .recruit .recruit-item-header:hover {
    opacity: 0.9;
}
#app .recruit .recruit-item.active .recruit-item-header {
    background-color: #e5a515;
}
#app .recruit .recruit-item-title {
    display: inline-block;
}
#app .recruit .recruit-item-en {
    display: inline-block;
    margin-left: 32px;
    font-size: 20px;
    font-weight: 300;
    opacity: 0.8;
}
#app .recruit .recruit-item-arrow {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    transition: transform 0.3s ease;
}
#app .recruit .recruit-item.active .recruit-item-arrow {
    transform: translateY(-50%) rotate(180deg);
}
#app .recruit .recruit-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    background: #fff;
    padding: 24px 30px;
}
#app .recruit .recruit-item.active .recruit-item-content {
    max-height: 2000px;
}
#app .recruit .position .name {
    margin: 0 auto 40px;
    font-size: 32px;
    font-weight: 200;
    color: #f8b617;
    text-align: center;
}
#app .recruit .position .name .en {
    display: inline-block;
    margin-left: 32px;
}
#app .recruit .position .detail {
    width: 100%;
    margin: auto;
}
#app .recruit .position .detail .item {
    padding-left: 236px;
    margin: 30px auto;
    position: relative;
    font-size: 0;
    font-weight: 100;
    border: 5px solid #f8b617;
    border-radius: 30px;
    color: #f8b617;
    min-height: 80px;
}
#app .recruit .position .detail .item .label {
    display: block;
    width: 220px;
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    text-align: center;
    border-radius: 25px 0 0 25px;
    color: #fff;
    background: #f8b617;
    border-right: 3px solid rgba(255, 255, 255, 0.5);
}
#app .recruit .position .detail .item .label span {
    display: inline-block;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 27px;
}
#app .recruit .position .detail .item .content {
    line-height: 32px;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
#app .recruit .position-standalone .name {
    margin: 24px auto 40px;
}
#app .recruit .position-standalone .detail {
    width: 1070px;
    margin: auto;
}
#app .position .btn-back {
    display: inline-block;
    line-height: 40px;
    padding: 0 72px;
    margin: 84px auto;
    font-size: 24px;
    border: 3px solid #f8b617;
    border-radius: 12px;
    color: #f8b617;
    transition: background-color .25s, color .25s;
}
#app .position .btn-back:hover {
    color: #fff;
    background-color: #f8b617;
}

/* === Password Modal Styles === */
.payModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}
.payModal .pay_content{width:432px;position:absolute;top:220px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:26px}
.payModal .box-header{text-align:center;box-shadow:0px -4px 4px -4px rgba(0,0,0,.1),-4px 0px 4px -4px rgba(0,0,0,.1),4px 0px 4px -4px rgba(0,0,0,.1)}
.payModal .box-header img{width:auto;height:64px;margin:12px 0}
.payModal .close{position:absolute;top:16px;right:16px;width:28px;height:28px;background:url("../images/close.png") no-repeat;background-size:cover;cursor:pointer}
.payModal .box{position:relative;box-shadow:0 4px 4px rgba(0,0,0,.1);padding:0 38px;height:290px;width:432px;border-radius:0 0 26px 26px}
.payModal .box .form-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.payModal .box .form-control{height:40px;width:224px;font-size:12px;border:2px solid #f8b617;padding:0 10px;border-radius:9px}
.payModal .box .modal_label{text-align:left;display:block;color:#000;font-size:16px;min-width:120px}
.payModal .box .box-title{margin:16px auto 26px auto;text-align:center;display:block;font-weight:600;font-size:20px;color:#000;font-family:"Gen Shin Gothic P"}
.payModal .box .btn-webPay{width:150px;background:#f8b617;border-radius:9px;border:1px solid #f8b617;color:#fff;margin:34px auto 0;display:block;font-size:18px;padding:8px 0;cursor:pointer}
.payModal .box .btn-webPay:hover{background:#e6a23c}
.payModal img{width:432px}

/* === Contact Page Styles === */
#app .contact{width:1070px;margin:auto;font-size:0}
#app .contact .section{padding-bottom:60px;margin-bottom:60px;border-bottom:1px dashed #ccc}
#app .contact .section .section-title{font-size:24px;margin-bottom:20px}
#app .contact .section .section-title .tips{font-size:16px}
#app .contact .tab-form .tabs{margin-bottom:64px}
#app .contact .tab-form .tabs .item{display:inline-block;width:30.3333333%;line-height:48px;margin:auto 1.5%;text-align:center;font-size:22px;border:1px solid;cursor:pointer;transition:.25s}
#app .contact .tab-form .tabs .item.active{color:#f8b617}
#app .contact .tab-form .faq p{line-height:1.4;margin:8px auto;font-size:18px}
#app .contact .tab-form .faq .accordion{height:60px;overflow:hidden}
#app .contact .tab-form .faq .accordion.open{height:auto}
#app .contact .tab-form .faq .accordion.open .ctrl:after{content:"\D7"}
#app .contact .tab-form .faq .accordion .ctrl{line-height:40px;padding:0 24px;margin:20px auto;font-size:20px;border-radius:30px;color:#fff;background:#f8b617;cursor:pointer;user-select:none}
#app .contact .tab-form .faq .accordion .ctrl:after{float:right;content:"+";font-weight:700}
#app .contact .tab-form .faq .accordion p{padding-left:24px}
#app .contact .tips{line-height:50px;font-size:22px;color:red}
#app .contact .label{display:inline-block;width:392px;line-height:50px;font-size:22px;vertical-align:top}
#app .contact .label.imp:after{color:red;content:"*"}
#app .contact .label .tips{line-height:normal;font-size:16px;color:red}
#app .contact .label .tips:before{content:" "}
#app .contact .form-group{padding:10px 0}
#app .contact .form-control{display:inline-block;width:676px;height:50px;padding:0 30px;line-height:46px;font-size:22px;border:2px solid #f8b617;border-radius:29px}
#app .contact .form-control select,#app .contact .form-control textarea{width:100%;height:100%;border-width:0;outline-width:0;vertical-align:top;font-size:22px;background:none}
#app .contact .form-control.textarea{height:150px;padding:10px 30px}
#app .contact .form-tips{font-size:14px;color:#666;line-height:1.6;margin-top:8px}
#app .contact .submit-group{text-align:center;padding:40px 0}
#app .contact .submit-group .agree{margin-bottom:20px;font-size:16px}
#app .contact .submit-group .agree input{margin-right:8px}
#app .contact .submit-group .agree a{color:#f8b617;text-decoration:underline}
#app .contact .btn-submit{display:block;line-height:36px;width:300px;margin:0 auto;font-size:22px;border:2px solid #f8b617;border-radius:18px;color:#fff;background-color:#f8b617;cursor:pointer}
#app .contact .btn-submit:hover{background-color:#e6a23c;border-color:#e6a23c}
#app .contact .game .label{width:100%}
#app .contact .game .form-control{width:100%}


/* === Product/Services Page Styles === */
#app .product{width:1070px;margin:auto}
#app .product .item{margin-bottom:72px;position:relative;overflow:hidden;font-size:0}
#app .product .item .pic{width:380px;padding-right:20px}
#app .product .item .pic img{width:100%;height:auto}
#app .product .item .game_name{line-height:56px;margin:-12px auto 10px 380px;font-size:28px;border-bottom:2px solid;color:#f88617}
#app .product .item .game_type{line-height:28px;margin-bottom:12px;font-size:19px;color:#3e3e3e}
#app .product .item .introduction{line-height:22px;font-size:15px;color:#666}
#app .product .item .btns{position:absolute;right:0;bottom:0}
#app .product .item .btns .btn{line-height:30px;padding:0 10px;margin:auto 3px;font-size:17px;border-width:0;border-radius:15px;color:#fff;background-color:#f8b617;vertical-align:top;cursor:pointer}
#app .product .item .btns .btn-play:before{display:inline-block;width:18px;height:18px;margin:6px 6px auto auto;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAt1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////4thf4uiT5vjD4uR7//ff6y1j6yVP++u7++ev+8M397sn957H72ID6zV75w0D+9+X846f84qD72YX70Gr5wTn+9Nr84Jv71nz/+/L+9N3+8dP97ML96bn83ZP70m/5vCr6zWH82436x0zLSzrrAAAAGXRSTlMA+IZI7depUguyWPG6I9HQloRH8rsksFpJi49jOgAAAYZJREFUOMuVleeSgkAMgJcq2LsXREBRwIK9373/cx2K3mwJcnw/d77ZySbZhHAYbbmvqZKkan1ZMcgnFF0CCklXMtVSAwQaJVStVQGlWhPdcgUyqJR5twUfaLFuEz7SpF0ZcpCpeCGXv7hrlXy5884JlbNLvDo6eAZftaCOwsi7TMeonVaHrpttjex4Nscurz/cNlCsLcu6ucF5jthKIutAsRtaCcNwuxFj0QkxmD6betbTjuLFhJclg40CnKUbPS8fudspr7f54o39pZvadrg48GU0gWM+W93XT91bHYHGJBrwOJNTsB6OEt3+3gOFRlQQcY6zwHsE422AQiUSoPg7+3H1iUlHIRkNY++/wvhhw8AeOD5f0wfeAvaBaOpC+5U6n01dsaIo/y+3ktVIV6yR8Ba9Lw5oixIFa/4JiHyRhHqBb8V82DgKt1kfVhgFy+tl46Bu9z1kOpBLp1d0fBUfjPkjt9Aw5xhkr4kBEeh1cbfbw1dbHVttxZcmjqHIZrqOTXEd/wLSYprl5358EAAAAABJRU5ErkJggg==") no-repeat;background-size:100% 100%;vertical-align:top;content:""}


/* === About Page Styles === */
#app .about .slogan{height:450px;background:url("../images/about.jpg") center no-repeat}
#app .about .doc{padding:9px 0 84px;line-height:40px;text-align:center;font-size:20px;font-weight:100}
#app .about .doc p{margin-top:40px}
#app .about .doc .light{color:#ff8500}
#app .about .distribution{height:591px;background:url("../images/distribution.jpg") center no-repeat}
#app .about .site-title{padding-top:140px;font-family:"Gen Shin Gothic P"}
#app .about .info{width:1180px;line-height:72px;margin:auto;font-size:20px;border-width:0;border-collapse:collapse}
#app .about .info tr{border:solid #f8b617;border-width:1px 0}
#app .about .info td{text-align:left}
#app .about .info .label{width:240px;padding-left:56px;color:#f88617}
#app .about .map{width:1180px;margin:auto auto 178px}
#app .about .map iframe{border-width:0}

/* === Video Player Styles === */
.video-player{display:table;width:100%;height:100%;position:fixed;top:0;left:0;font-size:36px;background-color:rgba(0,0,0,.5);z-index:1000}
.video-player .video-box{display:table-cell;height:auto;vertical-align:middle;padding-top:48px;position:relative}
.video-player .video-box .video-header,.video-player .video-box .video-body{width:1280px;margin:auto}
.video-player .video-box .video-header{position:absolute;left:50%;margin-top:-48px;margin-left:-640px}
.video-player .video-box .video-close{width:48px;line-height:48px;text-align:center;font-size:100%;font-weight:100;color:#fff;background-color:#000;transition:background-color .25s,color .25s;cursor:pointer}
.video-player .video-box .video-close:hover{color:#f56c6c;background-color:#fff}
.video-player .video-box .video-body iframe{width:100%;height:720px}
@media(max-width: 1280px){
.video-player .video-box{padding-top:0}
.video-player .video-box .video-header,.video-player .video-box .video-body{width:100%}
.video-player .video-box .video-header{left:.5%;margin-top:auto;margin-left:auto;z-index:2}
.video-player .video-box .video-close{width:40px;line-height:40px;font-size:90%}
.video-player .video-box .video-body iframe{height:60vw}
}





/* === News Page Styles === */
#app .content{width:100%}#app .content .news-box{width:1008px;margin:auto}#app .content .news-tab-box{text-align:center}#app .content .news-tab-box .item{display:inline-block;width:206px;height:40px;line-height:40px;margin:22px 7px;font-size:20px;font-weight:600;color:#fff;border-radius:30px;background-color:#cecece;transition:background-image .25s;cursor:pointer}#app .content .news-tab-box .item:nth-child(1).active,#app .content .news-tab-box .item:nth-child(2).active{background:#f8b617}#app .content .news-tab-box .item:nth-child(3).active{background:#da2a85}#app .content .news-tab-box .item:nth-child(4).active{background:#f88117}#app .content .list-box{min-height:270px;margin:30px auto}#app .content .list-box .item{display:block;line-height:30px;padding:16px 0;text-decoration:none;border-bottom:2px solid #f8b617;color:rgba(1,1,1,.7)}#app .content .list-box .item:first-child{border-top:2px solid #f8b617;border-bottom-width:2px}#app .content .list-box .item .time{min-width:120px;font-size:20px;margin-right:30px}#app .content .list-box .item .type{width:138px;height:30px;margin:auto 24px;border-radius:30px;text-align:center;color:#fff;height:30px;font-size:20px;font-weight:bold}#app .content .list-box .item .type.type-1{background:#f8b617}#app .content .list-box .item .type.type-2,#app .content .list-box .item .type.type-4{background:#da2a85}#app .content .list-box .item .type.type-3{background:#f88117}#app .content .list-box .item .text{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:610px}#app .content .news-page{margin:30px auto 80px;text-align:center;font-size:0;user-select:none}#app .content .news-page a,#app .content .news-page span{display:inline-block;width:72px;height:39px;line-height:24px;padding-top:11px;vertical-align:bottom;font-size:18px;cursor:pointer;color:#fff;background:center top no-repeat;transition:all .25s}#app .content .news-page .prev{padding-left:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAYAAACbgcH8AAADvElEQVRYhc2ZzVNbVRTAf+e9JCCghVACRpgp0i9QizoyiKIdXfgxLtrpvqsu7Na9rvQfcKfTlTs3TsWFoy5amXZqmakinVaEaRWZyEcMJZA2hcT3josbQpJiCHmBx295v85v7tx37p3zJHvxLNtwFDgNvAX0Aa1AaLtJOyADLAG/AT8AXwPT5SZIGemTwMfAazUUrJQrwEfA6Fad1hZt9cBnwGX8ESYX93LOo760s1Q6DFwC3gdk19XKIzmPSxivPIXSDcC3wNDeeVXEEMarYaOhUPpTYHCvjSpkEOMHbEqfBM75olM55zCeeelP8P8Mb4dgPLGAfmDYV53KGQb6LeCM3yY75IyFf7m4Wl4PAMd3NYTYYIewul5BwkfQ1Bzu9DdeVjwWwLwldgexkfBhJPIsEnkOaWyDlm7wJt0aoLaPH0OwEWmMIK1HkdZjSHs/2EEAxK7zunoo4FmwEDsEwQasjheQ9n4ja9lFQ9zYdc9haidtB5HoS1jRAaT5ENQdeERYkzPo3e88h/IuXXcAaXkaaT+BtPQY4UJU0cQkuvwHeu8OuhrzHNKTtDR1IJ0vIwd7kYO9xZ1rSTSdQFMxdH4cTUzCv2tewuWpXlps5PC7WF3DYOWWUQecLLq+isZ+Qhdvoiuz4GZB3ZoIgwdpaYxgPTWYzwoAujRtjkL8FppOwFqyJpKlVL/TdU0QbChq0gdxNH4bvXfHq1dZqpdevw9OxqS5HNIYgcgzgKJrSUgnaqD4KFVL64M4ujCOdLxozrSIuUyau9GuYXRxAo1d319nGnVwp0aQ1N+b2UNsCNhIoB7pHEKbu/dZ9gB0NYaup5DkX0hqrjhPh5rMu6OlB22IoOEjJk8v/OKvNADrK+jCOPrPLSQ6gBUdgCe6kMfCm8emrQ9p60OTM7jpuOcLxsJUeLzjZNG5GzgTX+BOfoUu3gTXKRoizYeQnne8RspYmJJUbXAy5iac/xl3agT39pfo3A1wsvkhVqfnCsVSAPgdeNLrSkU4GTT5J7oyiyRnch/rceTxKPpw2evqUwFM3ewN76ZboI75+FZmkfvzWJET6PJdr6tekezFs/3ArzVQ3Cuet4AJ4KrfJhVyFZjYKNZ8CKiPMpWgmPJvvsI0ClzwTacyLgA/QnEB8gNgzA+bChjD+AHF0mngPfaf+BjGK73RUFpUX8Kkv8/x/4xrzuNNSi7ArX5fPATOY+Sv7bra1lzDyJ6nYIc3KPdgGgVexZTNTgFvA72YilSwzLydksXs5CTwPTCCuaX/l/8Av1YxGCH6mMAAAAAASUVORK5CYII=)}#app .content .news-page .prev:hover{color:#291500;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAYAAACbgcH8AAADvElEQVRYhc2ZzVNbVRTAf+e9JCCghVACRpgp0i9QizoyiKIdXfgxLtrpvqsu7Na9rvQfcKfTlTs3TsWFoy5amXZqmakinVaEaRWZyEcMJZA2hcT3josbQpJiCHmBx295v85v7tx37p3zJHvxLNtwFDgNvAX0Aa1AaLtJOyADLAG/AT8AXwPT5SZIGemTwMfAazUUrJQrwEfA6Fad1hZt9cBnwGX8ESYX93LOo760s1Q6DFwC3gdk19XKIzmPSxivPIXSDcC3wNDeeVXEEMarYaOhUPpTYHCvjSpkEOMHbEqfBM75olM55zCeeelP8P8Mb4dgPLGAfmDYV53KGQb6LeCM3yY75IyFf7m4Wl4PAMd3NYTYYIewul5BwkfQ1Bzu9DdeVjwWwLwldgexkfBhJPIsEnkOaWyDlm7wJt0aoLaPH0OwEWmMIK1HkdZjSHs/2EEAxK7zunoo4FmwEDsEwQasjheQ9n4ja9lFQ9zYdc9haidtB5HoS1jRAaT5ENQdeERYkzPo3e88h/IuXXcAaXkaaT+BtPQY4UJU0cQkuvwHeu8OuhrzHNKTtDR1IJ0vIwd7kYO9xZ1rSTSdQFMxdH4cTUzCv2tewuWpXlps5PC7WF3DYOWWUQecLLq+isZ+Qhdvoiuz4GZB3ZoIgwdpaYxgPTWYzwoAujRtjkL8FppOwFqyJpKlVL/TdU0QbChq0gdxNH4bvXfHq1dZqpdevw9OxqS5HNIYgcgzgKJrSUgnaqD4KFVL64M4ujCOdLxozrSIuUyau9GuYXRxAo1d319nGnVwp0aQ1N+b2UNsCNhIoB7pHEKbu/dZ9gB0NYaup5DkX0hqrjhPh5rMu6OlB22IoOEjJk8v/OKvNADrK+jCOPrPLSQ6gBUdgCe6kMfCm8emrQ9p60OTM7jpuOcLxsJUeLzjZNG5GzgTX+BOfoUu3gTXKRoizYeQnne8RspYmJJUbXAy5iac/xl3agT39pfo3A1wsvkhVqfnCsVSAPgdeNLrSkU4GTT5J7oyiyRnch/rceTxKPpw2evqUwFM3ewN76ZboI75+FZmkfvzWJET6PJdr6tekezFs/3ArzVQ3Cuet4AJ4KrfJhVyFZjYKNZ8CKiPMpWgmPJvvsI0ClzwTacyLgA/QnEB8gNgzA+bChjD+AHF0mngPfaf+BjGK73RUFpUX8Kkv8/x/4xrzuNNSi7ArX5fPATOY+Sv7bra1lzDyJ6nYIc3KPdgGgVexZTNTgFvA72YilSwzLydksXs5CTwPTCCuaX/l/8Av1YxGCH6mMAAAAAASUVORK5CYII=)}#app .content .news-page .next{padding-right:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAYAAACbgcH8AAADr0lEQVRYhc2YS28bVRSAvzMeu7axUzu2kjQxIaKlTShqACFC1EIFC0CqRKuu2HTVBd2yhxX8AXag7vgDLRtUWLREraJGRRRHKElfCNQ0r8ZpaFM3sWsfFjd+BZNM7HEm3873eu79NHN07rlH8hfOsAUHgVPAh8CrQAIIbPXQNsgBGWAC+Bm4CNze7AHZRPo48BXwrouCTrkKfAmM1Ju06owFgW+BK3gjzPq+V9Y9ghsnN0q3A5eBzwBpudrmyLrHZYxXmWrpMPAjMLxzXo4YxniFSwPV0t8AQztt5JAhjB9QkT4OnPVExzlnMZ5l6a/xPoa3QjCeWMAgcMxTHeccAwYt4LTXJtvktIV3ubhR3rOB/mZWsA5+gkS70aU7FO+PQiEHWnDJry6HbEwt0TDSexQJRCDShRWMoQt/oEt3WymesGmy+JFQAnwBJBBF2l5Eoz1orA/N3EafLkD+qUuuZQL1ao9tUZy+Xvnh8yPdb2Ed/hTr0EmsnrchGAOfm0Uh2M0uoPcuoXt7kVhfZdDyIZ1HkNhLSOcRijM30JkbUMg3ux3ghvTjaYpTF5H2A0j8ZSQ5ACJg2RBKIKEEViiBtr+Czo+jj/6EtX+8lQbQud/QxQkkOYBkF5BoCgknTWgAEutDYn1otBtdnESnr6Mrc95KA/B8FZ1Pow8nkL29JjxSw8ieNvD5QXxIoh+JH6AYjKPp7xvOMO5JA2gRCmvo0h00+xCZTyMdr5kvUAobnx+rZwi9ewldmd0F0tWsLqOry4CY2E4OVOb8YdgTgZXGlm6ddDiJBGNIx2HkhY7auUIO1ho0xm1pscDym5hOvYN0DlZiGkAVis/RuZvm4GkQ96TtoIndfW+Y7BHpgkCk5i+amTLZY+bXpo55V6Sl683/5ukqdPkv9NG93ZOnpS2F1X+q9kQEEwbPluDx/ZaciDmaKJpk/8d1hAvo/DjFB2Po4iTks64JAzkb05La1+gKVqqq41DImwMmc8tUeU8emEzhLhkbmKIJaV2ZRUJx9MkMuji1E/X0LRvTN3u/0RX07xGI76e4MI7O3tyJm8tVyV84Mwj83spdXOZ1C0gD17w2ccg1IF26uXwBqIcyTlBM+7fcYRoBznum44zzwC9Q24D8HBjzwsYBYxg/oFY6C5xg94mPYbyypYGNt/EMJv19h/cxruseH2C8ytRrITwDzmHkR1uuVp9RjOw5qt5wic0KphHgKKZtdhL4CBjAdKT8LgrmMW9yEvgJ+AFzSv8v/wKmjix20oF+DgAAAABJRU5ErkJggg==)}#app .content .news-page .next:hover{color:#291500;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAYAAACbgcH8AAADr0lEQVRYhc2YS28bVRSAvzMeu7axUzu2kjQxIaKlTShqACFC1EIFC0CqRKuu2HTVBd2yhxX8AXag7vgDLRtUWLREraJGRRRHKElfCNQ0r8ZpaFM3sWsfFjd+BZNM7HEm3873eu79NHN07rlH8hfOsAUHgVPAh8CrQAIIbPXQNsgBGWAC+Bm4CNze7AHZRPo48BXwrouCTrkKfAmM1Ju06owFgW+BK3gjzPq+V9Y9ghsnN0q3A5eBzwBpudrmyLrHZYxXmWrpMPAjMLxzXo4YxniFSwPV0t8AQztt5JAhjB9QkT4OnPVExzlnMZ5l6a/xPoa3QjCeWMAgcMxTHeccAwYt4LTXJtvktIV3ubhR3rOB/mZWsA5+gkS70aU7FO+PQiEHWnDJry6HbEwt0TDSexQJRCDShRWMoQt/oEt3WymesGmy+JFQAnwBJBBF2l5Eoz1orA/N3EafLkD+qUuuZQL1ao9tUZy+Xvnh8yPdb2Ed/hTr0EmsnrchGAOfm0Uh2M0uoPcuoXt7kVhfZdDyIZ1HkNhLSOcRijM30JkbUMg3ux3ghvTjaYpTF5H2A0j8ZSQ5ACJg2RBKIKEEViiBtr+Czo+jj/6EtX+8lQbQud/QxQkkOYBkF5BoCgknTWgAEutDYn1otBtdnESnr6Mrc95KA/B8FZ1Pow8nkL29JjxSw8ieNvD5QXxIoh+JH6AYjKPp7xvOMO5JA2gRCmvo0h00+xCZTyMdr5kvUAobnx+rZwi9ewldmd0F0tWsLqOry4CY2E4OVOb8YdgTgZXGlm6ddDiJBGNIx2HkhY7auUIO1ho0xm1pscDym5hOvYN0DlZiGkAVis/RuZvm4GkQ96TtoIndfW+Y7BHpgkCk5i+amTLZY+bXpo55V6Sl683/5ukqdPkv9NG93ZOnpS2F1X+q9kQEEwbPluDx/ZaciDmaKJpk/8d1hAvo/DjFB2Po4iTks64JAzkb05La1+gKVqqq41DImwMmc8tUeU8emEzhLhkbmKIJaV2ZRUJx9MkMuji1E/X0LRvTN3u/0RX07xGI76e4MI7O3tyJm8tVyV84Mwj83spdXOZ1C0gD17w2ccg1IF26uXwBqIcyTlBM+7fcYRoBznum44zzwC9Q24D8HBjzwsYBYxg/oFY6C5xg94mPYbyypYGNt/EMJv19h/cxruseH2C8ytRrITwDzmHkR1uuVp9RjOw5qt5wic0KphHgKKZtdhL4CBjAdKT8LgrmMW9yEvgJ+AFzSv8v/wKmjix20oF+DgAAAABJRU5ErkJggg==)}#app .content .news-page .count{width:124px;line-height:40px;padding-top:0;margin:auto 26px;background:#fbaf5d;color:#fff;border-radius:10px}
/* === Article Page Styles === */
#app .article-page .news-box{width:1080px;padding:20px 40px;border:3px solid #f8b617;border-radius:20px;margin:0 auto}
#app .article-page .title{line-height:44px;padding:12px 0 24px;font-size:26px;color:#000}
#app .article-page .tool-bar{line-height:16px;font-size:18px;border-bottom:3px solid #f8b617;padding-bottom:15px}
#app .article-page .tool-bar .time{display:inline-block;vertical-align:top;line-height:30px}
#app .article-page .tool-bar .type{display:inline-block;width:136px;height:30px;line-height:30px;text-align:center;margin-right:24px;border-radius:20px;vertical-align:middle;color:#fff}
#app .article-page .tool-bar .type.type-1{background-color:#f8b617}
#app .article-page .tool-bar .type.type-2,#app .article-page .tool-bar .type.type-4{background-color:#da2a85}
#app .article-page .tool-bar .type.type-3{background-color:#f88117}
#app .article-page .article{margin-top:20px;padding:30px 0;font-size:16px}
#app .article-page .article img{max-width:100% !important}
#app .article-page .article strong{font-weight:700}
#app .back{display:block;width:206px;line-height:32px;margin:50px auto;text-align:center;font-size:18px;font-weight:600;color:#fff;background:#fbaf5d;border-radius:20px}

/* === Homepage Carousel Styles === */
#app .section-a{width:100%;overflow:hidden}
#app .section-a .groud{position:relative;width:1920px;left:50%;transform:translate(-50%)}
#app .section-a .groud .swiper-container{position:relative;overflow:hidden;width:1920px;height:450px}
#app .section-a .groud .swiper-wrapper{display:flex;height:100%}
#app .section-a .groud .swiper-slide{flex-shrink:0;width:1920px;height:100%;display:block}
#app .section-a .groud .swiper-slide img{width:1920px;height:450px;display:block}
#app .section-a .groud .carousel-pagination{position:absolute;left:0;right:0;bottom:30px;text-align:center;z-index:2}
#app .section-a .groud .swiper-pagination-bullet{margin-left:5px;width:20px;display:inline-block;height:9px;opacity:1;border-right:1px solid rgba(0,0,0,.25);border-radius:5px;outline-width:0;border-right-color:gray;background-color:gray;transition:all .5s;cursor:pointer}
#app .section-a .groud .swiper-pagination-bullet:last-child{border-right-width:0}
#app .section-a .groud .swiper-pagination-bullet-active{width:60px;border-right-color:#ecb944;background-color:#ecb944}

/* === Homepage News Styles === */
#app .section-b{text-align:center;margin-top:30px;padding-bottom:40px}
#app .section-b .title{font-family:"Gen Shin Gothic P";line-height:48px;font-size:32px;font-weight:600}
#app .section-b .title::before,#app .section-b .title::after{display:inline-block;margin:auto 30px;content:"-"}
#app .section-b .news-list{width:1184px;text-align:left;font-size:18px;margin:60px auto;position:relative}
#app .section-b .news-list ul{list-style:none;margin:0;padding:0}
#app .section-b .news-list li{padding:24px;border-bottom:2px solid #ecb944}
#app .section-b .news-list li:first-child{border-top:2px solid #ecb944}
#app .section-b .news-list li a{display:block;color:#8b8b8b}
#app .section-b .news-list li .info{display:inline-block;width:160px;line-height:30px;border-radius:12px;text-align:center;color:#fff}
#app .section-b .news-list li .info.info-1{background-color:#f8b617}
#app .section-b .news-list li .info.info-2,#app .section-b .news-list li .info.info-4{background-color:#da2a85}
#app .section-b .news-list li .info.info-3{background-color:#f88117}
#app .section-b .news-list li .time{display:inline-block;margin:0 24px;vertical-align:top;line-height:30px}
#app .section-b .news-list li .text{display:inline-block;vertical-align:top;line-height:30px}
#app .section-b .news-list a.more{color:#fff}
#app .section-b .more{display:block;width:210px;height:40px;line-height:40px;padding-right:10px;margin-top:8px;margin-left:auto;background:url("../images/more-arrow.png") right center no-repeat;background-size:80%;text-align:right;font-size:24px}

/* === Game Landing Page Styles === */
#app .game-landing{width:100%;padding-bottom:40px}
#app .game-landing .hero{position:relative;width:100%;height:0;padding-bottom:56.25%;background-position:center;background-size:cover;background-repeat:no-repeat}
#app .game-landing .hero .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:122px;height:122px;border:0;outline:none;background:url("../images/genyo/site-register-play.png") center no-repeat;background-size:contain;cursor:pointer;transition:transform .2s}
#app .game-landing .hero .play:hover{transform:translate(-50%,-50%) scale(1.08)}
#app .game-landing .title{width:1080px;margin:0 auto;text-align:center;padding:64px 0 24px;font-family:"Gen Shin Gothic P";font-size:36px;font-weight:600;color:#1f1f1f}
#app .game-landing .desc{width:900px;margin:0 auto;text-align:center;line-height:36px;font-size:18px;color:#666}
#app .game-landing .desc p{margin-bottom:16px}
#app .game-landing .download{text-align:center;padding:56px 0}
#app .game-landing .download .btn-store{display:inline-block;min-width:220px;line-height:54px;margin:0 12px;padding:0 30px;font-size:20px;font-weight:600;border:2px solid #f8b617;border-radius:30px;color:#fff;background-color:#f8b617;transition:background-color .25s,color .25s}
#app .game-landing .download .btn-store:hover{color:#f8b617;background-color:#fff}
#app .game-landing .download .btn-store.line{background-color:#06c755;border-color:#06c755}
#app .game-landing .download .btn-store.line:hover{color:#06c755;background-color:#fff}