@charset "UTF-8";
@import url(/Bootstrap/bootstrap3/Helvetica-Inserat-Roman/font-helvetica-inserat.css);
/*--------------------------------------------------------------------------/
* @Author         Hieu Nguyen  http://adsvietnam.vn
* @Social         https://www.facebook.com/profile.php?id=1827794717
* @Copyright      Copyright (C) 2013 - 2015 Adsvietnam.vn. All rights reserved.
* @CreateDate  27-03-2016
Color 1: #ce0013 (Red)
/---------------------------------------------------------------------------*/
body { position: relative; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
h1, h2, h3, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; line-height: normal; text-decoration: none; margin: 0; padding: 0 }
#Zone { overflow: hidden; }
.container { max-width: 1440px }
#Wraper-Order { margin-top: 0 }
img { max-width: 100%; color: transparent; font-size: 1px }
a, a:hover, a:focus { color: #333; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; text-decoration: none !important }
a:hover { text-decoration: none }
table { width: 100% !important }
.Context table { table-layout: auto; width: 100% !important; max-width: 100% !important }
.Context table td { padding: 8px 5px !important; text-align: left; white-space: normal; width: auto !important }
.lazyloading { clear: both; opacity: 0; position: relative; top: 100%; -o-transition: opacity 1.5s ease 0s; transition: opacity 1.5s ease 0s; -webkit-transition: opacity 1.5s ease 0s; }
.lazyloading.load { opacity: 1; top: 0; }
.height-auto { height: auto !important }
.no-padding { padding: 0 }
.no-padding-left { padding-left: 0 }
.no-padding-right { padding-right: 0 }
.no-padding-bottom { padding-bottom: 0 }
.no-padding-top { padding-top: 0 }
.box-border { border: 1px solid #eee }
.affix { top: 20px; position: fixed }
.pos-abs-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
#topcontrol { z-index: 99 }
a, a:active, a:focus, input, input:active, input:focus, button, button:active, button:focus, select, select:active, select:focus, .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus { outline: 0 !important }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.Home-Fix-Content { position: absolute; top: -6789px }
.figure-haft { padding-top: 67%; width: 100% }
.figure-haft .f-select, .figure-haft-50 .f-select, .figure-haft-52 .f-select, .figure-haft-60 .f-select, .figure-haft-70 .f-select, .figure-haft-75 .f-select, .figure-haft-full .f-select, .figure-haft-50 > img, .figure-haft-52 > img, .figure-haft-60 > img, .figure-haft-70 > img, .figure-haft-75 > img, .figure-haft-full > img { left: 50%; position: absolute; top: 0 !important; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; width: 100% !important; max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; color: transparent }
.figure-haft .f-select-center, .figure-haft-50 .f-select-center, .figure-haft-52 .f-select-center, .figure-haft-60 .f-select-center, .figure-haft-70 .f-select-center, .figure-haft-75 .f-select-center, .figure-haft-full .f-select-center { top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute; left: 50%; }
/*
	@@ LINHTINH
*/
.home-product-safe-of { margin-top: 5px }
.home-product-safe-of ul { margin-bottom: 5px }
/********************** HEADER **********************/
#header-full { height: 75px }
#header-full::before { background: #000; content: ""; height: 3px; left: 0; position: absolute; top: 0; width: 100%; }
#header-full { background: #DA251C; display: block; margin-bottom: 15px; padding-top: -12px; position: fixed; z-index: 99999; width: 100% }
.header-deliver { background: #000; bottom: 0; height: 7px; left: 0; position: absolute; width: 100%; }
/********************** LOGO **********************/
.Logo { background: #fff; height: 82px; margin-top: 3px; text-align: center; position: relative; }
.Logo:after { border-style: solid; border-width: 10px 10px 0 0; border-color: #DA251C transparent transparent transparent; position: absolute; bottom: 0; right: -10px; height: 10px; width: 10px; content: ""; }
.Logo a { display: block; height: 82px; /*box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);*/ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.Logo a:before { content: ""; height: 1px; width: 80%; background: #DA251C; position: absolute; left: 50%; bottom: 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.Logo img { display: inline; max-height: 63px }
/*Logo-Slogan*/
.Logo-Slogan { margin-top: 12px; padding-right: 15px }
/* ================= SEARCH AND CART==============*/
.ui-dialog { top: 80px !important }
.ui-dialog-titlebar-close:after { color: #666; content: "X"; height: 20px; left: -1px; position: absolute; top: -5px; width: 20px; }
#Search { display: inline-block; float: left; margin-right: 5px; margin-top: 15px; width: 100% }
#Search .input-group input { height: 40px }
.form-control::-moz-placeholder, .searchBar input {
color:#999;
font-size:13px
}
/**********Header-Order*/
.Header-Order { background: #7f0600; border-radius: 50%; color: #fff; cursor: pointer; float: left; font-size: 13px; margin-left: 75px !important; margin-right: 10px; margin-top: 14px; position: absolute; left: 60%; text-align: center; width: 20px; }
.Header-Order:before { background: url("/Image/style-image/cart-icon.png") no-repeat scroll -5px -5px; content: ""; height: 30px; left: -25px; position: absolute; top: -7px; width: 30px; }
.Header-Order:after { color: #fff; content: "Giỏ hàng"; font-size: 13px; font-weight: 300; height: 30px; left: -50px; position: absolute; text-transform: uppercase; top: 30px; width: 75px; }
/**********Header-Order*/
/**********Menu-Header-Right*/
.Menu-Header-Right { height: 65px }
.Menu-Header-Right a { color: #fff; text-align: center }
.Menu-Header-Right > li { height: 100% }
.Menu-Header-Right .header-hotline { position: absolute; left: 10px; }
.Menu-Header-Right > li > a { padding-right: 15px; padding-left: 15px; text-transform: uppercase; font-weight: 300; font-size: 13px; position: relative; height: 75px; padding-top: 43px }
.Menu-Header-Right .header-promotion >a:before, .Menu-Header-Right .header-adress >a:before { background: url('/Image/style-image/header_sprite.png') no-repeat; width: 30px; height: 30px; position: absolute; top: 7px; content: ""; left: 37% }
.Menu-Header-Right .header-hotline >a { font-family: "Helvetica Inserat", Arial, Helvetica, sans-serif !important; font-size: 30px; margin-top: -33px; padding-left: 50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.Menu-Header-Right .header-hotline >a:before { background: url('/Image/style-image/header_sprite.png') no-repeat; width: 30px; height: 30px; position: absolute; background-position: 0 -75px; top: 52px; content: ""; left: 10px }
.Menu-Header-Right .header-hotline >a span { clear: both; float: left; font-size: 50%; color: #f9f9f9 }
.Menu-Header-Right .header-hotline >a span:first-child { font-size: 100%; margin-bottom: 10px }
.Menu-Header-Right .header-hotline >a span:last-child { font-size: 72% }
/*.Menu-Header-Right .header-hotline >a:after {position:absolute; right:-80px; top:10px; font-size:27px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); content:"(08) 7308 4997"; width:100%; height:100%}*/
/*.Menu-Header-Right .header-promotion >a:before { background-position: 0 -221px; }*/
.Menu-Header-Right .header-adress >a:before { background-position: 0 0; }
/*Hover, focus*/
.Menu-Header-Right > li > a:hover, .Menu-Header-Right > li > a:focus { background: inherit }
/*menu cap 2*/
.Menu-Header-Right ul { top: 110% }
.Menu-Header-Right > li:hover, .Menu-Header-Right > li.sfHover { background: none }
.Menu-Header-Right > li > ul li:hover a { color: yellow }
/**********End Menu-Header-Right*/
/********************** END HEADER **********************/
/*Menu-Top*/
#Control-Menu-Top { width: 20%; }
#Control-Menu-Top .menu-titles { background: #ce0013; color: #fff; font-size: 14px; font-weight: 500; height: 40px; line-height: 40px; text-align: center; width: 100%; text-transform: uppercase; position: relative; cursor: pointer; z-index: 9999 }
#Control-Menu-Top .menu-titles:before, #Control-Menu-Top .menu-titles:after { font-family: FontAwesome; color: #eee; position: absolute; top: 0; height: 5px; width: 5px }
#Control-Menu-Top .menu-titles:before { content: "\f0c9"; left: 10px; }
#Control-Menu-Top .menu-titles:after { content: "\f0d7"; right: 10px; }
#Control-Menu-Top .navbar { border: none; width: 100%; margin-bottom: 0; margin-left: 0; transition: all 0.1s ease-in 0s; -moz-transition: all 0.1s ease-in 0s; -ms-transition: all 0.1s ease-in 0s; -o-transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s;/* border-style: solid; border-width: 0 1px 1px 1px; border-color: #ce0013*/ }
#Control-Menu-Top .navbar.close { visibility: hidden }
#Control-Menu-Top .navbar.open { visibility: visible }
#Control-Menu-Top .collapse.navbar-collapse { padding: 0 }
.Menu-Top { width: 100%; display: none; position: relative; margin-left: 0; background: #F1F1F1; }
.Menu-Top:before, .Menu-Top:after { content: " "; display: table; }
.Menu-Top:after { clear: both }
.Menu-Top li { list-style: none }
.Menu-Top > li { float: none; position: static; }
.Menu-Top > li > a { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; color: #000; font-size: 12px; font-weight: 500; padding-top: 10.8px; padding-bottom: 10.7px; position: relative; text-transform: uppercase }
.Menu-Top > li > a > img { margin-right: 8px; max-height: 20px }
.Menu-Top .round-arrow { color: #DA251C; float: right; height: 20px; line-height: 20px; padding-left: 2px; text-align: center; width: 15px; position: relative }
.Menu-Top > li.dropdown:hover .round-arrow { color: #fff14f }
.Menu-Top .round-arrow:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; text-transform: none; font-size: 16px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
/**/
.Menu-Top > li.dropdown > .dropdown-menu { border: none; display: block; left: 100%; min-height: 100% !important; min-width: 100%; opacity: 0; overflow: hidden; padding: 10px 20px; right: auto; visibility: hidden; }
.Menu-Top > li a:hover { background: inherit; color: #ce0013 }
.Menu-Top ul { padding: 0 }
.Menu-Top > li .conlumn { margin-bottom: 10px }
.Menu-Top > li .conlumn:last-child { margin-bottom: 0 }
.Menu-Top .dropdown.column { margin-bottom: 5px }
.Menu-Top .dropdown.column:nth-of-type(2n+1) { clear: both }
/* nav-justified */
.menu-just { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% }
.menu-just > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.menu-just > li > a { text-align: center }
.nav-main-menu { background: #DA251C; margin-top: 10px; padding: 0 }
.Main-Menu { margin-bottom: 0 !important }
.Main-Menu li >a { padding: 5px 3px; color: #fff; font-size: 12px; text-transform: capitalize; display: block; text-align: center; }
.Main-Menu li >a:hover { color: #fff; background: #444 }
/*is img*/
.Main-Menu li >a img { max-height: 34px; max-width: 34px }
.Main-Menu li >a .figure, .Main-Menu .owl-item a .figure { height: 40px; width: 40px; padding-right: 0; margin: 0 auto; display: block; position: relative }
.Main-Menu li >a .figure img, .Main-Menu .owl-item a .figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.Main-Menu li >a >.menu-name, .Main-Menu .owl-item a >.menu-name { display: block; margin-top: 5px; display: block; line-height: 16px }
.Main-Menu .owl-item a { position: relative }
.Main-Menu .owl-item a:before { display: none; height: 70%; width: 1px; background: #fff; content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Main-Menu .owl-item:last-child a:before { display: none }
/*Level 2*/
.Main-Menu.sf-menu ul li { background: #DA251C }
.Main-Menu.sf-menu ul li a { color: #fff; text-transform: none; -webkit-transition: none; -o-transition: none; transition: none }
.Main-Menu.sf-menu ul li:hover { background: #333; }
.Main-Menu.sf-menu ul li:hover a { color: #fff }
/*.Menu-Top .dropdown.column:nth-of-type(3n+1) { clear: both }*/
.menu-title { position: relative }
.menu-title > a { display: inline-block; font-size: 14px; line-height: 1.5; overflow: hidden; padding: 0 0 0 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.menu-title > a:before { color: #999; font-family: 'FontAwesome'; content: "\f0da"; position: absolute; left: 0; }
.Menu-Top ul.parent .menu-title a { color: #666; font-weight: 700; display: inline-block; border-bottom: 4px double #eeeeee; padding-bottom: 3px; margin-bottom: 3px; text-transform: uppercase }
.Menu-Top > li ul ul { margin-top: 5px }
.Menu-Top > li ul ul li { position: relative; padding-left: 15px }
.Menu-Top > li ul ul li:before { content: "\f0da"; position: absolute; left: 1px; top: 0; width: 15px; height: 15px; font-family: fontawesome; font-size: 12px; color: #ce0013 }
.Menu-Top > li ul ul li a { display: block; font-size: 12px; padding-bottom: 5px; color: #666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
/*hover*/
#Control-Menu-Top:hover .menu-titles { color: #fff14f }
.Menu-Top > li.dropdown:hover > .dropdown-menu { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35); left: 100%; opacity: 1; top: 0; visibility: visible; }
.Menu-Top > li.dropdown:hover > a { position: relative }
.Menu-Top > li.dropdown:hover > a:after { width: 3px; height: 100%; content: ""; position: absolute; top: 0; right: 0px; z-index: 9999 }
.Menu-Top > li:hover, .Menu-Top > li:hover > a { background: #DA251C; color: #fff; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
.Menu-Top > li.dropdown:hover > a::before { background: #DA251C; content: ""; height: 40px; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); width: 10px; z-index: 99999 }
.Menu-Top > li.dropdown:hover > a::after { border-color: rgba(0, 0, 0, 0) #DA251C; border-style: solid; border-width: 20px 0 20px 10px; content: ""; position: absolute; right: -10px; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); z-index: 99999 }
.Menu-Top > li:hover > a { }
/*Emd Menu-Top*/
/*Menu-Top-Bar*/
.navbar-fluid { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #eee; border: medium none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; margin-top: 75px; }
.navbar-fluid > .container { padding: 0 }
.Menu-Top-Bar { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 !important; padding: 0 !important; float: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.Menu-Top-Bar > li { position: relative !important; padding: 0; line-height: 42px }
.Menu-Top-Bar a { color: #333; }
.Menu-Top-Bar > li >a { font-family: 'Roboto Condensed', sans-serif; color: #222; padding-top: 0; font-weight: 700; padding: 0 20px; white-space: nowrap; font-size: 16px; text-transform: uppercase; line-height: 42px; }
.Menu-Top-Bar .sf-with-ul { padding-right: 22px !important }
/*Hover Level 1*/
/*.Menu-Top-Bar li.sfHover { background: transparent !important }*/
.Menu-Top-Bar > li.hot { padding-right: 15px; }
.Menu-Top-Bar > li.hot >a { color: yellow }
.Menu-Top-Bar > li.hot >a:before { background: #ce0013; border: 1px solid #ce0013; color: #ffff00; content: "HOT" !important; font-size: 10px; font-weight: 700; line-height: 1; padding: 0 2px; position: absolute; right: 0 !important; top: 0; left: auto !important; width: auto !important; }
.Menu-Top-Bar > li > a:hover, .Menu-Top-Bar li.active > a { background: #ce0013; color: #fff; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }
.Menu-Top-Bar > li > a { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }
.Menu-Top-Bar li:hover > a, .Menu-Top-Bar li.sfHover >a, .Menu-Top-Bar li.active > a { }
/*Level 2*/
.Menu-Top-Bar ul li { background: #f9f9f9 !important }
.Menu-Top-Bar > li > ul { min-width: 100% !important; }
.Menu-Top-Bar ul li a { padding: 0 10px !important; text-transform: none !important; font-weight: 400 !important; line-height: 32px }
.Menu-Top-Bar ul li:hover, .Menu-Top-Bar ul li.sfHover { background: transparent !important }
.Menu-Top-Bar ul li:hover:before, .Menu-Top-Bar ul li.sfHover:before { position: absolute; content: ""; height: 100%; width: 100%; background: rgb(82, 119, 181); top: 0 }
.Menu-Top-Bar > li.hot >a:before, .Menu-Top-Bar > li.hot >a:after { border: none !important; height: 10px }
/*End Menu-Top-Bar*/
/*Home-Support*/
#Control-Home-Support { display: none; overflow: hidden }
.Support-Right { padding-left: 15px; margin-top: 10px; padding-right: 5px }
.Support-Right-Aside { margin-top: 0 }
.Support-Right-Aside ul li:first-child { padding-top: 10px }
.Support-Right ul { padding: 0; margin: 0; overflow: auto !important }
.Support-Right li { position: relative; margin-bottom: 10px; padding-bottom: 10px; list-style: none }
.Support-Right li:after { content: ""; width: 80%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.Support-Right li:last-child:after { display: none; padding-bottom: 0; margin-bottom: 0 }
.Support-Right .Support-Name { font: 700 14px/1.2 Arial, Helvetica, sans-serif; color: #ce0013; margin-bottom: 5px }
.Support-Right .text-muted { font-size: 13px; margin-bottom: 3px; display: inline-block }
.Support-Right .Support-Phone { display: inline; float: left; padding-top: 1px }
.Support-Right .Support-Phone, .Support-Right .Support-Phone a { color: #004a91; font: 700 15px/1.3 Arial, Helvetica, sans-serif; }
.Support-Right .Support-Online { font-size: 13px; color: #555 }
.Support-Right .Support-Online img { max-height: 13px; margin-right: 5px }
.Support-Right .Support-Online a:last-child img { margin-right: 0 }
/*End Home-Support*/
/*
Footer
*/
footer.footer { padding-top: 15px }
.footer { float: left; width: 100%; }
.ft-social { display: table; margin: 10px 0; padding: 0; float: left }
.ft-social li { margin-right: 5px; list-style: none !important; float: left; margin-right: 5px }
.ft-social li:last-child { margin-right: 0 }
.ft-social li a:hover img { border-radius: 0; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
.ft-social li a img { border: 1px solid rgba(0,0,0,0); max-height: 32px }
.ft-social .spec { }
.ft-social .spec img { max-height: 36px }
.ft-social li.spec a:hover img { border-radius: 0; border-color: transparent }
.fbottom { background: #EAEAEA; padding: 10px 0; border-top: 1px solid #2A363F }
.fbottom h4 { font: 700 16px/1.4 arial; text-transform: uppercase }
.footer-image { }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 { display: inline }
.footer .secarea { float: left; width: 100%; padding: 25px 0 20px; background: #eaeaea; border-top: 4px solid #999 }
.footer .secarea .title-ft { color: #000; display: block; font-size: 16px; font-weight: 700; margin-bottom: 10px; padding-bottom: 5px; position: relative; text-transform: uppercase; }
.footer .secarea .title-ft:before { background: #da251c; content: ""; height: 4px; left: 0; position: absolute; top: 100%; width: 40px; }
.footer ul.foolist { float: left; width: 100%; padding: 0px; margin: 0px; }
.footer .foolist li { padding: 3px 0px; margin: 0px; list-style: none }
.footer .foolist li a { color: #333; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer .foolist li a:hover { color: #ce0013; }
.footer .secarea .address { float: left; width: 100%; color: #333; text-align: left; }
.footer .secarea .address b { color: #333; font-weight: normal; }
.footer .secarea .address a { color: #333; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer .secarea .address a:hover { color: #ce0013; }
.footer .secarea .address a.smbut { font-size: 12px; color: #999; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer .secarea .address a.smbut:hover { color: #fff; }
.copyrights { float: left; width: 100%; background: #1c2329; padding: 20px 0 50px; color: #8e9194; font-size: 13px; }
.copyrights a { color: #8e9194; padding: 0px 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.copyrights .aliright.last a { color: #fff }
.copyrights a:hover { color: #fff; }
.copyrights .aliright { text-align: right }
/*Call Me In MOBILE*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes zoomIn {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.tada { -webkit-animation-name: tada; animation-name: tada; }
.call-me .animated { -webkit-animation-name: pulse; animation-name: pulse }
.call-me .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.call-me .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
.call-me .pulse { -webkit-animation-name: pulse; animation-name: pulse }
.call-me .tada { -webkit-animation-name: tada; animation-name: tada }
.alo-phone { position: fixed; left: 0; bottom: 0; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 200000 !important }
.alo-ph-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #459d03; opacity: .5 }
.alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 2px solid transparent; border-radius: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #459d03; opacity: .75 !important }
.alo-ph-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; position: absolute; background: #459d03 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #459d03; background-size: 70% }
/*==========
ASIDE
===========*/
/*#Control-Home-Slide { margin-left: 20%; width: 80%; padding-left: 3px; margin-top: -1px }*/
#Control-Home-Slide { padding: 0; margin-top: 0 }
#Home-Slide { overflow: hidden; padding-left: 1px; }
.Home-Slide { display: none }
.Home-Slide.owl-loaded { display: block }
/*Home Slider*/
#Home-Slide-Wrapper { padding-left: 0; }
.Home-Slide { margin-bottom: 0; }
.Home-Slide .owl-wrapper, .Home-Slide .owl-carousel .owl-item, .Home-Slide { padding: 0; }
.Home-Slide li { list-style: none; }
.Home-Slide .owl-item { }
.Home-Slide .owl-item img { max-height: 100%; max-width: 100%; display: block; margin: 0 auto; }
/*End Home Slider*/
.panel-config { border-color: #dedede }
.panel-config .panel-heading { padding: 5px 10px; background: #ce0013; border-top-left-radius: 0; border-top-right-radius: 0 }
.panel-config .panel-title { color: #fff; text-transform: uppercase; display: block; margin-top: 3px }
.panel-config .panel-title i { float: right; font-size: 20px; margin-top: -2px }
.panel-config .panel-body { padding: 10px }
/*===End ASIDE===*/
/*Control Nav*/
.control-nav .tab-pane { position: relative }
.control-nav .owl-prev, .control-nav .owl-next { font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 50px; height: 80px; background: rgba(255, 255, 255, 0.8); color: transparent }
.control-nav .owl-prev:before { left: 0px; }
.control-nav .owl-next { right: 0px; }
.control-nav .owl-prev:before, .control-nav .owl-next:before { content: ""; left: 45%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #333; background: url(/Image/style-image/arrowsNextPrev.png) no-repeat; width: 30px; height: 34px }
.control-nav .owl-prev:before { }
.control-nav .owl-next:before { background-position: -32px 0; }
.control-nav .owl-prev span, .control-nav .owl-next span { display: none }
/*Control Nav Small*/
.control-nav-sm .owl-prev, .control-nav-sm .owl-next { height: 24px; width: 24px; background: #eee; font-size: 0 }
.control-nav-sm .owl-prev:before, .control-nav-sm .owl-next:before { content: ""; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: 100%; text-align: center; font-size: 16px; background: no-repeat }
.control-nav-sm .owl-prev:before { content: "\f104" }
.control-nav-sm .owl-next:before { content: "\f105" }
.control-nav-sm .owl-prev:hover, .control-nav-sm .owl-next:hover { background: #ce0013; color: #fff }
.control-nav-sm .owl-prev:hover:before, .control-nav-sm .owl-next:hover:before { color: #fff }
/*Control Dots*/
.control-dots .tab-pane { position: relative }
.control-dots .owl-dots { background: rgba(0, 0, 0, 0); bottom: 1%; display: inline-block; height: 25px; left: 50%; padding: 0 15px; position: absolute; transform: translate(-50%, -1%); -moz-transform: translate(-50%, -3%); -ms-transform: translate(-50%, -1%); -o-transform: translate(-50%, -1%); -webkit-transform: translate(-50%, -1%); border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }
.control-dots .owl-dot { background: transparent; border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; height: 15px; margin: 5px; width: 15px; }
.control-dots .owl-dot { -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70); }
.control-dots .owl-dot { border: 2px solid }
/*End Home Slider*/
.control-dots .owl-dot:hover, .control-dots .owl-dot.active { text-decoration: none; border-color: #f00; background: #f00 }
.control-dots .owl-dot:hover, .control-dots .owl-dot.active { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100); }
/*End Control Dots*/
/*Auto Hive Nav Owl Slide*/
.auto-hide .owl-prev, .auto-hide .owl-next { -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; opacity: 0; visibility: hidden; }
.auto-hide .owl-prev { left: 10px; }
.auto-hide .owl-next { right: 10px; }
.auto-hide:hover .owl-prev { left: 0; opacity: 1; visibility: inherit; }
.auto-hide:hover .owl-next { right: 0; opacity: 1; visibility: inherit; }
/*End Auto Hive Nav Owl Slide*/
/*End Control-Home-Slide*/
/*Control Nav*/
.control-nav-top .owl-nav { position: absolute; top: -20px; right: 0; }
.control-nav-top .owl-prev, .control-nav-top .owl-next { background: rgba(0,0,0,0.3); height: 27px; width: 27px; color: rgba(0, 0, 0, 0); }
.control-nav-top .tab-pane { position: relative }
.control-nav-top .owl-prev, .control-nav-top .owl-next { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.control-nav-top .owl-prev { right: 30px; }
.control-nav-top .owl-next { right: 0px; }
.control-nav-top .owl-prev:before, .control-nav-top .owl-next:before { content: ""; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 27px; height: 27px }
.control-nav-top .owl-prev:before { background: url(/Image/style-image/navbox-prev.png) no-repeat scroll center center; }
.control-nav-top .owl-next:before { background: url(/Image/style-image/navbox-next.png) no-repeat scroll center center; }
/*Slide Logo-Branch*/
#Control-Home-Logo-Branch { padding: 0 }
.home-logo-branch ul li a img { max-height: calc(100% - 20px); max-width: calc(100% - 20px) }
/*End Slide Logo-Branch*/
.Cms-Banner { }
.Cms-Banner ul { margin: 0; padding: 0 }
.Cms-Banner ul li { list-style: none; margin: 0; padding: 0 }
.Cms-Banner ul li img { display: block; margin: 0 auto; width: 100% }
.Breadcrumbs-Filter { }
.Breadcrumbs { border-bottom: 1px solid #dedede; margin: 10px 0 0; padding-bottom: 10px; position: relative; }
.Breadcrumbs * { color: #666; font-size: 13px }
.Breadcrumbs h1, .Breadcrumbs h2, .Breadcrumbs h3 { display: inline }
.Breadcrumbs strong { color: #888; font-size: 16px; margin: 0 6px }
.Breadcrumbs *:hover { color: #ff8a00 }
.Paging { font-size: 13px; padding: 0 10px 1px; margin: 0 auto; clear: both; text-align: center }
.Paging span a { padding: 3px 5px; margin: 2px }
.Paging .page { background: #F1F2F2; border: 0 solid #B6B6B6 !important; border-radius: 2px; display: inline; margin: 0 2px; padding: 4px 8px }
.Paging .active { background: #CE0013; color: #FFF !important }
#LoadMore { background: #F0F0F0 }
.imageLinkWrapper { position: relative; text-align: center; padding: 0; min-height: 65px }
.imageLinkWrapper:before { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; overflow: hidden; top: 0; left: 0 }
a:hover .imageLinkWrapper:before { -webkit-box-shadow: 0 0 0 3px #F31A2B inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #F31A2B inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease }
.imageLinkWrapper img { left: 50%; max-height: 100%; max-width: 95%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
/*Hover figure*/
/*overlay*/
.figure-hover .Picture, .figure-hover figure { position: relative; margin-bottom: 0 }
.figure-hover .Picture:before, .figure-hover figure:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1 }
.figure-hover:hover .Picture:before, .figure-hover:hover figure:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s }
.figure-hover:hover .Picture:after, .figure-hover:hover figure:after { border: 1px solid #fff; border-radius: 50%; color: #fff; content: "\f067"; font-family: FontAwesome; font-size: 17px; height: 34px; width: 34px; line-height: 34px; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 1; -webkit-transition: opacity 0.3s ease-out 0s; -o-transition: opacity 0.3s ease-out 0s; transition: opacity 0.3s ease-out 0s }
.Title-ProductRelate { border-bottom: 1px solid #007dba; margin: 10px 0 15px; line-height: 22px }
.Title-ProductRelate h3, .Title-ProductRelate h2 { font-size: 15px; font-weight: 500; text-transform: uppercase }
.Title-ProductRelate h3 i, .Title-ProductRelate h2 i { font-size: 22px; position: relative; top: 2px; margin-right: 3px }
.AsideTitle { color: #ce0013; font-weight: bold; margin-bottom: 5px; padding: 5px 10px; text-transform: uppercase; background: #f1f1f1; border-width: 1px 1px 1px 5px; border-style: solid; border-color: #eee #eee #eee #ce0013; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap }
.AsideTitle h1, .AsideTitle h2, .AsideTitle h3, .AsideTitle h4, .AsideTitle h5 { display: inline }
.AsideTitle, .AsideTitle * { font-size: 16px; font-weight: 700 }
.AsideTitle .fa { display: none }
.name-column { border-bottom: 1px solid #e4e7ea; border-top: 3px solid #e4e7ea; font-size: 14px; margin: 10px 0 20px; padding: 8px 0; display: block }
.name-column:after { content: "/"; font-weight: 600; margin: 0 0 0 7px; color: #ce0013 }
.name-column span { color: #ce0013; font-weight: 500; text-transform: uppercase; font-family: inherit }
/*Menu Left*/
.Menu-Left { margin: 0 }
.Menu-Left.visible { margin: 5px 0 20px }
.Menu-Left li { border-bottom: 1px dotted #eee; position: relative }
.Menu-Left li a { font-size: 13px; border-right: 5px solid transparent; padding: 8px 10px; display: block; position: relative }
.Menu-Left li.clearfix a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.Menu-Left li a img { max-width: 50px; float: left; margin-right: 10px; margin-left: -5px }
.Menu-Left li a span { }
.Menu-Left li i { display: inline-block; min-width: 15px; width: 40px; font-style: normal }
.Menu-Left li.active a, .Menu-Left li a:hover { background: #EBEBEB; color: #222 }
.Menu-Left li a:hover i { color: #fff }
/*End Menu Left*/
.other-product { margin-bottom: 20px }
.headerlinks { background: #e4e7ea; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 3px; letter-spacing: normal; line-height: 5px; margin: 10px 0 25px; text-align: start; text-indent: 0; text-transform: none; white-space: normal; word-spacing: 0; }
.headerlinks > span { background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ce0013; font-size: 16px; font-weight: bold; padding-right: 10px; text-transform: uppercase; }
.other-product .NewsName { margin-bottom: 5px }
.other-product header span, #Comment header span, .topNewsOrderByVisit >header span, #NewsGroup >header span, .content-header span { background: #fff; padding-right: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #ce0013 }
.other-product .Home-Product { border-top: 1px solid #eaeaea }
.other-product .Home-Product:last-child { border-right: none }
.other-product .NewsRelate .Picture, .topNewsOrderByVisit .NewsRelate .Picture { height: 130px; overflow: hidden; text-align: center }
.sidebar-other-product .NewsRelate .Picture { height: 90px; overflow: hidden; text-align: center; padding: 10px 0 }
.other-product .NewsRelate .Picture img, .topNewsOrderByVisit .NewsRelate .Picture img { width: auto; margin: 0 auto; max-width: 100%; max-height: 100% }
.other-product .NewsRelate .NewsName h4, .topNewsOrderByVisit .NewsRelate .NewsName h4 { ine-height: 20px; font-weight: 400; margin-bottom: 5px }
.other-product .NewsRelate .Price, .topNewsOrderByVisit .NewsRelate .Price, .other-product .NewsRelate .ProductPriceVirtual { font: 400 15px/1.2 "Helvetica Inserat", Arial, Helvetica, sans-serif; letter-spacing: 0.3px; color: #ce0013 }
.other-product .NewsRelate .Price span { font-size: 15px; font-weight: 700 }
.other-product .NewsRelate .Price .Price-Contact { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.other-product .NewsRelate .ProductPriceVirtual { color: #777; margin-left: 10px; text-decoration: line-through }
.FullTitle { position: relative; text-align: left }
/*.FullTitle::before { border: 1px double #F2DEDE; content: ""; height: 4px; left: 0; position: absolute; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); width: 100%}
.FullTitle h4 { font: 700 25px/1.5 arial; text-transform: uppercase; color: #ce0013; background: #fff; position: relative; padding: 0 10px }*/
nav.main-top { position: relative }
nav.main-top::before { background: #F31A2B; bottom: 0; content: ""; height: 1px; left: -5px; overflow: hidden; position: absolute; width: 100%; z-index: 0 }
nav.main-top::after { background: #fff; bottom: 0; content: ""; height: 1px; left: -5px; position: absolute; width: 10px; z-index: 999 }
nav.main-top .ProductGroupName { font-size: 20px; text-transform: uppercase; font-weight: 300; color: #fff; background: #F31A2B; padding: 5px 15px; display: inline-block }
nav.main-top .menu-productgroup { margin-top: 8px }
nav.main-top .menu-productgroup li { }
nav.main-top .menu-productgroup li a { font-size: 13px; padding: 0 10px; white-space: nowrap; color: #414141; border-right: 1px solid #e8e8e8 }
nav.main-top .menu-productgroup li:last-child a { padding-right: 0; border-right: none }
nav.main-top .menu-productgroup li:hover a { background: none; color: #F3132A }
.latestNews a { font-size: 15px; line-height: 20px; margin-bottom: 3px; display: block }
.latestNews a:hover { color: #F31A2B }
.latestNews >div { margin-bottom: 20px }
.latestNews .CreateDate { background: url(/Image/Reviews/clock.png) no-repeat 0 3px; display: block; content: ""; position: relative; top: 2px; padding-left: 20px; font-size: 13px }
.name-column { border-bottom: 1px solid #e4e7ea; border-top: 3px solid #e4e7ea; font-size: 14px; margin: 10px 0 20px; padding: 8px 0; display: block }
.name-column:after { content: "/"; font-weight: 600; margin: 0 0 0 7px; color: #F31A2B }
.name-column span { color: #F31A2B; font-weight: 500; text-transform: uppercase; font-family: inherit }
/* BEGIN CONTROL HOME PRODUCT BLOCK*/
/*BEGIN NAV*/
.block-heading { background: #efefef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.block-heading, .sub-category-list { height: 40px; }
.block-heading .name { display: inline-block; }
.block-heading .name, .block-heading .name a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; font-weight: 700; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; height: 100%; width: 100% }
.block-heading .head-read-more { color: #fff; float: right; font-weight: 700; margin: 15px 10px 0 0; text-decoration: underline !important; }
.block-heading .name a { padding-right: 0 }
.block-heading-red { background: #DA251C }
.block-heading-orange { background: #da3f00 }
.block-heading-dark { background: #232323 }
.block-heading .name h2 { display: block; margin: 0 auto }
.block-heading .heading-icon { display: none !important; background: #DA251C; width: 60px; text-align: center; margin-right: 0px; display: inline-block; position: relative; }
.block-heading .heading-icon .fa { font-size: 28px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50% }
/*Icon*/
.block-heading .heading-icon .fa.vector { width: 100%; height: 100%; position: relative; top: 0 }
.block-heading .heading-icon .fa.vector:before { content: ""; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100%; z-index: 9; background-position: center 7px; background-repeat: no-repeat; background-size: 28px auto; }
.block-heading .heading-icon .fa.fa-printer:before { background-image: url(/Image/style-image/icon/printer.png) }
.block-heading .heading-icon .fa.fa-fan:before { background-image: url(/Image/style-image/icon/fan.png) }
.block-heading .heading-icon .fa.fa-usb:before { background-image: url(/Image/style-image/icon/usb.png) }
.block-heading .heading-icon .fa.fa-photo:before { background-image: url(/Image/style-image/icon/photo.png) }
.block-heading .heading-icon .fa.fa-fax:before { background-image: url(/Image/style-image/icon/fax.png) }
.block-heading .heading-icon .fa.fa-projector:before { background-image: url(/Image/style-image/icon/projector.png) }
.block-heading .heading-icon .fa.fa-printer:before { background-image: url(/Image/style-image/icon/printer.png) }
.block-heading .heading-icon .fa.fa-papershredder:before { background-image: url(/Image/style-image/icon/paper-shredder.png) }
.block-heading .heading-icon .fa.fa-timekeeper:before { background-image: url(/Image/style-image/icon/fingerprint.png) }
.block-heading .heading-icon .fa.fa-ink:before { background-image: url(/Image/style-image/icon/ink.png) }
.block-heading .heading-icon .fa.fa-scan:before { background-image: url(/Image/style-image/icon/scan.png) }
.block-heading .heading-icon .fa.fa-monitor:before { background-image: url(/Image/style-image/icon/monitor.png) }
.block-heading .heading-icon .fa.fa-cash-register:before { background-image: url(/Image/style-image/icon/cash-register.svg) }
.block-heading .heading-icon .fa.fa-desktop:before { background-image: url(/Image/style-image/icon/desktop.svg) }
.block-heading .heading-icon .fa.fa-printer-maintenance:before { background-image: url(/Image/style-image/icon/printer-maintenance.svg) }
/*End Icon*/
.block-heading .heading-icon .icon-design { display: none; color: #DA251C; font-size: 20px; position: absolute; right: -7px; top: 16px; }
.block-heading .btn-sm { margin: 12px 17px 0 0; }
/*======END NAV*/
.home-category-product { margin-bottom: 30px }
.nav-menu-pruduct { background: #f1f1f1; border-bottom: 4px solid #DA251C; margin-bottom: 0 }
.sub-category-wapper { background: #fff; }
@media only screen and (min-width : 992px) {
.sub-category-list { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: hidden; white-space: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: flex; padding-left: 15px }
.sub-category-list li { float: left; white-space: nowrap }
}
.sub-category-list li a { border-radius: 0; color: #444; display: inline-block; font-size: 13px; font-weight: 700; padding: 5px 15px; text-transform: uppercase }
.sub-category-list li a:hover { background: none; color: #DA251C; text-decoration: underline !important }

@media only screen and (min-width : 0) and (max-width : 767px) {
.sub-category-list li {display: block;width: 100%}	
}
.product-featured >div { border: 1px solid #eaeaea }
/*Slide banner*/
.banner-img { background: #f1f1f1; position: relative; display: inline-block; width: 100%; padding: 0; z-index: 9; overflow: hidden }
.banner-img a:before { content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.banner-img a:after { content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); }
.col-right-tab .box-left { overflow: hidden }
.banner-img a img { display: block; max-width: 100%; max-height: 100% }
.banner-img a:hover:before, .banner-img a:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.banner-img ul { margin: 0; padding: 0 }
.banner-img ul li { list-style: none }
/*====Product Slide*/
.product-list { margin: 0; padding: 0; }
.category-featured { margin-bottom: 30px }
.category-featured:last-child { margin-bottom: 0 }
/**/
/*====End Product Slide*/
/* END CONTROL HOME PRODUCT BLOCK*/
.home-product-block { margin: 10px 0 }
.Home-Product-Block { background: #fff }
.row-product-info { display: table; position: relative; width: 100% }
.Home-Product { padding: 0; position: relative; overflow: hidden; border: 1px solid transparent; border-bottom: none }
.Home-Product, .Home-Product > a { display: block; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; }
.Home-Product:before { background: #eee; content: ""; height: 85%; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); width: 1px }
.home-product-block .Home-Product:nth-of-type(5n)::before, .Home-Product:first-child::after { display: none }
.home-product-block .Home-Product:nth-of-type(5n+1):after { background: #eee; content: ""; height: 1px; left: 0; position: absolute; top: -11px }
.Home-Product-Block .row-product-info { }
/*Product -Picture*/
.Home-Product figure { height: 160px; position: relative }
.Home-Product figure > span.middle { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.Home-Product figure img { max-width: 90%; }
.Home-Product figure img { transition: all 0.3s ease-out !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0 auto; }
.Home-Product:hover .middle img { -webkit-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -o-transform: scale(1.1) !important; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
/*Product Status*/
.flag-status { color: #fff; text-transform: uppercase; font-weight: 600; position: absolute; top: 0px; left: 0px; font-size: 10px; padding: 0 5px; z-index: 88 }
/*.flag-status:after { content: ""; position: absolute; right: 0; top: 15px; border-style: solid; border-width: 0 5px 5px 0; }*/
.flag-status-stock { background: #0084cc }
.flag-status-stock:after { border-color: transparent #0084cc transparent transparent; }
.flag-status-order { background: #ffb300 }
.flag-status-order:after { border-color: transparent #ffb300 transparent transparent; }
.flag-status-new { background: #00c853 }
.flag-status-new:after { border-color: transparent #00c853 transparent transparent; }
.flag-status-hot { background: #ff3d00 }
.flag-status-hot:after { border-color: transparent #ff3d00 transparent transparent; }
.flag-status-close { background: #424242 }
.flag-status-close:after { border-color: transparent #424242 transparent transparent; }
.flag-status-off { background: #000 }
.flag-status-off:after { border-color: transparent #007bff transparent transparent; }
.flag-status-old { background: mediumslateblue }
.flag-status-old:after { border-color: transparent mediumslateblue transparent transparent; }
#Product .ProductInfo .flag-status { font-size: 12px; padding: 3px 8px; }
#Product .ProductInfo .flag-status-off { }
/*End Product Status*/
/*Home-Product asetText*/
.Home-Product .right-block { background: #f1f1f1; padding: 5px 10px; text-align: center; position: relative; z-index: 9; overflow: hidden }
/*Product Name*/
.Home-Product .ProductName { font-size: 14px; color: #000; line-height: 1.4; display: block; height: 40px; overflow: hidden }
.Home-Product:hover .ProductName { color: #ce0013 }
/*Product Price*/
.Home-Product .content_price { height: 45px; }
.ProductPriceNew { color: #ce0013 }
.ProductPriceNew em { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 55% }
.Home-Product .ProductPriceNew { display: block; margin: 0; color: #ce0013; font-size: 18px; font-weight: 400; font-family: arial }
.Home-Product .ProductPriceNew span { font-weight: 700 }
.Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.Home-Product .ProductPriceVirtual { color: #454545; text-decoration: line-through; display: block; font-size: 13px; font-weight: 400; margin-top: 5px }
.Home-Product .ProductPriceVirtual sup { top: 0 }
.Home-Product-Sale-Tag { background: rgba(0, 0, 0, 0) url("/Image/style-image/price-percent-br.png") no-repeat scroll center right/auto 28px; color: #fff; font-size: 12px; height: 30px; line-height: 25px; position: absolute; right: 0; text-align: center; top: 0; width: 33px; z-index: 99 }
.banner-img .owl-dots { top: 10px; right: 10px; transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; }
/*Product Vote*/
.star-rating { font-family: FontAwesome; font-size: 13px; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 74px; letter-spacing: 3px; display: block; margin: 5px auto }
.star-rating:before { color: #b5b5b5; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; }
.star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; }
.star-rating span:before { content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; color: #FDBF18; }
/*Money Save*/
.Home-Product .content_price { display: inline-block; line-height: 1.2; position: relative; }
.Home-Product .content_price b > span { font-family: arial }
.Home-Product .sale-price { display: inline; font-size: 12px; position: absolute; top: 50%; right: -40px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.sale-price { background: url(/Image/style-image/sale-bg.png) no-repeat; color: #fff; padding: 0 7px; }
/*End Money Save*/
.Home-Product .PriceBlock { position: relative }
.Home-Product .badge { background: #F30; position: absolute; right: 5px }
.Home-Product .ProductPromotionName { margin-top: 5px }
.Home-Product .ProductPromotionName span { display: inline-block; float: left; margin-right: 5px }
.Home-Product:hover { }
.Home-Product:hover:before { display: none }
.Home-Product a { display: block; height: 100%; width: 100%; cursor: pointer }
.Home-Product .assetText { padding: 0 5px }
/* Promotion */
.Home-Product .NoProductPromotion { height: 20px; margin-bottom: 2px }
.Home-Product .ProductPromotion { color: #7a7a7a; font-size: 12px; font-weight: 400; margin-bottom: 5px; padding-left: 35px; position: relative; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.Home-Product .ProductPromotion::before { background: #FF6C27; border: 1px solid rgba(0,0,0,.2); border-radius: 2px; color: #ffffff; content: "KM"; font-size: 11px; font-weight: 700; height: 20px; left: 0; position: absolute; text-align: center; top: 0; width: 30px; }
/* End Promotion */
/*Mua ngay*/
.Home-Product .OrderProductButton { background-color: #F8870D !important; background: #F8870D !important; color: #fff; text-transform: uppercase; padding: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; z-index: 10 }
.Home-Product .OrderProductButton { width: 100%; position: absolute; left: 0; right: 0; bottom: 16%; width: 100%; text-align: center; line-height: 40px; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 0 }
.Home-Product .OrderProductButton span { position: relative; padding-left: 35px }
.Home-Product .OrderProductButton span:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 20px; width: 30px; content: ""; background: url(/Image/style-image/cart.png) no-repeat }
.Home-Product .OrderProductButton ~ a { pointer-events: none }
.Home-Product figure { pointer-events: none }
.Home-Product:hover .OrderProductButton { display: block; bottom: 28% }
.Home-Product .add-to-cart:hover { background-color: rgba(255,51,102,0.5); }
.Home-Product .add-to-cart:hover { background: #ff3366; }
/*Hover Home Product*/
/*========
NEWS
========*/
#News { }
#News #Content-News { margin-top: 10px }
#News .entry-meta { color: #768696; font-size: 14px; padding: 5px 0; border-width: 1px 0; border-style: solid; border-color: #e4e7ea }
#News .entry-meta > .CreateDate { margin-right: 3px; margin-bottom: 3px }
.NewsName h1 { display: inline-block; font-size: 32px; font-weight: 300; line-height: 40px; margin-bottom: 12px; margin-top: 0 }
.News-Content { margin-top: 30px }
#News .Description, #News .Description * { font-size: 16px; font-weight: 700; padding: 5px 0 }
.News-Meta { color: #768696; font-size: 13px; padding: 5px 0; border-width: 1px 0; border-style: solid; border-color: #e4e7ea; margin-bottom: 15px }
#News .contextImage img { display: block; margin: 0 auto 10px; max-height: 400px }
.newsRight { overflow: hidden; padding-left: 15px; padding-right: 0 }
.NewsRelateSideBar .Picture { height: 70px !important }
.NewsGroupNameSidebar { color: #768696; font-size: 13px; font-weight: 400 }
.NewsGroupNameSidebar a { color: #ce0013; font-size: 13px; font-weight: 400 }
.NewsRelateSideBar .NewsName h4, .sidebar-other-product .NewsRelate .NewsName h4 { margin: 0; font-weight: 500 !important }
#productReviewSlider { position: relative }
#productReviewSlider .item-video, #productReviewSlider .item-image, #productReviewSlider .owl-video-frame >iframe { background: transparent; text-align: center }
#productReviewSlider .owl-video-frame >iframe * { z-index: 999 }
#productReviewSlider .owl-carousel .owl-video-wrapper { background: transparent }
#productReviewSlider .owl-item .item-video img, #productReviewSlider .owl-item .item-image img { width: auto; height: 100%; max-width: 100% }
#productReviewSlider .owl-controls { height: 0 }
#NewsGroup .NewsGroup a:hover .Picture:before, .topNewsOrderByVisit .NewsRelate a:hover .Picture:before, .other-product .NewsRelate a:hover .Picture:before, .ProductGroup a:hover .Picture:before, .CustomerGroup:hover .Picture:before { -webkit-box-shadow: 0 0 0 3px #ce0013 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #ce0013 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms }
#NewsGroup .NewsGroup a:hover h3, .topNewsOrderByVisit .NewsRelate a:hover .NewsName h4, .other-product .NewsRelate a:hover .NewsName h4, .ProductGroup a:hover h3, .CustomerGroup:hover h3 * { color: #F31A2B; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms }
.DescriptionDetail { margin: 10px 0 5px; font-size: 16px; font-weight: 700; text-align: inherit }
.Context { margin: 10px 0 }
#Context1 { font-size: 16px; position: relative }
#Context1 img { max-width: 100%; margin: 10px 0 }
#News #Context1 * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px !important; max-width: 100% }
#Context1 a { color: #DA251C; font-weight: 500 }
.dont-touch-youtube-bottom { background: transparent; bottom: 30px; height: 20px; position: absolute; right: 100px; width: 40px; z-index: 999 }
.dont-touch-youtube-bottom-top { background: transparent; height: 30px; left: 65px; position: absolute; top: 0; width: 70%; z-index: 999 }
#Comment { margin-bottom: 0 }
.NewsLinks_For_Page_Review { position: relative }
.NewsLinks_For_Page_Review .owl-controls { position: absolute; top: -35px; right: 0 }
.NewsLinks_For_Page_Review .owl-controls .owl-nav { background: #fff !important; width: 105px }
.NewsLinks_For_Page_Review .owl-controls .owl-nav .owl-prev, .NewsLinks_For_Page_Review .owl-controls .owl-nav .owl-next { width: 60px !important; background: url('http://cnet3.cbsistatic.com/fly/815-fly/bundles/cnetcss/images/sprites/gallery-s86eeefa032.png') no-repeat; height: 16px !important; text-transform: uppercase; position: absolute; background-color: #fff }
.NewsLinks_For_Page_Review .owl-controls .owl-nav .owl-prev { left: 0 !important; background-position: 0 -90px !important }
.NewsLinks_For_Page_Review .owl-controls .owl-nav .owl-next { right: 0 !important; background-position: 50px -74px !important }
/*********************
========PRODUCT========
*********************/
#Product-Column-Left { padding-right: 10px; }
#Product-Column-Right { margin-top: 20px; }
.ProductInfoBottom { margin-left: -15px }
/********************** contextImage **********************/
.contextImage { margin: 15px 0 }
.contextImage img { margin: 10px auto }
/********************** Column Right **********************/
.Sidebar-ProductLinks .NewsRelate { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.Sidebar-ProductLinks .NewsRelate:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 }
#modelInfo { padding-bottom: 15px; }
#modelInfo h3 { font-weight: 500; font-size: 22px; line-height: 24px; color: #000 }
#modelInfo .current span { color: #768696; font-size: 12px }
.Sidebar-ProductLinks .Picture { height: 65px !important; line-height: 65px !important }
.Sidebar-ProductLinks .Picture img { display: inline; max-height: 95% }
/********************** vat tu linh kien  **********************/
.sidebar-other-product .NewsRelate { margin-bottom: 20px }
/********************** Thông tin nhanh về sản phẩm **********************/
.quickSpecs { margin: 5px 0 }
.quickSpecs #Context { padding-left: 0; margin-top: 0 }
.quickSpecs #Context ul { padding-left: 0 }
.quickSpecs #Context ul li { position: relative; list-style: none; padding: 5px 5px 5px 15px; border-bottom: 1px solid #eaeaea }
.quickSpecs #Context ul li:before { position: absolute; top: 12px; left: 0; height: 5px; width: 5px; border-radius: 50%; background: #039; content: "" }
.quickSpecs #Context ul li, .quickSpecs #Context ul li * { font-size: 15px; line-height: 22px }
/*Hover*/
.quickSpecs #Context ul li:hover { background: #f8f8f8 }
#Context1, #Context1 * { font-family: arial !important; font-size: 16px; line-height: 1.5; overflow: hidden; max-width: 100% !important; word-break: break-word }
/*viewMore*/
.viewMore { border: 1px solid #dedede; color: #ce0013; font-weight: 700; font-size: 12px; display: table; margin: 0 0 10px; padding: 5px 10px; text-align: center; width: 100%; background: #F1F1F1 }
.viewMore:hover { background: #dedede }
.viewMore i { color: #ce0013 }
/********************** Product Meta (Only by Product) **********************/
/*------------ProductPrice*/
.ProductPriceBlock { display: inline-block; padding-right: 70px; position: relative; }
#Product .ProductNameLink { margin: 15px 10px 25px 0; padding-bottom: 0; display: block; font-size: 23px; font-weight: 700; letter-spacing: 0; line-height: 28px }
#Product .ProductPriceVirtual del { color: #f37021; }
.ProductPriceNew, .ProductPriceVirtual del, .Icon-ProductPriceVirtual { font-family: "Helvetica Inserat", Arial, Helvetica, sans-serif !important; font-weight: 400 !important }
#Product .ProductMeta .ProductPriceNew { font-size: 32px; line-height: 39px; margin-bottom: 0; color: #ce0013 }
#Product .ProductPriceBlock .ProductPriceVirtual del { font-size: 13px }
#Product .ProductPriceBlock .ProductPriceVirtual, #Product .ProductPriceBlock .ProductPriceNew, #Product .ProductBranchPictureDetail { margin-bottom: 0 }
#Product .ProductPriceVirtual { margin-bottom: 5px !important; color: #777 }
/* Giam gia %*/
.ProducSavingPercent span { background: url("/Image/style-image/sale-bg.png") no-repeat; border-radius: 0; color: #fff; font-weight: 300; height: 20px; text-align: center; width: 47px; line-height: 10px; white-space: nowrap }
/*------------ProductPrice*/
/*-------promotion*/
.promotion-new-box { margin-top: 5px }
.promotion-new-box li, .promotion-new-box a { font-size: 14px; }
.promotion-new-box .panel { margin-bottom: 5px; border-color: #ccc }
.promotion-new-box .panel-heading { background-color: #f1f1f1; border-color: #ccc; color: #444; font-size: 14px; font-weight: bold; padding-left: 45px; position: relative; text-transform: uppercase; }
.promotion-new-box .panel-heading:before { border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #fff; height: 10px; width: 10px; position: absolute; bottom: -1px; left: 18px; content: "" }
.promotion-new-box .panel-heading i { color: #ce0013; font-size: 30px; margin-right: 10px; display: block; float: left; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.promotion-new-box .panel-body ul { padding-left: 0; margin-bottom: 0 }
.promotion-new-box .panel-body { font-size: 13px; line-height: 18px }
.promotion-new-box .panel-body li { position: relative; list-style: none; padding-left: 25px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #eaeaea }
.promotion-new-box .panel-body li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none }
.promotion-new-box .panel-body li:before { content: "\f00c"; position: absolute; left: 0; top: 0; font-size: 18px; color: #ce0013; font-family: fontawesome }
/*-------End promotion*/
/********************** Product-Left (Only by Product) **********************/
#Product-Picture { overflow: hidden; padding-right: 10px }
#Gallery { padding-left: 0; padding-right: 10px }
#Product-Picture { margin-bottom: 25px; max-height: 450px; position: relative; text-align: center; margin-top: 5px; overflow: hidden }
#Product-Picture img { max-width: 100%; max-height: 380px }
.flag-product-detail { left: 2px; position: absolute; top: 2px; width: 80px !important; z-index: 9; }
.elevatezoom-gallery { border: 1px solid #e7e7e7; display: block; text-align: center; padding: 3px; margin-bottom: 5px; height: 60px; line-height: 55px; overflow: hidden }
.elevatezoom-gallery.active { border: 1px solid #039; }
.elevatezoom-gallery img { max-height: 55px; }
/* Luowj view sản phẩm*/
.ProductInfoVisit { font-weight: 500; margin: 10px 0; border-bottom: 1px solid #eaeaea; padding-bottom: 5px }
.ProductInfoVisit * { font-size: 12px }
.ProductInfoVisit span { font-weight: 400 }
#Product #SOCIAL, .ProductInfoVisit { display: inline-block; width: 100% }
/* Luowj view sản phẩm*/
/*ProductBranchPictureDetail*/
.ProductBranchPictureDetail img { max-height: 25px; display: inline }
/*ProductBranchPictureDetail*/
.zoomContainer { z-index: 99 }
/*CreateDate*/
#Product-Left .CreateDate { margin: 10px 0; border-bottom: 1px solid #ddd; color: #333; font-size: 13px; padding-bottom: 5px }
/*download-brochure*/
.ProductExtraInfo { padding-bottom: 10px }
.ProductExtraInfo h2 { margin: 0; padding: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #eaeaea; }
.ProductExtraInfo h2:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 }
.ProductExtraInfo i { font-size: 18px; display: block; float: left; color: #1f93c4 }
.ProductExtraInfo .ProductExtraInfo-Video i, .ProductExtraInfo .ProductExtraInfo-Brochure i { color: #E12A27; display: block; margin-right: 5px }
.ProductExtraInfo a { display: block; font-size: 14px; }
.ProductExtraInfoOther h2 { border-top: 1px solid #eaeaea; padding-top: 10px }
/*Begin Description*/
#Product .Description { font-size: 14px; padding: 5px 10px; }
/*End Description*/
/********************** Product-Right (Only by Product) **********************/
#Product-Right { overflow: hidden; }
#Product-Right .NewsName { margin-bottom: 5px }
/********************** ProductPriceNew (Only by Product) **********************/
#Product #Product-Midle .ProductPriceNew { font-size: 30px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; line-height: 30px; display: block; margin-bottom: 15px }
#Product #Product-Midle .ProductPriceNew > span { font-size: 85%; font-family: arial }
/********************** OrderProductButton AND PrintOne (Only by Product) **********************/
#Product-Order { padding: 5px 0 }
#Product .title-quality { line-height: 30px; }
.OrderProductButton button { color: #fff; background: #f37021; height: 42px; text-transform: uppercase; }
.OrderProductButton button, #PrintOne a { font-size: 15px; font-weight: 400; max-width: 98%; width: 98%; border-radius: 0 !important; text-transform: uppercase }
/*IN BÁO GIÁ*/
#PrintOne a { background: #25495f; color: #fff; }
/*Hover*/
.OrderProductButton button:hover { background-color: #E3E3E3 !important; color: #f37021 }
#PrintOne a:hover, #PrintOne a:hover * { background: #E3E3E3; color: #25495f }
.OrderProductButton button:hover, .OrderProductButton a:hover, .OrderProductButton a:hover * { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
/*Chon so luong*/
.select-box-area { margin-bottom: 15px }
#item-select-box { display: table; width: 100% }
.select-box-lable { font-weight: 500 }
#OrderQuantity { background: #fff; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; height: 34px; margin: 0; max-width: 100%; padding: 0; text-align: center; z-index: 0 }
#item-select-box .spinner-button { height: 17px; margin: 0; padding-left: 6px; padding-right: 6px; padding-top: 0; text-align: center; width: 22px; position: absolute; z-index: 0; right: 0px; }
#item-select-box .spinner-up { top: 0; }
.spinner-button .fa { position: absolute; right: 2px; top: 3px; }
.select-qty { margin-top: 5px }
/*Hover .ui-spinner-button*/
#item-select-box .ui-spinner-button:hover { background: #ff8a00 }
/*End */
/*Hover .ui-spinner-button*/
#item-select-box .ui-spinner-button:hover { background: #039 }
/*----------End Chon so luong */
/********************** End OrderProductButton AND PrintOne (Only by Product) **********************/
/*So sanh san pham ~~ ProductRelate 1 */
.FormByProductGroup ul { padding-left: 0 }
.FormByProductGroup li { padding: 10px; border-bottom: 1px solid #eee; vertical-align: middle; font: 14px/18px Helvetica, Arial, sans-serif; list-style: none; padding-left: 15px }
/*-----------------------------ProductRelate 1 , 3-----------------------------*/
#ProductRelate3, #ProductRelate1 { margin-top: -15px }
#ProductRelate3 .Content-Home-Product > div> .Home-Product:first-child, #ProductRelate1 .Content-Home-Product > div> .Home-Product:first-child { border-left: 1px solid #eaeaea; }
/*-----------------------------ProductRelate 2-----------------------------*/
.ProductRelate2 { padding: 10px 0 !important; }
.ProductRelate2 .ProductRelate { margin-top: 0 !important; padding: 0; }
.ProductRelate2 >div { border-bottom: 1px solid #eaeaea; }
.ProductRelate2 >div:last-child { border-bottom: none }
.ProductRelate2 .ProductRelate .Picture { position: relative }
.ProductRelate2 .ProductRelate .Picture img { max-width: 70%; max-height: 150px }
.ProductRelate2 .ProductRelate #ProductRelate-Middle { /*border-width:0 1px; border-style:solid; border-color:#eaeaea;*/ padding-left: 15px; min-height: 180px }
.ProductRelate2 .ProductRelate > a>div >div { padding: 15px 0 }
.ProductRelate2 .ProductRelate ul { padding-left: 10px; margin-bottom: 0 }
.ProductRelate2 .ProductRelate ul { font-size: 13px; font-family: inherit !important }
.ProductRelate2 .ProductRelate .ProductName { padding-right: 10px; font-weight: 700; color: #000; font-size: 14px; margin: 0 0 5px; display: block; }
.ProductRelate2 .ProductSerial, .ProductRelate2 .Visit { color: #444; font-size: 12px; }
.ProductRelate2 .ProductRelate #ProductRelate-Right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center }
.ProductRelate2 .ProductRelate .ProductPriceNew { margin-bottom: 5px; font-size: 18px }
.ProductRelate2 .ProductRelate .ProductPriceNew span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }
.ProductRelate2 .ProductRelate .ratings { margin-bottom: 5px; }
/*========
ProductGroup
========*/
#ProductGroup { background: #fff; padding: 0 15px }
.ProductGroupLeft, .ProductGroupRight { margin-top: -1px; background: #fff }
#ProductGroup-Ajax { border-top: 1px solid #eaeaea }
.product-title { border-bottom: 1px solid #ce0013; padding: 0; margin-bottom: 15px }
.product-title .ProductGroupName { display: inline-block; font-size: 20px; padding: 5px 10px; margin: 0; padding-left: 10px; padding-right: 10px; color: #fff; background: #ce0013 }
#ProductFilterArea { margin-bottom: 15px; padding: 10px; background: #F4F4F4; border: 1px solid #EBEBEB; max-height: 220px; overflow: auto }
#ProductFilter select { padding: 4px }
#ProductFilter #FeatureItem { margin-bottom: 5px; display: block; font-size: 14px; padding: 5px }
#ProductFilter #FeatureItem[data-checked], #ProductFilter #FeatureItem[FeatureItemStyle], #ProductFilter #FeatureItem[FeatureItemStyle] i, #ProductFilter #FeatureItem:hover, #ProductFilter #FeatureItem:hover i { background: #38b04a; color: #fff; text-decoration: none }
#ProductFilter input[type="radio"] { display: none }
#ProductFilter label { display: block; padding: 5px 10px 5px 20px; cursor: pointer; font-weight: normal; font-size: 13px; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; position: relative; border: 1px solid transparent; margin-bottom: 1px }
#ProductFilter div> label:before { position: absolute; top: 10px; left: 5px; content: ""; height: 8px; width: 8px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #F31A2B }
#ProductFilter input[type="radio"]:checked + label, #ProductFilter label:hover { background: #EBEBEB; color: #000; border: 1px solid #dddddd }
#ProductFilter input[type="radio"]:checked + label, #ProductFilter label:hover, #ProductFilter input[type="radio"]:checked + label:before, #ProductFilter label:hover:before { color: #000 !important }
#ProductGroup .Home-Product:nth-of-type(4n)::before, .Home-Product:first-child::after { display: none }
#ProductGroup .Home-Product:nth-of-type(4n+1)::after { background: #eee; content: ""; height: 1px; left: 0; position: absolute; top: -11px }
#ProductFilter2 input[type="radio"]:checked + label:after { border-style: solid; border-width: 8px 8px 0 8px; border-color: #F31A2B transparent transparent transparent; position: absolute; height: 8px; width: 8px; bottom: -6px; left: 10px; content: "" }
#ProductFilter2 label { display: inline-block; padding: 3px 8px 8px; height: 30px; position: relative; background: #EBEBEB }
#ProductFilter2 label.ListView:before { content: "\f00b"; font-size: 17px; left: 10px; top: 4px; font-family: FontAwesome; color: #777 }
#ProductFilter2 label.GridView:before { content: "\f03a"; font-size: 17px; left: 10px; top: 3px; font-family: FontAwesome; color: #777 }
#ProductFilter2 input[type="radio"]:checked + label, #ProductFilter2 label:hover, #ProductFilter input[type="radio"]:checked + label:before, #ProductFilter2 label:hover:before { color: #fff !important }
#ProductFilter2 input[type="radio"]:checked + label, #ProductFilter2 label:hover { background: #F31A2B }
#ProductFilter2 .name-info { font-weight: bold; display: inline-block; margin: 5px 0 }
#NewsGroup { margin-bottom: 30px; background: #fff; padding: 10px }
#NewsGroup .row-bottom .items:nth-of-type(2n+1) { clear: both }
#NewsGroup .NewsGroup { padding: 5px; margin-bottom: 15px; display: inline-block; border-bottom: none; position: relative }
#NewsGroup .NewsGroup .assetText h3 { font-weight: 500; font-size: 24px; line-height: 28px; margin: 3px 0 5px; display: block }
#NewsGroup .NewsGroup .Picture { max-width: 170px; overflow: hidden; height: 130px; position: relative }
#NewsGroup .NewsGroup .Picture img { width: auto; max-width: 100%; max-height: 100% }
#NewsGroup .NewsGroupName, .NewsName h1, #Product .Product .ProductNameLink h1 { display: block; font-size: 32px; font-weight: 300; margin-top: 0; margin-bottom: 12px; line-height: 40px; display: inline-block }
#NewsGroup .NewsGroup .assetText { margin-top: 5px; padding-left: 15px }
#NewsGroup .NewsGroup .CreateDate { float: left !important; font-size: 12px }
#NewsGroup .NewsGroup .CreateDate i { color: #768696 }
#NewsGroup .NewsGroup .Visit { background: url(/Image/style-image/view_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 20px; position: relative; top: 0; width: 20px; margin-left: 15px; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60) }
#NewsGroup .NewsGroup .NewsGroupNameItem { margin-left: 5px; text-transform: uppercase }
#NewsGroup .NewsGroup .Description { font-size: 14px }
.latestNews a { font-size: 15px; line-height: 20px; margin-bottom: 3px; display: block }
.latestNews a:hover { color: #ce0013 }
.latestNews >div { margin-bottom: 20px }
.latestNews .CreateDate { background: url(/Image/style-image/clock.png) no-repeat 0 3px; display: block; content: ""; position: relative; top: 2px; padding-left: 20px; font-size: 13px }
.NewsGroupFather .NewsGroup .assetText h3 { font-size: 21px !important; line-height: 1.4 !important }
.NewsGroupFather .NewsGroup .assetText { margin-top: -5px !important; padding-left: 15px }
.NewsGroupFather .NewsGroup .Picture { line-height: 130px !important }
#NewsGroup .NewsGroup .Picture-Lg { height: 230px; max-width: 100% }
.playButton { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url("/Image/style-image/video_play_icon.png") no-repeat; background-size: 60px auto; height: 60px; width: 60px; text-indent: -119988px; content: ""; z-index: 1 }
/*#NewsGroup > .NewsGroup-Video:nth-of-type(3n+1) {clear: both}*/
#NewsGroup .NewsGroup-Video .Picture-Video { height: 215px; max-width: none !important }
#NewsGroup .NewsGroup-Video .Description { height: 40px; overflow: hidden; color: #666 }
#NewsGroup .NewsGroup-Video .assetText h3, #NewsGroup .NewsGroup-Video .assetText a { height: 40px; overflow: hidden; font-size: 17px; line-height: 20px; display: block }
.NewsGroup-Video:hover .share { left: 15px !important; top: 2% !important }
.NewsGroup-Video .share-social-icon { float: right; position: absolute; bottom: 20px; right: -20px; z-index: 15 }
.NewsGroup-Video .twitter-share-button, .NewsGroup-Video iframe { display: block; float: right }
.NewsGroup-Video .twitter-share-button { margin-right: 10px }
.NewsGroup-Video-Top, .RowNewsGroupVideo { margin-left: -8px; margin-right: -8px }
.deliver { background: #e4e7ea; height: 3px; margin-bottom: 30px; margin-left: 10px; margin-top: -10px; width: 98% }
.deliver:last-child { height: 0 }
.NewsGroup-Video-ItemsLeft .Picture { height: 340px !important; background: #000 }
.NewsGroup-Video-Top .assetText h3 { height: auto !important }
.NewsGroup-Video-ItemsRight .NewsGroup { margin-bottom: 0 !important; padding-bottom: 5px !important }
.NewsGroup-Video-ItemsRight .NewsGroup > a { border-bottom: 1px solid #ddd; padding-bottom: 10px }
.NewsGroup-Video-ItemsRight .NewsGroup:last-child > a { border-bottom: none }
.NewsGroup-Video-ItemsRight .Picture { height: 110px !important }
#NewsGroup .NewsGroup:hover .share { display: block; position: absolute; top: 35%; left: 17px }
#NewsGroup .NewsGroup-Lg:hover .share { display: block; position: absolute; top: 43%; left: 63px }
.NewsGroupFather .NewsGroup:hover .share { top: 41% !important }
.list-news-widget ._header_main { display: block !important; margin: 0 0 15px; position: relative; padding: 0 }
.list-news-widget ._header_main:before { background: #ccc; content: ""; height: 1px; position: absolute; right: 0; top: 20px; width: 100% }
.list-news-widget ._header_main:after { background: #ccc; content: ""; height: 1px; position: absolute; right: 0; top: 23px; width: 100% }
.list-news-widget ._header_main h2 { background: #fff; color: #000; display: inline-block; font-size: 16px; line-height: 20px; margin: 12px 0 0; padding-right: 10px; position: relative; text-transform: uppercase; z-index: 9; padding-left: 10px }
.list-news-widget ._header_main h2 a { font-weight: 700; color: #ce0013 }
.list-news-widget .widget-item { margin-bottom: 15px }
.list-news-widget .widget-item ._left { }
.list-news-widget .widget-item ._right { padding-left: 10px }
.list-news-widget .widget-item .NewsName { font-size: 14px; font-weight: 700; display: block; margin: 0 0 10px }
.list-news-widget .widget-item .Description { color: #666; font-size: 12px }
#Product-History .Home-Product .ProductPriceNew { font: 400 18px/1.2 "Helvetica Inserat", Arial, Helvetica, sans-serif !important; letter-spacing: 0.5px }
/*Sidebar-Product*/
.Sidebar-Product >div { margin-bottom: -5px; display: inline-block; border: 1px solid #eaeaea; border-top-color: transparent; max-width: 100%; padding: 0 }
.Sidebar-Product >div:first-child { border-top-color: #eaeaea }
.Sidebar-Product .Picture { margin-bottom: 10px; padding: 20px 0; text-align: center }
.Sidebar-Product .Picture img { max-height: 140px; max-width: 90% }
.Sidebar-Product .ProductName h4 { font-size: 16px; line-height: 20px; font-weight: 500; margin: 0; color: #333 }
.Sidebar-Product .ProductPriceNew { font: 400 17px/1.5 "Helvetica Inserat", Arial, Helvetica, sans-serif !important; margin-bottom: 0; display: block; margin-top: 10px }
.Sidebar-Product .infoContainer { padding: 10px; background: #F2F3F4 }
.Sidebar-Product .panel-body > div { border: 1px solid transparent }
.Sidebar-Product .panel-body > div:hover { border-color: #2857ac }
.Sidebar-Product .panel-body, .Sidebar-Product .panel-body >div { padding-left: 0 !important; padding-right: 0 !important }
/******************************************************************************
Menu By NewsGroup
*******************************************************************************/
#nav-right { margin-top: 10px; border-color: #F1F1F1 }
#nav-right .panel-heading { text-transform: uppercase; background: #F1F1F1; border: none }
#nav-right .panel-heading .panel-title { color: #333; font-weight: 700 }
#nav-right .panel-body ul li a { }
#nav-right .panel-body ul li a { padding: 5px 0 5px 15px; color: #444; position: relative; display: block; font-size: 14px; font-weight: 700; border-bottom: 1px solid #eee }
#nav-right .panel-body ul li a:before { content: "\f0da"; position: absolute; left: 1px; top: 5px; width: 15px; height: 15px; font-family: fontawesome; font-size: 12px; color: #ce0013 }
#nav-right .panel-body ul li.active a { color: #ce0013 }
.ProductStore img { max-width: 100px }
/******************************************************************************
Home --< Render Layout
*******************************************************************************/