@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic);

body {
    margin: 0;
    padding: 0;
    font: 300 14px 'Roboto',Arial, san-serif;
    background: #dcdcdc;
}

.header-body { /* color: #2793e6; */
    text-decoration: none;
}

a:hover {
    color: #dd443f;
}

.clear {
    clear: both;
}

img {
    border: none;
	max-width: 100%;
    height: auto;
}

ul.reset {
    margin: 0;
    padding: 0;
}

    ul.reset > li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

ul.underline a:hover, a.underline:hover {
    text-decoration: underline !important;
}

.green1 {
    color: #315ea2;
}

.green2 {
    color: #5fa741;
}

.green3 {
    color: #81e15c;
}

.general-mod {
    padding-top: 30px;
}

.wrapper {
    width: 100%; /* background: #fff url(../images/hd-bg.png) repeat-x 0 0; */
    background: #F1F1F1;
}

.header, .nav-wrapper, .container, .footer {
    width: 100%;
    margin-bottom: 14px;
}

.header {
    position: relative;
    z-index: 3;
}

.header-body, .container-body, .footer-body, .breadcrumb {
    width: auto;
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.header-body {
    background: #fff;
}

.footer-advs a img, .header-advs a img {
    width: 50%;
    float: left;
}

.home-advs {
    width: 100%;
}

#bottom-ad {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 270px;
    z-index: 10000;
}

    #bottom-ad .close-btn {
        position: absolute;
        top: -8px;
        right: 0;
        cursor: pointer;
        color: red;
    }

.close-btn {
    position: absolute;
    top: 10%;
    right: 7%;
    color: white;
}

    .close-btn:hover {
        color: red;
    }

.header {
    /*background: url(../images/hd-line.png) repeat-x left 69px;*/
    min-height: 100px;
}

.banner {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 39px;
}

.hd-left {
    width: 20%;
    float: left;
    position: relative;
}

.logo {
    padding: 11px 0 5px 10px;
    display: block;
    width: 167px;
}

    .logo img {
        width: 100%;
    }

.mn-ico {
    cursor: pointer;
}

.home-hd-left .mn-ico {
    display: none;
}

.hd-left .hd-menu {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 9999;
}

    .hd-left .hd-menu .ct-left-guide {
        border: none;
    }

.hd-mid {
    width: 58%;
    float: left;
    /*padding: 13px 0 0 0;*/
    margin: 0 1%;
}

.search-button {
    margin: 0;
    height: 30px;
    width: 60px;
    background: #f8f8f8;
    border: #ccc solid 1px;
    color: #333;
    float: left;
    border-left: none;
}

    .search-button:hover {
        background: #f1f1f1;
    }

.hd-right {
    position: absolute;
    right: 0;
    padding: 0px 0 15px 0;
    text-align: right;
}

    .hd-right .tb-link {
        font-size: 13px;
        display: inline-block;
        height: 30px;
        border: #ccc solid 1px;
        line-height: 30px;
        padding: 0 10px 10px;
        background: #f8f8f8;
        color: #333;
    }

    .hd-right .tb-login {
        color: #000;
        background: #3d7896;
        border: #3d7896 solid 1px;
        color: #fff;
    }

    .hd-right .tb-link:hover {
        background: #f1f1f1;
        text-decoration: none;
        color: #333;
    }

    .hd-right .tb-login:hover {
        background: #167ac6;
        color: #fff;
    }

    .hd-right .tb-bell {
        background: none;
        border: none;
        color: #666;
    }

        .hd-right .tb-bell:hover {
            background: none;
            color: #333;
        }

.top-bar {
    position: absolute;
    right: 0;
    top: 5px;
}

    .top-bar strong {
        color: #315ea2;
        font-weight: 400;
    }

.user-bar {
    position: absolute;
    bottom: 7px;
    right: 0;
}

    .user-bar .focus {
        color: #ff8400;
        font-weight: bold;
    }

    .user-bar a {
        color: #000;
        margin-left: 20px;
    }

        .user-bar a:hover {
            color: #ff8400;
        }

.margin-top-10 {
    margin-top: 10px;
}

.nav-wrapper {
    display: inline-block;
    height: 56px;
    position: absolute;
    right: 0;
    top: 42px;
    width: auto;
}

ul.nav-m {
    width: 100%;
    position: relative; /* height: auto; */
}

    ul.nav-m li {
        padding: 0 0 0 10px;
        display: inline;
    }

        ul.nav-m li a {
            color: #fff;
            padding: 8px 15px 10px;
            line-height: 53px;
            background-image: linear-gradient(to bottom,#2D607B 0,#3d7896 100%); /* border-radius: 8px; */
            font-size: 14px;
        }

            ul.nav-m li a:hover, ul.nav-m li a.active {
                background: #dd443f;
            }

.search-form {
    position: absolute;
    right: 0;
    top: 10px;
}

    .search-form .textbox {
        height: 32px;
        padding: 0 10px;
        border: #fff solid 1px;
        width: 275px;
        float: left;
    }

    .search-form .button {
        height: 32px;
        float: left;
        background: #ff8400;
        color: #fff;
        padding: 0 15px;
        border: #ff8400 solid 1px;
        box-sizing: content-box;
        cursor: pointer;
    }

        .search-form .button:hover {
            background-color: #ff9727;
        }

.home-slider {
    width: 100%;
    margin: 0 auto;
}

    .home-slider img {
        border: none;
    }

.container-body { /* padding-top: 15px; */
    padding-bottom: 30px;
}

.span4 {
    margin-right: 2.5%;
    width: 31.5%;
    border: #d7d7d7 solid 1px;
    float: left;
}

    .span4:nth-child(2n) {
        margin-right: 0;
    }

    .span4 .span-body {
        padding: 0 14px;
    }

div[class^='span'] .title {
    font-size: 25px;
    font-weight: 300;
    margin: 2px 0 5px;
}

    div[class^='span'] .title strong {
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        font-size: 36px;
        margin-top: -11px;
    }

div[class^='span'] img {
    max-width: 100%;
}

.span8 {
    width: 66%;
    border: #d7d7d7 solid 1px;
    float: left;
}

.span12 {
    width: 100%;
    border: #d7d7d7 solid 1px;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
}

.home-span4 {
    min-height: 450px;
}

    .home-span4 img {
        width: 100%;
    }

        .home-span4 img:hover {
            opacity: 0.9;
        }

    .home-span4 p, .home-span3 p {
        text-align: justify;
    }

.home-span8 {
    box-sizing: border-box;
    padding: 0 10px;
    min-height: 438px;
}

.span3 {
    width: 224px;
    margin-right: 32px;
    float: left;
    border: #d7d7d7 solid 1px;
}

    .span3 .span-body {
        padding: 12px;
    }

.home-span3 {
    height: 387px;
}

    .home-span3 .title {
        font-weight: 300;
        font-size: 22px;
        margin: 7px 0 0;
    }

    .home-span3 p {
        margin-top: 7px;
    }

    .home-span3 .title a {
        color: #000;
    }

        .home-span3 .title a:hover {
            text-decoration: underline;
        }

    .home-span3 img {
        width: 100%;
    }

.span-auto-height {
    height: auto;
    min-height: 20px;
}

.last-span {
    margin: 0;
    float: right;
}

.view-detail {
    text-align: right !important;
}

ul.span-list {
    padding-top: 20px;
}

    ul.span-list li {
        margin-bottom: 20px;
    }

        ul.span-list li a {
            color: #000;
        }

.full-title {
    background: #5fa741;
    height: 48px;
    width: 98%;
    padding-left: 2%;
    float: left;
    margin: 22px 0;
}

    .full-title .full-title-head {
        font-size: 17px;
        color: #fff;
        font-weight: 400;
        line-height: 46px;
        margin: 0;
    }

.left {
    float: left;
}

.right {
    float: right;
}

.large-block {
    width: 690px;
}

    .large-block .form-control {
        width: 310px;
    }

    .large-block .title, .small-block .title {
        border-bottom: #cecece solid 1px;
    }

        .large-block .title .head, .small-block .title .head {
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 300;
            margin: 0 0 10px;
        }

            .large-block .title .head .focus {
                color: #ff8400;
            }

.small-block {
    width: 280px;
}

.sign-up .form-cmd, .contact .form-cmd {
    width: 522px;
}

.contact textarea.form-control {
    height: 130px;
}

hr {
    border: none;
    border-top: #cecece solid 1px;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 30px 0;
}

    hr.break-line {
        width: 100%;
        float: left;
    }

div.break-line {
    width: 100%;
    height: 40px;
}

.side-nav {
    padding-top: 25px;
}

    .side-nav ul.reset li {
        color: #91c113;
        font-size: 25px;
        list-style: none;
        background: url(../images/li-square.png) no-repeat 0 5px;
        padding: 0 0 20px 7%;
        width: 93%;
    }

    .side-nav li a {
        font-size: 15px;
        color: #315ea2;
        display: block;
        line-height: 16px;
    }

        .side-nav li a.active {
            font-weight: 700;
        }

        .side-nav li a:hover {
            color: #000;
            text-decoration: underline;
        }

/*.fieldset {width: 90%; border:#cecece solid 1px; position: relative; padding: 15px 4.7% 25px; margin-bottom: 30px;}
.fieldset .fieldset-title {margin: 0; font-weight: 300; font-size: 17px; position: absolute; display: inline-block; padding: 5px 8px; left: 20px; top: -20px; background: #fff; z-index: 2;}*/
.inform {
    font-style: italic;
    text-align: center;
}

.inf {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.inf-ok {
    background-image: url(../images/ico-check.png);
}

.inf-warn {
    background-image: url(../images/ico-warn.png);
}

.table-title {
    background: /*#315ea2*/ #000;
    width: 97%;
    padding: 10px 0 10px 3%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

    .table-title .head {
        margin: 0;
        font-weight: 400;
    }

    .table-title.bordered {
        border-right: #000 solid 1px;
        border-left: #000 solid 1px;
    }

.tab-body {
    padding: 0 0 20px;
    display: none;
}

    .tab-body.active {
        display: block;
    }

.tab-title {
    background: #b1b2b1 url(../images/ico-arrow.png) no-repeat 665px -37px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .tab-title.active {
        background-color: #5fa741;
        background-position: 665px 0;
    }

.box-bordered {
    border: #cecece solid 1px;
    padding: 10px 4%;
    width: 92%;
}

.tab-body .box-bordered, .tab-body .table-with-title, .sta-box-bordered .box-bordered {
    margin-top: -20px;
    border-top: none;
}

.sta-box-bordered {
    margin-top: 25px;
}

.center {
    text-align: center;
}

.entry {
    width: 100%;
    padding: 10px 0px;
}

    .entry p {
        text-align: justify;
        padding-left: 10px;
    }

    .entry h1 {
        font-size: 18px;
    }

.form-small .form-cmd {
    width: 513px;
    padding-top: 15px;
}

.table .table-cmd a {
    color: #315ea2;
}

.top-cmd {
    width: 100%;
    text-align: right;
    padding: 30px 0 20px;
}

.hidden {
    display: none;
}

.contact-form {
    padding: 0 0 20px;
}

.upper-footer {
    background: #f1f1f1;
    min-height: 200px;
    width: 100%;
    margin-top: 10px;
}

    .upper-footer .uf-body {
        min-width: 1000px;
        max-width: 1200px;
        width: 100%;
        margin: auto;
        padding: 20px 0;
    }

    .upper-footer .map {
        width: 70%;
        float: right;
    }

    .upper-footer .contact-info {
        width: 28%;
        float: left;
    }

        .upper-footer .contact-info h4 {
            text-align: center;
            font-size: 24px;
            font-weight: 400;
            margin: 20px 0 10px;
            color: #dd443f;
        }

    .upper-footer .map img {
        width: 100%;
    }

.footer {
    background: #161e96;
    padding: 10px 0 10px;
    padding: 10px 0 10px;
    margin: 0 auto;
    color: #fff;
    min-width: 100%;
    max-width: 1200px;
}

    .footer .footer-body {
        padding: 0 20px;
        min-width: 1000px;
        max-width: 1200px;
    }

.footer-share {
    margin-bottom: 15px;
}

    .footer-share ul li {
        display: inline;
        margin-right: 15px;
    }

    .footer-share a {
        color: #fff;
    }

        .footer-share a:hover {
            color: #dd443f;
        }

input, select, textarea, .form-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    input.sl-start-time {
        width: 45%;
    }

.form-actions {
    padding: 15px 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    box-sizing: border-box;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #777;
    }

    .form-control::-webkit-input-placeholder {
        color: #777;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}

    input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px;
    }

    input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px;
    }

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label, .checkbox label {
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed;
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
    height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.clearfix:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after {
    clear: both;
    display: table;
    content: " ";
}

.clearfix:before, .row:before, .form-horizontal .form-group:before, .btn-toolbar:before, .btn-group-vertical > .btn-group:before {
    display: table;
    content: " ";
}

btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3071a9;
        border-color: #285e8e;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd;
    }

    .btn-primary .badge {
        color: #428bca;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%;
}

.partners:before, .partners:after {
    clear: both;
    box-sizing: border-box;
    content: " ";
    display: table;
}

.partners {
    margin: 0;
    padding: 0;
}

    .partners li {
        width: 20%;
        float: left;
        list-style: none;
        padding: 10px 0;
    }

        .partners li img {
            width: 100%;
            border: #f1f1f1 solid 1px;
        }

            .partners li img:hover {
                border-color: #ccc;
            }

.more {
    display: none;
}

.read-more {
    color: #dd443f;
}

    .read-more:hover {
        color: #315ea2;
    }

.text-right {
    text-align: right;
    margin-top: -10px;
    padding-bottom: 10px;
}

.no-mar-bot {
    margin-bottom: 0;
}

.no-mar-top {
    margin-top: 0;
}

.error {
    color: #dd443f;
}

input.error, select.error, textarea.error {
    border-color: #dd443f;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate3d(0,-25%,0);
        -o-transform: translate3d(0,-25%,0);
        transform: translate3d(0,-25%,0);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav-m:after, .nav-mbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

#alert .modal-content, #confirm .modal-content {
    margin-top: 220px;
}

.modal-dialog-sm {
    width: 400px;
}

/*20150214*/
.video-wrapper {
    width: 100%; /* text-align: center; */
}

    .video-wrapper div {
        box-sizing: border-box;
    }

.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}

.video-wrapper .vw-body {
    width: 100%;
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    display: table;
}

    .video-wrapper .vw-body:before, .video-wrapper .vw-body:after {
        clear: both;
        content: "";
    }

.player-wrapper {
    width: 100%; /* min-width: 800px; */
    /*max-width: 960px;*/
    background: #000;
}

    .player-wrapper img {
        width: 100%;
    }

.left-video, .right-video {
    width: 10%;
    min-width: 100px;
    max-width: 120px;
    float: left;
    min-height: 450px;
}

.right-video {
    float: right;
}

.show-sub {
    width: 100%;
    position: relative;
}

    .show-sub .shs-body {
        width: 100%;
        overflow-y: scroll;
        border: #ddd 1px solid;
        box-sizing: border-box;
        height: 450px;
        background: #fff;
    }

.edit-sub #lst-data-sub-edit {
    width: 100%;
    overflow-y: scroll;
    border: #ddd 1px solid;
    box-sizing: border-box;
    height: 450px;
    background: #fff;
}

.show-sub ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .show-sub ul li {
        list-style: none;
        padding: 2px 0px 2px;
        border-bottom: #ccc solid 1px;
        width: 100%;
        box-sizing: border-box;
    }

.show-sub li .sub-origin {
    padding: 4px 5px;
    box-sizing: border-box;
    font-size: 14px;
    float: left;
}

.show-sub li .sub-trans {
    padding: 0 0 0 48px;
    box-sizing: border-box;
    font-size: 16px;
    width: 100%;
}

.show-sub li:hover {
    background: #eee;
}

.show-sub li.current {
    background: #333;
    color: #fff;
}

.expand-sub {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 5px;
    text-align: center;
    width: 100%;
}

    .expand-sub a {
        background: url(../images/down.png) no-repeat;
        width: 40px;
        height: 21px;
        display: block;
        margin: 0 auto;
        overflow: hidden;
        text-indent: -9000px;
        opacity: 0.6;
    }

        .expand-sub a:hover {
            opacity: 1;
        }

.show-sub:hover .expand-sub {
    display: block;
}

.expand-sub a.collapse {
    background-image: url(../images/up.png);
    visibility: visible;
}

.txt-search {
    height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
    margin-right: 0;
    width: 226px;
    border: 1px solid #ccc;
    float: left;
}

::-webkit-input-placeholder {
    font-weight: normal;
    font-style: italic;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

::-moz-placeholder {
    font-weight: normal;
    font-style: italic;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

:-ms-input-placeholder {
    font-weight: normal;
    font-style: italic;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.sub-info {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
    padding: 15px 0;
}

    .sub-info:before, .sub-info:after, .sub-tab-title ul:before, .sub-tab-title ul:after {
        clear: both;
        content: "";
    }

    .sub-info a {
        font-weight: bold;
    }

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.sub-info-left [class*="col-"], .sub-info-right [class*="col-"] {
    border-right: #eaeaea solid 1px;
    border-bottom: #eaeaea solid 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
}

.sub-ok {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    background: #fff; /* background-image: linear-gradient(to bottom,#f59a18 0,#f27d13 100%); */
    background-repeat: repeat-x;
}

.rate-sub-ok {
    color: green;
    padding-right: 0;
}

.rate-sub-bad {
    color: #666;
    font-weight: 400 !important;
    padding-right: 0;
}

.sub-info-right {
    background: #fff;
}

.sir-save a, .sir-up a {
    font-weight: normal;
}

.sir-edit { /* background-image: linear-gradient(to bottom,#2D607B 0,#3d7896 100%); */
    background-repeat: repeat-x;
    background-color: #fff;
}

    .sir-edit a {
        color: #333;
        text-transform: uppercase;
    }

.sub-intro {
    width: 100%;
    display: table;
    margin-top: 13px;
    box-sizing: border-box;
}

.sub-tab-title ul {
    margin: 0;
    padding: 0;
    display: table;
}

.sub-tab-title li {
    list-style: none;
    padding: 10px 20px;
    display: inline-block;
    float: left;
    border-left: #eaeaea solid 1px;
    box-sizing: border-box;
    border-top: #eaeaea solid 1px;
    background: #fff;
}

    .sub-tab-title li.in-active {
        background-image: linear-gradient(to bottom,#2D607B 0,#3d7896 100%);
        border: none;
    }

    .sub-tab-title li a {
        font-weight: bold;
        color: #000;
        cursor: default;
        text-decoration: none;
    }

    .sub-tab-title li.in-active a {
        color: #fff;
        font-weight: normal;
        cursor: pointer;
    }

    .sub-tab-title li.in-active:hover {
        opacity: 0.9;
    }

.sub-tab-content {
    border: #eaeaea solid 1px;
    margin-top: -2px;
}

    .sub-tab-content .tab-detail {
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        background: #fff;
    }

.tab-detail .read-more {
    margin-top: 15px;
}

.tab-detail.in-active {
    display: none;
}

.comment-container {
    padding: 10px 10px 0;
    background: #fff;
    border: #eaeaea solid 1px;
    margin-top: 13px;
    overflow: hidden;
}

.ft-share {
    position: absolute;
    right: 0px;
    top: 5px;
}

.footer a {
    color: #fff;
}

[class*="rv-"] {
    background-image: linear-gradient(to bottom,#2D607B 0,#3d7896 100%);
    color: #fff;
    padding: 17px 5px;
    cursor: pointer;
}

    [class*="rv-"]:hover {
        opacity: 0.9;
    }

.rv-fullview {
}

.rv-back input {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 20px;
}

.rv-report {
    background-image: linear-gradient(to bottom,#f59a18 0,#f27d13 100%); /* padding-bottom: 19px; */
}

.rv-timeturning { /* background-image: linear-gradient(to bottom,#2D607B 51%,#3d7896 39%); */
    background: #CCC;
}

    .rv-timeturning:hover {
        opacity: 1;
    }

.rv-back {
    padding: 14px 5px 15px;
}

.left-video [class*="rv-"] {
    padding: 45px 5px 46px;
}
/*.left-video [class*="rv-"]:nth-child(2n){background-image: linear-gradient(to bottom,#ce3633 0,#DD443F 100%);}*/
.left-video .rv-sharegplus {
    padding-top: 46px;
}

.mn-ico {
    display: inline-block;
    vertical-align: middle;
    /*background: no-repeat url(../images/mn.webp) -199px -96px;*/
    background-size: auto;
    width: 40px;
    height: 30px;
    padding-top: 3px;
    text-align: center;
	font-size: x-large;
	color: #555;
    position: absolute;
    top: 14px;
    left: 175px;
    z-index: 200;
    background: #E5E5E5;
    border: #999 solid 1px;
}

.ct-large {
    width: 67%;
    float: left;
}

.sir-status {
    padding-left: 7px;
}

.ct-small {
    width: 32%;
    float: right;
}

.same-videos {
    width: 100%;
    margin-top: 13px;
    background: #fff;
    border: #eaeaea solid 1px;
    padding: 10px 10px;
}

    .same-videos ul {
        padding: 0;
        display: table;
    }

    .same-videos li {
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
        margin-bottom: 15px;
		
    }

.same-videos li img {
    float: left;
    margin-right: 8px;
    border: #f3f3f3 solid 1px;
	width:120px;
   height:75px;
}
    .same-videos .original {
        font-size: 14px;
        margin: 0 0 5px;
    }

    .same-videos .translated {
        font-size: 12px;
        color: #444;
        font-weight: 400;
    }

    .same-videos .read-more, .tab-detail .read-more, .list-news .read-more {
        font-size: 13px;
        color: #2793e6;
        text-align: center;
        display: block;
        border-top: #F0F0F0 solid 1px;
        padding-top: 8px;
        /* font-weight: 400; */
        text-transform: uppercase;
    }

        .same-videos .read-more:hover, .tab-detail .read-more:hover {
            color: #dd443f;
        }

.view-count {
    font-size: 8pt;
    display: block;
    color: #777;
    font-style: italic;
}

.box-title {
    margin: 0 0 21px;
}

    .box-title h2 {
        font-size: 17px;
        text-transform: uppercase;
        margin: 0;
        color: #000;
    }

.under-video {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
}

.ud-body {
    padding: 10px;
    width: 100%;
}

.ud-view-count {
    text-align: right;
    /*padding-bottom: 15px;*/
}

    .ud-view-count span {
        font-size: 18px;
        color: #333;
        line-height: 35px; /* padding: 10px 0 0 10px; */
        font-weight: 400;
        margin: 0 0 0 0;
        display: inline-block;
    }

        .ud-view-count span b {
            font-weight: 700;
        }

.ud-timeturning {
    float: right;
    display: inline-block;
}

.ud-back {
    width: 14%;
    float: right;
    color: #777;
    margin-left: 10px;
}

    .ud-back input {
        width: 31%;
        border: none;
        float: left;
        border-top: #ddd solid 1px;
        padding: 6px;
        border-bottom: #ddd solid 1px;
        text-align: center;
    }

    .ud-back .ud-back-left {
        float: left;
        border: #ddd solid 1px;
        padding: 6px 10px;
        border-radius: 5px 0 0 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        font-family: "Consolas";
    }

        .ud-back .ud-back-left:hover, .ud-back .ud-back-right:hover {
            background: #ddd;
        }

    .ud-back .ud-back-right {
        border: #ddd solid 1px;
        padding: 6px 10px;
        float: left;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        font-family: "Consolas";
    }

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.qna-more .ud-back .ud-back-left, .qna-more .ud-back .ud-back-right {
    padding: 6px;
}

.ud-minus, .ud-plus, .ud-time {
    float: left;
    border: #ddd solid 1px;
    padding: 6px 15px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}

.ud-time {
    border-radius: 0;
    border-left: none;
    border-right: none;
    cursor: default;
    background: #eaeaea;
}

.ud-plus {
    border-radius: 0 5px 5px 0;
}

    .ud-minus:hover, .ud-plus:hover {
        background: #ddd;
    }

.ct-left.ct-left-detail {
    display: none;
}

.ct-left {
    width: 20%;
    float: left;
    display: block;
}

.ct-box {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
    padding: 10px 15px;
}

.ct-left-guide {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 0px;
    box-sizing: border-box;
    background: #fff;
    padding: 1px 1px;
}

    .ct-left-guide h3 {
        font-size: 14px;
    }


    .ct-left-guide .post-thumbail {
        float: left;
        margin-right: 10px;
    }

    .ct-left-guide .date {
        color: #AAA;
        margin: 5px 0;
        font-size: 85%;
    }

.ct-left-body {
    width: 100%;
}

.guide-section {
    margin: 0;
    padding: 0;
}

    .guide-section li {
        list-style: none;
        width: 100%;
        padding: 5px 5px 5px 10px;
        font-weight: 400;
        position: relative;
	
    }

        .guide-section li li {
            z-index: 300;
        }
        .guide-section li a {
            list-style: none;
            width: 100%;
            font-weight: 400;
			font-size: 15px;
        }

        .guide-section li.active, .guide-section li.active:hover {
            background: #161e96;
             padding-bottom: 16px;
			
        }

        .guide-section li:hover {
            background: #eaeaea;
        }

        .guide-section li.active i, .guide-section li.active:hover i {
            color: #fff;
        }

        .guide-section li i {
            margin: 0 10px 0 0;
        }

        .guide-section li.active a {
            color: #fff;
        }

        .guide-section li a {
            color: #333;
        }

            .guide-section li a:hover {
                text-decoration: none;
            }

        .guide-section li ul {
            position: absolute;
            top: 0;
            left: 98%;
            margin: 0;
            width: 100%;
            padding: 0;
            background: #eaeaea;
            display: none;
        }

            .guide-section li ul li:hover {
                background: #c6c4c4;
                padding-bottom: 15px;
            }

.ct-right {
    float: right;
    width: 79%;
}
.nav-horizontal .ud-body {
    padding-bottom: 0;
    padding-top: 5px;
    box-sizing: border-box;
	background-color: #161e96;
}

.nav-horizontal .nah-ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .nav-horizontal .nah-ul li {
        list-style: none;
        display: inline-block;
        margin-left: 30px;
    }

        .nav-horizontal .nah-ul li:first-child {
            margin: 0;
        }

.nah-ul h3 {
    font-size: 14px;
    margin: 0;
    line-height: 40px;
}

.nah-ul li a {
    line-height: 40px;
    color: #fff;
	font-size: 16px;
}

.nah-ul li a:hover {
	color: #d9534f;
}
a h2 {
    font-size: 16px;
	margin-top: 10px;
}

.container-list-video, .faqs, .faqs-qna {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
    padding: 0;
}

.container-list-video-body {
    width: 100%;
}

.list-video {
    padding: 5px 15px;
    width: 100%;
    border-bottom: #eaeaea solid 1px;
    box-sizing: border-box;
    /* background: #f0f; */
}

.lv-body {
    width: 100%;
}

.lv-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

    .lv-title a {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

        .lv-title a:hover {
            text-decoration: none;
        }

.lv-body ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

    .lv-body ul li {
        list-style: none;
        float: left;
        width: 18.4%;
        margin-right: 2%;
        height: 220px;
    }

        .lv-body ul li:last-child {
            margin-right: 0;
        }

        .lv-body ul li h4 {
            font-weight: 400;
            font-size: 14px;
            margin: 6px 0;
        }

            .lv-body ul li h4 a:hover {
                text-decoration: none;
            }

        .lv-body ul li span {
            font-size: 12px;
            /* float: right; */
        }

.list-video .lv-body ul li:nth-child(5n) {
    margin-right: 0;
}

.lv-img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
}

    .lv-img img {
        width: 215px;
        /*height: 96.75px;*/
    }

    .lv-img a {
        border: none;
    }

.ct-box h3 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.quick-qna .qna {
    margin: 10px 0;
    padding: 0;
}

    .quick-qna .qna li {
        list-style: none;
        font-size: 13px;
        margin-bottom: 10px;
        border-bottom: #eaeaea solid 1px;
        padding-bottom: 10px;
    }

.quick-qna .ud-back {
    width: 98%;
    text-align: center;
}

.list-news .sub-tab-title li {
    padding: 10px 5px;
}

.list-news ul {
    margin: 10px 0;
    padding: 0 0 0 15px;
}

    .list-news ul li {
        list-style: square;
        margin-bottom: 5px;
    }

        .list-news ul li a {
            color: #333;
        }

.list-news ol.row {
    margin: 10px 0;
    padding: 0;
    height: 115px;
    position: relative;
}

    .list-news ol.row li {
        list-style: decimal;
        margin-bottom: 5px;
        padding: 0;
        position: absolute;
        height: 19px;
        overflow: hidden;
        list-style-position: inside;
        white-space: nowrap;
    }

        .list-news ol.row li:nth-child(2), .list-news ol.row li:nth-child(7) {
            top: 22px;
        }

        .list-news ol.row li:nth-child(3), .list-news ol.row li:nth-child(8) {
            top: 44px;
        }

        .list-news ol.row li:nth-child(4), .list-news ol.row li:nth-child(9) {
            top: 66px;
        }

        .list-news ol.row li:nth-child(5), .list-news ol.row li:nth-child(10) {
            top: 88px;
        }

        .list-news ol.row li:nth-child(6), .list-news ol.row li:nth-child(7),
        .list-news ol.row li:nth-child(8), .list-news ol.row li:nth-child(9),
        .list-news ol.row li:nth-child(10) {
            left: 102px;
        }

        .list-news ol.row li a {
            color: #333;
        }

.hd-notify {
    position: relative;
    display: none;
}

.notify-body {
}

.notify-arrow {
    position: absolute;
    top: 0;
    right: 5px;
    left: auto;
    bottom: auto;
    width: 0;
    height: 0;
    vertical-align: top;
    background: none repeat scroll 0 0 transparent;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    display: inline-block;
}

.notify-content {
    background: #fff;
    position: absolute;
    top: 20px;
    right: -20px;
    width: 300px;
    min-height: 200px;
    border-radius: 2px;
    box-shadow: 1px 2px 1px #D3D3D3;
    padding: 15px;
}

.social {
    width: 190px;
    float: left;
    padding-top: 5px;
}

.function-btn {
    width: 35px;
    float: left;
    padding-top: 5px;
}

.social-fb {
    width: auto;
    float: left;
    margin: 0 20px 0 0;
}

.social-gp {
    width: auto;
    float: left;
}

.remember-video {
    float: left;
    width: 18%;
}

    .remember-video i, .warning-video i {
        margin: 0 10px 0 0;
    }

    .remember-video a, .warning-video a {
        color: #333;
        display: inline-block;
        line-height: 30px;
    }

        .remember-video a:hover {
            text-decoration: none;
            color: #337ab7;
        }

.warning-video .btn {
    text-decoration: none;
    color: #dd443f;
}

    .warning-video .btn:hover {
        color: #e7a20b;
    }

.warning-video {
    float: right;
    width: 18%;
}

.watch-user {
    padding-bottom: 15px;
}

.watch-user-avatar {
    padding: 0;
}

    .watch-user-avatar img {
        width: 48px;
        height: 48px;
        overflow: hidden;
    }

.watch-user-name a {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 7px 0;
}

.watch-user-name button i {
    margin: 2px 10px 0 0;
}

.watch-user-name button {
    background: #dd443f;
    color: #fff;
    border: #dd443f solid 1px;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
    float: left;
    height: 24px;
}

    .watch-user-name button.grey {
        background: #F8F8F8;
        color: #A4A4A4;
        border: #A4A4A4 solid 1px;
        box-sizing: border-box;
        border-radius: 2px 0 0 2px;
        float: left;
        height: 24px;
    }

    .watch-user-name button:hover {
        background: #cc181e;
    }

    .watch-user-name button.grey:hover {
        background: #F8F8F8;
    }

.watch-user-name span {
    border: #ccc solid 1px;
    border-radius: 0 2px 2px 0;
    padding: 0 7px;
    display: block;
    height: 24px;
    font-size: 11px;
    float: left;
    line-height: 24px;
}

.watch-user-name .wun-title {
    display: block;
    width: 100%;
    margin-bottom: 0;
    border: none;
    padding: 0;
    font-size: 14px;
}

.watch-user-name .label-warning {
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: none;
    display: inline-block;
    padding: 2px 7px 0;
}

.sub-info .sub-title {
    width: 100%;
    padding: 0 10px;
    ;
}

.sub-info .sub-title-en, .feature-video .sub-title-en {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.sub-info .sub-title-vi, .feature-video .sub-title-vi {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400;
    color: #999;
}

.sub-edit {
    position: relative;
}

    .sub-edit span {
        cursor: pointer;
    }

    .sub-edit ul {
        margin: 0;
        padding: 10px;
        position: absolute;
        top: 16px;
        left: 0;
        width: 200px;
        height: auto;
        background: #fff;
        display: none;
    }

        .sub-edit ul li {
            list-style: none;
            padding: 8px;
        }

            .sub-edit ul li:hover {
                background: #f1f1f1;
                color: #333;
            }

.sub-info .sub-edit a {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    display: inline-block;
    width: 100%;
}

    .sub-info .sub-edit a:hover {
        color: #333;
        text-decoration: none;
    }

.sub-info .bor-top {
    border-top: #ccc solid 1px;
    padding-top: 15px !important;
}

.bor-top {
    border-top: #ccc solid 1px;
}

.feature-video-left {
    width: 515px;
    float: left;
}

    .feature-video-left .lv-title a {
        font-size: 22px;
        font-weight: normal;
    }

.jcarousel .lv-img {
    width: 515px;
    height: 300px;
}

    .jcarousel .lv-img img {
        width: 515px;
        height: 300px;
    }

.lv-body .jcarousel ul li {
    box-sizing: border-box;
    margin: 0;
    width: 515px;
}

.jcarousel-control-prev:hover, .jcarousel-control-next:hover {
    color: #3d7896;
    text-decoration: none;
}

.feature-video .sub-title-en {
    margin-top: 15px;
}

    .feature-video .sub-title-en a, .feature-video .sub-title-vi a {
        color: #333;
    }

        .feature-video .sub-title-vi a:hover, .feature-video .sub-title-a a:hover {
            text-decoration: none;
            color: #337ab7;
        }

.feature-video-right {
    width: 370px;
    float: right;
    padding: 37px 0 0 0;
}

    .feature-video-right ul {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

        .feature-video-right ul li {
            float: left;
            margin: 0 10px 10px 0;
            list-style: none;
            width: 177px;
            height: 200px;
            font-size: 10px;
        }

            .feature-video-right ul li:nth-child(2n) {
                margin-right: 0;
            }

            .feature-video-right ul li h4 {
                font-size: 12px;
            }

                .feature-video-right ul li h4 a {
                    font-weight: bold;
                    color: #333;
                }

                    .feature-video-right ul li h4 a:hover {
                        color: #333;
                    }

            .feature-video-right ul li p {
                font-size: 10px;
            }

.al-right {
    text-align: right;
}

.ct-full {
    width: 100%;
}

    .ct-full .feature-video-right {
        width: 565px;
        /* background: #fff; */
    }

        .ct-full .feature-video-right ul li:nth-child(3n) {
            margin: 0;
        }

        .ct-full .feature-video-right ul li:nth-child(2n) {
            margin-right: 23px;
        }

        .ct-full .feature-video-right ul li:nth-child(6n) {
            margin-right: 0;
        }

    .ct-full .feature-video-left,
    .ct-full .lv-body .jcarousel ul li,
    .ct-full .jcarousel .lv-img,
    .ct-full .jcarousel .lv-img img,
    .ct-full .jcarousel-wrapper {
        width: 570px;
    }

        .ct-full .jcarousel .lv-img,
        .ct-full .jcarousel .lv-img img {
            height: 335px;
        }

    .ct-full .jcarousel-wrapper {
        height: 445px;
    }

    .ct-full .lv-body ul li {
        width: 215px;
        margin-right: 20px;
        margin-bottom: 20px;
        height: 210px;
    }

.no-margin-right {
    margin-right: 0;
}

.ct-full .jcarousel {
    height: 445px;
}

.filter {
    width: 100%;
    margin: 0 auto;
    padding: 4px 0 17px;
    text-align: center;
}

.filter-select {
    width: auto;
    height: 35px;
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer;
}

.full-video .sub-title-vi {
    font-size: 12px;
    font-style: italic;
}

.paging {
    width: 100%;
    margin: 0;
    height: 46px;
    text-align: center;
    padding: 20px 0 0;
}

    .paging a {
        padding: 3px 8px;
        font-weight: bold;
    }

        .paging a:hover {
            text-decoration: none;
        }

    .paging .first {
        margin-right: 10px;
    }

    .paging .prev {
        margin-right: 10px;
    }

    .paging .last {
        margin-left: 10px;
    }

    .paging .next {
        margin-left: 10px;
    }

    .paging a.pos {
        background: #e9e9e9;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 11px;
        color: #252525;
        margin: 0 2px;
    }

        .paging a.active, .paging a.pos:hover {
            background: #dd443f;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 11px;
            color: #fff;
            margin: 0 2px;
        }

.big-text {
    border: 1px solid #D3D3D3;
    height: 28px;
    width: 100%;
    padding-left: 5px;
}

.mid-text {
    border: 1px solid #D3D3D3;
    height: 28px;
    width: 350px;
    padding-left: 5px;
}

.contact textarea {
    border: 1px solid #D3D3D3;
    width: 100%;
    height: 164px;
}

.require {
    color: #f00;
}

.small-text {
    border: 1px solid #D3D3D3;
    height: 22px;
    width: 200px;
}

.contact {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
    padding: 0 0 20px;
}

    .contact .radio-label {
        cursor: pointer;
        font-weight: 400;
    }

.paddingtop10 {
    padding-top: 10px !important; /* padding-left: 0; */
}

.paddingbottom10 {
    padding-bottom: 10px !important;
}

.paddingright10 {
    padding-right: 10px !important;
}

.mar-top {
    margin-top: 15px;
}

.ct-button {
    background: #337ab7;
    color: #fff;
    border: none;
    padding: 5px 10px;
}

    .ct-button:hover {
        background: #2b9719;
    }

.contact .title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 20px 40px;
    border-bottom: #f8f8f8 solid 1px;
    color: #337ab7;
    padding: 0 0 20px 0;
}

.ct-body {
    width: 100%;
    padding: 15px;
}

.qna {
    width: 100%;
    margin-top: 13px;
    background: #fff;
    border: #eaeaea solid 1px;
    padding: 10px 10px;
}

.episode a {
    margin: 0 5px 15px 0;
    border: #CCc solid 1px;
    padding: 5px;
    border-radius: 5px;
    width: 40px;
    height: 28px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

    .episode a.active, .episode a:hover {
        background: #dd443f;
        color: #fff;
        border: #dd443f solid 1px;
        text-decoration: none;
    }

.edit-sub {
    /*padding: 10px 0;*/
    font-size: 14px;
    /*overflow-y: scroll;*/
    /*border: #eaeaea solid 1px;*/
    box-sizing: border-box;
    height: 450px;
    background: #fff;
    /*margin-top: 13px;*/
}

.edit-caption {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.edit-even {
    background: #e9e9e9;
}

.padding10 {
    padding: 10px;
}

.paddingtopbottom10 {
    padding: 10px 0 !important;
}

.edit-minus {
    font-size: 18px;
    margin: 0 5px 0 0;
    font-weight: 500;
    color: #dd443f;
    cursor: pointer;
}

.edit-plus {
    font-size: 18px;
    margin: 0 0 0 5px;
    font-weight: 500;
    color: #dd443f;
    cursor: pointer;
}

.edit-sub-content {
    padding: 0 50px 0 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

    .edit-sub-content .al-right {
        color: #000;
        font-size: 14px;
    }

.es-editbutton {
    position: absolute;
    top: 0;
    right: 20px;
    color: #337ab7;
}

.es-removebutton {
    position: absolute;
    top: 0;
    right: 0;
    color: #dd443f;
}

.edit-sub-content textarea {
    width: 100%;
    height: 57px;
}

.special-characters a {
    margin: 0 5px 0 0;
}

    .special-characters a:hover {
        text-decoration: none;
    }


.profile {
    width: 100%;
    display: table;
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 13px;
    box-sizing: border-box;
    background: #fff;
    padding: 0;
}

    .profile .info {
        border-bottom: #eaeaea solid 1px;
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
    }

    .profile .avatar {
        width: 280px;
        float: left;
        border: #eaeaea solid 1px;
        padding-right: 20px;
        height: 100%;
        padding: 2px;
        box-sizing: border-box;
        margin-right: 20px;
    }

.account-name {
    margin: 0 0 10px;
    font-size: 18px;
    color: #337ab7;
}

.profile .avatar img {
    width: 200px;
    height: 200px;
}



.blue {
    color: #337ab7;
}

.list-follow ul li:nth-child(5n) {
    margin-right: 0;
}

.list-follow ul li {
    margin-bottom: 15px;
}

h2.lv-title {
    margin: 0 0 15px 0;
}

.news {
    width: 100%;
    /*display: table;*/
    border: #eaeaea solid 1px;
    border-bottom: none;
    border-right: none;
    margin-top: 0px;
    box-sizing: border-box;
    background: #fff;
    padding: 0;
}

.news-box {
    margin: 0;
    border-bottom: #f8f8f8 solid 1px;
    padding: 15px 20px;
}

    .news-box:last-child {
        border: none;
    }

.news-box, .news-body, .news-detail {
    width: 100%;
}

.p-item {
}

.p-item {
    width: 64%;
    float: left;
}

    .p-item h2 {
        font-size: 14px;
        color: #333;
        margin: 0 0 10px;
    }

        .p-item h2 a {
            color: #333;
        }

            .p-item h2 a:hover {
                color: #4470b6;
                text-decoration: none;
            }

    .p-item .img {
        width: 187px;
        height: 115px;
        float: left;
        text-align: center;
        margin-right: 15px;
    }

        .p-item .img img {
            width: 187px;
            height: 115px;
        }

p.date {
    font-style: italic;
    color: #999;
    margin: 0;
    font-size: 11px;
}

.p-item p {
    line-height: 18px;
    max-height: 90px;
    overflow: hidden;
    margin: 8px 0 0 0;
}

.news-box .list-news {
    width: 32%;
    float: right;
    max-height: 137px;
    overflow: hidden;
}

    .news-box .list-news ul {
        width: 100%;
        padding: 0 0 0 7%;
        margin: 0;
    }

        .news-box .list-news ul li {
            margin: 0 0 5px;
            line-height: 18px;
        }

            .news-box .list-news ul li a {
                color: #6D6D6D;
                font-size: 15px;
            }

                .news-box .list-news ul li a:hover, .news-box .list-news ul li:hover {
                    color: #000;
                    text-decoration: none;
                }

.news-box .title h3 {
    margin: 0;
    font-size: 20px;
    color: #4470b6;
    text-transform: uppercase;
}

    .news-box .title h3 a {
        color: #4470b6;
    }

        .news-box .title h3 a:hover {
            text-decoration: none;
        }

.news-box .title {
    margin: 0px 0 20px 0;
}

.news-lev2 .item {
    width: 100%;
    border-bottom: #f8f8f8 solid 1px;
    padding: 15px 0;
}

.sub-title {
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #333;
}

.other-news {
    margin: 10px 0 0;
}

    .other-news h3 {
        border-top: 1px solid #D3D3D3;
        margin: 0 0 5px;
        padding: 15px 0 0;
        font-size: 14px;
        color: #E7A20B;
        text-transform: uppercase;
    }

        .other-news h3 a {
            color: #4470b6;
        }

    .other-news ul {
        margin: 15px 0;
        padding: 0 0 0 24px;
    }

        .other-news ul li {
            margin: 0 0 7px 0;
        }

            .other-news ul li a {
                color: #4e4e4e;
            }

                .other-news ul li a:hover {
                    text-decoration: none;
                    color: #4470b6;
                }

                .other-news ul li a span {
                    margin: 0 0 0 5px;
                    color: #878787;
                }

                .other-news ul li a:hover span {
                    color: #4470b6;
                }

.news-detail .news-box p {
    font-family: Arial, Helvetica, sans-serif;
}

.forgot-text {
    font-size: 12px;
}

.tipso-element {
    border-bottom: none !important;
}
/*.timeline-body{padding-bottom: 35px !important;}*/
.comment-date {
    font-size: 11px !important;
    color: #999;
}

.comment-cmd {
    width: 100%; /*float: left;*/
    margin-top: 5px;
}

    .comment-cmd.cmd-right {
        text-align: right;
    }

    .comment-cmd:before, .comment-cmd:after {
        clear: both;
    }

.like-comment {
    margin-right: 5px;
}

.report-comment {
    color: red;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.nested-comments {
    margin: 0;
}

    .nested-comments .timeline-badge-userpic {
        width: 50px;
        height: 50px;
    }

    .nested-comments .timeline-body {
        margin-left: 65px;
        background-color: #fff;
    }

    .nested-comments .timeline-body-arrow {
        border-color: transparent #fff transparent transparent;
    }

    .nested-comments .comment-text {
        height: 35px;
        width: 96%;
    }

.comment-text {
    width: 100%;
    border: #eaeaea solid 1px;
    height: 60px;
}

.btn-comment { /*float: right;*/
    padding: 3px 8px !important;
}

.comment-form .timeline-body-content {
    margin-top: 0;
}
/*.comment-form .timeline-body{padding-bottom: 45px !important;}*/
.grammar {
    padding: 10px 0;
}

    .grammar .grammar-item {
        border-bottom: #ccc dotted 1px;
        margin-bottom: 20px;
    }

    .grammar .grammared-by {
        border-bottom: #eaeaea solid 1px;
        display: inline-block;
        margin-bottom: 10px;
    }

        .grammar .grammared-by span {
            font-weight: bold;
        }

    .grammar .gi-content {
        font-size: 15px;
        word-break: break-word;
    }

.star-rating {
    float: left;
    height: 16px;
    width: 80px;
    position: relative;
    background: url(../images/ratings.png) no-repeat left top;
    margin-right: 5px;
}

    .star-rating .rated {
        position: absolute;
        left: 0;
        top: 0;
        height: 16px;
        width: 0;
        background: url(../images/ratings.png) no-repeat left bottom;
        z-index: 2;
    }

    .star-rating .stars {
        position: absolute;
        left: 0;
        top: 0;
        height: 16px;
        width: 80px;
        z-index: 3;
        margin: 0;
        padding: 0;
    }

        .star-rating .stars li {
            width: 8px;
            height: 16px;
            float: left;
            list-style: none;
            cursor: pointer;
            margin: 0;
            padding: 0;
        }

    .star-rating .s0 {
        width: 0;
    }

    .star-rating .s1 {
        width: 8px;
    }

    .star-rating .s2 {
        width: 16px;
    }

    .star-rating .s3 {
        width: 24px;
    }

    .star-rating .s4 {
        width: 32px;
    }

    .star-rating .s5 {
        width: 40px;
    }

    .star-rating .s6 {
        width: 48px;
    }

    .star-rating .s7 {
        width: 56px;
    }

    .star-rating .s8 {
        width: 64px;
    }

    .star-rating .s9 {
        width: 72px;
    }

    .star-rating .s10 {
        width: 80px;
    }

    .star-rating .s0b {
        width: 5px;
    }

    .star-rating .s1b {
        width: 11px;
    }

    .star-rating .s2b {
        width: 21px;
    }

    .star-rating .s3b {
        width: 27px;
    }

    .star-rating .s4b {
        width: 37px;
    }

    .star-rating .s5b {
        width: 43px;
    }

    .star-rating .s6b {
        width: 53px;
    }

    .star-rating .s7b {
        width: 59px;
    }

    .star-rating .s8b {
        width: 69px;
    }

    .star-rating .s9b {
        width: 75px;
    }

    .star-rating .stip {
        position: absolute;
        background: #069;
        color: #fff;
        left: 0;
        top: -16px;
        border-radius: 3px;
        opacity: 0.8;
        z-index: 10;
        display: none;
        font-size: 11px;
        font-family: Tahoma;
        padding: 1px 4px;
    }

.faqs {
    border-bottom: #E2E1D5 solid 3px;
    background: #fff;
    width: 100%;
    padding: 15px 20px;
}

    .faqs h1 {
        border-bottom: #F16E22 solid 2px;
        padding: 0 0 6px 0;
        font-size: 16px;
        color: #000;
        margin-bottom: 10px;
    }

    .faqs .item {
        background: #fafafa;
        padding: 8px 2%;
        width: 100%;
        margin: 0 0 5px;
        box-sizing: border-box;
    }

        .faqs .item h3 {
            margin: 0;
            padding: 0 0 0 20px;
            font-size: 15px;
            color: #333;
            cursor: pointer;
            background: url(../images/Arrow.png) no-repeat left 3px;
        }

            .faqs .item h3:hover {
                color: #44841A;
            }

            .faqs .item h3.down {
                background-image: url(../images/ArrowDown.png);
            }

        .faqs .item .answer {
            background: #fff;
            padding: 8px 2%;
            width: 96%;
            margin-top: 10px;
            display: none;
        }

.faqs-body {
    width: 100%;
}

.faqs-qna {
    padding: 15px 20px;
    width: 100%;
    box-sizing: border-box;
}

    .faqs-qna .sub-title {
        font-size: 18px;
        color: #0B9CDA;
        margin-bottom: 20px;
    }

    .faqs-qna textarea {
        border: 1px solid #D3D3D3;
        height: 80px;
        width: 100%;
        margin: 0 auto;
    }
/*Video time*/
.video-time {
    background-color: rgba(255, 102, 0, 0.75);
    height: 29px;
    width: 61px;
    zoom: 1;
    font-size: 16px !important;
    position: absolute;
    color: #fff !important;
    opacity: 2.75;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
    vertical-align: top;
    font-size: 11px;
    right: 2px;
    padding: 0 4px;
    margin-right: 0;
    display: inline-block;
    bottom: 2px;
}

.sub-category li {
    margin-left: 10px !important;
}

.ras-green {
    color: #008000;
}

.ras-red {
    color: #ff0000;
}

.ras-yellow {
    color: #f59a18;
}

.ras-text {
    font-size: 12px;
}

.navbar-btn:focus {
    box-shadow: none;
}

.navbar-right .dropdown {
}

    .navbar-right .dropdown li:last-child {
        margin-left: 15px;
        margin-right: 15px;
    }

    .navbar-right .dropdown li:last-child {
        margin: 10px 10px 5px 10px;
    }

.navbar-nav {
    margin-right: 0;
}

    .navbar-nav .btn-group > .btn {
        margin-top: 11px;
        margin-bottom: 11px;
        border-radius: 2px;
		margin-right: 5px;
		border-color: #d3d3d3;
    }

    .navbar-nav li a:hover {
        /*background: #ac2925;*/
    }

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
    color: #ff6600;
}

.navbar-login {
    width: 320px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-form {
    padding-right: 0px;
    padding-left: 0px;
    margin: 12px 0;
}

    .navbar-form .input-group-sm > .form-control,
    .navbar-form .input-group-sm > .input-group-btn > .btn {
        border-radius: 0px;
    }

    .navbar-form input:focus {
        box-shadow: none;
    }

    .navbar-form .input-group-btn .btn {
        padding-left: 25px;
        padding-right: 25px;
    }
/* FAQ Template */
h1.faq-title {
    background: #D76B61;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.plans-faq {
    background-color: #fff;
    padding: 30px 60px;
    text-align: justify;
}

    .plans-faq h3.faq-item-title {
        font-size: 16px;
        text-transform: none !important;
        font-weight: 600;
    }

.dv-loading {
    background: url(../images/loading.gif) no-repeat center center;
    width: 100px;
    height: 100px;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -100px;
}

.btn-default {
    background: #f9f9f9;
    border: #f1f1f1 solid 1px;
}

@media (min-width: 1400px) {
    .header {
        /*width: 1193px;*/
        position: fixed;
        /*margin: 0 10%;*/
    }

    .container-body {
        margin: 60px auto;
    }

    .hd-mid {
        width: 62%;
    }

    .ud-back {
        width: 16%;
    }

    .warning-video {
        padding-left: 2%;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .header {
        width: 1280px;
        position: fixed;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
        margin-top: 60px;
    }

    .wrapper {
        /*max-width:1280px;
		min-width:1280px;*/
        background: #dcdcdc;
        width: 1280px;
        height: auto;
        margin: 0 auto;
    }

    .header-body, .container-body, .footer-body, .breadcrumb, .footer .footer-body {
        /*max-width:1280px;
		min-width:1280px;*/
        width: 1280px;
    }

    .hd-left {
        width: 20%;
    }

    .hd-mid {
        width: 50%;
    }

    .hd-right {
        width: 30%;
        margin-right: 15px;
    }

    .hd-mid .txt-search {
        padding: 0 5px;
        margin-right: 0;
        width: 460px;
    }

    .ct-right {
        width: 79%;
    }

    .feature-video-left {
        width: 500px;
    }

    .jcarousel-wrapper {
        width: 500px !important;
    }

    .lv-body .jcarousel ul li {
        width: 500px !important;
    }

    .jcarousel .lv-img {
        width: 500px;
        height: 280px;
    }

        .jcarousel .lv-img img {
            width: 500px;
            height: 280px;
        }

    .jcarousel-control-prev, .jcarousel-control-next {
        top: 114px !important;
    }

    .feature-video-right {
        width: 400px;
        padding-top: 37px;
    }

    .lv-body ul li {
        width: 215px;
        height: 215px;
        margin-right: 11px !important;
    }

        .lv-body ul li span {
            font-size: 11px;
        }

    .footer {
        margin-bottom: 0 !important;
    }

    .under-video {
        margin-top: 0;
		background: #161e96;
    }
    /*video*/
    .ud-back {
        width: 16%;
    }

    .info-content {
        width: 600px;
        float: left;
    }

    .warning-video {
        padding-left: 2%;
    }
}

@media (max-width: 1200px) {
    .home-hd-left .mn-ico {
        display: block;
    }

    .banner {
        display: none;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
    }

    .wrapper {
        /*max-width:963px;
		min-width:963px;*/
        width: 963px;
        height: auto;
        margin: 0 auto;
    }

    .header-body, .container-body, .footer-body, .breadcrumb, .footer .footer-body {
        /*max-width:963px;
		min-width:963px;*/
        width: 963px;
        min-width: 300px;
    }

    .hd-left {
        width: 22%;
    }

    .hd-mid {
        width: 52%;
    }

        .hd-mid .txt-search {
            padding: 0 5px;
            margin-right: 0;
            width: 360px;
        }

    .ct-left.has-left-menu {
        height: 1px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        display: block;
    }

    .has-left-menu .ct-left-guide {
        margin-top: 0;
    }

    .ct-left.has-left-menu .list-news {
        display: none;
    }

    .ct-right {
        width: 100%;
        float: none;
    }

    .feature-video-left, .ct-full .feature-video-left {
        width: 528px;
    }

    .jcarousel-wrapper, .ct-full .jcarousel-wrapper {
        width: 528px !important;
    }

    .lv-body .jcarousel ul li {
        width: 528px !important;
    }

    .jcarousel .lv-img {
        width: 528px;
        height: 290px;
    }

        .jcarousel .lv-img img {
            width: 528px;
            height: 290px;
        }

    .jcarousel-control-prev, .jcarousel-control-next {
        top: 130px !important;
    }

    .feature-video-right {
        width: 369px;
        padding-top: 37px;
    }

    .lv-body ul li {
        width: 173px;
        margin-right: 14px;
    }

        .lv-body ul li span {
            font-size: 11px;
        }

    .footer {
        margin-bottom: 0 !important;
    }

    .under-video {
        margin-top: 0;
    }
    /*Video*/
    .ud-back {
        width: 18%;
    }

    .warning-video {
        padding-left: 2%;
        width: 20%;
    }

    .watch-user {
        width: 74%;
    }

    .watch-user-avatar {
        width: 11%;
    }

    .episode a {
        margin-right: 4px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .player-wrapper {
        float: left;
    }

    .banner {
        display: none;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
    }

    .wrapper {
        /*max-width:751px;
		min-width:751px;*/
        width: 751px;
        height: auto;
        margin: 0 auto;
    }

    .video-detail-cbody .player-wrapper {
        width: 100% !important;
        text-align: center;
    }

    .header-body, .container-body, .footer-body, .breadcrumb, .footer .footer-body {
        /*max-width:751px;
		min-width:751px;*/
        width: 751px;
    }

    .hd-left {
        width: 27%;
    }

    .hd-mid {
        width: 48%;
    }

    .hd-right {
        width: 60%;
        margin-right: 0;
    }

    .hd-mid .txt-search {
        padding: 0 5px;
        margin-right: 0;
        width: 180px;
    }

    .ct-left {
        display: none;
    }

    .ct-right {
        width: 100%;
        float: none;
    }

    .feature-video-left, .ct-full .feature-video-left {
        width: 517px;
    }

    .jcarousel-wrapper, .ct-full .jcarousel-wrapper {
        width: 517px !important;
    }

    .lv-body .jcarousel ul li, .ct-full .lv-body .jcarousel ul li {
        width: 517px !important;
    }

    .jcarousel .lv-img, .ct-full .jcarousel .lv-img {
        width: 517px;
        height: 275px;
    }

        .jcarousel .lv-img img, .ct-full .jcarousel .lv-img img {
            width: 517px;
            height: 275px;
        }

    .jcarousel-control-prev, .jcarousel-control-next {
        top: 114px !important;
    }

    .feature-video-right, .ct-full .feature-video-right {
        width: 182px;
        padding-top: 37px;
    }

        .feature-video-right ul li:nth-child(3), .feature-video-right ul li:nth-child(4) {
            display: none;
        }

    .lv-body ul li, .ct-full .lv-body ul li {
        width: 225px;
        margin-right: 11px;
    }

        .lv-body ul li:nth-child(7), .lv-body ul li:nth-child(8), .ct-full .lv-body ul li:nth-child(7),
        .ct-full .lv-body ul li:nth-child(8) {
            display: none;
        }

        /*.lv-body ul li:nth-child(4), .ct-full .lv-body ul li:nth-child(4) {
            margin: 0;
        }*/

        .lv-body ul li span {
            font-size: 11px;
            margin-right: 10px;
        }

    .footer {
        margin-bottom: 0 !important;
    }

    .under-video {
        margin-top: 0;
    }
    /*video*/
    .ct-large, .ct-small {
        width: 100%;
        float: none;
    }

    .video-detail-cbody {
        display: flex;
        flex-flow: column;
    }

    .same-videos {
        display: none;
    }

    .ct-large {
        order: 2;
    }

    .ct-small {
        order: 1;
    }

    .watch-user {
        width: 66%;
        float: left;
        margin: 0;
    }

    .watch-user-avatar {
        width: 23%;
        padding: 0 !important;
        float: left;
    }

    .watch-user-name {
        width: 70%;
        padding: 0 !important;
        float: left;
        margin: 0;
    }

    .ud-view-count {
        width: 32%;
        float: right;
        margin: 0;
    }

    .episode a {
        margin-right: 0;
    }

    .ud-timeturning {
        width: 15%;
    }

    .remember-video {
        width: 24%;
        padding-left: 2%;
    }

    .warning-video {
        width: 25%;
        padding-right: 2%;
    }

    .ud-back {
        width: 17%;
    }

    .ud-body {
        padding: 10px 0;
    }

    .ud-minus, .ud-plus, .ud-time {
        padding-left: 14px;
        padding-right: 14px;
    }

    .social {
        width: 100%;
    }

    .watch-user-avatar {
        width: 12%;
    }
}

@media (max-width: 767px) {
    .banner {
        display: none;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
    }

    .wrapper {
        /*max-width: 463px;
        min-width: 463px;*/
        width: 100%;
        box-sizing: border-box;
        height: auto;
        margin: 0 auto;
    }

    .header-body, .container-body, .footer-body, .breadcrumb {
        /*max-width: 463px;
        min-width: 463px;*/
        width: 100%;
    }

    .hd-left {
        width: 100%;
    }

    .hd-mid {
        width: 94%;
        margin: 0 3% 5px;
    }


        .hd-mid .txt-search {
            padding: 0 5px;
            margin-right: 0;
            width: 38%;
        }

    .hd-right {
        width: 55%;
        /*overflow: hidden;*/
    }

    .col-sm-12 {
        width: 100%;
        float: left;
    }

    .col-sm-6 {
        width: 50%;
        margin: 0;
        float: left;
    }

    .ct-right {
        width: 100%;
        float: none;
    }

    .feature-video-left, .ct-full .feature-video-left {
        width: 100%;
    }

    .jcarousel-wrapper, .ct-full .jcarousel-wrapper {
        width: 422px !important;
        height: 370px;
    }

    .lv-body .jcarousel ul li, .ct-ful .lv-body .jcarousel ul li {
        width: 422px !important;
    }

    .jcarousel .lv-img, .ct-full .jcarousel .lv-img {
        width: 422px;
        height: 250px;
    }

        .jcarousel .lv-img img, .ct-full .jcarousel .lv-img img {
            width: 422px;
            height: 250px;
        }

    .jcarousel-control-prev, .jcarousel-control-next {
        top: 114px !important;
    }

    .feature-video-right, .ct-full .feature-video-right {
        width: 100%;
        padding-top: 15px;
        box-sizing: border-box;
    }

        .feature-video-right ul li, .ct-full .feature-video-right ul li {
            width: 47%;
            box-sizing: border-box;
            margin: 0 3% 0 0;
        }

            .feature-video-right ul li p {
                font-size: 11px;
            }

            .ct-full .feature-video-right ul li:nth-child(2n) {
                margin-right: 0;
            }

            .ct-full .feature-video-right ul li:nth-child(3n) {
                margin-right: 10px;
            }

    .lv-img img, .ct-full .lv-img img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }

    .lv-img, .ct-full .lv-img {
        width: 100%;
        height: auto;
        position: relative;
    }

        .lv-img:before, .ct-full .lv-img:before {
            content: "";
            display: block;
            margin-top: 56.25%;
        }

        .lv-img a {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

    .lv-body ul li, .ct-full .lv-body ul li {
        width: 47%;
        margin: 0 3% 10px 0;
    }

        .lv-body ul li:nth-child(2n) {
            margin-right: 0 !important;
        }

    /*.lv-body ul li:nth-child(5) {
            display: none;
        }*/

    .footer {
        margin-bottom: 0 !important;
    }

        .footer .footer-body {
            /*min-width: 463px;
            max-width: 463px;*/
            width: auto;
        }

    .under-video {
        margin-top: 0;
    }

    .tag {
        width: 90%;
        background: url(../images/rss_tag.png) no-repeat left center;
        min-height: 20px;
        height: auto !important;
        margin: 10px 0 0 10px;
        padding: 15px 0 0 35px;
    }
    /*video*/
    .ct-large, .ct-small {
        width: 100%;
        float: none;
    }

    .watch-user {
        width: 66%;
        float: left;
        margin: 0;
    }

    .watch-user-avatar {
        width: 23%;
        padding: 0 !important;
        float: left;
    }

    .watch-user-name {
        width: 70%;
        padding: 0 !important;
        float: left;
        margin: 0;
    }

    .ud-view-count {
        width: 32%;
        float: right;
        margin: 0;
    }

    .episode a {
        margin-right: 0;
    }

    .remember-video span, .warning-video span {
        display: none;
    }

    .ud-timeturning {
        width: 31%;
    }

    .remember-video {
        width: 5%;
        padding-left: 5%;
    }

    .warning-video {
        width: 10%;
        padding-right: 5%;
    }

    .ud-back {
        width: 39%;
    }

    .ud-body {
        padding: 10px 0;
    }

    .ud-minus, .ud-plus, .ud-time {
        padding-left: 14px;
        padding-right: 14px;
    }

    .social {
        width: 100%;
    }

    .hd-right {
        position: absolute;
        right: 5px;
    }

        .hd-right li {
            display: inline-block;
        }

    .container-list-video {
        display: block;
    }

    .list-video {
        padding: 10px;
    }

    .logo {
        width: 140px;
    }

    .mn-ico {
        left: 147px;
        top: 11px;
    }

    .navbar-nav {
        margin-top: 0;
    }

    .ft-share {
        top: -15px;
        right: 0px;
    }

    .navbar-nav .open .dropdown-menu {
        right: 0;
        left: auto;
        position: absolute;
        top: 100%;
        float: left;
        min-width: 160px;
        margin: 2px 0 0;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .nah-ul h3 {
        line-height: 20px;
    }

    .nav-horizontal .ud-body {
        padding-top: 0;
    }

    .feature-video-right ul li, .lv-body ul li span {
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .banner {
        display: none;
    }

    .profile-menu-icon {
        display: block;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
    }
    /*.wrapper{
		max-width:480px;
		min-width:463px; 
		height:auto;
	}	
	.header-body, .container-body, .footer-body, .breadcrumb{
		max-width:480px;
		min-width:463px;	
		
	}*/
    .hd-left {
        width: 100%;
    }
    /*.hd-mid{width:58%;}*/
    /*.hd-mid .txt-search{padding: 0 5px;margin-right: 0;width: 208px;}*/
    .ct-left {
        display: none;
    }

    .col-sm-12 {
        width: 100%;
        float: left;
    }

    .col-sm-6 {
        width: 50%;
        margin: 0;
        float: left;
    }

    .ct-right {
        width: 100%;
        float: none;
    }

    .feature-video-left, .ct-full .feature-video-left {
        width: 100%;
    }

    .jcarousel-wrapper, .ct-full .jcarousel-wrapper {
        width: 100% !important;
    }

    .lv-body .jcarousel ul li {
        width: 423px !important;
    }
    /*.jcarousel .lv-img, .ct-full .jcarousel .lv-img{width:423px; height:250px;}
	.jcarousel .lv-img img, .ct-full .jcarousel .lv-img img{width:423px; height:250px;}*/
    .jcarousel-control-prev, .jcarousel-control-next {
        top: 114px !important;
    }
    /*.feature-video-right, .ct-full .feature-video-right{width:423px; padding-top:15px;}
	.feature-video-right ul li, .ct-full .feature-video-right ul li{width:200px;}*/
    .ct-full .feature-video-right ul li:nth-child(2n) {
        margin-right: 0;
    }

    .ct-full .feature-video-right ul li:nth-child(3n) {
        margin-right: 10px;
    }
    /*.lv-img img, .ct-full .lv-img img{width:200px;}*/
    /*.lv-body ul li, .ct-full .lv-body ul li{width:200px; margin:0 23px 10px 0;}*/
    .lv-body ul li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .lv-body ul li:nth-child(5) {
        display: none;
    }

    .footer {
        margin-bottom: 0 !important;
    }
    /*.footer .footer-body{
		min-width: 463px;
  		max-width: 463px;}*/
    .under-video {
        margin-top: 0;
    }
    /*video*/
    .ct-large, .ct-small {
        width: 100%;
        float: none;
    }
    /*.ct-large {
        margin-top: 100px;
    }*/
    .watch-user {
        width: 66%;
        float: left;
        margin: 0;
    }

    .watch-user-avatar {
        width: 23%;
        padding: 0 !important;
        float: left;
    }

    .watch-user-name {
        width: 70%;
        padding: 0 !important;
        float: left;
        margin: 0;
    }

    .ud-view-count {
        width: 32%;
        float: right;
        margin: 0;
    }

    .episode a {
        margin-right: 0;
    }

    .remember-video span, .warning-video span {
        display: none;
    }

    .ud-timeturning {
        width: 31%;
    }

    .remember-video {
        width: 5%;
        padding-left: 5%;
    }

    .warning-video {
        width: 10%;
        padding-right: 5%;
    }

    .ud-back {
        width: 39%;
    }

    .ud-body {
        padding: 10px 0;
    }

    .ud-minus, .ud-plus, .ud-time {
        padding-left: 14px;
        padding-right: 14px;
    }

    .social {
        width: 100%;
    }

    .navbar-nav .btn-group > .btn {
        padding: 3px;
    }

    .feature-video-right ul li {
        height: 190px;
    }

    .lv-body ul li {
        height: 190px;
    }

    .hd-mid .txt-search {
        -webkit-appearance: none;
        border-radius: 0;
    }
}

@media only screen and (max-width: 420px) { /*ip 6 plus*/
    .feature-video-right ul li {
        height: 180px;
    }

    .profile-menu-icon {
        display: block;
    }

    .lv-body ul li {
        height: 180px;
    }
}

@media only screen and (max-width: 320px) {
    .feature-video {
        font-size: 12px;
    }


    .profile-menu-icon {
        display: block;
    }

    .sub-info .sub-title-en, .feature-video .sub-title-en {
        font-size: 16px;
    }

    .sub-info .sub-title-vi, .feature-video .sub-title-vi {
        font-size: 14px;
    }

    .banner {
        display: none;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container-body {
        padding-bottom: 0;
    }
    /*.wrapper{
		max-width:303px;
		min-width:303px; 
		height:auto;
	}	
	.header-body, .container-body, .footer-body, .breadcrumb{
		max-width:303px;
		min-width:303px;	
		
	}*/
    /*.hd-left{width:100%;}
	.hd-mid{width:94%;}
	.hd-right{width: 52%;}
	.hd-mid .txt-search{padding: 0 5px;margin-right: 0;width: 219px;}*/
    .ct-left {
        display: none;
    }

    .col-sm-12 {
        width: 100%;
        float: left;
    }

    .col-sm-6 {
        width: 50%;
        margin: 0;
        float: left;
    }

    .ct-right {
        width: 100%;
        float: none;
    }
    /*.feature-video-left .lv-title a{font-size:20px;}
	.feature-video-left, .ct-full .feature-video-left{
		width:260px;	
	}
	.jcarousel-wrapper, .ct-full .jcarousel-wrapper{
		width:260px !important;	
	}*/
    /*.jcarousel, .jcarousel-wrapper{height:320px !important;}
	.lv-body .jcarousel ul li{width:260px !important;}
	.jcarousel .lv-img, .ct-full .jcarousel .lv-img{width:260px; height:180px;}
	.jcarousel .lv-img img, .ct-full .jcarousel .lv-img img{width:260px; height:180px;}
	.jcarousel-control-prev, .jcarousel-control-next{top:82px !important;}
	.feature-video-right, .ct-full .feature-video-right{width:260px; padding-top:10px;}
	.feature-video-right ul li, .ct-full .feature-video-right ul li{width:125px; margin-right:10px; height:205px;}
	.ct-full .feature-video-right ul li:nth-child(2n){margin-right:0;}
	.ct-full .feature-video-right ul li:nth-child(3n){margin-right:10px;}
	.lv-img img, .lv-img{width:125px; height:95px;}
	.lv-body ul li, .ct-full .lv-body ul li{width:125px; margin:0 12px 10px 0; height:180px;}
	.lv-body ul li:nth-child(2n){margin-right:0 !important;}*/
    /*.lv-body ul li:nth-child(5){display:none;}*/
    .jcarousel-wrapper, .ct-full .jcarousel-wrapper {
        width: 300px !important;
        height: 281px !important;
    }

    .lv-body .jcarousel ul li {
        width: 300px !important;
    }

    .jcarousel .lv-img img, .ct-full .jcarousel .lv-img img {
        width: 300px;
        height: 169px;
        min-height: 169px;
    }

    .jcarousel-control-prev, .jcarousel-control-next {
        top: 75px !important;
    }

    .jcarousel .lv-img, .ct-full .jcarousel .lv-img, .jcarousel .lv-img a {
        width: 300px;
        height: 169px;
    }

    .header-body {
        min-height: 86px;
    }

    .logo {
        width: 110px;
    }

    .mn-ico {
        left: 113px;
        top: 7px;
    }

    .hd-mid {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        padding-top: 7px;
        margin: 0;
    }

        .hd-mid .txt-search {
            height: 28px;
            box-sizing: border-box;
        }

    .search-button {
        box-sizing: border-box;
        width: auto;
        height: 28px;
        -webkit-appearance: none;
        padding: 1px 6px;
    }

    .hd-right {
        width: 100%;
        top: 40px;
    }

    .navbar-right .navbar-btn.dropdown-toggle {
        padding: 5px;
        margin: 0;
    }

    .nav-horizontal .nah-ul li {
        margin-left: 20px;
    }

    .nah-ul li a {
        line-height: 30px;
    }

    .feature-video-right ul li, .ct-full .feature-video-right ul li, .lv-body ul li {
        width: 90%;
        margin: 0 0 0 5%;
        padding-bottom: 15px;
        height: auto !important;
    }

        .lv-body ul li span, .feature-video-right ul li span {
            font-size: 12px;
        }

    .footer {
        margin-bottom: 0 !important;
    }
    /*.footer .footer-body{
		min-width: 303px;
  		max-width: 303px;}*/
    .under-video {
        margin-top: 0;
    }

    .footer-share ul li {
        margin-right: 5px;
    }
    /*.ft-share{top:0;}*/
    /*video*/
    .ct-large, .ct-small {
        width: 100%;
        float: none;
    }

    .watch-user {
        width: 100%;
    }

    .watch-user-avatar {
        width: 28%;
        padding: 0 !important;
        float: left;
    }

    .watch-user-name {
        width: 70%;
        padding: 0 !important;
        float: left;
        margin: 0;
    }

    .ud-view-count {
        width: 100%;
        text-align: left;
    }

    .episode a {
        margin-right: 2px;
    }

    .remember-video span, .warning-video span {
        display: none;
    }

    .ud-timeturning {
        width: 38%;
    }

    .remember-video {
        width: 5%;
        padding-left: 2%;
    }

    .warning-video {
        width: 12%;
        padding-left: 2%;
    }

    .ud-back {
        width: 39%;
    }

    .ud-body {
        padding: 10px 0;
    }

    .ud-minus, .ud-plus, .ud-time {
        padding-left: 14px;
        padding-right: 14px;
    }

    .social {
        width: 100%;
    }
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .list-video .feature-video-right .lv-img {
        height: 106px;
        width: 179px;
    }

    .feature-video-right ul li {
        width: 166px;
        height: 187px;
    }


    .list-video .lv-body ul li {
        list-style: none;
        float: left;
        width: 22.4%;
        margin-right: 2%;
        height: 220px;
    }

        .list-video .lv-body ul li:nth-child(5n) {
            margin-right: 11px;
        }
}
.home {
	font-size: 18px;
	}
.menu-menu_right {
    margin: 0;
    padding: 1px;
}