@charset "UTF-8";
/* BODY AND ELEMENT ----------------------------------------------------------------------*/
body { font-size: 12px; padding: 0; margin: 0; color: #000 }
.container { background: #fff; max-width: 1200px; }
.container-fluid { padding: 0 }
h1, h2, h3, h4, h5 { text-decoration: none; display: inline; font-size: 14px; font-weight: normal; line-height: normal; }
#Zone { }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; color: inherit }
img { border: none; max-width: 100%}
select { padding: 4px; width: auto }
/*#Wraper-Order { display:none}*/
table { table-layout: auto; width: 100% !important; max-width: 100% !important }
table td { padding: 8px 5px !important; text-align: left; white-space: normal; width: auto !important }
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: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.bg-dark > .panel-heading{background: #333;}
.bg-dark .collapse[aria-expanded="true"] ~ .panel-heading{background: red !important}
.bg-dark .panel-title {color: #fff; font-size: 13px}
/*============GLOBAL===============*/
.ProductRelate:hover, #ProductGroup .Product:hover, .Home-Product:hover { background: #E6E6E4;/* Old Browsers */ background: -moz-linear-gradient(bottom, #E6E6E4 0%, #ffffff 60%); /* FF3.6+ */ background: -webkit-gradient(bottom, left bottom, color-stop(0%, #E6E6E4), color-stop(60%, #ffffff));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(bottom, #E6E6E4 0%, #ffffff 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(bottom, #E6E6E4 0%, #ffffff 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(bottom, #E6E6E4 0%, #ffffff 60%); /* IE 10+ */ background: linear-gradient(to top, #E6E6E4 0%, #ffffff 60%);/* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E4', GradientType=0 );/* IE6-9 */
}
.Title-ProductRelate { padding-left: 0 }
.Wraper-Right-Inner { padding-left: 5px }
/*==========
ASIDE
===========*/
.panel-config { }
.panel-config .panel-heading { border: 1px solid rgba(0,0,0,0.3); background: #0059b5; border-top-left-radius: 0; border-top-right-radius: 0; padding: 5px 10px; }
.panel-config .panel-title { color: #fff; text-transform: uppercase; display: block; margin-top: 3px; text-shadow: 0 1px 0 #232323 }
.panel-config .panel-title i { float: right; font-size: 20px; margin-top: -2px; }
.panel-config .panel-body { padding: 10px; border: 1px solid rgba(0,0,0,0.3); border-top: none }
/*===End ASIDE===*/
/*LAYOUT ----------------------------------------------------------------------*/
#Header { clear: both; background-image: url(../image/line.jpg); background-repeat: repeat-x; height: 43px }
#Wraper { clear: both; margin: 0 auto; padding: 0 }
.content-home { z-index: 9999 !important; margin-bottom: 35px !important }
#Content-News { }
#Wraper-Content-BannerAds { margin: 0 auto; background: #fff; padding: 20px 0px 0px }
#Wraper-Content { margin-top: 10px; background: #fff; padding-bottom: 65px }
#Wraper-Order { background: #fff; padding-top: 5px }
.RulerTop-HomeProduct { height: 30px; background: #0059b5; border-radius: 5px 5px 0 0; position: relative; top: -49px }
.RulerTop-HomeProduct div { background: #fff; position: relative; top: 30px; height: 20px }
.RulerTop-News { height: 30px; background: #0059b5; border-radius: 5px 5px 0 0; position: relative; top: 15px; margin-bottom: 30px }
.RulerTop-News div { background: #fff; position: relative; top: 30px; height: 20px }
/*============HEADER + TOP + MENU HEADER + SEARCH================*/
#header { padding: 5px 0 10px; }
/*============LOGO================*/
#Logo { margin-left: 30px }
#Logo a img { width: 215px !important }
/*============Baner Headder================*/
#Header-Ads { padding: 0; margin-bottom: 0; margin-top: 10px; overflow: hidden }
#Header-Ads li { list-style: none }
#Header-Ads li img { /*width:100%*/ }
/*=========HEADER=========*/
#header-hotline { margin-top: -46px }
#Hotline { font-size: 16px; font-weight: 500; margin-top: 28px; padding-left: 73px }
#Phone { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 3px; width: 18px; height: 22px; float: left; margin-right: 10px; margin-top: -2px }
/*=========CART============*/
#Control-Header-Order { text-align: left; background: #0059b5; height: 40px; line-height: 40px; color: #fff; margin-top: 28px }
#Header-Order:before { content: "Giỏ hàng"; position: absolute; left: 5px; top: 50%; height: 25px; width: 100%; background: url(../image/cart.png) no-repeat; padding: 3px 0 0 30px; font: 400 15px/1.3 Arial, sans-serif; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#Header-Order { cursor: pointer; display: inline-table; font-size: 15px; padding: 0 0 0 100px; position: relative; float: right; margin-left: 10px; width: 100% }
#Header-Order:hover:before { color: #fff; transition: all 0.5s ease-in 0.2s; -moz-transition: all 0.5s ease-in 0.2s; -ms-transition: all 0.5s ease-in 0.2s; -o-transition: all 0.5s ease-in 0.2s; -webkit-transition: all 0.5s ease-in 0.2s }
/*============TOP================*/
#Top { width: 100%; background: #333; }
/*============MENU HEADER================*/
.Menu-Header { background: transparent; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
#Menu-Header { padding-left: 0; }
#Menu-Header li { list-style: none; transition: all 1s ease 0s; padding: 0; text-align: center; position: relative }
#Menu-Header > li { padding: 0 5px }
#Menu-Header > li:before { color: #fff; content: "|"; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1px; }
#Menu-Header > li:last-child { padding-right: 0 }
#Menu-Header > li:last-child:before { display: none }
#Menu-Header > li:before { right: 0 }
#Menu-Header > li.hot >a { color: yellow }
#Menu-Header > li.hot >a:before { background: #0059b5; border: 1px solid #0059b5; color: #ffff00; font-size: 7px; content: "HOT" !important; font-weight: 700; line-height: 1; padding: 0 2px; position: absolute; right: 0 !important; top: 0; left: auto !important; width: auto !important }
#Menu-Header li a { color: #fff; font-size: 12px; padding-top: 5px; padding-bottom: 5px }
#Menu-Header li a:hover { transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; color: #333; text-decoration: none }
#MenuHeader { margin-bottom: 21px; margin-top: 10px }
#menutop { padding-top: 20px }
/*============SEARCH================*/
#Search-Keyword-Product { border-radius: 0 }
#area-search { padding-right: 30px }
.Search { height: 35px; margin-bottom: 7px; margin-top: 40px; position: relative; width: 100%; }
.Search input { background: #fff; border-color: #0059b5; color: #666; font-size: 13px; font-weight: 400; height: 36px; left: 0; margin: -2px 0 0; padding: 0 0 0 9px; position: absolute; top: 0; width: 100% !important }
.Search span { background: transparent; border: 0 none; color: #0059b5; height: 100%; margin: 0; padding: 0; position: absolute; right: 5px; top: 7px; width: 35px; z-index: 2 }
.Search span i { line-height: 35px }
.input-group-addon { background: #fff; }
.iconsearch { margin-right: 20px }
/*============Home-Slide================*/
#Home-Slide { margin-bottom: 20px; }
/*============Home-Banner-Bottom================*/
#Home-Banner-Bottom { margin-left: 5px; margin-top: -135px }
#Home-Banner-Bottom li { }
#Home-Banner-Bottom li img { width: 100% }
/*============Home-Banner-Top================*/
#Home-Banner-Top { margin-top: 7px !important; }
#Home-Banner-Top .owl-item { text-align: center }
#Home-Banner-Top .owl-item a { display: inline-block; text-align: center }
#Home-Banner-Top .owl-controls .owl-nav .owl-prev, #Home-Banner-Top .owl-controls .owl-nav .owl-next { background-image: url(../image/elements-catalog.png); background-repeat: no-repeat; display: block; color: transparent; font: 0px/0 serif; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
#Home-Banner-Top .owl-controls .owl-nav .owl-prev { background-position: -20px -1068px; height: 28px; left: -35px; margin-top: -14px; -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); position: absolute; top: 50%; transition: opacity 0.4s ease 0s; width: 28px; z-index: 2; }
#Home-Banner-Top .owl-controls .owl-nav .owl-next { background-position: -20px -1136px; height: 28px; margin-top: -14px; -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); position: absolute; right: -35px; top: 50%; transition: opacity 0.4s ease 0s; width: 28px; z-index: 2; }
#Home-Banner-Top .owl-controls .owl-nav .owl-prev:hover, #Home-Banner-Top .owl-controls .owl-nav .owl-next:hover { opacity: 1; }
/*FOR NEWS*/
#Logo-Cty-News { }
#Logo-Cty-News #Home-Banner-Top ul { padding-left: 20px }
#Logo-Cty-News #Home-Banner-Top ul li { margin-right: 17px }
/*============HOME PRODUCT================*/
/*========Home-Product-Title========*/
.Home-Product-Title { margin: 30px 0 0; position: relative }
.Home-Product-Title .name { color: #0059b5; font-size: 27px !important; margin: 3px 20px 0 0px; font-weight: 700 !important; float: left }
.Home-Product-Title img { position: absolute; top: -5px; left: 5px; }
.Home-Product-Title ul.nav { position: absolute; top: 7px; height: 30px; overflow: hidden }
.Home-Product-Title ul.nav li { }
.Home-Product-Title ul.nav li a { padding-top: 5px; padding-bottom: 5px }
/*======= Controls Next Prev Slider Home Product =========*/
.Content-Home-Product .owl-controls { display: inline-block; position: absolute; right: 0; top: -68px !important }
.Content-Home-Product .owl-controls .owl-prev { margin-right: -5px; }
.Content-Home-Product .owl-controls .owl-prev, .Content-Home-Product .owl-controls .owl-next { cursor: pointer; display: block; float: left; margin-top: 10px; text-align: center; }
.owl-prev i, .owl-next i { border: 1px solid #CCC; padding: 5px 10px; display: block }
/*========<a> Xem them========*/
.Home-Product-Title a.xem-them { color: #333; font-weight: 600; font-size: 12px; position: absolute; right: 5px; top: 10px }
/*---------Home-Product-Rulers*/
.Home-Product-Rulers { background: #0059b5; height: 3px; width: 100%; margin-top: 10px }
/*=======Home Product-----------*/
#Content-Home-Product { margin-left: 2px; margin-right: 2px }
.Content-Home-Product { position: relative }
.Content-Home-Product .owl-stage-outer { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }
.Content-Home-Product .owl-item.active .Home-Product { border-left: none !important }
/*.Home-Product template Home*/
.Home-Product { cursor: pointer; padding-bottom: 10px; text-shadow: none; position: relative; margin-top: 20px }
/*SLIDER HOME-PROUCT*/
.Content-Home-Product .owl-wrapper-outer { border-left: 1px solid #eaeaea }
/*.Home-Product template Product, ProductGroup*/
.ProductRelate.Home-Product, #ProductGroup .Product.Home-Product { border-left: none; border-top: none }
#ProductRelate3 .productInfoRow >div:first-child, #ProductRelate1 .productInfoRow >div:first-child { border-left: 1px solid #eaeaea }
#ProductRelate3 .productInfoRow:first-child >div, #ProductRelate1 .productInfoRow:first-child >div { border-top: 1px solid #eaeaea }
/*End*/
.Home-Product-20 { padding: 0; margin-bottom: 20px }
.Content-Home-Product { display: table; width: 100%; box-shadow: 0 1px 5px #ccc; -moz-box-shadow: 0 1px 5px #ccc; -webkit-box-shadow: 0 1px 5px #ccc; -o-box-shadow: 0 1px 5px #ccc; -ms-box-shadow: 0 1px 5px #ccc; }
.Content-Home-Product >div { padding: 0 }
.Content-Home-Product >div:nth-of-type(4n+1) { clear: both }
.Home-Product { position: relative }
.Home-Product:before { content: ""; position: absolute; right: 0; width: 1px; height: 100%; background: #eee }
.Content-Home-Product >div:nth-of-type(4n) .Home-Product:before { display: none }
.Home-Product > a.center-block { }
.Home-Product .Picture img:last-child { max-width: 100%; margin: 0 auto }
.Home-Product .Picture { padding: 20px; height: 160px; text-align: center; margin-bottom: 5px }
.Home-Product .assetText { text-align: center; padding: 0 10px }
.Home-Product .ProductName { font-size: 12px; height: 55px; line-height: 1.4; margin-bottom: 5px; overflow: hidden; display: block; margin-top: 0; text-align: left }
/*Visit*/
.Home-Product .entry-meta { margin-top: 50px }
.Home-Product .Visit { float: left; position: relative; padding: 0 10px 0 15px; color: #888; font-size: 11px; margin-bottom: 5px; text-align: left }
.Home-Product .Visit:before { content: "\f06e"; position: absolute; left: 0; top: 0; width: 15px; height: 15px; font-family: fontawesome; font-size: 11px; color: #888 }
/*UpdateDate*/
.Home-Product .UpdateDate { float: right; font-size: 11px; color: #888; padding-left: 15px; background: url(../image/clock.png) no-repeat left center / auto 12px; }
/*ProductPrice*/
.ProductPriceNew { font-family: "Helvetica Inserat", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; }
.Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.5 }
.Home-Product .ProductPriceNew { font-size: 18px; color: #0059b5; display: block; clear: both }
.Home-Product .ProductPriceVirtual { text-decoration: line-through; color: #454545; font-size: 12px; font-weight: 400 }
/*Add to Cart*/
.Home-Product .OrderProductButton { background: url(../image/buynow.png) no-repeat center center; color: transparent; 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: 120px; position: absolute; right: auto; left: 0; bottom: 40px; width: 100%; text-align: center; line-height: 40px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; }
.Home-Product .OrderProductButton ~ a { pointer-events: none }
.Home-Product figure { pointer-events: none }
/*Money Save*/
.Home-Product .content_price { display: inline-block; line-height: 1.2; position: relative; height: 37px }
.Home-Product .content_price b > span { font-family: arial; font-weight: 700 }
.Home-Product .sale-price { color: #fff; display: inline; font-size: 12px; font-weight: 700; height: 30px; line-height: 30px; padding: 0; position: absolute; right: 2px; text-align: center; top: 2px; width: 35px; }
.sale-price { background: rgba(0, 0, 0, 0) url("../image/sale-bg.png") no-repeat scroll 2px 0 / auto 30px }
/*End Money Save*/
/* 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; 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 */
/*============FOOTER================*/
footer.footer { background: #141414; color: #bbb }
footer.footer .container { background: transparent; }
.footer .footer-inner { padding: 30px 0 }
footer a { color: #dedede }
#Footer { position: relative; margin-bottom: 20px; color: #dedede; background: transparent }
#Footer ul li { padding-top: 10px }
.footer .secarea h4, .footer .ft-title { color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 14px; text-transform: uppercase; position: relative }
footer.footer ul { padding-left: 15px; margin: 0 }
.footer .secarea .address { float: left; text-align: right; width: 100%; font-size: 13px }
.ft-social { display: table; margin: 10px 0; padding: 0; float: right }
.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; 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) }
.ft-social li.other { padding-top: 0 !important; margin-right: 0 !important }
.ft-social li.other a { float: left; margin-top: 7px; margin-right: 5px; }
.ft-social li.other img { border-radius: 0 }
/*Footer Menu*/
.menu-footer { padding-left: 0 !important; margin-top: 10px 0; display: table; width: 100% }
.menu-footer li { }
.menu-footer li a { font-size: 13px }
.menu-footer > li { list-style: none; clear: both; padding: 5px 0 }
.menu-footer > li > a { float: left; color: #fff }
.menu-footer > li ul { float: left }
.menu-footer > li ul li { float: left; margin: 0 15px }
.menu-footer > li ul a { }
/*End Footer Menu*/
/*copyrights*/
.copyrights { border-top: 1px solid; font-size: 13px; margin-top: 20px; padding: 10px 0 15px; }
.copyrights a { color: #dedede; padding: 0px 5px; transition: all 0.3s ease; }
.copyrights .aliright.last a { color: #fff }
.copyrights a:hover { color: #fff; }
.copyrights .aliright { text-align: right }
/*End copyrights*/
#Footer-1, #Footer-2, #Footer-3, #Footer-4 { margin-top: 20px }
#Footer-2, #Footer-3, #Footer-4 { padding-left: 55px }
#Footer-1 ul li:first-child, #Footer-2 ul li:first-child, #Footer-3 ul li:first-child, #Footer-4 ul li:first-child { color: #F7E11F; font-weight: 700; font-size: 13px; margin-bottom: 2px; text-transform: uppercase }
#Footer-1 ul li, #Footer-2 ul li, #Footer-3 ul li, #Footer-4 ul li { margin-bottom: 5px }
#Footer ul li a { font-size: 13px; color: #dedede; text-decoration: none }
#Footer-4 p:nth-child(2), #Footer-4 p:nth-child(3) { font-size: 11px; color: #666 }
#Footer-4 p:nth-child(3) a { font-size: 11px; color: #666 !important }
#Footer-4 p:nth-child(3) a:hover { text-decoration: none; color: #333; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all; }
#Footer-4 p:nth-child(1) { font-size: 11px; color: #666 !important; text-transform: uppercase; padding: 5px; border: 1px solid #E7E7E7; font-size: 13px !important; padding-right: 30px; }
#Footer-4 p:nth-child(1) span { float: left }
#Footer-4 p:nth-child(1) span img { margin-right: 15px }
/*==========Footer-Bottom=========*/
#Footer-Bottom-Left { color: #fff; position: absolute; top: 10px; left: 0 }
#Footer-Bottom-Right { color: #fff; position: absolute; top: 10px; right: 0 }
/*============ Product-BannerAds && ProductGroup-BannerAds================*/
#Product-BannerAds, #ProductGroup-BannerAds { margin-top: 25px }
#Product-BannerAds img, #ProductGroup-BannerAds img { width: 100% }
/*=============================================================*/
/*Not Use ------------------------------------------------*/
.Home-Fix-Content { position: absolute; top: -6789px }
#LIST { position: absolute; top: -6789px }
#Header { background: #fff; font-size: 14px; }
/*============SIDEBAR================*/
.title-sidebar-up { background: #0059b5; height: 40px; color: #fff; text-transform: uppercase; padding: 0 15px; font-weight: 600; padding-top: 10px; font-size: 14px }
.title-sidebar-down { background: #E6E7E8; border-bottom: 3px solid #1470B5; height: 40px; padding: 7px 15px 0; font-weight: 600; font-size: 13px }
.li-active { background: #ddd }
#Menu-Left { border: 1px solid #A7A9AB; border-top: none; margin-bottom: 10px }
/* Zoom Galery ----------------------------------------------------------------------*/
#Gallery img { border: 2px solid white }
#Gallery .active img { border: 2px solid #333 !important }
/*PAGING ----------------------------------------------------------------------*/
.Paging { padding: 10px; margin: 10px auto 0; clear: both; text-align: center; padding-bottom: 1px }
.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: #0059b5; color: #FFF !important; }
/*CAPTION ----------------------------------------------------------------------*/
.Caption { background: url(../image/bg_white.png) repeat-x; height: 30px; line-height: 30px; border: 1px solid #ccc; border-bottom: none; font-size: 16px; font-weight: bold; padding-left: 10px }
/*FILTER ----------------------------------------------------------------------*/
#Filter { display: none; border-bottom: 1px solid #ccc; background: #ddd }
#Filter>div { text-align: center; padding: 10px }
#Filter select { width: 200px }
.ui-slider-range { background: red }
/*Order ----------------------------------------------------------------------*/
.OrderView { width: 770px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc }
.OrderView td { border-bottom: 1px solid #ccc }
/*.Breadcrumbs {margin:10px 0px 10px 0px;clear:both;width:100%;float:left}*/
.Breadcrumbs { margin-left: 0; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; padding: 5px 0 }
.Breadcrumbs ul { margin-bottom: 0 }
.Breadcrumbs li { float: left; font-size: 12px }
.Breadcrumbs li:last-child, .Breadcrumbs li:last-child a { color: #0059b5; font-weight: 500 }
.Breadcrumbs li a { color: #444; margin-right: 5px }
.Breadcrumbs li h1, .Breadcrumbs li h2 { font-size: 12px; margin: 0; margin-top: 4px; font-weight: 400; }
.Breadcrumbs li i { margin-right: 5px }
#NewsGroup .Breadcrumbs { }
/*ProductRelate 1, 2, 3 ----------------------------------------------------------------------*/
#ProductRelate2 { clear: both }
/*ProductRelate2======*/
/*#ProductRelate2 .productInfoRow { padding-bottom: 5px }*/
#ProductRelate2 > .row:first-child { margin-top: 10px }
#ProductRelate2 .ProductRelate { border: 1px solid #eaeaea !important; border-bottom: none !important }
#ProductRelate2 > .row:last-child .ProductRelate { border-bottom: 1px solid #eaeaea !important }
#ProductRelate-Middle { border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; width: 60.667%; padding: 0 0 10px; min-height: 110px }
#ProductRelate-Right, #ProductRelate-Left { width: 19.667%; }
#ProductRelate2 #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 .ProductName { height: 40px; margin-top: 10px; padding: 0 10px; color: #333; font-size: 14px; font-weight: 600; display: block; margin-bottom: 0 }
#ProductRelate2 .ProductPriceNew { color: #0059b5; font-size: 15px; font-weight: bold; padding-left: 10px; }
#ProductRelate2 .ProductSerial, #ProductRelate2 .Visit { padding-left: 10px; color: #444 }
#ProductRelate2 .ProductRelate .Picture img { max-width: 95%; width: 140px }
#ProductRelate2 .ProductRelate .Picture { margin: 10px 0; text-align: center }
/*ProductRelate3======*/
.Title-ProductRelate h3 { color: #0059b5; font-size: 18px !important; padding-bottom: 2px; border-bottom: 1px solid #0059b5; text-transform: uppercase; font-weight: 500; display: block }
.Title-ProductRelate-2 { background: #0059b5 }
.Title-ProductRelate-2 h3 { color: #fff; font-size: 18px !important; line-height: 35px; text-transform: uppercase }
/*NewsRelate ----------------------------------------------------------------------*/
/*NewsRelate*/
#NewsRelate { margin-bottom: 15px; }
#NewsRelate .NewsRelateTop >div >div { padding-right: 4px; padding-left: 4px }
#NewsRelate .NewsRelateTop .Picture { margin-right: 0; height: 120px; overflow: hidden }
#NewsRelate .NewsRelateTop .Picture img { height: auto; width: 97%; min-height: 120px }
#NewsRelate .NewsRelateTop >div:last-child >div { }
#NewsRelate .NewsRelateTop { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px }
#NewsRelate .NewsRelateTop .NewsName { font-size: 14px; margin-top: 5px; line-height: 20px; padding: 0 5px }
#NewsRelate >.NewsRelate .NewsName { padding: 5px 0; font-size: 14px }
.NewsRelate.row.NewsGroupYoutube { padding-bottom: 5px; border-bottom: 1px dashed #ccc; padding-top: 5px }
.NewsRelate.row.NewsGroupYoutube:first-child { padding-top: 0 }
.NewsRelate.row.NewsGroupYoutube .Description { margin-bottom: 5px !important }
/* CLEAR FIX ----------------------------------------------------------------------*/
.clearfix { clear: both; content: ""; display: block; }
/*PRODUCT HISTORY--------------------------------------------------------------*/
#Product-History { border: 1px solid #ccc; background: #fff; padding: 0px 0px 20px; margin-top: -1px }
#Product-History > div { background: #0059b5; color: #fff; text-transform: uppercase; padding: 0 15px !important; font-weight: 600; }
#Product-History ul { list-style: none; margin: 0; padding: 0 }
#Product-History ul li { margin-top: 10px; clear: both; padding-top: 10px; border-bottom: 1px dotted #eaeaea; padding-bottom: 5px }
#Product-History img { max-width: 70px; padding-bottom: 5px }
#Product-History h2 { margin: 0; font-size: 13px }
/*PRODUCTGROUP , NEWSGROUP STYLE  && ProductRelate3-------------------------------------------------------------*/
#ProductGroup { }
#ProductGroup .Product { position: relative; border: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid #eaeaea !important; border-top: 1px solid transparent !important; cursor: pointer; cursor: hand; margin-bottom: 20px; overflow: hidden; }
#ProductGroup .Product:hover { border-top: 1px solid #eaeaea }
#ProductGroup .productInfoRow:first-child .Product { border-top: none !important; }
#ProductGroup .productInfoRow:first-child .Product:hover { border-top: none !important }
#ProductGroup .productInfoRow { border-bottom: 1px solid #eaeaea; margin-bottom: 20px !important; }
#ProductGroup .Product:first-child { border-left: 1px solid rgba(0, 0, 0, 0) }
#title-productgroup { font-size: 18px; color: #0059b5; margin: 10px 0; border-bottom: 1px solid #0059b5; padding-bottom: 10px }
/*NewsGroup*/
#NewsGroup .News { padding: 10px 0; border-bottom: 1px solid #eaeaea }
#NewsGroup .NewsGroup { padding: 15px 0; border-bottom: 1px dotted #ccc }
#NewsGroup .News .Picture img { max-width: 100%; }
#NewsGroup .News .Content { padding-left: 10px }
#NewsGroup .News .NewsName a { font-size: 16px; font-weight: bold; color: #0059b5; text-transform: uppercase; }
#NewsGroup >div:nth-last-child(2) .News { border: none; padding-bottom: 0 }
#NewsGroup .News .CreateDate { color: #768696; }
/*#NewsGroup .News {float:left;font-size:14px;border-bottom:1px solid #ccc;margin:10px 20px 10px 20px;padding-bottom:10px;text-align:justify}
#NewsGroup .News .Picture{float:left;border:1px solid #ccc;padding:5px;background:white;margin-right:10px}
*/
/*PRODUCT , NEWS STYLE -------------------------------------------------------------*/
#Column-Left-Product { padding-right: 5px; width: 20%; padding-left: 5px }
#Column-Right-Product { width: 80% }
#Product { }
#Product-Left { margin-top: 10px; padding: 0 15px 0 5px }
#Product-Right { margin-top: 10px; padding-right: 10px }
#Product .Product { }
#SOCIAL { margin-top: 20px }
.fb-comments, .fb-comments * { width: 100% !important; }
#Product .ProductNameLink { margin: 5px 10px 10px 0; padding-bottom: 0; display: block; font-weight: 700; letter-spacing: 0; line-height: 28px }
#Product .ProductNameLink a { font-weight: 700; font-size: 20px; color: #0059b5; text-transform: uppercase; line-height: 1.4; padding-left: 5px }
#Product .ProductSerial { }
#Product-Left .Picture { text-align: center; position: relative; max-height: 400px; margin-bottom: 20px }
#Product-Left .Picture img { max-width: 100%; max-height: 400px }
#Product-Left .Pictures { clear: both; margin: 20px 0px 10px 0px; text-align: center; height: 50px; overflow: hidden }
#Product-Left .Pictures img { width: 50px; margin-right: 4px }
/*#Product-Right .ProductPriceNew { font-size: 13pt; font-weight: 600; padding: 10px; color: #FFF; margin-bottom: 20px; background: green; text-align: center }*/
/*Cart*/
#Product-Order .OrderProductButton button {background: #fff; border: none }
/*------------ProductPrice*/
.ProductPriceBlock { display: inline-block; padding-right: 70px; position: relative; }
#Product .ProductPriceVirtual del { color: #f37021; }
.ProductPriceNew, .ProductPriceVirtual del, .Icon-ProductPriceVirtual { font-family: 'Roboto', sans-serif !important; font-weight: 400 !important }
#Product .ProductMeta .ProductPriceNew { font-size: 32px; line-height: 1.4; margin-bottom: 0; color: #0059b5 }
.ProductPriceNew em { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 55%; }
#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/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 }
/*------------End ProductPrice*/
/*-------promotion*/
.promotion-new-box { margin-top: 15px }
.promotion-new-box li, .promotion-new-box a { font-size: 13px; }
.promotion-new-box .panel { margin-bottom: 5px; border-color: green }
.promotion-new-box .panel-heading { background-color: green; border-color: green; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; position: relative; padding-left: 45px }
.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 { 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-heading small { color: yellow; float: right }
.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 { font-size: 12px; font-weight: 700; color: #444; 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: #0059b5; font-family: fontawesome }
/*-------End promotion*/
/*Context*/
#Product #Context, #Product #Context * { font-size: 13px; line-height: 1.5; font-family: arial }
#Product .Description { float: left; clear: both; margin: 20px 0px; width: 100% }
/*End Context*/
#Product .title-quality { line-height: 30px; }
.ProductPromotionName { margin-bottom: 20px }
/*PRODUCT SUPPORT BOTTOM*/
#Product-Support-Bottom .bg-icon-phone { width: 20px; height: 20px; background: #fff; border: 2px solid #00A1E6; text-align: center; padding: 17px; color: #00A1E6; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#Product-Support-Bottom i { position: absolute; top: 17px; left: 10px; }
#Product-Support-Bottom .SDT { color: #0059b5; font-weight: 700; font-size: 16px }
#Product-Support-Bottom ul { border-top: 1px solid #ccc; margin: 10px 0 0; padding: 10px 0 0; }
#Product-Support-Bottom ul li { font-size: 14px; color: green; font-weight: 700; padding-bottom: 5px; position: relative; padding-left: 25px; list-style: none; line-height: 1.45 }
#Product-Support-Bottom ul li:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background: url(../image/icon-title-homeproduct.png) no-repeat 0 0 / 20px auto; height: 20px; width: 20px }
#Product-Support-Bottom ul li img { margin-right: 5px; height: 10px }
/*=================TABS===================*/
#ContextTab ul { margin: 0 5px 0; padding-left: 20px; display: inline-block }
#ContextTab .tab-content #Context1, #ContextTab .tab-content #Context2, #ContextTab .tab-content #Context3, #ContextTab .tab-content #Context4 { padding-right: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; }
#ContextTab li.active a { color: #fff; font-weight: 500; background: #0059b5; border: none; padding: 1px 0 0 1px; z-index: 10 }
#ContextTab li > a { border-radius: 0; text-shadow: none !important }
.nav-tabs { border: none }
.tabs li, .tabs li:before { cursor: default; z-index: 1; position: relative; border: 1px solid #aaa; border-bottom: 0; transform: skewX(25deg); -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); -webkit-transform: skewX(25deg); float: left; height: 29px; margin: 0 0 0 12px; padding: 0 15px; width: 145px!important; border-radius: 5px 5px 0 0; background: #333; left: -8px; font-family: Arial, Helvetica, sans-serif }
.tabs li:nth-child(1) { z-index: 7 }
.tabs li:nth-child(2) { z-index: 6 }
.tabs li:nth-child(3) { z-index: 5 }
.tabs li:nth-child(4) { z-index: 4 }
.tabs li:nth-child(5) { z-index: 3 }
.tabs li:nth-child(6) { z-index: 2 }
.tabs li:nth-child(7) { z-index: 1 }
.tabs li.active, .tabs li.active:before { z-index: 9!important; background: #0059b5; height: 29px; margin-bottom: -1px }
.tabs li:before { content: ''; position: absolute; left: -18px; top: -1px; transform: skewX(140deg); -moz-transform: skewX(140deg); -ms-transform: skewX(140deg); -o-transform: skewX(140deg); -webkit-transform: skewX(140deg); border-right: 0; margin: 0; padding: 0; width: 30px; border-radius: 5px 0 0 0 }
.tabs li img { z-index: 9; position: absolute; left: -6px; top: 6px; width: 16px; height: 16px; transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); border-radius: 3px }
.tabs li a { z-index: 10; position: absolute; top: 6px; font-size: 13px; color: #fff; line-height: 600; line-height: 13px; text-align: center; transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); border-radius: 100% }
#ContextTab li.active a:hover { line-height: 13px }
.tabs li a:hover { color: #fff; border: none; padding-top: 0px; padding-left: 1px; line-height: 15px }
.tabs li a:active, .tabs li a:focus { text-decoration: none; border: none !important; box-shadow: none }
/*======================================*/
/*.OrderProductButton { position: relative; margin-bottom: 30px }
.OrderProductButton button { background: rgba(0, 0, 0, 0); border: none; position: absolute; left: 30px; top: -3px }*/
/*NEWS*/
#News { padding: 0 0 10px; margin-top: -5px }
#News .News {
 padding-right: 15px;
}
#News .News .Context { color: #000; font-size: 14px; line-height: 21px !important }
#News .NewsName h1 {
 display: inline-block;
 font-size: 32px;
 font-weight: 300;
 line-height: 40px;
 margin-bottom: 12px;
 margin-top: 10px;
}
#News .NewsNameLink { padding: 10px 0 5px; }
#News .News .Description { color: #333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; padding-bottom: 10px }
#News .News .CreateDate { font-size: 12px; margin-top: 5px; color: #666 }
#News .News .Picture { text-align: center; margin: 10px 0 }
#News .News .Picture img { max-width: 100% }
#News .News .NewsNameLink h1 a { font-size: 18px; color: #0059b5; font-weight: 600; text-transform: uppercase }
#News .News .Context >img { width: 100% !important }
.section-visit-social { margin-top: 30px; padding-top: 10px; border: 1px solid #dedede; border-top: 2px solid #0059b5 }
/*===========*/
#Product table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
#Product table td a { font-weight: bold }
#Product table .ProductLogo { text-align: center; vertical-align: top; width: 180px; position: relative }
#Product table .ProductPrice { font-weight: bold; color: Green; vertical-align: top; padding: 10px 0px 0px 10px; width: 130px; border-right: none }
/*-----------SIDEBAR NEWS RIGHT----------------*/
#Sidebar-Title { padding: 5px 5px 5px 20px; text-transform: uppercase; border: 1px solid #eaeaea; margin-bottom: 15px; background: #0059b5; color: #fff; font-weight: 600; font-size: 14px }
#Sidebar-Title a { color: #fff }
#Sidebar-Title i { margin-right: 5px }
.Sidebar-News { margin-top: -15px; padding-right: 10px }
.Sidebar-News .NewsName a { font-weight: 700; text-align: justify; color: #444; line-height: 18px; display: block }
.Sidebar-News .Picture { margin-bottom: 10px; margin-right: 10px; }
.Sidebar-News .Description { line-height: 18px }
.Sidebar-News .Picture img { max-width: 100%; display: block; line-height: 18px; width: 100% }
.Sidebar-News >div { border-bottom: 1px dotted #ccc; padding: 10px 0 }
.Sidebar-News >div:last-child { border: none }
/*=============ProductFilter=============*/
#ProductFilter { background: #e9e9e9; margin-bottom: 20px; margin-right: 0px; padding: 10px 0px 10px 0px; margin-left: 0 }
#ProductCount { text-align: center }
#ProductCount div:nth-child(1) { font-size: 40px; margin: 10px 0px 10px 0px }
#ProductCount div:nth-child(2) { font-size: 20px }
#ProductCount div:nth-child(3) { margin-top: 5px }
#ProductGroup-Ajax { display: block !important }
/*CONTACT*/
.gmap_marker { font-family: Arial, Helvetica, sans-serif !important }
 @media only screen and (min-width : 240px) and (max-width : 480px) {
#Wraper { padding: 0 15px !important }
#Wraper-Content { padding-bottom: 30px }
#Content-News { padding: 0 10px }
.Wraper-Right-Inner {padding-left: 0}
/*HEADER*/
#Logo { display: block; margin: 0 auto; text-align: center; }
#Hotline { padding-left: 30px; margin-top: 5px }
#Header-Order { margin: 15px 30px 10px }
#MenuTop { height: 45px !important }
#area-search { margin-left: 10px; padding-right: 10px }
#area-search input { width: 100% }
.Search { width: 100% !important; }
.tinynav {margin: 2px auto 0 !important;}
/*==============================*/
.RulerTop-HomeProduct { height: 20px }
.RulerTop-HomeProduct div { top: 20px }
.Home-Product-Title h3 { font-size: 14px !important }
.Home-Product-Title a.xem-them { right: 5px; top: 0 }
.Home-Product-Rulers { margin-top: 30px }
.Home-Product-Title .owl-controls .prev-slider, .next-slider { margin-top: 16px }
/*PRODUCT HOME*/
.Home-Product .Picture {height: 140px !important}
.Home-Product a img { max-height: 140px }
.Home-Product .ProductName { height: 50px; }
.Home-Product .Visit { margin-bottom: 15px !important }
.Home-Product .ProductPriceNew { letter-spacing: -0.3px; height: 25px; overflow: hidden; line-height: 18px }
/*PRODUCT DETAIL*/
#Column-Left-Product { padding: 0 10px }
.title-sidebar-up { margin-top: 10px }
#Product-Right { margin-left: 3px }
#Product { margin-top: 10px !important; padding: 0 5px }
#Product .title-quality { width: 62px }
.OrderProductButton button { left: -10px }
.ProductRelate1 .ProductRelate .Picture a img, .ProductRelate3 .ProductRelate .Picture a img { height: 100% }
.ProductRelate1 .ProductRelate .ProductName, .ProductRelate3 .ProductRelate .ProductName { height: 100px }
#Product-Right .ProductPriceNew { font-size: 12px }
#Product-Left .Picture img { width: 100% }
.ProductRelate1 .ProductRelate .Picture >img:first-child, .ProductRelate3 .ProductRelate .Picture >img:first-child { width: 80px }
/*ProductGroup*/
#ProductGroup { padding: 0 5px }
#ProductGroup .Product { border-top: 1px solid #eaeaea; border-left: none }
#ProductGroup .Product:first-child { border-top: none }
#ProductGroup .Product .ProductName { height: 100px !important; overflow: hidden }
#ProductGroup .Product .Picture img { max-height: 100px; max-width: 100px }
/*thanh toan*/
#form-order { height: 610px !important }
/*CONTACT*/
#News .News .Context #Contact-Us { height: 560px !important; background-size: auto 560px !important; padding-top: 20px !important; padding-left: 10px !important }
/*NewsGroup*/

.NewsGroupFather .NewsGroup .imageLinkWrapper .Picture {max-width: 100% !important; height: 170px !important}
.NewsGroupFather .NewsGroup .assetText {margin-top: 5px !important; padding-left: 0 !important}
#NewsGroup .Picture-Video {height: 250px !important}
}
 @media only screen and (max-width : 767px) {
#Wraper { padding: 0 15px }
#Content-News {margin: 0}
.Context img, .Context1 img {height: auto !important}
/*HEADER*/
#header { height: 120px }
#Logo { display: block; margin: 0 auto; text-align: left; }
#Logo a img { max-height: 60px !important; width: auto !important; }
#Control-Seach { bottom: -50px; padding: 0 !important; position: absolute; left: 15px; width: calc(100% - 30px); }
#Control-Header-Order { background: #fff; bottom: 0; color: #000; display: block; position: absolute; right: 5px; text-align: right; width: 100px; }
#Header-Order {color: red;font-weight: 700;margin: 0 10px 0 0;text-align: left;}
#Header-Order:hover:before {color: red}
#Header-Order::before { background: none }
#Control-Header-Hotline {bottom: 0;left: 0;margin: 0 !important;padding: 0 !important;position: fixed;width: 100%;z-index: 999;}
#Menu-Top {display: none !important;}
#MenuTop {padding:5px 0 !important;height: 45px !important}
.tinynav {display: block !important;height: 34px;margin: 0 auto !important;padding-left: 10px !important;width: calc(100% - 30px) !important;}
/*----------------BEGIN NEWS SLIDE------------------*/
.News-Slider .carousel-inner, .widget_news-slider .carousel-inner { width: 100% !important }
.News-Slider .carousel-entry, .widget_news-slider .carousel-entry, .News-Slider .carousel-inner, .widget_news-slider .carousel-inner { height: 250px !important }
.News-Slider .carousel-entry .entry-title, .widget_news-slider .carousel-entry .entry-title { font-size: 18px !important }
/*End Slide*/
/*Begin Footer*/
#Footer { padding: 0 15px }
.footer .secarea h4, .footer .ft-title { display: block; margin-bottom: 0; margin-top: 15px }
.footer .secarea .address, .copyrights .aliright { text-align: left }
.ft-social { float: left }
/*End Footer*/
#Column-Left-Product, #Column-Right-Product, #ProductRelate-Middle, #ProductRelate-Right, #ProductRelate-Left { width: 100% }
#Product-History { margin-bottom: 5px !important }
/*PRODUCT HOME*/
.Content-Home-Product {display: block}
.Content-Home-Product > div:nth-of-type(2n+1) { clear: both }
.Home-Product-Title ul.nav { display: none }
.Home-Product .Picture { padding: 20px 0 }
.Home-Product a img { width: 110px }
.Home-Product .content_price {height: 45px}
.Home-Product .Visit, .Home-Product .UpdateDate{display: none}
.Home-Product .OrderProductButton {bottom: 15px}
.Title-ProductRelate h3 { font-size: 16px !important }
#Footer-2, #Footer-3, #Footer-4 { padding-left: 0 }
.Home-Product-Title a.xem-them { right: 70px; top: 4px }
.Home-Product-Title .owl-controls { top: 18px }
.Home-Product-Title h3 { font-size: 20px !important }
.Home-Product-Rulers { margin-top: 10px }
#Product-Left .Picture img { width: 100% }
#ContextTab ul { margin-right: 20px; width: 90%}
.tabs li, .tabs li::before {width: 100%}
.tabs li.active a {z-index: 10}
#ProductRelate2 #ProductRelate-Right {margin-top: 20px;position: relative;}
/*NEWS*/
#News .News {padding: 0 5px !important}
.News-Aside-Row {margin: 0 !important; padding: 0 10px}
/*NEWSGROUP*/
#NewsGroup, #ProductGroup, #News, #Product {padding: 0 10px !important}
#NewsGroup .Picture-Video {height: 250px !important}
}
@media only screen and (min-width : 640px) and (max-width : 767px) {
#NewsGroup .NewsGroupFather .imageLinkWrapper{width: 40%}
#NewsGroup .NewsGroup .assetText {width: 60%}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
#Wraper-Content { padding-bottom: 50px }
#Column-Right-Product { width: 75% }
#Column-Left-Product { width: 25% }
#Menu-Left .Menu-Left ul .li-active a:hover { padding: 3px 0 3px 5px !important }
/*HEADER*/
#area-search { padding-right: 10px }
#Hotline { padding-left: 10px }
#Header-Order { }
.Menu-Header { }
#Logo { margin-left: 0 }
#Logo a img { height: 65px !important; width: auto !important; }
#Control-Seach, #Control-Header-Order, #Control-Header-Hotline { margin-top: 18px !important }
#Header-Hotline a { padding-left: 0 !important; display: block; text-align: center }
#Header-Hotline a:before { content: none !important }
/*Home News Slide*/
.News-Slider .carousel-inner, .widget_news-slider .carousel-inner { width: 66% }
.News-Slider .carousel-entry .entry-title, .widget_news-slider .carousel-entry .entry-title { font-size: 20px !important }
/*Home-Product*/
.Home-Product-20 { width: 20% !important }
.Content-Home-Product >div:first-child > .Home-Product, .Content-Home-Product >div:nth-child(6) > .Home-Product { border-left: 1px solid #eaeaea }
.Home-Product .Picture img { max-height: 140px; }
.Home-Product .Picture { height: 160px; }
.Home-Product .Picture { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.Home-Product .ProductName { height: 50px }
/*SIDEBAR*/
/*Home Widget-Latest-News*/
.Widget-Latest-News .item:nth-of-type(2n+1) { clear: both }
.Widget-Latest-News .item > a { border: none !important; margin-bottom: 15px !important; padding-bottom: 15px !important; }
.Widget-Latest-News .item figure img { max-height: 60px !important }
/*End Home Widget-Latest-News*/
.title-sidebar-up, #Product-History > div span { font-size: 10px; padding: 5px 15px 0; height: 30px; text-align: center; display: block }
#Menu-Left .Menu-Left ul li a { padding-left: 5px }
/*PRODUCT DETAIL*/
#Product-Right .ProductPriceNew { font-size: 11pt }
#Product-Left .Picture { }
#Product-Left .Picture img { max-width: 260px }
.OrderProductButton { margin-top: 15px }
.OrderProductButton button { left: 0; top: -17px }
.ProductRelate1 .ProductRelate .ProductName, .ProductRelate3 .ProductRelate .ProductName, #ProductGroup .Product .ProductName { height: 70px; overflow: hidden; margin-bottom: 10px }
.ProductRelate:nth-of-type(4n+1), #ProductGroup-Ajax .Content-Home-Product > div:nth-of-type(4n+1) { clear: none !important }
.ProductRelate:nth-of-type(3n+1), #ProductGroup-Ajax .Content-Home-Product > div:nth-of-type(3n+1) { clear: both !important }
#ProductRelate2 .ProductName { margin-bottom: 10px }
.ProductRelate1 .ProductRelate .ProductPriceNew, .ProductRelate3 .ProductRelate .ProductPriceNew, #ProductRelate2 .ProductRelate .ProductPriceNew { font-size: 12px }
#Product-Support >div:first-child { padding-top: 0px !important }
#Product-Left .Picture img { width: 210px; max-width: 100% }
/*PRODUCT SUPPORT*/
.addthis_button_google_plusone > #___plusone_0 { width: 70px !important }
.addthis_button_tweet >#twitter-widget-0 { width: 75px !important }
.Title-City a, .Title-City { font-size: 11px !important }
#Product-Support-Bottom .SDT { font-size: 13px }
/*ProductGroup*/
	/*FOOTER*/
#Home-Banner-Bottom { padding-right: 35px; margin-top: -40px }
#Footer { padding: 0 15px 0 }
.footer .secarea .address { text-align: left }
.ft-social { float: left }
/*#Footer ul li { margin-top:30px}*/
	/*--------------TABS-------------*/
.tabs li { width: 22% !important }
.tabs li a { font-size: 11px; left: -2px; z-index: 99 }
.tabs li, .tabs li:before { width: 110px !important }
.tabs li a { left: -8px !important }
/*--------------ORDER-------------*/
#Product-Right #Product-Order .OrderProductButton button img { width: 100% }
/*Home-Banner-Logo*/
.caroufredsel_wrapper_home_logo { height: 40px !important }
#Home-Banner-Top ul { padding-left: 8px }
.list-unstyled.carouFredSel img { width: 90% }
}
 @media only screen and (min-width : 992px) {
#Column-Right-Product { width: 80% }
#Column-Left-Product { width: 20% }
#Menu-Left .Menu-Left ul .li-active a:hover { padding: 3px 0 3px 5px !important }
/*HEADER*/
.Menu-Header { }
#Hotline { padding-left: 60px }
#Header-Order { }
#area-search { padding-right: 0; position: relative; right: 20px }
#Logo a img { height: 90px !important; width: auto !important; }
#Control-Seach, #Control-Header-Order, #Control-Header-Hotline {margin-top: 28px !important}
#MenuTop li > a {font-size: 12px !important;padding-bottom: 11px !important;padding-top: 12px !important;}
/*#Home-Banner-Top*/
#Home-Banner-Top { max-height: 60px }
.owl-controls { position: relative; top: -93px; }
/*Footer*/
.footer .secarea .address { text-align: right }
.ft-social { float: right }
/*Home-Product*/
.Home-Product-20 { width: 20% !important }
.Home-Product .ProductName { height: 54px; }
.Home-Product .Picture { height: 160px }
.Home-Product a img { max-height: 140px }
/*PRODUCT SUPPORT*/
.Title-City a, .Title-City { font-size: 12px !important }
/*ProductGroup*/
#ProductGroup .Product:nth-of-type(4n+1) { clear: both }
#ProductGroup-Ajax .Content-Home-Product > div:nth-of-type(4n+1) { clear: both !important }
#ProductGroup .Product .ProductName a { height: 90px; overflow: hidden; margin-bottom: 10px }
.ProductRelate1 .ProductRelate .Picture, .ProductRelate3 .ProductRelate .Picture, #ProductGroup .Product .Picture { height: 170px; max-height: 170px }
.ProductRelate1 .ProductRelate .Picture a img, .ProductRelate3 .ProductRelate .Picture a img, #ProductGroup .Product .Picture a img { max-width: 100% !important; max-height: 150px !important }
/*SIDEBAR*/
#Product-History > div span, .title-sidebar-up { font-size: 12px; height: 30px; padding: 5px 15px 0; display: block; text-align: center }
/*--------------TABS-------------*/
.tabs li, .tabs li:before { width: 132px !important }
.tabs li a { font-size: 13px; left: 5px; z-index: 99 }
}
 @media (min-width:992px) {
}
 @media (min-width:1200px) {
	 #MenuTop li > a {font-size: 13px !important}
.tabs li, .tabs li:before { width: 168px !important }
#Product-History > div span, .title-sidebar-up { height: 40px !important; padding: 0 15px !important; padding-top: 10px !important; font-size: 13px !important; text-align: left }
.Home-Product-Title .owl-controls { top: 33px }
.ProductRelate1 .ProductRelate .Picture >img:first-child, .ProductRelate3 .ProductRelate .Picture >img:first-child { width: 80px }
#Menu-Left .Menu-Left ul .li-active a:hover { padding: 3px 0 3px 20px !important }
#Hotline { padding-left: 40px }
#Header-Order { }
.owl-controls { top: -33px }
.Title-City a, .Title-City { font-size: 13px !important }
.Home-Product-20 { width: 20% !important }
}
.clearfix {
 clear: both;
 content: "";
 display: block;
}
.menuChild li {
 padding: 3px;
}
.nav>li>a {
 font-weight: bold;
}
.viewmore {
 cursor: pointer;
 display: inline-block;
 height: 28px;
 line-height: 26px;
 padding: 0 10px;
 font-size: 14px;
 color: #3d3d3d;
 background: #fff;
 border: 1px solid #005aff;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.viewmore-area {
 /*position: absolute;*/
 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 40px;
 padding-top: 30px;
 text-align: center;
 border-radius: 0 0 5px 5px;
 background: rgba(255, 255, 255, 0);
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
 background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .91)), color-stop(55%, #fff));
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
 background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
 background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
}
.contentFull.showmore {
 max-height: 400px;
 overflow: hidden;
 border-top-left-radius: 0;
}
/*Title*/
.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 }
/*End title*/

.NewsGroupFather .Picture {
 line-height: 130px !important;
 margin: 0 auto;
}
#NewsGroup .Picture {
 max-width: 170px;
 overflow: hidden;
 height: 130px;
 position: relative;
}
.imageLinkWrapper:before {
 box-shadow: 0 0 15px rgb(0 0 0 / 10%) inset;
 content: "";
 display: block;
 height: 100%;
 position: absolute;
 width: 100%;
 z-index: 2;
 overflow: hidden;
 top: 0;
 left: 0;
}
#NewsGroup .Picture {
 max-width: 170px;
 overflow: hidden;
 height: 130px;
 position: relative;
}
#NewsGroup .Picture img {
 width: auto;
 max-width: 100%;
 max-height: 100%;
}
.imageLinkWrapper img {
 left: 50%;
 max-height: 100%;
 max-width: 100%;
 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%);
}
.assetText {
 padding: 0 15px;
}
.NewsGroupFather .NewsGroup .assetText h3 {
 font-size: 21px !important;
 line-height: 24px !important;
}