@media screen and (min-width: 992px) {
    .top-fluid-bar .call .phone-no {
        text-align: right;
        background-position: 75% 0;
    }
}
@media screen and (max-width: 991px) {
    #login div.form-group{
        width: 100%;
    }
    .navbar-inverse #login .navbar-form .btn-login{
        width: 99%;
    }
    .navbar-inverse #login .navbar-form input{
        width: 49%;
    }
}
@media screen and (max-width: 768px) {
    .navbar-inverse #login .navbar-form .btn-login{
        width: 100%;
    }
    .navbar-inverse #login .navbar-form input{
        width: 100%;
    }
}
@media screen and (min-width: 320px) {
    .top-fluid-bar h4 {
        font-size: 1.375em;
    }
}
.ma-top-0{
    margin-top: 0;
}
.white-bg{
    background-color: #fff;
}
.underline-text{
    text-decoration: underline;
}
.subpage-container{
    font-family: 'sukhumvit';
    margin-bottom: 4em;
    color:#fff;
}

.register-sbobet-form-container{
    margin-top: 5px;
}
.text-title h1{
    color: #ebebeb;
    padding: 45px 0;
    font-weight: bold;
}

hr.nav-hr{
    margin: 0;
    width: 38.1%;
    float: right;
    border-top: 2px solid #fff;
}
section.register-sbobet .control-label ,section.register-sbobet .errorMessage{
    font-family: 'sukhumvit';
    font-weight: normal;
    font-size: 16px;
    height: 55px;
    margin-top: 10px;
}
section.register-sbobet input.form-control,section.register-sbobet textarea.form-control,section.register-sbobet select.form-control{
    border-radius: 0;
    border: 0px;
    background-color: #0c3f73;
    color:#eff1f3;
    font-size: 16px;
    width: 100%;
}

section.register-sbobet input.error,section.register-sbobet textarea.error{
    border: 1px solid;
    color:#ff0000;
}
section.register-sbobet input.form-control,section.register-sbobet select.form-control{
    height: 50px;
}
section.register-sbobet textarea.form-control{
    height: 150px;
}
section.register-sbobet .errorMessage{
    color:#ff0000;
}
section.register-sbobet button.btn-submit{
    font-family: 'sukhumvit';
    border-radius: 0;
    font-size:  24px;
    background: #fff;
    width:  200px;
    height: 50px;
    color:  #08284d;
    margin: 40px 0;
}

section.promotion .promo-block{
    line-height: 30px;
    min-height: 405px;
    font-size: 16px;
    padding: 30px;
}

section.promotion .promo-block h2 {
    font-size: 22px;
}

section .block-bg-white{
    background-color: #fff;
    color: #08284d;
}

section .block-bg-blue{
    background-color: #4badf1;
    color: #fff;
}

.howto-play-item{
    margin-bottom: 30px;
    padding: 40px;
}
.howto-play-item p{
    font-size: 20px;
    color: #08284d;
}

.howto-mobile {
    padding:40px;
}
.howto-mobile h3.title,.howto-mobile .description {
    margin-top: 0px;
    text-align: left;
}
.howto-mobile .description {
    font-size: 16px;
}
.howto-mobile .btn-click{
    margin-top: 15px;
}
.howto-mobile  .btn-click a{
    color: #08284d;
    background-color: #fff;
    padding: 8px 30px;
    font-size: 18px;
}
.howto-mobile  .btn-click a:hover{
    text-decoration: none;
    color:#9abaca;
}
section .block-default{
    text-align: center;
}

section.how-to-dw .howto-play-item p{
    font-family: 'sukhumvit';
    font-size: 18px;
}
.deposite-block .howto-play-item p{
    color: #fff;
}
.withdraw-block , .news-page{
    padding-top: 60px;
    color: #08284d;
}
.news-page{
    margin-top: 5px;
}
h3.block-title{
    text-align: center;
}
select.act-select{
    float: left;
    max-width: 30%;
    margin-right: 4%;
}
select.act-select:last-child{
    float: right;
    margin-right: 0%;
}
div.zeny-term{
    max-width: 540px;
    font-size: 16px;
}
.contact-footer-sec .fb h2 a ,p.topic a{
    text-decoration: none;
    color: #fff;
}
section.all-news,section.all-feature{
    margin-bottom: 60px;
    color: #fff;
}

article.news-box{
    margin: 10px 0;
}

article.news-box .row div{
    padding: 10px 30px;
}
.news-pager{
    margin-top:25px;
}
article.news-box .row div.news-blog,article.news-box .row div.news-details{
    padding-left: 10px;
}
.news-details{
    font-size: 16px;
}
#login{
    overflow-y: no-display;
}
#login div.form-group{
    color:#fff;
}
#login div.form-group a{
    color:#098ed1;
}
.button-list {
    padding: 15px;
}
.button-list .ratio-list{
    margin-right: 12%;
}
.button-list .ratio-list label{
    margin-left: 10px;
}
section.contact-footer-sec{
    background-color: #154A8C;
}
h2.mobile-link{
    padding-left: 140px;
}
.btn-how-to-mobile{
    margin: 10px;
    background-color: #fff;
    font-weight: bold;
}
.phone-no a,.phone-no a:hover,.phone-no a:visited , .contact-detail  a,.contact-detail  a:hover ,.contact-detail  a:visited {
    color: #fff;
}
/* ====================== ACT ====================== */
#act-content .auto-dw-alert-box .message{
    width: 652px;
    height: 320px;
    padding: 30px 30px 30px 285px;
    text-align: center;
    background: url('../img/bg_alert.png') no-repeat;
    margin: 0 auto;
    float: none;
}
.col-footer ul{
    color: #fff;
    padding-left: 20px;
}
.col-footer ul li{
    line-height: 30px;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 80%;
}
.bootstrap-act #act_date.form-control ,.bootstrap-act #act_month.form-control, .bootstrap-act #act_year.form-control, .bootstrap-act #act_hour.form-control, .bootstrap-act #act_minute.form-control{
    padding: 0;
}
.top-fluid-bar h4 a,.top-fluid-bar h4 a:hover {
    color:#ffffff;
}
.line-add-friend {
     float:right;
    display: inline-block;
    margin: 8px 30px 0 0;
}
.line-add-friend img {
    display: block;
}
@media screen and (min-width: 768px) {
    .line-add-friend {
       margin-top: 12px;
   }
}
@media screen and (min-width: 992px) {
    .line-add-friend {
       margin-top: 31px;
   }
}

/************************ mysbo v4 style *************************/
body{
    background-color: #68b6f2;
    background-image: url("../img/bg_mysbo_v4.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.section_new_01 .container, .navbar-inverse, header .container, .news-sec, .subpage-container.container{
    background-color: #68b6f2;
}
.navbar-inverse .navbar-collapse .navbar-nav li .entrance-sbo {
    background-color: #0d447d;
}
.howto-regis-sec .howto-regis-box{
    background: #098ed1;
}
.entrance-update-sec .entrance-update-box {
    background-color: #fff;
}
.entrance-update-sec .entrance-update-box .body table tr td {
    border: none;
    border-top: 1px solid #36506f;
    border-right: 1px solid #36506f;
}
.entrance-update-sec .entrance-update-box .body table tr td:last-child {
    border-right: none;
}
.entrance-update-sec .entrance-update-box .body table tr td a {
    color: #154A8C;
}
.entrance-update-sec .entrance-update-box .head span{
    color: #fff;
}
.btn-how-to-mobile {
    color: #154A8C;
}
.entrance-box{
    padding: 55px 40px 35px;
    background:linear-gradient(to right top, #0d447d 50%, #0076b8 100%);
}
.entrance-box h2{
    font-weight: bold;
}
.entrance-box h3{
    margin-bottom: 20px;
}
.entrance-box a {
    display: block;
    background: #fff;
    color: #154A8C;
    padding: 10px 15px;
    border-radius: 20px;
}
.under-entrance-box{
    background: #0d447d;
}
.under-entrance-box h2{
    color: #fff;
    font-size: 1.4em;
    line-height: 1.4em;
}
.news-sec{
    margin-top: 40px;
}
.news-sec .news-content{
    background: -webkit-linear-gradient(#87c2f0, #69b6f2, #68b6f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#87c2f0, #69b6f2, #68b6f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#87c2f0, #69b6f2, #68b6f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#87c2f0, #69b6f2, #68b6f2); /* Standard syntax */
}
.news-sec .news-block, .news-sec .news-box .head-title, .news-sec .news-list ul li a, .news-sec .read-all, .news-sec .sub-title, .news-sec a {
    color: #fff;
}
.news-sec .news-block.first, .news-sec .news-list {
    border-top: 1px solid #fff;
}
.news-sec .news-block {
    border-bottom: 1px solid #fff;
}
.news-sec .news-list {
    border-bottom: 1px solid #fff;
}
.news-sec .read-all {
    font-style: italic;
    margin-top: 20px;
    display: inline-block;
    background: #0d447d;
    padding: 8px 15px;
    color: #fff;
}
.news-sec .news-list ul li a span{
    font-size: 0.7em;
}
section.contact-footer-sec.line-fb {
    background: linear-gradient(90deg, #4ecd00 50%, #154A8C 50%);
}
footer {
    background-color: #0076b8;
}
.subpage-container.container{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5em;
    margin-bottom: 0;
}
.subpage-container.container a{
    color: #154A8C;
}
@media screen and (min-width: 992px){
    .navbar-inverse {
        padding-bottom: 5px;
        border-bottom: none; 
    }
    .subpage-container.container{
        border-top: 1px solid #fff;
    }
}
@media screen and (min-width: 320px){
    .navbar-inverse .navbar-brand span {
        color: #0d447d;
    }
}