html,body{overflow-x: hidden; touch-action: manipulation; }
button{border:none;background-color:transparent;}
input[type=text],textarea{-webkit-appearance: none;}
.pc-visible{display:none;}
.mobile-visible{display:unset;}
.pc-visible.hidden-xs{display:none!important;}
a:hover{color:inherit;}
.home-show-RMB[data-rmb]::after {position: static;border:none;}
.price.arrow::before, .price.arrow::after {content:none;}
#toast {
    pointer-events: none;
    position: fixed; bottom: -2em; left: 50%; transform: translateX(-50%);
    background-color: #000b; color:#fff;
    padding:.25em 1em; border-radius: 2em;
    transition: bottom .5s ease-in;
    z-index: 100000;
}
#toast.show {
    bottom: 8em;
}
.main{
    width:100vw;
}
.main .kevin-header{margin-bottom: 0;}
.main .kevin-header .top,
.main .kevin-header .kevin-container .logo,
.main .kevin-header .kevin-container .qr-code,
.main .kevin-header .nav
{display:none;}
.main .kevin-header .kevin-container {display:flex;}
.main .kevin-header .kevin-container.pc-visible{display:none;}
.main .kevin-header .kevin-container .menu-trigger-mobile{
    width:2em;height:2em;
    position: relative;
    margin:1em 0 0 .5em;
}
.main .kevin-header .kevin-container .menu-trigger-mobile::after{
    content:"";
    display: block;
    width: 80%;
    height:2px;
    position: absolute; top:calc(50% - .05em); left:10%;
    background-color: #666;
    box-shadow: 0 10px 0 0 #666, 0 -10px 0 0 #666;
}
.main .kevin-header .kevin-container .search>.box{
    display:flex;
}
.main .kevin-header .kevin-container .search>.box>form{
    flex:1;
}
.main .kevin-header .kevin-container .search #quit-search{
    display:none;
    margin:0 0 0 .5em;
    width:2em;
}
.main .kevin-header .kevin-container .search.searching #quit-search{
    display:block;
}
.main .kevin-header .kevin-container .search.searching{
    position:fixed; top:0; left:0;
    width:100%;height:100vh;
    z-index: 9999;
    background-color: #f8f8f8;
}
.main .kevin-header .kevin-container .search.searching .keyword{
    display:block;
    font-size:1.2em;
}
.main .kevin-header .kevin-container .search.searching .keyword dt{
    display:none;
}
.main .kevin-header .kevin-container .search.searching .keyword dd{
    margin:.25em;
    padding:0 .2em;
    border: thin solid;
    border-radius:1em;
    display:inline-block;
    font-weight: 300;
}
.main .kevin-header .kevin-container .search {flex:1;padding:1em .5em;}
.main .kevin-header .kevin-container .search .box input{
    width:calc(100% - 50px);
    background-image: url(/image/logo_mobile.png);
    background-position: .8em center;
    background-size: 1.5em;
    background-repeat: no-repeat;
    padding-left:3em;
    border-radius: 1em 0 0 1em!important;
    line-height: 2em; /*iOS placeholder fix*/
}
.main .kevin-header .kevin-container .search .box button{
    border-radius: 0 1em 1em 0; padding: 0;
}

.main .kevin-header .kevin-container .search .keyword{
    display:none;
}
.main .kevin-header .kevin-container .search #search-result{
    background-color: inherit;
    box-shadow: none;
    position:static;
    padding:0;
    width:100%;
    max-height: calc(100% - 9em);
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
.main .kevin-header .kevin-container .search.searching #search-result.hide{
    display:block!important;
}
.main .kevin-header #menu.hide {
    display:block!important;
}
.main .kevin-header dl.menu {
    width:100%;
    padding: 0 1em;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    position: relative;
    box-shadow: none;
}
.main .kevin-header dl.menu.open{
    padding: 0 1em 1em 1em;
    max-height: 200vh;
    transition: max-height 0.5s ease-in;
}
.main .kevin-header dl.menu dt {
    height:auto;
    width:100%;
    margin:1em 0 0 0;
}
.main .kevin-header dl.menu dt:first-child{margin:1em 0 0 0;}
.main .kevin-header dl.menu dd {
    padding:0 1.5em 0 0;
    margin: .25em 0;
}

.main .kevin-header div.slider {float:none;width:auto;}



/* new product */
.main .body {margin-bottom:3.5em;}
.center-column{padding-bottom:0;}
.main .body .new-list{padding:0;}
.main .body .new-list>.title{width:calc(100% - 1em);margin:auto;}
.main .body .banner{display:none;}
.main .body .floor {margin:2em .5em;}
.main .body .floor .nav ul {display:none;}
.main .body ul.kevin-product-list,
.main .body ul.list {
    display:flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.main .body ul.kevin-product-list li::after{content: none; /* bottom: 9px; right: 12px;*/}
.main .body ul.kevin-product-list li .product-item {padding:.5em;border-color:#ddd;}
.main .body ul.kevin-product-list li .product-item .title{max-height:5em;overflow:hidden;line-height: 1.3em;}
.main .body ul.kevin-product-list li .product-item div.price {height:2.5em;}
.main .body ul.kevin-product-list li .product-item div.price span{font-size:1.2em;}
.main .body ul.kevin-product-list li,
.main .body ul.list li {
    float: none!important;
    width:auto!important;
    min-width: 150px;
    flex: 1;

}
/* end of new product */
ul.kevin-product-list li>button:hover, div.floor ul.list li>button:hover {color:inherit;}
ul.kevin-product-list li>button, div.floor ul.list li>button {bottom:0; right:0; padding:0 1rem;}

.main .body .floor>.nav>.title {font-size:1.2em;}
.main .body .floor>.nav>.more {margin: .5em 0 0 0;padding: 0 1.5em .4em;}
.main .body .floor>ul.list li>a {margin:.5em;text-align: center; padding:.5em;margin:0;}
.main .body .floor>ul.list li>a img{margin:0;float:none;}
.main .body .floor>ul.list li>a .title {margin:.5em 0;text-align: left;}
.main .body .floor>ul.list li>a div.price{margin:0;}
.main .body .floor>ul.list li>a div.price span{display:inline;}
.main .body .floor>ul.list li>a div.price span.old{display:block;text-align:left;}


#mobile-nav, .cart-footer {position:fixed;bottom:0;z-index: 9999;width:100%; background-color: #fff; border-top: 1px solid #ddd;font-size: .8em; display:flex;}
#mobile-nav ul{flex: 1;display:flex;padding: .5em 0; text-align: center;justify-content: space-evenly;}
#mobile-nav ul>li{width:4em;}
#mobile-nav ul>li a{display:block;}
#mobile-nav>button {display:none;}
#mobile-nav.add-to-cart>button {display:block; width: 45%; border: none; border-left: 1px solid #ddd; background-color: #e70c0c; color: #fff; font-size: 2rem;}
#mobile-nav.add-to-cart>ul>li[id^="mobile-nav-"] {display:none;}

.main .kevin-footer {font-size:1rem;margin-bottom:3em;}
.main .kevin-footer li {margin:.25em .5em;}


/* product */
.main .body .main-content .container {margin:0;padding:0;}
.main .body .breadcrumb {display: none;}
.main .body .product-info {margin:0;}
.main .body .product-info #quickview_product {border:none;margin-left:-10px;}
.main .body .product-info .product-image {padding:0;margin:0;}
.main .body .product-info .product-image img {width:auto;height:auto;max-width:100%;max-height:400px;}

.main .body .product-property.price {font-size:2rem;}
.main .body .product-property.info {justify-content:space-between;}
.main .body .product-property {display: flex; align-items:center;flex-wrap:wrap;font-size: 1.3rem; clear:both;}
.main .body .product-property dt{padding:0;margin:0;}
.main .body .product-property dt::after{content:':';}
.main .body .product-property dd{margin-right: auto;}
.main .body .product-property dd:last-child{margin-right: 0;}
.main .body #product, .main .body #desc-and-comments #tabs{display: none;}

.main .body #mobile-add-to-cart {background-color:#000b;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;}
.main .body #mobile-add-to-cart #mobile-add-to-cart-confirm {position:absolute;left:0;bottom:0;background-color:#fff;width:100%;}
.main .body #mobile-add-to-cart-confirm {position: relative;}
.main .body #mobile-add-to-cart-confirm>figure {display:inline-block; margin: -3rem 0 0 1rem; width: 12rem; border: .3rem solid #eee; background-color: #ccc; position: relative;}
.main .body #mobile-add-to-cart-confirm>figure>figcaption {position: absolute; left: 100%; top: 3rem; width: calc(100vw - 13rem); padding: 0 0 0 1em; font-size: 1.3rem; line-height: 1.2em;font-weight: bold;}
.main .body #mobile-add-to-cart-confirm .price {display:inline;font-weight: bold;}
.main .body #mobile-add-to-cart-confirm .price span.show-RMB[data-rmb]{color:#f40;}
.main .body #mobile-add-to-cart-confirm .price span.show-RMB[data-rmb]::after{content: " / " attr(data-rmb);border:none;margin:0;padding:0;position: relative;top:-2px;}
.main .body #mobile-add-to-cart-confirm .product-property.info {margin:1em; border:1px solid #ddd;}
.main .body #mobile-add-to-cart-confirm .product-property.quantity {align-items: center;}
.main .body #mobile-add-to-cart-confirm .product-property.quantity input {margin:0;width:3em;}
.main .body #mobile-add-to-cart-confirm .options .form-group{display:flex;align-items: center;margin:0 1em;}
.main .body #mobile-add-to-cart-confirm .options label{font-size:1.3rem;}
.main .body #mobile-add-to-cart-confirm .options select{width:auto;}
.main .body #mobile-add-to-cart-submit {display: block;width:100%;height:3em;line-height: 3em;background-color:#e70c0c;color:#fff;border:0;font-size:2rem;letter-spacing:1em;text-indent:1em;margin-top:3rem;}
.main .body #mobile-add-to-cart.hide #mobile-add-to-cart-confirm {max-height:0;}

.main .body .floor.search-list {margin:0;}
.main .body .floor.search-list>ul.list {border-top:none;margin-bottom:2em;}
.main .body .floor.search-list>ul.list li:nth-child(4n+1)>a{border-left: 1px dotted #e6e6e6;}
div.pagination-results ul{text-align:center;}

.main .body .mobile-cart-header{background-color:#fff;text-align:center;padding:.2em;border-bottom: 1px solid #ddd;}
.main .body .mobile-cart-header>a{padding: .5em; position: absolute; left: 1em; top: 0;}
.main .body .mobile-cart-header h1{text-align:center;font-size:2rem;margin:0;}
.main .body .mobile-cart-header h2{font-size: 1.2rem;margin:0;}
.main .body .mobile-cart-header h2 span{color:#e70c0c;font-weight: bold;}

.main .body ul.cart-list li{font-size:1.2rem;position:relative;padding:.5em;margin-bottom:.5em;background-color: #fff;}
.main .body ul.cart-list li>div.row-header{height:2em;line-height:2em;}
.main .body ul.cart-list li>button.remove-button{float:right;}
.main .body ul.cart-list li>a{display:block;float:left;width:6em;height:6em;margin-right:.5em;}
.main .body ul.cart-list li>a>img{max-width:100%;max-height: 100%;}
.main .body ul.cart-list li a.title{font-weight: bold;display:block;}
.main .body ul.cart-list li dl{margin:0;padding:0;font-size:1rem;}
.main .body ul.cart-list li dt{margin-left:1em;padding:0;}
.main .body ul.cart-list li dt:first-child{margin:0;}
.main .body ul.cart-list li dl>*{display:inline;}
.main .body ul.cart-list li div.price-row{margin:1em 0;}
.main .body ul.cart-list li div.price-area{text-align: right;vertical-align: middle;font-size:.8em;}
.main .body ul.cart-list li div.price-area .selector{vertical-align: middle;font-size:1rem;}
.main .body ul.cart-list li div.price-area .selector::before{content:'';display:inline-block;height:100%;}
.main .body ul.cart-list li div.price-area .quantity{padding:0;}
.main .body ul.cart-list li div.price-area .quantity button{font-weight: bolder;border:thin solid #999;padding:0 .5em;height:2em;width:2em;}
.main .body ul.cart-list li div.price-area .quantity input{margin:0;padding:0;text-align:center;font-size:inherit;height:2em;width:2em;border:thin solid #999;border-left:none;border-right:none;vertical-align: bottom;}
.main .body ul.cart-list li div.price-area span.total{font-size:1.5em;color:#e70c0c;font-weight: bold;display:inline-block;width:4em;}

.main .body .cart-footer>div{flex:6;text-align: right; padding: 1.5em;}
.main .body .cart-footer .hint{font-size: .8em; color: #bbb;}
.main .body .cart-footer #sum{color:#e70c0c;font-weight: bold;font-size:1.2em;}
.main .body .cart-footer>button{flex:4;font-size:2rem;padding:.6em;background-color:#e70c0c;color:#fff;}

/** Login page **/
#register-box{display:none;}
#login-box {padding:16vh 1em;position:fixed;top:0;left:0;width:100vw;min-height:100vh;background-color: #f8f8f8;z-index:99999;}
#login-box>p {display:none;}
#login-box h2 {text-align: center;}
form.mobile-form .form-group {margin:3em 0;}
form.mobile-form .form-group input {border-style:none none solid none!important;background-color:transparent;}
form.mobile-form .control-label {display:none;}
form.mobile-form input.button{width:100%;}
#login-box .form-group a{font-size:.8em;float:left;}
#login-box .form-group a:not(.mobile-visible) {float:right;}


/** register page **/
.mobile-form.register {padding:5vh 1em 0;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color: #f8f8f8;z-index:99999;}
form.mobile-form .form-group {margin:1em 0;}
form.mobile-form .buttons{margin:0;}
form.mobile-form .buttons .pull-right{float:none!important;}