/* ========== Header / Top Area ========== */
.contain-top{height:100px;background:white;position:relative;z-index:11;}
.top{height:100px;width:1200px;margin:0 auto;position:relative;z-index:11;}

/* Logo - using real images from reference site */
.logo1{background:url(../images/v2/logo1.png);width:200px;height:60px;display:block;position:absolute;left:0;top:30px;}
.logo2{background:url(../images/v2/logo2.png);width:160px;height:48px;display:block;position:absolute;left:200px;top:15px;}

/* Navigation */
.top-nav{height:100px;float:left;margin-left:465px;}
.top-ul li{float:left;height:100px;}
.top-ul li a{font:16px "microsoft yahei";color:#2d2d2d;display:block;height:100px;text-align:center;line-height:100px;padding:0 13px;}
.top-ul li a:hover{text-decoration:none;color:#13a213;}

/* Login/Register buttons */
.top-reg0{float:left;margin-left:50px;width:125px;margin-top:42px;}
.top-login{background:url(../images/v2/top-nav1.png);width:47px;height:15px;display:block;float:left;}
.top-login:hover{background:url(../images/v2/top-nav1h.png);width:52px;height:24px;margin-top:-4px;margin-left:-5px;}
.top-reg{background:url(../images/v2/top-nav2.png);width:47px;height:14px;display:block;float:right;}
.top-reg:hover{background:url(../images/v2/top-nav2h.png);width:52px;height:24px;margin-top:-5px;}

/* ========== Age Warning Bar ========== */
.age-warning{background-color:#EFEFEF;}
.age-warning-inner{width:1000px;margin:auto;line-height:24px;font-size:14px;color:#464646;}

/* ========== Banner / Slider ========== */
.slider{position:relative;height:600px;min-width:1004px;width:100%;overflow:hidden;max-width:1920px;margin:0 auto;}
.slider .slider-pointer{position:absolute;bottom:20px;color:#fff;list-style:none;padding:0;z-index:999;}
.slider .slider-pointer li{display:inline-block;margin:0 15px;width:15px;height:15px;border-radius:15px;background-color:#ffffff;opacity:0.85;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);transition:all 320ms ease;cursor:pointer;}
.slider .slider-pointer li:hover{background-color:#f1f1f1;}
.slider .slider-pointer li.active{background-color:#f1f1f1;}
.slider .slider-inner{width:100%;height:100%;position:relative;}
.slider .slider-inner .item{width:100%;height:100%;float:left;}
.slider .slider-inner .img{background-position:center top !important;width:100%;height:100%;}
.slider .slider-control{position:absolute;width:30px;height:30px;z-index:999;border-radius:30px;text-align:center;font-weight:900;font-size:20px;line-height:30px;background-color:#ffffff;opacity:0.5;cursor:pointer;top:40%;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);transition:all 320ms ease;display:none;}
.slider .slider-control.prev{left:20px;}
.slider .slider-control.next{right:20px;}
.slider:hover .slider-control.prev{display:block;left:20px;}
.slider:hover .slider-control.next{display:block;right:20px;}
.slider .slider-control:hover{opacity:0.65;background-color:#f1f1f1;}
.slider .slider-control:active{opacity:0.85;}

/* ========== Content Section ========== */
.contain-content{background:#f1f1f1;padding-bottom:50px;}
.content{width:1200px;margin:0 auto;position:relative;z-index:111;}
.content h2{width:1200px;font:42px "microsoft yahei";text-align:center;line-height:35px;color:#2d2d2d;font-weight:900;padding:57px 0 11px 0;}
.content h4{font:14px "microsoft yahei";color:#999999;font-weight:100;text-align:center;width:1200px;padding-bottom:50px;}

/* Game Cards */
.game-ul{width:1215px;overflow:hidden;padding-bottom:30px;}
.game-ul li{background:white;width:390px;height:310px;float:left;overflow:hidden;margin-right:15px;margin-bottom:16px;border-bottom:5px solid #d8d8d8;position:relative;}
.game-img1{width:390px;height:178px;}
.game-up{float:left;width:390px;height:130px;margin-left:27px;}
.game-up b{font:20px "microsoft yahei";color:#2d2d2d;font-weight:900;line-height:50px;}
.game-up span{font:14px "microsoft yahei";color:#999999;display:block;width:350px;}
.go-net{background:url(../images/v2/goindex.png);width:89px;height:30px;display:block;float:left;margin-left:250px;margin-top:-110px;}
.go-net:hover{background:url(../images/v2/goindex-h.png);}

/* ========== Footer ========== */
.foot_w{width:100%;min-width:1200px;background:#1b1b1b;float:left;}
.foot_line_bg{background:url(../images/foot_line_bg.jpg) center top no-repeat;height:8px;}
.foot{width:1220px;margin:20px auto 0;}
.foot_detail{text-align:center;}
.foot_menu{height:22px;line-height:22px;display:inline-block;margin-bottom:5px;}
.foot_menu .line{width:1px;height:11px;background:#999;font-size:0;line-height:0;margin:5px 0;display:inline-block;}
.foot_menu li{float:left;}
.foot_menu li a{padding:0 12px;font-size:12px;font-family:"microsoft yahei";color:#999;}
.foot_menu li a:hover{color:#59bc01;text-decoration:none;}
.foot_detail p{line-height:24px;color:#999;text-indent:10px;font-family:"microsoft yahei";margin-top:2px;}
.foot_detail p a{color:#999;}
.foot_detail p a:hover{color:#59bc01;text-decoration:none;}

/* ========== Sub Pages ========== */
.sub-page-header{background:#2d2d2d;padding:30px 0;text-align:center;}
.sub-page-header h1{font:bold 28px "microsoft yahei";color:#fff;}
.sub-page-header p{font:14px "microsoft yahei";color:#999;margin-top:8px;}

.sub-page-content{width:1000px;margin:0 auto;padding:40px 0;min-height:500px;}
.sub-page-content h2{font:bold 22px "microsoft yahei";color:#2d2d2d;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #13a213;}
.sub-page-content h3{font:bold 16px "microsoft yahei";color:#333;margin:20px 0 10px;}
.sub-page-content p{font:14px "microsoft yahei";color:#666;line-height:28px;margin-bottom:15px;text-indent:2em;}
.sub-page-content ul{margin:15px 0;padding-left:2em;}
.sub-page-content ul li{font:14px "microsoft yahei";color:#666;line-height:28px;list-style:disc;}

/* ========== Agreement / Terms Pages (wide) ========== */
.terms-container{width:1180px;margin:0 auto;padding:30px 0 50px;min-height:500px;font-size:14px;line-height:30px;}
.terms-title{font-size:20px;line-height:30px;margin:20px 0;color:#629C14;font-weight:500;}
.terms-container h3{font-size:16px;font-weight:800;line-height:40px;color:#333;}
.terms-container p{margin-bottom:10px;color:#333;}
.terms-container ul{margin:10px 0;padding-left:2em;}
.terms-container ul li{list-style:disc;line-height:28px;}
.terms-container dl{margin:10px 0;}

/* Login/Register Forms */
.form-container{width:450px;margin:40px auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 20px rgba(0,0,0,0.1);}
.form-container h2{text-align:center;font:bold 24px "microsoft yahei";color:#2d2d2d;margin-bottom:30px;border:none;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font:14px "microsoft yahei";color:#333;margin-bottom:8px;}
.form-group input{width:100%;height:42px;border:1px solid #ddd;border-radius:4px;padding:0 12px;font:14px "microsoft yahei";box-sizing:border-box;transition:border-color 0.3s;}
.form-group input:focus{border-color:#13a213;outline:none;}
.form-group .input-code{width:60%;float:left;}
.form-group .btn-code{width:35%;float:right;height:42px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font:13px "microsoft yahei";color:#666;}
.form-agreement{font:13px "microsoft yahei";color:#999;text-align:center;margin:15px 0;}
.form-agreement a{color:#13a213;}
.btn-submit{width:100%;height:44px;background:linear-gradient(135deg,#13a213,#0d7a0d);color:#fff;font:16px "microsoft yahei";border:none;border-radius:4px;cursor:pointer;transition:all 0.3s;}
.btn-submit:hover{background:linear-gradient(135deg,#16b816,#0f8f0f);}
.form-switch{text-align:center;margin-top:15px;font:14px "microsoft yahei";color:#999;}
.form-switch a{color:#13a213;}

/* Customer Service */
.kefu-header-img{width:100%;min-width:1200px;overflow:hidden;}
.kefu-header-img img{width:100%;display:block;}

/* ========== Responsive Tweaks ========== */
@media screen and (max-width:1220px){
  .top{width:100%;padding:0 10px;box-sizing:border-box;}
  .content{width:100%;padding:0 10px;box-sizing:border-box;}
  .content h2,.content h4{width:100%;}
  .game-ul{width:100%;}
  .game-ul li{width:32%;margin-right:1.5%;}
  .game-img1{width:100%;}
  .game-up{width:auto;padding:15px;}
  .foot{width:100%;}
  .sub-page-content{width:96%;}
  .terms-container{width:96%;}
  .age-warning-inner{width:96%;}
  .kefu-header-img img{height:auto;}
}