/* ====(((( 個別定義 ))))===== */


/*PC背景*/
@media screen and (min-width:767px){
.bg_deco00 { z-index:-9; position:absolute; top:200px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bgtop01 { z-index: -8; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1156px; background-repeat:no-repeat; background-position:center top; }
.bgtop02 { z-index: -8; position:absolute; top:1156px; left:0; width:100%; min-width:1220px; height:398px; background-repeat:no-repeat; background-position:center top; }
.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bgtop_fixed { z-index:-10; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}

/*mb背景
@media screen and ( max-width:767px) {
.m_bg01 { z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
}*/



.momo_logo_super{position: absolute;top:20px;left: -65px;}
.momo_logo_super img{width:85%;}
@media screen and (max-width:767px){
.momo_logo_super{position: absolute;top: 2vw;left: 1vw;width: 25%;z-index: 9;}
}



/*提醒我*/ 
.btn_remind { }



/*倒數計時*/
.Area_countdown-timer[org="1"] .Area_Timecountdown {position: relative;top:93%;left: 0%;z-index: 5;}
:where(.Area_Timecountdown-black) { color: #d28a3e;}


/*版頭區塊*/
@media screen and (min-width:768px){
.Area_hero-visual_003 {position: relative;}
.deco01 {position:absolute;top: 135px;left: -34px;width: 100%;z-index: 10;}
.subbg {position:absolute;top: 100px;left: 263px;width: 100%;z-index:0;}
.tree {position:absolute;top: 125px;left: 465px;width: 100%;z-index:0;}
.boat {position:absolute;top: 407px;left: -270px;width: 100%;z-index:0;}
}
 @media screen and (max-width:767px){
.Area_hero {position: relative;aspect-ratio: 960 / 1040;overflow: hidden;}
.Area_hero .deco01{position:absolute;top: 14.1vw;left: 42.5vw;width: 8%;z-index: 11;}
.Area_hero .subbg{position:absolute;top: 10.5vw;left: 68.5vw;width: 17.5%;z-index:0;}
.Area_hero .tree{position:absolute;top: 24vw;left: 14vw;width: 3%;z-index:0;}
.Area_hero .boat{position:absolute;top: 24vw;left: 14vw;width: 3%;z-index:0;}
}





/*線上作圖*/
@media screen and (min-width: 768px) {
.PD_layout-CSSBG_01.PD_layout-CSSBG_01 .PD .PD_img {padding-top: 5%;width: 66%;margin:0 auto;}
/*文案*/
.PD_layout-CSSBG_01.PD_layout .PD_into{position: relative;top: 10%;left: 0%;}
.PD_layout-CSSBG_01.PD_layout .PD h3 {/*margin-bottom: 11.5em;*/font-size: 30px;} 
.PD_layout-CSSBG_01 .PD p .Price {font-size: 50px;line-height: 0.9em;}
}
.PD_layout-CSSBG_01.PD_layout .PD h3 span {color: #381450;background-color: rgba(218, 218, 218, 0);}
.PD_layout-CSSBG_01.PD_layout .PD h4 {color: #381450;}
.PD_layout-CSSBG_01.PD_layout .PD p del{color: #575757;}
.PD_layout-CSSBG_01.PD_layout .PD p{color: #381450; }

.Area_drawing-area-2x1[org="1"] .PD_layout-CSSBG_01 li::after{background-size: 98%; padding-bottom: 150%;}


@media screen and (max-width: 767px) {
/*圖片*/
.PD_layout-CSSBG_01.PD_layout-CSSBG_01 .PD .PD_img {padding-top: 0;width: 77%;margin:0 auto;}
/*文案*/
.PD_layout-CSSBG_01.PD_layout .PD_into{position: relative;top:1%;left: 0%;}
.PD_layout-CSSBG_01.PD_layout .PD h3 {font-size: 17px;}
.PD_layout-CSSBG_01 .PD p .Price {}
}

@media screen and (min-width: 768px) {
.Area_custom-agree-popup[org="2"] .js-agree-trigger { width: 104%; margin-left: -2%;}

}




/*標題置左*/
:is(
  .Area_pd-grid-4x2[org="2"],
  .Area_pd-grid-4x2[org="3"],
  .Area_pd-grid-4x2[org="4"],
  .Area_pd-grid-4x2[org="5"],
  .Area_pd-grid-4x2[org="6"]
) h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3{
  width:53%;
}



.js-agree-content{width:96%;margin:0 auto;}


/* 區塊 */
.js-agree-content .itembox{display:block !important; /* 覆蓋 momo flex */margin-bottom:50px;}

/* 標題 */
.js-agree-content .campaign-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#333;line-height:1.5;}

/* 表格 */
.js-agree-content table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:20px;}

.js-agree-content table th{background:#2c90e8;color:#fff;font-size:18px;font-weight:700;text-align:center;border:1px solid #d8d8d8;padding:14px 10px;}

.js-agree-content table td{background:#fff;color:#333;font-size:16px;text-align:center;vertical-align:middle;border:1px solid #d8d8d8;padding:15px 10px;line-height:1.6;word-break:break-word;}

/* 圖片 */
.js-agree-content .PIC{
    margin-top:15px;
    text-align:center;
}

.js-agree-content .PIC img{
    display:block;
    max-width:100%;
    height:auto;
    margin:auto;
}

/* 手機 */
@media (max-width:767px){

    .js-agree-content .itembox{
        margin-bottom:35px;
    }

    .js-agree-content .campaign-title{
        font-size:18px;
        margin-bottom:8px;
    }

    .js-agree-content table th{
        font-size:14px;
        padding:10px 5px;
    }

    .js-agree-content table td{
        font-size:13px;
        padding:10px 6px;
        line-height:1.5;
    }

}