/* -- reset module8 -- */
                      .edit,.show_content,.main_part{width: auto !important;max-width: 100% !important;margin: auto !important;padding: 0px !important;}
.pageIndex .main_part{border:none !important;}
/*.path,.banner{display:none;}*/
.edit_part{max-width: 100%;padding: 0;}
/* -- reset module8 end -- */
.show_content{animation: none;}
/*Animations*/
[data-animate-in]{opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"]{transform: translate3d(0, 100px, 0);}
[data-animate-in="left"]{transform: translate3d(-100px, 0, 0);}
[data-animate-in="right"]{transform: translate3d(100px, 0, 0);}
[data-animate-in="down"]{transform: translate3d(0, -100px, 0);}
[data-animate-in="scaleIn"] {transform: scale(.5);}
[data-animate-in].in-view{opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 0.6s ease, opacity 0.6s ease;}

.hs_clear{clear: both;}
.hs_clear:before,
.hs_clear:after{content:''; clear:both; display:block; height:0;}

/*https://pic03.eapple.com.tw/*/

.main{width: 100%;margin: 0 auto;overflow: hidden;}
.main *{box-sizing: border-box;padding: 0;margin: 0;font-family: "Noto Sans TC", sans-serif;font-size: 16px;line-height: 100%;word-break: break-all;}
.main img{max-width: 100%;}

/*.main *{outline: 1px solid #F00;}*/

a {text-decoration: none;}

.P2_A_contentbox{max-width: 1100px;margin: 0 auto;padding: 100px 20px;}
.P2_A_itembox{display: flex;flex-wrap: wrap;}
.P2_A_item{width: calc(50% - 6vw);margin: 2vw 3vw;display: flex;flex-wrap: wrap;align-items: flex-start;}
.P2_A_item img{width: 120px;}
.P2_A_item h4{width: calc(100% - 120px);padding: 0 0 0 1.5vw;}
.P2_A_item h4 b{
    font-size: 18px;
    color: #555;
    letter-spacing: .1rem;
    display: block;
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 700;
}

.P2_A_item h4 span{display: block;font-size: 14px;color: #555;line-height: 180%;font-weight: normal;}

.P2_B{background-image: url(https://pic03.eapple.com.tw/muyustory/mys_bg005.jpg);background-attachment: fixed;}
.P2_B_contentbox{padding: 270px 20px 210px 20px;text-align: center;}
.P2_B_title h4 b{
    display: block;
    font-size: 18px;
    color: #FFF;
    line-height: 200%;
    letter-spacing: .1rem;
    text-shadow: 0 0 .3rem rgba(12 12 12 / 60%);
    font-weight: normal;
}

.P2_C_contentbox{max-width: 1000px;margin: 0 auto;padding: 110px 20px;}
.P2_C_title{text-align: center;margin-bottom: 70px;}
.P2_C_title h4{font-size: 14px;color: #CBC3B6;font-family: "Philosopher", sans-serif;margin-bottom: 10px;letter-spacing: .1rem;}
.P2_C_title h5{font-size: 28px;color: #555;letter-spacing: .15rem;}

.P2_C_content{background-color: #FFF;position: relative;padding: 4vw;margin-bottom: 40px;}
.P2_C_content:last-child{margin-bottom: 0;}

.P2_C_step{
    width: 60px;
    /*height: 300px;*/
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    position: absolute;
    left: 3vw;
    top: 0;
    background-color: #E1DBD1;
    padding: 35px 20px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.P2_C_step h4{font-size: 22px;color: #555;letter-spacing: .15rem;}

.P2_C_textbox{max-width: 500px;margin: 0 auto;}
.P2_C_text{display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.P2_C_text:last-child{margin-bottom: 0;}
.P2_C_text h4{width: 50px;position: relative;}
.P2_C_text h4:before{
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 70px);
    background-color: #ccc;
    left: 25px;
    bottom: 0;
}

.P2_C_text h4 b{
    width: 50px;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #555;
    letter-spacing: .1rem;
    border: 1px solid #555;
    background-color: #FFF;
    font-family: "Philosopher", sans-serif;
    position: relative;
    z-index: 5;
    font-weight: normal;
}

.P2_C_text h5{width: calc(100% - 50px);padding: 0 0 0 2vw;}
.P2_C_text h5 b{
    display: block;
    margin: 14px 0 30px 0;
    font-size: 18px;
    color: #555;
    font-weight: 700;
    letter-spacing: .1rem;
}

.P2_C_text h5 span{
    display: block;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #555;
    letter-spacing: .1rem;
    line-height: 200%;
    position: relative;
    margin: 15px 0;
    font-weight: normal;
}

.P2_C_text h5 span:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #CAC2B5;
    left: 2px;
    top: 8px;
}

.P2_D{
    background-image: url(https://pic03.eapple.com.tw/muyustory/mys_bg006.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #CAC2B5;
    padding: 420px 20px 130px 20px;
}

.P2_D_contentbox{max-width: 1340px;margin: 0 auto;padding: 3.5vw;background-color: #FFF;}
.P2_D_title{text-align: center;margin-bottom: 50px;}
.P2_D_title h4{font-size: 14px;color: #CBC3B6;font-family: "Philosopher", sans-serif;margin-bottom: 10px;letter-spacing: .1rem;}
.P2_D_title h5{font-size: 28px;color: #555;letter-spacing: .15rem;}

.P2_D_textbox{display: flex;flex-wrap: wrap;}
.P2_D_text{width: 25%;padding: 0 2.5vw;border-right: 1px solid #BDB4A7;}
.P2_D_text:last-child{border-right: none;}
.P2_D_text h4{
    font-size: 18px;
    color: #555;
    border: 1px solid #555;
    border-radius: 50px;
    font-weight: 900;
    letter-spacing: .1rem;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 700;
}

.P2_D_text p{
    font-size: 14px;
    color: #555;
    line-height: 160%;
    text-align: center;
    letter-spacing: .1rem;
}

.P2_D_text h5{
    font-size: 12px;
    color: #555;
    line-height: 180%;
    text-align: center;
    letter-spacing: .1rem;
    font-weight: normal;
}

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

    .P2_A_contentbox{max-width: 800px;padding: 50px 20px;}
    .P2_A_item{width: calc(50% - 20px);margin:30px 10px;}
    .P2_A_item img{width: 100px;}
    .P2_A_item h4{width: calc(100% - 100px);padding: 0 0 0 15px;}
    .P2_A_item h4 b{font-size: 16px;margin-bottom: 10px;}
    .P2_A_item h4 span{line-height: 200%;}

    .P2_B_contentbox{padding: 220px 20px 180px 20px;}
    .P2_B_title h4 b{font-size: 17px;padding: .5rem 0;}

    .P2_C_contentbox{max-width: 800px;padding: 80px 20px;}
    .P2_C_title{margin-bottom: 40px;}
    .P2_C_title h5{font-size: 24px;letter-spacing: .1rem;}
    .P2_C_content{padding: 40px 20px;margin-bottom: 30px;}
    .P2_C_step{width: 50px;height: auto;left: 20px;padding: 20px 15px;}
    .P2_C_step h4{font-size: 18px;}
    .P2_C_text{margin-bottom: 30px;}
    .P2_C_text h4{width: 40px;}
    .P2_C_text h4:before{height: calc(100% - 60px);left: 20px;}
    .P2_C_text h4 b{width: 40px;height: 40px;font-size: 18px;}
    .P2_C_text h5{width: calc(100% - 40px);padding: 0 0 0 15px;}
    .P2_C_text h5 b{margin: 10px 0 25px 0;font-size: 17px;font-weight: 700;}
    .P2_C_text h5 span{line-height: 180%;margin: 10px 0;}

    .P2_D{padding: 400px 20px 100px 20px;}
    .P2_D_contentbox{max-width: 800px;padding: 30px;}
    .P2_D_title{margin-bottom: 40px;}
    .P2_D_title h5{font-size: 24px;letter-spacing: .1rem;}
    .P2_D_text{width: 50%;padding: 0 20px;margin: 10px 0;}
    .P2_D_text:nth-child(2){border-right: none;}
    .P2_D_text:last-child{border-right: none;}
    .P2_D_text h4{font-size: 17px;margin-bottom: 10px;}
    .P2_D_text p{line-height: 150%;letter-spacing: .1rem;}
    .P2_D_text h5{font-size: 12px;line-height: 160%;letter-spacing: .1rem;}

}

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

    .P2_A_contentbox{max-width: 500px;}
    .P2_A_item{width: 100%;margin: 1rem auto;}
    .P2_A_item img{width: 80px;}
    .P2_A_item h4{width: calc(100% - 80px);}
    .P2_A_item h4 b{margin-bottom: 5px;}

    .P2_B_contentbox{padding: 200px 10vw;}

    .P2_C_contentbox{max-width: 500px;padding: 50px 20px;}
    .P2_C_title{margin-bottom: 30px;}
    .P2_C_title h5{font-size: 20px;}
    .P2_C_content{padding: 40px 20px 40px 90px;margin-bottom: 30px;}
    .P2_C_step{width: 50px;height: auto;left: 20px;padding: 20px 15px;}
    .P2_C_step h4{font-size: 18px;}
    .P2_C_text{margin-bottom: 20px;}
    .P2_C_text h4{width: 30px;}
    .P2_C_text h4:before{height: calc(100% - 40px);left: 15px;}
    .P2_C_text h4 b{width: 30px;height: 30px;font-size: 16px;}
    .P2_C_text h5{width: calc(100% - 30px);padding: 0 0 0 15px;}
    .P2_C_text h5 b{margin: 5px 0 25px 0;font-size: 16px;}
    .P2_C_text h5 span{line-height: 160%;margin: 10px 0;}
    .P2_C_text h5 span:before{top: 6px;}

    .P2_D{padding: 400px 20px 100px 20px;}
    .P2_D_contentbox{max-width: 500px;padding: 40px 20px;}
    .P2_D_title{margin-bottom: 30px;}
    .P2_D_title h5{font-size: 20px;}

}

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

    .P2_D_title{margin-bottom: 10px;}
    .P2_D_text{max-width: 300px;width: 100%;padding: 0;margin: 10px auto;border-right: none;}
    .P2_D_text h4{font-size: 15px;}

}