.content-title {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}
.content-title .title-zh {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 6px;
    color: #636163;

}
.content-title .title-en {
    opacity: 0.2;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    color: #4a4a4a;
}

.brand-story-section {
    background-image: radial-gradient(circle at 63% 45%, #fff, rgba(255, 255, 255, 0) 42%), linear-gradient(179deg, #f3f3f3 6%, #f6f6f6 41%, #eee 84%);
}

.lineheight10 {
    line-height: 1;
}
.lineheight15 {
    line-height: 1.5;
}
.lineheight20 {
    line-height: 2;
}

.product-bg-1 {
    background:url('../../images/春漾植萃_產品圖.png') center center no-repeat;
    background-size:contain;
    min-height: 400px;
}
.product-bg-2 {
    background:url('../../images/美妍植萃_產品圖.png') center center no-repeat;
    background-size:contain;
    min-height: 400px;
}

.product-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 8px;
    color: #fff;
    position: absolute;
    bottom: 2%;
    left:20%;
}

.product-desc {
    border-radius: 0 0 20px 0;
    padding: 36px 0;
    margin: 0 21px 0 22px;
    max-width: 89%;
    font-size: 16px;
    letter-spacing: 2px;
}

.product-desc a {
    line-height:2;
    padding: 0 10px;
    border: none;
    border-radius: 0 0 10px 0;
}
.product-desc a:hover {
    border-radius: 0 0 10px 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-desc-color-1 {
    border: solid 1px #1eb6a7;
    background-color: rgba(177, 218, 210, 0.3);
}
.product-desc-color-1 a {
    color: #1eb6a7;
}
.product-desc-color-1 a:hover {
    color: #1eb6a7;
    border: 1px solid #1eb6a7;
}
.product-desc-color-2 {
    border: solid 1px #d0979d;
    background-color: #fef2f5;
}
.product-desc-color-2 a {
    color: #d0979d;
}
.product-desc-color-2 a:hover {
    color: #d0979d;
    border: 1px solid #d0979d;
}

.product-section {
    background-color: #eeeeee;
    background-image: -webkit-linear-gradient(265deg, #eeeeee 20%, #ffffff 20%);
    padding-top:200px !important;
}
.bg-order {
    background-image: -webkit-linear-gradient(265deg, #f4f4f4 20%, #ffffff 20%);
}
@media (max-width:991px) {
    .product-section {
        background-image: -webkit-linear-gradient(265deg, #eeeeee 7%, #ffffff 7%);
        padding-top:100px !important;
    }
    .product-bg-1, .product-bg-2 {
        min-height:390px !important;
    }
    .bg-order {
        background-image: -webkit-linear-gradient(265deg, #f4f4f4 7%, #ffffff 7%);
    }
}

.product-section-1a {
    background:url('../../images/春漾植萃_background.png') center bottom no-repeat;
    background-size: contain;
    min-height: calc(100vw/1920 * 1098);
}
.product-section-1a .title {
    font-size: 40px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 8px;
    color: #fff;
}
.product-section-1b {
    background: rgb(218,241,235);
    background: linear-gradient(180deg, rgba(218,241,235,1) 0%, rgba(255,255,255,1) 100%);
}

.product-section-1b .title {
    background: rgb(218,241,235);
    background: linear-gradient(90deg, rgba(218,241,235,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(218,241,235,1) 100%);
    border: solid 1px #fff;
}
.product-section-1b .title p  {
    font-weight: 700;
    font-size: 16px;
    line-height: 3;

}
.product-section-1b .title p span {
    font-size: 28px;
    color: #1db6a7;
}

.product-section-2a {
    background:url('../../images/美妍植萃_background.png') center bottom no-repeat;
    background-size: contain;
    min-height: calc(100vw/1920*1098);
}
.product-section-2a .title {
    font-size: 40px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 8px;
    color: #fff;
}
.product-section-2b {
    background: rgb(247,232,235);
    background: linear-gradient(180deg, rgba(247,232,235,1) 0%, rgba(255,255,255,1) 100%);
}

@media (min-width:992px) {
    .product-section-1b {
        padding-bottom: 0 !important;
        margin-bottom: -300px !important;
    }
    .product-section-2b {
        padding-bottom: 0 !important;
        margin-bottom: -300px !important;
    }
}

.product-section-2b .title {
    background: rgb(247,232,235);
    background: linear-gradient(90deg, rgba(247,232,235,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(247,232,235,1) 100%);
    border: solid 1px #fff;
}
.product-section-2b .title p  {
    font-weight: 700;
    font-size: 16px;
    line-height: 3;

}
.product-section-2b .title p span {
    font-size: 28px;
    color: #d0979d;
}

.divider {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0;
    color: #4a4a4a;
    width: 100%;
    font-size: 16px;
}
.divider::before {
	display: none;
	margin-right: 2rem;
}
.divider::after {
	margin-left: 2rem;
}
.divider::after, .divider::before {
    content: '';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 1px;
}
.divider-color-1::after, .divider-color-1::before {
    background-color: #1db7a7;
}
.divider-color-2::after, .divider-color-2::before {
    background-color: #d0979d;
}
.divider.divider-center::before {
	display: block;
}
.divider i, .divider a, .divider-text {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24px;
    max-width: 100%;
    line-height: 1;
    font-size: 18px !important;
    text-align: center;
}

.go-to-cart {
    min-height: 75vh;
    background:url('../../images/前往訂購bg.png') center center no-repeat;
    background-size: contain;
}
.btn-cart {
    border: solid 1px #1eb6a7;
    border-radius: 0 0 15px 0;
    font-size:1.2rem;
    color:#1eb6a7;
    background: #e8f4f1;
}
.btn-cart:hover {
    background: #1eb6a7;
    color:#fff;
}

.qty-product-1 {
    display: inline-block;
    border: 1px solid #1eb6a7 !important;
    background-color:#fff !important;
    background-image:none !important;
}

.qty-product-2 {
    display: inline-block;
    border: 1px solid #d0979d !important;
    background-color:#fff !important;
    background-image:none !important;
}

.form-control {
    display: inline-block;
    border: 1px solid #1eb6a7 !important;
    background-color:#fff !important;
    background-image:none !important;
    height:auto;
    min-height: 56px;
}
label {
    font-size:1rem;
    margin-bottom: 3px;
    line-height: 1;
}

.btn-submit {
    border: solid 1px #1eb6a7;
    border-radius: 5px 5px 30px 5px;
    font-size:1rem;
    background: #1eb6a7;
    color:#fff;
}

.btn-submit:hover {
    background: #fff;
    color:#1eb6a7;
}

.float-cart {
    position: fixed;
    right: 30px;
    bottom: -90px;
    z-index: 999;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    background-color: #e8f4f1;
    background-size: 200% auto;
    background-position: center center;
    color: #1eb6a7;
    border: 1px solid #1eb6a7;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden;
}
@media only screen and (max-width: 479px) {
    .float-cart {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
}
.float-cart.show {
    visibility: visible;
    opacity: 1;
    bottom: 180px;
}
.float-cart i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #1eb6a7;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.float-cart .arrow-top {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.float-cart .arrow-bottom {
    -webkit-transform: translate(-50%, 80px);
            transform: translate(-50%, 80px);
}
.float-cart:hover {
    background-position: right center;
}
.float-cart:hover .arrow-top {
    -webkit-transform: translate(-50%, -80px);
            transform: translate(-50%, -80px);
}
.float-cart:hover .arrow-bottom {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}