/* 
    Document   : respon-style
    Created on : 2016/1/26, 上午 11:39:08
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.container{
    background-color: #FFF;
    padding-bottom: 50px;
    max-width:  1040px!important;
}
/* B  PHAN SILDER*/
.container_skitter .image_main {
    max-width:100%
}
.box_skitter {
    max-width:100%;
}
.box_skitter img {
    max-width: 100%;
}
/* E PHAN SILDER*/


/* phan superfish menu */

/*---B MENU CHINH:[PRIMARY MENU]:---*/
.primary-menu{
    border-top: 1px solid #c4c2c2;
    background: #fe4b05;
    background: -moz-linear-gradient(#fe4b05 0%, #b73401 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe4b05), color-stop(100%, #b73401));
    background: -webkit-linear-gradient(#fe4b05 0%, #b73401 100%);
    background: linear-gradient(#fe4b05 0%, #b73401 100%);
}
.sf-menu{
    margin-bottom: 0 !important;
}
.primary-menu:after {
    display: table;
    content: " ";
    clear: both;
}
.primary-menu ul{
    border-right:  1px dotted #afaead;

    /*border: 1px solid #c4c2c2;*/
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    background: #565656;
    background: -moz-linear-gradient(#fe4b05 0%, #323232 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
    background: -webkit-linear-gradient(#fe4b05 0%, #323232 100%);
    background: linear-gradient(#fe4b05 0%, #323232 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 100%;
}
.primary-menu ul li,
.primary-menu ul li ul li {
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    background: #fe4b05;
    background: -moz-linear-gradient(#fe4b05 0%, #b73401 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe4b05), color-stop(100%, #b73401));
    background: -webkit-linear-gradient(#fe4b05 0%, #b73401 100%);
    background: linear-gradient(#fe4b05 0%, #b73401 100%);
    border-top: 0.5px dotted #999999;
}
.primary-menu ul li a {
    color: #D8D8D8;
    border-top: none;
    border-left: none;
    font-weight:  bold;
    padding: 10px 15px;
}
.primary-menu ul li a:hover,
.primary-menu ul li.sfHover  {
    color: #FFFFFF;
    background: #af3215;
    text-decoration: none;
    /*border-top: 1px solid #ffffff;*/
}
.primary-menu ul li ul {
    width: auto;
}
/*---E MENU CHINH:[PRIMARY MENU]:---*/


/*MENU CHO RESPORST*/
.mobile-menu{
    margin-bottom: 20px !important;
    
}

.mobile-menu ul li {
    height: 30px;
    background-color: #F1670C;
    width: 50%;
    float: left;
}

/*.mobile-menu ul li:first-child{
    width: 100%;
    text-align: center;
}*/



.mobile-menu ul li :hover{
    background-color: #E8E8EA;
}

.mobile-menu ul li a{
    color: white;
    text-decoration:  none;
    font-weight: bold;
    padding: 6px 25px; 
    text-align: center;
}

.mobile-menu ul li a:hover{
    color: #E66B00;
}




/* B  NHOM TITLE BLUE*/
.blue-group{
    border:  #DBDBDB 1px solid;
    border-radius: 5px;
    margin-bottom: 20px;
    word-break: break-all; 
    word-wrap: break-word;

}
.blue-title{
    background-color: #286090;
    min-height:  40px; 
    /*margin-top:-11px;*/
    border-radius: 5px  5px 0  0;
    overflow: hidden;
}
h3.blue-title-text{
    font-weight: bold;
    color: #ffffff;
    margin-left: 1em;
    margin-right: 0.5em;
    margin-top: 0.5em;
    float: left
}
/* E  NHOM TITLE BLUE*/


/* B STYLE TITLE WIDGET */
.widget {
    background: white;
    border: 1px solid #DBDBDB;
    padding: 5px 0px !important; 
    margin: 10px 2px !important;
    border-radius: 6px;
}
.widget ul {
    list-style: square !important;
    padding-left: 1.7em !important;
}
.widget ul li {
    list-style: square !important;
    padding: 10px 0 !important;
    border-bottom: 1px #D8D8D8 dotted !important ;
}
.widget ul li a {
    display: block;
}

.widget ul li a:hover {
    color: #A0A0A0;
    text-decoration: none;
}
.widget_calendar {}
.widget_calendar table {
    max-width: 100%;
}
.widget_calendar table #today {
    background: red;
    color: #FFF;
}
.widget_calendar table caption {
    font-weight: bold;
    font-size: 1.1em;
}

.widget h3 {
    background-color: #286090;
    border-radius: 5px 5px 0 0 ;
    border: 1px solid #e5e5e5;
    color: #FFFFFF;
    margin-top: -5px;
    padding: 10px 10px 10px 15px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
}

.spaceTop {
    margin-top: 10px;
    margin-left: 20px;
}
/* E STYLE TITLE WIDGET */



@media only screen and  (max-device-width : 600px) {
    .border_box{
        display: none;   
    }
    .primary-menu{
        display: none
    }
    .mobile-menu-title{
        display: block;

    }
    .sf-menu{
        float:  none !important;
    }

    h3 {
        font-size: 0.8rem;
    } 
    #footer{
        display: none;
    }
    #mobi-footer{
        display: block;
        min-height: 70px;
        padding: 10px;

    }

    #mobi-footer .copy-right{
        font-size: 10px;
    }
    #loggo img{
        max-width: 60% !important ;
    }
    #loggo .title-cn{
        font-size: 18px !important;
    }
    #loggo .title-en{
        font-size: 11px !important;
    }
    
    #loggo .logo-img{
   width: 100px !important;
}
    h2.head{
        font-size: 0.9em;
    }
    label{
        font-weight: 500;
    }
    /*MAIN MENU*/
    .primary-menu ul li a {
        font-size: 1.5rem !important;
    }

    .sf-menu > li {
        float:  none;
    }

    .sub-menu {
        /*display: block !important;*/
        position: relative !important ;
        padding-left:  20px !important ;
    }

    .article-list li a {
        font-size: 10px;
        margin-left : 0px !important;
    }
    .orange-title-text{
        font-size: 13px;
    }
    .lbl-content{
        margin-left:2px   
    }
    ul.children {
        margin-left: 3px;
    }
    ul.children li{
        /*margin-left: 10px;*/
        background-color: #D2EBF7 !important;
    }
    .spaceTop {
        margin-top: 1px;
        margin-left: 10px;
    }
}

@media only screen and (max-device-width : 800px) {
    h3 {
        font-size: 1.6rem;
    }   
    /*H2 CUA TITLE MAU CAM CO BACKGROUND*/
    h2.head{
        font-size: 1.2em;
        margin-top: 18px;
    }

    .article-list li a{
        font-size: 11px;
    }
    .primary-menu ul li a {
        color: #D8D8D8;
        border-top: none;
        border-left: none;
        font-weight:  bold;
        padding: 2px 8px;
        font-size: 12px;
    }
    #loggo img{
        max-width: 60%;
    }
    #loggo h1{
        font-size: 18px !important;
    }

    #footer{
        display: none;
    }
    #mobi-footer{
        display: block;
        min-height: 70px;
        padding: 10px;

    }

    #mobi-footer .copy-right{
        font-size: 10px;
    }
}