@charset "utf-8";
html, body{height:100%;min-width:320px;min-height:800px;}
body,footer{background:#282828;}
.blind{font-size:0;text-indent:-1000em;}
.skip{position:absolute; left:-999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
/* layout */
.landing .layout{width:280px; margin:0 auto;}
/* top-bar */
.landing{position:relative;}
.landing header{height:37px; background:#282828;}
.landing header .inner-frame{width:100%; margin:0;position:relative;}
.landing header .inner-frame .gamescampus{margin:0 0 0 5px;}
.landing header .inner-frame .link{position:absolute; right:5px; top:0;}
.landing header .inner-frame .link .go-main, .landing header .inner-frame .link .language{float:left;}
.landing header .inner-frame .link .go-main{padding:0 2px;  color:#fff; height:37px; line-height:37px; font-size:12px;letter-spacing:-1px;}
.landing header .inner-frame .link .language{width:90px; position:relative; letter-spacing:-1px;}
.landing header .inner-frame .link .language .selected{display:block; text-align:center;}
.landing header .inner-frame .link .language .selected span{display:inline-block; padding:0 20px; color:#fff; height:37px; line-height:37px; font-size:12px; background:url('images/ico_dropdown.png') no-repeat 100% 50%;}
.landing header .inner-frame .link .language ul{width:90px; position:absolute; left:0; top:37px; background:#282828; display:none;}
.landing header .inner-frame .link .language li a{display:block; padding:7px 0; text-align:center; font-size:12px; color:#fff;}
.landing header .inner-frame .link .language li a:hover{background:#fff; color:#282828;}
.landing header .inner-frame .link .language:hover ul{display:block;}

/* container */
.section{padding:0 20px; text-align:center;}
.section .tit-logo{display:block; background:url('images/new/img_logo.png') 0 0 no-repeat; background-size:cover;}
.section .btn-play{display:block; width:232px; height:42px; line-height:40px; margin:20px auto; border:4px solid #fff; color:#fff; font-size:15px;}
.section .btn-play:hover, .sec0 .btn-play:active{background-color:#8bc53f;}
.section .link-site{color:#fff; text-decoration:underline; font-size:15px;}

/* section1 */
.sec0{height:480px; background:url('images/new/bg_sec0.jpg') 50% 0 no-repeat; color:#fff;}
.sec0 h1{padding:63px 0 22px;}
.sec0 h1 .tit-logo{ width:274px; height:83px; margin:0 auto;}
.sec0 .tit-txt{font-size:24px; line-height:30px;}


.sec1{background:#fff url('images/new/bg_sec1.jpg') 50% 0 no-repeat; color:#222;}
.sec1 .tit{font-size:40px; line-height:40px; padding:40px 0 12px;}
.sec1 .tit-txt{font-size:13px; line-height:22px;}
.sec1 .tit .inline-block,
.sec1 .tit-txt .inline-block{display:block;}
.sec1 .mouseover{display:none; padding:10px 0; font-size:15px; color:#f7931e;}
.sec1 .dollar{width:280px; height:42px; margin:22px auto 30px; font-size:18px; line-height:36px; font-family:'Impact', 'Segoe UI', sans-serif; background:url('images/new/bg_sec1_value.png') 0 0 no-repeat; background-size:cover;}
.sec1 .item-list{zoom:1; overflow:hidden;}
.sec1 .item-list:after{clear:both; display:block; content:'';}
.sec1 .item-list li{float:left; width:50%; height:100px; overflow:hidden;}
.sec1 .item-list li img{}
.sec1 .item-list li .item-name{display:block; font-size:13px; line-height:14px; margin:8px 0 0;}
.sec1 .tit-side{font-size:24px; line-height:30px; margin:18px 0 15px;}
.sec1 .des-txt{font-size:13px; line-height:20px; padding: 0 0 55px;}

.sec2{height:600px; background:#57742e url('images/new/bg_sec2.jpg') 50% 0 no-repeat; color:#fff;}
.sec2 .tit{position:relative; padding-top:65px;}
.sec2 .tit .this{position:absolute; top:60px; left:128px; font-size:20px;}
.sec2 .tit .tit-logo{width:280px; height:85px;}
.sec2 .thumb-area .wrap{position:relative; width:314px; height:183px; margin-left:-17px;background:url('images/new/bg_thumb.png') 0 0 no-repeat; background-size:cover;}
.sec2 .thumb-area img,.sec2 .thumb-area a{display:block; position:absolute; top:17px; left:17px; width:280px; height:140px;}
.sec2 .thumb-area .btn-video{display:block; width:46px; height:32px; margin:55px auto; background:url('images/new/btn_video.png') 0 0 no-repeat; background-size:100% 100%;}
.sec2 .thumb-area a:hover .btn-video{width:56px; height:39px; margin-top:50px;}
.sec2 .des-txt{font-size:13px; line-height:20px;}

.sec3{padding:0; color:#222;}
.sec3 .slider-area{height:170px; padding-top:30px; background:#242424;}
.sec3 .bx-wrapper{position:relative; width:280px; height:170px; margin:0 auto;}
.sec3 .bx-wrapper .slider-list{height:141px;}
.sec3 .bx-wrapper .slider-list li{height:inherit;}
.sec3 .bx-wrapper .slider-list li img{width:100%;height:inherit;}
.sec3 .bx-pager{width:100%; position:absolute; bottom:10px; left:0; text-align:center; vertical-align:middle;}
.sec3 .bx-pager .bx-pager-item, .sec3 .bx-controls-auto .bx-controls-auto-item{font-size:0; line-height:0; display:inline-block;}
.sec3 .bx-pager.bx-default-pager a{display:block; width:6px; height:6px; margin:0 4px;background-color:#545454; border-radius:50%;}
.sec3 .bx-pager.bx-default-pager a:hover, .sec3 .bx-pager.bx-default-pager a.active{background-color:#fff;}
.sec3 .bx-controls-direction{display:none;}
.sec3 .bx-controls-direction a{width:60px; height:66px; position:absolute; top:50%; outline:0; font-size:0; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
.sec3 .bx-controls-direction a:hover,.sec3 .bx-controls-direction a:active{background-position:0 -66px;}
.sec3 .bx-prev{background-image:url('images/new/ico_slider_prev.png');}
.sec3 .bx-next{background-image:url('images/new/ico_slider_next.png');}
.sec3 .features{background:#fff; padding:36px 0 20px;}
.sec3 .features .list li{margin:0 0 35px;}
.sec3 .features .list li h4{font-size:15px;line-height:30px;margin:0 0 20px;}
.sec3 .features .list li img{width:220px; height:110px;}
.sec3 .features .list li .des-txt{font-size:13px; line-height:18px; margin-top:20px;}

.sec4{height:780px; background:#57742e url('images/new/bg_sec4.jpg') 50% 0 no-repeat; color:#fff;}
.sec4 .tit{width:280px; margin:0 auto; font-size:40px; line-height:40px; padding:40px 0 12px;}
.sec4 .system h3{width:280px; height:50px; line-height:48px; margin:28px 0 20px; font-size:20px; color:#afe661; background:url('images/new/bg_sec4_system.png') 0 0 no-repeat;}
.sec4 .system .list li{font-size:15px; line-height:25px;}
.sec4 .btn-play{margin-top:28px;}

.sec5{height:160px; background:#fff;}
.sec5 .tit{font-size:20px; line-height:15px; padding:30px 0 20px;font-weight:normal; color:#666;}
.sec5 .on-sns{text-align:center;}
.sec5 .on-sns > span{display:table; margin:0 auto; display:inline-block;}
.sec5 .on-sns .btn-sns{display:block; float:left; width:60px; height:65px; margin:0 5px;background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.sec5 .on-sns .btn-facebook{background-image:url('images/new/ico_facebook.png');}
.sec5 .on-sns .btn-twitter{background-image:url('images/new/ico_twitter.png');}

/* popup */
.e-movie{display:none; position:relative; width:280px; background-color:#fff; box-shadow:0 0 20px #000;}
.e-movie .tit{background-color:#89be44; color:#fff; font-size:13px; font-weight:normal; padding:10px 17px;}
.e-movie .close{display:block; width:15px; height:15px; position:absolute; top:10px; right:10px; background:url('images/new/btn_pop_close.png') 0 0 no-repeat; background-size:cover;}
.e-movie .frame{padding:5px; height:150px; border:1px solid #cacaca;} 
.e-movie iframe{width:100%; height:100%;}
.e-shadow{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background-color:#000; opacity:0.9;filter:Alpha(opacity=90);}

.layer{display:none; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; min-height:600px;}
.layer .layer-wrap{padding:40px 0 0; width:320px; margin:0 auto 0; position:relative;}
.layer h1{width:240px; height:73px; margin:0 auto 0; background:url('images/ico_shotonline.png') no-repeat; background-size:cover; text-indent:-9999em;}
.layer iframe{width:100%; height:700px;}
.layer .close{display:block; width:36px; height:36px; position:absolute; right:30px; top:10px; background:url('images/btn_close.png') no-repeat; text-indent:-9999em;}

/* footer  */
.landing footer{padding:40px 0;}
.landing footer .language{width:158px; margin: 0 auto 20px; position:relative; border:1px solid #474747; font-size:15px;}
.landing footer .language .selected{display:block;}
.landing footer .language .selected span{display:block; padding-left:20px; height:38px; line-height:38px; color:#fff; background:url('images/new/ico_dropdown.jpg') no-repeat 100% 50%;}
.landing footer .language ul{display:none; width:160px; position:absolute; left:-1px; bottom:38px; background:#282828;}
.landing footer .language li a{display:block; padding:0 20px; height:38px; line-height:38px; margin-top:-1px; color:#fff; border:1px solid #474747;}
.landing footer .language li a:hover{background:#fff; color:#282828;}
.landing footer .language:hover ul{display:block;}
.landing footer .copyright{text-align:center;}
.landing footer .copyright li .copy{margin:12px 0; font-size:12px; line-height:15px; color:#696969; word-break:break-all; }
.landing footer .copyright .inline-block{display:block;}

/* add */
.toTop{display:none; width:100%; min-width:1300px; position:fixed; bottom:136px; left:0; cursor:default;}
.toTop > span{display:block; position:absolute; top:0; right:0; width:86px; height:86px; background:url('images/new/btn_top.png') 0 0 no-repeat; cursor:pointer;}

/* style */
.bold{font-weight:bold;}

@media (min-width:760px) and (max-width:1279px){
	.landing .layout{width:640px;}
	.section{padding:0 60px;}
	.section .btn-play{width:272px; height:62px; line-height:60px; margin:35px auto 23px; font-size:20px;}

	.sec0{height:600px; background-image:url('images/new/bg_sec0_2x.jpg');}
	.sec0 h1{padding:122px 0 32px;}
	.sec0 h1 .tit-logo{ width:353px; height:107px;}
	.sec0 .tit-txt{font-size:50px; line-height:50px;}
	
	.sec1{height:900px; background-image:url('images/new/bg_sec1_2x.jpg');}
	.sec1 .tit{font-size:60px; line-height:70px; padding:150px 0 10px;}
	.sec1 .tit-txt{font-size:26px;}
	.sec1 .tit .inline-block,.sec1 .tit-txt .inline-block{display:inline;}
	.sec1 .dollar{width:448px; height:68px; margin:32px auto 33px; font-size:32px; line-height:58px;}
	.sec1 .item-list li{width:25%;}
	.sec1 .tit-side{font-size:36px; line-height:35px; margin:25px 0 15px;}
	.sec1 .des-txt{width:600px;font-size:15px; line-height:25px; padding:0;}
	
	.sec2{height:800px; background-image:url('images/new/bg_sec2_2x.jpg');}
	.sec2 .tit{padding-top:114px;}
	.sec2 .tit .this{top:117px; left:290px; font-size:30px;}
	.sec2 .tit .tit-logo{width:474px; height:145px; margin:0 auto;}
	.sec2 .thumb-area{width:494px;margin:16px auto;}
	.sec2 .thumb-area .wrap{width:494px; height:287px; margin-left:0;}
	.sec2 .thumb-area img,.sec2 .thumb-area a{top:27px; left:27px; width:440px; height:220px;}
	.sec2 .thumb-area .btn-video{width:78px; height:55px; margin:80px auto;}
	.sec2 .thumb-area a:hover .btn-video{width:88px; height:62px; margin-top:75px;}
	.sec2 .des-txt{width:590px;font-size:15px; line-height:25px;}

	.sec3{height:940px; background:#fff url('images/new/bg_sec3_2x.jpg') 50% 0 no-repeat;}
	.sec3 .slider-area{width:640px; height:350px; margin:0 auto; padding-top:140px; background:none;}
	.sec3 .bx-wrapper{width:600px; height:350px; }
	.sec3 .bx-wrapper .slider-list{height:300px;}
	.sec3 .bx-pager{display:none;}
	.sec3 .bx-controls-direction{display:block;}
	.sec3 .bx-controls-direction a{margin-top:-53px;}
	.sec3 .bx-prev{left:19px;}
	.sec3 .bx-next{right:19px;}
	.sec3 .features{background:none; padding:40px 0 0;}
	.sec3 .features .list{overflow:hidden;}
	.sec3 .features .list li{float:left; width:180px; margin:0 10px;}
	.sec3 .features .list li.f{margin-left:30px;}
	.sec3 .features .list li img{width:180px; height:90px;}
	.sec3 .features .list li .des-txt{margin-top:30px;}

	.sec4{height:770px; background-image:url('images/new/bg_sec4_2x.jpg');}
	.sec4 .tit{width:640px; font-size:60px; line-height:70px; padding:150px 0 18px;}
	.sec4 .layout{overflow:hidden;}
	.sec4 .system {float:left; width:50%;}
	.sec4 .system h3{margin:28px auto 20px;}
	.sec4 .btn-play{margin:40px auto 15px;}

	.sec5{height:120px;}
	.sec5 .layout{overflow:hidden;}
	.sec5 .tit{float:left; font-size:30px; padding:48px 27px 20px 100px;}
	.sec5 .on-sns{float:left;padding: 30px 0 0;}
	
	.e-movie{width:640px;}
	.e-movie .tit{font-size:15px; padding:15px 25px;}
	.e-movie .close{ width:18px; height:18px; top:15px; right:15px;}
	.e-movie .frame{padding:8px; height:340px;} 

	.landing footer{zoom:1;padding:40px 0 30px;}
	.landing footer:after{clear:both; display:block; content:'';}
	.landing footer .language{float:right;}
	.landing footer .copyright{text-align:left;float:left;}
	.landing footer .copyright li{margin-bottom:10px;overflow:hidden;}
	.landing footer .copyright .inline-block{display:inline;}
}

@media (min-width:1280px) {
	.landing header .inner-frame{ width:1200px; margin:0 auto 0;}
	.landing header .inner-frame .gamescampus{margin:0 0 0 25px;}
	.landing header .inner-frame .link{right:0;}
	.landing header .inner-frame .link .language, .landing header .inner-frame .link .language ul{width:150px;}
	.landing header .inner-frame .link .language{letter-spacing:0;}
	.landing header .inner-frame .link .go-main{padding:0 7px; letter-spacing:0;}

	.landing .layout{width:960px;}
	.section{padding:0 120px; background-color:#282828;}
	.section .btn-play{width:272px; height:62px; line-height:60px; margin:35px auto 23px; font-size:20px;}

	.sec0{height:600px; background-image:url('images/new/bg_sec0_3x.jpg');}
	.sec0 h1{padding:52px 0 30px;}
	.sec0 h1 .tit-logo{ width:353px; height:107px;}
	.sec0 .tit-txt{font-size:90px; line-height:90px;}
	
	.sec1{height:800px; background-image:url('images/new/bg_sec1_3x.jpg');}
	.sec1 .tit{font-size:80px; line-height:70px; padding:138px 0 20px;}
	.sec1 .tit-txt{font-size:26px; margin}
	.sec1 .tit .inline-block,.sec1 .tit-txt .inline-block{display:inline;}
	.sec1 .mouseover{display:block;}
	.sec1 .dollar{width:448px; height:68px; margin:22px auto 33px; font-size:32px; line-height:58px;}
	.sec1 .item-list li{width:160px;}
	.sec1 .tit-side{font-size:36px; line-height:35px; margin:33px 0 10px;}
	.sec1 .des-txt{width:890px; font-size:15px; line-height:25px; padding:0;}

	.sec2{height:700px; background-image:url('images/new/bg_sec2_3x.jpg');}
	.sec2 .tit{padding-top:114px;}
	.sec2 .tit .this{top:117px; left:438px; font-size:40px;}
	.sec2 .tit .tit-logo{width:651px; height:199px; margin:0 auto;}
	.sec2 .thumb-area{float:left; width:480px; margin-top:14px}
	.sec2 .thumb-area .wrap{width:494px; height:294px; margin-left:-17px;}
	.sec2 .thumb-area img,.sec2 .thumb-area a{top:27px; left:27px; width:440px; height:220px;}
	.sec2 .thumb-area .btn-video{width:78px; height:55px; margin:80px auto;}
	.sec2 .thumb-area a:hover .btn-video{width:88px; height:62px; margin-top:75px;}
	.sec2 .des-txt{float:left; width:452px; padding:0 25px 0 3px; font-size:15px; line-height:25px; text-align:left; margin:50px 0 0 0; }
	.sec2 .des-txt .empsis{font-size:32px; font-family:'Myriad Pro', sans-serif;}
	.sec2 .des-txt .inline-block{display:block;}

	.sec3{padding:0; height:1220px; background:url('images/new/bg_sec3_3x.jpg') 50% 0 no-repeat;}
	.sec3 .slider-area{width:1200px; height:520px; margin:0 auto; padding-top:142px; background:none;}
	.sec3 .bx-wrapper{width:900px; height:450px; }
	.sec3 .bx-wrapper .slider-list{height:450px;}
	.sec3 .bx-pager{display:none;}
	.sec3 .bx-controls-direction{display:block;}
	.sec3 .bx-controls-direction a{margin-top:-43px;}
	.sec3 .bx-prev{left:-80px;}
	.sec3 .bx-next{right:-80px;}
	.sec3 .features{background:none; padding:70px 0 0;}
	.sec3 .features .list{overflow:hidden;}
	.sec3 .features .list li{float:left; width:300px; margin:0 0 0 30px;}
	.sec3 .features .list li.f{margin-left:0;}
	.sec3 .features .list li h4{font-size:20px;}
	.sec3 .features .list li img{width:300px; height:150px;}
	.sec3 .features .list li .des-txt{margin-top:30px; font-size:15px; line-height:25px;}

	.sec4{height:780px; background-image:url('images/new/bg_sec4_3x.jpg');}
	.sec4 .tit{width:960px; font-size:70px; line-height:70px; padding:142px 0 18px;}
	.sec4 .layout{width:640px; overflow:hidden;}
	.sec4 .system {float:left; width:50%;}
	.sec4 .system h3{margin:28px auto 20px;}
	.sec4 .btn-play{margin:50px auto 15px;}

	.sec5{height:120px; background:url('images/new/bg_sec5_3x.jpg') 50% 0 no-repeat;}
	.sec5 .layout{width:640px; overflow:hidden;}
	.sec5 .tit{float:left; font-size:30px; padding:48px 27px 20px 100px;}
	.sec5 .on-sns{float:left;padding: 30px 0 0;}
	
	.e-movie{width:1100px;}
	.e-movie .tit{font-size:22px; padding:20px 35px;}
	.e-movie .close{width:25px; height:25px; top:20px; right:20px;}
	.e-movie .frame{padding:10px; height:600px;} 

	.landing footer{zoom:1; height:250px; padding:40px 0 30px; background:url('images/new/bg_footer_3x.jpg') 50% 0 no-repeat;}
	.landing footer:after{clear:both; display:block; content:'';}
	.landing footer .layout{width:1050px;}
	.landing footer .layout:after{clear:both; display:block; content:'';}
	.landing footer .language{float:right;}
	.landing footer .copyright{text-align:left;float:left; height:50px;margin-left:40px;}
	.landing footer .copyright li{float:left;margin-bottom:10px;overflow:hidden;}
	.landing footer .copyright li.f{margin-right:30px; padding-right:30px; border-right:1px solid #474747;}
	.landing footer .copyright .inline-block{display:inline;}
}

@media (min-width:1600px) { 
	.toTop{width:1600px; left:50%; margin-left:-800px;}
}