/*reset*/
* { padding: 0; margin: 0; box-sizing: border-box; }
ul, li { padding: 0px; margin: 0px; }
a { text-decoration: none; }
body {font-family: 'Arial', 'Helvetica', 'sans-serif';font-size: 13px;position: relative;box-sizing: border-box;overflow-y: scroll;/* overflow-x: hidden; */}
.overflow_hidden { overflow: hidden !important; padding-right: 17px; }

/*=======================================*/
a:focus, a:hover { text-decoration: none; }
.clear { display: block; clear: both; }
.h1, .h2, .h3, h1, h2, h3 { margin: 0; }

.inner { max-width: 1200px; margin: 0 auto; position: relative; }
/*Banner*/
#banner { }
.banner_top{line-height: 38px;background: #01488E;color: #fff;font-family: 'RobotoRegular';font-size: 13px;}
.banner_bottom{padding: 7px 0;}


/*Wrapper*/
#wrapper { width: 1000px; margin: 0 auto; }
.wrapper { width: 100%; float: left; border: 1px solid #CCC; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; margin: 10px 0px 20px 0px; padding-bottom: 10px; background: #FFF; }
/*Slide*/
#slide { }
.slide { width: 100%; float: left; margin-top: 0px; }
/*Index*/
.tit-index { margin: 30px 0px 0px 40px; float: left; font-size: 14px; background: url(../images/line-r.png) no-repeat bottom right; width: 900px; text-transform: uppercase; }

/*Footer*/
#footer {width: 100%;padding-top: 40px;background: #01488E;}
.footer_top{text-align: center;margin-bottom: 25px;}
.title_footer{color: #fff;font-size: 30px;font-family: 'SFUTradeGothicBoldCondensedTwenty';}
.footer_top h3{color: #fff;font-size: 20px;font-family: 'RobotoLight';margin-top: 5px;letter-spacing: 5px;display: inline-block;position: relative;padding: 0 25px;}
.footer_top h3::before{position: absolute;right: 100%;top: 50%;width: 150px;height: 1px;background: #0252A6;content: ""}
.footer_top h3::after{position: absolute;left: 100%;top: 50%;width: 150px;height: 1px;background: #0252A6;content: ""}
.title_ft{color: #fff;text-transform: uppercase;font-size: 16px;font-family: 'RobotoRegular';margin-bottom: 15px;}
.content_ft{color: #fff;margin-bottom: 15px;}

.footer_mid{margin-bottom: 10px;}
.footer_mid li{font-size: 14px;font-family: 'RobotoRegular';line-height: 20px;margin-bottom: 5px;list-style: none}
.footer_mid li a{color: #fff}
.footer_mid li:hover a{color: yellow}

.banner-mxh a{display: block;color: #fff;font-size: 14px;font-family: 'RobotoRegular';margin-bottom: 10px;}
.banner-mxh img{margin-right: 10px;}
.banner-mxh a:hover img{transition: all 1s;transform: rotate(360deg);}

.copyright{color: #fff;font-size: 14px;font-family: 'RobotoRegular';margin-top: 30px;line-height: 45px;text-align: center;border-top: 1px solid #0252A6}




/*Main*/
#main{margin: 30px 0;}
.title_main{text-align: center;background: url(../images/title_main.png) no-repeat bottom center;padding-bottom: 20px;margin-bottom: 20px;}
.title_main span{display: inline-block;color: #01488E;text-transform: uppercase;font-family: 'SFUTradeGothicBoldCondensedTwenty';font-size: 38px;padding-left: 50px;}
.title_main p{margin-bottom: 0;font-size: 14px;font-family: 'RobotoRegular';color: #727272;}


.main-left { width: 300px; float: left; margin-top: 10px; }
.main-right {width: 660px;float: left;margin-left: 20px;/* margin-top: 10px; */text-align: justify;}
/*Left*/
.left-box { border: 1px solid #CCC; -moz-box-shadow: 0px 0px 5px #999999; -webkit-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; float: left; padding-bottom: 10px; margin-bottom: 20px; width: 100%; }
.left-box ul { float: left; margin-top: 10px; }
.left-box ul li { list-style-image: url(../images/list-style.png); }
.left-box ul li h2 { font-size: 14px; }
.left-box ul li h2 a { color: #000; }
.left-box ul li h2 a:hover { color: #666; }
.left-box-tit { text-align: center; width: 100%; float: left; font-size: 16px; text-transform: uppercase; background: #323232; font-weight: bold; color: #FFF; padding: 5px 0px; }
.left-box-con { width: 96%; margin: 2%; float: left; }
.left-box-con-c { width: 100%; float: left; text-align: center; }
/*Right*/
.main-right-tit { float: left; width: 100%; padding: 5px 0px; font-size: 16px; text-transform: uppercase; background: #323232; font-weight: bold; color: #FFF; text-align: center; }
.main-right-content {float: left;width: 98%;padding: 1%;}
/*Sản phẩm*/
.sp-detail-c { float: left; width: 58%; margin-left: 2%; border-bottom: 1px dotted #000; }
.sp-nd { width: 98%; margin: 1%; float: left; }
.sp-nd-tit { width: 100%; float: left; border-bottom: 1px dashed #000; font-size: 14px; font-weight: bold; }
.share { width: 98%; margin: 1%; float: left; }
/*News*/
.box-news-name { width: 98%; float: left; margin: 1%; border-bottom: 1px solid #CCC; }
.box-news-name a { color: #3c3c3c; }
.box-news-name h2 { font-size: 16px; }
.box-news { width: 98%; float: left; margin: 1% 1% 2% 1%; }
.khac { width: 100%; float: left; }
.khac ul li a { color: #000; }
/* --------------------- Phan trang ------------------*/
.phantrang { text-align: center; padding-top: 5px; width: 100%; float: left; margin-bottom: 10px; }
.phantrang a { color: #333; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 5px; text-decoration: none; border: 1px solid #CCC; }
.phantrang span { color: #FFF; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 5px; font-weight: bold; background-color: #000; }
.phantrang a:hover { color: #FFF; background-color: #333; }
/*----------------------------------------------------*/
.usual { margin-bottom: 10px; }
.usual ul#tab_content { margin: 0px; padding: 0px; }
.usual ul#tab_content li { float: left; list-style: none outside none; margin-right: 1px; margin-left: 4px; }
.usual ul#tab_content li img { width: 80px; height: 68px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #CCC; }
.usual ul#tab_content a { display: block; text-decoration: none !important; }
.usual ul#tab_content a:hover { }
.usual ul#tab_content a.selected { }
.content_tab { clear: both; margin: 0px; color: #2c2c2c; }

.tablelienhe{margin: 15px 0;}
.tablelienhe tr{margin-bottom: 10px;display: block;}
.tablelienhe tr td:nth-child(1){width: 100px;}
#map_canvas iframe{width: 100%;height: 300px;}

.effect_img { text-align: center; overflow: hidden; }
.effect_img img { transition: 0.7s;width: 100%; }
.effect_img:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

/*menu top*/
#menu {height: 45px;margin-top: 15px;}
#menu ul { list-style: none; }
#menu ul li {float: left;position: relative;}
#menu ul li img{margin-top: 11px;}
#menu ul li a {line-height: 45px;font-size: 16px;padding: 0px 25px;color: #373737;display: block;text-transform: uppercase;font-family: 'RobotoRegular';}
#menu ul li.menu_active a, #menu ul li:hover a {color: #C31125;}
#menu ul li ul { width: 230px; position: absolute; top: 100%; left: 0; display: none; z-index: 9999; }
#menu ul li ul li {background: #01488e;display: block !important;float: none;border-bottom: 1px solid #0960b5;}
#menu ul li ul li:last-child { border-bottom: none; }
#menu ul li ul li a {background: none !important;color: #fff !important;line-height: normal !important;padding: 8px 25px;text-transform: capitalize;}
#menu ul li ul li a:hover { color: #ff0 !important; }
#menu ul li ul li ul { top: 0; left: 100%; }
.contain_menu { position: relative; height: 51px; }
.menu_fixed { position: fixed !important; width: 100% !important; left: auto !important; top: 0px !important; z-index: 300; max-width: 1349px; min-width: 1349px; }

/*menu bootstrap*/
#btn_menu_bootstrap {z-index: 999;position: absolute;right: 10px;top: 0px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span {background: #000;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top: 50%;margin-top: -1px;}
#btn_menu_bootstrap:before {content: "";position: absolute;width: 100%;height: 2px;background: #000;top: 0;left: 0;}
#btn_menu_bootstrap:after {content: "";position: absolute;width: 100%;height: 2px;background: #000;bottom: 0;left: 0;}
#btn_menu_bootstrap:before, #btn_menu_bootstrap:after { transform-origin: left 1px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.move_btn_bootstrap:before { transform: rotate(45deg); }
.move_btn_bootstrap:after { transform: rotate(-45deg); }
.move_btn_bootstrap span { left: -200% !important; }

/*search*/
.click_search{color: #01488E;line-height: 45px;font-size: 22px;}
.frm_timkiem{display: none;position:  absolute;top: 85%;background:  #fff;width: 300px;z-index:  999;right:  0;line-height:  30px;border: 1px solid #ccc;border-radius: 3px;overflow: hidden}
#timkiem{cursor:  pointer;position:  relative;float: right;font-family: 'RobotoRegular';margin-right: 10px;margin-top: 8px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height: 30px;width: calc(100% - 40px);padding-left:10px;color: #000;}
#timkiem #btn{height: 30px;width: 40px;cursor:pointer;float:right;right:0;top:0;outline:none;border:none;background: #ed1c24;color:  #fff;font-size: 17px;}


.item_product{border: 1px dotted #CCCCCC;padding: 8px;margin-bottom: 20px;}
.info_product{text-align: center;padding: 5px 10px 10px }
.info_product h3{font-size: 14px;line-height: 25px;height: 25px;overflow: hidden;font-family: 'RobotoMedium';}
.info_product h3 a{color: #232323}
.info_product h3 a:hover{color: #D81111}
.price{color: #D81111;font-size: 14px;font-family: 'RobotoRegular';}


.module-product{ padding-top:20px}
.left-product{ width:270px;float:left; padding-top:0px}
.body-product{ width:calc(100% - 295px);float:left; margin-left:25px}
.widget_menu li{ list-style:none;font-size:12px; }
.widget_menu li a{ color:#07c1b6; text-decoration:none; }
.widget_menu li.active a,.widget_menu li a:hover{ color:#2b1d61}
.widget_menu li.level-1{text-align:center;font-size:18px;margin-bottom:25px;background: url(../images/block_title_product.png) repeat-x left center;}
.widget_menu li.level-1 span{background:#fff;padding:0 10px;text-transform: uppercase;}
.widget_menu li.level-2{padding-top:0px;background: url(../images/icon-category.png) no-repeat left top 5px;padding-left:20px;font-size:14px;margin-bottom:9px;padding-bottom:11px;border-bottom:1px solid #e4e4e4;}
.widget_menu li.level-2 a{ color:#333333}
.widget_menu li.level-2 a:hover{ color:#f00}
.widget_menu li.level-3{padding-top:0px;padding-left:56px;font-size:12px;margin-bottom: 5px;}
.widget_menu li.level-3 a{color:#333333;line-height: 20px;}
.widget_menu li.level-3 a:hover{ color:#f00}
.widget_menu li.level-2 .active,.widget_menu li.level-3 .active{font-weight:bold; font-style:italic}

.widget_menu h3{ margin-bottom:20px}
.widget_product{ font-size:12px}
.widget_product h3{ margin-bottom:10px}
.widget_product li{ list-style:none; padding-bottom:10px; border-bottom:dotted 1px #dadada; margin-bottom:10px;  }
.widget_product li img{ padding:2px; border:1px solid #e3e3e3; margin-bottom:10px}
.widget_product li a{ color:#454545; text-decoration:none;font-weight:bold;font-size:14px}
.widget_product li a:hover{ color:#ffba16}

.list_products li{ list-style:none; margin-bottom:28px}
.list_products li h4{ clear:both; padding-top:8px}
.list_products li h4 a{color:#333333;text-decoration:none;font-size: 14px;line-height: 20px;font-family: 'RobotoBold';}
.list_products li h4 a:hover{ color:#f00}
.thumbnail_product{width:268px;float:left}
.thumbnail_product_1{width:180px;float:left;margin-right: 15px;}
.thumbnail_product img{ background:url(../images/shadow_product.png) bottom center no-repeat; padding-bottom:10px;width: 100%}
.thumbnail_product_1 img{ background:url(../images/shadow_product.png) bottom center no-repeat; padding-bottom:10px;width: 100%}
.intro_product{width: calc(100% - 195px);float: left;}

.intro_product{color:#333333;font-size:14px; line-height:20px; padding-bottom:5px}
.show_total{font-size:14px; color:#333333; padding-bottom:6px; border-bottom:1px solid #e4e4e4; line-height:21px}
.noproduct{ text-align:center; padding:20px }
.description_product,.description_product p{ color:#333333; line-height:21px;font-size:14px}
.view_more_detail{color:#07c1b6;text-align:right;text-decoration:none;display: block;font-size:13px;}
.view_more_detail:hover{ color:#c00}

#news_page{ margin-top:30px; }
#category_left{ width:330px; text-align:right;float:left;background:url(../images/menu_sep.png) right top repeat-y;padding-right: 30px;}
#category_left a{  text-decoration:none; color:#3c3c3c;font-size:15px; font-weight:bold}
#category_left a:hover{ color:#05b196}
#category_left li{ list-style:none; margin-bottom:30px; padding-right:30px; background:url(../images/item_news.png) no-repeat right 5px}
#category_left li.active a{ font-size:16px; color:#05b196}
.wrap_news_page{ width:calc(100% - 350px);float:right}

.wrap_news_page h1 { text-align: center; font-size: 20px; color: #05b196; padding-top: 0; padding-bottom: 30px }
.wrap_news_page p { font-size: 14px; color: #505050; line-height: 19px; padding-bottom: 9px }
.wrap_news_page td { vertical-align: top }