@charset "UTF-8";

/* CSS Document */
body {
    font-family: 'Montserrat', "微軟正黑體", "蘋果儷中黑", sans-serif, Arial;
    word-break: normal;
    text-align: justify;
}

a:hover {
    text-decoration: none;
}


/* 客製化 通用選單 開始 */

nav ul li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
}

.nav-search {
    background: url(../images/ic_search.png) no-repeat center;
}

.nav-wishlist {
    background: url(../images/ic_wishlist.png) no-repeat center;
}

.nav-cart {
    background: url(../images/ic_cart.png) no-repeat center;
    position: relative;
}

nav ul li.active a i::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: -1px;
    background-color: #da493d;
    z-index: 5;
}

.nav-login {
    background: url(../images/ic_login.png) no-repeat center;
}

.nav-facebook {
    background: url(../images/ic_facebook.png) no-repeat center;
}

.nav-recommended span {
    color: #fff;
    background: #E6C4C4;
    width: 95px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}

.nav-recommended i {
    background: url(../images/recommended.png)no-repeat center;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
}

.icon-recommended {
    margin: 0 5px
}

@media screen and (max-width: 767px) {
    .nav-recommended span {
        display: block;
        padding: 0 5px;
    }

    .mobile-icon-li.icon-recommended {
        width: 100%;
        margin: 0;
    }
}

/* 客製化 通用選單 結束 */

/* 客製化 電腦版選單 開始 */

@media screen and (min-width: 767px) {

    .white-menu {
        position: absolute;
		top: 0;
		left: 0;
		width:100%; 
    }

    .nav-bar {
        position: relative;
        z-index: 999;
    }

    .logo {
        display: block;
        background: url(../images/logo.png)no-repeat center;
        width: 89px;
        height: 70px;
        margin: 10px 0;
        float: left;
    }

    nav {
        display: block;
        width: 100%;
        max-width: 1170px;
        padding: 0 15px;
        margin: 0 auto;
    }

    nav ul {
        float: right;
        display: inline-block;
        margin-bottom: 0;
    }

    nav ul li {
        float: left;
    }

    nav ul li a {
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.09em;
        color: #4A4A4A;
        padding: 30px 0px;
        cursor: pointer;
    }
    nav ul li.highlight a span{
        width: auto;
        padding: 0 12px;
        background-color: #D77B7B;
        color: #fff;
        border-radius: 5px;
        min-width: 105px;
    }

    nav ul li a i {
        margin: 0 10px;
    }

    nav ul li a:hover,
    nav ul li.active a {
        color: #D77B7B;
        cursor: pointer;
    }

    nav ul li a i:hover {
        opacity: 0.5;
    }

    nav ul li a span {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: 110px;
        letter-spacing: 0.05em;
        text-align: center;
    }

    /* 下拉選單 開始 */

    .sub-menu {
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        padding-top: 20px;
        padding-bottom: 110px;
        padding: 20px 0px 110px 0px;
        display: none;
        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
        border-top: 1px #F2F2F2 solid;

    }

    .sub-menu-content {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        border-right: 1px #F2F2F2 solid;
        border-left: 1px #F2F2F2 solid;
        padding: 0 10px;
        /*new 20190805*/
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .sub-menu-content ul {
        float: left;
        width: 50%;
        /*new 20190805*/
        float: none;
        width: auto;
        min-width: 120px;
    }

    .sub-menu-content ul span {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.05em;
        color: #4A4A4A;
        display: block;
        padding: 15px 30px 12px 30px;
    }

    .sub-menu-content ul li {
        display: inline-block;
        padding: 0 30px;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.066em;
        color: #4A4A4A;
        /*new 20190805*/
        display: block;
        float: none;
    }

    .sub-menu-content ul li a,
    nav ul li.active ul li a {
        padding: 0;
        color: #4A4A4A;
    }

    nav ul li.active ul li a:hover {
        color: #D77B7B;
    }

    .mobile-btn {
        display: none;
    }

    /* 下拉選單 結束 */

    .white-menu nav ul li a {
        color: #fff;
    }

    .white-menu nav ul li ul li a {
        color: #4A4A4A;
    }

    .white-menu nav ul li a:hover,
    .white-menu nav ul li.active a {
        color: #D77B7B;
    }

    .white-menu nav ul li ul li a:hover {
        color: #D77B7B;
    }

    .white-menu .logo {
        background: url(../images/logo_white.png)no-repeat center;
    }

    .white-menu .nav-search {
        background: url(../images/ic_search_white.png) no-repeat center;
    }

    .white-menu .nav-wishlist {
        background: url(../images/ic_wishlist_white.png) no-repeat center;
    }

    .white-menu .nav-cart {
        background: url(../images/ic_cart_white.png) no-repeat center;
    }

    .white-menu .nav-login {
        background: url(../images/ic_login_white.png) no-repeat center;
    }

    .white-menu .nav-facebook {
        background: url(../images/ic_facebook_white.png) no-repeat center;
    }

    .white-menu .nav-bar {
        transition: all 1s;
        background: rgba(255, 255, 255, 0);
    }

    /* 點擊後展開 變回黑色 開始 */

    .white-menu.home-menu-w-bg .nav-bar {
        background: rgba(255, 255, 255, 1)
    }

    .white-menu.home-menu-w-bg nav ul li a {
        color: #4A4A4A;
    }

    .white-menu nav ul li a:hover,
    .white-menu nav ul li.active a {
        color: #D77B7B;
    }

    .home-menu-w-bg .logo {
        background: url(../images/logo.png)no-repeat center;
    }

    .home-menu-w-bg .nav-search {
        background: url(../images/ic_search.png) no-repeat center;
    }

    .home-menu-w-bg .nav-wishlist {
        background: url(../images/ic_wishlist.png) no-repeat center;
    }

    .home-menu-w-bg .nav-cart {
        background: url(../images/ic_cart.png) no-repeat center;
    }

    .home-menu-w-bg .nav-login {
        background: url(../images/ic_login.png) no-repeat center;
    }

    .home-menu-w-bg .nav-facebook {
        background: url(../images/ic_facebook.png) no-repeat center;
    }

    /* 點擊後展開 變回黑色 結束 */
}

/* 客製化 電腦版選單 結束 */

@media screen and (max-width: 991px) {
    nav ul li a {
        font-size: 14px;
    }
    nav ul li a span{
        width: 100px;
    }
    nav ul li a i{
        margin: 0 5px;
    }

}
/* 客製化 手機版選單 開始 */

@media screen and (max-width: 767px) {

    .nav-bar {
        position: relative;
        z-index: 9;
    }

    .mobile-btn {
        width: 40px;
        height: 40px;
        border: 1px #ccc solid;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999;
        text-align: center;
        line-height: 38px;
        font-size: 30px;
        color: #999;
        border-radius: 6px;
        /*new 20190805*/
        top: 10px;
    }

    nav {
        width: 100%;
        height: 90px;
        border-bottom: 1px #F2F2F2 solid;
        /*new 20190805*/
        height: auto;
    }

    .logo {
        display: block;
        background: url(../images/logo.png)no-repeat center;
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 89px;
        height: 70px;
        margin: 10px;
        float: left;
        /*new 20190805*/
        margin: 0px 10px;
        height: 60px;
        width: calc(60px * 70 / 89);
    }
    nav a.highlight{
        padding: 5px 12px;
        background-color: #D77B7B;
        color: #fff;
        border-radius: 5px;
        letter-spacing: 0.05em;
        text-align: center;
        position: absolute;
        top: calc(20px + 40px / 2);
        right: calc(40px + 20px + 15px);
        transform: translate(0, -50%);
        /*new 20190805*/
        top: calc(10px + 40px / 2);

    }
    nav ul.menu-main {
        width: 100%;
        background: #fff;
        box-shadow: 3px 3px 4px #fff;
        position: absolute;
        top: 90px;
        display: none;
        /*new 20190805*/
        top: 60px;

    }

    nav ul.menu-main li {
        display: block;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.066em;
        color: #4A4A4A;
    }

    nav ul.menu-main li a {
        width: 100%;
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.09em;
        color: #4A4A4A;
        padding: 10px 15px;
        border-bottom: 1px #F2F2F2 solid;
    }

    /* 子選單 開始 */

    nav ul.menu-main li ul {
        padding: 10px 0;
    }

    nav ul.menu-main li ul span,
    nav ul.menu-main li ul li {
        padding: 0px 25px;
        display: block;
        font-size: 14px;
        line-height: 35px;
        letter-spacing: 0.09em;
        color: #6A6A6A;
    }

    nav ul.menu-main li ul li a {
        display: block;
        color: #6A6A6A;
        padding: 0px 35px;
        border-bottom: 0;
    }

    nav ul.menu-main li .sub-menu {
        display: none;
    }

    .mobile-icon-li {
        width: 20%;
        float: left;
        text-align: center;

    }

    /* 子選單 結束 */
}


/* 客製化 手機版選單 結束 */

/* 通用樣式 開始 */

/* 主要標題 開始 */

.member-title {
    text-align: center;
    color: #4A4A4A;
    margin-bottom: 48px;
    position: relative;
}

.member-title h1 {
    font-size: 36px;
    letter-spacing: 1.5px;
    margin-top: 0;
    margin-bottom: 15px;
}

.member-title span a {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
}


.back {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    letter-spacing: 2px;
    background: url(../images/ic_back.png) no-repeat;
    padding-left: 30px;
    line-height: 24px;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .back {
        display: block;
        text-align: left;
        position: relative;
        margin-bottom: 20px;
        transition: all 0.5s;
    }
}

@media screen and (min-width: 767px) {
    .back:hover {
        opacity: 0.7;
    }

    .member-title span a:hover {
        color: #777777;
    }

    .back:hover {
        color: #777;
    }
}

/* 主要標題 結束 */

.bg-pink {
    background: #FFEEEE;
}

/* 通用樣式 開始 */

/* 商品列表 開始 */

/* 上方 Banner 開始 */

.top-banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.top-banner figure {
    position: absolute;
    width: 100%;
    height: 400px;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .top-banner {
        height: 150px;
    }

    .top-banner figure {
        position: absolute;
        height: 150px;
    }
}

/* 上方 Banner 結束 */

.product-list-page-top h1 {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 0.15em;
    color: #4A4A4A;
    margin-top: 45px;
    text-align: left;
}

.product-list-page-top span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.058em;
    color: #4A4A4A;
    margin-bottom: 20px;
}

.product-list-page-top span a {
    color: #4A4A4A;
}

@media screen and (min-width: 767px) {
    .product-list-page-top span a:hover {
        color: #777777;
    }
}

.product-list-page-top ul {
    margin-top: 45px;
    float: right;
}

.product-list-page-top ul li {
    display: inline-block;
    margin: 0 2px;
}

@media screen and (max-width: 767px) {
    .product-list-page-top ul li {
        width: 30%;
        margin-bottom: 10px;
    }

    .product-list-page-top ul li:last-child {
        margin-left: 40px;
    }
}

.product-list-page-top ul li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 0.056em;
    color: #4A4A4A;
    border-radius: 3px;
    text-align: center;
}

.product-list-page-top ul li a.active {
    color: #FFFFFF;
    background: #E6C4C4;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
}

@media screen and (min-width: 767px) {
    .product-list-page-top ul li a:hover {
        color: #FFFFFF;
        background: #E6C4C4;
        box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
    }
}

@media screen and (max-width: 767px) {

    .product-list-page-top ul {
        margin-top: 0px;
        margin-bottom: 20px;
        float: none;
    }
}

.product-brand {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #4A4A4A;
    background: url(../images/ic_down.png) no-repeat right center;
    border: 0;
    min-width: 55px;
    height: 50px;
    margin: 0 2px;
    padding-right: 20px;
    outline: none;
}

@media screen and (max-width: 767px) {
    .product-brand {
        width: 130px;
        margin-left: 11px;
        text-align-last: left;
    }
}

.product-brand::-ms-expand {
    display: none;
}

.product-brand option {
    width: 100px;
}

.periodic-classification {
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
    border-radius: 3px;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    margin-bottom: 30px;
}

.periodic-classification h6 {
    display: inline-block;
    margin: 0;
    padding: 0 25px;
    border-right: 1px #F2F2F2 solid;
    text-align: center;
    font-weight: 900;
    line-height: 60px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .periodic-classification h6 {
        padding: 0;
    }
}

.periodic-classification ul {
    display: inline-block;
}

.periodic-classification ul li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 0.075em;
    color: #9B9B9B;
}

@media screen and (max-width: 767px) {
    .periodic-classification ul li {
        font-size: 12px;
        letter-spacing: 0;
    }
}

.periodic-classification ul li a {
    display: block;
    color: #9B9B9B;
}

.periodic-classification ul li.active a {
    color: #D77B7B;
}

@media screen and (min-width: 767px) {
    .periodic-classification ul li a:hover {
        color: #D77B7B;
    }
}

/* 商品列表BOX樣式 開始 */

.product-list-content {
    /* height: 200px; */
    margin-bottom: 15px;
}

.product-list-box {
    background: #fff;
    display: block;
}

.product-list-box h4 {
    font-size: 16px;
    line-height: 32px;
    color: #4A4A4A;
    padding: 10px 18px 0 18px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product_pic {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 767px) {
    .product-list-box a:hover {
        color: #777;
    }
}

.product-list-box-manufacturers {
    font-size: 14px;
    color: #4A4A4A;
    padding: 0 18px 10px 18px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-list-box p {
    font-size: 14px;
    line-height: 32px;
    color: #D77B7B;
    border-top: 1px #F2F2F2 solid;
    padding: 0 18px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-list-content .tag_box {
    padding: 0 18px;
    text-align: left;
}

.product-list-content .tag_box span {
	font-size: 11px;
	background-color: #D77B7B;
	color: #fff;
	padding: 2px 3px;
	display: inline-block;
	margin-bottom: 4px;
}

.product-list-box-price {
    border-top: 1px #F2F2F2 solid;
    font-size: 20px;
    line-height: 50px;
    color: #D77B7B;
    padding: 0 18px 5px 18px;
}

.product-list-box-price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #9B9B9B;
    padding-left: 5px;
}

.product-list-box-price.active {
    color: #9B9B9B;
}

.prodyct-list-wishlist i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/ic_wishlist_red.png);
    margin-top: 10px;
    margin-right: 3px;
}

.prodyct-list-cart i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 10px;
    margin-right: 3px;
    background: url(../images/ic_cart_red.png);
}

/* 商品列表BOX樣式 結束 */

.loding {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2em;
    color: #4A4A4A;
    text-align: center;
    width: 90px;
    margin: 0 auto;
    margin-bottom: 105px;
}

.member-loding {
    min-height: 100px;
    padding-top: 20px;
}

.loding-icon {
    background: url(../images/ic_loading.png) no-repeat center;
    width: 24px;
    height: 24px;
    float: left;
    animation: loding-icon 2s infinite linear;
    -ms-animation: loding-icon 2s infinite linear;
    -moz-animation: loding-icon 2s infinite linear;
    -webkit-animation: loding-icon 2s infinite linear;
    -o-animation: loding-icon 2s infinite linear;
}

@Keyframes loding-icon {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

/* 商品列表 結束 */

/* member_centre start */

.member-bg {
    background: #ffeeee;
    padding: 45px 0 90px 0;
}

.member-menu {
    max-width: 750px;
    width: 100%;
    background: #fff;
    padding: 35px 15px;
    margin: auto;
    border-bottom: 1px solid #ffeeee;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
    border-radius: 3px;
}

.member-line {
    border-bottom: 1px solid #ffeeee;
}

@media screen and (max-width: 992px) {
    .member-line {
        border-bottom: 0px;
    }
}

.member-box-line {
    border-right: 1px solid #ffeeee;
}

@media screen and (max-width: 992px) {
    .member-menu .member-box-line:nth-child(even) {
        border-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .member-box-line {
        border-right: 0px;
    }
}

.member-menu a {
    color: #4A4A4A;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.58px;
}

.member-menu span {
    display: block;
    text-align: center;
    margin: 25px 0;
}

.member-icon-1 {
    background: url(../images/ic_member_01.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-2 {
    background: url(../images/ic_member_02.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-3 {
    background: url(../images/ic_member_03.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-4 {
    background: url(../images/ic_member_04.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-5 {
    background: url(../images/ic_member_05.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-6 {
    background: url(../images/ic_member_06.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-7 {
    background: url(../images/ic_member_07.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.member-icon-8 {
    background: url(../images/ic_member_08.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

@media screen and (max-width: 992px) {
    .member-menu-info.p-b-35 {
        padding-bottom: 0;
    }

    .member-menu-info.p-t-35 {
        padding-top: 0;
    }
}

@media screen and (min-width: 767px) {
    .member-box {
        transition: all 0.5s;
    }

    .member-box:hover {
        opacity: 0.7;
    }
}


@media screen and (max-width: 992px) {
    .member-box {
        margin-top: 25px;
    }
}

/* member_centre end*/

/* forget_password start*/

.member-frame {
    max-width: 500px;
    width: 100%;
}

/* forget_password end*/

/* footer 開始 */

footer {
    background: #fff;
    width: 100%;
    padding: 62px 0;
}

footer {
    background: #fff;
    width: 100%;
    padding: 62px 0;
}

.foot-left {
    width: 32%;
    display: inline-block;
    float: left;
}

.foot-left p {
    font-size: 12px;
    color: #4A4A4A;
    margin-top: 30px;
}

.foot-right {
    width: 68%;
    float: right;
}

.foot-right ul {
    float: left;
    margin-right: 58px;
}

.foot-right ul li {
    font-size: 14px;
    line-height: 30px;
    color: #4A4A4A;
}

.foot-right ul li span {
    font-weight: 900;
}

.foot-right ul li a {
    color: #4A4A4A;
}

@media screen and (min-width: 767px) {
    .foot-right ul li a:hover {
        color: #888;
    }
}

.foot-right p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    margin: 5px 0 0px 0;
}

@media screen and (max-width: 991px) {
    .foot-left {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .foot-right {
        width: 100%;
    }

    .foot-right ul {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .connection {
        max-width: 230px;
        margin: auto;
    }
}

.email i {
    background: url(../images/ic_email.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -7px
}

.phone i {
    background: url(../images/ic_phone.png)no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -7px
}

.message i {
    background: url(../images/ic_message.png)no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -7px
}

/* footer 結束 */

/* customer_Q&A 開始*/

@media screen and (max-width: 768px) {
    .terms {
        margin-bottom: 30px;
        padding: 0 30px;
    }
}

.terms ul {
    background: #fff;
}

.terms ul li {
    color: #4A4A4A;
    font-size: 14px;
    letter-spacing: 0.58px;
    line-height: 60px;
    border-bottom: #F2F2F2 1px solid;
    padding: 0 20px;
    font-weight: 900;
}

.terms ul li a {
    display: block;
    color: #4A4A4A;
    line-height: 50px;
    padding-left: 10px;
    font-weight: 100;
}

@media screen and (min-width: 767px) {
    .terms ul li a:hover {
        color: #4A4A4A;
    }
}

.terms ul li a.active {
    color: #D77B7B;
}

@media screen and (min-width: 767px) {
    .terms ul li a:hover {
        color: #D77B7B;
    }
}

.terms-frame {
    padding: 0 0px 0 70px;
}

@media screen and (max-width: 991px) {
    .terms-frame {
        padding: 0;
        margin-top: 20px;
    }

}

.terms-box {
    max-width: 750px;
    margin: auto;
    padding: 0 15px;
}

.terms-box h1 {
    margin-top: 0;
}

.terms-box span a {
    color: #4A4A4A;
}

.terms-content {
    margin-bottom: 60px;
}

.terms-content h6 {
    font-size: 16px;
    font-weight: 500;
    color: #D77B7B;
    letter-spacing: 0;
    line-height: 28px;
}

.terms-content span {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
}


.edit-block .terms-content ul li {
    list-style: none;
    list-style-type: none;
}

.terms-content ul li {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: 400;
}

/* customer_Q&A 結束*/

/* Article 開始*/

.product-box {
    background: url(../images/bg_givre.jpg) no-repeat center;
    width: 100%;
    height: 910px;
    padding: 90px 15px 0 15px;
}

.img-givre {
    width: 100%;
    background: url(../images/img_givre_01.png) no-repeat center;
    height: 114px;
    margin-bottom: 90px;
}

.product-description {
    max-width: 640px;
    width: 100%;
    padding: 20px;
    background: #fff;
    margin: auto;
}

.description-contnet {
    width: 100%;
    padding: 50px 15px 60px 15px;
    text-align: center;
    border: 1px solid #F2F2F2;
}

.description-contnet h6,
.description-contnet span {
    font-weight: 400;
    font-size: 14px;
    color: #43344B;
    letter-spacing: 0.88px;
    line-height: 32px;
}

.description-line {
    width: 50px;
    height: 1px;
    background: #43344B;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.model-introduction {
    background: #f2f2f2;
    padding: 0 20px 167px 20px;
}

@media screen and (max-width: 768px) {
    .model-introduction {
        padding: 0 15px 90px 15px;
    }
}

.model-img {
    width: 100%;
    max-width: 750px;
    height: auto;
    margin: auto;
    position: relative;
}

@media screen and (max-width: 768px) {
    .model-img {
        text-align: center;
    }
}

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

.model-content {
    padding: 53px 15px 106px 15px;
    background: #fff;
    width: 390px;
    text-align: center;
    position: absolute;
    bottom: -81px;
    right: 0;
}

@media screen and (max-width: 768px) {
    .model-content {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 30px;
    }
}

.model-content h6 {
    font-weight: 400;
    font-size: 14px;
    color: #43344B;
    letter-spacing: 0.88px;
    line-height: 32px;
}

.model-content span {
    display: block;
    max-width: 300px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #43344B;
    letter-spacing: 0.88px;
    line-height: 32px;
    margin: auto;
}

/* Article 結束 */

/* Model 開始*/

/*.brand-frame{
	padding: 0 30px;
}*/

.brand-box {
    background: url(../images/bg_merche.jpg) no-repeat center;
    width: 100%;
    height: auto;
    padding: 68px 30px 72px 30px;
}

@media screen and (max-width: 767px) {
    .brand-box {
        padding: 68px 30px 40px 30px;
    }
}

.img-merche-1 {
    background: url(../images/img_merche_01.png) no-repeat center;
    width: 100%;
    height: 141px;
}

.brand-contnet {
    max-width: 633px;
    width: 100%;
    margin: auto;
    height: auto;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #020202;
    letter-spacing: 1px;
    line-height: 32px;
    padding: 0 0 32px 0;
}

.merche-character-01 {
    position: absolute;
    left: 0;
    top: -255px;
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 992px) {
    .merche-character-01 {
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }
}

.merche-character-02 {
    position: absolute;
    left: 0;
    top: -277px;
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 992px) {
    .merche-character-02 {
        position: relative;
        top: 0;
        margin-top: 30px;
    }
}

.white-bg {
    background: #fff;
    padding: 130px 0 8px 0;
}

@media screen and (max-width: 767px) {
    .white-bg {
        padding: 30px 0 8px 0;
    }
}

.yellow-bg {
    position: relative;
    background: #FFDB53;
    padding: 40px 0;
    min-height: 368px;
}

.red-bg {
    background: #FC346A;
    position: relative;
    padding: 40px 0;
    min-height: 368px;
}

.red-bg:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.merche-content-01 {
    max-width: 424px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #020202;
    letter-spacing: 1px;
    line-height: 32px;
}

@media screen and (max-width: 992px) {
    .merche-content-01 {
        margin: auto;
    }
}

.merche-content-02 {
    max-width: 424px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 32px;
    float: right;
}

@media screen and (max-width: 992px) {
    .merche-content-02 {
        margin: auto;
        float: none;
    }
}

.merche-name img {
    margin: auto;
}


@media screen and (max-width: 992px) {
    .merche-name img {
        float: left;
    }
}

/* Model 結束*/

/* Product_content 開始*/

/* 上方模糊圖片 開始 */

.product-banner {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.product-banner figure {
    position: absolute;
    width: 100%;
    height: 450px;
    z-index: 2;
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

@media screen and (max-width: 767px) {
    .product-banner figure {
        display: none;
    }
}

.product-banner-bg {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
    .product-banner-bg {
        display: none;
    }
}

/* 上方模糊圖片 結束 */

.product-commodity-page-top {
    margin-bottom: 20px;
}

.product-commodity-page-top span,
.product-commodity-page-top span a {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.58px;
}

.product-commodity-img {
    /*position: absolute;
	top: -270px;
	z-index: 2;*/
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
}

.product-commodity-img-frame {
    /*position: absolute;
	top: -270px;
	z-index: 2;*/
}

@media screen and (max-width: 768px) {
    .product-commodity-img-frame {
        position: relative;
        top: 0px;
        z-index: 2;
        margin: 30px 0 30px 0;
        width: 100%;
        text-align: center;
    }
}

.product-commodity-img {
    margin-bottom: 15px;
}

.product-commodity-img img {
    height: auto;
    width: 100%;
    transition: all 0.5s;
}

.nav-img img.active {
    opacity: 0.5;
}

/*  動畫 開始 */

.main-view.hide-go {
    opacity: 1;
    -webkit-animation: 1s main-view-hide normal 1 forwards;
    -moz-animation: 1s main-view-hide normal 1 forwards;
    -o-animation: 1s main-view-hide normal 1 forwards;
    animation: 1s main-view-hide normal 1 forwards;
}

@keyframes main-view-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes main-view-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes main-view-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes main-view-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

/*  動畫結束 */

.nav-img li {
    display: inline-block;
    width: 14.666%;
    height: auto;
    margin: 0 1% 15px 1%;
    float: left;
    cursor: pointer;
}

@media screen and (max-width: 1199px) {
    /*.nav-img li{
		width: 23%;
	}*/
}

@media screen and (max-width: 991px) {
    /*.nav-img li{
		width: 31.33333%;
	}*/
}

.product-commodity h1 {
    font-size: 36px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1.5px;
    margin-top: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}


@media screen and (max-width: 768px) {
    .product-commodity h1 {
        color: #4A4A4A;
        font-size: 26px;
    }
}

.product-commodity h2 {
    font-weight: lighter;
    font-size: 36px;
    color: #FFFFFF;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .product-commodity h2 {
        color: #4A4A4A;
        font-size: 26px;
    }
}
@media screen and (min-width: 769px){
    .product-commodity h1 , .product-commodity h2 {
        height: 39px;
    }
}
.promotions-box {
    width: 100%;
}

@media screen and (max-width: 768px) {}

.promotions {
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    border: 1px solid #4A4A4A;
    padding: 6px 10px;
    display: inline-block;
    border-radius: 3px;
    float: left;
    margin: 0 5% 10px 0;
}

@media screen and (max-width: 768px) {
    .promotions {
        color: #4A4A4A;
        border: 1px solid #4A4A4A;
    }
}

.product-commodity-discount {
    font-size: 48px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 48px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-top: 30px;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .product-commodity-discount {
        font-size: 40px;
        color: #4A4A4A;
    }
}

.product-commodity-price {
    opacity: 0.5;
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 32px;
    border: 0px;
    text-decoration: line-through;
    position: relative;
    top: -10px;
}

@media screen and (max-width: 768px) {
    .product-commodity-price {
        color: #4A4A4A;
    }
}

.product-commodity p {
    padding: 30px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 24px;
    display: block;
    margin-bottom: 15px;
    margin-top: 95px;
    height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    .product-commodity p {
        margin: 30px 0;
        color: #4A4A4A;
        height: auto;
    }
}

.added {
    max-width: 312px;
    width: 100%;
}

.added:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.added {
    margin-bottom: 30px;
}

.plus-nodgree {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 2px;
    background: #aaaaaa;
    border-radius: 3px 0 0 3px;
    padding: 13px 50px;
    transition: all 0.5s;
    max-width: 262px;
    width: 85%;
    text-align: center;
}

.plus-soldout {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 2px;
    background: #ffaaaa;
    border-radius: 3px 0 0 3px;
    padding: 13px 50px;
    transition: all 0.5s;
    max-width: 262px;
    width: 85%;
    text-align: center;
}

.plus-order {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 2px;
    background: #D77B7B;
    border-radius: 3px 0 0 3px;
    padding: 13px 50px;
    transition: all 0.5s;
    max-width: 262px;
    width: 85%;
    text-align: center;
}

.plus-order:hover {
    color: #FFFFFF;
}

.plus-wishlist {
    background: #fff;
    padding: 10px 10px 8px 10px;
    display: inline-block;
    transition: all 0.5s;
    max-width: 50px;
    width: 15%;
}

.plus-wishlist i {
    background: url(../images/ic_wishlist.png) no-repeat center;
    display: inline-block;
    height: 30px;
    width: 30px;
    transition: all 0.5s;
}

.share-icon li {
    display: inline-block;
    margin: 0 12px 0 0;
    transition: all 0.5s;
}

.fb-icon i {
    background: url(../images/ic_share_facebook.png) no-repeat center;
    width: 23px;
    height: 23px;
    display: inline-block;
}

.twitter-icon i {
    background: url(../images/ic_share_twitter.png) no-repeat center;
    width: 23px;
    height: 23px;
    display: inline-block;
}

.google-icon i {
    background: url(../images/ic_share_google.png) no-repeat center;
    width: 30px;
    height: 23px;
    display: inline-block;
}

.plurk-icon i {
    background: url(../images/ic_share_plurk..png) no-repeat center;
    width: 23px;
    height: 23px;
    display: inline-block;
}

@media screen and (min-width: 767px) {

    .plus-order:hover {
        opacity: 0.7;
        color: #FFFFFF;
    }

    .plus-wishlist:hover {
        opacity: 0.7;
    }

    .share-icon li i:hover {
        opacity: 0.8;
    }

}

.product-list-page-top.product-content-page-top span,
.product-list-page-top.product-content-page-top a {
    color: #fff;
    margin-top: 150PX;
}

@media screen and (max-width: 767px) {

    .product-list-page-top.product-content-page-top span,
    .product-list-page-top.product-content-page-top a {
        color: #4A4A4A;
        margin-top: 30px;
        margin-bottom: 0px;
    }
}

.product-commodity-frame {
    border-bottom: #E6C4C4 1px solid;
}

/* 相關商品 開始*/

.related-products-frame {
    padding: 30px 0 60px 0;
    border-bottom: #E6C4C4 solid 1px;
}

.related-products-frame:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 相關商品 結束*/

/* 左邊欄相關商品 開始*/

.related-products-left {
    width: 30%;
    float: left;
}

@media screen and (max-width: 992px) {
    .related-products-left {
        width: 100%;
    }
}

.related-products-left:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.related-products-title {
    padding: 0 0 30px 0;
}

.related-products-title h5 {
    color: #aaa;
    letter-spacing: 0.01em;
}

@media screen and (max-width: 992px) {
    .related-products-title {
        padding: 0 15px 30px 15px;
    }
}

.related-products-title h3 {
    font-size: 24px;
    color: #D77B7B;
    letter-spacing: 1.34px;
    font-weight: 300;
}

.related-products-title h4 {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 2px;
}

.related-products-box {
    max-width: 262px;
    border-radius: 3px;
    display: block;
}

@media screen and (max-width: 992px) {
    .related-products-box {
        max-width: 50%;
        float: left;
        padding: 0 15px;
    }
}

@media screen and (max-width: 768px) {
    .related-products-box {
        max-width: 100%;
    }
}

.related-list-products {
    background: #fff;
    padding: 15px 0;
    border-radius: 0 0 3px 3px;
    margin: 0 0 30px 0;
}

.related-list-products h4 {
    font-weight: 600;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 16px;
    margin-top: 0;
}

@media screen and (min-width: 767px) {
    .related-list-products a:hover {
        color: #777;
    }
}

.related-list-products-name {
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    padding: 0 16px 5px 16px;
    border-bottom: #F2F2F2 1px solid;
}

.related-list-products-discount {
    font-weight: 600;
    font-size: 14px;
    color: #D77B7B;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 6px 16px 5px 16px;
    border-bottom: #F2F2F2 1px solid;
}

.related-list-products-price {
    font-size: 20px;
    color: #D77B7B;
    letter-spacing: 0;
    line-height: 32px;
    padding: 5px 16px 0 16px;
    position: relative;
}

.related-list-products-price span {
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    line-height: 32px;
    text-decoration: line-through;
    position: absolute;
    top: 5px;
    padding-left: 9px;
}

/* 左邊欄相關商品 結束*/

/* 右邊欄相關商品 開始*/

.related-products-right {
    width: 70%;
    float: right;
    padding: 0 40px 0 0;
}

@media screen and (max-width: 992px) {
    .related-products-right {
        width: 100%;
        padding: 0 15px;
    }
}

@media screen and (max-width: 768px) {}

.products-description-right {
    max-width: 770px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}

.products-description-right table {
    width: 100%;
}

.products-description-right .products-description-title {
    background: #E6C4C4;
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
}

.products-description-right td {
    font-size: 14px;
    font-weight: 500;
    color: #9B9B9B;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 10px 15px 34px;
}

.products-description-right tr:nth-child(even) {
    background: #fff;
}

.products-description-right tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.50);
}

.word-first {
    font-size: 14px;
    font-weight: 500;
    color: #E6C4C4;
    margin-top: 22px;
}

/* 右邊欄相關商品 結束*/

/* 產品項目 開始 */

.line-up-frame {
    padding: 60px 0 100px 0;
}

.project-title {
    text-align: center;
    position: relative;
}

.project-title h4 {
    font-size: 24px;
    color: #D77B7B;
    letter-spacing: 1.34px;
    font-weight: 200;
}

.project-title h5 {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 2px;
}

/*new 20190805*/
.project-title.sty-nowrap .title{
    text-align: center;
}
@media screen and (max-width: 767px) {
    .project-title.sty-nowrap{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: space-between;
    }

    .project-title.sty-nowrap h4, .project-title.sty-nowrap h5{
        display: inline-block;
        vertical-align: middle;
    }
    .project-title.sty-nowrap h4{
        margin-right: 5px;
    }
}
/*---*/


.line-up-box {
    margin-top: 60px;
}

.line-up-box a {
    font-size: 18px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.75px;
    padding: 38px 0px 37px 0px;
    background: #fff;
    display: block;
    text-align: center;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
}

@media screen and (max-width: 768px) {
    .line-up-box a {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 767px) {
    .line-up-box a:hover {
        opacity: 0.8;
    }
}

/* Product_content 結束*/

/* product_content_stock 開始*/

/* product_content_stock 結束*/

/* store_information 開始*/

.store-information-container {
    position: relative;
}

.store-information-frame {
    padding: 32px 0 30px 0;
    min-height: 330px;
}

@media screen and (max-width: 991px) {
    .store-information-frame {
        padding: 32px 0 70px 0;
    }
}

/*地圖開始*/

#dvMap {
    width: 100%;
    height: 486px;
    position: absolute !important;
    top: 90px;
    left: 0;
}

#dvMapNull {
    height: 486px;
}

@media screen and (max-width: 767px) {

    #dvMap {
        width: 100%;
        height: 486px;
        position: relative !important;
        top: 0px;
    }

    #dvMapNull {
        height: 0;
    }
}

/*地圖結束*/

/* 左邊資訊開始 */

.store-information-sell {
    float: left;
    width: 50%;
}

@media screen and (max-width: 992px) {
    .store-information-sell {
        width: 100%;
        float: none;
        margin-bottom: 0px;
        margin-top: 50px;
    }
}

.store-information-sell-content {
    max-width: 450px;
}

@media screen and (max-width: 992px) {
    .store-information-sell-content {
        margin: auto;
    }
}

.store-information-sell-content span i {
    display: inline-block;
    background: url(../images/ic_warning.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    padding-left: 30px;
}

.store-information-sell-content span {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
}

.colour {
    position: relative;
}

.colour span {
    padding-left: 45px;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
}

.stock {
    width: 30px;
    height: 5px;
    position: relative;
    top: 12px;
    display: inline-block;
}

/* 左邊資訊結束 */

/* 右邊分店資訊開始 */

.branch-information {
    max-width: 485px;
    width: 100%;
    background: #fff;
    padding: 30px 0 8px 0;
    height: auto;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 10px;
    top: -340px;
    z-index: 3;
}

@media screen and (max-width: 992px) {
    .branch-information {
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
    }
}

.branch-information .member-title {
    text-align: left;
    margin-bottom: 10px;
}

.choose-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .choose-menu {
        display: block;
    }

    .choose-menu:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .choose-menu .choose-filter:nth-child(odd) {
        margin-right: 8%;
    }

}

.choose-filter {
    width: 23%;
    height: 50px;
}

@media screen and (max-width: 767px) {
    .choose-filter {
        width: 46%;
        float: left;
        margin-bottom: 3%;
    }

    .choose-filter select {
        text-align-last: center;
    }
}

.choose-filter select {
    width: 100%;
    padding: 15px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/ic_down.png) no-repeat right center;
    border: 0;
    border-radius: 3px;
    background-color: #F2F2F2;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    outline: none;
}

.choose-filter select::-ms-expand {
    display: none;
}

.choose-filter select option {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
}

.choose-filter select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.store-information-content {
    height: 400px;
    overflow-y: auto;
    width: 100%;
}

#reel .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.store-information-address {
    padding: 10px 30px;
    display: block;
}

@media screen and (min-width: 767px) {
    .store-information-address:hover {
        background: #F2F2F2;
        transition: all 0.5s;
    }
}

.store-information-color {
    margin: 0 0 7px 0;
}

.store-information-color:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.store-information-color .red-line,
.store-information-color .green-line,
.store-information-color .blue-line {
    position: relative;
    top: 0;
    display: block;
    margin: 0 10px 0 0;
    float: left;
}

.store-name {
    font-size: 16px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 7px;
}

.store-phone {
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 22px;
}

/* 右邊分店資訊結束 */

/* store_information 結束*/

/* index 開始*/

/* 最新消息開始 */

.news-frame {
    padding: 50px 0;
}

.more {
    right: 0;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    letter-spacing: 2px;
    line-height: 24px;
    text-decoration: none;
    position: absolute;
    top: 10px;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .more {
        position: relative;
        top: 0;
    }
    /*new 20190805*/
    .news-frame {
        padding: 25px 0;
    }
}

@media screen and (min-width: 767px) {
    .more:hover {
        color: #4a4a4a;
        opacity: 0.7;
        transition: all 0.5s;
    }
}

.more span {
    margin: 0 8px;
}

.more-l {
    background: url(../images/ic_back.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    float: left;
    opacity: 1;
    transition: all 0.5s;
}

.more-r {
    background: url(../images/ic_forward.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    float: right;
    opacity: 1;
    transition: all 0.5s;
}

.more-l.swiper-button-disabled,
.more-r.swiper-button-disabled {
    opacity: 0;
    cursor: no-drop;
}

.news-box {
    border-radius: 3px;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
    display: block;
    max-width: 262px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .news-box {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .news-box {
        margin: 0 0 30px 0;
    }
}

.news-box img {
    border-radius: 3px 3px 0 0;
    width: 100%;
}

.news-content {
    padding: 10px 30px 20px 30px;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-content-text {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.5px;
    word-break: break-all;
    width: 100%;
    text-align: left;
}

.news-content-text s {
    font-size: 13px;
}

.news-content-text p {
    margin-bottom: 0px;
}

.news-content-time {
    font-size: 13px;
    color: #B4B4B4;
    letter-spacing: 1.86px;
    margin: 10px 0 0 0;
}

.news-container .swiper-slide {
    max-width: 262px;
    background: none;
}

@media screen and (max-width: 767px) {
    .news-container .swiper-slide {
        max-width: 100%;
    }
}

/* 最新消息結束 */

/* 推薦排行開始 */

.ranking-frame {
    padding: 0 0 60px 0;
}

.ranking-box {
    display: block;
    padding: 30px 50px 26px 50px;
    background: #E6C4C4;
    border-radius: 3px;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.ranking-content {
    position: relative;
    padding: 19px 0 0 0;
}

.ranking-title {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ranking-package {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 60px;
}

.ranking-price {
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32px;
    position: relative;
    margin-top: 10px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 60px;
    font-weight: 100;
    display: none;
}

.ranking-price-fake {
    height: 50px;
}

.ranking-currency {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 14px;
    position: relative;
    top: -5px;
    padding-right: 5px;
}

.ranking-tax {
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 12px;
    position: relative;
    top: -5px;
}

.ranking-number {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0 0 30px;
}

.ranking-number-left {
    font-size: 72px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 72px;
}

.ranking-number-right {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
}

/* 推薦排行結束 */

/* 首頁 slide 開始*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index-slide img {
    max-width: 100%;
}

.index-slide {
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-pagination.index-pagination {
    text-align: center;
}
.index-slide .swiper-button-prev, .index-slide .swiper-button-next{
    background-image: none;
    width: 30px;
    height: 30px;
    border-bottom: 3px solid #D77B7B;
}
.index-slide .swiper-button-next{
    border-right: 3px solid #D77B7B;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
.index-slide .swiper-button-prev{
    border-left: 3px solid #D77B7B;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
@media screen and (min-width: 767px) {
    .index-pagination .swiper-pagination-bullet {
        width: 30px;
        height: 8px;
        background: #FFFFFF;
        border-radius: 100px;
    }
}

@media screen and (max-width: 767px) {
    .index-pagination .swiper-pagination-bullet {
        background: #FFFFFF;
    }
    .index-slide .img-wrap{
        position: relative;
        overflow: hidden;
    }
    .index-slide img{
        max-width: 160%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* 首頁 slide 結束*/

/* index 結束*/































































/* Popup 開始 */

.modal-content {
    padding: 25px 30px;
}

.modal-close {
    width: 24px;
    height: 24px;
    background: url(../images/ic_cancel.png);
    position: absolute;
    top: 25px;
    right: 30px;
    cursor: pointer;
    transition: all 0.5s;
}

@media screen and (min-width: 991px) {
    .modal-close:hover {
        opacity: 0.5;
    }
}

/* 重新寄送郵件 開始 */

.popup-resand h3 {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 24px;
    margin: 0;
}

.popup-resand p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.06em;
    color: #4A4A4A;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.popup-input {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

/* 重新寄送郵件 結束 */

/* 郵件已寄送 開始 */

.popup-mail i {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../images/ic_message_big.png);
    margin: 0 auto;
    margin-top: 90px;
}

.popup-mail h3 {
    font-size: 24px;
    color: #4A4A4A;
    margin: 30px 0 0 0;
    text-align: center;
}

.popup-mail p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    text-align: center;
    max-width: 375px;
    margin: 0 auto;
    margin-top: 20px;
}

/* 郵件已寄送 結束 */

/* 同意聲明 開始 */


.popup-agree h3 {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 24px;
    margin: 0;
}

.popup-agree ul {
    padding-left: 30px;
    margin-bottom: 70px;
}

.popup-agree ul li {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    margin: 10px 0 0 0;
    list-style-type: disc;
}

/* 同意聲明 結束 */

/* 加入訂單 開始 */
.popup-order{
    width: 100%;
    max-width: 700px;
    padding: 25px 50px;
}
.popup-order h3 {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 24px;
    margin: 0;
}

.popup-order h2 {
    font-size: 20px;
    line-height: 28px;
    color: #D77B7B;
    letter-spacing: 0.084em;
    margin: 30px 0 0 0;
    font-weight: 900;
}

.popup-order p {
    font-size: 20px;
    line-height: 28px;
    color: #D77B7B;
    letter-spacing: 0.084em;
    margin: 0;
    font-weight: 100;
}

.quantity-2 p{
    display: none;
}
.quantity-2.sold-out{
    display: flex!important;
    justify-content: center;
}
.quantity-2.sold-out p{
    display: block;
    width:138px;
    line-height: 48px;
    text-align:center;
    font-weight: bold;
}
.quantity-2.sold-out .quantity-content-2{
    display: none;
}

/* 選擇類型 開始 */

.select-product {
    width: 150px;
    height: 48px;
    background-color: #F2F2F2;
    border: 0;
    border-radius: 0;
    font-size: 20px;
    color: #4A4A4A;
    padding: 0 15px;
    background-image: url(../images/ic_down.png);
    background-repeat: no-repeat;
    background-position: right;
    -webkit-appearance: none;
    /*Chrome*/
    -moz-appearance: none;
    /*FF*/
    appearance: none;
    /*CSS3*/
}

.select-product::-ms-expand {
    display: none;
}

/* 選擇類型 結束 */

/* 數量控制 開始 */

.product-quantity {
    margin-bottom: 35px;
    margin-top: 40px;
}

.product-quantity .product-quantity-subtitle {
    font-size: 14px;
    color: #4A4A4A;
    padding-bottom: 5PX;
}

.quantity-box-2 {
    background: #F2F2F2;
    height: 48px;
    padding: 0 10px;
}

.quantity-2 {
    display: table;
}

.quantity-content-2 {
    display: table-row;
}

.gifts-minus-2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.gifts-minus-2 span {
    display: inline-block;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(../images/ic_minus.png);
    cursor: pointer;
}

.gifts-plus-2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.gifts-plus-2 span {
    display: inline-block;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(../images/ic_plus.png);
    cursor: pointer;
}

.gifts-num-2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    line-height: 48px;
    color: #4A4A4A;
    text-align: center;
    padding: 0 10px;
    min-width: 90px;
}

.pc-p-l-30 {
    padding-left: 30px;
}

@media screen and (max-width: 767px) {

    .product-quantity {
        display: block;
        width: 100%;
    }

    .product-quantity tbody {
        display: block;
        width: 100%;
    }

    .product-quantity tr {
        display: block;
        width: 100%;
    }

    .product-quantity td {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .product-quantity th {
        display: block;
        width: 100%;
    }

    .select-product {
        width: 100%;
    }

    .quantity-box-2 {
        width: 100%;
    }

    .quantity-box-2 .quantity-2 {
        width: 100%;
        text-align: center;
    }

    .quantity-box-2 .quantity-2 a {
        text-align: center;
    }

    .pc-p-l-30 {
        padding-left: 0;
    }

}

/* 數量控制 結束 */

p.remarks {
    font-size: 14px;
    color: #D77B7B;
    margin-bottom: 5px;
}

p.remarks span {
    font-size: 14px;
    color: #4A4A4A;
    margin-right: 3px;
}

.gifts-content {
    background: #F2F2F2;
    padding: 0 20px;
}

.gifts-content.pink {
    background: #E6C4C4;
}

.gifts-table {
    width: 100%;
}

.gifts-table th {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 30px;
    background: #E6C4C4;
}

.gifts-table td {
    height: 70px;
    border-bottom: 1px #D3D3D3 solid;
    vertical-align: middle;
}

.gifts-table td img {
    width: 50px;
    height: 50px;
}

.gifts-table td h5 {
    font-size: 14px;
    color: #4A4A4A;
    padding: 0 10px;
}

.gifts-table td h6 {
    font-size: 14px;
    color: #4A4A4A;
    padding: 0 10px;
}

.scrolls {
    height: 190px;
    overflow-y: auto;
}

@media screen and (max-width: 767px) {
    .scrolls {
        height: auto;
        overflow-y: auto;
    }
}

/* 贈品 數量控制 開始 */

.quantity-box {
    margin: 5px;
    padding: 5px 10px;
    background: #fff;
    display: inline-block;
}

.quantity {
    display: table;
}

.quantity-content {
    display: table-row;
}

.gifts-minus {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.gifts-minus span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ic_minus2.png);
    cursor: pointer;
    transition: all 0.5s;
}

.gifts-plus {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    background: #fff;
}

.gifts-plus span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ic_plus2.png);
    cursor: pointer;
}

.gifts-num {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #4A4A4A;
    text-align: center;
    padding: 0 10px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
._arrow{
    position: relative;
}
._arrow::after{
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 15px; 
    z-index: -1;
    right: 0;
    background-image: url(../images/ic_forward_red.png);
    background-repeat: no-repeat;
    background-position: right;
    transform: rotate(90deg);
}

/* 贈品 數量控制 結束 */

.mobile-title {
    display: none;
}

@media screen and (max-width: 767px) {

    .gifts-content.pink {
        display: none;
    }

    .gifts-content {
        padding: 0;
    }

    .gifts-table {
        display: block;
    }

    .gifts-table tr {
        display: block;
        line-height: auto;
        padding: 10px 10px 20px 10px;
        margin-bottom: 20px;
        border-bottom: 1px #ccc solid;
    }

    .gifts-table tr:last-child {
        margin-bottom: 0px;
    }

    .gifts-table td {
        display: block;
        border-bottom: 0;
        height: auto;
        width: 100%;
    }

    .gifts-table td img {
        width: 100%;
        height: auto;
    }

    .quantity-box {
        width: 100%;
        margin-bottom: 10px;
    }

    .quantity {
        width: 100%;
    }

    .quantity-content a {
        width: 25px;
        text-align: center;
    }

    .mobile-title {
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        color: #777;
        padding: 0 10px;
    }

}

/* 加入訂單 結束 */

/* Popup 結束 */






@media screen and (max-width: 767px) {
    .my-favorite-right .cart-style {
        width: 100%;
        padding: 0;
    }
}

/* button-style共用 */

button {
    outline: none;
}

.button-style {
    width: 234px;
    height: 44px;
    background: #D77B7B;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.58px;
    transition: all 0.5s;
    margin-bottom: 10px;
}

.button-style.disabled {
    background-color: buttonface;
}

a.button-style {
    display: inline-block;
    line-height: 44px;
    margin: 0;
    color: #fff;
}

@media screen and (min-width: 991px) {
    .button-style:hover {
        opacity: 0.85;
    }

}

.button-style.gray {
    background: #B4B4B4;
    margin: 0;
}

/* input-style共用 */

.input-style input {
    width: 100%;
    outline: none;
    border-top: none;
    height: 40px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #4A4A4A;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    padding: 0;
}

.input-style input.checkinput{
    margin-bottom: 5px;
}

.-disabled-{
    background-color: #b4b4b4;
}

.member-register .input-style p.count-text{
    color: #333;
    display: none;
}

.input-height input {
    height: 35px;
}

.member-profile .input-style input {
    margin-bottom: 15px;
}

.input-style label {
    margin-bottom: 0;
}

input:disabled {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #D3D3D3;
}

input:focus {
    border-bottom: 1px solid #D77B7B;
}

input::-webkit-input-placeholder {
    color: #B4B4B4;
}

input:-moz-placeholder {
    color: #B4B4B4;
}

input::-moz-placeholder {
    color: #B4B4B4;
}

input:-ms-input-placeholder {
    color: #B4B4B4;
}

textarea::-webkit-input-placeholder {
    color: #B4B4B4;
}

textarea:-moz-placeholder {
    color: #B4B4B4;
}

textarea::-moz-placeholder {
    color: #B4B4B4;
}

textarea:-ms-input-placeholder {
    color: #B4B4B4;
}

textarea {
    background: #F2F2F2;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.58px;
    border: 0;
    width: 100%;
    height: 100px;
    padding: 15px;
    outline: none;
}

.checkbox-style {
    width: 312px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.checkbox-style input {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #D8DDE6;
    border-radius: 2px;
    margin-top: 2px;
    margin-right: 4px;
}

.checkbox-style label {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin-right: 4px;
}

.checkbox-style label a {
    font-size: 14px;
    color: #D67A7A;
    letter-spacing: 0;
    line-height: 20px;
}

/* select-style共用 */

.select-style select {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #4A4A4A;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #B4B4B4;
    letter-spacing: 0.58px;
    outline: none;
}

select:focus {
    border-bottom: 1px solid #D77B7B;
}

.member-register label,
.forget-password label,
.member-register label {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.66px;
    font-weight: 100;
}

/* content-wrap-750共用 */

.content-wrap-750 {
    max-width: 750px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ffeeee;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
    border-radius: 3px;
    position: relative;
    margin: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}

/* registration-success 註冊成功 */

.registration-success {
    margin-bottom: 138px;
}

.success_img {
    margin: 70px 0 30px 0;
}

.registration-success h1 {
    font-size: 36px;
    color: #4A4A4A;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.registration-success p {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.66px;
    margin-bottom: 50px;
}

/* member-register 註冊新會員 */

.member-frame {
    margin: 0 auto;
}

.member-register p {
    font-size: 14px;
    color: #E6C4C4;
    letter-spacing: 0.58px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}

.member-register .error{
    display: inline-block;
    vertical-align: top;

}
.member-register a {
    color: #4A4A4A;
}

/* forget-password 忘記密碼 */

.forget-password p {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.66px;
    margin-top: 55px;
    margin-bottom: 60px;
}

.Recaptcha_wrap img {
    max-width: 345px;
    max-height: 85px;
}

/* coupon_page 我的折扣券頁 */

@media screen and (max-width: 991px) {
    .member-title.coupon_page {
        margin-bottom: 15px;
    }
}

.container {
    position: relative;
}

.classification {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}

.classification li {
    display: inline-block;
}

.classification ul li a {
    display: block;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 0.056em;
    color: #4A4A4A;
    border-radius: 3px;
    text-align: center;
    padding: 0 10px;
}

.classification ul li a.active {
    color: #FFFFFF;
    background: #E6C4C4;
    box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
}

@media screen and (max-width: 767px) {

    .classification {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 767px) {

    .classification ul li a:hover {
        color: #FFFFFF;
        background: #E6C4C4;
        box-shadow: 0 8px 26px rgba(120, 120, 120, 0.2);
    }
}

.coupon {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ffeeee;
    border-radius: 3px;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
    .member-profile-left {
        margin-bottom: 50px;
    }
}

.coupon-left {
    width: 60%;
    float: left;
    padding: 20px;
}

.coupon-right {
    max-width: 203.5px;
    width: 40%;
    float: right;
    padding: 20px 10px 17px 20px;
    border-left: 1px dashed #B4B4B4;
}

.coupon-left p {
    font-weight: 600;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.5px;
}

.coupon-left span {
    display: inline-block;
    font-size: 20px;
    color: #D77B7B;
    letter-spacing: 0;
}

@media screen and (max-width: 767px) {
    .coupon-left span {
        font-size: 14px;
    }
}

.coupon-left span i {
    width: 18px;
    height: 19px;
    display: inline-block;
    background: url(../images/ic_duplicate.png);
    margin-left: 15px;
}

.coupon-right p {
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
}

.coupon-right span {
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
}

@media screen and (max-width: 1199px) {

    .coupon-left span {
        margin: 0;
        line-height: 40px;
    }

    .coupon-left span i {
        margin-left: 0;
    }

    .coupon-right span {
        display: block;
    }

    .coupon-right span i {
        display: block;
    }

}

.status {
    width: 61px;
    height: 26px;
    border-radius: 3px;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    margin-top: 14px;
}

.used {
    background: #B4B4B4;
}

.unused {
    background: #D77B7B;
}

.loading_img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.loading_wrap span {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 2px;
}

@media screen and (max-width: 991px) {
    .classification {
        text-align: center;
        position: static;
    }

    .coupon-menu>li {
        padding: 0px;
    }

}

/* my_favorite 我的最愛頁 */

.my-favorite {
    padding: 15px;
    box-shadow: 0px 0px 0px #333;
}

.product_img {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.my-favorite-left {
    padding-left: 115px;
    width: 50%;
    float: left;
}

.my-favorite-right {
    float: right;
    width: 50%;
    padding: 12px 0;
}

.product_name {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.5s;
}

@media screen and (min-width: 767px) {
    .product_name:hover {
        color: #4A4A4A;
        opacity: 0.7;
    }

}

.product_specification {
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin-bottom: 6px;
}

.product_price {
    font-size: 20px;
    color: #D77B7B;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 100;
}

.my-favorite-right .cart-style {
    margin: 0;
    float: right;
}

.favorite-delete {
    float: right;
    width: 24px;
    height: 44px;
    margin: 0 10px 0 20px;
    background: url(../images/ic_delete2.png) no-repeat center;
    border: 0;
}

@media screen and (max-width: 767px) {
    .product_img {
        position: absolute;
        bottom: none;
        top: 15px;
        width: 140px;
        height: 140px;
    }

    .my-favorite-left {
        padding-left: 160px;
        width: 100%;
    }

    .my-favorite-right {
        padding-left: 160px;
        width: 100%;
    }

    .cart-style {
        max-width: 150px;
        margin: 10px 5px 0px 0px;
    }

    .my-favorite-right .cart-style {
        margin: 0;
        display: block;
        float: left;
        max-width: 120px;
    }

    .favorite-delete {
        float: right;
    }
}

/* eye_degree 度數管理頁 */

.eye-degree {
    padding: 100px 0px 30px 0px;
}

.eye_degree_wrap {
    position: relative;
}

/* 度數上方 開始 */

.eye-content {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}

.eye-content-left {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
}

.eye-content-right {
    width: 50%;
    float: right;
    text-align: center;
    position: relative;
}

.eye-content span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.058em;
    color: #D77B7B;
    margin-top: 12px;
}

.eye-content select {
    width: 100%;
    max-width: 160px;
    height: 44px;
    border: none;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 20px;
    /* background: url(../images/ic_down.png) no-repeat right; */
    margin-top: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.eye-content select::-ms-expand {
    display: none;
}

.eye-content .eye_value_box {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 160px;
    font-size: 36px;
    cursor: pointer;
    height: 44px;
    color: #4A4A4A;
    background: url(../images/ic_down.png) no-repeat right;
}

.eye-content-left .eye_value_box {
    left: 0;
}

.eye-content-right .eye_value_box {
    right: 0;
}

@media screen and (max-width: 767px) {

    .eye-content-left {

        width: 100%;
        float: none;
    }

    .eye-content-right {
        width: 100%;
        float: none;
    }

    .eye-content select.pull-right,
    .eye-content select.pull-left {
        float: none !important;
    }

    .eye-content span {
        display: block;
        text-align: center;
        margin-bottom: 30px;
        font-size: 16px;
    }

    .eye-content-left .eye_value_box {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .eye-content-right .eye_value_box {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}

.eye_degree_date {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    margin-top: 50px;
}

.eye_degree_date input {
    background: url("../images/ic_calender.png") no-repeat right center transparent;
    color: #B4B4B4;
}

.eye_degree_date input:focus {
    background: none;
}

.eye-degree-remarks {
    font-size: 14px;
    line-height: 20px;
    color: #4A4A4A;
    background: url(../images/ic_warning.png) no-repeat top left;
    padding-left: 36px;
    font-weight: 100;
    width: 100%;
    max-width: 570px;
    margin: 0 auto;

}

@media screen and (max-width: 767px) {

    .eye_degree_date {
        width: 240px;
        margin-bottom: 20px;
    }

    .eye-degree-remarks {
        width: 80%;
    }

}

/* 度數上方 結束 */

.eye-degree h5 {
    font-size: 14px;
    color: #D77B7B;
    letter-spacing: 0.58px;
    padding: 51px 30px 10px 30px;
    margin: 0px;
}

.eye-degree table {
    width: 100%;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0.58px;
}

.eye-degree th,
.eye-degree td {
    font-family: AppleSystemUIFont;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.66px;
    padding: 10px 30px;
}

.eye-degree tr:nth-child(even) {
    background-color: #F2F2F2;
}

@media screen and (max-width: 767px) {

    .eye-degree h5 {
        font-size: 16px;
        color: #D77B7B;
        letter-spacing: 0.58px;
        padding: 0 15px;
        margin: 100px 0 0 0;
    }

    .eye-degree table {
        display: block;
    }

    .eye-degree tbody {
        display: block;
        width: 100%;
    }

    .eye-degree table tr {
        display: block;
        padding: 15px;
    }

    .eye-degree table th {
        display: none;
    }

    .eye-degree table td {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    .eye-degree table td .mobile-title {
        font-size: 16px;
        font-weight: 900;
        color: #999;
    }

}

/* member-profile 個人資料管理頁 */

/* freeow 開始 */

.freeow p {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 18px;
    left: 15px;
    background: url(../images/ic_warning_white.png);
}

.freeow.success p {
    background: url(../images/ic_success_white2.png);
}

.freeow .close {

    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background: none;
    opacity: 1
}

.freeow div:hover .close {
    background: url(../images/ic_cancel_white2.png);
    cursor: pointer;
}

/* freeow 結束 */

.member-profile-right {
    margin-bottom: 100px;
}

.member-register h5 {
    font-size: 14px;
    color: #D77B7B;
    letter-spacing: 0.58px;
    margin: 0px;
}

.member-profile {
    padding: 30px;
}

.birthday {
    width: 48%;
    float: left;
    margin-top: 3px;
}

.birthday input {
    background: url("../images/ic_calender.png") no-repeat right center transparent;
    color: #B4B4B4;
}

.birthday input:focus {
    background: none;
}

.gender {
    width: 48%;
    float: right;
}

.gender select {
    width: 100%;
    height: 38px;
    outline: none;
    border: 0;
    border-bottom: 1px #4A4A4A solid;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #B4B4B4;
    letter-spacing: 0.58px;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    background: url(../images/ic_down.png) no-repeat right;
}

.gender select::-ms-expand {
    display: none;
}

.address_wrap li:nth-child(1) {
    padding: 0px 5px 0px 0px;
}

.address_wrap li:nth-child(2) {
    padding: 0px 5px;
}

.address_wrap li:nth-child(3) {
    padding: 0px 0px 0px 5px;
}

.address_wrap select {
    color: #4A4A4A;
}

.address_wrap select {
    width: 100%;
    height: 46px;
    outline: none;
    border: 0;
    border-bottom: 1px #4A4A4A solid;
    padding: 0;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    background: url(../images/ic_down.png) no-repeat right;
}

.address_wrap select::-ms-expand {
    display: none;
}
@media screen and (max-width: 413px) {
    .birthday {
        width: 100%;
    }
    .gender {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .member-profile-right {
        margin-bottom: 50px;
    }
    .address_wrap li:nth-child(1) {
        padding: 0px;
    }
    .address_wrap li:nth-child(2) {
        padding: 0px;
    }
    .address_wrap li:nth-child(3) {
        padding: 0px;
    }
}

/* member_login 會員登入 */

.login-bg {
    background: #E6C4C4;
}

.cancel_img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.member-login-content {
    max-width: 487px;
    background: #fff;
}

.member-login-FB {
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding-top: 45px;
}

.member-login-FB button {
    margin: 45px 0px 30px 0px;
}

.fb_button {
    width: 234px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 44px;
    background-color: #4460A0;
    border-radius: 3px;
    border: none;
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.58px;
    background-image: url(../images/ic_sign-in_facebook2.png);
    background-repeat: no-repeat;
    text-align: center;
    text-indent: 28px;
    transition: all 0.5s;
    display: block;
}

@media screen and (min-width: 767px) {
    .fb_button:hover {
        opacity: 0.8;
        color: #fff;
    }
}

.or_text {
    font-size: 14px;
    color: #B4B4B4;
    letter-spacing: 0.58px;
}

.member-login-account {
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
}

.member-login-account input {
    margin-bottom: 25px;
}

.remember_me_wrap {
    margin-bottom: 22px;
}

.remember_me_wrap label {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
}

.member-login-right {
    min-width: 263px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.no-member-text {
    padding-top: 183px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.066em;
}

.sign-up-now {
    display: block;
    width: 130px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.20);
    margin: 0 auto;
    margin-top: 26px;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.58px;
    text-align: center;
    transition: all 0.5s;
}

@media screen and (min-width: 767px) {
    .sign-up-now:hover {
        opacity: 0.7;
        color: #fff;
    }
}


@media screen and (max-width: 991px) {
    .login-bg {
        background: #fff;
    }

    .member-login-content {
        width: 100%;
        max-width: 100%;
    }

    .member-login-right {
        position: relative;
        top: 0;
        right: 0;
    }

    .no-member-text {
        padding-top: 20px;
    }

    .sign-up-now {
        margin-bottom: 50px;
        width: 234px;
    }
}

/* dividend 開始*/

/* 上方標題 開始 */

.marked-top {
    background: #fff;
    padding: 10px 20px 10px 15px;
    width: 100%;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.1);
}

.marked-top .available {
    text-align: center;
}

.available {
    color: #4A4A4A;
    font-size: 12px;
}

.available .bonus-points {
    color: #D77B7B;
}

/* 上方標題 結束 */

.dividend-framez {
    width: 100%;
}

.no-data {
    padding: 95px 0 125px 0;
    text-align: center;
}

.no-data span {
    display: block;
    color: #E6C4C4;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}

.dividend-frame {
    padding: 0 0 10px 0;
}

.redeem-goods-box {
    margin: 0 0 30px 0;
}

.redeem-goods {
    display: block;
}

.redeem-goods-content {
    padding: 20px;
    background: #fff;
    width: 100%;
}

.redeem-goods-content h4 {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.redeem-goods-content h5 {
    color: #4A4A4A;
    font-size: 14px;
    margin-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.redeem-goods-content .bonus-points {
    color: #D77B7B;
    font-size: 20px;
    margin-right: 5px;
}

.redeem-goods-content .points {
    color: #9B9B9B;
    font-size: 14px;
}

.exchange {
    color: #D77B7B;
    font-size: 14px;
    line-height: 24px;
    display: block;
    width: 80px;
    margin: 15px 0 0 0;
}

.exchange:hover {
    color: #D77B7B;
}

.exchange i {
    background: url(../images/ic_forward_red.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
}

/* dividend 結束*/

/* 我的訂單 開始*/

/* 上方標題 開始 */

.my-degree {
    color: #4A4A4A;
    font-size: 14px;
}

.my-degree i {
    background: url(../images/ic_cart_my-degree.png) no-repeat;
    width: 30px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
}

.degree-management {
    color: #D77B7B;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .degree-management {
        margin-top: 10px;
    }
}

.degree-management:hover {
    color: #D77B7B;
}

.degree-management i {
    background: url(../images/ic_forward_red.png)no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    margin-left: 5px;
}

/* 上方標題 結束 */

.order-frame {
    border-bottom: #E6C4C4 1px solid;
    padding: 0 0 50px 0;
}

/* 左邊訂單欄 開始 */

.order-box {
    background: #fff;
    width: 100%;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.1);
}

.order-box table.order-table {
    width: 100%;
    background: #fff;
}

.order-box table.order-table tr th {
    padding: 20px 10px 10px 10px;
    font-size: 14px;
    letter-spacing: 0.058em;
    color: #4A4A4A;
}

.order-box table.order-table table {
    width: 100%;
}

.order-box table.order-table table tr td {
    padding: 0;
    padding: 10px 10px;
    border-top: 1px #fff solid;
}

.order-box table.order-table tr:nth-child(odd) table tr {
    background: #F9F9F9;
}

.order-box table.order-table tr:nth-child(even) table tr {
    background: #F2F2F2;
}

.order-box table tr:nth-child(1) {
    background: #fff;
    color: #4A4A4A;
    font-size: 14px;
}

.order-box table tr td {
    padding: 0 0 10px 0;
}

.order-img {
    width: 80px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .order-img {
        height: auto;
        width: 100%;
    }
}

.my-order-commodity h4 {
    font-weight: 600;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin: 0 0 7px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
}

.my-order-commodity .my-order-product {
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin: 0;
    display: block;
}

.my-order-commodity .capacity {
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #B4B4B4;
    letter-spacing: 0;
    line-height: 20px;
    display: block;
}

.my-order-commodity .remarks {
    font-size: 12px;
    font-weight: 500;
    color: #D77B7B;
    letter-spacing: 0.5px;
    line-height: 12px;
    display: block;
    margin-top: 6px;
}

.my-order-unit-price {
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    line-height: 24px;
    display: block;
}

.my-order-subtotal {
    font-family: AppleSystemUIFont;
    font-size: 16px;
    color: #D77B7B;
    letter-spacing: 0;
    line-height: 24px;
    display: block;
    text-align: right;
}

.my-order-edit a {
    background: url(../images/ic_edit.png) no-repeat center;
    width: 100%;
    height: 24px;
    display: block;
    opacity: 0.3;
}

.mobile-my-order-edit {
    display: none;
}

.my-order-quantity {
    text-align: center;
    font-size: 16px;
    color: #4A4A4A;
    font-family: AppleSystemUIFont;
    padding: 0 10px;
}

.remove-product {
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/ic_cancel.png) no-repeat center;
    opacity: 0.5;
    margin: 0 auto;
    cursor: pointer;
}

.product-error {
    background: #FFEEEE;
    border: 1px #D77B7B solid;
}

.order-box table.order-table table tr.product-error td {
    background: #FFEEEE;
    border-top: 1px #D77B7B solid;
}

@media screen and (max-width: 767px) {

    .order-box table.order-table tr:nth-child(odd) table tr {
        background: #fff;
    }

    .order-box table.order-table tr:nth-child(even) table tr {
        background: #fff;
    }

    .order-box table {
        background: #fff;
        margin-bottom: 0px;
    }

    .order-box table tbody th {
        display: none;
    }

    .order-box table tbody {
        display: block;
        width: 100%;
    }

    .order-box table tr {
        display: block;
        width: 100%;

        position: relative;
    }

    .order-box table tr td {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    .my-order-product {
        padding: 10px 0px;
    }

    .order-box table tr td.my-order-edit {
        display: block;
        width: 50%;
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .my-order-subtotal {
        text-align: left;
    }

    .my-order-quantity {
        text-align: left;
    }

    .mobile-my-order-edit {
        background: url(../images/ic_edit.png) no-repeat center;
        width: 50%;
        height: 24px;
        display: block;
        opacity: 0.3;
        display: none;
    }

    .remove-product {
        width: 50%;
        height: 24px;
        display: block;
        background: url(../images/ic_cancel.png) no-repeat center;
        opacity: 0.5;
        float: left;
        cursor: pointer;
    }

}

/* 左邊訂單欄 結束 */

/* 右邊結帳欄 開始 */

.checkout-box {
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .checkout-box {
        margin-top: 20px;
        padding: 0 10px;
    }
}

.checkout-box table {
    width: 100%;
}

.pink-text {
    font-size: 14px;
    font-weight: 500;
    color: #D77B7B;
    letter-spacing: 0.58px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 225px;
    display: block;
}

@media screen and (max-width: 767px) {
    .pink-text {
        max-width: 170px;
    }
}

.pink-price {
    font-family: AppleSystemUIFont;
    font-size: 14px;
    color: #D77B7B;
    letter-spacing: 0.58px;
}

.checkout-box table td {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    line-height: 60px;
}

.checkout-box table tr {
    border-top: #fff 1px solid;
}

.checkout-box table td:last-child {
    text-align: right;
}

.tax {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.58px;
}

.total {
    display: block;
    font-size: 20px;
    color: #D77B7B;
    letter-spacing: 0.83px;
    text-align: right;
}

.shopping {
    font-size: 14px;
    font-weight: 500;
    color: #D77B7B;
    letter-spacing: 0.58px;
    background: #FFFFFF;
    border-radius: 3px;
    padding: 12px 53px;
}

@media screen and (max-width: 767px) {
    .shopping {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.shopping:hover {
    color: #D77B7B;
}

@media screen and (min-width: 767px) {
    .shopping:hover {
        opacity: 0.7;
    }
}

.purchasing {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.58px;
    background: #D77B7B;
    border-radius: 3px;
    padding: 12px 53px;
}

@media screen and (max-width: 767px) {
    .purchasing {
        display: block;
        width: 100%;
    }
}

.purchasing:hover {
    color: #FFFFFF;
}

@media screen and (min-width: 767px) {
    .purchasing:hover {
        opacity: 0.7;
    }
}

/* 右邊結帳欄 結束 */

/* 站長推薦 開始 */

.we-recommend-frame {
    padding: 60px 0 0 0;
}

.we-recommend-box {
    margin: 0 0 30px 0;
}

.we-recommend-products {
    margin: 0;
}

/* 站長推薦 結束 */

/* 配送條款 開始 */

.popup-delivery-terms h3 {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 24px;
    margin: 0;
}

.popup-delivery-terms p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 50px;
}

/* 配送條款 結束 */

/* 選擇門市 開始 */

/* Popup 開始 */

.select-store-box h3 {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 24px;
    margin: 0;
}

.select-store table {
    background: #fff;
    height: 500px;
    width: 100%;
    background: #F9F9F9;
}

.select-store table td {
    padding: 0;
}

#dvMap2 {
    width: 100%;
    height: 500px;
}

/* Popup 結束 */

/* 我的訂單 結束 */

/* contact 開始 */

.member-title span p {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    text-align: center;
    margin: 0;
}

.contact-frame {
    max-width: 750px;
    width: 100%;
    padding: 60px 125px 30px 125px;
    background: #fff;
    margin: auto;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
    .contact-frame {
        padding: 60px 30px 40px 30px;
    }
}

.contact-box {
    width: 100%;
}

.contact-box textarea {
    margin: 10px 0 0 0;
}

/* contact 結束 */

/* product-returns 開始*/

.product-returns-frame {
    max-width: 750px;
    width: 100%;
    padding: 40px 40px 32px 40px;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin: auto;
}

.notes {
    font-size: 16px;
    font-weight: 500;
    color: #D77B7B;
    letter-spacing: 0.66px;
    margin-bottom: 15px;
    display: block;
}

.product-returns-box {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin: 0 0 20px 0;
    line-height: 30px;
}

.product-returns-box li {
    margin-bottom: 10px;
}

.notice {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
    display: block;
}

.precautions {
    padding: 0 0 0 30px;
}

.precautions li {
    list-style: decimal;
    padding: 0 0 0 10px;
}

.mailbox {
    font-weight: 400;
    font-size: 16px;
    color: #D77B7B;
    line-height: 28px;
}

.remind {
    padding: 0 0 0 30px;
}

.remind li {
    list-style: disc;
    padding: 0 0 0 10px;
}

/* product-returns 結束 */

/* reservation_step1 2 預訂流程 開始 */

/* 上方標題與麵包屑 開始 */

.reservation-title h1 {
    font-size: 36px;
    letter-spacing: 0.15em;
    color: #4A4A4A;
    line-height: 50px;
    float: left;
    margin: 0 30px 0 0;
}

.reservation-title .order-process {
    line-height: 50px;
    text-align: left;
}

.order-process {
    font-size: 18px;
    font-weight: 500;
    color: #B4B4B4;
    letter-spacing: 0.75px;
    line-height: 24px;
    width: 100%;
    text-align: center;
}

.order-process li {
    display: inline-block;
}

.order-process-red {
    font-size: 18px;
    font-weight: 500;
    color: #B4B4B4;
    letter-spacing: 0.75px;
    line-height: 24px;
}

.order-process-red.active {
    color: #D77B7B;
}

.pick-up i {
    background: url(../images/ic_cart_step-1_gray.png)no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.confirm i {
    background: url(../images/ic_cart_step-2_gray.png)no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.finish i {
    background: url(../images/ic_cart_step-3_gray.png)no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.pick-up.active i {
    background: url(../images/ic_cart_step-1.png)no-repeat;

}

.confirm.active i {
    background: url(../images/ic_cart_step-2.png)no-repeat;
}

.finish.active i {
    background: url(../images/ic_cart_step-3.png)no-repeat;
}

@media screen and (max-width: 767px) {
    .reservation-title h1 {
        float: none;
    }

}

/* 上方標題與麵包屑 結束 */

/* 左邊 填寫資料 開始 */

.fill-box {
    padding: 40px 45px 0px 45px;
}

.order-frame select {
    width: 100%;
    height: 38px;
    outline: none;
    border: 0;
    border-bottom: 1px #4A4A4A solid;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #B4B4B4;
    letter-spacing: 0.58px;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    background: url(../images/ic_down.png) no-repeat right;
}

.order-frame select::-ms-expand {
    display: none;
}

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

.choose-store a {
    display: inline-block;
    font-size: 14px;
    color: #D77B7B;
    line-height: 20px;
    margin-right: 35px;
    transition: all 0.5s;
}

.choose-store a i {
    display: inline-block;
    float: left;
    background: url(../images/ic_cart_add2.png);
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

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

.add-store a {
    font-size: 14px;
    color: #D77B7B;
    line-height: 20px;
    display: inline-block;
    transition: all 0.5s;
}

.add-store a i {
    display: inline-block;
    float: left;
    background: url(../images/ic_cart_choose-store2.png);
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.input-required {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    width: 33px;
    height: 20px;
    background: #9B9B9B;
    border-radius: 3px;
    text-align: center;
    margin-left: 6px;
}

.fill-box input.text-inpute {
    font-size: 14px;
    color: #4A4A4A;
}

.fill-box textarea {
    widows: 100%;
    height: 100px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.058em;
    color: #B4B4B4;
    padding: 15px;
}

.store-infor {
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

.store-infor input {
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.fill-left {
    float: left;
    width: 47%;
}

.fill-right {
    float: right;
    width: 47%;
}

.line01 {
    border-bottom: 1px #D8D8D8 solid;
}

.no-border {
    border-bottom: 0px;
}

.remove-discount-roll-box {
    position: relative;
}

.remove-discount-roll {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 30px;
    right: 0;
    background: url(../images/ic_cancel2.png);
}

.discount-roll-text {
    font-size: 14px;
    letter-spacing: 0.058em;
    color: #D77B7B;
    margin-top: 30px;
}

.discount-gif_box {
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 0;
    display: inline-block;
}

.discount-gif_box p {
    font-weight: bold;
}

.discount-gif_box .radio {
    margin-top: 0;
    display: flex;
    align-items: center;
}

.discount-gif_box .radio label {
    margin-right: 15px;
}

.discount-gif_box .radio label+label {
    margin-right: 0;
    margin-top: -2px;
}

@media screen and (min-width: 767px) {
    .add-store a:hover {
        opacity: 0.7;
    }

    .choose-store a:hover {
        opacity: 0.7;
    }

}

@media screen and (max-width: 767px) {
    .fill-left {
        float: left;
        width: 100%;
    }

    .fill-right {
        float: right;
        width: 100%;
    }

    .discount-roll-text {
        font-size: 14px;
        letter-spacing: 0.058em;
        color: #D77B7B;
        margin-top: 0px;
    }
}


/* 左邊 填寫資料 結束 */

/* 選擇店家 開始 */

.box-store-infor {
    padding: 5px 30px;
    cursor: pointer;
    width: 100%;
}

.box-store-infor.active {
    background: #E6C4C4;
}

@media screen and (max-width: 767px) {
    .box-store-infor:hover {
        background: #E6C4C4;
    }
}

.box-store-infor h4 {
    font-size: 16px;
    line-height: px;
    color: #4A4A4A;
    margin-bottom: 5px;
    font-weight: 900;
}

.box-store-infor p {
    font-size: 14px;
    line-height: 22px;
    color: #4A4A4A;
}

.select-store-scrollbar {
    height: 430px;
    padding: 20px 0 0 0;
}

.select-box {
    padding: 0 30px;
    height: 70px;
}
.select-store .select-box{
    font-size: 0;
    letter-spacing: 0;
}
.select-store select {
    width: 130px;
    width: calc(50% - 20px);
    max-width: 130px;
    height: 50px;
    padding: 0 15px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/ic_down.png) no-repeat right center;
    border: 0;
    border-radius: 3px;
    background-color: #D3D3D3;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
    margin-right: 20px;
    outline: none;
    margin-top: 20px;
}

.select-store select::-ms-expand {
    display: none;
}

.select-store select option {
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 0.58px;
}

.select-store select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
}


@media screen and (max-width: 767px) {

    .select-store table {
        display: block;
        width: 100%;
        height: auto;
    }

    .select-store tbody {
        display: block;
        width: 100%;
    }

    .select-store tr {
        display: block;
        width: 100%;
    }

    .select-store td {
        display: block;
        width: 100%;
    }

}

/* 選擇店家 結束 */

/* 資料確認 開始 */

.data-confirmation {
    padding: 30px 40px 10px 40px;
}

.data-confirmation-title {
    font-size: 16px;
    letter-spacing: 0.066em;
    color: #D77B7B;
    margin: 0;
    padding: 35px 40px 0 40px;
}

.data-confirmation-title2 {
    font-size: 16px;
    letter-spacing: 0.066em;
    color: #D77B7B;
    margin: 0;
    margin-bottom: 15px;
}

.data-confirmation p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.066em;
    color: #4A4A4A;
    margin-bottom: 0;
}

.data-confirmation p span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.058em;
    color: #9B9B9B;
    display: block;
    margin-bottom: 3px;
}

.data-confirmation-content {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .data-confirmation-title {
        padding: 30px 15px 0 15px;
        text-align: center;
    }

    .data-confirmation-title2 {
        text-align: center;
    }

    .data-confirmation {
        padding: 15px 15px 30px 15px;
        border-top: 1px #ccc solid;

    }
}

/* 資料確認 結束 */

/* reservation_step1 2 預訂流程 結束 */

/* reservation_step3 已完成預定 開始 */

.order-finish-frame {
    max-width: 730px;
    width: 100%;
    padding: 60px 30px;
    margin: auto;
}

.order-finish-text i {
    background: url(../images/ic_cart_finish.png) no-repeat center;
    width: 100%;
    height: 56px;
    display: block;
}

.order-finish-text h1 {
    font-size: 36px;
    font-weight: 500;
    color: #4A4A4A;
    letter-spacing: 1.5px;
    text-align: center;
}

.forward {
    background: url(../images/ic_forward_gray.png)no-repeat center;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: -2px;
}

.pick-up,
.confirm,
.finish {
    width: 105px;
    margin: 0 10px;
}

.confirm{
    width: 125px;
}
.order-finish-content {
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    margin: 60px 0;
}

.order-finish-content a {
    color: #D77B7B;
}

.order-finish-link {
    max-width: 488px;
    width: 100%;
    margin: auto;
}

@media screen and (max-width: 767px) {

    .order-process {
        text-align: center;
        margin-top: 30px;
    }

    .order-process li {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .order-finish-link a {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .forward i {
        background: url(../images/ic_forward_gray2.png)no-repeat center;
    }

}

.gray-color {
    background: #B4B4B4;
}

/* reservation_step3 已完成預定 結束 */

/* 訂單記錄 開始 */

.order-record-box {
    background: #fff;
    padding-bottom: 15px;
    box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.1)
}

.order-record {
    width: 100%;
}

.order-record tr:nth-child(even) {
    background: #F2F2F2;
}

.order-record tr:nth-child(odd) {
    background: #F9F9F9;
}

.order-record th {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 44px;
    padding: 18px 5px 0 5px;
    background: #fff;
}

.order-record td {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 100px;
    padding: 0px 5px 0 5px;
    border-bottom: 10px #fff solid;
}

.order-record-btn {
    display: inline-block;
    width: 44px;
    height: 30px;
    border-radius: 3px;
    background: #D77B7B;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    transition: all 0.5s;
}

.order-record-btn:hover {
    color: #FFFFFF;
}

.order-record-edit {
    font-size: 16px;
    color: #4A4A4A;
    background: url(../images/ic_cancel2.png) no-repeat left;
    padding: 0 0 0 28px;
    transition: all 0.5s;
    opacity: 0.5;
}

.order-record-edit.returns {
    background: url(../images/ic_loading2.png) no-repeat left;
}

.order-record td.wait-color {
    color: #D77B7B;
}

.order-record td span {
    display: none;
}

@media screen and (min-width: 767px) {
    .order-record-btn:hover {
        color: #FFFFFF;
        opacity: 0.7;
    }

    .order-record-edit:hover {
        opacity: 1;
        color: #4A4A4A;
    }
}

@media screen and (max-width: 992px) {

    .order-record {
        display: block;
        width: 100%;
    }

    .order-record tbody {
        display: block;
        width: 100%;
    }

    .order-record tr {
        display: block;
        width: 100%;
        padding: 20px 15px;
        border-bottom: 1px #ccc solid;
    }

    .order-record td {
        display: block;
        width: 100%;
        border: 0px;
        line-height: 36px;
    }

    .order-record th {
        display: none;
    }

    .order-record tr:nth-child(even) {
        background: #fff;
    }

    .order-record tr:nth-child(odd) {
        background: #fff;
    }

    .order-record td span {
        display: inline-block;
        font-weight: 900;
        color: #999;
        width: 120px;
    }
}


/* 退貨確認框 開始 */

.returns-lightbox-icon {
    width: 100px;
    height: 100px;
    background: url(../images/ic_warning_big2.png);
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 25px;
}


.returns-lightbox-title {
    font-size: 24px;
    color: #4A4A4A;
    text-align: center;
    margin-bottom: 15px;
}

.returns-lightbox-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    text-align: center;
    max-width: 310px;
    margin: 0 auto;
}

/* 退貨確認框 結束 */

/* 訂單記錄 結束 */

/* 訂單明細 開始 */

.chatroom {
    background: #F9F9F9;
}

.chatroom-title {
    padding: 30px 40px 0 40px;
    font-size: 16px;
    letter-spacing: 0.066em;
    color: #D77B7B;
}

.chatroom-content-scrollbar {
    max-height: 500px;
    overflow-y: auto;
}

.chatroom-content {
    padding: 0px 40px 30px 40px;
}

.message-text {
    width: 100%;
    height: 100px;
    background: #fff;
    border: 0px;
    padding: 20px 40px;
}

.message-btn {
    width: 234px;
    height: 44px;
    background: #D77B7B;
    border-radius: 3px;
    font-size: 14px;
    line-height: 44px;
    letter-spacing: 0.058em;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 0;
    margin-top: 20px;
}

/* 對話框 左邊 開始 */


.message-box-l {
    text-align: right;
    font-size: 14px;
    color: #4A4A4A;
    width: 100%;
    /*max-width: 90%;*/
    float: left;
    margin-bottom: 30px;
    padding-left: 95px;
    background: url(../images/img_customer-service.png) no-repeat left top;
}

.message-box-l .message-infor {
    float: right;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.message-box-l span {
    font-size: 14px;
    color: #9B9B9B;
    padding: 0 10px;
}

.message-box-l .message-content {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.058em;
    color: #FFFFFF;
    background: #B4B4B4;
    padding: 12px 20px;
    float: left;
    border-radius: 5px;
    position: relative;
}

.message-box-l i {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 22px;
    left: -10px;
    margin-top: -5px;
    border-width: 5px 5px;
    border-right-color: #B4B4B4;
}

/* 對話框 左邊 結束 */

/* 對話框 右邊 開始 */

.message-box-r {
    text-align: right;
    font-size: 14px;
    color: #4A4A4A;
    width: 100%;
    /*max-width: 80%;*/
    float: right;
    margin-bottom: 30px;
}

.message-box-r .message-infor {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}

.message-box-r span {
    font-size: 14px;
    color: #9B9B9B;
    padding: 0 10px;
}

.message-box-r .message-content {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.058em;
    color: #FFFFFF;
    background: #D77B7B;
    padding: 12px 20px;
    float: right;
    border-radius: 5px;
    position: relative;
}

.message-box-r i {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 22px;
    right: -10px;
    margin-top: -5px;
    border-width: 5px 5px;
    border-left-color: #D77B7B;
}

/* 對話框 右邊 結束 */

/* 訂單明細 結束 */



/* 商品清單下方文字 開始 */

.add-text {
    /* max-width: 330px; */
    width: 100%;
    margin: auto;
    margin-bottom: 100px;
}

.add-text p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #4A4A4A;
    text-align: center;
    word-break: break-all;
}

/* 商品清單下方文字 結束 */

/* 店家資訊 開始 */

.color-line {
    width: 30px;
    height: 0px;
    border-width: 3px;
    border-style: solid;
    border-radius: 3px;
    display: inline-block;
    /* border-color: red; */
    /* background-color: red; */
}

.search-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 0;
    z-index: 999;
    display: none;
}

.search-window .wrapper {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
}

.search-input {
    border-bottom: 1px solid #333;
    width: 500px;
    max-width: 85%;
}

.search-input input,
.search-input button {
    border: none;
    background: none;
    color: #333;
    outline: none;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 300;
    padding: 0;
}

.search-input input {
    width: calc(100% - 30px);
}

.search-input button {
    float: right;
}

.search-input input::-webkit-input-placeholder {
    color: #333;
}

.search-input i,
.close-search-window .ic-close {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.search-input i.nav-search {
    background-image: url(../images/ic_search.png);
}

.close-search-window .ic-close {
    background: url(../images/ic_cancel.png) center no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.member-cash {
    padding-top: 30px;
    max-width: 100%;
}

.member-cash h5 {
    padding-top: 0;
}

.member-cash a {
    color: #D77B7B;
}

.member-icon-9 {
    background: url(../images/ic_member_09.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: auto;
    margin-top: 10px;
}

.recommend-to-friends {
    margin: 30px 0;
    padding: 4px 8px 4px 30px;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: url(../images/ic_present.png) left 8px center no-repeat;
    background-color: #E6C4C4;
}

.recommend-to-friends:hover {
    background-color: #D77B7B;
}

#modal-recommend-friend .modal-content {
    text-align: center;
    padding: 80px 30px;
}

#modal-recommend-friend h3 {
    font-size: 24px;
    margin-top: 50px;
    line-height: 150%;
}

#modal-recommend-friend p {
    text-align: center;
    margin-top: 0px;
    line-height: 140%;
}

#modal-recommend-friend button {
    background: url(../images/ic_duplicate.png) right center no-repeat;
    background-color: transparent;
    border: none;
    color: #D77B7B;
    padding-right: 24px;
}



@media screen and (max-width: 992px) {
    .member-menu .member-box-line:nth-child(even) {
        border-right: 1px solid #ffeeee;
    }
}

@media screen and (max-width: 767px) {
    .rtf-wrapper {
        width: 100%;
        text-align: center;
    }

    #modal-recommend-friend .modal-content {
        padding: 50px 30px;
    }

    .member-cash h5 {
        margin-top: 0;
    }
}

.gift-swiper {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 20px 5px;
}

.gift-swiper .swiper-slide {
    width: 200px;
    padding: 0 15px;
    border-right: 1px solid #D3D3D3;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
}

.gift-swiper .swiper-slide:last-child {
    border: none;
}

.gift-swiper img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;
}

.gift-swiper h5 {
    font-weight: 600;
}

.gift-swiper h6 {
    font-weight: 300;
}

.gift-swiper h5,
.gift-swiper h6 {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.gift-swiper ul span {
    font-size: 14px;
    color: #4A4A4A;
    float: left;
}

.gift-swiper ul {
    width: 100%;
    margin-bottom: 0;
}

.gift-swiper ul select {
    border: none;
    background: transparent;
    font-size: 14px;
    color: #D77B7B;
    line-height: 20px;
    float: right;
    min-width: 40px;
}

.gift-swiper ul li {
    border-bottom: 1px solid #E6C4C4;
    padding: 8px 0;
    width: 100%;
    clear: both;
    height: 36px;
}

.gift-swiper ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.gift-wrapper .swiper-button-prev,
.gift-wrapper .swiper-button-next {
    /*width: 24px;*/
    /*height: 24px;*/
    /*background-size: cover;*/
    /*margin-top: -8px;*/
    margin-top: 0;
    top: 0;
    width: 50px;
    height: 100%;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-position: center center;
    padding: 0;
    background-color: transparent;
}

.gift-wrapper .swiper-button-prev{
    background-image: url(../images/ic_back.png);
    /*left: -27px;*/
    left: -50px;
}

.gift-wrapper .swiper-button-next {
    background-image: url(../images/ic_forward.png);
    /*right: -27px;*/
    right: -50px
}

.gift-wrapper {
    position: relative;
}


/* 商品內容增加銷售數量 */
.sales-number p {
    margin-bottom: 0;
}

.brand_editor img {
    max-width: 100%;
    height: auto;
    display: inline-block !important;
}

/* 上方滿版輪播 */

.full-slide img {
    max-width: 100%;
    height: auto;
    /*new 20190805*/
    width: 100%;
}
/*new 20190805*/
.full-slide a {
    width: 100%;
    display: block;
}
.remodal-close {
    left: inherit;
    right: 0;
}

.remodal-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.remodal:not(.text_remodal) {
    padding: 0;
}

.remodal .pic_wrap img {
    width: 100%;
}

.remodal .text_wrap {
    height: 100%;
    overflow: hidden;
}

.remodal .text_wrap p {
	letter-spacing: 1px;
	margin-bottom: 30px;
	line-height: 26px;
}

.text_remodal {
    min-height: 400px;
    border-radius: 5px;
}

@media screen and (min-width: 1200px) {
    .remodal {
        max-width: 800px;
    }
    .text_remodal {
    	min-height: 800px;
	}
}

.flex_row {
	display: flex;
	flex-wrap: wrap;
}
.model-add{
    padding-right: 15px;
}
.model-add .popup-order{
    height: 504px;
}
.model-class {
    margin-top: 80px;
    margin-bottom:0;
}
.model-class .popup-order{
    padding: 25px 30px;
}
.modal-class-2{
    margin:0 0 30px 0;
}
.periodic-classification ul{
    margin-bottom:0;
}

/* phonecheck page */
.phone-check-body .member-title{
    position: relative;
}
.phone-check-box{
    padding:80px 150px;
}
@media screen and (max-width: 767px){
    .phone-check-box{
        padding:80px;
    }
}
@media screen and (max-width: 576px){
    .phone-check-box{
        padding: 30px;
    }
}
.phone-check-text{
    text-align: center;
    font-size:16px;
}
a.phone-check-link{
    position: absolute;
    left: 0;
    top: 0;
    margin-top:15px;
    color: #4a4a4a;
    letter-spacing: 2px;
}
a.phone-check-link:hover{
    color: #777;
}
.phone-check-done-body .phone-check-box{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.phone-check-done-body .success-title{
    font-size: 36px;
    margin: 30px 0;
}
.phone-check-done-body .member-register a{
    color: #fff;
}
.cart-next-step{
    display: flex;
    justify-content: flex-end;
}

.cart-next-step a.shopping{
    margin-right: 15px;
    margin-bottom: 0;
}

.member-profile-frame .row{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.profile-info{
    background-color: #e6c4c3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
}
.profile-info div{
    width: 130px;
}
.profile-info div:first-child{
    margin-right: 100px;
}
@media screen and (max-width: 413px){
    .profile-info div{
        width: 120px;
    }
    .profile-info div:first-child{
        margin-right: 30px;
    }
}
.profile-info span{
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}
.profile-info p{
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: 1px solid #333;
}