@charset "utf-8";
.headerBox { min-height: 50px; position: relative; }
.bgHeader, .bgNavx { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,fcfbf7+100 */ background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #fcfbf7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efefef 0%, #fcfbf7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efefef 0%, #fcfbf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fcfbf7', GradientType=0 ); /* IE6-9 */
}
.bgHeader { border-bottom: solid 2px #BA0703; margin-bottom: 5px; }
.wrap { width: 100%; float: left }
.bannerHeader { margin-top: 5px; margin-left: 10px }
.clsLogo img { width: 120px; }
.clsLogo img, .bannerHeader img { max-width: 100% }
.contentBox { background: #fff }
.innerHeaderBox { float: left; width: 100%; padding: 0.75%; }
.clsLogo { float: left; margin-top: 5px }
.searchBox { float: right }
.spSmall_fix { position: fixed; bottom: 0; background: #06F; z-index: 999999; color: #fff; width: 100%; line-height: 30px; font-size: 1.1em ;display:none}
.hotlineS { font-size: 1.1em; margin: 10px }
.menuLeft { float: left; width: 25%; }
.menuRight { float: right; /*width:25%;*/ }
.mainContent { float: left; /*width:74%*/ }
.innerMenuLeft { float: left; padding-right: 10px; padding-left: 3px }
.innerMenuRight { float: left; padding-right: 10px; padding-left: 3px }
.innerMainContent { float: left; width: 99.7%; padding-right: 0.3%; }
.box { float: left; width: 100%; background-image: url(../images/bgBottomBox.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 12px }
div .box:first-child { margin-top: 0 }
.innerBox { border: solid 1px #B1B1B1; float: left; width: 100%; padding: 0px; border-top: 0; }
.headingBox { width: 100%; float: left; line-height: 35px; background-color: #B60503; color: #fff; text-transform: uppercase; text-align: center; background-image: url(../images/bgHD.png); background-repeat: no-repeat; background-position: top right; font-size: 1.1em; background-size: 100% 100%; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); }
.boxMain { border: solid 1px #ccc; background-image: none }
.headingBoxMain { background: none; color: #e74142; border-bottom: solid 1px #333; padding-bottom: 0; font-weight: bold; line-height: 30px; text-transform: uppercase; font-size: 1.1em; margin: auto 10px }
.innerBoxMain { padding: 10px; overflow: hidden; border: solid 0px #E0DB7D; }
.txtleft { text-align: left }
.videoBox img, .videoBox iframe { width: 100% !important }
.txtleft span { padding-left: 10px; }
.partnerBox { padding-top: 15px; }
.innerPartnerBox { padding: 10px; float: left; border: solid 1px #E0DB7D; margin-bottom: 10px }
.wrap { width: 100%; float: left }
.menuFooter { }
.footerBox { background: #d1be25 url(../images/bgFooter.png) top repeat-x; /*url(../images/bgHD.png) top repeat-x;background-size:auto 100%;*/ margin-top: 10px; padding-top: 15px; padding-bottom: 5px }
.innerColLeft { padding: 10px; float: left }
.innerColRight { padding: 10px; float: right; }
.copyRight { padding-top: 10px; font-style: italic; font-size: 11px; float: right; text-align: right }
.hotlineBox { float: right; margin-RIGHT: 0px; padding-top: 80px; }
.colf h2 { font-size: 13px; font-weight: bold }
.colf a { clear: both; padding-left: 5%; float: left; width: 90%; color: #fff }
.hotlineBox { text-align: right; }
.hotlineBox b { color: red; font-size: 1.4em; float: right; min-width: 51%; line-height: 15px }
.hotlineBox i { margin-right: 5px; }
.noP { padding: 0 }
/*Search*/
.inputSearch { border: solid 1px #fff; text-indent: 10px; height: 25px; width: 68%; float: left }
.btnSearch { background: #e74142; color: #fff !important; float: left; height: 25px; width: 25%; text-align: center; line-height: 22px; border: solid 1px #e74142; }
.popupSearch { border-collapse: collapse; display: none; font-weight: bold; line-height: 25px; position: absolute; width: 320px; padding: 5px; right: 0px; top: 32px; z-index: 999999; background: #a9c342; overflow: hidden; border: solid 1px #a9c342; }
.closeBtn { display: block; width: 20px; height: 20px; background: #fff; text-align: center; font-size: 14px; color: #f00; position: absolute; top: 8px; right: 3px; cursor: pointer; line-height: 20px; -webkit-border-radius: 50%; border-radius: 50%; }
.trigger { float: right; line-height: 30px; position: relative; background: url(../images/iconSearch.png) center center no-repeat; width: 30px; height: 30px; }
.listPhoto .itemPhoto { width: 20%; float: left }
.innerItemPhoto { padding: 5px; float: left }
.innerItemPhoto img { max-width: 100%; border: solid 1px #814900; padding: 1px }
.captionPhoto { padding: 10px; text-align: center; }
.contacBox { float: left; width: 100% }
.form-group { margin-bottom: 10px; display: table }
.frmCT { width: 100%; float: left }
.frmCT label { width: 100px; float: left }
.form-group input { width: 400px; float: left; height: 25px; text-indent: 10px; }
.form-group textarea { width: 400px; float: left; resize: vertical }
.form-group [type="submit"] { width: 90px; margin-left: 100px; background: #814900; color: #fff; border: 0; text-align: center; padding: 0; text-indent: 0 }
.ggMap { margin-top: 15px; float: left; width: 100% }
.clsCaptcha { margin-left: 100px; }
.itemCate { position: relative; overflow: hidden }
.itemCate .desCate { position: absolute; bottom: 0; left: 0; width: 100%; margin-right: 4px; line-height: 30px; }
.desCate h2 { margin-left: 4px; margin-right: 4px; color: #fff; background: url(../images/bgCate.png); overflow: hidden; font-size: 1.1em; font-weight: normal }
.desCate h2 span { padding-left: 10px; white-space: nowrap; color: #fff; text-overflow: ellipsis }
.itemCate h2 a { color: #fff; float: right; background: #0f71de; font-size: 11px; padding: 2px; margin: 7px; }
.itemCate h2 a i { top: 0 }
.countOB { width: 200px; float: left }
.numberonl { font-weight: bold; color: #fff }
.address { text-align: right; }
.address h2 { color: yellow; font-size: 1.1em; text-transform: uppercase; margin-top: 0; }
.httt .nm { width: 30%; text-align: right; margin-right: 5% }
.ht { width: 65% }
.ht img { max-width: 120px; }
.itht { padding-top: 10px; padding-bottom: 5px; }
.httt tel, .httt email { clear: both; min-height: 1px; float: left; width: 100%; }
.httt email { text-align: center; color: #055bbb }
.navy ul { margin: 0; padding: 0; list-style: none; padding-bottom: 10px }
.navy ul >li { padding-left: 15px; min-height: 30px; padding-right: 10px; padding-top: 5px; border-bottom: dotted 1px #ccc; position: relative; }
.navy ul > li:hover { background: #CCC; cursor: pointer }
.navy ul >li >a { color: #333; text-decoration: none !important }
.navy ul >li >a:hover { color: red }
/*.navy li a:before{ content:"\2666"; color:#FFA200; margin-right:5px}
*/
.navy ul ul li { background: #FFF; color: #333; min-width: 200px }
.navy ul ul li:last-child { border: 0 }
.navy ul ul li:hover>a { color: red }
.navy ul ul { position: absolute; left: 100%; top: -1px; display: none; z-index: 999; border: solid 1px #ddd; padding-bottom: 0px; }
.navy ul li:hover>ul { display: block }
a.viewMore { color: red; font-style: italic; float: right; text-decoration: underline; margin-right: 10px }
a.viewMore:after { content: "\00bb"; color: #FFA200 }
.langBox { position: absolute; top: 10px; right: 10px; }
.langBox a { margin-right: 5px }
.searchBox { border: solid 1px #ccc; margin-top: 10px; background: #fff }
.searchBox .inputS { border: 0; height: 22px; width: 90%; float: left }
.searchBox .btnS { width: 10%; float: right; height: 22px; cursor: pointer }
.btnS i { line-height: 22px; color: #666; width: 100%; float: left }
.vsBox { padding: 10px; overflow: hidden }
.vsBox b { margin-left: 10px }
.htttBox { padding: 10px; overflow: hidden }
.htttBox .imghttt { background: url(../images/bgHtttBox.png) center no-repeat; height: 86px; width: 100%; background-size: 100% auto; }
.rowUser { text-align: center }
.hlNumber { font-weight: bold; color: #f00 }
.rowUser p { padding: 0; margin: 5px 0 }
.rowUser span { font-weight: bold }
.social_network { float: right }
.bannerHeader { margin-left: 50px; font-size: 33px; text-transform: uppercase; font-weight: bold; color: #DA0000; }
.ads { overflow: hidden; }
.row input[type="text"] { min-height: 20px; }
.right_col1 input, .inputbox { height: 30px !important }
.searchBox { display: none }
.rowsky span { padding-right: 3px; line-height: 20px; font-size: 14px; font-weight: normal; color: #17B1F2 }
.rowsky a { }
.rowsky a img { max-width: 15px; }
.hotlineBox { position: absolute; bottom: 10px; right: 10px; }
.c-header { background: url(../images/BANNER_HD.png) 160px bottom no-repeat; background-size: auto 100% }
@media (min-width: 768px) {
.bannerHeader img { margin-left: 340px; }
.clsLogo { margin-bottom: -35px; }
.innerHeaderBox { min-height: 130px; }
}
@media (max-width: 768px) {
.bannerHeader { margin-left: 0px; }
.footerBox { padding-bottom: 30px; }
}
.address p { margin: 4px 0 }