@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html,body,div,header,nav,section,aside,article,footer,figure,figcaption,ul,ol,li,dl,dt,dd,p,fieldset,span,a,img,h1,h2,h3,h4,h5 {margin:0;padding:0;}
body {color: #444;font-size: 16px;font-weight:300;font-family:'Open Sans', Arial, sans-serif;}
ul, ol{list-style:none;}
fieldset{border:0;}
.hidden, legend, caption{position:absolute; left:-9999em;}
.clearfix:after{overflow:hidden; content:""; display:block; clear:both;}
a:link, a:visited, a:hover, a:focus{text-decoration:none;}
img{vertical-align: top; border:none;}
.main{background-color: #260760;width:100%; overflow-x: hidden;}
.sub{background-color: #333333;width:100%; overflow-x: hidden;}
.sub #wrap{background-color: #fff;}
.main #wrap{background-color: #260760;}
.w{display:none;}
.m{display:none;}
#ui_top{background-color:#1a1a1a;height:76px;width:100%;z-index:10;}
#ui_top .inner {position:relative;width:1280px;margin:0 auto;}
.main #ui_content .inner{position:relative;width:1280px;margin:0 auto;}
#ui_top .inner h1{position:absolute;top:20px;left:20px;z-index:10;}
#ui_top .inner ul-old{margin-right:43px;font-size:14px;    position: absolute; right: 0;}
#ui_top .inner ul{margin-right:10px;font-size:14px;    position: absolute; right: 0;}
#ui_top .inner ul li-old{float:left;margin-top:34px;margin-left:47px;}
#ui_top .inner ul li{float:left;margin-top:34px;margin-left:20px;}
#ui_top .inner ul li a{color:#fff;font-weight:600;}
#ui_top .inner ul li a:hover, #ui_top .inner ul li a.over{color:#c62f00;}
.main #ui_content{z-index:8;position:relative;height:988px;width:100%;background:url(/img/slm/w_bg_main.jpg) center 0 no-repeat scroll;}
.main #ui_content .btn_play{position:absolute;top:558px;left:250px;}
.main #ui_content .txt{position:absolute;top:698px;left:100px;font-size:24px; color:#fff;font-weight:300;line-height:28px;}
.main #ui_content .inner ul{position:absolute;top:815px;left:100px;}
.main #ui_content .inner ul li{float:left;margin-right:35px;}
.main #ui_content .copy{color:#fff;font-size:14px;font-weight:300;text-align:center;width:100%;bottom:50px; position:absolute;}
.sub #ui_content{z-index:8;position:relative;}
.sub #ui_content .visual{height:255px;width:100%;background:url(/img/slm/w_bg_sub1.jpg) center 0 repeat-x scroll;}
.sub #ui_content .visual .txt{font-size:47px; font-weight:700;text-align:center;padding-top:80px;color:#fff;}
.sub #ui_content .content{color:#333;max-width:1012px;margin:0 auto;padding:0 20px;}
.sub #ui_content .date{font-size:14px;margin-top:35px;}
.sub #ui_content .tit{font-size:23px;margin-top:42px;font-weight:600;}
.sub #ui_content .desc{font-size:14px;margin-top:15px;}
.sub #ui_content .content .left{float:left;width:50%;margin:35px 0 0 0; box-sizing: border-box;padding-left:45px;}
.sub #ui_content .content .right{float:right;width:50%;margin:35px 0 0 0; box-sizing: border-box;padding-right:45px;}
.sub #ui_content .in_text{ font-family:'Open Sans', Arial, sans-serif;font-size:15px;padding:0 15px; width:100%; line-height:46px;  border:none; border-radius:5px;background-color:#F3F5F7; height:46px; color:#333333;box-shadow:inset 0 1px 1px #dadfe3; box-sizing: border-box;}
.sub #ui_content .in_textarea{height:auto;line-height:20px;padding:15px 15px;}
.sub #ui_content .btn_send{text-align:center;display:block;font-size:15px;padding:0 15px; width:150px; line-height:46px;  border:none; border-radius:5px;background-color:#ff5a28; height:46px; color:#fff;box-shadow:inset 0 1px 1px #e1b8ac; box-sizing: border-box;}
.sub #ui_footer{width:100%;height:110px; margin-top:50px;text-align:center; color:#d2d2d2; background-color:#333333; border-top:1px solid #a0a0a0;  }
.sub #ui_footer .copy{margin-top:46px;}
.btn_top{position:fixed; bottom:0;right:0;width:40px;display:block;z-index: 100;}
.btn_top img{width:40px;}

.sub .contact{margin:0 20px;}
.sub .contact h3{font-size:35px; color:#333333;margin-top:40px;}
.sub .contact .fill{font-size:18px; color:#333333;margin-top:10px;}
.sub .contact .fields{font-size:16px; color:#333333;margin-top:55px;margin-bottom:15px;}
.sub .contact .fields .warning{font-size:16px;}
.sub .contact .warning{font-size:24px; color:#ff5a28;}
.sub .contact li label{font-size:24px; color:#333333; font-weight:900; }
.sub .contact li p{font-size:18px; color:#333333;margin-top:2px;}
.sub .contact li .in_text{margin:10px 0 25px 0;}

@media (min-width: 1700px) {
    .w{display:block;}
    .m{display:none;}
    #ui_top .inner h1{left:-150px;}
}
@media (max-width: 1279px) {
    .w{display:block;}
    .m{display:none;}
    .main #ui_content{background:url(/img/slm/w_bg_main.jpg) -308px 0 no-repeat scroll;}
    #ui_top .inner, .main #ui_content .inner{width:100%;}
}
@media (max-width: 1100px) {
    .w{display:block;}
    .m{display:none;}
    img{width:100%;}
    .main #ui_content{background:url(/img/slm/w_bg_main.jpg) -208px 0 no-repeat scroll; background-size:1500px auto;}
    .main #ui_content .btn_play{position:absolute;top:439px;left:202px;width:269px;}
    .main #ui_content .txt{position:absolute;top:550px;left:82px;font-size:22px; color:#fff;font-weight:300;line-height:28px; }
    .main #ui_content .inner ul{position:absolute;top:673px;left:82px;}
    .main #ui_content .inner ul li{float:left;margin-right:23px;width:186px;}
    /*
    .sub #ui_content .content .left{float:left;width:50%;margin:35px 0 0 0; box-sizing: border-box;padding-left:25px;padding-right:5px;}
    .sub #ui_content .content .right{float:right;width:50%;margin:35px 0 0 0; box-sizing: border-box;padding-right:25px;padding-left:5px;}
    .sub #ui_content .in_text{width:100%;}
    */
}
@media (max-width: 900px) {
    .w{display:block;}
    .m{display:none;}
    img{width:100%;}
    #ui_top .inner ul li{float:left;margin-top:34px;margin-left:27px;}
    .main #ui_content{background:url(/img/slm/w_bg_main.jpg) -308px 0 no-repeat scroll; background-size:1500px auto;}
    .main #ui_content .btn_play{position:absolute;top:439px;left:102px;width:269px;}
    .main #ui_content .txt{position:absolute;top:550px;left:42px;font-size:22px; color:#fff;font-weight:300;line-height:28px; }
    .main #ui_content .inner ul{position:absolute;top:673px;left:42px;}
    .main #ui_content .inner ul li{float:left;margin-right:23px;width:186px;}
}
@media (max-width: 768px) {
    .w{display:none;}
    .m{display:block;}
    img{width:100%;}
    .main #ui_content{background:none; background-size:none;height:auto;}
    .main #ui_content .btn_play {position:absolute;   top:47.00%;   left:6.38%;   width:52.34%;}
    .main #ui_content .txt {position:absolute;   top:57.85%;   left:6.51%; font-size:4vw;line-height:1.2;}
    .main #ui_content .inner ul{position:static;top:auto;left:auto;}
    .btn_android {position:absolute;   top:76.19%;   left:37.76%;   width:23.96%;}
    .btn_facebook {position:absolute;   top:76.01%;   left:67.06%;   width:23.96%;}
    .btn_ios {position:absolute;   top:76.10%;   left:8.72%;   width:23.96%;}
    .main #ui_content .copy{color:#fff;font-size:3vw;font-weight:300;text-align:center;width:100%;top:93.12%;bottom:auto; position:absolute;}
    /*#wrap{margin-top:100px;}
    #ui_top{background-color:#1a1a1a;height:100px;width:100%;z-index:10;position:fixed;top:0;}*/

    #ui_top .inner h1{position:relative;top:15px;left:auto;z-index:10;width:100px;margin:0 auto;}
    #ui_top .inner .btn_ham{width:35px;position:absolute; top:17px;left:20px;}
    #ui_top .inner .btn_ham_close{width:30px;position:absolute; top:17px;left:20px;}
    #ui_top .inner .menu{position:fixed;left:-50%;top:0;width:50%;height:100%;z-index:100;}
    #ui_top .inner .menu .bg{background-color:#000; opacity:0.9;width:100%;height:100%;position:absolute;top:0;left:0;}
    #ui_top .inner ul{margin-right:auto;font-size:15px;position:relative;margin-top:100px;}
    #ui_top .inner ul li{float:left;margin-top:0;margin-left:0;width:100%;position:relative;}
    #ui_top .inner ul li a{color:#fff;font-weight:600;padding:20px; display:block}
    #ui_top .inner ul li a:hover, #ui_top .inner ul li a.over{color:#fff; background-color:#c62f00; }
    .sub #ui_content .visual{height:155px;width:100%;background:url(/img/slm/w_bg_sub1.jpg) center center no-repeat scroll; background-size:auto 100%;}
    .sub #ui_content .visual .txt{font-size:35px; font-weight:700;text-align:center;padding-top:50px;color:#fff;}
    .sub #ui_content .content{color:#333;max-width:1012px;margin:0 auto;padding:0 25px;}
    .sub #ui_content .date{font-size:14px;margin-top:21px;}
    .sub #ui_content .tit{font-size:23px;margin-top:35px;font-weight:600;}
    .sub #ui_content .desc{font-size:14px;margin-top:15px;}
    .sub #ui_content .btn_send{width:100%; height:56px; font-size:20px;line-height:56px;text-align:center;}
    /*
    .sub #ui_content .content .left{float:none;width:100%;margin:30px 0 0 0; box-sizing: border-box;padding-left:0;padding-right:0;padding:0 25px;}
    .sub #ui_content .content .right{float:none;width:100%;margin:0 0 0 0; box-sizing: border-box;padding-right:0;padding-left:0;padding:0 25px;}
    .sub #ui_content .btn_send{width:100%; height:56px; font-size:20px;line-height:56px;text-align:center;}
    .sub #ui_content .in_text{width:100%;margin-bottom:9px;}
    */
}

#ui_content{-webkit-overflow-scrolling: auto}