@charset "utf-8";
/* CSS Document */
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
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;}
ul,ol,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
q:before,q:after{content: '';}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
.fixed{clear: both; height: 0; overflow: hidden;}
.clearfix:after{display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.clearfix{*zoom: 1;}

/*font*/
@font-face {
    font-family: 'SofiaProLight-webfont';
    src: url('../fonts/SofiaProLight-webfont.eot');
    src: url('../fonts/SofiaProLight-webfont.eot?#iefix')
    format('embedded-opentype'),
    /*url('../fonts/SofiaProLight-webfont.woff') format('woff'),*/
    /*url('../fonts/SofiaProLight-webfont.ttf') format('truetype'),*/
    url('../fonts/SofiaProLight-webfont.svg#SofiaProLight-webfont')
    format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'galette-med-webfont';
    src: url('../fonts/galette-med-webfont.eot');
    src: url('../fonts/galette-med-webfont?#iefix')
    format('embedded-opentype'),
    /*url('../fonts/galette-med-webfont.woff') format('woff'),*/
    /*url('../fonts/galette-med-webfont.ttf') format('truetype'),*/
    url('../fonts/galette-med-webfont.svg#galette-med-webfont')
    format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '08SeoulNamsanM_0';
    src: url('../fonts/08SeoulNamsanM_0.ttf');
format('embedded-opentype'),
url('../fonts/08SeoulNamsanM_0.ttf') format('truetype'),
format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '08SeoulHangangM_0';
    src: url('../fonts/08SeoulHangangM_0.ttf');
format('embedded-opentype'),
url('../fonts/08SeoulHangangM_0.ttf') format('truetype'),
format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************/
body{font-family: SofiaProLight-webfont,Microsoft YaHei,"08SeoulNamsanM_0"; font-size: 14px; line-height: 1; color: #333; background:#fafafa; min-width: 320px;}
input{font-family: verdana,"微软雅黑";}
.w1000{width: 1000px; position:relative; margin: 0 auto;}
.w1440{width: 1440px; position:relative; margin: 0 auto;}

/*********top_link*********/
.top_link{height:102px; background:#000; position: relative; z-index: 2;}
.top_link .logo{background: url("../images/logo.png") no-repeat; width: 218px; height: 41px; float: left; margin: 30px 15px 0 15px;}
.top_link .top_nav{float: left;margin-top: 20px;}
.top_link .top_nav li{float: left; margin-left: 5px;}
.top_link .top_nav li a{display: block; width: 92px; padding: 17px 0; *padding: 23px 0;}
.top_link .top_nav li a span{display: block; color: #fff; font-size: 18px; text-align: center;}
.top_link .top_nav li a span.english{font-size: 14px; color: #797979; margin-top: 6px; text-transform: uppercase;}
.top_link .top_nav li a:hover span.english, .top_link .top_nav li a.cur span.english{color: #fff;}
.top_link .top_nav .nav_down{background:url("../images/icon_02.png") no-repeat scroll 80px 23px;padding-right: 10px;}
.top_nav_main{width: 100%;background: url("../images/top_nav_main.png") repeat;position: absolute;top: 102px;left: 0px;height: 90px;z-index: 10000;text-align: center;display: none;}
.top_nav_main a{padding: 0 12px;font-size: 18px; color: #beb8b8;line-height: 90px;}
.top_link .login_before, .top_link .login_after{float: right;margin-top: 34px;}
.login_box a{color:#fff}
.login_box a:hover{color:rgb(234,103,37);}
.top_link .language_change{float: right; width: 130px; margin:37px 0 0 0; position: relative;font-size: 14px;}
.top_link .language_box{position: absolute; left: 0; top: 0; width: 224px; background: url("../images/png90.png");border:1px solid #000 ; line-height: 24px; z-index: 3; overflow: hidden;}
.top_link .language_box.cur{border:1px solid #ffffff;}
.top_link .language_cur{background: url("../images/icon_01.png") no-repeat 69px center; color: #fff; padding: 0 7px; height: 24px; cursor: pointer;display:block;width: 83px;float: right;}
.top_link .language_list{display: none;text-align: center;float: left;width: 100%;}
.top_link .language_list li{display: inline-block;*float: left;}
.top_link .language_list li a{color: #fff; height: 24px; padding: 0 7px;border-right:1px solid #7f7f7f; }
.top_link .language_list li a:hover{background: url("../images/png10.png");}
.top_link .language_list li:last-child a{border-right: none;}
.top_link .login_before .top_share{float: left; margin-top: 23px;}
.top_link .login_before .top_share a{display: block; float: left; width: 26px; height: 25px; margin-right: 2px; background: url("../images/btn_share.png") no-repeat;}
.top_link .login_before .top_share a.top_share_g{background-position: -28px 0;}
.top_link .login_before .top_share a.top_share_f{background-position: -56px 0;}
.top_link .login_before a.top_login, .top_link .login_before a.top_register{display: block; margin-top: 20px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; float: left; margin-left: 9px;}
.top_link .login_before a.top_login:hover, .top_link .login_before a.top_register:hover{text-decoration: underline; color: #9dcc01;}
.top_link .login_after{margin-top: 31px; line-height: 30px; color: #fff;}
.top_link .login_after span{color: #fff;}
.top_link .login_after a.top_logout{color: #f39900; font-size: 18px;}
.login_box{ margin: 7px 15px 0 0; color: #fff;}
.login_after_up{ margin-top: 31px}
/*********  banner  *********/
.banner_wrap{background: #171717;width:100%; height: 694px;position: relative;}
.banner_main{width:100%; height:100%; position: relative; overflow: hidden; background-color: #000;}
.w1000_main{position: absolute;width: 1440px;left: 50%;margin-left: -770px;top: 0px;}
.banner_main li a{display: block; width: 100%; height:100%;}
.banner_main li .background{display: block; width:auto; height:100%;left: 50%;margin-left: -50%;position: relative;}
.banner_main .game_info{width:30%; float: right; padding-top:25%; text-align: center;padding-right: 225px;}
.game_info .game_logo{width:80%;display: block;position: relative;margin: 0 auto;}
.game_info .game_play{display: inline-block;width:40%;}
.game_info .game_play img{display: block;width: 100%;}
.game_img{display: block;width: 100%; }
.banner_nav{position: absolute; left:50%; bottom: 14px; z-index: 66; width:301px; height: 20px;margin-left: -65px;}
.banner_nav span{float: left; width: 22px; height: 22px; margin-right: 8px; background: url("../images/banner_nav_bg.png")  -30px top no-repeat;}
.banner_nav span.cur{background-position: left top;}
.banner_main li{width: 100%; height: 694px; position: absolute; top: 0; left: 0;}
.banner_wrap .btn_prev, .banner_wrap .btn_next{position: absolute; width: 40px; height: 69px; top:45%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.banner_wrap .btn_prev{left:73px;}
.banner_wrap .btn_next{right:73px;}
.banner_wrap .btn_prev span, .banner_wrap .btn_next span{display: block; width: 40px; height: 69px; background: url("../images/icon.png") no-repeat left center;}
.banner_wrap .btn_next span{background-position:right center;}

.new_ngames_01{position: relative;width:100%;}
.new_ngames_01 img,.new_ngames_02 img{display: block;width: 100%;}
.new_ngames_main{text-align: left;width:50%;height:50%;right :2%;top:2%;position:absolute;overflow: hidden;}
.new_ngames_main h4{font-family: "galette-med-webfont","Microsoft YaHei","galette-med-webfont","08SeoulHangangM_0"; font-size:5em;color: #000;margin-bottom: 25px;}
.new_ngames_main span{font-size:1.2em;display: block;width: 95%;line-height:30px;height: 100%;word-break:break-all;word-wrap:break-word;}
.apps a{float: left;width:30%;margin-right: 5px; height:55px; }
.apps img{width: 100%;height: 100%;}
/*.app{position: absolute;left: 10px;bottom: 25px;width:45%;}*/
.apps {position: absolute; left: 19px;bottom: 39px; width: 45%;}


.new_ngames_02{position: relative;width: 100%;}
.new_ngames_02 .new_ngames_main{position:absolute;left:2%;top:25%;width:50%;color: #fff;}
.new_ngames_02 .new_ngames_main h4{color: #fff;}

.ngames_bottom{height: auto;}
.ngames_bottom div{float: left;width:33.3%;padding-top: 52px; }
.one{background: #fbad5b;}
.two{background: #f6b782;height: 100%;}
.three{background: #f7c7a1;height: 100%;}
.one img{margin: 0 auto;display: block;width: 60%;}
.ngames_bottom div.bottom_main{margin: 0 auto;width:56%;float: none;padding-top: 0px;}
.ngames_bottom div p{color: #fff;font-size: 27px;margin:100px 0 50px;text-align: center;width:265px;}
.ngames_bottom div button{width:265px;height: 57px;border: 1px solid #fff;border-radius: 5px;background: none;font-size: 20px;text-align:left ;color: #fff;text-indent: 24px;*line-height: 50px; }
.ngames_bottom div button:hover{background: url("../images/bg_button.png") repeat;}
.ngames_bottom div i{text-align: right;background: url("../images/jiantou.png") no-repeat;width: 27px;height:9px;display: inline-block;float: right;margin-top: 10px;*margin-top: -30px;}
.ngames_bottom div b{background: url("../images/facebook.png") no-repeat;width: 24px;height: 24px;display: inline-block;margin-left: 8px;vertical-align: middle;}

.footer_new{background: #e4e4e4;height: 154px;}
.footer_new_top{text-align: center;color: #787171;padding-top: 57px;}
.footer_new_top a{text-decoration: underline;font-size: 16px;padding-right: 44px; color:#787171}
.footer_new_top a:last-child{padding-right: 0px;}
.footer_new p{color: #787171;font-size: 13px;line-height: 55px;text-align: center;}

.policy_main{padding:3% 20% 10%;background: #f3cb92;}
.policy_main h4{font-size: 45px; color: #ef6925;line-height:80px;}
.policy_main p{font-size: 17px;color: #000;line-height: 25px;padding-bottom: 10px;}
.policy_main button{display:block;width:120px;height: 57px;border: 1px solid #ef6925;border-radius: 5px;background: none;font-size: 20px;text-align:right ;color: #ef6925;text-indent: 24px;margin: 50px auto;*line-height: 50px;*text-align:center; }
.policy_main button:hover{background: url("../images/bg_button.png") repeat;}
.policy_main i{text-align: right;background: url("../images/jiantou_01.png") no-repeat;width: 27px;height:9px;display: inline-block;float: left;margin-top: 10px;margin-top:6px\0;*margin-top: -30px;*margin-left: 10px;}

.pop_clo{background: url("../images/pop_close.png") no-repeat;width:43px;height:52px;position: absolute; top: -1px; right:-43px;}

@media screen and (max-width:1440px){
    .w1000,.w1440{width: 100%;}
    .new_ngames_main h4{font-size:3em;color: #000;margin-bottom: 5px;}
    .new_ngames_main span{font-size:1.2em}
}
@media screen and (max-width:1024px){
    .new_ngames_main h4{font-size:2em;}
    .new_ngames_main span{font-size:1em}
}
@media screen and (max-width:768px){
    .banner_main li,.banner_wrap{height:500px; }
    .w1000_main{width: 100%;left:10%;margin-left: 0px;}
    .banner_main li .background{margin-left: -75%;}
}