﻿body {
}
.container{ width:1100px;}
body,div,h1,h2,h3,h4,h5,h6,ul,li,a,img,span,p,label,hr { margin:0 ;padding:0 ;	}
div { font-size: 12px; font-family: Arial; display:block;}
ul,li{list-style-type:none;	}
label{font-weight:normal;}
a{color: black;text-decoration: none;}
a>h2:hover, a:hover {color: #DDA500 !important;text-decoration: none;z-index: 1;}
.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 {margin: 0;padding: 0;}
.wrap{min-width:1100px;}

@font-face{ font-family:SFUHelveticaLight; src: url('/font/SFUHelveticaLight.TTF');}
@font-face{ font-family:SFUHelveticaBold; src: url('/font/SFUHelveticaBold.TTF');}
@font-face{ font-family:SFUHelvetica; src: url('/font/SFUHelveticaRegular.TTF');}
@font-face{ font-family:osfon; src: url('/font/OpenSans-Regular.ttf');}
@font-face{ font-family:osfonl; src: url('/font/OpenSans-Light.ttf');}
@font-face{ font-family:osfonb; src: url('/font/OpenSans-Semibold.ttf');}

/*================top=================*/	
.top_1a{    background: #005671;}
.top_1b{ color:White; line-height:35px;}
.top_1b .email{    float: left;font-family: SFUHelveticaLight;font-size: 14px;background: url('/images/icon/email.png') no-repeat left;padding-left: 20px;margin: 0 25px;}
.top_1b .hotline{    float: left;font-family: SFUHelveticaLight;font-size: 14px;    background: url('/images/icon/phone.png') no-repeat left;padding-left: 20px;}
.top_1b span{     font-family: SFUHelveticaLight;font-size: 14px;float:left;}
.top_1b .social_1{float: right;}

.top_2a{}
.top_2b{}
.top_2b .logo{float:left;}
.top_2b .logo a{}
.top_2b .logo a img{}
.top_2b .seach{float: right;margin-top: 40px;}

.top_3a{background:url('/images/icon/backgroundMenu.png');}

/*==============social===============*/
ul.social{ display: inline-block; }
ul.social li{ float: left; padding: 0 3px;}
ul.social li:last-child { padding-right: 0;}
ul.social li a{}
ul.social li a img{}

/*==============btk===============*/
.tk{float:right;z-index: 1;background:url('/images/icon/seach.png') no-repeat;}
.tk #ctl00_txtkey{background: none;width: 217px;font-size: 11px;text-align: left;height: 29px;float: left;padding-left: 5px;outline: none;line-height: 29px;border:none;}
.tk #ctl00_btnkey{vertical-align: middle; height: 32px;color: white;background: none; text-transform: uppercase;border-radius: 0px;outline:none;} 

/*==============menu===============*/
.menu{margin:0;}
.menu>ul{ float: left;}
.menu ul li{position:relative;display:inline-block;}
.menu ul li a{     border: 0;}
.menu>ul>li:first-child{margin-left: 0px;}
.menu>ul>li:first-child a{}
.menu>ul>li{ float: left; padding:13px 0;border-top: 2px solid rgba(255,255,255,0);}
.menu>ul>li:last-child { }
.menu>ul>li:last-child a, .menu>ul>li:last-child:hover a{border:none;}
.menu>ul>li:nth-child(3){}
.menu>ul>li:nth-child(3)>a{}
.menu>ul>li:nth-child(3)>a:after {display: inline-block;content: '\3e';margin-left: 5px;transform: rotate(90deg);}
.menu>ul>li:nth-child(3):hover>a:after {}
.menu>ul>li:last-child a img{ }

.menu>ul>li>a{ text-align: left;font-size: 14px;text-decoration: none;font-family: osfonl; display: block;text-transform: uppercase;color: black;    padding: 0 16px !important;border-right: 2px solid; border-image: url('/images/icon/borderRightMenu.png') 0 2 0 0 repeat;}
.menu>ul>li:hover{border-top: 2px solid #DDA500;}
.menu>ul>li>a:hover{}
.menu>ul>li>.glyphicon{ }

.menu>ul>li.ac{border-top: 2px solid #DDA500;}
.menu>ul>li.ac>a{}
.menu ul li ul{ display:none;margin-left: 0px;margin-top: 13px;}
.menu ul li:hover ul{ position:absolute; display:block; z-index:99; text-align: left; color:black;}
.menu ul li ul li{position:relative;border-bottom: 1px solid #C8C9C9;background: rgb(0, 86, 113);}
.menu ul li ul li a:before {content: '\3e';padding-right: 5px;}
.menu ul li ul li a{ color:white; text-align: left;font-size: 13px;text-decoration: none;font-family: osfonl;display: block;text-transform: uppercase;width: 240px;padding: 8px; border:none;}
.menu>ul>li>ul>li:hover>a{ color: #DDA500 !important;background:#005671;}    
.menu ul li ul li ul{position:absolute;margin-left:100%;     margin-top: -28px;}   
.menu ul li ul li ul li{display:none;}
.menu>ul>li>ul>li:hover>ul li{ display:block;}
.menu>ul>li>ul>li>ul>li:hover a{color:White;background:#ED1A21;}
.menu ul li ul li ul li{}
.menu ul li ul li ul li a{}


/*==============sliderBanner===============*/
#owl-SlideBanner .owl-dots{display:inline-block;}
#owl-SlideBanner .owl-nav .owl-prev, #owl-SlideBanner .owl-nav .owl-next{display:none;}
#owl-SlideBanner .owl-dot{width: 12px;height: 12px;background: url('/images/icon/owl-dot.png');display: inline-block;margin: 7px 4px;}

/*==============work_a===============*/
.work_a{}
.work_a h2.title{font-family: osfonb;font-size: 23px;text-transform: uppercase;text-align: center; margin: 15px 0;}
.work_a h2.title span{color:#005671;}
.work_a hr{ width: 117px;border-top: 2px solid #FCD002;margin: 5px auto 20px;}
.work_a div.title{    font-family: osfon;font-size: 14px;text-align: center;margin-bottom: 25px;}
.work_a div.title span{color:#FCD002;}
.work_b{    border-bottom: 1px dotted #E4E4E4;}
.work_c{text-align:center;}
.work_c a.img{}
.work_c a.img img{border: 1px solid #E4E4E4;padding: 2px;width: 347px;height: 194px;}
.work_c a.name{    font-family: osfonb;font-size: 15px;color: #005671;text-transform: uppercase;    margin: 20px 0 35px;display: block;}

/*==============owl-work===============*/
#owl-work .owl-dots{}
#owl-work .owl-nav .owl-prev, #owl-work .owl-nav .owl-next{display:none;}
#owl-work .owl-dot{}

/*==============about_a===============*/
.about_a{}
.about_b{padding: 55px 0 45px;float: left;border-bottom: 1px dotted #E4E4E4;}
.about_c1{    width: 620px;float: left;margin-right: 25px;}
.about_c1 h2.title{    font-family: osfon;font-size: 23px;text-transform: uppercase;}
.about_c1 h2.title span{    color: #005671;}
.about_c1 hr{    width: 120px;border-top: 2px solid #DDA500;margin: 15px 0;}
.about_c1 div.title{    font-size: 14px;font-family: osfon;}
.about_c1 div.title div{    font-size: 14px;font-family: osfon;}
.about_c1 div.title span{color: #005671;}
.about_c1 a.title{display: block;margin-top: 30px;background: url('/images/icon/backgroundShow.png') no-repeat;padding: 8px 13px;font-size: 14px;font-family: osfonl;color: white;}
.about_c1 a.title:after {content: '\3e\3e';padding-left: 5px;}
.about_c2{    width: 450px;float: left;}
.about_c2 a{}
.about_c2 a img{width:100%;}

/*==============NewsProject_a===============*/
.NewsProject_a{}
.NewsProject_b{    float: left;padding: 30px 0;width: 100%;}
.newsH_a{width: 50%;float: left;padding-right: 18px;}
.newsH_a h2.title{    font-family: osfon;font-size: 23px;text-transform: uppercase;}
.newsH_a h2.title span{color: #005671;}
.newsH_a hr{    width: 89px;border-top: 2px solid #DDA500;margin: 15px 0;}
.newH_b1{    margin-bottom: 5px;display: block;float: left;}
.newH_b1 .l{    width: 33%;float: left;}
.newH_b1 .l a.img{ width:100%;}
.newH_b1 .l a.img img{width:100%;}
.newH_b1 .l .ngayThang{display: inline-block;padding: 5px 10px;background: rgba(0, 86, 113,0.4);margin-top: -54px;color: white;}
.newH_b1 .l .ngayThang .ngay{ font-size: 18px;font-family: osfonb; border-bottom: 1px solid;}
.newH_b1 .l .ngayThang .thang{font-size: 13px;font-family: osfonb;}
.newH_b1 .r{    float: left;width: 67%;padding-left: 10px;}
.newH_b1 .r .name{    font-size: 15px;font-family: osfonb;color: #005671;}
.newH_b1 .r .contentN{    font-size: 13px;font-family: osfonl;}
.newH_b2{}
.newH_b2 a.name:before {content: ' ';width: 5px;height: 5px;background: #005671;margin-right: 5px;margin-top: -10px;display: inline-block;}
.newH_b2 a.name{font-family: osfon;font-size: 14px;color: #005671;margin: 5px 0;display: inline-block;}

.projectH_a{    width: 50%;float: left;padding-left: 18px;}
.projectH_a hr{    width: 75px;border-top: 2px solid #DDA500;margin: 15px 0;}
.projectH_a h2.title{    font-family: osfon;font-size: 23px;text-transform: uppercase;}
.projectH_a h2.title span{color: #005671;}
.projectH_b{}
.projectH_b a.img{}
.projectH_b a.img img{    width: 100%;height: 306px;}
.projectH_b a.name{    font-size: 14px;font-family: osfon;display: block;margin-top: -50px;z-index: 2;position: relative;background: rgba(0,0,0,0.4);color: white;padding: 5px;}

/*==============owl-projectH===============*/
#owl-projectH .owl-stage-outer{}

#owl-projectH .owl-nav.disabled{ display:block;    margin-top: -365px;position: absolute;width: 100%;}
#owl-projectH .owl-nav .owl-prev, #owl-projectH .owl-nav .owl-next{ text-indent:-9999px;}
#owl-projectH .owl-nav .owl-prev{    background: url('/images/icon/backLeftDoiTac.png') no-repeat;    float: left;width: 29px;height: 29px;margin-left: 89%;}
#owl-projectH .owl-nav .owl-next{     background: url('/images/icon/backRightDoiTac.png') no-repeat;    float: right;width: 29px;height: 29px;}

/*==============dlink===============*/    
.dlink{ display: inline-block; line-height: 40px;float: left;}
.dlink a.cmaTite{ font-size: 14px;font-family: osfonl; color:#AAAAAA;}
.dlink a.cmaTite:first-child{ }
.dlink a.cmaTite:first-child img{margin-bottom: 5px; }
.dlink i{ padding: 0 5px;color:#AAAAAA;vertical-align: top;}    

/*==============outMain===============*/    
.outMain{}
.main {margin-top:20px;}

/*==============main Left===============*/ 
.main .left{}
.main .left .linhVucHoatDong{}
.main .left .linhVucHoatDong .titleLinhVucHoatDong{}   
.main .left .linhVucHoatDong .titleLinhVucHoatDong h2{padding: 7px;background: #F0F0F0;color: #005671;font-size: 16px;font-family: osfon;}   
.main .left .linhVucHoatDong .partLinhVucHoatDong{}
.main .left .linhVucHoatDong .partLinhVucHoatDong a{}
.main .left .linhVucHoatDong .partLinhVucHoatDong:last-child a h2 {border: 0;}
.main .left .linhVucHoatDong .partLinhVucHoatDong a h2{    font-size: 14px;color: black;border-bottom: 1px solid #F0F0F0;padding: 7px 0;font-family: osfonl;}
.main .left .linhVucHoatDong .partLinhVucHoatDong:hover a h2{color: #005671 !important;}
.main .left .linhVucHoatDong .partLinhVucHoatDong a h2:before {content: '\3e';padding: 0 5px;}    

.main .left .tinTucNoiBat{padding: 15px 8px;margin-top: 20px;border: 1px solid #F0F0F0;}    
.main .left .tinTucNoiBat .titleTinTucNoiBat{}   
.main .left .tinTucNoiBat .titleTinTucNoiBat h2{color: #005671;font-size: 16px;font-family: osfon;display: inline-block;border-bottom: 2px solid #F0F0F0;padding: 0 0 10px 0;margin-bottom: 7px;}   
.main .left .tinTucNoiBat .mainTinTucNoiBat{}   
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat{    padding: 10px 0;border-bottom: 1px dotted #F0F0F0;}  
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat:last-child {border: 0;}     
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat .l{    float: left;width: 45%;}       
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat .l a.img{}       
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat .l a.img img{    width: 100%;}       
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat .r{    float: left;width: 55%;padding-left:5px;}       
.main .left .tinTucNoiBat .mainTinTucNoiBat .partTinTucNoiBat .r a.name{    font-size: 14px;font-family: osfonl; padding-left: 0px;}       
.main .left .facebook{margin:20px 0;}  

.duAnDaThucHien{padding: 20px 10px;border: 1px solid #F0F0F0;margin: 20px 0;float: left;}
.titleDuAnDaThucHien{}
.titleDuAnDaThucHien h2{    color: #005671;font-size: 16px;font-family: osfon;display: inline-block;padding: 0 0 10px 0;margin-bottom: 7px;}
.mainDuAnDaThucHien{}
.mainDuAnDaThucHien .partDuAnDaThucHien_1{}
.mainDuAnDaThucHien .partDuAnDaThucHien_1 a.img{}  
.mainDuAnDaThucHien .partDuAnDaThucHien_1 a.img img{width: 100%;}
.mainDuAnDaThucHien .partDuAnDaThucHien_1 a.name{    font-size: 13px;font-family: osfonl;display: block;margin-top: -46px;z-index: 2;position: relative;background: rgba(0,0,0,0.4);color: white;padding: 5px;}
.mainDuAnDaThucHien .partDuAnDaThucHien_2{    width: 50%;float: left;}
.mainDuAnDaThucHien .partDuAnDaThucHien_2:nth-child(2){padding: 10px 5px 0 0;}
.mainDuAnDaThucHien .partDuAnDaThucHien_2:nth-child(3){padding: 10px 0 0 5px;}
.mainDuAnDaThucHien .partDuAnDaThucHien_2 a.img{}
.mainDuAnDaThucHien .partDuAnDaThucHien_2 a.img img{width:100%;}
.mainDuAnDaThucHien .partDuAnDaThucHien_2 a.name{    font-size: 13px;font-family: osfonl;display: block;margin-top: -46px;z-index: 2;position: relative;background: rgba(0,0,0,0.4);color: white;padding: 5px;}

/*==============main right===============*/    
.main .right{}

/*==============main right intro===============*/
.main .right .intro{    padding-left: 30px;}
.main .right .intro .titleIntro{    padding-bottom: 10px;font-size: 23px;font-family: osfonb;text-transform: uppercase;color: #005671;}
.main .right .intro .descM{font-family: osfonl;font-size: 14px;}
.main .right .intro .descM div{font-family: osfonl;font-size: 14px;}
.main .right .intro .descM img{width:100%;}

/*==============news===============*/  
.news{    padding-left: 30px;}
.news h2.title{font-size: 23px;font-family: osfonb;text-transform: uppercase;color: #005671;padding-bottom: 10px;}
.news .partNews{    float: left;width: 100%;padding: 10px 0;border-bottom: 1px dotted #D6D6D6;}
.news .partNews:first-child{ padding-top: 0;}    
.news .partNews:last-child{ border-bottom: 0;}   
.news .partNews .l{}
.news .partNews .l .imgNews{}
.news .partNews .l .imgNews img{    width: 100%;}

.news .partNews .r{    padding-left: 10px;}
.news .partNews .r .nameNews{font-family: osfonb;font-size: 15px;color: #005671;}
.news .partNews .r .date{    font-size: 13px;font-family: osfonl;font-style: italic;margin: 7px 0 10px;}
.news .partNews .r .contentN{    font-family: osfonl;font-size: 14px;}

/*==============pro===============*/  
.pro{    padding-left: 30px;}
.pro h2.title{font-size: 23px;font-family: osfonb;text-transform: uppercase;color: #005671;padding-bottom: 10px;}
.pro .partPro{    float: left;width: 100%;padding: 10px 0;border-bottom: 1px dotted #D6D6D6;}
.pro .partPro:first-child{ padding-top: 0;}    
.pro .partPro:last-child{ border-bottom: 0;}   
.pro .partPro .l{}
.pro .partPro .l .imgPro{}
.pro .partPro .l .imgPro img{    width: 100%;}

.pro .partPro .r{    padding-left: 10px;}
.pro .partPro .r .namePro{font-family: osfonb;font-size: 15px;color: #005671;}
.pro .partPro .r .contentP{    font-family: osfonl;font-size: 14px;}

/*==============partGioithieuOrNoiung===============*/    
.titleGioithieuOrNoiung{font-size: 23px;font-family: osfonb;text-transform: uppercase;color: #005671;padding: 0 0 10px 30px;}
.partGioithieuOrNoiung{    padding: 10px 0;float: left;width: 100%;margin-left: 30px;border-bottom: 1px dotted #D6D6D6;}    
.partGioithieuOrNoiung:last-child{border-bottom:0;}
.partGioithieuOrNoiung:hover{}
.partGioithieuOrNoiung .left{}
.partGioithieuOrNoiung .left a{ display: block;width: 35%;float: left;margin-right: 15px;}
.partGioithieuOrNoiung .left a img{ width: 100%;}
.partGioithieuOrNoiung .right{}
.partGioithieuOrNoiung .right a{    font-family: osfonb;font-size: 15px;color: #005671;}
.partGioithieuOrNoiung .right .content{ font-size: 14px;font-family: osfonl;}

/*==============newsDetail===============*/ 
.newsDetail{    padding-left: 30px;}
.newsDetail .titleNewsDetail{font-size: 26px;font-family: osfonb;padding-bottom: 10px;color: #005671;}
.newsDetail .descN{    font-size: 14px;font-family: osfon;}
.newsDetail{}

ul.other{}
ul.other li.tit{font-size: 20px;font-family: osfon;text-transform: uppercase;padding-bottom: 5px;border-bottom: 1px silver solid; padding-top: 10px;}
ul.other li.d{ font-size: 13px;font-family: osfonl;}
ul.other li.d a{ display: block; color: Black;margin: 5px 0;}
ul.other li.d a:before {     content: ' ';background: #005671;width: 4px;height: 4px;display: inline-block;margin: 7px;vertical-align: middle;}

/*==============page===============*/
.page{ float: right !important;padding: 15px 10px;}
.page #ctl00_lblPage{display: block;text-align: center;padding-top: 10px;}
.page #ctl00_lblPage .apage{COLOR: #8D8D8D;    FONT-FAMILY: osfonl;FONT-SIZE: 14px;text-decoration: none;border: 1px solid #8D8D8D; padding: 5px 10px;vertical-align: middle;background-color: white;}
.page #ctl00_lblPage .cpage{COLOR: #F6CC1C;    FONT-FAMILY: osfonl;FONT-SIZE: 14px;text-decoration: none;border: 1px solid #8D8D8D; padding: 5px 10px;vertical-align: middle;background-color: white;font-weight:bold;}
 
/*==============partnersCustomers_a===============*/
.partnersCustomers_a{margin-bottom: 60px;}
.partnersCustomers_b{}
.partnersCustomers_b div.title{     background-image: url('/images/icon/backgroundDoiTac.png');background-repeat: repeat-x;background-position-y: 50%;}
.partnersCustomers_b div.title h2{height: 43px;background: url('/images/icon/titleDoiTac.png') no-repeat center;    margin: 20px 0;}
.partnersCustomers_b div.title h2 span{}

/*==============owl-partnersCustomers===============*/
#owl-partnersCustomers .owl-stage-outer{width:1080px;    margin-left: 10px;float: left;}

#owl-partnersCustomers .owl-nav.disabled{ display:block;    margin-top: 30px;position: absolute;width: 100%;}
#owl-partnersCustomers .owl-nav .owl-prev, #owl-partnersCustomers .owl-nav .owl-next{ text-indent:-9999px;}
#owl-partnersCustomers .owl-nav .owl-prev{    background: url('/images/icon/leftDoiTac.png') no-repeat;    float: left;width: 10px;}
#owl-partnersCustomers .owl-nav .owl-next{     background: url('/images/icon/rightDoiTac.png') no-repeat;    float: right;width: 10px;}

/*==============footer_a===============*/
.footer_a{background: url('/images/icon/backgroundFooter.png');}
.footer_b1{    float: left;padding: 25px 0 25px;border: 0;border-bottom: 2px solid;border-image: url('/images/icon/borderBottomFooter_b1.png') 0 0 2 0 repeat;}
.footer_c1{    width: 600px;float: left;}
.footer_c1 h2.title{    font-size: 14px;font-family: osfonb;text-transform: uppercase;color: #dda500;    margin-bottom: 15px;}
.footer_c1 div.content{margin-bottom: 25px;}
.footer_c1 div.content div{    font-size: 13px;font-family: osfonl; color:White;}
.social_F{}
.social_F span{font-family: SFUHelveticaLight;font-size: 14px;    vertical-align: top;color:White;}
.footer_c2{    width: 245px;float: left;}
.footer_c2 h2.title{font-size: 14px;font-family: osfonb;text-transform: uppercase;color: #dda500;    margin-bottom: 15px;}
.footer_d{}
.footer_d a:before {content: ' ';width: 4px;height: 4px;background: #dda500;margin-right: 5px;margin-bottom: 2px;display: inline-block;}
.footer_d a{color:white;display: block;font-size: 13px;font-family: osfonl;padding-bottom: 5px;}
.footer_c3{    width: 255px;float: left;}
.footer_c3 h2.title{font-size: 14px;font-family: osfonb;text-transform: uppercase;color: #dda500;    margin-bottom: 15px;}
.footer_e{   }
.footer_e a:before {content: ' ';width: 4px;height: 4px;background: #dda500;margin-right: 5px;margin-bottom: 2px;display: inline-block;}
.footer_e a{ color:white;display: block;font-size: 13px;font-family: osfonl;padding-bottom: 5px;}
.footer_b2{    color: white;text-align: center;float: left;width: 100%;padding: 20px 0 25px;}
.footer_b2 .l{display: inline-block;font-size: 13px;font-family: SFUHelveticaLight;}
.footer_b2 .r{display: inline-block;font-size: 13px;font-family: SFUHelveticaLight;}


/*==============ctl===============*/ 
.ctl{    padding-left: 20px;}
.ctl .inner{}
.ctl .inner .tit{}
.ctl .inner table.tbl{ border-spacing: 5px;border-collapse: separate;font-size: 13px;font-family: osfonl;}
.ctl .inner table.tbl tr{}
.ctl .inner table.tbl tr td{}
.ctl .inner table.tbl tr td:nth-child(1) {width: 20%;}
.ctl .inner table.tbl tr td input { width: 50%;}
.ctl .inner table.tbl tr td textarea { width: 50%;}

/*==============idTabs===============*/ 
.idTabs{    text-align: center;margin: 0 -5px;}
.idTabs a{    padding: 5px;}
.idTabs a img{    width: 100%;    border: 1px solid silver;}

.page{ float: left;padding: 15px 10px;}
.page #lblPagePro{display: block;text-align: center;padding-top: 10px;}
.page #lblPagePro .apage{COLOR: #3e3e3e;font-weight: bold;FONT-FAMILY: "Arial", "sans-serif";    FONT-SIZE: 12px;text-decoration: none;border: 1px solid #cccccc;padding-left: 5px;padding-right: 5px;vertical-align: middle;background-color: #eeeeee;}
.page #lblPagePro .cpage{font-size: 12px;font-weight: bold;color: #3e3e3e;font-family: arial, helvetica, sans-serif;text-decoration: none;border: 1px solid #cccccc;padding-left: 5px;padding-right: 5px;vertical-align: middle;font-weight: bold;}

/*==============proDetail===============*/ 
.proDetail{    padding-left: 30px;}
.proDetail .top{ all:unset; padding: 0px;}
.proDetail .top .img{}
.proDetail .top .img .introImg{}
.proDetail .top .img .introImg img{ width: 100%;margin-bottom: 10px;border: 1px solid silver;}
.proDetail .top .img .proImgDetail{}
.proDetail .top .img .proImgDetail img{ width: 100%;border: 1px solid #D8D8D8;}
.proDetail .top .title{     padding-left: 0;}
.proDetail .top .title h2{     font-size: 26px;font-family: osfonb;padding-bottom: 10px;color: #005671;}

.proDetail .center{     padding-top: 40px;}
.proDetail .center h2{     font-size: 14px;font-family: osfonb;background: #F0F0F0;display: inline-block;padding: 10px;}
.proDetail .center .descP{ font-family:osfonl; font-size:14px;    padding: 20px 0;}
.proDetail .center .descP div {font-family: osfonl;font-size: 14px;}
.proDetail .bottom{}

.ortherPro_a{margin-left: 20px; }
.ortherPro_a .titleOrtherPro{ font-size: 20px;font-family: osfon;text-transform: uppercase;padding-bottom: 25px;padding-top: 10px;margin-left: 20px;background-Image: url('/images/icon/backgroundSanPhamKhac.png');background-repeat: repeat-x;background-position-y: 21px;}
.ortherPro_a .titleOrtherPro h2{ display: inline-block;background: white;font-family: osfon;font-size: 20px;}    
.ortherPro_b{}
.ortherPro_b table{}
.ortherPro_b table tr{}
.ortherPro_b table tr td{width:33%}
.ortherPro_b .partPro{padding: 10px;}
.ortherPro_b .partPro a.img{}
.ortherPro_b .partPro a.img img{width:100%;}
.ortherPro_b .partPro a.name{display: block;font-family: osfonb;font-size: 14px;color: #005671;text-transform: uppercase;margin: 20px 0 35px;display: block;}
