@charset "utf-8";
/* CSS Document */

 /* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;outline: none; -webkit-transition:color .2s ease-in;
-ms-transition:color .2s ease-in;text-decoration:none;cursor:pointer; }
a:active {star:expression(this.onFocus=this.blur());}
/* start editing from here */
a{text-decoration:none;}.pa{ position:absolute}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{border:none;}
/*end reset*/
/*main css*/
.clearfix:after{content:''; display:inline-table; overflow:hidden;}
.clearfix{zoom:1;}

.hide{display:none;}
.show{display:block;}

body {font-family:Tahoma, Geneva, sans-serif;background:#ffffff;font-size:13px;color:#4a4949;line-height:28px; overflow-x:hidden}
html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.main{width:1000px;margin:0 auto;background:#000;height:76px;text-align:center;position:relative;z-index:9;}
.main ul{width:1000px;}
.main li {text-align: center;width: 160px;display: inline-block;height: 76px;line-height: 76px;font-size: 18px;font-weight: normal;text-transform: uppercase;}
.main li a{display:block;width:100%;height:100%;color:#878787;text-decoration:none; -webkit-transition:all 1.5s cubic-bezier(0.655,0.455,0.355,1); -ms-transition:all 1.5s cubic-bezier(0.655,0.455,0.355,1); -moz-transition:all 1.5s cubic-bezier(0.655,0.455,0.355,1); -o-transition:all 1.5s cubic-bezier(0.655,0.455,0.355,1); transition:all 1.5s cubic-bezier(0.655,0.455,0.355,1);}
.main li a:hover,.main li a:active{color:#fff;text-decoration:none;}

#home{ min-width:1200px _width:1200px; background:url(../images/index_bg.jpg) no-repeat center top;}
#container{ width:1200px; margin:auto; position:relative; height:800px;}
#home .bg_1{ top:0; left:0; width:1200px; height:400px; background:url(../images/index_01.jpg) no-repeat; z-index:0 }
#home .bg_2{ top:400px; left:0; width:1200px; height:400px; background:url(../images/index_02.jpg) no-repeat; z-index:0 }
#home .link1{ top:15px; left:890px; color:#fff; font-size:20px; font-family:Tahoma}
#home .bg_1 a:hover{ color:#918f8f}
#home .wm_img{ top:111px; left:680px}
#home .link3{ top:109px; left:884px; width:197px; height:63px; background:url(../images/nav.png) 0 0;}
#home .link3:hover{ top:109px; left:884px; width:197px; height:63px; background:url(../images/nav.png) 0 -65px}
#home .link4{ top:173px; left:884px; width:197px; height:63px; background:url(../images/nav.png) -199px 0;}
#home .link4:hover{ top:173px; left:884px; width:197px; height:63px; background:url(../images/nav.png) -199px -65px;}
#home .link5{ top:238px; left:884px; width:197px; height:63px; background:url(../images/nav.png) -397px 0;}
#home .link5:hover{ top:238px; left:884px; width:197px; height:63px; background:url(../images/nav.png) -397px -65px;}

#page{height:800px;width:1000px;overflow:hidden;background:#fff;}
#page.with-hero{width:auto !important;margin-top:-76px;min-height:0;}
.hero{width:100%;height:800px;position:relative;top:0;left:0;opacity:1;overflow:hidden;}
.field{width:100%;height:100%;position:relative;top:0;left:0;}
.parallax-wrapper,.parallax-wrapper *{height:100%;width:100%;max-width:1920px;margin:0 auto;position:relative;overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fallback{background:url(http://static.koramgame.com/web/allstar/images/bg.jpg) no-repeat center center;display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.item{position:absolute;top:50%;left:50%;margin-left:-960px;margin-top:0px;height:auto;width:1920px;-webkit-transition:margin-top 1.2s; -moz-transition:margin-top 1.2s; -o-transition:margin-top 1.2s; -ms-transition:margin-top 1.2s;transition:margin-top 1.2s;}
.para-logo{ position:absolute;top:0;left:50%;margin-left:230px;margin-top:80px;height:197px;width:340px;-webkit-transition:margin-top 1.2s; -moz-transition:margin-top 1.2s; -o-transition:margin-top 1.2s; -ms-transition:margin-top 1.2s;transition:margin-top 1.2s;}
img.img1{z-index:1;top:0;}
img.img2{z-index:2;top:0;}
img.img3{z-index:3;top:0;}
img.img4{z-index:4;top:0;}
img.img5{z-index:5;top:0;}
img.img6{z-index:6;top:0;}
img.img7{z-index:7;top:0;}
img.img8{z-index:8;top:0;}
img.img9{z-index:9;top:0;}


#box_fixed{position:fixed;top:50%;margin-top:-245px;right:0;width:149px;background:#e8e8e8;background:hsla(0,0%,80%,.8)!important;padding:14px 18px;z-index:10;}
#box_fixed .link{padding-left:6px;padding-top:7px;width:137px;}
#box_fixed .link a{display:block;width:137px; background:url(http://static.koramgame.com/web/allstar/images/a-hover.png) no-repeat;}
#box_fixed .link a:hover{ background:url(http://static.koramgame.com/web/allstar/images/a.png) no-repeat;}
#box_fixed .link a.btn1{width:137px;height:47px;margin-bottom:4px; background-position:0 0;}
#box_fixed .link a.btn1:hover{background-position:0 0;}
#box_fixed .link a.btn2{width:137px;height:46px;margin-bottom:5px; background-position:0 -51px;}
#box_fixed .link a.btn2:hover{background-position:0 -51px;}
#box_fixed .link a.btn3{width:137px;height:46px;margin-bottom:4px; background-position:0 -102px;}
#box_fixed .link a.btn3:hover{background-position:0 -102px;}
#box_fixed .link a.btn4{width:137px;height:48px;margin-bottom:10px; background-position:0 -154px;}
#box_fixed .link a.btn4:hover{background-position:0 -154px;}
#box_fixed .link a.btn5{width:137px;height:87px;background-position:0 -212px;}
#box_fixed .link a.btn5:hover{background-position:0 -212px;}

#main-content{height:430px;border-bottom:2px solid #e7e7e7;background:#f8f8f8;width:1200px;margin:0 auto;position:relative;}
#main-content .content{height:430px;width:600px;float:left;background:url(../images/index_03.jpg) no-repeat; background-position:118px 0px !important;
opacity:1;-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear;}
#main-content .animate{opacity:1;background-position:158px 0px !important;}

#main-content .introtext{width:600px;float:right;}
#main-content .introtext .txt{width:450px;padding-left:50px;padding-top:30px; font-family:Tahoma; font-size:13px;}
#main-content .introtext p{ margin:15px 0;}
#main-content .img{width:450px;padding-left:50px;padding-top:20px;}
#main-content .img a{display:inline-block;float:left;}
#main-content .img a.code{ margin-right:18px;}
#main-content .img a.appstore{margin-right:5px;margin-top:32px;}
#main-content .img a.google{margin-top:32px;}


#wa .content{ position:absolute; top:1100px; left:580px; height:565px;width:1200px;background:url(../images/index_04.png) no-repeat;background-position:136px 2px !important;opacity:0.85; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;transition: all 1s;}
#wa .animate{opacity:1;background-position:60px 2px !important;}


#main-content2{height:430px;border-bottom:2px solid #e7e7e7;background:#f3f3f3;width:1200px;margin:0 auto;}
#main-content2.with-hero{opacity:0;}
#main-content2 .introtext{width:600px;float:left;}
#main-content2 .introtext .txt{padding-left:100px;padding-top:20px;width:500px;}
#main-content2 .img{width:240px;padding-left:360px;display:inline-block; position:relative;}
#main-content2 .img .p1{line-height:27px; position:absolute;left:320px; display:block; font-size:16px;}
#main-content2 .img .a1{display:inline-block;position:absolute;left:450px;}
#main-content2 .img .a1 a{ display:inline-block; margin-right:5px;}


.content2{width: 920px;height: 614px; padding: 80px 140px;  background: #f8f8f8;  border-bottom: 1px solid #fff;  margin: 0px auto;  position: relative;}
.flex-viewport{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.slides ul{clear: both;margin: 0;padding: 0;}
.flexslider .slides {zoom: 1;}
.slides li{margin: 0;padding: 0;list-style-type: none;width: 100%;max-width: 100%;overflow: hidden;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.content2 .title{height:40px;width:920px; position:relative;}
.content2 .title h1{ float:left;height:40px;line-height:40px;color: #4a4949;font-size:24px;}
.content2 .title a{text-decoration:none;}
.content2 .title a{position:absolute;top:0; display:block;width:150px;height:31px;line-height:31px; font-size:13px;}
.content2 .title a.facebok{ background:url(../images/facebook.png) no-repeat 0px 0px;padding-left:36px; top:8px;right:0; color:#3d589a;}

.content2 .video{width:920px;height:554px;position:relative; overflow:hidden;}
.video .play{position:absolute;width:100%;height:100%;}
.video .play a{z-index: 3;display:block; background:url(http://static.koramgame.com/web/allstar/images/playbg.png) no-repeat;width:200px;height:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px; position:absolute;opacity: .65;-moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out;transition: opacity 0.25s ease-in-out;}
.video .play a:hover,.video .play a:active{opacity: 1;-moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out;transition: opacity 0.25s ease-in-out;}
.video .play a span{ display:block; top:73px;left:74px;width:54px; height:52px;position:absolute;background:url(http://static.koramgame.com/web/allstar/images/play.png) no-repeat;opacity: 0.85;-moz-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out; text-indent:-9999px;}
.video .play span:hover{opacity: 1;-moz-transition: opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;}
.video img {display:block;width:920px;height:554px;position:absolute;top:0;left:0;z-index: 2;}
.video video{position: absolute;top:0;left:0;-moz-transition:opacity 1.5s ease-in-out;transition: opacity 1.5s ease-in-out;}
.video video.index{z-index:999;opacity:1;}
.slides:after{content:"";display:block;clear: both;visibility:hidden;line-height:0;height:0;}
.flex-control-nav{width:100%;position: absolute;bottom:-50px;text-align:center;z-index:6;}
.flex-control-nav li{margin:0 10px;display:inline-block;zoom: 1;}
.flex-control-paging li a.flex-active {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";filter: "alpha(opacity=100)";border: 0;background: #000;}
.flex-control-paging li a.flex-active {border: 1px solid #666;cursor: default;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);-moz-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);}
.flex-control-paging li a {opacity: 0.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";filter: "alpha(opacity=25)";background: #656565;border: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flex-control-paging li a {width: 12px;height: 12px;display: block;background: #666;background: rgba(0,0,0,0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-webkit-backface-visibility: hidden;}
.flex-control-paging li a {opacity: 0.25;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";filter: "alpha(opacity=25)";background: #656565;border: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flex-direction-nav{*height:0;opacity:0.3;}
.flex-direction-nav a{text-decoration:none;display:block;width:70px;height:66px;text-indent:-9999px;margin:-20px 0 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}.
.flex-direction-nav {z-index: 4;top: 50%;position: absolute;width: 100%;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter: alpha(opacity=100);}
.flex-direction-nav a {margin-top: 0;}
.flex-direction-nav a.flex-prev {background-position: 0px -66px;left: 0;}
.flex-direction-nav .flex-disabled {opacity: 0 !important;filter: alpha(opacity=0);cursor: default;}
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav a {display: block;background-image: url(http://static.koramgame.com/web/allstar/images/gallery_arrow.png);width: 70px;height: 66px;text-indent: -9999px;background-position: 0px 0px;background-repeat: no-repeat;}
.flex-direction-nav a:before { text-indent:9999px; display: inline-block;}
.flexslider:hover .flex-next {opacity: 1;right: 10px;}
.flex-direction-nav a.flex-next {right: 0;}
.flexslider:hover .flex-direction-nav a {right: 35px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flexslider:hover .flex-direction-nav a.flex-prev{left: 35px;right: auto;}
.flexslider:hover .flex-direction-nav a{right:15px;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);filter:alpha(opacity=100);}
.flexslider:hover .flex-direction-nav a:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=75);}
.flexslider:hover .flex-direction-nav a.flex-prev{right:auto;left:15px;}


#footer{ min-width:1200px _width:1200px;background:#000}
#footner{ width:1200px; margin:auto; position:relative; height:75px}
#footer img{ position:absolute; top:25px; left:206px;}
#footer span{ position:absolute; top:27px; left:447px; color:#7f7f7f; font-size:14px; font-family:Arial, Helvetica, sans-serif}

#home .link2{ top:15px; left:1025px; color:#fff; font-size:20px; font-family:Tahoma}
#home .link2_1{ top:15px; left:1015px; color:#fff; font-size:20px; font-family:Tahoma}