* {
    margin: 0;
    padding: 0;
    list-style: none;
    /* outline: 1px solid green; */
}

body {
    background: #FCF6F0;
}

/* success */
.success {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    /* display: none; */
    display: none;
}

.success_container {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30%;
    height: 100vh;
}

.success_container img {
    width: 100%;
}

.close_success {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: #000 2px solid;
    top: 10px;
    right: 10px;
    /* filter:Alpha(opacity=0); */
    cursor: pointer;
}

.close_success::before {
    position: absolute;
    content: '';
    height: 35px;
    width: 2px;
    background-color: #000;
    left: 48%;
    transform: rotate(45deg);
}

.close_success::after {
    position: absolute;
    content: '';
    height: 36px;
    width: 2px;
    background-color: #000;
    right: 47%;
    transform: rotate(-45deg);
}

body {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.container_1920 {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

h1,
h2,
h3,
p,
span {
    font-family: Microsoft JhengHei;
}

@media screen and (min-width:1081px) {
    .show_1500 {
        display: block;
    }

    .show_1080 {
        display: none;
    }
}

#supply-btn {
    color: #D81616;
    border-bottom: 1px solid #D81616;
    cursor: pointer;
}

.product_slider .product1 .buy {
    position: absolute;
    width: 17.1%;
    height: 4.2vw;
    left: 49.3%;
    bottom: 57.1%;
    cursor: pointer;
}

.product_slider .product2 .buy {
    position: absolute;
    width: 17.1%;
    height: 4.2vw;
    left: 19.7%;
    bottom: 51.5%;
    cursor: pointer;
}

.product_slider .product3 .buy {
    position: absolute;
    width: 17.1%;
    height: 4.2vw;
    left: 45.9%;
    bottom: 49.6%;
    cursor: pointer;
}

.step .container_1920 .bottom_product .buy1 {
    position: absolute;
    width: 13.5%;
    height: 3.2vw;
    left: 31.6%;
    bottom: 5.65%;
    cursor: pointer;
}

.step .container_1920 .bottom_product .buy2 {
    position: absolute;
    width: 13.5%;
    height: 3.2vw;
    left: 75.6%;
    bottom: 5.65%;
    cursor: pointer;
}

/* banner */
.banner .container_1920 {
    background-image: url(../images/kv_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 48.26%;
}

.cta {
    background-image: url(../images/CTA.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    top: 3.8%;
    right: 3.33%;
    z-index: 11;
    width: 7.33%;
    padding-top: 7.33%;
    cursor: pointer;

}

/* mother's day sale */
.for_PC {
    display: block;
}

.for_Mobile {
    display: none;
}

.mothers_day_sale .container_1920 {
    background-image: url(../images/mothers_day_bg_1500_3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* padding-top: 76.07%; */
    padding-top: 66.17%;
}



.mothers_day_sale .mothers_day_swiper {
    position: absolute;
    left: 2%;
    top: 21.8%;
    width: 100%;
    height: 75.2%;
    display: inline-block;
}

.frame {
    background-image: url(../images/mothers_day_frame.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 80%;
    padding-bottom: 62.16%;
    position: absolute;
    left: 10%;
    top: 6%;
    z-index: 100;
}

.mothers_day_sale .swiper-slide img {
    width: 100%;
}

.mothers_day_sale .product_01 {
    /* width: 82.4%; */
    width: 83.2%;
    /* margin-left: 8.7%; */
    margin-left: 7.3%;
    margin-top: 1.1%;
}

.mothers_day_sale .product_02 {
    /* width: 82.4%; */
    width: 83.2%;
    margin-top: -0.3%;
    /* margin-left: 9%; */
    margin-left: 7.3%;
}

.mothers_day_sale .product_03 {
    /* width: 82.4%; */
    width: 83.2%;
    margin-top: 0.1%;
    /* margin-left: 7.9%; */
    margin-left: 6.8%;
}

.mothers_day_sale .product_04 {
    /* width: 84.5%; */
    width: 83.2%;
    margin-top: 2.8%;
    margin-left: 5.4%;
}

.product_01 .mother_btn {
    width: 17.6%;
    position: absolute;
    left: 59.6%;
    top: 80%;
}

.product_02 .mother_btn {
    width: 17.6%;
    position: absolute;
    left: 58.3%;
    top: 75.1%;
}

.statement {
    position: absolute;
    left: 58.3%;
    top: 84.2%;
}

.statement p {
    font-size: 14px;
}

@media screen and (max-width:1400px) {
    .statement p {
        font-size: 1vw;
    }

}

.product_03 .mother_btn {
    width: 17.6%;
    position: absolute;
    left: 59.6%;
    top: 78.7%;
}

.product_04 .mother_btn {
    width: 17.6%;
    position: absolute;
    left: 57.9%;
    top: 73.4%;
}

.mothers_day_sale .swiper-button-prev {
    background-image: url(../images/left_1500.png);
    width: 2.66%;
    height: 12.7%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 51.1% !important;
    left: 0.2% !important;
    outline: none !important;
}

.mothers_day_sale .swiper-button-prev:after {
    content: "";
}

.mothers_day_sale .swiper-button-next {
    background-image: url(../images/right_1500.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.66%;
    height: 12.7%;
    top: 51.1% !important;
    right: 6.9% !important;
    outline: none !important;
}

.mothers_day_sale .swiper-button-next:after {
    content: "";
}



.mothers_day_sale .swiper-pagination-bullet {
    width: 14.3%;
    height: 0px;
    padding-top: 1.1%;
    border-radius: 0%;
    outline: none !important;
}

.mothers_day_sale .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 25.9%;
    left: 11.5%;
    width: 35.5%;

}

.mothers_day_sale .mothers_day_swiper .swiper-pagination-bullet {
    opacity: 1;
}

.mothers_day_sale .mothers_day_swiper .swiper-pagination-bullet-active {
    background: #B30F0E !important;
}

.mothers_day_sale .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1%;
}

/* video */
.video .container_1920 {
    background-image: url(../images/video_bg_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 79%;
}

.video .title {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 7.5%;
    text-align: center;
}

.video .title h2 {
    font-size: 3vw;
    font-weight: bold;
    padding-bottom: 0.7%;
}

.video .title h3 {
    font-size: 2vw;
    font-weight: bold;
}

.video .video_box {
    background-image: url(../images/video_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    padding-top: 43.2%;
    width: 68.8%;
    top: 18.4%;
    left: 15.6%;
}

.video .video_box .film_red {
    background-image: url(../images/film_red_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    padding-top: 19.4%;
    width: 2%;
    top: 5.185%;
    left: 95.5%;
    z-index: 10;
}

.video .video_box .film {
    position: absolute;
    /* background-color: #fff; */
    padding-top: 52.25%;
    width: 93.07%;
    top: 3.8%;
    left: 3.45%;
}

.video .video_box .film iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video .video_box .film_annotation {
    position: absolute;
    bottom: 5.5%;
    left: 3.8%;
    color: #8E6F53;
    font-size: 1vw;
    font-family: Microsoft JhengHei;
}

.video .data_box .data_one {
    background-image: url(../images/video_94_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 14.93%;
    padding-top: 4.33%;
    bottom: 20.5%;
    left: 18%;
}

.video .data_box .data_one p,
.video .data_box .data_two p,
.video .data_box .data_three p {
    font-weight: bold;
    position: absolute;
    font-size: 1.46vw;
    width: 250%;
    left: 58%;
    bottom: 0;
}

.video .data_box .data_two p {
    width: 400%;
}

.video .data_box .data_two {
    background-image: url(../images/video_81-1_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 14.4%;
    padding-top: 4.33%;
    bottom: 10.5%;
    left: 27.8%;
}

.video .data_box .data_three {
    background-image: url(../images/video_81-2_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 14.53%;
    padding-top: 4.33%;
    bottom: 17%;
    left: 52%;
}

/* product */
.product .container_1920 {
    background-image: url(../images/product_bg_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 76.86%;
}

.product .title {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 7.5%;
    text-align: center;
}

.product .title h2 {
    font-size: 3vw;
    font-weight: bold;
    padding-bottom: 0.7%;
}

.product .product_slogan {
    width: 36%;
    position: absolute;
    left: 56.5%;
    top: 47%;
}

.product .product_slogan p {
    color: #7D5331;
    font-size: 1.46vw;
    font-weight: bold;
    padding-bottom: 1%;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    /* for Chrome||Safari */
    -ms-transform: skew(-10deg);
    /* for IE */
    -moz-transform: skew(-10deg);
    /* for Firefox */
    -o-transform: skew(-10deg);
    /* for Opera */
}

.product .product_introduction {
    width: 82%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    margin: auto;
    top: 70.5%;
}

.product .introduction_box:nth-child(1) {
    width: 35.33%;
}

.product .introduction_box:nth-child(2) {
    width: 29.33%;
}

.product .introduction_box:nth-child(3) {
    width: 27.33%;
}

.product .introduction_box .introduction_title {
    display: flex;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    /* for Chrome||Safari */
    -ms-transform: skew(-10deg);
    /* for IE */
    -moz-transform: skew(-10deg);
    /* for Firefox */
    -o-transform: skew(-10deg);
    /* for Opera */
    font-weight: bold;
    align-items: flex-end;
    margin-bottom: 5%;
}

.product .introduction_box .introduction_title p:nth-child(1) {
    font-size: 3vw;
    margin-right: 4%;
}

.product .introduction_box .introduction_title p:nth-child(2) {
    font-size: 2vw;
}

.product .introduction_box .introduction_text {
    font-size: 1.46vw;
    color: #3B3C3E;
    /* font-weight: 550; */
}

/* step */
.step .container_1920 {
    background-image: url(../images/step_bg_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 246%;
}

.step .title {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 2.8%;
    text-align: center;
}

.step .title h2 {
    font-size: 3.33vw;
    font-weight: bold;
    padding-bottom: 0.7%;
}

.step .title h3 {
    font-size: 3vw;
    font-weight: bold;
    padding-bottom: 0.7%;
}

.step .step1 {
    width: 25%;
    position: absolute;
    top: 9.7%;
    left: 21.5%;
}

.step .step1 h3 {
    margin-bottom: 3.5%;
}

.step .step1 p {
    margin-left: 8%;
}

.step .step2 {
    width: 25%;
    position: absolute;
    top: 20.15%;
    left: 16.5%;
}

.step .step2 h3 {
    margin-bottom: 5.2%;
}

.step .step2 p {
    margin-left: 6%;
}

.step .step3 {
    width: 25%;
    position: absolute;
    top: 30%;
    left: 73%;
}

.step .step3 h3 {
    margin-bottom: 4.5%;
}

.step .step3 p {
    margin-left: 6%;
}

.step .step1 h3,
.step .step2 h3,
.step .step3 h3 {
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    /* for Chrome||Safari */
    -ms-transform: skew(-10deg);
    /* for IE */
    -moz-transform: skew(-10deg);
    /* for Firefox */
    -o-transform: skew(-10deg);
    /* for Opera */
    font-weight: bold;
    font-size: 3vw;
    /* margin-bottom: 6%; */
}

.step .step1 p,
.step .step2 p,
.step .step3 p {
    font-size: 1.66vw;
    color: #3B3C3E;
    letter-spacing: 2px;
    /* margin-left: 8%; */
}

.step .product_slider {
    top: 38.3%;
    position: absolute;
    width: 100%;
    /* background: #000; */
}

.swiper-button-prev.b_left_icon {
    background-image: url(../images/left.png);
    width: 4.55%;
    height: 8.7%;
    background-size: cover;
    left: 2%;
    outline: none;
}

.swiper-button-next.b_right_icon {
    background-image: url(../images/right.icon.png);
    width: 4.55%;
    height: 8.7%;
    background-size: cover;
    right: 2%;
    outline: none;
}

.step .product_slider .product1 {
    /* position: absolute;
    top: 0;
    left: 0; */
    background-image: url(../images/slider1_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 98.26%;
}

.step .product_slider .product2 {
    /* position: absolute;
    top: 0;
    left: 0; */
    background-image: url(../images/slider2_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 98.26%;
}

.step .product_slider .product3 {
    /* position: absolute;
    top: 0;
    left: 0; */
    background-image: url(../images/slider3_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 98.26%;
}

.step .bottom_product_title {
    width: 100%;
    top: 79%;
    position: absolute;
    text-align: center;
}

.step .bottom_product_title h2 {
    font-size: 5.33vw;
    color: #B88B63;
}

.sub_bottom_product_title1,
.sub_bottom_product_title2,
.product_list1,
.product_list2,
.product_list3,
.product_list4 {
    position: absolute;
}

.sub_bottom_product_title1 {
    top: 85.7%;
    left: 31.1%;
}

.sub_bottom_product_title2 {
    top: 85.9%;
    left: 75.1%;
}

.sub_bottom_product_title1 h3,
.sub_bottom_product_title2 h3 {
    font-size: 2.13vw;
}

.product_list1 {
    left: 33%;
    top: 87.5%;
}

.product_list2 {
    left: 33%;
    top: 90.2%;
}

.product_list3 {
    left: 77%;
    top: 87.35%;
}

.product_list4 {
    left: 75.5%;
    top: 90.2%;
}

.product_list1 .name,
.product_list2 .name,
.product_list3 .name,
.product_list4 .name {
    font-weight: bold;
    font-size: 1.2vw;
    letter-spacing: 1px;
    margin-bottom: 2%;
}

.product_list1 .color,
.product_list2 .color,
.product_list3 .color,
.product_list4 .color,
.product_list1 .price,
.product_list2 .price,
.product_list3 .price,
.product_list4 .price {
    font-size: 0.93vw;
}

.product_list3 .new {
    font-size: 0.93vw;
    color: #BA2126;
}

/* form */
.form .container_1920 {
    background-image: url(../images/form_1500.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 68.8%;
}

.form .title {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 7.2%;
    text-align: center;
}

.form .title h2 {
    font-size: 2.66vw;
    font-weight: bold;
    padding-bottom: 0.7%;
}

.form .title h3 {
    font-size: 1.33vw;
    line-height: 35px;
    /* font-weight: bold; */
    /* padding-bottom: 0.7%; */
}

.form form {
    position: absolute;
    top: 30%;
    left: 55.3%;
    width: 29.3%;
}

.form .form_title {
    padding-top: 0.7%;
    display: flex;
    color: #fff;
    font-size: 1.33vw;
    font-weight: bold;
}

.form .form_title .free {
    margin-left: 5.5%;
    letter-spacing: 2px;
}

.form .form_title a:nth-child(2) {
    margin-left: 4.7%;
    padding: 0 4.5% 0.5%;
    letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
}

.form .form_box {
    padding-top: 7%;
    width: 89%;
    margin: 0 auto;
}

.form .form_box .form_input_style {
    width: 100%;
    margin-bottom: 5%;
    height: 4.9ch;
    font-size: 1vw;
    font-family: Microsoft JhengHei;
    padding-left: 3.5%;
    box-sizing: border-box;
    border: none;
}

.form .form_box .select_box {
    display: flex;
    justify-content: space-between;
}

.form .form_box .form_select_style {
    width: 46%;
    height: 4.9ch;
    font-size: 1vw;
    font-family: Microsoft JhengHei;
    padding-left: 3.5%;
    padding-right: 7%;
    box-sizing: border-box;
    border: none;
    /*移除箭頭樣式*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select_icon.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 10%;
    /* background: url("arrow.png") no-repeat right center transparent; */
}

.form .agree_block {
    margin: 5% 0;
    display: flex;
    font-size: 1vw;
    font-family: Microsoft JhengHei;
    align-items: center;
}

.form .agree_block label {
    padding: 0 1% 0 8%;
}

.form .agree_block a {
    color: #D81616;
}

/* checkbox */
.form input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.form input[type=checkbox]:checked~i {
    /* background: url(../images/icon-check.svg) 50% no-repeat #D81616; */
    background: #D81616;
    background-size: 100% 100%;
}

.form input[type=checkbox]~i:before {
    display: block;
    content: "";
    width: 100%;
    padding-bottom: 100%;
}

.form input[type=checkbox]~i {
    display: block;
    position: absolute;
    left: 5.5%;
    width: 4%;
    max-width: 20px;
    background-color: #fff;
    /* border-radius: 2px; */
    overflow: hidden;
    border: 3px #fff solid;
    /* z-index: 10; */
    pointer-events: none;
}

.form input[type=checkbox]~span {
    color: #fff;
    font-size: 3.75vw;
    line-height: 4.6875vw;
    text-align: left;
    padding: 0 5px;
}

.form .form_box .button_block button {
    width: 100%;
    background-color: #000;
    height: 3ch;
    font-size: 1.66vw;
    box-sizing: border-box;
    border: none;
    color: #fff;
    font-family: Microsoft JhengHei;
    letter-spacing: 10px;
    font-weight: bold;
    cursor: pointer;
}

.form .remind_block {
    width: 95%;
    margin: auto;
    padding-top: 17.5%;
    font-family: Microsoft JhengHei;
    font-size: 1vw;
}

.form .remind_block a {
    color: #D81616;
}

/* department */
.department_title {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 3.6%;
    /* left: 17%; */
}

.left_line {
    width: 0.48%;
    padding-bottom: 8.1%;
    position: absolute;
    top: 16.5%;
    left: 14.3%;
    background-color: #DB574B;
}

.department_title h2 {
    font-size: 60px;
    color: #000;
}

.department_title h3 {
    font-size: 60px;
    color: #E40909;
}

.department_group h2 {
    color: #000;
    font-size: 36px;
    letter-spacing: 0px;
    font-family: Microsoft JhengHei;
    font-weight: 900;
    margin-top: 3.4%;
    margin-bottom: 0.8%;
    padding-bottom: 1%;
    border-bottom: 2px solid black;
}

.left p {
    font-size: 23px;
    padding: 1% 0;
    color: #676261;
    font-weight: 900;
    font-family: Microsoft JhengHei;
    margin-top: -0.4%;
}

.right p {
    font-size: 23px;
    padding: 1% 0;
    color: #676261;
    font-weight: 900;
    font-family: Microsoft JhengHei;
    margin-top: -0.4%;
}

@media screen and (max-width:1900px) {
    .department_title h2 {
        font-size: 3.2vw;
    }

    .department_title h3 {
        font-size: 3.2vw;
    }

    .department_group h2 {
        font-size: 1.9vw;
    }

    .left p {
        font-size: 1.2vw;
    }

    .right p {
        font-size: 1.2vw;
    }
}



.department .container {
    background-image: url(../images/department_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    padding-top: 108%;
}

.department_group {
    display: block;
    width: 66%;
    position: absolute;
    /* top: 10%; */
    top: 15.2%;
    left: 17%;
}

/* .department_group h2 {
    color: #000;
    font-size: 1.5vw;
    letter-spacing: 0.25vw;
    font-family: Microsoft JhengHei;
    font-weight: 900;
    margin-top: 3.4%;
    padding-bottom: 1%;
    border-bottom: 2px solid black;
} */

/* 
.department_group h2::after {
    content: "";
    background-image: url(../img/title_line.png);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.2vw;
    margin-top: 0.4vw;
} */

.left,
.right {
    width: 46.6%;
    display: inline-block;
    position: absolute;
}

.left {
    left: 0px;
}

/* .left p {
    font-size: 1.2vw;
    padding: 1% 0;
    color: #676261;
    font-weight: 900;
    font-family: Microsoft JhengHei;

    margin-top: -0.4%;
} */

.right {
    right: 0px;
}

/* .right p {
    font-size: 1.2vw;
    padding: 1% 0;
    color: #676261;
    font-weight: 900;
    font-family: Microsoft JhengHei;

    margin-top: -0.4%;
} */

.info {
    display: flex;
    justify-content: space-between
}

.right::after {
    content: "";
    background-image: url(../images/department_right_bottom.png);
    width: 100%;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -35%;
    bottom: -7%;
}



@media screen and (max-width:1366px) {
    /* video */
    /* .video .video_box .film_annotation{
        font-size: 1vw;
    }
    .video .data_box .data_one p,
    .video .data_box .data_two p,
    .video .data_box .data_three p {
        font-size: 18px;
    } */

}

@media screen and (max-width:1080px) {
    .success_container {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 45%;
        /* height: 100vh; */
    }


    /*mothers_day*/
    .for_PC {
        display: none;
    }

    .for_Mobile {
        display: block;
    }

    .frame {
        background-image: url("");
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding-bottom: 190%;
        position: absolute;
        left: 0%;
        top: 6%;
        z-index: 100;
    }

    .mothers_day_sale .container_1920 {
        background-image: url(../images/mothers_day_1080.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 175.19%;
    }

    .mothers_day_sale .mothers_day_swiper {
        position: absolute;
        width: 100%;
        top: 6.5%;
        height: 84.9%;
        display: inline-block;
    }

    .mothers_day_sale .swiper-slide img {
        width: 100%;
    }

    .mothers_day_sale .product_01 {
        width: 85.5%;
        margin-left: 5.8%;
        margin-top: 4.1%;
    }

    .mothers_day_sale .product_02 {
        width: 85.5%;
        margin-top: 4.3%;
        margin-left: 5.8%;
    }

    .statement {
        left: 33.9%;
        top: 88.5%;
        text-align: center;
        letter-spacing: 0.3vw;
        font-weight: 700;
    }

    .statement p {
        font-size: 2.7vw;
    }

    .mothers_day_sale .product_03 {
        width: 85.5%;
        margin-top: 4.1%;
        margin-left: 8.8%;
    }

    .mothers_day_sale .product_04 {
        width: 85.5%;
        margin-top: 8.9%;
        margin-left: 2.6%;
    }

    .mothers_day_sale .swiper-button-prev {
        width: 3.36%;
        height: 12.7%;
        top: 23.5% !important;
        left: 5% !important;

    }

    .mothers_day_sale .swiper-button-next {

        width: 3.36%;
        height: 12.7%;
        top: 23.5% !important;
        right: 7.5% !important;
    }

    .mothers_day_sale .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 55%;
        left: 29.3%;
        width: 42.2%;
    }

    .mothers_day_sale .swiper-pagination-bullet {
        width: 17.7%;
        margin: 0 0.8%;
        /* height: 0.55vw; */
        padding-top: 1.3%;
    }

    .product_01 .mother_btn_1080 {
        width: 70.5%;
        position: absolute;
        left: 14.6%;
        top: 81.5%;
    }

    .product_02 .mother_btn_1080 {
        width: 70.5%;
        position: absolute;
        left: 14.6%;
        top: 81.5%;
    }

    .product_03 .mother_btn_1080 {
        width: 70.5%;
        position: absolute;
        left: 14.6%;
        top: 81.5%;
    }

    .product_04 .mother_btn_1080 {
        width: 70.5%;
        position: absolute;
        left: 14.6%;
        top: 81.5%;
    }



    .product_slider .product1 .buy {
        width: 49.6%;
        height: 12.5vw;
        left: 24.5%;
        bottom: 5.85%;
    }

    .product_slider .product2 .buy {
        width: 49.6%;
        height: 12.5vw;
        left: 24.7%;
        bottom: 4.85%;
    }

    .product_slider .product3 .buy {
        width: 49.6%;
        height: 12.5vw;
        left: 24.7%;
        bottom: 6.2%;
    }

    .step .container_1920 .bottom_product .buy1 {
        width: 49.5%;
        height: 12.3vw;
        left: 24.68%;
        bottom: 17.6%;
    }

    .step .container_1920 .bottom_product .buy2 {
        width: 49.5%;
        height: 12.3vw;
        left: 24.68%;
        bottom: 2.45%;
    }

    .show_1500 {
        display: none;
    }

    .show_1080 {
        display: block;
    }

    /* banner */
    .banner .container_1920 {
        background-image: url(../images/kv_1080.png);
        padding-top: 149.62%;
    }

    .cta {
        background-image: url(../images/CTA_m.png);
        top: 3.16%;
        right: 1.38%;
        width: 17.03%;
        padding-top: 17.03%;
    }

    /* video */
    .video .container_1920 {
        background-image: url(../images/video_bg_1080.png);
        padding-top: 137.96%;
    }

    .video .title {
        top: 5.5%;
    }

    .video .title h2 {
        font-size: 5.55vw;
        padding-bottom: 0%;
    }

    .video .title h3 {
        font-size: 3.7vw;
    }

    .video .video_box {
        background-image: url(../images/video_1080.png);
        padding-top: 55.64%;
        width: 87.87%;
        top: 14.7%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .video .video_box .film_red {
        padding-top: 20.4%;
    }

    .video .video_box .film_annotation {
        text-align: center;
        bottom: 4%;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 2.22vw;
    }

    /* .video .data_box{
        width: 100%;
        position: absolute;
        top: 55.1%;
        padding-top: 62%;
    } */
    .video .data_box .data_one {
        background-image: url(../images/video_94_1080.png);
        width: 29.53%;
        padding-top: 8.7%;
        bottom: 35.5%;
    }

    .video .data_box .data_one p,
    .video .data_box .data_two p,
    .video .data_box .data_three p {
        font-size: 3.51vw;
        width: 200%;
        left: 60%;
        bottom: 0;
    }

    .video .data_box .data_two p {
        bottom: -55%;
    }

    .video .data_box .data_two span {
        display: block;
    }

    .video .data_box .data_two {
        background-image: url(../images/video_81-1_1080.png);
        width: 29.53%;
        padding-top: 8.7%;
        bottom: 11.5%;
        left: 18%;
    }

    .video .data_box .data_three {
        background-image: url(../images/video_81-2_1080.png);
        width: 29.53%;
        padding-top: 8.7%;
        bottom: 23.5%;
        left: 18%;
    }

    /* product */
    .product .container_1920 {
        background-image: url(../images/product_bg_1080.png);
        padding-top: 191.48%;
    }

    .product .title {
        width: 100%;
        margin: 0 auto;
        top: 5.5%;
        text-align: center;
    }

    .product .title h2 {
        font-size: 5.55vw;
        padding-bottom: 0%;
    }

    .product .title span {
        display: block;
    }

    .product .product_slogan {
        width: 80%;
        position: absolute;
        left: 14.5%;
        top: 24.5%;
    }

    .product .product_slogan p {
        font-size: 3.2vw;
        padding-bottom: 0%;
    }

    .product .product_introduction {
        /* width: 100%; */
        flex-wrap: wrap;
        /* justify-content: space-between; */
        justify-content: none;
        top: 65.5%;
        left: 15%;
    }

    .product .product_introduction span {
        display: block;
    }

    .product .introduction_box:nth-child(1) {
        width: 100%;
    }

    .product .introduction_box:nth-child(2) {
        width: 100%;
    }

    .product .introduction_box:nth-child(3) {
        width: 100%;
    }

    .product .introduction_box .introduction_title {
        align-items: center;
        margin-bottom: 1%;
    }

    .product .introduction_box .introduction_title p:nth-child(1) {
        font-size: 4.9vw;
        margin-right: 4%;
    }

    .product .introduction_box .introduction_title p:nth-child(2) {
        font-size: 3.7vw;
    }

    .product .introduction_box .introduction_text {
        margin-bottom: 5%;
        font-size: 3.14vw;
        /* font-weight: 550; */
    }

    /* step */
    .step .container_1920 {
        background-image: url(../images/step_bg_1080.png);
        padding-top: 520.55%;
    }

    .step .title {
        top: 1.75%;
    }

    .step .title h2 {
        font-size: 5.55vw;
        padding-bottom: 0%;
    }

    .step .title h3 {
        font-size: 4.81vw;
        padding-bottom: 0%;
    }

    .step .step1 {
        width: 40%;
        position: absolute;
        top: 5.9%;
        left: 17%;
    }

    .step .step1 h3 {
        margin-bottom: 0%;
    }

    .step .step1 p {
        margin-left: 8%;
    }

    .step .step2 {
        width: 25%;
        position: absolute;
        top: 12.3%;
        left: 11%;
    }

    .step .step2 h3 {
        margin-bottom: 1%;
    }

    .step .step2 p {
        margin-left: 2%;
    }

    .step .step3 {
        width: 30%;
        position: absolute;
        top: 18%;
        left: 66%;
    }

    .step .step3 h3 {
        margin-bottom: 0%;
    }

    .step .step3 p {
        margin-left: 6%;
    }

    .step .step1 h3,
    .step .step2 h3,
    .step .step3 h3 {
        font-weight: bold;
        font-size: 3.7vw;
    }

    .step .step1 p,
    .step .step2 p,
    .step .step3 p {
        font-size: 2.96vw;
        letter-spacing: 2px;
    }

    .step .product_slider {
        top: 23%;
        position: absolute;
        width: 100%;
    }

    .swiper-button-prev.b_left_icon {
        background-image: url(../images/left_1080.png);
        width: 5.55%;
        height: 5.32%;
        left: 3%;
        top: 42%;
    }

    .swiper-button-next.b_right_icon {
        background-image: url(../images/right_1080.png);
        width: 5.55%;
        height: 5.32%;
        right: 3%;
        top: 42%;
    }

    .step .product_slider .product1 {
        background-image: url(../images/slider1_1080.png);
        padding-top: 201.75%;
    }

    .step .product_slider .product2 {
        background-image: url(../images/slider2_1080.png);
        padding-top: 201.75%;
    }

    .step .product_slider .product3 {
        background-image: url(../images/slider3_1080.png);
        padding-top: 201.75%;
    }

    .step .bottom_product_title {
        top: 62.7%;
    }

    .step .bottom_product_title span {
        display: block;
    }

    .step .bottom_product_title h2 {
        font-size: 10.27vw;
    }

    .sub_bottom_product_title1,
    .sub_bottom_product_title2,
    .product_list1,
    .product_list2,
    .product_list3,
    .product_list4 {
        position: absolute;
    }

    .sub_bottom_product_title1 {
        top: 70%;
        left: 51.5%;
    }

    .sub_bottom_product_title2 {
        top: 84.5%;
        left: 43.5%;
    }

    .sub_bottom_product_title1 h3,
    .sub_bottom_product_title2 h3 {
        font-size: 5.09vw;
    }

    .product_list1 {
        top: 71.7%;
        left: 55%;
    }

    .product_list2 {
        top: 75.25%;
        left: 55%;
    }

    .product_list3 {
        left: 47%;
        top: 86.35%;
    }

    .product_list4 {
        left: 43.5%;
        top: 90.5%;
    }

    .product_list1 .name,
    .product_list2 .name,
    .product_list3 .name,
    .product_list4 .name {
        font-size: 3.7vw;
        letter-spacing: 1px;
        margin-bottom: 2%;
    }

    .product_list1 .color,
    .product_list2 .color,
    .product_list3 .color,
    .product_list4 .color,
    .product_list1 .price,
    .product_list2 .price,
    .product_list3 .price,
    .product_list4 .price {
        font-size: 3.33vw;
    }

    .product_list3 .new {
        font-size: 2.96vw;
    }


    /* form */
    .form .container_1920 {
        background-image: url(../images/form_1080.png);
        padding-top: 203.42%;
    }

    .form .title {
        top: 5%;
        width: 80%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .form .title h2 {
        font-size: 5.55vw;
        padding-bottom: 0.7%;
    }

    .form .title h3 {
        font-size: 3.51vw;
        line-height: normal;
    }

    .form form {
        top: 50.5%;
        left: 13.5%;
        width: 73.5%;
    }

    .form .form_title {
        padding-top: 0.7%;
        display: flex;
        color: #fff;
        font-size: 3.51vw;
        font-weight: bold;
    }

    .form .form_title .free {
        margin-left: 4.5%;
        letter-spacing: 2px;
    }

    .form .form_title a:nth-child(2) {
        margin-left: 5.5%;
        letter-spacing: 2px;
    }

    .form .form_box {
        padding-top: 5%;
        width: 91%;
        margin: 0 auto;
    }

    .form .form_box .form_input_style {
        margin-bottom: 5%;
        height: 4.5ch;
        font-size: 2.59vw;
    }

    .form .form_box .select_box {
        display: flex;
        justify-content: space-between;
    }

    .form .form_box .form_select_style {
        width: 46%;
        height: 4.5ch;
        font-size: 2.59vw;
    }

    .form .agree_block {
        margin: 7% 0;
        display: flex;
        font-size: 2.59vw;
        font-family: Microsoft JhengHei;
        align-items: center;
    }

    .form .agree_block label {
        padding: 0 1% 0 6%;
    }

    .form .agree_block a {
        color: #D81616;
    }

    /* checkbox */
    .form input[type=checkbox] {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .form input[type=checkbox]:checked~i {
        /* background: url(../images/icon-check.svg) 50% no-repeat #D81616; */
        background: #D81616;
        background-size: 100% 100%;
    }

    .form input[type=checkbox]~i:before {
        display: block;
        content: "";
        width: 100%;
        padding-bottom: 100%;
    }

    .form input[type=checkbox]~i {
        display: block;
        /* position: absolute; */
        /* left: 0; */
        left: 5%;
        width: 3%;
        max-width: none;
        background-color: #fff;
        /* border-radius: 2px; */
        overflow: hidden;
        border: 3px #fff solid;
        /* z-index: 10; */
        pointer-events: none;
    }

    .form input[type=checkbox]~span {
        color: #fff;
        font-size: 3.75vw;
        line-height: 4.6875vw;
        text-align: left;
        padding: 0 5px;
    }

    .form .form_box .button_block button {
        width: 100%;
        background-color: #000;
        height: 3ch;
        font-size: 4.26vw;
        box-sizing: border-box;
        border: none;
        color: #fff;
        font-family: Microsoft JhengHei;
        letter-spacing: 10px;
        font-weight: bold;
    }

    .form .remind_block {
        width: 95%;
        margin: auto;
        padding-top: 15%;
        font-family: Microsoft JhengHei;
        font-size: 2vw;
    }

    .form .remind_block a {
        color: #D81616;
    }

    /* department */

    .department .container {}

    .department_group {
        display: block;
        width: 80%;
        left: 10%;
        /* overflow-x: hidden; */
    }

    .left,
    .right {
        width: 100%;
        display: inline-block;
        position: static;
    }

    .left_line {
        width: 0.6%;
        padding-bottom: 13%;
        position: absolute;
        top: 18%;
        left: 6.8%;
        background-color: rgb(219, 87, 75);
    }

    .department_title h2,
    .department_title h3 {
        font-size: 4vw;
    }

    .department_group h2 {
        font-size: 2.9vw;
    }

    .left p,
    .right p {
        font-size: 2.2vw;

    }

    .time {
        white-space: nowrap;

    }

    .left .time p {
        font-family: 'Courier New', Courier, monospace !important;
    }

    .right {
        overflow-x: hidden;
    }

    .right::after {
        bottom: -2%;
        width: 40%;
        right: -12%;
        padding-bottom: 20%;
        margin-bottom: 3%;
    }
}

@media screen and (max-width:767px) {
    .success_container {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 65%;
        /* height: 100vh; */
    }

    .close_success {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: #000 1px solid;
        top: 10px;
        right: 10px;
        /* filter:Alpha(opacity=0); */
        cursor: pointer;
    }

    .close_success::before {
        position: absolute;
        content: '';
        height: 20px;
        width: 1px;
        background-color: #000;
        left: 48%;
        transform: rotate(45deg);
    }

    .close_success::after {
        position: absolute;
        content: '';
        height: 20px;
        width: 1px;
        background-color: #000;
        right: 47%;
        transform: rotate(-45deg);
    }
}

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

    .success_container {
        position: absolute;
        top: 17%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 90%;
    }

    .video .video_box {
        width: 95%;
    }

    .video .video_box .film_annotation {
        bottom: -5%;
    }

    .form .form_title a:nth-child(2) {
        /* margin-left: 3.5%; */
        margin-left: 2%;
    }

    .form .form_box .form_input_style {
        margin-bottom: 3%;
        height: 4ch;
        font-size: 3.5vw;
    }

    .form .form_box .form_select_style {
        margin-bottom: 3%;
        height: 4ch;
        font-size: 3.5vw;
    }

    .form .agree_block label {
        padding: 0 1% 0 7%;
    }

    .form .remind_block {
        padding-top: 10%;
    }

    .department_group h2 {
        font-size: 3.6vw;
    }

}

@media screen and (max-width:340px) {
    .product_list4 {
        top: 91.5%;
    }

    .form .agree_block {
        margin: 5% 0;
    }

    .form .form_title a:nth-child(2) {
        margin-left: 0.5%;
    }

    .form .remind_block {
        width: 105%;
        padding-top: 5%;
    }

    .form .form_box .form_select_style {
        width: 48%;
    }
}

@media screen and (max-width:414px) {
    .mothers_day_sale .swiper-button-prev {
        top: 26.2% !important;
    }

    .mothers_day_sale .swiper-button-next {
        top: 26.2% !important;
    }



    .mothers_day_sale .swiper-button-prev {
        width: 3.76%;
    }

    .mothers_day_sale .swiper-button-next {
        width: 3.76%;
    }

}