body {font-size:14px;line-height:20px; font-family:'Open Sans', Arial,Helvetica, sans-serif; color:#333; background:#f0f0f0; border-top:5px solid #e5f4f4;}
a {color:#333;}
a:hover {color:#ba281f; text-decoration:none;}

.hover-state,
.iZoom {overflow:hidden; background:#fff; position:relative;}
.iZoom img {max-height:100%;max-width:100%;object-fit:cover;}
.img, .img1, .img2 {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.iZoom:hover img {-moz-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.img1 {max-width:100%; max-height:100%; width:100%;object-fit:cover;}
.img2 {max-width:100%; max-height:100%; width:auto !important;object-fit:cover;}
.bg-full { background-attachment:fixed; -ms-background-size:100% 100%;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.menuf .container, .menu-left > a:hover, .menu-left > a, .iZoom img, .galary:before, .galary:after, .video-bg:before, .video-bg, .menu-top a, .menu-top a:hover,
.dtTigia, .dtTigia *, .box-hot, .box-hot *, .vd-img, .vd-img *, .hover-state, .app-search, .iptSearch, .iZoom img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.txttop span {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.ctn2, .itemHome .item2 .thumb {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;}
.mbr-arrow-up, .social-bot .adv1 {border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}

.btn-buy { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden;}
.btn-lh, .link a { border-radius:22px;-moz-border-radius:22px;-webkit-border-radius:22px; overflow:hidden;}

.Bflex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.Bflex .boxf {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.Bflex .height100 {height:100%;}

.mbr-arrow-up{ bottom:25px; right:25px; width:50px; height:50px; position:fixed;z-index:5000; background:url(/images/icon/icon-top.png)no-repeat center,rgba(0,0,0,0.2);cursor:pointer;}
.mbr-arrow-up:hover{background-color:rgba(0,0,0,0.75)}

.ctn {border:1px solid #e5f4f4; padding:5px 15px; display:inline-block;}
.mdesc {max-height:70px; overflow:hidden; line-height:24px;}

.titH1 {color:#f3891f;}
.titH1, .titH2 {font-size:24px; font-weight:600; line-height:30px; padding:10px 0;position:relative; margin:0;}
.drank {padding-bottom:30px;}
.drank a, .drank span {display:inline-block;position:relative;}
.drank a:before, .drank span:before {content:""; display:block; height:5px; background:#f3891f; width:100%; position:absolute; top:-30px; left:0;}

.titH3 {font-size:16px; font-weight:500; line-height:24px;padding:10px 0; cursor:pointer; margin:0;}
.titH4 {font-size:15px; font-weight:600; line-height:22px; padding:10px 0; cursor:pointer;margin:0;}

#header {background:#fff; padding:10px 0;}
#header a { display:inline-block; margin:5px;}
#header .sp-2 {padding-left:22px;}

.logo2 {display:inline-block;}
.header-top {float:right; text-align:right; padding-top:10px;}

#top{ line-height:21px; position:absolute;top:0; right:15px;}
#top p {float:right; padding-left:20px; margin-bottom:0;}
#top p a {display:inline-block; margin-left:5px;}
#top p a img {display:block;}
#top .sp-1 {background:url(/images/bg/bg-tel.png)no-repeat left center; margin-right:20px;}
#top .sp-1 a {color:#db4443;}
#header .sp-2,
#top .sp-2 {background:url(/images/bg/bg-email.png)no-repeat left center;}

.logo {display:inline-block;float:left;}
.logo img{height:44px;}

.open-sear {width:40px; cursor:pointer; border-left:1px solid #999 !important; background:url(/images/bg/bg-search.png)no-repeat center;}

.box-search {position:absolute; right:15px;z-index:10; top:100%; padding:1px; background:#f3891f;display:none;}
.app-search {float:right; min-width:100px; position:relative; padding-right:45px; overflow:hidden;}
.iptSearch, .btnSearch {border:none;outline:none; height:34px; }
.iptSearch {width:270px;float:right;padding:0 10px; background:#fff;}
.btnSearch {width:40px; background:url(/images/bg/bg-search2.png) no-repeat center #f3891f;position:absolute;z-index:1; top:0; right:0;}
.app-search .validation-advice {bottom:-100%;}
#owl-demo .item-slide a{display:block;height:36vw;}
#owl-demo .item-slide a img{object-fit:cover;}
#About {background:#fff;}
#About .container { max-width:1000px; line-height:24px;}
#AboutUs{padding:30px 0 40px;}
.aboutItem{margin-bottom:24px;}
#AboutUs .numb{color:#ff0702;font-size:36px;font-weight:600;}
#AboutUs .titH6{margin:5px 0 7px;text-transform:uppercase;color:#001871;font-weight:bold;font-size:24px;}
#AboutUs .descAs{color:#1c2254;font-weight:600;}
#box-cntt {background:#f0f0f0; padding:35px 0;position:relative;}
#box-cntt:before {content:"";display:block; position:absolute; top:0; left:0; right:0; margin:auto; width:83px; height:17px; background:url(/images/bg/About2.png)no-repeat center;}

#boxProH { padding:30px 0;background:#fff;}
.item-pro {}
.img-pro {display:block; position:relative; height:190px; border:1px solid #f0f0f0;overflow:hidden;}
.img-adv {display:block; position:relative;}
.img-adv img { height:auto !important; width:auto !important; display:inline-block !important; max-height:50px;}

#box_new_hot, #NewsHome {padding:20px 0;background:#fff;}
.fullNews {position:relative; padding-left:50%;}
.img-new {display:block; position:absolute; top:0; left:0; bottom:0; width:46%;}
.boxNews {position:relative; padding-left:15px;}
.boxNews:before {content:"";display:block; width:5px; height:5px; background:#009490;position:absolute; top:8px; left:0;}

#project {position:relative;}
#project .titH2 { position:absolute; top:0;z-index:5; padding:0 5%; }
#project .titH2 span {display:inline-block; padding:50px 0 30px; border-bottom:4px double #f3891f;}

.item-it {}
.item-it .img-it {display:block; height:200px; background:#fff;position:relative;}

#Box_Unti { padding:30px 0 40px;}
#Box_Unti .titH2 {color:#f3891f; background:url(/images/bg/bg-faq.png)no-repeat center bottom; padding-bottom:80px; margin-bottom:20px;}
#Box_Unti p {padding-left:25px; position:relative; line-height:24px;}
#Box_Unti p.text-right {padding-left:0; padding-right:25px;}
#Box_Unti p:before {content:"";display:block;width:14px; height:14px; position:absolute; top:5px; left:0; background:url(/images/bg/bg-check.png)no-repeat center top;}
#Box_Unti p.text-right:before {left:auto; right:0;}

#DoiTac {background:url(/images/bg/bg-doi-tac.png) #fff;}

#footer {background:#009490; color:#fff; line-height:28px;}
#footer a {color:#fff;}
.Urers				{ padding:10px 0; border-bottom:1px solid #33a9a6;}
.Urers:last-child	{ border-bottom:none; padding-bottom:0;}
.Urers .pName span	{ font-weight:bold; padding-right:20px; background:url(/images/bg/call1.png) no-repeat right}
.Urers .pEmail span	{ padding-right:30px; background:url(/images/bg/mail.png) no-repeat right}

#box_bottom {padding:30px 0 15px; background:#2c2c2c; color:#fff; font-size:13px;}
#box_bottom p {margin-bottom:5px;}
#box_bottom a {color:#fff;}
#box_bottom h1, #box_bottom h2, #box_bottom h3, #box_bottom h4, #box_bottom h5 {font-size:15px; font-weight:600;margin:0 0 15px;}
.mail-search {position:relative; padding-right:75px;}
.btnEmail, .iptEmail {border:none; outline:none; height:32px; line-height:32px; padding:0 10px;}
.iptEmail {color:#000; font-size:13px;width:100%;}
.btnEmail { background:#009490; color:#fff;position:absolute; right:0; top:0;}

.Social {}
.Social img {max-height:34px;}

.box_right {background:#fff;}
.titH3b {background:#009490; padding:8px 10px;color:#fff;}
.item2 { padding:0 10px;}
.item2 li {border-bottom:1px dashed #eee; padding:10px 0;}
.item2 li:last-child {border-bottom:none;}
.item2 li a {display:block; position:relative;}
.item2 li.new2 img {width:40%;margin-right:10px;float:left;}
.item2 li.new1 .ImgH { max-height:150px;overflow:hidden;}
.item2 li.new1 .ImgH img {width:100%}
.advr {display:block; position:relative; overflow:hidden;}
.advr img {width:100%; display:block;}

.time {color:#999;}
.dlink {background:#009490; font-size:13px;}
.dlink .cmaTite {display:inline-block; padding:10px 15px; background:url(/js/menu/bg-link3.png)no-repeat right center;position:relative; color:#f0f0f0;}
.dlink .cmaTite:last-child {background:none;}

.lpg {display:block;}
.lpg a { display:inline-block;font-size:16px; text-align:center; line-height:36px;width:36px; height:36px;overflow:hidden;background:#fff; margin-left:5px}
.lpg a:hover, .cpage {background:#009490;color:#fff;}
.cpage {background:#009490 !important; text-indent:0 !important;}
.lpg a:last-child, .lpg a:first-child {text-indent:999999999px; background:url(/images/bg/bg-next.png)no-repeat #fff;}
.lpg a:last-child:hover, .lpg a:first-child:hover {background:url(/images/bg/bg-next.png)no-repeat #009490;}
.lpg a:first-child {background-position:9px !important;}
.lpg a:last-child {background-position:-13px !important;}

.box-contact .titH2 {color:#f3891f;}
.code {position:relative; margin:0 auto; overflow:hidden; width:50%; float:left; margin-right:20px;}
.code .form-control { padding-right:75px;}
.code-img { position:absolute; top:0; right:0; bottom:0; background:Green; max-height:34px !important;}
.code-img img {height:100% !important;}
.lpg a, .box-shadow {background:#fff; overflow:hidden; -webkit-box-shadow:0 3px 3px #d9dadb; -moz-box-shadow:0 3px 3px #d9dadb; box-shadow:0 3px 3px #d9dadb; }
.send-contact {background:#f3891f; color:#fff; padding-left:20px; padding-right:20px;}
span.vld-error {font-size:small; color:#fc0509; font-style:italic; white-space:nowrap; position:absolute; top:100%; left:7px; background:#fff;}

.intro {padding:15px; background:#fff; position:relative;}
.intro2 ul, .intro ul {padding-left:25px;}
.intro2 div.row, .intro div.row {max-width:none !important;}
.intro2 div, .intro2 table, .intro div, .intro table { max-width:100% !important;}
.intro2 img, .intro img { max-width:100% !important; height:auto !important;}

.lstNews {background:#fff; padding:0 15px 15px;}
.lstNews:first-child {padding-top:30px;}
.lstNews:first-child > .line-new {display:none;}
.PicN {display:block; float:left; width:25%;border:1px solid #ddd;padding:1px; margin-right:2%; max-height:150px; overflow:hidden;}
.PicN img {width:100%;}
.box-new { float:left; width:72%;}

.box-comment {background:#f9f9f9;}
.tit-other {color:#fff;font-size:15px; border-bottom:3px solid #f3891f; position:relative;}
.tit-other span {display:inline-block; padding:7px 15px;background:#f3891f;position:relative;}
.tit-other span:before {content: '';position: absolute;top: 0;bottom: 0;right:-15px;width:25px;background:#f3891f;-webkit-transform: skewX(30deg);-ms-transform: skewX(30deg);transform: skewX(30deg);}
.box-new-old {}
.box-new-old li {margin-bottom:10px; padding-left:15px;position:relative;}
.box-new-old li:before {content:""; display:block; width:5px; height:5px; background:#f3891f; position:absolute; left:0; top:8px;}

.item-news2 {}
.img-da {position:relative; display:block; height:160px; overflow:hidden;}

.pnlListP {border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.pnlListP .box-itemP {border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.pnlListP .box-itemP .mDescP {height:120px; overflow:hidden; padding-left:25px; background:url(/images/bg/bg-mdesc.png)repeat-y left top; line-height:25px;}

.link-dt {display:block;position:absolute; bottom:10px; right:15px;padding-right:15px; font-size:13px; font-style:italic; background:url(/images/bg/bg-dt.png)no-repeat right center; color:#6897ec;}
.link-dt:hover, .link-dt:focus {color:#c02526;}

.descp {border:1px solid #eee; max-height:400px; overflow-x:hidden; overflow-y:auto;}
.descp::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #f9f9f9;}
.descp::-webkit-scrollbar {width:6px;background-color: #f9f9f9; display:none;}
.descp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#f3891f;}
.descp:hover::-webkit-scrollbar {display:block !important;}

.rptProdt .intro {overflow-y:auto !important;}
.line-pro {border-top:1px dashed #eee }
.btn-buy {font-size:18px; font-weight:bold; color:#fff; background:#f26d33; padding:10px 20px; min-width:250px;}
.btn-buy:hover {color:#fff; background:#cc6633;}

.galary.itemN,
.item-img { position:relative;width:100%; max-height:400px;overflow:hidden;}
.item-img a {display:block;}
/*.item-img img {width:auto !important; max-height:100%; max-width:100%;}*/


@media (min-width:1200px) {
    .container {width:1130px;}
    .w28 {width:28%;}
    .w72 {width:72%;}
}
@media (min-width:992px){
    /*.app-search { -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}*/
    
}

@media (max-width:991px) {
    #top, .logo {display:none;}
    #oMenu {background:#f3891f;padding:5px 0;}
    .app-search {border:1px solid #fff;width:100%; max-width:320px;}
    .box-search {display:block; position:static; margin-top:0 !important; padding-left:55px;}
    .iptSearch {width:100%;}
}

@media (max-width:767px) {
    .mobile-width100{width:100% !important;}
    #Box_Unti p.text-right {text-align:left; padding-right:0; padding-left:25px;}
    #Box_Unti p.text-right:before {left:0 !important; right:auto !important}
    .fullNews {padding:15px; margin-left:-15px; margin-right:-15px; margin-bottom:10px; background:#f0f0f0; }
    .img-new {position:relative;display:block; height:170px;width:100%; margin-bottom:10px;}
    #footer .subM2 {display:none; padding-top:0 !important;}
    .PicN {width:100%;}
    .box-new {width:100%;}
    .code {width:100%; margin-bottom:15px;}
    #header { text-align:center;}
    .header-top {float:none;text-align:center;padding-top: 0;}
}