/*a {
    cursor: pointer;
    outline: none;
    color: #000;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #000;
}
a:focus{
    outline: none;
    color: #000;
    text-decoration: none;
}*/
u {
    font-style: normal;
    text-decoration: none;
}
.mg-b20{
    margin-bottom: 20px;
}
.product-list .filter-top .cell:last-child {
    margin-right: 0;
}
.no_result p{
    margin-bottom: 50px;
}
.no_result .back_to_product{
    width: 220px;
}
span.italic{
    font-style: italic;
}
span.red-waring{
    color: #9d0229;
    display: block;
    padding: 5px 0 5px;
}
span.gray-waring{
    color: #333333;
    display: block;
    padding: 5px 0 5px;
}
/**
 * Simplecomplete
 */

.autocompleter {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
}

.autocompleter,
.autocompleter-hint {
    position: absolute;
}

.autocompleter-list {
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item {
    padding: 6px 12px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

.autocompleter-item-selected {
    background: #000;
    color: #fff;
}

.autocompleter-item:hover {
    background: #000;
    color: #fff;
}

.autocompleter-item strong {
    font-weight: 700;
}

.autocompleter-item span {
    color: #bbbbbb;
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    font-size: 24px;
    display: none;
}

.autocompleter-hint span {
    color: transparent;
}

.autocompleter-hint-show {
    display: block;
}

.autocompleter-closed {
    display: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.page {
    overflow: hidden;
    position: relative;
}
.rd-mobilepanel_toggle {
    display: none;
}
select{
    border-radius: 0;
}
option{
    background: #fff;
    color: #000;
}
.check-label{
    width: 16px;
    height: 16px;
    border:1px solid #cbcbcb;
    border-radius: 50%;
    cursor: pointer;
}
.check-label.checked{
    border:4px solid #8c7b47;
}
.product-list .right-main .page-bottom a:hover {
    background: #000;
    color: #fff;
}
.gray-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    z-index: 111;
    display: none;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    width: 10px;
    height: 5px;
    background: url(../img/arrow_down.png)no-repeat;
    background-size: 100%;
}
.bootstrap-select.open .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    width: 10px;
    height: 5px;
    background: url(../img/arrow_down.png)no-repeat;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moztransform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-size: 100%;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.custom-check.inactive-check{
    cursor: not-allowed!important;
    background: #999999!important;
}
.pagination > li:last-child > a,
.pagination > li:first-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > span {
    border-radius: 0;
    padding: 0;
    width: 34px;
    text-align: center;
    height: 34px;
    line-height: 34px;
}
.pagination > li:last-child > span,
.pagination > li:first-child > span{
    opacity: .5;
    background: transparent!important;
}
.pagination > .active > a ,
.pagination > .active > a:hover, 
.pagination > .active > a:focus{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #000!important;
    border-color: #ddd!important;
}
.pagination > li > a:hover {
    z-index: 2;
    color: #fff!important;
    cursor: default;
    background-color: #000!important;
    border-color: #ddd!important;
    cursor: pointer;
}
.pagination > li > a:focus{
    z-index: 2;
    color: #000;
    cursor: default;
    background-color: #fff;
    border-color: #ddd;
} 
header .dropdown-menu > li > a:hover,header .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:hover {
    background: #fff !important;
    outline: none!important;
}
.red-star{
    color: #9d0229;
    font-style:normal;
}
.check2-mobile-head{
    display: none;
}
.table-page{
    float: right;
    margin-top: 20px;
}
.cell.page .over{
    float: left;
}
.cell.page .over a{
    height: 32px;
    width: 31px;
    border:1px solid #cbcbcb;
    display: block;
    float: left;
    text-align: center;
    line-height: 32px;
    border-right: 0;
    color: #000;
}
.cell.page .over a:last-child{
    border-right: 1px solid #cbcbcb;
    width: 32px;
}
.cell.page .over a:hover{
    background: #000;
    color: #fff;
}
.cell.page .over a.no-more{
    opacity: .5;
}
.cell.page .over a.no-more:hover{
    background: transparent;
    color: #000;
}
textarea,
input[type="password"],
input[type="text"]{
    outline: none;
    border-radius: 0;
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
}
.sly-prevpage,.sly-nextpage{
    z-index: 1!important;
    cursor: pointer;
}
html,
body {
    font-family: 'Roboto', serif;
    min-height: 280px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", serif;
}
footer{
    background: #000;
}
@media screen and (min-width:1025px) {
    .v2-banner{
        margin-top: 0!important;
    }
    .acount-overview .overview-right .record .main ul li .table-td a.orange-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        padding: 0 15px;
    }

    .acount-overview .overview-right .record .table-head span:first-child{
        border-left: 0;
    }

    .acount-overview .overview-right .record .main ul li .table-td a.red-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        width: 80px;
    }
    .acount-overview .overview-right .record .main ul li .table-refund,
    .acount-overview .overview-right .record .main ul li .table-return{
        text-decoration: underline;
    }

    .acount-overview .overview-right .record .main ul li:after {
        content: "";
        border-bottom: 1px solid #e7e7e7;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
    }
    .acount-overview .overview-right .record .main ul li:last-child:after{
        border:0;
    }
    .acount-overview .overview-right .record .main ul li .no-yet{
        color:#9d0229;
        font-weight: 500;
    }
    .acount-overview .overview-right .record .table-head {
        padding: 7px 0;
        overflow: hidden;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        text-transform: uppercase;
    }

    .acount-overview .overview-right .record .table-head span {
        border-left: 1px solid #e7e7e7;
        line-height: 21px;
        display: block;
        float: left;
        padding-left: 18px;
        font-weight: 500;
    }
    .acount-overview .overview-right .record .main ul {
        padding-bottom: 0;
    }

    .acount-overview .overview-right .record .main ul li {
        padding: 10px 0;
        overflow: hidden;
        position: relative;
    }

    .acount-overview .overview-right .record .main ul li .table-td {
        line-height: 30px;
        display: block;
        float: left;
        padding-left: 18px;
    }

    .acount-overview .overview-right .record .main ul li .table-td .s1{
        display: none;
    }

	.acount-overview .overview-right{
		width:72.5%;
		float: right;
	}
	.acount-overview {
		overflow: hidden;
	}
	.acount-overview.all-region{
		margin-top: 30px;
	}
	.acount-overview.all-region .title-style2{
		padding-top: 0;
	}
	.acount-overview .overview {
		padding-bottom: 50px;
		margin-right: 75%;
	}

	.acount-overview .overview .title {
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
		background: #000;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
	}

	.acount-overview .overview ul li {
		position: relative;
		border-bottom: 1px solid #fff;
		background: #f0f0f0;
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}

	.acount-overview .overview ul li i {
		display: none;
		right: 20px;
		top: 0px;
		line-height: 60px;
		position: absolute;
        pointer-events: none;
	}

	.acount-overview .overview ul li a {
		color: #000;
		text-decoration: none;
		display: block;
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
	}

	.acount-overview .overview ul li .slide {
		display: none;
	}

	.acount-overview .overview ul li .slide .cell {
		border-top: 1px solid #e7e7e7;
		height: 60px;
		line-height: 60px;
		background: #f0f0f0;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		padding-left: 40px;
	}

	.acount-overview .overview ul li i.icon-icon_font_plus,.acount-overview .overview ul li i.icon-icon_font_minus {
		color: #000;
		display: block;
	}
    .acount-overview .overview ul li a:hover,
	.acount-overview .overview ul li a.active{
		background: #000;
		color: #fff;
	}
    .acount-overview .overview ul li .slide .cell:hover,
	.acount-overview .overview ul li .slide .active.cell{
		background: #000;
		color: #fff;
	}
	.acount-overview .overview ul li .active.slide{
		display: block;
	}
	main .titleOne {
        font-size: 30px;
        padding: 23px 0 10px 0;
    }
    main .titleTwo {
        font-size: 12px;
        cursor: pointer;
        position: relative;
    }
    .nav-title a:hover,
    .nav-title a:focus,
    main .titleTwo a:hover,
    main .titleTwo a:focus{
        color: #8c7b47;
        text-decoration: none;
    }
    .title-content {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        padding-bottom: 20px!important;
    }
    .title-style2{
        padding: 50px 0 20px;
        font-size: 22px;
        text-align: center;
        font-weight: 400;
        letter-spacing: 2px;
    }
    .line{
        text-align: center;
    }
    .popover{
        width: auto;
        max-width: none;
    }
    header .logoMain .rightsideBar .rightsideBar-ul.rightsideBar-ul-mobile{
        display: none;
    }
    .rd-mobilepanel_toggle {
        display: none;
        float: left;
        width: 40px;
        height: 75px;
        border: none;
        background: transparent;
        padding: 0;
        outline: none;
        z-index: 111;
        outline-offset: 0;
        cursor: pointer;
        -webkit-appearance: none;
    }
    .rd-mobilepanel_toggle.active {
        background: transparent;
    }
    .rd-mobilepanel_toggle span {
        position: relative;
        display: block;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -7px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after {
        top: 7px;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span {
        width: 25px;
        height: 2px;
        border-radius: 2px;
        background-color: #7a6a39;
        backface-visibility: hidden;
    }
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }
    .rd-mobilepanel_toggle.active span {
        transition: background .3s 0s ease;
        background: transparent;
    }
    .rd-mobilepanel_toggle.active span:before,
    .rd-mobilepanel_toggle.active span:after {
        top: 0;
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }
    .rd-mobilepanel_toggle.active span:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .rd-mobilepanel_toggle.active span:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header {
        position: fixed;
        left: 0;
        right: 0;
        top:0;
        z-index: 112;
    }
    header.mini-nav{
        z-index: 1111;
    }
    header .h-transition {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    header .newMassage {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        z-index: 122222;
        overflow: hidden;
        height: 30px;
        color: #fff;
        background: #8c7b47;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        letter-spacing: 0.4px;
    }
    header .newMassage a {
        font-weight: bold;
        color: #fff;
        text-decoration: underline;
    }
    header .newMassage a:hover{
        color: #000;
    }
    header .logoMain .logo {
        float: left;
        height: 75px;
        cursor: pointer;
        line-height: 75px;
        color: #8b7c45;
        font-size: 25px;
    }
    header .logoMain .logo a{
        display: block;
        width: 200px;
        line-height: 70px;
    }
    header .logoMain .logo a img{
        width: 100%;
    }
    header .logoMain .logo a:last-child {
        display: none;
    }
    header .logoMain {
        position: relative;
        left: 0;
        right: 0;
        z-index: 122222;
        background: #000000;
        height: 75px;
    }
    header .logoMain .rightsideBar {
        position: absolute;
        right: 20px;
        top: 0;
        height: 75px;
    }
    header.mini-nav .logoMain .rightsideBar {
        height: 50px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul {
        display: inline-block;
        margin-top: 25px;
        height: 25px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li {
        cursor: pointer;
        display: inline-block;
        margin-left: 20px;
        position: relative;
        height: 50px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul .chat-guide {
        display: none;
    }
    header.mini-nav .logoMain .logo {
        height: 50px;
        margin-top: -13px;
    }
    header.mini-nav .logoMain {
        height: 50px;
        top: 0;
    }
    header.mini-nav .logoMain .rightsideBar .rightsideBar-ul {
        margin-top: 12.5px;
        height: 25px;
    }
    header.mini-nav .logoMain .rightsideBar .rightsideBar-ul li{
        height: 37.5px;
    }
    header.mini-nav .rd-mobilepanel_toggle {
        display: none;
        height: 50px;
    }
    header.mini-nav .newMassage {
        height: 0;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .guide-div span {
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        font-weight: 400;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .icon-icon_font_navi_dropdown_arrow{
        -webkit-transform:translateY(0)!important ;
        transform:translateY(0)!important ;
        -moz-transform:translateY(0)!important ;
        -ms-transform:translateY(0)!important ;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .guide-div{
        height: 25px;
        overflow: hidden;
        position: relative;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .guide-div i {
        color: #8a753e;
        font-size: 20px;
        line-height: 25px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -1px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .guide-div .i-animate{
        position: absolute;
        left: 0;
        top:25px;
        color: #fff;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li:hover .guide-div i,
    header .logoMain .rightsideBar .rightsideBar-ul li .icon-icon_font_navi_cellar.addanimate,
    header .logoMain .rightsideBar .rightsideBar-ul li .icon-icon_font_navi_cart.addanimate{
        -webkit-transform:translateY(-25px) ;
        transform:translateY(-25px) ;
        -moz-transform:translateY(-25px) ;
        -ms-transform:translateY(-25px) ;
    }

    header .logoMain .rightsideBar .acount-position,header .logoMain .rightsideBar .lang-position {
        top: 40px;
        left: 50%;
        margin-left: -50px;
        position: absolute;
        z-index: 111;
    }
    header .logoMain .rightsideBar .acount-position{
        margin-left: -106.5px;
    }
    header.mini-nav .logoMain .rightsideBar .acount-position,header.mini-nav .logoMain .rightsideBar .lang-position {
        top: 27px;
    }
    header .logoMain .rightsideBar .acount-popup,header .logoMain .rightsideBar .lang-popup {
        margin-top: 10px;
        padding: 5px 0;
        width: 213px;
        border: 1px solid #c4cbd1;
        background: #fff;
        position: relative;
        padding-bottom: 30px;
    }
    header .logoMain .rightsideBar .lang-popup{
        width: 100px;
        padding-bottom: 5px;
    }
    header .logoMain .rightsideBar .acount-popup:before,header .logoMain .rightsideBar .lang-popup:before {
        content: "";
        top: -10px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .rightsideBar .acount-popup:after,header .logoMain .rightsideBar .lang-popup:after {
        content: "";
        top: -9px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .rightsideBar .acount-popup .list-a,header .logoMain .rightsideBar .lang-position .list-a {
        text-align: center;
    }
    header .logoMain .rightsideBar .acount-popup .list-a a,header .logoMain .rightsideBar .lang-position .list-a a {
        display: inline-block;
        width: 80%;
        color: #000;
        padding: 7px 0;
        text-decoration: none;
    }
    header .logoMain .rightsideBar .lang-position .list-a a{
        width: 100%;
    }
    header .logoMain .rightsideBar .lang-position .list-a a:hover{
        background: #000;
        color: #fff;
    }
    header .logoMain .rightsideBar .acount-popup .list-a a:hover{
        color: #8c7b47;
    }
    header .logoMain .rightsideBar .custormer-service {
        text-align: center;
        display: none;
        margin-top: 21px;
    }
    header .logoMain .rightsideBar .custormer-service span {
        display: inline-block;
        width: 122px;
        border-top: 1px solid #e6e6e6;
        padding: 21px 0;
    }
    header .logoMain .rightsideBar .logout {
        padding-top: 21px;
        border-top: 1px solid #e6e6e6;
        width: 140px;
        margin:0 auto;
        text-align: center;
        margin-top: 21px;
    }
    header .logoMain .rightsideBar .logout a {
        background: #9d0229;
        color: #fff;
        display: inline-block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        font-size: 16px;
    }
    header .logoMain .rightsideBar .logout a:hover{
        background: #fff;
        color: #9d0229;
        border:1px solid #9d0229;
        line-height: 35px;
    }
    header .logoMain .cart-position {
        position: absolute;
        width: 465px;
        margin-left:232.5px; 
        top: 40px;
        right: 0;
        z-index: 1111112;
        display:none;
    }
    header.mini-nav .logoMain .cart-position {
        top: 27px;
    }
    header .logoMain .cart-popup {
        margin-top: 10px;
        background: #fff;
        border: 1px solid #c9cdd0;
        position: relative;
    }
    header .logoMain .cart-popup:before {
        content: "";
        top: -10px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .cart-popup:after {
        content: "";
        top: -9px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .cart-popup .title {
        text-transform: uppercase;
        border-bottom: 1px solid #e8e8e8;
        width: 405px;
        margin: 0 auto;
        text-align: center;
        line-height: 50px;
        letter-spacing: 2px;
        font-size: 20px;
        font-weight: 500;
    }
    header .logoMain .cart-popup .cart-scorll {
        margin-left: 30px;
        width: 424px;
        max-height: 308px;
        overflow-y: hidden;
    }
    header .logoMain .rightsideBar .rightsideBar-ul .cart-guide .cart-popup ul {
        width: 405px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul .cart-guide .cart-popup ul li {
        border-bottom: 1px solid #e8e8e8;
        height: auto;
        position: relative;
        cursor: auto;
        display:block;
        margin-left: 0;
        overflow: hidden;
    }
    header .logoMain .cart-popup .remove {
        font-size: 18px;
        line-height: 18px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -9px;
    }
    header .logoMain .cart-popup .pic {
        float: left;
        width: 90px;
        line-height: 76px;
        text-align: center;
        cursor: pointer;
    }
    header .logoMain .cart-popup .pic img {
        height: 64px;
    }
    header .logoMain .cart-popup .massage {
        margin-left: 110px;
        width: 220px;
        padding-top: 5px;
    }
    header .logoMain .cart-popup .name {
        height: 40px;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        cursor: pointer;
    }
    header .logoMain .cart-popup .name:hover{
        text-decoration: underline;
    }
    header .logoMain .cart-popup .price {
        margin: 5px 0 5px 0;
        font-size: 14px;
    }
    header .logoMain .cart-popup .price .s1 {
        color: #9d0229;
        font-weight: 700;
    }
    header .logoMain .cart-popup .price .s2 {
        color: #717171;
        margin-left: 5px;
        font-size: 13px;
    }
    header .logoMain .cart-popup .addProduct {
        font-size: 16px;
        font-weight: 500;
        display: none;
    }
    header .logoMain .cart-popup .addProduct .addinput {
        float: left;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub {
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        border-right: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput .add {
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        border-left: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput input {
        font-weight: 400;
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        width: 29px;
        height: 30px;
        text-align: center;
        padding: 0;
    }
    header .logoMain .cart-popup .mobile-total{
        width: 405px;
        margin: 0 auto;
        overflow: hidden;
        padding:15px 0;
    }
    header .logoMain .cart-popup .total {
        overflow: hidden;
        font-size: 18px;
        float: left;
    }
    header .logoMain .cart-popup .total .left {
        font-weight: 400;
    }
    header .logoMain .cart-popup .total .right {
        color: #9d0229;
        font-weight: 700;
    }
    header .logoMain .cart-popup .checkout {
        font-weight: 500;
        text-align: center;
        display: block;
        width: 250px;
        line-height: 39px;
        height: 38px;
        margin: 0 auto;
        margin-top: 5px;
        background: #9d0229;
        color: #fff;
        font-size: 16px;
        float: right;
    }
    header .logoMain .cart-popup .checkout:hover {
        border: 1px solid #9d0229;
        background: transparent;
        color: #9d0229;
        text-decoration: none;
        line-height: 37px;
    }
    header .logoMain .cart-popup .free {
        background: #f0f0f0;
        padding: 15px 0;
    }
    header .logoMain .cart-popup .free-main {
        height: 40px;
        margin: 0 auto;
        width: 405px;
    }
    header .logoMain .cart-popup .free-main .progress1 {
        width: 325px;
        float: left;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar {
        margin-top: 2px;
        height: 14px;
        padding: 2px;
        background: #cccccc;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar span {
        height: 10px;
        background: #8c7b47;
        display: block;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto {
        margin: 6px 0;
        font-size: 16px;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto i {
        color: #8c7b47;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto span {
        font-weight: 700;
    }
    header .logoMain .cart-popup .free-main .free-logo {
        margin-left: 340px;
    }
    header .logoMain .cart-popup .free-main .free-logo h1 {
        font-size: 25px;
        margin: 0;
        font-weight: 700;
        line-height: 25px;
    }
    header .logoMain .cart-popup .free-main .free-logo p {
        margin: 0;
    }
    header .search-positon {
        position: absolute;
        top: 65px;
        z-index: 111;
        left: 0;
        right: 0;
    }
    header.mini-nav .search-positon {
        top: 40px;
    }
    header .search {
        border-bottom: 1px solid #cbcbcb;
        background: #fff;
        margin-top: 10px;
    }
    header .search .search-top {
        max-width: 1240px;
        margin: 0 auto;
        height: 80px;
        padding: 0 20px;
        position: relative;
    }
    header .search .search-top .search-main {
        max-width: 1000px;
        position: relative;
        margin: 0 auto;
    }
    header .search .search-top .triangle {
        top: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .search .search-top .triangle:after {
        content: "";
        top: 1px;
        left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .search .search-top .close {
        opacity: 1;
        color: #000;
        height: 80px;
        float: left;
        font-size: 30px;
        width: 32px;
        text-align: center;
        line-height: 80px;
    }
    header .search .search-top input {
        line-height: 80px;
        outline: none;
        display: block;       
        height: 80px;
        font-size: 37px;
        width: 100%;
        border: 0;
        padding: 0;
        box-shadow: none;
    }
    header .search .search-top .auto_text_input{
        margin-left: 55px;
        height: 80px;
        margin-right: 55px;
        position: relative;
    }
    .autocompleter {
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 100;
    }
    .autocompleter-hint {
        text-align: left;
        top: -80px;
        font-weight: 400;
        line-height: 80px;
        left: 0;
        width: 100%;
        padding:0;
        font-size: 37px;
        display: none;
    }
    .autocompleter-hint-show {
        display: block;
    }
    header .search .search-top input::-webkit-input-placeholder {
        color: #ececec;
    }
    header .search .search-top .ok {
        color: #000;
        height: 80px;
        font-size: 30px;
        width: 32px;
        text-align: center;
        line-height: 80px;
        position: absolute;
        right: 20px;
        top: 0;
    }
    header .search .hotsearch {
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        padding-bottom: 8px;
    }
    header .search .hotsearch .word {
        max-width: 1042px;
        padding: 0 20px;
        margin: 0 auto;
        overflow: hidden;
    }
    header .search .hotsearch .word .word-list {
        margin-left: 132px;
        height: 100%;
        overflow: hidden;
    }
    header .search .hotsearch .word span {
        display: block;
        line-height: 20px;
        font-size: 14px;
        float: left;
        width: 132px;
        text-align: right;
        margin-top: 8px;
    }
    header .search .hotsearch .word a {
        border-right: 1px solid #ededed;
        display: inline-block;
        line-height: 20px;
        font-size: 14px;
        float: none;
        padding: 0 15px;
        color: #85805a;
        margin-top: 8px;
    }
    header .search .hotsearch .word a:last-child {
        border: 0;
    }
    header .search .advanced-search {
        max-width: 1040px;
        padding: 0 20px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    header .search .advanced-search .top {
        padding: 20px 0 10px 0;
    }
    header .search .advanced-search .advanced {
        float: left;
        height: 32px;
        line-height: 32px;
        width: 132px;
        margin-right: 12px;
        text-align: right;
    }
    header .search .advanced-search .advanced i{
        display: none;
    }
    header .search .advanced-search .ad-select {
        width: 23%;
        float: left;
        margin-right: 2%;
    }
    header .search .advanced-search .ad-select * {
        border-radius: 0;
        outline: none!important;
    }
    header .search .advanced-search .ad-select .dropdown-menu {
        margin: 0;
        border-top: 0;
        padding: 0;
    }
    header .search .advanced-search .ad-select .btn {
        padding: 0 10px;
        height: 32px;
        line-height: 30px;
    }
    header .search .advanced-search .ad-select .dropdown-menu li a {
        padding: 0 10px;
        line-height: 35px;
    }
    header .search .advanced-search .ad-select .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select.open .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select .dropdown-toggle.btn-default {
        background: #fff!important;
        box-shadow: none!important;
        border-color: #ccc!important;
    }
    .for-animate {
        display: none;
    }
    header .search .advanced-search .Filterd-by {
        padding-bottom: 15px;
        display: none;
    }
    header .search .advanced-search .Filterd-by .Filterd {
        width: 134px;
        line-height: 30px;
        float: left;
        margin-top: 10px;
    }
    header .search .advanced-search .Filterd-by ul {
        margin-left: 134px;
    }
    header .search .advanced-search .Filterd-by ul li {
        font-weight: 400;
        background: #f2f2f2;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 15px;
        margin: 0 10px;
        margin-top: 10px;
        border-radius: 20px;
    }
    header .search .advanced-search .Filterd-by ul li i {
        margin-right: 7px;
        font-size: 12px;
    }
    header .search .advanced-search .Filterd-by .Clear {
        background: transparent;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 10px;
        margin-top: 10px;
        color: #887e4d;
        font-size: 15px;
        text-decoration: underline;
        cursor: pointer;
        font-style: italic;
    }
    /*自定义多选select Start*/
    .ad-multiple-select {
        position: relative;
    }
    .ad-multiple-select button {
        position: relative;
        width: 100%;
        text-align: left;
        background: #fff;
        padding: 0 10px;
        line-height: 30px;
        font-size: 14px;
        color: #000;
        border: 1px solid #ccc;
    }
    .ad-multiple-select button .caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        vertical-align: middle;
    }
    .ad-multiple-select .mul-menu {
        display: none;
        background: #f7f7f7;
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: 0;
        position: absolute;
        left: 0;
        right: 0;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud ul {
        display: none;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud span {
        line-height: 37px;
        margin: 0 0 0 35px;
        display: block;
        position: relative;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li {
        position: relative;
        display: block;
    }
    .ad-multiple-select .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    .ad-multiple-select.open .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li p {
        line-height: 37px;
        margin: 0 0 0 65px;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span {
        position: relative;
        cursor: pointer;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span i {
        position: absolute;
        left: 12px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li i {
        position: absolute;
        left: 40px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select.open .mul-menu {
        display: block;
    }
    /*自定义多选select End*/
    header .nav {
        background: #ffffff;
        height: 40px;
        border-bottom: 1px solid #e2e2e2;
        position: relative;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        top: 0;
    }
    header.mini-nav .nav{
        top:-41px;
    }
    header .nav.scroll-height{
        top: 0;
        border-bottom: 1px solid #e2e2e2;
    }

    header .nav.scroll-height .nav-ul{
        height: 41px;
    }
    header .nav .nav-ul {
        height: 41px;
        text-align: center;
        font-size: 12px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    header .nav .nav-ul>li {
        display: inline-block;
        position: relative;
    }
    header .nav .nav-ul>li .nav-a {
        padding-left: 19.5px;
        padding-right: 19.5px;
        display: block;
        line-height: 40px;
        letter-spacing: 0.5px;
        font-weight: 500;
        color: #000;
    }
    header .nav .nav-ul>li .nav-a:hover,
    header .nav .nav-ul>li .nav-a.active {
        text-decoration: none;
        background: #8c7b47;
        color: #fff;
    }
	header .nav .nav-ul>li .about-wine-menu{
		position: absolute;
		left: 0;
		top:40px;
		background: #fff;
		border:1px solid #c4cbd1;
		z-index: 111;
	}
	header .nav .nav-ul>li .about-wine-menu .padding{
		padding: 20px 20px 0 20px;
	}
	header .nav .nav-ul>li .about-wine-menu .menu-list{
		border-bottom: 1px solid #e7e7e7;
	}
	header .nav .nav-ul>li .about-wine-menu .menu-list:last-child{
		border:0;
	}
	header .nav .nav-ul>li .about-wine-menu .menu-list a{
		display: block;
		padding: 7px 0;
		text-align: left;
		font-weight: 500;
		white-space:nowrap;
		padding-right: 10px;
        font-size: 14px;
	}
	header .nav .nav-ul>li .about-wine-menu .menu-list a:hover{
		color: #8c7b47;
	}
	header .nav .nav-ul>li .events-menu{
		position: absolute;
		left: 0;
		top:40px;
		background: #fff;
		border:1px solid #c4cbd1;
		z-index: 111;
		overflow: hidden;
	}
	header .nav .nav-ul>li .events-menu .padding{
		padding: 10px 20px;
	}
	header .nav-ul>li .events-menu .buyerspick{
		width: 250px;
		float: none;
		margin-left: 250px;
		margin-top: 0;
	}
	header .nav-ul>li .events-menu .left{
		width: 250px;
		float: left;
	}
	header .nav-ul>li .events-menu .left .left-bold a{
		font-size: 14px;
		padding:7px 0;
		font-weight: 500;
		display: block;
		text-align: left;
	}
	header .nav-ul>li .events-menu .left .left-normal a{
		font-size: 14px;
		padding:7px 0;
		display: block;
		width: 150px;
		text-align: left;
		border-bottom: 1px solid #e7e7e7;
	}
	header .nav-ul>li .events-menu .left .left-normal a:last-child{
		border:0;
	}
	header .nav-ul>li .events-menu .left a:hover{
		color: #8c7b47;
	}
    header .nav .product-menu-position,
    .gift-ideas-menu-position {
        top: 39px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10000002;
        background: #fff;
        height: auto;
    }
    header .nav .product-menu {
        border-top: 1px solid #8c7b47;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 10px;
        overflow: hidden;
    }
    header .nav .product-menu .wine {
        width: 58.333333333%;
        float: left;
    }
    header .nav .product-menu .wine .title {
        padding: 23px 0 13px 0;
        border-bottom: 2px solid #000;
        color: #8c7b47;
        font-weight: 700;
        font-size: 14px;
    }
    header .nav .product-menu .wine .cell {
        width: 21.4285714285%;
        float: left;
        margin-left: 7.14285714285%;
    }
    header .nav .product-menu .wine .cell:first-child {
        margin-left: 0;
    }
    header .nav .product-menu .wine .cell .cell-silde {
        display: none;
    }
    header .nav .product-menu .wine .cell .cell-silde.active {
        display: block;
    }
    header .nav .product-menu .wine .other {
        width: 42.85714285714%;
    }
    header .nav .product-menu .wine .cell .word {
        padding: 23px 0 14px 0;
        border-bottom: 1px solid #ededed;
        font-weight: 500;
        position: relative;
    }
    header .nav .product-menu .wine .cell .word:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .product-menu .wine .cell p {
        text-align: left;
        margin: 0;
        cursor: pointer;
    }
    /*header .nav .product-menu .wine .cell p.active,*/
    header .nav .product-menu .wine .cell p:hover {
        color: #8c7b47;
    }
    header .nav .product-menu .wine .other ul{
        width: 50%;
    }
    header .nav .product-menu .wine .cell ul {
        padding-top: 10px;
        float: left;
    }
    header .nav .product-menu .wine .cell ul li {
        display: block;
        line-height: 21px;
    }
    header .nav .product-menu .wine .cell span {
        display: block;
    }
    header .nav .product-menu .wine .cell span a {
        color: #000;
        margin-left: 10px;
    }
    header .nav .product-menu .wine .cell span a:hover {
        color: #8c7b47;
    }
    header .nav .product-menu .accessories {
        width: 12.5%;
        margin-left: 4.166666666%;
    }
    header .nav .product-menu .accessories .cell{
    	width: 100%;
    }
    header .nav .product-menu .accessories .main {
        padding-top: 10px;
    }
    header .nav .product-menu .accessories .main .classware {
        padding: 13px 0;
        border-top: 1px solid #ededed;
        font-weight: 500;
        cursor: pointer;
        text-transform:uppercase;
    }
    header .nav .product-menu .accessories .main .classware:hover a,
    header .nav .product-menu .accessories .main .classware:hover {
        color: #8c7b47;
    }
    header .nav .product-menu .accessories .main .classware:first-child {
        border-top: 0;
        position: relative;
    }
    header .nav .product-menu .accessories .main .classware:first-child:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .buyerspick {
        float: right;
        width: 20.8333333%;
        margin-top: 10px;
        border: 1px solid #ededed;
        text-align: center;
        padding-bottom: 20px;
    }
    header .nav .buyerspick img {
        width: 50%;
    }
    header .nav .buyerspick .title {
        padding: 13px 0;
        color: #fff;
        background: #000;
        margin-bottom: 15px;
    }
    header .nav .buyerspick .intro {
        width: 200px;
        margin: 0 auto;
        margin-top: 25px;
    }
    header .nav .buyerspick .intro h1 {
        font-size: 15px;
        color: #000;
    }
    header .nav .buyerspick .intro h1 a:hover{
        text-decoration: underline;
    }
    header .nav .buyerspick .intro .rp-ws-jh {
        margin-top: 10px;
        text-align: center;
        width: 220px;
        margin-left: -10px;
    }
    header .nav .buyerspick .intro .rp-ws-jh .cell {
        margin: 0;
        display: inline-block;
    }
    header .nav .buyerspick .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 16px;
        line-height: 17px;
        font-size: 12px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
    }
    header .nav .buyerspick .intro .rp-ws-jh .cell span {
        color: #000;
        display: inline-block;
        height: 20px;
        line-height: 22px;
    }
    header .nav .buyerspick .intro .price {
        margin-top: 15px;
        font-size: 15px;
    }
    header .nav .buyerspick .intro .price .s1 {
        color: #9d0229;
    }
    header .nav .buyerspick .intro .price .s2 {
        color: #717171;
    }
    header .nav .buyerspick .intro .mumprice {
        margin-bottom: 10px;
        color: #8c7b47;
        font-weight: 500;
    }
    header .nav .buyerspick .intro .mumprice span {
        color: #000;
        font-weight: 400;
    }
    header .nav .buyerspick .intro .viewbut {
        display: block;
        background: #9d0229;
        font-size: 15px;
        margin: 0 auto;
        line-height: 33px;
        width: 150px;
        height: 33px;
        color: #fff;
        font-weight: 500;
        margin-top: 20px;
    }
    header .nav .buyerspick .intro .viewbut:hover{
        background: #fff;
        border:1px solid #9d0229;
        color: #9d0229;
    }
    header .mobile-nav {
        display: none;
    }
    footer .foot1 {
        background: #f0f0f0;
    }
    footer .foot1 .pay-support {
        height: 75px;
        border-bottom: 1px solid #e3e3e3;
    }
    footer .foot1 .pay-support .KH_logo {
        float: left;
        height: 75px;
        line-height: 75px;
    }
    footer .foot1 .pay-support .KH_logo img {
        margin-right: 40px;
        vertical-align: middle;
    }
    footer .foot1 .pay-support .footer_Icon_Payment {
        float: right;
        height: 75px;
        line-height: 75px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment img {
        display: none;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a {
        margin-top: 15.5px;
        background: #000;
        display: inline-block;
        height: 44px;
        background: url(../img/unnamed.png)no-repeat;  
        background-size:480px;      
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(1) {
        width: 36px;
        background-position: -42px -8px
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(2) {
        width: 50px;
        background-position: -105px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(3) {
        width: 36px;
        background-position: -182px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(4) {
        width: 46px;
        background-position: -247px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(5) {
        width: 64px;
        background-position: -306px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(6) {
        width: 57px;
        background-position: -378px -8px;
    }
    footer .foot1 .company {
        padding: 30px 0;
        overflow: hidden;
    }
    footer .foot1 .company .left {
        min-height: 136px;
        border-right: 1px solid #c7c7c7;
        float: left;
        overflow: hidden;
        width: 60.5%;
    }
    footer .foot1 .company .left .cell {
        float: left;
        width: 27.54820936%;
    }
    footer .foot1 .company .left .cell p {
        font-size: 14px;
        color: #8c7b47;
        margin-bottom: 15px;
        font-weight: 500;
    }
    footer .foot1 .company .f-m-slide{
        display: block!important;
    }
    footer .foot1 .company .left .cell a {
        display: block;
        text-decoration: none;
        color: #000;
        margin-bottom: 8px;
    }
    footer .foot1 .company .left .cell2 {
        width: 35.8126721%;
    }
    footer .foot1 .company .left .cell3 {
        width: auto;
    }
    footer .foot1 .company .right {
        margin-left: 60.5%;
    }
    footer .foot1 .company .right .watson-app {
        float: left;
        margin-left: 19.02748414%;
        width: 50.7399577%;
    }
    footer .foot1 .company .right .watson-app p {
        font-size: 14px;
        color: #8c7b47;
        margin-bottom: 15px;
        font-weight: 500;
    }
    footer .foot1 .company .right .watson-app span {
        font-size: 22px;
        color: #000;
    }
    footer .foot1 .company .right .watson-app .dowmload-app {
        margin-top: 14px;
        white-space:nowrap;
    }
    footer .foot1 .company .right .mobile_image {
        margin-left: 65.750528%;
        padding-top: 20px;
    }
    footer .copyright {
        background: #000;
        height: 90px;
        padding: 25px 0;
        position: relative;
    }
    footer .copyright:after{
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        content: "";
        background: #000;
    }
    footer .copyright .warning {
        float: left;
        font-size: 13px;
    }
    footer .copyright .warning p {
        color: #999999;
        margin-bottom: 5px;
    }
    footer .copyright .warning span {
        color: #fff;
    }
    footer .copyright .foot-icon {
        float: right;
        line-height: 41px;
        height: 41px;
    }
    footer .copyright .foot-icon i {
        font-size: 30px;
        color: #8c7b45;
        line-height: 41px;
        margin-left: 16px
    }
    footer .foot1 .desktop-version {
        display: none;
    }
    main {
        padding-bottom: 5px;
        margin-top: 145px;
    }
    .livechat {
        
    }
    .livechat .chat {
        text-align: center;
        width: 60px;
        height: 80px;
        background: #8c7b47;
        padding-top: 3px;
        cursor: pointer;
        position: fixed;
        right: 0;
        bottom: 165px;
        z-index: 111;
    }
    .livechat .chat i {
        color: #fff;
        font-size: 30px;
    }
    .livechat .chat p {
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        margin-top: -1px;
    }
    .livechat .totop {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 40px;
        color: #fff;
        padding-top: 2px;
        margin-top: 5px;
        background: #000;
        opacity: .5;
        cursor: pointer;
        position: fixed;
        right: 0;
        bottom: 100px;
        z-index: 111;
    }
    .content {
        max-width: 1240px;
        margin: 0 auto;
        position: relative;
        padding: 0 20px;
        margin-top: 0!important;
    }
    .frame ul{
        padding-bottom: 1px;
    }
    .frame ul li {
        float: left;
        width: 300px;
        margin: 0;
        padding: 0;
        color: #ddd;
        text-align: center;
    }
    .frame ul li a.img{
        min-height: 181px;
        display: block;
        position: relative;
    }
    .frame ul li img {
        width: 126px;
    }
    .frame {
        overflow: hidden;
    }
    .scrollbar {
        height: 2px;
        overflow: hidden;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        min-width: 100px;
        transition-duration: .5s;
        text-align: center;
        margin-top: 40px;
    }
    .scrollbar:hover {
        /*height: 85px;*/
    }
    .scrollbar:hover div[rel="mousearea"] {
        /*height: 83px;*/
    }
    .scrollbar div[rel="mousearea"] {
        position: absolute;
        top: 0px;
        left: 0;
        width: 200px;
        height: 0px;
        border: 1px #8c7b47 solid;
    }
    .scrollbar li {
        display: inline-block;
        width: 4%;
        height: 2px;
        margin: 0px;
        padding: 0;
        background: #fefefe;
        color: #ddd;
        text-align: center;
        cursor: pointer;
    }
    .scrollbar li img {
        height: 79px;
        margin-top: 2px;
        opacity: 0.5;
        transition-duration: .5s;
        pointer-events: none;
    }
    .frame ul li.active {
        background: #fff;
    }
    .frame ul li .intro .addtobut{
        display: none;
    }
    .frame ul li .intro .mumprice{
        margin-bottom: 10px;
        color: #8c7b47;
        font-weight: 500;
    }
    .frame ul li .intro .mumprice span{
        color: #000;
        font-weight: 400;
    }
    .frame ul li .intro {
        width: 190px;
        margin: 0 auto;
        margin-top: 37px;
    }
    .frame ul li .intro h1 {
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }
    .frame ul li .intro h1:hover {
        font-size: 14px;
        color: #8c7b47;
        text-decoration: underline;
    }
    .frame ul li .intro .rp-ws-jh {
        margin-top: 10px;
        width: 235px;
        margin-left: -22.5px;
        text-align: center;
    }
    .frame ul li .intro .rp-ws-jh .cell {
        display: inline-block;
        margin-right: 2px;
    }
    .frame ul li .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 17px;
        line-height: 18px;
        font-size: 12px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        transform:scale(0.9);
    }
    .rp-ws-jh .cell p {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        transform:scale(0.9);
    }
    .frame ul li .intro .rp-ws-jh .cell span {
        font-size: 12px;
        line-height: 18px;
        color: #000;
        display: inline-block;
        height: 17px;
        line-height: 22px;
    }
    .frame ul li .intro .price {
        margin: 15px 0 3px;
        font-size: 14px;
    }
    .frame ul li .intro .price .s1 {
        color: #9d0229;
        font-weight: bold;
    }
    .frame ul li .intro .price .s2 {
        color: #717171;
        font-weight: normal;
        font-size: 12px;
    }
    .frame ul li .intro .addProduct {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }
    .frame ul li .intro .addProduct .addinput {
        float: left;
    }
    .frame ul li .intro .addProduct .addinput .sub {
        height: 32px;
        display: block;
        float: left;
        line-height: 30px;
        border: 1px solid #000;
        border-right: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput .add {
        height: 32px;
        display: block;
        float: left;
        line-height: 30px;
        border: 1px solid #000;
        border-left: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput input {
        font-weight: 400;
        display: block;
        float: left;
        line-height: 30px;
        height: 32px;
        border: 1px solid #000;
        width: 31px;
        text-align: center;
        padding: 0;
    }
    .frame ul li .intro .addProduct .addbutton {
        font-size: 16px;
        font-weight: 500;
        height: 32px;
        line-height: 30px;
        width: 80px;
        text-align: center;
        background: #9d0229;
        margin-left: 100px;
        color: #fff;
        border: 1px solid #9d0229;
    }
    .frame ul li .intro .addProduct .addbutton:hover {
        
        background: transparent;
        color: #9d0229;
    }
    .frame ul li .intro .addProduct .out-stork {
        width: 85%;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        color: #999999;
        background: #f0f0f0;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
    }
    .my-alert,
    .add-popup-m{
        display: none;
    }
    .red-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #9d0229;
        border:1px solid #9d0229;
        color: #fff;
    }
    .black-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #000;
        border:1px solid #000;
        color: #fff;
    }
    .orange-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #fff;
        border:1px solid #8c7b47;
        color: #8c7b47;
    }
    .orange-button.on{
        color: #fff;
        background: #8c7b47;
    }
    .orange-button.on:hover{
        color: #8c7b47;
        background: #fff;
    }
    .red-button:hover{
        background: #fff;
        border:1px solid #9d0229;
        color: #9d0229;
    }
    .black-button:hover{
        background: #fff;
        border:1px solid #000;
        color: #000;
    }
    .orange-button:hover{
        background:#8c7b47;
        color: #fff;
    }
    i.custom-check {
        cursor: pointer;
        display: inline-block;
        vertical-align: text-bottom;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: url("../img/check_box_off.png");
        position: relative;
    }
    i.custom-check.active {
        background: url("../img/check_box_on.png");
    }
    .celler-folder-popup{
        position: fixed;
        z-index: 1111111;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .celler-folder-popup .background{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: .8;
    }
    .celler-folder-popup .main{
        position: absolute;
        max-width: 420px;
        width: 420px;
        padding: 30px;
        z-index: 1;
        left: 50%;
        top:50%;
        background: #fff;
        -webkit-transform:translate(-50%,-50%) ;
        transform:translate(-50%,-50%) ;
        -moz-transform:translate(-50%,-50%) ;
        -ms-transform:translate(-50%,-50%) ;
    }

    .celler-folder-popup .main .icon-icon_font_close{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        z-index: 3;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup{
        min-height: 200px;
        overflow: hidden;
    }
    .celler-folder-popup .main .popup h1{
        font-size: 20px;
        margin:0;
        margin-bottom: 15px;
    }
    .celler-folder-popup .main .popup h1 span{
        margin-top: 10px;
        font-size: 14px;
        display: block;
        color: #cbcbcb;
        font-weight: 400;
    }
    .celler-folder-popup .main .popup p{
        line-height: 16px;
        font-size: 12px;
    }
    .celler-folder-popup .main .popup p input[type="radio"]{
        margin:0;
        margin-right: 5px;
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup .popup-add{
        padding-top: 10px;
        text-align: center;
    }
    .celler-folder-popup .main .popup .popup-add a{
        width: 100px;
        display: inline-block;
        line-height: 40px;
        height: 42px;
    }
    .celler-folder-popup .main .popup .popup-add a:last-child{
        margin-left: 15px;
    }
    .product-list .product-main .left-main .Filterd-by-result{
        display: none!important;
    }
    .product-list .product-main .right-main .Filterd-by-result{
        overflow: hidden;
        padding-bottom: 30px;
    }
    .product-list .product-main .right-main .Filterd-by-result ul{
        overflow: hidden;
        margin-left: 100px;
    }
    .product-list .product-main .right-main .Filterd-by-result .Filterd{
        background: transparent;
        padding: 0;
        margin:0;
        font-weight: 400;
        float: left;
        line-height: 30px;
    }
    .product-list .product-main .right-main .Filterd-by-result ul li{
        font-weight: 400;
        background: #f2f2f2;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 5px;
        margin-bottom: 10px;
        border-radius: 20px;
    }
    .product-list .product-main .right-main .Filterd-by-result ul li:first-child{
        
    }
    .product-list .product-main .right-main .Filterd-by-result ul li i{
        margin-right: 5px;
        font-size: 12px;
        cursor: pointer;
    }
    .product-list .filter-top .left .filter p{
        margin:0;
        width: 63px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #fff;
        float: left;
        border-radius:10px;
        position: relative;
        background: #8c7b47;
        margin-top: 6px;
        cursor: pointer;
    }
    .product-list .filter-top .left .filter p.hidep{
        background: #565656;
    }
    .product-list .filter-top .left .filter p:before{
        content: "";
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #fff;
        top:2px;
        right: 2px;
        position:absolute;
    }
    .product-list .filter-top .left .filter p.hidep:before{
        right: 45px;
    }
    .product-list .filter-top .left .filter p .s1{
        display: block;
        padding-left: 6px;
        line-height: 20px;
    }
    .product-list .filter-top .left .filter p .s2{
        display: none;
        text-align: right;
        letter-spacing: 1px;
        padding-right: 6px;
        line-height: 20px;
    }
    .product-list .filter-top .left .filter p.hidep .s2{
        display: block;
    }
    .product-list .filter-top .left .filter p.hidep .s1{
        display: none;
    }
    .map-overlay .map-main .map-page{
        margin-top: 10px;
        text-align: left;
    }
    .map-overlay .map-main .map-page .page span{
        font-weight: 700;
        margin:0 3px;
    }
    .map-overlay .map-main .map-page .page .over{
        display: inline-block;
        vertical-align: top;
        float: right;
    }
    .map-overlay .map-main .map-page .page label{
        margin-right: 10px;
        margin-bottom: 0;
        line-height: 32px;
        font-weight: 400;
    }
    .map-overlay .map-main .map-page .page .over a{
        height: 32px;
        width: 31px;
        border:1px solid #cbcbcb;
        display: block;
        float: left;
        text-align: center;
        line-height: 32px;
        border-right: 0;
        color: #000;
    }
    .map-overlay .map-main .map-page .page .over a:last-child{
        border-right: 1px solid #cbcbcb;
        width: 32px;
    }
    .map-overlay .map-main .map-page .page .over a:hover{
        background: #000;
        color: #fff;
    }
    .map-overlay .map-main .map-page .page .over a.no-more{
        opacity: .5;
    }
    .map-overlay .map-main .map-page .page .over a.no-more:hover{
        background: transparent;
        color: #000;
    }
    header .search .advanced-search .advanced-slide{
        display: block!important;
        margin-left: 144px;
    }
    


}


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/

@media screen and (min-width:768px) and (max-width:1024px) {
    body.open-menu{
        overflow: hidden;
        height: 1024px;
    }
    .acount-overview .overview-right .record .main ul li .table-td a.orange-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        padding: 0 15px;
    }

    .v2-banner{
        margin-top: 0!important;
    }

    .acount-overview .overview-right .record .table-head span:first-child{
        border-left: 0;
    }

    .acount-overview .overview-right .record .main ul li .table-td a.red-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        width: 80px;
    }
    .acount-overview .overview-right .record .main ul li .table-refund,
    .acount-overview .overview-right .record .main ul li .table-return{
        text-decoration: underline;
    }
    .acount-overview .overview-right .record .main ul li:after {
        content: "";
        border-bottom: 1px solid #e7e7e7;
        bottom: 0;
        position: absolute;
        left: 15px;
        right: 15px;
    }
    .acount-overview .overview-right .record .main ul li:last-child:after{
        border:0;
    }
    .acount-overview .overview-right .record .main ul li .no-yet{
        color:#9d0229;
        font-weight: 500;
    }

    .acount-overview .overview-right .record .table-head {
        padding: 7px 0;
        overflow: hidden;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        text-transform: uppercase;
    }

    .acount-overview .overview-right .record .table-head span {
        border-left: 1px solid #e7e7e7;
        line-height: 21px;
        display: block;
        float: left;
        padding-left: 18px;
        font-weight: 500;
    }
    .acount-overview .overview-right .record ul {
        padding-bottom: 0;
    }

    .acount-overview .overview-right .record .main ul li {
        padding: 10px 0;
        overflow: hidden;
        position: relative;
    }

    .acount-overview .overview-right .record .main ul li .table-td {
        line-height: 30px;
        display: block;
        float: left;
        padding-left: 18px;
    }

    .acount-overview .overview-right .record .main ul li .table-td .s1{
        display: none;
    }

	.acount-overview .overview-right{
		width:72.5%;
		float: right;
	}
	.acount-overview {
		overflow: hidden;
	}
	.acount-overview.all-region{
		margin-top: 20px;
	}
	.acount-overview.all-region .title-style2{
		padding-top: 0;
	}
	.acount-overview .overview {
		padding-bottom: 50px;
		margin-right: 75%;
	}

	.acount-overview .overview .title {
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
		background: #000;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
	}

	.acount-overview .overview ul li {
		position: relative;
		border-bottom: 1px solid #fff;
		background: #f0f0f0;
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}

	.acount-overview .overview ul li i {
		display: none;
		right: 20px;
		top: 0px;
		line-height: 60px;
		position: absolute;
        pointer-events: none;
	}

	.acount-overview .overview ul li a {
		color: #000;
		text-decoration: none;
		display: block;
		padding: 19px 0 19px 20px;
		padding-left: 20px;
	}

	.acount-overview .overview ul li .slide {
		display: none;
	}

	.acount-overview .overview ul li a.a-slide {
		padding-right: 35px;
	}

	.acount-overview .overview ul li .slide .cell {
		padding: 0;
		border-top: 1px solid #e7e7e7;
		height: 60px;
		line-height: 60px;
		background: #f0f0f0;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		padding-left: 40px;
	}

	.acount-overview .overview ul li i.icon-icon_font_plus,.acount-overview .overview ul li i.icon-icon_font_minus {
		color: #000;
		display: block;
	}

	.acount-overview .overview ul li a:hover,
    .acount-overview .overview ul li a.active{
        background: #000;
        color: #fff;
    }
    .acount-overview .overview ul li .slide .cell:hover,
    .acount-overview .overview ul li .slide .active.cell{
        background: #000;
        color: #fff;
    }
	.acount-overview .overview ul li .active.slide{
		display: block;
	}
	main .titleOne {
    font-size: 30px;
    padding: 23px 0 10px 0;
    }
    main .titleTwo {
        font-size: 12px;
        position: relative;
    }
    .nav-title a:hover,
    .nav-title a:focus,
    main .titleTwo a:hover,
    main .titleTwo a:focus{
        color: #8c7b47;
        text-decoration: none;
    }
    .title-content {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        padding-bottom: 20px!important;
    }
    .title-style2{
        padding: 50px 0 20px;
        font-size: 22px;
        text-align: center;
        font-weight: 400;
        letter-spacing: 2px;
    }
    .line{
        text-align: center;
    }
    .rd-mobilepanel_toggle {
        display: block;
        float: left;
        width: 40px;
        height: 65px;
        border: none;
        background: transparent;
        padding: 0;
        outline: none;
        z-index: 111;
        outline-offset: 0;
        cursor: pointer;
        -webkit-appearance: none;
    }
    .rd-mobilepanel_toggle.active {
        background: transparent;
    }
    .rd-mobilepanel_toggle span {
        position: relative;
        display: block;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -7px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after {
        top: 7px;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span {
        width: 25px;
        height: 2px;
        border-radius: 2px;
        background-color: #7a6a39;
        backface-visibility: hidden;
    }
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }
    .rd-mobilepanel_toggle.active span {
        transition: background .3s 0s ease;
        background: transparent;
    }
    .rd-mobilepanel_toggle.active span:before,
    .rd-mobilepanel_toggle.active span:after {
        top: 0;
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }
    .rd-mobilepanel_toggle.active span:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .rd-mobilepanel_toggle.active span:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header {
        position: relative;
        z-index: 112;
    }
    header .newMassage {
        display: none;
        height: 30px;
        color: #fff;
        background: #8c7b47;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        letter-spacing: 0.4px;
    }
    header .newMassage a {
        font-weight: bold;
        color: #fff;
        text-decoration: underline;
    }
    header .logoMain .logo {
        float: left;
        height: 65px;
        line-height: 65px;
        color: #8b7c45;
        font-size: 25px;
    }
    header .logoMain .logo a{
        display: block;
        width: 200px;
        line-height: 60px;
    }
    header .logoMain .logo a img{
        width: 100%;
    }
    header .logoMain .logo a:last-child {
        display: none;
    }
    header .logoMain {
        background: #000000;
        height: 65px;
        position: relative;
        z-index: 1000002;
    }
    header .logoMain .rightsideBar {
        float: right;
        position: relative;
    }
    header .logoMain .rightsideBar .rightsideBar-ul {
        display: inline-block;
        padding-top: 19px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li {
        cursor: pointer;
        display: inline-block;
        margin-left: 20px;
        position: relative;
    }
    header .logoMain .rightsideBar .rightsideBar-ul,
    header .logoMain .rightsideBar .rightsideBar-ul .lang-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .facebook-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .contact-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .acount-guide span,
    header .logoMain .rightsideBar .rightsideBar-ul .cellar-guide u,
    header .logoMain .rightsideBar .rightsideBar-ul .locator-guide {
        display: none;
    }
    header .logoMain .rightsideBar .rightsideBar-ul-mobile{
        display: inline-block;
    }
    header .logoMain .rightsideBar .rightsideBar-ul .chat-guide {
        display: inline-block;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li span {
        color: #fff;
        font-size: 12px;
        line-height: 26px;
        font-weight: 400;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li i {
        color: #8a753e;
        font-size: 25px;
        line-height: 25px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -1px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .i-animate{
        display: none;
    }
    header .logoMain .rightsideBar .acount-position {
        top: 55px;
        left: 216px;
        position: absolute;
        z-index: 111;
        display: none;
    }
    header .logoMain .rightsideBar .acount-popup {
        margin-top: 10px;
        padding: 5px 0;
        width: 213px;
        border: 1px solid #c4cbd1;
        background: #fff;
        position: relative;
    }
    header .logoMain .rightsideBar .acount-popup:before {
        content: "";
        top: -10px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .rightsideBar .acount-popup:after {
        content: "";
        top: -9px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .rightsideBar .acount-popup .list-a {
        text-align: center;
    }
    header .logoMain .rightsideBar .acount-popup .list-a a {
        display: inline-block;
        width: 80%;
        color: #000;
        padding: 7px 0;
        text-decoration: none;
    }
    header .logoMain .rightsideBar .custormer-service {
        text-align: center;
        display: none;
        margin-top: 21px;
    }
    header .logoMain .rightsideBar .custormer-service span {
        display: inline-block;
        width: 122px;
        border-top: 1px solid #e6e6e6;
        padding: 21px 0;
    }
    header .logoMain .rightsideBar .logout {
        text-align: center;
        width: 140px;
        border-top: 1px solid #e6e6e6;
        padding-top: 21px;
        margin:0 auto;
        margin-top: 21px;
        margin-bottom: 25px;
    }
    header .logoMain .rightsideBar .logout a {
        background: #9d0229;
        color: #fff;
        display: inline-block;
        width: 140px;
        height: 37px;
        line-height: 37px;
        font-size: 16px;
    }
    header .logoMain .cart-position {
        position: absolute;
        width: 465px;
        top: 55px;
        right: 20px;
        z-index: 1111112;
        display: none!important;
    }
    header .logoMain .cart-popup {
        margin-top: 10px;
        background: #fff;
        border: 1px solid #c9cdd0;
        position: relative;
    }
    header .logoMain .cart-popup:before {
        content: "";
        top: -10px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .cart-popup:after {
        content: "";
        top: -9px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .cart-popup .title {
        text-transform: uppercase;
        border-bottom: 1px solid #e8e8e8;
        width: 405px;
        margin: 0 auto;
        text-align: center;
        line-height: 56px;
        letter-spacing: 2px;
        font-size: 20px;
        font-weight: 500;
    }
    header .logoMain .cart-popup .cart-scorll {
        margin-left: 30px;
        width: 424px;
        max-height: 363px;
        overflow-y: auto;
    }
    header .logoMain .cart-popup ul {
        width: 405px;
    }
    header .logoMain .cart-popup ul li {
        border-bottom: 1px solid #e8e8e8;
        height: 120px;
        position: relative;
    }
    header .logoMain .cart-popup .remove {
        font-size: 18px;
        line-height: 18px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -9px;
    }
    header .logoMain .cart-popup .pic {
        float: left;
        width: 90px;
        line-height: 120px;
        text-align: center;
    }
    header .logoMain .cart-popup .pic img {
        width: 75%;
    }
    header .logoMain .cart-popup .massage {
        margin-left: 110px;
        width: 220px;
        padding-top: 5px;
    }
    header .logoMain .cart-popup .name {
        height: 40px;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    header .logoMain .cart-popup .price {
        margin: 9px 0 5px 0;
        font-size: 14px;
    }
    header .logoMain .cart-popup .price .s1 {
        color: #9d0229;
        font-weight: 700;
    }
    header .logoMain .cart-popup .price .s2 {
        color: #717171;
        margin-right: 5px;
        font-size: 13px;
    }
    header .logoMain .cart-popup .addProduct {
        font-size: 16px;
        font-weight: 500;
    }
    header .logoMain .cart-popup .addProduct .addinput {
        float: left;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub {
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        border-right: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput .add {
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        border-left: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput input {
        font-weight: 400;
        display: block;
        float: left;
        line-height: 28px;
        border: 1px solid #000;
        width: 29px;
        height: 30px;
        text-align: center;
        padding: 0;
    }
    header .logoMain .cart-popup .total {
        width: 405px;
        margin: 0 auto;
        line-height: 50px;
        height: 50px;
        font-size: 18px;
    }
    header .logoMain .cart-popup .total .left {
        float: left;
        font-weight: 400;
    }
    header .logoMain .cart-popup .total .right {
        float: right;
        color: #9d0229;
        font-weight: 700;
    }
    header .logoMain .cart-popup .checkout {
        font-weight: 500;
        text-align: center;
        display: block;
        width: 250px;
        line-height: 39px;
        height: 38px;
        margin: 0 auto;
        margin-top: 10px;
        background: #9d0229;
        color: #fff;
        font-size: 16px;
    }
    header .logoMain .cart-popup .checkout:hover {
        border: 1px solid #9d0229;
        background: transparent;
        color: #9d0229;
        text-decoration: none;
    }
    header .logoMain .cart-popup .free {
        background: #f0f0f0;
        padding: 20px 0;
        margin-top: 20px;
    }
    header .logoMain .cart-popup .free-main {
        height: 40px;
        margin: 0 auto;
        width: 405px;
    }
    header .logoMain .cart-popup .free-main .progress1 {
        width: 325px;
        float: left;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar {
        margin-top: 2px;
        height: 14px;
        padding: 2px;
        background: #cccccc;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar span {
        height: 10px;
        background: #8c7b47;
        display: block;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto {
        margin: 6px 0;
        font-size: 16px;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto i {
        color: #8c7b47;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto span {
        font-weight: 700;
    }
    header .logoMain .cart-popup .free-main .free-logo {
        margin-left: 340px;
    }
    header .logoMain .cart-popup .free-main .free-logo h1 {
        font-size: 25px;
        margin: 0;
        font-weight: 700;
        line-height: 25px;
    }
    header .logoMain .cart-popup .free-main .free-logo p {
        margin: 0;
    }
    header .search-positon {
        position: absolute;
        top: 55px;
        z-index: 111;
        left: 0;
        right: 0;
    }
    header .search {
        border-bottom: 1px solid #cbcbcb;
        background: #fff;
        margin-top: 10px;
    }
    header .search .search-top {
        width: auto;
        margin: 0 auto;
        height: 50px;
        padding: 0 20px;
        position: relative;
    }
    header .search .search-top .triangle {
        top: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .search .search-top .triangle:after {
        content: "";
        top: 1px;
        left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .search .search-top .close {
        color: #000;
        height: 50px;
        float: left;
        font-size: 18px;
        width: 25px;
        text-align: center;
        line-height: 50px;
    }
    header .search .search-top input {
        font-weight: 400;
        line-height: 50px;
        outline: none;
        display: block;
        height: 50px;
        font-size: 23px;
        width: 100%;
        border: 0;
        padding: 0;
        box-shadow: none;
    }
    header .search .search-top .auto_text_input{
        margin-left: 40px;
        height: 50px;
        margin-right: 40px;
        position: relative;
    }
    .autocompleter {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 100;
    }
    .autocompleter-hint {
        text-align: left;
        top: -50px;
        font-weight: 400;
        line-height: 50px;
        left: 0;
        width: 100%;
        padding:0;
        font-size: 23px;
        display: none;
    }
    .autocompleter-hint-show {
        display: block;
    }
    header .search .search-top input::-webkit-input-placeholder {
        color: #ececec;
    }
    header .search .search-top .ok {
        color: #000;
        height: 50px;
        font-size: 18px;
        width: 25px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: 20px;
        top: 0;
    }
    header .search .hotsearch {
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        padding-bottom: 8px;
    }
    header .search .hotsearch .word {
        width: auto;
        padding: 0 20px;
        margin: 0 auto;
        overflow: hidden;
    }
    header .search .hotsearch .word .word-list {
        margin-left: 100px;
        height: 100%;
        overflow: hidden;
    }
    header .search .hotsearch .word span {
        display: block;
        line-height: 20px;
        font-size: 14px;
        float: left;
        width: auto;
        text-align: right;
        margin-top: 8px;
    }
    header .search .hotsearch .word a {
        border-right: 1px solid #ededed;
        display: inline-block;
        line-height: 20px;
        font-size: 14px;
        float: none;
        padding: 0 15px;
        color: #85805a;
        margin-top: 8px;
    }
    header .search .hotsearch .word a:last-child {
        border: 0;
    }
    header .search .advanced-search {
        width: auto;
        padding: 0 20px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    header .search .advanced-search .top {
        padding: 20px 0 10px 0;
    }
    header .search .advanced-search .advanced {
        float: left;
        height: 32px;
        line-height: 32px;
        width: 150px;
    }
    header .search .advanced-search .advanced i{
        display: none;
    }
    header .search .advanced-search .ad-select {
        width: 23%;
        float: left;
        margin-right: 2%;
    }
    header .search .advanced-search .ad-multiple-select {
        margin-right: 0;
    }
    header .search .advanced-search .ad-select * {
        border-radius: 0;
        outline: none!important;
    }
    header .search .advanced-search .ad-select .dropdown-menu {
        margin: 0;
        border-top: 0;
        padding: 0;
    }
    header .search .advanced-search .ad-select .btn {
        padding: 0 10px;
        height: 32px;
        line-height: 30px;
    }
    header .search .advanced-search .ad-select .dropdown-menu li a {
        padding: 0 10px;
        line-height: 35px;
    }
    header .search .advanced-search .ad-select .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select.open .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select .dropdown-toggle.btn-default {
        background: #fff!important;
        box-shadow: none!important;
        border-color: #ccc!important;
    }
    .for-animate {
        display: none;
    }
    header .search .advanced-search .Filterd-by {
        padding-bottom: 15px;
        display: none;
    }
    header .search .advanced-search .Filterd-by .Filterd {
        width: 134px;
        line-height: 30px;
        float: left;
        margin-top: 10px;
    }
    header .search .advanced-search .Filterd-by ul {
        margin-left: 134px;
    }
    header .search .advanced-search .Filterd-by ul li {
        background: #f2f2f2;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 15px;
        margin: 0 10px;
        margin-top: 10px;
        border-radius: 20px;
    }
    header .search .advanced-search .Filterd-by ul li i {
        margin-right: 7px;
        font-size: 12px;
    }
    header .search .advanced-search .Filterd-by .Clear {
        background: transparent;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 10px;
        margin-top: 10px;
        color: #887e4d;
        font-size: 15px;
        text-decoration: underline;
        cursor: pointer;
        font-style: italic;
    }
    /*自定义多选select Start*/
    .ad-multiple-select {
        position: relative;
    }
    .ad-multiple-select button {
        position: relative;
        width: 100%;
        text-align: left;
        background: #fff;
        padding: 0 10px;
        line-height: 30px;
        font-size: 14px;
        color: #000;
        border: 1px solid #ccc;
    }
    .ad-multiple-select button .caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        vertical-align: middle;
    }
    .ad-multiple-select .mul-menu {
        display: none;
        background: #f7f7f7;
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: 0;
        position: absolute;
        left: 0;
        right: 0;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud ul {
        display: none;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud span {
        line-height: 37px;
        margin: 0 0 0 35px;
        display: block;
        position: relative;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li {
        position: relative;
        display: block;
    }
    .ad-multiple-select .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    .ad-multiple-select.open .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li p {
        line-height: 37px;
        margin: 0 0 0 65px;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span {
        position: relative;
        cursor: pointer;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span i {
        position: absolute;
        left: 12px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li i {
        position: absolute;
        left: 40px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select.open .mul-menu {
        display: block;
    }
    /*自定义多选select End*/
    header .nav {
        display: none;
        background: #ffffff;
        height: 40px;
        border-bottom: 1px solid #e2e2e2;
        position: relative;
    }
    header .nav .nav-ul {
        height: 41px;
        line-height: 40px;
        text-align: center;
    }
    header .nav .nav-ul li {
        display: inline-block;
    }
    header .nav .nav-ul li .nav-a {
        padding-left: 23px;
        padding-right: 23px;
        display: block;
        color: #000;
    }
    header .nav .nav-ul li .nav-a:hover,
    header .nav .nav-ul li .nav-a.active {
        text-decoration: none;
        background: #8c7b47;
        color: #fff;
    }
    header .nav .product-menu-position,
    .gift-ideas-menu-position {
        top: 39px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10000002;
        background: #fff;
        height: auto;
    }
    header .nav .product-menu {
        border-top: 1px solid #8c7b47;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 30px;
    }
    header .nav .product-menu .wine {
        width: 700px;
        float: left;
    }
    header .nav .product-menu .wine .title {
        padding: 23px 0 13px 0;
        border-bottom: 2px solid #000;
        color: #8c7b47;
        font-weight: 700;
        font-size: 15px;
    }
    header .nav .product-menu .wine .cell {
        width: 150px;
        float: left;
        margin-left: 50px;
    }
    header .nav .product-menu .wine .cell:first-child {
        margin-left: 0;
    }
    header .nav .product-menu .wine .cell .cell-silde {
        display: none;
    }
    header .nav .product-menu .wine .cell .cell-silde.active {
        display: block;
    }
    header .nav .product-menu .wine .other {
        width: 300px;
    }
    header .nav .product-menu .wine .cell .word {
        padding: 23px 0 14px 0;
        border-bottom: 1px solid #ededed;
        font-weight: 700;
        position: relative;
    }
    header .nav .product-menu .wine .cell .word:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .product-menu .wine .cell p {
        text-align: left;
        margin: 0;
        cursor: pointer;
    }
    header .nav .product-menu .wine .cell p.active,
    header .nav .product-menu .wine .cell p:hover {
        color: #9d0229;
    }
    header .nav .product-menu .wine .cell ul {
        padding-top: 10px;
        width: 150px;
        float: left;
    }
    header .nav .product-menu .wine .cell ul li {
        display: block;
        line-height: 27px;
    }
    header .nav .product-menu .wine .cell span {
        display: block;
    }
    header .nav .product-menu .wine .cell span a {
        color: #000;
        margin-left: 10px;
    }
    header .nav .product-menu .wine .cell span a:hover {
        color: #786e64;
    }
    header .nav .product-menu .accessories {
        width: 150px;
        margin: 0 50px;
    }
    header .nav .product-menu .accessories .main {
        padding-top: 10px;
    }
    header .nav .product-menu .accessories .main .classware {
        padding: 13px 0;
        border-top: 1px solid #ededed;
        font-weight: 700;
    }
    header .nav .product-menu .accessories .main .classware:first-child {
        border-top: 0;
        position: relative;
    }
    header .nav .product-menu .accessories .main .classware:first-child:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .product-menu .buyerspick {
        float: left;
        width: 250px;
        margin-top: 10px;
        border: 1px solid #ededed;
        text-align: center;
        padding-bottom: 30px;
    }
    header .nav .product-menu .buyerspick img {
        width: 50%;
    }
    header .nav .product-menu .buyerspick .title {
        padding: 13px 0;
        color: #fff;
        background: #000;
        margin-bottom: 15px;
    }
    header .nav .product-menu .buyerspick .intro {
        width: 190px;
        margin: 0 auto;
        margin-top: 37px;
    }
    header .nav .product-menu .buyerspick .intro h1 {
        font-size: 15px;
        color: #000;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh {
        margin-top: 10px;
        text-align: center;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell {
        margin: 0 3px;
        display: inline-block;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 20px;
        line-height: 22px;
        font-size: 13px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell span {
        color: #000;
        display: inline-block;
        height: 20px;
        line-height: 22px;
    }
    header .nav .product-menu .buyerspick .intro .price {
        margin: 15px 0;
        font-size: 15px;
    }
    header .nav .product-menu .buyerspick .intro .price .s1 {
        color: #9d0229;
    }
    header .nav .product-menu .buyerspick .intro .price .s2 {
        color: #717171;
    }
    header .nav .product-menu .buyerspick .intro .viewbut {
        display: block;
        background: #9d0229;
        font-size: 15px;
        margin: 0 auto;
        line-height: 33px;
        width: 150px;
        height: 33px;
        color: #fff;
        font-weight: 500;
        margin-top: 20px;
    }
    header .mobile-nav {
        display: block;
    }
    header .mobile-nav {
        position: fixed;
        width: 100%;
        top: 65px;
        bottom: 0;        
        background: #fff;
        z-index: 122222;
        left: -100%;
    }
    header .mobile-leftin {
        left: 0;
    }
    header .mobile-nav .menu-acount {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
    }
    header .mobile-nav .menu-acount .myacount {
        font-size: 18px;
        font-weight: 500;
    }
    header .mobile-nav .menu-acount .myacount p {
        margin: 0;
        padding: 0 20px;
        line-height: 50px;
        color: #fff;
        background: #7a6a39;
        position: relative;
    }
    header .mobile-nav .menu-acount .myacount p i {
        position: absolute;
        right: 10px;
        line-height: 50px;
    }
    header .mobile-nav .menu-acount .myacount .login {
        padding: 15px 0;
        background: #f0f0f0;
    }
    header .mobile-nav .menu-acount .myacount .login a {
        display: block;
        width: 300px;
        line-height: 43px;
        border: 1px solid #7a6a39;
        color: #7a6a39;
        margin: 0 auto;
        text-align: center;
    }
    header .mobile-nav .menu-acount .nav-list {
        padding-bottom: 100px;
        font-size: 18px;
        font-weight: 400;
        color: #000;
        background: #fff;
    }
    header .mobile-nav .menu-acount .nav-list .nav-list-a {
        margin: 0;
        padding: 0 20px;
        line-height: 50px;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        display: block;
    }
    header .mobile-nav .menu-acount .nav-list .nav-list-a i {
        position: absolute;
        right: 10px;
        line-height: 50px;
        color: #ababab;
    }
    header .mobile-nav .menu-acount .lang {
        padding: 0 20px;
        font-size: 20px;
        height: 50px;
        background: #f0f0f0;
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
    }
    header .mobile-nav .menu-acount .lang .left {
        margin-top: 12.5px;
        float: left;
    }
    header .mobile-nav .menu-acount .lang .left span {
        line-height: 25px;
        color: #000;
        padding-right: 18px;
        padding: 0 15px;
    }
    header .mobile-nav .menu-acount .lang .left span:first-child {
        border-right: 1px solid #000;
        padding-left: 0;
    }
    header .mobile-nav .menu-acount .lang .right {
        margin-top: 7.5px;
        float: right;
        font-size: 25px;
    }
    header .mobile-nav .menu-acount .lang .right span {
        line-height: 25px;
        color: #000;
        border-left: 1px solid #e3e3e3;
        padding: 0 10px;
    }
    header .mobile-nav .menu-acount .lang .right span:last-child {
        padding-right: 0;
    }
    header .mobile-nav .menu-acount .checkout {
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    header .mobile-nav .menu-acount .checkout .total {
        float: left;
        width: 65%;
        background: #000;
        color: #fff;
        font-size: 18px;
        height: 100px;
        padding: 24px 0 0 30px;
    }
    header .mobile-nav .menu-acount .checkout .total span {
        font-weight: 500;
    }
    header .mobile-nav .menu-acount .checkout .total p {
        margin-bottom: 5px;
        font-size: 16px;
    }
    header .mobile-nav .menu-acount .checkout .check-but {
        font-weight: 500;
        background: #9d0229;
        color: #fff;
        font-size: 18px;
        line-height: 100px;
        display: block;
        margin-left: 65%;
        text-align: center;
    }
    header .mobile-nav .menu-slide {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        font-size: 18px;
        font-weight: 400;
        left: -100%;
        background:#fff;
    }
    header .mobile-nav .mobile-leftin {
        left: 0;
    }
    header .mobile-nav .menu-slide .title {
        position: relative;
        padding: 0 20px;
        line-height: 50px;
        background: #7a6a39;
        height: 50px;
        overflow: hidden;
    }
    header .mobile-nav .menu-slide .title .back {
        line-height: 50px;
        color: #fff;
        float: left;
        margin-left: -10px;
    }
    header .mobile-nav .menu-slide .title span {
        position: absolute;
        right: 20px;
        line-height: 50px;
        line-height: 50px;
        top: 0;
        color: #fff;
    }
    header .mobile-nav .menu-slide .black-t {
        padding: 0 20px;
        line-height: 50px;
        color: #7a6a39;
        background: #000;
        position: relative;
        font-weight: 500;
    }
    header .mobile-nav .menu-slide .white {
        border-bottom: 1px solid #f0f0f0;
    }
    header .mobile-nav .menu-slide .white-t {
        padding: 0 20px;
        line-height: 50px;
        color: #333333;
        background: #fff;
        position: relative;
    }
    header .mobile-nav .menu-slide .white-t i {
        position: absolute;
        right: 10px;
        line-height: 50px;
    }
    header .mobile-nav .menu-slide .gray {
        background: #f0f0f0;
        color: #000;
        font-size: 16px;
        font-weight: 400;
    }
    header .mobile-nav .menu-slide .gray-t {
        padding: 0 40px;
        line-height: 50px;
        position: relative;
    }
    header .mobile-nav .menu-slide .gray-t u {
        position: absolute;
        right: 40px;
        line-height: 50px;
    }
    header .mobile-nav .menu-slide .gray-slide span {
        display: block;
        padding: 0 40px;
        line-height: 50px;
        position: relative;
        font-weight: normal;
    }
    header .mobile-nav .menu-slide .gray-slide u {
        position: absolute;
        right: 40px;
        line-height: 50px;
    }
    header .mobile-nav .menu-slide .gray-slide a {
        color: #000;
        margin-left: 10px;
    }
    header .mobile-nav .menu-slide .white-slide,
    header .mobile-nav .menu-slide .black-slide,
    header .mobile-nav .menu-slide .gray-slide {
        display: none;
    }
    footer .foot1 {
        background: #f0f0f0;
    }
    footer .foot1 .pay-support {
        height: 90px;
        border-bottom: 1px solid #cacaca;
    }
    footer .foot1 .pay-support .KH_logo {
        float: left;
        height: 90px;
        line-height: 90px;
    }
    footer .foot1 .pay-support .KH_logo img {
        vertical-align: middle;
    }
    footer .foot1 .pay-support .KH_logo .img {
        margin-left: 40px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment {
        float: right;
        
    }
    footer .foot1 .pay-support .footer_Icon_Payment img {
        display: none;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a {
        margin-top: 23px;
        background: #000;
        display: inline-block;
        height: 44px;
        background: url(../img/unnamed.png)no-repeat;
        background-size: 480px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(1) {
        width: 36px;
        background-position: -42px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(2) {
        width: 50px;
        background-position: -105px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(3) {
        width: 36px;
        background-position: -182px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(4) {
        width: 46px;
        background-position: -247px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(5) {
        width: 64px;
        background-position: -306px -8px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(6) {
        width: 57px;
        background-position: -378px -8px;
    }
    footer .foot1 .company {
        padding: 33px 0;
        overflow: hidden;
    }
    footer .foot1 .company .left {
        min-height: 100px;
        border-right: 1px solid #c7c7c7;
        float: left;
        overflow: hidden;
        width: 71%;
    }
    footer .foot1 .company .left .cell {
        float: left;
        width: 28%;
    }
    footer .foot1 .company .left .cell p {
        font-size: 14px;
        color: #8c7b47;
        margin-bottom: 15px;
        font-weight: 500;
    }
    footer .foot1 .company .f-m-slide{
        display: block!important;
    }
    footer .foot1 .company .left .cell a {
        display: block;
        text-decoration: none;
        color: #000;
        margin-bottom: 8px;
    }
    footer .foot1 .company .left .cell2 {
        width: 42%;
    }
    footer .foot1 .company .left .cell3 {
        width: auto;
    }
    footer .foot1 .company .right {
        margin-left: 72%;
    }
    footer .foot1 .company .right .watson-app {
        float: none;
        margin-left: 0;
        width: auto;
        text-align: center;
    }
    footer .foot1 .company .right .watson-app p {
        font-size: 14px;
        color: #8c7b47;
        margin-bottom: 15px;
        font-weight: 500;
    }
    footer .foot1 .company .right .watson-app span {
        font-size: 22px;
        color: #000;
        display: none;
    }
    footer .foot1 .company .right .watson-app .dowmload-app {
        margin-top: 14px
    }
    footer .foot1 .company .right .watson-app .dowmload-app a {
        display: block;
        text-align: center;
    }
    footer .foot1 .company .right .watson-app .dowmload-app a:first-child {
        margin-bottom: 5px;
    }
    footer .foot1 .company .right .mobile_image {
        margin-left: 350px;
        padding-top: 20px;
        display: none;
    }
    footer .copyright {
        background: #000;
        height: auto;
        padding: 26px 0;
        position: relative;
        height: 165px;
        overflow: hidden;
    }
    footer .copyright:after{
        position: absolute;
        left: 0;
        right: 0;
        content: "";
        bottom: -2px;
        height: 2px;
        background: #000;
    }
    footer .copyright .warning {
        float: none;
        font-size: 13px;
    }
    footer .copyright .warning p {
        color: #999999;
        margin-bottom: 6px;
    }
    footer .copyright .warning span {
        color: #fff;
    }
    footer .copyright .foot-icon {
        float: none;
        line-height: 41px;
        height: 41px;
        text-align: center;
        margin-top: 30px;
    }
    footer .copyright .foot-icon i {
        font-size: 35px;
        color: #8c7b45;
        line-height: 41px;
        margin: 0 15px;
    }
    footer .foot1 .desktop-version {
        display: none;
    }
    main.h-transition,
    footer.h-transition {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    main {
        padding-bottom: 35px;
        position: relative;
        left: 0;
    }
    main.mobile-leftin,
    footer.mobile-leftin {
        left: 100%;
    }
    header .h-transition {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .livechat {
        
        position: fixed;
        right: 0;
        bottom: 100px;
        z-index: 111;
    }
    .livechat .chat {
        text-align: center;
        width: 60px;
        ;
        height: 80px;
        background: #8c7843;
        padding-top: 10px;
        display: none;
    }
    .livechat .chat i {
        color: #fff;
        font-size: 30px;
    }
    .livechat .chat p {
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
    }
    .livechat .totop {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 40px;
        color: #fff;
        padding-top: 2px;
        margin-top: 10px;
        background: #666666;
        opacity: .5;
    }
    .content {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 0 20px;
        margin-top: 0!important;
    }
    .frame ul{
        padding-bottom: 1px;
    }
    .frame ul li {
        float: left;
        width: 240px;
        margin: 0;
        padding: 0;
        color: #ddd;
        text-align: center;
        cursor: pointer;
    }
    .frame ul li a.img{
        min-height: 173px;
        display: block;
        position: relative;
    }
    .frame ul li img {
        width: 50%;
    }
    .frame {
        overflow: hidden;
        position: relative;
    }
    .scrollbar {
        display: none;
        height: 2px;
        overflow: hidden;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        min-width: 100px;
        transition-duration: .5s;
        text-align: center;
    }
    .scrollbar:hover {
        height: 85px;
    }
    .scrollbar:hover div[rel="mousearea"] {
        height: 83px;
    }
    .scrollbar div[rel="mousearea"] {
        position: absolute;
        top: 0px;
        left: 0;
        width: 200px;
        height: 0px;
        border: 1px #8c7b47 solid;
    }
    .scrollbar li {
        display: inline-block;
        width: 4%;
        height: 2px;
        margin: 0px;
        padding: 0;
        background: #fefefe;
        color: #ddd;
        text-align: center;
        cursor: pointer;
    }
    .scrollbar li img {
        height: 79px;
        margin-top: 2px;
        opacity: 0.5;
        transition-duration: .5s;
        pointer-events: none;
    }
    .frame ul li.active {
        background: #fff;
    }
    .frame ul li .intro .addtobut {
        display: none;
    }
    .frame ul li .intro .mumprice{
        margin-bottom: 10px;
        color: #8c7b47;
        font-weight: 500;
    }
    .frame ul li .intro .mumprice span{
        color: #000;
        font-weight: 400;
    }
    .frame ul li .intro {
        width: 190px;
        margin: 0 auto;
        margin-top: 37px;
    }
    .frame ul li .intro h1 {
        font-size: 14px;
        color: #000;
        font-weight: normal;
    }
    .frame ul li .intro .rp-ws-jh {
        margin-top: 10px;
        text-align: center;
        width: 235px;
        margin-left: -22.5px;
    }
    .frame ul li .intro .rp-ws-jh .cell {
        margin: 0;
        margin-right: 2px;
        display: inline-block;
    }
    .frame ul li .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 17px;
        line-height: 18px;
        font-size: 12px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        transform:scale(0.9);
    }
    .rp-ws-jh .cell p {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        transform:scale(0.9);
    }
    .frame ul li .intro .rp-ws-jh .cell span {
        color: #000;
        display: inline-block;
        height: 17px;
        line-height: 18px;
        font-size: 12px;
    }
    .frame ul li .intro .price {
        margin: 15px 0 3px;
        font-size: 14px;
    }
    .frame ul li .intro .price .s1 {
        color: #9d0229;
        font-weight: 500;
    }
    .frame ul li .intro .price .s2 {
        color: #717171;
        font-size: 12px;
    }
    .frame ul li .intro .addProduct {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }
    .frame ul li .intro .addProduct .addinput {
        float: left;
    }
    .frame ul li .intro .addProduct .addinput .sub {
        height: 32px;
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        border-right: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput .add {
        height: 32px;
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        border-left: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput input {
        font-weight: 400;
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        width: 31px;
        height: 32px;
        text-align: center;
        padding: 0;
    }
    .frame ul li .intro .addProduct .addbutton {
        font-size: 16px;
        font-weight: 500;
        height: 32px;
        line-height: 32px;
        width: 80px;
        text-align: center;
        background: #9d0229;
        margin-left: 100px;
        color: #fff;
        border: 1px solid #9d0229;
    }
    .frame ul li .intro .addProduct .addbutton:hover {
        
        background: transparent;
        color: #9d0229;
    }
    .frame ul li .intro .addProduct .out-stork {
        width: 85%;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        color: #999999;
        background: #f0f0f0;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
    }
    .add-popup-m{
        display: none;
    }
    .my-alert{
        position: fixed;
        display: none;
        width: 300px;
        left: 50%;
        z-index: 1111111;
        text-align: center;
        top:50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        color: #fff;
        background-color: #9d0229;
        border-color: #9d0229;
    }
    .red-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #9d0229;
        border:1px solid #9d0229;
        color: #fff;
    }
    .black-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #000;
        border:1px solid #000;
        color: #fff;
    }
    .orange-button{
        display: block;
        height: 42px;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        font-size: 16px;
        background: #fff;
        border:1px solid #8c7b47;
        color: #8c7b47;
    }
    .orange-button.on{
        color: #fff;
        background: #8c7b47;
    }
    .orange-button.on:hover{
        color: #8c7b47;
        background: #fff;
    }
    .red-button:hover{
        background: #fff;
        border:1px solid #9d0229;
        color: #9d0229;
    }
    .black-button:hover{
        background: #fff;
        border:1px solid #000;
        color: #000;
    }
    .orange-button:hover{
        background: #8c7b47;
        color: #fff;
    }
    i.custom-check {
        cursor: pointer;
        display: inline-block;
        vertical-align: text-bottom;
        width: 16px;
        height: 16px;
        position: relative;
        margin-right: 10px;
        background: url("../img/check_box_off.png");
    }
    i.custom-check.active {
        background: url("../img/check_box_on.png");
    }
    .celler-folder-popup{
        position: fixed;
        z-index: 1111111;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .celler-folder-popup .background{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: .8;
    }
    .celler-folder-popup .main{
        position: absolute;
        max-width: 420px;
        width: 420px;
        padding: 30px;
        z-index: 1;
        left: 50%;
        top:50%;
        background: #fff;
        -webkit-transform:translate(-50%,-50%) ;
        transform:translate(-50%,-50%) ;
        -moz-transform:translate(-50%,-50%) ;
        -ms-transform:translate(-50%,-50%) ;
    }

    .celler-folder-popup .main .icon-icon_font_close{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        z-index: 3;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup{
        min-height: 200px;
        overflow: hidden;
    }
    .celler-folder-popup .main .popup h1{
        font-size: 20px;
        margin:0;
        margin-bottom: 15px;
    }
    .celler-folder-popup .main .popup h1 span{
        margin-top: 10px;
        font-size: 14px;
        display: block;
        color: #cbcbcb;
        font-weight: 400;
    }
    .celler-folder-popup .main .popup p{
        line-height: 16px;
        font-size: 12px;
    }
    .celler-folder-popup .main .popup p input[type="radio"]{
        margin:0;
        margin-right: 5px;
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup .popup-add{
        padding-top: 10px;
        text-align: center;
    }
    .celler-folder-popup .main .popup .popup-add a{
        width: 100px;
        display: inline-block;
        line-height: 40px;
        height: 42px;
    }
    .celler-folder-popup .main .popup .popup-add a:last-child{
        margin-left: 15px;
    }
    .product-list .product-main .right-main .Filterd-by-result{
        display: none!important;
    }
    .product-list .product-main .Filterd-by-result ul{
        overflow: hidden;
    }
    .product-list .product-main .Filterd-by-result ul li{
        font-weight: 500;
        background: #ffffff;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 5px;
        margin-bottom: 10px;
        border-radius: 20px;
    }
    .product-list .product-main .Filterd-by-result .Filterd{
        background: transparent;
        padding: 0;
        margin:0;
        margin-right: 5px;
        width: 100%;
        line-height: 50px;
        text-align: center;
        font-weight: 400;
    }
    .product-list .product-main .Filterd-by-result ul li i{
        margin-right: 5px;
        font-size: 12px;
        cursor: pointer;
    }
    .map-overlay .map-main .map-page{
        margin-top: 10px;
        text-align: left;
    }
    .map-overlay .map-main .map-page .page span{
        font-weight: 700;
        margin:0 3px;
    }
    .map-overlay .map-main .map-page .page{
        overflow: visible;
        white-space: nowrap;
    }
    .map-overlay .map-main .map-page .page .over{
        display: inline-block;
        vertical-align: top;
        float: right;
    }
    .map-overlay .map-main .map-page .page label{
        margin-right: 10px;
        margin-bottom: 0;
        line-height: 32px;
        font-weight: 400;
    }
    .map-overlay .map-main .map-page .page .over a{
        height: 32px;
        width: 31px;
        border:1px solid #cbcbcb;
        display: block;
        float: left;
        text-align: center;
        line-height: 32px;
        border-right: 0;
        color: #000;
    }
    .map-overlay .map-main .map-page .page .over a:last-child{
        border-right: 1px solid #cbcbcb;
        width: 32px;
    }
    .map-overlay .map-main .map-page .page .over a:hover{
        background: #000;
        color: #fff;
    }
    .map-overlay .map-main .map-page .page .over a.no-more{
        opacity: .5;
    }
    .map-overlay .map-main .map-page .page .over a.no-more:hover{
        background: transparent;
        color: #000;
    }
    header .search .advanced-search .advanced-slide{
        display: block!important;
        margin-left: 150px;
    }
    header .mobile-nav .menu-slide .overview ul li {
        position: relative;
        border-top: 1px solid #e7e7e7;
        background: #fff;
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }

    header .mobile-nav .menu-slide .overview ul li i {
        right: 20px;
        top: 0px;
        line-height: 50px;
        position: absolute;
        color: #999999;
        pointer-events: none;
    }

    header .mobile-nav .menu-slide .overview ul li i.icon-icon_font_plus,header .mobile-nav .menu-slide .overview ul li i.icon-icon_font_minus {
        color: #000;
    }

    header .mobile-nav .menu-slide .overview ul li a {
        color: #000;
        text-decoration: none;
        display: block;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
    }

    header .mobile-nav .menu-slide .overview ul li .slide {
        padding: 0 20px;
        display: none;
        background: #f0f0f0;
    }

    header .mobile-nav .menu-slide .overview ul li .slide .cell {
        position: relative;
        height: 50px;
        line-height: 50px;
        background: #f0f0f0;
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    header .mobile-nav .menu-slide .overview ul li .slide .cell i {
        right: 0px;
    }
    header .mobile-nav .myacount1 .myacount-login{
        padding: 20px;
        border-top: 1px solid #e7e7e7;
    }
    header .mobile-nav .myacount1 .myacount-login a{
        width: 250px;
        margin:0 auto;
    }
}


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/


/*--------------------------This is an amazing Fibonacci Lines--------------------------*/

@media screen and (max-width:767px) {
    .acount-overview .overview-right .record .main ul li .table-td a.orange-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        padding: 0 15px;
    }
    
    .v2-banner{
        margin-top: 0!important;
    }

    .acount-overview .overview-right .record .main ul li .table-td a.red-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        width: 80px;
    }

	.acount-overview.all-region .overview{
		margin:0 -20px;
	}
	.acount-overview {
		overflow: hidden;
	}
	.acount-overview .overview {
		padding-bottom: 0;
		margin-top: 10px;
	}

	.acount-overview .overview .title {
		display: none;
		height: 60px;
		line-height: 60px;
		padding-left: 20px;
		background: #000;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
	}

	.overview ul li {
		position: relative;
		border-top: 1px solid #e7e7e7;
		background: #fff;
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}

	.overview ul li i {
		right: 20px;
		top: 0px;
		line-height: 60px;
		position: absolute;
		color: #999999;
        pointer-events: none;
	}

	.overview ul li i.icon-icon_font_plus,.overview ul li i.icon-icon_font_minus {
		color: #000;
	}

	.overview ul li a {
		color: #000;
		text-decoration: none;
		display: block;
		height: 62px;
		line-height: 62px;
		padding-left: 20px;
	}

	.overview ul li .slide {
		padding: 0 20px;
		display: none;
		background: #f0f0f0;
	}

	.overview ul li .slide .cell {
		position: relative;
		height: 60px;
		line-height: 60px;
		background: #f0f0f0;
		color: #000;
		font-size: 14px;
		font-weight: 400;
	}

	.overview ul li .slide .cell i {
		right: 0px;
	}
	main .titleOne {
    font-size: 24px;
    margin: 20px 0 0 0;
    }
    main .titleTwo {
        font-size: 12px;
        display: none;
        position: relative;
    }
    .nav-title a:hover,
    .nav-title a:focus,
    main .titleTwo a:hover,
    main .titleTwo a:focus{
        color: #8c7b47;
        text-decoration: none;
    }
    .title-content {
        max-width: 1040px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        padding-bottom: 20px!important;
    }
    .title-style2{
        padding: 50px 0 20px;
        font-size: 22px;
        text-align: center;
        font-weight: 400;
        letter-spacing: 2px;
    }
    .line{
        text-align: center;
    }
    .mobile-overlay{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: .8;
        z-index: 113;
    }
    .rd-mobilepanel_toggle {
        display: block;
        float: left;
        width: 30px;
        height: 65px;
        border: none;
        background: transparent;
        padding: 0;
        outline: none;
        z-index: 111;
        outline-offset: 0;
        cursor: pointer;
        -webkit-appearance: none;
    }
    .rd-mobilepanel_toggle.active {
        background: transparent;
    }
    .rd-mobilepanel_toggle span {
        position: relative;
        display: block;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -7px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .rd-mobilepanel_toggle span:after {
        top: 7px;
    }
    .rd-mobilepanel_toggle span:after,
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span {
        width: 25px;
        height: 2px;
        border-radius: 2px;
        background-color: #7a6a39;
        backface-visibility: hidden;
    }
    .rd-mobilepanel_toggle span:before,
    .rd-mobilepanel_toggle span:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }
    .rd-mobilepanel_toggle.active span {
        transition: background .3s 0s ease;
        background: transparent;
    }
    .rd-mobilepanel_toggle.active span:before,
    .rd-mobilepanel_toggle.active span:after {
        top: 0;
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }
    .rd-mobilepanel_toggle.active span:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .rd-mobilepanel_toggle.active span:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header .h-transition {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header {
        position: fixed;
        z-index: 114;
        left: 0;
        right: 0;
        top: 0;
    }
    header.open{
        z-index: 114;
    }
    header .newMassage {
        display: none;
        height: 30px;
        color: #fff;
        background: #8c7b47;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        letter-spacing: 0.4px;
    }
    header .newMassage a {
        font-weight: bold;
        color: #fff;
        text-decoration: underline;
    }
    header .logoMain .logo {
        float: left;
        height: 65px;
        line-height: 65px;
        color: #8b7c45;
        font-size: 40px;
    }
    header .logoMain .logo a{
        display: block;
        width: 90px;
        line-height: 60px;
    }
    header .logoMain .logo a img{
        width: 100%;
    }
    header .logoMain .logo a:first-child {
        display: none;
    }
    header .logoMain {
        background: #000000;
        height: 65px;
        position: absolute;
        box-shadow: none;
        z-index: 1000002;
        width: 100%;
        left: 0;
    }
    header .logoMain .rightsideBar {
        float: right;
        position: relative;
    }
    header .logoMain .rightsideBar .rightsideBar-ul {
        display: block;
        padding-top: 19px;
        overflow: hidden;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li {
        cursor: pointer;
        display: block;
        float: left;
        margin-left: 14px;
        position: relative;
    }
    header .logoMain .rightsideBar .rightsideBar-ul,
    header .logoMain .rightsideBar .rightsideBar-ul .lang-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .facebook-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .contact-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .acount-guide,
    header .logoMain .rightsideBar .rightsideBar-ul .cellar-guide span,
    header .logoMain .rightsideBar .rightsideBar-ul .cart-guide span,
    header .logoMain .rightsideBar .rightsideBar-ul .locator-guide {
        display: none;
    }
    header .logoMain .rightsideBar .rightsideBar-ul-mobile{
        display: block;
    }
    header .logoMain .rightsideBar .rightsideBar-ul .chat-guide {
        display: inline-block;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li span {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li i {
        color: #8a753e;
        font-size: 26px;
        line-height: 26px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -1px;
    }
    header .logoMain .rightsideBar .rightsideBar-ul li .i-animate{
        display: none;
    }
    header .logoMain .rightsideBar .acount-position {
        top: 65px;
        left: 216px;
        position: absolute;
        z-index: 111;
    }
    header .logoMain .rightsideBar .acount-popup {
        margin-top: 10px;
        padding: 5px 0;
        width: 213px;
        height: 325px;
        border: 1px solid #c4cbd1;
        background: #fff;
        position: relative;
    }
    header .logoMain .rightsideBar .acount-popup:before {
        content: "";
        top: -10px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .rightsideBar .acount-popup:after {
        content: "";
        top: -9px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .rightsideBar .acount-popup .list-a {
        text-align: center;
    }
    header .logoMain .rightsideBar .acount-popup .list-a a {
        display: inline-block;
        width: 80%;
        color: #000;
        padding: 7px 0;
        text-decoration: none;
    }
    header .logoMain .rightsideBar .custormer-service {
        text-align: center;
        margin-top: 21px;
    }
    header .logoMain .rightsideBar .custormer-service span {
        display: inline-block;
        width: 122px;
        border-top: 1px solid #e6e6e6;
        padding: 21px 0;
    }
    header .logoMain .rightsideBar .logout {
        text-align: center;
    }
    header .logoMain .rightsideBar .logout a {
        background: #9d0229;
        color: #fff;
        display: inline-block;
        width: 140px;
        height: 37px;
        line-height: 37px;
        font-size: 16px;
    }
    header .logoMain .cart-position {
        position: absolute;
        width: 100%;
        top: 65px;
        right: 0;
        z-index: 1111112;
        display: none!important;
    }
    header .logoMain .cart-popup {
        margin-top: 0;
        background: #fff;
        border: 1px solid #c9cdd0;
        position: relative;
    }
    header .logoMain .cart-popup:before {
        display: none;
        content: "";
        top: -10px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .logoMain .cart-popup:after {
        display: none;
        content: "";
        top: -9px;
        left: 90%;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .logoMain .cart-popup .title {
        text-transform: capitalize;
        border-bottom: 1px solid #e8e8e8;
        width: auto;
        margin: 0 20px;
        text-align: center;
        line-height: 50px;
        letter-spacing: 2px;
        font-size: 15px;
        font-weight: 400;
    }
    header .logoMain .cart-popup .cart-scorll {
        display: none;
        margin-left: 30px;
        width: 424px;
        max-height: 363px;
        overflow-y: auto;
    }
    header .logoMain .cart-popup ul {
        width: 405px;
    }
    header .logoMain .cart-popup ul li {
        border-bottom: 1px solid #e8e8e8;
        height: 120px;
        position: relative;
    }
    header .logoMain .cart-popup .remove {
        font-size: 18px;
        line-height: 18px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -9px;
    }
    header .logoMain .cart-popup .pic {
        float: left;
        width: 90px;
        line-height: 120px;
        text-align: center;
    }
    header .logoMain .cart-popup .pic img {
        width: 75%;
    }
    header .logoMain .cart-popup .massage {
        margin-left: 110px;
        width: 220px;
        padding-top: 5px;
    }
    header .logoMain .cart-popup .name {
        height: 40px;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    header .logoMain .cart-popup .price {
        margin: 9px 0 5px 0;
        font-size: 14px;
    }
    header .logoMain .cart-popup .price .s1 {
        color: #9d0229;
        font-weight: 700;
    }
    header .logoMain .cart-popup .price .s2 {
        color: #717171;
        margin-right: 5px;
        font-size: 13px;
    }
    header .logoMain .cart-popup .addProduct {
        font-size: 16px;
        font-weight: 500;
    }
    header .logoMain .cart-popup .addProduct .addinput {
        float: left;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub {
        display: inline-block;
        line-height: 28px;
        border: 1px solid #000;
        border-right: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput .add {
        display: inline-block;
        line-height: 28px;
        border: 1px solid #000;
        border-left: 0;
        width: 28px;
        text-align: center;
    }
    header .logoMain .cart-popup .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    header .logoMain .cart-popup .addProduct .addinput input {
        display: inline-block;
        line-height: 28px;
        border: 1px solid #000;
        height: 30px;
        width: 29px;
        text-align: center;
        padding: 0;
    }
    header .logoMain .cart-popup .mobile-total {
        height: 100px;
        padding: 0 20px;
        overflow: hidden;
    }
    header .logoMain .cart-popup .total {
        width: 45%;
        margin: 0 auto;
        line-height: 30px;
        height: 30px;
        font-size: 18px;
        float: left;
    }
    header .logoMain .cart-popup .total .left {
        float: none;
        font-weight: 400;
        margin-top: 20px;
    }
    header .logoMain .cart-popup .total .right {
        float: none;
        color: #9d0229;
        font-weight: 700;
        font-size: 20px
    }
    header .logoMain .cart-popup .check {
        margin-left: 45%;
    }
    header .logoMain .cart-popup .checkout {
        font-weight: 500;
        text-align: center;
        display: block;
        width: auto;
        line-height: 50px;
        height: 50px;
        margin: 0 auto;
        margin-top: 25px;
        background: #9d0229;
        color: #fff;
        font-size: 15px;
    }
    header .logoMain .cart-popup .checkout:hover {
        border: 1px solid #9d0229;
        background: transparent;
        color: #9d0229;
        text-decoration: none;
    }
    header .logoMain .cart-popup .free {
        background: #f0f0f0;
        padding: 20px 0;
        margin-top: 0px;
    }
    header .logoMain .cart-popup .free-main {
        height: 40px;
        margin: 0 auto;
        width: auto;
        padding: 0 20px;
    }
    header .logoMain .cart-popup .free-main .progress1 {
        width: 70%;
        float: left;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar {
        margin-top: 2px;
        height: 14px;
        padding: 2px;
        background: #cccccc;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .bar span {
        height: 10px;
        background: #8c7b47;
        display: block;
        border-radius: 10px;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto {
        margin: 6px 0;
        font-size: 16px;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto i {
        color: #8c7b47;
    }
    header .logoMain .cart-popup .free-main .progress1 .freeto span {
        font-weight: 700;
    }
    header .logoMain .cart-popup .free-main .free-logo {
        margin-left: 70%;
        text-align: right;
    }
    header .logoMain .cart-popup .free-main .free-logo h1 {
        font-size: 25px;
        margin: 0;
        font-weight: 700;
        line-height: 25px;
    }
    header .logoMain .cart-popup .free-main .free-logo p {
        margin: 0;
    }
    header .search-positon {
        position: fixed;
        top: 55px;
        z-index: 111;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
    }
    header .search {
        border-bottom: 1px solid #cbcbcb;
        background: #fff;
        margin-top: 10px;
    }
    header .search .search-top {
        width: auto;
        margin: 0 auto;
        height: 50px;
        padding: 0 20px;
        position: relative;
    }
    header .search .search-top .triangle {
        display: none;
        top: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #c4cbd1;
    }
    header .search .search-top .triangle:after {
        content: "";
        top: 1px;
        left: -10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    header .search .search-top .close {
        color: #000;
        height: 50px;
        float: left;
        font-size: 18px;
        width: 25px;
        text-align: center;
        line-height: 50px;
    }
    header .search .search-top .close i {
        opacity: 1;
    }
    header .search .search-top input {
        font-weight: 400;
        line-height: 50px;
        outline: none;
        display: block;
        height: 50px;
        font-size: 20px;
        width: 100%;
        border: 0;
        padding: 0;
        box-shadow: none;
    }
    header .search .search-top .auto_text_input{
        margin-left: 40px;
        height: 50px;
        margin-right: 40px;
        position: relative;
    }
    .autocompleter {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 100;
    }
    .autocompleter-hint {
        text-align: left;
        top: -50px;
        font-weight: 400;
        line-height: 50px;
        left: 0;
        width: 100%;
        padding:0;
        font-size: 20px;
        display: none;
    }
    .autocompleter-hint-show {
        display: block;
    }
    header .search .search-top input::-webkit-input-placeholder {
        color: #ececec;
    }
    header .search .search-top .ok {
        color: #000;
        height: 50px;
        font-size: 18px;
        width: 25px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: 20px;
        top: 0;
    }
    header .search .hotsearch {
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        padding: 8px 0;
    }
    header .search .hotsearch .word {
        width: auto;
        padding: 0 20px;
        margin: 0 auto;

    }
    header .search .hotsearch .word .word-list {
        margin-left: 0;
    }
    header .search .hotsearch .word span {
        text-transform: uppercase;
        display: block;
        line-height: 20px;
        font-size: 14px;
        float: none;
        width: auto;
        text-align: left;
    }
    header .search .hotsearch .word a {
        margin: 6px 10px 0 0;
        border-right: 1px solid #ededed;
        display: inline-block;
        line-height: 18px;
        font-size: 14px;
        float: none;
        padding-right: 15px;
        color: #85805a;
    }
    header .search .hotsearch .word a:last-child {
        border: 0;
    }
    header .search .hotsearch .word a:first-child {
        padding-left: 0
    }
    header .search .advanced-search {
        width: auto;
        padding: 0 20px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    header .search .advanced-search .top {
        
    }
    header .search .advanced-search .advanced {
        float: none;
        height: 32px;
        line-height: 32px;
        width: auto;
        background: #8c7b47;
        color: #fff;
        font-size: 12px;
        margin: 10px 0 0 0;
        padding-left: 10px;
        position: relative;
    }
    header .search .advanced-search .advanced-slide{
        padding-top: 15px;
    }
    header .search .advanced-search .advanced i{
        line-height: 32px;
        position: absolute;
        right: 10px;
        top:0;
    }
    header .search .advanced-search .ad-select {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
    header .search .advanced-search .ad-multiple-select {
        margin-right: 0;
        margin-bottom: 0;
    }
    header .search .advanced-search .ad-select * {
        border-radius: 0;
        outline: none!important;
    }
    header .search .advanced-search .ad-select .dropdown-menu {
        margin: 0;
        border-top: 0;
        padding: 0;
    }
    header .search .advanced-search .ad-select .btn {
        padding: 0 10px;
        height: 32px;
        line-height: 30px;
    }
    header .search .advanced-search .ad-select .dropdown-menu li a {
        padding: 0 10px;
        line-height: 35px;
    }
    header .search .advanced-search .ad-select .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select.open .dropdown-toggle .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    header .search .advanced-search .ad-select .bootstrap-select .dropdown-toggle.btn-default {
        background: #fff!important;
        box-shadow: none!important;
        border-color: #ccc!important;
    }
    .for-animate {
        display: none;
    }
    header .search .advanced-search .Filterd-by {
        padding-bottom: 0;
        display: none;
        margin-top: 10px;
    }
    header .search .advanced-search .Filterd-by .Filterd {
        width: auto;
        line-height: none;
        float: none;
        margin-top: 0;
        padding: 10px 0 0 0;
    }
    header .search .advanced-search .Filterd-by ul {
        margin-left: 0;
        white-space: nowrap;
        overflow-x:auto; 
    }
    header .search .advanced-search .Filterd-by ul li {
        background: #f2f2f2;
        display: inline-block;
        line-height: 25px;
        padding: 0 10px;
        margin: 0 10px 0 0;
        margin-top: 8px;
        border-radius: 20px;
    }
    header .search .advanced-search .Filterd-by ul li i {
        margin-right: 5px;
        font-size: 12px;
    }
    header .search .advanced-search .Filterd-by .Clear {
        background: transparent;
        width: 100%;
        text-align: center;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 auto;
        margin-top: 10px;
        color: #887e4d;
        font-size: 15px;
        text-decoration: underline;
        cursor: pointer;
        font-style: italic;
    }
    /*自定义多选select Start*/
    .ad-multiple-select {
        position: relative;
    }
    .ad-multiple-select button {
        position: relative;
        width: 100%;
        text-align: left;
        background: #fff;
        padding: 0 10px;
        line-height: 30px;
        font-size: 14px;
        color: #000;
        z-index: 11;
        border: 1px solid #ccc;
    }
    .ad-multiple-select button .caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        vertical-align: middle;
    }
    .ad-multiple-select .mul-menu {
        display: none;
        background: #f7f7f7;
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: 0;
        position: absolute;
        left: 0;
        right: 0;
        max-height: 270px;
        overflow-y: auto
    }
    header .search .advanced-search .ad-multiple-select.nohei .mul-menu{
        border: 1px solid rgba(0, 0, 0, .15);
        border-bottom: 0;
        bottom:32px;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud ul {
        display: none;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud span {
        line-height: 37px;
        margin: 0 0 0 35px;
        display: block;
        position: relative;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li {
        position: relative;
        display: block;
    }
    .ad-multiple-select .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        background-size: 100%;
    }
    .ad-multiple-select.open .caret {
        border: 0;
        border-top: 0;
        width: 10px;
        height: 5px;
        background: url(../img/arrow_down.png)no-repeat;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moztransform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background-size: 100%;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li p {
        line-height: 37px;
        margin: 0 0 0 65px;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span {
        position: relative;
        cursor: pointer;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span i {
        position: absolute;
        left: 12px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud .span .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check1 {
        background: url("../img/check_box_on.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li .icon-check-empty1 {
        background: url("../img/check_box_off.png");
    }
    .ad-multiple-select .mul-menu .mul-menu-groud li i {
        position: absolute;
        left: 40px;
        line-height: 37px;
        font-size: 20px;
        top: 10.5px;
        width: 16px;
        height: 16px;
        display: block;
    }
    .ad-multiple-select.open .mul-menu {
        display: block;
    }
    /*自定义多选select End*/
    header .nav {
        display: none;
        background: #ffffff;
        height: 40px;
        border-bottom: 1px solid #e2e2e2;
        position: relative;
    }
    header .nav .nav-ul {
        height: 41px;
        line-height: 40px;
        text-align: center;
    }
    header .nav .nav-ul li {
        display: inline-block;
    }
    header .nav .nav-ul li .nav-a {
        padding-left: 23px;
        padding-right: 23px;
        display: block;
        color: #000;
    }
    header .nav .nav-ul li .nav-a:hover,
    header .nav .nav-ul li .nav-a.active {
        text-decoration: none;
        background: #8c7b47;
        color: #fff;
    }
    header .nav .product-menu-position,
    .gift-ideas-menu-position {
        top: 39px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10000002;
        background: #fff;
        height: auto;
    }
    header .nav .product-menu {
        border-top: 1px solid #8c7b47;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 30px;
    }
    header .nav .product-menu .wine {
        width: 700px;
        float: left;
    }
    header .nav .product-menu .wine .title {
        padding: 23px 0 13px 0;
        border-bottom: 2px solid #000;
        color: #8c7b47;
        font-weight: 700;
        font-size: 15px;
    }
    header .nav .product-menu .wine .cell {
        width: 150px;
        float: left;
        margin-left: 50px;
    }
    header .nav .product-menu .wine .cell:first-child {
        margin-left: 0;
    }
    header .nav .product-menu .wine .cell .cell-silde {
        display: none;
    }
    header .nav .product-menu .wine .cell .cell-silde.active {
        display: block;
    }
    header .nav .product-menu .wine .other {
        width: 300px;
    }
    header .nav .product-menu .wine .cell .word {
        padding: 23px 0 14px 0;
        border-bottom: 1px solid #ededed;
        font-weight: 700;
        position: relative;
    }
    header .nav .product-menu .wine .cell .word:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .product-menu .wine .cell p {
        text-align: left;
        margin: 0;
        cursor: pointer;
    }
    header .nav .product-menu .wine .cell p.active,
    header .nav .product-menu .wine .cell p:hover {
        color: #9d0229;
    }
    header .nav .product-menu .wine .cell ul {
        padding-top: 10px;
        width: 150px;
        float: left;
    }
    header .nav .product-menu .wine .cell ul li {
        display: block;
        line-height: 27px;
    }
    header .nav .product-menu .wine .cell span {
        display: block;
    }
    header .nav .product-menu .wine .cell span a {
        color: #000;
        margin-left: 10px;
    }
    header .nav .product-menu .wine .cell span a:hover {
        color: #786e64;
    }
    header .nav .product-menu .accessories {
        width: 150px;
        margin: 0 50px;
    }
    header .nav .product-menu .accessories .main {
        padding-top: 10px;
    }
    header .nav .product-menu .accessories .main .classware {
        padding: 13px 0;
        border-top: 1px solid #ededed;
        font-weight: 700;
    }
    header .nav .product-menu .accessories .main .classware:first-child {
        border-top: 0;
        position: relative;
    }
    header .nav .product-menu .accessories .main .classware:first-child:before {
        content: "";
        position: absolute;
        left: 2px;
        right: 2px;
        bottom: -3px;
        border-top: 1px solid #fafafa;
    }
    header .nav .product-menu .buyerspick {
        float: left;
        width: 250px;
        margin-top: 10px;
        border: 1px solid #ededed;
        text-align: center;
        padding-bottom: 30px;
    }
    header .nav .product-menu .buyerspick img {
        width: 50%;
    }
    header .nav .product-menu .buyerspick .title {
        padding: 13px 0;
        color: #fff;
        background: #000;
        margin-bottom: 15px;
    }
    header .nav .product-menu .buyerspick .intro {
        width: 190px;
        margin: 0 auto;
        margin-top: 37px;
    }
    header .nav .product-menu .buyerspick .intro h1 {
        font-size: 15px;
        color: #000;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh {
        margin-top: 10px;
        text-align: center;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell {
        margin: 0 3px;
        display: inline-block;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 20px;
        line-height: 22px;
        font-size: 13px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
    }
    header .nav .product-menu .buyerspick .intro .rp-ws-jh .cell span {
        color: #000;
        display: inline-block;
        height: 20px;
        line-height: 22px;
    }
    header .nav .product-menu .buyerspick .intro .price {
        margin: 15px 0;
        font-size: 15px;
    }
    header .nav .product-menu .buyerspick .intro .price .s1 {
        color: #9d0229;
    }
    header .nav .product-menu .buyerspick .intro .price .s2 {
        color: #717171;
    }
    header .nav .product-menu .buyerspick .intro .viewbut {
        display: block;
        background: #9d0229;
        font-size: 15px;
        margin: 0 auto;
        line-height: 33px;
        width: 150px;
        height: 33px;
        color: #fff;
        font-weight: 500;
        margin-top: 20px;
    }
    header .mobile-nav {
        position: fixed;
        top: 0;
        bottom:0;
        width: 85%;
        background: #fff;
        z-index: 122222;
        left: -85%;
    }
    header .mobile-nav.mobile-leftin {
        left: 0;
    }
    header .mobile-nav .menu-acount {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
    }
    header .mobile-nav .menu-acount .myacount {
        font-size: 18px;
        font-weight: 500;
    }
    header .mobile-nav .menu-acount .myacount p {
        margin: 0;
        padding: 0 20px;
        line-height: 65px;
        color: #fff;
        background: #7a6a39;
        position: relative;
    }
    header .mobile-nav .menu-acount .myacount p i {
        position: absolute;
        right: 10px;
        line-height: 65px;
    }
    header .mobile-nav .menu-acount .myacount .login {
        padding: 15px 0;
        background: #f0f0f0;
    }
    header .mobile-nav .menu-acount .myacount .login a {
        display: block;
        width: 90%;
        line-height: 62px;
        border: 1px solid #7a6a39;
        color: #7a6a39;
        margin: 0 auto;
        font-size: 20px;
        text-align: center;
    }
    header .mobile-nav .menu-acount .nav-list {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 112px;
        top:65px;
        font-size: 18px;
        font-weight: 400;
        color: #000;
        background: #fff;
    }
    header .mobile-nav .menu-acount .nav-list .nav-list-a {
        margin: 0;
        padding: 0 20px;
        line-height: 61px;
        position: relative;
        display: block;
        border-bottom: 1px solid #f0f0f0;
    }
    header .mobile-nav .menu-acount .nav-list .nav-list-a i {
        position: absolute;
        right: 10px;
        line-height: 62px;
        color: #ababab;
    }
    header .mobile-nav .menu-acount .lang {
        padding: 0 20px;
        font-size: 20px;
        height: 50px;
        position: absolute;
        bottom: 62px;
        left: 0;
        width: 100%;
        background: #f0f0f0;
    }
    header .mobile-nav .menu-acount .lang .left {
        margin-top: 12.5px;
        float: left;
    }
    header .mobile-nav .menu-acount .lang .left span {
        line-height: 25px;
        color: #000;
        padding-right: 18px;
        padding: 0 14px;
    }
    header .mobile-nav .menu-acount .lang .left span:first-child {
        border-right: 1px solid #000;
        padding-left: 0;
    }
    header .mobile-nav .menu-acount .lang .right {
        margin-top: 7.5px;
        float: right;
        font-size: 25px;
    }
    header .mobile-nav .menu-acount .lang .right span {
        line-height: 25px;
        color: #000;
        border-left: 1px solid #e3e3e3;
        padding: 0 8px;
    }
    header .mobile-nav .menu-acount .lang .right span:last-child {
        padding-right: 0;
    }
    header .mobile-nav .menu-acount .checkout {
        height: 62px;
        width: 100%;
        position: absolute;
        bottom:0;
        left: 0;
    }
    header .mobile-nav .menu-acount .checkout .total {
        float: left;
        width: 65%;
        background: #000;
        color: #fff;
        font-size: 16px;
        height: 62px;
        padding: 7px 0 0 25px;
    }
    header .mobile-nav .menu-acount .checkout .total span {
        font-weight: 500;
    }
    header .mobile-nav .menu-acount .checkout .total p {
        margin-bottom: 5px;
        font-size: 16px;
    }
    header .mobile-nav .menu-acount .checkout .check-but {
        font-weight: 500;
        background: #9d0229;
        color: #fff;
        font-size: 18px;
        line-height: 62px;
        display: block;
        margin-left: 65%;
        text-align: center;
    }
    header .mobile-nav .myacount1 .overview{
        position: absolute;
        top: 65px;
        bottom: 62px;
        left: 0;
        width: 100%;
    }
    header .mobile-nav .myacount1 .myacount-login{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    header .mobile-nav .menu-slide {
        position: absolute;
        width: 100%;
        top: 0;
        font-size: 18px;
        font-weight: 400;
        left: -100%;
        bottom: 0;
        background:#fff;
    }
    header .mobile-nav .mobile-leftin {
        left: 0;
    }

    header .mobile-nav .menu-slide .title {
        position: relative;
        padding: 0 20px;
        line-height: 65px;
        background: #7a6a39;
        height: 65px;
        overflow: hidden;
    }
    header .mobile-nav .menu-slide .menu-div{
        position: absolute;
        overflow-y: auto;
        top: 65px;
        bottom:0;
        width: 100%;
        left: 0;
    }
    header .mobile-nav .menu-slide .title .back {
        line-height: 65px;
        color: #fff;
        float: left;
        margin-left: -10px;
    }
    header .mobile-nav .menu-slide .title span {
        position: absolute;
        right: 20px;
        line-height: 65px;
        top: 0;
        color: #fff;
    }
    header .mobile-nav .menu-slide .black-t {
        padding: 0 20px;
        line-height: 62px;
        color: #7a6a39;
        background: #000;
        position: relative;
        font-weight: 500;
    }
    header .mobile-nav .menu-slide .white {
        border-bottom: 1px solid #f0f0f0;
    }
    header .mobile-nav .menu-slide .white-t {
        padding: 0 20px;
        line-height: 62px;
        color: #333333;
        background: #fff;
        position: relative;
    }
    header .mobile-nav .menu-slide .white-t i {
        position: absolute;
        right: 10px;
        line-height: 62px;
    }
    header .mobile-nav .menu-slide .gray {
        background: #f0f0f0;
        color: #000;
        font-size: 16px;
        font-weight: 400;
    }
    header .mobile-nav .menu-slide .gray-t {
        padding: 0 40px;
        line-height: 62px;
        position: relative;
    }
    header .mobile-nav .menu-slide .gray-t u {
        position: absolute;
        right: 40px;
        line-height: 62px;
    }
    header .mobile-nav .menu-slide .gray-slide span {
        display: block;
        padding: 0 40px;
        line-height: 62px;
        position: relative;
        font-weight: normal;
    }
    header .mobile-nav .menu-slide .gray-slide u {
        position: absolute;
        right: 40px;
        line-height: 62px;
    }
    header .mobile-nav .menu-slide .gray-slide a {
        color: #000;
        margin-left: 10px;
    }
    header .mobile-nav .menu-slide .white-slide,
    header .mobile-nav .menu-slide .black-slide,
    header .mobile-nav .menu-slide .gray-slide {
        display: none;
    }
    footer {
        position: relative;
        left: 0;
    }
    footer .foot1 {
        background: #f0f0f0;
    }
    footer .foot1 .pay-support {
        height: auto;
        border-bottom: 1px solid #e3e3e3;
        overflow: hidden;
    }
    footer .foot1 .pay-support .KH_logo {
        float: none;
        height: 65px;
    }
    footer .foot1 .pay-support .KH_logo img {
        margin-right: 0;
        vertical-align: middle;
        float: left;
        margin-top: 23px;
        width: 190px;
    }
    footer .foot1 .pay-support .KH_logo .img {
        float: right;
        margin-top: 21.5px;
        width: 70px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment {
        float: none;
        padding-bottom: 20px;
        margin:0 -20px;
        text-align: center;
        margin-top: 4px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment img {
        width: 100%;
        max-width: 480px;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a {
        margin-top: 0;
        background: #000;
        display: inline-block;
        display: none;
        height: 44px;
        background: url(../img/unnamed.png)no-repeat;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(1) {
        width: 36px;
        background-position: 0 0;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(2) {
        width: 50px;
        background-position: -33px 0;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(3) {
        width: 36px;
        background-position: -80px 0;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(4) {
        width: 46px;
        background-position: -115px 0;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(5) {
        width: 50px;
        background-position: -160px 0;
    }
    footer .foot1 .pay-support .footer_Icon_Payment a:nth-of-type(6) {
        width: 50px;
        background-position: -210px 0;
    }
    footer .foot1 .company {
        padding: 20px 0 10px 0;
        overflow: hidden;
    }
    footer .foot1 .company .left {
        min-height: none;
        border-right: 0;
        float: none;
        overflow: hidden;
        width: 100%;
    }
    footer .foot1 .company .left .cell {
        float: none;
        width: 100%;
    }
    footer .foot1 .company .left .cell p {
        font-size: 16px;
        color: #8a7a46;
        margin-bottom: 25px;
        font-weight: 400;
        cursor: pointer;
    }
    footer .foot1 .company .left .cell a {
        display: block;
        text-decoration: none;
        color: #000;
        margin-bottom: 25px;
        font-size: 16px;
    }
    footer .foot1 .company .left .cell2 {
        width: 100%;
    }
    footer .foot1 .company .left .cell3 {
        width: auto;
    }
    footer .foot1 .company .right {
        margin-left: 0;
    }
    footer .foot1 .company .right .watson-app {
        float: none;
        margin-left: 0;
        width: auto;
        text-align: left;
    }
    footer .foot1 .company .right .watson-app p {
        font-size: 16px;
        color: #8a7a46;
        margin-bottom: 25px;
        font-weight: 400;
    }
    footer .foot1 .company .right .watson-app span {
        font-size: 19px;
        color: #000;
        display: none;
    }
    footer .foot1 .company .right .watson-app .dowmload-app {
        margin-top: 14px
    }
    footer .foot1 .company .right .watson-app .dowmload-app a {
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }
    footer .foot1 .company .right .watson-app .dowmload-app a:first-child {
        margin-bottom: 5px;
    }
    footer .foot1 .company .right .mobile_image {
        margin-left: 350px;
        padding-top: 20px;
        display: none;
    }
    footer .foot1 .company .f-m-slide {
        display: none;
    }
    footer .foot1 .desktop-version {
        line-height: 40px;
        border-top: 1px solid #e3e3e3;
    }
    footer .foot1 .desktop-version a {
        color: #000;
    }
    footer .copyright {
        background: #000;
        height: auto;
        padding: 25px 0;
        position: relative;
    }
    footer .copyright:after{
        content: ".";
        position: absolute;        
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        background: #000;
    }
    footer .copyright .warning {
        float: none;
        font-size: 13px;
    }
    footer .copyright .warning p {
        color: #999999;
        margin-bottom: 25px;
        width: 320px;
    }
    footer .copyright .warning span {
        color: #fff;
    }
    footer .copyright .foot-icon {
        float: none;
        line-height: 41px;
        height: 41px;
        text-align: center;
        margin-top: 20px;
    }
    footer .copyright .foot-icon i {
        font-size: 34px;
        color: #8c7b45;
        line-height: 41px;
        margin: 0 9px;
    }
    main.h-transition,
    footer.h-transition {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    main {
        padding-bottom: 35px;
        position: relative;
        left: 0;
        margin-top: 65px;
    }
    header .logoMain.mobile-leftin, 
    main.mobile-leftin,
    footer.mobile-leftin {
        left: 85%;
    }
    .livechat {
        position: fixed;
        right: 0;
        bottom: 50px;
        z-index: 111;
    }
    .livechat .chat {
        text-align: center;
        width: 60px;
        display: none;
        height: 80px;
        background: #8c7843;
        padding-top: 10px;
    }
    .livechat .chat i {
        color: #fff;
        font-size: 30px;
    }
    .livechat .chat p {
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
    }
    .livechat .totop {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 40px;
        color: #fff;
        padding-top: 2px;
        margin-top: 10px;
        background: #666666;
        opacity: .5;
    }
    .content {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 0 20px;
        margin-top: 0!important;
    }
    .frame ul{
        padding-bottom: 1px;
    }
    .frame ul li {
        float: left;
        width: 320px;
        margin: 0;
        padding: 0;
        color: #ddd;
        text-align: center;
    }
    .frame ul li a.img{
        min-height: 232px;
        position: relative;
    }
    .frame ul li img {
        width: 161px;
    }
    .frame {
        overflow: hidden;
        position: relative;
        width: 320px;
        margin:0 auto;
    }
    .scrollbar {
        display: none;
        height: 2px;
        overflow: hidden;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        min-width: 100px;
        transition-duration: .5s;
        text-align: center;
    }
    .scrollbar:hover {
        height: 85px;
    }
    .scrollbar:hover div[rel="mousearea"] {
        height: 83px;
    }
    .scrollbar div[rel="mousearea"] {
        position: absolute;
        top: 0px;
        left: 0;
        width: 200px;
        height: 0px;
        border: 1px #8c7b47 solid;
    }
    .scrollbar li {
        display: inline-block;
        width: 4%;
        height: 2px;
        margin: 0px;
        padding: 0;
        background: #fefefe;
        color: #ddd;
        text-align: center;
        cursor: pointer;
    }
    .scrollbar li img {
        height: 79px;
        margin-top: 2px;
        opacity: 0.5;
        transition-duration: .5s;
        pointer-events: none;
    }
    .frame ul li.active {
        background: #fff;
    }
    .frame ul li .intro .mumprice {
        display: block;
        font-size: 24px;
        font-weight: 700;
        color: #9d0229;
        margin: 10px 0 14px;
    }
    .frame ul li .intro .mumprice span{
        display: none;
    }
    .frame ul li .intro {
        width: 300px;
        margin: 0 auto;
        margin-top: 34px;
    }
    .frame ul li .intro h1 {
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }
    .frame ul li .intro .rp-ws-jh {
        margin-top: 10px;
        text-align: center;
    }
    .frame ul li .intro .rp-ws-jh .cell {
        margin: 0 3px;
        display: inline-block;
    }
    .frame ul li .intro .rp-ws-jh .cell p {
        border-radius: 3px;
        margin: 0;
        display: inline-block;
        height: 22px;
        line-height: 23px;
        font-size: 14px;
        padding: 0 4px;
        color: #fff;
        background: #8c7b47;
    }
    .frame ul li .intro .rp-ws-jh .cell span {
        color: #000;
        display: inline-block;
        height: 22px;
        line-height: 23px;
        font-size: 16px;
    }
    .frame ul li .intro .price {
        margin: 15px 0 0 0;
        font-size: 17px;
        display: none;
    }
    .frame ul li .intro .price .s1 {
        color: #9d0229;
        font-weight: 700;
    }
    .frame ul li .intro .price .s2 {
        color: #717171;
        font-size: 15px;
    }
    .frame ul li .intro .addProduct {
        font-size: 16px;
        font-weight: 500;
        color: #999999;
    }
    .frame ul li .intro .addProduct .addtobut {
        margin: 0 auto;
        width: 265px;
        height: 62px;
        line-height: 60px;
        font-size: 20px;
        font-weight: 500;
        background: #9d0229;
        color: #fff;
        border:1px solid #9d0229;
        cursor: pointer;
    }
    .frame ul li .intro .addProduct .addtobut:hover{
        background: #fff;
        color: #9d0229;
    }
    .frame ul li .intro .addProduct .addinput {
        display: none;
    }
    .frame ul li .intro .addProduct .addinput .sub {
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        border-right: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .sub:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput .add {
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        border-left: 0;
        width: 30px;
        text-align: center;
    }
    .frame ul li .intro .addProduct .addinput .add:hover {
        color: #fff;
        background: #000;
    }
    .frame ul li .intro .addProduct .addinput input {
        display: inline-block;
        line-height: 30px;
        border: 1px solid #000;
        width: 31px;
        height: 32px;
        text-align: center;
        padding: 0;
    }
    .frame ul li .intro .addProduct .addbutton {
        margin: 0 auto;
        width: 265px;
        height: 62px;
        line-height: 60px;
        font-size: 20px;
        font-weight: 700;
        background: #9d0229;
        color: #fff; 
        display: none;
        border: 1px solid #9d0229;
    }
    .frame ul li .intro .addProduct .addbutton:hover {
        
        background: transparent;
        color: #9d0229;
    }
    .frame ul li .intro .addProduct .out-stork {
        width: 85%;
        height: 62px;
        line-height: 62px;
        display: inline-block;
        color: #999999;
        background: #f0f0f0;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
    }
    .add-popup-m{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 111111;
        display: none;
    }
    .add-popup-m.show-m{
        display: block;
    }
    .add-popup-m .background{
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        background: #000;
        opacity: .8;
    }
    .add-popup-m .addProduct {
        padding:30px 0;
        font-size: 16px;
        font-weight: 500;
        color: #999999;
        left: 0;
        right: 0;
        background: #fff;
        bottom: 0;
        position: absolute;
        animation: fadeInUp .5s;
        -webkit-animation: fadeInUp .5s;
        -ms-animation: fadeInUp .5s;
        -moz-animation: fadeInUp .5s;
    }
    .add-popup-m .addProduct .addtobut {
        margin: 0 auto;
        width: 265px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: 700;
        background: #9d0229;
        color: #fff;
    }
    .add-popup-m .addProduct .addinput {
        display: block;
        text-align: center;
        font-size: 20px;
    }
    .add-popup-m .addProduct .addinput .sub {
        display: inline-block;
        line-height: 60px;
        border: 1px solid #000;
        border-right: 0;
        width: 60px;
        text-align: center;
    }
    .add-popup-m .addProduct .addinput .add {
        display: inline-block;
        line-height: 60px;
        border: 1px solid #000;
        border-left: 0;
        width: 60px;
        text-align: center;
    }
    .add-popup-m .addProduct .addinput input {
        display: inline-block;
        line-height: 60px;
        height: 62px;
        border: 1px solid #000;
        width: 61px;
        text-align: center;
        padding: 0;
    }
    .add-popup-m .addProduct .addbutton {
        margin: 0 auto;
        width: 265px;
        height: 62px;
        line-height: 60px;
        font-size: 20px;
        font-weight: 500;
        background: #9d0229;
        color: #fff; 
        border:1px solid #9d0229;
        text-align: center;
        margin-top: 20px;
    }
    .add-popup-m .addProduct .addbutton:hover{
        background: #fff;
        color: #9d0229;
    }
    .check2-mobile-head{
        float: right;
        position: relative;
        color: #fff;
        padding-right: 25px;
        font-weight: 500;
        font-size: 16px;
        padding-top:12px; 
        text-align: right;
    }
    .check2-mobile-head p{
        margin:0;
    }
    .check2-mobile-head i{
        position: absolute;
        right: -5px;
        bottom: 12px;
        border:1px solid #fff;
    }
    header.check2-mobile .logoMain .rightsideBar{
        display: none;
    }
    header.check2-mobile .logoMain .check2-mobile-head{
        display: block;
    }
    .my-alert{
        position: fixed;
        display: none;
        width: 300px;
        left: 50%;
        z-index: 1111111;
        text-align: center;
        top:50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        color: #fff;
        background-color: #9d0229;
        border-color: #9d0229;
    }
    .red-button{
        display: block;
        height: 62px;
        text-decoration: none;
        text-align: center;
        line-height: 60px;
        font-weight: 500;
        font-size: 20px;
        background: #9d0229;
        border:1px solid #9d0229;
        color: #fff;
    }
    .black-button{
        display: block;
        height: 62px;
        text-decoration: none;
        text-align: center;
        line-height: 60px;
        font-weight: 500;
        font-size: 20px;
        background: #000;
        border:1px solid #000;
        color: #fff;
    }
    .orange-button{
        display: block;
        height: 62px;
        text-decoration: none;
        text-align: center;
        line-height: 60px;
        font-weight: 500;
        font-size: 20px;
        background: #fff;
        border:1px solid #8c7b47;
        color: #8c7b47;
    }
    .orange-button.on{
        color: #fff;
        background: #8c7b47;
    }
    .orange-button.on:hover{
        color: #8c7b47;
        background: #fff;
    }
    .red-button:hover{
        background: #fff;
        border:1px solid #9d0229;
        color: #9d0229;
    }
    .black-button:hover{
        background: #fff;
        border:1px solid #000;
        color: #000;
    }
    .orange-button:hover{
        background: #8c7b47;
        color: #fff;
    }
    i.custom-check {
        cursor: pointer;
        display: inline-block;
        vertical-align: text-bottom;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: relative;
        background: url("../img/check_box_off.png");
    }
    i.custom-check.active {
        background: url("../img/check_box_on.png");
    }
    .celler-folder-popup{
        position: fixed;
        z-index: 1111111;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .celler-folder-popup .background{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: .8;
    }
    .celler-folder-popup .main{
        position: absolute;
        width: 95%;
        padding: 20px;
        z-index: 1;
        left: 50%;
        top:50%;
        background: #fff;
        -webkit-transform:translate(-50%,-50%) ;
        transform:translate(-50%,-50%) ;
        -moz-transform:translate(-50%,-50%) ;
        -ms-transform:translate(-50%,-50%) ;
    }

    .celler-folder-popup .main .icon-icon_font_close{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        z-index: 3;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup{
        min-height: 200px;
        overflow: hidden;
    }
    .celler-folder-popup .main .popup h1{
        font-size: 20px;
        margin:0;
        margin-bottom: 15px;
    }
    .celler-folder-popup .main .popup h1 span{
        margin-top: 10px;
        font-size: 14px;
        display: block;
        color: #cbcbcb;
        font-weight: 400;
    }
    .celler-folder-popup .main .popup p{
        line-height: 16px;
    }
    .celler-folder-popup .main .popup p input[type="radio"]{
        margin:0;
        margin-right: 5px;
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }
    .celler-folder-popup .main .popup .popup-add{
        padding-top: 10px;
        text-align: center;
    }
    .celler-folder-popup .main .popup .popup-add a{
        width: 100px;
        display: inline-block;
        height: 42px;
        line-height: 40px;

    }
    .celler-folder-popup .main .popup .popup-add a:last-child{
        margin-left: 15px;
    }
    .product-list .product-main .right-main .Filterd-by-result{
        display: none!important;
    }
    .product-list .product-main .Filterd-by-result ul{
        overflow: hidden;
    }
    .product-list .product-main .Filterd-by-result ul li{
        font-weight: 500;
        background: #ffffff;
        display: block;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 5px;
        margin-bottom: 10px;
        border-radius: 20px;
    }
    .product-list .product-main .Filterd-by-result .Filterd{
        background: transparent;
        padding: 0;
        margin:0;
        margin-right: 5px;
        width: 100%;
        line-height: 50px;
        text-align: center;
        font-weight: 400;
    }
    .product-list .product-main .Filterd-by-result ul li i{
        margin-right: 5px;
        font-size: 12px;
        cursor: pointer;
    }
    input{
        font-size: 20px;
    }
    .map-overlay .map-main .map-page{
        margin-top: 10px;
        text-align: left;
    }
    .map-overlay .map-main .map-page .page span{
        font-weight: 700;
        margin:0 3px;
    }
    .map-overlay .map-main .map-page .page .over{
        display: inline-block;
        vertical-align: top;
        float: right;
    }
    .map-overlay .map-main .map-page .page label{
        margin-right: 10px;
        margin-bottom: 0;
        line-height: 32px;
        font-weight: 400;
    }
    .map-overlay .map-main .map-page .page .over a{
        height: 32px;
        width: 31px;
        border:1px solid #cbcbcb;
        display: block;
        float: left;
        text-align: center;
        line-height: 32px;
        border-right: 0;
        color: #000;
    }
    .map-overlay .map-main .map-page .page .over a:last-child{
        border-right: 1px solid #cbcbcb;
        width: 32px;
    }
    .map-overlay .map-main .map-page .page .over a:hover{
        background: #000;
        color: #fff;
    }
    .map-overlay .map-main .map-page .page .over a.no-more{
        opacity: .5;
    }
    .map-overlay .map-main .map-page .page .over a.no-more:hover{
        background: transparent;
        color: #000;
    }
    .acount-overview .overview-right .record .main ul {
        padding-bottom: 10px;
    }

    .acount-overview .overview-right .record .main ul li {
        overflow: hidden;
        position: relative;
        border: 1px solid #cbcbcb;
        margin-top: 10px;
        padding: 10px 0;
    }

    .acount-overview .overview-right .record .main ul li .no-yet{
        color: #9d0229;
        font-weight: 500;
    }

    .acount-overview .overview-right .record .main ul li:after {
        content: "";
        bottom: 0;
        position: absolute;
        left: 15px;
        right: 15px;
    }

    .acount-overview .overview-right .record .main ul li:last-child:after {
        border-bottom: 0;
    }
    .acount-overview .overview-right .record .main ul li{
        overflow: hidden;
    }
    .acount-overview .overview-right .record .main ul li .s2 {
        margin-left:140px;
        line-height: 30px;
        display: block;
    }

    .acount-overview .overview-right .record .main ul li .s1 {
        width: 140px;
        float: left;
        padding-left: 10px;
        line-height: 30px;
        display: block;
        text-transform: uppercase;
        font-weight: 500;
    }

    .acount-overview .overview-right .record .main ul li .table-td {
        display: block;
        padding:5px 0;
    }

    .acount-overview .overview-right .record .main ul li .table-td a.orange-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        width: 120px;
        font-size: 14px;
    }

    .acount-overview .overview-right .record .main ul li .table-td a.red-button {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        width: 120px;
        font-size: 14px;
    }
    header .mobile-nav .menu-slide .black-slide .gray-slide{
        max-height: 200px; 
        overflow: hidden;
    }
}


/*-------------------------------special iphone4-------------------------*/


/*-------------------------------special iphone4-------------------------*/

@media screen and (max-width:320px) {
    header .logoMain .rightsideBar .rightsideBar-ul li {
        cursor: pointer;
        display: block;
        float: left;
        margin-left: 0px;
        position: relative;
    }
}

.load-circle{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}
.fading-circle {
    min-width: 60px;
    min-height: 60px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -30px;
    margin-left: -30px;
}
.sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #8c7b47;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
.sk-circle2 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle3 {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle4 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle5 {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle6 {
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle7 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle8 {
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle9 {
    -webkit-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle10 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle11 {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle12 {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle3:before {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
    -o-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    -o-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
    -o-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
    -o-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    -moz-animation-delay: -0.1s;
    -o-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@-moz-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@-o-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-webkit-keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    20%, 30% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    40% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
@keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    20%, 30% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    40% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
/*#orientLayer { display: none; }
@media screen and (max-width:767px) and (orientation : landscape) { #orientLayer.show-orientLayer { display: block; } }
.mod-orient-layer { display: none; position: absolute; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 111111119997; }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center }
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display: inline-block; width: 67px; height: 109px;
transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 3s ease-in-out; animation: rotation infinite 3s ease-in-out; -webkit-background-size: 67px; background-size: 67px }
.mod-orient-layer__desc { margin-top: 20px; font-size: 15px; color: #fff }*/
@media screen and (min-width: 321px) and (max-width: 360px){
    header .logoMain .rightsideBar .rightsideBar-ul li {
        margin-left: 6px;
    }
}
@media  screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
    header .mobile-nav .menu-slide .black-slide .gray-slide{
        max-height: 265px; 
        overflow: hidden;
    }
}


/* 20161118 */
ol.colorGold li p,
ol.colorGold li ol {
	font-weight: normal;
}
ol.colorGold li ol li {
	margin-bottom: 10px;
}