@charset "utf-8";

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           code by 姚
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/

.swiper-slide {
    background: unset;
}


/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           門派介紹
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/

/*--押案--*/
.job .mask_pc_bottom {
    position: absolute !important;
    width: 100%;
    height: auto;
    padding-bottom: 0%;
    left: 0%;
    bottom: 0%;
    z-index: 67;
    pointer-events: none;
}



.job .chapter02 {
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    display: block;
    z-index: 61;
    background-color: rgba(255, 127, 80, 0);
    /*顏色標記*/
}








/*右上藍遮罩*/
.job .chapter02 .right_left_zone {
    position: absolute;
    width: 23%;
    height: auto;
    padding-bottom: 49%;
    top: 0%;
    right: 0%;
    z-index: 6;
    pointer-events: none;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/right_top_blue.webp);
    background-repeat: no-repeat;
    background-size: cover;
}



/*煙遮罩*/
.job .chapter02 .fog_mask {
    position: absolute;
    width: 85%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: 6;
    pointer-events: none;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/fog_cover2.webp);
    background-repeat: no-repeat;
    background-size: cover;
}



/*影片區*/
.job .chapter02 .swiper-slide .videoArea {
    height: 100%;
    width: 79%;
    position: absolute;
    left: 24%;
    top: 0;
    z-index: 1;
    display: block;
}

.job .chapter02 .videoArea .menpi_v {
    object-fit: cover;
    object-position: left top;
    height: 100%;
    width: 100%;
    display: block;
}








.job .chapter02 .c1 {
    background-color: rgb(0, 0, 0);
    /*顏色標記*/
}


.job .chapter02 .c2 {
    background-color: rgb(0, 0, 0);
    /*顏色標記*/
}

.job .chapter02 .c3 {
    background-color: rgb(0, 0, 0);
    /*顏色標記*/
}

.job .chapter02 .c4 {
    background-color: rgb(0, 0, 0);
    /*顏色標記*/
}

.job .chapter02 .c5 {
    background-color: rgb(0, 0, 0);
    /*顏色標記*/
}







/*------------性別選項區----------*/

/*---選項區---*/
.job .sex_change_box {
    position: absolute;
    width: 9%;
    height: auto;
    padding-bottom: 5%;
    top: 65%;
    left: 35%;
    z-index: 71;
    background-color: rgba(0, 255, 255, 0);
    /*顏色標記*/

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.swiper-slide-active .sex_change_box {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.6s;
    animation-duration: 1s !important;
}



/*------------青雲_選項區----------*/
.job .swiper-slide.c1 .sex_change_box .sex_change_btn_1 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: -43%;
    left: 12%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}

.job .swiper-slide.c1 .sex_change_box .sex_change_btn_1.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .swiper-slide.c1 .sex_change_box .sex_change_btn_2 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: 0%;
    left: 48%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}


.job .swiper-slide.c1 .sex_change_box .sex_change_btn_2.on {

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}





/*------------鬼王_選項區----------*/
.job .swiper-slide.c2 .sex_change_box {
    width: 9%;
    top: 65%;
    left: 36%;
}

.job .swiper-slide.c2 .sex_change_box .sex_change_btn_1 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: -43%;
    left: 12%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}

.job .swiper-slide.c2 .sex_change_box .sex_change_btn_1.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .swiper-slide.c2 .sex_change_box .sex_change_btn_2 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: 0%;
    left: 48%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}


.job .swiper-slide.c2 .sex_change_box .sex_change_btn_2.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}



/*------------合歡_選項區----------*/
.job .swiper-slide.c3 .sex_change_box {
    width: 9%;
    top: 64%;
    left: 31%;
}

.job .swiper-slide.c3 .sex_change_box .sex_change_btn_1 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: -43%;
    left: 12%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}

.job .swiper-slide.c3 .sex_change_box .sex_change_btn_1.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .swiper-slide.c3 .sex_change_box .sex_change_btn_2 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: 0%;
    left: 48%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}


.job .swiper-slide.c3 .sex_change_box .sex_change_btn_2.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}




/*------------焚香_選項區----------*/
.job .swiper-slide.c4 .sex_change_box {
    width: 9%;
    top: 66%;
    left: 33.5%;
}


.job .swiper-slide.c4 .sex_change_box .sex_change_btn_1 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: -43%;
    left: 12%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}

.job .swiper-slide.c4 .sex_change_box .sex_change_btn_1.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/boy_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .swiper-slide.c4 .sex_change_box .sex_change_btn_2 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: 0%;
    left: 48%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}


.job .swiper-slide.c4 .sex_change_box .sex_change_btn_2.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}





/*------------靈汐_選項區----------*/
.job .swiper-slide.c5 .sex_change_box {
    width: 9%;
    top: 66%;
    left: 34.5%;
}

.job .swiper-slide.c5 .sex_change_box .sex_change_btn_1 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: -43%;
    left: 12%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_c_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}

.job .swiper-slide.c5 .sex_change_box .sex_change_btn_1.on {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_c_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .swiper-slide.c5 .sex_change_box .sex_change_btn_2 {
    position: absolute;
    width: 53%;
    height: auto;
    padding-bottom: 53%;
    top: 0%;
    left: 48%;
    z-index: 70;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_off.webp);
    background-repeat: no-repeat;
    background-size: 100%;

    cursor: pointer;
}


.job .swiper-slide.c5 .sex_change_box .sex_change_btn_2.on {

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/girl_0326_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}












/*---內容區---*/
.job .sex_page_box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(224, 66, 18, 0);

    overflow: hidden;
}


/*-------------青雲男_內容------------*/
.job .swiper-slide.c1 .sex_page_box .sex_page_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(52, 224, 18, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c1 .sex_page_box .sex_page_1.on {
    display: block;
}


/*職業大標*/
.job .chapter02 .c1 .job_name {
    position: absolute;
    width: 19.8vw;
    height: auto;
    padding-bottom: 0%;
    top: 6%;
    right: 7%;
    z-index: 10;
    pointer-events: none;
}


.job .chapter02 .c1 .job_name img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c1.swiper-slide-active .job_name img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.4s;
    animation-duration: 1s !important;
}



/*職業數值*/
.job .chapter02 .c1 .numerical_value {
    position: absolute;
    width: 14vw;
    height: auto;
    padding-bottom: 0%;
    top: 56%;
    right: 3%;
    z-index: 9;
    pointer-events: none;
}

.job .chapter02 .c1 .numerical_value img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c1.swiper-slide-active .numerical_value img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.7s;
    animation-duration: 1s !important;
}



/*詩文*/
.job .chapter02 .c1 .job_slogan {
    position: absolute;
    width: 9vw;
    height: auto;
    padding-bottom: 0%;
    top: 8%;
    left: 33%;
    z-index: 70;
    pointer-events: none;
}

.job .chapter02 .c1 .job_slogan img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c1.swiper-slide-active .job_slogan img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 1.2s;
    animation-duration: 1s !important;
}





.job .swiper-slide.c1 .sex_page_box .sex_page_1 .rie_boy {
    position: absolute;
    width: 47%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 3%;
    z-index: 2;

    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c1.swiper-slide-active .sex_page_box .sex_page_1 .rie_boy {
    animation: sangoku_366 0.8s linear forwards;
}

.job .chapter02 .swiper-slide.c1 .videoArea {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/qingyun_vd_bg_pc.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}




/*-------------青雲女_內容------------*/
.job .swiper-slide.c1 .sex_page_box .sex_page_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(18, 166, 224, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c1 .sex_page_box .sex_page_2.on {
    display: block;
}



.job .swiper-slide.c1 .sex_page_box .sex_page_2 .rie_girl {
    position: absolute;
    width: 60%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: -1%;
    z-index: 2;

    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}

.job .swiper-slide.c1.swiper-slide-active .sex_page_box .sex_page_2 .rie_girl {
    animation: sangoku_366 0.8s linear forwards;
}



/*-------------鬼王男_內容------------*/
.job .swiper-slide.c2 .sex_page_box .sex_page_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(52, 224, 18, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c2 .sex_page_box .sex_page_1.on {
    display: block;
}


/*職業大標*/
.job .chapter02 .c2 .job_name {
    position: absolute;
    width: 17.8vw;
    height: auto;
    padding-bottom: 0%;
    top: 7%;
    right: 7%;
    z-index: 10;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}


.job .swiper-slide.c2.swiper-slide-active .job_name {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.4s;
    animation-duration: 1s !important;
}

/*職業數值*/
.job .chapter02 .c2 .numerical_value {
    position: absolute;
    width: 14vw;
    height: auto;
    padding-bottom: 0%;
    top: 56%;
    right: 3%;
    z-index: 9;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}


.job .swiper-slide.c2.swiper-slide-active .numerical_value {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.7s;
    animation-duration: 1s !important;
}


/*詩文*/
.job .chapter02 .c2 .job_slogan {
    position: absolute;
    width: 9vw;
    height: auto;
    padding-bottom: 0%;
    top: 8%;
    left: 35%;
    z-index: 70;
    pointer-events: none;
}

.job .chapter02 .c2 .job_slogan img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c2.swiper-slide-active .job_slogan img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 1.2s;
    animation-duration: 1s !important;
}



.job .swiper-slide.c2 .sex_page_box .sex_page_1 .rie_boy {
    position: absolute;
    width: 67%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c2.swiper-slide-active .sex_page_box .sex_page_1 .rie_boy {
    animation: sangoku_366 0.8s linear forwards;
}

.job .chapter02 .swiper-slide.c2 .videoArea {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/guiwang_vd_bg_pc.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}



/*-------------鬼王女_內容------------*/
.job .swiper-slide.c2 .sex_page_box .sex_page_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(18, 166, 224, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c2 .sex_page_box .sex_page_2.on {
    display: block;
}


.job .swiper-slide.c2 .sex_page_box .sex_page_2 .rie_girl {
    position: absolute;
    width: 62%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;

    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c2.swiper-slide-active .sex_page_box .sex_page_2 .rie_girl {
    animation: sangoku_366 0.8s linear forwards;
}





/*-------------合歡男_內容------------*/
.job .swiper-slide.c3 .sex_page_box .sex_page_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(52, 224, 18, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c3 .sex_page_box .sex_page_1.on {
    display: block;
}


/*職業大標*/
.job .chapter02 .c3 .job_name {
    position: absolute;
    width: 17.8vw;
    height: auto;
    padding-bottom: 0%;
    top: 7%;
    right: 7%;
    z-index: 10;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c3.swiper-slide-active .job_name {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.4s;
    animation-duration: 1s !important;
}

/*職業數值*/
.job .chapter02 .c3 .numerical_value {
    position: absolute;
    width: 14vw;
    height: auto;
    padding-bottom: 0%;
    top: 56%;
    right: 3%;
    z-index: 9;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}


.job .swiper-slide.c3.swiper-slide-active .numerical_value {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.7s;
    animation-duration: 1s !important;
}



/*詩文*/
.job .chapter02 .c3 .job_slogan {
    position: absolute;
    width: 9vw;
    height: auto;
    padding-bottom: 0%;
    top: 8%;
    left: 31%;
    z-index: 70;
    pointer-events: none;
}

.job .chapter02 .c3 .job_slogan img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c3.swiper-slide-active .job_slogan img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 1.2s;
    animation-duration: 1s !important;
}



.job .swiper-slide.c3 .sex_page_box .sex_page_1 .rie_boy {
    position: absolute;
    width: 45%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c3.swiper-slide-active .sex_page_box .sex_page_1 .rie_boy {
    animation: sangoku_366 0.8s linear forwards;
}

.job .chapter02 .swiper-slide.c3 .videoArea {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/hehuan_vd_bg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}



/*-------------合歡女_內容------------*/
.job .swiper-slide.c3 .sex_page_box .sex_page_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(18, 166, 224, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c3 .sex_page_box .sex_page_2.on {
    display: block;
}


.job .swiper-slide.c3 .sex_page_box .sex_page_2 .rie_girl {
    position: absolute;
    width: 45%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c3.swiper-slide-active .sex_page_box .sex_page_2 .rie_girl {
    animation: sangoku_366 0.8s linear forwards;
}






/*-------------焚香男_內容------------*/
.job .swiper-slide.c4 .sex_page_box .sex_page_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(52, 224, 18, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c4 .sex_page_box .sex_page_1.on {
    display: block;
}

/*職業大標*/
.job .chapter02 .c4 .job_name {
    position: absolute;
    width: 17.8vw;
    height: auto;
    padding-bottom: 0%;
    top: 7%;
    right: 7%;
    z-index: 10;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c4.swiper-slide-active .job_name {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.4s;
    animation-duration: 1s !important;
}

/*職業數值*/
.job .chapter02 .c4 .numerical_value {
    position: absolute;
    width: 14vw;
    height: auto;
    padding-bottom: 0%;
    top: 56%;
    right: 3%;
    z-index: 9;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c4.swiper-slide-active .numerical_value {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.7s;
    animation-duration: 1s !important;
}


/*詩文*/
.job .chapter02 .c4 .job_slogan {
    position: absolute;
    width: 9vw;
    height: auto;
    padding-bottom: 0%;
    top: 6%;
    left: 34%;
    z-index: 70;
    pointer-events: none;
}

.job .chapter02 .c4 .job_slogan img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c4.swiper-slide-active .job_slogan img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 1.2s;
    animation-duration: 1s !important;
}


.job .swiper-slide.c4 .sex_page_box .sex_page_1 .rie_boy {
    position: absolute;
    width: 50%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c4.swiper-slide-active .sex_page_box .sex_page_1 .rie_boy {
    animation: sangoku_366 0.8s linear forwards;
}

.job .chapter02 .swiper-slide.c4 .videoArea {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/fenxiang_vd_bg_pc.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}



/*-------------焚香女_內容------------*/
.job .swiper-slide.c4 .sex_page_box .sex_page_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(18, 166, 224, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c4 .sex_page_box .sex_page_2.on {
    display: block;
}

.job .swiper-slide.c4 .sex_page_box .sex_page_2 .rie_girl {
    position: absolute;
    width: 50%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c4.swiper-slide-active .sex_page_box .sex_page_2 .rie_girl {
    animation: sangoku_366 0.8s linear forwards;
}




/*-------------靈汐女孩_內容------------*/
.job .swiper-slide.c5 .sex_page_box .sex_page_1 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(52, 224, 18, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c5 .sex_page_box .sex_page_1.on {
    display: block;
}


/*職業大標*/
.job .chapter02 .c5 .job_name {
    position: absolute;
    width: 18vw;
    height: auto;
    padding-bottom: 0%;
    top: 7%;
    right: 7%;
    z-index: 10;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c5.swiper-slide-active .job_name {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.4s;
    animation-duration: 1s !important;
}

/*職業數值*/
.job .chapter02 .c5 .numerical_value {
    position: absolute;
    width: 14vw;
    height: auto;
    padding-bottom: 0%;
    top: 56%;
    right: 3%;
    z-index: 9;
    pointer-events: none;

    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c5.swiper-slide-active .numerical_value {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 0.7s;
    animation-duration: 1s !important;
}


/*詩文*/
.job .chapter02 .c5 .job_slogan {
    position: absolute;
    width: 9vw;
    height: auto;
    padding-bottom: 0%;
    top: 9%;
    left: 35%;
    z-index: 70;
    pointer-events: none;
}

.job .chapter02 .c5 .job_slogan img {
    filter: blur(50px) brightness(20);
    opacity: 0;
}

.job .swiper-slide.c5.swiper-slide-active .job_slogan img {
    animation: logo_in_309 cubic-bezier(0.19, 1, 0.22, 1) both;
    animation-delay: 1.2s;
    animation-duration: 1s !important;
}


.job .swiper-slide.c5 .sex_page_box .sex_page_1 .rie_girl_child {
    position: absolute;
    width: 51%;
    height: auto;
    padding-bottom: 0%;
    bottom: 6%;
    left: -12%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c5.swiper-slide-active .sex_page_box .sex_page_1 .rie_girl_child {
    animation: sangoku_366 0.8s linear forwards;
}


.job .chapter02 .swiper-slide.c5 .videoArea {
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/lingxi_vd_bg_pc.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}



/*-------------靈汐女_內容------------*/
.job .swiper-slide.c5 .sex_page_box .sex_page_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    z-index: 65;
    background-color: rgba(18, 166, 224, 0);
    /*顏色標記*/
    display: none;
}

.job .swiper-slide.c5 .sex_page_box .sex_page_2.on {
    display: block;
}


.job .swiper-slide.c5 .sex_page_box .sex_page_2 .rie_girl {
    position: absolute;
    width: 42%;
    height: auto;
    padding-bottom: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 2;
    -webkit-mask-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/common_mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0%;
    -webkit-mask-position: 50% 50%;
    /*transition: all 1.8s;*/
}


.job .swiper-slide.c5.swiper-slide-active .sex_page_box .sex_page_2 .rie_girl {
    animation: sangoku_366 0.8s linear forwards;
}








/*----------職業_大選項----------*/
.job .chapter02_thumbs {
    position: absolute;
    width: 46% !important;
    height: auto;
    padding-bottom: 9%;
    bottom: -9% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);

    z-index: 68;
    background-color: rgba(97, 165, 42, 0);
    /*顏色標記*/
}

.job .chapter02_thumbs .thub_box {
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 20%;
    top: 0%;
    left: 0%;

    z-index: 10;
    opacity: 0;
}

.job.swiper-slide-active .chapter02_thumbs .thub_box {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: both;
    opacity: 1;
}



.job .chapter02_thumbs .job_tbs_line {
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 20%;
    top: 0%;
    left: 0%;
    z-index: 6;

    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/job_tbs_line.webp);
    background-repeat: no-repeat;
    background-size: 100%;
}


.job .chapter02_thumbs .swiper-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: 8;
}

.job .chapter02_thumbs .swiper-slide {
    cursor: pointer;
}



.job .chapter02_thumbs .swiper-slide.group_icon {
    width: 11% !important;
    height: auto;
    padding-bottom: 11% !important;
    margin-bottom: 0%;
}

.job .chapter02_thumbs .swiper-slide.group_icon_1 {
    position: absolute;
    top: 32%;
    left: 4.5%;
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/qingyun_ico.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;

    transform-origin: center;
    /*transform: scale(0.8);*/
}


.job .chapter02_thumbs .swiper-slide.group_icon_2 {
    position: absolute;
    top: -3%;
    left: 22%;
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/guiwang_ico.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;


    transform-origin: center;
    /*transform: scale(0.8);*/

}


.job .chapter02_thumbs .swiper-slide.group_icon_3 {
    position: absolute;
    top: -19%;
    left: 42.3%;
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/hehuan_ico.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;


    transform-origin: center;
    /*transform: scale(0.8);*/

}


.job .chapter02_thumbs .swiper-slide.group_icon_4 {
    position: absolute;
    top: -10%;
    left: 64%;
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/fenxiang_ico.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;


    transform-origin: center;
    /*transform: scale(0.8);*/

}


.job .chapter02_thumbs .swiper-slide.group_icon_5 {
    position: absolute;
    top: 26%;
    left: 82.5%;
    background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/lingxi_ico.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;


    transform-origin: center;
    /*transform: scale(0.8);*/

}

.job .chapter02_thumbs .thub_box .group_icon.active {
    transition: filter 0.3s ease-in-out;
    filter: drop-shadow(0px 0px 10px rgb(255, 255, 255)) drop-shadow(0px 0px 20px rgb(255, 255, 255)) drop-shadow(0px 0px 30px rgb(255, 255, 255));
}





/*----------火焰----------*/
.job .fire_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;

    z-index: 64;

    mix-blend-mode: color-dodge;
    pointer-events: none;
}

/*影片背景*/
.job .fire_box video {
    object-fit: cover;
    object-position: left top;
    height: 100%;
    width: 100%;
}



@media (max-width:1920px) {

    /*大選項*/
    .job .chapter02_thumbs {
        width: 51% !important;
        padding-bottom: 9.6%;
    }



    /*青雲*/
    .job .chapter02 .c1 .job_slogan {
        width: 9vw;
        top: 5%;
        left: 33%;
    }

    /*鬼王*/
    .job .chapter02 .c2 .job_slogan {
        width: 9vw;
        top: 5%;
    }

    /*合歡*/
    .job .chapter02 .c3 .job_slogan {
        width: 9vw;
        top: 6%;
    }



    /*靈汐*/
    .job .swiper-slide.c5 .sex_page_box .sex_page_2 .rie_girl {
        left: -1%;
    }

    .job .chapter02 .c5 .job_slogan {
        width: 9vw;
        top: 8%;
        left: 34%;
    }

}



@media (max-width:1440px) {
    .job .chapter02_thumbs {
        width: 58% !important;
        padding-bottom: 11.6%;
    }

    /*--青雲--*/
    .job .swiper-slide.c1 .sex_page_box .sex_page_1 .rie_boy {
        width: 47%;
        left: 0%;
    }


    .job .chapter02 .c1 .job_slogan {
        left: 29%;
    }


    /*--鬼王--*/
    .job .chapter02 .c2 .job_slogan {
        left: 34%;
    }


    /*--合歡--*/
    .job .swiper-slide.c3 .sex_page_box .sex_page_1 .rie_boy {
        width: 46%;
    }


    /*--焚香--*/
    .job .swiper-slide.c4 .sex_page_box .sex_page_1 .rie_boy {
        width: 53%;
    }

    .job .swiper-slide.c4 .sex_page_box .sex_page_2 .rie_girl {
        width: 53%;
    }

    .job .chapter02 .c4 .job_slogan {
        top: 3%;
        left: 34%;
    }


    /*--靈汐--*/
    .job .swiper-slide.c5 .sex_page_box .sex_page_1 .rie_girl_child {
        width: 55%;
        bottom: 6%;
        left: -15%;
    }

    .job .swiper-slide.c5 .sex_page_box .sex_page_2 .rie_girl {
        width: 43%;
        bottom: 6%;
        left: -2%;
    }

    .job .chapter02 .c5 .job_slogan {
        left: 34%;
    }

}



@media (max-width:1100px) {



    /*切邊*/
    .job .sex_page_box {
        overflow: hidden;
    }


    /*大選項*/
    .job .chapter02_thumbs {
        width: 69% !important;
        padding-bottom: 0%;
        top: 93% !important;
        left: 52% !important;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon {
        width: 12% !important;
        height: auto;
        padding-bottom: 16% !important;
        margin-bottom: 5%;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon_1 {
        top: 32%;
        left: 0%;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon_2 {
        top: -8%;
        left: 18.3%;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon_3 {
        top: -24%;
        left: 40.8%;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon_4 {
        top: -12%;
        left: 63%;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon_5 {
        top: 32%;
        left: 81.5%;
    }



    /*男女切換*/
    .job .sex_change_box {
        width: 22%;
        padding-bottom: 13%;
        top: 44%;
        left: 72%;
    }


    .job .swiper-slide.c2 .sex_change_box {
        width: 22%;
        padding-bottom: 13%;
        top: 46%;
        left: 72%;
    }

    .job .swiper-slide.c3 .sex_change_box {
        width: 22%;
        padding-bottom: 13%;
        top: 46%;
        left: 72%;
    }

    .job .swiper-slide.c4 .sex_change_box {
        width: 22%;
        padding-bottom: 13%;
        top: 46%;
        left: 72%;
    }

    .job .swiper-slide.c5 .sex_change_box {
        width: 22%;
        padding-bottom: 13%;
        top: 44%;
        left: 73%;
    }







    /*煙遮罩*/
    .job .chapter02 .fog_mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: unset;
        bottom: 0%;
        left: 0%;
        z-index: 6;
        pointer-events: none;

        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/fog_cover_tb.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }



    /*影片*/
    .job .chapter02 .swiper-slide .videoArea {
        height: 59%;
        width: 100%;
        position: absolute;
        left: 0%;
        top: 0;
    }

    .job .chapter02 .videoArea .menpi_v {
        object-position: center top;
    }


    /*青雲*/
    .job .chapter02 .c1 .job_name {
        width: 36.8vw;
        top: 6%;
        right: 0%;
        z-index: 77;
    }

    .job .chapter02 .c1 .numerical_value {
        width: 25vw;
        top: 35%;
        right: 3%;
    }

    .job .chapter02 .c1 .job_slogan {
        width: 82vw;
        top: 71%;
        left: 12%;
    }

    .job .swiper-slide.c1 .sex_page_box .sex_page_1 .rie_boy {
        width: 87%;
        bottom: 25%;
        left: 6%;
    }

    .job .swiper-slide.c1 .sex_page_box .sex_page_2 .rie_girl {
        width: 74%;
        bottom: 28%;
        left: 2%;
    }


    /*鬼王*/
    .job .chapter02 .c2 .job_name {
        width: 36.8vw;
        top: 6%;
        right: 0%;
        z-index: 77;
    }

    .job .chapter02 .c2 .numerical_value {
        width: 25vw;
        top: 35%;
        right: 3%;
    }

    .job .chapter02 .c2 .job_slogan {
        width: 82vw;
        top: 71%;
        left: 12%;
    }

    .job .swiper-slide.c2 .sex_page_box .sex_page_1 .rie_boy {
        width: 100%;
        bottom: 24%;
        left: 0%;
    }

    .job .swiper-slide.c2 .sex_page_box .sex_page_2 .rie_girl {
        width: 111%;
        bottom: 27%;
        left: -3%;
    }


    /*合歡*/
    .job .chapter02 .c3 .job_name {
        width: 36.8vw;
        top: 6%;
        right: 0%;
        z-index: 77;
    }

    .job .chapter02 .c3 .numerical_value {
        width: 25vw;
        top: 35%;
        right: 3%;
    }

    .job .chapter02 .c3 .job_slogan {
        width: 82vw;
        top: 71%;
        left: 12%;
    }

    .job .swiper-slide.c3 .sex_page_box .sex_page_1 .rie_boy {
        width: 85%;
        bottom: 24%;
        left: 5%;
    }

    .job .swiper-slide.c3 .sex_page_box .sex_page_2 .rie_girl {
        width: 81%;
        bottom: 27%;
        left: 14%;
    }


    /*焚香*/
    .job .chapter02 .c4 .job_name {
        width: 36.8vw;
        top: 6%;
        right: 0%;
        z-index: 77;
    }

    .job .chapter02 .c4 .numerical_value {
        width: 25vw;
        top: 35%;
        right: 3%;
    }

    .job .chapter02 .c4 .job_slogan {
        width: 82vw;
        top: 71%;
        left: 12%;
    }

    .job .swiper-slide.c4 .sex_page_box .sex_page_1 .rie_boy {
        width: 96%;
        bottom: 27%;
        left: 0%;
    }

    .job .swiper-slide.c4 .sex_page_box .sex_page_2 .rie_girl {
        width: 96%;
        bottom: 27%;
        left: 0%;
    }


    /*靈汐*/
    .job .chapter02 .c5 .job_name {
        width: 36.8vw;
        top: 6%;
        right: 0%;
        z-index: 77;
    }

    .job .chapter02 .c5 .numerical_value {
        width: 25vw;
        top: 35%;
        right: 3%;
        z-index: 70;
    }

    .job .chapter02 .c5 .job_slogan {
        width: 82vw;
        top: 71%;
        left: 12%;
    }

    .job .swiper-slide.c5 .sex_page_box .sex_page_1 .rie_girl_child {
        width: 108%;
        bottom: 24%;
        left: -24%;
    }

    .job .swiper-slide.c5 .sex_page_box .sex_page_2 .rie_girl {
        width: 83%;
        bottom: 24%;
        left: -5%;
    }

}






@media (max-width:767px) {

    /*--大選項--*/
    .job .chapter02_thumbs {
        width: 91% !important;
        top: 86% !important;
        left: 50% !important;
    }

    .job .chapter02_thumbs .job_tbs_line {
        width: 114%;
        padding-bottom: 29%;
        top: 7%;
        left: -8%;
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/job_tbs_line_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        pointer-events: none;
    }

    .job .chapter02_thumbs .swiper-slide.group_icon {
        width: 20% !important;
        padding-bottom: 23% !important;
        margin-bottom: 0%;
    }


    .job .chapter02_thumbs .swiper-slide {
        transform: scale(0.8);
        filter: grayscale(100%);
    }

    .job .chapter02_thumbs .swiper-slide-thumb-active.group_icon {
        transform: scale(1.4);
    }



    /*--性別切換--*/
    .job .sex_change_box {
        width: 28%;
        padding-bottom: 19%;
        top: 43%;
        left: 70%;
    }

    .job .swiper-slide.c2 .sex_change_box {
        width: 28%;
        padding-bottom: 19%;
        top: 43%;
        left: 70%;
    }

    .job .swiper-slide.c3 .sex_change_box {
        width: 28%;
        padding-bottom: 19%;
        top: 43%;
        left: 70%;
    }

    .job .swiper-slide.c4 .sex_change_box {
        width: 28%;
        padding-bottom: 19%;
        top: 43%;
        left: 70%;
    }

    .job .swiper-slide.c5 .sex_change_box {
        width: 28%;
        padding-bottom: 19%;
        top: 43%;
        left: 70%;
    }



    /*--數值--*/
    .job .chapter02 .c1 .numerical_value {
        width: 34vw;
        top: 40%;
        right: 3%;
        z-index: 65;
    }

    .job .chapter02 .c2 .numerical_value {
        width: 34vw;
        top: 40%;
        right: 3%;
        z-index: 65;
    }

    .job .chapter02 .c3 .numerical_value {
        width: 34vw;
        top: 40%;
        right: 3%;
        z-index: 65;
    }

    .job .chapter02 .c4 .numerical_value {
        width: 34vw;
        top: 40%;
        right: 3%;
        z-index: 65;
    }

    .job .chapter02 .c5 .numerical_value {
        width: 34vw;
        top: 40%;
        right: 3%;
        z-index: 65;
    }


    /*--青雲--*/
    .job .swiper-slide.c1 .sex_page_box .sex_page_1 .rie_boy {
        width: 120%;
        bottom: 21%;
        left: -11%;
    }

    .job .swiper-slide.c1 .sex_page_box .sex_page_2 .rie_girl {
        width: 113%;
        bottom: 16%;
        left: -11%;
    }

    .job .chapter02 .c1 .job_slogan {
        width: 96vw;
        top: 64%;
        left: 3%;
    }

    .job .chapter02 .c1 .job_name {
        width: 43.8vw;
        top: 6%;

        z-index: 65;
    }

    .job .chapter02 .swiper-slide .videoArea video {
        display: none;
    }

    .job .chapter02 .swiper-slide.c1 .videoArea {
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/video_bg_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }



    /*--鬼王--*/
    .job .swiper-slide.c2 .sex_page_box .sex_page_1 .rie_boy {
        width: 131%;
        bottom: 28%;
        left: -23%;
    }

    .job .swiper-slide.c2 .sex_page_box .sex_page_2 .rie_girl {
        width: 98%;
        bottom: 27%;
        left: -12%;
    }

    .job .chapter02 .c2 .job_slogan {
        width: 96vw;
        top: 64%;
        left: 3%;
    }

    .job .chapter02 .c2 .job_name {
        width: 43.8vw;
        top: 6%;

        z-index: 65;
    }

    .job .chapter02 .swiper-slide.c2 .videoArea {
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/video_bg_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }




    /*--合歡--*/
    .job .swiper-slide.c3 .sex_page_box .sex_page_1 .rie_boy {
        width: 119%;
        bottom: 22%;
        left: -20%;
    }

    .job .swiper-slide.c3 .sex_page_box .sex_page_2 .rie_girl {
        width: 114%;
        bottom: 23%;
        left: -30%;
    }

    .job .chapter02 .c3 .job_slogan {
        width: 96vw;
        top: 64%;
        left: 3%;
    }

    .job .chapter02 .c3 .job_name {
        width: 43.8vw;
        top: 6%;

        z-index: 65;
    }

    .job .chapter02 .swiper-slide.c3 .videoArea {
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/video_bg_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }



    /*--焚香--*/
    .job .swiper-slide.c4 .sex_page_box .sex_page_1 .rie_boy {
        width: 101%;
        bottom: 24%;
        left: -2%;
    }

    .job .swiper-slide.c4 .sex_page_box .sex_page_2 .rie_girl {
        width: 129%;
        bottom: 24%;
        left: -18%;
    }

    .job .chapter02 .c4 .job_slogan {
        width: 96vw;
        top: 64%;
        left: 3%;
    }

    .job .chapter02 .c4 .job_name {
        width: 43.8vw;
        top: 6%;

        z-index: 65;
    }

    .job .chapter02 .swiper-slide.c4 .videoArea {
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/video_bg_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }






    /*--靈汐--*/
    .job .swiper-slide.c5 .sex_page_box .sex_page_1 .rie_girl_child {
        width: 135%;
        bottom: 29%;
        left: -48%;
    }

    .job .swiper-slide.c5 .sex_page_box .sex_page_2 .rie_girl {
        width: 108%;
        bottom: 24%;
        left: -14%;
    }

    .job .chapter02 .c5 .job_slogan {
        width: 96vw;
        top: 64%;
        left: 3%;
    }

    .job .chapter02 .c5 .job_name {
        width: 43.8vw;
        top: 6%;

        z-index: 65;
    }

    .job .chapter02 .swiper-slide.c5 .videoArea {
        background-image: url(https://images4.iwplay.com.tw/image/zxsj/main/image/job/video_bg_sp.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }


    .job .chapter02_thumbs .thub_box .group_icon.active {
        filter: drop-shadow(0px 0px 10px rgb(255, 255, 255)) drop-shadow(0px 0px 20px rgb(255, 255, 255));
    }

}