.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 .credit{color:#FFFFFF;padding:10px}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.c-layout-header.c-layout-header-6 .c-navbar {
    background: #07A455 none repeat scroll 0 0;
}

.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
    background: #07A455 none repeat scroll 0 0;
}
.manu{width:20%;}
.manu-member{width:16.5%;}
.manu a:hover ,.manu-member a:hover{
    color:#FFFFFF !important;
    background:#07984f !important;
}
@media (max-width: 991px) {
.manu ,.manu-member{width:100%;}
.top-promotion,.bottom-promotion{ height:auto !important;}
}
.form-body{width:100%;padding:10px; overflow: hidden;}
.well-betting .form-body{
    color:#FFFFFF !important;
}
.form-body ul {padding: 0 !important;}
.form-body ul li{padding:5px;list-style:none;font-size: 24px;}
.title-head{font-weight:700;text-decoration:underline;padding-left:30px;}

.bg_sub{ width: 100%; float: left; position: relative; display: inline-block;  background-color: #FFFBFB;}
.blog_rates_pay{ width: 100%; font-size: 13px; float: left; text-align: center; line-height: 40px; background-color: #ff8e01; color: #fff;border-bottom:1px solid #666666;}
.blog_input_number{ width: 100%; float: left; padding: 10px; background-color: #D0D0D0; border-bottom: 1px solid #666;}
.border-black{width:100%;font-size: 18px;font-weight: normal;height:34px; color: #333; background-color: #fff;border: 1px solid #777;box-shadow: none;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px; padding:10px;}
.lottery_card { border-radius: 4px; background-color: #363636;position: relative; border: 1px solid #ABABAB; padding: 5px; width: 100%; float: left; min-height:170px;}
.lottery_card_title {    width: 100%; border-bottom: 1px solid #ddd;height: 40px; padding-left: 20px; color: #fff;}
.lottery_card_title i {position: absolute;right: 5px; top: 5px;color: #F54141;font-size: 18px;}
.lottery_card_num {width: 100%;float: left; text-align: center; font-size: 34px; font-weight: bold;color: #07a455;padding:10px 0}
.lottery_card_money {width: 100%;float: left;}

input.btn_confirm.bet {margin: 0 10px;}
.row_rates {width: 100%;float: left;line-height: 24px; padding: 3px 0px;}
.row_rates span { float: left;padding-right: 2px; font-size: 12px;width: 30px; text-align: right; }
.input_money_rates input {width: 60%;height: 24px; float: left;margin: 0px 5px; text-align: center;}
.output_money_rates {font-size: 12px;font-weight: bold;}
.blog_list_num{height: 560px; width: 100%; overflow-y: scroll;overflow:hidden;}
.blog_list_num::-webkit-scrollbar { width: 0px !important; position: absolute !important; opacity: 0.5 !important;}
.blog_list_num::-moz-scrollbar-{ width: 0px !important; position: absolute !important; opacity: 0.5 !important;}
.blog_list_num::-webkit-scrollbar-button{height: 0px !important;}
.blog_list_num::-webkit-scrollbar-track{background-color: #777 !important; opacity: 0.5 !important;}
.blog_list_num::-webkit-scrollbar-thumb{background-color: #666 !important;}
.blog_list_num::-webkit-scrollbar-corner{ background-color: #0FF !important;}
.blog_confirm { width: 100%; text-align: center; padding: 10px; background-color: #D0D0D0; border-top: 1px solid #666;}
.btn_confirm { width: 100px;height: 34px;font-weight: bold; color: #fff; border-radius: 3px; background-color: #22b573;border: 1px solid #156F46;}
.btn_close{width: 100px; height: 34px;font-weight: bold;color: #fff; border-radius: 3px; background-color: #F15C5C;border: 1px solid #AD2222;}
.blog_list_lottery_title {width: 100%;line-height: 40px;background-color: #ff8e01;padding: 0px 10px;border-bottom: 1px solid #666;color:#fff;clear:both;}
.blog_list_lottery {padding: 10px;float: left; width: 100%;}
.card_list_lottery {width: 100%;background-color: #FFFFFF;border-radius: 4px;padding: 10px;float: left;box-shadow: 0px 0px 3px #6D6D6D;}
.title_card_lotto {width: 100%;float: left;line-height: 24px;border-bottom: 1px solid #ddd;}
.title_cl {  float: left; font-weight: bold;}
.title_count_cl { text-align: right;font-size: 12px; color: #42AF36;}
.row_card_lotto { float: left;width: 100%;margin-top: 3px; background-color: #ddd; position: relative;border-radius: 3px;}
.row_card_lotto ul{padding:10px 0 0 0;display:block;font-size:14px;font-weight:bold;}
.row_card_lotto ul li{display:inline;padding:0 10px;}
.blog_sum_pay { width: 100%;float: left;font-size:14px;margin-top:10px}
.blog_sum_pay ul{ width: 100%;display:block;  padding:0;}
.blog_sum_pay ul li{display:inline-block;padding:0;}
.blog_sum_pay ul li.right{float:right;}
.row_card_lotto i { position: absolute; right: 6px; top: 10px; font-size: 20px;}
.btn_mini_close{ width: 100%;font-weight: bold; color: #fff; border-radius: 3px; background-color: #F15C5C; border: 1px solid #AD2222;padding: 5px 0;}


.blog_size1,.blog_size2,.blog_size2-3,.blog_size3,.blog_size4,.blog_size5,.blog_size6{ float: left; display: inline-block;}
.blog_size2{ width: 31%;margin: 5px;}

.box-body.box-profile {
    padding-top: 20px;
}
.buttom-fill {
    color: #55887b;
    padding: 10px;
    text-align: right;
    font-weight: 600;
}
.form-none{border:none !important;background:none !important;text-align:center;padding:10px 0;font-size:14px}
th.center,td.center {
    text-align: center !important;
    padding: 10px !important;
}
.form-none-extra{width:25px;border:none !important;background:none !important;text-align:center;}
@media (max-width:800px) {
    .blog_size2{ width: 47.50%;margin: 5px;}
    .scroll-table{overflow-x:auto;}
}
@media (max-width:650px) {
    .blog_size2{ width: 48%;margin: 5px;}
}
@media (max-width:400px) {
    .blog_size2{ width: 100%;margin: 5px;}
}
.rate-table{
    color: #ffffff;
    background-color:#353131;
    width:100%;
}
.rate-table tr{
    padding:10px 0;
}
.period-show {
    float: right;
    padding: 12px 20px;
    font-size: 18px;
    font-weight:600;
   background-color:#ccc;
   color:#af0000;
}
.period-show .text{
   color:#000000;
}
.period-shows {
    float: right;
    padding: 12px 20px;
    font-size: 20px;
    font-weight:600;
   background-color:#040404;
   color:#dcd83d;
}
.period-shows .text{
   color:#dcd83d;
}
.SocialMedia h2{
    text-indent:30px;
    color:beige;
}
.SocialMedia ul li {
    margin:5px 0;
}
.SocialMedia ul li a img{
    width:24px;
    height:24px;
    margin:5px 0 0 0;
    vertical-align:middle;
}
.SocialMedia ul li a span{
    position:absolute;
    margin:0 10px;
    color:#828383;
}
.subcontent{
    padding: 10px;
    background:#ccc;
    text-indent:20px;
    overflow: hidden;
}
.btn-news{
    bottom: 10px;
    float:right;
}
.red{
    color:#F15C5C;
}
.green{
    color:#07A455;
}
.payout{
    color:#b74fdc;
}
.bg-col{
    background:#af0000;
    color:#fff;
    text-align:center;
    margin-top:20px;
}
.ifram-facebook{
    background:#3b3c3c;
    padding: 15px 4% 0;
    overflow:hidden;
}
.row_rates ul{
    padding :0;
    overflow:hidden;
}
.row_rates ul li{
    float:left;
}
.col-1,.col-3{
    width:20%;
    display:block;
    text-align:center;
}
.col-2{
    width:60%;
    display:block;
}
.col-2 input[type="text"]{
    width: 100%;
    color: #363636;
    text-align: center;
    font-weight: 600;
}
.plan{
    width:100%;
    color:#fff;
    text-align:center;
    background: #252525;
}

.plan ul{
    display:block;
    width:100%;
    overflow:hidden;
    padding:0;
    margin:0
}
.plan ul li {
    float:left;
    width:20%;
    border:1px solid #ccc;
    border-right:none;
    border-top:none;
    padding:10px 0;
}
.form-actions {
    margin: auto;
    width: 125px;
}
.text-news{
    color: #796f6f;
    font-size: 23px;
    padding: 0 5px;
}
.news-list ul{
    width:100%;
    display:block;
    padding:0;
    background:#e1dfdf;
    clear:both;
}
.news-list ul li{
    border:1px solid #f2f2f2;
    padding:10px;
}

/*--bb---*/
.period-showday , .period-showend{
    display:none;
}

#form-login > i{
    display: none !important;
}
.menu-login {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px 0 0 0;
    height: 30px;
    color:  #fff;
    opacity: 0.7;
    font-size:1.8rem;
}
.menu-login {
    display:none;
}
.menu-login:hover{
    color:  #fff;
    opacity:1;
}
.H-group {
    width: 80%;
}
.H-group > ul {
    padding: 0;
    text-align:  left;
}
li.H-group > ul  > li {
    text-align: left !important;
    width:  50% !important;
    float: left;
}
li.H-group > ul > li:nth-of-type(1) {
    text-align:  right !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
    width: 20%;
    float: none;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    background: #970303 !important;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1440px){
    .btn-login {
        padding: 6.5px 7.5px;
    }
    .btn-register {
        padding: 6.5px 7.5px;
    }
}
@media screen and (max-width : 991px){

    .page-header .page-header-top > .container {
        margin:0 !important;
        padding-bottom: 20px;
    }
    .page-header .container {
        margin: 0;
        width: 100%;
        padding: 0 15px;
    }
    .title-page-header {
        margin: 0;
    }
    .page-header .page-header-top {
        padding: 10px 0 0 0;
    }
    .login-top {
        margin:0 !important;
    }
    .line-up > .form-control {
        height: 30px;
    }
    .line-up-bottom > .btn-login {
        height: 30px;
        width: 100% !important;
        margin: 0;
        line-height: 21px;
    }
    .btn-register {
        width: 100%;
        height: 30px;
        width: 100%;
        margin: 0;
        line-height: 21px;
    }
    #form-login .line-up-bottom:nth-of-type(4) {
        width: 50%;
        float:  left;
    }
    #form-login .line-up-bottom:nth-of-type(3) {
        width: 50%;
        float: left;
    }
    .page-header .page-header-top .page-logo {
        width: 195px;
        margin-top: 17px;
    }
    .page-header .page-header-top .page-logo img {
        max-width: 100%;
    }
    .title-page-header {
        margin: 20px 0 0;
    }
    li.H-group > ul > li {
        font-size: 19px;
        display:  block;
        overflow:  hidden;
        text-overflow: ellipsis;
    }


}


@media screen and (max-width:1024px) {
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 16px 10px;
    }
}   


@media screen and (max-width: 991px){
    .page-header .page-header-top .top-menu .navbar-nav > li > ul > li {
        width: 100% !important;
        text-align: left !important;
        padding: 0 13.5px;
        line-height: 15px;
    }
    img.logo-default {
    height: 40px !important;
}
    .day-count-mo{
        display:none;
    }
    #day-count-mo, #period-count-mo {
    margin-top: 10px !important;
}
    #day-count-mo {
    margin-left: 0;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li {
        padding: 0 15px;
    }
    /*.page-header .page-header-top .top-menu .navbar-nav > li:nth-of-type(1) {
      
    }*/
    .page-header .page-header-top .page-logo {
        height: 48px;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user {
        margin: 0;
        right: 7px;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
        height: 25px;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
        margin: 0 0 0 9px;
    }
    .page-header .page-header-top .menu-toggler {
        margin: 0;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li:nth-of-type(1) .text-head {
        text-align: right !important;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li:nth-of-type(1) .text-name{
        text-align: right !important;
    }
    .page-header .page-header-top .top-menu .navbar-nav {
        width: 100%;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li {
        width:50%;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li > ul {
        padding:0;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li > ul {
        padding: 0;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li > ul > li {
        text-align: right;
        font-size: 2rem;
        width: 50%;
        float: left;
        overflow: hidden;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li > ul > li:nth-of-type(2){
        text-align:left;
        padding-left:15px;
    }
    .top-menu {
        width: 100%;
    }
    .dropdown.dropdown-user {
        position:  absolute;
        top: 0;
        right: 0;
        width: 57px !important;
    }
    .period-showday ,.period-showend{
        display: block;
        width: 50% !important;
        text-align: center;
        float: left;
        margin: 10px 0 0 0;
        padding:5px 0;
        font-size: 0.85em;
    }
    .period-showday{
        background:#363636;
        color:#dcd83d;
    }
    .period-showend{
        background:#ccc;
        color:#af0000;
    }
    #period-count {
        display: none;
    }
    .menu-login {
        display:block;
    }
   .logo-default {
        margin: 0;
        float: left;
        width: 172px;
    }
   .btn-register {
        width: 100%;
        height: 42px;
        line-height: 35px;
    }
    .page-header .page-header-top .menu-toggler {
        position: absolute;
        right: initial;
        top: 0;
        margin: 8px 0 0 0;
    }
    .page-header .page-header-menu > .container {
        padding:0;
    }
    .page-header .page-header-menu {
        padding:0;
    }
    .page-header .page-header-menu .hor-menu {
        margin:0;
    }
    .login-top {
       width: 100%;
   }

    .page-header .page-header-top .page-logo {
        height: 55px;
        float: left;
        margin: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 154px !important;
    }
    .page-header .page-header-menu .hor-menu .nav {
         border-radius: 0;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0 ;
        -o-border-radius: 0;
        border-radius: 0;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        border: 0;
    }
    .LastMenu {
        border: 0 !important;
    }
    .title-page-header {
        font-size: 2rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
        position: relative;
        /*top: 50px !important;*/
        display: none;
    }
    .login-top {
        margin: 0;
    }
    .login-top .line-up {
        padding: 0;
    }
    .login-top .line-up-bottom {
        padding: 0;
    }
    .period-show {
        width: 60%;
        margin-bottom: 0;
        position: relative;
        top: -40px;
    }
    .login-top {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px;
        height: 100vh;
        background-color: #000;
        z-index: 1000;
    }

    .period-show {
        display: block !important;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        float: left;
        position: relative;
        top: 15px;
    }
    .menu-toggler:nth-of-type(1) {
        left: 0;
        position: absolute;
        background-image: none !important;
        text-align: center;
        color: #fff;
        border:0 !important;
    }
    .menu-toggler:nth-of-type(2) {
        right: 0 !important;
        background-image: none !important;
        text-align: center;
        color: #fff;
        border: 0 !important;
    }
    .menu-toggler:nth-of-type(1) > i,
    .menu-toggler:nth-of-type(2) > i{
        color: #fff;
        top: -2px;
        position: relative !important;
        font-size:1.8rem
    }
    .page-header-top.active .login-top {
        display: block;
    }
    .page-header-top.active .login-top .line-up-bottom .btn-login{
        width:100%;
        margin-top: 5px;
    }
    #form-login {
        padding-top: 60px;
    }
    #form-login > i{
       display: block !important;
       float:right;
       padding: 15px;
       border:1px solid #353535;
       cursor:pointer;
       margin-bottom:5px;
       position: absolute;
       top: 15px;
       right: 15px;
   }
   .line-up > .form-control {
       height: inherit;
   }
   .line-up-bottom > .btn-login {
       height: 42px;
   }

    .page-header-menu .period-show {
        display: none !important;
    }
    .line-up {
        width: 100% !important;
        margin-bottom: 15px;
    }
    #form-login .line-up-bottom:nth-of-type(4) {
        width: 100%;
    }
    #form-login .line-up-bottom:nth-of-type(3) {
        width: 100%;
        margin-bottom: 15px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
        width: 100%;
        position: fixed;
        z-index: 10000;
        left:  0;
        top: 0;
        height: 100vh;
        margin: 0;
        padding-top: 50px;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
        content: none;
    }
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li {
        width: 100%;
        text-align: left;
        padding: 0;
    }
    #close {
        position: absolute;
        padding: 15px;
        top: 0;
        cursor:  pointer;
        color:#fff;
    }
}



@media screen and (max-width: 768px){
    .title-page-header{
        top:0
    }

    .page-header .page-header-top > .container {
        padding-bottom:10px;
    }

    .period-show {
        top: 0;
    }

}


@media screen and (max-width : 380px){
    img.logo-default {
        width: 152px !important;
    }
    .period-showday ,.period-showend{
        width: 100% !important;
        margin:0;
    }

    
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
        height: 30px;
        right: -19px;
        position: relative;
    }
}


/* ---------------- Head top layout------------------*/
.logo ,.show-title{
    float: left;
    display: block;
}
.logo,.show-title{
    width: 25%;
}
.top-login{
    float:right;
    width:50%;
}
@media screen and (max-width : 1700px) {
   .title-page-header {
    color: #fff;
    margin: 10px 0 0 0;
}
}

@media screen and (max-width : 1400px) {
   .show-title{
       display:none;
   }
}
@media screen and (max-width : 1200px) {
  .top-login{
      width:65%;
  }
  .line-up{
      width:33%;float:left;
  }
}
@media screen and (max-width : 992px) {
    .logo {
        width: 100%;
    }
}

/* ---------------- Head top layoutMember------------------*/
@media screen and (max-width :1400px) {
    #period-count,#day-count {
        display: none !important;
    }
    #day-count-mo,#period-count-mo{
        display: block !important;
        float: left;
        padding: 5px;
        margin-top: -41px;
    }
    .period-showday {
    background: #363636;
    color: #dcd83d;
    }
    .period-showend {
    background-color: #ccc;
    color: #af0000;
    }
    img.logo-default {
    height: 50px;
    }
}


/* slide - news */
   .post-slide{
   background: #ccc;
   border-bottom: 1px solid #dedde1;
   height:457px;
}
   .readmore-news{
       bottom:0;
       padding:10px;
       text-align:center;
       width:100%;
       background:#0b99bc;
       color:#FFFFFF;
       position:absolute;
   }
.post-slide .post-header{
   margin-bottom: 10px;
}
.post-slide .subtitle{
   color:#0b99bc;
   font-size:14px;
   display: inline-block;
   margin-bottom:5px;
   text-transform: uppercase;
   transition: all 0.4s ease 0s;
}
.post-slide .subtitle:hover{
   color:#333;
   text-decoration: none;
}
.post-slide .post-title{
   margin: 0;
}
.post-slide .post-title a{
   color:#333;
   font-size:18px;
   font-weight: bold;
   text-transform:capitalize;
   transition: all 0.4s ease 0s;
}
.post-slide .post-title a:hover{
   color:#0b99bc;
   text-decoration: none;
}
.post-slide .pic{
   overflow: hidden;
   position: relative; 
}
.post-slide .pic img{
   width: 100%;
    max-height: 300px;
    transform: rotate(0deg) scale(1,1);
    transition: all 0.9s ease 0s;
}
.post-slide:hover img{
   transform: rotate(-2deg) scale(1.1,1.1);
}
.post-slide .pic:after{
   content: "";
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background: rgba(255,255,255,0);
   transition: all 0.9s ease 0s;

}
.post-slide:hover .pic:after{
   background: rgba(255,255,255,0.2);
}
.post-slide .post-bar{
   list-style: none;
   padding:12px 0;
   margin: 0;
}

@media only screen and (max-width: 479px) {
   .post-slide{
       padding: 15px;
   }
   .post-slide .post-bar li{
       margin-bottom: 5px;
   }
   .post-slide .post-bar li:last-child{
       margin-bottom: 0;
   }
}

.top-promotion{
    padding-top:10px;
    overflow:hidden;
    width:100%;
    height:270px;
    display:block;
    background:url(../img/image1-bg.jpg) no-repeat;
    margin:0 0 23px;
    background-size: cover;
}

h1.row-top-promotion1,h2.row-top-promotion2,h3.row-top-promotion3,h1.row-bottom-promotion1,h2.row-bottom-promotion2{
    text-align:center;
    padding:0 ;
}
h1.row-top-promotion1,h2.row-top-promotion2,h1.row-bottom-promotion1,h2.row-bottom-promotion2{
    color:#fff;
}
h1.row-top-promotion1,h1.row-bottom-promotion1{
    font-size:2em;
}
h2.row-top-promotion2,h2.row-bottom-promotion2{
    font-size:1.8em;
}
h3.row-top-promotion3{
    font-size:1.3em;
}
.bottom-promotion{
    overflow:hidden;
    width:100%;
    height:165px;
    display:block;
    background:url(../img/image2-bg.jpg) no-repeat;
    background-size: cover;
}

.linethrough{
    text-decoration:line-through #000;
}