@charset "utf-8";
@import url("font.css");
body{font-family: RR; font-size:14px; position:relative; background:#fff;}
header, section, footer { position: relative; width: 100%; max-width: 1366px; margin: 0 auto;}
b, strong, h1, h2, h3, h4, h5, h6 {font-family:RB; font-weight:normal; font-size:14px;}
.container { width: 1200px; margin: 0 auto; position: relative; }
/*=== Header ===*/
.header_top { background: #0064c7; font-size: 13px; color: #fff; padding: 2px 0; }
.header_top span { float: left; background: url(../images/nc/icon_hotline.png) no-repeat left; padding-left: 23px; display: block; line-height: 20px; }
.header_top span:nth-child(2) { float: right; background: url(../images/nc/icon_email.png) no-repeat left; }
.header_top span:nth-child(3) { float: right; background: url(../images/nc/icon_add.png) no-repeat left; margin-right: 25px; }
.header_bot {padding: 10px 0;}
.top_banner { display: block; float: left; line-height: 0; }
.top_search {float: left;margin-top: 10px;margin-left: 60px;}
.top_cart {float: right;color: #0064c7;text-transform: uppercase;font-family: RM;margin-top: 13px;}
.top_cart img, .top_cart span {display: inline-block;vertical-align: middle;margin-left: 5px;}
form#frm_search_nc { width: 425px; background: #fff; border: thin solid #e01010; box-sizing: border-box; border-radius: 5px; }
form#frm_search_nc select { width: 100px; float: left; border: none; border-right: thin solid #d5d5d5; padding: 10px 5px; background: transparent; font-size: 12px; color: #999999; }
form#frm_search_nc input { display: block; border: none; line-height: 36px; padding: 0; width: calc(100% - 100px - 47px); float: left; background: transparent; font-size: 12px; color: #999999; text-indent:10px;}
form#frm_search_nc div.btn-submit { float: right; width: 47px; height: 36px; background: url(../images/nc/icon_search.png) no-repeat center #e01010; border-radius: 0px 5px 5px 0px; }
/*=== Section ===*/
#slider-wrapper {position: relative;z-index: 0;}
#slider-wrapper .nivoSlider { margin-bottom: 0 !important; box-shadow: none !important;}
#slider-wrapper .nivo-controlNav{ position: relative; padding: 15px 0px 0px 0px; background: url(../images/bg_slider.png) no-repeat top; margin-top: 1px; }
#slider-wrapper .nivo-directionNav a{background: url(../images/nc/icon_thuong.png) no-repeat center}
#slider-wrapper .nivo-controlNav a.active{background: url(../images/nc/icon_chon.png) no-repeat center}
.nc_slider {border-top: 2px solid #0064c7;padding: 10px;box-shadow: 0px 0px 10px #ccc;}
.slider_left {width:240px; float: left;}
.slider_right {width:925px; float:right;}
.slider_left h5 {background: #0064c7;font-size: 15px;font-family: RM;text-transform: uppercase;color: #fff;line-height: 43px;text-indent: 25px;}
ul.nc_menuleft {border: thin solid #cacaca;border-top: none;list-style: none;}
ul.nc_menuleft li {position:relative;}
ul.nc_menuleft li a {display:block;border-top: thin solid #cacaca;padding: 10px 20px;background: url(../images/nc/icon_dmsp.png) no-repeat 8px 17px, url(../images/nc/icon_dmsp1.png) no-repeat 98% 50%;font-size: 13px;color: #3e3e3e;text-transform: uppercase;}
ul.nc_menuleft ul li a {}
ul.nc_menuleft ul, ul.nc_menuleft li:hover ul ul, ul.nc_menuleft ul li:hover ul ul {list-style:none;position: absolute;top: 0;left: 100%;z-index: 9;background: #fff;width: 100%;display: none;}
ul.nc_menuleft li:hover ul, ul.nc_menuleft ul li:hover ul, ul.nc_menuleft ul ul li:hover ul {display:block;}
.grouptab_index { position: relative; min-height: 320px; }
ul.tabsindex {margin: 0;padding: 0;list-style: none;margin: 20px 0;box-shadow: 0px 0px 10px #ccc;}
ul.tabsindex li {float: left;line-height: 43px;padding: 0 20px;font-size: 17px;text-transform: uppercase;color: #333333;cursor: pointer;font-family: RB;border-bottom: 3px solid #a9a9a9;border-left: thin solid #cacaca;}
ul.tabsindex li:first-child { border-left: 0; }
ul.tabsindex li.current, ul.tabsindex li:hover {color: #0064c7;border-bottom: 3px solid #0064c7;}
.tab-content {opacity:0; position:absolute; top:0; left:0; right:0; z-index:1;}
.tab-content.current {opacity:1; z-index:9;}
.title_index {border-top: thin solid #0064c7; border-bottom: thin solid #0064c7; background: #f9f9f9;margin: 10px 0;}
.title_index h4 {display:inline-block;vertical-align: middle;background: url(../images/nc/bg_title2.png) no-repeat top left, url(../images/nc/bg_title1.png) no-repeat top right #0064c7;font-size: 20px;font-family: RCB;text-transform: uppercase;color: #fff;padding: 0 30px 0 65px;line-height: 45px;}
.title_index a.view_cat {display:inline-block;color: #3e3e3e;text-transform: uppercase;font-family: RM;vertical-align: middle;line-height: 41px;border-bottom: 3px solid #a9a9a9;margin-bottom: -3px;padding: 0 10px;}
.title_index a.view_list {display:inline-block;float: right;color: #5a5a5a;background: url(../images/nc/icon_view.png) no-repeat right;padding-right: 10px;line-height: 45px; margin-right:5px;}
/*=== Slick ===*/
.doitac_slider .slick-next, .doitac_slider .slick-prev, .pro_slider .slick-next, .pro_slider .slick-prev { width: 9px; height: 22px; transform: inherit; top: 38%; }
.pro_slider .slick-prev, .pro_slider .slick-prev:focus, .pro_slider .slick-prev:hover { left: -10px; background: url(../images/nc/pre.png) no-repeat center; }
.pro_slider .slick-next, .pro_slider .slick-next:focus, .pro_slider .slick-next:hover { right: -10px; background: url(../images/nc/next.png) no-repeat center; }
.doitac_slider .slick-prev, .doitac_slider .slick-prev:focus, .doitac_slider .slick-prev:hover { left: 0; background: url(../images/nc/pre.png) no-repeat center; }
.doitac_slider .slick-next, .doitac_slider .slick-next:focus, .doitac_slider .slick-next:hover { right: 0; background: url(../images/nc/next.png) no-repeat center; }
/*=== Product ===*/
.pro_item1 {position:relative;border: thin solid #cacaca;margin: 0 10px;padding: 7px;}
.pro_item {width: 280px;float: left;position:relative;border: thin solid #cacaca;margin: 10px 0;margin-right: 26px;padding: 7px;box-sizing: border-box;}
.pro_item:nth-child(4n){margin-right:0;}
.pro_item:nth-child(4n+1){clear: both;}
.pro_img {display:block;/* padding: 7px; */}
.pro_img img {display:block;width: 100%;}
.pro_name {display:block;color: #3e3e3e;font-family: RB;padding: 5px 0;}
.pro_order {margin: 5px 0;position: relative;}
.pro_order b {display:block;font-size: 15px;color: #f40101;}
.pro_order span {display:block;font-size: 13px;color: #676666;text-decoration: line-through;}
.pro_order a {display:block;position: absolute;top: 0;right: 0;line-height: 26px;background: url(../images/nc/icon_cart1.png) no-repeat 5px 6px #0064c7;color: #fff;font-size: 12px;padding: 0 5px 0 25px;border-radius: 5px;z-index: 9; transition: 0.3s;}
.pro_order a:hover {background: url(../images/nc/icon_cart1.png) no-repeat 5px 6px #e01010;text-decoration: inherit;color: #fff;}
.pro_mota{ position: absolute; padding: 10px; width: 220px; display: none; visibility: hidden; background: #FFC; z-index: 1000; border: 2px solid #FC6; }
/*=== Bottom ===*/
.bottom {padding:30px 0}
.bottom_item { width: 777px; float:right;}
.bottom_item:first-child {width: 392px; float: left}
.bottom_title {display:block;background: url(../images/nc/line_title.png) repeat-x left;margin-bottom: 10px;}
.bottom_title strong{display:inline-block;font-size: 22px;color: #0064c7;text-transform: uppercase;background: url(../images/nc/icon_title.png) no-repeat right #fff;padding-right: 30px;}
#box_video iframe {width:100%; height: 270px;}
.video_item {display:block;margin: 8px 4px;position: relative;}
.video_item img {display:block; width: 100%;}
.video_item img.video_play {width:auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 9;}
.tintuc_item1 {width:360px;float:left}
.tintuc_img1 {display:block;}
.tintuc_img1 img {display:block;}
.tintuc_name1 {font-size: 12px;color: #212121;padding: 10px 0;}
.tintuc_name1 a {display:block;color: #0064c7;font-size: 15px;font-family: RM;}
.tintuc_view1 {display:inline-block;line-height: 48px;border: thin solid #005bb8;color: #005bb8;text-transform: uppercase;font-size: 12px;padding: 0 15px;}
.news_slider {width:400px;float:right}
.tintuc_item {padding-bottom:8px; margin-bottom:8px;}
a.tintuc_img {display:block;float: left;}
a.tintuc_img img {display:block;}
.tintuc_name {display:block;width: calc(100% - 160px);float: right;font-size: 12px;color: #212121;}
.tintuc_name a {display:block;font-size: 15px !important;color: #0064c7 !important;font-family: RM;}
.tintuc_name span {display:block;height: 64px;overflow: hidden;}
.doitac {background: #f0f0f0}
.doitac_slider {padding: 20px 15px;}
.doitac_item {margin: 0 3px;border: thin solid #cccccc;}
.doitac_item img {display:block; width:100%;}
/*=== Footer ===*/
footer {background: #0064c7; color: #fff;}
.ft_top {border-bottom: thin solid #0071e0;}
.ft_cen {padding:10px 0; border-top: thin solid #0045b1; border-bottom: thin solid #0071e0;}
.ft_bot {padding: 10px 0px; border-top: thin solid #0045b1; color:#f5f5f5;font-size:12px; font-family:RL;}
.ft_top_left {width:50%;float:left;border-right: thin solid #0071e0;box-sizing: border-box;padding: 20px;}
.ft_top_left1 {width: 40%;float:left;}
.ft_top_left2 {width: 60%;float:left;}
strong.ft_top_title {display:block;font-size: 15px;text-transform: uppercase;margin-bottom: 10px;}
.ft_top_left2 img {display:inline-block;vertical-align:middle;margin-right: 5px;}
.ft_top_left2 a {float:right;display:inline-block;}
.ft_top_right {width:50%;float:right;border-left: thin solid #0045b1;box-sizing: border-box;padding: 20px;}
.ft_top_right select {display:block;width: 100% !important;height: auto !important;border: none;background: #0080ff;color: #fff;padding: 12px 10px;}
.ft_left {float: left; width: 440px;}
.ft_center {float: left; width: 335px; margin: 0 70px;}
.ft_right {float: right; width: 285px;}
strong.ft_title {display:block;font-size: 18px;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 10px;background: url(../images/nc/line_footer.png) no-repeat bottom left;}
form#form_contact_ft input {display:block;width: 100%;border: none;padding: 0;margin-bottom: 1px;line-height: 27px;text-indent: 10px;}
form#form_contact_ft textarea {display:block;width: 100%;border: none;padding: 7px 0;margin-bottom: 1px;text-indent: 10px;height: 32px;}
form#form_contact_ft button {display: block;float: right;border: thin solid #3aa0ff;padding: 0 15px;background: #0084ff;color: #fff;line-height: 22px;border-radius: 5px;margin-top: 4px;}
.ft_bot span {display:block;float:right}
.ft_bot span:first-child {float:left}
/*=== Placeholder ===*/
::-webkit-input-placeholder { font-size: 12px; color: #9b9b9b; }
::-moz-placeholder { font-size: 12px; color: #9b9b9b; }
:-ms-input-placeholder { font-size: 12px; color: #9b9b9b; }
:-moz-placeholder { font-size: 12px; color: #9b9b9b; }