@charset "utf-8";
@import url("font.css");
@font-face { font-family: 'SVNCarington'; src: url('fonts/SVNCarington/fonts/SVN-Carington.eot'); src: local('☺'), url('fonts/SVNCarington/fonts/SVN-Carington.woff') format('woff'), url('fonts/SVNCarington/fonts/SVN-Carington.ttf') format('truetype'), url('fonts/SVNCarington/fonts/SVN-Carington.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SFUMachine'; src: url('fonts/SFUMachine/fonts/SFUMachineRegular.eot'); src: local('☺'), url('fonts/SFUMachine/fonts/SFUMachineRegular.woff') format('woff'), url('fonts/SFUMachine/fonts/SFUMachineRegular.ttf') format('truetype'), url('fonts/SFUMachine/fonts/SFUMachineRegular.svg') format('svg'); font-weight: normal; font-style: normal; } 
body { font-family: 'OR';, sans-serif; font-size: 14px; line-height: 1.5; margin: 0 auto; width: 100%;} a, ul, li { text-decoration: none; }
b, strong, h1, h2, h3, h4, h5, h6{font-family: 'OB';font-weight: normal;margin:0;}
.clear { clear:both; }
.clear-fix:after { clear:both; content:''; display:block;}
.seo { height: 0px;  margin: 0px !important; padding: 0px !important; overflow: hidden; }
div#at4-share { display: none !important; }
header, section, footer {position: relative; margin:0 auto; width:100%; min-width: 1200px;max-width: 1366px;}
#container {margin:0 auto;width:1200px;position:relative;} 
/*=== Header ===*/
#header_top {position: relative;padding: 10px 0;background: url(../images/bg_banner.png) no-repeat top;}
.logo_top {display:block;float: left;line-height: 0;position:relative;}
.banner_top {display:block;float: left;min-width: 50%;text-align: center;line-height: 1.2;}
.banner_top strong {display:block;font-size: 60px;color: #307499;font-family: SFUMachine;}
.banner_top span {display:block;color: #de0000;font-size: 18px;/* font-family: SVNCarington; */text-transform: uppercase;font-family: OS;margin-top: 10px;}
.righ_top {float:right;text-align: right;}
.hotline_top {display: block;margin-top: 12px;color: #4a4a4a;background: url(../images/icon_hotline.png) no-repeat left;padding-left: 40px;text-align: left;}
.hotline_top b {display:block;color: #4a4a4a;font-size: 15px;}
/*=== Menu ===*/
#menu_top {position: relative;width: 100%;z-index: 999;background: #efefef;}
#menu_top:before {content:'';position:absolute;bottom:0;left:0;right:0;border: 1px solid #307499;}
ul#menu {position: relative;padding: 0;margin: 0;list-style: none;float: left;}
#menu.menuleft {float:left;}
#menu.menuright {float:right;}
ul#menu li {position: relative;display:inline-block;vertical-align: top;float: left;/* background: url(../images/line_menu.png) no-repeat left; */min-width: 130px;}
ul#menu > li.active:before, ul#menu > li:hover:before {content:'';position: absolute;width: 176px;height: 60px;bottom: 0px;background: url(../images/bg_hover.png) no-repeat top; */z-index: 1;left: -13%;}
ul#menu > li:first-child {background: none;}
ul#menu > li:last-child > a{/* padding-right: 0; */}
ul#menu li a {font-size: 16px;color: #307499;font-family: RM;display: block;padding: 15px 20px 13px;text-align: center;position: relative;text-transform: uppercase;z-index: 9;/* min-width: 14.2%; */} 
ul#menu > li:first-child:hover > a, ul#menu > li:first-child.active > a{}
ul#menu li:hover a, ul#menu li.active a{color:#fff}
ul#menu li ul, ul#menu li:hover ul ul, ul#menu li ul li:hover ul ul {padding: 0;top: 0px;margin: 0 auto;z-index: 99999;position: absolute;display: none;width: 230px;background: rgb(239, 239, 239);text-align: left;}
ul#menu li:hover ul{top: 100%;display:block;left: 0;}
ul#menu li ul li { float: none; padding: 0px; background: 0 !important; display: block; margin: 0 !important; width: 100%; }
ul#menu li ul li a, ul#menu li:hover ul a, ul#menu li.active ul a {text-transform: none;padding: 7px 10px;border:0;border-top: thin solid #307499;background: none;text-align: left;background:transparent;color: #454545;font-size: 13px;font-family: RR;margin: 0;} 
ul#menu li ul li a:hover{background: #307499;color: #fff;}
ul#menu li ul li:first-child a{}
ul#menu li ul li:hover ul, ul#menu li ul li ul li:hover ul {left: 100%;top:0px;display:block;}
/*=== Search ===*/
.icon_search {float: right;position: relative;line-height: 0;padding: 10px 15px;}
.hien { width: 250px!important; opacity: 1 !important; }
form#frm_search {float: right;width: 230px;box-sizing: border-box;background: #fff;z-index: 9;text-align: center;position: relative;margin-top: 9px;border-radius: 30px;}
input#search_input {width: 80%;float: left;border: none;padding: 0;font-size: 12px;color: #000;line-height: 33px;background: transparent;text-indent: 10px;display: inline-block;}
a#tnSearch {width: 20%;float: right;text-align: center;line-height: 33px;display: block;background: url(../images/icon_search.png) no-repeat center #307499;text-indent: -99999px;border-radius: 0 30px 30px 0;/* position: absolute; *//* top: 11px; *//* right: 20px; */}
form#frm_search ::-webkit-input-placeholder { font-size: 14px; color: #000; }
form#frm_search ::-moz-placeholder { font-size: 14px; color: #000; }
form#frm_search :-ms-input-placeholder { font-size: 14px; color: #000; }
form#frm_search :-moz-placeholder { font-size: 14px; color: #000; }
form.search_nangcao { background: #004d9b; padding: 10px; margin-top: 10px; color: #fff; font-family: Tahoma; }
form.search_nangcao span { text-transform: uppercase; display: block; font-weight: bold; font-size: 18px; color: #ff7300; padding-bottom: 10px; }
.select_search { width: 22%; float: left; box-sizing: border-box; padding-right: 10px; }
.select_search select { width: 100%; border: none; padding: 6px; }
.select_search button { padding: 0; border: none; background: #ff7300; text-transform: uppercase; line-height: 29px; font-size: 12px; font-weight: bold; width: 100%; }
.select_search:nth-child(5) { width: 12%; padding: 0; }
/*=============================Body=============================*/
.slider_item {display:block;margin: 0 7px;border: 2px solid #fff;}
.slider_item img {display:block;width: 100%;}
#wrapper_slider{padding:20px 0;}
.slider_left {width:252px; float:left;}
.slider_center {width:661px;float:left;margin: 0 7px;}
.slider_right {width:272px;float:right;}
.ha_item{display:block; line-height:0;}
.ha_item:first-child{margin-bottom:7px;}
#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-controlNav a{background: url(../images/icon_thuong.png) no-repeat center}
#slider-wrapper .nivo-controlNav a.active{background: url(../images/icon_chon.png) no-repeat center}
.slogan_top {position:absolute;bottom:0;left:0;right:0;background: rgba(0, 0, 0, 0.5);color:#fff;z-index: 9;padding: 10px 0;}
.col_left {width: 250px;float: left;}
.col_right {width: 925px;float: right;}
.title_index {background: url(../images/icon.png) no-repeat left;padding: 30px 0px 30px 100px;}
.title_index h3 {display:inline-block;vertical-align:middle;text-transform: uppercase;color: #307499;position: relative;font-size: 30px;font-family: RB;line-height: 40px;}
.title_index h3:before {content:'';position: absolute;top: 0;bottom: 0;left: 100%;width: 42px;background: url(../images/bg_title1.png) no-repeat right;}
.title_index h3:after {/* content:''; */position: absolute;top: 0;bottom: 0;left: 100%;width: 25px;background: url(../images/bg_title1.png) no-repeat right;}
.title_index a {display:block;float: right;color: #383838;font-size: 12px;padding: 14px 10px 5px;font-family: RM;}
.title_index a:hover{color:#f00}
.title_index.titleindex h3 {color:#fff;background: url(../images/line_title1.png) no-repeat bottom;}
.title_index1 {margin-bottom: 10px;border-bottom: thin solid #1e6ed0;}
.title_index1 h3 {display: inline-block;font-size: 17px;text-transform: uppercase;font-family: RCB;color: #2171d3;position: relative;background: #fff;padding-right: 10px;border-bottom: 2px solid;}
.title_seo {color: #73b01e;font-size: 13px;font-style: italic;margin-top: 10px;text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.title_seo a {color: #73b01e;}
.title_seo a:hover {text-decoration: underline;color:#263354;}
.group_index {position:relative; padding: 35px 0;}
.group_left:before { content: ''; position:absolute; top: 0; left: 0; width: 240px; height: 167px; background: url(../images/bg.png) no-repeat top; }
.group_right:before { content: ''; position:absolute; top: 0; right: 0; width: 240px; height: 167px; background: url(../images/bg1.png) no-repeat top; }
.group_right .title_index {background: url(../images/icon.png) no-repeat right;padding: 30px 100px 30px 0; text-align:right;}
.group_ser {background:url(../images/bg_index.png) no-repeat top;}
.group_about {width: 580px;float: left;}
.group_about span {display:block;}
.group_about a {display:block;float: right;line-height: 34px;color: #666666;font-size: 13px;border: thin solid #666666;padding: 0 20px 0 10px;background: url(../images/icon_xem.png) no-repeat 93% 50%;transition: 0.4s;}
.group_about a:hover {color:#fff;background: url(../images/icon_xem.png) no-repeat 93% 50% #666;}
.group_nhanluc {width: 580px;float: right;background: url(../images/bg_nhanluc.png) no-repeat top;background-size: cover;}
.nhanluc_item1 {display:block;text-align: center;}
.nhanluc_title {display: inline-block;background: #fff;transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);margin: 10px 0;}
.nhanluc_title strong {display:block;color: #307499;line-height: 36px;padding: 0 20px;transform: rotate(0deg) scale(1, 1) skew(30deg, 0deg) translate(0, 0);text-transform: uppercase;}
.nhanluc_item {display: inline-block;vertical-align: top;max-width: 103px;margin: 5px 10px;}
.nhanluc_img {display:block;border-radius: 50%;border: thin solid #fff;padding: 3px;}
.nhanluc_img img {display:block;width: 100%;border-radius: 50%;}
.nhanluc_name {display:block;font-size: 13px;color: #fff;font-family: OB;margin-top: 5px;min-height: 38px;}
.nhanluc_item:hover .nhanluc_name {color:#ff0}
.nhanluc_item1:first-child .nhanluc_item{/* display:block; */max-width: 124px;}
.view_pro_all {display:block;text-align: right;}
.view_pro_all span{display:inline-block;line-height: 34px;color: #666666;font-size: 13px;border: thin solid #666666;padding: 0 20px 0 10px;background: url(../images/icon_xem.png) no-repeat 93% 50%;transition: 0.4s;}
.view_pro_all span:hover {color:#fff;background: url(../images/icon_xem.png) no-repeat 93% 50% #666;}
/*=== Left ===*/
.project_item {display:block;margin: 8px;}
.project_item img {display:block;width: 100%;}
.project_item span {display:block;color: #3e3e3e;text-align: center;font-family: RB;margin: 10px 10px 0;height: 40px;overflow: hidden;}
.col_item {position: relative;background: #fff;box-shadow: 0px 0px 2px #ccc;margin-bottom: 20px;padding-top: 50px;}
.title_left {background: url(../images/bg_dmsp.png) no-repeat top left;font-size: 15px;text-transform: uppercase;color: #fff;position: absolute;font-family: RCB;padding: 25px 10px 10px 20px;width: 100%;top: -6px;left: -6px;}
.col_body{padding: 0 8px;/* border: thin solid #ebebeb; */}
.title_dmsp {border: thin solid #ebebeb;border-top: 3px solid #f00;font-size: 16px;color: #5d5d5d;text-transform: uppercase;padding: 10px;background: url(../images/dmsp.png) no-repeat 94% 46%;}
ul.menu_left {margin: 0;padding: 0;list-style: none;position: relative;z-index: 9;}
ul.menu_left li {display:block;position: relative;}
ul.menu_left li a {display:block;font-family: Arial;color: #121212;background: url(../images/icon_dmsp.png) no-repeat 11px 16px, url(../images/bg_dmsp1.png) no-repeat bottom;padding: 10px 25px;}
ul.menu_left > li:first-child > a {}
ul.menu_left li:hover > a{color:#f00;}
ul.menu_left li ul, ul.menu_left li:hover ul ul, ul.menu_left li ul li:hover ul ul {padding: 0;top: 0px;margin: 0 auto;z-index: 99999;position: absolute;display: none;width: 100%;text-align: left;background: #fff;}
ul.menu_left li:hover ul{top: 0;display:block;left: 100%;}
ul.menu_left li ul li {margin: 0;border-radius: 0;box-shadow: inherit;border: 0;background: rgba(255, 255, 255, 0.6);}
ul.menu_left li ul li a, ul.menu_left li:hover ul a, ul.menu_left li.active ul a {text-transform: none;text-align: left;/* background: none; *//* padding: 5px 14px; *//* border-bottom: thin solid rgba(255, 255, 255, 0.6); *//* border-radius: 0; */} 
ul.menu_left li ul li a:hover{color: #f00;}
ul.menu_left li ul li:first-child a{}
ul.menu_left li ul li:hover ul, ul.menu_left li ul li ul li:hover ul { left:100%; top:0px; display:block; }
form.form_bottom div {margin-bottom:10px;}
form.form_bottom span {display:block; color:#7b7b7b}
form.form_bottom input {display:block;width: 100%;box-sizing: border-box;border: thin solid #dcdcdc;padding: 0;line-height: 28px;}
form.form_bottom textarea {display:block;width: 100%;box-sizing: border-box;border: thin solid #dcdcdc;padding: 0;line-height: 28px;}
form.form_bottom button {background:#128afd;border: none;padding: 0 20px;color: #fff;font-family: RCR;font-size: 15px;line-height: 30px;border-radius: 6px;margin-bottom: 10px;}
.hotro_left {background: url(../images/bg_hotro.png) no-repeat top left;padding: 0;}
.hotro {padding: 25px 0 25px 100px;text-align: center;line-height: 1;}
.hotro span {display:block;font-size: 16px;font-family: UTMAvoBold;color: #f00;}
.hotro1 {display:block;padding: 10px;border-top: thin dashed #ccc;position: relative;font-size: 16px;color: #333333;font-family: RM;}
.hotro1 div {display:block;position: absolute;top: 5px;right: 10px;line-height: 0;}
.hotro1 strong {display:block;font-family: RM;}
.hotro1 span {display:block;}
.hotro1 b {color: #f00;}
.hotro2 {display:block;border-top: thin dashed #ccc;padding: 10px;color: #222222;font-family: Arial;}
.hotro2 img {display: inline-block;vertical-align: middle;}
/*=== Bottom ===*/
.group_congtrinh {padding:20px 0}
.group_congtrinh h5 {color:#fff;margin: 0;text-align: center;font-size: 31px;font-family: RCB;background: url(../images/line_bottom.png) no-repeat bottom;padding-bottom: 15px;margin-bottom: 20px;}
#bottom {position: relative;width: 100%;max-width: 1366px;box-sizing: border-box;margin:0 auto;padding: 30px 0;background: url(../images/bg_bottom.png) no-repeat top;}
.bottom_item {float: left;width: 578px;box-sizing: border-box;position:relative;}
.bottom_item:first-child {/* float: left; *//* width: 754px; */}
.bottom_item:last-child {float: right;}
.bottom_dmsp a {display:inline-block;vertical-align: middle;font-family: Arial;font-size: 12px;color: #363636;border: thin solid #ebebeb;line-height: 32px;margin-bottom: 5px;padding: 0 5px;}
.bottom_dmsp a:hover{color:#fff;background: #0971bc;border: thin solid #0971bc;}
.title_bottom {margin-bottom: 15px;padding-bottom: 10px;/* border-bottom: 2px solid #0b4ca4; */background: url(../images/line_title1.png) no-repeat bottom left, url(../images/line_title.png) repeat-x bottom left;}
.title_bottom span {display: inline-block;font-size: 18px;text-transform: uppercase;color: #0096ff;position: relative;}
.group_doitac {background: url(../images/bg_doitac.png) no-repeat top;}
.doitac_slider {/* padding: 0 50px; */}
.doitac_item {display: block;position:relative;margin: 0px 6px;border: thin solid #ebebeb;background: #fff;}
.doitac_item  img{ display:block; width:100% }
/*=== Slick ===*/
.doitac_slider .slick-prev, .doitac_slider .slick-next{width: 32px;height: 30px;z-index:9;top: -40px;transform: inherit;}
.doitac_slider .slick-prev,.doitac_slider .slick-prev:hover,.doitac_slider .slick-prev:focus{background:url(../images/pre1.png) no-repeat top center;left: auto;right: 40px;}
.doitac_slider .slick-next,.doitac_slider .slick-next:hover,.doitac_slider .slick-next:focus{background:url(../images/next1.png) no-repeat top center;right: 0;}
.ser_slider {padding-top:10px}
.ser_slider .slick-prev, .ser_slider .slick-next{width: 32px;height: 30px;z-index:9;top: -40px;transform: inherit;}
.ser_slider .slick-prev,.ser_slider .slick-prev:hover,.ser_slider .slick-prev:focus{background:url(../images/pre.png) no-repeat top center;left: auto;right: 40px;}
.ser_slider .slick-next,.ser_slider .slick-next:hover,.ser_slider .slick-next:focus{background:url(../images/next.png) no-repeat top center;right: 0;}
/*=== Contact ===*/
.left-contact{/* padding:10px; *//* margin-bottom:20px;border-radius:5px;box-shadow:0 0 6px #ccc;background:#fff */width: 50%;float: left;}
.nd_contact{/* width:50%; *//* float:left */}
form.from_contact{/* width:49%; *//* float:right; *//* padding-left:1%; *//* border-left:1px solid #cdcdcd; */box-sizing:border-box;}
form.from_contact textarea{width:95%;border:thin solid #cdcdcd;padding:10px;margin-bottom:5px}
form.from_contact input{width:95%;border:thin solid #cdcdcd;padding:10px;margin-bottom:5px}
form.from_contact .input_block input{width:auto; background:#383838;color:#fff;border:none;padding:6px 15px;border-radius:5px;margin-right:5px;box-shadow:2px 2px 1px rgba(0,0,0,.72)}
.map_c {/* margin-bottom: 20px; */width: 48%;float: right;}
.map_item {width: 49%;float: left;margin-right: 2%;}
.map_item:nth-child(2n) { margin-right: 0;}
.map_item > span {font-size: 15px;font-weight: 700;background: #ccc;display: inline-block;line-height: 40px;padding: 0 20px;}
/*=== News ===*/
.ser_item {position: relative;margin: 0 10px;}
.ser_item1 {width:294px;float:left;margin:0;margin-right: 21px;margin-bottom: 20px;}
.ser_item1:nth-child(3n) {margin-right:0;}
.ser_item1:nth-child(3n+1) {clear: both;}
.ser_img {display:block;/* border: thin solid #d9d9d9; *//* background: #eee; *//* padding: 5px; */}
.ser_img img {display:block;width: 100%;}
.ser_img img:hover {opacity:0.8}
.ser_name {display:block;font-size: 13px;color: #fff;text-align: justify;}
.ser_name a {display:block;font-size: 13px;color: #fff;margin: 10px 0;line-height: 1;font-family: OB;}
.ser_name a:hover {color:#ff0;}
.ser_name span {display:block;height: 37px;overflow: hidden;}
.tintuc_item1 {width: 346px;float: left;}
.tintuc_img1 { display: block; line-height: 0; }
.tintuc_img1 img { width: 100%; }
.tintuc_name1 {color: #2f2f2f;line-height: 1.3;font-size: 13px;}
.tintuc_name1 a {display: block;color: #2f2f2f !important;font-size: 14px !important;font-family: RM;margin: 10px 0;text-transform: uppercase;}
.tintuc_name1 a:hover {color: #f00 !important;}
.tintuc_name1 a.tintuc_view {float:right;font-size: 11px !important;color: #1972d5 !important;margin: 0;}
.tintuc_name1 b{display: block;color: #707070;font-size: 10px;font-family: RCL;background: url(../images/icon_date.png) no-repeat left;padding-left: 15px;}
.tintuc_name1 span {display: block;height: 50px;overflow: hidden;position: relative;text-align: justify;}
a.tintuc_view1 {display:inline-block;font-size: 13px;color: #2f2f2f;background: #fff;text-transform: uppercase;line-height: 39px;border: 2px solid #333333;padding: 0 15px;margin-top: 10px;}
.news_slider {/* width: 395px; *//* float:right; */}
.tintuc_item {padding-bottom: 10px;margin-bottom: 10px;}
.tintuc_item:first-child{/* margin-right: auto; */}
.tintuc_img {display: block;width: 158px;float: left;box-sizing: border-box;}
.tintuc_img img { display: block; width: 100%; }
.tintuc_name {width: calc(100% - 170px);float:right;color: #646464;line-height: 1.3;font-size: 13px;}
.tintuc_name a {display: block;color: #404040 !important;font-size: 17px !important;font-family: RM;}
.tintuc_name a:hover {color: #f00 !important;}
.tintuc_name a.tintuc_view {float:right;font-size: 11px !important;color: #1972d5 !important;margin: 0;}
.tintuc_name b{display: block;color: #707070;font-size: 10px;font-family: RCL;background: url(../images/icon_date.png) no-repeat left;padding-left: 15px;}
.tintuc_name span {display: block;height: 30px;overflow: hidden;position: relative;margin-top: 5px;}
.news_item {display:block;width: 49%;float: left;margin-right: 2%;border: thin solid #ccc;box-sizing: border-box;padding: 5px;margin-bottom: 20px;background: #fff;}
.news_item:nth-child(2n) {margin-right: 0;}
.news_item:nth-child(2n+1) {display:block;}
.img_news {display:block;width: 35%;float: left;}
.img_news img {display:block;width: 100%;}
.name_news {display:block;width: 63%;float: right;}
.name_news a {display:block;color: #445f9a;font-family: 'RB';font-size: 16px;}
.name_news a:hover {color: #f00;}
.name_news span {display:block;margin: 5px 0;height: 48px;overflow: hidden;line-height: 1.2;}
.name_news a.view_news {float: right;border: thin solid #cecece;border-radius: 5px;padding: 5px 10px;height: auto;line-height: 1;background: #eee;text-transform: none;transition:0.2s;margin: 0;display:block;font-family: 'RR';font-size: 12px;color: #000;}
.name_news a.view_news:hover { background: #cecece;}
ul.othernews{margin:0;padding:0;list-style-type:square;list-style-position:inside;color:#7F7F7F}ul.othernews li a{color:#666}ul.othernews li a:hover{color:#1B95E0}
.tintuc_item2 {position: relative;overflow:hidden;box-sizing: border-box;margin: 0 45px;}
.tintuc_item2:nth-child(2) {margin: 0;width: 620px;margin: 0 20px;}
.tintuc_img2 {display:block;background: #fff;border-radius: 50%;margin: 0 50px;}
.tintuc_img2 img {display:block;/* transform: scale(1); *//* transition: all 1s ease-out 0s; */border-radius: 50%;width: 100%;}
.tintuc_item2:hover img{ transform: scale(1.05); transition: all .5s ease-out 0s; }
.tintuc_name2 a{color:#f3f3f3;font-size: 20px;font-family: RCB;display: block;text-align: center;text-transform: uppercase;}
.tintuc_name2 a:hover{color:#ff0;}
/*=== Video ===*/
.col_video{margin: 10px 0;}
#box_video{/* width:420px; *//* float:left; *//* margin-top: 5px; */}
#box_video iframe{width:100%;height: 310px;display: block;}
.video_lienquan{width:100%;font-size:13px;color: #808080;font-family: RCL;font-style: italic;border:none;background: #f1f1f1;padding: 12px;}
.video_slider{/* width:152px; *//* float:right; *//* position: absolute !important; *//* bottom: 0; *//* left: 0; *//* right: 0; *//* background: rgba(0, 0, 0, 0.5); *//* padding: 12px 40px; */}
.video_item{display:block;position: relative;margin: 6px 3px;}
.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}
.video_detail { width: 48%; float: left; margin: 2% 0; margin-right: 4%; }
.video_detail  iframe{ width: 100%; height:250px; }
.video_detail:nth-child(2n) { margin-right: 0; }
.video_detail:nth-child(2n+1) { clear: both; }
/*=== Product ===*/
.group_product {background:url(../images/bg_sp.png) no-repeat top;margin: 20px 0;}
.group_product strong {display:block;font-size: 20px;text-transform: uppercase;color: #fff;padding: 2px 18px;}
.pro_img1 {display:block;border: thin solid #4aa7ff;padding: 5px;}
.pro_img1 img {display:block;}
.pro_name1 a {display:block;font-size: 15px;color: #fff;text-transform: uppercase;text-align: center;padding: 6px;}
.pro_item1 {position: relative;box-sizing: border-box;margin: 20px 15px 10px;}
.pro_item {position: relative;width: 280px;float: left;margin-bottom: 25px;margin-right: 25px;box-sizing: border-box;}
.pro_item:nth-child(4n) { margin-right:0; }
.pro_item:nth-child(4n+1) { clear:both; }
.pro_item:before {content:'';position: absolute;top: 100.4%;left: 0;right: 0;height: 5px;background: url(../images/bong_sp.png) no-repeat bottom;}
.pro_img {display: block;position: relative;overflow: hidden;/* width: 190px; *//* float: left; */}
.pro_img img {display:block;width: 100%;transform: scale(1);transition: all 1s ease-out 0s;}
.pro_img img.pro_vip {position:absolute;top: 0;right: 0;width: auto;}
.pro_img:hover img{ transform: scale(1.05); transition: all 1s ease-out 0s; }
/*.pro_img span{display:block;position: absolute;top: 40%;bottom: 40%;left: 25%;right: 25%;text-align: center;color: #fff;padding: 8px 20px;border-top: thin solid #fff;border-bottom: thin solid #fff;font-size: 16px;text-transform: uppercase;font-family: RCR;opacity: 0;}
.pro_img:hover span{opacity:1;}
.pro_img:before { content:''; position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 5px solid rgba(255, 255, 255, 0.45);z-index: 9;}*/
.pro_name {display: block;position: relative;color: #646464;font-size: 13px;padding: 10px 0;}
.pro_name a {display: block;color: #307499;margin-bottom: 3px;font-family: OB;text-transform: uppercase;}
.pro_name a:hover { color: #f00!important; }
.pro_name span {display:block;height: 60px;overflow: hidden;}
.pro_name img {display:inline-block !important; vertical-align:middle;}
.pro_name strong{display:inline-block;vertical-align:middle;color: #2b67e1;font-family: RR;}
.pro_name b{/* display:inline-block; *//* vertical-align:middle; *//* width: 70px; *//* padding: 0 5px; */color: #ff0000;font-family: RR;font-style: italic;text-decoration: underline;}
.pro_date {position:absolute;bottom: 15px;right: 0;font-size: 13px;color: #757575;}
.pro_info {text-align:center;color:#737373;height: 45px;overflow: hidden;}
.pro_info p {margin:0}
.pro_price {position: relative;}
.pro_price span {display: inline-block;vertical-align: middle;line-height: 1;}
.pro_price strong {display:block;font-size: 16px;color: #a9a9a9;font-family: RCR;text-decoration: line-through;}
.pro_price b {display:block;font-family: RCB;font-size: 20px;color: #e10000;}
.pro_price a {display: block;float: right;font-size: 12px;background: url(../images/icon_xem.png) no-repeat 10px 13px #00a6e2;color: #fff;font-family: OB;text-transform: uppercase;line-height: 36px;padding: 0 10px 0 30px;border-radius: 5px; transition:0.3s;}
.pro_price a:hover {background: url(../images/icon_xem.png) no-repeat 10px 13px #df0f5a;}
.pro_view {display: none;position: absolute;top: 205px;right: 10px;}
.pro_sale {display:block;position: absolute;top: 0;left: 0;}
.product_left { /*  width: 50%; float: left; */ text-align: center; border: thin solid #ccc; padding: 10px; box-sizing: border-box; margin-bottom:10px; }
#amazingcarousel-container-1 { padding: 0 !important; }
#amazingcarousel-1 .amazingcarousel-list-container { padding: 0 !important; width: 100% !important;     margin-top: 10px !important;}
#amazingcarousel-1 .amazingcarousel-list-container  .amazingcarousel-list-wrapper { width: 90% !important; margin: 0 auto; }
.prodetail-wrapper {padding:10px 0;}
.product_left{width: 49%;float: left;background: #fff;}
.product_right { width: 49%; float: right; }
h3.info_name { margin: 0; text-transform: uppercase; color: #005891; font-size: 20px; }
.info_item {padding-bottom: 8px;margin-bottom: 8px;border-bottom: thin dotted #ccc;}
.info_item b{display:inline-block;vertical-align:bottom; min-width:80px;}
.info_item p{ margin: 0; }
/*=== Cart ===*/
.cart_prodetail {
    background: #12b301;
    padding: 1px;
    margin-bottom: 10px;
    display: inline-block;
    cursor:pointer;
}
.cart_prodetail a {
    display: block;
    border: thin solid #fff;
    color: #12b301;
    padding: 0px 10px;
    line-height: 32px;
}
.cart_prodetail a img {
    display: inline-block;
    vertical-align: middle;
}
.cart_prodetail a span {
    display: inline-block;
    vertical-align: middle;
    /* padding: 0 7px; */
    color: #fff;
}
.capnhat_gh {
    text-align: right;
    padding: 10px 0px;
}
.capnhat_gh input {
    background: #161616;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s;
}
.capnhat_gh input:hover {
    background: url(../images/icon_menu) no-repeat 5px 11px #720000;
}

.tong_giohang {
    text-align: right;
    font-size: 18px;
}
.thanhtoan1 {
    border: thin solid #ccc;
    background: rgba(204, 204, 204, 0.09);
    padding: 1%;
	margin:10px 0px;
	width:47%;
	float:left;
}
.thanhtoan2 {
    border: thin solid #ccc;
    background: rgba(204, 204, 204, 0.09);
    padding: 1%;
	margin:10px 0px;
	width:47%;
	float:right;
}
.input_thanhtoan {
    padding: 5px 0px;
}
.input_thanhtoan b {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: thin solid #ccc;
    font-size: 16px;
}
.input_thanhtoan label {
    width: 40%;
    display: inline-block;
    text-align: right;
    font-weight: normal;
    font-size: 13px;
}
.input_thanhtoan label span {
    color: #f00;
}
.input_thanhtoan input {
    width: 55%;
    display: inline-block;
}
.input_thanhtoan select {
    width: 27%;
}
.input_thanhtoan textarea {
    width: 55%;
    display: inline-block;
    vertical-align: top;
}
.gui_tt input {
    display: inline-block;
    margin: 10px 0px;
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    border: none;
    padding: 8px 20px;
    border-radius: 7px;
    width: 10%;
	transition:0.2s;
}
.gui_tt input:hover {
    background: #da251c;
}
.yourcart {
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 999;
    background: #131615;
    border-radius: 15px 0px 0px 15px;
}
/*=== Tabs ===*/
div#tabs{/* padding:14px 0; */text-align:left;}div#tabs ul.tabs_main{list-style:none;padding:0;margin: 0;margin-bottom: -1px;}div#tabs .tab_container{padding:10px;border: 1px solid #cecece;background: #fff;}div#tabs ul.tabs_main li{/* float:left; */color:#000;background: #f8f8f8;padding: 10px 30px;cursor:pointer;font-size: 15px;text-transform:uppercase;display: inline-block;vertical-align: top;border: thin solid #cecece;border-bottom: 0;margin-right: -1px;}div#tabs ul.tabs_main li.active,div#tabs ul.tabs_main li:hover{color: #002e66;background: #fff;}
ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    /* margin-top: 20px; */
    /* position: absolute; */
    z-index: 9;
}
ul.tabs li {
    display: inline-block;
    /* background: #e5e5e5; */
    /* padding: 10px 25px; */
    cursor: pointer;
    border: thin solid #0002ff;
    padding: 2px;
}
ul.tabs li span {
	display:block;
	background:#fff;
	line-height:26px;
	padding:0 10px;
	color:#404040;
	font-size:13px;
}
ul.tabs li.current span, ul.tabs li:hover span{
    background: #404040;
    color: #fff;
}
.group_tabsindex{
	position:relative;
	height:550px;
}
ul.tabsindex, ul.tabsindex1 {text-align: center;margin: 0;padding: 0;list-style: none;/* padding: 20px 0; */}
ul.tabsindex li , ul.tabsindex1 li {display: inline-block;vertical-align: top;border: thin solid #c6c6c6;line-height: 44px;padding: 0 20px;font-size: 24px;color: #183278;cursor: pointer;position:relative;background: #fff;margin: 0 5px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}
ul.tabsindex li.current, ul.tabsindex li:hover , ul.tabsindex1 li.current, ul.tabsindex1 li:hover {/* background: #ed1c24; *//* color: #fff; *//* border: thin solid #ed1c24; */font-family: RB;}
ul.tabsindex li.current:before, ul.tabsindex li:hover:before {/* content:''; */position:absolute;bottom: -7px;left:0;right:0;height: 7px;background: url(../images/icon_act.png) no-repeat top;}
.tab-content1 {opacity:0; position:absolute; top:0; left:0; right:0; z-index:1;}
.tab-content1.current {opacity:1; z-index:9;}
.tab-content {display: none;}
.tab-content.current {display: block;}
/*=== Footer ===*/
footer {background: url(../images/bg_footer.png) no-repeat top ;}
#ft_top {padding: 20px 0;color: #fff;}
#ft_top p {margin:0;}
.logo_ft {float:left;}
.ft_left {width: 50%;float: left;position:relative;margin-right: 30px;}
.ft_center {width: 242px;float: left;box-sizing: border-box;}
.ft_right {float:right;width: 300px;}
.ft_left .logo_top {float:none;width: auto;margin: 0;}
h5.title_footer {margin: 0;font-size: 19px;text-transform: uppercase;margin-bottom: 10px;color: #ffd200;background: url(../images/icon_footer.png) no-repeat left;padding-left: 30px;}
h5.title_name {font-size: 20px;background: url(../images/line_footer.png) no-repeat bottom left;padding-bottom: 5px;margin-bottom: 10px;font-family: UTMAvoBold;}
.thongke span {display:block;margin-top: 5px;}
.thongke img {display:inline-block; vertical-align:middle; margin-right:5px}
.ft_dmsp  a{display: block;color: #fff;margin-bottom: 8px;}
.ft_dmsp  a:hover{text-decoration:underline;}
#subscribe_form {background: rgba(0, 0, 0, 0.6);width: 369px;margin: 0 auto;text-align: center;box-sizing: border-box;padding: 10px;}
#subscribe_form strong {color:#ffd200; font-size:21px;}
#subscribe_form div {margin-top:10px;}
#subscribe_form img {display:inline-block; vertical-align:top}
#subscribe_form input {box-sizing: border-box;display: inline-block;vertical-align: top;width: calc(100% - 56px);padding: 0;line-height: 42px;text-indent: 10px;border: none;background: #e9e9e9;}
#subscribe_form textarea {box-sizing: border-box;display: inline-block;vertical-align: top;width: calc(100% - 56px);border: none;background: #e9e9e9;padding: 9px;height: 120px;}
#subscribe_form button {background:#ed1c24;border: none;font-size: 16px;color: #fff;text-transform: uppercase;font-family: OL;line-height: 42px;width: 120px;margin-top: 10px;float: right;}
#subscribe_form  ::-webkit-input-placeholder { color: #515151;font-size: 13px; font-family:OL}
#subscribe_form  ::-moz-placeholder {color: #515151;font-size: 13px; font-family:OL}
#subscribe_form  :-ms-input-placeholder {color: #515151;font-size: 13px; font-family:OL}
#subscribe_form  :-moz-placeholder {color: #515151;font-size: 13px; font-family:OL}
#ft_bot span:first-child {float:left;}
#ft_bot b{color: #fff;}
#ft_bot img {display:inline-block; vertical-align:middle;margin-right:5px}
#ft_bot span {float:right;}
#ft_bot {padding: 15px 0;position: relative;background: #000;font-size: 13px;color: #fff;}
.ft_mxh {/* float: right; */margin-top: 10px;}
.ft_mxh span, .ft_mxh a {display:inline-block;vertical-align:middle;line-height: 0;/* display: block; */margin-bottom: 5px;}
#map_canvas1, #map_canvas2 {height: 180px;width: 100%;color:#000;}
#back-top {display: block;position: fixed; bottom: 50px;right: 10px;}
/*=== Placeholder ===*/
::-webkit-input-placeholder { font-size: 14px; color: #484847; }
::-moz-placeholder { font-size: 14px; color: #484847; }
:-ms-input-placeholder { font-size: 14px; color: #484847; }
:-moz-placeholder { font-size: 14px; color: #484847; }
/*=== Paging ===*/
.phantrang{text-align:center;margin: 10px 0;}
.phantrang a{color: #2b67e1;display: inline-block;width: 25px;height: 25px;line-height: 25px;margin-right: 5px;text-decoration: none;font-weight: bold;background: #eeeeee;/* border: thin solid rgba(255, 255, 255, 0.7); */}
.phantrang span{color: #fff;/* border: thin solid rgba(255, 255, 255, 0.7); */display:inline-block;width:25px;height:25px;background: #2b67e1;line-height:25px;margin-right:5px;font-weight:bold;}
.phantrang a:hover{background-color: #2b67e1;color:#fff;}ss