body {
    width: 100%;
    position: relative;
    background: #eaeaea;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #333;
    overflow: auto;
    font-family: Roboto;
}

a {
    text-decoration: none;
    color: #555;
}

a:hover {
    color: #254589
}

img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
}
.full{
    width: 100%;
}
.format {
    margin: 0;
    padding: 0
}

.block {
    display: block
}

.robot {
}
.hidden{
    display: none !important;
}
.fl {
    float: left
}

.fr {
    float: right
}
.no-sty, .no-sty ul, .no-sty ol, .no-sty li{
    list-style: none;
}
.txt_center {
    text-align: center
}

.txt_left {
    text-align: left
}

.txt_right {
    text-align: right
}

.clear {
    clear: both
}

.hide {
    display: none
}

.space3px {
    padding: 3px 0
}

.space5px {
    padding: 5px 0
}

.space10px {
    padding: 10px 0
}

.cor3px {
    border-radius: 3px;
    -moz-border-radius: 3px
}

.cor5px {
    border-radius: 5px;
    -moz-border-radius: 5px
}

.cor10px {
    border-radius: 10px;
    -moz-border-radius: 10px
}

.shadow5px {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.shadow10px {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.txt_red {
    color: #e31e30
}

.txt_blue {
    color: #124f95
}

.txt_green {
    color: #1e9512
}

.txt_yellow {
    color: #f7941d
}

.txt_fff {
    color: #fff
}

.txt_000 {
    color: #000
}

.txt_222 {
    color: #222
}

.txt_333 {
    color: #333
}

.txt_555 {
    color: #555
}

.txt_777 {
    color: #777
}

.txt_999 {
    color: #999
}

.txt_10 {
    font-size: 10px
}

.txt_11 {
    font-size: 11px
}

.txt_12 {
    font-size: 12px
}

.txt_13 {
    font-size: 13px
}

.txt_14 {
    font-size: 14px
}

.txt_15 {
    font-size: 15px
}

.txt_16 {
    font-size: 16px
}

.txt_17 {
    font-size: 18px
}

.txt_18 {
    font-size: 18px
}

.txt_20 {
    font-size: 20px
}

.txt_30 {
    font-size: 30px
}

.txt_b {
    font-weight: 700
}

.txt_n {
    font-weight: 400
}

.txt_ud {
    text-decoration: underline
}

.txt_d {
    text-decoration: line-through
}

.txt_u {
    text-transform: uppercase
}

.hr {
    border-bottom: 1px solid #ddd
}

.line_h19 {
    line-height: 19px
}

.line_h22 {
    line-height: 22px
}

.img-circle {
    border-radius: 50%;
}

.format {
    margin: 0;
    padding: 0;
}

.ul, .ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.space3px {
    padding: 3px 0;
}

.space5px {
    padding: 5px 0;
}

.space10px {
    padding: 10px 0;
}

.cor3px {
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.cor5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.cor10px {
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.shadow5px {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.shadow10px {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

*.text-primary {
    color: #337ab7
}

*.text-red {
    color: #e31e30;
}

*.text-blue {
    color: #124f95;
}

*.text-green {
    color: #3ab54a;
}

*.text-yellow {
    color: #f7941d;
}

*.text-fff {
    color: #fff;
}

*.text-000 {
    color: #000;
}

*.text-222 {
    color: #222;
}

*.text-333 {
    color: #333;
}

*.text-555 {
    color: #555;
}

*.text-777 {
    color: #777;
}

*.text-999 {
    color: #999;
}

.text-10 {
    font-size: 10px;
}

.text-11 {
    font-size: 11px;
}

.text-12 {
    font-size: 12px;
}

.text-13 {
    font-size: 13px;
}

.text-14 {
    font-size: 14px;
}

.text-15 {
    font-size: 15px;
}

.text-16 {
    font-size: 16px;
}

.text-17 {
    font-size: 18px;
}

.text-18 {
    font-size: 18px;
}

.text-20 {
    font-size: 20px;
}

.text-25 {
    font-size: 25px;
}

.text-30 {
    font-size: 30px;
}

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}

.text-underline {
    text-decoration: underline;
}

.text-delete {
    text-decoration: line-through;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.hr {
    border-bottom: 1px solid #eee;
}

.line-h19 {
    line-height: 19px;
}

.line-h22 {
    line-height: 22px;
}

.line-h25 {
    line-height: 25px;
}

.line-h30 {
    line-height: 30px;
}

.transition {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.chrome39 {
    white-space: nowrap
}

.ellipsis {
    text-overflow: ellipsis
}

.ico {
    background: url(../img/icons/ico.png) no-repeat
}

.row {
    margin: 0 -10px
}

[class*=col-md] {
    padding: 0 10px
}

.col-md-1 {
    width: 8.33%
}

.col-md-2 {
    width: 16.66%
}

.col-md-3 {
    width: 25%;
    /*border-right: 1px solid #fff;*/
}

.col-md-4 {
    width: 33.33%
}

.col-md-5 {
    width: 41.66%
}

.col-md-6 {
    width: 50%
}

.col-md-7 {
    width: 58.33%
}

.col-md-8 {
    width: 66.66%
}

.col-md-9 {
    width: 75%
}

.col-md-10 {
    width: 83.33%
}

.col-md-11 {
    width: 91.66%
}

.col-md-12 {
    width: 100%
}

.img-responsive {
    max-width: 100%;
    height: auto
}

input[type=submit] {
    border: 0; /* font-size:12px; */
    display: inline-block;
    cursor: pointer;
    background: #222;
    color: #fff;
    margin: 0;
    padding: 12px 30px;
    font-weight: 400;
    border-radius: 10px;
    text-transform: uppercase;
}

input[type=submit]:hover {
    background: #555
}

.btn-gray {
    background: #b2b2b2;
    border-radius: 10px;
    color: #fff;
}

.btn-blue {
    background: #53c5f3;
    border-radius: 10px;
    color: #fff;
}

.btn-red {
    background: #ef5354;
    border-radius: 10px;
    color: #fff;
}

.btn-green {
    background: #3ab54a;
    border-radius: 10px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.bg-white {
    background: #fff;
}

.button {
    background: #333;
    cursor: pointer;
    display: inline-block; /* font-size:12px; */
    line-height: normal;
    padding: 12px 30px;
    font-weight: 400;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
}

.button2 {
    background: #ff9400
}

.button3 {
    border: 1px solid #ccc;
    color: #000;
    background-color: #fff;
    background-image: -moz-linear-gradient(center top, #fff, #eee);
    background-image: -webkit-linear-gradient(top, #fff, #eee)
}

.button:hover {
    opacity: .8;
    color: #fff
}

.button3:hover {
    opacity: .8;
    color: #555
}

.button:hover {
    background: #555;
    color: #fff
}

.backtop {
    background: #555;
    color: #fff;
    cursor: pointer;
    display: none;
    position: fixed;
    right: -60px;
    bottom: 100px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 35px;
    padding: 0;
    opacity: 0.3;
    font-size: 30px;
    z-index: 9;
}

.backtop.active {
    right: 0;
}

.backtop:hover {
    opacity: 1;
}

.backtop i {
    margin: 0;
}

.lead_sub {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
    position: relative
}

.lead_sub * {
    margin: 0;
    padding: 0;
    font-size: 12px
}

.lead_sub .sort {
    position: absolute;
    right: 0;
    top: 10px
}

.article_list {
    padding: 15px 0 0;
    float: left;
    width: 883px;
}

.article-sub-category {
    color: #555;
    line-height: 43px;
    font-size: 15px;
    position: relative;
    margin: 8px 0 0;
    z-index: 0;
}

.article-sub-category a {
    display: inline-block;
    background: #a3a3a3;
    border-radius: 6px;
    padding: 5px 10px;
    margin: 0 0.5px;
    color: #fff;
}

.article-sub-category a:hover {
    background: #666;
    color: #fff
}

.article-sub-category h2, .article-sub-category h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
}

.article_list .item {
    padding: 0 0 15px;
    margin: 0 0 15px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.article_list .item h3 {
    margin: 15px 0;
    padding: 0;
    font-size: 22px;
}

.article_list .item img {
    width: 100%; /* float:left; */
}

.article_list .item .time {
    padding: 10px 0 0;
    color: #000;
}

.article_list .item .sum {
    padding: 0 20px;
    line-height: 22px;
    font-size: 16px;
    color: #999;
}

.article_list .item .sum a { /* color:#61952c; */
}

.article_list .item .more {
    padding: 10px 0 0
}

.article_right {
    float: right;
    width: 400px;
    margin: 15px 0 0;
    background: #fff;
    border-radius: 10px;
}

.article_right .title {
    background: #2e2e2e;
    display: inline-block;
    border-radius: 10px 0;
    color: #fff;
    font-size: 22px;
    line-height: 43px;
    padding: 0 15px;
}

.article_right .title span { /* color:#ffc000 */
}

.article_right .item {
    margin: 20px 12px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    font-size: 16px;
    line-height: 25px;
}

.article_right .item i.count {
    background: #3ab54a;
    color: #fff;
    font-size: 25px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    position: absolute;
    left: -25px;
    top: -26px;
    font-style: normal;
    padding: 35px 20px 15px 33px;
    text-align: right;
}

.article_right .item h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
}

.article_right .item img {
    width: 100%;
    margin: 0 0 10px;
    border-radius: 10px;
}

.article_right .item .time {
    padding: 5px 0;
    display: none;
}

.article_detail {
    padding: 0 25px 15px;
    margin: 15px 0;
    overflow: hidden;
}

.article_detail .img-original {
    margin: 0 -25px;
    min-width: 883px;
}

.article_detail .a_content * {
    max-width: 100%
}

.article_detail .a_content img {
    height: auto
}

.article_detail .other_article ul {
    padding: 0 0 0 15px;
    line-height: 19px
}

.article_detail .article-name {
    position: relative;
    border-bottom: 1px solid #ddd
}

.article_detail .article-name .network {
    position: absolute;
    bottom: 5px;
    right: 0
}

.ico.print {
    padding-left: 30px;
    background-position: -275px -725px
}

.ico.send-friends {
    padding-left: 30px;
    background-position: -275px -695px
}

.title-general {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
}

.title-general span {
    border-bottom: 2px solid #333;
    padding: 7px 0;
    display: inline-block
}

.title-general * {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.product_review .itemcomment {
    border: solid 1px #CCC;
    padding: 5px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.product_review .itemcommenthome {
    border-bottom: dashed 1px #e7e7e7;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 5px
}

.product_review .info_feeback span {
    color: #555
}

.product_review .like_comment img {
    padding-right: 5px
}

.product_review .like_comment span {
    color: #0b5eae
}

.product_review .comment_left img {
    width: 35px;
    border-radius: 50%;
    margin-top: 5px
}

.product_review .comment_left {
    width: 40px;
    float: left
}

.product_review .comment_right {
    margin-left: 44px
}

.product_review .comment_user_address {
    font-size: 10px;
    color: #888
}

.product_review .write_reply {
    background: url(../img/icons/viet.png) left 2px no-repeat;
    display: inline-block;
    text-decoration: none;
    padding-left: 13px;
    color: #0b5eae;
    font-style: italic;
    padding-right: 7px
}

.product_review .write_reply:hover {
    text-decoration: underline
}

.product_review .reply_content {
    background: #e2f4f6;
    padding: 2px 5px;
    border-radius: 3px
}

.product_review .c5 {
    clear: both;
    height: 5px
}

.product_review .line {
    border-top: dashed 1px #ccc;
    padding: 5px 0
}

.product_review .item_comment {
    padding-bottom: 10px
}

.product_review .item_comment p {
    margin: 3px 0
}

.header_support {
    width: auto;
    height: 46px;
    position: absolute;
    right: 20px;
    top: 0
}

.header_support .icon_support:hover #content_support {
    display: block
}

.header_support .icon_support {
    position: relative;
    z-index: 99
}

.header_support .arr {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    color: #fe6507;
    line-height: 46px;
    font-size: 14px;
    position: relative
}

.header_support .arr::before {
    content: '';
    background: url(../img/icons/ico.png) no-repeat 0 -88px;
    display: inline-block;
    width: 24px;
    height: 26px;
    position: absolute;
    left: -32px;
    top: 9px
}

.header_support .arr::after {
    content: '';
    background: url(../img/icons/ico.png) no-repeat -45px -97px;
    display: inline-block;
    width: 12px;
    height: 7px;
    position: absolute;
    right: -18px;
    top: 19px
}

.header_support ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header_support p {
    list-style: none;
    margin: 5px 0;
    padding: 0
}

.header_support #content_support {
    position: absolute;
    width: 500px;
    background: #fff;
    padding: 8px 15px;
    z-index: 991;
    line-height: 18px;
    border: solid 1px #ddd;
    display: none;
    right: -20px;
    top: 46px
}

.section_banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.section_banner .in {
    width: 940px;
    margin: 0 auto;
    position: relative
}

#banner_left_scroll {
    width: 130px;
    position: absolute;
    left: -140px;
    top: 90px;
    z-index: 11
}

#banner_right_scroll {
    width: 130px;
    position: absolute;
    right: -140px;
    top: 90px;
    z-index: 11
}

#banner_left_scroll img, #banner_right_scroll img {
    width: 130px;
    height: auto
}

a {
    color: #333
}

.ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.nopad-r {
    padding-right: 0 !important
}

.nopad-l {
    padding-left: 0 !important;
}

.nomar-r {
    margin-right: 0 !important
}

.nomar-l {
    margin-left: 0 !important
}

.nomar-t {
    margin-top: 0 !important
}

.nobdr {
    border: none !important
}

.nobdr-l {
    border-left: none !important
}

.nobdr-r {
    border-right: none !important
}

.nobg {
    background: none !important
}

img {
    border: 0
}

.clear {
    clear: both
}

.line-through {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.space {
    height: 5px;
    clear: both;
    display: block
}

.space2 {
    height: 10px;
    clear: both;
    display: block
}

.h-title {
    margin: 0;
    padding: 0
}

.icon-drop {
    display: block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-top-color: #333;
    float: right;
    margin: 9px;
    margin-right: 0
}

#wrapper {
    padding: 0;
}

.container {
    width: 1300px;
    margin: auto;
}

#top {
    width: 100%;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

#top:after {
    content: '';
    width: 100%;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -20px
}

#top .container {
    position: relative
}

#toolbar {
    float: left;
    background-position: 0 0;
    /*padding: 0 0 0 160px;*/
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    max-width: 60%;
    position: relative;
    font-size: 16px;
}

#toolbar .title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    background: #f84743;
    border-radius: 0 0 10px 10px;
    line-height: normal;
    display: inline-block;
    padding: 5px 25px 0;
}

#menu-top {
    float: left;
}

#menu-top li {
    float: left;
    padding: 0 10px
}

#menu-top li a {
    color: #37b548
}

#menu-top li.first {
    border: 0;
    padding-left: 0
}

.social {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-right: none;
    padding: 0;
}

.social .in {
    background: 0;
    height: 40px;
    display: inline-block;
}

.social .mobile {
    font-size: 25px;
    margin: 0;
    position: relative;
    top: 1px;
    right: -5px;
}

.social i {
    text-align: center;
}

.social .name {
    float: left;
    padding: 0 10px
}

.social a {
    margin: 0 3px;
    color: #37b548;
    font-size: 20px;
}

#account {
    line-height: 40px;
    cursor: pointer;
    padding: 0 5px;
    width: 110px;
    position: absolute;
    right: 120px
}

#account:before {
    content: '';
    width: 30%;
    height: 40px;
    display: inline-block;
    background: url(../img/icons/ico.png) no-repeat 0 -100px;
    position: absolute;
    left: 0;
    top: 8px
}

#account:after {
    content: '';
    width: 10px;
    height: 5px;
    display: inline-block;
    background: url(../img/icons/ico.png) no-repeat -287px -72px;
    position: absolute;
    right: 10px;
    top: 18px
}

#account .acc_text {
    color: #fff;
    padding: 0 20px 0 23px
}

#account .account-info {
    display: none;
    border-radius: 3px 0 3px 3px;
    right: 0;
    position: absolute;
    background: #fff;
    top: 40px;
    width: 200px;
    z-index: 20;
    border: 1px solid #999;
    border-top: 0;
    line-height: 30px
}

#account li {
    padding-left: 10px
}

#account li:hover {
    background-color: #EEE
}

#account:hover .account-info {
    display: block
}

#account:hover .acc_text {
    color: #e86e09
}

#cart_top {
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 15px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
}

#cart_top #count_shopping_cart_store {
    position: absolute;
    left: 25px;
    top: -5px;
    display: inline-block;
    padding: 1px 6px;
    background: #f84743;
    line-height: normal;
    font-size: 15px;
    border-radius: 50%;
    font-weight: 700;
}

#cart_top i {
    font-size: 30px;
    margin-right: 10px;
    background: url('../img/icons/ic_local_cart.png');
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#cart_top > a {
    color: #fff
}

#cart_top .icon_cart {
    float: left;
    margin: 6px 8px 0 0
}

#cart_top .icon_down {
    float: right;
    margin: 12px 0 0 8px
}

#cart_ajax {
    display: none;
    background: none repeat scroll 0 0 #FFF;
    border-radius: 3px 0 3px 3px;
    padding: 10px;
    position: absolute;
    right: 0;
    width: 400px;
    z-index: 777
}

#cart_ajax table {
    width: 100%
}

#cart_ajax table td {
    border: 1px solid #CCC;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

#cart_ajax table td a, #cart_ajax table td span {
    display: block;
    font-weight: 700;
    line-height: 20px;
    text-align: left
}

.header {
    background: #fff;
}

.header-top {
    background: #710002;
    border-bottom: 1px solid #414141;
}

header .container-top {
    position: relative;
    height: 50px;
    width: 1300px;
    margin: auto;
}

header .container {
    position: relative;
    padding: 0 0 0;
    height: 72px;
}

#language {
    float: right;
    line-height: 35px
}

#login-header {
    float: right;
    color: #ccc;
    line-height: 35px;
    margin-right: 20px
}

#language a {
    text-decoration: none
}

#login-header a {
    text-decoration: none
}

#logo {
    padding: 5px 0;
    display: inline-block;
    height: 100%;
}
#logo .format{
    height: 100%;
    padding-top: 7px;
}
#logo img{
    max-width: 302px;
    max-height: 100%;
}

#banner-header {
    border: 1px dashed #888;
    padding: 10px 12px;
    position: absolute;
    right: 6px;
    top: 0
}

#search {
    position: absolute;
    right: 260px;
    top: 15px;
    height: 40px;
    width: 620px;
    color: #fff;
    background: transparent;
}

#search .ui.input {
    background: 0 0;
    outline: none;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 7px;
    font-size: 15px;
    color: #fff;
    border: 2px solid #37b548;
    overflow: hidden;
}

#search .ui.search .prompt {
    background: #fff;
    outline: none;
    width: 100%;
    border-radius: 0;
    box-shadow: 0 0 0;
    border: none;
    height: 100%;
    color: #37b548;
}
#search .ui.search .prompt::-webkit-input-placeholder {
    color: #37b548;
}
#search .ui.search i {
    color: #fff;
    opacity: 1;
    background: #37b548;
    cursor: pointer;
}

.text-search {
    height: 24px;
    width: 270px;
    outline: 0;
    background: 0;
    border: 0;
    color: #888;
    padding: 3px 0 0 10px
}

#submit-search {
    width: 88px;
    height: 30px;
    border: 0;
    background: #2b509a;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px
}

#search .fa-search {
    position: absolute;
    right: 10px;
    top: 7px
}

#cart-header {
    float: left;
    margin-top: 37px;
    margin-left: 17px;
    text-decoration: none
}

#nav-hori {
    background: #37b548;
    position: relative;
    z-index: 99;
}

#nav-hori .container {
    height: 45px;
    position: relative;
}

#nav-verti {
    position: relative;
}

#nav-verti > ul > li:nth-child(1) {
    margin-left: 0;
}

#nav-verti > ul > li:nth-child(1) > ul {
    left: 0;
    padding: 15px 20px 15px;
}

#nav-verti > ul > li > a {
    line-height: 50px;
    text-decoration: none;
    color: #fff;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

.primary {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 14px;
    position: relative;
    z-index: 66
}

.primary ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.primary > li {
    float: left;
}

.primary > li > a {
    display: block;
    height: 50px;
    overflow: hidden;
}

.primary > li:hover, .primary > li.open {
    background-color: #fff;
}

#nav-verti > ul > li:hover > a, #nav-verti > ul > li.open > a {
    color: #000
}

.primary .level2 {
    position: absolute;
    left: 0;
    top: 45px;
    background: #fff;
    width: 1300px; /* min-height:296px; */
    padding: 15px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 10px 10px;
}

.primary .level2 {
    visibility: hidden;
    /*-webkit-transition:opacity 0.5s,-webkit-transform .5s;
  transition:opacity 0.5s,transform .5s;
  -webkit-transition:all .45s ease-out 0;-moz-transition:all .45s ease-out 0;
  -o-transition:all .45s ease-out 0;
  transition:all .45s ease-out 0;*/
    -moz-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0;
}

.primary > li.open > .level2 {
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.primary .level2 > li {
    float: left;
    padding: 5px 10px 0 0;
    font-size: 14px;
    width: 20%;
    line-height: normal; /* height:150px; */
}

#m6 .level2 > li {
    height: auto;
}

.primary .level2 > li:nth-child(4n) {
    padding-right: 0
}

.primary .level2 > li > a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0;
    display: block;
}

.primary .bn-level1 {
    clear: both;
    padding: 20px 0 0;
}

.bn-level1 li {
    padding-right: 5px;
}

.bn-level1 img {
    width: 417px;
    border-radius: 10px;
}

.bn-level1 li:nth-child(2n), .bn-level1 li:nth-child(3n) {
    padding-right: 0;
}

.bn-level1 li:nth-child(3n) {
    float: right;
}

.primary .level2 li a:hover {
    color: #fe1801
}

.primary .level3 > li {
    line-height: 28px;
    font-size: 15px;
}

.primary .level3 li a:hover {
    background: #eee;
    padding: 5px;
    margin: 0 -5px
}

#nav-verti.min .primary {
    display: none
}

#nav-verti.min > ul > li {
    color: #fff;
    border-color: #2b509a
}

#nav-verti.min > ul > li > a {
    color: #fff;
    background: #2b509a url(../img/icons/ico.png) no-repeat right -650px;
    display: block
}

#nav-verti.min > ul > li:hover > .primary {
    display: block
}

.nav-hori-right {
    padding-left: 236px;
    height: 40px;
    overflow: hidden
}

.nav-hori-right ul > li {
    float: left;
    line-height: 38px;
    margin-right: 5px;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc
}

.nav-hori-right ul > li:last-child {
    margin-right: 0
}

.nav-hori-right ul > li a {
    float: left;
    color: #555;
    text-transform: uppercase;
    padding: 0 30px 0 50px;
    font-weight: 400;
    font-size: 16px;
    background: url(../img/icons/ico.png) no-repeat
}

.nav-hori-right ul > li:hover {
    color: #fe1801;
    border-color: #fe1801
}

.nav-hori-right ul > li:hover a {
    color: #fe1801;
    border-color: #fe1801
}

.nav-hori-right ul > li:nth-child(1) a {
    background-position: -258px -142px
}

.nav-hori-right ul > li:nth-child(2) a {
    background-position: -258px -204px
}

.nav-hori-right ul > li:nth-child(4) a {
    background-position: -258px -269px
}

.nav-hori-right ul > li:nth-child(5) a {
    background-position: -258px -328px
}

.nav-hori-right ul > li:nth-child(3) a {
    background-position: -258px -386px;
    padding-right: 32px
}

.nav-hori-right ul > li:nth-child(6) a {
    background: url(../img/icons/facebookicongray.png) no-repeat 17px 5px
}

body.fixed {
    padding-top: 50px;
}

#nav-hori.fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px #555;
}

#slider-home {
    padding: 0;
}

.slide_home .col1 {
    width: 944px;
    height: 400px;
    margin-left: 0;
    overflow: hidden;
}

.slide_home .col1 .bx-viewport {
    height: 297px !important
}

.slide_home .col2 {
    width: 350px;
    height: 400px;
    overflow: hidden;
}

.slide_home .col1 img, .slide_home .col2 img { /* height: 100%; */
}

.slide_home img { /* max-width:100% */
}

.slide_home .bx-pager {
    display: none
}

.slide_home .bx-wrapper .bx-next {
    right: -50px
}

.slide_home .bx-wrapper .bx-prev {
    left: -50px
}

.slide_home .bx-wrapper:hover .bx-next {
    right: 10px
}

.slide_home .bx-wrapper:hover .bx-prev {
    left: 10px
}

.slide_home .owl-nav {
    margin: 0;
}

.slide_home .owl-nav > div {
    opacity: 1;
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: #fff;
    z-index: 9;
}

.slide_home .owl-nav > div:hover {
    opacity: 0.6;
    color: #eee;
}

.slide_home .owl-nav .owl-prev {
    left: 0;
    top: 45%;
}

.slide_home .owl-nav .owl-next {
    right: 0;
    top: 45%;
    text-align: right;
}

#content {
    width: 1028px;
    float: right;
}

#col-right {
    float: right;
    width: 230px
}

#home-product-hot .title-product-list .current {
    background: #FFF;
    display: block;
    padding: 0 15px;
    margin-top: 2px;
    height: 30px
}

#home-product-hot {
    overflow: hidden;
    margin-bottom: 20px
}

#home-product-hot .title-product-list .current h2 {
    color: #333
}

#home-product-hot .title-product-list a {
    float: left;
    margin-right: 5px
}

.title-box-right {
    background: #333;
    color: #ccc;
    height: 30px;
    line-height: 30px
}

.title-box-right .title {
    margin: 0;
    font-size: 15px;
    padding: 0 10px
}

.content-box-right {
    border: solid 1px #ccc;
    padding: 0 10px
}

.news-right li img {
    float: left;
    width: 70px;
    margin-right: 5px;
    border: solid 1px #ddd
}

.news-right li {
    padding: 10px 0
}

.news-right li .name {
    font-weight: 700;
    color: #444;
    text-decoration: none
}

.news-right li .time {
    display: block;
    font-size: 11px;
    font-style: italic;
    color: #555
}

#menu-footer {
    height: 40px;
    background: #323232
}

#menu-footer .container {
    position: relative
}

#menu-footer .social {
    right: 0;
    border: 0
}

.box-footer {
    width: 25%;
    float: left;
    margin-right: 0;
    padding: 30px 0 0;
    font-size: 15px;
}

.box-footer:nth-child(4) {
    float: right;
    margin-right: 0;
}

.box-footer h3 {
    font-weight: 700;
    font-size: 20px;
    padding: 10px 0;
    display: block;
    color: #fff;
    border-radius: 6px;
}

.box-footer ul {
    line-height: 32px;
    padding-left: 0;
}

.box-footer ul li {
    margin-bottom: 0;
    position: relative;
}

.box-footer ul li i {
    position: absolute;
    right: 20px;
    font-size: 13px;
    display: none;
}

.box-footer ul a {
    display: block;
    padding: 3px 0;
    border-radius: 6px;
    color: #fff;
}

.box-footer ul a:hover {
    color: #f84743;
}

#support-footer {
    font-size: 14px;
    line-height: 29px;
    padding-top: 14px
}

.footer-address {
    background: url(../img/temp/footer-bgm.jpg) center top;
    height: 200px;
    margin: 20px 0 0;
}

.footer-address .container {
    position: relative;
}

.footer-address .address {
    position: absolute;
    left: 250px;
    top: 30px;
    font-size: 22px;
    line-height: 28px;
}

.footer-address .address li {
    margin-bottom: 15px;
}

.footer-address .address a {
    color: #fff;
}

.social-f {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 35px;
    font-size: 20px;
    padding: 30px 30px 10px;
}

.social-f i {
    font-size: 50px;
}

.social-f a {
    display: inline-block;
    padding: 10px 20px;
}

footer {
    margin-top: 0;
    font-size: 16px;
}

.bottom-footer {
    border-top: solid 1px #f5f5f5;
    margin-top: 20px;
    padding: 15px 0
}

#design-by a {
    text-decoration: none;
    color: #666
}

#newsletter {
    padding: 1px 0 0;
    line-height: 30px
}

#newsletter h3 {
    line-height: 33px;
    position: relative;
    top: 2px
}

#newsletter * {
    display: inline-block;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

#email-newsletter {
    height: 26px;
    width: 200px;
    border: solid 1px #ccc;
    padding-left: 5px;
    margin: 0 5px;
    outline: 0;
    color: #000
}

#newsletter .send-newsletter {
    color: #000;
    padding: 0 10px;
    line-height: 28px;
    background-color: #ccc;
    background-image: -moz-linear-gradient(center top, #eee, #ccc);
    background-image: -webkit-linear-gradient(top, #eee, #ccc)
}

.banner-footer {
    position: relative;
    padding: 15px 0 0;
}

.banner-footer img {
    margin-right: 0;
}

.banner-footer li {
    width: 25%;
}

.news-left li img {
    float: left;
    width: 70px;
    margin-right: 5px;
    border: solid 1px #ddd
}

.news-left li {
    padding: 10px 0
}

.news-left li .name {
    font-weight: 700;
    color: #444;
    text-decoration: none
}

.news-left li .time {
    display: block;
    font-size: 11px;
    font-style: italic;
    color: #555
}

#breadcrumb div {
    float: left;
    padding: 15px 0
}

#breadcrumb {
    padding: 15px 0;
    color: #1a5888;
    font-size: 15px;
}

#breadcrumb a {
    text-decoration: none;
    padding: 0 5px;
}

.title-product-page {
    height: 28px;
    border-bottom: solid 1px #ccc;
    padding-top: 15px
}

.title-product-page .h-title {
    float: left
}

#list-style.product-list .col {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0
}

#list-style.product-list .item-pro {
    width: 100%
}

#list-style.product-list .col.col1 {
    width: 195px
}

#list-style.product-list .p-name {
    height: auto;
    margin-bottom: 5px;
    font-size: 13px
}

#list-style.product-list .col.col2 {
    width: 580px
}

#list-style.product-list .p-summary {
    display: block;
    margin-top: 5px;
    color: #555
}

.top_area_list_page {
    height: 37px;
    padding: 0 8px;
    margin-bottom: 8px;
    text-align: center;
}

.top_area_list_page h1 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    line-height: 37px;
    float: left;
    margin-right: 21px
}

.paging {
    margin: 6px 0;
    margin-top: 8px;
    font-size: 20px;
}
.paging li{
    list-style: none;
    display: inline-block;
}
.paging a {
    display: inline-block;
    padding: 11px 10px;
    line-height: 10px;
    margin-left: 5px;
    background: #fff;
    text-decoration: none;
    color: #333;
    border-radius: 8px;
}

.paging a.current, .paging a:hover {
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    background: #37b548;
}

.filter ul li {
    padding: 5px 0
}

.filter li a {
    text-decoration: none
}

#img-detail {
    width: 430px;
    float: left
}

#overview {
    width: 500px;
    float: right
}

#img-large {
    width: 430px;
    border: solid 1px #ccc
}

#img-large img {
    width: 430px
}

#img-thumbs li img {
    width: 70px;
    border: solid 1px #ddd
}

#img-thumbs li {
    margin: 5px;
    display: inline-block
}

#detail-name {
    margin: 0
}

.detail-summary {
    border-top: solid 1px #ddd;
    padding-top: 6px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 6px;
    margin-bottom: 10px;
    line-height: 23px
}

#overview p {
    margin: 4px 0
}

.detail-old-price {
    font-size: 15px
}

.detail-old-price span {
    text-decoration: line-through
}

.detail-price {
    font-size: 18px;
    margin: 5px 0
}

.detail-cart {
    display: block;
    float: left;
    background: #333;
    color: #fff;
    padding: 9px 32px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none
}

.pro-right .img img {
    width: 70px;
    float: left;
    border: solid 1px #ccc;
    margin-right: 5px
}

.pro-right li {
    padding: 5px 0;
    overflow: hidden
}

.pro-right li .name {
    text-decoration: none;
    display: block;
    font-weight: 700;
    margin-bottom: 5px
}

.pro-right li .old-price {
    display: block;
    text-decoration: line-through;
    color: #888
}

.pro-right li .price {
    font-weight: 700;
    font-size: 12px
}

#tab-pro-info .title-tab-pro a {
    float: left;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-weight: 700;
    margin: 0 5px
}

#tab-pro-info .title-tab-pro {
    height: 29px;
    border-bottom: solid 1px #ccc
}

#tab-pro-info .title-tab-pro a.current {
    background: #333;
    color: #fff
}

#tab-pro-info {
    margin-top: 20px
}

#tab-pro-info .content-tab-pro {
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: -1px
}

#deal-home li {
    float: left;
    margin: 10px;
    width: 208px
}

.d-img img {
    max-width: 208px;
    max-height: 208px;
    border: solid 1px #ddd
}

.d-img {
    display: table-cell;
    width: 179px;
    height: 179px;
    vertical-align: middle
}

.d-name {
    font-weight: 700;
    color: #444;
    text-decoration: none;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    display: block
}

.d_price {
    font-weight: 700;
    font-size: 15px;
    color: #d00
}

.d_old_price {
    color: #999;
    text-decoration: line-through;
    margin: 3px 0
}

.d_btn_buy {
    background: #333;
    color: #ccc;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    float: left;
    margin-top: 10px
}

#deal-home {
    width: 228px;
    border: solid 1px #ccc;
    overflow: hidden;
    height: 350px;
    float: left
}

.title-deal-home {
    height: 30px;
    line-height: 30px;
    background: #ddd;
    padding: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: solid 1px #333
}

.d-quantity {
    float: left
}

.d-time-left {
    float: right;
    font-weight: 700
}

#news-home {
    width: 710px;
    float: right
}

#news-home .top-news img {
    float: left;
    width: 250px;
    border: solid 1px #ddd;
    margin-right: 10px;
    height: 200px
}

#news-home .top-news .name {
    font-size: 15px;
    text-decoration: none;
    font-weight: 700;
    display: block
}

#news-home .top-news .summary {
    line-height: 19px
}

#news-home .top-news .time {
    margin: 4px 0;
    display: block
}

#news-home ul li a {
    text-decoration: none
}

#news-home ul li {
    padding: 3px 0;
    list-style: disc outside;
    margin-left: 30px
}

#news-home ul {
    margin-top: 15px
}

.title-box-combo {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    background: #ddd;
    border-bottom: solid 1px #333
}

.combo-item {
    width: 100%;
    float: left
}

.product-combo {
    width: 180px;
    float: left;
    margin: 20px;
    position: relative
}

.cb-img img {
    max-width: 180px;
    border: solid 1px #ccc
}

.sign {
    position: absolute;
    top: 66px;
    left: 189px;
    font-size: 42px
}

.combo-info {
    width: 250px;
    float: right;
    margin-top: 35px
}

.combo-name {
    font-size: 30px;
    margin-bottom: 10px
}

.combo-old-price {
    font-size: 15px
}

.combo-old-price span {
    text-decoration: line-through;
    color: #888
}

.combo-price {
    font-size: 18px;
    line-height: 29px
}

.combo-buy {
    display: block;
    line-height: 35px;
    text-transform: uppercase;
    background: #333;
    float: left;
    color: #fff;
    padding: 0 20px
}

.cb-name {
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    color: #555
}

.cb-old-price {
    font-size: 13px;
    text-decoration: line-through;
    color: #888
}

.cb-price {
    font-size: 16px;
    font-weight: 700;
    color: #444
}

.product-list ul {
    list-style: none;
    margin: 0 -6px;
    padding: 0;
}
.product-list .summary ul{
    padding-left: 16px !important;
    list-style: circle !important;
}
.product-list .summary ul li{
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.product-list li {
    float: left;
    margin: 12px 6px 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.product-list:not(.home) li:nth-child(4n+1),
.product-list.home li:nth-child(5n+1){
    clear: both;
}
.p_container {
    width: 212px;
    position: relative
}

.p-img {
    display: block;
    width: 100%;
    height: 200px;
    line-height: 200px;
    overflow: hidden;
}

.p-img img {
    max-width: 90%;
    max-height: 90%;
    display: inline-block;
    vertical-align: middle;
    transition: all .1s ease;
}

.p-img:hover img {
    max-width: 100%;
    max-height: 100%;
}

.p-name {
    font-weight: 700;
    color: #444;
    text-decoration: none;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    display: block;
}

.p-name * {
    margin: 0;
    padding: 0;
    font-size: 12px
}

.p_price {
    font-weight: 400;
    font-size: 16px;
    color: #f84743;
    margin: 5px 0 0;
    height: 20px;
}

.p_price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #999;
    font-weight: 400;
}

.p_old_price {
    color: #999;
    text-decoration: line-through;
    margin: 3px 0
}

.p_btn_buy {
    background: #333;
    color: #ccc;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    float: left;
    margin-top: 10px
}

.p_container .option {
    z-index: 9;
    text-align: right;
    position: absolute;
    right: 14px;
    bottom: 85px;
    width: 80px;
}

.p_container .option i {
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: #fff;
    text-align: center;
    padding: 2px 2px;
    border-radius: 5px;
    white-space: nowrap;
    margin-top: 2px;
}

.p_container .option i.gift {
    background: #22a7f0;
}

.p_container .option i.new {
    border: solid 1px #e00;
    background: #fff;
    color: #e00;
}

.p_container .option i.off {
    background: #00be67;
}

.p_container .option i.tragop {
    height: 48px;
    right: 0;
    top: 115px;
    position: absolute;
    background: url(../img/temp/opt.png);
    z-index: 9;
    width: 72px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.product-list li i.percent, .p-style-2 li i.percent {
    color: #fff;
    background: #3ab54a;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 40px 10px 10px 40px;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: -30px;
    z-index: 2;
    font-style: normal;
}

.product-list li:hover i.percent {
    background: #f84743;
}

.product-list .p_container .p-img:after {
}

.product-list .p_container:hover .p-img:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.product-list li:hover a.p-name {
    color: red
}

.facebook_like {
    width: 250px;
    height: 70px;
    float: right;
    margin-top: -12px;
}

.subscribe-video {
    float: right;
    overflow: hidden;
    margin: -55px 0;
    width: 272px
}

.subscribe-video p {
    margin-top: 0;
    float: left;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #777;
    padding-right: 5px;
    width: 160px
}

.subscribe-btn {
    float: right
}

#panel_chat_vatgia {
    z-index: 999999999 !important
}

.template_vgchat {
    font-size: 12px !important;
    background: #078ae8 !important;
    box-shadow: 0 0 1px #fff inset !important;
    width: auto !important;
    position: fixed !important;
    bottom: -1px !important;
    z-index: 2147483646 !important
}

.tem_v2 {
    background-color: #365db5 !important;
    box-shadow: 0 0 1px #fff inset !important;
    right: 10px !important;
    width: 280px !important
}

.tem_v1 {
    background-color: #365db5 !important;
    right: 10px !important;
    width: 260px !important;
    border: 0 solid #173c86 !important
}

.tem_vg_v1 {
    padding: 0 !important;
    position: relative !important
}

.panel_body_vgchat {
    margin: 0 !important;
    width: 250px !important
}

.tem_vg_v1 {
    padding: 0 !important;
    position: relative !important
}

.panel_content_vgchat {
    border: 0 solid #173c86 !important;
    border-radius: 5px;
    box-shadow: 0 0 1px #fff;
    margin: 0;
    max-height: 415px;
    padding: 0
}

.panel_history_vgchat {
    background-color: #fff !important;
    border-top: solid 1px #ddd !important;
    height: 200px !important;
    overflow: auto;
    margin: 0 0 2px !important;
    padding: 0 !important
}

.panel_history_vgchat .vgc_row {
    position: relative !important;
    overflow: hidden !important;
    padding: 5px 0 !important;
    margin: 0 5px !important
}

.panel_history_vgchat .vgc_rowme .vgc_msgchat {
    background-color: #cce1fd !important;
    border: 1px solid #b8cbe6 !important;
    border-radius: 5px !important;
    float: right !important;
    margin-right: 10px !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important
}

#list-config table {
    width: 100%
}

#list-config {
    border: solid 1px #ddd;
    height: 150px;
    overflow: auto
}

#list-config b {
    color: #e00;
    font-size: 13px
}

#list-config .color {
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    border: solid 1px #ccc
}

.product-list.home .p_container {
    width: 250px;
}

.col1 .product-list.home .p_container {
    min-height: 223px
}

.product-list.home .p_container .p-img {
}

.product-list.home .p_container .p-img img {
}

.tbl_config b {
    display: inline-block;
    border: solid 1px #ccc;
    padding: 0 9px;
    text-align: center;
    margin: 0 2px;
    line-height: 20px;
    margin-bottom: 3px;
    cursor: pointer;
    font-weight: 400
}

.tbl_config input {
    width: 50px;
    height: 22px;
    text-align: center;
    margin-left: 3px;
    border: solid 1px #ccc
}

.tbl_config b.active {
    border-color: #c00
}

.tbl_config b:hover {
    border-color: #aaa
}

.tbl_config b img {
    width: 30px;
    height: 35px
}

.tbl_config b.none {
    display: none
}

b.disable {
    opacity: .3
}

b.disable img {
    opacity: .5
}

.tbl_config b.selected, .tbl_config b:hover {
    border-color: #e40000 !important
}

.disable {
    cursor: not-allowed !important
}

.tbl_config a {
    color: #e60009
}

.tbl_config #list_color b {
    height: 15px;
    border-radius: 50%;
    width: 15px;
    padding: 0;
    border-color: #e4e4e4;
    border-width: 3px
}

b.disable:hover {
    border-color: #fff !important
}

.banner_fixed_left {
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0
}

.banner_fixed_left .iconPop {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    cursor: pointer;
    color: red;
    text-align: center
}

.list_a_home {
    list-style: none;
    padding: 0;
    margin: 0
}

.col_a_home .title {
    margin-bottom: 10px
}

.col_a_home .title h4 {
    font-weight: 700;
    line-height: 24px;
    color: #000;
    font-size: 17px;
    position: relative;
    margin: 0
}

.info_a_h {
    float: left;
    width: 160px
}

.a_h_img {
    float: right
}

.a_h_img img {
    max-width: 85px
}

.a_home {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.list_a_home .a_home:last-child {
    border: 0
}

.a_home a {
    font-size: 14px
}

.a_home p {
    font-size: 11px
}

.view_all_a {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9
}

.view_all_a:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    z-index: -1;
    top: 6px
}

.view_all_a span {
    background: #fff;
    padding-right: 10px
}

#deal_product_home .old_price {
    color: #222;
    font-size: 22px;
}

#deal_product_home b.txt_red {
    font-size: 40px;
    margin: 15px 0;
    color: #fff;
    font-weight: 700;
    display: block;
}

#deal_home #deal_product_home .img_deal {
    width: 100%;
    height: 200px;
    line-height: 200px;
    position: relative;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

#deal_home #deal_product_home .img_deal img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

#deal_home .info {
    padding: 12px 16px;
}

#deal_home .act {
    background: #3ab54a;
    color: #fff;
    padding: 11px;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    bottom: 23px;
    box-shadow: 0 0 5px #333;
    font-weight: 700;
}

#deal_home #deal_product_home {
    margin: 0;
}

#nav_deal span {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    z-index: 8
}

.sale_icon {
    position: absolute;
    left: 40px;
    top: 0
}

.btn_datmua {
    background: #5bbd72;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px
}

#deal_home .time {
    padding: 10px 0 0;
}

.time span i {
    display: inline-block;
}

.time span span {
    display: inline-block;
    margin-right: 10px
}

.time span b {
    padding: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 400;
    background: #8255fa;
    position: relative;
    color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.time span span:nth-child(2) b {
    background: #2ecb74;
}

.time span span:nth-child(3) b {
    background: #f6bc58;
}

.icon_spsapve {
    background: #00be67;
    color: #fff;
    height: 18px;
    left: 30px;
    background-size: 100%;
    position: absolute;
    width: 64px;
    -webkit-border-radius: 2px;
    bottom: 164px;
}

.icon_tragop {
    white-space: nowrap;
    position: absolute;
    right: 15px;
    top: 46%;
    background: 0;
    color: #fff;
    -webkit-border-radius: 2px;
    font-size: 13px;
    padding: 2px 3px
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg)
    }
}

#new-config {
    color: #999;
}

#new-config .name b {
    font-weight: 400;
    color: #000;
}

#new-config .item {
    display: inline-block;
    position: relative;
    background: #b2b2b2;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 3px 5px;
    padding: 5px;
    min-width: 28px;
    text-align: center;
    cursor: pointer;
}
#new-config .item a {
    display: block;
    padding: 6px;
    color: #fff;
}

#new-config .item.active, #new-config .item:hover {
    border-color: #37b548;
    background: #37b548;
}

#new-config .config-attribute {
    padding: 10px 0;
    border-top: dotted 1px #bbb;
    position: relative
}

#new-config .config-attribute:first-child {
    border-top: 0
}

#new-config .config-attribute .name {
    margin-bottom: 10px;
    height: 15px;
}

#new-config .item.color {
    background: none;
    border: 2px solid #b2b2b2;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}
#new-config .item.color.active, #new-config .item.color:hover {
    border: 2px solid #37b548;
}

#new-config .item.ngam {
    background: none;
    border: 2px solid #b2b2b2;
    border-radius: 50%;
    overflow: hidden;
}

#new-config .item.ngam {
    margin-right: 5px;
}

#new-config .item.tronbocombo {
    background: none;
    border: 2px solid #b2b2b2;
    border-radius: 10px;
    overflow: hidden;
    width: 23%;
}

#new-config .item.tronbocombo {
    margin-right: 5px;
}

#new-config .item img {
    height: 45px;
    width: 45px;
    object-fit: scale-down;
}

.drop_list_attribute .item {
    width: 100%;
    border: none !important;
}

.drop_list_attribute .item.current:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top-color: #ccc;
    position: absolute;
    right: 5px;
    top: 9px
}

.drop_list_attribute .other {
    display: none
}

.drop_list_attribute { /* border:solid 2px #ccc */
}

.drop_list_attribute .other {
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 100%;
    max-height: 150px;
    overflow: auto; /* border:solid 2px #ccc; */
    left: 0;
    box-sizing: border-box;
    border-top: solid 1px #ccc;
}

.drop_list_attribute .item.current {
    cursor: pointer
}

span.title-tooltip-attribute {
    position: absolute;
    left: -1px;
    background: #000;
    top: -44px;
    color: #fff;
    display: none;
    padding: 5px 10px;
    z-index: 99;
    border-radius: 4px;
    width: 250px
}

span.title-tooltip-attribute:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-top-color: #000;
    position: absolute;
    top: 37px
}

.summary-detail {
    overflow: hidden;
}
.summary-detail.open {
    height: auto !important;
}
.summary-detail table {
    width: 100% !important;
}
.summary-detail ul{
    padding-left: 19px !important;
}
.viewmore-summary {
    padding: 0 !important;
    color: #37b548;
    font-weight: 700;
    cursor: pointer;
    display: none
}
.left_2 {
    width: 22%;
    float: left;
    border-right: dashed 1px #ccc;
    margin-right: 0;
    padding-right: 15px;
}

.right_2 {
    width: 76%;
    float: right;
}

.title_static {
    font-size: 20px;
    color: #333;
    padding: 5px 0 12px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 18px;
    display: block
}

.li_news_2 {
    border-top: solid 1px #ccc
}

.root_news_2 .li_news_2:nth-child(n+2) {
    padding-top: 5px
}

.root_news_2 .li_news_2:first-child {
    border: 0
}

.li_news_2 > a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 0 0 3px;
    display: block
}

.root_news_2 li li {
    padding: 5px 0
}

.root_news_2 li li a {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    display: block;
}

.root_news_2 a:hover {
    color: #0e48bd
}

.li_news_2 ul {
    margin-bottom: 6px
}

#menu-tintuc ul {
    background: #1f568b;
    list-style-type: none;
    text-align: center
}

#menu-tintuc li {
    color: #f1f1f1;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-left: -5px
}

#menu-tintuc a {
    text-decoration: none;
    color: #fff;
    display: block
}

#menu-tintuc a:hover {
    background: #f1f1f1;
    color: #333
}

.sub-menu-tintuc {
    display: none;
    position: absolute
}

#menu-tintuc li {
    position: relative
}

#menu-tintuc li:hover .sub-menu {
    display: block
}

.sub-menu-tintuc li {
    margin-left: 0 !important
}

.sub-menu-tintuc > ul {
    display: none !important
}

.top-product-home {
    padding: 10px 0 0;
}

.top-product-home .box {
    width: 645px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 20px;
    overflow: hidden;
}

.top-product-home .box .label {
    color: #fff;
    background: #f84743;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 50px 10px 30px 50px;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: -35px;
    z-index: 2;
}

.top-product-home .box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.top-product-home .title {
    font-size: 22px;
    padding: 13px 0 10px 80px;
    font-weight: 700;
}

.top-product-home .title span {
    padding: 5px 0;
    display: inline-block;
}

.top-product-home ul li {
    margin: 0
}

.top-product-home .p_container {
    width: 193px
}

.top-product-home .p-img {
    width: 193px
}

.top-product-home .flexslider .flex-control-paging {
    display: none
}

.top-product-home .flexslider .flex-direction-nav li {
    margin: 0;
    padding: 0;
    float: none;
    position: static;
}

.top-product-home .flexslider .flex-direction-nav li a {
    display: inline-block;
    width: 22px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../img/icons/ico.png) no-repeat -6px -210px;
    position: absolute;
    left: 10px;
    top: 48%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline:none
}

.top-product-home .flexslider .flex-direction-nav li a.flex-next {
    left: auto;
    right: 10px;
    background-position: -29px -210px;
    outline: none;
}

.top-product-home .flexslider .flex-direction-nav a:hover {
    opacity: 0.6;
}

.article-home {
    padding-top: 10px;
}

.article-home .list {
    width: 596px;
    height: 548px;
    color: #fff;
    font-size: 15px;
}

.article-home .list a {
    color: #fff;
}

.article-home .list a:hover {
    color: #eee;
}

.article-home .list img {
    max-width: 100%;
    min-height: 100%;
}

.article-home .list [class*=col-md] {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.article-home .list .col-md-12 {
    height: 346px;
}

.article-home .list .col-md-12 .label {
    background: #f84743;
    font-size: 25px;
    padding: 10px 15px;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 2;
}

.article-home .list .col-md-12 .group {
    position: absolute;
    right: 15px;
    top: 22px;
    z-index: 2;
}

.article-home .list .col-md-12 .group a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 2px;
}

.article-home .list .col-md-12 .group h4 {
    font-size: 15px;
    margin: 0 3px;
    display: inline-block;
}

.article-home .list .col-md-12 .group a:hover {
    background: rgba(0, 0, 0, 0.6);
}

.article-home .list .col-md-6 {
    height: 202px;
}

.article-home .list [class*=col-md]:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2), #000);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), #000);
    opacity: 1;
    z-index: 1;
}

.article-home .list [class*=col-md]:hover:after {
    opacity: 0.6;
}

.article-home .list .info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.article-home .list .last .info {
    text-align: center;
    font-size: 25px;
    left: 0;
    bottom: 35%;;
    width: 100%;
    line-height: 30px;
}

.article-home .list .info h5 {
    font-size: 16px;
}

.article-home .list .info .time {
    padding-top: 5px;
}

.article-home .list .info i {
    margin-left: 20px;
}

.article-home.page {
    padding-top: 60px;
}

.article-home.page .list {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 15px;
}

.article-home.page .list .col-md-12 .group {
    position: absolute;
    left: 0;
    top: -45px;
    z-index: 2;
    font-size: 18px;
    display: block;
    text-align: center;
    width: 1300px;
}

.article-home.page .list .col-md-12 {
    height: 450px;
    overflow: inherit;
}

.article-home.page .list .col-md-12 .img {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.article-home.page .list .col-md-4 {
    height: 225px
}

.article-home .banner {
    float: right;
    width: 696px;
    height: 548px;
    overflow: hidden;
    position: relative;
}

.article-home .banner li {
    margin-bottom: 11px;
}

/*.article-home .banner li:last-child {*/
/*    float: right;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/

.title-product-list {
    height: 35px;
    padding: 0 0 10px;
    position: relative;
}

.title-product-list h2 {
    margin: 0 20px 0 0;
    padding: 0;
    line-height: 35px;
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
}

.title-product-list .more {
    background: #3ab54a;
    color: #fff;
    font-size: 18px;
    padding: 3px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #bbb;
}

.title-product-list .more a {
    color: #fff;
}

.sub-cate-list {
    position: absolute;
    right: 0;
    top: 3px;
}

.sub-cate-list * {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.sub-cate-list a {
    color: #fff;
    padding: 4px 6px;
    margin-left: 5px;
    font-size: 14px;
    background: #a3a3a3;
    border-radius: 10px;
    text-transform: uppercase;
}

.sub-cate-list h3:last-child a {
    border: none
}

.sub-cate-list a:hover {
    background: #555;
}

.floor {
    padding: 12px 0 0;
    max-height: 660px;
    overflow: hidden;
}

.floor .col1 {
    width: 1036px;
    float: left;
}

.floor .col1 .product-list {
    height: 578px;
}

.floor .col1 .product-list li:nth-child(n+9) {
    display: none;
}

.floor .col2 {
    width: 252px;
    height: 566px;
    margin-top: 12px;
    float: right;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.floor .col2 .title-product-list {
    height: 35px;
    padding: 0;
    position: relative;
}

.floor .col2 .title-product-list h2 {
    margin: 0;
    padding: 0 15px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    float: left;
    background: #37b548;
    position: relative;
    border-radius: 10px 0;
}

.floor .col2 .product-list {
    height: 532px;
    position: relative;
}

.floor .col2 .product-list li {
    margin: 0;
    background: none;
}

.floor .col2 .p_container {
    width: 50%;
    float: left;
    padding: 10px;
}

.floor .col2 .p_container .p-name {
    font-weight: 400
}

.floor .col2 .p_container .p-img {
    width: 105px;
    height: 97px;
    line-height: 97px;
}

.floor .col2 .p_container .p-img img {
    max-width: 100px;
    max-height: 80px
}

.floor .col2 .p_container:hover .p-img:after {
    height: 85px
}

.floor .col2 li:hover .p-name {
    color: #555
}

.floor .col2 .p_container .option, .floor .col2 .p_price span {
    display: none
}

.floor .col2 .p_price { /* font-size:12px */
}

.floor .col2 .flex-control-paging {
    display: none
}

.floor .col2 .flex-direction-nav li {
    margin: 0;
    padding: 0;
    float: none;
    position: static;
}

.floor .col2 .flex-direction-nav li a {
    opacity: .5;
    display: inline-block;
    width: 20px;
    height: 25px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../img/icons/ico.png) no-repeat -6px -216px;
    position: absolute;
    right: 18px;
    top: -28px;
    z-index: 12;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.floor .col2 .flex-direction-nav li a.flex-next {
    left: auto;
    right: 0;
    background-position: -33px -216px;
}

.floor .col2 .flex-direction-nav li a:hover {
    opacity: 1
}

.ads_home {
    padding: 15px 0 0
}

.ads_home * {
    max-width: 100%;
}

.brand_home {
    padding: 20px 35px;
    margin: 15px 0;
    text-align: center;
    position: relative;
    height: 90px;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.brand_home .list {
    height: 48px;
}

.brand_home ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.brand_home ul li {
    display: inline
}

.brand_home a {
    vertical-align: middle
}

.brand_home img {
    height: 48px;
    max-width: 150px;
    margin: 0 10px
}

.brand_home .flex-control-paging {
    display: none
}

.brand_home .flex-direction-nav li {
    margin: 0;
    padding: 0;
    float: none
}

.brand_home .flex-direction-nav li a {
    display: inline-block;
    width: 30px;
    height: 33px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../img/icons/ico.png) no-repeat 0 -210px;
    position: absolute;
    left: 0;
    top: 30%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.brand_home .flex-direction-nav li a.flex-next {
    left: auto;
    right: 0;
    background-position: -33px -210px;
}

.tag-footer {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tag-footer p {
    display: inline-block;
}

.tag-footer a {
    display: inline-block;
    background: #fff;
    box-shadow: 0 2px 5px #bbb;
    border-radius: 5px;
    margin: 0 5px 10px 0;
    padding: 10px 8px;
}

#col-left {
    width: 263px;
    float: left;
    border-radius: 10px;
}

.title-box-left {
    background: #1e1e1e;
    color: #fff;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
}

.title-box-left .title {
    margin: 0;
    font-size: 15px;
    padding: 0 10px
}

.title-box-left i {
    display: inline-block;
    width: 37px;
    background-size: 100%;
    background-position: center;
    float: left;
    margin-right: 3px
}

.content-box-left {
    padding: 0 0 10px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
}

.filter-active-list {
    padding-top: 10px;
}

.filter-active-list a {
    background: #999;
    display: inline-block;
    padding: 5px 10px;
    margin: 3px 2px;
    border-radius: 8px;
}

.filter-active-list a:hover {
    background: #bbb;
}

.filter-active-list a i {
    color: #fff;
}

.product-category.has-banner #breadcrumb, .product-category.has-banner #breadcrumb a {
    color: #fff;
}

.category-name {
    height: 180px;
    padding-top: 40px;
    font-size: 50px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.category-name h1 {
    font-size: 50px;
}

.help-desk {
    background: #fff;
    border-radius: 10px;
    height: 80px;
    margin-bottom: 10px;
}

.help-desk .label {
    background: #3ab54a;
    color: #fff;
    display: inline-block;
    height: 80px;
    border-radius: 10px 0 0 10px;
    font-size: 22px;
    padding: 10px 15px 0;
    line-height: 28px;
}

.help-desk .label2 {
    display: inline-block;
    height: 80px;
    font-size: 22px;
    padding: 10px 15px 0;
    line-height: 28px;
}

.help-desk .item {
    float: left;
    width: 295px;
    line-height: 22px;
    padding: 13px 0 0;
}

.help-desk .item img {
    float: left;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -5px;
    height: 62px;
}

.help-desk .item .tel {
    font-size: 28px;
    font-weight: 700;
}

.help-desk .end {
    font-size: 28px;
    padding: 30px 0 0;
}

.list-category {
    padding: 20px 0;
}

.list-category .item {
    float: left;
    margin-bottom: 10px;
}

.list-category .category-image {
    height: 160px;
    line-height: 160px;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.list-category .category-image img {
    vertical-align: middle;
    max-width: 45%;
    max-height: 98%;
    width: auto;
    display: inline-block;
    margin: 0 10px;
}

.list-category .name {
    margin: 0;
    padding: 0;
    font-size: 26px;
    display: inline-block;
    font-weight: 400;
    max-width: 46%; /* white-space: nowrap; */
    vertical-align: middle;
    text-align: center;
}

.cate-sub-list {
    padding: 10px 0;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 10px;
}

.cate-sub-list .item {
    float: left;
    text-align: center;
}

.cate-sub-list .category-image {
    height: 100px;
    line-height: 100px;
    overflow: hidden;
}

.cate-sub-list .category-image img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 98%;
    width: auto;
    display: inline-block;
}

.cate-sub-list .name {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}

.cate-sub-list .namesub {
    margin: 0;
    padding-top: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #233d79;
}


.att-category {
    padding: 15px;
}

.att-category li {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    font-size: 16px;
}

#cate-left {
    margin: 0 0 10px;
    font-size: 15px
}

#cate-left .level2 > li {
    border-bottom: 1px solid #ddd;
    height: 39px;
    background: url(../img/icons/ico.png) no-repeat right -1300px
}

#cate-left .level2 > li.nochild {
    background: none
}

#cate-left .level2 > li > a {
    padding: 10px 2px 1px 5px;
    display: inline-block
}

#cate-left .level2 > li > a.active {
    background-position: 11px -788px
}

#cate-left .level3 > li {
    border-top: 1px solid #ddd;
    padding-left: 17px
}

#cate-left .level3 > li > a {
    color: #555;
    padding: 10px 2px 10px 30px;
    background: #fff url(../img/icons/ico.png) no-repeat 11px -817px;
    display: inline-block
}

#cate-left li a:hover, #cate-left li.active, #cate-left li.active a {
    color: #fe1801
}

.att-title {
    padding: 20px 0 0;
    margin: 0 20px;
    color: #333;
    font-size: 18px;
}

.att-list-2 .att-title {
    border-top: 1px solid #eee;
}

.att-list ul { /* max-height: 250px; */
    overflow: auto;
    margin: 10px;
    margin-left: 30px;
}

.att-list ul li {
    padding: 5px 0
}

.att-list input[type=checkbox] {
    position: relative;
    top: 2px
}

#category-brand-filter {
    max-height: 235px;
    overflow: hidden;
}

#category-brand-filter.active {
    max-height: initial;
    overflow: auto;
}

#category-brand-filter li {
    width: 50%;
    float: left;
}

.att-price {
    padding: 10px 20px;
}

.att-price input {
    width: 100%;
    background: #fff;
    outline: none;
    border: none;
    border-bottom: 1px solid #999;
}

.att-price .act {
    box-shadow: 0 3px 5px #999;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 10px;
    display: inline-block;
    margin: 5px 0 0;
}

.banner-left img {
    width: 100%;
    height: auto;
    margin: 0 0 8px
}

.category-child {
    padding: 20px 0
}

.category-child .itm {
    float: left;
    width: 230px;
    text-align: center;
    margin: 0 11px 10px 0
}

.category-child .itm.end {
    margin-right: 0
}

.category-child .itm h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0;
    padding: 0
}

.category-child .itm a {
    display: block;
    line-height: 22px
}

.category-child .itm a:hover {
    padding-left: 10px
}

.category-child .itm .img {
    overflow: hidden;
    height: 130px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.category-child .itm img {
    height: 130px;
    transition: all .5s ease
}

.category-child .itm:hover img {
    transform: scale(1.2)
}

.category-child .itm .img a:hover {
    padding-left: 0
}

.category-brand img {
    height: 50px;
    margin: 20px 12px 8px 0;
    border: 1px solid #ddd
}

.product-list.page > ul {
    margin: 0 -4.5px;
}

.product-list.page li {
    margin: 0 4.5px 9px;
}

.product-list.page li .p_container {
    width: 250px;
}

.product-list.page .p_container .option {
    bottom: 250px;
}

.product-tip {
    margin: 10px 15px 0;
    padding: 10px 0 0;
    border-top: 1px solid #eee;
    font-size: 12px;
}

.product-tip .summary {
    height: 103px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
}

.product-tip .summary * {
    margin: 0;
}

.product-tip .act, .p-style-2 li .tip .act {
    line-height: 47px;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin: 0 -15px -10px;
    background: #37b548;
    color: #fff;
}

.product-tip .act.disable, .p-style-2 li .tip .act.disable {
    display: none;
}

.product-tip .act:hover, .p-style-2 li .tip .act:hover {
    color: #eee;
    box-shadow: 0 0 10px #555;
}

.product-tip .act i, .p-style-2 li .tip .act i {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: 0 -1425px;
    vertical-align: middle;
    margin-left: 10px;
}

.product-tip .act-2, .p-style-2 li .tip .act-2 {
    background: #53c5f3;
    display: none;
}

.product-tip .act-2.active, .p-style-2 li .tip .act-2.active {
    display: block;
}

.product-tip .act-2 i, .p-style-2 li .tip .act-2 i {
    background-position: -49px -1423px;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

.p-style-2 li {
    float: left;
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.p-style-2 li .option {
    display: none;
}

.p-style-2 li .img {
    float: left;
    width: 30%;
    text-align: center;
}

.p-style-2 li .img img {
    max-width: 100%;
    max-height: 100%;
}

.p-style-2 li .info {
    float: left;
    width: 44%;
}

.p-style-2 li .info .name {
    display: block;
    padding: 10px 0;
    font-size: 18px;
}

.p-style-2 li .info .name:after {
    content: '';
    display: block;
    width: 40%;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

.p-style-2 li .info .summary { /* max-height: 240px; */
    overflow: hidden;
    line-height: 22px;
}

.p-style-2 li .info .summary * {
    line-height: 22px;
}

.p-style-2 li .tip {
    float: right;
    width: 25%;
    box-shadow: 0 0 10px #999;
    border-radius: 10px;
    padding: 10px 15px;
    overflow: hidden;
}

.p-style-2 li .tip .marketPrice {
    padding: 10px 0;
}

.p-style-2 li .tip .marketPrice .col-md-4 {
    padding-right: 0;
    padding-left: 5px;
}

.p-style-2 li .tip .specialOffer {
    font-size: 12px;
    border-top: 1px solid #eee;
    padding: 10px 0; /* max-height: 220px; */
    overflow: hidden;
}

.p-style-2 li .tip .specialOffer * {
    font-size: 12px;
    margin: 0;
}

.p-style-2 li .tip .act {
    text-align: center;
}

div.rating-cancel, div.star-rating {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden
}

div.rating-cancel, div.rating-cancel a {
    background: url(../img/icons/delete.gif) no-repeat 0 -16px
}

div.star-rating, div.star-rating a {
    background: url(../img/icons/star.gif) no-repeat 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

div.rating-cancel a, div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0
}

div.star-rating-on a {
    background-position: 0 -32px !important
}

div.star-rating-readonly a {
    cursor: default !important
}

div.star-rating {
    background: transparent !important;
    overflow: hidden !important
}

.product-detail {
}

.detail-left {
    width: 960px;
}

.dl-info {
    background: #fff top no-repeat;
    border-radius: 10px;
    position: relative; /* overflow:hidden; */
    padding: 15px 20px;
}

.best1st {
    color: #fff;
    background: #3ab54a;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    padding: 50px 5px 1px 50px;
    border-radius: 50%;
    font-style: normal;
    position: absolute;
    left: -40px;
    top: -50px;
}

.best1st b {
    font-size: 45px;
}

.best1st span {
    font-size: 25px;
    position: relative;
    top: -15px;
}

.dl-info .isBestSale {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22;
    width: 90px;
    height: 90px;
    border-radius: 10px 0 0 0;
}

.productName {
    margin: 0 120px 10px 70px;
}

.user_like_content {
    position: absolute;
    right: 15px;
    top: 10px;
    max-width: 100px;
    display: inline-block;
}

.user_like_content i {
    position: absolute;
    left: -40px;
    top: 8px;
    font-size: 30px;
}

.productThumList .owl-nav {
    margin: 0;
}

.productThumList .owl-nav > div {
    opacity: 1;
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: #000;
    z-index: 9;
    text-align: left;
}

.productThumList .owl-nav > div:hover {
    opacity: 0.6;
    color: #666;
}

.productThumList .owl-nav > div i {
    width: auto;
    height: auto;
}

.productThumList .owl-nav .owl-prev {
    left: 0;
    top: 45%;
}

.productThumList .owl-nav .owl-next {
    right: -5px;
    top: 45%;
    text-align: right;
}

.prod-image {
    width: 430px
}

.prod-image .big {
    width: 450px;
    height: 470px;
    position: relative;
    text-align: center;
}

.prod-image .big a {
    vertical-align: middle;
    width: 450px;
    height: 470px;
    display: table-cell;
}

.prod-image .big img {
    max-width: 90%;
    max-height: 100%;
    width: auto;
    display: inline-block;
}

.prod-image .big .tip {
    display: none;
    width: 135px;
    height: 32px;
    background-position: -123px -700px;
    position: absolute;
    left: 30%;
    top: 45%
}

.prod-image .big:hover .tip {
    display: inline-block
}

.prod-image .option {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 33px;
    z-index: 9
}

.prod-image .option i {
    display: inline-block;
    width: 33px;
    height: 33px;
    font-size: 11px;
    font-style: normal;
    background: url(../img/icons/ico.png) no-repeat 0 -417px;
    color: #fff;
    line-height: 30px;
    text-align: center
}

.prod-image .big .option {
    width: 65px
}

.prod-image .big .option i.off {
    padding-left: 10px;
    width: 55px;
    font-size: 15px;
    font-weight: 700;
    background-position: -168px -927px;
    line-height: 33px
}

.prod-image .small {
    width: 400px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.prod-image .small a {
    margin: 0 29px 5px 0;
    float: left;
}

.prod-image .small a:nth-child(4) {
    margin-right: 0;
}

.prod-image .small a span {
    vertical-align: middle;
    width: 78px;
    height: 78px;
    display: table-cell; /* border:1px solid #ddd */
}

.prod-image .small a.active {
    border-color: #63962c
}

.prod-image .small img {
    max-width: 78px;
    max-height: 78px;
}

.dt-tools {
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #eee;
}

.dt-tools .help-desk {
    height: auto;
}

.dt-tools .help-desk .item {
    width: 48%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding-top: 5px;
    overflow: hidden;
}

.dt-tools .help-desk .item:nth-child(2n) {
    float: right;
}

.dt-tools .help-desk .item .tel {
    font-size: 20px;
}

.dt-tools .help-desk .item img {
    border-radius: 0;
}

.prod-info {
    width: 430px;
    padding: 0;
    float: right;
    font-size: 16px;
}

.prod-info h1 {
    font-size: 20px
}

.prod-info .vote {
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    position: relative;
    line-height: 19px
}

.prod-info .network {
    position: absolute;
    right: 0;
    bottom: 10px
}

.prod-info .list {
    position: relative
}

.prod-info .list .item {
    padding: 18px 0;
    line-height: 19px;
}

.prod-info .list .title {
}

.prod-info .list .item {
    position: relative;
}

.prod-info .list .item:after {
    content: '';
    border-bottom: 1px solid #eee;
    display: block;
    width: 94%;
    position: absolute;
    bottom: 0;
    left: 3%;
    z-index: 2;
}

.prod-info .list .value {
    padding: 5px 0 0;
    line-height: 25px;
}

.prod-info .list .value * {
    margin: 0;
    padding: 0;
    line-height: 25px;
}

.prod-info .list .brand {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}

.prod-info .list .brand img {
    max-width: 120px;
    max-height: 45px
}

.detail-right {
    width: 330px;
    border-radius: 10px;
}

.prod-price-2 .list li {
    float: none;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    overflow: inherit;
}

.prod-price-2 .list li .tip * {
    font-size: 16px;
}
.prod-price-2 .list li .tip .text-25{
    font-size: 25px;
}
.prod-price-2 .list li .tip .font-size-price{
    font-size: 45px;
}

.prod-price-2 .marketPrice span {
    display: block;
}

.prod-price-2 .specialOffer p {
    line-height: 30px;
}

.prod-price-2 li .tip {
    width: 100%;
    box-shadow: 0 0 0;
}

.prod-price-2 li .tip .act {
    margin: 0 -25px -10px;
    font-size: 24px;
    height: 58px;
    line-height: 58px;
}

.prod-price-2 li .tip .act span {
    font-size: 24px;
    vertical-align: middle;
}

.detail-right .payinstall {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 16px;
    overflow: hidden;
}

.detail-right .payinstall select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 31%;
    margin-right: 3px;
}

.detail-right .payinstall span:last-child select {
    margin-right: 0;
}

.detail-right .payinstall .provider {
    padding: 20px 0;
    margin: 0;
}

.btn-payinstall {
    line-height: 58px;
    height: 58px;
    text-transform: uppercase;
    font-size: 24px;
    display: block;
    margin: 0 -15px -10px;
    background: #203b79;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.btn-payinstall i {
    display: inline-block;
    vertical-align: middle;
    background-position: -49px -1423px;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

.btn-payinstall span {
    vertical-align: middle;
    color: #fff;
}

.detail-right .policy {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    font-size: 15px;
    line-height: 30px;
    border-radius: 10px;
}

.prod-price {
    padding: 10px 0 0;
}

.prod-price .price {
    font-size: 40px
}

.prod-price .promo {
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd
}

.prod-price .promo p {
    margin: 0
}

.prod-price .btn-buy {
    display: block;
    padding: 5px;
    color: #fff;
    background-color: #b5070f;
    background-image: -moz-linear-gradient(center top, #dd0102, #b5070f);
    background-image: -webkit-linear-gradient(top, #dd0102, #b5070f)
}

.prod-price .btn-buy-wait {
    display: block;
    padding: 5px;
    color: #fff;
    background-color: #ff930c;
    background-image: -moz-linear-gradient(center top, #ffae49, #ff930c);
    background-image: -webkit-linear-gradient(top, #ffae49, #ff930c)
}

.prod-price select {
    padding: 3px
}

.product-detail .col-left {
}

.productAccessoryList ul {
    margin: 0;
}

.productAccessoryList ul li {
    margin: 0;
}

.owl-carousel .owl-item img {
    display: inline-block;
}

.has-nav .owl-nav {
    margin: 0;
}

.has-nav .owl-nav > div {
    opacity: 1;
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: #000;
    z-index: 9;
}

.has-nav .owl-nav > div:hover {
    opacity: 0.6;
    color: #666;
}

.has-nav .owl-nav .owl-prev {
    left: 0;
    top: 45%;
}

.has-nav .owl-nav .owl-next {
    right: -10px;
    top: 45%;
    text-align: right;
}

.product-detail .col-left .tab_d {
    font-size: 20px;
    padding-left: 10px;
    height: 44px;
}

.product-detail .col-left .tab_d a {
    display: inline-block;
    color: #333;
    padding: 15px 20px;
    border-bottom: none;
    position: relative;
    z-index: 2;
}

.product-detail .col-left .tab_d a.active {
    background: #fff;
    border-radius: 10px 10px 0 0;
    color: #000;
    border-bottom: none;
    padding-bottom: 10px;
}

.product-detail .col-left .tab_content {
    display: none;
    padding: 20px;
    position: relative;
    top: -1px;
    line-height: 19px;
    background: #fff;
    border-radius: 10px;
    font-size: 18px;
    overflow: hidden;
}

.product-detail .col-left .tab_content table {
    border-collapse: collapse
}

.product-detail .col-left .tab_spec table {
    border-collapse: collapse;
    width: 100%;
    border-color: #ddd
}

.product-detail .col-left .tab_spec table td {
    padding: 5px 10px;
    border-color: #ddd
}

.product-detail .col-left .tab_content td.att-name {
    width: 20%
}

.product-detail .tab_content .p_container {
    width: 151px
}

.product-detail .tab_content .p_container .p-img {
    width: 151px
}

.product-detail .tab_content .p_container .p-img img {
    max-width: 140px
}

.product-detail .col-left .tab_spec td {
    border: 1px solid #ddd;
}

#content-video-pro {
    width: 420px;
    height: 380px;
    position: absolute;
    top: 10px;
    z-index: 9;
}

#content-video-pro iframe {
    width: 100%;
    height: 100%;
}

.product-detail .col-right {
    width: 100%;
}

.product-detail .col-right .title {
    padding: 20px 0;
    font-size: 25px;
}

.product-detail .col-right .product-list {
    position: relative;
    background: #fff;
    border-radius: 10px;
}

.product-detail .col-right .product-list ul {
    margin: 0
}

.product-detail .col-right .product-list li {
    margin: 0
}

.product-detail .col-right .p_container {
    width: 50%;
    float: left;
    margin: 0;
}

.product-detail .col-right .p_container .p-name {
    font-weight: 400
}

.product-detail .col-right .p_container .p-img {
    width: 100%;
    line-height: 160px;
    height: 160px;
}

.product-detail .col-right .p_container .p-img img {
    max-width: 100%;
    max-height: 90%;
}

.product-detail .col-right .p_container:hover .p-img:after {
    height: 100px
}

.product-detail .col-right li:hover .p-name {
    color: #555
}

.product-detail .col-right .p_container .option, .product-detail .col-right .p_price span {
    display: none
}

.product-detail .col-right .p_price {
}

.tool-bar.fixed {
    display: block;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 66;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #555;
    padding: 10px 0;
}

.tool-bar img {
    float: left;
    margin-right: 10px;
    height: 30px;
}

.tool-bar h3 {
    line-height: 30px;
}

.tool-bar .btn-blue {
    padding: 6px 30px;
    margin-top: 0;
    font-size: 18px;
    display: inline-block;
}

.folder-1 {
    padding: 15px 0;
    clear: both;
    border-bottom: 1px dotted #eee
}

.folder-1 img {
    width: 110px;
    margin: 0 10px 10px 0;
    float: left;
    border: 1px solid #eee;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    padding: 2px
}

.folder-1 .l-news {
    font-weight: 700
}

.folder-1 .d-news {
    padding: 10px 0 0;
    line-height: 19px
}

.page-nd {
    padding: 10px 0;
    line-height: 23px
}

.page-nd ul {
    padding-left: 20px
}

.other-news {
    font-weight: 700;
    line-height: 29px
}

.other-news-block {
    line-height: 19px
}

.other-news-block ul, .other-news-block li {
    list-style-type: disc
}

.other-news-block ul {
    padding-left: 30px
}

.other-news-block span {
    color: #ccc;
    text-align: right
}

.nd-title {
    font-size: 16px
}

.news_date {
    color: #a7a7a7
}

.v_more a {
    line-height: 20px;
    padding-left: 0
}

#cart-title {
    background-color: #EEE;
    margin: 5px 0;
    padding: 5px
}

#table-shopping-cart {
    border-collapse: collapse;
    width: 100%;
    border: none
}

#table-shopping-cart td {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 10px
}

#shopping-cart-first-row td {
    border-top: 1px solid #ddd
}

#shopping-cart-stt-col {
    width: 20px
}

#shopping-cart-price-col {
    width: 110px
}

#shopping-cart-quantity-col {
    width: 80px
}

#shopping-cart-sum-col {
    width: 120px
}

#shopping-cart-del-col {
    width: 70px
}

.b_shop {
    margin-bottom: 20px
}

.frm_submit {
    width: 100%
}

.frm_submit td {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0
}

.frm_submit input[type=text] {
    width: 360px
}

.frm_submit textarea {
    width: 360px
}

td.txt_left {
    text-align: left;
    border-left: none;
    padding: 5px 0 0
}

.c3_col_1 {
    width: 30%;
    float: left;
    line-height: 29px;
    margin: 0 30px 0 0
}

.c3_col_1 .txt1 {
    padding-bottom: 5px
}

.c3_col_1 [type=text] {
    width: 96%;
    padding: 5px 2%
}

.c3_col_1 textarea {
    width: 96.5%;
    padding: 5px 2%
}

.c3_box {
    padding-bottom: 20px
}

.t_line1 {
    width: 8%;
    float: left
}

.t_line1 input {
    position: relative;
    top: 5px
}

.t_line2 {
    width: 90%;
    float: right
}

.c3_col_2 {
    width: 33%;
    padding: 10px;
    float: right;
    margin: 0;
    background: #f7f7f7
}

.tbl_cart3 {
    line-height: 17px
}

.tbl_cart3 td {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc
}

.tbl_finish {
    border: none
}

.tbl_finish td {
    border: none
}

.line3_fn td {
    padding-top: 20px;
    border-top: 1px solid #ccc
}

.fancybox-slide > * {
    border-radius: 10px;
}

.buynow_popup input[type=number] {
    border: 1px solid #ccc;
    text-align: center;
    margin-left: 10px;
    /* border-radius: 0; */
    width: 60px;
    text-align: center;;
}

.buynow_popup .btn-blue {
    padding: 15px 30px;
    color: #fff;
}

.buynow_popup .btn-red {
    padding: 15px 30px;
    color: #fff;
}

.buynow_popup .btn-red i {
    color: #ef5354;
    height: auto;
    width: auto;
    border-radius: 50%;
    padding: 5px 11px;
}

#suggestions {
    width: 100%;
    z-index: 999;
    top: 36px;
    left: 0;
    position: absolute;
}

#searchresults {
    background: #fff;
    box-shadow: 0 1px 2px #666;
    -moz-box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    margin: -1px 0 0
}

.searchresults_list {
    border: 1px solid #ddd;
    background: #fff
}

.searchresults_list span {
    display: block
}

.searchresults_list .sr_item {
    background: #fff;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    display: block;
    float: left;
    height: 62px;
    padding: 10px;
    width: 50%;
    position: relative;
}

.searchresults_list .sr_item:nth-child(2n) {
    border-right: none
}

.searchresults_list a.sr_item:hover {
    color: #dc0000
}

.searchresults_list .sr_item .sr_item_img {
    width: 37px;
    height: 37px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0
}

.searchresults_list .search_news .sr_item_img {
    width: 37px;
    height: 37px
}

.searchresults_list .search_news .sr_item_img img {
    height: 37px
}

.searchresults_list .sr_item .sr_item_img img {
    max-height: 100%;
    max-width: 100%
}

.searchresults_list .sr_item_title {
    height: 52px;
    overflow: hidden;
    font-size: 13px;
    line-height: 16px;
}

.search_keyword {
    background: #f1efef;
    padding: 5px 10px
}

.searchresults_list .sr_item_title span {
    display: inline-block
}

.searchresults_list i {
    background: url(../img/icons/icon-gift.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px
}

.searchresults_list i.new {
    background: url(../img/icons/icon-new.png) no-repeat;
    background-size: 100%;
    top: 28px
}

a.vmore-result {
    display: block;
    padding: 8px 10px;
    background: #eee;
    text-transform: uppercase;
    text-align: center
}

a.vmore-result:hover {
    color: #000;
    background-color: #ddd
}

.deal-list .title {
    background: #eee;
    padding: 10px
}

.deal-list .product-list li {
    border: 1px solid #ddd;
    margin: 10px 20px 10px 0
}

.deal-list .product-list li:nth-child(4n) {
    margin-right: 0
}

.deal-list .p_container {
    width: 283px
}

.deal-list .p-info {
    background: #eee;
    padding: 10px;
    text-align: left
}

.deal-list .p-name {
    font-size: 16px;
    font-weight: 400
}

.deal-list .p_price {
    font-size: 16px;
    color: #db2827
}

.deal-list .p-img {
    width: 283px;
    height: 283px
}

.deal-list .p-img img {
    max-width: 283px;
    max-height: 283px
}

.deal-list .p_container:hover .p-img:after {
    width: 100%;
    height: 283px;
    left: 0;
    top: 0;
    display: none
}

.deal-list .p_container .option {
    width: 65px
}

.deal-list .p_container .option i.off {
    width: 50px;
    height: 35px;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    top: 0;
    background: red
}

.deal-list .p-buy {
    padding-left: 25px;
    font-size: 16px;
    background-position: -256px -971px;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.deal-list-top .p_container {
    width: 588px
}

.deal-list-top .product-list li:nth-child(2n) {
    margin-right: 0
}

.deal-list-top .p-info {
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 2%;
    text-align: left;
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 96%
}

.deal-list-top .p-info *, .deal-list-top a:hover {
    color: #fff
}

.deal-list-top .p-buy {
    background-position: -256px -928px
}

.deal-list-top .p-img {
    width: 588px;
    height: 300px
}

.deal-list-top .p-img img {
    max-width: 588px;
    max-height: 290px
}

.time-left {
    background-position: 10px -1089px;
    padding: 10px 10px 10px 50px;
    border: 1px solid #ddd
}

.time-left .itm {
    width: 60px;
    float: left;
    text-align: center
}

.time-left #timer {
    padding-left: 20px;
    line-height: 30px
}

.home-combo {
    padding: 10px;
    border: 1px solid #ef5354;
    position: relative;
    background: #fff;
    border-radius: 10px;
}

.home-content {
    float: left;
    width: 740px
}

.home-right {
    float: right;
    width: 250px
}

.home-combo .combo-title {
    float: left;
    color: #3a98d5;
    font-weight: 700;
    font-size: 14px;
    margin: -10px 5px 0;
    background-color: #fff;
    padding: 0 5px
}

.home-combo .combo-title span {
    color: #fd6900
}

.home-combo .combo-title-mover {
    float: right;
    padding: 0 5px;
    margin: -10px 5px 0;
    background-color: #fff
}

.home-combo .combo-title-mover a {
    color: #0062af
}

.home-combo .combo-title-mover .cssSymbol {
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url(../img/icons/icon.png) no-repeat -136px top transparent
}

.home-combo .combo-title-mover a:hover {
    text-decoration: none
}

.combo-product {
    position: relative
}

.combo-product .cssTitle {
    color: #fd6900;
    padding: 10px 0;
    font-size: 15px
}

.combo-product .cssTitle .cssSymbol {
    background: url(../img/icons/icon.png) no-repeat -149px top transparent;
    width: 14px;
    height: 22px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle
}

.combo-product .cssTitle b {
    color: #0093d3
}

.home-combo .tab_cb {
    background-position: 0 -1188px;
    padding: 6px 0 6px 50px;
    position: relative;
    border-bottom: 1px solid #ddd
}

.home-combo .tab_cb .in {
    position: absolute;
    right: -5px;
    top: 8px
}

.home-combo .tab_cb .in a {
    color: #555;
    padding: 0 5px
}

.home-combo .tab_cb .in a.current {
    font-weight: 700;
    text-decoration: underline
}

.tab_combo {
    padding: 20px 0 0
}

.productCombo-list {
    float: left;
    padding: 0 8px;
    text-align: center;
    width: 160px
}

.productCombo-list p {
    padding: 5px 0;
    margin: 0
}

.productCombo-list .cssImg {
    height: 120px
}

.productCombo-list .cssName {
    height: 38px;
    overflow: hidden;
    margin: 10px 0 6px
}

.productCombo-list .cssPrice {
    color: #cd5033;
    font-weight: 700
}

.productCombo-list .cssName a {
    color: #555;
    text-decoration: none;
    font-weight: 700
}

.productCombo-list .cssName a:hover {
    color: #1067b5;
    text-decoration: underline
}

.productcombo-mover {
    float: left;
    padding-top: 80px
}

.productcombo-mover .cssSymbol {
    background: url(../img/icons/ico.png) no-repeat -176px -1248px;
    width: 17px;
    height: 17px;
    display: inline-block
}

.productcombo-mover2 {
    float: left;
    padding-top: 80px
}

.productcombo-mover2 .cssSymbol {
    background: url(../img/icons/ico.png) no-repeat -216px -1248px;
    width: 22px;
    height: 11px;
    display: inline-block
}

.productcombo-total {
    float: left;
    line-height: 26px;
    padding-left: 9px;
    padding-top: 50px;
    text-align: center
}

.productcombo-total .cssOrder a {
    display: inline-block;
    width: 150px;
    height: 36px;
    background-position: 0 -1248px
}

.home-combo .combo-tip {
    position: absolute;
    right: 10px;
    top: 60px;
    color: #252525;
    z-index: 66;
    width: 350px;
    padding: 15px
}

.p_content {
    line-height: 19px
}

.p_content * {
    max-width: 100%
}

.p_content img {
    height: auto
}

.p_content ul {
    margin-left: 0;
    padding-left: 15px
}

.product-list ul li.poster {
    text-align: left
}

.product-list ul li.poster .p_container {
    width: 356px
}

.product-list ul li.poster .p-img {
    width: 356px
}

.product-list ul li.poster .p-img img {
    width: 356px;
    max-width: none;
    height: 158px;
    max-height: none
}

.floor .product-list ul li.poster {
    text-align: left
}

.floor .product-list ul li.poster .p_container {
    width: 348px
}

.floor .product-list ul li.poster .p-img {
    width: 330px
}

.floor .product-list ul li.poster .p-img img {
    width: 330px;
    max-width: none;
    height: 158px;
    max-height: none
}

#summary-cat {
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.list-tools {
    position: relative;
    border-radius: 10px;
    background: #fff;
    padding: 6px;
    margin-bottom: 10px;
}

.sapxep_list {
    margin: 0 auto;
    text-transform: none;
    font-size: 18px;
    float: left;
}

.sapxep_list i {
    font-size: 22px;
    margin: 0;
    text-align: center;
    height: auto;
}

.sapxep_list a {
    color: #fff;
    background: #b2b2b2;
    float: left;
    margin-right: 10px;
    padding: 6px 5px 3px;
    border-radius: 5px;
    text-align: center;
}

.sapxep_list > span {
    margin-right: 5px;
    display: inline-block;
    line-height: 30px;
}

.sapxep_list .icon_grid {
    background: url(../img/icons/trinhbay.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 11px;
    margin-right: 5px;
    margin-top: 12px;
    width: 11px
}

.sapxep_list .icon_list {
    background: url(../img/icons/trinhbay.png) no-repeat scroll -12px 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 11px;
    margin-right: 5px;
    margin-top: 12px;
    width: 11px
}

.sapxep_list a.current {
    color: #000;
}

.sapxep_list a.current i.icon_grid {
    background: url(../img/icons/trinhbay.png) no-repeat scroll -12px -12px rgba(0, 0, 0, 0)
}

.sapxep_list a.current i.icon_list {
    background: url(../img/icons/trinhbay.png) no-repeat scroll 0 -12px rgba(0, 0, 0, 0)
}

.sort_pro {
    text-transform: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    float: left;
    margin: 0 20px;
}

.sort_pro > span {
    display: inline-block;
    background: #fff;
    padding: 3px 0;
    margin-left: 10px;
    min-width: 150px;
    line-height: 21px;
    font-size: 18px;
    border-bottom: 1px solid #909090;
    color: #909090;
}

.sort_pro i {
    font-size: 20px;
    margin: 0;
    text-align: right;
    float: right;
}

.sort_pro ul {
    margin: 0;
    list-style: none;
    background: #fff;
    border: solid 1px #ccc;
    padding: 3px 5%;
    display: none;
    width: 100%;
    position: absolute;
    z-index: 99;
    line-height: 20px;
    top: 100%;
    right: 0;
}

.sort_pro ul li {
    padding: 2px 0
}

.sort_pro ul li a {
    text-decoration: none;
    font-size: 16px
}

.sort_pro:hover ul {
    display: block
}

.sort_style {
    float: right;
    margin-top: 4px;
    margin-right: 20px
}

#product_page .pro_item_list {
    width: 100%;
    border-collapse: collapse
}

#product_page .pro_item_list tr td {
    border-bottom: 1px solid #ccc;
    padding: 5px
}

#product_page .pro_item_list tr td.image_item {
    height: 150px;
    text-align: center;
    vertical-align: middle;
    width: 150px
}

#product_page .pro_item_list tr td.image_item img {
    max-height: 150px;
    max-width: 150px
}

#product_page .pro_item_list tr td.pro_name {
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px;
    vertical-align: top
}

#product_page .pro_item_list tr td.pro_info {
    width: 160px
}

#product_page tr td.pro_info {
    text-align: center
}

#product_page tr td.pro_info span {
    display: block;
    line-height: 30px
}

#product_page .pro_item_list tr td .pro_info_price {
    color: red;
    font-size: 16px;
    font-weight: 700
}

#product_page .pro_item_list tr td .pro_info_quantity, #product_page .pro_item_list tr td .pro_info_view strong {
    font-size: 13px;
    font-weight: 700
}

#product_page .pro_item_list tr td .addCart {
    background: none repeat scroll 0 0 #005dac;
    border-radius: 5px;
    color: #FFF;
    display: inline-block;
    margin: 0 auto;
    padding: 8px 10px
}

#product_page .pro_item_list ul {
    font-weight: 400;
    display: block;
    margin-top: 10px;
    list-style: none;
    padding: 0
}

.p-tags a {
    display: inline-block;
    background: #e6e6e6 url(../img/icons/i-tag.png) no-repeat;
    padding: 5px 5px 5px 20px;
    margin: 0 5px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px
}

#deal_home {
    float: right;
    background: #f84743;
    width: 350px;
    height: 395px;
    position: relative;
    margin: 5px 0 0;
    border-radius: 8px;
    overflow: hidden;
}

#deal_home ul {
    list-style: none
}

#deal_home .owl-nav > div {
    color: #000;
    display: none;
}

#deal_home:hover .owl-nav > div {
    display: block;
}

#deal_product_home li {
    float: left;
    width: 100%;
}

#deal_product_home {
    overflow: hidden;
}

#deal_home .img_deal {
    width: 225px;
    height: 135px;
    display: block;
    vertical-align: middle;
}

#deal_home .img_deal img {
    max-width: 220px;
    max-height: 135px;
    height: auto;
    display: inline-block;
    margin: auto;
}

.name_deal {
    font-weight: 400;
    line-height: 22px;
    height: 30px;
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.name_deal:hover {
    color: #fff;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5)
}

.old_price {
    text-decoration: line-through
}

#deal_home .saleoff_percent {
    color: #fff;
    background: #f84743;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 50px 10px 30px 50px;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: -35px;
    z-index: 2;
}

#thumbs_deal li {
    float: left;
    width: 10px;
    height: 5px;
    background: #ccc;
    cursor: pointer;
    margin: 0 1px
}

#thumbs_deal li.active {
    background: #000
}

#thumbs_deal {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden
}

.is-visible .cd-resize-img {
    width: 50%;
    animation: cd-bounce-in .7s
}

@keyframes cd-bounce-in {
    0% {
        width: 0
    }
    60% {
        width: 55%
    }
    100% {
        width: 50%
    }
}

.page_contact {
    padding: 20px
}

.page_contact .title, .sun_store .time {
    font: 16px UTMCafetaRegular;
    color: #000;
    padding: 0 0 5px
}

.ct_top_left, .ct_top_right, .ct_twocol_left, .ct_twocol_right, .sun_store ul, .sun_store strong, .sun_store .time {
    float: left
}

.ct_top_left {
    background: url(../img/icons/spirte_contact.png) no-repeat scroll 0 -159px transparent;
    border-right: 1px solid #CCC;
    padding: 0 0 0 50px;
    width: 420px
}

.ct_top_right {
    padding: 0 0 0 20px;
    width: 280px
}

.sun_store {
    padding: 5px 0 0
}

.sun_store strong {
    font-weight: 700;
    padding: 0 5px 0 0
}

.sun_store .time {
    background: url(../img/icons/spirte_contact.png) no-repeat scroll 0 -111px transparent;
    height: 49px;
    padding: 0 0 0 40px
}

.sun_store .time span, .ct_top_right strong, .ct_top_right span {
    display: block
}

.sun_store .time .day {
    font-size: 18px;
    color: #cb0000
}

.ct_top_right strong {
    line-height: 15px;
    padding: 0 0 4px
}

.ct_twocol {
    padding: 20px 0
}

.ct_twocol_left {
    width: 25%;
    margin: 0;
}

.form_ct form input.text, .form_ct form textarea {
    border: 1px solid #ccc;
    margin: 0 0 10px;
    font: normal 11px Arial, Helvetica, sans-serif; /* padding:2px 5px; */
    width: 100%;
    color: #414141;
}

.form_ct form input.text { /* height:20px */
}

.form_ct form textarea {
    height: 90px
}

.form_ct form .button {
    border: none;
    margin: 0 !important
}

.thank {
    font: italic 20px/25px "Times New Roman", Times, serif;
    text-align: justify;
    padding: 20px 0
}

.ct_twocol_right {
    width: 72%;
    float: right;
}

.intro_company {
    margin: 0 0 20px
}

.store_item {
    margin: 0 20px 20px 0;
    float: left
}

.store_item.first, .store_item.endright {
    margin: 0 0 20px
}

.img_store {
    position: relative;
    height: 116px;
    display: block;
    border: 2px solid #fff;
    overflow: hidden;
    box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc
}

.img_store .image, .viewmap {
    position: absolute
}

.img_store .image img {
    width: 100%
}

.img_store .viewmap {
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(40, 40, 40, 0.8) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(40, 40, 40, 0.8)));
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(40, 40, 40, 0.8) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(40, 40, 40, 0.8) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(40, 40, 40, 0.8) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(40, 40, 40, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc282828', GradientType=0), url(../img/icons/spirte_contact.png) no-repeat 10px 6px;
    bottom: 0;
    color: #cbcbcb;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 30px
}

.img_store:hover .viewmap {
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(22, 22, 22, 0.88) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(22, 22, 22, 0.88)));
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(22, 22, 22, 0.88) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(22, 22, 22, 0.88) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(22, 22, 22, 0.88) 100%);
    background: url(../img/icons/spirte_contact.png) no-repeat 10px 6px, -linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(22, 22, 22, 0.88) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e0161616', GradientType=0), url(../img/icons/spirte_contact.png) no-repeat 10px 6px;
    color: #fff
}

.grid_500 .img_store .viewmap {
    width: 466px
}

.grid_240 .img_store .viewmap {
    width: 100%
}

.viewmap span {
    background: url(../img/icons/spirte_contact.png) no-repeat
}

.store_item .title {
    padding: 5px 0 0
}

.info_store {
    padding: 5px 0 0
}

.info_store span {
    display: block
}

.info_store .add {
    color: #000;
    font-weight: 700
}

.info_store .col {
    float: left;
    padding: 0 55px 0 0
}

.info_store .col.endright {
    padding: 0
}

.info_store .note {
    color: #cb0000
}

.line {
    position: relative;
    height: 2px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.line span {
    background: url(../img/icons/spirte_contact.png) no-repeat scroll 10px -91px #fff;
    bottom: -8px;
    height: 20px;
    left: 366px;
    position: absolute;
    width: 40px
}

.ct_threecol {
    padding: 40px 0 0
}

.ct_threecol p {
    margin: 0 0 10px
}

.ct_threecol a {
    color: #cb0000
}

.ct_threecol a:hover {
    color: #000
}

.ct_threecol_item {
    float: left;
    margin: 0 20px 0 0
}

.ct_threecol_item.endright {
    margin: 0
}

.ct_threecol_item .title {
    background: url(../img/icons/spirte_contact.png) no-repeat scroll 0 -20px transparent;
    display: block;
    margin: 0 0 5px;
    padding: 0 0 0 30px;
    height: 20px;
    line-height: 20px
}

.ct_threecol_item .title.tech {
    background-position: 0 -42px
}

.ct_threecol_item .title.business {
    background-position: 0 -64px
}

#left_scroll {
    position: fixed;
    margin-top: 80px;
    margin-left: -150px;
}

#right_scroll {
    position: fixed;
    margin-top: 80px;
    margin-left: 1208px;
}

#left_scroll img, #right_scroll img {
    width: 140px;
    height: auto;
}

.cart-left {
    width: 50%;
    float: left;
    padding: 50px 0 50px 50px;
    font-size: 18px;
}

.cart-left input[type=radio] {
    margin-right: 10px;
}

.cart-left input[type=text], .cart-left textarea {
    width: 100%;
    border-radius: 8px;
    border: none;
    background: #fff;
    padding: 15px;
    margin-top: 10px;
}

.cart-left input[type=text].error {
    background: #ffd5d5;
    border: 2px solid #ea4335;
}

.cart-left input[type=text]:hover, .cart-left textarea:hover, .cart-left select:hover {
    box-shadow: 0 3px 10px #555;
}

.cart-left select {
    width: 48%;
    border-radius: 8px;
    border: none;
    background: #fff;
    padding: 15px;
    margin-top: 10px;
    color: #777;
}

.cart-right {
    width: 550px;
    padding: 40px 50px 50px 100px;
    margin: 80px 0 0;
    border-left: 1px solid #ccc;
    position: relative;
    font-size: 18px;
    float: right;
}

.cart-right .input {
    width: 100%;
    border-radius: 8px;
    border: none;
    background: #fff;
    padding: 15px;
    margin-top: 10px;
}

.cart-right .btn {
    padding: 15px;
    margin-top: 10px;
    width: 48%;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
}

.cart-right .btn:hover {
    color: #fff;
    box-shadow: 0 5px 10px #555;
}

.cart-right .or {
    background: #eaeaea;
    color: #ccc;
    padding: 10px;
    font-size: 30px;
    font-style: normal;
    position: absolute;
    left: -20px;
    top: 45%;
}

.pay_methos {
    margin: 50px 0;
    line-height: 30px;
}

.pay_methos img {
    margin-bottom: 10px;
}

.pay_methos .col-md-3 .item {
    margin-top: 20px;
}

.pay_methos .col-md-3 .item input[type=text] {
    background: #eee;
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 10px;
    width: 100%;
}

.acc-home {
    padding: 30px 0;
}

.acc-home .title {
    margin-bottom: 30px;
}

.acc-home .tbl {
    width: 100%;
}

.acc-home .tbl td {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.acc-home .product-list .remove {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 9;
}

.acc-home .p_container {
    width: 238px !important;
}

.profile .acc-home {
    padding: 0;
}

.acc-btn a {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 7px;
    box-shadow: 0 0 7px;
    margin-right: 5px;
}

.form-input input[type=text], .form-input textarea, .form-input input[type=password], .form-input select {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.warranty_result table {
    width: 100%;
    margin: 10px 0 20px;
}

.warranty_result td {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #eee;
}

.productAccessoryList li {
    float: left;
    width: 33.33%;
    padding: 5px;
    font-size: 14px;
}

.productAccessoryList li:nth-child(3n+1) {
    clear: both
}

.productAccessoryList li .img {
    float: left;
    width: 60px;
    text-align: center;
}

.productAccessoryList li .img img {
    max-width: 100%;
}

.productAccessoryList li .summary {
    margin-left: 80px;
}

.productAccessoryList li .summary .p_price {
    font-weight: 700;
}

.btn-red-o {
    border: 1px solid #165485;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 3px;
    display: inline-block;
    font-weight: 700;
    color: #165485;
}

.btn-red-o:hover {
    color: #000;
    border-color: #000;
}

.btn-helpful {
    padding: 10px 50px;
    color: #000;
}

.btn-helpful span:before {
    content: '+'
}

.btn-helpful.active span:before {
    content: '-'
}


.hover-1 {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.hover-1:before {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 0;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out;
    width: 0;
}

.hover-1:after {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 0.2;
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out;
    width: 0;
}

.hover-1:hover:before {
    border-width: 280px 850px 0 0;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.hover-1:hover:after {
    border-width: 0 0 280px 850px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.banner-img a {
    position: relative;
    display: block;
    width:100%;
    height:100%;
}

.banner-img a:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    border-top: 1px solid #1e3a7b;
    border-bottom: 1px solid #1e3a7b;
    transform: scale(0, 1);
}

.banner-img a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    border-left: 1px solid #1e3a7b;
    border-right: 1px solid #1e3a7b;
    transform: scale(1, 0);
}

.banner-img a:hover:before, .banner-img a:hover:after {
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#bnt-popup {
    line-height: 37px;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin: -5px 5px -5px;
    background: #ef5354;
    color: #fff;
    width: 240px;
    border-radius: 5px;
    text-align: center;
}

#bnt-combo {
    line-height: 37px;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    background: #ef5354;
    color: #fff;
    width: 150px;
    border-radius: 5px;
    text-align: center;
}

/*-------------------------*/
#icon_spsapvev1 {
    height: 18px;
    right: 25px;
    background-size: 100%;
    position: absolute;
    width: 65px;
    -webkit-border-radius: 2px;
    bottom: 160px;
    border: 1px solid #00d2ff;
    color: #00d2ff;
}

.p_container .option .icon_new {
    height: 18px;
    left: 55px;
    background-size: 100%;
    position: absolute;
    -webkit-border-radius: 2px;
    bottom: 160px;
    border: 1px solid #f84d43;
    color: #f84d43;
}

#txt_text_25_bar {
    font-size: 25px;
    float: right;
    margin-top: 5px;
    color: #e31e30;
}

/*-------------------------*/
.socials-share {
    text-align: center
}

.socials-share a {
    padding: 4px 30px;
    color: #fff;
    line-height: 2em;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 4px
}

.socials-share span.fa {
    margin-right: 3px
}

.bg-facebook {
    background: #3a5899
}

.bg-facebook:hover, .bg-facebook:focus {
    background: #1d418d
}

.bg-twitter {
    background: #00acee
}

.bg-twitter:hover, .bg-twitter:focus {
    background: #0b93c7
}

.bg-google-plus {
    background: #db4437
}

.bg-google-plus:hover, .bg-google-plus:focus {
    background: #bb2a1d
}

#comment {
    width: 100%;
    float: left;
    font-size: 14px;
}

#comment * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#comment .comment-form .img-avatar {
    float: left;
}

#comment .comment-form form {
    margin-left: 50px;
}

#comment .comment-form textarea {
    height: 80px;
    padding: 5px 10px;
    width: 100%;
}

.btn-red {
    background: #d00;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 5px;
    -moz-border-radius: 3px;
    border: solid 1px #ce0101;
}

.relative {
    position: relative;
}

#comment .form-input {
    border: solid 1px #ddd;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99;
    padding: 10px;
    top: 81px;
    display: none;
}

#comment .form-input .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #888;
}

.rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}

.rating-star:hover {
    background-position: 0 0;
}

.rating-star {
    position: relative;
    float: right;
    display: block;
    width: 17px;
    height: 17px;
    background: url('../img/icons/star_rating.png') 0 0;
    margin: 0 3px;
}

.rating-star:hover, .rating-star:hover ~ .rating-star {
    background-position: 0 0;
}

.rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star {
    background-position: 0 0;
}

.rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star {
    background-position: 0 0;
}

.rating-star, .rating-comment:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    background: url('../img/icons/star_rating.png') 0 -28px;
}

.rating-comment:hover .rating-star:hover, .rating-comment:hover .rating-star:hover ~ .rating-star {
    background-position: 0 -56px !important;
}

.item_comment .comment_left {
    float: left;
    width: 40px;
}

.item_comment .comment_right {
    margin-left: 50px;
}

.item_comment p {
    margin: 5px 0;
}

.item_comment {
    padding: 15px 0;
    border-top: solid 1px #ddd;
    line-height: 1.45;
    font-size: 14px;
}

.item_comment.first {
    border: none;
}

.item_reply {
    padding: 8px;
    background: #f5f5f5;
    margin-top: 5px;
}

.item_comment .comment-name {
    font-weight: bold;
    font-size: 14px;
}

.item_comment .comment-name .note {
    color: #e80000;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}

.icon-star {
    background-image: url(../img/icons/star_sprite.png);
    width: 92px;
    height: 17px;
    vertical-align: sub;
    display: inline-block;
    background-repeat: no-repeat;
}

.icon-star.star0 {
    background-position: 0 -109px;
}

.icon-star.star1 {
    background-position: 0 -88px;
}

.icon-star.star2 {
    background-position: 0 -67px;
}

.icon-star.star3 {
    background-position: 0 -43px;
}

.icon-star.star4 {
    background-position: 0 -23px;
}

.icon-star.star5 {
    background-position: 0 0;
}

#comment .inputText, #comment textarea {
    width: 100%;
    height: 34px;
    border: solid 1px #ccc;
    padding: 0 5px;
    outline: none;
    max-width: 100%;
}

#comment .tbl-common td {
    padding: 5px;
}

#namesub {
    padding: 10px 0 0 9px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #233d79;
}

#detail-gift {
    border-bottom: 1px solid #c3bebe;
}

#category-deal {
    background: url(../img/temp/icondeal.png) top no-repeat;
    font-size: 18px;
    padding: 30px 10px 30px 15px;
    top: 0;
    left: -10px;
    position: absolute;
    z-index: 2;
    color: #fedd00;
    font-style: normal;
    text-transform: uppercase;
}
.productAccessoryList{
    position:relative
}
.productTags .item {
    width: 100%;
}
#info-normal_product a[data-src="#modal"] i{
    font-size:20px;position:relative;top:-12px
}
.btc img{
    max-width:125px ;
    max-height: 47px;
}
.sapxep_list span.fl{
    padding-right:5px;
}

img[src="img/lazyLoading.gif"]{
    width: auto !important;
    height: auto !important;
}
.item-gift {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.item-gift:last-child {
    border-bottom:none;
}
.item-gift img {
    width: 40px;
    height: 40px;
    border: 0px solid #252525;
}

.js-add-cart{
    display:none !important;
}
.js-quick-button-group{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: all .35s;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    background: rgba(255, 255, 255, 0.78);
}
.p_container:hover .js-quick-button-group{
    opacity: 1;
    transform: translateY(0);
    transition: all .35s;
}
.p-style-2 .tip .js-quick-button-group{
    opacity: 1;
    transform: translateY(0);
    transition: all .35s;
    position: relative;
}
.js-quick-button-group button{
    background: #37b548;
    width: 48%;
    margin: 0 2%;
    float: left;
    border: 1px solid #37b548;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer !important;
    transition: all 100ms;
    outline: 0 !important;
}
.js-quick-button-group .js-add-to-cart:hover, .js-quick-button-group .js-add-to-cart:active, .js-quick-button-group .js-add-to-cart:focus{
    background: #fff;
    color: #2b9c3a;
    transition: all 100ms;
}
.js-quick-button-group .js-quick-product{
    background: #fff;
    color: #37b548;
    transition: all 100ms;
}
.js-quick-button-group .js-quick-product:hover, .js-quick-button-group .js-quick-product:active, .js-quick-button-group .js-quick-product:focus{
    background: #37b548;
    color: #fff;
    transition: all 100ms;
}
#mss_alret{
    border: 1px dashed #f88d81;
    color: #f06455;
    padding:10px 15px;
    margin-bottom: 15px;
    clear: both;
    display: none;
}

/*---------- modal-quick-view ------------*/
#modal-quick-view .modal-dialog {
    width: 900px;
}
#modal-quick-view .modal-content {
    border-radius: 0;
}

.modal-adr .modal-dialog .modal-content {
    box-shadow: none;
    border: none;
}
.modal-adr .modal-dialog .close {
    background-color: #fff;
    height: 24px;
    width: 24px;
    border-radius: 24px;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    opacity: 1;
    outline: 0;
    color: #fff;
    text-align: center;
    overflow: hidden;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#modal-quick-view .modal-body {
    padding: 16px;
    display: inline-block;
    width: 100%;
}
#modal-quick-view .modal-footer {
    background: #f3f4f6;
}
.modal-footer .viewmorebtn {
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #e2e4ec;
    background: #fff;
    text-align: left;
    display: inline-block;
    padding: 5px 20px;
}
#modal-quick-view .modal-footer .viewmorebtn span {
    font-weight: 700;
}
.quick-images{
    border: 1px solid rgba(0,0,0,.05);
}
.quick-images img{
    opacity: 1;
    transition: all 300ms;
}
.quick-images.fade img{
    opacity: 0;
    transition: all 300ms;
}
.quick-owl{
    margin-top: 10px;
}
.quick-owl-row{
    margin-right: -4px;
    margin-left: -4px;
}
.quick-owl .owl-item{
    padding: 0 4px;
}
.quick-owl .owl-item img{
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.1);
    transition: all 300ms;
}
.quick-owl .owl-item img:hover, .quick-owl .owl-item img.active{
    border: 1px solid #e53935;
    transition: all 300ms;
}
.product-detail__title {
    margin-bottom: 14px;
}
.product-detail__title h1 {
    max-height: 87px;
    overflow: hidden;
}
.product-detail__title h1 {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 8px;
    font-weight: 500;
}
.product-detail__title .product-detail__title-brand {
    color: #8e9098;
}
.product-detail__title .product-detail__title-brand a {
    color: #35599f;
}
.product-detail__title .divider {
    color: #666;
    padding: 0 4px;
}
.product-detail__title .product-detail__title-brand .divider {
    padding-left: 5px;
}
.modal-adr .modal-dialog .close {
    color: #b0b0b0;
}
.modal-adr .price-info__sale {
    color: #e53935;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 6px;
    font-weight: 700;
}

.modal-adr .discount__meta {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 6px;
    line-height: 1;
    width: 100%;
}
.modal-adrspan {
    display: inline;
    margin-right: 4px;
}
.modal-adr .price-info__original {
    line-height: 0;
    font-size: 13px;
    color: #8e9098;
    text-decoration: line-through;
    padding-top: 0;
    margin-top: 8px;
}
.modal-adr .price-info__discount {
    background-color: #e53935;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 6px;
    margin-left: 10px;
}
.product-detail__variants {
    margin-top: 4px;
}
.product-detail__variants .product-detail__variant-block {
    margin-bottom: 16px;
    overflow: hidden;
}
.product-detail__variants .product-detail__variant-block .product-variant__title {
    display: inline-block;
    width: 100px;
    float: left;
    padding: 8px 0;
    line-height: 20px;
    font-size: 13px;
    color: #8e9098;
}
@media (min-width: 640px){
    .product-detail__variants .product-detail__variant-block {
        padding-left: 100px;
        position: relative;
    }
    .product-detail__variants .product-detail__variant-block .product-variant__title {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.product-detail__variants .product-detail__variant-block:last-child {
    margin-bottom: 0;
}
.product-detail__variants .product-detail__variant-block .product-variant__list {
    display: inline-block;
    float: left;
}
.product-detail__variants .var_item_att {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 5px 8px;
    border: 1px solid #d2d2d2;
    display: inline-block;
    line-height: 1.1;
    float: left;
    cursor: pointer;
}
.product-detail__variants .var_item_att.active, .product-detail__variants .var_item_att:hover {
    border-color: #e53935;
}
.product-detail__variants .var-name {
    display: inline-block;
    padding: 3px;
    color: #333;
}
.product-detail__variants .var-price {
    display: inline-block;
    color: #666;
    position: relative;
    border-left: 1px solid #d2d2d2;
    margin-left: 5px;
    padding: 3px 3px 3px 5px;
}
.product-detail__variants .var-price:after, .product-detail__variants .var-price:before {
    content: " ";
    position: absolute;
    border: 3px solid transparent;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 6px;
    height: 6px;
}
.product-detail__variants .var-price:before {
    border-right-color: #d2d2d2;
    left: -7px;
}
.product-detail__variants .var-price:after {
    border-right-color: #fff;
    left: -6px;
    z-index: 9;
}
.product-detail__order {
    margin-bottom: 12px;
    overflow: hidden;
}
.d-quantiy-changer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
}
.p-b-12 {
    padding-bottom: 12px;
}
.d-quantiy-changer .txt-level-count-stock {
    line-height: 20px;
    font-size: 13px;
    color: #8e9098;
    width: 100px;
}
.qty-cart-product-box {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e8eaee;
    border-radius: 5px;
    background-color: #fff;
}
.qty-cart-product-box .input-qty, .qty-cart-product-box .qty-amount {
    display: inline-block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer !important;
    position: relative;
}
.qty-cart-product-box .input-qty.disabled, .qty-cart-product-box .qty-amount.disabled {
    cursor: not-allowed;
    background-color: #f3f4f6;
    color: #a6a8b0;
}
.qty-cart-product-box .input-qty, .qty-cart-product-box .qty-amount {
    display: inline-block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.qty-cart-product-box .input-qty {
    display: inline-block;
    width: 40px;
    font-size: 14px;
    font-weight: 700;
    border-color: #e8eaee;
    border-width: 0 1px;
    border-style: solid;
}
.qty-cart-product-box .qty-amount:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
}
.qty-cart-product-box .qty-increase:after {
    content: "\f067";
}
.d-quantiy-changer .txt-total-stock {
    margin-left: 14px;
    color: #000;
    font-size: 13px;
}
.btn-modal-quick{
    padding: 10px 12px;
    outline: 0;
}
#quickToCheckout{
    background: #e53935!important;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
}
#quickToCheckout:hover{
    opacity: .9;
}
#quickToCart{
    background: #ffece9!important;
    border-radius: 4px;
    border: 1px solid #e53935;
    color: #e53935!important;
    font-weight: 600;
}
.qty-alert{
    display: none;
}
/*---------- end modal-quick-view ------------*/
.price-cart{
    margin-top: 10px;
}

/*======================= custom.css ===================================*/
.FF9800{
    color: #37b548;
}
.sty-none ul, .sty-none ol{
    padding-left: initial;
}
.sty-none ul, .sty-none ol, .sty-none li{
    list-style: none;
}

/*------------ index -------------------------*/
#slider-home .owl-item img{
    min-height: 300px;
}
.banner-radius img{
    border-radius:10px;
    height: 100%;
}
.flash-sale{
    display: inline-block;
    width: 100% !important;
    clear: both;
    margin-bottom: 10px;
}
.fla-pro{
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.fla-pro:nth-child(1), .fla-pro:nth-child(2){
    border-top: 1px solid #eee;
}
.fla-pro:nth-child(2), .fla-pro:nth-child(4), .fla-pro:nth-child(6){
    border-right: 1px solid #eee;
}
.fla-pro .p-img img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: contain;
}
.top-product-home .fla-pro .p-img{
    width: 100%;
    height: 120px;
    line-height: normal;
    object-fit: cover;
}
.fla-first{
    border-left:none;
    border-right:none;
    border-bottom:none;
    border-right:none;
}
.top-product-home .fla-first .p-img {
    height: 310px;
    margin-bottom: 20px;
}
.flash-more{
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
}
.flash-more:hover{
    color: #f84743;
}
/*------------ end index -------------------------*/


/*------------ product detail -------------------------*/
#bnt-popup i{
    font-size:20px;position:relative;
}
.modal-quick{
    display:none;background:#eee;
}
.modal-quick .txt_18{
    margin-bottom:0
}
.modal-quick .txt_18 .p1{
    color:#da382f;font-weight:bold;
}
.modal-quick .txt_18 .p2{
    color:#000;font-weight:bold;text-transform:uppercase;
}
.modal-quick .p3{
    font-size:14px;font-weight:200;color:#000
}
.modal-quick .cart-left{
    margin:0;padding:0;float:none;width:100%;
}
.modal-quick .formError{
    left: auto !important;
    right: 0 !important;
}
.modal-quick #btnQuick{
    border: 0;
    /* font-size: 12px; */
    display: inline-block;
    cursor: pointer;
    background: #222;
    color: #fff;
    margin: 0;
    padding: 12px 30px;
    font-weight: 400;
    border-radius: 10px;
    text-transform: uppercase;
}
/*------------ end product detail -------------------------*/


/*------------  group page news -------------------------*/
.article_detail .img-original{
    width: 100%;
    min-width: 1px;
}
/*------------ end group page news -------------------------*/



/*------------ popup cart -------------------------*/
#js-modal-buynow.buynow_popup{
    width: 1000px;
    display: none;
}
/*------------ end popup cart -------------------------*/




.no-bg .help-desk{
    margin-bottom: 20px;
}

.loadings {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.loadings.is {
    display: flex;
}


/*------------ Footer -------------------------*/
#footer-main {
    float: left;
    width: 100%;
    border-top: 1px solid #d7d7d7;
    padding-top: 10px;
    background: #fff;
}
.pay-connect {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
}
.pay-connect strong {
    padding-top: 15px;
    display: block;
    font-size: 16px;
    color: #303030;
    float: left;
    width: 100%;
}
.pay-connect .link-pay-connect {
    text-align: right;
}
.pay-connect .link-pay-connect a {
    display: inline-block;
    margin-top: 15px;
    margin-left: 10px;
}
.pay-connect .link-pay-connect a img {
    border: 1px solid #e5e5e5;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.flow-foo {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
}
.flow-foo strong {
    padding-top: 15px;
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #303030;
    float: left;
    width: 100%;
}
.flow-foo form {
    float: left;
    width: 100%;
}
.flow-foo form .ipt-email {
    width: calc(100% - 120px);
    float: left;
    height: 46px;
    border-radius: 6px 0 0 6px;
}
.flow-foo form .bt-sent {
    width: 120px;
    -ms-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    background-color: #37b548;
    height: 46px;
    border: 0;
    color: #fff;
    font-size: 18px;
}
footer p {
    margin: 0 0 10.5px;
}
.social-foo {
    float: left;
    width: 100%;
}
.social-foo a {
    display: block;
    float: left;
    margin-right: 10px;
}
.social-foo a span {
    width: 46px;
    height: 46px;
    background-color: #37b548;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 28px;
}
.flow-foo .link-img {
    position: relative;
    top: -3px;
}
.menu-foo {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
.menu-foo ol {
    list-style-type: none;
    padding-left: 0;
}
.menu-foo ol li {
    color: #828282;
    padding: 2px 0;
    display: block;
}
.menu-foo strong.title {
    padding-top: 15px;
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #303030;
    text-transform: uppercase;
    float: left;
    width: 100%;
}
.menu-foo ul {
    list-style-type: none;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.menu-foo ul li {
    display: block;
    float: left;
    width: 100%;
}
.menu-foo ul li a {
    color: #828282;
    font-size: 14px;
    padding: 3px 0 3px 12px;
    display: block;
    position: relative;
}
.menu-foo ul li a:before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
    color: #828282;
}
.copy-right {
    float: left;
    width: 100%;
    background-color: #37b548;
    padding: 8px 0;
}
.copy-right .text-copy-right {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.text-copy-right > p{
    display: inline-block;
}
.copy-right h1, .copy-right h2, .copy-right h3, .copy-right h4, .copy-right h5, .copy-right h6 {
    margin: 0;
    font-size: 14px;
}
.Phone{display:none;}
/*------------ End Footer -------------------------*/

.flexslider li:nth-child(4n+1), .flexslider li:nth-child(5n+1){
    clear: none !important;
}
/*======================= end custom.css ===================================*/
.ui.icon.input>button{
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 2.67142857em;
    background: transparent;
}

#nav-verti>ul>li>a {
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    height: 45px;
}
.contact-infor{
    padding: 10px 0;
}
.itemNewsRelated {
    display: flex;
    text-align: left;
    margin-bottom: 10px;
}
.itemNewsRelated .itemImage{
    width: 30%;
    overflow: hidden;
}
.itemNewsRelated .itemImage img{
    height: 60px;
    object-fit: cover;
    width: 100%;
}
.itemNewsRelated .titleText{
    width: 70%;
    padding-left: 10px;
}
.listArticleRelated{
    margin-bottom: 15px;
}
.listArticleRelated li{
    padding: 10px;
}
.listArticleRelated li .itemNewsRelated:last-child{
    margin-bottom: 0;
}
.post-img.image-resize img {
    aspect-ratio: 4/4;
    object-fit: cover;
}

.detail-art h2 a {
    font-size: 16px;
    font-weight: 700;
    color: #30373b;
}

.article-item h2 {
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 10px;
}

.post-meta {
    list-style: none;
    padding: 0;
}
.hv-content-wrapper .title.robot {
    width: 200px;
    height: 40px;
    position: relative;
    background: #05A3CD;
    text-align: center;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0;
}
.hv-content-wrapper .title.robot:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #05a3cb;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background: transparent;
    left: auto;
}
@media (max-width: 1299px) and (min-width: 992px) {
    .container {
        width: 100%;
        max-width: 1170px;
    }
    .slide_home .col1{
        width : 80%;
    }
    .slide_home .col2{
        width : 20%;
    }
    .top-product-home .box{
        width: 49%;
        margin: 0 0.5%;
    }
    .floor{
        max-height: unset;
    }
    .product-list li{
        width: calc(100%/5 - 15px);
    }
    .product-list.home .p_container {
        width: 100%;
    }
    .product-detail .col-right .product-list li{
        width: 100%;
    }
    #content{
        width: calc(100% - 270px);
    }
    .product-list.page li {
        width: calc(25% - 12px);
    }
    .product-list.page li .p_container {
        width: calc(100%);
    }
    .detail-right{
        width: 30%;
    }
    .detail-left{
        width: 69%;
    }
    #footer-main{
        padding: 10px;
        overflow: hidden;
    }
    #search{
        width: 400px;
        right: 29%;
    }
    .article-home .banner{
        width: 49%;
    }
    .article-home .list{
        width: 50%;
    }
    .product-list .summary ul li{
        width: 100%;
    }
}