/*                                                    */
/* #20190211 修正:.dropdown.open- > .dropdown.show    */
/* #20190212 移除:.block.accept 修正結帳button的顯示  */
/*                                                    */

@charset "UTF-8";
@import url(fonts/style.css);
@import url(default.css);
@import url("https://fonts.googleapis.com/css?family=Kaushan+Script|Quicksand:400,500,700");

header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-prev:before, header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-next:before, header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-toggle:after, header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-toggle:after, header .navbar .navbar-collapse .navbar-right .facebook a:before, header .navbar .navbar-collapse .navbar-right .member a:before, header .navbar .navbar-collapse .navbar-right .cart > a:before, header .mobile-social .facebook a:before, header .mobile-social .cart a:before, .footer .backtop:before, .pages .arrow.prev a:before, .pages .arrow.next a:before, .wp.index .content .product button.slick-arrow.slick-prev:before, .wp.index .content .product button.slick-arrow.slick-next:before, .wp.about .history .head-title .years button.arrow.prev:before, .wp.about .history .head-title .years button.arrow.next:before, .wp.about .history .slidebox .slider button.slick-arrow.slick-prev:before, .wp.about .history .slidebox .slider button.slick-arrow.slick-next:before, .wp.about .prove .inside .slider button.slick-arrow.slick-prev:before, .wp.about .prove .inside .slider button.slick-arrow.slick-next:before, .wp.newslist .searchbar .searchbox button:before, .wp.newslist .blocks .noResult .bell:before, .wp.news .arrows .left .prev:before, .wp.news .arrows .right .next:before, .wp.news .articlebox .share .a2a_button_facebook:before, .wp.news .articlebox .share .a2a_button_twitter:before, .wp.news .articlebox .share .a2a_button_google_plus:before, .wp.contact .top .infobox .company .tel:before, .wp.contact .top .infobox .company .fax:before, .wp.contact .top .infobox .company .mail:before, .wp.contact .top .infobox .company .addr:before, .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev:before, .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-next:before, .wp.oemproduct .content .other .slider button.slick-arrow.slick-prev:before, .wp.oemproduct .content .other .slider button.slick-arrow.slick-next:before, .wp.oemproduct .content .other .intros .goback:after, .wp.oemproduct .content .share .a2a_button_facebook:before, .wp.oemproduct .content .share .a2a_button_twitter:before, .wp.oemproduct .content .share .a2a_button_google_plus:before, .wp.oemproduct .content .buttons .button.inquiry a:before, .wp.product .content .side.toggleclose .sidebarbtn .opentoggle:before, .wp.product .content .side .sidebarbtn .opentoggle:before, .wp.product .content .backlist:before, .wp.product .content .modal .modal-content .bell:before, .wp.product .content .productinfo .top .intro .shares .share .a2a_button_facebook:before, .wp.product .content .productinfo .top .intro .shares .share .a2a_button_twitter:before, .wp.product .content .productinfo .top .intro .shares .share .a2a_button_google_plus:before, .wp.product .content .productinfo .top .intro .shares .favorite p a:after, .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-prev:before, .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-next:before, .wp.product .content .productinfo .mobile-footer .links.backtop:before, .wp.member-public .content .sub-navbar ul:after, .wp.member-public .content .sub-navbar ul.open:after, .wp.member-public .content .sub-navbar ul li.cart a:before, .wp.member-public .content .sub-navbar ul li.ordered a:before, .wp.member-public .content .sub-navbar ul li.maintain a:before, .wp.member-public .content .sub-navbar ul li.pwd a:before, .wp.member-public .content .sub-navbar ul li.favorite a:before, .wp.member-public .content .sub-navbar ul li.logout a:before, .wp.member-public .content .container .status .step + .step:before, .wp.member-public .content .container .status .lists .icons:before, .wp.member-public .content .container .status .ship .icons:before, .wp.member-public .content .container .status .finish .icons:before, .wp.ordered .content .inside .sortbox .search button[type="submit"]:before, .wp.ordered .content .inside .modal .modal-content .bell:before, .wp.favorite .content .inside form table tr td.addcart a:before, .wp.favorite .content .inside form table tr td.delete a:before, .wp.order .content .container table tr td.addcart a:before, .wp.order .content .container table tr td.delete a:before, .wp.returned .content .container .returned-status .icons.apply:before, .wp.returned .content .container .returned-status .icons.receipt:before, .wp.cart .content .container .detail table td .delete:before, .wp.cart .content .container .add .slider button.slick-arrow.slick-prev:before, .wp.cart .content .container .add .slider button.slick-arrow.slick-next:before, .wp.faq .content .container .sidebar ul li a:after, .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a:after, .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a.collapsed:after {
    position: relative;
    display: block;
    font-family: 'icomoon';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    /*padding: 0;*/
    /*border: 0;*/
    /*font-size: 100%;*/
    /*font: inherit;*/
}

/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    /*list-style: none;*/
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@keyframes WidthToZero {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

@-webkit-keyframes WidthToZero {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

@-moz-keyframes WidthToZero {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

@keyframes HeightToZero {
    0% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-webkit-keyframes HeightToZero {
    0% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-moz-keyframes HeightToZero {
    0% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@keyframes index-screen {
    0% {
        width: 51%;
    }

    100% {
        width: 0;
    }
}

@-webkit-keyframes index-screen {
    0% {
        width: 51%;
    }

    100% {
        width: 0;
    }
}

@-moz-keyframes index-screen {
    0% {
        width: 51%;
    }

    100% {
        width: 0;
    }
}

@keyframes slidepic {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes slidepic {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes slidepic {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@keyframes hovertxt-slide {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes hovertxt-slide {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes hovertxt-slide {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hovertxt-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hovertxt-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes hovertxt-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bg-pic-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(0.02deg);
        transform: scale(1.1) rotate(0.02deg);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bg-pic-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(0.02deg);
        transform: scale(1.1) rotate(0.02deg);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes bg-pic-scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1) rotate(0.02deg);
    }

    100% {
        transform: scale(1);
    }
}

.nopadding {
    padding: 0;
}

body, p, li, a, h1, h2, h3, h4, h5, h6, span, label, input, select, button, tr, th, td, .txt {
    font-family: "Lato", "微軟正黑體", "sans-serif";
}

    body p, body a, body label, body table {
        /*font-size: 16px;*/
    }

        body a:hover, body a:focus {
            color: inherit;
        }

    body h2 {
        font-size: 22px;
    }

    body h3 {
        font-size: 26px;
    }

@media screen and (max-width: 991px) {
    body h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    body h3 {
        font-size: 26px;
    }
}

@keyframes navbarloading {
    0% {
        opacity: 0;
        margin-top: -70px;
        z-index: 0;
    }

    100% {
        opacity: 1;
        margin-top: 0;
        z-index: 999;
    }
}

@-webkit-keyframes navbarloading {
    0% {
        opacity: 0;
        margin-top: -70px;
        z-index: 0;
    }

    100% {
        opacity: 1;
        margin-top: 0;
        z-index: 999;
    }
}

@-moz-keyframes navbarloading {
    0% {
        opacity: 0;
        margin-top: -70px;
        z-index: 0;
    }

    100% {
        opacity: 1;
        margin-top: 0;
        z-index: 999;
    }
}

@media screen and (min-width: 768px) {
    .wp.index header.ani {
        animation: navbarloading 2.5s ease 1.5s forwards;
        -webkit-animation: navbarloading 2.5s ease 1.5s forwards;
        -moz-animation: navbarloading 2.5s ease 1.5s forwards;
    }
}

header {
    position: fixed;
    top: 0;
    z-index: 0;
    width: 100%;
    margin-top: -90px;
}

    header.ani {
        animation: navbarloading 1s ease 0.5s forwards;
        -webkit-animation: navbarloading 1s ease 0.5s forwards;
        -moz-animation: navbarloading 1s ease 0.5s forwards;
    }

    header .navbar {
        background: none;
        border: none;
        border-radius: 0;
        /*-webkit-box-shadow: 0 0 15px #aaa;*/
        /*box-shadow: 0 0 15px #aaa;*/
        width: 100%;
        height: 75px;
        /*background-color: rgba(255, 255, 255, 0.95);*/
        background-color: #AB2200;
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 0;
    }

@media screen and (max-width: 991px) {
    header .navbar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    header .navbar {
        height: 60px;
        padding-left: 0;
        padding-right: 0;
    }
}

header .navbar .navbar-header {
    height: 100%;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-header {
        padding-left: 15px;
        width: 100%; /*20190812*/
    }
}

header .navbar .navbar-header .navbar-brand {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-header .navbar-brand {
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        header .navbar .navbar-header .navbar-brand img {
            /*width: 80px;*/
            width: 120px; /*20190201*/
            position: relative;
            top: 50%;
            /*-webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);*/
        }
}

header .navbar .navbar-header .navbar-toggle {
    margin: 0;
    height: 100%;
    width: 60px;
    border-radius: 0;
    border: 0;
    background-color: #d12630;
}

    header .navbar .navbar-header .navbar-toggle .icon-bar {
        background-color: #fff;
        width: 18px;
        float: right;
        margin-left: 8px;
        margin-right: 8px;
        -webkit-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

        header .navbar .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
            width: 12px;
        }

    header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar {
        width: 22px;
    }

        header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: 0;
        }

        header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
            display: none;
        }

        header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: -2px;
        }

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse {
        background-color: #d12630;
        padding: 0;
        border: 0;
        height: calc(100vh - 60px);
        overflow-y: auto;
        margin-top: 7px;
    }
        /*#20190206*/
        header .navbar .navbar-collapse .navbar-left {
            /*min-height: 460px;*/
            overflow-y: auto;
        }
}

header .navbar .navbar-collapse .navbar-left li.active a {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

@media screen and (min-width: 992px) {
    header .navbar .navbar-collapse .navbar-left {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left > li.faq {
        /*display: none;*/
    }

    header .navbar .navbar-collapse .navbar-left > li > a:before {
        content: "";
        width: 0;
        height: 4px;
        background-color: #d12630;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
        -moz-transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
        -o-transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
        transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
        display: block;
    }

    header .navbar .navbar-collapse .navbar-left > li > a:hover:before {
        width: 100%;
    }

    header .navbar .navbar-collapse .navbar-left > li.active a:before {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    header .navbar .navbar-collapse .navbar-left {
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left {
        padding-left: 0;
        margin: 0;
        text-align: left;
    }

        header .navbar .navbar-collapse .navbar-left li a {
            -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -o-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

            header .navbar .navbar-collapse .navbar-left li a:hover {
                background-color: #d12630;
                color: #fff;
            }
}

header .navbar .navbar-collapse .navbar-left li {
    position: static;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li {
        background-color: #d12630;
    }
}

header .navbar .navbar-collapse .navbar-left li a {
    /*line-height: 75px;*/
    line-height: 25px;
    padding: 0;
    /*color: #000;*/
    font-size: 18px;
    margin: 0 28px;
}

@media screen and (max-width: 1359px) {
    header .navbar .navbar-collapse .navbar-left li a {
        margin: 0 20px;
    }
}

@media screen and (max-width: 1199px) {
    header .navbar .navbar-collapse .navbar-left li a {
        margin: 0 5px;
    }
}

@media screen and (max-width: 991px) {
    header .navbar .navbar-collapse .navbar-left li a {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li a {
        margin: 0;
        color: #fff;
        padding-left: 15px;
    }
}

header .navbar .navbar-collapse .navbar-left li:hover a {
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li.active {
        background-color: #dc6367;
    }
}

header .navbar .navbar-collapse .navbar-left li.active a {
    background-color: transparent;
}

    header .navbar .navbar-collapse .navbar-left li.active a:hover, header .navbar .navbar-collapse .navbar-left li.active a:focus {
        color: #000;
    }

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li.active a:hover, header .navbar .navbar-collapse .navbar-left li.active a:focus {
        color: #fff;
    }
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left li.active a {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

        header .navbar .navbar-collapse .navbar-left li:last-child {
            border-bottom: 1.5px solid rgba(255, 255, 255, 0.5);
        }

        header .navbar .navbar-collapse .navbar-left li:hover a {
            background-color: #dc6367;
        }
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left li.products li > a {
        /*display: none;*/
    }
}

header .navbar .navbar-collapse .navbar-left li.products li .slider {
    margin-bottom: 0;
    max-width: 1360px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left li.products li .slider {
        display: none;
    }
}

header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide {
    width: 200px;
    text-align: center;
}

    header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide a {
        display: block;
        margin: 0;
        padding-top: 60px;
        padding-bottom: 40px;
    }

    header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide .pic {
        height: 130px;
    }

        header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide .pic img {
            margin-left: auto;
            margin-right: auto;
            -webkit-transition: transform 0.3s ease-in-out;
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

    header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide p {
        line-height: 30px;
    }

    header .navbar .navbar-collapse .navbar-left li.products li .slider .slick-slide:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

    header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow:hover {
        background-color: #d12630;
    }

    header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-prev:before {
        content: "";
    }

@media screen and (max-width: 1699px) {
    header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-prev {
        left: 10px;
    }
}

header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-next:before {
    content: "";
}

@media screen and (max-width: 1699px) {
    header .navbar .navbar-collapse .navbar-left li.products li .slider button.slick-arrow.slick-next {
        right: 10px;
    }
}

header .navbar .navbar-collapse .navbar-left li.products .dropdown-menu {
    display: block;
    width: 100vw;
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left li.products .dropdown-menu {
        padding: 0;
        border: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown.show a {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    font-family: Calibri;
    font-size: 12pt;
}

header .navbar .navbar-collapse .navbar-left .dropdown.show.active .dropdown-toggle {
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show.active .dropdown-toggle {
        background-color: #dc6367;
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-toggle:after {
    content: "";
    position: absolute;
    right: 15px;
    display: inline-block;
    font-size: 30px;
    line-height: 75px;
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-toggle:after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-toggle {
        color: #fff;
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -moz-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -ms-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -o-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    max-height: 1200px;
    opacity: 1;
    visibility: visible;
    background-color: #a3181c;
}
/*.dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -moz-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -ms-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -o-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    max-height: 600px;
    opacity: 1;
    visibility: visible;
    background-color: #a3181c;
}*/

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-menu {
        background-color: rgba(241, 241, 241, 0.95);
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-menu li {
        background-color: transparent;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-menu li + li {
        border-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show .dropdown-menu {
        display: none;
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown.show.products .dropdown-menu {
    display: block;
    width: 100vw;
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left .dropdown.show.products .dropdown-menu {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-toggle:after {
    content: "";
    position: absolute;
    right: 15px;
    display: inline-block;
    font-size: 30px;
    line-height: 75px;
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-toggle:after {
        display: none;
    }
}

header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -moz-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -ms-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -o-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

        header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li {
            position: relative;
        }

            header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li a {
                padding: 5px 15px 5px 25px;
                background-color: transparent;
                color: #fff;
                text-align: left;
                -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
            }

                header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li a:hover {
                    color: #d12630;
                }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li a {
        padding: 5px 15px;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li:hover a {
        background-color: rgba(255, 255, 255, 0.85);
    }

    header .navbar .navbar-collapse .navbar-left .dropdown .dropdown-menu li.on a {
        color: #d12630;
        background-color: rgba(255, 255, 255, 0.85);
    }
}

header .navbar .navbar-collapse .navbar-right {
    position: relative;
    /* top: 15px; 20190202*/
}

    header .navbar .navbar-collapse .navbar-right .social-btn > a {
        padding: 0;
        line-height: 36px;
        border: 2px solid gray;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        text-align: center;
        margin: 0;
        text-shadow: none;
        color: gray;
        -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    }

        header .navbar .navbar-collapse .navbar-right .social-btn > a:hover {
            color: #fff;
            background-color: gray;
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-right .social-btn > a {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
}

header .navbar .navbar-collapse .navbar-right .social-btn.active a {
    background: none;
    background-color: #d12630;
}

@media screen and (min-width: 768px) {
    header .navbar .navbar-collapse .navbar-right .social-btn.active a:before {
        color: #fff;
    }
}

header .navbar .navbar-collapse .navbar-right .facebook a:before {
    content: "";
    line-height: 36px;
}

header .navbar .navbar-collapse .navbar-right .member a:before {
    content: "";
    line-height: 36px;
    font-size: 25px;
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-right .member a:before {
        line-height: 46px;
    }
}

header .navbar .navbar-collapse .navbar-right .cart > a:before {
    content: "";
    line-height: 36px;
    font-weight: bold;
}

header .navbar .navbar-collapse .navbar-right .cart span.productnum {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    right: -5px;
    top: -5px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

header .navbar .navbar-collapse .navbar-right .social-btn + .social-btn {
    margin-left: 20px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    header .navbar .navbar-collapse .navbar-right .social-btn + .social-btn {
        margin-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .navbar .navbar-collapse .navbar-right .social-btn + .social-btn {
        margin-left: 5px;
    }
}

@media screen and (max-width: 767px) {
    header .navbar .navbar-collapse .navbar-right {
        margin: 35px 0;
        top: 0;
        text-align: center;
    }

        header .navbar .navbar-collapse .navbar-right .social-btn {
            display: inline-block;
        }

            header .navbar .navbar-collapse .navbar-right .social-btn.line, header .navbar .navbar-collapse .navbar-right .social-btn.cart {
                display: none;
            }

            header .navbar .navbar-collapse .navbar-right .social-btn.facebook, header .navbar .navbar-collapse .navbar-right .social-btn.cart {
                display: none;
            }

            header .navbar .navbar-collapse .navbar-right .social-btn.language, header .navbar .navbar-collapse .navbar-right .social-btn.member {
                float: none;
            }

                header .navbar .navbar-collapse .navbar-right .social-btn.language a, header .navbar .navbar-collapse .navbar-right .social-btn.member a {
                    background-color: #fff;
                }

                    header .navbar .navbar-collapse .navbar-right .social-btn.language a:hover, header .navbar .navbar-collapse .navbar-right .social-btn.member a:hover {
                        color: #d12630;
                    }

                        header .navbar .navbar-collapse .navbar-right .social-btn.language a:hover:before, header .navbar .navbar-collapse .navbar-right .social-btn.member a:hover:before {
                            color: #d12630;
                        }
}

header .mobile-social {
    float: left;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    header .mobile-social {
        /*display: none;*/
    }
}

header .mobile-social .social-btn {
    float: left;
}

    header .mobile-social .social-btn a {
        padding: 0;
        line-height: 36px;
        border: 2px solid gray;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        text-align: center;
        margin: 0;
        text-shadow: none;
        color: gray;
        display: inline-block;
        float: left;
        -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    }

        header .mobile-social .social-btn a:hover {
            color: #fff;
            background-color: gray;
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }

header .mobile-social .line {
    margin-right: 5px;
}

header .mobile-social .facebook {
    margin-right: 5px;
}

    header .mobile-social .facebook a:before {
        content: "";
        line-height: 36px;
    }

    header .mobile-social .facebook a .a2a_svg {
        display: none;
    }

header .mobile-social .member {
    margin-right: 5px;
}

header .mobile-social .cart {
    margin-right: 5px;
}

    header .mobile-social .cart a:before {
        content: "";
        line-height: 36px;
        font-weight: bold;
    }

    header .mobile-social .cart span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
        right: 0px;
        top: -5px;
        text-align: center;
        color: #fff;
        line-height: 20px;
    }

.footer {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

    .footer .sitemap {
        width: 100%;
        max-width: 1700px;
        position: relative;
        float: left;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-top: 60px;
        padding-bottom: 40px;
    }

@media screen and (max-width: 767px) {
    .footer .sitemap {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .footer .sitemap .links {
        display: none;
    }
}

.footer .sitemap .links > div {
    width: 20%;
    min-height: 190px;
    float: left;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .footer .sitemap .links > div {
        width: 33.33333%;
    }
}

.footer .sitemap .links > div p.title {
    font-weight: bold;
    text-align: center;
    color: #000;
    line-height: 40px;
}

    .footer .sitemap .links > div p.title a {
        cursor: pointer;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        color: #000;
    }

        .footer .sitemap .links > div p.title a:hover {
            color: #d12630;
        }

    .footer .sitemap .links > div p.title + p:not(.title):before {
        content: "";
        display: block;
        width: 100px;
        height: 1px;
        background-color: #f00;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 10px;
        margin-bottom: 10px;
    }

.footer .sitemap .links > div p:not(.title) {
    text-align: center;
    line-height: 25px;
}

    .footer .sitemap .links > div p:not(.title) a {
        font-size: 14px;
        color: #777;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        display: block;
    }

        .footer .sitemap .links > div p:not(.title) a:hover {
            color: #d12630;
        }

.footer .sitemap .company {
    padding-right: 15px !important;
    padding-left: 0 !important;
}

@media screen and (max-width: 991px) {
    .footer .sitemap .company {
        text-align: center;
        margin-top: 20px;
    }
}

.footer .sitemap .company p {
    line-height: 30px;
    color: #444;
}

    .footer .sitemap .company p a {
        color: #444;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

        .footer .sitemap .company p a:hover {
            color: #d12630;
        }

@media screen and (min-width: 768px) {
    .footer .sitemap .company p.rules {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .footer .sitemap .company p.rules {
        margin-top: 10px;
    }
}

.footer .copyright {
    width: 100%;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    line-height: 30px;
}

@media screen and (max-width: 991px) {
    .footer .copyright {
        padding-bottom: 0;
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .footer .copyright {
        padding-top: 10px;
    }
}

.footer .copyright .container {
    position: relative;
    width: 100%;
    max-width: 1700px;
}

@media screen and (min-width: 991px) {
    .footer .copyright .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.footer .copyright .container p {
    color: #fff;
}

    .footer .copyright .container p a {
        color: #fff;
    }

        .footer .copyright .container p a:hover {
            background-color: rgba(255, 255, 255, 0);
            text-decoration: underline;
        }

@media screen and (min-width: 991px) {
    .footer .copyright .container div {
        float: left;
        display: inline-block;
    }

        .footer .copyright .container div:nth-child(2) {
            padding-left: 15px;
        }
}

@media screen and (max-width: 991px) {
    .footer .copyright .container div:nth-child(2) {
        margin-top: 15px;
        margin-bottom: 40px;
    }

    .footer .copyright .container p {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .footer .copyright .container div:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 991px) {
    .footer .copyright .container br {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .footer .copyright .container .backtop {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .footer .copyright .container .backtop {
        display: none;
    }
}

.footer .backtop {
    background-color: #ffdb00;
    height: 70px;
    float: right;
    position: absolute;
    top: -20px;
    right: 0;
    width: 90px;
    cursor: pointer;
    display: none;
    -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

    .footer .backtop.attop {
        opacity: 0;
    }

@media screen and (max-width: 991px) {
    .footer .backtop {
        width: 100%;
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    .footer .backtop {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        position: fixed;
        bottom: 35px;
        right: 20px;
        top: auto;
        z-index: 991;
    }

        .footer .backtop.atend {
            background-color: #fff;
        }

            .footer .backtop.atend:before {
                color: #d12630;
            }
}

.footer .backtop:before {
    content: "";
    font-size: 50px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    -webkit-transition: color 0.3s ease-in-out, line-height 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, line-height 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, line-height 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, line-height 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .footer .backtop:before {
        line-height: 50px;
    }
}

@media screen and (min-width: 768px) {
    .footer .backtop:hover {
        background-color: #fff;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .footer .backtop:hover {
        background-color: inherit;
    }
}

@media screen and (min-width: 768px) {
    .footer .backtop:hover:before {
        color: #e02534;
        line-height: 40px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .footer .backtop:hover:before {
        color: #000;
    }
}

.wp {
    opacity: 0;
}

    .wp.lock {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }

    .wp .mask-dark {
        background-color: transparent;
        width: 100vw;
        height: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 800;
        -webkit-transition: background-color 0.3s ease-in-out, height 0.2s linear;
        -moz-transition: background-color 0.3s ease-in-out, height 0.2s linear;
        -o-transition: background-color 0.3s ease-in-out, height 0.2s linear;
        transition: background-color 0.3s ease-in-out, height 0.2s linear;
    }

        .wp .mask-dark.show {
            background-color: rgba(0, 0, 0, 0.45);
            height: 100vh;
        }

    .wp .content .dropkick .dk-selected {
        width: 100%;
        /*height: 100%;*/
        font-size: 16px;
        line-height: 36px;
        border-radius: .25rem;
        text-align: left;
        /*border: 0;*/
        /*border-bottom: 1px solid #000;*/
        color: #000;
        background-color: inherit;
        -webkit-transition: padding-left 0.3s ease-in-out;
        -moz-transition: padding-left 0.3s ease-in-out;
        -o-transition: padding-left 0.3s ease-in-out;
        transition: padding-left 0.3s ease-in-out;
    }

        .wp .content .dropkick .dk-selected:before {
            border-top-color: #f00;
            margin-right: 13px;
        }

        .wp .content .dropkick .dk-selected:after {
            height: 50%;
            margin-right: 35px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .wp .content .dropkick .dk-selected:hover:after, .wp .content .dropkick .dk-selected:focus:after {
            border-color: #cccccc;
        }

    .wp .content .dropkick.dk-select-open-up .dk-selected:after, .wp .content .dropkick.dk-select-open-down .dk-selected:after {
        border-color: #cccccc;
    }

    .wp .content .dropkick.dk-select-open-up .dk-selected:before, .wp .content .dropkick.dk-select-open-down .dk-selected:before {
        border-bottom-color: #f00;
    }

    .wp .content .dropkick .dk-select-options {
        border-radius: 0;
        border-color: #000;
        padding-top: 0;
        padding-bottom: 0;
    }

        .wp .content .dropkick .dk-select-options li {
            line-height: 40px;
            font-size: 16px;
        }

        .wp .content .dropkick .dk-select-options .dk-option-highlight {
            background-color: #888;
            color: #fff;
        }

        .wp .content .dropkick .dk-select-options .dk-option-selected {
            background-color: #d12630;
            color: #fff;
        }

.code .pic img {
    cursor: pointer;
}

input[type="checkbox"] {
    font-size: 20px;
    margin: 4px;
}

.amount {
    width: 110px;
    margin-left: auto;
    margin-right: auto;
}

    .amount p {
        display: inline-block;
        float: left;
        font-size: 15px;
        color: #888;
        line-height: 30px;
    }

    .amount .wan-spinner a {
        width: 30px;
        height: 30px;
        display: block;
    }

    .amount .wan-spinner input {
        width: 60px;
        height: 30px;
    }

.productpic {
    display: block;
    position: relative;
    max-width: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .productpic img:not(.sale) {
        /*width: 100%;*/
        max-height: 80px;
        max-width: 80px;
    }

    .productpic img.sale {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
    }

    .productpic.onsale img.sale {
        display: block !important;
    }

.cartbox {
    display: none;
    position: absolute;
    right: -10px;
    top: 60px;
    border: 1px solid #aaa;
    background-color: rgba(255, 255, 255, 0.98);
    width: 340px;
    padding: 15px;
}

    .cartbox .productlists {
        overflow-y: auto;
        height: 330px;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
    }

        .cartbox .productlists .mCSB_1_scrollbar, .cartbox .productlists .mCSB_6_scrollbar {
            position: absolute;
            right: 0;
        }

            .cartbox .productlists .mCSB_1_scrollbar .mCSB_dragger_bar, .cartbox .productlists .mCSB_6_scrollbar .mCSB_dragger_bar {
                background-color: #e60012 !important;
            }

            .cartbox .productlists .mCSB_1_scrollbar .mCSB_draggerRail, .cartbox .productlists .mCSB_6_scrollbar .mCSB_draggerRail {
                background-color: rgba(170, 170, 170, 0.3);
            }

    .cartbox .list + .list {
        border-top: 1px solid #ddd;
    }

    .cartbox .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: 15px 0;
    }

        .cartbox .list .productpic {
            width: 80px;
            padding: 0 8px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            left: initial;
            max-width: initial;
        }

        .cartbox .list .intro {
            height: auto !important;
        }

            .cartbox .list .intro p {
                line-height: 25px;
            }

                .cartbox .list .intro p + p {
                    margin: 0 !important;
                }

            .cartbox .list .intro .title {
                font-weight: bold;
            }

        .cartbox .list .tempbox {
            width: 90px;
            padding: 0 8px;
            position: absolute;
            right: 0;
            bottom: 15px;
        }

            .cartbox .list .tempbox .temp {
                width: 70px;
                height: 30px;
                margin: 0 auto;
                border-radius: 15px;
                text-align: center;
                line-height: 30px;
                color: #fff;
                font-size: 16px !important;
            }

                .cartbox .list .tempbox .temp.room {
                    background-color: #ff9900;
                }

                .cartbox .list .tempbox .temp.low {
                    background-color: #00a0ea;
                }

    .cartbox .checkbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .cartbox .checkbox > div {
            width: 50%;
        }

        .cartbox .checkbox .total span {
            display: table-cell;
            vertical-align: middle;
            line-height: 40px;
        }

            .cartbox .checkbox .total span + span {
                padding-left: 10px;
            }

        .cartbox .checkbox .total .red {
            color: #d12630;
            font-size: 24px;
        }

        .cartbox .checkbox .gocheck {
            width: 140px;
            height: 40px;
            line-height: 40px;
            display: block;
            margin: 0 0 0 auto;
            border-radius: 40px;
            color: #fff;
            background-color: #333;
            text-align: center;
            -webkit-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
        }

            .cartbox .checkbox .gocheck:hover {
                background-color: #000;
            }

.pages {
    position: relative;
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .pages ul.pagination {
        float: left;
        margin: 0;
    }

    .pages li a {
        height: 45px;
        width: 45px;
        border-radius: 50% !important;
        padding: 0;
    }

    .pages li:not(.arrow) a {
        background-color: #FFF;
        border: 2px solid #ccc;
        text-align: center;
        line-height: 41px;
        color: #ccc;
        -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

    .pages li:not(.arrow).active a {
        border-color: #d12630;
        background-color: #fff;
        color: #d12630;
    }

    .pages li:not(.arrow):not(.active):hover a {
        border-color: #666;
        color: #666;
    }

    .pages li + li a {
        margin-left: 20px;
    }

    .pages .arrow a {
        background-color: #ccc;
        border: 0;
        -webkit-transition: background-color 0.5s ease-in-out;
        -moz-transition: background-color 0.5s ease-in-out;
        -o-transition: background-color 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out;
    }

    .pages .arrow:hover a {
        background-color: #d12630;
    }

    .pages .arrow.prev a:before {
        content: "";
        text-align: center;
        line-height: 45px;
        color: #fff;
    }

    .pages .arrow.next a:before {
        content: "";
        text-align: center;
        line-height: 45px;
        color: #fff;
    }

@media screen and (max-width: 767px) {
    .pages li a {
        height: 30px;
        width: 30px;
    }

    .pages li:not(.arrow) a {
        line-height: 26px;
    }

    .pages .arrow.prev a:before, .pages .arrow.next a:before {
        line-height: 30px;
    }

    .pages li + li a {
        margin-left: 5px;
    }
}

.mSafari .wp.index .content .banner .slick-dots {
    bottom: 70px;
}

@media screen and (min-width: 768px) {
    .banner-mask.ani {
        position: absolute;
        z-index: 1000;
        width: 100vw;
        height: 100vh;
    }

        .banner-mask.ani:before, .banner-mask.ani:after {
            content: "";
            height: 100vh;
            position: absolute;
            background-color: #fff;
            /*background-image: url(..\images\21743534_1594913070573262_2459053475880171679_o_1920x990.jpg);*/
            z-index: 1;
            width: 51%;
            animation: index-screen 1.5s cubic-bezier(0.35, 0.16, 0, 1) 1.5s forwards;
            -webkit-animation: index-screen 1.5s cubic-bezier(0.35, 0.16, 0, 1) 1.5s forwards;
            -moz-animation: index-screen 1.5s cubic-bezier(0.35, 0.16, 0, 1) 1.5s forwards;
        }

        .banner-mask.ani:before {
            left: 0;
            top: 0;
        }

        .banner-mask.ani:after {
            right: 0;
            top: 0;
        }
}

.wp.index .content {
    margin-top: 63px;
}

@media screen and (max-width: 767px) {
    .wp.index .content {
        margin-top: 45px;
    }
}

.wp.index .content .top {
    position: relative;
}

.wp.index .content .banner {
    width: 100%;
    margin-bottom: 0;
}

    .wp.index .content .banner .slick-slide {
        position: relative;
        overflow: hidden;
    }

    .wp.index .content .banner .slick-dots {
        bottom: 50px;
    }

        .wp.index .content .banner .slick-dots li {
            margin: 5px;
        }

            .wp.index .content .banner .slick-dots li button {
                padding: 0;
            }

                .wp.index .content .banner .slick-dots li button:before {
                    color: #fff;
                    opacity: 0.75;
                    font-size: 15px;
                    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out, font-size 0.5s ease-in-out;
                    -moz-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out, font-size 0.5s ease-in-out;
                    -o-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out, font-size 0.5s ease-in-out;
                    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out, font-size 0.5s ease-in-out;
                }

            .wp.index .content .banner .slick-dots li.slick-active button:before {
                color: #d12630;
                opacity: 1;
                font-size: 20px;
            }
    /*.wp.index .content .banner .bg.jqimgFill {
      height: calc(100vh - 75px);
      animation: bg-pic-scale 30s ease-in-out 3s infinite;
      -webkit-animation: bg-pic-scale 30s ease-in-out 3s infinite;
      -moz-animation: bg-pic-scale 30s ease-in-out 3s infinite; }*/

    .wp.index .content .banner .bg.jqimgFill {
        /*height: calc(100vh - 75px);*/
        /*animation: bg-pic-scale 30s ease-in-out 3s infinite;
        -webkit-animation: bg-pic-scale 30s ease-in-out 3s infinite;
        -moz-animation: bg-pic-scale 30s ease-in-out 3s infinite;*/
    }

/*.banner .bg.jqimgFill {
    height: calc(100vh - 75px);
    /*animation: bg-pic-scale 30s ease-in-out 3s infinite;
        -webkit-animation: bg-pic-scale 30s ease-in-out 3s infinite;
        -moz-animation: bg-pic-scale 30s ease-in-out 3s infinite;*/
}

*/

@media screen and (max-width: 767px) {
    .wp.index .content .banner .bg.jqimgFill

{
    height: calc(100vh - 60px);
}

}

.wp.index .content .banner .bg.jqimgFill img {
    width: 100%;
}

.wp.index .content .banner .title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

    .wp.index .content .banner .title h3 {
        color: #fff;
        text-align: center;
        line-height: 60px;
    }

        .wp.index .content .banner .title h3 span {
            font-family: "Kaushan Script", "微軟正黑體", "sans-serif";
        }

        .wp.index .content .banner .title h3 .en {
            font-size: 60px;
            letter-spacing: normal;
            color: #fff;
        }

        .wp.index .content .banner .title h3 .ch span {
            letter-spacing: 8px;
        }

@media screen and (max-width: 767px) {
    .wp.index .content .banner .title h3 .ch span {
        letter-spacing: 3px;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .banner .title h3 {
        letter-spacing: 2px;
    }

        .wp.index .content .banner .title h3 .en {
            font-size: 35px;
        }
}

.wp.index .content .bottom {
    /*padding-bottom: 80px;*/
    position: relative;
}

    .wp.index .content .bottom .bg {
        position: absolute;
        z-index: -1;
        height: 100%;
    }

        .wp.index .content .bottom .bg img {
            width: 100vw;
            height: 100%;
        }

    .wp.index .content .bottom .container {
        width: 100%;
        max-width: 1670px;
    }

.wp.index .content .product {
    padding-top: 30px;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .wp.index .content .product {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 768px) {
    .wp.index .content .product {
        margin-bottom: 0px;
    }
}

.wp.index .content .product h3 {
    text-align: center;
    margin-top: 75px;
    color: #000;
}

@media screen and (max-width: 991px) {
    .wp.index .content .product h3 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .wp.index .content .product h3 {
        margin-top: 15px;
    }
}

.wp.index .content .product .nav-tabs {
    border: 0;
    float: left;
    position: relative;
    margin-top: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .wp.index .content .product .nav-tabs a, .wp.index .content .product .nav-tabs a:focus, .wp.index .content .product .nav-tabs a:hover {
        background-color: inherit;
        border: 0;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        color: #333;
        -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        -moz-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    }

        .wp.index .content .product .nav-tabs a:hover {
            color: #999;
        }

    .wp.index .content .product .nav-tabs li.active a {
        color: #d12630;
        font-size: 18px;
    }

@media screen and (max-width: 767px) {
    .wp.index .content .product .nav-tabs li.active a {
        padding: 0;
    }
}

.wp.index .content .product .nav-tabs li + li {
    position: relative;
}

@media screen and (min-width: 768px) {
    .wp.index .content .product .nav-tabs li + li a {
        padding-left: 20px;
    }
}

.wp.index .content .product .nav-tabs li + li:before {
    content: "/";
    position: absolute;
    display: inline-block;
    float: left;
    z-index: 1;
    top: 5px;
}

@media screen and (max-width: 991px) {
    .wp.index .content .product .nav-tabs {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .product .nav-tabs {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

        .wp.index .content .product .nav-tabs li {
            display: inline-block;
            width: 45%;
            float: none;
            margin-top: 10px;
        }

            .wp.index .content .product .nav-tabs li:before {
                left: 0;
            }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .wp.index .content .product .nav-tabs li {
        width: 40%;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .product .nav-tabs li:nth-child(2n) + li:nth-child(2n+1):before {
        content: "";
    }
}

@media screen and (max-width: 479px) {
    .wp.index .content .product .nav-tabs li.active a {
        font-size: 14px;
    }

    .wp.index .content .product .nav-tabs li a {
        font-size: 14px;
    }
}

.wp.index .content .product .tab-content {
    opacity: 0;
}

    .wp.index .content .product .tab-content > .tab-pane {
        /*display: block;*/
        height: 0;
    }

    .wp.index .content .product .tab-content > .active {
        height: auto;
    }

.wp.index .content .product .slick-list {
    padding-bottom: 20px;
}

.wp.index .content .product .slick-slide {
    margin-top: 35px;
    border: 1px solid #eee;
    background-color: #FFF;
    z-index: 0;
    -webkit-transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .wp.index .content .product .slick-slide .pic {
        padding-top: 50px;
        height: 230px;
    }

        .wp.index .content .product .slick-slide .pic img {
            max-width: 50%;
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .wp.index .content .product .slick-slide .title {
        text-align: center;
        margin-top: 15px;
        padding-top: 20px;
        padding-bottom: 35px;
        -webkit-transition: background-color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -moz-transition: background-color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: background-color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: background-color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

        .wp.index .content .product .slick-slide .title h4 {
            color: #000;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

        .wp.index .content .product .slick-slide .title p {
            -webkit-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            -moz-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            -o-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            margin-top: 10px;
            font-size: 14px;
            color: #777;
        }

            .wp.index .content .product .slick-slide .title p .price {
                color: #d12630;
                -webkit-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -moz-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -o-transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                font-size: 16px;
            }

@media screen and (min-width: 480px) {
    .wp.index .content .product .slick-slide:hover {
        position: relative;
        z-index: 999;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

        .wp.index .content .product .slick-slide:hover .title {
            background-color: #d12630;
            color: #fff;
        }

            .wp.index .content .product .slick-slide:hover .title h4, .wp.index .content .product .slick-slide:hover .title p, .wp.index .content .product .slick-slide:hover .title span.price {
                color: #fff;
            }
}

.wp.index .content .product button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

    .wp.index .content .product button.slick-arrow:hover {
        background-color: #d12630;
    }

    .wp.index .content .product button.slick-arrow.slick-prev {
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }

        .wp.index .content .product button.slick-arrow.slick-prev:before {
            content: "";
        }

@media screen and (max-width: 1699px) {
    .wp.index .content .product button.slick-arrow.slick-prev {
        left: 10px;
    }
}

.wp.index .content .product button.slick-arrow.slick-next {
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

    .wp.index .content .product button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (max-width: 1699px) {
    .wp.index .content .product button.slick-arrow.slick-next {
        right: 10px;
    }
}

.wp.index .content .product .slick-dots {
    bottom: -50px;
}

@media screen and (max-width: 991px) {
    .wp.index .content .product .slick-dots {
        bottom: -25px;
    }
}

@media screen and (max-width: 768px) {
    .wp.index .content .product .slick-dots {
        bottom: -10px;
    }
}

.wp.index .content .product .slick-dots li.slick-active button:before {
    color: #d12630;
}

.wp.index .content .blocks {
    position: relative;
}

    .wp.index .content .blocks .block {
        overflow: hidden;
        position: relative;
        padding: 10px;
    }

@media screen and (min-width: 768px) {
    .wp.index .content .blocks.in-view .block .news, .wp.index .content .blocks.in-view .block .contact, .wp.index .content .blocks.in-view .block .about, .wp.index .content .blocks.in-view .block .oem {
        overflow: hidden;
    }

        .wp.index .content .blocks.in-view .block .news:before, .wp.index .content .blocks.in-view .block .contact:before, .wp.index .content .blocks.in-view .block .about:before, .wp.index .content .blocks.in-view .block .oem:before {
            content: "";
            display: block;
            position: absolute;
            height: 100%;
            width: 100%;
            background-color: #d12630;
            z-index: 1;
        }

        .wp.index .content .blocks.in-view .block .news:before {
            right: 0;
            top: 0;
            animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -webkit-animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -moz-animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
        }

        .wp.index .content .blocks.in-view .block .contact:before {
            left: 0;
            bottom: 0;
            animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -webkit-animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -moz-animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
        }

        .wp.index .content .blocks.in-view .block .about:before {
            left: 0;
            top: 0;
            animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -webkit-animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -moz-animation: HeightToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
        }

        .wp.index .content .blocks.in-view .block .oem:before {
            left: 0;
            top: 0;
            animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -webkit-animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
            -moz-animation: WidthToZero 1s cubic-bezier(0.74, 0.3, 0.15, 1) 2.2s forwards;
        }
}

.wp.index .content .blocks .bg {
    position: relative;
    z-index: 0;
    height: 400px;
    width: 100%;
    -webkit-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: -webkit-transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 991px) {
    .wp.index .content .blocks .contact .bg, .wp.index .content .blocks .about .bg, .wp.index .content .blocks .oem .bg {
        height: 200px;
    }

    .wp.index .content .blocks .oem .title {
        height: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: none;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.wp.index .content .blocks a {
    display: block;
}

    .wp.index .content .blocks a:hover .bg {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.wp.index .content .blocks .title {
    /* text-align: center; */
    position: absolute;
}

    .wp.index .content .blocks .title h3 {
        font-size: 30px;
        color: #fff;
        font-weight: normal;
    }

        .wp.index .content .blocks .title h3:after {
            content: "";
            width: 70px;
            height: 2px;
            background-color: #FFF;
            display: block;
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .wp.index .content .blocks .title p {
        color: #fff;
        font-size: 18px;
    }

@media screen and (max-width: 767px) {
    .wp.index .content .blocks {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wp.index .content .blocks .block + .block {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .news a {
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .wp.index .content .news .bg {
        opacity: 0.5;
    }
}

.wp.index .content .news .slider {
    position: absolute;
    left: 0;
}

@media screen and (min-width: 768px) {
    .wp.index .content .news .slider {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider {
        height: calc(100% - 120px);
        top: 0;
    }
}

.wp.index .content .news .slider .slick-slide {
    position: relative;
    padding-left: 70px;
    overflow: hidden;
}

@media screen and (min-width: 991px) {
    .wp.index .content .news .slider .slick-slide a {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1699px) {
    .wp.index .content .news .slider .slick-slide {
        padding-left: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wp.index .content .news .slider .slick-slide {
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider .slick-slide {
        height: 400px;
    }

        .wp.index .content .news .slider .slick-slide > div {
            padding-top: 70px;
        }
}

.wp.index .content .news .slider .slick-slide h3 {
    font-size: 30px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider .slick-slide h3 {
        margin-bottom: 35px;
    }
}

.wp.index .content .news .slider .slick-slide p.date {
    color: #d12630;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1200px) {
    .wp.index .content .news .slider .slick-slide p.date {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wp.index .content .news .slider .slick-slide p.date {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider .slick-slide p.date {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.wp.index .content .news .slider .slick-slide p:not(.date) {
    margin-bottom: 45px;
    color: #000;
    line-height: 25px;
}

@media screen and (max-width: 1360px) {
    .wp.index .content .news .slider .slick-slide p {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider .slick-slide p {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }
}

.wp.index .content .news .slider .slick-slide .pic {
    width: 100%;
}

    .wp.index .content .news .slider .slick-slide .pic img {
        max-width: 100%;
    }

@media screen and (max-width: 767px) {
    .wp.index .content .news .slider .slick-slide .pic {
        position: absolute;
        top: 0;
    }

        .wp.index .content .news .slider .slick-slide .pic img {
            width: 100%;
            max-width: 521px;
            margin-left: auto;
            margin-right: auto;
        }
}

@media screen and (min-width: 768px) {
    .wp.index .content .news .slider .slick-dots {
        bottom: 30px;
        float: left;
        display: block;
        width: auto;
        left: 70px;
    }
}

@media screen and (max-width: 480px) {
    .wp.index .content .news .slider .slick-dots {
        bottom: -30px;
    }
}

@media screen and (min-width: 767px) {
    .wp.index .content .news .slider .slick-dots {
        opacity: 0;
        animation: hovertxt-fade 2s cubic-bezier(0.81, 0.01, 0, 1) 1.5s forwards;
        -webkit-animation: hovertxt-fade 2s cubic-bezier(0.81, 0.01, 0, 1) 1.5s forwards;
        -moz-animation: hovertxt-fade 2s cubic-bezier(0.81, 0.01, 0, 1) 1.5s forwards;
    }
}

.wp.index .content .news .slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    opacity: 1;
    border: 1px solid #d12630;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

    .wp.index .content .news .slider .slick-dots li button:before {
        content: "";
    }

.wp.index .content .news .slider .slick-dots li.slick-active button {
    background-color: #d12630;
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.wp.index .content .contact .title, .wp.index .content .about .title {
    top: 15%;
    left: 35%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    .wp.index .content .oem .bg {
        height: 500px;
    }
}

.wp.index .content .oem .title {
    top: 0;
    left: 0;
    height: 100%;
    background: #d10314;
    background: -moz-linear-gradient(top, #d10314 0%, #b90210 100%);
    background: -webkit-linear-gradient(top, #d10314 0%, #b90210 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d10314), to(#b90210));
    background: -o-linear-gradient(top, #d10314 0%, #b90210 100%);
    background: linear-gradient(to bottom, #d10314 0%, #b90210 100%);
    /* filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#d10314', endColorstr = '#b90210', GradientType = 0)*/
}

@media screen and (max-width: 991px) {
    .wp.index .content .oem .title {
        height: 30%;
    }
}

.wp.index .content .oem .title table {
    width: 100%;
    height: 100%;
}

    .wp.index .content .oem .title table td {
        vertical-align: middle;
    }

.wp.main .banner {
    position: relative;
}

    .wp.main .banner .bg {
        width: 100%;
        height: 455px;
        /*height: 455px;*/
    }

@media screen and (max-width: 767px) {
    .wp.main .banner .bg {
        height: 250px;
    }
}

.wp.main .banner .title {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 15px #777;
    margin-top: 40px;
}

    .wp.main .banner .title h3 {
        font-size: 55px;
    }

@media screen and (max-width: 767px) {
    .wp.main .banner .title h3 {
        font-size: 40px;
    }
}

.wp.main .banner .title p {
    font-size: 20px;
    margin-top: 30px;
}

.wp.about .banner {
    z-index: 1;
}

.wp.about .content {
    /*background-image: url("images/about/bg.png");*/
    background-size: cover;
    /*background-repeat: repeat;*/
    /*padding-bottom: 30px;*/
}

    .wp.about .content h4 {
        /*font-size: 42px;*/
        font-size: 28px;
    }

@media screen and (max-width: 767px) {
    .wp.about .content h4 {
        font-size: 30px;
    }
}

.wp.about .intro {
    position: relative;
    z-index: 0;
}

    .wp.about .intro h4 {
        color: #ff3300;
        /*margin-bottom: 45px;*/
        margin-bottom: 35px;
    }

        .wp.about .intro h4 span {
            color: #76ae40;
            font-size: 28px;
        }

    .wp.about .intro p {
        line-height: 25px;
    }

        .wp.about .intro p + p {
            /*margin-top: 40px;*/
        }

@media screen and (min-width: 991px) {
    .wp.about .intro {
        /*height: 600px;*/
    }
}

@media screen and (max-width: 767px) {
    .wp.about .intro {
        text-align: left;
    }

        .wp.about .intro h4 {
            margin-bottom: 15px;
        }

        .wp.about .intro p + p {
            margin-top: 15px;
        }
}

.wp.about .intro .top, .wp.about .intro .bottom {
    max-width: 1920px;
    left: 35%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.wp.about .intro .top {
    height: 50%;
}

    .wp.about .intro .top .title {
        position: relative;
        float: left;
        margin-top: 115px;
        margin-left: 25%;
        width: calc(100% - 80px);
        max-width: 800px;
        text-align: left;
    }

    .wp.about .intro .top .pic {
        max-width: 658px;
        /*margin-top: 150px;*/
    }

        .wp.about .intro .top .pic .hand {
            max-width: 479px;
        }

        .wp.about .intro .top .pic .drop {
            max-width: 153px;
            position: absolute;
            bottom: -30px;
        }

@media screen and (max-width: 1199px) {
    .wp.about .intro .top .title {
        margin-left: 15%;
    }
}

@media screen and (max-width: 991px) {
    .wp.about .intro .top {
        height: auto;
    }

        .wp.about .intro .top .title {
            float: none;
            margin-top: 30px;
            padding-left: 15px;
            padding-right: 15px;
            /*margin-left: auto;*/
            margin-right: auto;
            max-width: none;
        }

        .wp.about .intro .top img {
            display: none;
        }
}

@media screen and (max-width: 767px) {
    .wp.about .intro .top .title {
        width: 100%;
    }
}

.wp.about .intro .bottom {
    padding-bottom: 60px;
}

    .wp.about .intro .bottom > div:first-child {
        position: static;
    }

    .wp.about .intro .bottom .title {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 60px;
        padding-right: 25%;
    }

        .wp.about .intro .bottom .title h4:before, .wp.about .intro .bottom .title h4:after {
            display: inline-block;
        }

@media screen and (max-width: 767px) {
    .wp.about .intro .bottom .title h4:before, .wp.about .intro .bottom .title h4:after {
        display: none;
    }
}

.wp.about .intro .bottom .title h4:before {
    content: '“';
    position: absolute;
    left: 0;
}

.wp.about .intro .bottom .title h4:after {
    content: '“';
    margin-left: 20px;
}

.wp.about .intro .bottom img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    max-width: 900px;
}

@media screen and (min-width: 768px) {
    .wp.about .intro .bottom .title h4 {
        padding-left: 40px;
    }

    .wp.about .intro .bottom .title p {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .wp.about .intro .bottom .title {
        padding-right: 15%;
    }
}

@media screen and (max-width: 991px) {
    .wp.about .intro .bottom .title {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
        width: calc(100% - 150px);
    }

    .wp.about .intro .bottom img {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .intro .bottom .title {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 40px;
    }
}

.wp.about .history {
    position: relative;
}

    .wp.about .history .bg .jqimgFill {
        height: 1035px;
    }

@media screen and (max-width: 991px) {
    .wp.about .history .bg .jqimgFill {
        height: 800px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .history .bg .jqimgFill {
        height: 750px;
    }
}

.wp.about .history .head-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 130px;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .wp.about .history .head-title {
        top: 60px;
    }
}

.wp.about .history .head-title h4 {
    text-align: center;
}

.wp.about .history .head-title .years {
    margin-top: 40px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .wp.about .history .head-title .years {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .history .head-title .years {
        display: none;
    }
}

.wp.about .history .head-title .years button.arrow {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    display: inline-block;
    font-style: normal;
    top: 25px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

    .wp.about .history .head-title .years button.arrow:hover {
        background-color: #d12630;
    }

        .wp.about .history .head-title .years button.arrow:hover:before {
            color: #fff;
        }

    .wp.about .history .head-title .years button.arrow.prev {
        left: 10px;
        margin-right: 20px;
    }

        .wp.about .history .head-title .years button.arrow.prev:before {
            content: "";
        }

    .wp.about .history .head-title .years button.arrow.next {
        right: 10px;
        margin-left: 20px;
    }

        .wp.about .history .head-title .years button.arrow.next:before {
            content: "";
        }

.wp.about .history .head-title .years ul {
    display: inline-block;
}

    .wp.about .history .head-title .years ul li {
        display: inline-block;
        padding: 10px 15px;
        background-color: transparent;
        border-radius: 60px;
        font-size: 16px;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

        .wp.about .history .head-title .years ul li:hover {
            background-color: #ccc;
        }

        .wp.about .history .head-title .years ul li.active {
            background-color: #d12630;
            color: #fff;
        }

        .wp.about .history .head-title .years ul li + li {
            margin-left: 10px;
        }

.wp.about .history .head-title .mobile-selector {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}

    .wp.about .history .head-title .mobile-selector .dk-selected {
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
        border: 0;
    }

    .wp.about .history .head-title .mobile-selector .dk-select-options {
        border: 0;
    }

@media screen and (max-width: 767px) {
    .wp.about .history .head-title .mobile-selector {
        display: block;
    }
}

.wp.about .history .slidebox {
    position: absolute;
    top: 310px;
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1700px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .wp.about .history .slidebox {
        top: 190px;
    }
}

.wp.about .history .slidebox .slider .block {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

    .wp.about .history .slidebox .slider .block .pic .jqimgFill {
        height: 280px;
    }

    .wp.about .history .slidebox .slider .block .title {
        height: 280px;
        background-color: #fff;
        padding-top: 30px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 15px;
        overflow-y: auto;
    }

        .wp.about .history .slidebox .slider .block .title h5 {
            font-size: 26px;
            color: #d12630;
            margin-bottom: 15px;
        }

        .wp.about .history .slidebox .slider .block .title p {
            line-height: 25px;
        }

@media screen and (max-width: 767px) {
    .wp.about .history .slidebox .slider .block .title {
        height: 230px;
    }
}

.wp.about .history .slidebox .slider button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

    .wp.about .history .slidebox .slider button.slick-arrow:hover {
        background-color: #d12630;
    }

    .wp.about .history .slidebox .slider button.slick-arrow.slick-prev {
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }

        .wp.about .history .slidebox .slider button.slick-arrow.slick-prev:before {
            content: "";
        }

@media screen and (min-width: 768px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-prev:hover {
        left: -35px;
    }
}

@media (min-width: 768px) and (max-width: 1749px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-prev:hover {
        left: 0;
    }
}

@media screen and (max-width: 1749px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-prev {
        left: 10px;
    }
}

.wp.about .history .slidebox .slider button.slick-arrow.slick-next {
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

    .wp.about .history .slidebox .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-next:hover {
        right: -35px;
    }
}

@media (min-width: 768px) and (max-width: 1749px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-next:hover {
        right: 0px;
    }
}

@media screen and (max-width: 1749px) {
    .wp.about .history .slidebox .slider button.slick-arrow.slick-next {
        right: 10px;
    }
}

.wp.about .prove {
    position: relative;
}

    .wp.about .prove .bg .jqimgFill {
        height: 1035px;
    }

    .wp.about .prove .left {
        max-width: 530px;
        width: 100%;
        float: left;
        left: 0;
    }

    .wp.about .prove .right {
        width: calc(100% - 530px);
        float: left;
        right: 0;
        position: relative;
    }

        .wp.about .prove .right .pic {
            position: absolute;
        }

            .wp.about .prove .right .pic.salad {
                right: 0;
                top: -40px;
            }

            .wp.about .prove .right .pic.oil {
                top: 80px;
                right: 220px;
            }

            .wp.about .prove .right .pic.garlic {
                top: 270px;
                right: 0;
            }

@media screen and (max-width: 479px) {
    .wp.about .prove .right .pic.garlic {
        display: none;
    }
}

.wp.about .prove .right .pic.sesame {
    right: 245px;
    bottom: 2px;
}

@media screen and (max-width: 1199px) {
    .wp.about .prove .right .pic.sesame {
        right: 20px;
    }
}

.wp.about .prove .right .pic.sauce {
    right: 410px;
    bottom: 35px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .wp.about .prove .right .pic.sauce {
        right: 200px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .prove .right .pic.sauce {
        right: 100px;
    }
}

.wp.about .prove .right .pic.coriander1 {
    bottom: 115px;
    right: 765px;
}

@media screen and (max-width: 1199px) {
    .wp.about .prove .right .pic.coriander1 {
        right: auto;
        left: 20px;
    }
}

@media screen and (max-width: 479px) {
    .wp.about .prove .right .pic.coriander1 {
        left: -10px;
    }
}

.wp.about .prove .right .pic.coriander {
    left: 300px;
    bottom: -50px;
}

@media screen and (max-width: 1199px) {
    .wp.about .prove .right .pic.coriander {
        left: 100px;
    }
}

@media screen and (max-width: 479px) {
    .wp.about .prove .right .pic.coriander {
        left: 20px;
    }
}

@media screen and (max-width: 1359px) {
    .wp.about .prove .left {
        max-width: 300px;
    }

    .wp.about .prove .right {
        width: calc(100% - 300px);
    }
}

@media screen and (max-width: 991px) {
    .wp.about .prove .left {
        max-width: 150px;
    }

    .wp.about .prove .right {
        width: calc(100% - 150px);
    }
}

@media screen and (max-width: 767px) {
    .wp.about .prove .left {
        max-width: 0;
    }

    .wp.about .prove .right {
        width: 100%;
    }
}

.wp.about .prove .inside {
    position: absolute;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 555px;
    top: 230px;
}

@media screen and (max-width: 479px) {
    .wp.about .prove .inside {
        padding-right: 15px;
    }
}

.wp.about .prove .inside p {
    line-height: 25px;
    word-break: break-all;
}

    .wp.about .prove .inside p span.red {
        color: #d12630;
    }

.wp.about .prove .inside .title {
    margin-bottom: 80px;
    float: left;
}

@media screen and (min-width: 768px) {
    .wp.about .prove .inside .title > div {
        display: inline-block;
        float: left;
    }

        .wp.about .prove .inside .title > div:first-child {
            width: 190px;
        }

        .wp.about .prove .inside .title > div:nth-child(2) {
            width: calc(100% - 190px);
        }
}

@media screen and (max-width: 767px) {
    .wp.about .prove .inside .title {
        margin-bottom: 30px;
    }

        .wp.about .prove .inside .title > div:first-child {
            margin-bottom: 15px;
        }
}

.wp.about .prove .inside .slider .slick-list {
    margin: 0 -10px;
}

.wp.about .prove .inside .slider .slick-slide {
    margin: 0 10px;
}

    .wp.about .prove .inside .slider .slick-slide img {
        margin: 0 auto;
        width: 100%;
        max-width: 342px;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .wp.about .prove .inside .slider .slick-slide p {
        text-align: center;
        margin: 10px 0;
        font-size: 16px;
    }

    .wp.about .prove .inside .slider .slick-slide.opacity img {
        opacity: 0.4;
    }

.wp.about .prove .inside .slider button.slick-arrow {
    position: absolute;
    top: 300px;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

    .wp.about .prove .inside .slider button.slick-arrow:hover {
        background-color: #d12630;
    }

@media screen and (max-width: 767px) {
    .wp.about .prove .inside .slider button.slick-arrow {
        top: 280px;
    }
}

.wp.about .prove .inside .slider button.slick-arrow.slick-prev {
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    left: 0px;
}

    .wp.about .prove .inside .slider button.slick-arrow.slick-prev:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.about .prove .inside .slider button.slick-arrow.slick-prev:hover {
        left: -10px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .prove .inside .slider button.slick-arrow.slick-prev {
        left: calc(50% - 55px);
    }
}

.wp.about .prove .inside .slider button.slick-arrow.slick-next {
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    left: 60px;
}

    .wp.about .prove .inside .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.about .prove .inside .slider button.slick-arrow.slick-next:hover {
        left: 70px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .prove .inside .slider button.slick-arrow.slick-next {
        left: 50%;
    }
}

.wp.about .map {
    position: relative;
    /*margin-top: 100px;*/
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .wp.about .map {
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .map {
        margin-top: 30px;
    }
}

.wp.about .map .title {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
}

    .wp.about .map .title h4 {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }

@media screen and (max-width: 767px) {
    .wp.about .map .title h4 {
        margin-bottom: 20px;
    }
}

.wp.about .map .title p {
    width: 100%;
    text-align: center;
    line-height: 25px;
}

.wp.about .map .pic {
    text-align: center;
}

    .wp.about .map .pic img {
        max-width: 1505px;
        width: 100%;
    }

.wp.about .map .map-pic {
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .wp.about .map .map-pic .world-map {
        float: left;
    }

        .wp.about .map .map-pic .world-map img {
            width: 100%;
            max-width: 1505px;
        }

    .wp.about .map .map-pic .flag {
        position: absolute;
    }

@media screen and (max-width: 767px) {
    .wp.about .map .map-pic .flag {
        margin-top: -17px;
        margin-left: -15px;
    }
}

@media screen and (max-width: 767px) {
    .wp.about .map .map-pic .flag {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}

.wp.about .map .map-pic .flag span {
    background-color: #fff;
    color: #d12630;
    border-radius: 18px;
    padding: 5px 15px;
    letter-spacing: 3px;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

@media screen and (max-width: 991px) {
    .wp.about .map .map-pic .flag span {
        display: none;
    }
}

.wp.about .map .map-pic .flag.jp {
    left: 85%;
    top: 26%;
}

.wp.about .map .map-pic .flag.kr {
    left: 81%;
    top: 19%;
}

.wp.about .map .map-pic .flag.tw {
    left: 80%;
    top: 38%;
}

.wp.about .map .map-pic .flag.ph {
    left: 81%;
    top: 48%;
}

.wp.about .map .map-pic .flag.hk {
    left: 77%;
    top: 36%;
}

    .wp.about .map .map-pic .flag.hk span {
        position: absolute;
        left: -70px;
        top: 15px;
    }

.wp.about .map .map-pic .flag.au {
    left: 86%;
    top: 72%;
}

.wp.about .map .map-pic .flag.ca {
    left: 22%;
    top: 21%;
}

.wp.about .map .map-pic .flag.us {
    left: 24%;
    top: 34%;
}

.wp.newslist .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
}

.wp.newslist .searchbar {
    text-align: center;
    margin-top: 30px;
    z-index: 500;
    position: relative;
}

    .wp.newslist .searchbar .dropkick {
        width: 250px;
    }

        .wp.newslist .searchbar .dropkick .dk-selected:hover {
            padding-left: 25px;
        }

    .wp.newslist .searchbar .searchbox {
        position: relative;
        display: inline-block;
        width: 250px;
        border-bottom: 1px solid #000;
        text-align: left;
    }

        .wp.newslist .searchbar .searchbox input {
            border: 0;
            line-height: 50px;
            padding-left: 8px;
            width: calc(100% - 40px);
            background-color: inherit;
            height: 50px;
            background-color: transparent;
        }

        .wp.newslist .searchbar .searchbox button:before {
            content: "";
            position: absolute;
            display: inline-block;
            font-size: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 1px;
            color: #f00;
        }

        .wp.newslist .searchbar .searchbox:after {
            content: "";
            height: 20px;
            width: 1px;
            background-color: #cccccc;
            display: inline-block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.wp.newslist .searchbar {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 480px) and (max-width: 991px) {
    .wp.newslist .searchbar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
    }

        .wp.newslist .searchbar .dk-select {
            margin-right: 5px;
        }
}

@media screen and (max-width: 767px) {
    .wp.newslist .searchbar .dk-select {
        display: inline-block;
        width: 40%;
        max-width: 200px;
    }
}

@media screen and (max-width: 479px) {
    .wp.newslist .searchbar .dk-select {
        width: 49%;
        max-width: inherit;
    }

    .wp.newslist .searchbar .searchbox {
        width: 100%;
    }
}

.wp.newslist .blocks {
    width: 100%;
    max-width: 1700px;
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (max-width: 767px) {
    .wp.newslist .blocks {
        padding: 0;
    }
}

.wp.newslist .blocks .noResult .bell {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
    margin-top: 85px;
    margin-bottom: 20px;
    text-align: center;
}

    .wp.newslist .blocks .noResult .bell:before {
        content: "";
        display: inline-block;
        text-align: center;
        line-height: 75px;
        color: #888;
        font-weight: bold;
        font-size: 40px;
    }

.wp.newslist .blocks .noResult h4 {
    font-size: 35px;
    text-align: center;
    color: #555;
}

@media screen and (max-width: 767px) {
    .wp.newslist .blocks .noResult .bell {
        margin-top: 35px;
        margin-bottom: 35px;
    }
}

.wp.newslist .blocks .block {
    margin-top: 85px;
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 35px;
    -webkit-box-shadow: 0 5px 5px #aaa;
    box-shadow: 0 5px 5px #aaa;
    background-color: #FFF;
    height: 500px;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

@media screen and (max-width: 1199px) {
    .wp.newslist .blocks .block {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.wp.newslist .blocks .block:after {
    content: '';
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #d12630;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.575);
    -moz-transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.575);
    -o-transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.575);
    transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.575);
}

.wp.newslist .blocks .block .pic {
    overflow: hidden;
    position: relative;
}

    .wp.newslist .blocks .block .pic .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: transparent;
        z-index: 1;
        animation: background-color 1s linear;
        -webkit-animation: background-color 1s linear;
        -moz-animation: background-color 1s linear;
    }

    .wp.newslist .blocks .block .pic .jqimgFill {
        height: 284px;
        -webkit-transition: transform 0.5s ease-in-out, height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
        -moz-transition: transform 0.5s ease-in-out, height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
        -o-transition: transform 0.5s ease-in-out, height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
        -webkit-transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98), -webkit-transform 0.5s ease-in-out;
        transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98), -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
        transition: transform 0.5s ease-in-out, height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98), -webkit-transform 0.5s ease-in-out;
    }

.wp.newslist .blocks .block .title {
    padding: 25px 70px 0px 30px;
    height: 150px;
    overflow: hidden;
    -webkit-transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
    -moz-transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
    -o-transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
    transition: height 0.3s cubic-bezier(0.89, 0.22, 0.19, 0.98);
}

    .wp.newslist .blocks .block .title h4 {
        font-size: 22px;
        margin-bottom: 20px;
        letter-spacing: 1.5px;
    }

    .wp.newslist .blocks .block .title p.date {
        font-size: 15px;
        color: #d12630;
        margin-bottom: 20px;
    }

    .wp.newslist .blocks .block .title p:not(.date) {
        line-height: 25px;
        margin-bottom: 25px;
        color: #888;
    }

@media screen and (max-width: 479px) {
    .wp.newslist .blocks .block .title h4 {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .wp.newslist .blocks .block .title p.date {
        margin-bottom: 10px;
    }
}

.wp.newslist .blocks .block:hover {
    -webkit-box-shadow: 0 5px 20px #888;
    box-shadow: 0 5px 20px #888;
}

    .wp.newslist .blocks .block:hover:after {
        height: 5px;
    }

    .wp.newslist .blocks .block:hover h4 {
        color: inherit;
    }

    .wp.newslist .blocks .block:hover .title {
        height: 180px;
    }

    .wp.newslist .blocks .block:hover .pic .mask {
        background-color: rgba(255, 255, 255, 0.25);
    }

    .wp.newslist .blocks .block:hover .pic .jqimgFill {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        height: 254px;
    }

.wp.newslist .blocks .block .more {
    padding: 0 25px;
    margin-top: 10px;
}

    .wp.newslist .blocks .block .more p {
        color: #d12630;
        text-align: right;
    }

@media screen and (max-width: 991px) {
    .wp.newslist .blocks .block .title {
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.newslist .blocks .block {
        margin-top: 30px;
    }
}

@media screen and (max-width: 479px) {
    .wp.newslist .blocks .block .title {
        padding: 15px 15px 0 15px;
    }
}

.wp.newslist .pages {
    margin-top: 90px;
    margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
    .wp.newslist .pages {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1700px) {
    .wp.news .arrows {
        margin-top: 20px;
    }
}

.wp.news .arrows .arrow {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    z-index: 500;
    -webkit-transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 767px) {
    .wp.news .arrows .arrow {
        width: 30px;
        height: 30px;
    }
}

.wp.news .arrows .arrow.prev:before, .wp.news .arrows .arrow.next:before {
    font-size: 30px;
    color: #fff;
}

.wp.news .arrows .letter {
    position: relative;
    padding: 10px 0;
    width: 180px;
    overflow: hidden;
    opacity: 0;
}

    .wp.news .arrows .letter p.date {
        color: #d12630;
    }

    .wp.news .arrows .letter p:not(.date) {
        color: #000;
    }

@media screen and (max-width: 767px) {
    .wp.news .arrows .letter {
        padding: 0px;
    }

        .wp.news .arrows .letter p {
            font-size: 14px;
        }
}

.wp.news .arrows .left {
    position: absolute;
    left: -275px;
    overflow: hidden;
}

@media screen and (min-width: 1700px) {
    .wp.news .arrows .left {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1700px) {
    .wp.news .arrows .left {
        left: calc(50% - 250px);
    }
}

@media screen and (max-width: 767px) {
    .wp.news .arrows .left {
        left: calc(50% - 220px);
    }
}

.wp.news .arrows .left .prev:before {
    content: "";
}

.wp.news .arrows .left .letter {
    float: left;
    padding-right: 15px;
    left: 230px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, left 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, left 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, left 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, left 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 767px) {
    .wp.news .arrows .left .letter {
        padding-right: 5px;
    }
}

.wp.news .arrows .left .letter p {
    text-align: right;
}

.wp.news .arrows .left:hover .arrow {
    background-color: #d12630;
}

@media screen and (min-width: 480px) {
    .wp.news .arrows .left:hover .letter {
        opacity: 1;
        left: 0;
    }
}

.wp.news .arrows .right {
    position: absolute;
    right: -275px;
    overflow: hidden;
}

@media screen and (min-width: 1700px) {
    .wp.news .arrows .right {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1700px) {
    .wp.news .arrows .right {
        right: calc(50% - 250px);
    }
}

@media screen and (max-width: 767px) {
    .wp.news .arrows .right {
        right: calc(50% - 220px);
    }
}

.wp.news .arrows .right .next:before {
    content: "";
}

.wp.news .arrows .right .letter {
    float: right;
    padding-left: 15px;
    right: 230px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, right 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, right 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, right 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, right 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 767px) {
    .wp.news .arrows .right .letter {
        padding-left: 5px;
    }
}

.wp.news .arrows .right .letter p {
    text-align: left;
}

.wp.news .arrows .right:hover .arrow {
    background-color: #d12630;
}

@media screen and (min-width: 480px) {
    .wp.news .arrows .right:hover .letter {
        opacity: 1;
        right: 0;
    }
}

.wp.news .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
    padding-top: 160px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .wp.news .content {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

.wp.news .articlebox {
    max-width: 1100px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px #aaa;
    box-shadow: 0 0 15px #aaa;
    position: relative;
    padding: 70px 50px 60px 50px;
}

@media screen and (max-width: 767px) {
    .wp.news .articlebox {
        padding: 30px 15px 30px 15px;
    }
}

.wp.news .articlebox h3 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    line-height: 35px;
}

@media screen and (max-width: 767px) {
    .wp.news .articlebox h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 479px) {
    .wp.news .articlebox h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

.wp.news .articlebox p.date {
    text-align: center;
    color: #d12630;
}

.wp.news .articlebox .pic {
    margin-top: 40px;
    margin-bottom: 50px;
    text-align: center;
}

    .wp.news .articlebox .pic img {
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .wp.news .articlebox .pic {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.wp.news .articlebox .article .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

.wp.news .articlebox .article p:not(.title) + p:not(.title) {
    margin-top: 20px;
    padding-left: 1em;
    position: relative;
    line-height: 25px;
}

    .wp.news .articlebox .article p:not(.title) + p:not(.title):before {
        content: "◎";
        display: inline-block;
        position: absolute;
        left: 0;
    }

@media screen and (max-width: 767px) {
    .wp.news .articlebox .article .title {
        margin-bottom: 15px;
    }
}

.wp.news .articlebox .share {
    margin-top: 80px;
    height: 30px;
    position: relative;
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 1700px) {
    .wp.news .articlebox .share {
        margin-top: 100px;
    }
}

.wp.news .articlebox .share .a2a_svg {
    display: none;
}

.wp.news .articlebox .share a {
    display: inline-block;
    -webkit-transition: margin-top 0.3s ease-in-out;
    -moz-transition: margin-top 0.3s ease-in-out;
    -o-transition: margin-top 0.3s ease-in-out;
    transition: margin-top 0.3s ease-in-out;
}

    .wp.news .articlebox .share a:first-child {
        line-height: normal;
    }

    .wp.news .articlebox .share a:before {
        font-size: 26px;
        color: #aaa;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .wp.news .articlebox .share a:hover:before {
        color: #aaa;
    }

    .wp.news .articlebox .share a + a {
        margin-left: 10px;
    }

.wp.news .articlebox .share .a2a_button_facebook:before {
    content: "";
    color: #3b5997;
}

.wp.news .articlebox .share .a2a_button_facebook:hover {
    margin-top: -10px;
}

.wp.news .articlebox .share .a2a_button_twitter:before {
    content: "";
    color: #42c8f4;
}

.wp.news .articlebox .share .a2a_button_twitter:hover {
    margin-top: -10px;
}

.wp.news .articlebox .share .a2a_button_google_plus:before {
    content: "";
    color: #cc0000;
}

.wp.news .articlebox .share .a2a_button_google_plus:hover {
    margin-top: -10px;
}

.wp.news .back {
    width: 165px;
    height: 45px;
    border-radius: 45px;
    border: 2px solid #d12630;
    text-align: center;
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .wp.news .back {
        margin-top: 45px;
    }
}

@media screen and (max-width: 479px) {
    .wp.news .back {
        margin-top: 20px;
    }
}

.wp.news .back a {
    display: block;
}

.wp.news .back p {
    line-height: 45px;
    color: #d12630;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.wp.news .back:hover {
    background-color: #d12630;
}

    .wp.news .back:hover p {
        color: #fff;
    }

.wp.contact .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
}

.wp.contact .top {
    position: relative;
    padding-left: 160px;
    padding-right: 160px;
}

@media screen and (max-width: 1359px) {
    .wp.contact .top {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media screen and (max-width: 1200px) {
    .wp.contact .top {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media screen and (max-width: 991px) {
    .wp.contact .top {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .wp.contact .top {
        padding-left: 0px;
        padding-right: 15px;
    }
}

.wp.contact .top h4 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 25px;
}

@media screen and (max-width: 479px) {
    .wp.contact .top h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

.wp.contact .top .formbox {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 40px 5% 70px 5%;
    z-index: 1;
    /*top: 75px;*/
    /*-webkit-box-shadow: 0 0 15px #ddd;*/
    /*box-shadow: 0 0 15px #ddd;*/
}

@media screen and (max-width: 1199px) {
    .wp.contact .top .formbox {
        padding: 30px 5% 30px 5%;
    }
}

@media screen and (max-width: 767px) {
    .wp.contact .top .formbox {
        float: none;
        width: 100%;
        top: 0;
    }
}

.wp.contact .top .formbox h4:before {
    content: "";
    height: 40px;
    width: 5px;
    position: absolute;
    left: 55px;
    float: left;
    background-color: #d12630;
    margin-right: 25px;
}

@media screen and (max-width: 1199px) {
    .wp.contact .top .formbox h4:before {
        position: relative;
        left: auto;
        margin-right: 10px;
    }
}

@media screen and (max-width: 479px) {
    .wp.contact .top .formbox h4:before {
        height: 30px;
    }
}

.wp.contact .top .formbox p {
    font-size: 16px;
    line-height: 25px;
}

.wp.contact .top .formbox {
    /*margin-top: 65px;*/
    font-size: 16px;
}

@media screen and (max-width: 1199px) {
    .wp.contact .top .formbox {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .wp.contact .top .formbox {
        margin-top: 0px;
    }
}

.wp.contact .top .formbox .w50 {
    display: inline-block;
    float: left;
    width: 50%;
    height: 55px;
}

@media screen and (max-width: 991px) {
    .wp.contact .top .formbox .w50 {
        display: block;
        float: none;
        width: 100%;
    }
}

.wp.contact .top .formbox .w50 label {
    line-height: 55px;
    width: 110px;
    font-weight: bold;
}

    .wp.contact .top .formbox .w50 label span {
        font-size: 12px;
        color: #d12630;
    }

.wp.contact .top .formbox .w50 input {
    width: calc(100% - 120px);
    border: 0;
    line-height: 30px;
}

.wp.contact .top .formbox .w50 .dropkick {
    width: calc(100% - 120px);
}

    .wp.contact .top .formbox .w50 .dropkick .dk-selected {
        border: 0;
        line-height: 30px;
        padding-left: 0;
    }

        .wp.contact .top .formbox .w50 .dropkick .dk-selected:after {
            border: 0;
        }

        .wp.contact .top .formbox .w50 .dropkick .dk-selected:hover:before, .wp.contact .top .formbox .w50 .dropkick .dk-selected:focus:before {
            border-top-color: #d12630;
        }

    .wp.contact .top .formbox .w50 .dropkick.dk-select-open-down .dk-selected:before, .wp.contact .top .formbox .w50 .dropkick.dk-select-open-down .dk-selected:focus, .wp.contact .top .formbox .w50 .dropkick .dk-select-open-up .dk-selected:before, .wp.contact .top .formbox .w50 .dropkick .dk-select-open-up .dk-selected:focus {
        border-bottom-color: #d12630;
    }

    .wp.contact .top .formbox .w50 .dropkick .dk-select-options .hidden-option {
        display: none;
    }

.wp.contact .top .formbox .w50 .question, .wp.contact .top .formbox .w50 .tel, .wp.contact .top .formbox .w50 .name, .wp.contact .top .formbox .w50 .mail {
    width: 100%;
    border-bottom: 1px solid #000;
}

@media screen and (min-width: 992px) {
    .wp.contact .top .formbox .w50 .question, .wp.contact .top .formbox .w50 .tel, .wp.contact .top .formbox .w50 .name, .wp.contact .top .formbox .w50 .mail {
        max-width: 400px;
        width: calc(100% - 20px);
    }
}

@media screen and (min-width: 992px) {
    .wp.contact .top .formbox .w50 .tel, .wp.contact .top .formbox .w50 .mail {
        margin-left: auto;
    }
}

.wp.contact .top .formbox .opinion {
    margin-top: 25px;
    border-bottom: 1px solid #333;
}

    .wp.contact .top .formbox .opinion label {
        width: 110px;
        float: left;
        top: 0;
        font-weight: bold;
        line-height: 25px;
    }

        .wp.contact .top .formbox .opinion label span {
            font-size: 12px;
            color: #d12630;
        }

    .wp.contact .top .formbox .opinion textarea {
        width: calc(100% - 120px);
        resize: none;
        border: 0;
        height: 150px;
    }

        .wp.contact .top .formbox .opinion textarea::-webkit-input-placeholder {
            line-height: 25px;
        }

.wp.contact .top .formbox .code {
    border-bottom: 1px solid #333;
    height: 55px;
    width: 65%;
    display: inline-block;
    margin-top: 25px;
    float: left;
}

@media screen and (max-width: 991px) {
    .wp.contact .top .formbox .code {
        display: block;
        float: none;
        width: 100%;
    }
}

.wp.contact .top .formbox .code label {
    width: 110px;
    float: left;
    line-height: 55px;
    font-weight: bold;
}

    .wp.contact .top .formbox .code label span {
        font-size: 12px;
        color: #d12630;
    }

.wp.contact .top .formbox .code input {
    width: calc(100% - 225px);
    float: left;
    line-height: 53px;
    border: 0;
}

.wp.contact .top .formbox .code .pic {
    position: relative;
    top: 10px;
    float: left;
    width: 15%;
}

    .wp.contact .top .formbox .code .pic img {
        width: 100px;
        cursor: pointer;
    }

.wp.contact .top .formbox .submitbox {
    display: inline-block;
    /*width: 34%;*/
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
    margin-top: 30px;
}

@media screen and (max-width: 991px) {
    .wp.contact .top .formbox .submitbox {
        display: block;
        float: none;
        margin-top: 15px;
        width: 100%;
    }
}

.wp.contact .top .formbox .submitbox button.submit {
    width: 100%;
    max-width: 200px;
    height: 45px;
    line-height: 45px;
    background-color: #d12630;
    border: 1px solid #d12630;
    border-radius: 45px;
    color: #fff;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
/*2019/9/1*/
.wp.contact .top .formbox .submitbox input.submit {
    width: 100%;
    max-width: 200px;
    height: 45px;
    line-height: 45px;
    background-color: #d12630;
    border: 1px solid #d12630;
    border-radius: 45px;
    color: #fff;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.wp.contact .top .formbox .submitbox button.submit:hover {
    background-color: #e60012;
}

@media screen and (max-width: 991px) {
    .wp.contact .top .formbox .submitbox button.submit {
        width: 200px;
        float: none;
        display: block;
        margin: 20px auto 10px auto;
    }
}

.wp.contact .top .infobox {
    position: relative;
    width: 100%;
    float: right;
    right: 0;
    /*margin-left: 20%;*/
    /*background-color: #362e2b;*/
    min-height: 590px;
    padding: 30px 50px 30px 45px;
    z-index: 1;
    /*top: 145px;*/
}

@media screen and (max-width: 767px) {
    .wp.contact .top .infobox {
        min-height: 600px;
    }
}

@media screen and (max-width: 479px) {
    .wp.contact .top .infobox {
        min-height: 480px;
    }
}

.wp.contact .top .infobox h4 {
    color: #000;
}

.wp.contact .top .infobox p, .wp.contact .top .infobox a {
    color: #000;
}

@media screen and (max-width: 767px) {
    .wp.contact .top .infobox {
        float: none;
        width: 100%;
        margin-left: 0;
        top: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width: 479px) {
    .wp.contact .top .infobox {
        padding: 30px 20px;
    }
}

.wp.contact .top .infobox .company {
    padding-bottom: 40px;
    border-bottom: 1px solid #fff;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 1359px) {
    .wp.contact .top .infobox .company {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .wp.contact .top .infobox .company {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wp.contact .top .infobox .company {
        padding-left: 0;
        padding-right: 0;
    }
}

.wp.contact .top .infobox .company p {
    line-height: 30px;
    padding-left: 40px;
    position: relative;
}

    .wp.contact .top .infobox .company p:before {
        display: inline-block;
        float: left;
        font-size: 20px;
        line-height: 30px;
        padding-right: 20px;
    }

.wp.contact .top .infobox .company .tel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.wp.contact .top .infobox .company .fax:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}

.wp.contact .top .infobox .company .mail:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}

.wp.contact .top .infobox .company .addr:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}

.wp.contact .top .infobox .factory {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 1359px) {
    .wp.contact .top .infobox .factory {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .wp.contact .top .infobox .factory {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wp.contact .top .infobox .factory {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .wp.contact .top .infobox .factory {
        padding-top: 30px;
    }
}

.wp.contact .top .infobox .factory p {
    line-height: 30px;
    position: relative;
    padding-left: 30px;
}

    .wp.contact .top .infobox .factory p:before {
        content: "●";
        display: inline-block;
        float: left;
        position: absolute;
        left: 0;
        font-size: 8px;
        padding-right: 20px;
        line-height: 30px;
    }

.wp.contact .top .infobox .factory .slider .slick-dots li button:before {
    color: #fff;
    opacity: 1;
    -webkit-transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.contact .top .infobox .factory .slider .slick-dots li.slick-active button:before {
    color: #f00;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

@media screen and (min-width: 768px) {
    .wp.contact .bottom {
        /*margin-top: 630px;*/
    }
}

@media screen and (max-width: 767px) {
    .wp.contact .bottom {
        margin-top: 15px;
    }
}

.wp.contact .bottom .map {
    width: 100%;
    height: 650px;
}

    .wp.contact .bottom .map .box {
        overflow: visible !important;
    }

        .wp.contact .bottom .map .box:nth-of-type(odd) .factorymarker {
            margin-left: -110px;
            z-index: 800;
        }

        .wp.contact .bottom .map .box:nth-of-type(even) .factorymarker {
            margin-left: 20px;
        }

        .wp.contact .bottom .map .box .factorymarker {
            width: 85px;
            height: 30px;
            border-radius: 30px;
            color: #d12630;
            background-color: #FFF;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            position: relative;
            margin-top: -30px;
        }

.wp.success .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
    padding: 250px 15px 200px 15px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .wp.success .content {
        padding-top: 150px;
        padding-bottom: 80px;
    }
}

.wp.success .title h3 {
    font-size: 30px;
    margin-bottom: 30px;
}

.wp.success .title p {
    line-height: 30px;
}

.wp.success .back {
    width: 200px;
    height: 45px;
    background-color: #313131;
    border-radius: 45px;
    margin: 45px auto 0 auto;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

    .wp.success .back p {
        line-height: 45px;
        color: #fff;
    }

    .wp.success .back:hover {
        background-color: #878787;
    }

        .wp.success .back:hover p {
            color: #fff;
            font-weight: bold;
        }

.wp.oem .content-bg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 0;
}

    .wp.oem .content-bg img {
        width: 100vw;
        height: 100vh;
    }

.wp.oem .content {
    padding-top: 180px;
    padding-bottom: 150px;
}

@media screen and (max-width: 767px) {
    .wp.oem .content {
        padding-top: 90px;
        padding-bottom: 30px;
    }
}

.wp.oem .content .title {
    text-align: center;
    margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
    .wp.oem .content .title {
        margin-bottom: 30px;
    }
}

.wp.oem .content .title h3 {
    color: #fff;
    font-size: 55px;
}

.wp.oem .content .title p {
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
}

.wp.oem .content .lists {
    margin-bottom: 40px;
    position: relative;
    opacity: 0;
}

    .wp.oem .content .lists ul {
        text-align: center;
    }

@media screen and (max-width: 480px) {
    .wp.oem .content .lists ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.wp.oem .content .lists ul li {
    display: inline-block;
}

    .wp.oem .content .lists ul li a {
        display: block;
        border: 2px solid #fff;
        border-radius: 45px;
        height: 45px;
        -webkit-transition: border-color 0.3s ease-in-out, background-color 0.5s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out, background-color 0.5s ease-in-out;
        -o-transition: border-color 0.3s ease-in-out, background-color 0.5s ease-in-out;
        transition: border-color 0.3s ease-in-out, background-color 0.5s ease-in-out;
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 41px;
        cursor: pointer;
    }

    .wp.oem .content .lists ul li + li {
        margin-left: 20px;
    }

    .wp.oem .content .lists ul li:hover a {
        background-color: #d00;
        border-color: #d00;
    }

@media screen and (max-width: 991px) {
    .wp.oem .content .lists ul li {
        position: relative;
        margin-top: 10px;
    }

        .wp.oem .content .lists ul li a {
            margin-left: auto;
            margin-right: auto;
        }

        .wp.oem .content .lists ul li + li {
            margin-left: 0;
        }
}

@media screen and (max-width: 480px) {
    .wp.oem .content .lists ul li {
        width: 48%;
    }

        .wp.oem .content .lists ul li a {
            padding: 0 10px;
        }

        .wp.oem .content .lists ul li:nth-child(odd) a {
            margin-left: auto;
            margin-right: initial;
        }

        .wp.oem .content .lists ul li:nth-child(even) a {
            margin-left: initial;
            margin-right: auto;
        }
}

.wp.oem .content .products {
    width: 100%;
    max-width: 1700px;
    padding-left: 60px;
    padding-right: 60px;
}

@media screen and (max-width: 991px) {
    .wp.oem .content .products {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.wp.oem .content .products .product:nth-child(n + 2) {
    margin-top: 110px;
}

@media screen and (max-width: 991px) {
    .wp.oem .content .products .product:nth-child(n + 2) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product:nth-child(n + 2) {
        margin-top: 15px;
    }
}

.wp.oem .content .products .product .pic {
    width: 100%;
}

    .wp.oem .content .products .product .pic .jqimgFill {
        height: 780px;
    }

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .pic .jqimgFill {
        height: 400px;
        float: left;
    }
}

@media screen and (max-width: 479px) {
    .wp.oem .content .products .product .pic .jqimgFill {
        height: 280px;
    }
}

.wp.oem .content .products .product .intro {
    width: 100%;
    height: 780px;
    background-color: #FFF;
    padding: 80px 50px 70px 50px;
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro {
        padding: 30px;
        height: 620px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oem .content .products .product .intro {
        padding: 15px;
        height: 580px;
    }
}

.wp.oem .content .products .product .intro h4 {
    font-size: 40px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro h4 {
        font-size: 26px;
        margin-bottom: 5px;
    }
}

.wp.oem .content .products .product .intro p.subtitle {
    color: #d12630;
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.wp.oem .content .products .product .intro .slider {
    margin-top: 70px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro .slider {
        margin-top: 30px;
    }
}

.wp.oem .content .products .product .intro .slider .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 70px;
    position: relative;
    cursor: pointer;
}

    .wp.oem .content .products .product .intro .slider .slick-slide > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .wp.oem .content .products .product .intro .slider .slick-slide .pic {
        overflow: hidden;
        text-align: center;
    }

        .wp.oem .content .products .product .intro .slider .slick-slide .pic .jqimgFill {
            height: 197px;
            -webkit-transition: transform 0.3s ease-in-out;
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro .slider .slick-slide .pic .jqimgFill {
        max-width: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.wp.oem .content .products .product .intro .slider .slick-slide p {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

    .wp.oem .content .products .product .intro .slider .slick-slide p.title {
        margin-top: 50px;
        font-size: 18px;
        font-weight: bold;
        color: #000;
    }

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro .slider .slick-slide p.title {
        margin-top: 25px;
    }
}

.wp.oem .content .products .product .intro .slider .slick-slide p:not(.title) {
    margin-top: 25px;
    line-height: 25px;
    color: #888;
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro .slider .slick-slide p:not(.title) {
        margin-top: 15px;
    }
}

.wp.oem .content .products .product .intro .slider .slick-slide .more {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    border: 1.5px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

    .wp.oem .content .products .product .intro .slider .slick-slide .more:after {
        content: '+';
        display: inline-block;
        line-height: 42px;
        font-weight: bold;
        color: #ccc;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

.wp.oem .content .products .product .intro .slider .slick-slide:hover {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .wp.oem .content .products .product .intro .slider .slick-slide:hover .pic .jqimgFill {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.wp.oem .content .products .product .intro .slider .slick-slide:hover p.title {
    color: #f00;
}

.wp.oem .content .products .product .intro .slider .slick-slide:hover p:not(.title) {
    color: #333;
}

.wp.oem .content .products .product .intro .slider .slick-slide:hover .more {
    border-color: #f00;
}

    .wp.oem .content .products .product .intro .slider .slick-slide:hover .more:after {
        color: #f00;
    }

.wp.oem .content .products .product .intro .slider button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    top: -120px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

    .wp.oem .content .products .product .intro .slider button.slick-arrow:hover {
        background-color: #d12630;
    }

    .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev {
        -webkit-transition: right 0.3s ease-in-out;
        -moz-transition: right 0.3s ease-in-out;
        -o-transition: right 0.3s ease-in-out;
        transition: right 0.3s ease-in-out;
        right: 70px;
        left: auto;
    }

        .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev:before {
            content: "";
        }

@media screen and (min-width: 768px) {
    .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev:hover {
        right: 80px;
    }
}

.wp.oem .content .products .product .intro .slider button.slick-arrow.slick-next {
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    right: 10px;
}

    .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-next:hover {
        right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wp.oem .content .products .product .intro .slider button.slick-arrow {
        width: 40px;
        height: 40px;
    }

        .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev {
            right: 60px;
        }

            .wp.oem .content .products .product .intro .slider button.slick-arrow.slick-prev:hover {
                right: 70px;
            }
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .product .intro .slider button.slick-arrow {
        top: -90px;
    }
}

.wp.oem .content .products .product.right .in-right .pic {
    overflow: hidden;
}

    .wp.oem .content .products .product.right .in-right .pic .jqimgFill {
        z-index: 500;
    }

@media screen and (min-width: 768px) {
    .wp.oem .content .products .product.right > div:first-child {
        float: right;
    }

    .wp.oem .content .products .product.right .intro h4, .wp.oem .content .products .product.right .intro p.subtitle {
        text-align: right;
    }

    .wp.oem .content .products .product.right .intro .slider button.slick-arrow.slick-prev {
        right: auto;
        left: 10px;
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .wp.oem .content .products .product.right .intro .slider button.slick-arrow.slick-prev:hover {
        left: 0;
    }
}

@media screen and (min-width: 768px) {
    .wp.oem .content .products .product.right .intro .slider button.slick-arrow.slick-next {
        right: auto;
        left: 70px;
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .wp.oem .content .products .product.right .intro .slider button.slick-arrow.slick-next:hover {
        left: 80px;
    }
}

.wp.oem .content .products .retail {
    position: relative;
    margin-top: 110px;
}

@media screen and (max-width: 991px) {
    .wp.oem .content .products .retail {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .retail {
        margin-top: 15px;
        background-color: #f9f9f9;
    }
}

.wp.oem .content .products .retail .bg .jqimgFill {
    height: 760px;
}

@media screen and (max-width: 767px) {
    .wp.oem .content .products .retail .bg .jqimgFill {
        display: none;
    }
}

.wp.oem .content .products .retail .inside {
    position: absolute;
    padding: 40px 145px 105px 145px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1199px) {
    .wp.oem .content .products .retail .inside {
        padding: 50px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .wp.oem .content .products .retail .inside {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .wp.oem .content .products .retail .inside {
        position: relative;
    }
}

.wp.oem .content .products .retail .inside .title h4 {
    font-size: 40px;
    margin-bottom: 25px;
}

.wp.oem .content .products .retail .inside .title p.subtitle {
    color: #d12630;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 50px;
}

.wp.oem .content .products .retail .inside .store-table {
    overflow-x: hidden;
}

    .wp.oem .content .products .retail .inside .store-table .table tr th {
        background-color: #e13845;
        color: #fff;
        text-align: center;
        line-height: 30px;
        padding: 15px;
    }

    .wp.oem .content .products .retail .inside .store-table .table tr td {
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ddd;
        line-height: 30px;
        padding: 15px;
    }

        .wp.oem .content .products .retail .inside .store-table .table tr td.section {
            color: #e10011;
            background-color: #FFF;
        }

        .wp.oem .content .products .retail .inside .store-table .table tr td.shop {
            font-weight: bold;
        }

    .wp.oem .content .products .retail .inside .store-table .table tr:nth-child(even) {
        background-color: #f3f3f3;
    }

    .wp.oem .content .products .retail .inside .store-table .table tr:nth-child(odd) {
        background-color: #FFF;
    }

@media screen and (max-width: 767px) {
    .wp.oem .content .products .retail .inside .store-table thead {
        display: none;
    }

    .wp.oem .content .products .retail .inside .store-table tbody td {
        display: block;
        background-color: #fff;
        border: 0;
    }

        .wp.oem .content .products .retail .inside .store-table tbody td.section {
            display: none;
        }

        .wp.oem .content .products .retail .inside .store-table tbody td.shop {
            background-color: #eee;
        }
}

.wp.oemproduct .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
    padding-bottom: 110px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content {
        padding-bottom: 80px;
    }
}

.wp.oemproduct .content .content-bg img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.wp.oemproduct .content .container-fluid {
    position: relative;
}

.wp.oemproduct .content .top .slider {
    margin-bottom: 0;
}

    .wp.oemproduct .content .top .slider .slick-slide {
        position: relative;
    }

        .wp.oemproduct .content .top .slider .slick-slide .pic {
            -webkit-transition: filter 0.3s ease-in-out;
            -moz-transition: filter 0.3s ease-in-out;
            -o-transition: filter 0.3s ease-in-out;
            -webkit-transition: -webkit-filter 0.3s ease-in-out;
            transition: -webkit-filter 0.3s ease-in-out;
            transition: filter 0.3s ease-in-out;
            transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
        }

            .wp.oemproduct .content .top .slider .slick-slide .pic .mask {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                background-color: #000;
                opacity: 0;
                z-index: 1;
                -webkit-transition: opacity 0.2s ease-in-out;
                -moz-transition: opacity 0.2s ease-in-out;
                -o-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
            }

@media screen and (min-width: 992px) {
    .wp.oemproduct .content .top .slider .slick-slide .pic .jqimgFill {
        height: 600px;
    }
}

@media screen and (max-width: 991px) {
    .wp.oemproduct .content .top .slider .slick-slide .pic .jqimgFill {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .top .slider .slick-slide .pic .jqimgFill {
        height: 300px;
    }
}

.wp.oemproduct .content .top .slider .slick-slide .intro {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 991px) {
    .wp.oemproduct .content .top .slider .slick-slide .intro {
        margin-top: 30px;
    }
}

.wp.oemproduct .content .top .slider .slick-slide .intro h4 {
    font-size: 34px;
    margin-bottom: 40px;
}

    .wp.oemproduct .content .top .slider .slick-slide .intro h4.inactive {
        animation: hovertxt-slide 0.5s ease-in-out forwards;
        -webkit-animation: hovertxt-slide 0.5s ease-in-out forwards;
        -moz-animation: hovertxt-slide 0.5s ease-in-out forwards;
    }

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .top .slider .slick-slide .intro h4 {
        margin-bottom: 20px;
        font-size: 28px;
    }
}

.wp.oemproduct .content .top .slider .slick-slide .intro p {
    line-height: 25px;
}

    .wp.oemproduct .content .top .slider .slick-slide .intro p.inactive {
        animation: hovertxt-fade 0.7s ease-in-out forwards;
        -webkit-animation: hovertxt-fade 0.7s ease-in-out forwards;
        -moz-animation: hovertxt-fade 0.7s ease-in-out forwards;
    }

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .top .slider .slick-slide .intro {
        margin-top: 30px;
    }
}

.wp.oemproduct .content .top .slider .slick-slide:hover .mask {
    opacity: 0.25;
}

.wp.oemproduct .content .top .slider .slick-slide:hover .pic {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.wp.oemproduct .content .top .slider .slick-slide:hover .intro {
    opacity: 1;
    z-index: 1;
}

.wp.oemproduct .content .title {
    width: 100%;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .title {
        margin-top: 30px;
    }
}

.wp.oemproduct .content .title h3 {
    text-align: center;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .title h3 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .title h3 {
        margin-bottom: 15px;
    }
}

.wp.oemproduct .content .title .table {
    width: 100%;
    max-width: 830px;
    font-size: 16px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

    .wp.oemproduct .content .title .table .tr {
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
    }

        .wp.oemproduct .content .title .table .tr .td {
            display: inline-block;
            float: left;
            padding-top: 10px;
            padding-bottom: 15px;
            line-height: 25px;
        }

            .wp.oemproduct .content .title .table .tr .td.left {
                width: 60px;
                font-weight: bold;
            }

            .wp.oemproduct .content .title .table .tr .td.right {
                width: calc(100% - 60px);
            }

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .title .table .tr .td {
        display: block;
    }
}

.wp.oemproduct .content .other {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}

.wp.oemproduct .content .other h3 {
    text-align: center;
}

.wp.oemproduct .content .other .slider {
    width: 100%;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .slider {
        width: auto;
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .slider {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.wp.oemproduct .content .other .slider .slides {
    display: inline-block;
    width: 20%;
    margin-top: 60px;
    cursor: pointer;
}

    .wp.oemproduct .content .other .slider .slides .product p {
        font-size: 18px;
        margin-top: 20px;
    }

    .wp.oemproduct .content .other .slider .slides img {
        width: 100%;
        max-width: 150px;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

@media screen and (min-width: 1200px) {
    .wp.oemproduct .content .other .slider .slides img {
        max-width: 180px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .slider .slides img {
        margin-left: auto;
        margin-right: auto;
        max-height: 195px;
    }
}

.wp.oemproduct .content .other .slider .slides:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.wp.oemproduct .content .other .slider button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .slider button.slick-arrow {
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: -70px;
    }
}

.wp.oemproduct .content .other .slider button.slick-arrow:hover {
    background-color: #d12630;
}

.wp.oemproduct .content .other .slider button.slick-arrow.slick-prev {
    left: -50px;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

    .wp.oemproduct .content .other .slider button.slick-arrow.slick-prev:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.oemproduct .content .other .slider button.slick-arrow.slick-prev:hover {
        left: -40px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .slider button.slick-arrow.slick-prev {
        left: calc(50% - 55px);
    }
}

.wp.oemproduct .content .other .slider button.slick-arrow.slick-next {
    right: -50px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

    .wp.oemproduct .content .other .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.oemproduct .content .other .slider button.slick-arrow.slick-next:hover {
        right: -40px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .slider button.slick-arrow.slick-next {
        right: calc(50% - 55px);
    }
}

.wp.oemproduct .content .other .intros {
    position: relative;
    background-color: #FFF;
    border: 1px solid #ccc;
    left: 0;
    width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 125px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
}

    .wp.oemproduct .content .other .intros.init {
        display: none;
    }

    .wp.oemproduct .content .other .intros.showin {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
    }

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .intros.showin {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .intros {
        display: block;
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 50px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .intros {
        margin-top: 100px;
    }
}

.wp.oemproduct .content .other .intros .goback {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .intros .goback {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.wp.oemproduct .content .other .intros .goback:after {
    content: "";
    font-size: 60px;
    -webkit-transition: margin-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: margin-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: margin-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: margin-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
    .wp.oemproduct .content .other .intros .goback:hover:after {
        margin-bottom: 30px;
        color: #d12630;
    }
}

.wp.oemproduct .content .other .intros .pic {
    display: inline-block;
    width: 50%;
}

    .wp.oemproduct .content .other .intros .pic .jqimgFill {
        height: 430px;
    }

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .intros .pic {
        display: block;
        width: 100%;
        text-align: center;
    }

        .wp.oemproduct .content .other .intros .pic .jqimgFill {
            height: 250px;
        }
}

.wp.oemproduct .content .other .intros .intro {
    display: inline-block;
    width: 50%;
    padding-left: 60px;
}

    .wp.oemproduct .content .other .intros .intro h4 {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        margin-bottom: 15px;
    }

    .wp.oemproduct .content .other .intros .intro p {
        color: #888;
        line-height: 25px;
    }

        .wp.oemproduct .content .other .intros .intro p + h4 {
            margin-top: 50px;
        }

@media screen and (max-width: 991px) {
    .wp.oemproduct .content .other .intros .intro p + h4 {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wp.oemproduct .content .other .intros .intro {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .other .intros .intro {
        display: block;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 60px;
    }
}

@media screen and (max-width: 479px) {
    .wp.oemproduct .content .other .intros .intro {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 90px;
    }

        .wp.oemproduct .content .other .intros .intro p + h4 {
            margin-top: 15px;
        }
}

.wp.oemproduct .content .share {
    height: 30px;
    position: relative;
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 100px;
}

@media screen and (max-width: 1700px) {
    .wp.oemproduct .content .share {
        margin-top: 30px;
    }
}

.wp.oemproduct .content .share .a2a_svg {
    display: none;
}

.wp.oemproduct .content .share a {
    display: inline-block;
    -webkit-transition: margin-top 0.3s ease-in-out;
    -moz-transition: margin-top 0.3s ease-in-out;
    -o-transition: margin-top 0.3s ease-in-out;
    transition: margin-top 0.3s ease-in-out;
}

    .wp.oemproduct .content .share a:first-child {
        line-height: 30px;
    }

    .wp.oemproduct .content .share a:before {
        font-size: 26px;
        color: #aaa;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .wp.oemproduct .content .share a:hover:before {
        color: #aaa;
    }

    .wp.oemproduct .content .share a + a {
        margin-left: 10px;
    }

.wp.oemproduct .content .share .a2a_button_facebook:before {
    content: "";
    color: #3b5997;
}

.wp.oemproduct .content .share .a2a_button_facebook:hover {
    margin-top: -10px;
}

.wp.oemproduct .content .share .a2a_button_twitter:before {
    content: "";
    color: #42c8f4;
}

.wp.oemproduct .content .share .a2a_button_twitter:hover {
    margin-top: -10px;
}

.wp.oemproduct .content .share .a2a_button_google_plus:before {
    content: "";
    color: #cc0000;
}

.wp.oemproduct .content .share .a2a_button_google_plus:hover {
    margin-top: -10px;
}

.wp.oemproduct .content .buttons {
    text-align: center;
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .wp.oemproduct .content .buttons {
        margin-top: 30px;
    }
}

@media (min-width: 321px) and (max-width: 479px) {
    .wp.oemproduct .content .buttons {
        padding-left: 15px;
        padding-right: 15px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
    }
}

.wp.oemproduct .content .buttons .button {
    height: 60px;
    width: 180px;
    border-radius: 60px;
    border: 2px solid #d12630;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

    .wp.oemproduct .content .buttons .button + .button {
        margin-left: 15px;
    }

@media screen and (max-width: 320px) {
    .wp.oemproduct .content .buttons .button + .button {
        margin-left: auto;
        margin-top: 10px;
    }
}

@media screen and (max-width: 320px) {
    .wp.oemproduct .content .buttons .button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.wp.oemproduct .content .buttons .button a {
    display: block;
    line-height: 56px;
    color: #d12630;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.wp.oemproduct .content .buttons .button:hover {
    background-color: #d12630;
}

    .wp.oemproduct .content .buttons .button:hover a {
        color: #fff;
    }

.wp.oemproduct .content .buttons .button.inquiry a {
    position: relative;
    padding-left: 30px;
}

    .wp.oemproduct .content .buttons .button.inquiry a:before {
        content: "";
        position: absolute;
        font-size: 30px;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width: 321px) and (max-width: 479px) {
    .wp.oemproduct .content .buttons .button.inquiry a:before {
        left: 10%;
    }
}

.wp.products {
    opacity: 0;
}

    .wp.products .content {
        background-image: url("images/about/bg.png");
        background-repeat: repeat;
        padding-top: 75px;
    }

@media screen and (max-width: 767px) {
    .wp.products .content {
        padding-top: 60px;
    }
}

.wp.products .content .big-pic {
    width: calc(100% - 400px);
    display: inline-block;
    float: left;
    overflow: hidden;
}

    .wp.products .content .big-pic .jqimgFill {
        height: 100vh;
        animation: bg-pic-scale 30s ease-in-out 2s infinite, hovertxt-fade 2s ease-in-out 0.5s forwards;
        -webkit-animation: bg-pic-scale 30s ease-in-out 2s infinite, hovertxt-fade 2s ease-in-out 0.5s forwards;
        -moz-animation: bg-pic-scale 30s ease-in-out 2s infinite, hovertxt-fade 2s ease-in-out 0.5s forwards;
    }

@media screen and (max-width: 991px) {
    .wp.products .content .big-pic {
        width: calc(100% - 200px);
    }
}

@media screen and (max-width: 767px) {
    .wp.products .content .big-pic {
        width: 100%;
        display: block;
        float: none;
    }

        .wp.products .content .big-pic .jqimgFill {
            height: 200px;
        }
}

.wp.products .content .sidebar {
    width: 395px;
    display: inline-block;
    float: left;
    text-align: center;
    padding-bottom: 0;
    overflow-y: auto;
    height: 100vh;
    opacity: 0;
}

@media screen and (max-width: 991px) {
    .wp.products .content .sidebar {
        width: 200px;
    }
}

@media screen and (max-width: 767px) {
    .wp.products .content .sidebar {
        display: block;
        width: 100%;
        float: none;
        height: auto;
        overflow-y: inherit;
    }
}

.wp.products .content .sidebar .mCSB_container {
    padding: 90px 35px;
}

@media screen and (max-width: 767px) {
    .wp.products .content .sidebar .mCSB_container {
        padding: 30px;
    }
}

.wp.products .content .sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccc;
}

.wp.products .content .sidebar h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .wp.products .content .sidebar h3 {
        margin-bottom: 30px;
    }
}

.wp.products .content .sidebar .productpic {
    float: left;
    max-width: inherit;
}

    .wp.products .content .sidebar .productpic img:not(.sale) {
        width: 100%;
        max-width: 106px;
    }

@media screen and (max-width: 479px) {
    .wp.products .content .sidebar .productpic {
        width: 40%;
    }

        .wp.products .content .sidebar .productpic img:not(.sale) {
            max-width: inherit;
        }
}

.wp.products .content .sidebar .accordions .panel-default {
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .wp.products .content .sidebar .accordions .panel-default .panel-heading {
        background: none;
        padding: 0;
        line-height: 60px;
        border-top: 1px solid #aaa;
    }

        .wp.products .content .sidebar .accordions .panel-default .panel-heading a {
            display: block;
            color: #000;
            font-size: 18px;
            -webkit-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

            .wp.products .content .sidebar .accordions .panel-default .panel-heading a.collapsed {
                color: #999;
            }

                .wp.products .content .sidebar .accordions .panel-default .panel-heading a.collapsed:hover {
                    color: #555;
                }

    .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body {
        border: 0;
        padding: 0;
    }

        .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product {
            margin-top: 35px;
            padding-bottom: 30px;
        }

@media (min-width: 480px) and (max-width: 767px) {
    .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product {
        display: inline-block;
    }

        .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product + .product {
            margin-left: 10px;
        }
}

@media screen and (max-width: 767px) {
    .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product {
        margin-top: 15px;
    }
}

.wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block {
    width: 100%;
    float: left;
}

.wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product .productpic {
    margin-bottom: 15px;
}

    .wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product .productpic img {
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

.wp.products .content .sidebar .accordions .panel-default .panel-collapse .panel-body .product:hover .productpic img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.wp.product .content {
    background-image: url("images/about/bg.png");
    background-size: cover;
    /*background-repeat: repeat;*/
    /*padding-top: 75px;*/
    min-height: 100vh;
    position: relative;
}

@media screen and (max-width: 767px) {
    .wp.product .content {
        padding-top: 60px;
    }
}

.wp.product .content .sidecontent {
    position: static;
}

/*20190811*/
@media screen and (max-width: 767px) {
    .wp.product .content .sidecontent {
        /*display: none;*/
    }
}

.wp.product .content .side {
    z-index: 1;
    width: 410px;
    display: inline-block;
    float: left;
    /*text-align: center;*/
    padding-bottom: 0;
    height: calc(100% - 70px);
    /*height: calc(100%);*/
    position: absolute;
    left: 0;
    top: 70px;
    -webkit-transition: margin-left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: margin-left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    transition: margin-left 0.5s ease-in-out, background-color 0.3s ease-in-out;
}

    .wp.product .content .side.toggleclose {
        /*margin-left: -350px;*/
        margin-left: -300px;
        overflow: hidden;
    }

        .wp.product .content .side.toggleclose .sidebar {
            background-color: rgba(100, 100, 100, 0.1);
        }

        .wp.product .content .side.toggleclose .sidebarbtn {
            background-color: rgba(100, 100, 100, 0.1);
        }

            .wp.product .content .side.toggleclose .sidebarbtn .opentoggle {
                background-color: transparent;
                /*top: 60px;*/
            }

                .wp.product .content .side.toggleclose .sidebarbtn .opentoggle:before {
                    content: "";
                    color: #d12630;
                    line-height: 40px;
                }

    .wp.product .content .side .sidebar {
        /*width: 350px;*/
        width: 300px;
        display: inline-block;
        float: left;
        height: 100%;
        overflow-y: auto;
        background-image: url("images/products/products-bg.jpg");
        -webkit-box-shadow: 5px 0px 15px #ccc;
        box-shadow: 5px 0px 15px #ccc;
        -webkit-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

        .wp.product .content .side .sidebar .mCSB_container {
            /*padding: 90px 35px;*/
            padding: 40px 10px;
        }

@media screen and (max-width: 767px) {
    .wp.product .content .side .sidebar .mCSB_container {
        padding: 30px;
    }
}

.wp.product .content .side .sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccc;
}

.wp.product .content .side .sidebar h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 60px;
}

.wp.product .content .side .sidebar .accordions .panel-default {
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .wp.product .content .side .sidebar .accordions .panel-default .panel-heading {
        background: none;
        padding: 0;
        line-height: 60px;
        border-top: 1px solid #aaa;
    }

        .wp.product .content .side .sidebar .accordions .panel-default .panel-heading a {
            display: block;
            color: #000;
            font-size: 20px;
            -webkit-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

            .wp.product .content .side .sidebar .accordions .panel-default .panel-heading a.collapsed {
                color: #999;
            }

                .wp.product .content .side .sidebar .accordions .panel-default .panel-heading a.collapsed:hover {
                    color: #555;
                }

    .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body {
        border: 0;
        padding: 0;
    }

        .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product {
            margin-top: 35px;
            padding-bottom: 30px;
        }

            .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block {
                width: 100%;
                float: left;
            }

                .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block .pic {
                    display: block;
                    float: left;
                    position: relative;
                    margin-bottom: 15px;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                    .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block .pic img:not(.sale) {
                        width: 100%;
                        max-width: 106px;
                        -webkit-transition: transform 0.3s ease-in-out;
                        -moz-transition: transform 0.3s ease-in-out;
                        -o-transition: transform 0.3s ease-in-out;
                        -webkit-transition: -webkit-transform 0.3s ease-in-out;
                        transition: -webkit-transform 0.3s ease-in-out;
                        transition: transform 0.3s ease-in-out;
                        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
                    }

                    .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block .pic img.sale {
                        display: none;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product .pic-block .pic.onsale img.sale {
                        display: block !important;
                    }

            .wp.product .content .side .sidebar .accordions .panel-default .panel-collapse .panel-body .product:hover .pic-block .pic img:not(.sale) {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

.wp.product .content .side .sidebarbtn {
    width: 60px;
    height: 100%;
    display: inline-block;
    float: left;
    position: relative;
    background-color: transparent;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .wp.product .content .side .sidebarbtn {
        background-color: #646464;
    }
}

.wp.product .content .side .sidebarbtn .opentoggle {
    width: 40px;
    height: 40px;
    border: 1px solid #d12630;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    top: 50vh;
    /*top: 5vh;*/
    left: 10px;
    background-color: #d12630;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: left 0.5s ease-in-out, background-color 0.3s ease-in-out;
    transition: left 0.5s ease-in-out, background-color 0.3s ease-in-out;
}

    .wp.product .content .side .sidebarbtn .opentoggle:hover {
        background-color: #d12630;
    }

        .wp.product .content .side .sidebarbtn .opentoggle:hover:before {
            color: #fff;
        }

    .wp.product .content .side .sidebarbtn .opentoggle:before {
        content: "";
        display: block;
        line-height: 40px;
        color: #fff;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

.wp.product .content .backlist {
    position: absolute;
    left: 15px;
    top: 80px;
    width: 50px;
    height: 50px;
    display: none;
    border-radius: 50%;
    z-index: 900;
    background-color: #d12630;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

    .wp.product .content .backlist:before {
        content: "";
        text-align: center;
        line-height: 50px;
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        -webkit-transition: margin-left 0.3s ease-in-out;
        -moz-transition: margin-left 0.3s ease-in-out;
        -o-transition: margin-left 0.3s ease-in-out;
        transition: margin-left 0.3s ease-in-out;
    }

    .wp.product .content .backlist:hover {
        background-color: inherit;
    }

        .wp.product .content .backlist:hover:before {
            color: #d12630;
            margin-left: -20px;
        }

@media screen and (max-width: 767px) {
    .wp.product .content .backlist {
        display: block;
    }
}

.wp.product .content .modal#addtocart .modal-content p {
    font-size: 24px;
}

.wp.product .content .modal .modal-dialog {
    width: 100%;
    max-width: 680px;
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

@media screen and (max-width: 767px) {
    .wp.product .content .modal .modal-dialog {
        margin: 0;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.wp.product .content .modal .modal-content {
    width: 100%;
    max-width: 680px;
    border: 8px solid #aaa;
    padding: 50px 100px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .modal .modal-content {
        padding: 15px 20px;
    }
}

.wp.product .content .modal .modal-content .close {
    position: absolute;
    right: -50px;
    top: -30px;
    color: white;
    font-size: 40px;
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .wp.product .content .modal .modal-content .close {
        right: -10px;
        top: -55px;
    }
}

.wp.product .content .modal .modal-content .bell {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    text-align: center;
}

    .wp.product .content .modal .modal-content .bell:before {
        content: "";
        display: inline-block;
        text-align: center;
        line-height: 75px;
        color: #888;
        font-weight: bold;
        font-size: 40px;
    }

.wp.product .content .modal .modal-content p.title {
    font-size: 30px;
    margin-bottom: 35px;
    padding-bottom: 0;
    text-align: center;
}

.wp.product .content .modal .modal-content p:not(.title) {
    padding-bottom: 0;
    margin-top: 0;
    text-align: center;
    line-height: 30px;
}

.wp.product .content .modal .modal-content .mail {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: #ddd;
    margin-top: 20px;
    margin-bottom: 35px;
}

.wp.product .content .modal .modal-content .btns {
    text-align: center;
    margin-top: 30px;
}

    .wp.product .content .modal .modal-content .btns .send {
        display: inline-block;
        width: 200px;
        height: 45px;
        border-radius: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        background-color: #333;
        border: 1px solid #333;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

        .wp.product .content .modal .modal-content .btns .send:hover {
            background-color: #000;
            border-color: #000;
            color: #fff;
        }

    .wp.product .content .modal .modal-content .btns .gocheck {
        display: inline-block;
        width: 200px;
        height: 45px;
        border-radius: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        background-color: #d12630;
        border: 1px solid #d12630;
        -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

        .wp.product .content .modal .modal-content .btns .gocheck:hover {
            background-color: #e60012;
            border-color: #e60012;
            color: #fff;
        }

.wp.product .content .productinfo .top {
    /*padding-top: 90px;*/
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top {
        padding-top: 80px;
    }
}

.wp.product .content .productinfo .top > div {
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .slider {
        margin-bottom: 60px;
    }
}

.wp.product .content .productinfo .top .slider .slick-slide .pic img {
    width: 100%;
    max-width: 328px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 479px) {
    .wp.product .content .productinfo .top .slider .slick-slide .pic img {
        max-width: 250px;
    }
}

.wp.product .content .productinfo .top .slider .slick-dots {
    bottom: -100px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .slider .slick-dots {
        bottom: -40px;
    }
}

.wp.product .content .productinfo .top .slider .slick-dots .slick-active button:before {
    color: #f00;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media screen and (min-width: 768px) {
    .wp.product .content .productinfo .top .intro {
        padding-left: 100px;
    }
}

.wp.product .content .productinfo .top .intro .title {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .title {
        margin-bottom: 20px;
    }
}

.wp.product .content .productinfo .top .intro .title h3 {
    font-size: 30px;
    display: inline-block;
    float: left;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .title h3 {
        text-align: center;
        display: block;
        float: none;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
}

.wp.product .content .productinfo .top .intro .title .temper {
    display: inline-block;
    float: left;
    color: #fff;
    margin-left: 20px;
    height: 35px;
    width: 105px;
    border-radius: 35px;
    line-height: 35px;
    text-align: center;
}

    .wp.product .content .productinfo .top .intro .title .temper.room {
        background-color: #ff9900;
    }

    .wp.product .content .productinfo .top .intro .title .temper.low {
        background-color: #00a0ea;
    }

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .title .temper {
        margin: 0;
        font-size: 14px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
    }
}

.wp.product .content .productinfo .top .intro .article {
    color: #888;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .article {
        margin-bottom: 15px;
    }
}

.wp.product .content .productinfo .top .intro .weight {
    color: #333;
    font-size: 15px;
    margin-bottom: 35px;
}

    .wp.product .content .productinfo .top .intro .weight .price {
        color: #d12630;
        font-size: 26px;
        margin-left: 10px;
    }

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .weight {
        text-align: center;
    }
}

.wp.product .content .productinfo .top .intro .offer tr {
    border: 1px solid #e3dbca;
}

    .wp.product .content .productinfo .top .intro .offer tr th {
        background-color: #e3dbca;
        color: #805500;
        line-height: 25px;
        padding: 10px;
    }

    .wp.product .content .productinfo .top .intro .offer tr td {
        color: #888;
        padding: 10px 15px;
    }

        .wp.product .content .productinfo .top .intro .offer tr td .price {
            color: #d12630;
            line-height: 25px;
        }

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .offer {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
    }
}

.wp.product .content .productinfo .top .intro .amount {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: inherit;
    margin-right: inherit;
    width: auto;
}

    .wp.product .content .productinfo .top .intro .amount .wan-spinner {
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .amount {
        margin: 20px auto;
        width: 150px;
    }
}

.wp.product .content .productinfo .top .intro .btns {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .btns {
        display: none;
    }
}

.wp.product .content .productinfo .top .intro .btns button {
    width: 170px;
    height: 50px;
    display: inline-block;
    float: left;
    border-radius: 50px;
    border: 1px solid #d12630;
    color: #fff;
    cursor: pointer;
}

    .wp.product .content .productinfo .top .intro .btns button.buy {
        background-color: #d12630;
        -webkit-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

        .wp.product .content .productinfo .top .intro .btns button.buy:hover {
            background-color: #e60012;
        }

/*#20181126*/
.btns .addToBuy {
    background-color: #d12630;
    color: #fff;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    width: 170px;
    height: 50px;
    display: inline-block;
    float: left;
    padding: 0;
    text-shadow: none;
    line-height: 50px;
    border-radius: 50px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
}

    /*#20181126*/
    .btns .addToBuy:hover {
        background-color: #e60012;
        color: yellow;
    }

.wp.product .content .productinfo .top .intro .btns .tocart {
    background-color: #ccc;
    color: #000;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    width: 170px;
    height: 50px;
    display: inline-block;
    float: left;
    padding: 0;
    text-shadow: none;
    line-height: 50px;
    border-radius: 50px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
}

@media screen and (min-width: 321px) {
    .wp.product .content .productinfo .top .intro .btns .tocart {
        margin-left: 15px;
    }
}

.wp.product .content .productinfo .top .intro .btns .tocart:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.wp.product .content .productinfo .top .intro .btns .notice {
    width: 170px;
    height: 50px;
    display: inline-block;
    float: left;
    border-radius: 50px;
    border: 1px solid #d12630;
    cursor: pointer;
    line-height: 50px;
    padding: 0;
    color: #d12630;
    font-size: 16px;
    background-color: transparent;
    text-shadow: none;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

    .wp.product .content .productinfo .top .intro .btns .notice:hover {
        background-color: #d12630;
        color: #fff;
    }

@media screen and (min-width: 321px) {
    .wp.product .content .productinfo .top .intro .btns .notice {
        margin-left: 15px;
    }
}

.wp.product .content .productinfo .top .intro .shares {
    text-align: center;
}

    .wp.product .content .productinfo .top .intro .shares .share {
        height: 30px;
        position: relative;
        display: inline-block;
        float: left;
    }

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .shares .share {
        float: none;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px;
    }

        .wp.product .content .productinfo .top .intro .shares .share a {
            float: none;
        }
}

@media screen and (max-width: 399px) {
    .wp.product .content .productinfo .top .intro .shares .share {
        display: block;
    }
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_svg {
    display: none;
}

.wp.product .content .productinfo .top .intro .shares .share a {
    display: inline-block;
    -webkit-transition: margin-top 0.3s ease-in-out;
    -moz-transition: margin-top 0.3s ease-in-out;
    -o-transition: margin-top 0.3s ease-in-out;
    transition: margin-top 0.3s ease-in-out;
}

    .wp.product .content .productinfo .top .intro .shares .share a:first-child {
        line-height: normal;
        line-height: 30px;
    }

    .wp.product .content .productinfo .top .intro .shares .share a:before {
        font-size: 26px;
        color: #aaa;
        line-height: 30px;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .wp.product .content .productinfo .top .intro .shares .share a:hover:before {
        color: #aaa;
    }

    .wp.product .content .productinfo .top .intro .shares .share a + a {
        margin-left: 10px;
    }

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_facebook:before {
    content: "";
    color: #3b5997;
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_facebook:hover {
    margin-top: -10px;
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_twitter:before {
    content: "";
    color: #42c8f4;
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_twitter:hover {
    margin-top: -10px;
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_google_plus:before {
    content: "";
    color: #cc0000;
}

.wp.product .content .productinfo .top .intro .shares .share .a2a_button_google_plus:hover {
    margin-top: -10px;
}

.wp.product .content .productinfo .top .intro .shares .favorite {
    display: inline-block;
    float: left;
    margin-left: 30px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .top .intro .shares .favorite {
        float: none;
        margin-left: 20px;
        text-align: center;
    }
}

@media screen and (max-width: 399px) {
    .wp.product .content .productinfo .top .intro .shares .favorite {
        display: block;
    }
}

.wp.product .content .productinfo .top .intro .shares .favorite p a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #aaa;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

    .wp.product .content .productinfo .top .intro .shares .favorite p a:after {
        content: "";
        display: inline-block;
        line-height: 30px;
        color: #fff;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

    .wp.product .content .productinfo .top .intro .shares .favorite p a:hover, .wp.product .content .productinfo .top .intro .shares .favorite p a.active {
        background-color: #d12630;
    }

        .wp.product .content .productinfo .top .intro .shares .favorite p a:hover:after, .wp.product .content .productinfo .top .intro .shares .favorite p a.active:after {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

.wp.product .content .productinfo .bottom {
    /*margin-top: 70px;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom {
        margin-top: 30px;
        margin-bottom: 65px;
    }
}

.wp.product .content .productinfo .bottom .nav-tabs {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .nav-tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.wp.product .content .productinfo .bottom .nav-tabs li {
    position: relative;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .nav-tabs li {
        width: 25%;
    }
}

.wp.product .content .productinfo .bottom .nav-tabs li a {
    border: 0;
    padding: 20px 15px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .nav-tabs li a {
        text-align: center;
        padding: 15px 0;
    }
}

.wp.product .content .productinfo .bottom .nav-tabs li.active a {
    background: none;
    border: 0;
}

.wp.product .content .productinfo .bottom .nav-tabs li a:hover, .wp.product .content .productinfo .bottom .nav-tabs li a:focus {
    background: none;
    border: 0;
}

.wp.product .content .productinfo .bottom .nav-tabs li:before {
    content: "";
    width: 0%;
    height: 3px;
    background-color: #d12630;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.wp.product .content .productinfo .bottom .nav-tabs li:hover:before, .wp.product .content .productinfo .bottom .nav-tabs li.active:before {
    width: 100%;
}

.wp.product .content .productinfo .bottom .tab-content {
    min-height: 250px;
    overflow-y: auto;
    padding-bottom: 20px;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .tab-content {
        margin-top: 30px;
    }
}

.wp.product .content .productinfo .bottom .tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
    word-break: break-all;
    padding: 0 15px;
}

.wp.product .content .productinfo .bottom .tab-content > .active {
    height: auto;
}

.wp.product .content .productinfo .bottom .tab-content .nutrient-table {
    text-align-last: center;
    margin-left: auto;
    margin-right: auto;
}

    .wp.product .content .productinfo .bottom .tab-content .nutrient-table tr + tr {
        border-top: 1px solid #fff;
    }

    .wp.product .content .productinfo .bottom .tab-content .nutrient-table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wp.product .content .productinfo .bottom .tab-content .nutrient-table tr {
        width: 25%;
        position: relative;
    }

@media screen and (max-width: 991px) {
    .wp.product .content .productinfo .bottom .tab-content .nutrient-table tr {
        width: 33.33333%;
    }
}

@media screen and (max-width: 479px) {
    .wp.product .content .productinfo .bottom .tab-content .nutrient-table tr {
        width: 50%;
    }
}

.wp.product .content .productinfo .bottom .tab-content .nutrient-table td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    width: 50%;
    height: 100%;
    float: left;
    vertical-align: middle;
    text-align: center;
}

    .wp.product .content .productinfo .bottom .tab-content .nutrient-table td:first-child {
        background-color: #ddd;
    }

    .wp.product .content .productinfo .bottom .tab-content .nutrient-table td:last-child {
        background-color: #f1f1f1;
    }

.wp.product .content .productinfo .bottom .tab-content .cookway p {
    line-height: 30px;
}

    .wp.product .content .productinfo .bottom .tab-content .cookway p.title {
        font-size: 18px;
        font-weight: bold;
    }

.wp.product .content .productinfo .bottom .tab-content .shop ul {
    list-style-type: disc;
    padding-left: 20px;
}

    .wp.product .content .productinfo .bottom .tab-content .shop ul li {
        line-height: 30px;
    }

.wp.product .content .productinfo .bottom .tab-content .table {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .wp.product .content .productinfo .bottom .tab-content .table .tr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-bottom: 1px solid #fff;
    }
}

.wp.product .content .productinfo .bottom .tab-content .table .tr .td {
    padding: 20px;
    line-height: 25px;
}

@media screen and (min-width: 768px) {
    .wp.product .content .productinfo .bottom .tab-content .table .tr .td {
        display: inline-block;
    }
}

.wp.product .content .productinfo .bottom .tab-content .table .tr .td.head {
    width: 140px;
    background-color: #ddd;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .tab-content .table .tr .td.head {
        width: 100%;
        padding: 15px 20px;
    }
}

.wp.product .content .productinfo .bottom .tab-content .table .tr .td:not(.head) {
    width: calc(100% - 150px);
    background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
    .wp.product .content .productinfo .bottom .tab-content .table .tr .td:not(.head) {
        width: 100%;
    }
}

.wp.product .content .productinfo .bottom .tab-content .slider {
    padding: 0 50px;
}

    .wp.product .content .productinfo .bottom .tab-content .slider .slick-slide .picbox {
        text-align: center;
    }

        .wp.product .content .productinfo .bottom .tab-content .slider .slick-slide .picbox .productpic {
            max-width: inherit;
            height: 140px;
            margin-bottom: 35px;
            padding-top: 15px;
        }

            .wp.product .content .productinfo .bottom .tab-content .slider .slick-slide .picbox .productpic .pic {
                display: inline-block;
                position: relative;
                padding: 0 15px;
                -webkit-transition: transform 0.3s ease-in-out;
                -moz-transition: transform 0.3s ease-in-out;
                -o-transition: transform 0.3s ease-in-out;
                -webkit-transition: -webkit-transform 0.3s ease-in-out;
                transition: -webkit-transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            }

    .wp.product .content .productinfo .bottom .tab-content .slider .slick-slide:hover .picbox .productpic .pic {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow {
        width: 50px;
        height: 50px;
        background-color: #ccc;
        z-index: 0;
        border-radius: 50%;
        -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }

        .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow:hover {
            background-color: #d12630;
        }

        .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-prev {
            left: 0;
            -webkit-transition: left 0.3s ease-in-out;
            -moz-transition: left 0.3s ease-in-out;
            -o-transition: left 0.3s ease-in-out;
            transition: left 0.3s ease-in-out;
        }

            .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-prev:before {
                content: "";
            }

@media screen and (min-width: 768px) {
    .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-prev:hover {
        left: -10px;
    }
}

.wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-next {
    right: 0;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

    .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (min-width: 768px) {
    .wp.product .content .productinfo .bottom .tab-content .slider button.slick-arrow.slick-next:hover {
        right: -10px;
    }
}

.wp.product .content .productinfo .mobile-footer {
    float: left;
    width: 100%;
    z-index: 990;
    position: fixed;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media screen and (min-width: 992px) {
    .wp.product .content .productinfo .mobile-footer {
        display: none;
    }
}

.wp.product .content .productinfo .mobile-footer.lock {
    position: static;
}

.wp.product .content .productinfo .mobile-footer.fix {
    position: fixed;
    left: 0;
    bottom: 0;
}

.wp.product .content .productinfo .mobile-footer .links {
    display: inline-block;
    height: 55px;
    background-color: #ac010f;
    width: calc((100% - 70px) / 3);
    float: left;
    text-align: center;
    line-height: 55px;
    border-top: 2px solid #a0000c;
    border-left: 2px solid #a0000c;
    border-right: 1px solid #c1414b;
    border-bottom: 2px solid #ac010f;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

    .wp.product .content .productinfo .mobile-footer .links a {
        color: #fff;
        display: block;
        cursor: pointer;
        text-align: center;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .wp.product .content .productinfo .mobile-footer .links.unclick a {
        text-decoration: line-through;
    }

    .wp.product .content .productinfo .mobile-footer .links.cart .cartnumbox {
        display: inline-block;
        position: relative;
        width: 20px;
    }

        .wp.product .content .productinfo .mobile-footer .links.cart .cartnumbox .listnum {
            z-index: 1;
            position: relative;
            color: #000;
        }

        .wp.product .content .productinfo .mobile-footer .links.cart .cartnumbox .circle:before {
            background-color: #DEAF2E;
            content: "";
            width: 20px;
            height: 20px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 50%;
        }

    .wp.product .content .productinfo .mobile-footer .links.backtop {
        width: 70px;
        cursor: pointer;
    }

        .wp.product .content .productinfo .mobile-footer .links.backtop:before {
            content: "";
            font-size: 40px;
            text-align: center;
            line-height: 55px;
            color: #fff;
            -webkit-transition: color 0.3s ease-in-out, margin-top 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out, margin-top 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out, margin-top 0.3s ease-in-out;
            transition: color 0.3s ease-in-out, margin-top 0.3s ease-in-out;
        }

.wp.product .footer .mobile-social {
    display: none;
}

.wp.product .footer .backtop {
    display: none;
}

@media screen and (max-width: 991px) {
    .wp.product .footer .copyright {
        padding-bottom: 55px;
    }
}

.wp.login .content .bg .jqimgFill {
    height: 100vh;
}

@media screen and (max-width: 767px) {
    .wp.login .content .bg .jqimgFill {
        height: 260px;
    }
}

.wp.login .content .inside {
    width: 100%;
    max-width: 1000px;
}

@media screen and (min-width: 768px) {
    .wp.login .content .inside {
        height: 580px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 767px) {
    .wp.login .content .inside {
        height: auto;
    }
}

.wp.login .content .inside .member {
    height: 100%;
    background-color: #FFF;
    padding: 110px 90px;
}

@media screen and (max-width: 991px) {
    .wp.login .content .inside .member {
        padding: 60px;
    }
}

@media screen and (max-width: 767px) {
    .wp.login .content .inside .member {
        padding: 30px;
    }
}

.wp.login .content .inside .member h3 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
}

.wp.login .content .inside .member form .mail, .wp.login .content .inside .member form .pwd {
    border-bottom: 1px solid #000;
}

    .wp.login .content .inside .member form .mail label, .wp.login .content .inside .member form .pwd label {
        width: 80px;
        line-height: 60px;
    }

    .wp.login .content .inside .member form .mail input, .wp.login .content .inside .member form .pwd input {
        border: 0;
        width: calc(100% - 90px);
        line-height: 60px;
    }

.wp.login .content .inside .member form .code {
    border-bottom: 1px solid #000;
}

    .wp.login .content .inside .member form .code label {
        width: 80px;
        line-height: 60px;
    }

    .wp.login .content .inside .member form .code input {
        width: calc(100% - 180px);
        line-height: 60px;
        border: 0;
    }

    .wp.login .content .inside .member form .code .pic {
        position: relative;
        display: inline-block;
        float: right;
        width: 80px;
        height: 60px;
    }

        .wp.login .content .inside .member form .code .pic img {
            width: 100%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.wp.login .content .inside .member form .btns {
    margin-top: 30px;
}

    .wp.login .content .inside .member form .btns > div:first-child {
        padding-left: 5px;
        padding-right: 10px;
    }

    .wp.login .content .inside .member form .btns > div:last-child {
        padding-left: 10px;
        padding-right: 5px;
    }

@media screen and (max-width: 479px) {
    .wp.login .content .inside .member form .btns > div {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.wp.login .content .inside .member form .btns button[type="submit"] {
    width: 100%;
    height: 50px;
    border-radius: 30px;
    color: #fff;
    background-color: #d12630;
    border: 1px solid #d12630;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

    .wp.login .content .inside .member form .btns button[type="submit"]:hover {
        background-color: #e60012;
        border-color: #e60012;
    }

.wp.login .content .inside .member form .btns a {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #333;
    color: #fff;
    background-color: #333;
    text-align: center;
    line-height: 50px;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
    .wp.login .content .inside .member form .btns a {
        margin-top: 10px;
    }
}

.wp.login .content .inside .member form .btns a:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.wp.login .content .inside .member .bottom {
    margin-top: 30px;
}

    .wp.login .content .inside .member .bottom ul {
        text-align: center;
    }

        .wp.login .content .inside .member .bottom ul li {
            display: inline-block;
            float: none;
        }

            .wp.login .content .inside .member .bottom ul li + li:before {
                content: "|";
                padding-left: 10px;
                padding-right: 10px;
                color: #888;
            }

            .wp.login .content .inside .member .bottom ul li a {
                color: #888;
                -webkit-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
            }

                .wp.login .content .inside .member .bottom ul li a:hover {
                    color: #d12630;
                    text-decoration: underline;
                    background-color: rgba(255, 255, 255, 0);
                }

@media screen and (max-width: 370px) {
    .wp.login .content .inside .member .bottom ul li {
        display: block;
        line-height: 25px;
    }

        .wp.login .content .inside .member .bottom ul li + li {
            margin-left: 10px;
        }

            .wp.login .content .inside .member .bottom ul li + li:before {
                content: "";
                padding: 0;
            }
}

.wp.login .content .inside .join .bg .jqimgFill {
    height: 580px;
}

.wp.login .content .inside .join .article {
    padding: 90px 90px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .wp.login .content .inside .join .article {
        padding: 60px;
    }
}

@media screen and (max-width: 767px) {
    .wp.login .content .inside .join .article {
        padding: 30px;
    }
}

.wp.login .content .inside .join .article h3 {
    color: #fff;
    border: 1px solid #fff;
    width: 200px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    margin-bottom: 25px;
}

.wp.login .content .inside .join .article p {
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.wp.login .content .inside .join .article .btns a {
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    color: #fff;
    text-align: center;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.wp.login .content .inside .join .article .btns .register {
    margin-top: 20px;
    background-color: #362e2b;
}

    .wp.login .content .inside .join .article .btns .register:hover {
        color: #fff;
        background-color: #684d42;
    }

.wp.login .content .inside .join .article .btns .fblogin {
    background-color: #3b5998;
    margin-top: 10px;
}

    .wp.login .content .inside .join .article .btns .fblogin:hover {
        color: #fff;
        background-color: #5777bb;
    }

.wp.login .content .inside .join .article .bottom {
    margin-top: 30px;
}

    .wp.login .content .inside .join .article .bottom ul {
        text-align: center;
    }

        .wp.login .content .inside .join .article .bottom ul li {
            display: inline-block;
            float: none;
        }

            .wp.login .content .inside .join .article .bottom ul li + li:before {
                content: "|";
                padding-left: 10px;
                padding-right: 10px;
                color: #fff;
            }

            .wp.login .content .inside .join .article .bottom ul li a {
                color: #fff;
                text-shadow: 0 0 5px #aaa;
                -webkit-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
                transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
            }

                .wp.login .content .inside .join .article .bottom ul li a:hover {
                    color: #d12630;
                    text-decoration: underline;
                    background-color: rgba(255, 255, 255, 0);
                    text-shadow: none;
                }

@media screen and (max-width: 479px) {
    .wp.login .content .inside .join .article .bottom ul li {
        line-height: 25px;
    }

        .wp.login .content .inside .join .article .bottom ul li + li {
            margin-left: 10px;
        }

            .wp.login .content .inside .join .article .bottom ul li + li:before {
                content: "";
                padding: 0;
            }
}

.wp.privacy .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
}

    .wp.privacy .content .article {
        width: 100%;
        max-width: 1100px;
        margin-top: 55px;
        margin-bottom: 90px;
        padding: 90px 60px;
        background-color: #FFF;
        -webkit-box-shadow: 0 0 15px #ddd;
        box-shadow: 0 0 15px #ddd;
    }

@media screen and (max-width: 767px) {
    .wp.privacy .content .article {
        padding: 30px 15px;
        margin-top: 0;
        margin-bottom: 10px;
    }
}

.wp.privacy .content .article h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

    .wp.privacy .content .article h4:before {
        content: "";
        width: 4px;
        height: 22px;
        display: inline-block;
        float: left;
        background-color: #f00;
        margin-right: 10px;
    }

.wp.privacy .content .article p {
    line-height: 30px;
}

    .wp.privacy .content .article p + h4 {
        margin-top: 50px;
    }

.wp.tips .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
}

    .wp.tips .content .article {
        width: 100%;
        max-width: 1100px;
        margin-top: 55px;
        margin-bottom: 90px;
        padding: 90px 60px;
        background-color: #FFF;
        -webkit-box-shadow: 0 0 15px #ddd;
        box-shadow: 0 0 15px #ddd;
    }

@media screen and (max-width: 767px) {
    .wp.tips .content .article {
        padding: 30px 15px;
        margin-top: 0;
        margin-bottom: 10px;
    }
}

.wp.tips .content .article h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

    .wp.tips .content .article h4:before {
        content: "";
        width: 4px;
        height: 22px;
        display: inline-block;
        float: left;
        background-color: #f00;
        margin-right: 10px;
    }

.wp.tips .content .article ul {
    list-style-type: decimal;
    padding-left: 20px;
}

    .wp.tips .content .article ul li {
        line-height: 30px;
        font-size: 16px;
    }

.wp.tips .content .article p {
    line-height: 30px;
}

    .wp.tips .content .article p + h4 {
        margin-top: 50px;
    }

.wp.tips .content .article .notice {
    color: #d00;
    font-weight: bold;
}

.wp.member-public .content {
    position: relative;
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
    min-height: calc(100vh - 416px);
}

    .wp.member-public .content .bg-pic {
        position: absolute;
        top: 120px;
    }

@media screen and (max-width: 1360px) {
    .wp.member-public .content .bg-pic {
        opacity: 0.3;
    }
}

.wp.member-public .content .bg-pic.left {
    left: 0;
}

@media screen and (max-width: 1199px) {
    .wp.member-public .content .bg-pic.left {
        left: -110px;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .bg-pic.left {
        display: none;
    }
}

.wp.member-public .content .bg-pic.right {
    right: 0;
}

@media screen and (max-width: 1199px) {
    .wp.member-public .content .bg-pic.right {
        right: -133px;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .bg-pic.right {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .sub-navbar {
        min-height: 50px;
    }
}

.wp.member-public .content .sub-navbar ul {
    text-align: center;
}

    .wp.member-public .content .sub-navbar ul:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 30px;
        display: none;
    }

    .wp.member-public .content .sub-navbar ul.open:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 30px;
        display: none;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .wp.member-public .content .sub-navbar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .sub-navbar ul {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        z-index: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .wp.member-public .content .sub-navbar ul:after {
            display: inline-block;
        }

        .wp.member-public .content .sub-navbar ul.open {
            padding-bottom: 15px;
            background-color: rgba(255, 255, 255, 0.8);
            z-index: 500;
            position: relative;
        }

            .wp.member-public .content .sub-navbar ul.open:after {
                display: inline-block;
            }

            .wp.member-public .content .sub-navbar ul.open li {
                height: 50px;
            }

                .wp.member-public .content .sub-navbar ul.open li a {
                    display: inline;
                }
}

.wp.member-public .content .sub-navbar ul li {
    position: relative;
    display: inline-block;
    line-height: 70px;
    margin: auto 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .wp.member-public .content .sub-navbar ul li {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .sub-navbar ul li {
        line-height: 50px;
        text-align: left;
        padding-left: 30px;
        margin: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: 0;
        -webkit-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
        background-color: rgba(255, 255, 255, 0.8);
    }

        .wp.member-public .content .sub-navbar ul li a {
            display: none;
        }

        .wp.member-public .content .sub-navbar ul li.active {
            height: 50px;
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }

            .wp.member-public .content .sub-navbar ul li.active a {
                color: #000;
                font-size: 20px;
                display: inline;
            }
}

.wp.member-public .content .sub-navbar ul li a {
    position: relative;
    padding-left: 40px;
    padding-right: 5px;
    font-size: 16px;
    color: #888;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

    .wp.member-public .content .sub-navbar ul li a:before {
        left: 0;
        top: 0;
        display: inline-block;
        float: left;
        font-size: 30px;
        padding-right: 10px;
        color: #888;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

.wp.member-public .content .sub-navbar ul li.cart a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li.ordered a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li.maintain a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li.pwd a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li.favorite a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li.logout a:before {
    content: "";
    position: absolute;
}

.wp.member-public .content .sub-navbar ul li:after {
    width: 0;
    height: 4px;
    background-color: #f00;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}

.wp.member-public .content .sub-navbar ul li.active a {
    color: #555;
}

    .wp.member-public .content .sub-navbar ul li.active a:before {
        color: #555;
    }

@media screen and (min-width: 768px) {
    .wp.member-public .content .sub-navbar ul li.active:after {
        width: 100%;
    }
}

.wp.member-public .content .sub-navbar ul li:hover:before {
    color: #333;
}

.wp.member-public .content .sub-navbar ul li:hover a {
    color: #333;
}

.wp.member-public .content .container {
    width: 100%;
    text-align: center;
    max-width: 630px;
    position: relative;
    /*padding-top: 100px;*/
    padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container {
        padding-top: 120px;
        padding-bottom: 30px;
    }
}

.wp.member-public .content .container .status {
    position: relative;
    width: 100%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .wp.member-public .content .container .status .step {
        position: relative;
        display: inline-block;
    }

        .wp.member-public .content .container .status .step p {
            line-height: 25px;
        }

        .wp.member-public .content .container .status .step + .step {
            padding-left: calc((100% - 240px) / 3);
        }

            .wp.member-public .content .container .status .step + .step:before {
                content: "";
                left: calc((100% - 240px) / -2);
                position: absolute;
                font-size: 40px;
                color: #aaa;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

@media screen and (max-width: 560px) {
    .wp.member-public .content .container .status .step + .step:before {
        display: none;
    }
}

.wp.member-public .content .container .status .icons {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 50%;
    background-color: #ddd;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

    .wp.member-public .content .container .status .icons:before {
        font-size: 40px;
        color: #666;
        line-height: 80px !important;
    }

.wp.member-public .content .container .status .active .icons {
    background-color: #d12630;
}

    .wp.member-public .content .container .status .active .icons:before {
        color: #fff;
    }

.wp.member-public .content .container .status .lists .icons:before {
    content: "";
}

.wp.member-public .content .container .status .ship .icons:before {
    content: "";
}

.wp.member-public .content .container .status .finish .icons:before {
    content: "";
}

.wp.member-public .content .container .notice {
    color: #d2313c;
    font-weight: bold;
}

.wp.member-public .content .container .ordernum {
    text-align: left;
    margin-bottom: 40px;
}

    .wp.member-public .content .container .ordernum .serial-num, .wp.member-public .content .container .ordernum .time {
        display: inline-block;
    }

@media screen and (max-width: 479px) {
    .wp.member-public .content .container .ordernum {
        margin-bottom: 20px;
    }

        .wp.member-public .content .container .ordernum .time {
            margin-top: 10px;
        }
}

.wp.member-public .content .container .total {
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

    .wp.member-public .content .container .total p {
        text-align: right;
        line-height: 40px;
    }

    .wp.member-public .content .container .total .price {
        display: inline-block;
        width: 145px;
    }

@media screen and (max-width: 479px) {
    .wp.member-public .content .container .total .price {
        width: 100px;
    }
}

.wp.member-public .content .container .total .notice.price {
    font-size: 20px;
}

.wp.member-public .content .container h3 {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container h3 {
        padding-bottom: 15px;
    }
}

.wp.member-public .content .container h4 {
    font-size: 24px;
}

.wp.member-public .content .container > p {
    line-height: 30px;
    padding-bottom: 30px;
}

.wp.member-public .content .container table {
    border-bottom: 1px solid #000;
}

@media screen and (min-width: 768px) {
    .wp.member-public .content .container table tr:hover td {
        background-color: rgba(241, 238, 221, 0.6);
    }
}

.wp.member-public .content .container table tr .alignleft {
    text-align: left;
}

.wp.member-public .content .container table tr th {
    text-align: center;
    font-weight: bold;
    border-top: 0;
    border-bottom: 3px solid #000;
    color: #000;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 479px) {
    .wp.member-public .content .container table tr th {
        font-size: 14px;
    }
}

.wp.member-public .content .container table tr td {
    /*text-align: center;*/
    vertical-align: middle;
    font-size: 16px;
    border: 0;
    border-top: 1px solid #ccc;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

    .wp.member-public .content .container table tr td.pdname p, .wp.member-public .content .container table tr td.pdname a {
        font-size: 18px;
    }

    .wp.member-public .content .container table tr td.pdname .offer {
        font-size: 16px;
    }

    .wp.member-public .content .container table tr td p, .wp.member-public .content .container table tr td a {
        font-size: 16px;
    }

    .wp.member-public .content .container table tr td a {
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

        .wp.member-public .content .container table tr td a:hover {
            color: #d12630;
        }

.wp.member-public .content .container .w100, .wp.member-public .content .container .w50 {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #000;
}

    .wp.member-public .content .container .w100 label, .wp.member-public .content .container .w50 label {
        width: 90px;
        text-align: left;
        line-height: 60px;
        font-size: 16px;
    }

        .wp.member-public .content .container .w100 label span, .wp.member-public .content .container .w50 label span {
            color: #d12630;
        }

    .wp.member-public .content .container .w100 input[type="text"], .wp.member-public .content .container .w100 input[type="password"], .wp.member-public .content .container .w50 input[type="text"], .wp.member-public .content .container .w50 input[type="password"] {
        width: calc(100% - 100px);
        line-height: 60px;
        border: 0;
        background: none;
    }

.wp.member-public .content .container .w50 {
    width: calc(49% - 25px);
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .wp.member-public .content .container .w50.right {
        float: right;
    }
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container .w50 {
        width: 100%;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .wp.member-public .content .container .w50.name {
        margin-right: 25px;
    }

    .wp.member-public .content .container .w50.sex {
        margin-left: 25px;
    }
}

.wp.member-public .content .container input[type="date"] {
    line-height: 60px;
    border: 0;
    background: none;
}

.wp.member-public .content .container input[type="radio"] {
    font-size: 16px;
    margin: 10px;
    margin-right: 2px;
}

.wp.member-public .content .container .addr label {
    width: 85px;
    text-align: left;
    line-height: 60px;
    font-size: 16px;
}

    .wp.member-public .content .container .addr label span {
        color: #d12630;
    }

.wp.member-public .content .container .addr .dropkick {
    width: calc((100% - 140px) / 3);
    margin-right: 16px;
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container .addr .dropkick {
        width: calc((100% - 110px) / 2);
    }
}

@media screen and (max-width: 479px) {
    .wp.member-public .content .container .addr .dropkick {
        width: calc(100% - 95px);
    }

        .wp.member-public .content .container .addr .dropkick.town {
            margin-left: 90px;
        }
}

.wp.member-public .content .container .addr .dropkick .dk-selected {
    line-height: 60px;
}

.wp.member-public .content .container .addr input[type="text"] {
    border: 0;
    border-bottom: 1px solid #000;
    line-height: 60px;
    height: 60px;
    background: none;
}

.wp.member-public .content .container .addr .postal {
    width: calc((100% - 110px) / 3);
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container .addr .postal {
        width: 100px;
        margin-left: 90px;
    }
}

@media screen and (max-width: 479px) {
    .wp.member-public .content .container .addr .postal {
        width: calc(100% - 95px);
    }
}

.wp.member-public .content .container .addr .address {
    margin-left: 90px;
    width: calc(100% - 95px);
}

@media (min-width: 480px) and (max-width: 767px) {
    .wp.member-public .content .container .addr .address {
        display: inline-block;
        margin-left: 10px;
        width: calc(100% - 210px);
    }
}

@media screen and (max-width: 479px) {
    .wp.member-public .content .container .addr .dropkick {
        width: 100%;
        margin-left: 0 !important;
    }

    .wp.member-public .content .container .addr .postal, .wp.member-public .content .container .addr .address {
        width: 100%;
        margin-left: 0;
    }
}

.wp.member-public .content .container .code {
    border-bottom: 1px solid #000;
}

    .wp.member-public .content .container .code label {
        width: 80px;
        line-height: 60px;
        text-align: left;
        font-size: 16px;
    }

        .wp.member-public .content .container .code label span {
            color: #d12630;
        }

    .wp.member-public .content .container .code input {
        width: calc(100% - 180px);
        background: none;
        line-height: 60px;
        border: 0;
    }

    .wp.member-public .content .container .code .pic {
        position: relative;
        display: inline-block;
        float: right;
        width: 80px;
        height: 60px;
    }

        .wp.member-public .content .container .code .pic img {
            width: 100%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.wp.member-public .content .container .temp {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .wp.member-public .content .container .temp.room {
        background-color: #ff9900;
    }

    .wp.member-public .content .container .temp.low {
        background-color: #00a0ea;
    }

.wp.member-public .content .container .btns {
    margin-top: 45px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
}

@media screen and (max-width: 767px) {
    .wp.member-public .content .container .btns {
        margin-top: 20px;
    }
}

@media screen and (max-width: 320px) {
    .wp.member-public .content .container .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
    }
}

.wp.member-public .content .container .btns button, .wp.member-public .content .container .btns a {
    display: inline-block;
    width: 200px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .wp.member-public .content .container .btns button + a, .wp.member-public .content .container .btns a + button, .wp.member-public .content .container .btns a + a, .wp.member-public .content .container .btns button + button {
        margin-left: 20px;
    }
}

@media screen and (min-width: 321px) {
    .wp.member-public .content .container .btns button + a, .wp.member-public .content .container .btns a + button, .wp.member-public .content .container .btns a + a, .wp.member-public .content .container .btns button + button {
        margin-left: 10px;
    }
}

@media screen and (max-width: 320px) {
    .wp.member-public .content .container .btns button + a, .wp.member-public .content .container .btns a + button, .wp.member-public .content .container .btns a + a, .wp.member-public .content .container .btns button + button {
        margin-top: 10px;
    }
}

.wp.member-public .content .container .btns .button-left {
    background-color: #d12630;
    border: 1px solid #d12630;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

    .wp.member-public .content .container .btns .button-left:hover {
        background-color: #e60012;
        border-color: #e60012;
        color: white;
    }

.wp.member-public .content .container .btns .button-right {
    background-color: #333;
    border: 1px solid #333;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

    .wp.member-public .content .container .btns .button-right:hover {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

.wp.member-public .content .inside {
    background-color: rgba(0, 0, 0, 0.04);
}

    .wp.member-public .content .inside .container {
        padding-top: 90px;
    }

@media screen and (max-width: 767px) {
    .wp.member-public .content .inside .container {
        padding-top: 30px;
    }
}

.wp.reactive .content .bg-pic.left {
    top: 40px;
}

.wp.terms .content .bg-pic.left {
    top: 50px;
}

.wp.terms .content .bg-pic.right {
    top: 550px;
}

@media screen and (max-width: 1400px) {
    .wp.terms .content .bg-pic img {
        opacity: 0.3;
    }
}

.wp.terms .content .container {
    text-align: left;
    max-width: 900px;
    padding-top: 180px;
}

@media screen and (max-width: 767px) {
    .wp.terms .content .container {
        padding-top: 90px;
    }
}

.wp.terms .content .container h3 {
    text-align: center;
}

.wp.terms .content .container p {
    margin-bottom: 0;
}

.wp.terms .content .container h4 {
    margin-bottom: 20px;
    margin-top: 30px;
}

    .wp.terms .content .container h4:before {
        content: "";
        width: 4px;
        height: 22px;
        display: inline-block;
        float: left;
        background-color: #f00;
        margin-right: 10px;
    }

.wp.terms .content .container ul.tradenotice {
    list-style-type: decimal;
    padding-left: 20px;
}

    .wp.terms .content .container ul.tradenotice li {
        line-height: 30px;
        font-size: 16px;
    }

.wp.terms .content .container .btns {
    text-align: center;
}

.wp.reset .content form .pwd {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #000;
}

    .wp.reset .content form .pwd label {
        width: 85px;
        text-align: left;
        line-height: 60px;
        font-size: 16px;
    }

        .wp.reset .content form .pwd label span {
            color: #d12630;
        }

    .wp.reset .content form .pwd input {
        width: calc(100% - 95px);
        line-height: 60px;
        border: 0;
        background: none;
    }

.wp.register .content .bg-pic.left {
    top: auto;
    bottom: 0;
}

@media screen and (min-width: 1920px) {
    .wp.register .content .bg-pic.left {
        left: 0;
    }
}

@media screen and (max-width: 1920px) {
    .wp.register .content .bg-pic.left {
        left: calc(100vw - 1920px);
    }
}

@media screen and (min-width: 1920px) {
    .wp.register .content .bg-pic.right {
        right: 0;
    }
}

@media screen and (max-width: 1920px) {
    .wp.register .content .bg-pic.right {
        right: calc(100vw - 1920px);
    }
}

.wp.register .content .container {
    max-width: 960px;
}

    .wp.register .content .container form {
        text-align: left;
    }

        .wp.register .content .container form h4 {
            margin-bottom: 20px;
        }

@media screen and (max-width: 767px) {
    .wp.register .content .container form h4 {
        text-align: center;
        margin-bottom: 5px;
    }
}

.wp.register .content .container form .personals {
    margin-top: 80px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .wp.register .content .container form .personals {
        margin-top: 30px;
    }
}

.wp.register .content .container form .readed {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    line-height: 25px;
}

    .wp.register .content .container form .readed input[type="checkbox"] {
        margin-right: 10px;
    }

    .wp.register .content .container form .readed a {
        color: #d12630;
        text-decoration: underline;
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

        .wp.register .content .container form .readed a:hover {
            color: #aaa;
        }

.wp.registed .content .bg-pic.left {
    top: 50px;
}

.wp.maintain .content .container {
    max-width: 930px;
}

    .wp.maintain .content .container form {
        text-align: left;
    }

        .wp.maintain .content .container form .infobox {
            position: relative;
            z-index: 1;
        }

        .wp.maintain .content .container form .identify {
            border: 0;
        }

            .wp.maintain .content .container form .identify .account {
                font-weight: bold;
                font-size: 16px;
                width: calc(100% - 100px);
            }

@media screen and (min-width: 768px) {
    .wp.ordered .content .inside h3 {
        margin-bottom: 60px;
    }
}

.wp.ordered .content .inside .container {
    max-width: 1200px;
    padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .container {
        padding-bottom: 30px;
    }
}

.wp.ordered .content .inside .sortbox {
    text-align: left;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox {
        text-align: center;
    }
}

.wp.ordered .content .inside .sortbox .filter {
    display: inline-block;
    margin-right: 20px;
}

    .wp.ordered .content .inside .sortbox .filter label {
        width: 80px;
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox .filter {
        margin-right: 0;
    }
}

.wp.ordered .content .inside .sortbox .sort {
    display: inline-block;
}

    .wp.ordered .content .inside .sortbox .sort label {
        display: inline-block;
        width: 80px;
    }

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox .sort {
        margin-top: 10px;
    }
}

.wp.ordered .content .inside .sortbox .search {
    display: inline-block;
    position: relative;
}

    .wp.ordered .content .inside .sortbox .search input[type="text"] {
        width: 265px;
        line-height: 42px;
        height: 42px;
        padding: 0 10px;
        border: 1px solid #ccc;
    }

@media screen and (max-width: 991px) {
    .wp.ordered .content .inside .sortbox .search input[type="text"] {
        width: 175px;
    }
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox .search input[type="text"] {
        display: block;
        width: 305px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 479px) {
    .wp.ordered .content .inside .sortbox .search input[type="text"] {
        width: 260px;
    }
}

.wp.ordered .content .inside .sortbox .search button[type="submit"] {
    display: inline-block;
}

    .wp.ordered .content .inside .sortbox .search button[type="submit"]:before {
        content: "";
        display: inline-block;
        line-height: 45px;
        font-size: 30px;
        position: absolute;
        top: 0;
        right: 10px;
    }

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox .search {
        display: block;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }

        .wp.ordered .content .inside .sortbox .search input[type="text"] {
            display: block;
            width: 100%;
        }
}

.wp.ordered .content .inside .sortbox .dropkick {
    width: auto;
}

    .wp.ordered .content .inside .sortbox .dropkick .dk-selected {
        background-color: #FFF;
        border: 1px solid #ccc;
        width: 225px;
        line-height: 45px;
        border: 1px solid #ccc;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .wp.ordered .content .inside .sortbox .dropkick .dk-selected {
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .sortbox .dropkick .dk-selected {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    .wp.ordered .content .inside .sortbox .dropkick .dk-selected {
        width: 180px;
    }
}

.wp.ordered .content .inside .sortbox .dropkick .dk-selected:after {
    border: 0;
    margin: 0;
}

.wp.ordered .content .inside .sortbox .dropkick .dk-select-options {
    text-align: left;
}

.wp.ordered .content .inside .orderlist {
    margin-top: 40px;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .orderlist {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.wp.ordered .content .inside .orderlist table td {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .orderlist table td {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.wp.ordered .content .inside .orderlist table td a {
    text-decoration: underline;
    background-color: rgba(255, 255, 255, 0);
    color: #d00;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

    .wp.ordered .content .inside .orderlist table td a:hover {
        color: #aaa;
    }

.wp.ordered .content .inside .orderlist table td div.btn {
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

    .wp.ordered .content .inside .orderlist table td div.btn p {
        padding: 0;
        color: #d00;
        text-decoration: underline;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .wp.ordered .content .inside .orderlist table td div.btn:hover p {
        color: #aaa;
    }

@media (min-width: 550px) and (max-width: 767px) {
    .wp.ordered .content .inside .orderlist table tr {
        display: inline-block;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .orderlist table {
        border-top: 4px solid #000;
    }

        .wp.ordered .content .inside .orderlist table thead {
            display: none;
        }

        .wp.ordered .content .inside .orderlist table tbody tr + tr {
            border-top: 1px solid #ccc;
        }

        .wp.ordered .content .inside .orderlist table tbody td {
            display: block;
            border: 0;
            font-size: 16px;
            text-align: left;
        }

            .wp.ordered .content .inside .orderlist table tbody td a {
                font-size: 16px;
            }

            .wp.ordered .content .inside .orderlist table tbody td.odnum {
                padding-top: 15px;
            }

                .wp.ordered .content .inside .orderlist table tbody td.odnum:before {
                    content: "訂單編號：";
                }

            .wp.ordered .content .inside .orderlist table tbody td.oddate:before {
                content: "訂購日期：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odnow:before {
                content: "訂單狀態：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odprice:before {
                content: "訂單金額：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odcancel:before {
                content: "訂單取消：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odsend:before {
                content: "預定出貨日：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odstate:before {
                content: "配送狀態：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odreturn:before {
                content: "退貨：";
            }

            .wp.ordered .content .inside .orderlist table tbody td.odask {
                padding-bottom: 15px;
            }

                .wp.ordered .content .inside .orderlist table tbody td.odask:before {
                    content: "客服問答：";
                }
}

.wp.ordered .content .inside .modal .modal-dialog {
    width: 100%;
    max-width: 680px;
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .modal .modal-dialog {
        margin: 0;
    }
}

.wp.ordered .content .inside .modal .modal-content {
    width: 100%;
    max-width: 680px;
    border: 8px solid #aaa;
    padding-left: 100px;
    padding-right: 100px;
}

@media screen and (max-width: 767px) {
    .wp.ordered .content .inside .modal .modal-content {
        padding: 0 20px;
    }
}

.wp.ordered .content .inside .modal .modal-content .bell {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 35px;
}

    .wp.ordered .content .inside .modal .modal-content .bell:before {
        content: "";
        display: inline-block;
        text-align: center;
        line-height: 75px;
        color: #888;
        font-weight: bold;
        font-size: 40px;
    }

.wp.ordered .content .inside .modal .modal-content p.title {
    font-size: 30px;
    margin-bottom: 35px;
    padding-bottom: 0;
}

.wp.ordered .content .inside .modal .modal-content p:not(.title) {
    padding-bottom: 0;
    margin-top: 0;
}

.wp.ordered .content .inside .modal .modal-content .btns {
    margin-bottom: 60px;
    margin-top: 85px;
}

.wp.cancel .content .container {
    padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
    .wp.cancel .content .container {
        padding-bottom: 30px;
    }
}

.wp.cancel .content .inside h3 {
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .wp.cancel .content .inside h3 {
        padding-bottom: 20px;
    }
}

.wp.cancel .content .inside form {
    text-align: left;
}

    .wp.cancel .content .inside form .dropkick {
        width: calc(100% - 130px);
    }

        .wp.cancel .content .inside form .dropkick .dk-selected {
            width: 100%;
            border-bottom: 0;
        }

    .wp.cancel .content .inside form .w100 label {
        width: 120px;
    }

    .wp.cancel .content .inside form .w100 input[type="text"] {
        width: calc(100% - 130px);
    }

    .wp.cancel .content .inside form .btns {
        margin-top: 110px;
    }

@media screen and (max-width: 767px) {
    .wp.cancel .content .inside form .btns {
        margin-top: 40px;
    }
}

.wp.favorite .content .container {
    max-width: 1200px;
}

.wp.favorite .content .inside form table {
    border-bottom: 1px solid #ccc;
}

    .wp.favorite .content .inside form table tr td.pic {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .wp.favorite .content .inside form table tr td.pic img {
            max-width: 80px;
        }

    .wp.favorite .content .inside form table tr td.addcart a {
        display: inline-block;
        cursor: pointer;
        padding: 20px;
    }

        .wp.favorite .content .inside form table tr td.addcart a:before {
            content: "";
            display: block;
            font-size: 25px;
            -webkit-transition: transform 0.3s ease-in-out;
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            font-weight: bold;
        }

        .wp.favorite .content .inside form table tr td.addcart a:hover:before {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

    .wp.favorite .content .inside form table tr td.delete a {
        display: inline-block;
        cursor: pointer;
        padding: 20px;
    }

        .wp.favorite .content .inside form table tr td.delete a:before {
            content: "";
            display: block;
            font-size: 25px;
            -webkit-transition: transform 0.3s ease-in-out;
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

        .wp.favorite .content .inside form table tr td.delete a:hover:before {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

    .wp.favorite .content .inside form table tr td span.temp {
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .wp.favorite .content .inside form table thead {
        display: none;
    }

    .wp.favorite .content .inside form table tbody tr {
        position: relative;
        text-align: left;
    }

        .wp.favorite .content .inside form table tbody tr + tr {
            border-top: 1px solid #ccc;
        }

        .wp.favorite .content .inside form table tbody tr td {
            border: 0;
        }

            .wp.favorite .content .inside form table tbody tr td a {
                font-size: 16px;
            }

            .wp.favorite .content .inside form table tbody tr td.pic {
                display: block;
                position: relative;
                padding: 0;
                width: 30%;
            }
}

@media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.pic {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.pic img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 100%;
        max-width: 130px;
        max-height: 160px;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.pic img {
        left: auto;
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.pdname, .wp.favorite .content .inside form table tbody tr td.pdstore, .wp.favorite .content .inside form table tbody tr td.price {
        display: block;
        text-align: left;
        padding-left: 40%;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.pdname, .wp.favorite .content .inside form table tbody tr td.pdstore, .wp.favorite .content .inside form table tbody tr td.price {
        padding-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .wp.favorite .content .inside form table tbody tr td.price:before {
        content: "單價：";
    }

    .wp.favorite .content .inside form table tbody tr td.addcart, .wp.favorite .content .inside form table tbody tr td.delete {
        text-align: left;
        display: inline-block;
    }

    .wp.favorite .content .inside form table tbody tr td.addcart {
        padding-left: 50%;
    }
}

@media screen and (max-width: 767px) and (max-width: 479px) {
    .wp.favorite .content .inside form table tbody tr td.addcart {
        padding-left: 40%;
    }
}

.wp.return .content .container {
    max-width: 1200px;
    text-align: left;
}

    .wp.return .content .container h3 {
        text-align: center;
    }

    .wp.return .content .container p {
        padding: 0;
    }

        .wp.return .content .container p.title {
            padding-top: 20px;
        }

    .wp.return .content .container form {
        margin-top: 90px;
        border-top: 1px dashed #aaa;
        padding-top: 50px;
    }

@media screen and (max-width: 991px) {
    .wp.return .content .container form {
        margin-top: 40px;
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .wp.return .content .container form {
        margin-top: 30px;
        padding-top: 10px;
    }
}

.wp.return .content .container form h4 {
    margin-bottom: 15px;
}

.wp.return .content .container form .ordernum {
    margin-bottom: 20px;
}

.wp.return .content .container form .temp {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .wp.return .content .container form .temp {
        margin: 15px 0 5px 15px;
        display: block;
    }
}

.wp.return .content .container form .wan-spinner {
    width: 102px;
}

.wp.return .content .container form .total {
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .wp.return .content .container form .total {
        padding-bottom: 20px;
    }
}

.wp.return .content .container form .total p {
    text-align: right;
    line-height: 40px;
}

.wp.return .content .container form .total .price {
    display: inline-block;
    width: 145px;
}

.wp.return .content .container form .total .notice.price {
    font-size: 20px;
}

.wp.return .content .container form table {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
}

    .wp.return .content .container form table tr th {
        border-bottom: 1px solid #000;
    }

    .wp.return .content .container form table tr td {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 16px;
    }

@media screen and (max-width: 767px) {
    .wp.return .content .container form table tr td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.wp.return .content .container form table tr .alignleft {
    text-align: left;
}

@media screen and (max-width: 767px) {
    .wp.return .content .container form table thead {
        display: none;
    }

    .wp.return .content .container form table tbody tr {
        border-bottom: 1px solid #ccc;
    }

        .wp.return .content .container form table tbody tr td {
            display: block;
            text-align: left;
            border-top: 0;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .wp.return .content .container form table tbody tr .pdname {
            font-size: 18px;
            padding-top: 20px;
        }

        .wp.return .content .container form table tbody tr .pdnum {
            padding-left: 25px;
        }

            .wp.return .content .container form table tbody tr .pdnum:before {
                content: "數量：";
                float: left;
                padding-top: 5px;
            }

            .wp.return .content .container form table tbody tr .pdnum .amount {
                margin: inherit;
                display: inline-block;
            }

        .wp.return .content .container form table tbody tr .pdprice {
            padding-left: 25px;
        }

            .wp.return .content .container form table tbody tr .pdprice:before {
                content: "單價：";
            }

        .wp.return .content .container form table tbody tr .pdprices {
            padding-left: 25px;
            padding-bottom: 20px;
        }

            .wp.return .content .container form table tbody tr .pdprices:before {
                content: "小記：";
            }
}

.wp.return .content .container form .info {
    padding-top: 80px;
}

@media screen and (max-width: 991px) {
    .wp.return .content .container form .info {
        padding-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .wp.return .content .container form .info {
        padding-top: 30px;
    }
}

.wp.return .content .container form .info h4 {
    padding-bottom: 10px;
    border-bottom: 4px solid #000;
}

.wp.return .content .container form .info .reason .dropkick {
    width: calc(100% - 100px);
}

    .wp.return .content .container form .info .reason .dropkick .dk-selected {
        border-bottom: 0;
    }

.wp.return .content .container form .info .describe {
    height: auto;
}

    .wp.return .content .container form .info .describe p {
        text-align: left;
        line-height: 60px;
        font-size: 16px;
    }

        .wp.return .content .container form .info .describe p span {
            color: #d12630;
        }

    .wp.return .content .container form .info .describe textarea {
        resize: none;
        height: 90px;
        width: 100%;
        border: 0;
        background-color: transparent;
        font-size: 16px;
    }

.wp.order .content .container {
    text-align: left;
    max-width: 1200px;
}

    .wp.order .content .container h3 {
        text-align: center;
    }

    .wp.order .content .container h4 {
        font-weight: bold;
        border-bottom: 3px solid #000;
        padding-bottom: 20px;
    }

        .wp.order .content .container h4 span {
            font-size: 16px;
            color: #aaa;
            font-weight: normal;
            display: inline-block;
            padding-left: 20px;
        }

@media screen and (max-width: 767px) {
    .wp.order .content .container h4 span {
        display: block;
        padding-left: 0;
        font-size: 14px;
    }
}

.wp.order .content .container table {
    border-bottom: 1px solid #ccc;
}

    .wp.order .content .container table tr:nth-child(n+2) {
        border-top: 1px solid #ccc;
    }

    .wp.order .content .container table tr .alignleft {
        text-align: left;
    }

    .wp.order .content .container table tr:hover td {
        background-color: rgba(241, 238, 221, 0.6);
    }

    .wp.order .content .container table tr th {
        border-bottom: 1px solid #000;
    }

    .wp.order .content .container table tr td {
        border: 0;
        -webkit-transition: background-color 0.2 ease-in-out;
        -moz-transition: background-color 0.2 ease-in-out;
        -o-transition: background-color 0.2 ease-in-out;
        transition: background-color 0.2 ease-in-out;
    }

        .wp.order .content .container table tr td.pic {
            padding-top: 30px;
            padding-bottom: 30px;
        }

@media screen and (max-width: 767px) {
    .wp.order .content .container table tr td.pic {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.wp.order .content .container table tr td p {
    padding-bottom: 0;
}

    .wp.order .content .container table tr td p.onsale {
        font-weight: bold;
    }

    .wp.order .content .container table tr td p.normal {
        text-decoration: line-through;
        color: #aaa;
    }

.wp.order .content .container table tr td.addcart a {
    display: inline-block;
}

    .wp.order .content .container table tr td.addcart a:before {
        content: "";
        display: block;
        font-size: 20px;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        font-weight: bold;
    }

    .wp.order .content .container table tr td.addcart a:hover:before {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.wp.order .content .container table tr td.delete a {
    display: inline-block;
}

    .wp.order .content .container table tr td.delete a:before {
        content: "";
        display: block;
        font-size: 20px;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

    .wp.order .content .container table tr td.delete a:hover:before {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.wp.order .content .container table tr td .offer {
    color: #805500;
    font-size: 16px;
}

.wp.order .content .container table tr td .temp span {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .wp.order .content .container table thead {
        display: none;
    }

    .wp.order .content .container table tr {
        position: relative;
    }

        .wp.order .content .container table tr td {
            display: block;
            text-align: left;
            padding-left: 40%;
        }

            .wp.order .content .container table tr td.pic {
                padding: 0;
                position: relative;
            }

                .wp.order .content .container table tr td.pic .productpic {
                    position: absolute;
                    left: 15px;
                    top: 30px;
                    -webkit-transform: none;
                    -ms-transform: none;
                    transform: none;
                    width: 25%;
                    max-width: 100px;
                    left: calc(40% - 150px);
                }

                    .wp.order .content .container table tr td.pic .productpic img:not(.sale) {
                        width: 100%;
                    }

            .wp.order .content .container table tr td.pdname {
                padding-top: 15px;
            }

                .wp.order .content .container table tr td.pdname .offer {
                    word-break: break-all;
                }

            .wp.order .content .container table tr td.pdnum:before {
                content: "數量：";
            }

            .wp.order .content .container table tr td.price:before {
                content: "單價：";
            }

            .wp.order .content .container table tr td.price p {
                display: inline-block;
            }

            .wp.order .content .container table tr td.prices {
                padding-bottom: 15px;
            }

                .wp.order .content .container table tr td.prices:before {
                    content: "總價：";
                }
}

@media screen and (max-width: 479px) {
    .wp.order .content .container table tr td.pic .productpic {
        left: 15px;
    }
}

.wp.order .content .container .total {
    border-bottom: 1px solid #ccc;
}

.wp.order .content .container .infos h4 {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .wp.order .content .container .infos h4 {
        margin-top: 30px;
    }
}

.wp.order .content .container .infos .info {
    padding: 20px 30px;
    border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
    .wp.order .content .container .infos .info {
        padding: 10px 15px;
    }
}

.wp.order .content .container .infos .info p {
    display: inline-block;
    line-height: 45px;
}

@media screen and (max-width: 767px) {
    .wp.order .content .container .infos .info p {
        line-height: 25px;
    }

        .wp.order .content .container .infos .info p + .title {
            margin-top: 15px;
        }
}

.wp.order .content .container .infos .info .title {
    font-weight: bold;
    width: 150px;
}

.wp.order .content .container .infos .info p:not(.title) {
    width: calc(100% - 160px);
}

.wp.order .content .container .infos .info .memo {
    width: 100% !important;
    display: block;
}

@media screen and (max-width: 767px) {
    .wp.order .content .container .infos .info p {
        width: 100% !important;
    }
}

.wp.returned .content .container {
    max-width: 1200px;
    text-align: left;
}

    .wp.returned .content .container .ordernum {
        margin-top: 60px;
    }

@media screen and (max-width: 767px) {
    .wp.returned .content .container .ordernum {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .wp.returned .content .container .ordernum {
        margin-top: 20px;
    }
}

.wp.returned .content .container h4 {
    line-height: 60px;
    font-weight: bold;
}

.wp.returned .content .container table {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
}

    .wp.returned .content .container table tr .alignleft {
        text-align: left;
    }

    .wp.returned .content .container table tr td {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .wp.returned .content .container table tr td span {
            display: inline-block;
            margin-left: 15px;
        }

@media screen and (max-width: 767px) {
    .wp.returned .content .container table thead {
        display: none;
    }

    .wp.returned .content .container table tr + tr {
        border-top: 1px solid #ccc;
    }

    .wp.returned .content .container table tr td {
        font-size: 16px;
        display: block;
        text-align: left;
        border: 0;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .wp.returned .content .container table tr td.pdname {
            padding-top: 15px;
        }

            .wp.returned .content .container table tr td.pdname:before {
                content: "品名：";
            }

            .wp.returned .content .container table tr td.pdname a {
                font-size: 16px;
            }

            .wp.returned .content .container table tr td.pdname .temp {
                display: block;
                margin-left: 3em;
            }

        .wp.returned .content .container table tr td.pdnum:before {
            content: "數量：";
        }

        .wp.returned .content .container table tr td.price:before {
            content: "單價：";
        }

        .wp.returned .content .container table tr td.prices {
            padding-bottom: 15px;
        }

            .wp.returned .content .container table tr td.prices:before {
                content: "總價：";
            }
}

.wp.returned .content .container .returned-status {
    position: relative;
    width: 100%;
    max-width: 700px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .wp.returned .content .container .returned-status .step {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
    }

@media screen and (min-width: 767px) {
    .wp.returned .content .container .returned-status .step + .step {
        border-left: 1px dashed #aaa;
    }
}

@media screen and (max-width: 767px) {
    .wp.returned .content .container .returned-status .step {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
    }

        .wp.returned .content .container .returned-status .step + .step {
            margin-top: 15px;
        }
}

.wp.returned .content .container .returned-status .icons {
    float: left;
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ddd;
    text-align: center;
}

    .wp.returned .content .container .returned-status .icons.active {
        background-color: #D1262F;
    }

        .wp.returned .content .container .returned-status .icons.active:before {
            color: #fff;
        }

    .wp.returned .content .container .returned-status .icons:before {
        font-size: 40px;
        color: #000;
        line-height: 80px !important;
    }

    .wp.returned .content .container .returned-status .icons.apply:before {
        content: "";
    }

    .wp.returned .content .container .returned-status .icons.receipt:before {
        content: "";
    }

.wp.returned .content .container .returned-status .dates {
    float: left;
    display: inline-block;
    text-align: left;
    padding-left: 15px;
    line-height: 25px;
}

.wp.returned .content .container .infos {
    padding: 40px 50px;
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
}

    .wp.returned .content .container .infos .w50 {
        width: 49%;
        display: inline-block;
    }

        .wp.returned .content .container .infos .w50 p {
            display: inline-block;
            line-height: 40px;
        }

            .wp.returned .content .container .infos .w50 p.title {
                font-weight: bold;
                width: 110px;
            }

            .wp.returned .content .container .infos .w50 p:not(.title) {
                width: calc(100% - 120px);
            }

            .wp.returned .content .container .infos .w50 p span {
                color: #d12630;
            }

@media screen and (max-width: 767px) {
    .wp.returned .content .container .infos .w50 {
        width: 100%;
        display: block;
    }
}

.wp.service .content .container {
    text-align: left;
    max-width: 1200px;
}

    .wp.service .content .container h3 {
        text-align: center;
    }

    .wp.service .content .container .quest h4 {
        border-bottom: 4px solid #000;
        padding-bottom: 15px;
    }

    .wp.service .content .container .quest form .w100 .dropkick {
        width: calc(100% - 100px);
    }

        .wp.service .content .container .quest form .w100 .dropkick .dk-selected {
            border-bottom: 0;
        }

            .wp.service .content .container .quest form .w100 .dropkick .dk-selected:after {
                border-left: 0;
            }

    .wp.service .content .container .quest form .w100.ques {
        height: auto;
    }

        .wp.service .content .container .quest form .w100.ques textarea {
            width: 100%;
            height: 100px;
            resize: none;
            border: 0;
            background-color: transparent;
        }

    .wp.service .content .container .quested {
        margin-top: 100px;
        padding: 20px;
        background-color: #E3E3E3;
    }

@media screen and (max-width: 767px) {
    .wp.service .content .container .quested {
        margin-top: 30px;
        padding: 10px;
    }
}

.wp.service .content .container .quested .ques, .wp.service .content .container .quested .ans {
    padding: 20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .wp.service .content .container .quested .ques .talker, .wp.service .content .container .quested .ans .talker {
        width: 160px;
        display: inline-block;
    }

@media screen and (min-width: 768px) {
    .wp.service .content .container .quested .ques .talker img, .wp.service .content .container .quested .ans .talker img {
        padding-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wp.service .content .container .quested .ques .talker img, .wp.service .content .container .quested .ans .talker img {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wp.service .content .container .quested .ques .talker, .wp.service .content .container .quested .ans .talker {
        width: 80px;
        text-align: center;
    }

        .wp.service .content .container .quested .ques .talker img, .wp.service .content .container .quested .ans .talker img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
}

.wp.service .content .container .quested .ques .article, .wp.service .content .container .quested .ans .article {
    width: calc(100% - 170px);
    display: inline-block;
}

    .wp.service .content .container .quested .ques .article .subject, .wp.service .content .container .quested .ans .article .subject {
        font-weight: bold;
    }

    .wp.service .content .container .quested .ques .article .time, .wp.service .content .container .quested .ans .article .time {
        color: #d12630;
    }

    .wp.service .content .container .quested .ques .article p, .wp.service .content .container .quested .ans .article p {
        line-height: 25px;
    }

        .wp.service .content .container .quested .ques .article p + p, .wp.service .content .container .quested .ans .article p + p {
            margin-top: 10px;
        }

@media screen and (max-width: 767px) {
    .wp.service .content .container .quested .ques .article, .wp.service .content .container .quested .ans .article {
        width: calc(100% - 90px);
    }
}

.wp.service .content .container .quested > div + div {
    border-top: 1px dashed #fff;
}

.wp.cart .content .container {
    max-width: 1200px;
}

    .wp.cart .content .container .detail {
        margin-top: 70px;
    }

@media screen and (max-width: 767px) {
    .wp.cart .content .container .detail {
        margin-top: 30px;
    }
}

.wp.cart .content .container .detail h4 {
    text-align: left;
    font-weight: bold;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
}

    .wp.cart .content .container .detail h4 span {
        /*font-size: 16px;*/
        color: #aaa;
        font-weight: normal;
        display: inline-block;
        /*padding-left: 20px;*/
    }

@media screen and (max-width: 767px) {
    .wp.cart .content .container .detail h4 span {
        /*display: block;*/
        padding-left: 0;
        /*font-size: 14px;*/
        line-height: 25px;
    }
}

.wp.cart .content .container .detail table th {
    border-bottom: 1px solid #ccc;
}

.wp.cart .content .container .detail table td.pic {
    padding-top: 30px;
    padding-bottom: 30px;
}

.wp.cart .content .container .detail table td .offer {
    color: #805500;
    font-size: 16px;
    margin-top: 5px;
}

.wp.cart .content .container .detail table td .price, .wp.cart .content .container .detail table td .prices {
    font-size: 16px;
}

.wp.cart .content .container .detail table td .onsale {
    font-weight: bold;
}

.wp.cart .content .container .detail table td .normal {
    text-decoration: line-through;
    color: #aaa;
}

.wp.cart .content .container .detail table td .delete {
    display: inline-block;
}

    .wp.cart .content .container .detail table td .delete:before {
        content: "";
        display: block;
        font-size: 20px;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

    .wp.cart .content .container .detail table td .delete:hover:before {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

@media screen and (max-width: 767px) {
    .wp.cart .content .container .detail table thead {
        display: none;
    }

    .wp.cart .content .container .detail table tbody tr + tr {
        border-top: 1px solid #ccc;
    }

    .wp.cart .content .container .detail table tbody tr {
        position: relative;
    }

    .wp.cart .content .container .detail table tbody td {
        border: 0;
        display: inline-block;
    }

        .wp.cart .content .container .detail table tbody td.pic {
            width: 100%;
            padding: 0;
            position: relative;
        }

            .wp.cart .content .container .detail table tbody td.pic .productpic {
                display: inline-block;
                position: absolute;
                top: 40px;
                width: 25%;
                max-width: 110px;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
                left: calc(40% - 150px);
            }

                .wp.cart .content .container .detail table tbody td.pic .productpic img:not(.sale) {
                    width: 100%;
                    max-width: 150px;
                    max-height: 220px;
                }
}

@media screen and (max-width: 767px) and (max-width: 479px) {
    .wp.cart .content .container .detail table tbody td.pic .productpic {
        left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .wp.cart .content .container .detail table tbody td.pdname {
        display: block;
        padding-left: 40%;
        /*position: absolute;*/
    }

        .wp.cart .content .container .detail table tbody td.pdname .offer {
            font-size: 14px;
        }

    .wp.cart .content .container .detail table tbody td.amountblock {
        display: block;
        padding-left: 40%;
        /*position: absolute;*/
    }

        .wp.cart .content .container .detail table tbody td.amountblock .amount {
            margin-left: initial;
            margin-right: initial;
        }

    .wp.cart .content .container .detail table tbody td.price {
        display: block;
        text-align: left;
        padding-left: 40%;
        /*position: absolute;*/
    }

        .wp.cart .content .container .detail table tbody td.price:before {
            content: '單價：';
            display: inline-block;
        }

        .wp.cart .content .container .detail table tbody td.price p {
            display: inline-block;
        }

    .wp.cart .content .container .detail table tbody td.Subtotal {
        display: block;
        text-align: left;
        padding-left: 40%;
        /*position: absolute;*/
    }

        .wp.cart .content .container .detail table tbody td.Subtotal:before {
            content: '小計：';
            display: inline-block;
        }

        .wp.cart .content .container .detail table tbody td.Subtotal p {
            display: inline-block;
        }

    .wp.cart .content .container .detail table tbody td.SubtotalPV {
        display: block;
        text-align: left;
        padding-left: 40%;
        /*position: absolute;*/
    }

        .wp.cart .content .container .detail table tbody td.SubtotalPV:before {
            content: 'ＰＶ：';
            display: inline-block;
        }

        .wp.cart .content .container .detail table tbody td.SubtotalPV p {
            display: inline-block;
        }

    .wp.cart .content .container .detail table tbody td.prices {
        display: block;
        text-align: left;
        padding-left: 40%;
    }

        .wp.cart .content .container .detail table tbody td.prices:before {
            content: '總價：';
            display: inline-block;
        }

    .wp.cart .content .container .detail table tbody td.deleteblock {
        display: block;
        padding-bottom: 20px;
        text-align: left;
        padding-left: 40%;
        /*position: absolute;*/
    }
}

.wp.cart .content .container .total {
    line-height: 30px;
    float: left;
    width: 100%;
}

    .wp.cart .content .container .total .bdTop {
        border-top: 1px solid #ddd;
    }

    .wp.cart .content .container .total .shipping {
        text-align: left;
    }

        .wp.cart .content .container .total .shipping p {
            text-align: left;
            display: inline-block;
        }

@media screen and (max-width: 479px) {
    .wp.cart .content .container .total .shipping p {
        line-height: 30px;
    }
}

.wp.cart .content .container .total .shipping span {
    display: inline-block;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    margin-right: 15px;
    width: 120px;
}

@media screen and (max-width: 479px) {
    .wp.cart .content .container .total .shipping span {
        display: block;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 991px) {
    .wp.cart .content .container .total .shipping p {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .wp.cart .content .container .total .shipping {
        /*text-align: right;*/
    }
}

.wp.cart .content .container .total .right span.totalprice {
    width: 145px;
    display: inline-block;
}

@media screen and (max-width: 479px) {
    .wp.cart .content .container .total .right span.totalprice {
        width: 100px;
    }
}

.wp.cart .content .container .add {
    background-color: #FFF;
    border-top: 5px solid #d12630;
    margin-top: 55px;
    padding-top: 40px;
    padding-bottom: 50px;
}

    .wp.cart .content .container .add h4 {
        margin-bottom: 40px;
    }

    .wp.cart .content .container .add .slider {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

        .wp.cart .content .container .add .slider .slick-slide .pic {
            height: 190px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .wp.cart .content .container .add .slider .slick-slide .pic img {
                margin-left: auto;
                margin-right: auto;
                -webkit-transition: transform 0.3s ease-in-out;
                -moz-transition: transform 0.3s ease-in-out;
                -o-transition: transform 0.3s ease-in-out;
                -webkit-transition: -webkit-transform 0.3s ease-in-out;
                transition: -webkit-transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            }

        .wp.cart .content .container .add .slider .slick-slide p.title {
            line-height: 30px;
            margin-top: 10px;
        }

        .wp.cart .content .container .add .slider .slick-slide p.price {
            line-height: 25px;
        }

            .wp.cart .content .container .add .slider .slick-slide p.price span {
                margin-right: 10px;
            }

                .wp.cart .content .container .add .slider .slick-slide p.price span.normal {
                    text-decoration: line-through;
                    color: #aaa;
                }

        .wp.cart .content .container .add .slider .slick-slide .buy .addToBuy {
            padding: 5px 20px;
            border: 1px solid #d12630;
            border-radius: 30px;
            margin-top: 5px;
            -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        }

            .wp.cart .content .container .add .slider .slick-slide .buy .addToBuy:hover {
                color: #fff;
                background-color: #d12630;
            }

        .wp.cart .content .container .add .slider .slick-slide:hover .pic img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        .wp.cart .content .container .add .slider button.slick-arrow {
            width: 50px;
            height: 50px;
            background-color: #ccc;
            z-index: 1;
            border-radius: 50%;
            -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
            -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
            transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        }

            .wp.cart .content .container .add .slider button.slick-arrow:hover {
                background-color: #d12630;
            }

            .wp.cart .content .container .add .slider button.slick-arrow.slick-prev {
                left: -40px;
                -webkit-transition: left 0.3s ease-in-out;
                -moz-transition: left 0.3s ease-in-out;
                -o-transition: left 0.3s ease-in-out;
                transition: left 0.3s ease-in-out;
            }

                .wp.cart .content .container .add .slider button.slick-arrow.slick-prev:before {
                    content: "";
                }

                .wp.cart .content .container .add .slider button.slick-arrow.slick-prev:hover {
                    left: -50px;
                }

@media screen and (max-width: 1199px) {
    .wp.cart .content .container .add .slider button.slick-arrow.slick-prev {
        left: 10px;
    }

        .wp.cart .content .container .add .slider button.slick-arrow.slick-prev:hover {
            left: 2px;
        }
}

.wp.cart .content .container .add .slider button.slick-arrow.slick-next {
    right: -40px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

    .wp.cart .content .container .add .slider button.slick-arrow.slick-next:hover {
        right: -50px;
    }

    .wp.cart .content .container .add .slider button.slick-arrow.slick-next:before {
        content: "";
    }

@media screen and (max-width: 1199px) {
    .wp.cart .content .container .add .slider button.slick-arrow.slick-next {
        right: 10px;
    }

        .wp.cart .content .container .add .slider button.slick-arrow.slick-next:hover {
            right: 2px;
        }
}

.wp.shipping .content .container {
    text-align: left;
    max-width: 1200px;
}

    .wp.shipping .content .container h4 {
        font-size: 22px;
        border-bottom: 4px solid #000;
        line-height: 50px;
        font-weight: bold;
    }

        .wp.shipping .content .container h4 span {
            font-size: 16px;
            color: #888;
        }

@media screen and (max-width: 767px) {
    .wp.shipping .content .container h4 span {
        display: block;
        line-height: 30px;
    }
}

.wp.shipping .content .container .block {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .wp.shipping .content .container .block .right {
        float: right;
    }
}

.wp.shipping .content .container .block.recever .head {
    border-bottom: 4px solid #000;
}

@media screen and (min-width: 767px) {
    .wp.shipping .content .container .block.recever .head {
        float: left;
        width: 100%;
    }
}

.wp.shipping .content .container .block.recever .head .title h4 {
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block.recever .head .title {
        float: none;
    }
}

.wp.shipping .content .container .block.recever .head .same {
    line-height: 52px;
    text-align: right;
    font-size: 14px;
}

    .wp.shipping .content .container .block.recever .head .same input {
        margin-right: 10px;
    }

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block.recever .head .same {
        float: none;
        line-height: 30px;
        text-align: left;
        font-size: 14px;
    }
}

.wp.shipping .content .container .block.pay .w100 {
    border-bottom: 1px dashed #333;
}

.wp.shipping .content .container .block.pay .notes {
    border-bottom: 1px solid #000;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .wp.shipping .content .container .block.pay .notes p + p {
        padding-top: 40px;
    }

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block.pay .notes p + p {
        padding-top: 20px;
    }
}

.wp.shipping .content .container .block.pay .notes p:not(.notice) {
    color: #888;
    line-height: 25px;
}

.wp.shipping .content .container .block.pay .notes ul {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block.pay .notes ul {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.wp.shipping .content .container .block.pay .notes ul li {
    font-size: 16px;
    color: #333;
    line-height: 25px;
}

.wp.shipping .content .container .block.invoice .copy, .wp.shipping .content .container .block.invoice .recever {
    line-height: 60px;
    font-size: 16px;
}

.wp.shipping .content .container .block.arrive .dropkick {
    width: calc(100% - 100px);
}

    .wp.shipping .content .container .block.arrive .dropkick .dk-selected {
        border-bottom: 0;
        line-height: 60px;
    }

        .wp.shipping .content .container .block.arrive .dropkick .dk-selected:after {
            border-left: 0;
        }

.wp.shipping .content .container .block.arrive .other {
    border-bottom: 1px solid #000;
}

    .wp.shipping .content .container .block.arrive .other p {
        line-height: 60px;
    }

        .wp.shipping .content .container .block.arrive .other p span {
            color: #888;
            font-size: 14px;
        }

@media screen and (max-width: 767px) {
    .wp.shipping .content .container .block.arrive .other p {
        line-height: normal;
        padding-top: 20px;
    }

        .wp.shipping .content .container .block.arrive .other p span {
            font-size: 12px;
            display: block;
            line-height: normal;
            margin-bottom: 10px;
        }
}

.wp.shipping .content .container .block.arrive .other textarea {
    width: 100%;
    height: 130px;
    resize: none;
    border: 0;
    background: transparent;
}

.wp.shipping .content .container .block.accept {
    line-height: 25px;
    text-align: center;
}

/*#20190212*/
.wp.shipping .content .container a {
    /*color: #d12630;*/
    color: blue;
    display: inline;
    width: inherit;
    height: inherit;
    border-radius: 0;
    line-height: inherit;
    font-weight: inherit;
    background-color: transparent;
    /*text-decoration: underline;*/ /*#20190212*/
    margin: 0;
}

.wp.shipping .content .container .block.btns {
    margin-top: 20px;
}

.wp.finish .content .container .ordernum {
    margin-top: 15px;
}

    .wp.finish .content .container .ordernum p {
        line-height: 30px;
    }

.wp.print .content {
    background: none;
}

    .wp.print .content .container {
        padding-top: 0;
    }

        .wp.print .content .container .head {
            float: left;
            width: 100%;
            padding-top: 30px;
            padding-bottom: 30px;
            margin-bottom: 40px;
            border-bottom: 1px solid #aaa;
        }

            .wp.print .content .container .head .pic {
                float: left;
            }

            .wp.print .content .container .head .ordernum {
                float: right;
                margin: 0;
                line-height: 25px;
            }

.wp.faq .content {
    background-image: url("images/about/bg.png");
    background-repeat: repeat;
}

    .wp.faq .content .container {
        width: 100%;
        max-width: 1560px;
        position: relative;
        padding-top: 100px;
        padding-bottom: 170px;
    }

@media screen and (max-width: 767px) {
    .wp.faq .content .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.wp.faq .content .container .sidebar {
    width: 145px;
    display: inline-block;
    position: absolute;
}

    .wp.faq .content .container .sidebar.fixed-top {
        position: fixed !important;
        top: 90px;
    }

    .wp.faq .content .container .sidebar.fixed-bottom {
        position: absolute;
        bottom: 0;
    }

@media screen and (max-width: 767px) {
    .wp.faq .content .container .sidebar {
        display: none;
    }
}

.wp.faq .content .container .sidebar ul {
    position: relative;
}

    .wp.faq .content .container .sidebar ul li {
        position: relative;
        line-height: 40px;
        cursor: pointer;
    }

        .wp.faq .content .container .sidebar ul li a {
            color: #aaa;
            cursor: pointer;
        }

            .wp.faq .content .container .sidebar ul li a:after {
                content: "";
                display: inline-block;
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #ff99a1;
                z-index: 1;
            }

        .wp.faq .content .container .sidebar ul li.active a {
            color: #333;
            -webkit-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

            .wp.faq .content .container .sidebar ul li.active a:after {
                color: #E10012;
                -webkit-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
            }

        .wp.faq .content .container .sidebar ul li:hover a {
            color: #333;
            -webkit-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

    .wp.faq .content .container .sidebar ul:after {
        content: '';
        width: 1px;
        height: 100%;
        display: inline-block;
        background-color: #E10012;
        position: absolute;
        right: 26px;
        top: 15px;
    }

.wp.faq .content .container .inside {
    display: inline-block;
    width: calc(100% - 155px);
    max-width: 1200px;
    float: right;
}

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside {
        width: 100%;
        float: none;
    }
}

.wp.faq .content .container .inside h3 {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .wp.faq .content .container .inside h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
}

.wp.faq .content .container .inside .panel-group {
    margin-bottom: 110px;
}

@media screen and (max-width: 991px) {
    .wp.faq .content .container .inside .panel-group {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside .panel-group {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 479px) {
    .wp.faq .content .container .inside .panel-group {
        margin-bottom: 30px;
    }
}

.wp.faq .content .container .inside .panel-group .panel-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin-top: 0;
    border-radius: 0;
    background: transparent;
}

    .wp.faq .content .container .inside .panel-group .panel-default + .panel-default {
        border-top: 1px solid #E10012;
    }

    .wp.faq .content .container .inside .panel-group .panel-default:first-child {
        border-top: 1px solid #E10012;
    }

    .wp.faq .content .container .inside .panel-group .panel-default:last-child {
        border-bottom: 1px solid #E10012;
    }

    .wp.faq .content .container .inside .panel-group .panel-default .panel-heading {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 30px;
        padding: 0;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

        .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a {
            display: block;
            position: relative;
            padding-left: 65px;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-right: 40px;
            background: #E10012;
            color: #fff;
        }

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a {
        padding-left: 50px;
    }
}

.wp.faq .content .container .inside .panel-group .panel-default .panel-heading a:before {
    content: 'Q.';
    display: inline-block;
    position: absolute;
    font-size: 25px;
    left: 30px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a:before {
        left: 10px;
    }
}

.wp.faq .content .container .inside .panel-group .panel-default .panel-heading a:after {
    content: "";
    display: inline-block;
    position: absolute;
    font-size: 30px;
    top: 15px;
    right: 10px;
}

.wp.faq .content .container .inside .panel-group .panel-default .panel-heading a.collapsed {
    background: transparent;
    color: #333;
}

    .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a.collapsed:before {
        color: #E10012;
    }

    .wp.faq .content .container .inside .panel-group .panel-default .panel-heading a.collapsed:after {
        content: "";
        display: inline-block;
        position: absolute;
        font-size: 30px;
        top: 15px;
        right: 10px;
        color: #555;
    }

.wp.faq .content .container .inside .panel-group .panel-default .panel-body {
    background: #EEE;
    border: 0;
    padding-left: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 25px;
    color: #888;
}

@media screen and (max-width: 767px) {
    .wp.faq .content .container .inside .panel-group .panel-default .panel-body {
        padding: 30px 15px;
    }
}

.wp.visitor .content .bg-pic.left {
    top: 60px;
}

.wp.visitor .content .container > p a {
    color: #d12630;
    text-decoration: underline;
    background-color: rgba(255, 255, 255, 0);
}

    .wp.visitor .content .container > p a:hover {
        color: #888;
    }

@media screen and (max-width: 767px) {
    .wow {
        -webkit-animation-delay: 0s !important;
        animation-delay: 0s !important;
    }
}

/*20190201*/
.nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    position: relative;
}

.bg-pink {
    background-color: #FDCFDA !important;
}

.bg-gray {
    background-color: #606060 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-header {
    background-color: #FDCFDA !important;
}

.bg-footer {
    /*background-color: #dddddd !important;*/
    background-color: #C1E4F7 !important;
    /*width: 50%;*/
}
/*# sourceMappingURL=style.css.map */