body {line-height: 1.8;color: #545454;font-size: 14px;max-width: 1920px;background:url('/catalog/view/theme/default/image/background.png');font-family: "ws-font-body", Arial, Helvetica, sans-serif;font-weight: 400;width: 100%}
/* default font size */
.fa {font-size: 14px}
::selection {
    color: #fff;
    background: #f8b51d;
}
:root {
    --primary: #94c83d;
    --dark-primary: #74a51e;
    --light-primary: #4cb1e8;
    --secondary: #3e68ff;
    --secondary-2: #74a51e;
    --loading-bg: #2c3e51cc;
    --bg-primary: #06aeba;
    --bg-warning: #f8b51d;
    --bg-error: #ed1558;
    --bg-content: #fff;
    --bg-container: #f4f7f9;
    --bg-input: #efefef;
    --bg-search-input: #f3f3f3;
    --bg-light: #f9f9f9;
    --bg-black: #000;
    --bg-gradient: linear-gradient(90deg,#ffd400,#c73130 50.52%,#663695 99.61%);
    --bg-disabled: #969696;
    --bg-header-table: #fff;
    --bg-gray: #fafafa;
    --bg-light: #f6f6f6;
    --bg-footer: #fff;
    --bg-dark-gray: #e0e0e0;
    --bg-second-light: #f4f4f4;
    --bg-dark-green: #162818;
    --bg-card-header: #f3f3f3;
    --text-btn-primary: #fff;
    --text-primary: #000;
    --text-default: #1f2933;
    --text-light-primary: #3e4c59;
    --text-secondary: #646464;
    --text-tab-title: #7f817c;
    --text-disabled: #969696;
    --text-form-label: #1f2933;
    --text-header-table: #0f100d;
    --text-note: #828282;
    --text-description: #777;
    --text-form-icon: #41433f;
    --text-footer: #000;
    --text-placeholder: grey;
    --text-error: #d10000;
    --text-sub-header: #454545;
    --text-breadcrumb: #797979;
    --border-color: #d3d7d3;
    --border-radius: 8px;
    --border-radius-checkbox: 4px;
    --border-radius-card: 10px;
    --scrollbar-thumb: #b7b6c2;
    --scrollbar-track: #f0f3fa;
    --color-gray: grey;
    --color-green: #94c83d;
Show All Properties (31 more)
}
a{color:#00659f;text-decoration:none}
a:hover{text-decoration:none;color:DarkOrange}
.hotline{color: #f30303}
select, input[type='text'], input[type='password'], textarea{background:#FFFFFF;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:4px;color:#555}
option{color:#555}
:before, :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

legend {font-size: 18px;padding: 7px 0px}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {font-size: 12px}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 12px}
.input-group .input-group-addon {font-size: 12px;height: 30px}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline}

.nav-tabs {margin-bottom: 15px}
div.required .control-label:before {content: '* ';color: #F00;font-weight: bold}
/* Gradent to all drop down menus */
/* top */
#top {background-color: #EEEEEE}
#top .container {padding: 0 20px}
#top #currency .currency-select {text-align: left}
#top #currency .currency-select:hover {text-shadow: none;color: #ffffff;background-color: #229ac8;background-image: linear-gradient(to bottom, #00659f, #1f90bb);background-repeat: repeat-x}
#top .btn-link, #top-links li, #top-links a {font-size: 95%;color: #888;text-shadow: 0 1px 0 #FFF;text-decoration: none}
#top .btn-link:hover, #top-links a:hover {color: #444}
#top-links .dropdown-menu a {text-shadow: none}
#top-links .dropdown-menu a:hover {color: #FFF}
#top .btn-link strong {font-size: 14px;    line-height: 14px}
#top-links {padding-top: 6px}
#top-links a + a {margin-left: 15px}

header {padding: 10px 0 10px 0;background-color: #fff;background-image: url(/image/data/logo/banner.png);
    height: 120px;}
/* logo */
#logo {margin:0}
/* search */
#search {margin-bottom: 10px}
#search .input-lg {height: 40px; line-height: 20px; padding: 0 10px}
#search .btn-lg {font-size: 15px; line-height: 18px; padding: 10px 35px; text-shadow: 0 1px 0 #FFF}
/* cart */
#cart {margin-bottom: 10px}
#cart > .btn {font-size: 12px; line-height: 18px; color: #FFF}
#cart.open > .btn {background-image: none; background-color: #fff; border: 1px solid #E6E6E6; color: #666; box-shadow: none; text-shadow: none}
#cart.open > .btn:hover {color: #444}
#cart .dropdown-menu {background: #eee; z-index: 1001}
#cart .dropdown-menu {min-width: 100%} @media (max-width: 478px) {#cart .dropdown-menu {	width: 100%; 	} }
#cart .dropdown-menu table {margin-bottom: 10px}
#cart .dropdown-menu li > div {min-width: 427px; padding: 0 10px} @media (max-width: 478px) {#cart .dropdown-menu li > div {	min-width: 100%; 	} }
#cart .dropdown-menu li p {margin: 20px 0}
/* menu */
#menu{background: #ebebeb;border-bottom: 1px solid #00659f;min-height: 40px;margin-bottom: 10px}
#menu .nav > li > a{display: block;line-height: 28px;font-size: 14px;position: relative;color:#555;padding:5px 15px 5px 15px;min-height:15px;text-transform: uppercase;}
#menu .nav > li > a:hover, #menu .nav > li > a:active, #menu .nav > li.open > a{background-color:DarkOrange}
#menu ul > li > ul > li > ul > li{font-size:90% /*Bỏ float cho li cấp thứ 2*/}
#menu .dropdown-menu{min-width: 220px;margin: 0px;font-size: 90%;background-color: rgba(43, 43, 43, .8);}
#menu .dropdown-inner{display:table}
#menu .dropdown-inner ul{display:table-cell}
#menu .dropdown-inner a{min-width:220px;display:block;padding:3px 5px;clear:both;color:#fff}
#menu .dropdown-inner li a:hover{color:#00659f}
#menu #category{float:left;padding-left: 10px;font-size:16px;font-weight:700;color:#fff}
#menu .btn-navbar{font-size:15px;font-stretch:expanded;color:#FFF;padding:2px 18px;float:right}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled]{color:#fff;background-color:#00659f}
#menu .see-all {display: block;margin-top: 0.5em;border-top: 1px solid #DDD;padding: 3px 20px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 3px 3px;font-size: 12px}
#menu .see-all:hover, #menu .see-all:focus {text-decoration: none;color: #ffffff;background-color: #229ac8;background-image: linear-gradient(to bottom, #00659f, #1f90bb);background-repeat: repeat-x}
#menu #category {float: left;padding-left: 15px;font-size: 16px;font-weight: 700;line-height: 40px;color: #fff}
#menu .btn-navbar {font-size: 15px;font-stretch: expanded;color: #FFF;padding: 2px 18px;float: right;background-color: #229ac8;background-image: linear-gradient(to bottom, #00659f, #1f90bb);background-repeat: repeat-x;border-color: #1f90bb #1f90bb #145e7a}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {color: #ffffff;background-color: #229ac8}
@media (min-width: 768px) {#menu .dropdown:hover .dropdown-menu {	display: block;}}
@media (max-width: 767px) {#menu {	border-radius: 4px;}
	#menu div.dropdown-inner > ul.list-unstyled {	display: block;}
	#menu div.dropdown-menu {	margin-left: 0 !important;	padding-bottom: 10px;}
	#menu .dropdown-inner {	display: block;}
	#menu .dropdown-inner a {	width: 100%;	color: #fff;}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {background-color: none;}
	#menu .see-all {	margin-top: 0;	border: none;	border-radius: 0;	color: #fff;}}
/* content */
#content {}
#content h3, h4, h5, h6 { color: #0000ff}


/* alert */
.alert{padding:5px 10px}
/* breadcrumb */
.breadcrumb {padding: 8px 0;
    font-size: 90%;}
.breadcrumb a {color: #555}
.breadcrumb .fa {margin: 0 8px}.pagination{margin:0}

/* carousel */
.carousel-caption {color: #FFFFFF;text-shadow: 0 1px 0 #000000}
.carousel-control .icon-prev:before {content: '\f053';font-family: FontAwesome}
.carousel-control .icon-next:before {content: '\f054';font-family: FontAwesome}

@media (min-width: 767px) {
.product-list .product-thumb .image {float: left;padding: 0 15px}}
.product-thumb .caption {padding: 0 20px}
.product-list .product-thumb .caption {margin-left: 230px}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {min-height: 210px;padding: 0 10px}}
@media (max-width: 767px) {
.product-list .product-thumb .caption {min-height: 0;margin-left: 0;padding: 0 10px}
.product-grid .product-thumb .caption {min-height: 0}}
.product-thumb .rating {padding-bottom: 10px}
.rating .fa-stack {font-size: 8px}
.rating .fa-star-o {color: #999;font-size: 15px}
.rating .fa-star {color: #FC0;font-size: 15px}
.rating .fa-star + .fa-star-o {color: #E69500}
h2.price {margin: 0}
.product-thumb .price {color: #444}
.product-thumb .price-new {font-weight: 600}
.product-thumb .price-old {color: #999;text-decoration: line-through;margin-left: 10px}
.product-thumb .price-tax {color: #999;font-size: 12px;display: block}
.product-thumb .button-group {border-top: 1px solid #ddd;background-color: #eee;overflow: auto}
.product-list .product-thumb .button-group {border-left: 1px solid #ddd}
@media (max-width: 768px) {.product-list .product-thumb .button-group {	border-left: none;}}
.product-thumb .button-group button {width: 60%;border: none;display: inline-block;float: left;background-color: #eee;color: #888;line-height: 38px;font-weight: bold;text-align: center;text-transform: uppercase}
.product-thumb .button-group button + button {width: 20%;border-left: 1px solid #ddd}
.product-thumb .button-group button:hover {color: #444;background-color: #ddd;text-decoration: none;cursor: pointer}
@media (max-width: 1200px) {.product-thumb .button-group button, .product-thumb .button-group button + button {	width: 33.33%;}}
@media (max-width: 767px) {.product-thumb .button-group button, .product-thumb .button-group button + button {	width: 33.33%;}}
.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0}
.thumbnails > li {margin-left: 20px}
.thumbnails {margin-left: -20px}
.thumbnails > img {width: 100%}
.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd}
.image-additional {max-width: 78px}
.thumbnails .image-additional {float: left;margin-left: 20px}

/* fixed colum left + content + right*/
@media (min-width: 768px) {#column-left  .product-layout .col-md-3 {   width: 100%;}
    #column-left + #content .product-layout .col-md-3 {   width: 50%;}
    #column-left + #content + #column-right .product-layout .col-md-3{   width: 100%;}
    #content + #column-right .product-layout .col-md-3{   width: 100%;}}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {width: 100%}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {min-width: 50px}