@charset "utf-8";
/* CSS Document */
body{
	max-width: 1440px;
	margin: 0 auto;
}
* { margin: 0; padding: 0; border: 0; border: none;     font-family: 'Open Sans', sans-serif;}
ul, li { list-style: none;     font-family: 'Open Sans', sans-serif;}
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit;     font-family: 'Open Sans', sans-serif;}
p, ul, ol { margin-bottom: 0;     font-family: 'Open Sans', sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h5, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0;     font-family: 'Open Sans', sans-serif;}
.container-1004 { width: 1004px; margin: 0 auto; float: none; }
.container-1170 { width: 1170px; margin: 0 auto; float: none; }
#content, #header, #footer { }
#content, #footer { position: relative; z-index: 99; }
#main { float: left; margin: 20px 0 ; width: 100%; }
.owl-item img{width: 100%}
.row{margin: 0}
iframe{width: 100%}


.clo-title {color:#004b87}
.background-page {background:#004b87}
.clo-sub-title {color:#c30045 !important}
.banner { float: left; width: 100%; margin: 10px 0 0; height: auto; text-align: center; position: relative; z-index: 999; overflow: hidden; }
.banner .home-slider { float: none; width: 100%; max-width: 1100px; height: auto; display: table; margin: 0 auto; overflow: hidden; position: relative; z-index: 9; }
.banner .home-slider img { width: 100%; height: auto; float: left; }
.banner .home-slider .container-1004 { position: relative; }
.banner .home-slider .container-1170 { position: relative; }
.banner .home-slider .banner-desc { width: 33%; max-width: 330px; padding: 0 15px; background: #534842; color: #FFF; text-align: justify; float: right; height: 100%; }
.banner .home-slider .banner-desc h4 { font-family: 'Open Sans', sans-serif; font-size: 1.1em; margin-top: 20%; margin-bottom: 5%; }
.banner .home-slider .banner-desc p { font-size: 0.9em; padding-bottom: 8%; }
.banner .home-slider .banner-desc a { font-size: 0.9em; clear: both; margin-bottom: 5px; display: block; }





.widget-title { margin-bottom: 10px; }
.widget-title .cate-title { float: left; width: auto; height: auto; background: url(../images/bg_circle.png) no-repeat left 9px; padding-left: 15px; color: #534842; font-size: 1.0em; font-weight: normal; margin-bottom: 15px; width: 100%; font-family: 'Open Sans', sans-serif; }





#footer { }



.cate-vpager a.active {background:#004b87; color:#FFF}
body > iframe {width: 0  !important}
.google_plusone_iframe_widget {width:60px !important}
.cate-vpager {float:none; display:table; margin:20px auto 10px}


.noclick{
	opacity:0.45;
	pointer-events:none
}
.noclick:before { display: inline-block; vertical-align: top; margin-right: 2px; content: url('/AdminCp/Img/loader.gif'); }



/**	Responsive Rules
*************************************************** **/


/* long menu buttons - fix */

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1200px) {
}
/* 
BOOTSTRAP MOBILE EXTRA FIX
Since Atropos v1.3 
*/
@media only screen and (max-width: 1170px) {
	.container-full { width: 100%; float: none; margin-left: auto; margin-right: auto; /* padding-left: 15px; padding-right: 15px;  */}
}
@media only screen and (max-width: 1004px) {
	.container-full { width: 100%; float: none; margin-left: auto; margin-right: auto;/*  padding-left: 15px; padding-right: 15px;  */}
}


/* 
    BOOTSTRAP FIX
    Since Atropos v1.3 
    */
    @media (max-width: 995px) {
    }

    @media (max-width: 870px) {
    }

    @media (max-width: 830px) {
    }

    @media only screen and (max-width: 768px) {
    }

    @media all and (max-width : 330px) {
    }

    @media only screen and (max-width: 550px) {
    }

    @media only screen and (max-width: 480px) {
    }



    @media screen and (max-width:480px) {
    }