/******************* Fonts ******************/
@font-face {
    font-family: 'yekan';
    src: url(../fonts/yekan/yekan.eot);
    src: url(../fonts/yekan/yekan.eot?#iefix) format('embedded-opentype'),
    url(../fonts/yekan/yekan.woff) format('woff'),
    url(../fonts/yekan/yekan.ttf) format('truetype'),
    url(../fonts/yekan/yekan.svg#yekan) format('svg');
}

@font-face {
    font-family: 'iran_sans';
    src: url(../fonts/iran_sans/iran_sans.eot);
    src: url(../fonts/iran_sans/iran_sans.eot?#iefix) format('embedded-opentype'),
    url(../fonts/iran_sans/iran_sans.woff) format('woff'),
    url(../fonts/iran_sans/iran_sans.ttf) format('truetype');
    /*url(../fonts/iran_sans/iran_sans.svg#iran_sans) format('svg');*/
}

/******************************* ANIMATIONS *********************************/
@keyframes red_pulse {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.1);
    }
}

/* overwrite framework styles */
body {
    transition: opacity .3s;
}

.rtl_theme * {
    font-family: 'iran_sans', 'tahoma';
    outline: 0 none;
}

html.rtl_theme,
html.rtl_theme body {
    direction: rtl;
    text-align: right;
}

.rtl_theme .nav {
    padding-right: 0;
}

.rtl_theme a {
    text-decoration: none;
}

/*** defaults ****/
i {
    font-style: normal;
}

.pos_rel {
    position: relative;
}

.d_none {
    display: none;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_not_allowed {
    cursor: not-allowed;
}

.inherit_color, .inherit_color:focus, .inherit_color:active {
    color: inherit;
}

.pointer_events_none {
    pointer-events: none;
}

.no_bullet {
    list-style: none;
}

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

.transition_400, a {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;
}

.inner_middle_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.inner_middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ellipsis {
    overflow: hidden;
}

.overflow_visible {
    overflow: visible;
}

.overflow_hidden {
    overflow: hidden;
}

.no_select,
.no_select:focus {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    outline: 0 !important;
    box-shadow: none !important;
}

.en_words {
    font-family: 'tahoma', sans-serif;
}

.letter_spacing_0_5 {
    letter-spacing: .5px;
}

.letter_spacing_1 {
    letter-spacing: 1px;
}

.letter_spacing_1_5 {
    letter-spacing: 1.5px;
}

.letter_spacing_2 {
    letter-spacing: 2px;
}

.letter_spacing_5 {
    letter-spacing: 5px;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear_right {
    clear: right;
}

.whitespace_nowrap {
    white-space: nowrap;
}

[class*="i-"]::before,
[class^=i-]::before {
    vertical-align: middle
}

[v-cloak] {
    display: none;
}

/* bg */
.bg_1 {
    background-color: #505d7b;
}

.bg_2, .bg_cyan {
    background-color: #35a1ff;
}

.bg_3 {
    background-color: #2B2D42;
}

.bg_4 {
    background-color: #FF6978;
}

.bg_5 {
    background-color: #B5AA9D;
}

.bg_6 {
    background-color: #555b6b;
}

.bg_7, .bg_orange {
    background-color: #fb783e;
}

/* cl */
.cl_1 {
    color: #505d7b;
}

.cl_2 {
    color: #35a1ff;
}

.cl_3 {
    color: #2B2D42;
}

.cl_4, .cl_pink {
    color: #FF6978;
}

.cl_5 {
    color: #B5AA9D;
}

.cl_yellow {
    color: #B5AA9D;
}

.cl_orange {
    color: #fb783e;
}

.cl_gray5 {
    color: #555;
}

.cl_blue {
    color: #1796be;
}

.cl_red {
    color: #e54040;
}

.cl_green {
    color: #00bb7d;
}

.cl_fff {
    color: #fff;
}

/* hover */
.hover_opac {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.hover_opac:hover {
    opacity: .8;
}

/* hr_style */
.hr_style1 {
    height: 1px;
    border: 0 none;
    color: #eee;
    background-color: #eee;
    margin: 0;
}

.hr_style2 {
    height: 1px;
    border: 0 none;
    margin: 0;
}

/**************************** WIDTH_STYLE *****************************/
.width2_5 {
    width: 2.5%;
}

.width5 {
    width: 5%;
}

.width7_5 {
    width: 7.5%;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width33 {
    width: 33%;
}

.width35 {
    width: 35%;
}

.width40 {
    width: 40%;
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%;
}

.width55 {
    width: 55%;
}

.width60 {
    width: 60%;
}

.width65 {
    width: 65%;
}

.width66 {
    width: 66.6%;
}

.width70 {
    width: 70%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 85%;
}

.width90 {
    width: 90%;
}

.width95 {
    width: 95%;
}

.width100 {
    width: 100%;
}

/**************************** MARGIN_STYLE *****************************/
.marginb5 {
    margin-bottom: 5px;
}

.marginb10 {
    margin-bottom: 10px;
}

.marginb15 {
    margin-bottom: 15px;
}

.marginb20 {
    margin-bottom: 20px;
}

.marginb30 {
    margin-bottom: 30px;
}

.marginb35 {
    margin-bottom: 35px;
}

.marginb40 {
    margin-bottom: 40px;
}

.margint5 {
    margin-top: 5px;
}

.margint10 {
    margin-top: 10px;
}

.margint15 {
    margin-top: 15px;
}

.margint20 {
    margin-top: 20px;
}

.margint30 {
    margin-top: 30px;
}

.margint35 {
    margin-top: 35px;
}

.margint40 {
    margin-top: 40px;
}

/* body */
body {
    background-color: #F7F9FB;
}

/* AJAXLOAD_STYLE1 => light*/
.ajaxload_style1 {
    position: relative;
    pointer-events: none;
}

.ajaxload_style1:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/loading/loading-white.svg) no-repeat center center / auto 90%;
    background-color: inherit;
}

/* AJAXLOAD_STYLE2 => dark*/
.ajaxload_style2 {
    position: relative;
    pointer-events: none;
}

.ajaxload_style2:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/loading/loading-black.svg) no-repeat center center / auto 90%;
    background-color: inherit;
}

/* select_style1 */
.select_style1 {
    width: 100%;
    height: 38px;
    line-height: 36px;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    overflow: hidden;
}

.select_style1 select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0.8rem;
}

.select_style1 .select_arrow {
    position: absolute;
    left: 4px;
    top: 9px;
    line-height: 20px;
    font-size: 1.2rem;
    z-index: 2;
}

.select_style1 .select_arrow.i-sort-amount-desc {
    font-size: .9rem;
    color: #aaa;
}

.select_style1 .select_label {
    display: block;
    padding: 0 10px;
    font-size: 0.75rem;
    color: #666;
}

.select_style1.type_select_title .select_title {
    position: absolute;
    right: 10px;
    font-size: 0.75rem;
    color: #666;
}

.select_style1.type_select_title .select_label {
    padding-right: 50%;
    text-align: right;
}

/* select_style2 */
.select_style2 {
    position: relative;
}

.select_style2 select {
    display: none;
}

.select_style2 .select_arrow {
    position: absolute;
    left: 4px;
    top: 9px;
    line-height: 20px;
    font-size: 1.2rem;
    z-index: 2;
}

.select_style2 .chosen-container .chosen-results,
.select_style2 .chosen-container-single .chosen-single span {
    font-size: .8rem;
}

.select_style2 .chosen-container-single .chosen-search:before {
    content: 'o';
    left: 10px;
    top: 5px;
    font-family: 'm2';
    font-size: 1.2rem;
}

.select_style2.ajaxload_style2:after {
    background-size: auto 70%;
}

/* header_style1 */
.header_style1 {
    background-color: #fff;
}

.header_style1 .rowrapper1 {
    background: url(../images/bg/yalda.jpg) repeat center center / cover;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    padding: 8px 0;
    height: 70px;
    /*background: #F93D66;*/
    /*background: -webkit-linear-gradient(left, #F93D66, #6D47D9);*/
    /*background: linear-gradient(to right, #F93D66, #6D47D9);*/
}

.header_style1 .rowrapper1 .headerstrip {
    min-height: 50px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    color: #555;
    font-size: 0.9rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    text-align: justify;
}

.header_style1 .rowrapper1 .headerstripInner {
    position: relative;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;
}

/*.header_style1 .rowrapper1 .headerstripInner:before {
    content: '';
    position: absolute;
    top: -21px;
    left: 0;
    width: 100px;
    height: 100px;
    background: url(../images/bg/hand-holding-shopping-bags.png) no-repeat left center / contain;
}*/
@media only screen and (max-width: 1200px) {
    .header_style1 .rowrapper1 .headerstripInner:before {
        display: none;
    }
}

.header_style1 .rowrapper1 .headerstrip .action_btn {
    font-size: .75rem;
    color: #fff;
}

.header_style1 .rowrapper2 {
    padding: 10px 0;
}

.header_style1 .rowrapper2 .col-logo .logoImg {
    height: 65px;
}

.header_style1 .rowrapper3 {
    height: 46px;
    position: relative;
}

.header_style1 .rowrapper3:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    background-color: #F7F9FB;
}

.header_style1 .rowrapper3.fixed {
    position: fixed;
    top: -50px;
    width: 100%;
    z-index: 10;
    transition: top .4s;
    background-color: #555b6b;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

.header_style1 .rowrapper3.fixed:before {
    display: none;
}

.header_style1 .rowrapper3.fixed .col-category {
    border-radius: 0;
}

.header_style1 .rowrapper3.showFixed {
    top: 0;
}

.header_style1 .rowrapper3 .col-category {
    background-color: var(--themeBackgroundColor1);
    border-radius: 0 3px 0 0;
    z-index: 3;
}

.header_style1 .rowrapper3 .col-category .category_btn.click2open {
    cursor: pointer;
}

.header_style1 .rowrapper3 .col-category .category_btn.responsive .category_label {
    color: #fff;
    font-size: .9rem;
    vertical-align: middle;
    margin-left: 10px;
}

.header_style1 .rowrapper3 .col-category .icon {
    font-size: 1.6rem;
    color: #fff;
    line-height: 46px;
    position: relative;
    bottom: -2px;
}

.header_style1 .rowrapper3 .col-category .product_category {
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 1;
    left: 0;
    display: none;
}

.header_style1 .rowrapper3.show_product_category .col-category {
    box-shadow: 0 0 0 2000px rgba(0, 0, 0, .5) !important;
}

.header_style1 .rowrapper3.show_product_category .col-category .product_category {
    display: block;
}

.header_style1 .rowrapper3.fixed .col-category {
    cursor: pointer;
}

.header_style1 .rowrapper3 .product-category-link {
    color: #fff;
    font-size: .9rem;
    display: block;
    line-height: 46px;
    padding: 0 24px 0 12px;
}

.header_style1 .rowrapper3 .col-search-user-cart {
    background-color: #555b6b;
    border-radius: 3px 0 0 3px;
}

.header_style1 .rowrapper3 .col-search-user-cart .col-search {
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
    transition: all .4s;
}

.header_style1 .rowrapper3 .col-search-user-cart .col-cart-user {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.header_style1 .rowrapper3 .col-cart-user .col-item {
    font-size: .75rem;
    color: #fff;
    height: 100%;
    line-height: 45px;
    width: 50%;
    text-align: center;
}

.header_style1 .rowrapper3 .col-cart-user .col-item .text {
    display: inline-block;
    margin: 0 5px;
}

.header_style1 .rowrapper3 .col-cart-user .col-cart .icon {
    width: 17px;
    height: 41px;
    background: url(../images/icon/icon-cart.png) no-repeat center center / contain;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.header_style1 .rowrapper3 .col-cart-user .icon {
    font-size: 1.2rem;
    vertical-align: middle;
}

.header_style1 .rowrapper3 .col-cart-user .col-userMenu .red_pulse {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 9px;
    top: 9px;
    margin: auto;
    display: block;
    background-color: #ef1652;
    box-shadow: 0 0 0 5px rgba(255, 108, 148, 0.25);
    animation: 0.8s ease 0s alternate none infinite running red_pulse;
}

.header_style1 .rowrapper3 .col-cart-user .col-cart {
    border-right: 1px solid #676c7b;
    position: relative;
}

.header_style1 .rowrapper3 .col-cart-user .col-cart .cart_btn {
    color: #fff;
}

.header_style1 .rowrapper3 .col-cart-user .col-cart:before {
    content: '';
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #495063;
}

.header_style1 .rowrapper3 .col-cart-user .col-cart .no {
    background-color: var(--themeBackgroundColor1);
    line-height: 19px;
    border-radius: 2px;
    text-align: center;
    padding: 1px 3px 0;
    font-size: .7rem;
    min-width: 20px;
    display: inline-block;
    right: -2px;
    position: relative;
}

.header_style1 .rowrapper3 .col-userMenu .submenu {
    padding-top: 4px;
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 102;
    display: none;
}

.header_style1 .rowrapper3 .col-userMenu .submenu_inner {
    width: 246px;
    background: #fff;
    color: #555;
    font-size: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .15);
    position: relative;
}

.header_style1 .rowrapper3 .col-userMenu .submenu_inner:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #ddd;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    right: 50px;
}

.header_style1 .rowrapper3 .col-userMenu .submenu_inner:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -8px;
    right: 50px;
}

.header_style1 .rowrapper3 .col-userMenu:hover .submenu {
    display: block;
}

.header_style1 .rowrapper3 .searchFromWrapper {
    padding: 7px 10px 7px 5px;
}

.header_style1 .rowrapper3 .searchFromWrapper input.searchKeyword {
    border: 0 none;
    width: 100%;
    padding: 0 15px 0 40px;
    height: 32px;
    border-radius: 2px;
    font-size: .8rem;
}

.header_style1 .rowrapper3 .searchFromInner .searchIcon {
    position: absolute;
    left: 3px;
    top: -1px;
    font-size: 1.5rem;
    color: rgba(0, 160, 255, 0.7);
}

.header_style1 .rowrapper3 .col_search_btn_responsive {
    background: #4c5261;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.header_style1 .rowrapper3 .col_search .searchResults {
    display: none;
    height: 200px;
    position: absolute;
    background: #fff;
    z-index: 100;
    right: 10px;
    left: 4px;
    top: 46px;
    border: 1px solid #ddd;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .2);
}

/* nav_style1 => top menu */
.nav_style1 .nav-link {
    color: #555;
    padding: .5rem 0.7rem;
    margin: 0 .2rem;
    font-size: 0.75rem;
    line-height: 17px;
    transition: all .3s;
}

.nav_style1 .nav-item {
    position: relative;
}

.nav_style1 .nav-item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #ddd;
    right: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.nav_style1 .nav-item.active .nav-link {
    background-color: #676d7d;
    color: #fff;
    border-radius: 3px;
}

.nav_style1 .nav-link:hover {
    color: #FF6978;
}

.nav_style1 .nav-item:first-child:before,
.nav_style1 .nav-item.active:before,
.nav_style1 .nav-item.active + .nav-item:before {
    display: none;
}

/* nav_style2 => sidebar category */
.nav_style2 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0 none;
}

.nav_style2 .ns2_item1 {
    border-bottom: 1px solid #e8e8e8;
    font-size: .8rem;
    position: relative;
}

.nav_style2 .ns2_item1:last-child {
    border-bottom: 0 none;
}

.nav_style2 .ns2_link1 {
    position: relative;
    line-height: 44px;
    color: #444;
    padding: 0 20px 0 30px;
    display: block;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;
}

.nav_style2 .ns2_link1:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-color: #e5e5e5;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;
}

.nav_style2 .ns2_item1:hover .ns2_link1 {
    background-color: #f8f8f8;
    color: #ff6978;
    color: #fb783e;
}

.nav_style2 .ns2_link1:hover:before {
    background-color: #ff6978;
    background-color: #fb783e;
    opacity: .4;
}

.nav_style2 .ns2_link1 .ns2_arrow {
    position: absolute;
    left: 10px;
    top: 1px;
    font-size: 1rem;
}

.nav_style2 .ns2_submenu1 {
    position: absolute;
    right: 100%;
    top: -1px;
    background: #fff;
    z-index: 5;
    padding: 7px 7px;
    min-width: 200px;
    border: solid 1px #dae2e6;
    box-shadow: 0 3px 15px -2px rgba(0, 0, 0, 0.2);
    display: none;
}

.nav_style2 .ns2_submenu1:after {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    right: -9px;
    top: 12px;
}

.nav_style2 .ns2_submenu1:before {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 10px solid #dadada;
    border-bottom: 10px solid transparent;
    right: -10px;
    top: 12px;
}

.nav_style2 .ns2_item1:hover .ns2_submenu1 {
    display: block;
}

.nav_style2 .ns2_submenu1 .ns2_item2 {
    margin-bottom: 5px;
}

.nav_style2 .ns2_submenu1 .ns2_item2:last-child {
    margin-bottom: 0;
}

.nav_style2 .ns2_submenu1 .ns2_item2 .ns2_link2 {
    white-space: nowrap;
    display: block;
    font-size: .8rem;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    color: #555;
}

.nav_style2 .ns2_submenu1 .ns2_item2 .ns2_link2:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #ff6978;
    color: #fb783e;
}

.nav_style2 .ns2_submenu2 {
    position: absolute;
    right: 100%;
    top: 0;
    background: #fff;
    z-index: 5;
    padding: 20px 30px 10px 0;
    min-width: 500px;
    border: solid 1px #dae2e6;
    box-shadow: 0 3px 15px -2px rgba(0, 0, 0, 0.2);
    display: none;
    height: 350px;
}

.nav_style2 .ns2_submenu2:after {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    right: -9px;
    top: 12px;
}

.nav_style2 .ns2_submenu2:before {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 10px solid #dadada;
    border-bottom: 10px solid transparent;
    right: -10px;
    top: 12px;
}

.nav_style2 .ns2_item1:hover .ns2_submenu2 {
    display: block;
}

.nav_style2 .ns2_submenu2 .ns2_list2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    white-space: nowrap;
}

.nav_style2 .ns2_submenu2 .ns2_item2 {
    margin-bottom: 10px;
}

.nav_style2 .ns2_submenu2 .ns2_link2 {
    color: #0096d0;
    color: #fb783e;
    font-size: .82rem;
    line-height: 25px;
    display: inline-block;
    position: relative;
    margin-bottom: 3px;
}

.nav_style2 .ns2_submenu2 .ns2_link2:hover:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 2px;
    border-top: 1px solid rgba(251, 120, 62, 0.85);
}

.nav_style2 .ns2_submenu2 .ns2_list3 {
    margin-right: 3px;
    padding-right: 3px;
    border-right: 2px solid #f2f2f2;
    margin-top: 3px;
    margin-bottom: 11px;
}

.nav_style2 .ns2_submenu2 .ns2_item3 {
    margin-bottom: 2px;
}

.nav_style2 .ns2_submenu2 .ns2_link3 {
    color: #555;
    font-size: .72rem;
    line-height: 25px;
    display: inline-block;
    min-width: 120px;
    padding: 0 7px 0 5px;
    border-radius: 2px;
}

.nav_style2 .ns2_submenu2 .ns2_link3:hover {
    background-color: #eee;
    color: #333;
}

/* nav_style3 => links to categories in home sections of products */
.nav_style3 {
    position: relative;
}

.nav_style3 .ns3_item {
    padding: 0 7px;
    position: relative;
    float: right;
}

.nav_style3 .ns3_item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #e0e0e0;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.nav_style3 .ns3_item:first-child:before {
    display: none;
}

.nav_style3 .ns3_item .ns3_link {
    font-size: .72rem;
    color: #999;
    padding: 0 3px;
}

.nav_style3 .ns3_item .ns3_link:hover {
    color: #FF6978;
}

.ns4_list1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

.ns4_item1 {
    text-align: center;
    flex: 0 0 50%;
    padding: 5px;
    font-size: 0.8rem;
}

.ns4_link1 {
    background-color: #999;
    color: #fff;
    text-align: center;
    line-height: 2.5;
    display: block;
    border-radius: 3px;
}

.ns4_link1:hover {
    background-color: #777;
    color: #fff;
}

/* title_style1 */
.title_style1 {
    /*border-bottom: 3px solid #87c75e;*/
    position: relative;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
}

/*.title_style1:before {*/
/*content: '';*/
/*position: absolute;*/
/*bottom: 0;*/
/*top: 10px;*/
/*left: 0;*/
/*right: 0;*/
/*border: 1px solid #eee;*/
/*background: #fff;*/
/*}*/

.title_style1 .title {
    padding: 0 15px 0;
    font-size: .9rem;
    position: relative;
    color: #555b6b;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 1px;
}

/*.title_style1 .title:after {*/
/*content: '';*/
/*position: absolute;*/
/*left: -20px;*/
/*top: 0;*/
/*border-top: 43px solid transparent;*/
/*border-right: 20px solid #ffffff;*/
/*}*/

/*.title_style1 .title:before {*/
/*content: '';*/
/*position: absolute;*/
/*left: -21px;*/
/*top: 0;*/
/*border-top: 43px solid transparent;*/
/*border-right: 20px solid #ddd;*/
/*}*/

.title_style1 .view_archive_link {
    float: left;
    font-size: .7rem;
    position: relative;
    margin-left: 10px;
    margin-top: 13px;
    color: #555b6b;
    padding-left: 16px;
}

.title_style1 .view_archive_link .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .75rem;
}

.title_style1 .view_archive_link:hover {
    color: #FF6978;
}

.title_style1 .slider_arrows {
    float: left;
    margin-top: 0px;
    position: relative;
    width: 80px;
    text-align: center;
}

.title_style1 .slider_arrows .item {
    float: left;
    line-height: 37px;
    width: 50%;
    padding-top: 3px;
    border-right: 1px solid #eee;
    cursor: pointer;
    height: 41px;
}

.title_style1 .slider_arrows .item:hover {
    background-color: #f3f3f3;
}

.title_style1 .slider_arrows .item .icon {
    font-size: 1.2rem;
    color: #999;
}

.title_style1 .nav_links {
    margin-top: 8px;
    margin-left: 5px;
}

.title_style1 .title_left_text {
    float: left;
    margin-top: 11px;
    margin-left: 15px;
    font-size: .75rem;
    color: #555b6b;
}

.title_style1.fontSize1 .title {
    font-size: 1rem;
    line-height: 45px;
}

.title_style1 .title_icon1 {
    position: absolute;
    left: 10px;
    top: 0;
    color: #aaa;
    line-height: 43px;
    font-size: 2rem;
    text-align: left;
    background: none no-repeat center center / contain;
    width: 40px;
}

.title_style1 .title_icon1.fontSize1_7 {
    font-size: 1.7rem;
}

.title_style1 .backBtn {
    color: #e96125;
    font-size: .75rem;
    white-space: nowrap;
    cursor: pointer;
    position: absolute;
    left: 8px;
    top: 8px;
}

.title_style1 .backBtn .icon {
    font-size: 1rem;
    position: relative;
    bottom: -1px;
}


/* title_style2 = line divider on left */
.title_style2 {
    font-size: .8rem;
    overflow: hidden;
    position: relative;
}

.title_style2 .titleText {
    position: relative;
    background: #fff;
    padding-left: 10px;
}

.title_style2:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin-left: -100%;
    position: relative;
    top: -1px;
    right: 5px;
}

/* for comment section in blog post detail  */
.title_style2.type1 {
    font-size: 1rem;
    color: #555b6b;
}

.title_style2.type1.fontSize0_9 {
    font-size: .9rem;
}

/* for choose address on map in modal  */
.title_style2.type2 {
    font-size: .85rem;
    color: #666;
}

.title_style2.type2 .titleText {
    background-color: #F9F9F9;
}

.title_style2.type2 .checkradio_style1 .text {
    font-size: .85rem;
    margin-top: 0;
}

/* type3 => for seller profile choose address on map */
.title_style2.type3 .checkradio_style1 .text {
    font-size: .78rem;
    color: #444;
}

/* title_style3 => line divider on both side */
.title_style3 {
    margin-bottom: 12px;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
}

.title_style3:before,
.title_style3:after {
    content: '';
    display: inline-block;
    width: 50%;
    height: 1px;
    margin: 0 -50% 0 15px;
    background-color: #eee;
}

.title_style3:after {
    margin: 0 15px 0 -50%;
}

.title_style3--big_text {
    font-size: 0.9rem;
}

.title_style3--line_darker:after,
.title_style3--line_darker:before {
    background-color: #ddd;
}


/* print_style1 */
.print_style1 {
    color: #888;
    font-size: .8rem;
    position: relative;
    padding-right: 25px;
}

.print_style1 .print_link {
    color: #888;
}

.print_style1 .icon {
    font-size: 1.2rem;
    position: absolute;
    right: 0;
    top: -4.5px;
}

.print_style1 .print_link:hover {
    color: #00aee7;
}

/* pro_style2 */
.pro_style2_wrapper {
    /*background-color: #fff;*/
    border: 1px solid #eee;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
}

.pro_style2 {
    position: relative;
}

.pro_style2.loading:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .75);
    z-index: 2;
}

.pro_style2 .loading_style1 {
    display: none;
}

.pro_style2.loading .loading_style1 {
    display: block;
}

.pro_style2, ps2_list {
    position: relative;
}

.pro_style2 .ps2_item {
    float: right;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    min-height: 260px;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    margin-left: -1px;
    transition: border .4s;
    outline: 0 none;
}

.pro_style2.four_items .ps2_item {
    width: 25.1%;
}

.pro_style2.three_items .ps2_item {
    width: 33.4%;
}

.pro_style2 .ps2_item:hover {
    border: 1px solid #ccc;
    z-index: 2;
}

.pro_style2 .ps2_item .fav {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.1rem;
    z-index: 1;
    opacity: 0;
    color: #ccc;
    transition: all .4s;
    cursor: pointer;
    display: none;
}

.pro_style2 .ps2_item .fav.active {
    color: #FF6978;
}

.pro_style2 .ps2_item:hover .fav {
    opacity: 1;
}

.pro_style2 .ps2_item .pic {
    height: 165px;
    overflow: hidden;
    position: relative;
}

.pro_style2 .ps2_item .pic .image {
    max-width: 80%;
    max-height: 85%;
    position: relative;
    transition: all .4s;
}

.pro_style2 .ps2_item:hover .pic .image {
    margin-top: -10px;
}

.pro_style2 .ps2_item .pic .tags {
    position: absolute;
    left: 5px;
    top: 6px;
    z-index: 1;
}

.pro_style2 .ps2_item .pic .tags .discount_tag {
    margin-bottom: 3px;
    min-width: 50px;
}


.pro_style2 .ps2_item .best_seller_tag {
    margin-bottom: 3px;
}

.pro_style2 .ps2_item .content {
    padding: 0 10px 5px;
    height: 120px;
}

.pro_style2 .ps2_item .content .info {
    color: #555;
    font-size: .8rem;
    display: block;
    margin-bottom: 5px;
    text-align: right;
}

.pro_style2 .ps2_item .content .link .name_top {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 7px;
    padding-bottom: 4px;
    display: block;
}

.pro_style2 .ps2_item .content .link .brand {
    float: left;
    line-height: 20px;
    height: 20px;
    text-align: left;
    font-size: .73rem;
    color: #868da2;
}

.pro_style2 .ps2_item .content .link .name {
    color: #555;
    line-height: 24px;
    height: 48px;
    display: block;
}

/*.pro_style2 .ps2_item .content .row2 { height: 45px; }*/
.pro_style2 .ps2_item .content .row2 .col_title {
    text-align: right;
}

.pro_style2 .ps2_item .content .col_price {
    text-align: center;
}

.pro_style2 .ps2_item .content .col_price .price1_wrapper {
    margin-bottom: 0;
    color: #55a224;
    display: inline-block;
}

.pro_style2 .ps2_item .content .col_price .price1 {
    font-size: .8rem;
    letter-spacing: 1px;
}

.pro_style2 .ps2_item .content .col_price .unit {
    font-size: .75rem;
}

.pro_style2 .ps2_item .content .col_price .price2_wrapper {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1rem;
}

.pro_style2 .ps2_item .content .col_price .price2 {
    color: #fb783e;
    font-size: .75rem;
    position: relative;
    line-height: 25px;
}

.pro_style2 .ps2_item .content .col_price .price2:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -5px;
    right: -5px;
    border-top: 1px solid rgba(251, 120, 62, 0.8);
}

.pro_style2 .ps2_item .content .col_price .status {
    font-size: .8rem;
}

.pro_style2 .ps2_item .content .row2 .col_title .subTitle {
    font-size: .7rem;
    color: #888;
    display: inline-block;
    direction: ltr;
    text-align: right;
    line-height: 22px;
}

.pro_style2 .ps2_item .content .cart {
    float: right;
}

.pro_style2 .ps2_item .content .cart .cart_unit {
    font-size: .7rem;
    color: #888;
    display: inline-block;
    line-height: 28px;
    height: 28px;
    float: right;
}

.pro_style2 .ps2_item .content .cart .cart_unit.selectable {
    border: 1px solid #fb783e;
    border-radius: 2px;
    padding: 0 5px 0 10px;
    line-height: 25px;
    color: #fb783e;
    position: relative;
    cursor: pointer;
    min-width: 60px;
}

.pro_style2 .ps2_item .content .cart .cart_unit.selectable:before {
    content: 'c';
    font-family: 'm2';
    font-size: .9rem;
    position: absolute;
    left: 1px;
    top: 1px;
}

.pro_style2 .ps2_item .content .cart .cart_btns {
    margin-top: 40px;
}

/* pro_style3 */
.pro_style3_wrapper {
    border: 1px solid #eee;
}

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

.pro_style3 .ps3_item:hover {
    outline: 2px solid rgba(57, 179, 228, 0.3);
}

.pro_style3 .ps3_item .col_pic {
    padding: 2px 0;
}

.pro_style3 .ps3_item .col_pic .image {
    max-width: 100%;
    max-height: 150px;
}

.pro_style3 .ps3_item .col_info {
    padding: 10px 15px;
    font-size: .8rem;
    position: relative;
}

.pro_style3 .ps3_item .col_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background-color: #eee;
}

.pro_style3 .ps3_item .col_info .mainTitle {
    color: #555;
    font-size: .85rem;
    margin-bottom: 7px;
    display: block;

}

.pro_style3 .ps3_item .col_info .subTitle,
.pro_style3 .ps3_item .col_info .sellUnit {
    display: block;
    font-size: .75rem;
    color: #777;
    margin-bottom: 7px;
}

.pro_style3 .ps3_item .col_info .seeMore {
    position: relative;
    display: inline-block;
    font-size: .75rem;
    margin-top: 10px;
    color: #39b3e4;
    padding-right: 19px;
}

.pro_style3 .ps3_item .col_info .seeMore:before {
    content: '4';
    position: absolute;
    right: 0;
    top: -2px;
    font-size: .95rem;
    font-family: 'm2';
}

.pro_style3 .ps3_item .col_info .seeMore.less {
    color: #FF6978;
}

.pro_style3 .ps3_item .col_info .seeMore.less:before {
    content: '7';
}

.pro_style3 .ps3_item .col_quantity {
    text-align: center;
}

.pro_style3 .ps3_item .col_quantity .price_inner {
    font-size: .85rem;
    margin-top: 15px;
    color: #666;
}

.pro_style3 .ps3_item .col_quantity .price_inner .price_val {
    color: #7FB231;
    font-size: .95rem;
}

.pro_style3 .ps3_item .col_quantity .quantity_inner {
    position: relative;
}

.pro_style3 .ps3_item .col_quantity .quantity_inner:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 55px;
    right: -22px;
    top: 50%;
    filter: grayscale(100);
    margin-top: -32px;
    background: url(../images/icon/arrow.jpg) no-repeat center center/ contain;
    opacity: .4;
}

.pro_style3 .ps3_item .col_cart .action_btn {
    min-width: 91px;
}

.pro_style3 .ps3_item .ps3_item_detail {
    display: none;
}

.pro_style3 .ps3_item .ps3_item_detail .col_detail {
    padding: 15px 30px;
    position: relative;
}

.pro_style3 .ps3_item .ps3_item_detail .col_detail:before {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    left: 20px;
    height: 1px;
    background: #eee;
}

.pro_style3 .ps3_item .ps3_item_detail .col_detail:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    transform: rotate(-45deg);
}

/* tag_style1 => discount tag in pro_style2 */
.tag_style1 {
    border: 1px solid #9fdc78;
    border-radius: 2px;
    line-height: 20px;
    font-size: .7rem;
    background-color: #eff9e9;
    padding: 0 5px;
    display: block;
    color: #55a024;
    text-align: center;
}

/* tag_style2 => best_seller tag in pro_style2 */
.tag_style2 {
    border: 1px solid rgba(160, 159, 159, 0.52);
    border-radius: 2px;
    line-height: 20px;
    font-size: .7rem;
    background-color: #f4c1507d;
    padding: 0 5px;
    color: #707070;
    padding-left: 22px;
    position: relative;
    display: block;
    text-align: center;
}

.tag_style2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    background: url('../images/icon/best-seller2.svg') no-repeat center center / contain;
}

/* tag_style3 */
.tag_style3 .tag_item {
    padding: 0 10px;
    line-height: 30px;
    background: #eee;
    border: 1px solid #e0e0e0;
    color: #555;
    font-size: .75rem;
    margin-bottom: 10px;
    margin-left: 7px;
    cursor: pointer;
    border-radius: 3px;
}

.tag_style3 .tag_item.active,
.tag_style3 .tag_item.active .tag_link {
    background: #35a1ff;
    color: #fff;
}


/* catPro_style1 => slider of products in category in homepage */
.catPro_style1 .pro_style2_wrapper .category_banner {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    width: 25%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: none no-repeat center center / cover;
}

.catPro_style1 .pro_style2_wrapper .category_banner.right,
.catPro_style1:nth-child(2n+1) .pro_style2_wrapper .category_banner {
    right: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner.left,
.catPro_style1:nth-child(2n) .pro_style2_wrapper .category_banner {
    left: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 20px;
    left: 20px;
    background: rgba(0, 0, 0, .4);
}

.catPro_style1 .pro_style2_wrapper .category_banner .b_wrapper {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    transition: all .4s;
}

.catPro_style1 .pro_style2_wrapper .category_banner:hover .b_wrapper {
    top: 20px;
    bottom: 20px;
    right: 20px;
    left: 20px;
}

.catPro_style1 .pro_style2_wrapper .category_banner .b1 {
    position: absolute;
    width: 30px;
    height: 30px;
    border-left: 2px solid rgba(255, 255, 255, .5);
    border-top: 2px solid rgba(255, 255, 255, .5);
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    left: 0;
    top: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner .b2 {
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: 2px solid rgba(255, 255, 255, .5);
    border-right: 2px solid rgba(255, 255, 255, .5);
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    right: 0;
    top: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner .b3 {
    position: absolute;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-right: 2px solid rgba(255, 255, 255, .5);
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    right: 0;
    bottom: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner .b4 {
    position: absolute;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: 2px solid rgba(255, 255, 255, .5);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    left: 0;
    bottom: 0;
}

.catPro_style1 .pro_style2_wrapper .category_banner .content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px;
    text-align: center;
}

.catPro_style1 .pro_style2_wrapper .category_banner .title1 {
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
}

.catPro_style1 .pro_style2_wrapper .category_banner .title2 {
    color: #ccc;
    font-size: .75rem;
    line-height: 22px;
    margin-bottom: 30px;
}

.catPro_style1 .pro_style2_wrapper .category_banner .button {
    font-size: .8rem;
    background: rgba(255, 255, 255, 0.55);
    color: #333;
    padding: 0 10px;
    display: inline-block;
    line-height: 33px;
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: all .4s;
}

.catPro_style1 .pro_style2_wrapper .category_banner .button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #FFF;
    opacity: 0.3;
    transition: all 0s ease-in-out;
}

.catPro_style1 .pro_style2_wrapper .category_banner:hover .button:before {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
    left: 100%;
    z-index: 1;
}

.catPro_style1 .pro_style2_wrapper .category_banner .button:hover {
    background: rgba(255, 255, 255, 0.7);
}

.catPro_style1 .pro_style2_wrapper {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-right: .5px;
    height: 288px;
    overflow: hidden;
}

.catPro_style1 .pro_style2_wrapper.banner_on_right,
.catPro_style1:nth-child(2n+1) .pro_style2_wrapper {
    padding-right: 25%;
}

.catPro_style1 .pro_style2_wrapper.banner_on_left,
.catPro_style1:nth-child(2n) .pro_style2_wrapper {
    padding-left: 25%;
}

/* home_part0 => banners */
.home_part0 {
    margin-bottom: 25px;
}

.home_part0 .imageWrapper {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    border-radius: 3px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.home_part0 .imageWrapper img {
    width: 100%;
    max-height: 350px;
    display: block;
    border-radius: 3px;
}

.home_part0 .imageWrapper:hover {
    filter: gray;
    -webkit-filter: grayscale(0%);
}

.home_part0 .bannerSlider1 {
    position: relative;
    background: url("../images/loading/loading-dot-black.svg") no-repeat center center / 50px auto;
}

.home_part0 .bannerSlider1__inner {
    display: flex;
    overflow: hidden;
}

.home_part0 .bannerSlider1 .bannerSlider1__left {
    position: absolute;
    left: 0;
    width: 40px;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(247, 249, 251, 1), rgba(247, 249, 251, 0));
    z-index: 1;
}

.home_part0 .bannerSlider1 .bannerSlider1__right {
    position: absolute;
    right: 0;
    width: 40px;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(247, 249, 251, 0), rgba(247, 249, 251, 1));
    z-index: 1;
}

.home_part0 .bannerSlider1 .bannerSlider1__inner {
    opacity: 0;
}

.home_part0 .bannerSlider1 .imageWrapper {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    transition: opacity 1s;
}

.home_part0 .bannerSlider1 .slick-track {
    padding-bottom: 8px;
}

.home_part0 .bannerSlider1 .slick-dots {
    font-size: 0;
    list-style: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: -10px;
    background: #f7f9fb;
    height: 30px;
    padding: 7px 0 0 5px;
    margin: 0;
}

.home_part0 .bannerSlider1 .slick-dots:after {
    content: '';
    position: absolute;
    border-right: 15px solid #f7f9fb;
    border-top: 21px solid transparent;
    top: 0px;
    left: -14px;
}

.home_part0 .bannerSlider1 .slick-dots:before {
    content: '';
    position: absolute;
    border-left: 15px solid #f7f9fb;
    border-top: 21px solid transparent;
    top: 0px;
    right: -14px;
}

.home_part0 .bannerSlider1 .slick-dots li {
    float: right;
    margin: 0 5px 0 0;
}

.home_part0 .bannerSlider1 .slick-dots li:first-child:last-child {
    display: none;
}

.home_part0 .bannerSlider1 .slick-dots li button {
    border: 0 none;
    width: 15px;
    height: 10px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: 0 none;
    border-radius: 2px;
    background-color: #ccc;
}

.home_part0 .bannerSlider1 .slick-dots li.slick-active button {
    background-color: #35a1ff;
}

/* footer */
.footer_style1 .footer_part1 {
    background-color: #555b6b;
    height: 70px;
    overflow: hidden;
}

.footer_style1 .footer_part1 .row,
.footer_style1 .footer_part1 .container {
    height: 100%;
}

.footer_style1 .footer_part1 .col_social {
    height: 100%;
    position: relative;
}

.footer_style1 .footer_part1 .col_social:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -300px;
    background-color: #4c5261;
}

.footer_style1 .footer_part1 .col_social .social_style1 {
    margin-top: 17px;
}

.footer_style1 .footer_part1 .col_newsletter .newsletter_text {
    padding-right: 85px;
    position: relative;
}

.footer_style1 .footer_part1 .col_newsletter .newsletter_text .tel a {
    color: #fff;
}

.footer_style1 .footer_part1 .col_newsletter .newsletter_text .tel a:hover {
    color: #fff;
}

.footer_style1 .footer_part1 .col_newsletter .email_icon {
    position: absolute;
    right: 20px;
    top: -10px;
    font-size: 3rem;
    color: #727b90;
}

.footer_style1 .footer_part1 .col_newsletter .form {
    float: left;
    height: 36px;
    width: 45%;
    position: relative;
    margin-top: 6px;
}

.footer_style1 .footer_part1 .col_newsletter .form .input_email {
    height: 100%;
    width: 100%;
    background-color: #f9f9f9;
    padding: 0 10px 0 100px;
    border-radius: 3px;
    border: 0 none;
    font-size: .8rem;
    color: #666;
    letter-spacing: 1px;
    text-align: center;
    direction: ltr;
}

.footer_style1 .footer_part1 .col_newsletter .form .button {
    width: 90px;
    height: 100%;
    background-color: var(--themeBackgroundColor1);
    color: #f9f9f9;
    text-align: center;
    border: 0 none;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .85rem;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
}

.footer_style1 .footer_part1 .col_newsletter .newsletter_text {
    float: right;
}

.footer_style1 .footer_part1 .col_newsletter .text_lines .title1 {
    font-size: 1.1rem;
    color: #f9f9f9;
    margin-bottom: 3px;
}

.footer_style1 .footer_part1 .col_newsletter .text_lines .title2 {
    font-size: .75rem;
    color: #a4aab7;
}

.footer_style1 .footer_part2 {
    background: #fff;
    padding: 17px 0 12px 0;
}

.footer_style1 .footer_part2 .col_about {
    padding-left: 15px;
}

.footer_style1 .footer_part2 .col_about,
.footer_style1 .footer_part2 .col_links {
    border-left: 1px solid #e5e5e5;
}

.footer_style1 .footer_part2 .col_about .logo .logoImg {
    display: block;
    width: 65%;
    margin: 5px auto 30px;
}

.footer_style1 .footer_part2 .col_about .about_text {
    font-size: .75rem;
    text-align: center;
    line-height: 22px;
    padding: 0 15px;
    color: #777;
    margin-bottom: 10px;
}

.footer_style1 .footer_part2 .col_links {
    padding-right: 15px;
}

.footer_style1 .footer_part2 .col_links .links_title {
    font-size: .95rem;
    color: #4c5261;
    margin-bottom: 15px;
}

.footer_style1 .footer_part2 .col_links .links_list {
    padding-right: 10px;
}

.footer_style1 .footer_part2 .col_links .links_list .ls1_list {
    height: 145px;
}

.footer_style1 .footer_part2 .col_app {
    padding-right: 15px;
}

.footer_style1 .footer_part2 .col_app .app_title {
    font-size: 1rem;
    color: #4c5261;
    margin-bottom: 30px;
    text-align: center;
}

.footer_style1 .footer_part2 .col_feature {
    padding-right: 15px;
}

.footer_style1 .footer_part3 {
    height: 45px;
    border-top: 1px solid #e3e3e3;
    font-size: .75rem;
    color: #777;
}

/* social style1 */
.social_style1 {
    position: relative;
    text-align: center;
}

.social_style1 .ss1_item {
    display: inline-block;
    margin-left: 20px;
}

.social_style1 .ss1_item:last-child {
    margin-left: 0;
}

.social_style1 .ss1_item .ss1_link {
    position: relative;
    display: block;
    padding-top: 6px;
    padding-left: 20px;
}

.social_style1 .ss1_item .ss1_link .icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    background: none no-repeat center center / contain;
}

.social_style1 .ss1_item .ss1_link .title {
    background-color: #f9f9f9;
    color: #444;
    font-size: .75rem;
    display: block;
    line-height: 23px;
    border-radius: 0 6px 6px 0;
    padding: 0 7px 0 20px;
    min-width: 80px;
}

/* social_style1.type2 => in contact-us page */
.social_style1.type2 .ss1_item .ss1_link .title {
    background-color: #eee;
    border: 1px solid #e5e5e5;
}

/* list_style1 => footer */
.list_style1 .ls1_list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    white-space: nowrap;
}

.list_style1 .ls1_item {
    font-size: .75rem;
    padding-right: 20px;
    line-height: 25px;
    margin-bottom: 3px;
    position: relative;
}

.list_style1 .ls1_item:before {
    content: 'e';
    font-family: 'm2';
    font-size: .85rem;
    color: #d2d2d2;
    position: absolute;
    right: 0;
    top: 0;
}

.list_style1 .ls1_item:hover:before {
    content: 't';
    font-size: .8rem;
}

.list_style1 .ls1_link {
    color: #727a90;
}

.list_style1 .ls1_link:hover {
    color: #f15766;
}

/* list_style2 => footer contact info */
.list_style2 .ls2_item {
    font-size: .75rem;
    color: #555;
    line-height: 25px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 22px;
}

.list_style2 .ls2_item .icon {
    position: absolute;
    right: 0;
    padding-left: 10px;
    color: #c2c8da;
    font-size: .8rem;
}

.list_style2 .ls2_item .val {
    padding-right: 10px;
}

.list_style2 .ls2_item .val:before {
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 17px;
    background-color: #ddd;
}

.list_style2 .ls2_item .text {
    color: #9096a2;
    margin-right: 5px;
}

/* list_style3 => usermenu in header */
.list_style3 .ls3_item1 {
    font-size: 1.15rem;
    color: #555;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.list_style3 .ls3_item1:first-child {
    margin-top: 10px;
}

.list_style3 .ls3_item1:last-child {
    border-bottom: 0 none;
}

.list_style3 .ls3_item1 .ls3_link1,
.list_style3 .ls3_item1 .ls3_link2 {
    padding: 0 25px 0 10px;
    display: block;
    height: 100%;
    position: relative;
    font-size: .78rem;
    text-align: right;
    color: #666;
}

.list_style3 .ls3_item1 .ls3_link1:hover,
.list_style3 .ls3_item1.active .ls3_link1 {
    background-color: #f5f5f5;
}

.list_style3 .ls3_item1 .ls3_link1:before,
.list_style3 .ls3_item1 .ls3_link2:before {
    content: 'H';
    position: absolute;
    right: 8px;
    top: 0px;
    font-family: 'm2';
    font-size: 1rem;
    color: #bbb;
    transition: all .4s;
    font-size: .5rem;
}

.list_style3 .ls3_item1 .ls3_link1:hover:before,
.list_style3 .ls3_item1.active .ls3_link1:before {
    content: 'L';
    color: #01b7f2;
}

.list_style3 .ls3_item1 .logout_icon {
    position: absolute;
    left: 12px;
    font-size: 1.2rem;
    color: #ff6978;
}

.list_style3 .ls3_item1 .count {
    position: absolute;
    left: 12px;
    top: 13px;
    background: #fbaf00;
    background: #999;
    border-radius: 2px;
    color: #fff;
    font-size: .65rem;
    padding: 0 2px;
    line-height: 17px;
    min-width: 17px;
    max-height: 15px;
    letter-spacing: 1px;
    text-align: center;
}

.list_style3 .ls3_item1 .icon_arrow {
    position: absolute;
    left: 10px;
    top: 0;
}

.list_style3 .ls3_list2 {
    padding-bottom: 10px;
}

.list_style3 .ls3_item2 {
    padding-right: 20px;
}

.list_style3 .ls3_link2 {
    line-height: 37px;
}

.list_style3 .ls3_item1 .ls3_link2:before {
    content: 'e';
    right: 10px;
    font-size: .8rem;
}

.list_style3 .ls3_link2:hover,
.list_style3 .ls3_item2.active .ls3_link2 {
    color: #03a5da;
}


.list_style3.type2 .ls3_item1 {
    font-size: 1.2rem;
    line-height: 45px;
    border-bottom: 1px solid #f5f5f5;
}

.list_style3.type2 .ls3_item1:last-child {
    border: 0 none;
}

.list_style3.type2 .ls3_item1 .ls3_link1:hover {
    background-color: transparent;
}

.list_style3.type2 .ls3_item1 .ls3_link1:before,
.list_style3.type2 .ls3_item1 .ls3_link1:hover:before {
    color: #01b7f2;
}

/* list_style4 => support - delivery - wholesale in footer */
.list_style4 .ls4_item {
    color: #555;
    margin-bottom: 15px;
}

.list_style4 .ls4_item .icon {
    font-size: 2rem;
    margin-left: 20px;
    width: 35px;
    text-align: center;
    color: #abaeb6;
}

.list_style4 .ls4_item .icon.fontSize2_1 {
    font-size: 2.2rem;
}

.list_style4 .ls4_item .context {
    font-size: .8rem;
}

.list_style4 .ls4_item .context .text {
    font-size: .7rem;
    color: #888;
    margin-bottom: 0;
}

.list_style4 .ls4_item .context .name {
    margin-bottom: 5px;
}

/* list_style5 => contact info in contact-us page */
.list_style5 .ls5_item {
    color: #444;
    margin-bottom: 15px;
    font-size: .8rem;
    line-height: 23px;
}

.list_style5 .ls5_val {
    color: #888;
}


/* appBtn_style1 => footer */
.appBtn_style1 .appBtn_list {
    text-align: center;
    opacity: .6;
}

.appBtn_style1 .appBtn_item {
    margin: 0 2px;
    display: inline-block;
}

.appBtn_style1 .appBtn_link {
    display: block;
    margin: 0 auto;
    height: 42.3px;
    width: 130px;
    background: url(../images/button/app.png) no-repeat;
    cursor: not-allowed;
    border-radius: 5px;
}

.appBtn_style1 .appBtn_item.ios .appBtn_link {
    background-position: 0 0;
}

.appBtn_style1 .appBtn_item.android .appBtn_link {
    background-position: 0 -42.6px;
}

.appBtn_style1 .appBtn_item.windows .appBtn_link {
    background-position: 0 -85.6px;
}

/* certificate_style1 => rightside */
.certificate_style1 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px 5px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .075);
}

.certificate_style1 .image,
.certificate_style1 img {
    max-width: 112px;
}

.certificate_style1 .image {
    margin-bottom: 10px;
}

/* card_style1 => homepage sidebar bestsellers */
.card_style1 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .075);
}

.card_style1 .cs1_title {
    font-size: .85rem;
    text-align: right;
    padding: 10px 15px;
    color: #4c5261;
    border-bottom: 2px solid #eee;
    position: relative;
}

.card_style1 .cs1_title.has_icon {
    padding-right: 45px;
}

.card_style1 .cs1_title .title {
    color: #4c5261;
    display: block;
}

.card_style1 .cs1_title .icon {
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: 1.8rem;
    color: rgba(251, 120, 62, 0.8);
}

.card_style1 .cs1_title .slider_arrows {
    position: absolute;
    width: 58px;
    text-align: center;
    left: 0;
    top: 11px;
}

.card_style1 .cs1_title .slider_arrows .item {
    float: left;
    line-height: 20px;
    width: 50%;
    border-right: 1px solid #eee;
    cursor: pointer;
    height: 18px;
    position: relative;
}

.card_style1 .cs1_title .slider_arrows .item:last-child {
    border: 0 none;
}

.card_style1 .cs1_title .slider_arrows .item .icon {
    font-size: 1.2rem;
    color: #999;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    text-align: center;
}

.card_style1 .cs1_title .slider_arrows .item:hover .icon {
    color: #FF6978;
}

.card_style1.userAccount .cs1_title {
    min-height: 62px;
}

.card_style1.userAccount .cs1_title .title .profile_pic {
    width: 60px;
    height: 60px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-left: 10px;
    position: relative;
    display: block;
    position: absolute;
    top: -15px;
}

.card_style1.userAccount .cs1_title .title .profile_pic .pic {
    display: block;
    width: 100%;
    height: 100%;
    background: none no-repeat center center / cover;
    border-radius: 3px;
}

.card_style1.userAccount .cs1_title .title .profile_name {
    padding-right: 70px;
}

.card_style1.userAccount .cs1_title .account_type {
    font-size: .75rem;
    padding-left: 22px;
    margin-right: 70px;
    margin-top: 6px;
    display: inline-block;
    position: relative;
}

.card_style1.userAccount .cs1_title .account_type .icon {
    position: absolute;
    left: 0;
    top: -2px;
    right: auto;
    font-size: 1rem;
    color: #ffd600;
}

.card_style1.userAccount .cs1_title .account_type .text {
    color: #657786;
}

.card_style1 .cs1_content {
    padding: 15px;
}

.card_style1 .cs1_content.no_padding {
    padding: 0;
}

.card_style1.bestsellers {
    height: 425px;
    overflow: hidden;
}

.card_style1.blog {
    max-height: 400px;
    overflow: hidden;
}

/*  pro_style1 => sidebar products */
.pro_style1 .ps1_item {
    border-bottom: 1px solid #eee;
    font-size: .75rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

.pro_style1 .ps1_item:last-child {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.pro_style1 .ps1_item_right {
    width: 35%;
}

.pro_style1 .ps1_item_left {
    width: 65%;
    padding-right: 5px;
    text-align: right;
}

.pro_style1 .ps1_item_right .ps1_pic {
    display: block;
}

.pro_style1 .ps1_item_right .ps1_img {
    max-width: 100%;
    max-height: 70px;
    margin: 0 auto;
}

.pro_style1 .ps1_item_left .title {
    line-height: 22px;
    font-size: .78rem;
    max-height: 44px;
    margin-bottom: 3px;
    display: block;
    color: #555;
}

.pro_style1 .ps1_item_left .title:hover {
    color: #fb783e;
}

.pro_style1 .ps1_item_left .sell_unit {
    font-size: .65rem;
    color: #999;
    letter-spacing: 1px;
    display: block;
    line-height: 20px;
    height: 20px;
    margin-bottom: 2px;
}

.pro_style1 .ps1_item_left .price {
    line-height: 22px;
}

.pro_style1 .ps1_item_left .price1,
.pro_style1 .ps1_item_left .price .unit {
    color: #6eb143;
}

.pro_style1 .ps1_item_left .price2 {
    margin-right: 10px;
    color: #fb783e;
    font-size: .75rem;
    position: relative;
}

.pro_style1 .ps1_item_left .price2:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -5px;
    right: -5px;
    border-top: 1px solid rgba(251, 120, 62, 0.8);
}

.pro_style1 .ps1_item_left .price .status {
    font-size: .75rem;
}

/* blog_style1 => sidebar */
.blog_style1 .bl1_pic {
    position: relative;
    min-height: 130px;
}

.blog_style1 .bl1_pic:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transition: all .3s;
}

.blog_style1 .bl1_pic:hover:before {
    content: '';
    box-shadow: 0 0 0 300px rgba(0, 0, 0, .15) inset;
}

.blog_style1 .bl1_img {
    max-width: 100%;
    max-height: 180px;
}

.blog_style1 .bl1_context {
    padding: 0 20px;
}

.blog_style1 .bl1_title {
    display: block;
    font-size: .87rem;
    color: #13a5a2;
    color: #464f65;
    line-height: 24px;
    max-height: 48px;
    text-align: right;
    margin-top: 14px;
    margin-bottom: 10px;
}

.blog_style1 .bl1_text {
    font-size: .75rem;
    color: #777;
    line-height: 21px;
    text-align: justify;
    max-height: 84px;
}

/* blog_style2 => index page */
.blog_style2 {
    background-color: #fff;
    border: 1px solid #eee;
    position: relative;
    padding: 15px;
    font-size: .8rem;
    min-height: 226px;
}

.blog_style2 .bs2_item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.blog_style2 .bs2_item:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
}

.blog_style2 .bs2_rightSide .pic {
    height: 175px;
    border: 1px solid #eee;
    padding: 5px;
}

.blog_style2 .bs2_rightSide .post_image {
    max-width: 100%;
    max-height: 100%;
    transition: all .6s;
}

.blog_style2 .bs2_item .post_image:hover {
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.blog_style2 .bs2_leftSide {
    padding-right: 15px;
}

.blog_style2 .post_title {
    font-size: 1rem;
    color: #3890b7;
    margin-bottom: 10px;
    line-height: 22px;
    display: block;
}

.blog_style2 .post_title:hover {
    color: #fb783e;
}

.blog_style2 .post_date {
    font-size: .7rem;
    color: #888;
    display: inline-block;
    direction: ltr;
    margin-bottom: 10px;
}

.blog_style2 .post_desc {
    font-size: .75rem;
    color: #666;
    line-height: 22px;
    margin-bottom: 15px;
    max-height: 66px;
}

.blog_style2 .post_tags {
    margin-bottom: 0;
    font-size: .72rem;
}

.blog_style2 .post_tags_name {
    color: #999;
    display: inline-block;
    margin-left: 5px;
    line-height: 22px;
}

.blog_style2 .post_tags_val {
    color: #777;
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.blog_style2 .post_tags_val:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    left: -7px;
    top: 4px;
    background-color: #ccc;
}

.blog_style2 .post_tags_val:last-child:before {
    display: none;
}

.blog_style2 .post_tags_val:hover {
    color: #34a9de;
}

.blog_style2.loading:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .75);
    z-index: 1;
}

.blog_style2 .loading_style1 {
    display: none;
}

.blog_style2.loading .loading_style1 {
    display: block;
}

/* blog_style3 => blog detail */
.blog_style3 {
    background-color: #fff;
    padding: 20px 15px 20px;
    border: 1px solid #eee;
}

.blog_style3 .postPic_wrapper .post_image {
    max-width: 100%;
}

.blog_style3 .postPic_wrapper {
    margin-bottom: 30px;
    min-height: 200px;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.blog_style3 .postText {
    padding: 0 15px;
    margin-bottom: 25px;
}

.blog_style3 .postInfo {
    font-size: .78rem;
    color: #555;
    padding: 8px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
}

.blog_style3 .postInfoItem_name {
    color: #999;
}

.blog_style3 .postInfoItem_val {
    color: #4c5261;
}

.blog_style3 a.postInfoItem_val:hover {
    color: #34a9de;
}

.blog_style3 .postTags {
    padding: 10px 15px 0;
    margin-bottom: 30px;
}

.blog_style3 .postTags .tag_item {
    display: inline-block;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    color: #666;
    font-size: .7rem;
    margin: 0 0 7px 3px;
    border-radius: 3px;
    line-height: 26px;
    padding: 0 7px;
}

.blog_style3 .postTags .tag_item:hover {
    background-color: #35a1ff;
    color: #fff;
}

.blog_style3 .postComments {
    padding: 0 15px;
}

/* faq_style1 => sidebar */
.faq_style1 .fq1_item {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    transition: background-color .3s;
}

.faq_style1 .fq1_item .question {
    font-size: .8rem;
    color: #333;
    line-height: 22px;
    text-align: right;
    padding: 0 45px 0 10px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}

.faq_style1 .fq1_item .question:before {
    content: 'B';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-family: 'm2';
    font-size: 1.6rem;
    color: #fb783e;
}

.faq_style1 .fq1_item .answer {
    font-size: .72rem;
    color: #777;
    line-height: 22px;
    text-align: justify;
    padding: 0 20px;
    margin-bottom: 0;
    margin-top: 10px;
    display: none;
}

.faq_style1 .fq1_item:first-child .answer {
    display: block;
}

.faq_style1 .fq1_item.active {
    background: #f9f9f9;
}

.faq_style1 .fq1_item.active .question,
.faq_style1 .fq1_item .question:hover {
    color: #f17139;
}

.faq_style1 .fq1_item.active .question:before {
    content: 'C';
    color: #fb783e;
}

/* faq_style1.type2 => faq page */
.faq_style1.type2 {
    border: 1px solid #eee;
}

.faq_style1.type2 .fq1_item .question {
    font-size: .9rem;
    padding: 0 45px 0 25px;
}

.faq_style1.type2 .fq1_item .answer {
    font-size: .8rem;
    padding: 0 45px 0 25px;
    line-height: 28px;
    margin-top: 15px;
}


/* add2cart_style1 => add2cart button on pro_style */
.add2cart_style1 .add_to_cart {
    color: #fff;
    padding: 0 10px;
    font-size: .75rem;
    background-color: #35a1ff;
    background-color: #fb783e;
    background-color: #888;
    display: inline-block;
    border-radius: 3px;
    line-height: 27px;
    position: relative;
}

.add2cart_style1 .add_to_cart:hover {
    background-color: #35a1ff;
    background-color: #fb783e;
}

.add2cart_style1 .cart_btn_handlers {
    height: 27px;
    width: 86px;
    position: relative;
    display: none;
}

.add2cart_style1.handler_active .cart_btn_handlers {
    display: block;
}

.add2cart_style1.handler_active .add_to_cart {
    display: none;
}

.add2cart_style1 .cart_btn_handlers .inc,
.add2cart_style1 .cart_btn_handlers .dec {
    height: 100%;
    width: 26px;
    color: #fff;
    float: right;
    font-size: 1rem;
    background-color: var(--themeBackgroundColor1);
    text-align: center;
    line-height: 29px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}

.add2cart_style1 .cart_btn_handlers .dec {
    border-radius: 3px 0 0 3px;
}

.add2cart_style1 .cart_btn_handlers .no,
.add2cart_style1 .cart_btn_handlers .input_no {
    width: 30px;
    float: right;
    padding: 2px 0 0 2px;
    line-height: 23px;
    text-align: center;
    font-size: .8rem;
    letter-spacing: 2px;
    color: #666;
    border-top: 1px solid var(--themeBackgroundColor1);
    border-bottom: 1px solid var(--themeBackgroundColor1);
    border-left: 0 none;
    border-right: 0 none;
    direction: ltr;
}

.add2cart_style1.disabled .add_to_cart,
.add2cart_style1.disabled.type2 .add_to_cart {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    pointer-events: none;
}

/* type2 => product detail */
.add2cart_style1.type2 .add_to_cart {
    font-size: .9rem;
    line-height: 40px;
    padding: 0 15px;
    background-color: var(--themeBackgroundColor1);
}

.add2cart_style1.type2 .add_to_cart.ajaxload_style1:after {
    background-size: 30px auto;
}

.add2cart_style1.type2 .cart_btn_handlers {
    height: 40px;
    width: 110px;
}

.add2cart_style1.type2 .cart_btn_handlers .inc,
.add2cart_style1.type2 .cart_btn_handlers .dec {
    line-height: 41px;
    width: 35px;
    font-size: 1.1rem;
}

.add2cart_style1.type2 .cart_btn_handlers .no,
.add2cart_style1.type2 .cart_btn_handlers .input_no {
    line-height: 36px;
    width: 40px;
    font-size: 1rem;
}

.add2cart_style1.type2 .cart_btn_handlers .no {
    display: none !important;
}

.add2cart_style1.type2 .cart_btn_handlers .confirm_no {
    float: right;
    border: 0 none;
    color: #fff;
    background-color: #fb783e;
    font-size: .85rem;
    height: 40px;
    border-radius: 3px 0 0 3px;
    width: 55px;
    display: none;
    cursor: pointer;
    position: relative;
}

.add2cart_style1.type2 .cart_btn_handlers.input_active .confirm_no {
    display: block;
}

.add2cart_style1.type2 .cart_btn_handlers.input_active .inc,
.add2cart_style1.type2 .cart_btn_handlers.input_active .dec {
    display: none;
}

.add2cart_style1.type2 .cart_btn_handlers.input_active .input_no {
    width: 55px;
    border-right: 1px solid #fb783e;
    border-radius: 0 3px 3px 0;
}

.add2cart_style1.type2 .availability_text {
    padding-right: 15px;
    line-height: 30px;
    font-size: .8rem;
    letter-spacing: 1px;
    color: #fb2036;
    display: none;
}

.add2cart_style1.type2.disabled .availability_text {
    display: inline-block;
}

.add2cart_style1.loading .add_to_cart:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/loading/loading-white.svg) no-repeat center center / 35px auto;
    background-color: inherit;
}

.add2cart_style1.handler_active.loading .cart_btn_handlers:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/loading/loading-black.svg) no-repeat center center / 25px auto;
    background-color: inherit;
}

.add2cart_style1.handler_active.loading .cart_btn_handlers.input_active:after {
    display: none;
}

.add2cart_style1.handler_active.loading .cart_btn_handlers .input_no {
    color: #fff;
}

.add2cart_style1.handler_active.loading .cart_btn_handlers.input_active .input_no {
    color: #444;
}

.add2cart_style1.loading .confirm_no:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/loading/loading-white.svg) no-repeat center center / 25px auto;
    background-color: inherit;
}

/* cart_style1 => header */
.cart_style1 {
    position: relative;
}

.cart_style1 .cart_sub {
    display: none;
    position: absolute;
    z-index: 101;
    margin-top: -1px;
    top: 47px;
    left: -1px;
    width: 370px;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    border-radius: 3px;
}

.cart_style1 .cart_sub:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #ddd;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    left: 50px;
}

.cart_style1 .cart_sub:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -8px;
    left: 50px;
}

.cart_style1:hover .cart_sub {
    display: block;
}

.cart_style1 .cart_sub_table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}

.cart_style1 .cart_sub_table tr.space {
    height: 5px;
    border-bottom: 0 none;
}

.cart_style1 .cart_sub_table thead th {
    font-weight: normal;
    color: #aaa;
    height: 27px;
    font-size: .7rem;
    line-height: 30px;
}

.cart_style1 .cart_sub_table thead th.pro {
    padding-right: 15px;
}

.cart_style1 .cart_sub_table thead th.count {
    width: 15%;
}

.cart_style1 .cart_sub_table thead th.price {
    white-space: nowrap;
}

.cart_style1 .cart_sub_table thead tr,
.cart_style1 .cart_sub_table tbody tr {
    border-bottom: 1px solid #eee;
}

.cart_style1 .cart_sub_table tbody td.pro_pic {
    position: relative;
}

.cart_style1 .cart_sub_table tbody td.pro_pic img {
    max-height: 60px;
}

.cart_style1 .cart_sub_table tbody td.pro_name {
    padding-right: 10px;
    color: #444;
    line-height: 25px;
    text-align: right;
    font-size: .72rem;
}

.cart_style1 .cart_sub_table tbody td.pro_name .name1 {
    display: block;
    height: 100%;
    color: #555b6b;
    line-height: 23px;
    height: 23px;
}

.cart_style1 .cart_sub_table tbody tr td.pro_name:hover .name1 {
    color: #01ade4;
}

.cart_style1 .cart_sub_table tbody td.pro_name .cart_unit {
    font-size: .65rem;
    color: #999;
}

.cart_style1 .cart_sub_table tbody td.count {
    color: #444;
    letter-spacing: 1px;
}

.cart_style1 .cart_sub_table tbody td.count .count_inner {
    position: relative;
    width: 25px;
    height: 46px;
    margin: 0 auto;
}

.cart_style1 .cart_sub_table tbody td.count .count_no {
    line-height: 47px;
    display: block;
}

.cart_style1 .cart_sub_table tbody td.count .count_inner .icon_arrow {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    color: #f1713f;
    line-height: 11px;
    transition: all .3s;
    text-shadow: 0 0;
}

.cart_style1 .cart_sub_table tbody td.count .count_inner .icon_arrow.up {
    top: 0;
}

.cart_style1 .cart_sub_table tbody td.count .count_inner .icon_arrow.down {
    bottom: 0;
}

.cart_style1 .cart_sub_table tbody td.count:hover .count_inner .icon_arrow {
    opacity: 1;
}

.cart_style1 .cart_sub_table tbody td.count .count_inner .icon_arrow:hover {
    background: rgba(0, 0, 0, .3);
    color: #fff;
}

.cart_style1 .cart_sub_table tbody td.price {
    font-size: .68rem;
    letter-spacing: 1px;
    color: #444;
    line-height: 20px;
}

.cart_style1 .cart_sub_table tbody td.price .price1,
.cart_style1 .cart_sub_table tbody td.price .price2 {
    display: block;
}

.cart_style1 .cart_sub_table tbody td.price .price1 {
    color: #6eb143;
}

.cart_style1 .cart_sub_table tbody td.price .price2 {
    color: #777;
    text-decoration: line-through;
    opacity: 0.7;
}

.cart_style1 .cart_sub_table tbody .remove_icon {
    position: absolute;
    bottom: -14px;
    right: -2px;
    color: #ff2929;
    font-size: 1.6rem;
    cursor: pointer;
}

.cart_style1 .cart_sub_table tbody .remove_icon:before {
    position: relative;
    z-index: 1;
}

.cart_style1 .cart_sub_table tbody .remove_icon:after {
    content: '';
    position: absolute;
    top: 13px;
    width: 0;
    height: 1px;
    right: 10px;
    background-color: #ff2929;
    z-index: 0;
    transition: width .4s;
}

.cart_style1 .cart_sub_table tbody .remove_icon:hover:after {
    width: 280px;
}

.cart_style1 .cart_sub_table tbody .remove_icon.ajaxload_style2:before {
    display: none;
}

.cart_style1 .cart_sub_table tbody .remove_icon.ajaxload_style2:after {
    top: -28px;
    width: 21px;
    height: 20px;
    right: -5px;
    z-index: 10;
    background-color: transparent;
}

.cart_style1 .cart_sub_table tbody td.noitem {
    font-size: 1.1rem;
    line-height: 30px;
    padding: 10px 0;
}

.cart_style1 .cart_sub_table tbody td.noitem .noitem_style1.type2 {
    padding: 8px 0;
}

.cart_style1 .cart_sub_table tfoot td.sum {
    font-size: .85rem;
    color: #777;
    line-height: 45px;
    padding-left: 10px;
}

.cart_style1 .cart_sub_table tfoot td.sum .name2,
.cart_style1 .cart_sub_table tfoot td.sum .name3 {
    color: #6eb143;
}

.cart_style1 .cart_sub_table tfoot td.sum .name2 {
    letter-spacing: 1px;
}

.cart_style1 td.loading_cart .ajaxload_style2 {
    width: 30px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.cart_style1 td.loading_cart .ajaxload_style2:after {
    background-size: contain;
}

.cart_style1 .checkout .checkout_btn {
    width: 100%;
    display: block;
    border-radius: 2px;
    font-size: .75rem;
    line-height: 33px;
    color: #fff;
    background-color: #6eb143;
}

/* cart_style2 => cart page */
.cart_style2 .tr_product td {
    height: 110px;
}

.cart_style2 .td_pic img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.cart_style2 .td_row .remove_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffe7ea;
    color: #ff001a;
    display: none;
}

.cart_style2 .td_row .remove_icon .icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -9px;
    font-size: 1rem;
}

.cart_style2 tr:hover .td_row .remove_icon {
    display: block;
}

.cart_style2 .td_name {
    text-align: right;
    padding-right: 15px;
}

.cart_style2 .td_name .name {
    font-size: .8rem;
    color: #555;
    display: inline-block;
    margin-bottom: 10px;
}

.cart_style2 .td_name .opt_item {
    display: inline-block;
    margin-left: 15px;
    color: #fb783e;
    position: relative;
    font-size: .65rem;
}

.cart_style2 .td_name .opt_item.gray {
    color: #999;
}

.cart_style2 .td_name .opt_item:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 2px;
    width: 1px;
    height: 11px;
    background-color: #bbb;
    transform: rotate(15deg);
}

.cart_style2 .td_name .opt_item:last-child:before {
    display: none;
}

.cart_style2 .td_price_unit,
.cart_style2 .td_price {
    color: #515467;
    letter-spacing: 0.5px;
}

.cart_style2 .td_price {
    font-size: .85rem;
    color: #555b6b;
    width: 125px;
    letter-spacing: 1px;
    font-size: .83rem;
}

.cart_style2 .td_price_unit .price2 {
    color: #777;
    text-decoration: line-through;
    opacity: 0.7;
    margin-left: 5px;
    font-size: .75rem;
    display: block;
    margin-top: 5px;
}

.cart_style2 .td_price_unit .discount_tag {
    display: inline-block;
}

.cart_style2 .td_remove [data-cart-remove].ajaxload_style2 i {
    display: none;
}

.cart_style2 .td_count {
    width: 50px;
}

.cart_style2 .price_sum {
    color: #7FB231;
    font-size: 1rem;
}

.cart_style2 .checkout_cart {
    letter-spacing: 1px;
    font-size: .9rem;
    height: 40px;
    line-height: 40px;
    background-color: #39b3e4;
    color: #fff;
    display: block;
    border-radius: 3px;
}

.cart_style2 td.loading_cart .ajaxload_style2 {
    width: 30px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.cart_style2 td.loading_cart .ajaxload_style2:after {
    background-size: contain;
}

.cart_style2 .noitem_style1 {
    margin: 13px 0;
    letter-spacing: 1px;
    font-size: 1.2rem;
    background: transparent;
}

.cart_style2 [data-cart-quantity-wrapper].ajaxload_style2:after {
    background-size: auto 65%;
    background-color: #fff;
}

.cart_style2 .cart_part1 .table_style1 {
    min-width: auto;
}

.cart_style2 .cart_part1 {
    overflow: auto;
}

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

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

.cart_style2--rsp tr.tr_product > td {
    padding: 15px 5px;
}

.cart_style2--rsp .td_row {
    position: relative;
}

.cart_style2--rsp .td_pic {
    width: 100px;
    flex-shrink: 0;
}

.cart_style2--rsp .td_pic img {
    max-width: 70px;
    max-height: 110px;
}

.cart_style2--rsp .td_price_unit {
    text-align: right;
}

.cart_style2--rsp .td_price_unit .price2 {
    display: inline-block;
}

.cart_style2--rsp .td_name {
    padding-right: 0;
}

.cart_style2--rsp .td_price_unit {
    margin-bottom: .5rem;
}

.cart_style2--rsp .td_count {
    width: auto;
}

.cart_style2--rsp .td_price {
    width: auto;
    text-align: right;
    margin-top: .3rem;
}

.cart_style2__content--rsp {
    border-right: 1px solid #eee;
    margin-right: 5px;
    padding-right: 10px;
}

.cart_style2--rsp .td_row .remove_icon {
    position: static;
    display: inline-block;
    margin-right: 10px;
    background-color: transparent;
}

.cart_style2--rsp .td_row .remove_icon .icon {
    position: relative;
    bottom: -2px;
    margin-left: 2px;
}

/* modal_style1 => loginRegisterModal */
.modal .close {
    z-index: 2;
}

.modal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.0rem;
    outline: 0 none;
}

.modal button.close:hover {
    color: #f30018;
    cursor: pointer;
}

.modal_style1 .modal-content {
    background-color: #f9f9f9;
}

.modal_style1 .modal-header {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.modal_style1 .modal-title {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.15rem;
    color: #555;
    line-height: 70px;
}

.modal_style1 .modal_body_inner {
    margin: 0 auto;
    width: 65%;
}

.modal_style1 .modal_body_title {
    text-align: center;
    color: #333;
    font-size: .9rem;
    margin-bottom: 20px;
    line-height: 28px;

}

.modal_style1 .modal-body {
    padding-bottom: 5px;
    padding-top: 25px;
}

.modal_style1 .login_steps .modal_step2 .forgot_password {
    font-size: .7rem;
    color: #666;
    cursor: pointer;
    line-height: 20px;
}

.modal_style1 .login_steps .modal_step2 .forgot_password:hover {
    color: #fb783e;
}

.modal_style1 .login_steps .modal_step2 .forgot_password.ajaxload_style2 i {
    opacity: .3;
}

.modal_style1 .login_steps .modal_step3 .choice_links .choice_item {
    background: #fff;
    padding: 10px 5px;
    border: 1px solid #eee;
    font-size: .95rem;
}

.modal_style1 .login_steps .modal_step3 .choice_links .choice_item.ajaxload_style2 i {
    opacity: .3;
    position: relative;
    z-index: 1;
}

.modal_style1 .login_steps .modal_step3 .choice_links .choice_item.ajaxload_style2:after {
    background-size: auto 23px;
    z-index: 0;
}

.modal_style1 .modal_back {
    color: #e96125;
    font-size: .75rem;
    white-space: nowrap;
    cursor: pointer;
    position: absolute;
    left: 8px;
    top: 10px;
}

.modal_style1 .modal_back .icon {
    font-size: 1rem;
    position: relative;
    bottom: -1px;
}


/* modal_style1.type2 => form */
.modal_style1.type2 .modal-title {
    line-height: 45px;
}

.modal_style1.type2 .modal-dialog {
    max-width: 600px;
}

.modal_style1.type2 .modal_body_inner {
    width: 100%;
    padding: 0 20px;
}

.modal_style1.type2 .modal-body {
    padding-bottom: 25px;
}

/* modal_style2 => cartUnitSelect */
.modal_style2 .modal-dialog {
    max-width: 600px;
}

.modal_style2 .modal-body {
    padding: 0;
}

.modal_style2 .col_pic {
    padding: 15px 15px 15px 0;
}

.modal_style2 .col_pic .image {
    max-width: 160px;
}

.modal_style2 .col_pic .pro_name {
    text-align: center;
    font-size: .9rem;
    color: #2b2e36;
}

.modal_style2 .col_pic .pro_link {
    font-size: .75rem;
    color: #e96125;
    display: inline-block;
    border-bottom: 1px solid transparent;
    line-height: 22px;
}

.modal_style2 .col_pic .pro_link:hover {
    border-bottom: 1px solid #e96125;
}

.modal_style2 .col_units .unit_item {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 15px 30px 15px 15px;
    flex: 1 0 110px;
    position: relative;
    cursor: pointer;
}

.modal_style2 .col_units .unit_item:hover,
.modal_style2 .col_units .unit_item.active {
    background-color: #f8f8f8;
}

.modal_style2 .col_units .unit_item.active:before {
    content: '';
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    width: 5px;
    background-color: #fb783e;
    border-radius: 50%;
}

.modal_style2 .col_units .unit_item .unit_item_inner {
    width: 100%;
}

.modal_style2 .col_units .unit_item .unit_item_row1 {
    margin-bottom: 20px;
}

.modal_style2 .col_units .unit_item .cart_unit {
    font-size: .85rem;
    color: #666;
    display: inline-block;
    vertical-align: middle;
}

.modal_style2 .col_units .unit_item .price_style1 {
    line-height: 27px;
    float: right;
}

.modal_style2 .col_units .unit_item .price1,
.modal_style2 .col_units .unit_item .price .unit {
    color: #6eb143;
}

.modal_style2 .col_units .unit_item .price2 {
    margin-right: 10px;
    color: rgba(181, 170, 157, 1);
    font-size: .85rem;
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

.modal_style2 .col_units .unit_item .price2:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -5px;
    right: -5px;
    border-top: 1px solid rgba(181, 170, 157, 0.6);
}

.modal_style2 .col_units .unit_item .cart_btns {
    float: left;
}

.modal_style2 .col_units .unit_item .cart_btns.add2cart_style1 .cart_btn_handlers {
    width: auto;
}

.modal_style2 .col_units .unit_item .tags {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.modal_style2 .col_units .unit_item .discount_tag {
    line-height: 24px;
    font-size: .75rem;
    padding: 0 10px;
    min-width: 50px;
}

.modal_style2 .best_seller_tag {
    margin-bottom: 3px;
    display: inline-block;
    line-height: 24px;
    padding-right: 10px;
    padding-left: 25px;
}

.modal_style2 .best_seller_tag:before {
    left: 3px;
}

.modal_style2 .general_tags {
    position: absolute;
    left: -10px;
    right: 0;
    margin: 0 auto;
    top: 4px;
}

.modal_style2 button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.0rem;
    outline: 0 none;
}

.modal_style2 button.close:hover {
    color: #f30018;
    cursor: pointer;
}

/* .modal_style3 => message */
.modal_style3 .modal-content {
    padding: 30px;
}

.modal_style3 .modal-dialog {
    max-width: 600px;
}

.modal_style3 .modal-header {
    padding: 0;
    border-bottom: 0 none;
}

.modal_style3 .modal-title {
    background: #808080;
    display: block;
    width: 100%;
    color: #fff;
    padding: 5px 15px;
    font-size: .9rem;
    border-radius: 3px;
    line-height: 33px;
}

.modal_style3 .modal-body {
    border: 1px solid #eee;
    font-size: .8rem;
    color: #444;
    line-height: 28px;
}

.modal_style3 .message_status {
    font-size: .75rem;
    margin: 10px;
    line-height: 20px;
    text-align: center;
    color: #777;
}

.modal_style3 .message_status .col_receive_date {
    border-left: 1px solid #e0e0e0;
}

.modal_style3 .message_status .col_seen_date {
    color: #ff3941;
}

.modal_style3 .message_status .col_seen_date.seen {
    color: #15b723;
}

/* modal_style4 => confirm remove */
.modal_style4 .modal-dialog {
    max-width: 400px;
}

.modal_style4 .modal-header {
    background: url(../images/icon/warning.png) no-repeat center center / auto 30px;
    height: 60px;
}

.modal_style4 .modal-body {
    font-size: .8rem;
    padding: 17px 25px;
    color: #555;
}

.modal_style4 .modal-footer button {
    font-size: .8rem;
    min-width: 70px;
    margin: 0 3px;
    cursor: pointer;
}


#nlEmailModal {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

#nlEmailModal .nlemail_captcha {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: right top;
    -webkit-transform-origin: right top;
}

/* form_style1 */
.form_style1 .fs1_item {
    margin-bottom: 15px;
}

.form_style1 .fs1_item.width10.fright {
    width: 9%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width20.fright {
    width: 19%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width25.fright {
    width: 23.5%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width33.fright {
    width: 32%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width40.fright {
    width: 38.5%;
    margin-left: 2.5%;
}

.form_style1 .fs1_item.width50.fright {
    width: 49%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width60.fright {
    width: 59%;
    margin-left: 2.5%;
}

.form_style1 .fs1_item.width66.fright {
    width: 66%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width75.fright {
    width: 74.5%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width80.fright {
    width: 79%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width90.fright {
    width: 89%;
    margin-left: 2%;
}

.form_style1 .fs1_item.width100 {
    width: 100%;
}

.form_style1 .fs1_item[class^="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.form_style1 .fs1_item.nospace {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form_style1 .fs1_item_inner {
    position: relative;
}

.form_style1 .fs1_input.type1,
.form_style1 .fs1_input.type2 {
    display: block;
    border: 0 none;
    background-color: #fff;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    height: 38px;
    font-size: 1rem;
}

.form_style1 .fs1_input.type2 {
    background-color: #f3f3f3;
}

.form_style1 .fs1_input.type2.disabled {
    cursor: not-allowed;
}

.form_style1 .fs1_input.type1.en_words,
.form_style1 .fs1_input.type1.en_words {
    letter-spacing: 1px;
    font-size: 1.5rem;
}

.form_style1 textarea.fs1_input.type1 {
    padding: 10px 15px;
    height: auto;
    line-height: 26px;
}

.form_style1 .fs1_input.type2 {
    display: block;
    background-color: #eef1f3;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    color: #666;
    border: 1px solid #e9ebed;
    border-radius: 2px;
    height: 38px;
    font-size: 1.2rem;
}

.form_style1 .fs1_input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

.form_style1 .fs1_input.type2:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eef1f3 inset !important;
}

.form_style1 .fs1_input2.select_style {
    padding: 0;
}

.form_style1 textarea.fs1_input.type2 {
    max-width: 100%;
    min-height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 27px;
}

.form_style1 .fs1_input.type3 {
    display: block;
    border: 0 none;
    background-color: #fff;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    color: #666;
    border-radius: 2px;
    font-size: .95rem;
    border: 2px solid #e8e8e8;
    height: 40px;
}

.form_style1 .fs1_input.has_icon {
    padding-left: 30px;
}


.form_style1 .fs1_input.fontSize0_8 {
    font-size: .8rem;
}


.form_style1 .fs1_input.fontSize0_85 {
    font-size: .85rem;
}

.form_style1 .fs1_input.fontSize0_9 {
    font-size: .9rem;
}

.form_style1 .fs1_input_icon.type1 {
    position: absolute;
    left: 9px;
    top: 0;
    color: #777;
    line-height: 42px;
}

.form_style1 .fs1_input_icon.fontSize1_3 {
    font-size: 1.3rem;
}

.form_style1 .fs1_item .fs1_item_label {
    display: block;
    font-size: .78rem;
    color: #444;
    margin-bottom: 8px;
    margin-right: 5px;
}

.form_style1 .fs1_item_text {
    color: #888;
    font-size: .65rem;
    margin: 0px 5px 8px 0;
    line-height: 15px;
}

.form_style1 .fs1_item_inner.has_guide input[type=text],
.form_style1 .fs1_item_inner.has_guide input[type=number],
.form_style1 .fs1_item_inner.has_guide input[type=password],
.form_style1 .fs1_item_inner.has_guide textarea {
    border: 0 none;
}

.form_style1 .fs1_item_inner.has_guide {
    border: 1px solid #e5e5e5;
}

.form_style1 .fs1_item_inner .guide_icon {
    position: absolute;
    font-size: 2rem;
    top: 1px;
    bottom: 1px;
    line-height: 38px;
    color: #aaa;
    text-align: center;
    width: 40px;
    background-color: #f3f3f3;
}

.form_style1 .fs1_item_inner .guide_icon.left {
    left: 0;
}

.form_style1 .fs1_item_inner .guide_icon.right {
    right: 0;
}

.form_style1 .fs1_item_inner .guide_text {
    position: absolute;
    top: 1px;
    bottom: 1px;
    background-color: #f3f3f3;
    color: #888;
    line-height: 36px;
    font-size: 1rem;
    padding: 0 10px;
    border-right: 1px solid #f0f0f0;
}

.form_style1 .fs1_item_inner .guide_text.left {
    left: 1px;
}

.form_style1 .fs1_item_inner .guide_text.right {
    right: 1px;
}

.form_style1 .fs1_item_inner .guide_text.fontSize1_2 {
    font-size: 1.2rem;
}

/**************************** FILE_STYLE *******************************/
/*#1*/
.file_style1 input[type=file] {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.file_style1:before {
    content: '1';
    font-family: 'm2';
    font-size: 1.2rem;
    position: absolute;
    left: 8px;
    top: 6px;
    color: #aaa;
}

.file_style1 .file_label {
    line-height: 37px;
    font-size: .8rem;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    left: 40px;
    color: #888;
    white-space: nowrap;
}

/* required_style1 */
.required_style1 {
    font-size: .7rem;
    color: red;
}

/* error_style1 */
label.error_style1 {
    position: absolute;
    left: 0;
    top: -23px;
    color: #f00;
    font-size: .65rem;
}

input.error_style1,
textarea.error_style1,
.select_style2.error_style1,
.file_style.error_style1 {
    box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.6) inset !important;
}

/* PIC_STYLE1 */
.pic_style1,
.pic_style1 .inner {
    position: relative;
    display: inline-block;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.pic_style1 .inner {
    overflow: hidden;
    min-width: 100%;
    display: block;
}

.pic_style1::after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid #dfdfdf;
    padding: 2px;
}

.pic_style1 img {
    width: 100%;
    height: 100%;
}

/* pic_style1.type2 => circle */
.pic_style1.type2,
.pic_style1.type2 .inner,
.pic_style1.type2::after {
    border-radius: 50%;
}

/* pic_style2 => seller profile logo */
.pic_style2 {
    padding: 7px;
    border: 1px solid #e5e5e5;
    position: absolute;
    left: 12px;
    bottom: 12px;
    background-color: #fff;
    border-radius: 4px;
}

.pic_style2 img {
    max-width: 120px;
    max-height: 60px;
}

.cropper_holder {
    margin: 20px auto 0;
    overflow: hidden;
}

/* pic_preview_style */
.pic_preview_style1 {
    display: inline-block;
    position: relative;
}

.pic_preview_style1 .pic_wrapper.img_max_width_100 img {
    max-width: 100px;
    display: block;
}

/* remove_file_style1 */
.remove_file_style1 {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    z-index: 1;
    background-color: #d00003;
}

.remove_file_style1:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url('../images/icon/cross.png') no-repeat center center / 60%;
}

.remove_file_style1.ajaxload_style1:after {
    background-image: url('../images/loading/loading-white.svg');
    background-size: 114%;
}

/* btn_style1 => modal login register */
.btn_style1 {
    margin: 0 auto;
    font-size: .9rem;
    color: #777;
    width: 100%;
    border: 0 none;
    display: block;
    line-height: 33px;
    border-radius: 3px;
    background-color: #ddd;
}

.btn_style1.deactive {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ddd;
}

.btn_style1.active {
    background-color: #fb783e;
    color: #fff;
    cursor: pointer;
}

/* btn_style2 => general BTN */
.btn_style2 {
    padding: 0 10px;
    line-height: 27px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    font-size: .8rem;
    display: inline-block;
    border: 0 none;
}

.btn_style2:hover {
    color: #fff;
}

.btn_style2.height30 {
    line-height: 30px;
}

.btn_style2.height35 {
    line-height: 35px;
}

.btn_style2.height38 {
    line-height: 38px;
}

.btn_style2.fontSize0_75 {
    font-size: .75rem;
}

.btn_style2.fontSize0_85 {
    font-size: .85rem;
}

.btn_style2.orange {
    background: #fb783e;
}

.btn_style2.cyan {
    background: #35a1ff;
}

.btn_style2.green {
    background: #7fb231;
}

.btn_style2.green2 {
    background: #3cb878;
}

.btn_style2.blue {
    background-color: #00ade5;
}

.btn_style2.darkBlue {
    background-color: #676d7d;
}

.btn_style2.red {
    background-color: #F24F5E;
}

/* resend_code_style1 => resend code in login register steps */
.resend_code_style1 {
    padding-top: 15px;
    margin-top: -15px;
}

.resend_code_style1 .resend_code_inner {
    font-size: .8rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 10px 10px;
    line-height: 27px;
    position: relative;
}

.resend_code_style1 .resend_code_inner:before,
.resend_code_style1 .resend_code_inner:after {
    content: '';
    position: absolute;
    top: -15px;
    right: 50px;
    width: 0;
    border-bottom: 15px solid #ddd;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.resend_code_style1 .resend_code_inner:after {
    border-bottom: 14px solid #fff;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    top: -14px;
    right: 51px;
}

.resend_code_counter_style1 {
    font-size: .8rem;
    color: #555;
}

.resend_code_counter_style1 .seconds {
    color: #F24F5E;
}

/**************************** CHECK_RADIO_STYLE *******************************/
/*#1*/
.checkradio_style1 {
    display: inline-block;
    padding-right: 22px;
    position: relative;
    min-width: 14px;
    min-height: 14px;
    cursor: pointer;
    font-size: .7rem;
    vertical-align: middle;
    color: #444;
}

.checkradio_style1 .box {
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0px;
    bottom: auto;
    margin: auto;
    border-radius: 2px;
    background-color: #e8e8e8;
    border: 1px solid #d3d3d3;
}

.checkradio_style1 input[type=radio] ~ .box {
    border-radius: 50%;
}

.checkradio_style1 .box::after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    border-image: none;
    background: transparent none repeat scroll 0% 0%;
    transform: rotate(-45deg);
    opacity: 0;
}

.checkradio_style1 input[type=radio] ~ .box:after {
    border: 0 none;
    width: 6px;
    height: 6px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #333;
    border-radius: 50%;
}

.checkradio_style1 .box:hover::after {
    opacity: 0.3;
}

.checkradio_style1 .text {
    color: #666;
    font-size: .7rem;
    display: block;
    margin-top: 1px;
}

.checkradio_style1 input[type=checkbox],
.checkradio_style1 input[type=radio] {
    display: none;
}

.checkradio_style1 input[type=checkbox]:checked ~ .box:after,
.checkradio_style1 input[type=radio]:checked ~ .box:after {
    opacity: 1;
}

.checkradio_style1.green .box {
    background-color: #25ab8c;
    border: 1px solid #25ab8c;
}

.checkradio_style1.green input[type=checkbox] ~ .box::after,
.checkradio_style1.red input[type=checkbox] ~ .box::after {
    border-color: #fff;
}

.checkradio_style1.green input[type='radio'] ~ .box::after,
.checkradio_style1.red input[type='radio'] ~ .box::after {
    background-color: #fff;
}

.checkradio_style1.red .box {
    background-color: #EF1652;
    border: 1px solid #EF1652;
}

.checkradio_style1.hover_clr_blue .text:hover {
    color: #34a9de !important;
}

.checkradio_style1.hover_checked_clr_blue:hover .text,
.checkradio_style1.hover_checked_clr_blue:hover .text_left,
.checkradio_style1.hover_checked_clr_blue input[type=checkbox]:checked ~ .text,
.checkradio_style1.hover_checked_clr_blue input[type=radio]:checked ~ .text {
    color: #34a9de !important;
}

/* checkradio_style1.type2 */
.checkradio_style1.type2 .box {
    width: 16px;
    height: 16px;
}

.checkradio_style1.type2 .box::after {
    left: 3px;
    top: 3px;
}

/*check_radio_style2 => in proguide_style*/
.check_radio_style2 {
    cursor: pointer;
    margin-bottom: 0;
}

.check_radio_style2 input[type="radio"] {
    display: none;
}

.check_radio_style2 input[type="radio"] + span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 15px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #bdc4c4;
    border-radius: 50%;
    position: relative;
}

.check_radio_style2.error input[type="radio"] + span {
    border-color: #f00;
}

.check_radio_style2.nospace span {
    margin: 0 !important;
}

.check_radio_style2 input[type="radio"]:checked + span {
    border: 1px solid transparent;
}

.check_radio_style2 input[type="radio"]:checked + span:after {
    content: '';
    position: absolute;
    background-color: #3f93f3;
    border: 2px solid #3f93f3;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px #fff;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
}

/* type2 => table column clickable */
.check_radio_style2.type2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.check_radio_style2 input[type="radio"].error + span {
    border-color: #f00;
}

/*#3 => with handler for toggle boolean values like display*/
.checkradio_style3 {
    display: inline-block;
    width: 35px;
    height: 18px;
    vertical-align: middle;
}

.checkradio_style3 .box {
    display: inline-block;
    width: 36px;
    height: 18px;
    position: relative;
    border-radius: 8px;
    background-color: #ddd;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
}

.checkradio_style3 .box:before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 8px;
    transition: all 0.2s ease-in-out 0s;
}

.checkradio_style3 .box:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    margin: 1px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.25s ease-in-out 0s;
}

.checkradio_style3 input {
    display: none;
}

.checkradio_style3 input[type=checkbox]:checked + .box:after {
    left: 17px;
}

.checkradio_style3 input[type=checkbox]:checked + .box:before {
    width: 35px;
    background-color: #32c1d2;
}

.checkradio_style3.loading {
    pointer-events: none;
    background: url("../images/loading/loading-dot-black.svg") no-repeat center center / cover;
}

.checkradio_style3.loading input[type=checkbox] + .box {
    opacity: .2;
}

.checkradio_style3 .box .icon {
    position: absolute;
    right: 3px;
    top: 0;
    color: #888;
    font-size: .95rem;
    line-height: 18px;
    transition: none;
}

.checkradio_style3 .box .icon:before {
    content: '!';
    font-family: 'm2';
}

.checkradio_style3 input[type=checkbox]:checked + .box .icon {
    left: 5px;
    right: auto;
    color: #fff;
    font-size: .6rem;
}

.checkradio_style3 input[type=checkbox]:checked + .box .icon:before {
    content: '8';
    font-family: 'm2';
}

/* map_style1 */
.leaflet-control-locate a {
    background: url("../images/icon/current-location.png") no-repeat center center / 70% auto;
}

.leaflet-control-attribution a {
    display: none !important;
}

.map_style1.hide {
    display: none;
}

.map_style1 .mapWrapper {
    width: 100%;
    height: 200px;
    background: #eee url("../images/loading/loading.gif") no-repeat center center / 100px;
}

.pac-container {
    z-index: 2000 !important;
}

/* go2top */
#go2top {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, .5);
    border: 2px solid #ddd;
    background-color: #7a7979;
    position: fixed;
    right: 25px;
    bottom: -60px;
    color: #fff;
    font-size: 1.5rem;
    line-height: 40px;
    text-align: center;
    transition: all .4s;
    cursor: pointer;
}

#go2top:before {
    content: 'd';
    font-family: 'm2';
}

#go2top:hover {
    background-color: #35a1ff;
}

#go2top:hover:before {
    content: 'v';
}

#go2top.show {
    bottom: 25px;
}

/* breadcrumb_style1 */
.breadcrumb_style1 {
    min-height: 20px;
}

.breadcrumb_style1 .bs1_list {
    padding: 12px 0 20px;
    font-size: .7rem;
    line-height: 20px;
}

.breadcrumb_style1 .bs1_item {
    margin: 0 10px;
    position: relative;
}

.breadcrumb_style1 .bs1_item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #ddd;
    right: -10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.breadcrumb_style1 .bs1_item:first-child:before {
    display: none;
}

.breadcrumb_style1 .bs1_item:first-child {
    padding-right: 20px;
    margin-right: 3px;
}

.breadcrumb_style1 .bs1_item:first-child:after {
    content: 'Q';
    font-family: 'm2';
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: -2px;
    color: #c1c1c1;
    transition: all .4s;
}

.breadcrumb_style1 .bs1_item:hover:first-child:after {
    color: #58cfce;

}

.breadcrumb_style1 .bs1_link {
    color: #868b9a;
}

.breadcrumb_style1 .bs1_item.active .bs1_link {
    color: rgb(23, 190, 187);
}

.breadcrumb_style1 .bs1_item:last-child .bs1_link,
.breadcrumb_style1 .bs1_item:hover:last-child .bs1_link {
    pointer-events: none;
    color: rgba(255, 105, 120, 0.9);
}

.breadcrumb_style1 .bs1_item:hover .bs1_link {
    color: rgb(23, 190, 187);
}

/* pagination_style1 */
.pagination_style1 {
    display: block;
    text-align: center;
    position: relative;
}

.pagination_style1 .page {
    display: inline-block;
    padding: 0 10px;
    min-width: 37px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: .8rem;
    color: #888;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 0 none;
}

.pagination_style1 .page:last-child {
    border-left: 1px solid #ddd;
}

.pagination_style1 .page.active,
.pagination_style1 .page.active:hover {
    background-color: #35a1ff;
    color: #fff;
    cursor: default;
}

.pagination_style1 a.page:hover {
    background-color: #f3f3f3;
}

.pagination_style1 .page .icon {
    transition: none;
}

.pagination_style1 .page.dots {
    line-height: 28px;
}

/* searchSide_style1 */
.searchSide_style1 .searchSide_content {
    padding: 20px;
    position: relative;
}

.searchSide_style1 .searchSide_content.isLoading,
.searchSide_style1 .searchSide_content.loading {
    pointer-events: none;
}

.searchSide_style1 .searchSide_content.isLoading:after,
.searchSide_style1 .searchSide_content.loading:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .6);
    z-index: 2;
}

.searchSide_style1 .searchSide_section {
    margin-bottom: 20px;
}

.searchSide_style1 .searchSide_section.borderBottom {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.searchSide_style1 .searchSide_title {
    text-align: right;
    font-size: .85rem;
    color: #383d4a;
    margin-bottom: 15px;
    position: relative;
}

.searchSide_style1 .searchSide_title .titleText {
    position: relative;
    background: #fff;
    padding-left: 10px;
}

.searchSide_style1 .searchSide_title.divider {
    overflow: hidden;
}

.searchSide_style1 .searchSide_title.divider:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin-left: -100%;
    position: relative;
    top: -1px;
    /*box-shadow: 0 2px 0 0px #eee;*/
}

.searchSide_style1 .searchSide_title .userFilter_clearAll {
    font-size: .7rem;
    color: #fb783e;
    border-bottom: 1px solid;
    cursor: pointer;
    margin-top: -1px;
    display: inline-block;
    line-height: 20px;
    float: left;
    transition: all .3s;
}

.searchSide_style1 .searchSide_title .userFilter_clearAll:hover {
    border-bottom-color: transparent;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_list {
    border-right: 2px solid #eee;
    padding-right: 10px;
    font-size: .78rem;
    line-height: 27px;
    color: #767c8c;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .name {
    color: #00afac;
    display: inline-block;
    margin-left: 5px;
    white-space: nowrap;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item {
    display: inline-block;
    margin: 0 2px;
    padding: 3px 5px 3px 17px;
    position: relative;
    background: #f3f3f3;
    border: 1px solid #ddd;
    line-height: 18px;
    font-size: .7rem;
    border-radius: 3px;
    overflow: hidden;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .text {
    position: relative;
    z-index: 1;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .remove {
    position: absolute;
    left: 1px;
    top: 50%;
    font-size: .7rem;
    color: #434b61;
    width: 15px;
    text-align: left;
    cursor: pointer;
    transition: all .4s;
    margin-top: -9px;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .remove:hover {
    color: #ff2238;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .remove:after {
    content: '';
    position: absolute;
    right: -200px;
    left: -200px;
    top: -200px;
    bottom: -200px;
    background: rgba(255, 222, 225, 0);
    transition: all .4s;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .remove:hover:after {
    background-color: #FFDEE1;
}

.searchSide_style1 .searchSide_section.userFilter .userFilter_item .val_item .remove:before {
    position: relative;
    z-index: 1;
}

.searchSide_style1 .searchSide_section.keyword {
    margin-bottom: 25px;
}

.searchSide_style1 .searchSide_section.keyword .input_keyword_wrapper {
    position: relative;
}

.searchSide_style1 .searchSide_section.keyword .input_keyword_wrapper input.keyword {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 39px;
    width: 100%;
    font-size: .8rem;
    padding: 0 10px 0 40px;
    color: #666;
}

.searchSide_style1 .searchSide_section.keyword .input_keyword_wrapper .searchIcon {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 1.4rem;
    color: rgba(255, 105, 120, 0.6);
}

.searchSide_style1 .searchSide_section.subCat .subCat_list {
    padding-right: 5px;
}

.searchSide_style1 .searchSide_section.subCat .subCat_item {
    margin-bottom: 5px;
    display: block;
}

.searchSide_style1 .searchSide_section.subCat .subCat_item .checkradio_style1 .text {
    font-size: .75rem;
    color: #6e758a;
}

.searchSide_style1 .searchSide_section.catTag .catTag_list {
    padding-right: 5px;
}

.searchSide_style1 .searchSide_section.catTag .input_keyword_wrapper2 {
    margin-bottom: 13px;
}

.searchSide_style1 .searchSide_section.catTag .input_keyword_wrapper2 input.keyword {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 35px;
    width: 100%;
    font-size: .72rem;
    padding: 0 10px 0 40px;
    color: #666;
}

.searchSide_style1 .searchSide_section.catTag .catTag_list.one_col .catTag_item .checkradio_style1 {
    display: block;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item {
    margin-bottom: 5px;
    display: block;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .checkradio_style1 {
    line-height: 25px;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .checkradio_style1 .box {
    bottom: 3px;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .checkradio_style1 .text {
    font-size: .75rem;
    color: #6e758a;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .checkradio_style1 .text_left {
    float: left;
    margin-left: 5px;
    text-transform: capitalize;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .checkradio_style1 .text .no {
    font-size: .65rem;
    display: inline-block;
    margin-right: 5px;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item.show_more_less_text {
    color: #ff6978;
    font-size: .72rem;
    margin-top: 5px;
    cursor: pointer;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item.show_more_less_text.top {
    display: none;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item.show_more_less_text.top.less {
    display: block;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item .more_less_wrapper {
    display: block;
}

.searchSide_style1 .searchSide_section.catTag .catTag_item.show_more_less_text.top.less ~ .more_less_wrapper {
    display: none;
}

.searchSide_style1 .searchSide_section.linkList .linkList_item {
    margin-bottom: 5px;
    position: relative;
    padding-right: 15px;
}

.searchSide_style1 .searchSide_section.linkList .linkList_item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background-color: #c7c7c7;
}

.searchSide_style1 .searchSide_section.linkList .linkList_item .name {
    margin-bottom: 10px;
    display: inline-block;
    font-size: .75rem;
    color: #6e758a;
}

.searchSide_style1 .searchSide_section.linkList .linkList_item.active .link .name,
.searchSide_style1 .searchSide_section.linkList .linkList_item.active .link .no,
.searchSide_style1 .searchSide_section.linkList .linkList_item .link:hover .name,
.searchSide_style1 .searchSide_section.linkList .linkList_item .link:hover .no {
    color: #34a9de;
}

.searchSide_style1 .searchSide_section.linkList .linkList_item .no {
    font-size: .65rem;
    color: #6e758a;
}

.searchSide_style1 .tree_list {
    margin-bottom: 25px;
}

.searchSide_style1 .tree_list ul {
    margin-top: 8px;
    position: relative;
    padding-right: 17px;
    font-size: .85rem;
}

.searchSide_style1 .tree_list .depth:before {
    content: 'i';
    position: absolute;
    font-family: 'm2';
    font-size: .75rem;
    right: -15px;
    top: 5px;
    color: #666;
}

.searchSide_style1 .tree_list ul ul {
    margin-top: 3px;
}

.searchSide_style1 .tree_item {
    margin-top: 5px;
    position: relative;
}

.searchSide_style1 .tree_item.depth2 {
    margin-right: 17px;
    font-size: .8rem;
}

.searchSide_style1 .tree_item.depth3 {
    margin-right: 34px;
    font-size: .78rem;
}

.searchSide_style1 .tree_item.depth3 .tree_link {
    color: #888;
    line-height: 27px;
}

.searchSide_style1 .tree_item.depth3 .tree_link:hover {
    color: #fb783e;
}

.searchSide_style1 .tree_item.depth3.active .tree_link {
    color: #fb783e;
}

.searchSide_style1 .tree_item .tree_link {
    color: #666;
    display: block;
    padding: 0 8px;
    border-radius: 2px;
    line-height: 30px;
}

.searchSide_style1 .tree_list .tree_link:hover {
    color: #2196f3;
    background: rgba(0, 0, 0, .04);
}

.searchSide_style1 .tree_item.active .tree_link {
    color: #2196f3;
    background: rgba(0, 0, 0, .04);
}

/* rangeSlider_style1 */
.rangeSlider_style1 input#rangeVal {
    display: none;
}

.rangeSlider_style1 .slider.slider-horizontal {
    width: 93%;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}

.rangeSlider_style1 .slider.slider-horizontal .slider-handle {
    height: 19px;
    width: 19px;
    border: 2px solid rgb(153, 153, 153);
    background: rgb(255, 255, 255);
    cursor: e-resize;
    margin-top: -2px;
}

.rangeSlider_style1 .slider.slider-horizontal .slider-handle:hover {
    border-color: #fb783e;
}

.rangeSlider_style1 .slider-track-low,
.rangeSlider_style1 .slider-track-high {
    background-color: #ababab;
}

.rangeSlider_style1 .slider.slider-horizontal .slider-track,
.rangeSlider_style1 .slider.slider-horizontal .slider-selection {
    background: #ddd;
    height: 5px;
    box-shadow: none;
}

.rangeSlider_style1 .rangeSlider_info {
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
}

.rangeSlider_style1 .rangeSlider_info input.price {
    border: 1px solid #ddd;
    text-align: center;
    font-size: .75rem;
    width: 70%;
    margin-right: 10%;
    height: 28px;
    color: #555;
    direction: ltr;
}

.rangeSlider_style1 .rangeSlider_info .field_name {
    font-size: .75rem;
    color: #555;
}

.rangeSlider_style1 .rangeSlider_info .search_price {
    height: 28px;
    font-size: .7rem;
    background: #6eb143;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}

/* product detail */
.productDetail_part1 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-bottom: 0 none;
    text-align: center;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 30px 30px;
}

.productDetail_part1 .col_main_pic .slideShowWrapper {
    height: 400px;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
}

.productDetail_part1 .col_main_pic .zoom_guide {
    font-size: .75rem;
    border: 1px solid #ccc;
    padding: 0 15px;
    line-height: 25px;
    display: inline-block;
    border-radius: 23px;
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: -12px;
    background: #fff;
    display: none;
}

.productDetail_part1 .col_main_pic .slideShow .image {
    max-width: 90%;
    max-height: 90%;
}

.productDetail_part1 .col_main_pic .slideShow .pic_wrapper {
    height: 400px;
}

/* fix slick problem */
.productDetail_part1 .col_slide_thumbs .slideShow {
    visibility: hidden;
}

.productDetail_part1 .col_slide_thumbs .slideShow.slick-initialized {
    visibility: visible;
}

.productDetail_part1 .col_slide_thumbs .slideShowWrapper.fixed_slick_track .slick-track {
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;;
    transform: translate3d(0px, 0px, 0px) !important;;
}

.productDetail_part1 .col_slide_thumbs .slideShow .image {
    max-width: 80%;
    max-height: 80%;
}

.productDetail_part1 .col_slide_thumbs .slideShowWrapper {
    padding-left: 15px;
    max-height: 310px;
    overflow: hidden;
}

.productDetail_part1 .col_slide_thumbs .slideShow .pic_wrapper {
    height: 90px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.productDetail_part1 .col_slide_thumbs .slider_arrows {
    padding-left: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.productDetail_part1 .col_slide_thumbs .slider_arrows .item {
    float: left;
    width: 50%;
    border: 1px solid #ddd;
    height: 35px;
    font-size: 1.4rem;
    line-height: 35px;
    background: #ffffff;
    color: #fb783e;
    color: #35a1ff;
    color: #555b6b;
    cursor: pointer;
    transition: all .4s;
}

.productDetail_part1 .col_slide_thumbs .slider_arrows .item.next {
    border-right: 0 none;
}

.productDetail_part1 .col_slide_thumbs .slider_arrows .item:hover {
    background: #e8e8e8;
}

.productDetail_part1 .col_slide_thumbs .slick-dots {
    font-size: 0;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 51px;
    margin: 0;
    left: 15px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.productDetail_part1 .col_slide_thumbs .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}

.productDetail_part1 .col_slide_thumbs .slick-dots li:first-child:last-child {
    display: none;
}

.productDetail_part1 .col_slide_thumbs .slick-dots li button {
    border: 0 none;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 2px;
    cursor: pointer;
    outline: 0 none;
    border-radius: 50%;
    background-color: #ccc;
}

.productDetail_part1 .col_slide_thumbs .slick-dots li.slick-active button {
    background-color: #fb783e;
    background-color: #35a1ff;
    background-color: #555b6b;
}

.productDetail_part1 .col_product_detail {
    padding: 5px 30px 0 0;
}

.productDetail_part1 .col_product_detail .mainTitle {
    color: #444;
    font-size: 1.2rem;
    letter-spacing: .5px;
    margin-bottom: 15px;
    line-height: 31px;
}

.productDetail_part1 .col_product_detail .subTitle {
    font-size: 1rem;
    color: #888;
    display: block;
    margin-bottom: 20px;
}

.productDetail_part1 .col_product_detail .proRow2 {
    margin-bottom: 20px;
}

.productDetail_part1 .col_product_detail .proRow3 {
    margin-bottom: 15px;
}

.productDetail_part1 .col_product_detail .availability {
    display: block;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: .85rem;
    position: relative;
    padding-right: 20px;
}

.productDetail_part1 .col_product_detail .availability.available,
.productDetail_part1 .col_product_detail .availability.after_order {
    color: #55a024;
}

.productDetail_part1 .col_product_detail .availability.available .icon:before,
.productDetail_part1 .col_product_detail .availability.after_order .icon:before {
    content: '✔';
    position: absolute;
    right: 0;
    font-size: 1rem;
    line-height: 20px;
    color: #777;
}

.productDetail_part1 .col_product_detail .availability.soon {
    color: #34a9de;
    padding-right: 24px;
}

.productDetail_part1 .col_product_detail .availability.soon .icon {
    position: absolute;
    right: 0;
    width: 16px;
    height: 19px;
    background: url(../images/icon/clock.svg) no-repeat center center / contain;
}

.productDetail_part1 .col_product_detail .availability.unavailable {
    color: #fb2036;
}

.productDetail_part1 .col_product_detail .availability.unavailable .icon:before {
    content: 'R';
    position: absolute;
    right: -3px;
    top: -6px;
    font-family: 'm2';
    font-size: 1.25rem;
    color: #777;
}

.productDetail_part1 .col_product_detail .proUnit {
    color: #fb783e;
    font-size: 1rem;
    margin-bottom: 20px;
}

.productDetail_part1 .col_product_detail .proRow4 {
    margin-bottom: 20px;
}

.productDetail_part1 .col_product_detail .proRow4 .price1 {
    line-height: 30px;
}

.productDetail_part1 .col_product_detail .proRow4 .price1 .name {
    color: #888;
    font-size: .95rem;
}

.productDetail_part1 .col_product_detail .proRow4 .price1 .price {
    color: #6eb143;
    letter-spacing: 2px;
}

.productDetail_part1 .col_product_detail .proRow4 .price1 .unit {
    color: #6eb143;
    font-size: .95rem;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 {
    line-height: 30px;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .name {
    color: #888;
    font-size: .9rem;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .price {
    letter-spacing: 1px;
    font-size: .9rem;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .unit {
    font-size: .85rem;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .discount_tag {
    display: inline-block;
    line-height: 26px;
    font-size: .8rem;
    padding: 2px 8px 0 11px;
    margin-right: 10px;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .price_inner {
    position: relative;
    color: #aaa;
}

.productDetail_part1 .col_product_detail .proRow4 .price2 .price_inner:after {
    content: '';
    position: absolute;
    top: 14px;
    left: -5px;
    right: -5px;
    border-top: 1px solid #fb783e;
}

.productDetail_part1 .col_product_detail .proRow4 .timer {
    direction: ltr;
    font-size: 1rem;
    margin-top: 0;
    height: 50px;
    opacity: 0;
}

.productDetail_part1 .col_product_detail .proRow4.ajaxload_style2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1;
}

.productDetail_part1 .col_product_detail .proRow4.ajaxload_style2:after {
    background-size: 35px auto;
    z-index: 2;
}

.productDetail_part1 .col_product_detail .tag_style2.best_seller_tag {
    display: inline-block;
    line-height: 26px;
    font-size: .8rem;
    padding: 0px 8px 0 30px;
    margin-right: 15px;
}

.productDetail_part1 .col_product_detail .tag_style2.best_seller_tag:before {
    width: 20px;
    left: 2px;
}

.productDetail_part1 .col_product_detail .proUnits {
    margin-bottom: 15px;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_list {
    margin-bottom: 5px;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_title {
    font-size: .82rem;
    margin-bottom: 15px;
    color: #555;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item {
    line-height: 33px;
    border: 1px solid #555b6b;
    border-radius: 2px;
    font-size: .8rem;
    color: #555b6b;
    padding: 0 10px;
    margin-left: 13px;
    margin-bottom: 13px;
    position: relative;
    cursor: pointer;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item.disabled {
    background: linear-gradient(to top left, #f8f8f8 0, #f8f8f8 calc(50% - 1px), #ccc 50%, #f8f8f8 calc(50% + 1px), #f8f8f8);
    border: 1px solid #ccc;
    color: #ccc;
    opacity: .8;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item.active {
    border-color: #35a1ff;
    background-color: #35a1ff;
    cursor: default;
    color: #fff;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item.disabled.active {
    color: #ccc;
    border-color: #fb783e;
    background: linear-gradient(to top left, #f8f8f8 0, #f8f8f8 calc(50% - 1px), #fb783e 50%, #f8f8f8 calc(50% + 1px), #f8f8f8);
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item.ajaxload_style2:after {
    background-size: 25px auto;
    z-index: 2;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item.ajaxload_style2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .75);
    z-index: 1;
}

.productDetail_part1 .col_product_detail .proUnits .proUnit_item .color_box {
    display: inline-block;
    margin-left: 7px;
    border-radius: 50%;
    width: 15px;
    vertical-align: middle;
    height: 15px;
}

.productDetail_part1 .col_product_detail .product_already_taken {
    font-size: 0.8rem;
    border: 1px solid #ddd;
    padding: .9rem;
    background: #f8f8f8;
    border-radius: 3px;
    line-height: 2;
}

.productDetail_part1 .col_product_detail .product_already_taken a {
    color: #fb783e;
    border-bottom: 1px solid #fb783e;
}

.productDetail_part2 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0 none;
    text-align: center;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.05);
    padding: 30px 30px;
}

.productDetail_part2 .productDesc .productDesc_part1 [data-text-speech] {
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    background: url(../images/icon/audio-icon.png) center center / contain;
    border-radius: 10px;
    margin-right: 5px;
    cursor: pointer;
    transition: all .5s;
}

.productDetail_part2 .productDesc .productDesc_part1 [data-text-speech]:hover {
    opacity: 0.8;
    filter: grayscale(100%);
}

.productDetail_part2 .productDesc .mainTitle .title1 {
    display: block;
    font-size: .9rem;
    color: #444;
    margin-bottom: 10px;
    line-height: 25px;
    text-shadow: 0 0;
}

.productDetail_part2 .productDesc .mainTitle .title2 {
    display: block;
    font-size: .8rem;
    color: #777;
    line-height: 25px;
}

.productDetail_part2 .productDesc .productDesc_part1 .brand_pic {
    max-width: 100%;
    max-height: 70px;
}

.productDetail_part2 .col_productDetail_part2_left .other_products {
    box-shadow: none;
    margin-bottom: 30px;
}

.productDetail_part2 .col_product_tabs {
    padding-left: 40px;
}

.productDetail_part2 .col_product_tabs .nav-tabs {
    border: 1px solid #e5e5e5;
    border-radius: 3px 3px 0 0;
}

.productDetail_part2 .col_product_tabs .nav-tabs .nav-link {
    border-left: 1px solid #e5e5e5;
    transition: none;
    font-size: .9rem;
    color: #555;
}

.productDetail_part2 .col_product_tabs .nav-tabs .nav-link.active {
    border-radius: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background-color: #20BC5A;
    background-color: #555b6b;
    color: #fff;
}

.productDetail_part2 .col_product_tabs .nav-tabs .nav-link:focus,
.productDetail_part2 .col_product_tabs .nav-tabs .nav-link:hover {
    border-top-color: transparent;
    border-right-color: transparent;
}

.productDetail_part2 .col_product_tabs .tab-content {
    border: 1px solid #e5e5e5;
    border-top: 0 none;
    border-radius: 0 0 2px 2px;
    padding: 25px 30px;
}

.productDetail_part2 .productDesc .postInfo {
    font-size: .78rem;
    color: #555;
    padding: 4px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
    margin-left: -30px;
    margin-right: -30px;
}

/* spec_style1 => product detail */
.spec_style1 {
    border: 1px solid #ddd;
    padding: 2px;
}

.spec_style1 .col_title {
    background: #f0f0f0;
    line-height: 45px;
    padding-right: 25px;
    font-size: .95rem;
    position: relative;
}

.spec_style1 .col_title:before,
.spec_style1 .col_title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 7px;
    bottom: 7px;
    border-right: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.spec_style1 .col_title:after {
    left: 0;
    border-left: 7px solid #fff;
}

.spec_style1 .row.spec_row {
    border-bottom: 1px solid #eee;
}

.spec_style1 .row.spec_row:last-child {
    border-bottom: 0 none;
}

.spec_style1 .col_name,
.spec_style1 .col_val {
    padding: 7px 15px;
    font-size: .8rem;
    line-height: 30px;
    color: #555;
    overflow: hidden;
    position: relative;
}

.spec_style1 .col_name {
    color: #7a78c9;
}

.spec_style1 .col_val .divider {
    color: #ccc;
    margin: 0 3px;
}

.spec_style1 .col_val .cross,
.spec_style1 .col_val .tick {
    color: #ee0000;
    font-size: 1.2rem;
    position: relative;
    bottom: -3px;
}

.spec_style1 .col_val .tick {
    color: #009900;
}

.spec_style1 .col_val .cross i,
.spec_style1 .col_val .tick i {
    position: relative;
}

.spec_style1 .col_val .cross:before,
.spec_style1 .col_val .tick:before {
    content: '';
    position: absolute;
    left: -500px;
    right: -30px;
    top: -30px;
    bottom: -30px;
    background: #fff4f4;
}

.spec_style1 .col_val .tick:before {
    background: #e6feec;
}

.spec_style1 .col_val a.link1 {
    color: #fb783e;
    border-bottom: 1px solid #2474d2;
    transition: all .4s;
}

.spec_style1 .col_val a.link1:hover {
    color: #2474d2;
}

/* content_style1 */
.content_style1 {
    text-align: right;
    line-height: 25px;
    font-size: .8rem;
    color: #666;
}

.content_style1 .title1 {
    display: block;
    font-size: .9rem;
    color: #444;
    margin-bottom: 10px;
    line-height: 25px;
    text-shadow: 0 0;
}

.content_style1 .title2 {
    display: block;
    font-size: .8rem;
    color: #999;
    line-height: 25px;
    margin-bottom: 3px;
}

.content_style1 .title3 {
    display: block;
    font-size: .9rem;
    color: #444;
    margin-bottom: 10px;
    line-height: 38px;
    text-shadow: 0 0;
    background-color: #f0f0f0;
    padding: 0 15px;
}

/* title with line on the left */
.content_style1 .title4 {
    overflow: hidden;
    position: relative;
}

.content_style1 .title4 span {
    position: relative;
    background: #fff;
    padding-left: 10px;
}

.content_style1 .title4:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin-left: -100%;
    position: relative;
    top: -1px;
    right: 5px;
}

.content_style1 p {
    line-height: 28px;
    margin-bottom: 10px;
}

.content_style1 table {
    max-width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin-top: 10px;
    font-size: .8rem;
}

.content_style1 table.noBorder,
.content_style1 table.noBorder td {
    border: 0 none !important;
}

.content_style1 table td {
    height: 40px;
    border: 1px solid #ddd;
    padding: 8px 10px;
}

.content_style1 table td.table_title1 {
    background: #eee;
    border-left: 1px solid #ddd;
    text-shadow: 0 0;
}

.content_style1 table td.table_title1:last-child {
    border-left: 0 none;
}

.content_style1 table p {
    font-size: .8rem;
    margin-bottom: 0;
}

.content_style1 img {
    max-width: 100%;
    height: auto !important;
}

.content_style1 .left {
    float: left;
    margin: 10px 20px 10px 0;
}

.content_style1 .right {
    float: right;
    margin: 10px 0 10px 20px;
}

.content_style1 .center {
    max-width: 100%;
    display: block;
    margin: 15px auto;
}

.content_style1 h1,
.content_style1 h2,
.content_style1 h3,
.content_style1 h4,
.content_style1 h5,
.content_style1 h6 {
    font-size: 1rem;
    line-height: 28px;
}

.content_style1 li {
    margin-bottom: 5px;
}

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

.content_style1 .list_spec1.type_col {
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    white-space: nowrap;
}

.content_style1 .list_spec1 li {
    position: relative;
    padding-right: 20px;
    line-height: 25px;
}

.content_style1 .list_spec1 li:before {
    content: '';
    position: absolute;
    right: 7px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ccc;
}

.content_style1 .list_spec1 li i {
    color: #888;
}

.content_style1 .list_spec1 li a {
    color: #1796be;
    border-bottom: 1px solid;
}

.content_style1 .list_spec1 li a:hover {
    color: #ff394d;
}

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

.content_style1 .pro_style2 .ps2_item {
    width: 213px;
    height: 307px;
    display: inline-block;
}

/* conten_style1 fontSize1 = bigger font size */
.content_style1.fontSize1,
.content_style1.fontSize1 .title2,
.content_style1.fontSize1 table,
.content_style1.fontSize1 table p {
    font-size: .85rem;
}

.content_style1.fontSize1 .title1 {
    font-size: .95rem;
    line-height: 28px;
}

.content_style1.fontSize1 .title3 {
    font-size: .95rem;
    line-height: 40px;
}

.content_style1.fontSize1 p {
    line-height: 30px;
}

.content_style1.fontSize1 table p {
    line-height: 28px;
    font-size: .8rem;
}

/* conten_style1 fontSize2 = smaller font size => in product brief text */
.content_style1.fontSize2,
.content_style1.fontSize2 .title2,
.content_style1.fontSize2 table,
.content_style1.fontSize2 table p {
    font-size: .8rem;
}

.content_style1.fontSize2 p {
    margin-bottom: 8px;
}

/* link_style1 => visible red link in content_style */
.link_style1 {
    color: #f53c4f;
    text-shadow: 0 0;
    padding-bottom: 1px;
    border-bottom: solid 2px #777;
}

.link_style1:hover {
    color: #777;
    border-bottom: solid 2px #f53c4f;
}

/* link_style2 => just visible on hover */
.link_style2 {
    color: #444;
    transition: color .3s;
}

.link_style2:hover {
    border-bottom: 2px solid #e5e5e5;
    color: #f53c4f;
}

/* addComment_style1 */
.addComment_style1 {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-bottom: 50px;
}

.addComment_style1 .comment_text textarea {
    line-height: 30px;
    width: 100%;
    min-height: 100px;
    padding: 10px;
    font-size: .8rem;
    color: #555;
    border: 0 none;
    resize: none;
    transition: all .4s;
}

.addComment_style1 .comment_footer {
    background-color: #f0f0f0;
    border-top: 1px solid #e3e3e3;
    font-size: .8rem;
    color: #555;
    padding: 10px 15px;
}

.addComment_style1 .comment_footer.noBorderTop {
    border-top: 0 none;
}

.addComment_style1 .comment_footer .confirm_alert {
    float: right;
    margin-bottom: 0;
    line-height: 23px;
    color: #888;
    padding-top: 5px;
    font-size: .75rem;
}

.addComment_style1 .comment_footer .submit {
    float: left;
    border: 0 none;
    height: 35px;
    padding: 0 25px;
    background: #34abe0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.addComment_style1.disabled .comment_text {
    cursor: not-allowed;
}

.addComment_style1.disabled .comment_text textarea {
    pointer-events: none;
}

.addComment_style1.disabled .comment_footer .confirm_alert {
    color: #ff4558;
}

/* commentList_style1 */
.commentList_style1 .cs1_list1 {
    position: relative;
}

.commentList_style1 .cs1_list1:before {
    content: '';
    position: absolute;
    width: 1px;
    right: 30px;
    top: 0;
    bottom: 0;
    background-color: #e3e3e3;
}

.commentList_style1 .cs1_item1:last-child.hasNotUl:before {
    content: '';
    position: absolute;
    width: 1px;
    right: 30px;
    top: 0;
    bottom: 0;
    background-color: #fff;
}

.commentList_style1 .cs1_item1 {
    text-align: right;
    font-size: .8rem;
    position: relative;
    padding-bottom: 25px;
}

.commentList_style1 .cs1_item1:last-child {
    padding-bottom: 0;
}

.commentList_style1 .cs1_item1 .avatar {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-left: 10px;
    position: relative;
}

.commentList_style1 .cs1_item1 .avatar_pic {
    display: block;
    width: 100%;
    height: 100%;
    background: none no-repeat center center / cover;
    border-radius: 3px;
}

.commentList_style1 .cs1_item1 .comment_paper {
    border: 1px solid #e8e8e8;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    flex: 1 0 0;
    position: relative;
}

.commentList_style1 .cs1_item1 .comment_paper:before,
.commentList_style1 .cs1_item1 .comment_paper:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    border-left: 10px solid #e8e8e8;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.commentList_style1 .cs1_item1 .comment_paper:after {
    border-left-color: #fff;
    right: -8px;
}

.commentList_style1 .cs1_item2.admin .comment_paper:after {
    border-left-color: #f5f5f5;
}

.commentList_style1 .cs1_item1 .comment_header {
    margin-bottom: 10px;
}

.commentList_style1 .cs1_item1 .comment_info {
    float: right;
}

.commentList_style1 .cs1_item1 .user_name {
    font-size: .8rem;
    margin-bottom: 5px;
    display: block;
    color: #555;
}

.commentList_style1 .cs1_item1 .date_time {
    display: block;
    font-size: .7rem;
    color: #999;
}

.commentList_style1 .cs1_item1 .comment_reply {
    float: left;
    font-size: .7rem;
    color: #888;
    cursor: pointer;
    transition: all .4s;
}

.commentList_style1 .cs1_item1 .comment_reply .icon {
    font-size: .9rem;
    position: relative;
    bottom: -1px;
}

.commentList_style1 .cs1_item1 .comment_reply:hover {
    color: #34abe0;
}

.commentList_style1 .cs1_item1 .comment_body {
    line-height: 28px;
    font-size: .75rem;
    color: #333;
}

.commentList_style1 .cs1_list2 {
    margin-right: 70px;
    position: relative;
}

.commentList_style1 .cs1_item2 {
    position: relative;
    margin-top: 20px;
}

.commentList_style1 .cs1_item1:last-child.hasUl .cs1_item2:last-child:after {
    content: '';
    position: absolute;
    width: 1px;
    right: -40px;
    top: 30px;
    bottom: 0;
    background-color: #fff;
}

.commentList_style1 .cs1_item2 .avatar {
    position: relative;
}

.commentList_style1 .cs1_item2 .avatar:before {
    content: '';
    position: absolute;
    right: -41px;
    left: 100%;
    top: 28px;
    height: 1px;
    background-color: #e3e3e3;
}

.commentList_style1 .cs1_item2.admin .comment_paper {
    background: #f5f5f5;
}

.commentList_style1 .cs1_item2.admin .user_name {
    position: relative;
    padding-right: 20px;
}

.commentList_style1 .cs1_item2.admin .user_name:before {
    content: 'T';
    position: absolute;
    right: 0;
    top: -4px;
    font-size: 1rem;
    font-family: 'm2';
    color: #ffd600;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_reply {
    color: #ff4457;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_reply .icon {
    font-size: .7rem;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_footer {
    background-color: #f8f8f8;
    border-top: 1px solid #e8e8e8;
    font-size: .8rem;
    color: #555;
    padding: 7px 10px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -10px;
    border-radius: 0 0 3px 3px;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_footer .submit {
    float: left;
    border: 0 none;
    height: 30px;
    padding: 0 25px;
    background: #34abe0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    font-size: .75rem;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_body textarea {
    width: 100%;
    min-height: 50px;
    font-size: .75rem;
    color: #555;
    border: 0 none;
    resize: none;
    transition: all .4s;
    background-color: #e4ffee;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_paper {
    background-color: #e4ffee;
}

.commentList_style1 .cs1_item2.dynamic_reply .comment_paper:after {
    border-left-color: #e4ffee;
}

.commentList_style1 .cs1_item2.dynamic_reply .noItem_style1.alert-primary {
    height: 60px;
    padding-top: 12px;
    padding-left: 12px;
    flex: 1 0 0;
}

.commentList_style1 .cs1_item2.dynamic_reply .noItem_style1.alert-primary .text {
    padding-top: 8px;
    float: right
}

.commentList_style1 .cs1_item2.dynamic_reply .noItem_style1.alert-primary .submit {
    float: left;
    border: 0 none;
    height: 35px;
    padding: 0 15px;
    background: #34abe0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    font-size: .75rem;
}

/* noItem_style1 */
.noItem_style1.alert-secondary {
    font-size: .8rem;
    background: #f0f0f0;
    border-color: #e3e3e3;
}

.noItem_style1.alert-primary {
    font-size: .8rem;
}

/* countDown_style1 */
.countDown_style1 {
    direction: ltr;
    font-size: 1rem;
}

.countDown_style1 .timeVal {
    min-width: 46px;
    line-height: 35px;
    display: inline-block;
    background: #5e6371;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 2px;
    text-indent: 3px;
    padding-bottom: 14px;
    position: relative;
    margin-right: 12px;
    margin-left: 0;
}

.countDown_style1 .timeVal:before,
.countDown_style1 .timeVal:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #5e6371;
}

.countDown_style1 .timeVal:after {
    top: 27px;
}

.countDown_style1 .timeVal:first-child:before,
.countDown_style1 .timeVal:first-child:after {
    display: none;
}

.countDown_style1 .timeVal .label {
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    text-align: center;
    font-size: .6rem;
    letter-spacing: 0;
    line-height: 20px;
    background: #4f5665;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* alert_style1 */
.alert_style1.fontSize0_8 {
    font-size: .8rem;
    line-height: 28px;
}

.alert_style1.fontSize0_75 {
    font-size: .75rem;
    line-height: 25px;
}

/*************************** CHECKOUT_STYLE ***********************************/
.checkout_style1 {
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
}

@media only screen and (max-width: 766px) {
    .checkout_style1 {
        padding: 10px;
    }
}

.checkout_style1 .checkout_step {
    margin-bottom: 6px;
}

.checkout_style1 .checkout_step .step_body {
    display: none;
}

.checkout_style1 .checkout_step.active .step_body {
    display: block;
    border-top: 1px solid #444;
}

.checkout_style1 .checkout_step .step_title {
    background-color: #f6f6f6;
    height: 52px;
    color: #444;
    line-height: 52px;
    font-size: .9rem;
    padding: 0 57px 0 15px;
    position: relative;
    border: 1px solid #eee;
    position: relative;
}

.checkout_style1 .checkout_step .step_title .no {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
    color: #fff;
    right: 15px;
    top: 11px;
    background-color: #39b3e4;
    font-size: .9rem;
}

.checkout_style1 .checkout_step .step_title .edit_step {
    margin-top: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    line-height: 26px;
    color: #2ca8da;
    background: #fff;
    transition: all 0.5s;
    font-size: .7rem;
    padding: 0 10px;
}

.checkout_style1 .checkout_step .step_title .edit_step:hover {
    background: #7FB231;
    color: #fff;
}

.checkout_style1 .checkout_step.active .step_title {
    background-color: #555b6b;
    color: #fff;
    border: 1px solid #555b6b;
}

.checkout_style1 .checkout_step.active .step_title .no {
    background-color: #ff834c;
}

.checkout_style1 .checkout_step.ok .step_title .no {
    background-color: #7FB231;
}

.checkout_style1 .checkout_step.ok .step_title .no {
    font-size: 1rem;
}

.checkout_style1 .checkout_step.ok .step_title {
    background: #e7ffc6;
}

.checkout_style1 .checkout_step .step_body {
    border: 1px solid #ddd;
    padding: 30px 30px;
}

.checkout_style1 .checkout_step.cart .step_title .clearAllCart {
    position: absolute;
    left: 10px;
    top: 0;
    color: #ddd;
    font-size: .7rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    line-height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    margin-top: 11px;
    background: #474d5d;
    display: none;
}

.checkout_style1 .checkout_step.cart .step_title .clearAllCart:hover {
    color: #ff4053;
    background: #eee;
}

.checkout_style1 .checkout_step.cart.active .step_title .clearAllCart {
    display: block;
}

.checkout_style1 .checkout_step.cart .step_body {
    padding: 0;
}

.checkout_style1 .checkout_step.receiverInfo #frm_select_postinfo_error_container {
    color: #d00;
    font-size: .82rem;
}

.checkout_style1 .checkout_step.receiverInfo #frm_select_postinfo_error_container label {
    margin: 0;
}

@media only screen and (max-width: 766px) {

}

.checkout_style1 .checkout_step.sendType #frm_select_send_type_error_container {
    color: #d00;
    font-size: .82rem;
}

.checkout_style1 .checkout_step.sendType #frm_select_send_type_error_container label {
    margin: 0;
}

@media only screen and (max-width: 766px) {
    .checkout_style1 .checkout_step.receiverInfo .address_table {
        width: auto;
        margin-right: -31px;
        margin-left: -31px;
    }

    .checkout_style1 .checkout_step.sendType .type_table {
        width: auto;
        margin-right: -31px;
        margin-left: -31px;
    }

    .checkout_style1 .checkout_step.reviewOrder .cart_style2 {
        margin-right: -31px;
        margin-left: -31px;
    }

    .checkout_style1 .checkout_step.reviewOrder .type_table {
        width: auto;
        margin-right: -31px;
        margin-left: -31px;
    }

    .checkout_style1 .checkout_step.reviewOrder .bill_style1 {
        width: auto;
        margin-right: -31px;
        margin-left: -31px;
    }
}

/*************************** INPUT NUM STYLE ***********************************/
/*#1*/
.input_num_style1 {
    display: inline-block;
    position: relative;
}

.input_num_style1 .num_box {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    height: 40px;
    padding-right: 25px;
    width: 70px;
    text-align: center;
    color: #666;
    position: relative;
    font-size: .75rem;
}

.input_num_style1 .arrow {
    background-color: #ccc;
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 50%;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 1;
}

.input_num_style1 .arrow:hover {
    background-color: #ff6978;
}

.input_num_style1 .arrow.dec_num {
    bottom: 0;
    top: auto;
    border-top: 1px solid #fff;
}

.input_num_style1 .arrow:before {
    content: "d";
    font-family: 'm2';
    font-size: 1.2rem;
    color: #fff;
}

.input_num_style1 .arrow.dec_num:before {
    content: "c";
}

.input_num_style1:hover .arrow {
    opacity: 1;
}

/* input_num_style1.type2 => in wholesale page, confirm num and calc price */
.input_num_style1.type2 .num_box {
    float: right;
    width: 80px;
    font-size: .8rem;
}

.input_num_style1.type2 .arrow {
    background-color: #aaa;
}

.input_num_style1.type2 .arrow:hover {
    background-color: #ff6978;
}

.input_num_style1.type2 .confirm_btn {
    float: right;
    border: 0 none;
    background-color: #aaa;
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: .73rem;
    border-radius: 2px 0 0 2px;
    cursor: pointer;
    padding: 0 10px;
}

.input_num_style1.type2 .confirm_btn:hover {
    background-color: #35a1ff;
}

/*************************** ADDRESS_STYLE ***********************************/
/*#1*/
.address_style1 .select_address_text {
    font-size: .8rem;
    color: #ef7c00;
    margin-top: 5px;
}

.address_style1 .address_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.address_style1 .address_table td {
    border-left: 1px solid #e1e1e1;
    color: #777;
    font-size: .75rem;
    line-height: 24px;
    padding: 10px;
    position: relative;
}

.address_style1 .address_table td.address_id {
    padding: 10px 25px;
}

.address_style1 .address_table td.postinfo_id {
    padding: 10px 20px;
}

.address_style1 .address_table tr {
    border-bottom: 1px solid #e1e1e1;
}

.address_style1 .address_table td.check .check_radio_style2 span {
    margin: 0;
}

.address_style1 .address_table td.btns .btn {
    display: block;
    height: 50%;
    font-size: 1.1rem;
    line-height: 55px;
    text-align: center;
}

.address_style1 .address_table td.btns .btn.remove {
    color: #ff8300;
}

.address_style1 .address_table td.btns .btn.edit {
    border-bottom: 2px solid #e1e1e1;
    color: #33a9d8;
    font-size: 1.2rem;
}

.address_style1 .address_table td.btns .btn.edit.ajaxload_style2 i {
    opacity: 0;
}

.address_style1 .address_table td.btns .btn.edit.ajaxload_style2:after {
    background-size: auto 25px;
}

.address_style1 .address_table td.info {
    color: #00a0d3;
}

.address_style1 .address_table td.info .info_val {
    color: #666;
}

.address_style1 .address_table td.address {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.address_style1 .address_table td.address .icon {
    position: absolute;
    font-size: 1rem;
    color: rgba(127, 178, 49, 0.45);
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    top: 50%;
    margin-top: -15px;
}

.address_style1 .address_table td.address .icon.location {
    right: -16px;
}

.address_style1 .address_table td.address .icon.phone {
    left: -15px;
}

@media only screen and (max-width: 766px) {
    .address_style1 .add_new_address {
        text-align: center;
        width: 100%;
        display: block;
    }

    .userPages .address_style1 .address_table {
        margin-right: -36px;
        margin-left: -36px;
        width: auto;
    }
}

/*************************** CHOOSE_TYPE_STYLE ***********************************/
/*#1*/
.choose_type_style1 .type_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.choose_type_style1 .type_table td {
    border-left: 1px solid #e1e1e1;
    color: #777;
    font-size: .75rem;
    line-height: 24px;
    padding: 10px;
    position: relative;
}

.choose_type_style1 .type_table td.check {
    padding: 10px 20px;
}

.choose_type_style1 .type_table tr {
    border-bottom: 1px solid #e1e1e1;
}

.choose_type_style1 .type_table td.info .name {
    color: #00a0d3;
    margin-bottom: 6px;
}

.choose_type_style1 .type_table td.info .name .price_rps {
    color: #ff8300;
    margin-right: 10px;
}

.choose_type_style1 .type_table td.info .name .price_rps .unit {
    margin-right: 5px;
}

.choose_type_style1 .type_table td.info .name2 {
    color: #04617f;
    margin-bottom: 0;
}

.choose_type_style1 .type_table td.info .text {
    color: #777;
    margin-bottom: 0;
}

.choose_type_style1 .type_table td.icon {
    border-left: 0 none;
}

.choose_type_style1 .type_table td.icon .icon_item {
    display: block;
    width: 80%;
    height: 40px;
    background: none no-repeat center center / contain;
    opacity: 0.2;
    margin: 0 auto;
    font-size: 3.3rem;
    color: #000;
    line-height: 45px;
}

.choose_type_style1 .type_table td.icon .icon_item.size2 {
    height: 35px;
}

.choose_type_style1 .type_table td.price .amount {
    color: #ff8300;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.choose_type_style1 .type_table td.price .unit {
    margin-bottom: 0;
}

.choose_type_style1 .type_table td .check_radio_style2 span {
    margin: 0;
}

/*************************** BILL_STYLE ***********************************/
.bill_style1 .bill_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.bill_style1 .bill_table tr {
    border-bottom: 1px solid #f0f0f0;
}

.bill_style1 .bill_table tr:last-child {
    border-bottom: 0 none;
}

.bill_style1 .bill_table tr {
    background-color: #fdfdfd;
    color: #666;
}

.bill_style1 .bill_table tr.bg_orange {
    background-color: #FCF3EE;
    color: #f47f55;
}

.bill_style1 .bill_table tr.bg_green {
    background-color: #F7FFF7;
    color: #07990B;
}

.bill_style1 .bill_table tr.bg_blue {
    background-color: rgb(237, 249, 253);
    color: #0098ca;
}

.bill_style1 .bill_table tr td {
    height: 50px;
    font-size: .82rem;
}

.bill_style1 .bill_table tr td.name {
    padding-right: 20px;
}

.bill_style1 .bill_table tr td.val {
    padding-left: 20px;
}

.bill_style1 .bill_table tr td.val .old {
    color: #aaa;
    position: relative;
}

.bill_style1 .bill_table tr td.val .old::after {
    content: '';
    position: absolute;
    top: 10px;
    left: -5px;
    right: -5px;
    border-top: 1px solid #fb783e;
}

.bill_style1 .remove_link {
    color: red;
    font-size: 0.7rem;
    line-height: 3;
    display: inline-block;
    margin-right: 0.3rem;
}

/* bill_style1.type_coupon */
.bill_style1.type_coupon .coupon_guide {
    font-size: .85rem;
    padding: 0 15px;
    line-height: 30px;
    color: #666;
    height: 100px;
}

.bill_style1.type_coupon .coupon_input {
    width: 100%;
    border: 0 none;
    text-align: center;
    height: 45px;
    font-size: .9rem;
    letter-spacing: 1px;
    color: #fb783e;
    text-transform: uppercase;
    text-shadow: 0 0;
    background: #FCF3EE;
}

.bill_style1.type_coupon .tr_coupon_code {
    background: #FCF3EE;
}

.bill_style1.type_coupon .coupon_guide_links .guide_link {
    font-size: .8rem;
    vertical-align: middle;
    color: #00ade5;
}

.bill_style1.type_coupon .coupon_guide_links .guide_link .icon {
    font-size: .9rem;
    margin-left: 3px;
}

.bill_style1.type_coupon .coupon_guide_links .guide_link:hover {
    color: #fb783e;
}

/********************* TABLE_STYLE **************************/
.table_style1 {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width: auto;
    border: solid 1px #e8e8e8;
    vertical-align: middle;
}

.table_style1 thead {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
}

.table_style1 thead th {
    padding: 10px;
    color: #5f6272;
    font-size: .8rem;
    height: 50px;
    text-align: center;
    font-weight: normal;
    text-shadow: 0 0;
}

.table_style1 thead th:last-child {
    border-left: 1px solid #e1e1e1;
}

.table_style1 tbody {
    background-color: #fff;
}

.table_style1 tbody tr {
    border-bottom: 1px solid #e1e1e1;
}

.table_style1 tbody tr:last-child {
    border-bottom: none;
}

.table_style1 tbody td {
    color: #777;
    font-size: .75rem;
    padding: 5px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    position: relative;
    height: 45px;
}

.table_style1 tbody td.name .link {
    color: #00ace4;
}

.table_style1 tbody td.no {
    background-color: #f8f8f8;
    color: #999;
    position: static;
}

.table_style1 tbody td.name a:hover {
    opacity: .7;
}

.table_style1 tbody .btn {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12.5px;
    font-size: 1.2rem;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}

.table_style1 tbody .btn.dark {
    background-color: #6e6f79;
}

.table_style1 tbody .btn.green {
    background-color: #59a559;
}

.table_style1 tbody .btn.red {
    background-color: #ee494f;
}

.table_style1 tbody .btn.blue {
    background-color: #41b9ff;
}

.table_style1 tbody .btn.orange {
    background-color: #fbaf00;
}

.table_style1 .log span {
    background-color: #fbaf00;
    border-radius: 2px;
    color: #eee;
    display: inline-block;
    line-height: 20px;
    padding: 0 7px;
}

.table_style1 .no_border {
    border: 0 none;
}

.table_style1 .border1 {
    border-bottom: 1px solid #e1e1e1;
}

.table_style1 .border2 {
    border-bottom: 1px solid #fff;
}

.table_style1 .border3 {
    border-right: 1px solid #fff;
}

.table_style1 .tr_bottom1 .td_coupon_info {
    line-height: 26px;
    padding: 15px;
}

.table_style1 .td_cart_total_price {
    height: 75px;
}

.table_style1 .td_cart_total_price .price_row {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    line-height: 33px;
}

.table_style1 .td_cart_total_price .price_row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
}

.table_style1 .td_cart_total_price .price_row .name {
    display: inline-block;
    min-width: 110px;
}

.table_style1 .td_cart_total_price .price_row.sum .price_sum {
    color: #39b3e4;
}

.table_style1 .td_cart_total_price .price_row.discount .price_sum {
    color: #fb783e;
}

/* table_style3 */
.table_style3 {
    border: 1px solid rgba(170, 180, 200, 0.4);
    border-radius: 2px;
}

.table_style3 table {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width: 550px;
    vertical-align: middle;
    text-align: center;
}

.table_style3 thead tr {
    border-bottom: 1px solid #eee;
}

.table_style3 tbody tr {
    border-bottom: 1px solid #f0f0f0;
}

.table_style3 tbody tr:last-child {
    border-bottom: 0 none;
}

.table_style3 tbody tr:nth-child(2n) {
    /*background-color: rgba(170, 180, 200, 0.05);*/
}

.table_style3 tbody tr:not(.no_hover):hover,
.table_style3 tbody tr.active {
    background-color: #e7f3fd;
}

.table_style3 thead th {
    height: 45px;
    padding: 10px;
    color: #888;
    font-size: 1.15rem;
    border-left: 1px solid #eee;
    position: relative;
}

.table_style3 thead th .sort_icon {
    position: absolute;
    left: 7px;
    top: 0;
    line-height: 45px;
    font-size: 1.2rem;
    color: #888;
}

.table_style3 thead th:last-child {
    border-left: 0 none;
}

.table_style3 tbody td {
    height: 50px;
    padding: 10px;
    color: #555;
    font-size: .75rem;
    line-height: 24px;
    position: relative;
}

.table_style3 tbody td.row_num {
    background-color: #f8f8f8;
    color: #ccc;
}

.table_style3 .icon1 {
    font-size: 1.5rem;
    color: #999;
}

.table_style3 img {
    display: block;
    margin: 0 auto;
}

.table_style3 .input1 {
    height: 33px;
    border: 1px solid #f0f0f0;
    color: #555;
    font-size: 1.2rem;
    padding: 0 5px;
    width: 100%;
}

.table_style3 tbody td.font1 {
    font-size: 1.2rem;
}

/*#1.type2 => modal table : smaller*/
.table_style3 tbody td {
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* transaction_style1 */
.transaction_part1 {
    padding: 60px 0 60px;
    background: #fff;
    border: 1px solid #eee;
}

.transaction_style1 .transac_wrapper {
    border-top: 15px solid #3CB878;
    border-bottom: 8px solid #3CB878;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    min-height: 200px;
    padding: 7px;
    position: relative;
    border-radius: 4px;
}

.transaction_style1 .transac_inner {
    border: 1px solid #eee;
    border-radius: 3px;
    min-height: 170px;
    background-color: #f0f9f4;
    padding: 35px 20px 15px;
}

.transaction_style1 .circle_icon {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #2e925e;
    background-color: #3cb878;
    top: -41px;
    right: 50%;
    margin-right: -35px;
    text-align: center;
    line-height: 70px;
    font-size: 2.3rem;
    color: #fff;
}

.transaction_style1 .transac_title {
    color: #319863;
    text-align: center;
    font-size: 1rem;
    margin-bottom: 25px;
}

.transaction_style1 .transac_list_item {
    position: relative;
    font-size: .8rem;
    line-height: 30px;
    margin-bottom: 5px;
}

.transaction_style1 .transac_list_item .name {
    margin-left: 10px;
    color: #288c58;
}

.transaction_style1 .transac_list_item .val {
    display: inline-block;
    color: #555;
}

.transaction_style1 .transac_btn {
    min-width: 175px;
    margin-top: 20px;
}

.transaction_style1 .transac_text {
    font-size: .8rem;
    line-height: 27px;
    text-align: right;
    color: #444;
}

.transaction_style1.error .transac_wrapper {
    border-top: 15px solid #F24F5E;
    border-bottom: 8px solid #F24F5E;
}

.transaction_style1.error .transac_inner {
    background-color: #fff7f8;
}

.transaction_style1.error .circle_icon {
    border: 5px solid #ca3240;
    background-color: #F24F5E;
}

.transaction_style1.error .transac_title {
    color: #f24f5e;
}

.transaction_style1.error .transac_list_item .name {
    margin-left: 10px;
    color: #e23b4a;
}

/* container_style */
.container_style1 {
    padding: 25px 35px 25px;
    background: #fff;
    border: 1px solid #eee;
}

.container_style1.type2 {
    padding: 25px 25px 25px;
}

/* label_style1 */
.label_style1 {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    line-height: 28px;
    padding: 0 10px;
    white-space: nowrap;
}

.label_style1.green {
    background-color: #59a559;
}

.label_style1.red {
    background-color: #ee494f;
}

.label_style1.blue {
    background-color: #41b9ff;
}

.label_style1.yellow {
    background-color: #fbaf00;
}

.label_style1.purple {
    background-color: #b027a4;
}


/***************************** FACTOR_STYLE *********************************/
.factor_style1 {
    position: relative;
}

.factor_style1 .factor_part1 {
    position: relative;
    padding-top: 10px;
    margin-bottom: 40px;
}

.factor_style1 .factor_part1 .title {
    font-size: 1.2rem;
    color: #555b6b;
    text-align: center;
}

.factor_style1 .factor_part1 .logo {
    position: absolute;
    left: 0;
    top: -10px;
    height: 50px;
    background: none no-repeat center center / contain;
    width: 35%;
    display: none;
}

.factor_style1 .factor_part1 .print {
    position: absolute;
    right: 10px;
    top: 15px;
}

.factor_style1 .factor_part2 .table1,
.factor_style1 .factor_part2 .table1 table {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.factor_style1 .factor_part2 .table1 .user_info {
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
}

.factor_style1 .factor_part2 .table1 .user_info:before {
    content: '';
    position: absolute;
    width: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
}

.factor_style1 .factor_part2 .table1 .vert_label {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    color: #fff;
}

.factor_style1 .factor_part2 .table1 .vert_label .outer_text {
    height: 100%;
    position: relative;
    width: 40px;
}

.factor_style1 .factor_part2 .table1 .vert_label .inner_text {
    font-size: .9rem;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    letter-spacing: 1px;
}

.factor_style1 .factor_part2 .table1 table {
    width: 100%;
}

.factor_style1 .factor_part2 .table1 .user_info .info_row {
    border-bottom: 1px solid #e0e0e0;
}

.factor_style1 .factor_part2 .table1 .user_info .info_row:last-child {
    border-bottom: 0 none;
}

.factor_style1 .factor_part2 .table1 .user_info .info_col {
    padding: 10px;
}

.factor_style1 .factor_part2 .table1 .user_info .info_item {
    float: right;
    margin-left: 10px;
    font-size: .75rem;
    line-height: 29px;
}

.factor_style1 .factor_part2 .table1 .user_info .info_item .item_name {
    color: #CB1B4F;
    display: inline-block;
}

.factor_style1 .factor_part2 .table1 .user_info .info_item .item_val {
    color: #444;
    display: inline-block;
}

.factor_style1 .factor_part2 .table1 .pay_info {
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    padding: 20px 0;
}

.factor_style1 .factor_part2 .table1 .pay_info:before {
    content: '';
    position: absolute;
    width: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
}

.factor_style1 .factor_part2 .table1 .pay_info .date {
    margin-bottom: 15px;
    font-size: .7rem;
    color: #444;
}

.factor_style1 .factor_part2 .table1 .pay_info .title_style2 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}

.factor_style1 .factor_part2 .table1 .pay_info .barcode_img {
    display: block;
    margin: 5px auto 10px;
    opacity: 0.7;
    max-width: 200px;
}

.factor_style1 .factor_part2 .table1 .pay_info .barcode_no {
    font-size: .75rem;
    margin-bottom: 0;
}

.factor_style1 .factor_part2 .table1 .pay_info .pay_type {
    font-size: 1.4rem;
}

.factor_style1 .factor_part2 .table1 .pay_info .final_verify_online {
    display: inline-block;
    padding: 0 20px;
}

.factor_style1 .factor_part2 .table1 .pay_info .factor_no {
    margin-bottom: 20px;
}

.factor_style1 .factor_part3 thead th {
    color: #555;
    font-size: .78rem;
    background: rgba(128, 128, 128, 0.11);
    font-weight: normal;
    text-align: center;
}

.factor_style1 .factor_part3 td.pic .pic {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: none no-repeat center center / contain;
}

.factor_style1 .factor_part3 td.name .name {
    font-size: .8rem;
    color: #555;
    display: inline-block;
    margin-bottom: 10px;
}

.factor_style1 .factor_part3 td.name .opt_item {
    display: inline-block;
    margin-left: 15px;
    color: #fb783e;
    position: relative;
    font-size: .7rem;
}

.factor_style1 .factor_part3 td.name .opt_item:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    height: 15px;
    background-color: #bbb;
    transform: rotate(15deg);
}

.factor_style1 .factor_part3 td.name .opt_item:last-child:before {
    display: none;
}

.factor_style1 .factor_part3 td.price_total {
    font-size: 1.25rem;
    color: #00b626;
    letter-spacing: 1.5px;
}

.factor_style1 .factor_part3 td.price_unit .discount {
    color: #f00;
    font-size: 1.2rem;
    margin-top: 5px;
    display: inline-block;
}

.factor_style1 .factor_part3 td.price_unit .price {
    text-decoration: line-through;
    margin-left: 15px;
    color: #aaa;
}

.factor_style1 .factor_part3 td.price_unit .price_discount {
    font-size: 1.2rem;
    letter-spacing: 1px;
    color: #009bf3;
}

.factor_style1 .factor_part3 tr {
    border-bottom: 1px solid #e5e5e5;
}

.factor_style1 .factor_part3 td {
    border-left: 1px solid hsla(220, 21%, 73%, 0.2);
}

.factor_style1 .factor_part3 td:last-child {
    border-left: 0 none;
}

.factor_style1 .factor_part3 tr:hover {
    background-color: #fff;
}

.factor_style1 .factor_part3 tr.table_footer td.factor_text {
    padding: 15px;
    vertical-align: top;
    line-height: 26px;
}

.factor_style1 .factor_part3 tr.table_footer .price_name {
    letter-spacing: 0.5px;
    font-size: .8rem;
    /*background: rgba(128, 128, 128, 0.07);*/
    color: #555;
}

.factor_style1 .factor_part3 tr.table_footer .price_val {
    font-size: .8rem;
    letter-spacing: 1px;
}

.factor_style1 .factor_part3 tr.table_footer.amount .price_name {
    color: #07990B;
    font-size: .85rem;
}

.factor_style1 .factor_part3 tr.table_footer.amount .price_val {
    font-size: .85rem;
    letter-spacing: 1px;
    color: #07990B;
}

.factor_style1 .factor_part3 tr.table_footer.pre_payment .price_name {
    color: #0098ca;
}

.factor_style1 .factor_part3 tr.table_footer.pre_payment .price_val {
    color: #0098ca;
}

.factor_style1 .factor_part3 tr.table_footer.discount .price_name {
    color: #f47f55;
}

.factor_style1 .factor_part3 tr.table_footer.discount .price_val {
    color: #f47f55;
}

.factor_style1 .factor_part3 tr.table_footer .factor_text_label {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    background: rgba(128, 128, 128, 0.06);
    color: #555;
}

.factor_style1 .factor_part3 tr.table_footer .factor_text_label .outer_text {
    height: 100%;
    position: relative;
}

.factor_style1 .factor_part3 tr.table_footer .factor_text_label .inner_text {
    font-size: .8rem;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    letter-spacing: 1px;
}

.factor_style1 .factor_part3 tr.table_footer.discount {
    background-color: #FCF3EE;
    color: #f47f55;
}

.factor_style1 .factor_part3 tr.table_footer.amount {
    background-color: #F7FFF7;
    color: #07990B;
}

.factor_style1 .factor_part3 tr.table_footer.pre_payment {
    background-color: rgb(237, 249, 253);
    color: #0098ca;
}

.factor_style1 .factor_part4 {
    padding: 15px 0px 50px 0;
    border-right: 1px solid rgba(170, 180, 200, 0.4);
    border-bottom: 1px solid rgba(170, 180, 200, 0.4);
    border-left: 1px solid rgba(170, 180, 200, 0.4);
}

.factor_style1 .factor_part4 .sign_item {
    float: right;
    width: 33.3%;
    color: #888;
    font-size: .8rem;
    line-height: 25px;
    text-align: center;
    position: relative;
}

.factor_style1 .factor_part4 .sign_item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    height: 40px;
    width: 1px;
    background-color: #eee;
}

.factor_style1 .factor_part4 .sign_item:last-child:before {
    display: none;
}

.factor_style1 .factor_part5 .returned_item {
    position: relative;
    margin-bottom: 25px;
}

.factor_style1 .factor_part5 .returned_item:last-child {
    margin-bottom: 0;
}

.factor_style1 .factor_part5 .returned_item .returned_name {
    border-right: 8px solid #e8094b;
}

.factor_style1 .factor_part5 .pic_product {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    background: #f7f7f7 none no-repeat center center / contain;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 8px;
    border: 1px solid #ddd;
    margin-top: -37px;
}

.factor_style1 .table_footer_price.print_only td.outer_table {
    padding: 15px 5px;
}

.factor_style1 .table_footer_price.print_only td.outer_table td.price_item {
    padding: 0;
    height: 30px;
    width: 25%;
    font-size: 1.2rem;
}

.factor_style1 .table_footer_price.print_only td.outer_table td.price_item .price {
    font-size: 1.4rem;
    letter-spacing: 1.5px;
    display: inline-block;
    margin-right: 10px;
}

.factor_style1 .print_only {
    display: none;
}

/***************************** LOADING_STYLE *********************************/
.loading_style1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 50px auto 0;
    width: 250px;
    height: 100px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 2;
    padding: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.loading_style1:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    background: url(../images/logo/loading.jpg) no-repeat center center / 85% auto;
}

.loading_style1 .text {
    position: absolute;
    bottom: 14px;
    right: 23px;
    font-size: .7rem;
    color: #777;
    text-shadow: 0 0;
}

.loading_style1 .text:after {
    content: '';
    position: absolute;
    left: -47px;
    bottom: -13px;
    height: 40px;
    width: 50px;
    background: url(../images/loading/loading-dot-black.svg) no-repeat center center / contain;
}

/***************************** PRICE_STYLE *********************************/
/* seller-account - table of products */
.price_style1 {
    font-size: 0.75rem;
}

.price_style1 .price_old {
    position: relative;
    color: #999;
}

.price_style1 .price_old:before {
    content: '';
    position: absolute;
    right: -2px;
    left: -2px;
    top: 10px;
    height: 1px;
    background: rgba(255, 0, 0, 0.8);
}

/***************************** WARNING_STYLE *********************************/
.warning_style1 {
    font-size: .8rem;
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #eedda6;
    border-radius: 3px;
}

.warning_style1 p.text {
    line-height: 27px;
    margin: 0;
    padding: 7px 0 7px 7px;
}

.warning_style1 i.i-attention {
    color: #C1A864;
    font-size: 1.9rem;
}

/***************************** SEARCH_STYLE *********************************/
.search_style1 .search_wrapper {
    border: 1px solid #ddd;
    height: 38px;
    position: relative;
    border-radius: 3px;
}

.search_style1 .search_wrapper input[type='text'] {
    border: 0 none;
    height: 100%;
    width: 100%;
    padding: 0 10px 0 40px;
    background: transparent;
    font-size: .9rem;
    color: #333;
}

.search_style1 .search_wrapper .icon_search {
    position: absolute;
    left: 0;
    top: 1px;
    line-height: 38px;
    width: 34px;
    text-align: center;
    font-size: 1.1rem;
    color: rgba(23, 190, 187, 0.5);
}

/* specific style for each page*/
/* homePage */
body[data-route='home.index'] .pageSideBar .card_style1.bestsellers,
body[data-route='home.index'] .pageSideBar .card_style1.faq,
body[data-route='home.index'] .pageSideBar .card_style1.blog,
body[data-route='home.index'] .pageSideBar .certificate_style1 {
    margin-top: 30px;
}

/* user > message */
.userPages .message_part1 td.subject {
    padding-right: 15px;
}

.userPages .message_part1 .see_msg {
    color: #007bff;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
}

.userPages .message_part1 .see_msg.ajaxload_style2 i {
    opacity: 0;
}

/* user > factor */
.userPages .factors_table td {
    height: 100px;
}

.userPages .order_part1 td.action .view_factor {
    color: #1796be;
}

.userPages .order_part1 td.action .view_factor:hover {
    color: #666;
}

.userPages .order_part1 td.action .complete_factor {
    color: #01B7F2;
}

.userPages .order_part1 td.action .remove_factor {
    color: #ff7800;
}

.userPages .order_part1 .table_style1 .label_style1.success,
.userPages .order_part1 .table_style1 .label_style1.sent,
.userPages .order_part1 .table_style1 .label_style1.delivered {
    background-color: #59a559;
}

.userPages .order_part1 .table_style1 .label_style1.in_progress {
    background-color: #fbaf00;
}

.userPages .order_part1 .table_style1 .label_style1.error,
.userPages .order_part1 .table_style1 .label_style1.cancel {
    background-color: #ee494f;
}

.userPages .order_part1 .table_style1 .label_style1.making_ready {
    background-color: #41b9ff;
}

@media only screen and (max-width: 767px) {
    .userPages--factors .container_style1.type2 {
        padding: 20px 0;
    }

    .userPages--factor .container_style1.type2 {
        padding: 20px 0;
    }

    .userPages .factors_table .label_style1 {
        padding: 0 3px;
        font-size: .7rem;
    }
}

/* user > seller > siteProducts */
.userPages .productList_part1 td.product_info .proinfo_right {
    padding: 5px;
}

.userPages .productList_part1 td.product_info .proinfo_right img {
    max-width: 100%;
}

.userPages .productList_part1 td.product_info .proinfo_left {
    text-align: right;
    padding-right: 10px;
    line-height: 22px;
}

.userPages .productList_part1 td.action .text_selected {
    font-size: .8rem;
}

.userPages .productList_part1 .td_seller_price .icon_edit {
    font-size: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eee;
    width: 25px;
    line-height: 20px;
    color: #a6a6a6;
    padding: 2px 0 0 0;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
    border-top-right-radius: 3px;
}

#setPriceModal .modal-dialog {
    max-width: 400px;
}

#setPriceModal .product_info_wrapper {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

#setPriceModal .product_info_wrapper .proinfo_right img {
    max-width: 100%;
}

#setPriceModal .product_info_wrapper .proinfo_left {
    font-size: 0.75rem;
    line-height: 24px;
}

.userPages .productList_part1 .datetime {
    line-height: 25px;
}

/* contact-us */
.contactUs_part1 .contactInfo_wrapper .list_style5 {
    padding-right: 10px;
}

.contactUs_part1 .container_style1 {
    padding-bottom: 60px;
    padding-top: 30px;
}

.contactUs_part1 .contact_captcha {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: right top;
    -webkit-transform-origin: right top;
}

/* coupon-guide */
.couponGuide_part1 .coupon_pic {
    width: 450px;
    height: 225px;
    background: url(../images/bg/coupon-guide.jpg) no-repeat center center / contain;
    margin: -20px auto 5px;
}

/* search products */
.search_part0 {
    background: #fff;
    padding: 20px 20px 10px;
    border: 1px solid #eee;
}

.search_part1 .noItem_wrapper {
    background: #fff;
    padding: 1px;
    border: 1px solid #eee;
    border-bottom: 0 none;
}

/* factor_payment_announce
---------------------------------------- */
.factor_payment_announce {
    background-color: #f7f9fb;
    border: 1px solid #dddfe2;
    text-align: justify;
}

.factor_payment_announce__text {
    font-size: .8rem;
    margin-bottom: 6px;
    line-height: 1.8;
}

.factor_payment_announce__price {
    color: #fb783e;
}

.factor_payment_announce__account_info {
    text-align: right;
    margin-bottom: 0;
    font-size: .95rem;
}

.factor_payment_announce__account_no {
    display: inline-block;
    letter-spacing: 1px;
    direction: ltr;
    text-align: left;
    margin-top: 10px;
    color: #fb783e;
}

.factor_payment_announce__phone {
    display: inline-block;
    letter-spacing: 1px;
    direction: ltr;
    text-align: left;
    color: #fb783e;
}

.factor_payment_announce__pay_btn {
    margin: 20px auto 0;
    display: block;
    max-width: 250px;
    width: 100%;
    text-align: center;
}


/* vue styles */
.fadeHeight-enter-active,
.fadeHeight-leave-active {
    transition: all 0.2s;
    max-height: 230px;
}

.fadeHeight-enter,
.fadeHeight-leave-to {
    opacity: 0;
    max-height: 0px;
}

/* toast */
.toast_link {
    background: rgba(0, 0, 0, .2);
    display: block;
    text-align: center;
    text-decoration: none;
    border-bottom: 0 none !important;
    border-radius: 3px;
    line-height: 2;
    margin-top: 3px;
}

/* postal barcode in factor detail */
.postal_barcode__btn {
    display: block;
    font-size: 0.9rem;
    text-align: center;
    line-height: 2.7;
    background-color: #35a1ff;
    color: #fff;
    border-radius: 2px;
}

.postal_barcode__list_item {
    font-size: .8rem;
    line-height: 2;
}

.postal_barcode__list_item_val {
    color: #35a1ff;
}

/*send_time_alert in cart checkout send time*/
.send_time_alert {
    font-size: 0.95rem;
    padding: 1rem;
    padding-right: 2.5rem;
    color: #444;
}

.send_time_alert li {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.send_time_alert b {
    text-decoration: underline;
}

.choose_type_style1 .hour_table td.info .text,
.choose_type_style1 .hour_item .choice {
    font-size: 0.85rem;
}

/* status_box : in colleague page in clientarea */
.status_box {
    background: url(../images/bg/dashboard-report-chart.png) repeat-x center bottom;
    padding: 2rem 1rem;
    border-radius: 5px;
    position: relative;
    font-size: 1rem;
    color: #fff;
}

.status_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/bg/dashboard-report-grid.png) repeat;
}

.status_box--red {
    background-color: #f45f61;
}

.status_box--purple {
    background-color: #a671ef;
}

.status_box--green {
    background-color: #a2ce37;
}

.status_box p {
    margin-bottom: 0;
}