@import url('//fonts.googleapis.com/css?family=Bungee+Inline|Roboto');
@import url('//fonts.googleapis.com/css?family=Anton&subset=vietnamese');

@import url(modules.css);
@import "font-awesome.css";
@import url(Codltd.css);
a, body {
    /*font-family: Helvetica Neue,Arial,Helvetica,sans-serif;*/
    font-family: 'Roboto',Helvetica Neue,Arial,Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
*, body, img a img, li, p, ul {
    margin: 0;
    padding: 0;
}
.btn, a, body {
    font-weight: 400;
}
.btn, .btn-pay, .caption .label, ul.form_ttnh01 li label, ul.list-pro-home li h4, ul.nav-cate > li, ul.nav-menu > li > a {
    white-space: nowrap;
}
body {
    background: #fff none repeat scroll 0 0;
    position: static;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img a img, li, p, ul {
    border: medium none;
    list-style: outside none none;
}
.clear::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html > body .clear {
    display: block;
    width: 100%;
}
* html .clear {
    height: 1%;
}
.clear {
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.all {
    float: left;
    width: 100%;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.pdt10 {
    padding-top: 10px;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
}
.page_gr {
    margin: 0 auto;
    width: 1200px;
}
.header-content {
    background: #fff none repeat scroll 0 0;
    display: block;
    width: 100%;
}
.header-content .logo {
    float: left;
    width: 20%;
}
ul.ul-logo {
    float: left;
    left: 86px;
    list-style: outside none none;
    position: absolute;
    top: 7px;
}
ul.ul-logo li {
    margin: 3px 0;
}
.header-bt, .header-top {
    height: 100px;
}
ul.ul-logo li a {
    background: #ff2311 none repeat scroll 0 0;
    border-radius: 0 6px;
    color: #fff100;
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 4px 0 14px;
    text-decoration: none;
    width: 118px;
}
ul.ul-logo li a:hover {
    color: #f3f3f3;
}
.header-right {
    height: 150px;
    position: relative;
    width: 80%;
}
.header-top {
    line-height: 30px;
}
.callcenter {
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
}
.callcenter span {
    display: inline-block;
    vertical-align: middle;
}
.callcenter span b {
    color: #144ca0;
}
.showroom_header {
    color: #fff;
    font-size: 14px;
    padding-right: 26px;
    text-transform: uppercase;
}
.showroom_header a {
    background: rgba(0, 0, 0, 0) url("images/icon_showroom.png") no-repeat scroll 0 0;
    padding-left: 20px;
    text-decoration: none;
}
.showroom_header a b {
    color: #1d9512;
    text-transform: none;
}
.search-block {
    margin-top: 30px;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.search-block .selectBox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e8e8e8 -moz-use-text-color #e8e8e8 #e8e8e8;
    border: 1px solid #ccc;
    color: #505050;
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
}
.search-block .selectBox input.search-txt {
    background-color: #fff;
    border: medium none;
    color: #999;
    float: left;
    font-size: 13px;
    font-style: italic;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 245px;
}
.search-block .selectBox .search-btn {
    background: #fff url(images/ic-seach.png) no-repeat scroll 3px 3px;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 30px;
    position: absolute;
    width: 40px;
    right: 0;
}
.search-block .selectBox .search-btn:focus, .search-block .selectBox input.search-txt:focus {
    border: medium none;
    box-shadow: none;
    outline: 0 none;
}
.main-header-right {
    text-align: right;
    margin: 10px 0 0;
    position: absolute;
    right: 0;
}
.main-header-right .shopping-cart-info {
    float: right;
    width: 100%;
    color: #333;
    height: 45px;
    line-height: 45px;
    position: relative;
}
.shopping-cart-info .shopping-cart-icon {
    background-image: url("images/ic-cart.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 0;
    height: 45px;
    right: 0;
    position: absolute;
    width: 50px;
}
.shopping-cart-info .cart-total-item {
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    right: 3px;
    line-height: 16px;
    min-width: 20px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: -1px;
}
.main-header-right .login-info {
    color: #fff;
    cursor: pointer;
    position: relative;
    float: right;
    width: 100%;
}
.main-header-right .login-info a {
    text-decoration: none;
}
.main-header-right .login-info .hello {
    color: #b5b5b5;
}
.wrap_menu {
    background: #1d9512 none repeat scroll 0 0;
    display: block;
    height: 40px;
    position: relative;
}
ul.nav-menu > li {
    color: #fff;
    float: left;
    line-height: 40px;
    position: relative;
}
ul.nav-menu li a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
ul.nav-menu > li.active > a, ul.nav-menu > li:hover > a {
    color: #fff100;
}
ul.nav-menu > li > a::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transform: scale(0);
    transition: all 0.3s ease 0s;
    width: 100%;
}
ul.nav-menu > li.active > a::after, ul.nav-menu > li:hover > a::after {
    transform: scale(1);
}
.main {
    margin: 0 auto;
    width: 100%;
}
.bannerhome {
    margin: 10px 0 20px 0;
}
.banner-lf {
    position: relative;
    width: 65%;
}
.banner-lf img {
    width: 100%;
}
.banner-rf {
    width: 34%;
}
.bg_NextPre {
    background: rgba(0, 0, 0, 0) url("images/bg_NextPre.png") no-repeat scroll 0 0;
    display: inline-block;
}
.next001, .pre001 {
    cursor: pointer;
    height: 74px;
    position: absolute;
    text-indent: -1000em;
    top: 42%;
    transition: all 0.1s linear 0s;
    width: 38px;
}
.banner-b, .banner-t, .title-pro {
    position: relative;
}
.pre001 {
    background-position: 0 -195px;
    display: none;
    left: 0;
    opacity: 0.4;
}
.pre001:hover, .pre002:hover {
    opacity: 1;
}
.next001 {
    background-position: -44px -195px;
    display: none;
    opacity: 0.4;
    right: 0;
}
.next001:hover, .next002:hover {
    opacity: 1;
}
.banner-lf:hover .next001, .banner-lf:hover .pre001 {
    display: block;
}
.banner-t {
    margin-bottom: 5px;
}
ul.list-Goldtime li img, ul.list-Promotion li img {
    height: 165px;
    width: 380px;
}
.block-content {
}
.box-pro {
    margin-bottom: 20px;
}
.title-pro {
    border-bottom: 3px solid #1d9512;
    box-sizing: border-box;
    height: 43px;
    line-height: 43px;
    padding-left: 10px;
}
.title-pro .category-name, .title-pro .floors, .title-pro .icon {
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.title-pro .icon {
    background-color: #1d9512;
    left: 0;
    width: 98px;
}
.title-pro .icon-inner {
    float: left;
    height: 40px;
    text-align: center;
    width: 77px;
}
.title-pro .icon img {
    max-height: 85%;
    max-width: 100%;
    padding-top: 5px;
}
.title-pro .floors {
    background-color: #fff;
    border: 1px solid #1d9512;
    border-radius: 50%;
    left: 77px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.title-pro .floors span {
    color: #1d9512;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.title-pro .category-name {
    left: 97px;
    line-height: 40px;
}
.title-pro .category-name a {
    color: #1d9512;
    font-size: 16px;
    font-weight: 700;
    line-height: 43px;
    margin-left: 30px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.nav-cate {
    float: right;
    height: 40px;
    overflow: hidden;
    width: 70%;
}
ul.nav-cate > li {
    float: right;
    position: relative;
}
ul.nav-cate > li > a {
    color: #1d9512;
    display: block;
    font-size: 14px;
    padding: 0 17px 0 10px;
    position: relative;
    text-decoration: none;
}
ul.nav-cate > li.view-more > a {
    padding-right: 15px;
}
ul.nav-cate > li.view-more > a::before {
    background: rgba(0, 0, 0, 0) url("images/icon-dow.png") no-repeat scroll 0 0;
    content: "";
    height: 10px;
    position: absolute;
    right: 4px;
    top: 16px;
    width: 6px;
}
.bg-pro-home, .img-pro, ul.list-pro-home li {
    overflow: hidden;
    position: relative;
}
ul.nav-cate > li > a:hover {
    color: #235aa6;
}
.bg-pro-home {
    border-left: 1px solid #f1f1f1;
    clear: both;
    display: block;
    margin: 0 auto;
}
ul.list-pro-home li {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    box-sizing: border-box;
    float: left;
    width: 20%;
    height: 340px;
    padding: 10px;
}
.img-pro {
    height: 165px;
    width: 100%;
}
.img-pro img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

ul.list-pro-home li .price {
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0 0 0;
    text-align: center;
    width: 100%;
}
ul.list-pro-home li .prd-name{
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    height: 55px;
}
ul.list-pro-home li .prd-name a{
    font-size: 14px;
    font-weight: bold;
    color: #666
}
ul.list-pro-home li .price .curr-price {
    color: #fe9b02;
    float: left;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}
ul.list-pro-home li .price .priceline {
    float: right;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    text-decoration: line-through;
    text-align: right;
}
ul.list-pro-home li h2.prd-name a {
    color: #4a4a4a;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    overflow: hidden;
}
ul.list-pro-home li p.tenhang {
    color: #4a90e2;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 38%;
}
ul.list-pro-home li .functional-buttons {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: -75px;
    height: 75px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    transition: all 0.45s ease 0s;
    width: 100%;
}
.functional-buttons div.wishlist {
    display: inline-block;
    float: left;
    height: 40px;
    width: 50%;
}
.functional-buttons div a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 40px;
    text-decoration: none;
}
.functional-buttons div.quick-view {
    border-left: 1px solid #e1e2e3;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 40px !important;
    line-height: 40px;
    width: 49%;
}
p.type-discount, p.type-status {
    color: #ff0;
    font: 700 12px Arial;
    position: absolute;
    text-align: center;
    top: 9px;
    z-index: 2;
}
.functional-buttons .add_to_cart_button {
    background: #1d9512 none repeat scroll 0 0;
}
.functional-buttons div a:hover {
    background: #1d9512 none repeat scroll 0 0;
}
ul.list-pro-home li:hover .functional-buttons {
    bottom: 0;
}
p.type-discount {
    background: rgba(0, 0, 0, 0) url("images/salehot.png") no-repeat scroll 0 0;
    height: 23px;
    padding-top: 38px;
    right: 9px;
    width: 37px;
}
p.type-status {
    background: rgba(0, 0, 0, 0) url("images/StockStatus1.gif") no-repeat scroll 0 0;
    height: 25px;
    left: 9px;
    width: 73px;
}
ul.banner-pro-verti-item li {
    float: left;
    position: relative;
    width: 49.8%;
}
ul.banner-pro-verti-item li:nth-child(2n) {
    float: right;
}
ul.banner-pro-verti-item li img {
    height: 130px;
    width: 100%;
}
ul.banner-pro-verti-item li a::after, ul.banner-pro-verti-item li a::before {
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
ul.banner-pro-verti-item li a::before {
    left: 0;
    margin: auto;
    top: 0;
    transition: all 0.3s ease-out 0s;
}
ul.banner-pro-verti-item li a::after {
    bottom: 0;
    right: 0;
    transition: all 0.3s ease-out 0s;
}
ul.banner-pro-verti-item li a:hover::after, ul.banner-pro-verti-item li a:hover::before {
    height: 100%;
    transform: scale(1);
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.title_01 {
    line-height: 35px;
}
.title_01 h2 a {
    color: #878787;
    font-size: 17px;
    text-transform: uppercase;
}
.title_01 h2 a span {
    color: #1d9512;
}
ul.home-brand-inner {
    padding: 10px 0;
}
ul.home-brand-inner li {
    float: left;
    font-size: 0;
    height: 94px;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 3px 5px;
    position: relative;
    text-align: center;
    width: 165px;
}
ul.home-brand-inner li > a {
    display: block;
    height: 100%;
    position: relative;
}
ul.home-brand-inner li > a > img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 99%;
    max-width: 90%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
}
.footer {
    background: #fbfbfb none repeat scroll 0 0;
    padding: 10px 0 0;
}
.page_ft {
    margin: 0 auto;
    width: 1280px;
}
.mf-listmn {
    width: 100%;
}
.mf-listmn > ul > li {
    float: left;
    width: 20%;
}
.mf-listmn > ul > li:last-child {
    float: right;
    text-align: right;
}
.mf-title {
    color: #1d9512;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 10px;
    text-transform: uppercase;
}
ul.mf-news li {
    clear: both;
    width: 100%;
}
ul.mf-news li a {
    font-size: 15px;
    line-height: 22px;
}
.fanpage iframe {
    width: 100% !important;
}
.mobile-sw {
    margin: 10px 0;
}
.mobile-sw a {
    display: inline-block;
    text-transform: uppercase;
}
.mf-listmn > ul > li.last {
    padding-left: 60px;
}
.mf-listmn > ul > li.last .text-ft {
    color: #067080;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: uppercase;
}
.f-m-address {
    border-top: 1px solid #bdbcc1;
    margin: 0 0 17px;
}
.f-m-a-icon {
    border-right: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    margin-top: 15px;
    padding-right: 10px;
    width: 202px;
}
.regmail {
    margin: 20px 0;
    width: 40%;
}
.regmail .regnerws, .regmail2 .regnerws {
    color: #3f3e3d;
    font-size: 14px;
    margin-bottom: 10px;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.regmail .form-control, .regmail2 .form-control {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.regmail .btn-default, .regmail2 .btn-default {
    border-color: #c50505;
    color: #fff;
    font-size: 14px;
}
.regmail .form-control {
    font-size: 14px;
    height: 16px;
    padding: 6px 8px;
    width: 355px;
}
.regmail .btn-default {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #be0b0b 0px, #de0b0b 100%) repeat scroll 0 0;
    height: 30px;
    padding: 0 18px;
}
.regmail2 .form-control {
    font-size: 14px;
    height: 16px;
    padding: 6px 8px;
    width: 260px !important;
}
.regmail2 .btn-default {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #be0b0b 0px, #de0b0b 100%) repeat scroll 0 0;
    height: 30px;
    padding: 0 18px;
}
.f-m-address ul.f-m-a-ct {
    float: right;
    width: 100%;
}
.f-m-address ul.f-m-a-ct li {
    float: left;
    margin: 20px 0 0;
    width: 50%;
}
.f-m-address ul.f-m-a-ct li:nth-child(1) {
    float: right;
    text-align: right;
}
.f-m-address ul.f-m-a-ct li h4 {
    color: #ff0;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.f-m-address ul.f-m-a-ct li p {
    color: #fff;
    line-height: 25px;
}
.f-m-address ul.f-m-a-ct li a {
    color: #fff;
    display: block;
    font-style: italic;
    font-weight: 700;
    padding-top: 4px;
}
.Copyright {
    border-top: 1px solid #ccc;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 0;
    text-align: center;
    background: #000;
    color: #fff;
}
.Copyright a {
    color: #fff;
}
ul.right-controls li, ul.right-controls2 li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    padding: 1px;
}
ul.right-controls {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 100;
}
ul.right-controls2 {
    display: none;
    position: fixed;
    right: 0;
    top: 23%;
    z-index: 100;
}
ul.right-controls li {
    height: auto;
    width: 60px;
}
ul.right-controls2 li {
    height: auto;
    width: 33px;
}
.main-nav-icon, .main-nav-icon2 {
    background-repeat: no-repeat;
    display: block;
    margin: 4px auto;
}
ul.right-controls li:last-child {
    height: 40px;
}
.main-nav-icon {
    background-image: url("images/bg_right_pixel.png") !important;
}
.main-nav-icon2 {
    background-image: url("images/c.png") !important;
}
ul.right-controls .sprite-icon_tenvao {
    background-position: -19px 8px;
    background-size: 100% auto;
    height: 35px;
    width: 55px;
}
ul.right-controls2 .sprite-icon_tenra {
    background-position: 9px 0;
    background-size: 130% auto;
    height: 22px;
    width: 35px;
}
ul.right-controls .sprite-icon_payment {
    background-position: 3px -339px;
    height: 35px;
    width: 55px;
}
ul.right-controls .sprite-icon_delivery {
    background-position: 3px 7px;
    height: 38px;
    width: 55px;
}
ul.right-controls .sprite-icon_set_up {
    background-position: 1px -71px;
    height: 44px;
    width: 55px;
}
ul.right-controls .sprite-icon_change {
    background-position: 3px -162px;
    height: 41px;
    width: 55px;
}
ul.right-controls .sprite-icon_after_market {
    background-position: 1px -249px;
    height: 42px;
    width: 50px;
}
ul.right-controls .sprite-icon-top-up {
    background-position: 3px -425px;
    height: 50px;
    width: 55px;
}
ul.right-controls span {
    color: #676767;
    display: block;
    font-size: 10px !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.breadcrumb {
    padding: 15px 0;
    box-sizing: border-box;
}
.breadcrumb li {
    float: left;
    margin-right: 7px;
}
.breadcrumb li a {
    background: rgba(0, 0, 0, 0) url("images/icon_arr.png") no-repeat scroll right center;
    color: #000;
    font-size: 14px;
    padding-right: 20px !important;
}
.breadcrumb li:first-child a {
    color: #000;
    font-size: 14px;
    padding-right: 7px;
}
.breadcrumb li:last-child a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #1d9512;
}
.main-left {
    width: 24%;
}
.main-right {
    width: 75%;
}
ul.list-pro-cate {
    border-top: 1px solid #f1f1f1;
}
ul.list-pro-cate li {
    box-sizing: border-box;
    width: 25%;
}
.temp-widget {
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
}
.temp-widget .title {
    border-top: 1px solid #ddd;
    color: #555;
    line-height: 38px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}
.temp-widget .title.sort {
    border-top: medium none;
}
.temp-widget .title::before {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #1d9512;
    border-radius: 30px;
    content: "";
    display: inline-block;
    margin: 0 10px 0 10px;
    padding: 2px;
}
.temp-widget .title.sort select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #555;
    font-size: 14px;
    outline: 0 none;
    text-transform: uppercase;
    width: 80%;
}
.temp-widget .title.sort select option {
    border: medium none;
    padding: 10px;
    text-transform: none;
    width: 100%;
}
.promotion-box h3, .title-other {
    text-transform: uppercase;
}
.bg-tree {
    border: 0 none;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 12px 22px 10px;
}
.bg-tree .checkview {
    float: left;
    margin: 2px 6px 0 0;
}
.bg-tree label.text {
    color: #555;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 0 6px 6px 1px;
    width: 38%;
}
.bg-tree label.text.active, .bg-tree label.text:hover, ul.filter {
    color: #1d9512;
}
ul.filter {
    padding: 5px 10px 10px;
}
ul.filter li {
    padding: 8px 0 8px 15px;
}
ul.filter li a {
    color: #1d9512;
    font-size: 14px;
    padding-right: 4px;
}
ul.filter li a:hover {
    color: #1d9512;
}
.pagination {
    margin-top: 15px;
    text-align: center;
}
.pagination li {
    display: inline-table;
    margin-right: 5px;
}
.pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    color: #333;
    display: block;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    min-width: 20px;
    padding: 0 7px;
    text-align: center;
    text-decoration: none;
}
.pagination li a.active, .pagination li.active a, .pagination li:hover a {
    background: #1d9512 none repeat scroll 0 0;
    border: 1px solid #1d9512;
    color: #fff;
}
.pinfo {
    position: relative;
    width: 450px;
    margin: 20px 0 0;
}
.pro-image a.pro-image-large {
    display: table-cell;
    height: 320px;
    text-align: center;
    vertical-align: middle;
    width: 590px;
}
.pro-image a.pro-image-large img {
    display: block;
    margin: 0 auto;
    max-height: 320px;
    max-width: 99%;
    position: initial !important;
}
.bg-reviewBody img, p.img-cart img {
    max-width: 100%;
}
.pinfo .img_small {
    margin-top: 15px;
    position: relative;
}
ul.list_small {
    text-align: center;
}
ul.list_small li {
    border: 2px solid #ddd;
    display: inline-block;
    height: 65px;
    margin: 0 4px;
    overflow: hidden;
    position: relative;
    width: 65px;
}
ul.list_small li img.active, ul.list_small li.active, ul.list_small li:hover {
    border: 2px solid #e70f0c;
}
ul.list_small li img.active {
    width: 61px;
}
ul.list_small li img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.pecom {
    position: relative;
    width: calc(100% - 470px);
}
.pro-detail h1 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
}
p.code-inf {
    border-bottom: 1px solid #e3e3e3;
    color: #656565;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
p.code-inf .viewer {
    font-weight: 700;
    padding-right: 5px;
}
.price-info {
    margin: 15px 0;
}
.pricesell {
    color: #fe9b02;
    float: left;
    font-size: 25px;
    line-height: 24px;
    margin-right: 23px;
}
.priceline, .priceline2 {
    color: #888;
    font-size: 15px;
    margin-top: 3px;
    text-decoration: line-through;
}
.priceline2 {
    float: left;
    padding-right: 10px;
}
.detail-color {
    margin: 5px 0;
}
.detail-color > label {
    color: #555;
    font-size: 15px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}
.detail-color > .pd-box-color {
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding: 2px;
    vertical-align: middle;
}
.detail-color > .pd-box-color > span {
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
    cursor: pointer;
    display: block;
    height: 20px;
    width: 20px;
}
.detail-color > .pd-box-color > span.choosen, .pd-box-color span.choosen {
    border-radius: 50%;
    box-shadow: 0 0 10px red;
}
.promotion-box {
    background-color: #f7f7f7;
    color: #333;
    padding: 10px;
    width: calc(100% - 20px);
}
.promotion-box h3 {
    background: rgba(0, 0, 0, 0) url("images/dth.png") no-repeat scroll 0 5px;
    color: #0179bb;
    line-height: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
}
.product-description {
    border: 1px solid #eee;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    line-height: 22px;
    width: 100%;
    box-sizing: border-box;
    background: #f2f2f2;
}

.product-summary p {
       color: #eee;
       padding: 3px 4px 0px 2px;
}

.product-summary p::before {
    background: rgba(0, 0, 0, 0) url("images/ic-check.png") no-repeat scroll 0 0;
    color: #00b84e;
    content: "";
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    width: 17px;
}
.product-description p::before {
    background: rgba(0, 0, 0, 0) url("images/ic-check.png") no-repeat scroll 0 0;
    color: #00b84e;
    content: "";
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    width: 17px;
}
.detail-order .b-quick {
    background: #fe9b02 url("images/ico-cartdetail.png") no-repeat scroll 7px -42px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 47px;
    line-height: 47px;
    padding: 0 30px 0 80px;
    text-align: center;
    vertical-align: bottom;
}
.detail-order .add-now, .detail-order .buynow-btn {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 44px;
    text-align: center;
    vertical-align: bottom;
}
.detail-order .add-now {
    background: #1d9512 url("images/ico-cartdetail.png") no-repeat scroll 0 6px;
}
.detail-order .buynow-btn {
    background: #fe9b02 url("images/ico-cartdetail.png") no-repeat scroll 0 -46px;
}
.tabs-border {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fe9b02;
    margin-bottom: 10px;
    position: relative;
    width: 100% !important
}
.article-content, ul.paratable li {
    border-bottom: 1px solid #ededed;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
ul.tabs-pd {
    float: left;
}
ul.tabs-pd li {
    display: inline-block;
    margin-right: 5px;
}
ul.tabs-pd li a {
    color: #333;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 10px 25px;
    background: #ccc;
}
ul.tabs-pd li a.active, ul.tabs-pd li a:hover {
    color: #fff;
    font-weight: 700;
    background: #1d9512
}
.article-content h3.title-detail {
    color: #1d9512;
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 8px 0;
    text-transform: uppercase;
}
.article-content h3.title-detail::before {
    color: #1d9512;
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    vertical-align: top;
}
.bg-article, .bg-reviewBody {
    font-size: 14px;
    line-height: 1.8;
}
.bg-article {
    color: #555;
}
.content-pd .article-lf {
    width: 75%;
}
.content-pd .article-rf {
    width: 24%;
}
ul.paratable {
    float: left;
    width: 530px;
}
ul.paratable li {
    display: table;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    width: calc(100% - 20px);
}
ul.paratable li.grp {
    border: 0 none;
    padding-top: 20px;
}
ul.paratable li .specname, ul.paratable li .specval {
    display: table-cell;
    font-weight: 400;
}
ul.paratable li .specname {
    width: 260px;
}
ul.paratable li .specval {
    text-align: right;
}
.reviewBody h2 {
    color: #4a4a4a;
    display: block;
    padding: 10px 0 5px;
}
.bg-reviewBody p {
    margin-bottom: 8px;
}
.title-other {
    background: #067080 none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    padding: 7px;
}
ul.list-pro-other {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 15px;
}
ul.list-pro-other li {
    border-right: medium none;
    padding-bottom: 10px;
    width: 100%;
}
.wrap-attaddsend, .wrapcomment .txtEditor {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1bfbf;
}
.wrapcomment {
    display: block;
    float: left;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#id-comment-title {
    color: #666;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 15px 0;
    overflow: hidden;
    padding: 8px;
    text-transform: uppercase !important;
}
#id-comment-title span {
    font-weight: 400;
}
.wrapcomment .txtEditor {
    color: #333;
    display: block;
    font-size: 16px;
    height: 100px;
    min-height: 50px;
    overflow: auto;
    padding: 10px;
    width: 97%;
}
.infocomment, .sortcomment {
    display: block;
    overflow: hidden;
}
.wrap-attaddsend {
    display: block;
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 8px);
}
.wrap-attaddsend .attach {
    border-right: 1px solid #c1bfbf;
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    padding: 4px 15px;
}
.sendnow {
    float: right;
    padding: 7px 0;
    width: 480px;
}
.sendnow .finalpost {
    margin-right: 10px;
}
.sendnow .infoname {
    border: 1px solid #dadada;
    color: #333;
    float: right;
    font-size: 14px;
    margin-right: 10px;
    padding: 5px 8px;
    width: 180px;
}
.caption .label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
}
.caption .label-default {
    background-color: #777;
}
.iconcom-picture {
    background: rgba(0, 0, 0, 0) url("images/ic-attach.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    line-height: 30px;
    margin: -4px 5px 0 0;
    vertical-align: middle;
    width: 27px;
}
.sendnow .finalpost {
    background: #fbd648 none repeat scroll 0 0;
    border: 1px solid #c1bfbf;
    color: #2a2a2a;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 8px;
    text-transform: uppercase;
}
.sortcomment {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}
.sortcomment a, .sortcomment span {
    float: left;
    font-size: 13px;
    padding: 6px 12px;
}
.sortcomment a {
    color: #4a90e2;
}
.sortcomment a.activedsort {
    background: #ececec none repeat scroll 0 0;
    border-radius: 7px;
}
.sortcomment span {
    color: #999;
}
.infocomment {
    clear: both;
    margin-bottom: 20px;
}
.comment_ask {
    display: block;
    margin: 10px 0 0;
    overflow: visible;
}
.iconcom-user {
    background-color: #ccc;
    background-image: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 25px;
    line-height: 26px;
    margin-right: 7px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 25px;
}
.arrow_box, .comment_reply {
    background: #f1f1f1 none repeat scroll 0 0;
    position: relative;
}
.infocom_ask, .relate_infocom {
    display: block;
    margin-left: 30px;
}
.comment_ask strong {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
}
.btn-pay, .comment_ask .qtv, .title-cart {
    text-transform: uppercase;
}
.infocom_ask {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 22px;
}
.relate_infocom {
    color: #666;
    font-size: 12px;
    height: 18px;
    overflow: visible;
    padding: 5px 0;
}
.relate_infocom span {
    float: left;
}
.relate_infocom .reply {
    color: #4a90e2;
    cursor: pointer;
}
.relate_infocom .dot {
    color: #babbb8;
    display: inline;
    float: left;
    font-size: 8px;
    margin: 2px 5px;
    vertical-align: middle;
}
.relate_infocom .numlike {
    color: #999;
}
.relate_infocom span .like {
    color: #4a90e2;
    font-weight: 700;
}
.comment_reply {
    border: 1px solid #e7e7e7;
    color: #333;
    display: block;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 5px;
    padding: 15px 10px;
}
.arrow_box {
    display: block;
    left: 7px;
    margin-top: -15px;
    z-index: 9;
}
.arrow_box::after, .arrow_box::before {
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.rating-container-rtl .rating-stars::before, .rating-container-rtl::before, .rating-container::before {
    content: attr(data-content);
}
.arrow_box::before {
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px;
}
.arrow_box::after {
    border-bottom-color: #f1f1f1;
    border-width: 11px;
    margin-left: -11px;
}
.comment_ask img.imgU {
    float: left;
    height: 25px;
    margin-right: 7px !important;
    vertical-align: middle;
    width: 25px;
}
.comment_ask .qtv {
    background: #eebc49 none repeat scroll 0 0;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 2px 6px;
}
.main-cart .cart-fl {
    margin-bottom: 20px;
    padding: 10px;
    width: 45%;
}
.main-cart .cart-fr {
    margin-bottom: 20px;
    padding: 10px;
    width: 50%;
}
.title-cart {
    border-bottom: 1px solid #ededed;
    color: #1d9512;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
ul.sp-cart-product-list {
    margin-top: 15px;
}
ul.sp-cart-product-list li {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 15px 5px 10px;
    position: relative;
}
ul.sp-cart-product-list li .delete-icon {
    background: rgba(0, 0, 0, 0) url("images/ic-delete.png") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
}
p.img-cart {
    height: 90px;
    text-align: center;
    width: 90px;
}
p.img-cart img {
    max-height: 100%;
}
ul.sp-cart-product-list li .meta-cart {
    width: calc(100% - 110px);
}
ul.sp-cart-product-list li .meta-cart h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
ul.sp-cart-product-list li .meta-cart > strong {
    color: #f44336;
    display: block;
    float: none;
    font-size: 15px;
    padding-top: 8px;
}
ul.sp-cart-product-list li .meta-cart .detail-color, ul.sp-cart-product-list li .meta-cart .quantity {
    margin: 10px 0 5px;
}
ul.sp-cart-product-list li .meta-cart .quantity select {
    border: 1px solid #ededed;
    border-radius: 2px;
    min-height: 16px;
    padding: 6px;
    vertical-align: middle;
}
.final-info p, .form-contact li label {
    float: left;
    font-size: 14px;
    width: 100%;
}
.final-info {
    margin-top: 10px;
}
.final-info p {
    margin: 5px auto;
}
.final-info p .number {
    color: gray;
}
.final-info p .into-money {
    color: #1d9512;
    font-weight: 700;
}
.form-contact li {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.form-contact li label {
    color: #505050;
    font-weight: 500;
    text-align: left;
    width: 150px;
}
.form-contact li label i {
    font-size: 13px;
    font-weight: 400;
}
.form-contact li input[type="text"], .form-contact li textarea {
    float: left;
    width: 400px;
    border: 1px solid #ccc;
    padding: 7px 10px;
}
.form-contact li textarea {
    height: 130px;
}
.btn-pay {
    background-color: #e5101d;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
}
.wt283px {
    width: 283px !important;
}
.cart-xndh a {
    background: #fe9b02 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 47px;
    line-height: 47px;
    padding: 0 30px;
    text-align: center;
    vertical-align: bottom;
}
.left-new {
    border-right: 1px solid #efeded;
    padding: 0 20px 20px 0;
    width: 75%;
}
.right-new {
    width: 22%;
}
.boxNewscate .div_bigcatetitle {
    color: #333;
    font-size: 22px;
    margin-bottom: 18px;
    text-align: left;
}
ul.listnews {
    display: block;
    overflow: hidden;
}
ul.listnews li {
    border: 0 none;
    display: block;
    margin-bottom: 35px;
    overflow: hidden;
    padding: 0;
}
ul.listnews li .linkimg {
    float: left;
    height: auto;
    margin-right: 15px;
    overflow: hidden;
    width: 240px;
}
ul.listnews li .linkimg img {
    border-radius: 4px;
    display: block;
    height: 116px;
    width: 240px;
}
ul.listnews li .linktitle {
    display: block;
    overflow: hidden;
}
ul.listnews li .linktitle h3 {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.2em;
}
ul.listnews li p, ul.listnews li p a {
    color: #4d4d4d;
    font-size: 13px;
    letter-spacing: 0.5px;
}
ul.listnews li p {
    display: block;
    height: 36px;
    margin: 10px 0;
    overflow: hidden;
}
ul.listnews li p a {
    line-height: 18px;
}
ul.listnews li .linkxemcht {
    color: #167ac6;
    display: inline;
    float: right;
}
.new-list {
    margin-bottom: 20px;
}
.new-list h3 {
    color: #333;
    font-size: 23px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 6px;
}
ul.items-new li {
    color: #999;
    list-style: inherit;
    padding-top: 10px;
}
ul.items-new li a, ul.items-new-02 li a {
    color: #288ad6;
    font-size: 14px;
    line-height: 20px;
}
ul.items-new-02 li {
    clear: both;
    height: 80px;
    padding-top: 20px;
    width: 100%;
    margin-left:-10px;
}
ul.items-new-02 li img {
    border-radius: 4px;
    float: left;
    height: 75px;
    margin-right: 10px;
    width: 145px;
}
ul.items-new-02 li span {
    color: #999;
    display: inline-block;
    line-height: 20px;
    margin-left: 10px;
}
ul.items-new-02 li span i.wico-comment {
    background: rgba(0, 0, 0, 0) url("images/wico-comment.png") no-repeat scroll -2px 0;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.bg-reviewCont {
    padding: 15px 0;
}
.bg-reviewCont h1.title {
    color: #1056b2;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}
.post-meta {
    color: #b1b1b1;
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0;
    overflow: hidden;
    width: 100%;
}
.post-content {
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
    word-spacing: 0;
}
.post-content p {
    margin: 10px 0;
}
.post-content img {
    max-width: 99%;
    text-align: center;
}
.blockquote .thumb img, .img-msm img, .td_img img {
    max-width: 100%;
}
.like-fb {
    background: rgba(0, 0, 0, 0) url("images/like-fb_03.png") no-repeat scroll left top;
    height: 40px;
    margin-top: 20px;
    padding: 30px 0 0 190px;
}
.news_other {
    border-top: 1px solid #d8d3d3;
    margin-top: 15px;
    padding-top: 15px;
}
.news_other h3 {
    color: #000;
    font-size: 18px;
    padding-bottom: 5px;
}
.news_other ul {
    padding: 10px 0 0 20px;
}
.news_other ul li {
    background: rgba(0, 0, 0, 0) url("images/iconx.png") no-repeat scroll left 7px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.news_other ul li a {
    color: #848282;
    font-size: 13px;
}
.news_other ul li a:hover {
    color: #0080c6;
}
.nsm-title, .nsm-title a {
  color: #1d9512 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase !important;
  width: 100%;
  white-space: nowrap;
  font-weight: bold;
}
.w20p {
    width: 20% !important;
}
.w17p {
    width: 21% !important;
}
.w50p {
    width: 79% !important;
}
.sub-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.4);
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 200px;
    z-index: 9999;
}
.bg-sub-menu {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.w100p {
    width: 100% !important;
}
.msm-col {
    float: left;
}
.msm-col:last-child {
    margin-right: 0;
}
.nsm-title {
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.nsm-title a {
    font-weight: 700;
    text-decoration: none;
    padding: 0 !important;
    width: 100%;
    float: left;
    text-align: left !important;
}
ul.nsm-list {
    list-style: outside none none;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
ul.nsm-list > li {
    border-bottom: 1px solid #eaeaea;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-right: 10%;
    overflow: hidden;
}
ul.nsm-list > li > a {
  color: #333;
  display: block;
  font-size: 13px;
  padding: 0;
  text-align: left;
  text-transform: none;
}
ul.nsm-list > li:nth-child(3n+3) {
    margin-right: 0;
}
ul.nsm-list > li > a.active, ul.nsm-list > li > a:hover {
    color: #1d9512;
    text-decoration: underline;
}
a, ul.listChipSize li a, ul.ls a {
    text-decoration: none;
}
ul.nsm-triple li {
    width: 26.6%;
}
ul.nsm-only > li {
    width: 100%;
}
.img-msm {
    position: absolute;
    right: 0;
    top: 0;
    width: 275px;
}
ul.nav-menu > li:hover .sub-menu {
    display: block;
}
.phantrang {
    float: left;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}
.phantrang_gr {
    margin: 0 auto;
    width: 200px;
}
.phantrang a.xemthem {
    border: 1px solid #f2f2f2;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    width: 120px;
}
.loading {
    background: rgba(0, 0, 0, 0) url("images/loading.gif") no-repeat scroll left center / 20px 20px;
    display: none;
    float: left;
    height: 20px;
    width: 20px;
}
.bg-tree a {
    background: rgba(0, 0, 0, 0) url("images/check_ico.1.0.1.png") no-repeat scroll left 3px;
    float: left;
    padding: 0 0 0 20px;
    width: 41%;
}
.bg-tree a.active {
    background-position: 0 -21px;
    color: #666;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
ul.listChipSize li {
    border: 1px solid #ccc;
    float: left;
    height: 34px;
    margin: 0 6px 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 47px;
}
ul.listChipSize li a {
    display: block;
    font-weight: 700;
    line-height: 34px;
}
ul.listChipSize li a.active, ul.listChipSize li a:hover {
    background-image: url("images/bg_color.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 1px solid red;
}
.title-pro01, ul.ultable > li {
    border-bottom: 1px solid #ccc;
}
.title-pro01 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.title-pro01 h1 a, .title-pro01 h2 a {
    color: #c71c22;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
}
.padtop10 {
    padding-top: 10px;
}
ul.form_ttnh01 li {
    float: left;
    margin-bottom: 15px;
    margin-top: 0;
    width: 100%;
}
ul.form_ttnh01 li label {
    color: #505050;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
ul.form_ttnh02 li {
    margin-bottom: 15px;
    margin-right: 17px;
    width: 45%;
}
ul.form_ttnh01 li input.text003 {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 95%;
}
ul.form_ttnh01 li input.text004 {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 50%;
}
ul.form_ttnh01 li textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 100px;
    padding: 0 10px;
    width: 95%;
}
ul.form_ttnh01 li .select_chon, ul.form_ttnh01 li select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
ul.form_ttnh01 li select {
    border-radius: 3px;
    width: 100%;
}
ul.form_ttnh01 li .select_chon {
    border-radius: 3px;
    width: 50%;
}
.text01, ul.ultable {
    border: 1px solid #ccc;
}
.security {
    font-size: 25px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 100px;
}
.text01 {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 2%;
    width: 96%;
}
.change_captcha, .generation_img {
    float: left;
    margin: 5px 0 0 10px;
}
.change_captcha {
    background: rgba(0, 0, 0, 0) url("images/reset.png") no-repeat scroll 0 0;
    height: 38px;
    width: 38px;
}
.shop-ft-ct {
    margin-top: 15px;
}
.wth5 {
    width: 5%;
}
.wth10 {
    width: 10%;
}
.wth15 {
    width: 15%;
}
.wth20 {
    width: 20%;
}
.wth25 {
    width: 25%;
}
.wth30 {
    width: 30%;
}
.wth50 {
    width: 50%;
}
.alf {
    text-align: left;
}
.act {
    text-align: center;
}
.alr, p.steps-to-steps {
    text-align: right;
}
ul.ultable {
    background-color: #fff;
    border-collapse: collapse;
    margin: 15px 0 10px;
    width: 100%;
}
ul.ultable > li {
    color: #0095da;
    padding: 10px 0;
}
ul.ultable > li:last-child {
    border-bottom: medium none;
}
ul.ultable > li:first-child {
    padding: 0;
}
ul.ultable > li .tdcart, ul.ultable > li .thcart {
    box-sizing: border-box;
    color: #1d9512;
    float: left;
    padding: 10px;
    font-weight: bold;
}
ul.ultable > li .tdcart a {
    font-weight: 500;
    line-height: 20px;
}
ul.ultable > li .tdcart .pricart {
    color: #f50000;
    font-weight: 700;
}
ul.ultable > li .tdcart .select_num {
    border: 1px solid #ccc;
    height: 30px;
    width: 45px;
}
ul.ultable > li .tdcart .select_num option {
    display: block;
    font-weight: 400;
    min-height: 1.2em;
    padding: 0 2px 1px;
    white-space: pre;
}
.total_bloc .fl {
    padding-left: 10px;
    width: 50%;
}
.total_bloc .fl span {
    color: #333;
    font-size: 14px;
}
.total_bloc .fr {
    width: 45%;
}
.total_bloc .fr ul li span {
    color: #1d9512;
}
.box-form-infomation {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cdcdcd;
    border-image: none;
    border-style: solid;
    border-width: 4px 1px 1px;
}
.box-form-infomation .fl, .box-form-infomation .fr {
    padding: 10px;
    width: 48%;
}
.box-form-infomation .title {
    color: #1d9512;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.wt300px {
    width: 300px !important;
}
p.steps-to-steps {
    padding: 0 10px;
}
.orderbtn.orange {
    background: #f89406 none repeat scroll 0 0;
    border: 1px solid #d97f00;
    color: #fff;
    margin-right: 10px;
}
.orderbtn {
    border-radius: 4px;
    display: inline-block;
    min-width: 180px;
    padding: 8px;
    text-align: center;
}
.rating-fa, .rating-fa .rating-stars::before {
    padding-left: 1px;
}
.star-rating .clear-rating, .star-rating-rtl .caption {
    padding-right: 5px;
}
.zoomWrapper {
    width: 100% !important;
}
.rating-fa {
    font-family: FontAwesome;
}
.rating-gly, .rating-gly-star {
    font-family: "Glyphicons Halflings";
}
.rating-gly-star, .rating-gly-star .rating-stars::before {
    padding-left: 2px;
}
.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars::before {
    padding-left: 4px;
}
.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars::before {
    padding-left: 2px;
}
.rating-active {
    cursor: default;
}
.rating-disabled {
    cursor: not-allowed;
}
.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}
.rating-container {
    color: #e3e3e3;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.rating-container .rating-stars {
    color: #fde16d;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-out 0s;
    white-space: nowrap;
}
.rating-container .rating-stars::before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
.rating-container-rtl {
    color: #fde16d;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.rating-container-rtl::before {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
.rating-container-rtl .rating-stars {
    color: #e3e3e3;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-out 0s;
    white-space: nowrap;
}
.rating-xl {
    font-size: 4.89em;
}
.rating-lg {
    font-size: 3.91em;
}
.rating-md {
    font-size: 3.13em;
}
.rating-sm {
    font-size: 2.5em;
}
.rating-xs {
    font-size: 2em;
}
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    font-size: 60%;
    vertical-align: middle;
}
.clear-rating-active {
    cursor: pointer !important;
}
.clear-rating-active:hover {
    color: #843534;
}
.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    font-size: 55%;
    vertical-align: middle;
}
.star-rating .caption {
    padding-left: 5px;
}
@media print {
.rating-container, .rating-container-rtl .rating-stars, .rating-container-rtl .rating-stars::before, .rating-container::before {
    color: #f3f3f3 !important;
}
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    display: none;
}
}
.display {
    display: block !important;
}
.nondisplay {
    display: none;
}
#search-autocomplete {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    display: none;
    left: -1px;
    padding: 10px 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 99;
}
.box-promotion {
    position: absolute;
    top: 0;
}
#search-autocomplete .autocomplete-item {
    box-sizing: border-box;
    float: left;
    padding: 10px;
    width: 100%;
}
#search-autocomplete .autocomplete-item div.img {
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    height: 70px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}
#search-autocomplete .autocomplete-item div.img img {
    max-height: 100%;
    max-width: 100%;
}
#search-autocomplete .autocomplete-item div.content {
    box-sizing: border-box;
    float: right;
    width: 75%;
}
.news_jobs *, ul.four_column * {
    box-sizing: border-box;
}
#search-autocomplete .autocomplete-item div.content a {
    color: #0072bc;
    float: left;
    font-size: 14px;
    width: 100%;
}
#search-autocomplete .autocomplete-item div.content span {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
#search-autocomplete .autocomplete-item div.content span.price {
    color: #1d9512;
    font: 700 14px/17px Arial;
}
ul.other-role {
    padding: 10px;
}
ul.other-role li {
    float: left;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 0;
    width: 49%;
}
ul.other-role li a {
    background: rgba(0, 0, 0, 0) url("images/check_ico.1.0.1.png") no-repeat scroll left 1px;
    padding: 0 0 0 20px;
}
ul.other-role li a.active, ul.other-role li a:hover {
    background-position: 0 -21px;
    color: #00f;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.block-content .div_bigcatetitle {
    color: #333;
    font-size: 22px;
    margin-bottom: 18px;
    text-align: left;
}
.icon-saleoff sub, p.discout2 .icon-saleoff sub {
    color: #f8e61c;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}
.submenuleft {
    width: 80%;
}
.left50 {
    float: left;
    width: 50% !important;
}
p.discout {
    top: 5px;
    position: absolute;
    right: 5px;
}
p.discoutsale {
    top: 10px;
    left: 10px;
    position: absolute;
}
p.discout2 {
    float: left;
    margin: -13px 0 0 10px;
}
.icon-saleoff, .icon-saleoff1, .icon-saleoff2 {
    display: block;
    height: 53px;
    margin: 0 auto 5px;
    width: 60px;
}
.icon-saleoff {
    background: rgba(0, 0, 0, 0) url("images/ic-discout.png") no-repeat scroll 0 0;
}
.icon-saleoff1 {
    background: rgba(0, 0, 0, 0) url("images/gift-icon.png") no-repeat scroll 0 0;
}
.icon-saleoff2 {
    background: rgba(0, 0, 0, 0) url("images/kmbig.png") no-repeat scroll 0 0;
}
.icon-saleoff sub {
    display: block;
    padding: 14px 23px 0 0;
}
p.discout2 .icon-saleoff sub {
    display: block;
    padding: 20px 23px 0 0;
}
.hotlineheader {
    color: #333;
    font-size: 16px;
}
.hotlineheader b {
    color: #1d9512;
    font-size: 18px;
    font-weight: 700;
}
.status {
    float: left;
}
.bginfo {
    width: 100%;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 10px 0 0;
}
ul.four_column li .thumbnail1, ul.list-pro-home li:hover .bginfo {
    transition: all 0.5s ease-in-out 0s;
}
.bginfo p.meta {
    height: 140px;
    margin-bottom: 20px;
    overflow: hidden;
}
.bginfo p.meta span {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0 10px 8px;
}
.bginfo .btnviewdetail {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    cursor: pointer;
    display: none;
    height: 25px;
    line-height: 24px;
    margin: auto;
    padding: 2px 0;
    text-align: center;
    width: 110px;
    z-index: 100;
}
.bginfo .btnviewdetail a {
    color: #4d9fff;
    font-size: 14px;
}
ul.four_column li .home_item_title, ul.four_column li .thumbnail1 a {
    color: #333;
    font-size: 20px;
    text-transform: uppercase;
}
ul.list-pro-home li:hover .bginfo {
    opacity: 1;
    visibility: visible;
}
.box-promotion {
    background: rgba(0, 0, 0, 0) url("images/box_overlay.png") repeat scroll 0 0;
    display: none;
    left: 0;
    overflow: hidden;
    z-index: 99;
}
.box-promotion .box-promotion-item {
    height: 342px;
    left: 427px;
    position: absolute;
    top: 137px;
    width: 500px;
}
.box-promotion .box-promotion-item .box-banner {
    position: absolute;
    z-index: 97;
}
.box-promotion .box-promotion-item a.box-promotion-close {
    background: rgba(0, 0, 0, 0) url("images/delete-large.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 72px;
    position: absolute;
    right: -29px;
    top: -13px;
    width: 72px;
    z-index: 98;
}
.box-promotion-active {
    bottom: 0;
    display: block;
    position: fixed;
    right: 0;
    vertical-align: middle;
}
.socialdefault {
    margin-top: 20px;
    text-align: center;
}
.title-img {
    margin-bottom: 15px;
    text-align: center;
}
.title-img a {
    display: block;
}
ul.four_column * {
    box-sizing: border-box;
}
ul.four_column li {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    text-align: center;
    width: 300px;
}
ul.four_column li:nth-child(4) {
    margin-right: 0;
}
ul.four_column li .thumbnail1 {
    background: #ed252e none repeat scroll 0 0;
    border-radius: 500px;
    height: 220px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    width: 220px;
}
ul.four_column li .thumbnail1:hover {
    transform: scale(1.2);
}
ul.four_column li:nth-child(2) .thumbnail1 {
    background: #fdba37 none repeat scroll 0 0;
}
ul.four_column li:nth-child(3) .thumbnail1 {
    background: #0d9788 none repeat scroll 0 0;
}
ul.four_column li:nth-child(4) .thumbnail1 {
    background: #999 none repeat scroll 0 0;
}
ul.four_column li .thumbnail1 a {
    display: block;
}
ul.four_column li .thumbnail1 img {
    border-radius: 500px;
    height: 200px;
    margin: 7px 0 0 16px;
    width: 200px;
}
ul.four_column li .home_item_title {
    display: block;
    font-weight: 400 !important;
    padding: 20px 0 0;
}
.blockquote {
    background: rgba(0, 0, 0, 0) url("images/blockquote_icon.png") no-repeat scroll 0 10px;
    border-top: 1px solid #ddd;
    margin: 40px 0 0;
    padding: 15px 0 0 65px;
}
.blockquote .thumb {
    float: right;
    margin: -50px 0 0 30px;
    position: relative;
    width: 200px;
}
.blockquote p {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 25px;
    text-align: justify;
}
.news_jobs * {
    box-sizing: border-box;
}
ul.list-why-cel *, ul.xcamera-ct * {
    box-sizing: border-box;
}
.news_jobs_fr, .news_jobs_lf {
    background: #fff none repeat scroll 0 0;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.news_jobs_lf {
    width: 66.6667%;
}
.news_jobs_fr {
    width: 33.3333%;
}
.title_new_jobs h2 {
    color: #292c3a;
    font-size: 22px;
    margin: 0 0 30px;
    padding-top: 5px;
    text-transform: uppercase;
}
.page-owl-buttons {
    position: absolute;
    right: 15px;
    top: 0;
}
.page-owl-next, .page-owl-prev {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 30px;
}
.page-owl-prev {
    margin-right: 5px;
}
.page-owl-next a, .page-owl-prev a {
    background: #c2c2c2 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-align: center;
    z-index: 1;
}
.page-owl-next a:hover, .page-owl-prev a:hover {
    background: #1d9512 none repeat scroll 0 0;
}
ul.list_new_jobs li {
    float: left;
    padding: 0 15px;
    width: 410px;
}
ul.list_new_jobs li .new-img img {
    height: 206px;
    width: 100%;
}
ul.list_new_jobs li .new-name {
    height: 50px;
    line-height: 25px;
    margin: 20px 0 10px;
    overflow: hidden;
}
ul.list_new_jobs li .new-name a {
    color: #292c3a;
    font-size: 16px;
    font-weight: 700;
}
ul.list_new_jobs li p.new-info {
    color: #acacac;
    margin: 0 0 10px;
}
ul.list_new_jobs li p.new-description {
    color: #707070;
    line-height: 25px;
}
ul.list_new_jobs li p.new-description a {
    color: #00b18a;
    text-decoration: none;
}
ul.xcamera-ct * {
    box-sizing: border-box;
}
ul.xcamera-ct > li {
    float: left;
    padding-right: 10px;
    vertical-align: top;
    width: 33%;
}
ul.xcamera-ct > li:nth-child(3) {
    padding-right: 0;
}
.title_widget {
    background: rgba(0, 0, 0, 0) url("images/title_line.png") no-repeat scroll left bottom;
    padding: 10px 0;
    text-transform: uppercase;
}
.title_widget a {
    color: #333;
    font-size: 18px;
    font-weight: 400;
}
ul.list-khdg li {
    display: table;
    margin-top: 10px;
}
ul.list-khdg li a {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}
ul.list-khdg li img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    float: left;
    height: 75px;
    margin-right: 10px;
    padding: 1px;
    width: 91px;
}
ul.list-khdg li p {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 12px;
}
.hdcg {
    margin: 0 10px 0 0;
}
.hdcg li {
    background: rgba(0, 0, 0, 0) url("images/ask.png") no-repeat scroll 0 12px;
    padding: 10px 0 0 30px;
    text-align: left;
}
.hdcg li a {
    color: #333;
    font-size: 13px;
    line-height: 23px;
}
.hdcg li a:hover {
    color: #0d9788;
}
.title-spdx {
    border-bottom: 3px solid #d70500;
    height: 40px;
    margin-bottom: 15px;
}
.title-spdx .text {
    color: #dc2622;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}
ul.list-spdx li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 19.92%;
}
ul.list-spdx li .price {
    float: left;
    line-height: 20px;
    overflow: hidden;
    padding: 18px 8px 0 0;
    text-align: center;
    width: 100%;
}
ul.list-spdx li .price .curr-price {
    color: #1d9512;
    float: left;
    font-size: 16px;
    font-weight: 700;
}
ul.list-spdx li .price .priceline {
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-right: 0;
    text-align: center;
    text-decoration: line-through;
    width: 100%;
}
ul.list-spdx li h2.prd-name a {
    color: #4a4a4a;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    margin: 10px 10px 0;
    overflow: hidden;
    text-decoration: none;
}
.tags-search {
    border-top: 1px solid #ccc;
    color: #555;
    line-height: 20px;
    padding-top: 20px;
}
.tags-search .tl {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.tags-search p {
    margin: 0 0 8px;
}
.tags-search a {
    color: #555;
}
.tags-search a:hover {
    color: #0388cd;
    text-decoration: none;
}
/*.title-cate-top {
    background: #1d9512 none repeat scroll 0 0;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
}*/
.title-cate-top {
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #1d9512;
}
.title-cate-top .name a {
    color: #333;
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.list_gh li {
    float: left;
    padding-right: 10px;
}
.list_gh li a {
    color: #fff;
    font-size: 14px;
}
.list_gh li a.active, .list_gh li a:hover {
    color: #ff0;
}
.bg-cate-top {
    font-size: 14px;
    line-height: 25px;
    padding: 10px;
    width: calc(100% - 20px);
}
.bg-cate-top p {
    margin-bottom: 10px;
}
.kk-star-ratings.top-left, .kk-star-ratings.top-right {
    margin-top: 3px;
}
.kk-star-ratings.lft {
    float: left;
    margin-right: 10px;
}
.kk-star-ratings.rgt {
    float: right;
    margin-left: 10px;
}
.kk-star-ratings .kksr-stars {
    height: 24px;
    position: relative;
}
.kk-star-ratings .kksr-star {
    background-position: 0 0;
}
.kk-star-ratings .kksr-star.gray {
    background-image: url("images/gray.png");
}
.kk-star-ratings .kksr-star.yellow {
    background-image: url("images/yellow.png");
}
.kk-star-ratings .kksr-star.orange {
    background-image: url("images/orange.png");
}
.kk-star-ratings .kksr-stars .kksr-fuel {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.kk-star-ratings .kksr-stars a {
    border: 0 none;
    height: 24px;
    position: relative;
    text-decoration: none;
    width: 24px;
    z-index: 1;
}
.kk-star-ratings .kksr-stars a:focus {
    border: 0 none;
    outline: 0 none;
    text-decoration: none;
}
.kk-star-ratings .kksr-legend {
    color: #999;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    padding: 3px;
    text-align: center;
}
.kk-star-ratings .kksr-legend .kksr-title {
    display: none;
}
.kk-star-ratings .kksr-stars, .kk-star-ratings .kksr-stars .kksr-fuel, .kk-star-ratings .kksr-stars a {
    background-color: transparent !important;
    display: inline-block;
    float: left;
}
p.call {
    font-size: 14px;
    margin: 10px 0;
}
.ribbon {
    background: #1d9512 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.why {
    background: rgba(0, 0, 0, 0) url("images/tai-sao.png") no-repeat scroll 0 0;
    height: 8px;
    margin: 0 auto;
    width: 18px;
}
ul.list-why-cel {
    border: 1px solid #ddd;
    margin-top: 20px;
    min-width: 240px;
}
ul.list-why-cel * {
    box-sizing: border-box;
}
ul.list-why-cel > li {
    float: left;
    padding: 15px 12px;
    width: 25%;
}
ul.list-why-cel > li .why-cel-tt {
    color: #006692;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}
ul.list-why-cel > li .thumb {
    width: 100%;
}
ul.list-why-cel > li .thumb img {
    height: 179px;
    width: 100%;
}
.zoom_pic img:hover {
    transform: scale(0.9);
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
.zoom_pic img {
    transform: scale(1);
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
.box-pro .hero {
    background: rgba(0, 0, 0, 0) url(images/fur.jpg) repeat fixed center center;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
}
.box-pro .hero h3 {
    color: #fe9b02;
    font-size: 36px;
}
.box-pro .hero p {
    font-size: 23px;
    margin: 19px 0 0;
}
ul.isotope .isotope-item {
    float: left;
    overflow: hidden;
    position: relative;
    width: 20%;
}
ul.isotope .isotope-item img {
    height: 218px;
    width: 100%;
}
ul.isotope .isotope-item .hover {
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    left: 0;
    margin-left: -1000%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
}
ul.isotope .isotope-item .hover p {
    font-size: 13.6px;
}
ul.isotope .isotope-item .hover .btn {
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 21px;
    line-height: 35px;
    margin: 29px 0 0;
    padding: 10px 0 13px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    width: 100%;
}
ul.isotope .isotope-item .hover .title-ct {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    line-height: 22px;
    margin-top: 10px;
}
ul.isotope .isotope-item:hover .hover {
    margin-left: 0;
}
.title-video {
    background-color: #1d9512;
    clear: both;
    color: #fff;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 3%;
    padding: 4px 10px;
    width: 98%;
}
ul.list-video * {
    box-sizing: border-box;
}
ul.list-video li {
    background-color: #fff;
    float: left;
    line-height: 32px;
    margin: 0 1% 2%;
    position: relative;
    width: 22.8%;
    z-index: 999;
}
ul.list-video li a {
    display: block;
    text-decoration: none;
    white-space: initial;
}
ul.list-video li img.imgs-video {
    display: block;
    height: 200px;
    vertical-align: middle;
    width: 100%;
}
ul.list-video li h2 {
    bottom: 0;
    color: #333;
    font-size: 14.5px;
    font-weight: 400;
    height: 33px;
    line-height: 16px;
    margin: 10px 0;
    padding: 0 3%;
}
ul.list-video li span.p-video {
    background: rgba(0, 0, 0, 0) url("images/icon-play.png") no-repeat scroll 0 0 / 40px 40px;
    bottom: 32%;
    height: 50px;
    left: 7%;
    position: absolute;
    width: 50%;
}
ul.list-video li:hover span.p-video {
    background: rgba(0, 0, 0, 0) url("images/icon_play.png") no-repeat scroll 0 0 / 40px 40px;
    bottom: 32%;
    height: 50px;
    left: 7%;
    position: absolute;
    width: 50%;
}
ul.list-video li span.time-video {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    left: 12px;
    line-height: 13px;
    padding: 2px 3px 1px;
    position: absolute;
    top: 12px;
    transition: all 0.5s ease 0s;
}
.total_bloc {
    float: right;
    margin: 0 20px 0 0;
    font-weight: bold;
    line-height: 25px;
}
.total_bloc span {
    color: #f00;
    float: left;
    margin: 0 0 0 10px;
    font-size: 20px;
}
.total_bloc label {
    float: left;
    color: #1d9512;
}
.tdcart input[type="number"] {
    border: 1px solid #ccc;
    height: 30px;
    text-align: center;
    width: 50px;
    font-weight: bold;
}
.captcha {
    font-size: 20px;
    height: 19px !important;
    margin: 0 10px 0 0;
    text-align: center;
    width: 100px !important;
}
.form-contact li span {
    cursor: pointer;
}
h1.div_bigcatetitle {
    border-bottom: 1px solid #ccc;
    color: #1056b2;
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
}

.title-video a {
    color: #fff;
    font-size: 18px;
}
.ribbon a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.left-video {
    width: 66%;
}
.righ-video {
    width: 33%;
}
ul.list-video-item li {
    float: left;
    margin-bottom: 7px;
    padding: 5px;
    position: relative;
    width: 100%;
}
ul.list-video-item li a {
    color: #005c73;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
ul.list-video-item li .thumb {
    float: left;
    height: 80px;
    margin-right: 8px;
    width: 125px;
}
ul.list-video-item li img {
    height: 100%;
    width: 100%;
}

ul.list-video-item li h3 {
    color: #005c73;
    float: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    width: 65%;
}
.dt-video iframe {
    width: 100% !important;
}
.dt-video h1 {
    color: #00528b;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
.block_share {
    padding-right: 10px;
}
.block_share * {
    box-sizing: border-box;
}
.block_share i.fa {
    line-height: 22px;
}
.block_share a {
    background-color: #999999;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    margin-right: 7px;
    text-align: center;
    text-decoration: none;
    width: 24px;
}
.block_share .facebook {
    background-color: #3b5a9a;
}
.block_share .google {
    background-color: #df4b38;
}
.block_share .twitter {
    background-color: #29a9e1;
}
.block_share .email {
    background-color: #999999;
}
.block_share .print {
    background-color: #999999;
}
.ulfeaturemenutop {
    display: table;
    margin: 6px auto 20px;
    width: 100%;
}
.ulfeaturemenutop li {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 12.5%;
}
.ulfeaturemenutop li a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
.ulfeaturemenutop li i {
    color: #0091e6;
    display: block;
    font-size: 35px;
    height: 35px;
    margin-bottom: 12px;
    width: 100%;
}
.ulfeaturemenutop li:nth-child(2) i {
    color: #053cec;
}
.ulfeaturemenutop li:nth-child(3) i {
    color: #8730e5;
}
.ulfeaturemenutop li:nth-child(4) i {
    color: #d132cc;
}
.ulfeaturemenutop li:nth-child(5) i {
    color: #ff7105;
}
.ulfeaturemenutop li:nth-child(6) i {
    color: #ffa702;
}
.ulfeaturemenutop li:nth-child(7) i {
    color: #36bd9c;
}
.ulfeaturemenutop li:nth-child(8) i {
    color: #a5d8ef;
}
ul.items-new {
    list-style: initial;
    padding-left: 16px;
}
.titlehoidap {
    clear: both;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
}
.ul_hoidaplist {
    clear: both;
    overflow: hidden;
}
.ul_hoidaplist li {
    border-top: 1px solid #e8e8e8;
    color: #2e2e2e;
    display: block;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 10px 0;
}
.ul_hoidaplist li a {
    color: #2e2e2e;
    font-size: 14px;
    line-height: 20px;
}
.ul_hoidaplist li span {
    color: #9b9b9b;
    display: inline-block;
    font-size: 12px;
    margin-top: 7px;
}

.logo h1 {
    float: left;
    height: 0;
    text-indent: -9999px;
}
ul.list-why-cel > li a {
    text-decoration: none;
}
.product-summary p *
{
    color: #fff;
    padding: 3px 4px 0px 2px;
    font-size: 13px!important;
}
iframe[id^="oauth2relay"] { position: fixed !important; }

.footer_home h1 {
  border-top: 1px solid #ccc;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  padding: 10px 0;
  text-align: center;
}
.IN-widget {
  float: right !important;
  height: 21px !important;
  margin: 0 0 0 10px !important;
}
#___plusone_0 {
  margin: 0 0 0 8px !important;
}

.product_tag {
  border-top: 1px solid #ededed;
  float: left;
  margin: 10px 0 0;
  padding: 10px 0;
  width: 100%;
}
.product_tag strong {
  font-size: 14px;
  margin: 0 10px 0 0;
  text-transform: uppercase;
}
.product_tag a {
  font-size: 14px;
  margin: 0 10px 0 0;
  text-transform: uppercase;
}

.footer-verified {
  width: 25%;
  overflow: hidden;
}
.footer-verified__list {
  width: 100%;
  overflow: hidden;
}
.footer-verified__icon {
  float: left;
  margin: 0 20px 10px 0;
}

.blog-page { padding-top: 20px; padding-bottom: 10px; }
.contact-info {color: #333;font-size: 14px;}

.title-contact {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: 20px;
}
.akr-form p {margin-bottom: 10px;}
.akr-form p.field input {
    margin-bottom: 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.akr-form textarea {
    overflow: auto;
    margin: 0;
    padding: 6px 6px 7px 6px;
    width: 75%;
    font-size: 15px;
    height: 150px;
    line-height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font: 13.3333px Arial;
}
.akr-form .btn-gui {
    border: 1px solid #005AAA;
    background: #005AAA;
    border-radius: 3px;
    padding: 11px 25px;
    font-size: 15px;
    float: left;
    font-weight: 600;
    color: #fff;
}
.contact-info {color: #333;font-size: 14px;}
.body-contact-info{line-height: 1.8;font-size: 14px;color: #333;}
.body-contact-info .text{margin-bottom: 10px;}
.body-contact-info .text .fa {
    color: #005aab;
    margin-right: 5px;
}
.body-contact-info .phone {
    color: #d52629;
    font-size: 2em;
    margin-top: -10px;
}

.product_content h2 a {
    font-size: 20px;
    font-weight: bold;
}
.product_content h3 a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}


.seo-links li {
    float: left;
    width: 20%;
}
.seo-links li a {
    font-size: 15px;
    line-height: 30px;
}
.content-seo {
    padding: 10px 0;
    line-height: 18px;
    font-size: 13px;
}
.content-seo p {
    padding: 5px 0;
}
.content-seo a {
    font-size: 13px;
    color:#1d9512;
}
.flexCol {
    display: flex;
    flex-direction: column;
}
.advtit {
    background: #1d9512;
    padding-bottom: 2px;
}
.advtit a {
    font: bold 13px/40px arial;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 50%;
    position: relative;
    float: left;
}
.advtit a:nth-child(1):after {
    background: url(images/bg.png) no-repeat -267px -160px;
    width: 18px;
    height: 40px;
    content: ' ';
    background-size: 462px;
    right: -17px;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
.advtit a:nth-child(2) {
    color: #1d9512;
    background: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dot {
    width: 6px;
    height: 6px;
    background-color: #d0021b;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
}
.dot .ping {
    border: 1px solid #d0021b;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    margin: -3px 0 0 -3px;
    -moz-animation: sonar 1.25s linear infinite;
    -o-animation: sonar 1.25s linear infinite;
    -webkit-animation: sonar 1.25s linear infinite;
    animation: sonar 1.25s linear infinite;
    display: block
}
@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}
.news-home {
    padding: 0 10px;
}
.news-home a {
    display: flex;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    color: #333;
    padding: 12px 0;
}
.news-home a h4 {
    font: bold 13px/15px arial;
    height: 20px;
    overflow: hidden;
}
.news-home a p {
    font: 12px/15px arial;
    overflow: hidden;
}
.news-home a span {
    font: 12px/15px arial;
}
.news-home a img {
    float: right;
    margin-left: 20px;
    max-width: 90px;
}
#sync2 .item {
    display: table;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    width: 100%;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0;
}
#sync2 .owl-item.synced .item {
    background-color: #1d9512;
}
#sync2 .item h3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    padding: 0 15px;
    color:#666;
    font-weight: bold;
}
#sync2 .owl-item.synced .item h3 {
    color: #fff;
}
#sync2 .item h3 i {
    font: 13px/18px arial;
    display: block;
}
ul.isotope{
    display: none;
}
.flag-box {
    float: right;
    text-align: right;
    height: 40px;
    line-height: 40px;
}
.flag-box li {
    float: left;
    line-height: 45px;
    margin: 0 0 0 15px;
}
.flag-box li label {
    text-indent: -9999px;
    width: 32px;
    height: 16px;
}
.vn-flag{
    background:url('images/vn-icon.png') no-repeat 0 0 / 32px 16px;
    width: 32px;
    height: 16px;
    display: inline-block;
}
.en-flag{
    background:url('images/en-icon.png') no-repeat 0 0 / 32px 16px;
    width: 32px;
    height: 16px;
    display: inline-block;
}
.slogan {
    text-transform: uppercase;
    float: left;
    font-size: 40px;
    line-height: 50px;
    margin: 40px 0 0;
    font-weight: bold;
    color: #1d9512;
    /* font-family: 'Bungee Inline', cursive; */
    font-family: 'Anton', sans-serif;
    width: 710px;
    text-align: center;
}
.slogan-en {
    float: left;
    font-size: 25px;
    font-weight: bold;
    /*font-family: 'Bungee Inline', cursive;*/
    font-family:'Anton', sans-serif;
    width: 710px;
    text-align: center;
}
.right-block {
    float: left;
    width: 100%;
    margin: 0 0 15px 0
}
.right-block .title {
    background: #1d9512 none repeat scroll 0 0;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    width: 100%;
}
.right-block .title a {
    color: #fff;
    float: left;
    font-size: 15px;
    padding-left: 20px;
    text-transform: uppercase;
    width: 85%;
}
.right-block .menu-left {
    border: 1px solid #f1f1f1;
    display: block;
    border-top: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
ul.menu-left li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
ul.menu-left li a {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 400;
}
ul.menu-left li a.active, ul.menu-left li a:hover {
    background-position: 0 -21px;
    color: #1d9512;
    text-decoration: none;
}

.portfolio {
    height: 300px;
    position: relative;
}
#dock {
	width: 100%;
	top: 0px;
	position: absolute;
	left: 0px;
}
.dock-container {
    position: absolute;
    height: 300px;
    width: 100%;
    top: 15px;
}
a.dock-item {
    display: block;
    color: #fff;
    bottom: 0px;
    position: absolute;
    text-align: center;
}
.dock-item span {
    background: #1d9512 none repeat scroll 0 0;
    display: block !important;
    margin: 0 10px;
    padding: 8px 0;
    position: relative;
    border-radius: 5px;
}
.dock-item img {
    border: none;
    width: 100%;
    margin: 10px 0 0;
}
a.dock-item:hover span {
    background: #fe9b02 none repeat scroll 0 0;
    transition: all 0.4s ease 0s;
}
#partner{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 0 0;
    -webkit-box-shadow: 0px 0px 4px #a5a6a3;
    -moz-box-shadow: 0px 0px 4px #a5a6a3;
    box-shadow: 0px 0px 4px #a5a6a3;
}
#partner .owl-item .item{
    margin: 0 5px;
}
#partner .owl-item .item img{
    width: 100%;
}
#partner .owl-item .item span a {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#partner .owl-prev {
    position: absolute;
    top: 40%;
    left: -25px;
    font-size: 35px;
}
#partner .owl-next {
    position: absolute;
    top: 40%;
    right: -25px;
    font-size: 35px;
}
.social {
    background: url(images/social.jpg) no-repeat 0 0;
    background-size: 200px;
}
.box_icon a {
    text-align: right;
    display: inline-block;
}
.facebook-icon {
    background-position: -56px -6px;
    width: 44px;
    height: 44px;
}
.google-icon {
    background-position: -56px -52px;
    width: 44px;
    height: 44px;
}
.twitter-icon {
    background-position: -148px -6px;
    width: 44px;
    height: 44px;
}
.youtube-icon {
    background-position: -148px -52px;
    width: 44px;
    height: 44px;
}
.box_icon {
    float: right;
    width: 100%;
    margin: 10px 0 0;
}
.right-block .suppport-left {
    border: 1px solid #f1f1f1;
    display: block;
    border-top: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.suppport-left li {
    float: left;
    width: 100%;
    font-weight: 500;
    margin: 0 0 15px 0;
    line-height: 25px;
}
.suppport-left li label {
    width: 100px;
    display: inline-block;
}
.suppport-left li span {
    display: inline-block;
}
.suppport-left li:first-child {
    text-align: center;
    position: relative;
}
.suppport-left li:first-child i {
    background: url(images/hotline.gif) no-repeat right center / 40px 30px;
    height: 30px;
    width: 40px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: absolute;
    left: 25px;
    top: -13px;
    bottom: 0;
    margin: auto;
}
.suppport-left li:first-child a {
    font-size: 20px;
    font-weight: bold;
    color: #f00;
    display: inline-block;
}
.right-block .adv-left {
    border: 1px solid #f1f1f1;
    display: block;
    border-top: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.right-block .adv-left li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
.right-block .adv-left li img {
    width: 100%;
}
.form-contact li a.checkout-btn {
    float: left;
    color: #fff;
    width: auto;
    font-weight: bold;
    padding: 10px;
    background: #1d9512 none repeat scroll 0 0;
}
.form-contact li a.checkout-btn:hover {
    background: #fe9b02 none repeat scroll 0 0;
}

.footer_bg {
    background: url(images/bg_footer.png) no-repeat 0 0;
    height: 340px;
}

.dock-item span i {
    position: absolute;
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999px;
}
.dock-item span i.icon-left {
    left: 10px;
}
.dock-item span i.icon-right {
    right: 10px;
}
.document-title {
    color: #1d9512;
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 10px 0;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.list-document {
    float: left;
    width: 100%;
}
.list-document li {
    float: left;
    width: 100%;
}
.list-document li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    font-weight: 400;
}
.list-document li a:hover {
    color: #1d9512;
    text-decoration: none;
}
.right-block .title a span{
    text-transform: none;
    float: right;
}
.addthis-box {
    float: left;
    width: 100%;
    margin: 30px 0 0;
}
.partners {
    background: url(images/partners.png) no-repeat 2px 2px / 36px 36px;
}