/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body{font-family: Teko,Arial,sans-serif;padding-top: 3.5rem;padding-bottom: 0;}
footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.album .container{padding-left: 5px;padding-right: 5px;}
.album .row{margin: 0 -5px;}
.album .list-group,.news-info,.game-info,.game-item,.login-box{font-family:Arial,sans-serif;}
.col-item{padding:0 5px;position: relative;}
.col-item .card-img-overlay{top: auto;z-index: 100;background: url(../images/bgtext.png) 0 bottom repeat-x;}
.col-item .card video,.text-hover{opacity: 0;position: absolute;top: 0;left: 0;z-index: 99;}
.text-hover{width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 101;
            -webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
.text-detail{font-size: 1.5rem;color: #fff;line-height: 1.2}
.text-detail p{color: #f18a02;font-size: 2.25rem;}
.col-item a:hover .card video,.col-item:hover .text-hover{opacity: 1}
.nav.fixed-top{border-bottom: 1px solid #ccc;}
.navbar-nav{font-size: 1.5rem;text-transform: uppercase;}
.navbar-nav .nav-item.show{position: relative;}
.dropdown-menu{background: #ededed;font-size: 1.25rem;}
.game-tit,.game-item{color: #fff;text-shadow:0 1px 0 #060001;}
.game-item{font-size: 1.125rem}
.game-item a.btn{font-size: 4.25rem;font-family: Teko,Arial,sans-serif;line-height: 1.25}
.game-info{color: #fff;position: absolute;top: 305px;right: 30px;font-size: 1.125rem}
.pos-l{right:0;left: 30px;}
.game-info p{}
.col-tit{color: #000;}
.bg-grey{background-color: #ededed}
.bg-black{background-color: #0e0909;}
.bg5f{background-color: #5f5f5f;}
.bg-hr{background-color: #ccc;}
.news-list h5{color: #000;font-size: 1.125rem}
.news-list:hover h5,.ng-foot a:hover{text-decoration: underline;color: #eb6507;}
.news-list p{color: #666;font-size: .875rem}
.news-list{border:1px solid #d7d7d7;}
.news-list:nth-of-type(odd){background-color: #ededed;}
.news-list small{color: #666;font-size: 12px;}
.ng-foot{color: #666;font-size: 1.125rem}
.ng-foot .ng-link{font-size: 1.5rem}
.ng-foot a{color: #000;}
.btn-top{border-width:1px;border-style:solid;font-size: 1.25rem;padding: .375rem 1.125rem .125rem;line-height: 1}
.btn-login,.btn-login:hover{border-color: #333;color: #333;}
.btn-sign,.btn-sign:hover,.sub-gamebox ul li a.active{border-color: #f18a02;color: #fff;background: #f18a02}
.btn-back,.btn-back:hover{font-family: Teko;font-size: 1.875rem;border-color: #379be9;background-color: #379be9;color: #fff;padding:.625rem 1.5rem .25rem;}
.news-info h2{font-size: 1.5rem;color: #fff;}
.news-info .title{background: url(../images/bg_title.png);}
.n-detail{font-size: .875rem;}
.n-detail p{margin-bottom: .625rem}
.h-menu{display: none;width: 100%;height: 300px;color: #fff;background-color: #000;position: absolute;top: 50px;left: 0;}
.d-game:hover .h-menu{display: block;}
.sub-game{position: absolute;top: 56px;left: 0;width: 100%;background-color: #ededed;color: #fff;}
.sub-gamebox .carousel-item{height:265px;background-color: #ededed;}
.sub-gamebox .carousel-control-prev{left:-10%;width: 10%}
.sub-gamebox .carousel-control-next{right: -10%;width: 10%}
.sub-gamebox .carousel-control-next-icon, .sub-gamebox .carousel-control-prev-icon{width: 60px;height: 60px;}
.sub-gamebox .game-tit{color: #333;}
.sub-gamebox a.game-tit:hover{color: #f18a02;text-decoration: none;}
.sub-footer a{font-size: 1.5rem;color: #333}
.nav-link[aria-expanded="true"]{background-color: #ededed;color: rgba(0,0,0,.9)}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 37px;height: 67px;}
.carousel-control-prev-icon{background: url(../images/left_arrow.png) no-repeat;}
.carousel-control-next-icon{background: url(../images/right_arrow.png) no-repeat;}
/********charge_box*******/
.subpage_content .charge_wrap{padding-bottom: 100px;}
.subpage_content .charge_wrap .charge_box{border: 1px solid #c8c8c8; border-top: none; background: #fff;}
.charge_box .charge_list{float: left;height: 100%; width: 100%;}
.charge_box .charge_list li{}
.charge_box .charge_list li:first-child{}
.charge_box .charge_list li a{display: block; width: 100%; height:2.375rem; font-size: 1rem; color: #6b6b6b; line-height:2.375rem; text-align: right;font-weight:bold;}
.charge_box .charge_list li a:hover{text-decoration:underline;color: #379be9;}
.charge_box .charge_list li.cur a{color: #379be9;background: #fff;}
.charge_box .charge_main{}
.charge_box .charge_main .charge_main_list{display: none; padding-bottom: 40px;}
.charge_box .charge_main h3{margin-top: 40px; font-size: 18px; color: #333; height: 18px;}
.charge_box .charge_main h3 a{float: right; color: #1e49e9;}
.charge_box .select_charge_obj{margin-top: 10px;}
.charge_box .select_charge_obj .select_input_box{float: left; height: 40px; margin-right: 10px; position: relative;z-index: 2;}
.select_charge_obj .select_input_box div.input_text{line-height:34px;display: block; width: 140px; height: 40px; border: none; color: #fff; font-size: 18px; padding-right: 45px; text-align: center; background: #61b509 url("../images/icon_drop_down0432.html?v=1234556") no-repeat bottom right; cursor: pointer; line-height: 40px\9;}
.select_charge_obj .select_input_box ul{top: 40px;}
.select_charge_obj .select_input_box li{width: 183px; padding: 0; text-indent: 10px;}
.select_charge_obj .charge_obj_role{display: block; float: left; width: 185px; height: 40px; text-align: center; color: #fff; font-size: 18px; background: #858585; border: none; line-height: 40px\9;}
.select_drop_down span{display: block; float: left; line-height: 36px; color: #333; font-size: 18px; padding-right: 10px;}
.select_drop_down .select_input_box{float: left; position: relative; z-index: 2;}
.select_drop_down .select_input_box div.input_text{ line-height:34px;display: block; width: 123px; height: 34px; border: 1px solid #d2d2d2; color: #555; padding: 0 45px 0 10px; background: url("../images/icon_drop_down0432.html?v=1234556") no-repeat top right; cursor: pointer; line-height: 34px\9;}
.select_drop_down .select_input_box li{width: 123px;}
.select_drop_down.select_role input, .select_drop_down.select_role li{width: 143px;}
.select_input_box ul{position: absolute; left: 0; top: 35px; border: 1px solid #d2d2d2; display: none; background: #fff; max-height: 180px; overflow-y: auto; overflow-x: hidden;}
.select_input_box li{height: 30px; line-height: 30px; padding: 0 45px 0 10px; cursor: pointer; color: #555;}
.select_input_box li:hover{background: #eee;}
.select_input_box li.cur{background: #2898d8; color: #fff;}
.charge_box .select_charge_channel li{float: left; margin: 20px 20px 0 0; position: relative; width: 193px; height: 83px; border: 1px solid #c8c8c8;}
.charge_box .select_charge_channel li img{display: block; width: 100%; height: 100%;}
.charge_box .select_charge_channel li a{position: absolute; width: 195px; height: 85px; top: -1px; left: -1px;}
.charge_box .select_charge_channel li.cur a{background: url("../images/box_checked0432.html?v=1234556") no-repeat;}
.charge_box .select_charge_value li{margin-top: 10px; height: 56px; line-height: 56px; background: #407a2c url("../images/chest0432.html?v=1234556") no-repeat 1px 6px; color: #fff; font-size: 18px; padding-left: 97px;}
.charge_box .select_charge_value li span{color: #ffff05;}
.charge_box .select_charge_value li a{display: block; float: right; width: 215px; color: #fff; text-align: center; background: #eb6507;}
.charge_main_list .login_submit{background: #eb6507; display: block; border: none; width: 215px; height: 56px; text-align: center; line-height: 56px; font-size: 24px; color: #fff; cursor: pointer; margin: 40px auto 0;}
.charge_main_list .agree_terms{margin: 10px 0 0 249px; color: #1e49e9;}
.charge_main_list .countrylist{margin: 10px 0;}
.charge_main_list .countrylist li{float: left; width: 159px; height: 59px; line-height: 59px; text-align: center; font-size: 30px; color: #fff; background: #555; cursor: pointer; margin-right: 10px;padding-left: 0;}
.charge_main_list .countrylist li.cur{background: #f39900;}
.charge_box .charge_main_list table, .charge_record_main table, .service_box_main table{width: 100%;}
.charge_main_list table th, .charge_main_list table td, .charge_record_main table th, .charge_record_main table td, .service_box_main table th, .service_box_main table td{border: 1px solid #ccc; text-align: center; vertical-align: middle; font-size: 18px; color: #000; padding: 10px; height: 40px; line-height: 20px;}
.charge_main_list table td, .charge_record_main table td, .service_box_main table td{font-size: 14px; background: #e5e5e5;}
.charge_main_list table .tr_even td, .charge_record_main table .tr_even td, .service_box_main table .tr_even td{background: #f2f2f2;}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    color: #333;
}
}
.navbar-brand{margin-right: 2rem}
@media (min-width: 1200px){
.container {
    max-width: 1440px;
}
}
body {
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /* height: 28rem; */
  background-color: #777;
}
.bigbanner .carousel-item img {
  /* position: absolute;
  top: 0;
  left: 0; */
  min-width: 100%;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.carousel-indicators li{width: 18px;height: 16px;cursor:pointer;}
.carousel-indicators .active{width: 36px;background-color: #eb6507;}
.dropdown-toggle::after{display: none;}
.slabel{font-size:12px;margin-bottom: 0;}

/**********form-box***********/
.modal{
  display: none;
  position: fixed;
  left: 50%;
  top: 250px;
  margin-left: -225px;
  width: 450px;
  max-height: 100vh;
  overflow-y: auto;
  border-radius: 5px;
  z-index:99999;
  transition: all .5s;
}
.modal>div:last-child{
  border-radius: 0 0 5px 5px;
}
.modal-hd{
  line-height: 52px;
  padding: 10px 36px;
  overflow: hidden;
  background:#c9c9c9;
  background-size: 100% 100%;
  border-radius: 5px 5px 0 0;
}
.modal-title {
  float: left;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  text-shadow:none;
}
.modal-close{
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  text-indent: -9999em;
  background:url("../images/close5e1f.png?v=2") no-repeat;
  transition: all .3s;
}
.modal-close:hover{
  filter: alpha(opacity=60);
  opacity: .6;
  transform: rotate(360deg);
}
.modal-bd{
  padding: 30px 36px 10px;
  background:#e8e8e7;
  background-size: 100%;
  text-align: left;
  color: #555;
}
.form-box .form-input input{width: 100%;border:1px solid #ccc;}
.form-box .box-verification input{width: 280px;}
.form-box .form-input .icon{left: auto;right: 10px;}
.form-box .form-input input{text-indent: 0;}
.form-box .login-submit{background: #d84f14;text-indent: 0;box-shadow: none;width: 260px;}
.form-box .login-submit:hover{background: #eb6507;}
.modal-ft2{background: #dcdcdb;}
.form-box .forgot-block{margin-top: 16px;margin-bottom: 0;}
.form-box .help-block,.form-box .forgot-block{float: none; text-align: center;}
.modal-bd p.help-block a{color: #d84f14;text-decoration: underline;}
.ways ul{margin-bottom: 0;display: inline-block;vertical-align: -9px}
.ways li{background: none;width: 28px;height: 28px;margin-left: 6px;}
.ways li a{width: 28px;height: 28px;padding-top: 0;}
.ways li.login_facebook a{background: url(../images/fbe4d9.png?version=0) no-repeat;}
.ways li.login_google a{background: url(../images/gpluse4d9.png?version=0) no-repeat;}
.ways li.login_yahoo a{background: url(../images/yahooe4d9.png?version=0) no-repeat;}
.ways li.login_paypal a{background: url(../images/paypalb934.png?version=0.png) no-repeat;}
.icon-user {
    background: url(../images/sprites_new15e1f.png?v=2) 2px 0 no-repeat;
}
.icon-password {
    background: url(../images/sprites_new15e1f.png?v=2) 2px -44px no-repeat;
}
.icon-email {
    background: url(../images/sprites_new15e1f.png?v=2) 2px -88px no-repeat;
}
.form-box .form-input .icon{width: 18px;height: 18px;top: 11px;}
.page{text-align: center;font-family: Arial}
.page a{position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    line-height: 1.25;
    color: #666;
    border: 1px solid #cfcfcf;}
.page a:hover,.page a.num{color: #fff;text-decoration: none;background: #379be9;}
.page a.first,.page a.last{display: none;}


.games-2 span.text-muted {
  opacity: .8;
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.games-2:hover span.text-muted{
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-5px,0);
  transform: translate3d(0,-50%,0) translate3d(0,-5px,0);
}