/*修改*/
body{background: url(../images/bg.png) top ,#f7ccd8 !important;text-align: unset !important;}
.header{background-color: #666 !important;}
.footer{background-color: #000 !important;}


.wrap-topview, .main-section{background-color: transparent !important;}
.title{padding: 0 0;}

.wrap-topview{display: block;background: url(../images/kv_bg.png) no-repeat top center;}
.m-wrap-topview{display: none;}

.title_kv{width: 1140px;height: 930px;margin: 0 auto;position: relative;}
.kv{margin: 130px auto;display: block;}
.content{width: 100%; max-width: 1140px;padding: 3% 0;margin: 0 auto;position: relative;font-size: 1.1rem;line-height: 2rem;text-align: center;}
.bottom0{padding-bottom: 0;}
.kv_btn{display: block;position: absolute;bottom: 20%;right: 20%;}

#bonus img,#mission img,#require img,#step img,#notice img{max-width: 100%;}

/* 福利 */
#bonus{background: url(../images/bg.png) top ,url(../images/bonus_bg.png) no-repeat top center,#7385c6;background-position: top 200px left;}
.bonus_item{max-width: 1140px; display: flex;justify-content: space-around;padding: 3% 0 0;display: block;}
.bonus_img{padding: 1%;}
.money{padding: 2% 0;}
.money_L{display: inline-block;/*width: 40%;*/vertical-align: middle;}
.money_R{display: inline-block;/*width: 55%;*/vertical-align: middle;margin-left: 5%;font-size: 1.6rem;line-height: 45px;}
.money_R strong{color: #FFF;}
.highlight{color: #ffec6a;font-weight: 600;}
.highlight_big{font-size: 3rem;color: #ffec6a;}
.tit_01{width: 338px;}
.tit_02{width: 394px;}

/* 任務 */
#mission{background: url(../images/bg.png) top ,url(../images/mission_bg.png) no-repeat top center,#c3b4e4;}
.mission_item{padding-top: 2%;}
.mission_L{display: inline-block;/*width: 40%;*/vertical-align: middle;}
.mission_R{display: inline-block;width: 47%;vertical-align: middle;/*padding-left: 3%;*/}
.tit_03{width: 355px;}

/* 活動辦法與條件 */
#require{background: url(../images/bg.png) top ,url(../images/require_bg.png) no-repeat top center,#f3b4d3;}
.require_item{padding-top: 4%;}
.require_L{display: inline-block;/*width: 40%;*/vertical-align: middle;}
.require_R{display: inline-block;width: 55%;vertical-align: middle;padding: 0 0 0 3%;margin-bottom: 3%;}
.require_txt{background: #FFF;border-radius: 20px;text-align: left;padding: 4% 6%;}
.require_txt ul{list-style-type: disc;padding: 1% 20px 0;margin-bottom: 0 !important;}
.require_txt ul li{ line-height: 1.3em; color: #444;margin-top: 1vh;}
.sub_tit{color: #ea7394;font-size: 1.4rem;}
.txt_01{margin-bottom: 6%;}
.txt_02{width: 92%;}
.tit_04{width: 530px;}

/* 招募時程 */
#step{background: url(../images/bg.png) top ,url(../images/step_bg.png) no-repeat top center,#ee89bb;}
.step_item{padding-top: 3%;}
.step_L{display: inline-block;width: 55%;vertical-align: middle;padding-bottom: 3%;}
.step_R{display: inline-block;width: 43%;vertical-align: bottom;}
.step_img{max-width: 650px;}
.step_img img{padding: 2%;}
.step_btn{display: block;padding-top: 4%;}
.tit_05{width: 336px;}

/* 注意事項 */
#notice{color: #444;}
.notice_01 ul,.notice_02 ul{list-style-type: disc;padding: 1% 2% 0;margin-bottom: 0 !important;text-align: left;}
.notice_01 ul li,.notice_02 ul li{ line-height: 1.5em; color: #444;margin-top: 1vh;}
.notice_02{margin-top: 5%;}
.tit_06{width: 300px;}
.tit_07{width: 219px;}


/* RESPONSIVE
-------------------------------------------------- */
@media (min-width: 1500px) {
    .kv{margin: 100px auto;width: 90%;}
    .wrap-topview{background-size: 110%;}
    .kv_btn{bottom: 13%}
    .title_kv {height: 800px;}
}

@media (min-width: 1200px) {
}

/* Between Medium and Small size 1366x 1281 */
@media(max-width: 1366px){   
}

/* Between Medium and Small size 1280x 800 */
@media(max-width: 1280px){  
}

@media(max-width: 1198px){ 
}

/* iPad 橫式 1024x768 */
@media(max-width: 1025px){ 
    .require_txt ul li{margin: 2vh 0;font-size: 1.6rem;}
    .sub_tit{font-size: 1.8rem;}
    .require_L {vertical-align: bottom;}
    .step_L{display: unset;}
    .step_img{max-width: 800px;flex-wrap: wrap;display: flex;padding: 0 1%;margin: 0 auto;align-items:flex-start;/* 圖片不變形 */}
    .step_img img {width: 50%;max-width: 100%;}
    .step_R {width: 60%;vertical-align: bottom;}
    .notice_01,.notice_02{padding: 0 3%;font-size: 1.3rem;}
    .notice_01 ul,.notice_02 ul{padding-left: 6%;}
}

/* iPad 直式 size800x600 */
@media(max-width: 970px){ 
	body{background-position: bottom!important;}
    #bonus{background: url(../images/bg.png) top ,#7385c6;}
    #mission{background: url(../images/bg.png) top ,#c3b4e4;}
    #require{background: url(../images/bg.png) top ,#f3b4d3;}
    #step{background: url(../images/bg.png) top ,#ee89bb;}
    #notice{padding-bottom: 8%;}
    .wrap-topview{display: none;margin-top:0 !important;}
    .m-wrap-topview{display: block;}
	.title{max-width: 100% !important;flex: 0 0 100% !important;/*padding: 2rem 0 0;*/}
	.title_kv{width: 100%;margin: 0 auto;height: auto;}
    .title_kv img{max-width: 100%;}
    .money_R{margin-left: 0;margin-top: 4%;}
    .mission_L,.mission_R{width: 90%;}
    .require_item {display: flex;flex-direction: column-reverse;}
    .require_R{width: 90%;padding: 0;margin: 0 auto;}
    .require_L{width: 60%;margin: 6% auto 0;}
    .require_txt ul li{margin: 2vh 0;font-size: 1.4rem;}
/*    .step_img{max-width: 650px;}
*/    .sub_tit{font-size: 1.6rem;}
    .kv_btn {bottom: 2%;right: 11%;width: 30%;}
    .step_btn {width: 45%;margin: 0 auto;}
}

/* APP and mobile */
@media (max-width: 500px){
    .title_kv{width: 100%;margin: 0 auto;height: auto;}
    .title_kv img{max-width: 100%;height: auto;}
    .content{padding-top: 8%;}
    .tit{width: 60%;padding-bottom: 2%;}
    .tit2{width: 80%;padding-bottom: 2%;}
    .bonus_item{flex-wrap: wrap;padding: 3% 2% 0;}
    .bonus_img{width: 49%;}
    .money_L{width: 90%;}
    .money_R{font-size: 1.3rem;line-height: 35px;}
    .sub_tit{font-size: 1.3rem;}
    .require_txt ul li{font-size: 1.1rem;}
    .txt_02{width: 100%;}
    .notice_01,.notice_02{padding: 0 8%;}
    .notice_01 ul li,.notice_02 ul li{margin-top: 2vh;}

}