@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
html { width: 100%; height: 100%; overflow-x: hidden; }
body { width: 100%; height: 100%; font-family: 'Noto Sans TC', sans-serif; background: #FFFFFF; color: #262626;}
    /* background-image: url('../images/rank_demo.png'); background-position: 74px -64px;background-size: 1547px auto;background-repeat: no-repeat;} */

a:link { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #FFF; }
a:active { color: #FFF; }


/**** color ****/
.red { color: #ff0000; }
.white { color: #fff; }
.gray { background: #eeeeee; }
.yellow { color: #f8b62d; }
.pink { color: #f19ec2; }
.brown { color: #6a3906; }
.green { color: #006837 !important; }

/**** bg color ****/
.block { display: block; }
.clear { clear: both; }
.hide { display: none; }

.setin { margin: 0 auto; }
.txt_center { text-align: center; }
.txt_nobreaks { white-space: nowrap; }
input { color: #333333; }
.re_obj{position: relative;background-size: contain;background-repeat: no-repeat;}
.ab_obj{position: absolute;background-size: contain;background-repeat: no-repeat;}
.btn{cursor: pointer;}

.pc{display: block !important;}
.mobile{display: none !important;}
.pc_table{display: table !important;}
.mobile_table{display: none !important;}
.pc_grid{display: inline-grid !important;}
.mobile_grid{display: none !important;}

table td.disabled {
    background-color: #CCCCCC !important;;
    pointer-events: none;
}
input.disabled {
    background-color: #BBBBBB !important;;
    pointer-events: none;
}
select.disabled {
    background-color: #BBBBBB !important;;
    pointer-events: none;
}
textarea.disabled {
    background-color: #BBBBBB !important;;
    pointer-events: none;
}

.wrapper { width: 1440px; }

/******** 選單 menu ***********/
.header { width: 100vw; height: 100px; }
.top_logo { float: left; width: 254px; height: 40px; background: 0 0 / 254px 40px url(../images/fubon_logo.png) no-repeat; margin-top: 38px;margin-left: 47px; z-index: 999; }
.menu_icon { display: none; width: 4.16vw; height: 4.16vw; margin: 0; background: 0 0 /4.16vw 4.16vw url(../images/icon_menu.png) no-repeat; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { float: right; width: 900px; margin: 55px 80px 0 0; z-index: 9999; position: inherit; text-align: right; }
.menu { width: 100%; margin: 0 0 0 0; font-size: 22px; font-weight: 500; }
.menu a { color: #333; letter-spacing: 5px; }
.menu a:hover { color: #363A3A; }
.menu span { color: #363A3A; }


/******** 主視覺 ***********/
.index_banner { width: 1440px; height: 670px; background-image: url(../images/banner_bg.png);background-size: cover;position: relative;opacity: 1;}
.index_banner .word1 { top: 112px; left: 391px; width: 170px; height: 22px; background-image:url(../images/2x/banner_word1.png) ;}
.index_banner .word2 { top: 174px; left: 252px; width: 273px; height: 55px; background-image:url(../images/2x/banner_word2.png) ;}
.index_banner .word3 { top: 174px; left: 547px; width: 172px; height: 57px; background-image:url(../images/2x/banner_word3.png) ;}
.index_banner .word4 { top: 257px; left: 248px; width: 364px; height: 89px; background-image:url(../images/2x/banner_word4.png) ;}
.index_banner .word5 { top: 380px; left: 248px; width: 470px; height: 33px; background-image:url(../images/2x/banner_word5.png) ;}
.index_banner .word6 { top: 486px; left: 372px; width: 688px; height: 103px; background-image:url(../images/2x/banner_word6.png?v=2) ;}
.index_banner .cross { top: 257px; left: 625px; width: 89px; height: 89px; background-image:url(../images/2x/banner_cross.png) ;}
.index_banner .mask{top: 0px; left: 640px;width: 800px;height: 412px;  clip-path: inset(0 0 0 0); /* 上 右 下 左 的邊距 */}
.index_banner .hole { top: 357px; left: 820px; width: 401px; height: 54px; background-image:url(../images/banner_hole.png) ;}
.index_banner .role { top: 63px; left: 181px; width: 353px; height: 349px; background-image:url(../images/2x/banner_role.png) ;}
.index_banner .light1 { top: 80px; left: -5px; width: 351px; height: 351px; background-image:url(../images/banner_light.png) ;}
.index_banner .light2 { top: 100px; left: 315px; width: 373px; height: 373px; background-image:url(../images/banner_light.png) ;}
.index_banner .light3 { top: 30px; left: 440px; width: 351px; height: 351px; background-image:url(../images/banner_light.png) ;}
.index_banner .item1 { top: 205px; left: 158px; width: 55px; height: 49px; background-image:url(../images/2x/banner_item1.png) ;}
.index_banner .item2 { top: 264px; left: 370px; width: 138px; height: 137px; background-image:url(../images/2x/banner_item2.png) ;}
.index_banner .item2_word { top: 244px; left: 450px; width: 82px; height: 99px; background-image:url(../images/2x/banner_item2_word.png) ;}
.index_banner .item3 { top: 170px; left: 553px; width: 83px; height: 88px; background-image:url(../images/2x/banner_item3.png) ;}
.index_banner .sound_btn { top: 305px; left: 540px; width: 99px; height: 115px; background-image:url(../images/2x/ic_sound.png) ;}


.index_info{width: 1000px; height: 210px;margin: 65px 350px 45px 350px;}
.index_info .item_block{width: 100%;height: 111px;}
.index_info .item{background-color: #A0BF30;border-radius: 50px;font-size: 20px;color: #FFF;font-weight: 500;width: 75px;height: 62px;float: left;text-align: center;line-height: 22px;padding-top: 16px;margin-right: 23px;}
.index_info .date{font-size: 40px;font-weight: bold;line-height: 45px;}
.index_info .date .slash{font-size: 20px;font-weight: bold;}
.index_info .date .holiday{font-size: 20px;font-weight: bold;letter-spacing: 1px;}
.index_info .note{font-size: 20px;font-weight: bold;color: #A0BF30;line-height: 20px;letter-spacing: 1.5px;}
.index_info .intro{float:left;width: 900px;font-size: 22px;line-height: 34px;margin-top:0px;font-weight: bold;color:#231815;text-align: justify;padding-top:3px; }

.index_login_block{width: 500px;height: 180px;border-radius: 30px;background-color: #EFEFEF;margin: 0 auto;}
.index_login_block .input_no{font-size: 22px;font-weight: 500;top:45px;left: 40px;letter-spacing: 3px;}
.index_login_block input{border-radius: 10px;width: 320px;height: 35px;font-size: 30px;margin-top:0px;border: none;text-align: center;background-color: #FFF;}
.index_login_block input:focus{outline-color: #CCCCCC;}
.index_login_block .btn_join{top:105px;left:200px;width: 105px;height: 45px;font-size: 22px;font-weight: 500;border-radius: 15px;line-height: 45px;text-align: center;color: #FFF;background-color: #008FC7;}
[data-hint]:after {font-size: 20px;letter-spacing: 0px;}

.index_award{width: 1412px;height: 1007px;margin-top: 114px;background-image: url(../images/index_award_bg.png);background-size: contain;background-position: center;opacity: 1;}
.index_award .title{width: 100%;height:auto;font-size: 42px;font-weight: 500;color: #FFF;text-align: center;line-height: 60px;letter-spacing: 8px;padding-top: 130px;}
.index_award .area{width: 93%;height: auto;margin: 32px auto 0 auto;}
.index_award .block.award1{width: 845px;height: auto;float: left;text-align: center;color: #FFF;}
.index_award .block.award2{width: 285px;height: auto;float: left;text-align: center;color: #FFF;margin-top:33px}
.index_award .icon{background-size: contain;margin: 0 auto;background-repeat: no-repeat;background-position: center;}
.index_award .award1 .icon{width: 250px;height: 211px;background-image: url(../images/index_award_icon1.png);}
.index_award .award2 .icon{width: 165px;height: 168px;background-image: url(../images/index_award_icon2.png);}
.index_award .name{font-size: 32px;font-weight: 500;line-height: 50px;}
.index_award .award1 .sub_name{font-size: 22px;font-weight: 400;margin: 17px auto 0 auto;line-height: 45px;color:#EAB72A;width: 100%;float:left;}
.index_award .award1 .condition{font-size: 22px;color:#FFFFFF;border-radius: 20px;background-color: #ACCF42;width: 90px;height: 35px;margin-left: 125px;margin-bottom: 7px;float: left;}
.index_award .award1 .intro{font-size: 22px;width: 600px;margin-left:5px;float:left;text-align: left;height:35px;margin-bottom: 7px;}
.index_award .award2 .name{line-height: 36px;height: 70px;margin-top: 10px;}
.index_award .award2 .name span{font-size: 24px;letter-spacing: 1px;}
.index_award .award2 .sub_name{font-size: 22px;font-weight: 400;margin: 17px auto 0 auto;line-height: 45px;color:#EAB72A;width: 100%;}
.index_award .award2 .condition{font-size: 22px;color:#FFFFFF;border-radius: 25px;background-color: #ACCF42;width: 240px;height: 45px;margin: 32px auto 0 auto;line-height: 45px;text-align: center;}
.index_award .award2 .intro{font-size: 22px;width: 100%;text-align: center;height:40px;line-height: 40px;margin-bottom: 45px;margin-top: 7px;letter-spacing: 0.5px;}
.index_footer{width: 100%;height: 110px;font-size: 26px;font-weight: 500;color: #1F2C5C;text-align: center;line-height: 146px;letter-spacing: 3.4px;}

.banner .word1 { top: 66px; left: 636px; width: 175px; height: 52px; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;background-position:center ;background-size: 170px 22px;}
.banner .word2 { top: 146px; left: 500px; width: 273px; height: 55px; background-image:url(../images/2x/banner_word2.png) ;}
.banner .word3 { top: 146px; left: 793px; width: 172px; height: 57px; background-image:url(../images/2x/banner_word3.png) ;}
.banner .word4 { top: 228px; left: 494px; width: 364px; height: 89px; background-image:url(../images/2x/banner_word4.png) ;}
.banner .word5 { top: 351px; left: 496px; width: 470px; height: 33px; background-image:url(../images/2x/banner_word5.png) ;}
.banner .cross { top: 228px; left: 871px; width: 89px; height: 89px; background-image:url(../images/2x/banner_cross.png) ;}
.banner .coin { top: 161px; left: 202px; width: 233px; height: 239px; background-image:url(../images/2x/banner_big_coin.png) ;}

.mission{height:1341px;color: #FFF;background-image: url(../images/p_bg.png);background-size: cover;background-position: center;opacity:  1;}
.mission .banner{height: 435px;}
.mission .container{width:1072px;}
.mission .personal_info{font-size: 25px;font-weight: 500;margin-top: 18px;margin-left: 25px;width: 560px;height: 105px;line-height: 35px;float:left;}
.mission .total_points{font-size: 25px;font-weight: bold;color:#40600A;text-align: right;float: right;width:454px;margin-right: 23px;border-bottom:15px solid #FFFFFF;line-height: 58px;;}
.mission .total_points span{font-size: 47px;}
.mission .card{width: 237px;height: 287px;float: left;margin-bottom: 10px;margin-right: -3px;}
.mission .card1{background-image: url(../images/2x/p_card1_hide.png);background-size: cover;background-position: center;}
.mission .card2{background-image: url(../images/2x/p_card2_hide.png);background-size: cover;background-position: center;}
.mission .card3{background-image: url(../images/2x/p_card3_hide.png);background-size: cover;background-position: center;}
.mission .card4{background-image: url(../images/2x/p_card4_hide.png);background-size: cover;background-position: center;}
.mission .card5{background-image: url(../images/2x/p_card5_hide.png);background-size: cover;background-position: center;}
.mission .card6{background-image: url(../images/2x/p_card6_hide.png);background-size: cover;background-position: center;}
.mission .card_plus{width: 338px;height: 580px;background-image: url(../images/2x/p_card_plus.png?v=1);background-size: cover;background-position: center;float: right;margin-right: 15px;}
.mission .card_plus .plus_points{top: 133px;right: 126px;font-size: 60px;font-weight: bold;color: #FFFF6C;text-align: right;}
.mission .hint{width: 338px;color:#000000;text-align: center;float: right;margin-right: 15px;font-size: 22px;font-weight: bold;letter-spacing: 1px;}


.plus{height:1341px;color: #FFF;background-image: url(../images/p_bg.png);background-size: cover;background-position: center;opacity:  1;}
.plus .banner{height: 435px;}
.plus .container{width:1165px;margin-top: 40px;padding-left: 15px;text-align: center;}
.plus .card{width: 232px;height: 292px;float: left;}
.plus .card1{background-image: url(../images/2x/p_plus1.png);background-size: cover;background-position: center;}
.plus .card2{background-image: url(../images/2x/p_plus2.png);background-size: cover;background-position: center;}
.plus .card3{background-image: url(../images/2x/p_plus3.png);background-size: cover;background-position: center;}
.plus .card4{background-image: url(../images/2x/p_plus4.png);background-size: cover;background-position: center;}
.plus .card5{background-image: url(../images/2x/p_plus5.png);background-size: cover;background-position: center;}
.plus .card .points{top: 208px;right: 85px;font-size: 45px;font-weight: bold;color: #FFFFFF;text-align: right;}
.plus .new_icon{width: 111px;height: 110px;background-image: url(../images/2x/p_plus_new.png);background-size: cover;background-position: center;top: -32px;left: 454px;}
.plus .hint{width: 500px;color:#000000;text-align: center;font-size: 27px;font-weight: bold;letter-spacing: 2px;margin: 15px auto;}
.plus button{width: 214px;height:76px;border-radius: 15px;font-size: 32px;font-weight: 700;margin-top:100px; text-align: center; color:#FFFFFF;background-color: #40600A;}


.plus_banner{width:1440px;height: 495px;clip-path: inset(0 0 0 0);background-image: url(../images/p_plus_banner.png);background-size: cover;background-position: center;}
.plus_banner .word1 { top: 66px; left: 627px; width: 175px; height: 52px; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;background-position:center ;background-size: 170px 22px;}
.plus_banner .word2 { top: 146px; left: 491px; width: 273px; height: 55px; background-image:url(../images/2x/banner_word2.png) ;}
.plus_banner .word3 { top: 146px; left: 784px; width: 172px; height: 57px; background-image:url(../images/2x/banner_word3.png) ;}
.plus_banner .word4 { top: 228px; left: 485px; width: 364px; height: 89px; background-image:url(../images/2x/banner_word4.png) ;}
.plus_banner .word5 { top: 351px; left: 487px; width: 470px; height: 33px; background-image:url(../images/2x/banner_word5.png) ;}
.plus_banner .cross { top: 228px; left: 862px; width: 89px; height: 89px; background-image:url(../images/2x/banner_cross.png) ;}
.plus_banner .coin { top: 183px; left: 1034px; width: 210px; height: 215px; background-image:url(../images/2x/banner_big_coin.png) ;}



.plus1{color: #000000;opacity:  1;}
.plus1 .plus_banner .role { top: 190px; left: 110px; width: 380px; height: 380px; background-image:url(../images/2x/p_plus1_role.png) ;}
.plus1 .container{width:1190px;margin-top: 75px;min-height: 2500px;text-align: center;}
.plus1 .point_block{top:5px;right:0px;width: 230px;height: 93px;letter-spacing: -2px;border: 2px solid #FF94A9;border-radius: 20px;font-size: 60px;font-weight: 900;line-height: 85px;color:#FF94A9;text-align: center;   }
.plus1 .point_block span{font-size: 38px;font-weight: 700;}
.plus1 .title{font-size: 60px;font-weight: 900;text-align: center;letter-spacing: 5px;}
.plus1 .subtitle{font-size: 38px;text-align: center;}
.plus1 .intro{font-size: 30px;margin-top: 20px;text-align: center;color:#A0BF30;margin-bottom: 57px;}
.plus1 .item_block{width:800px;float: left;margin-left: 227px;text-align: left;}
.plus1 .item_block .item{border-radius: 60px;font-size: 30px;color: #FFF;font-weight: 500;width: 115px;height: 95px;float: left;text-align: center;line-height: 35px;padding-top: 20px;margin-top: 20px;background-color: #A0BF30;}
.plus1 .item_block .detail{font-size: 26px;line-height: 45px;margin-left: 25px;letter-spacing: 1px;color:#000000;float:left;font-weight: 500;}
.plus1 .item_block .detail span{font-weight: 900;font-size: 48px;line-height:35px;color: #527000;}
.plus1 .item_block2{margin-top: 55px;}
.plus1 .upload_block{width:935px;margin-top: 115px;}
.plus1 .upload_block .title{font-size: 36px;font-weight: 700;letter-spacing: 3px;}
.plus1 .upload_block .intro{font-size: 24px;font-weight: 700;letter-spacing: 3px;margin-top: 5px;margin-bottom: 25px;color:#000000;}
.plus1 .upload_block table{width: 100%;margin-top: 13px;border: 1px solid #000000;border-radius: 21px;border-collapse:separate;border-spacing: 0;}
.plus1 .upload_block table th{font-size: 26px;font-weight: 400;line-height: 70px;border: 1px solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;}
.plus1 .upload_block table.pc_table th:first-child{border-top-left-radius: 20px;}
.plus1 .upload_block table.pc_table th:last-child{border-top-right-radius: 20px;}
.plus1 .upload_block table th.answer{width: 160px;}
.plus1 .upload_block table th.question{width: 430px;}
.plus1 .upload_block table th.reason{width: 345px;}
.plus1 .upload_block table td{font-size: 20px;line-height: 30px;padding: 5px; border: 1px solid #000000;text-align: left;}
.plus1 .upload_block table tr:nth-child(2) td{padding:15px;}
.plus1 .upload_block table tr td:first-child{text-align: center;font-size: 28px;}
.plus1 .upload_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 20px;}
.plus1 .upload_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 20px;}
.plus1 .upload_block table input{width:400px;font-size: 22px;height:40px;border-radius: 10px;padding: 10px;margin-top: 10px;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table textarea{font-size: 22px;border-radius: 10px;padding: 10px;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table #pc_question{width:400px;height: 200px;}
.plus1 .upload_block table #pc_reason{width:315px;height: 487px;}
.plus1 .upload_block table td:first-child input{width:130px;height:130px;font-size:28px;line-height: 120px;margin-top: 0px;font-weight: bolder;text-align: center;}
.plus1 .upload_block table select{width:400px;font-size: 22px;height:40px;border-radius: 10px;margin-top: 10px;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table td:first-child select{width:130px;height:130px;font-size:28px;line-height: 120px;margin-top: 0px;font-weight: bolder;text-align: center;}
.plus1 .upload_block .note{font-size: 26px;margin-top: 15px; color:#FF8548;text-align: center;}
.plus1 .upload_block button{width: 270px;height:90px;border-radius: 15px;font-size: 38px;font-weight: 500;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus1 .record_block{width:1200px;margin-top: 200px;}
.plus1 .record_block .title{font-size: 36px;font-weight: 700;letter-spacing: 3px;}
.plus1 .record_block table{width: 100%;margin-top: 13px;border: 1px solid #000000;border-radius: 21px;margin-bottom: 200px;border-collapse:separate;border-spacing: 0;}
.plus1 .record_block table th{font-size: 26px;font-weight: 400; line-height: 70px;border: 1px solid #000000;background-color: #EFEFEF;color: #000000;text-align: center;}
.plus1 .record_block table.pc_table th:first-child{border-top-left-radius: 20px;}
.plus1 .record_block table.pc_table th:last-child{border-top-right-radius: 20px;}
.plus1 .record_block table td{font-size: 20px;line-height: 30px;padding: 15px; border: 1px solid #000000;text-align: left;}
.plus1 .record_block table.pc_table tr td:first-child{text-align: center;font-size: 28px;}
.plus1 .record_block table.pc_table tr td:nth-child(2){text-align: center;font-size: 28px;}
.plus1 .record_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 20px;}
.plus1 .record_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 20px;}
.plus1 .record_block table.pc_table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 32px;text-align: center;}
.plus1 .record_block table.pc_table tr td:last-child span{font-size: 22px;}
.plus1 .back_btn{width: 300px;height:76px;border-radius: 15px;font-size: 32px;font-weight:700;margin:100px auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}
.plus1 .hint{color:#FF8548;font-weight: 700;font-size: 32px;text-align: center;}



.plus2{color: #000000;opacity:  1;}
.plus2 .plus_banner .role { top: 140px; left: 98px; width: 388px; height: 412px; background-image:url(../images/2x/p_plus2_role.png) ;}
.plus2 .container{width:1190px;margin-top: 75px;height: 2000px;text-align: center;}
.plus2 .point_block{top:5px;right:0px;width: 230px;height: 93px;letter-spacing: -2px;border: 2px solid #FF94A9;border-radius: 20px;font-size: 60px;font-weight: 900;line-height: 85px;color:#FF94A9;text-align: center;   }
.plus2 .point_block span{font-size: 38px;font-weight: 700;}
.plus2 .title{font-size: 60px;font-weight: 900;text-align: center;letter-spacing: 5px;}
.plus2 .subtitle{font-size: 38px;text-align: center;letter-spacing: 4px;}
.plus2 .intro{font-size: 30px;margin-top: 20px;text-align: center;color:#A0BF30;margin-bottom: 50px;}
.plus2 .item_block{width:650px;float: left;margin-left: 305px;text-align: left;}
.plus2 .item_block .item{border-radius: 60px;font-size: 30px;color: #FFF;font-weight: 500;width: 115px;height: 95px;float: left;text-align: center;line-height: 35px;padding-top: 20px;margin-top: 10px;background-color: #A0BF30;}
.plus2 .item_block .detail{font-size: 26px;line-height: 50px;margin-left: 25px;margin-top: 15px;letter-spacing: 1px;color:#000000;float:left;font-weight: 500;}
.plus2 .item_block .detail span{font-weight: 900;font-size: 48px;line-height:35px;color: #527000;}
.plus2 .block{margin-top: 120px;}
.plus2 .block .title{font-size: 36px;font-weight: 700;letter-spacing: 3px;}
.plus2 .block .intro{font-size: 30px;margin-top: 10px;letter-spacing: 3px;margin-bottom: 20px;color:#000000;}
.plus2 .block .intro span{color:#E01717;}
.plus2 .block .note{font-size: 22px;margin-top: 15px; color:#FF8548;text-align: center;}
.plus2 .input_area{width: 670px;height: 315px;background-color: #EFEFEF;border-radius: 20px;text-align: center;}
.plus2 .input_area .item{font-size: 27px;padding-top: 60px;margin-bottom:35px;line-height: 75px;width: 100%;}
.plus2 .input_area input{font-size: 40px;width: 300px;height: 65px;margin-left: 25px;margin-top: 5px; border-radius: 15px;text-align: center; border:none; background-color: #FFFFFF;}
.plus2 .input_area button{width: 214px;height:76px;border-radius: 15px;font-size: 32px;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus2 .info_block .info{width: 720px; margin-top: 10px;}
.plus2 table{width: 100%;margin-top: 13px;border: 1px solid #000000;border-radius: 16px;border-collapse:separate;border-spacing: 0;}
.plus2 table th{font-size: 26px;line-height: 70px;border: 1px solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;}
.plus2 table th:first-child{border-top-left-radius: 15px;}
.plus2 table th:last-child{border-top-right-radius: 15px;}
.plus2 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 32px;}
.plus2 table tr td:last-child span{font-size: 22px;}
.plus2 table tr td.hint{font-size: 24px;}
.plus2 table td{font-size: 26px;line-height: 85px;border: 1px solid #000000;text-align: center;}
.plus2 table tr:last-child td:first-child{border-bottom-left-radius: 15px;}
.plus2 table tr:last-child td:last-child{border-bottom-right-radius: 15px;}
.plus2 .back_btn{width: 300px;height:76px;border-radius: 15px;font-size: 32px;font-weight:700;margin:100px auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}

.plus3{color: #000000;opacity:  1;}
.plus3 .plus_banner .role { top: 147px; left: 88px; width: 432px; height: 431px; background-image:url(../images/2x/p_plus3_role.png) ;}
.plus3 .container{width:1190px;margin-top: 75px;height: 2000px;text-align: center;}
.plus3 .point_block{top:5px;right:0px;width: 230px;height: 93px;letter-spacing: -2px;border: 2px solid #FF94A9;border-radius: 20px;font-size: 60px;font-weight: 900;line-height: 85px;color:#FF94A9;text-align: center;   }
.plus3 .point_block span{font-size: 38px;font-weight: 700;}
.plus3 .title{font-size: 60px;font-weight: 900;text-align: center;letter-spacing: 5px;}
.plus3 .subtitle{font-size: 38px;text-align: center;letter-spacing: 4px;}
.plus3 .intro{font-size: 30px;margin-top: 20px;text-align: center;color:#A0BF30;margin-bottom: 60px;}
.plus3 .item_block{width:930px;float: left;margin-left: 135px;text-align: left;}
.plus3 .item_block .item{border-radius: 60px;font-size: 30px;color: #FFF;font-weight: 500;width: 115px;height: 95px;float: left;text-align: center;line-height: 35px;padding-top: 20px;margin-top: 10px;background-color: #A0BF30;}
.plus3 .item_block .detail{font-size: 26px;line-height: 45px;margin-left: 25px;letter-spacing: 1px;color:#000000;float:left;font-weight: 500;}
.plus3 .item_block1 .detail span{font-weight: 900;font-size: 48px;line-height:35px;color: #527000;}
.plus3 .item_block2{margin-top: 80px;}
.plus3 .item_block2 .detail{margin-top: 15px;letter-spacing: 1px;}
.plus3 .item_block2 .detail span{display: inline-block;margin-left: 100px;}
.plus3 .item_block3{margin-top: 105px;}
.plus3 .item_block3 .detail{margin-top: -15px;letter-spacing: 1px;}
.plus3 .item_block3 .detail span{color: #878787;}
.plus3 .item_block3 a,.plus3 .item_block3 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .item_block4{margin-top: 85px;}
.plus3 .item_block4 .detail{margin-top: 0;letter-spacing: 1px;}
.plus3 .item_block4 a,.plus3 .item_block4 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .back_btn{width: 300px;height:76px;border-radius: 15px;font-size: 32px;font-weight:700;margin:100px auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.plus4{color: #000000;opacity:  1;}
.plus4 .plus_banner .role { top: 100px; left: 0px; width: 564px; height: 564px; background-image:url(../images/2x/p_plus4_role.png) ;}
.plus4 .container{width:1225px;margin-top: 75px;height: 2000px;text-align: center;}
.plus4 .point_block{top:5px;right:0px;width: 230px;height: 93px;letter-spacing: -2px;border: 2px solid #FF94A9;border-radius: 20px;font-size: 60px;font-weight: 900;line-height: 85px;color:#FF94A9;text-align: center;   }
.plus4 .point_block span{font-size: 38px;font-weight: 700;}
.plus4 .title{font-size: 60px;font-weight: 900;text-align: center;letter-spacing: 5px;}
.plus4 .subtitle{font-size: 38px;text-align: center;letter-spacing: 4px;}
.plus4 .intro{font-size: 30px;margin-top: 20px;text-align: center;color:#A0BF30;margin-bottom: 80px;}
.plus4 .item_block{width:1000px;float: left;margin-left: 125px;text-align: left;}
.plus4 .item_block .item{border-radius: 60px;font-size: 30px;color: #FFF;font-weight: 500;width: 115px;height: 95px;float: left;text-align: center;line-height: 35px;padding-top: 20px;margin-top: 10px;background-color: #A0BF30;}
.plus4 .item_block .detail{font-size: 26px;line-height: 45px;margin-left: 18px;margin-top:15px;letter-spacing: 1px;color:#000000;float:left;font-weight: 500;}
.plus4 .item_block .detail span{font-weight: 900;font-size: 48px;line-height:35px;color: #527000;}
.plus4 .item_block2{margin-top: 72px;}
.plus4 .item_block2 .detail{margin-top: 10px;letter-spacing: 1px;}
.plus4 .item_block2 .detail table {width: 720px;margin-top: 10px;border: 1px solid #000000;border-radius: 21px;font-size: 26px;border-collapse:separate;border-spacing: 0;}
.plus4 .item_block2 .detail table th{background-color: #FF8548;color: #FFFFFF;text-align: center;line-height: 70px;border: 1px solid #000000;}
.plus4 .item_block2 .detail table th:first-child{border-top-left-radius: 20px;}
.plus4 .item_block2 .detail table th:last-child{border-top-right-radius: 20px;}
.plus4 .item_block2 .detail table td{text-align: center;line-height: 135px;border: 1px solid #000000;font-size: 50px;font-weight: 900;color: #527000;}
.plus4 .item_block2 .detail table td span{font-size: 35px;}
.plus4 .item_block2 .detail table tr:last-child td:first-child{border-bottom-left-radius: 20px;}
.plus4 .item_block2 .detail table tr:last-child td:last-child{border-bottom-right-radius: 20px;}
.plus4 .list_block{margin-top: 80px;width: 1220px;}
.plus4 .list_block .title{font-size:38px;margin-left: 5px;letter-spacing: 1px;margin-bottom: 25px;}
.plus4 .list_block .content{padding-top: 65px;width: 1220px;background-color: #EFEFEF;border-radius: 30px;min-height: 630px;}
.plus4 .progress_block{width: 680px;height: 110px;}
.plus4 .progress_block .item{width: 200px;font-size: 26px;margin-top:18px;letter-spacing: 1px;font-weight: 500;color: #262626;float: left;}
.plus4 .progress_block .value{width:200px;font-size:45px;font-weight: 900;color: #FF8548;float: right;text-align: right;}
.plus4 .progress_block .value span{font-size: 35px;}
.plus4 .progress_block .progress_white{width: 100%;height: 35px;margin-top:3px;background-color: #FFFFFF;}
.plus4 .progress_block .progress_white .progress_fill{width:90%;height: 100%;background-color: #FF8548;}
.plus4 .dep_block{width: 680px;padding-top: 42px;}
.plus4 .dep_block .name{font-size: 27px;font-weight: 500;color: #262626;}
.plus4 .dep_block .btn{top:20px;right:0px;width: 55px;height: 56px;background-image: url(../images/ic_open.png);background-size: cover;}
.plus4 .dep_block .list{width: 720px;margin-top: 20px;}
.plus4 .dep_block .list .member{width:88px;height:72px;padding-top:60px;font-size:18px;background-size: 56px 54px;background-position: 10px 5px;background-repeat: no-repeat;float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plus4 .dep_block .list .member.done{background-image: url(../images/2x/ic_done.png);}
.plus4 .dep_block .list .member.undone{background-image: url(../images/2x/ic_undone.png);}
.plus4 .note{width: 985px;font-size: 22px;line-height: 40px;margin-top: 38px;margin-left: 148px;text-align: left;color:#000000;font-weight: 500;}
.plus4 .note span{font-weight: 700;color: #FF8548;}
.plus4 .back_btn{width: 300px;height:76px;border-radius: 15px;font-size: 32px;font-weight:700;margin:100px auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.plus5{color: #000000;opacity:  1;}
.plus5 .plus_banner .role { top: 142px; left: 100px; width: 391px; height: 391px; background-image:url(../images/2x/p_plus5_role.png) ;}
.plus5 .container{width:1190px;margin-top: 75px;height: 2000px;text-align: center;}
.plus5 .point_block{top:5px;right:0px;width: 230px;height: 93px;letter-spacing: -2px;border: 2px solid #FF94A9;border-radius: 20px;font-size: 60px;font-weight: 900;line-height: 85px;color:#FF94A9;text-align: center;   }
.plus5 .point_block span{font-size: 38px;font-weight: 700;}
.plus5 .title{font-size: 60px;font-weight: 900;text-align: center;letter-spacing: 5px;}
.plus5 .subtitle{font-size: 38px;text-align: center;}
.plus5 .intro{font-size: 30px;margin-top: 20px;text-align: center;color:#A0BF30;margin-bottom: 55px;}
.plus5 .item_block{width:800px;float: left;margin-left: 275px;text-align: left;}
.plus5 .item_block .item{border-radius: 60px;font-size: 30px;color: #FFF;font-weight: 500;width: 115px;height: 95px;float: left;text-align: center;line-height: 35px;padding-top: 20px;margin-top: 10px;background-color: #A0BF30;}
.plus5 .item_block .detail{font-size: 26px;line-height: 50px;margin-left: 25px;letter-spacing: 1px;color:#000000;float:left;font-weight: 500;}
.plus5 .item_block .detail span{font-weight: 900;font-size: 48px;line-height:35px;color: #527000;}
.plus5 .item_block2{margin-top: 80px;}
.plus5 .item_block2 a,.plus5 .item_block2 a:visited{color: #0082BC;text-decoration: underline;}
.plus5 button{width: 490px;height: 96px;color:#FFFFFF;background-color: #40600A;border-radius: 15px;font-size: 38px;font-weight: 700;margin-top: 10px;}
.plus5 .list_block{margin-top: 105px;width: 725px;}
.plus5 .list_block .note{font-size:28px;margin-left: 5px;letter-spacing: 1px;}
.plus5 table{width: 100%;margin-top: 13px;border: 1px solid #000000;border-radius: 16px;font-size: 28px;border-collapse:separate;border-spacing: 0;}
.plus5 table th{background-color: #A0BF30;color: #FFFFFF;text-align: center;line-height: 70px;border: 1px solid #000000;}
.plus5 table th:first-child{border-top-left-radius: 15px;}
.plus5 table th:last-child{border-top-right-radius: 15px;}
.plus5 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 32px;}
.plus5 table tr td:last-child span{font-size: 22px;}
.plus5 table td{text-align: center;line-height: 85px;border: 1px solid #000000;}
.plus5 table tr:last-child td:first-child{border-bottom-left-radius: 15px;}
.plus5 table tr:last-child td:last-child{border-bottom-right-radius: 15px;}
.plus5 .back_btn{width: 300px;height:76px;border-radius: 15px;font-size: 32px;font-weight:700;margin:100px auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.rules{background-color: #AAC939;color:#FFF;margin-top:15px;opacity: 1;}
.rules .pc{display: initial;}
.rules .table{width: 800px;height: auto;margin:0 auto;padding-top: 83px;color:#FFF;}
.rules .table1 .title{font-size: 44px;font-weight: bold;padding-left: 132px;color:#527000;letter-spacing: 3px;height:90px;}
.rules .table1 .unit{font-size: 35px;color: #527000;font-weight: 500;margin-top: 9px;height:75px;}
.rules .table1 .unit div{float: left;}
.rules .table1 .unit .label{background-color: #527000;color: #FFFFFF;width: 96px;height: 42px; display: inline-grid;line-height: 38px;margin-left: 5px;text-align: center;}
.rules .table1 .unit .label3{width: 170px;}
.rules .table1 .unit .big{font-size: 55px;font-weight: bold;line-height: 34px;margin-left: 17px;}
.rules .table1 .unit .big2{margin-left: 10px;}
.rules .table1 .unit .unit-text{font-size: 33px;font-weight: bold;margin-left: 2px;margin-right: 33px;}
.rules .table1 .unit .unit-text3{margin: 0;}
.rules .table1 .list{width: 417px;font-size: 26px;font-weight: 500;float: left;line-height: 45px;}
.rules .table1 .table_title{font-weight: 500;color: #527000;text-align: center;line-height: 48px;}
.rules .table1 .head{width: 100%;height:45px;border-bottom: 2px solid #FFF;border-top: 2px solid #FFF;}
.rules .table1 .head .secs{float:left;width: 221px;text-align: center;}
.rules .table1 .head .points{float:left;width: 150px;text-align: center;margin-left: 34px;}
.rules .table1 .row{width: 100%;height:48px;border-bottom: 1px solid #FFF;}
.rules .table1 .row .secs{float:left;width: 221px;text-align: center;letter-spacing: 2px;}
.rules .table1 .row .points{float:left;width: 150px;text-align: center;margin-left: 34px;}
.rules .table1 .foot{width: 392px;height:80px;border-bottom: 2px solid #FFF;color: #527000;line-height: 33px;margin-top: 15px;padding-left: 25px;letter-spacing: 1px;}

.rules .table1 .note{float:right;width:500px;font-size:18px;text-align: right;color:#FFF100;}
.rules .table1 .explain{width: 342px;float: right;font-size: 20px;margin-top: 13px;line-height: 31px;}
.rules .table1 .sub_title{width: 318px;height: 37px;text-align: center;line-height: 37px;border: 2px solid #527000;color:#527000;font-size: 22px;}
.rules .table1 .sub_title1{margin-top: 0;margin-bottom: 15px;}
.rules .table1 .sub_title2{margin-top: 35px;margin-bottom: 12px;}
.rules .table1 .sub_title3{margin-top: 31px;margin-bottom: 15px;}
.rules .table1 .cont span{font-size: 21px;font-weight: 500;color:#527000;letter-spacing: 2px;}
.rules .table1 .hr{width: 321px;height: 1px;border-top: 1px solid #FFF;margin: 18px 0 10px 0;}
.rules .table1 .point{font-size: 32px;font-weight: 500;text-align: left;line-height: 40px;letter-spacing: 6px;margin-left:18px;}
.rules .table1 .point span{font-size: 55px;}
.rules .table1 .point_plus{height:40px;padding-left:37px;margin-top: 12px; margin-left: 17px;font-size: 34px;font-weight: 500;text-align: left;background-image: url(../images/rule_plus_icon.png);background-size: 31px 30px;background-repeat: no-repeat;background-position: left center;}
.rules .table1 .detail{font-weight: 500;text-align: center;line-height: 30px;}
.rules .table1 .plus_icon{left:-100px;top:550px;width:113px;height:45px;background-image: url(../images/rules_plus.png)}

.rules .table2{margin-top:35px;margin-bottom:220px;margin-left: 285px;width:850px;text-align: center;font-weight: 500;line-height: 40px; color: #527000;}
.rules .table2 .title{font-size: 46px;line-height: 90px;letter-spacing: 1px;}
.rules .table2 .cont{font-size: 28px;margin-top: 5px;color: #FFFFFF;}
.rules .table2 .note{font-size:24px;color:#527000;line-height: 50px;}
.rules .table2 .sub_title{width: 400px;height: 43px;text-align: center;line-height: 40px;border: 2px solid #527000;font-size: 22px;margin: 56px auto 0 auto;}




.rank_banner{width:1440px;height: 495px;clip-path: inset(0 0 0 0);}
.rank_banner .word1 { top: 66px; left: 636px; width: 175px; height: 52px; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;background-position:center ;background-size: 170px 22px;}
.rank_banner .word2 { top: 146px; left: 500px; width: 273px; height: 55px; background-image:url(../images/2x/banner_word2.png) ;}
.rank_banner .word3 { top: 146px; left: 793px; width: 172px; height: 57px; background-image:url(../images/2x/banner_word3.png) ;}
.rank_banner .word4 { top: 228px; left: 494px; width: 364px; height: 89px; background-image:url(../images/2x/banner_word4.png) ;}
.rank_banner .word5 { top: 351px; left: 496px; width: 470px; height: 33px; background-image:url(../images/2x/banner_word5.png) ;}
.rank_banner .cross { top: 228px; left: 871px; width: 89px; height: 89px; background-image:url(../images/2x/banner_cross.png) ;}
.rank_banner .coin { top: 160px; left: 974px; width: 210px; height: 215px; background-image:url(../images/2x/banner_big_coin.png) ;}


.rank{color: #000000;opacity:1;}
.rank .content{width: 985px;min-height: 800px;border-radius: 40px;margin-top:-70px; background-color: rgba(128, 163, 43, 0.6);}
.rank .content .title{width:775px;font-size: 60px;padding-top: 30px;line-height: 120px;border-bottom:2px solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.rank .content .subtitle{font-size: 50px;padding-top: 30px;color: #FFFFFF;text-align: center;}
.rank .role { position:fixed;bottom: -45px;left: 5%;width: 480px; height: 480px; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;;}



.award{color: #000000;opacity:1;}
.award .content{width: 985px;min-height: 800px;border-radius: 40px;margin-top:-70px; background-color: rgba(128, 163, 43, 0.6);}
.award .content .title{width:775px;font-size: 60px;padding-top: 30px;line-height: 120px;border-bottom:2px solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.award .content .subtitle{font-size: 50px;padding-top: 30px;color: #FFFFFF;text-align: center;}
.award .role { position:fixed;bottom: -45px;left: 5%;width: 480px; height: 480px; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;;}


.team_plus .list_block{margin-top: 80px;width: 1220px;}
.team_plus .list_block .title{font-size:38px;margin-left: 5px;letter-spacing: 1px;margin-bottom: 25px;}
.team_plus .list_block .content{padding-top: 65px;padding-bottom: 130px;width: 1220px;background-color: #EFEFEF;border-radius: 30px;min-height: 630px;}
.team_plus .dep_block{width: 1000px;padding-top: 42px;text-align: left;}
.team_plus .dep_block .dep_name{font-size: 30px;font-weight: 500;color: #262626;border-bottom: 5px solid #A0BF30;line-height: 60px;}
.team_plus .dep_block .btn{top:40px;right:0px;width: 55px;height: 56px;background-image: url(../images/ic_open.png);background-size: cover;}
.team_plus .dep_block .list{width: 100%;margin-top: 20px;display:none;}
.team_plus .dep_block .list .list_item{float:left;width: 150px;font-size: 25px;line-height: 50px;margin: 10px 8px 0 8px;}
.team_plus .dep_block .list .list_item .name{float: left;width: 150px;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.team_plus .dep_block .list .list_item .points{float: right;width: 144px;border: 3px solid #EAB72A;border-radius: 10px;font-size: 30px;font-weight: 900;line-height: 30px;color:#EAB72A;text-align: center;}
.team_plus .dep_block .list .list_item .points span{font-size: 20px;font-weight: 700;}












/**將@media screen and (max-width:1440px) {}裡的css屬性，以1440px為基準，將每一個css 屬性的px值換算成vw**/
@media screen and (max-width:1440px) {


.wrapper { width: 100vw; }

/******** 選單 menu ***********/
.header { width: 100vw; height: 6.94vw; }
.top_logo { float: left; width: 17.64vw; height: 2.78vw; background: 0 0 / 17.64vw 2.78vw url(../images/fubon_logo.png) no-repeat; margin-top: 2.64vw;margin-left: 3.26vw; z-index: 999; }
.menu_icon { display: none; width: 4.16vw; height: 4.16vw; margin: 0; background: 0 0 /4.16vw 4.16vw url(../images/icon_menu.png) no-repeat; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { float: right; width: 62.5vw; margin: 3.82vw 5.56vw 0 0; z-index: 9999; position: inherit; text-align: right; }
.menu { width: 100%; margin: 0 0 0 0; font-size: 1.53vw; font-weight: 500; }
.menu a { color: #333; letter-spacing: 0.35vw; }
.menu a:hover { color: #363A3A; }
.menu span { color: #363A3A; }


/******** 主視覺 ***********/
.index_banner { width: 100vw; height: 46.53vw; background-image: url(../images/banner_bg.png);background-size: cover;position: relative;opacity: 1;}
.index_banner .word1 { top: 7.78vw; left: 27.15vw; width: 11.8vw; height: 1.53vw; background-image:url(../images/2x/banner_word1.png) ;}
.index_banner .word2 { top: 12.08vw; left: 17.5vw; width: 18.96vw; height: 3.82vw; background-image:url(../images/2x/banner_word2.png) ;}
.index_banner .word3 { top: 12.08vw; left: 37.99vw; width: 11.94vw; height: 3.96vw; background-image:url(../images/2x/banner_word3.png) ;}
.index_banner .word4 { top: 17.85vw; left: 17.22vw; width: 25.28vw; height: 6.18vw; background-image:url(../images/2x/banner_word4.png) ;}
.index_banner .word5 { top: 26.39vw; left: 17.22vw; width: 32.64vw; height: 2.29vw; background-image:url(../images/2x/banner_word5.png) ;}
.index_banner .word6 { top: 33.75vw; left: 25.83vw; width: 47.78vw; height: 7.15vw; background-image:url(../images/2x/banner_word6.png?v=2) ;}
.index_banner .cross { top: 17.85vw; left: 43.4vw; width: 6.18vw; height: 6.18vw; background-image:url(../images/2x/banner_cross.png) ;}
.index_banner .mask{top: 0vw; left: 44.44vw;width: 55.56vw;height: 28.61vw;  clip-path: inset(0 0 0 0); /* 上 右 下 左 的邊距 */}
.index_banner .hole { top: 24.79vw; left: 56.94vw; width: 27.83vw; height: 3.75vw; background-image:url(../images/banner_hole.png) ;}
.index_banner .role { top: 4.37vw; left: 12.5vw; width: 24.51vw; height: 24.23vw; background-image:url(../images/2x/banner_role.png) ;}
.index_banner .light1 { top: 5.55vw; left: -0.34vw; width: 24.37vw; height: 24.37vw; background-image:url(../images/banner_light.png) ;}
.index_banner .light2 { top: 6.94vw; left: 21.875vw; width: 25.9vw; height: 25.9vw; background-image:url(../images/banner_light.png) ;}
.index_banner .light3 { top: 2.08vw; left: 30.53vw; width: 24.37vw; height: 24.37vw; background-image:url(../images/banner_light.png) ;}
.index_banner .item1 { top: 14.23vw; left: 11.01vw; width: 3.81vw; height: 3.4vw; background-image:url(../images/2x/banner_item1.png) ;}
.index_banner .item2 { top: 18.32vw; left: 25.68vw; width: 9.57vw; height: 9.51vw; background-image:url(../images/2x/banner_item2.png) ;}
.index_banner .item2_word { top: 16.93vw; left: 31.24vw; width: 5.72vw; height: 6.87vw; background-image:url(../images/2x/banner_item2_word.png) ;}
.index_banner .item3 { top: 11.80vw; left: 38.39vw; width: 5.75vw; height: 6.10vw; background-image:url(../images/2x/banner_item3.png) ;}
.index_banner .sound_btn { top: 21.18vw; left: 38.19vw; width: 6.87vw; height: 8.05vw; background-image:url(../images/2x/ic_sound.png) ;}


.index_info{width: 69.44vw; height: 14.58vw;margin: 4.51vw 24.31vw 3.12vw 24.31vw;}
.index_info .item_block{width: 100%;height: 7.71vw;}
.index_info .item{background-color: #A0BF30;border-radius: 3.47vw;font-size: 1.38vw;color: #FFF;font-weight: 500;width: 5.20vw;height: 4.30vw;float: left;text-align: center;line-height: 1.53vw;padding-top: 1.11vw;margin-right: 1.59vw;}
.index_info .date{font-size: 2.77vw;font-weight: bold;line-height: 3.12vw;}
.index_info .date .slash{font-size: 1.38vw;font-weight: bold;}
.index_info .date .holiday{font-size: 1.38vw;font-weight: bold;letter-spacing: 0.069vw;}
.index_info .note{font-size: 1.38vw;font-weight: bold;color: #A0BF30;line-height: 1.38vw;letter-spacing: 0.10vw;}
.index_info .intro{float:left;width: 62.5vw;font-size: 1.52vw;line-height: 2.36vw;margin-top:0;font-weight: bold;color:#231815;text-align: justify;padding-top:0.20vw; }

.index_login_block{width: 34.72vw;height: 12.5vw;border-radius: 2.08vw;background-color: #EFEFEF;margin: 0 auto;}
.index_login_block .input_no{font-size: 1.52vw;font-weight: 500;top:3.12vw;left: 2.77vw;letter-spacing: 0.20vw;}
.index_login_block input{border-radius: 0.69vw;width: 22.22vw;height: 2.43vw;font-size: 2.08vw;margin-top:0;border: none;text-align: center;background-color: #FFF;}
.index_login_block input:focus{outline-color: #CCCCCC;}
.index_login_block .btn_join{top:7.29vw;left:13.88vw;width: 7.29vw;height: 3.12vw;font-size: 1.52vw;font-weight: 500;border-radius: 1.04vw;line-height: 3.12vw;text-align: center;color: #FFF;background-color: #008FC7;}
[data-hint]:after {font-size: 1.38vw;letter-spacing: 0;}

.index_award{width: 97.98vw;height: 69.93vw;margin-top: 7.91vw;background-image: url(../images/index_award_bg.png);background-size: contain;background-position: center;opacity: 1;}
.index_award .title{width: 100%;height:auto;font-size: 2.91vw;font-weight: 500;color: #FFF;text-align: center;line-height: 4.16vw;letter-spacing: 0.55vw;padding-top: 9.02vw;}
.index_award .area{width: 93%;height: auto;margin: 2.22vw auto 0 auto;}
.index_award .block.award1{width: 58.55vw;height: auto;float: left;text-align: center;color: #FFF;}
.index_award .block.award2{width: 19.77vw;height: auto;float: left;text-align: center;color: #FFF;margin-top:2.29vw}
.index_award .icon{background-size: contain;margin: 0 auto;background-repeat: no-repeat;background-position: center;}
.index_award .award1 .icon{width: 17.36vw;height: 14.65vw;background-image: url(../images/index_award_icon1.png);}
.index_award .award2 .icon{width: 11.45vw;height: 11.67vw;background-image: url(../images/index_award_icon2.png);}

.index_award .name{font-size: 2.22vw;font-weight: 500;line-height: 3.47vw;}

.index_award .award1 .sub_name{font-size: 1.52vw;font-weight: 400;margin: 1.18vw auto 0 auto;line-height: 3.12vw;color:#EAB72A;width: 100%;float:left;}
.index_award .award1 .condition{font-size: 1.52vw;color:#FFFFFF;border-radius: 1.38vw;background-color: #ACCF42;width: 6.25vw;height: 2.43vw;margin-left: 8.68vw;margin-bottom: 0.48vw;float: left;}
.index_award .award1 .intro{font-size: 1.52vw;width: 41.66vw;margin-left:0.34vw;float:left;text-align: left;height:2.43vw;margin-bottom: 0.48vw;}

.index_award .award2 .name{line-height: 2.5vw;height: 4.86vw;margin-top: 0.69vw;}
.index_award .award2 .name span{font-size: 1.66vw;letter-spacing: 0.069vw;}
.index_award .award2 .sub_name{ font-size: 1.52vw;font-weight: 400;margin: 1.18vw auto 0 auto;line-height: 3.12vw;color:#EAB72A;width: 100%;}
.index_award .award2 .condition{font-size: 1.52vw;color:#FFFFFF;border-radius: 1.73vw;background-color: #ACCF42;width: 16.66vw;height: 3.12vw;margin: 2.22vw auto 0 auto;line-height: 3.12vw;text-align: center;}
.index_award .award2 .intro{font-size: 1.52vw;width: 100%;text-align: center;height:2.77vw;line-height: 2.77vw;margin-bottom: 3.12vw;margin-top: 0.48vw;letter-spacing: 0.034vw;}

.index_footer{width: 100%;height: 7.63vw;font-size: 1.80vw;font-weight: 500;color: #1F2C5C;text-align: center;line-height: 10.13vw;letter-spacing: 0.23vw;}

.banner .word1 { top: 4.58vw; left: 44.17vw; width: 12.15vw; height: 3.61vw; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 0.14vw solid #FFFFFF;border-top: 0.14vw solid #FFFFFF;background-position:center ;background-size: 11.81vw 1.53vw;}
.banner .word2 { top: 10.14vw; left: 34.72vw; width: 18.96vw; height: 3.82vw; background-image:url(../images/2x/banner_word2.png) ;}
.banner .word3 { top: 10.14vw; left: 55.07vw; width: 11.94vw; height: 3.96vw; background-image:url(../images/2x/banner_word3.png) ;}
.banner .word4 { top: 15.83vw; left: 34.31vw; width: 25.28vw; height: 6.18vw; background-image:url(../images/2x/banner_word4.png) ;}
.banner .word5 { top: 24.38vw; left: 34.44vw; width: 32.64vw; height: 2.29vw; background-image:url(../images/2x/banner_word5.png) ;}
.banner .cross { top: 15.83vw; left: 60.49vw; width: 6.18vw; height: 6.18vw; background-image:url(../images/2x/banner_cross.png) ;}
.banner .coin { top: 11.18vw; left: 14.03vw; width: 16.18vw; height: 16.59vw; background-image:url(../images/2x/banner_big_coin.png) ;}

.mission{height:93.13vw;color: #FFF;background-image: url(../images/p_bg.png);background-size: cover;background-position: center;opacity:  1;}
.mission .banner{height: 30.21vw;}
.mission .container{width:74.44vw;}
.mission .personal_info{font-size: 1.74vw;font-weight: 500;margin-top: 1.25vw;margin-left: 1.74vw;width: 38.89vw;height: 7.29vw;line-height: 2.43vw;float:left;}
.mission .total_points{font-size: 1.74vw;font-weight: bold;color:#40600A;text-align: right;float: right;width:31.53vw;margin-right: 1.60vw;border-bottom:1.04vw solid #FFFFFF;line-height: 4.03vw;;}
.mission .total_points span{font-size: 3.26vw;}
.mission .card{width: 16.46vw;height: 19.93vw;float: left;margin-bottom: 0.69vw;margin-right: -0.21vw;}
.mission .card1{background-image: url(../images/2x/p_card1_hide.png);background-size: cover;background-position: center;}
.mission .card2{background-image: url(../images/2x/p_card2_hide.png);background-size: cover;background-position: center;}
.mission .card3{background-image: url(../images/2x/p_card3_hide.png);background-size: cover;background-position: center;}
.mission .card4{background-image: url(../images/2x/p_card4_hide.png);background-size: cover;background-position: center;}
.mission .card5{background-image: url(../images/2x/p_card5_hide.png);background-size: cover;background-position: center;}
.mission .card6{background-image: url(../images/2x/p_card6_hide.png);background-size: cover;background-position: center;}
.mission .card_plus{width: 23.47vw;height: 40.28vw;background-image: url(../images/2x/p_card_plus.png?v=1);background-size: cover;background-position: center;float: right;margin-right: 1.04vw;}
.mission .card_plus .plus_points{top: 9.24vw;right: 8.75vw;font-size: 4.17vw;font-weight: bold;color: #FFFF6C;text-align: right;}
.mission .hint{width: 23.47vw;color:#000000;text-align: center;float: right;margin-right: 1.04vw;font-size: 1.53vw;font-weight: bold;letter-spacing: 0.069vw;}



.plus{height:93.13vw;color: #FFF;background-image: url(../images/p_bg.png);background-size: cover;background-position: center;opacity:  1;}
.plus .banner{height: 30.21vw;}
.plus .container{width:80.90vw;margin-top: 2.78vw;padding-left: 1.04vw;}
.plus .card{width: 16.11vw;height: 20.28vw;float: left;}
.plus .card1{background-image: url(../images/2x/p_plus1.png);background-size: cover;background-position: center;}
.plus .card2{background-image: url(../images/2x/p_plus2.png);background-size: cover;background-position: center;}
.plus .card3{background-image: url(../images/2x/p_plus3.png);background-size: cover;background-position: center;}
.plus .card4{background-image: url(../images/2x/p_plus4.png);background-size: cover;background-position: center;}
.plus .card5{background-image: url(../images/2x/p_plus5.png);background-size: cover;background-position: center;}
.plus .card .points{top: 14.44vw;right: 5.90vw;font-size: 3.13vw;font-weight: bold;color: #FFFFFF;text-align: right;}
.plus .new_icon{width: 7.71vw;height: 7.64vw;background-image: url(../images/2x/p_plus_new.png);background-size: cover;background-position: center;top: -2.22vw;left: 31.53vw;}
.plus .hint{width: 34.72vw;color:#000000;text-align: center;font-size: 1.88vw;font-weight: bold;letter-spacing: 0.14vw;margin: 1.04vw auto;}
.plus button{width: 14.86vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight: 700;margin-top:6.94vw; text-align: center; color:#FFFFFF;background-color: #40600A;}



.plus_banner{width:100vw;height: 34.38vw;clip-path: inset(0 0 0 0);background-image: url(../images/p_plus_banner.png);background-size: cover;background-position: center;}
.plus_banner .word1 { top: 4.58vw; left: 43.54vw; width: 12.15vw; height: 3.61vw; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 0.14vw solid #FFFFFF;border-top: 0.14vw solid #FFFFFF;background-position:center ;background-size: 11.81vw 1.53vw;}
.plus_banner .word2 { top: 10.14vw; left: 34.10vw; width: 18.96vw; height: 3.82vw; background-image:url(../images/2x/banner_word2.png) ;}
.plus_banner .word3 { top: 10.14vw; left: 54.44vw; width: 11.94vw; height: 3.96vw; background-image:url(../images/2x/banner_word3.png) ;}
.plus_banner .word4 { top: 15.83vw; left: 33.68vw; width: 25.28vw; height: 6.18vw; background-image:url(../images/2x/banner_word4.png) ;}
.plus_banner .word5 { top: 24.38vw; left: 33.82vw; width: 32.64vw; height: 2.29vw; background-image:url(../images/2x/banner_word5.png) ;}
.plus_banner .cross { top: 15.83vw; left: 59.86vw; width: 6.18vw; height: 6.18vw; background-image:url(../images/2x/banner_cross.png) ;}
.plus_banner .coin { top: 12.71vw; left: 71.81vw; width: 14.58vw; height: 14.93vw; background-image:url(../images/2x/banner_big_coin.png) ;}



.plus1{color: #000000;opacity:  1;}
.plus1 .plus_banner .role { top: 13.19vw; left: 7.64vw; width: 26.39vw; height: 26.39vw; background-image:url(../images/2x/p_plus1_role.png) ;}
.plus1 .container{width:82.64vw;margin-top: 5.21vw;min-height: 173.61vw; text-align: center;}
.plus1 .point_block{top:0.35vw;right:0;width: 15.97vw;height: 6.46vw;letter-spacing: -0.14vw;border: 0.14vw solid #FF94A9;border-radius: 1.39vw;font-size: 4.17vw;font-weight: 900;line-height: 5.90vw;color:#FF94A9;text-align: center;   }
.plus1 .point_block span{font-size: 2.64vw;font-weight: 700;}
.plus1 .title{font-size: 4.17vw;font-weight: 900;text-align: center;letter-spacing: 0.35vw;}
.plus1 .subtitle{font-size: 2.64vw;text-align: center;}
.plus1 .intro{font-size: 2.08vw;margin-top: 1.39vw;text-align: center;color:#A0BF30;margin-bottom: 3.96vw;}
.plus1 .item_block{width:55.56vw;float: left;margin-left: 15.76vw;text-align: left;}
.plus1 .item_block .item{border-radius: 4.17vw;font-size: 2.08vw;color: #FFF;font-weight: 500;width: 7.99vw;height: 6.60vw;float: left;text-align: center;line-height: 2.43vw;padding-top: 1.39vw;margin-top: 1.39vw;background-color: #A0BF30;}
.plus1 .item_block .detail{font-size: 1.81vw;line-height: 3.13vw;margin-left: 1.74vw;letter-spacing: 0.069vw;color:#000000;float:left;font-weight: 500;}
.plus1 .item_block .detail span{font-weight: 900;font-size: 3.33vw;line-height:2.43vw;color: #527000;}
.plus1 .item_block2{margin-top: 3.82vw;}
.plus1 .upload_block{width:64.93vw;margin-top: 7.99vw;}
.plus1 .upload_block .title{font-size: 2.50vw;font-weight: 700;letter-spacing: 0.21vw;}
.plus1 .upload_block .intro{font-size: 1.67vw;font-weight: 700;letter-spacing: 0.21vw;margin-top: 0.35vw;margin-bottom: 1.74vw;color:#000000;}
.plus1 .upload_block table{width: 100%;margin-top: 0.90vw;border: 0.069vw solid #000000;border-radius: 1.46vw;border-collapse:separate;border-spacing: 0;}
.plus1 .upload_block table th{font-size: 1.81vw;font-weight: 400;line-height: 4.86vw;border: 0.069vw solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;}
.plus1 .upload_block table.pc_table th:first-child{border-top-left-radius: 1.39vw;}
.plus1 .upload_block table.pc_table th:last-child{border-top-right-radius: 1.39vw;}
.plus1 .upload_block table th.answer{width: 11.11vw;}
.plus1 .upload_block table th.question{width: 29.86vw;}
.plus1 .upload_block table th.reason{width: 23.96vw;}
.plus1 .upload_block table td{font-size: 1.39vw;line-height: 2.08vw;padding: 0.35vw; border: 0.069vw solid #000000;text-align: left;}
.plus1 .upload_block table tr:nth-child(2) td{padding:1.04vw;}
.plus1 .upload_block table tr td:first-child{text-align: center;font-size: 1.94vw;}
.plus1 .upload_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 1.39vw;}
.plus1 .upload_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 1.39vw;}
.plus1 .upload_block table input{width:27.78vw;font-size: 1.53vw;height:2.78vw;border-radius: 0.69vw;padding: 0.69vw;margin-top: 0.69vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table textarea{font-size: 1.53vw;border-radius: 0.69vw;padding: 0.69vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table #pc_question{width:27.78vw;height: 13.89vw;}
.plus1 .upload_block table #pc_reason{width:21.88vw;height: 33.82vw;}
.plus1 .upload_block table td:first-child input{width:9.03vw;height:9.03vw;font-size:1.94vw;line-height: 8.33vw;margin-top: 0;font-weight: bolder;text-align: center;}
.plus1 .upload_block table select{width:27.78vw;font-size: 1.53vw;height:2.78vw;border-radius: 0.69vw;margin-top: 0.69vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table td:first-child select{width:9.03vw;height:9.03vw;font-size:1.94vw;line-height: 8.33vw;margin-top: 0;font-weight: bolder;text-align: center;}
.plus1 .upload_block .note{font-size: 1.81vw;margin-top: 1.04vw; color:#FF8548;text-align: center;}
.plus1 .upload_block button{width: 18.75vw;height:6.25vw;border-radius: 1.04vw;font-size: 2.64vw;font-weight: 500;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus1 .record_block{width:83.33vw;margin-top: 13.89vw;}
.plus1 .record_block .title{font-size: 2.50vw;font-weight: 700;letter-spacing: 0.21vw;}
.plus1 .record_block table{width: 100%;margin-top: 0.90vw;border: 0.069vw solid #000000;border-radius: 1.46vw;margin-bottom: 13.89vw;border-collapse:separate;border-spacing: 0;}
.plus1 .record_block table th{font-size: 1.81vw;font-weight: 400; line-height: 4.86vw;border: 0.069vw solid #000000;background-color: #EFEFEF;color: #000000;text-align: center;}
.plus1 .record_block table.pc_table th:first-child{border-top-left-radius: 1.39vw;}
.plus1 .record_block table.pc_table th:last-child{border-top-right-radius: 1.39vw;}
.plus1 .record_block table td{font-size: 1.39vw;line-height: 2.08vw;padding: 1.04vw; border: 0.069vw solid #000000;text-align: left;}
.plus1 .record_block table.pc_table tr td:first-child{text-align: center;font-size: 1.94vw;}
.plus1 .record_block table.pc_table tr td:nth-child(2){text-align: center;font-size: 1.94vw;}
.plus1 .record_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 1.39vw;}
.plus1 .record_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 1.39vw;}
.plus1 .record_block table.pd tr td:last-child{color:#FF8548;font-weight: 700;font-size: 2.22vw;text-align: center;}
.plus1 .record_block table.pd tr td:last-child span{font-size: 1.53vw;}
.plus1 .back_btn{width: 20.83vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight:700;margin:6.94vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.plus2{color: #000000;opacity:  1;}
.plus2 .plus_banner .role { top: 9.72vw; left: 6.81vw; width: 26.94vw; height: 28.61vw; background-image:url(../images/2x/p_plus2_role.png) ;}
.plus2 .container{width:82.64vw;margin-top: 5.21vw;height: 138.89vw;text-align: center;}
.plus2 .point_block{top:0.35vw;right:0;width: 15.97vw;height: 6.46vw;letter-spacing: -0.14vw;border: 0.14vw solid #FF94A9;border-radius: 1.39vw;font-size: 4.17vw;font-weight: 900;line-height: 5.90vw;color:#FF94A9;text-align: center;   }
.plus2 .point_block span{font-size: 2.64vw;font-weight: 700;}
.plus2 .title{font-size: 4.17vw;font-weight: 900;text-align: center;letter-spacing: 0.35vw;}
.plus2 .subtitle{font-size: 2.64vw;text-align: center;letter-spacing: 0.28vw;}
.plus2 .intro{font-size: 2.08vw;margin-top: 1.39vw;text-align: center;color:#A0BF30;margin-bottom: 3.47vw;}
.plus2 .item_block{width:45.14vw;float: left;margin-left: 21.18vw;text-align: left;}
.plus2 .item_block .item{border-radius: 4.17vw;font-size: 2.08vw;color: #FFF;font-weight: 500;width: 7.99vw;height: 6.60vw;float: left;text-align: center;line-height: 2.43vw;padding-top: 1.39vw;margin-top: 0.69vw;background-color: #A0BF30;}
.plus2 .item_block .detail{font-size: 1.81vw;line-height: 3.47vw;margin-left: 1.74vw;margin-top: 1.04vw;letter-spacing: 0.069vw;color:#000000;float:left;font-weight: 500;}
.plus2 .item_block .detail span{font-weight: 900;font-size: 3.33vw;line-height:2.43vw;color: #527000;}
.plus2 .block{margin-top: 8.33vw;}
.plus2 .block .title{font-size: 2.50vw;font-weight: 700;letter-spacing: 0.21vw;}
.plus2 .block .intro{font-size: 2.08vw;margin-top: 0.69vw;letter-spacing: 0.21vw;margin-bottom: 1.39vw;color:#000000;}
.plus2 .block .intro span{color:#E01717;}
.plus2 .block .note{font-size: 1.53vw;margin-top: 1.04vw; color:#FF8548;text-align: center;}
.plus2 .input_area{width: 46.53vw;height: 21.88vw;background-color: #EFEFEF;border-radius: 1.39vw;text-align: center;}
.plus2 .input_area .item{font-size: 1.88vw;padding-top: 4.17vw;margin-bottom:2.43vw;line-height: 5.21vw;width: 100%;}
.plus2 .input_area input{font-size: 2.78vw;width: 20.83vw;height: 4.51vw;margin-left: 1.74vw;margin-top: 0.35vw; border-radius: 1.04vw;text-align: center; border:none; background-color: #FFFFFF;}
.plus2 .input_area button{width: 14.86vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus2 .info_block .info{width: 50vw; margin-top: 0.69vw;}
.plus2 table{width: 100%;margin-top: 0.90vw;border: 0.069vw solid #000000;border-radius: 1.11vw;border-collapse:separate;border-spacing: 0;}
.plus2 table th{font-size: 1.81vw;line-height: 4.86vw;border: 0.069vw solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;}
.plus2 table th:first-child{border-top-left-radius: 1.04vw;}
.plus2 table th:last-child{border-top-right-radius: 1.04vw;}
.plus2 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 2.22vw;}
.plus2 table tr td:last-child span{font-size: 1.53vw;}
.plus2 table tr td.hint{color:#FF8548;font-weight: 700;font-size: 1.67vw;}
.plus2 table td{font-size: 1.81vw;line-height: 5.90vw;border: 0.069vw solid #000000;text-align: center;}
.plus2 table tr:last-child td:first-child{border-bottom-left-radius: 1.04vw;}
.plus2 table tr:last-child td:last-child{border-bottom-right-radius: 1.04vw;}
.plus2 .back_btn{width: 20.83vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight:700;margin:6.94vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}


.plus3{color: #000000;opacity:  1;}
.plus3 .plus_banner .role { top: 10.21vw; left: 6.11vw; width: 30vw; height: 29.93vw; background-image:url(../images/2x/p_plus3_role.png) ;}
.plus3 .container{width:82.64vw;margin-top: 5.21vw;height: 138.89vw;text-align: center;}
.plus3 .point_block{top:0.35vw;right:0;width: 15.97vw;height: 6.46vw;letter-spacing: -0.14vw;border: 0.14vw solid #FF94A9;border-radius: 1.39vw;font-size: 4.17vw;font-weight: 900;line-height: 5.90vw;color:#FF94A9;text-align: center;   }
.plus3 .point_block span{font-size: 2.64vw;font-weight: 700;}
.plus3 .title{font-size: 4.17vw;font-weight: 900;text-align: center;letter-spacing: 0.35vw;}
.plus3 .subtitle{font-size: 2.64vw;text-align: center;letter-spacing: 0.28vw;}
.plus3 .intro{font-size: 2.08vw;margin-top: 1.39vw;text-align: center;color:#A0BF30;margin-bottom: 4.17vw;}
.plus3 .item_block{width:64.58vw;float: left;margin-left: 9.38vw;text-align: left;}
.plus3 .item_block .item{border-radius: 4.17vw;font-size: 2.08vw;color: #FFF;font-weight: 500;width: 7.99vw;height: 6.60vw;float: left;text-align: center;line-height: 2.43vw;padding-top: 1.39vw;margin-top: 0.69vw;background-color: #A0BF30;}
.plus3 .item_block .detail{font-size: 1.81vw;line-height: 3.13vw;margin-left: 1.74vw;letter-spacing: 0.069vw;color:#000000;float:left;font-weight: 500;}
.plus3 .item_block1 .detail span{font-weight: 900;font-size: 3.33vw;line-height:2.43vw;color: #527000;}
.plus3 .item_block2{margin-top: 5.56vw;}
.plus3 .item_block2 .detail{margin-top: 1.04vw;letter-spacing: 0.069vw;}
.plus3 .item_block2 .detail span{display: inline-block;margin-left: 6.94vw;}
.plus3 .item_block3{margin-top: 7.29vw;}
.plus3 .item_block3 .detail{margin-top: -1.04vw;letter-spacing: 0.069vw;}
.plus3 .item_block3 .detail span{color: #878787;}
.plus3 .item_block3 a,.plus3 .item_block3 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .item_block4{margin-top: 5.90vw;}
.plus3 .item_block4 .detail{margin-top: 0;letter-spacing: 0.069vw;}
.plus3 .item_block4 a,.plus3 .item_block4 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .back_btn{width: 20.83vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight:700;margin:6.94vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.plus4{color: #000000;opacity:  1;}
.plus4 .plus_banner .role { top: 6.94vw; left: 0; width: 39.17vw; height: 39.17vw; background-image:url(../images/2x/p_plus4_role.png) ;}
.plus4 .container{width:85.07vw;margin-top: 5.21vw;height: 138.89vw;text-align: center;}
.plus4 .point_block{top:0.35vw;right:0;width: 15.97vw;height: 6.46vw;letter-spacing: -0.14vw;border: 0.14vw solid #FF94A9;border-radius: 1.39vw;font-size: 4.17vw;font-weight: 900;line-height: 5.90vw;color:#FF94A9;text-align: center;   }
.plus4 .point_block span{font-size: 2.64vw;font-weight: 700;}
.plus4 .title{font-size: 4.17vw;font-weight: 900;text-align: center;letter-spacing: 0.35vw;}
.plus4 .subtitle{font-size: 2.64vw;text-align: center;letter-spacing: 0.28vw;}
.plus4 .intro{font-size: 2.08vw;margin-top: 1.39vw;text-align: center;color:#A0BF30;margin-bottom: 5.56vw;}
.plus4 .item_block{width:69.44vw;float: left;margin-left: 8.68vw;text-align: left;}
.plus4 .item_block .item{border-radius: 4.17vw;font-size: 2.08vw;color: #FFF;font-weight: 500;width: 7.99vw;height: 6.60vw;float: left;text-align: center;line-height: 2.43vw;padding-top: 1.39vw;margin-top: 0.69vw;background-color: #A0BF30;}
.plus4 .item_block .detail{font-size: 1.81vw;line-height: 3.13vw;margin-left: 1.25vw;margin-top:1.04vw;letter-spacing: 0.069vw;color:#000000;float:left;font-weight: 500;}
.plus4 .item_block .detail span{font-weight: 900;font-size: 3.33vw;line-height:2.43vw;color: #527000;}
.plus4 .item_block2{margin-top: 5vw;}
.plus4 .item_block2 .detail{margin-top: 0.69vw;letter-spacing: 0.069vw;}
.plus4 .item_block2 .detail table {width: 50vw;margin-top: 0.69vw;border: 0.069vw solid #000000;border-radius: 1.46vw;font-size: 1.81vw;border-collapse:separate;border-spacing: 0;}
.plus4 .item_block2 .detail table th{background-color: #FF8548;color: #FFFFFF;text-align: center;line-height: 4.86vw;border: 0.069vw solid #000000;}
.plus4 .item_block2 .detail table th:first-child{border-top-left-radius: 1.39vw;}
.plus4 .item_block2 .detail table th:last-child{border-top-right-radius: 1.39vw;}
.plus4 .item_block2 .detail table td{text-align: center;line-height: 9.38vw;border: 0.069vw solid #000000;font-size: 3.47vw;font-weight: 900;color: #527000;}
.plus4 .item_block2 .detail table td span{font-size: 2.43vw;}
.plus4 .item_block2 .detail table tr:last-child td:first-child{border-bottom-left-radius: 1.39vw;}
.plus4 .item_block2 .detail table tr:last-child td:last-child{border-bottom-right-radius: 1.39vw;}
.plus4 .list_block{margin-top: 5.56vw;width: 84.72vw;}
.plus4 .list_block .title{font-size:2.64vw;margin-left: 0.35vw;letter-spacing: 0.069vw;margin-bottom: 1.74vw;}
.plus4 .list_block .content{padding-top: 4.51vw;width: 84.72vw;background-color: #EFEFEF;border-radius: 2.08vw;min-height: 43.75vw;}
.plus4 .progress_block{width: 47.22vw;height: 7.64vw;}
.plus4 .progress_block .item{width: 13.89vw;font-size: 1.81vw;margin-top:1.25vw;letter-spacing: 0.069vw;font-weight: 500;color: #262626;float: left;}
.plus4 .progress_block .value{width:13.89vw;font-size:3.13vw;font-weight: 900;color: #FF8548;float: right;text-align: right;}
.plus4 .progress_block .value span{font-size: 2.43vw;}
.plus4 .progress_block .progress_white{width: 100%;height: 2.43vw;margin-top:0.21vw;background-color: #FFFFFF;}
.plus4 .progress_block .progress_white .progress_fill{width:90%;height: 100%;background-color: #FF8548;}
.plus4 .dep_block{width: 47.22vw;padding-top: 2.92vw;}
.plus4 .dep_block .name{font-size: 1.88vw;font-weight: 500;color: #262626;}
.plus4 .dep_block .btn{top:1.39vw;right:0;width: 3.82vw;height: 3.89vw;background-image: url(../images/ic_open.png);background-size: cover;}
.plus4 .dep_block .list{width: 50vw;margin-top: 1.39vw;}
.plus4 .dep_block .list .member{width:6.11vw;height:5vw;padding-top:4.17vw;font-size:1.25vw;background-size: 3.89vw 3.75vw;background-position: 0.69vw 0.35vw;background-repeat: no-repeat;float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plus4 .dep_block .list .member.done{background-image: url(../images/2x/ic_done.png);}
.plus4 .dep_block .list .member.undone{background-image: url(../images/2x/ic_undone.png);}
.plus4 .note{width:68.40vw;font-size: 1.53vw;line-height: 2.78vw;margin-top: 2.64vw;margin-left: 10.28vw;color:#000000;font-weight: 500;}
.plus4 .note span{font-weight: 700;color: #FF8548;}
.plus4 .back_btn{width: 20.83vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight:700;margin:6.94vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}



.plus5{color: #000000;opacity:  1;}
.plus5 .plus_banner .role { top: 9.86vw; left: 6.94vw; width: 27.15vw; height: 27.15vw; background-image:url(../images/2x/p_plus5_role.png) ;}
.plus5 .container{width:82.64vw;margin-top: 5.21vw;height: 138.89vw;text-align: center;}
.plus5 .point_block{top:0.35vw;right:0;width: 15.97vw;height: 6.46vw;letter-spacing: -0.14vw;border: 0.14vw solid #FF94A9;border-radius: 1.39vw;font-size: 4.17vw;font-weight: 900;line-height: 5.90vw;color:#FF94A9;text-align: center;   }
.plus5 .point_block span{font-size: 2.64vw;font-weight: 700;}
.plus5 .title{font-size: 4.17vw;font-weight: 900;text-align: center;letter-spacing: 0.35vw;}
.plus5 .subtitle{font-size: 2.64vw;text-align: center;}
.plus5 .intro{font-size: 2.08vw;margin-top: 1.39vw;text-align: center;color:#A0BF30;margin-bottom: 3.82vw;}
.plus5 .item_block{width:55.56vw;float: left;margin-left: 19.10vw;text-align: left;}
.plus5 .item_block .item{border-radius: 4.17vw;font-size: 2.08vw;color: #FFF;font-weight: 500;width: 7.99vw;height: 6.60vw;float: left;text-align: center;line-height: 2.43vw;padding-top: 1.39vw;margin-top: 0.69vw;background-color: #A0BF30;}
.plus5 .item_block .detail{font-size: 1.81vw;line-height: 3.47vw;margin-left: 1.74vw;letter-spacing: 0.069vw;color:#000000;float:left;font-weight: 500;}
.plus5 .item_block .detail span{font-weight: 900;font-size: 3.33vw;line-height:2.43vw;color: #527000;}
.plus5 .item_block2{margin-top: 5.56vw;}
.plus5 .item_block2 a,.plus5 .item_block2 a:visited{color: #0082BC;text-decoration: underline;}
.plus5 button{width: 34.03vw;height:6.67vw;color:#FFFFFF;background-color: #40600A;border-radius: 1.04vw;font-size: 2.64vw;font-weight: 700;margin-top: 0.69vw;}
.plus5 .list_block{margin-top: 7.29vw;width: 50.35vw;}
.plus5 .list_block .note{font-size:1.94vw;margin-left: 0.35vw;letter-spacing: 0.069vw;}
.plus5 table{width: 100%;margin-top: 0.90vw;border: 0.069vw solid #000000;border-radius: 1.11vw;font-size: 1.94vw;border-collapse:separate;border-spacing: 0;}
.plus5 table th{background-color: #A0BF30;color: #FFFFFF;text-align: center;line-height: 4.86vw;border: 0.069vw solid #000000;}
.plus5 table th:first-child{border-top-left-radius: 1.04vw;}
.plus5 table th:last-child{border-top-right-radius: 1.04vw;}
.plus5 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 2.22vw;}
.plus5 table tr td:last-child span{font-size: 1.53vw;}
.plus5 table td{text-align: center;line-height: 5.90vw;border: 0.069vw solid #000000;}
.plus5 table tr:last-child td:first-child{border-bottom-left-radius: 1.04vw;}
.plus5 table tr:last-child td:last-child{border-bottom-right-radius: 1.04vw;}
.plus5 .back_btn{width: 20.83vw;height:5.28vw;border-radius: 1.04vw;font-size: 2.22vw;font-weight:700;margin:6.94vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}




.rules{background-color: #AAC939;color:#FFF;margin-top:1.04vw;opacity: 1;}
.rules .pc{display: initial;}
.rules .table{width: 55.56vw;height: auto;margin:0 auto;padding-top: 5.76vw;color:#FFF;}
.rules .table1 .title{font-size: 3.06vw;font-weight: bold;padding-left: 9.17vw;color:#527000;letter-spacing: 0.21vw;height:6.25vw;}
.rules .table1 .unit{font-size: 2.43vw;color: #527000;font-weight: 500;margin-top: 0.63vw;height:5.21vw;}
.rules .table1 .unit div{float: left;}
.rules .table1 .unit .label{background-color: #527000;color: #FFFFFF;width: 6.67vw;height: 2.92vw; display: inline-grid;line-height: 2.64vw;margin-left: 0.35vw;text-align: center;}
.rules .table1 .unit .label3{width: 11.81vw;}
.rules .table1 .unit .big{font-size: 3.82vw;font-weight: bold;line-height: 2.36vw;margin-left: 1.18vw;}
.rules .table1 .unit .big2{margin-left: 0.69vw;}
.rules .table1 .unit .unit-text{font-size: 2.29vw;font-weight: bold;margin-left: 0.14vw;margin-right: 2.29vw;}
.rules .table1 .unit .unit-text3{margin: 0;}
.rules .table1 .list{width: 28.96vw;font-size: 1.81vw;font-weight: 500;float: left;line-height: 3.13vw;}
.rules .table1 .table_title{font-weight: 500;color: #527000;text-align: center;line-height: 3.33vw;}
.rules .table1 .head{width: 100%;height:3.13vw;border-bottom: 0.14vw solid #FFF;border-top: 0.14vw solid #FFF;}
.rules .table1 .head .secs{float:left;width: 15.35vw;text-align: center;}
.rules .table1 .head .points{float:left;width: 10.42vw;text-align: center;margin-left: 2.36vw;}
.rules .table1 .row{width: 100%;height:3.33vw;border-bottom: 0.069vw solid #FFF;}
.rules .table1 .row .secs{float:left;width: 15.35vw;text-align: center;letter-spacing: 0.14vw;}
.rules .table1 .row .points{float:left;width: 10.42vw;text-align: center;margin-left: 2.36vw;}
.rules .table1 .foot{width: 27.22vw;height:5.56vw;border-bottom: 0.14vw solid #FFF;color: #527000;line-height: 2.29vw;margin-top: 1.04vw;padding-left: 1.74vw;letter-spacing: 0.069vw;}
.rules .table1 .note{float:right;width:34.72vw;font-size:1.25vw;text-align: right;color:#FFF100;}
.rules .table1 .explain{width: 23.75vw;float: right;font-size: 1.39vw;margin-top: 0.90vw;line-height: 2.15vw;}
.rules .table1 .sub_title{width: 22.08vw;height: 2.57vw;text-align: center;line-height: 2.57vw;border: 0.14vw solid #527000;color:#527000;font-size: 1.53vw;}
.rules .table1 .sub_title1{margin-top: 0;margin-bottom: 1.04vw;}
.rules .table1 .sub_title2{margin-top: 2.43vw;margin-bottom: 0.83vw;}
.rules .table1 .sub_title3{margin-top: 2.15vw;margin-bottom: 1.04vw;}
.rules .table1 .cont span{font-size: 1.46vw;font-weight: 500;color:#527000;letter-spacing: 0.14vw;}
.rules .table1 .hr{width: 22.29vw;height: 0.069vw;border-top: 0.069vw solid #FFF;margin: 1.25vw 0 0.69vw 0;}
.rules .table1 .point{font-size: 2.22vw;font-weight: 500;text-align: left;line-height: 2.78vw;letter-spacing: 0.42vw;margin-left:1.25vw;}
.rules .table1 .point span{font-size: 3.82vw;}
.rules .table1 .point_plus{height:2.78vw;padding-left:2.57vw;margin-top: 0.83vw; margin-left: 1.18vw;font-size: 2.36vw;font-weight: 500;text-align: left;background-image: url(../images/rule_plus_icon.png);background-size: 2.15vw 2.08vw;background-repeat: no-repeat;background-position: left center;}
.rules .table1 .detail{font-weight: 500;text-align: center;line-height: 2.08vw;}
.rules .table1 .plus_icon{left:-6.94vw;top:38.19vw;width:7.85vw;height:3.13vw;background-image: url(../images/rules_plus.png)}
.rules .table2{margin-top:2.43vw;margin-bottom:15.28vw;margin-left: 19.79vw;width:59.03vw;text-align: center;font-weight: 500;line-height: 2.78vw; color: #527000;}
.rules .table2 .title{font-size: 3.19vw;line-height: 6.25vw;letter-spacing: 0.069vw;}
.rules .table2 .cont{font-size: 1.94vw;margin-top: 0.35vw;color: #FFFFFF;}
.rules .table2 .note{font-size:1.67vw;color:#527000;line-height: 3.47vw;}
.rules .table2 .sub_title{width: 27.78vw;height: 2.99vw;text-align: center;line-height: 2.78vw;border: 0.14vw solid #527000;font-size: 1.53vw;margin: 3.89vw auto 0 auto;}



.rank_banner{width:100vw;height: 34.38vw;clip-path: inset(0 0 0 0);}
.rank_banner .word1 { top: 4.58vw; left: 44.17vw; width: 12.15vw; height: 3.61vw; background-image:url(../images/2x/banner_word1.png) ;border-bottom: 0.14vw solid #FFFFFF;border-top: 0.14vw solid #FFFFFF;background-position:center ;background-size: 11.81vw 1.53vw;}
.rank_banner .word2 { top: 10.14vw; left: 34.72vw; width: 18.96vw; height: 3.82vw; background-image:url(../images/2x/banner_word2.png) ;}
.rank_banner .word3 { top: 10.14vw; left: 55.07vw; width: 11.94vw; height: 3.96vw; background-image:url(../images/2x/banner_word3.png) ;}
.rank_banner .word4 { top: 15.83vw; left: 34.31vw; width: 25.28vw; height: 6.18vw; background-image:url(../images/2x/banner_word4.png) ;}
.rank_banner .word5 { top: 24.38vw; left: 34.44vw; width: 32.64vw; height: 2.29vw; background-image:url(../images/2x/banner_word5.png) ;}
.rank_banner .cross { top: 15.83vw; left: 60.49vw; width: 6.18vw; height: 6.18vw; background-image:url(../images/2x/banner_cross.png) ;}
.rank_banner .coin { top: 11.11vw; left: 67.64vw; width: 14.58vw; height: 14.93vw; background-image:url(../images/2x/banner_big_coin.png) ;}


.rank{color: #000000;opacity:1;}
.rank .content{width: 68.40vw;min-height: 55.56vw;border-radius: 2.78vw;margin-top:-4.86vw; background-color: rgba(128, 163, 43, 0.6);}
.rank .content .title{width:53.82vw;font-size: 4.17vw;padding-top: 2.08vw;line-height: 8.33vw;border-bottom:0.14vw solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.rank .content .subtitle{font-size: 3.47vw;padding-top: 2.08vw;color: #FFFFFF;text-align: center;}
.rank .role { position:fixed;bottom: -3.13vw;left: 5%;width: 33.33vw; height: 33.33vw; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;}



.award{color: #000000;opacity:1;}
.award .content{width: 68.40vw;min-height: 55.56vw;border-radius: 2.78vw;margin-top:-4.86vw; background-color: rgba(128, 163, 43, 0.6);}
.award .content .title{width:53.82vw;font-size: 4.17vw;padding-top: 2.08vw;line-height: 8.33vw;border-bottom:0.14vw solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.award .content .subtitle{font-size: 3.47vw;padding-top: 2.08vw;color: #FFFFFF;text-align: center;}
.award .role { position:fixed;bottom: -3.13vw;left: 5%;width: 33.33vw; height: 33.33vw; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;;}



.team_plus .list_block{margin-top: 5.56vw;width: 84.72vw;}
.team_plus .list_block .title{font-size:2.64vw;margin-left: 0.35vw;letter-spacing: 0.07vw;margin-bottom: 1.74vw;}
.team_plus .list_block .content{padding-top: 4.51vw;width: 84.72vw;background-color: #EFEFEF;border-radius: 2.08vw;min-height: 43.75vw;}
.team_plus .dep_block{width: 69.44vw;padding-top: 2.92vw;text-align: left;}
.team_plus .dep_block .dep_name{font-size: 2.08vw;font-weight: 500;color: #262626;border-bottom: 0.35vw solid #A0BF30;line-height: 4.17vw;}
.team_plus .dep_block .btn{top:2.78vw;right:0px;width: 3.82vw;height: 3.89vw;background-image: url(../images/ic_open.png);background-size: cover;}
.team_plus .dep_block .list{width: 100%;margin-top: 1.39vw;display: none;}
.team_plus .dep_block .list .list_item{float:left;width: 10.42vw;font-size: 1.74vw;line-height: 3.47vw;margin: 0.69vw 0.56vw 0 0.56vw;}
.team_plus .dep_block .list .list_item .name{float: left;width: 10.42vw;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.team_plus .dep_block .list .list_item .points{float: right;width: 10vw;border: 0.21vw solid #EAB72A;border-radius: 0.69vw;font-size: 2.08vw;font-weight: 900;line-height: 2.08vw;color:#EAB72A;text-align: center;}
.team_plus .dep_block .list .list_item .points span{font-size: 1.39vw;font-weight: 700;}



}









@media screen and (max-width:1023px) {
body { width: 100%; height: 100%; font-family: 'Noto Sans TC', sans-serif; background: #FFFFFF; color: #262626;}
    /* background-image: url('../images/mobile/plus5_demo.png'); background-position: center 7.3vw;background-size: 100vw auto;background-repeat: no-repeat;}  */




.wrapper { width: 100.0vw; }

/******** 選單 menu ***********/
.header { width: 100vw; height: 15.625vw; background-color: #FFF; }
.top_logo { float: left; width: 39.6875vw; height: 6.25vw;  margin-top: 4.6875vw;margin-left: 7.8125vw; z-index: 999; background: 0 0 / contain url(../images/fubon_logo.png) no-repeat;}
.menu_icon { cursor:pointer;display: block; width: 8.59375vw; height: 6.875vw; margin: 0; background: url(../images/mobile/menu_icon.png) no-repeat; background-size: contain; position: absolute; top: 4.6875vw; right: 4.6875vw; z-index: 9999; }
.menu_panel { display: none; position: absolute; top: 0; right: 0; width: 100vw; height: 100vh; background: #A0BF30; opacity: 0.95; z-index: 99; margin: 0; }
.menu { width: 100%; margin: 15vw 0 0 0; font-size: 6.25vw;}
.menu a { display: block; width: 100vw;  font-weight: 500; color: #fff; letter-spacing: 0.2vw; text-align: center; line-height: 12.5vw;}
.menu a:hover { color: #FFF; }
.menu span { display: none; }


    
/******** 主視覺 ***********/
.index_banner { width: 100vw; height: 123.0vw; background-image: url(../images/mobile/index_banner_bg.png);background-size: cover;position: relative;}
.index_banner .word1 { top: 14.7vw; left: 39.1vw; width: 19.1vw; height: 2.3vw; background-image:url(../images/2x/banner_word1.png) ;background-size: contain;}
.index_banner .word2 { top: 21.4vw; left: 23.4vw; width: 30.9vw; height: 6.1vw; background-image:url(../images/2x/banner_word2.png) ;background-size: contain;}
.index_banner .word3 { top: 21.4vw; left: 56.7vw; width: 19.4vw; height: 6.3vw; background-image:url(../images/2x/banner_word3.png) ;background-size: contain;}
.index_banner .word4 { top: 30.9vw; left: 23.1vw; width: 40.9vw; height: 10.0vw; background-image:url(../images/2x/banner_word4.png) ;background-size: contain;}
.index_banner .word5 { top: 44.5vw; left: 23.0vw; width: 53.0vw; height: 3.8vw; background-image:url(../images/2x/banner_word5.png) ;background-size: contain;}
.index_banner .word6 { top: 98.3vw; left: 11.7vw; width: 74.2vw; height: 11.6vw; background-image:url(../images/2x/banner_word6.png?v=2) ;background-size: contain;}
.index_banner .cross { top: 30.9vw; left: 65.6vw; width: 10.0vw; height: 10.0vw; background-image:url(../images/2x/banner_cross.png) ;background-size: contain;}
.index_banner .mask{top: 0vw; left: 0vw;width: 100vw;height: 93.8vw;  clip-path: inset(0 0 0 0); /* 上 右 下 左 的邊距 */}
.index_banner .hole { top: 85.6vw; left: 21.1vw; width: 56.9vw; height: 13.0vw; background-image:url(../images/banner_hole.png) ;background-size: contain;}
.index_banner .role { top: 48.4vw; left: 23.4vw; width: 45.5vw; height:44.8vw; background-image:url(../images/2x/banner_role.png) ;background-size: contain;}
.index_banner .light1 { top: 49.2vw; left: -2.3vw; width: 46.1vw; height: 46.3vw; background-image:url(../images/banner_light.png) ;background-size: contain;}
.index_banner .light2 { top: 60.6vw; left: 42.2vw; width: 38.8vw; height: 38.9vw; background-image:url(../images/banner_light.png) ;background-size: contain;}
.index_banner .light3 { top: 41.9vw; left: 54.7vw; width: 41.9vw; height: 42.0vw; background-image:url(../images/banner_light.png) ;background-size: contain;}
.index_banner .item1 { top: 65.0vw; left: 13.4vw; width: 9.4vw; height: 8.6vw; background-image:url(../images/2x/banner_item1.png) ;background-size: contain;}
.index_banner .item2 { top: 75.0vw; left: 48.3vw; width: 15.5vw; height: 15.5vw; background-image:url(../images/2x/banner_item2.png) ;background-size: contain;}
.index_banner .item2_word { top: 72.7vw; left: 57.3vw; width: 9.2vw; height: 11.1vw; background-image:url(../images/2x/banner_item2_word.png) ;background-size: contain;}
.index_banner .item3 { top: 57.0vw; left: 71.4vw; width: 9.1vw; height: 9.5vw; background-image:url(../images/2x/banner_item3.png) ;background-size: contain;}
.index_banner .sound_btn { top: 75vw; left: 68vw; width: 15.625vw; height: 18.125vw; background-image:url(../images/2x/ic_sound.png) ;}




.index_info{width: 93.8vw; height: 32.0vw;margin: 11.7vw 0vw 9.4vw 7.0vw;}
.index_info .item_block{width: 100%;height: 15.6vw;}
.index_info .item{background-color: #A0BF30;border-radius: 7.8vw;font-size: 2.8vw;color: #FFF;font-weight: 500;width: 10.3vw;height: 8.9vw;float: left;text-align: center;line-height: 3.4vw;padding-top: 1.6vw;margin-right: 3.1vw;}
.index_info .date{font-size: 5.3vw;font-weight: bold;line-height: 6.3vw;}
.index_info .date .slash{font-size: 2.8vw;font-weight: bold;}
.index_info .date .holiday{font-size: 2.8vw;font-weight: bold;letter-spacing: 0.2vw;}
.index_info .note{font-size: 2.5vw;font-weight: bold;color: #A0BF30;line-height: 3.1vw;letter-spacing: 0.2vw;}
.index_info .intro{float:left;font-size: 2.8vw;line-height: 4.7vw;margin-top:0vw;letter-spacing: 0.2vw; font-weight: bold;color:#231815;text-align: justify;padding-top:0; }

.index_login_block{width: 80vw;height: 50vw;border-radius: 4.7vw;background-color: #EFEFEF;margin: 0 auto;}
.index_login_block .input_no{font-size: 4vw;font-weight: 500;top:15vw;left: 5vw;letter-spacing: 0.3vw;}
.index_login_block input{border-radius: 1.6vw;width: 50vw;height: 7.0vw;font-size: 4vw;margin-top:0vw;border: none;text-align: center;background-color: #FFF;}
.index_login_block input:focus{outline-color: #CCCCCC;}
.index_login_block .btn_join{top:30vw;left:20vw;width: 40vw;height: 9vw;font-size: 4vw;font-weight: 500;border-radius: 1.6vw;line-height: 8vw;text-align: center;color: #FFF;background-color: #008FC7;}
[data-hint]:after {font-size: 3.1vw;letter-spacing: 0vw;}

.index_award{width: 96.1vw;height: 207.8vw;margin-top: 10.2vw;background-image: url(../images/mobile/index_award_bg.png);background-size: contain;background-position: center;opacity: 1;}
.index_award .title{width: 100%;height:auto;font-size: 4.4vw;font-weight: 500;color: #FFF;text-align: center;line-height: 9.4vw;letter-spacing: 1.3vw;padding-top: 13.3vw;}
.index_award .area{width: 88.3vw;height: auto;margin: 5.0vw auto 0 auto;}
.index_award .icon{background-size: contain;margin: 0 auto;background-repeat: no-repeat;background-position: center;}
.index_award .intro_block{width: 52.3vw;float: right;}
.index_award .name{font-size: 4.4vw;font-weight: 500;line-height: 8.6vw;margin-left: 6.3vw;}

.index_award .block.award1{width: 100%;height: auto;float: left;text-align: center;color: #FFF;}
.index_award .award1 .icon_block{width: 34.4vw;padding-top: 29.2vw;float: left;}
.index_award .award1 .icon{width: 31.3vw;height: 25.0vw;margin-left:3.1vw;background-image: url(../images/index_award_icon1.png);}
.index_award .award1 .sub_name{font-size: 3.4vw;font-weight: 400;margin: 0 auto;line-height: 7.0vw;color:#EAB72A;width: 100%;float:left;}
.index_award .award1 .condition{font-size: 3.4vw;color:#FFFFFF;border-radius: 3.1vw;background-color: #ACCF42;width: 15.6vw;height: 6.3vw;margin-left: 18.8vw;margin-bottom: 0.8vw;float: left;line-height: 6.3vw;}
.index_award .award1 .intro{font-size: 3.1vw;width: 100%;margin-left:0;float:left;text-align: center;height:auto;margin-bottom: 3.9vw;letter-spacing: 0.2vw;}
.index_award .award1 .sub_name.year {margin-top:3.1vw;}
.index_award hr{width:85%;margin-top:8.6vw;}
.index_award .block.award2{width: 100%;height: auto;float: left;text-align: center;color: #FFF;margin-top:10.2vw}
.index_award .award2 .icon_block{width: 34.4vw;padding-top: 1.6vw;float: left;}
.index_award .award2 .icon{width: 23.4vw;height: 22.7vw;margin-left: 8.6vw;background-image: url(../images/index_award_icon2.png);}
.index_award .award2 .name{line-height: 3.1vw;height: 10.9vw;margin-top: 1.6vw;margin-left: 4.7vw;}
.index_award .award2 .name span{font-size: 2.8vw;letter-spacing: 0;line-height: 6.3vw;}
.index_award .award2 .sub_name{font-size: 3.4vw;font-weight: 400;margin: 2.7vw auto 0 auto;line-height: 7.0vw;color:#EAB72A;width: 100%;}
.index_award .award2 .condition{font-size: 3.4vw;color:#FFFFFF;border-radius: 3.9vw;background-color: #ACCF42;width: 37.5vw;height: 7.0vw;margin:0 auto;line-height: 7.0vw;text-align: center;}
.index_award .award2 .intro{font-size: 3.1vw;width: 100%;text-align: center;height:6.3vw;line-height: 6.3vw;margin-bottom: 8.6vw;margin-top: 0.8vw;letter-spacing: 0.1vw;}
.index_footer{width: 100%;height: 31.3vw;font-size: 5.3vw;font-weight: 500;color: #1F2C5C;text-align: center;line-height: 8.6vw;letter-spacing: 0.2vw;margin-top:4.7vw;}




.banner .word1 { top: 12.0vw; left: 39.5vw; width: 19.8vw; height: 6.1vw; background-image:url(../images/2x/banner_word1_.png) ; background-size: contain;}
.banner .word2 { top: 21.3vw; left: 23.9vw; width: 30.9vw; height: 6.1vw; background-image:url(../images/2x/banner_word2.png) ; background-size: contain;}
.banner .word3 { top: 21.3vw; left: 57.2vw; width: 19.4vw; height: 6.3vw; background-image:url(../images/2x/banner_word3.png) ; background-size: contain;}
.banner .word4 { top: 30.6vw; left: 23.4vw; width: 40.9vw; height: 10.0vw; background-image:url(../images/2x/banner_word4.png) ; background-size: contain;}
.banner .word5 { top: 44.2vw; left: 23.6vw; width: 53.0vw; height: 3.8vw; background-image:url(../images/2x/banner_word5.png) ; background-size: contain;}
.banner .cross { top: 30.6vw; left: 65.9vw; width: 10.0vw; height: 10.0vw; background-image:url(../images/2x/banner_cross.png) ; background-size: contain;}
.banner .coin { top: 46.6vw; left: 74.7vw; width: 18.3vw; height: 18.6vw; background-image:url(../images/2x/banner_big_coin.png) ; background-size: contain;}

.mission{height:413.0vw;color: #FFF;background-image: url(../images/mobile/2x/p_bg.png);background-size: cover;background-position: center top;opacity:  1;}
.mission .banner{height: 59.4vw;}
.mission .container{width:93.8vw;}
.mission .total_points{font-size: 4.2vw;font-weight: 500;color:#40600A;text-align: left;float: right;width:77.3vw;margin-right: 7.8vw;border-bottom:2.3vw solid #FFFFFF;line-height: 9.4vw;;}
.mission .total_points span{font-size: 7.3vw;font-weight: 900;}
.mission .personal_info{font-size: 4.2vw;font-weight: 500;margin-top: 3.9vw;margin-left: 8.6vw;width: 86.7vw;height: 16.4vw;line-height: 6.3vw;float:left;}
.mission .card{width: 40.5vw;height: 49.1vw;float: left;margin:9vw 0vw 3vw 3vw;}
.mission .card1{background-image: url(../images/2x/p_card1_hide.png);background-size: cover;background-position: center;}
.mission .card2{background-image: url(../images/2x/p_card2_hide.png);background-size: cover;background-position: center;}
.mission .card3{background-image: url(../images/2x/p_card3_hide.png);background-size: cover;background-position: center;}
.mission .card4{background-image: url(../images/2x/p_card4_hide.png);background-size: cover;background-position: center;}
.mission .card5{background-image: url(../images/2x/p_card5_hide.png);background-size: cover;background-position: center;}
.mission .card6{background-image: url(../images/2x/p_card6_hide.png);background-size: cover;background-position: center;}
.mission .card_plus{width: 57.5vw;height: 99.1vw;background-image: url(../images/2x/p_card_plus.png?v=1);background-size: cover;background-position: center;float: right;margin-right: 18.0vw;margin-top: 9.4vw;}
.mission .card_plus .plus_points{top: 22.7vw;right: 21.9vw;font-size: 10.9vw;font-weight: bold;color: #FFFF6C;text-align: right;}
.mission .hint{width: 78.1vw;color:#000000;text-align: center;float: right;margin-right: 7.0vw;font-size: 3.9vw;font-weight: bold;letter-spacing: 0.2vw;}



.plus{height:253.3vw;color: #FFF;background-image: url(../images/mobile/2x/plus_bg.png);background-size: contain;background-position: center top;opacity:  1;}
.plus .banner{height: 68.0vw;}
.plus .container{width:84.4vw;margin-top: 0;padding-left: 0;text-align: center;}
.plus .card{width: 36.3vw;height: 45.6vw;float: left;margin-left: 3.1vw;margin-right: 2.3vw;margin-bottom: 4.7vw;}
.plus .card1{background-image: url(../images/2x/p_plus1.png);background-size: cover;background-position: center;}
.plus .card2{background-image: url(../images/2x/p_plus2.png);background-size: cover;background-position: center;}
.plus .card3{background-image: url(../images/2x/p_plus3.png);background-size: cover;background-position: center;}
.plus .card3.mobile{margin-left:24.2vw ;margin-bottom: 1.6vw;}
.plus .card4{background-image: url(../images/2x/p_plus4.png);background-size: cover;background-position: center;}
.plus .card5{background-image: url(../images/2x/p_plus5.png);background-size: cover;background-position: center;}
.plus .card .points{top: 32.5vw;right: 13.3vw;font-size: 7.0vw;font-weight: bold;color: #FFFFFF;text-align: right;}
.plus .new_icon{width: 17.3vw;height: 17.2vw;background-image: url(../images/2x/p_plus_new.png);background-size: cover;background-position: center;top: 104.7vw;left: 20.3vw;}
.plus .hint{width: 78.1vw;color:#000000;text-align: center;font-size: 4.7vw;font-weight: bold;letter-spacing: 0.3vw;margin: 0 auto;}
.plus button{width: 33.4vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 700;margin-top:4.7vw; text-align: center; color:#FFFFFF;background-color: #40600A;}




.plus_banner{width:100vw;height: 80.8vw;clip-path: inset(0 0 0 0);background-image: url(../images/mobile/2x/p_plus_banner.png);background-size: contain;background-position: center top;}
.plus_banner .word1 { top: 7.5vw; left: 39.5vw; width: 19.8vw; height: 6.1vw; background-image:url(../images/2x/banner_word1_.png) ; background-size: contain;}
.plus_banner .word2 { top: 16.6vw; left: 23.9vw; width: 30.9vw; height: 6.1vw; background-image:url(../images/2x/banner_word2.png) ; background-size: contain;}
.plus_banner .word3 { top: 16.6vw; left: 57.2vw; width: 19.4vw; height: 6.3vw; background-image:url(../images/2x/banner_word3.png) ; background-size: contain;}
.plus_banner .word4 { top: 26.1vw; left: 23.4vw; width: 40.9vw; height: 10.0vw; background-image:url(../images/2x/banner_word4.png) ; background-size: contain;}
.plus_banner .word5 { top: 39.7vw; left: 23.6vw; width: 53.0vw; height: 3.8vw; background-image:url(../images/2x/banner_word5.png) ; background-size: contain;}
.plus_banner .cross { top: 26.1vw; left: 65.9vw; width: 10.0vw; height: 10.0vw; background-image:url(../images/2x/banner_cross.png) ; background-size: contain;}
.plus_banner .coin { top: 49.5vw; left: 68.4vw; width: 23.4vw; height: 24.1vw; background-image:url(../images/2x/banner_big_coin.png) ; background-size: contain;}


.plus1{color: #000000;opacity: 1;}
.plus1 .plus_banner .role { top: 46.1vw; left: 28.1vw; width: 42.8vw; height: 42.8vw; background-image:url(../images/2x/p_plus1_role.png) ;}
.plus1 .container{width:100vw;margin-top: 9.4vw;min-height: 390.6vw;text-align: center;}
.plus1 .point_block{top:2.3vw;right:8.6vw;width: 20.3vw;height: 7.8vw;letter-spacing: 0;border: 0.3vw solid #FF94A9;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 900;line-height: 7.3vw;color:#FF94A9;text-align: center;   }
.plus1 .point_block span{font-size: 3.1vw;font-weight: 700;}
.plus1 .title{font-size: 6.6vw;font-weight: 900;text-align: center;letter-spacing: 0.8vw;}
.plus1 .subtitle{font-size: 4.4vw;text-align: center;letter-spacing: 0.3vw;}
.plus1 .intro{font-size: 3.4vw;margin-top: 3.9vw;font-weight: 700;line-height: 5.0vw;letter-spacing: 0.2vw; text-align: center;color:#A0BF30;margin-bottom: 8.6vw;}
.plus1 .item_block{width:92.2vw;float: left;margin-left: 5.5vw;text-align: left;}
.plus1 .item_block .item{border-radius: 9.4vw;font-size: 3.9vw;color: #FFF;font-weight: 500;width: 14.7vw;height: 11.9vw;float: left;text-align: center;line-height: 4.1vw;padding-top: 3.1vw;margin-top: 2.0vw;background-color: #A0BF30;}
.plus1 .item_block .detail{font-size: 3.4vw;line-height: 5.6vw;margin-left: 3.1vw;letter-spacing: 0;color:#000000;float:left;font-weight: 700;}
.plus1 .item_block .detail span{font-weight: 900;font-size: 5.5vw;line-height:3.1vw;color: #527000;}
.plus1 .item_block2{margin-top: 7.8vw;}
.plus1 .upload_block{width:85.9vw;margin-top: 32.0vw;}
.plus1 .upload_block .title{font-size: 3.9vw;font-weight: 700;letter-spacing: 0.5vw;}
.plus1 .upload_block .intro{font-size: 3.1vw;font-weight: 700;letter-spacing: 0.2vw;margin-top: 0;margin-bottom: 2.3vw;color:#000000;}
.plus1 .upload_block table{width: 100%;margin-top: 2.0vw;border: 0.2vw solid #000000;border-radius: 3.1vw;border-collapse:separate;border-spacing: 0;}
.plus1 .upload_block table th{font-size: 3.4vw;font-weight: 700;line-height: 3.4vw;border: 0.2vw solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;padding:2.3vw 0;}
.plus1 .upload_block table.pc_table th:first-child{border-top-left-radius: 3.1vw;}
.plus1 .upload_block table.pc_table th:last-child{border-top-right-radius: 3.1vw;}
.plus1 .upload_block table.mobile_table tr:first-child th:first-child{border-top-left-radius: 3.1vw;}
.plus1 .upload_block table.mobile_table tr:first-child td:last-child{border-top-right-radius: 3.1vw;text-align: center;font-size: 5.0vw;}
.plus1 .upload_block table th.answer{width: 9.4vw;height:13.8vw;}
.plus1 .upload_block table th.question{width: 9.4vw;}
.plus1 .upload_block table th.reason{width: 9.4vw;}
.plus1 .upload_block table td{font-size: 3.8vw;line-height: 5.5vw;padding: 2.3vw; border: 0.2vw solid #000000;text-align: left;width: 76.6vw;font-weight: 500;}
.plus1 .upload_block table tr:nth-child(2) td{padding:2.3vw;}
.plus1 .upload_block table tr td:first-child{text-align: center;font-size: 4.4vw;}
.plus1 .upload_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 3.1vw;}
.plus1 .upload_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 3.1vw;}
.plus1 .upload_block table.mobile_table tr:last-child th:first-child{border-bottom-left-radius: 3.1vw;}
.plus1 .upload_block table.mobile_table tr:last-child td:last-child{border-bottom-right-radius: 3.1vw;}
.plus1 .upload_block table input{width:95%;font-size: 3.4vw;height:6.3vw;border-radius: 1.6vw;padding: 0.3vw;margin-top: 1.3vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table #mobile_option1{margin-top: 0;}
.plus1 .upload_block table textarea{font-size: 3.4vw;border-radius: 1.6vw;padding: 0.3vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table #mobile_question{width:95%;height: 31.3vw;}
.plus1 .upload_block table #mobile_reason{width:95%;height: 76.1vw;}
.plus1 .upload_block table select{width:95%;font-size: 3.4vw;height:6.3vw;border-radius: 1.6vw;padding: 0.3vw;margin-top: 1.3vw;border: none;background-color:#EFEFEF;}
.plus1 .upload_block table #mobile_answer{width:20.3vw;height:20.3vw;font-size:4.4vw;line-height: 18.8vw;margin-top: 0vw;font-weight: bolder;text-align: center;}
.plus1 .upload_block .note{font-size: 2.8vw;margin-top: 2.3vw; color:#FF8548;text-align: center;font-weight: 700;}
.plus1 .upload_block button{width: 32.3vw;height:11.6vw;border-radius: 2.3vw;font-size: 4.7vw;font-weight: 700;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus1 .record_block{width:85.9vw;margin-top: 15.6vw;}
.plus1 .record_block .title{font-size: 5.6vw;font-weight: 700;letter-spacing: 0.5vw;}
.plus1 .record_block table{width: 100%;margin-top: 2.0vw;border: 0.2vw solid #000000;border-radius: 3.1vw;margin-bottom: 3.1vw;border-collapse:separate;border-spacing: 0;}
.plus1 .record_block table th{font-size: 3.4vw;font-weight: 700; line-height: 3.4vw;border: 0.2vw solid #000000;background-color: #EFEFEF;color: #000000;text-align: center;padding:2.3vw 0;}
.plus1 .record_block table.pc_table th:first-child{border-top-left-radius: 3.1vw;}
.plus1 .record_block table.pc_table th:last-child{border-top-right-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:first-child th:first-child{border-top-left-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:first-child td:first-child{border-top-left-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:first-child td:last-child{border-top-right-radius: 3.1vw;}
.plus1 .record_block table th{width: 9.4vw}
.plus1 .record_block table td{font-size: 3.8vw;line-height: 5.5vw;padding: 2.3vw; border: 0.2vw solid #000000;text-align: left;;width: 76.6vw;font-weight: 500;}
.plus1 .record_block table tr:first-child td:last-child{text-align: center;font-size: 6.3vw;}
.plus1 .record_block table tr:nth-child(2) td:last-child{text-align: center;font-size: 6.3vw;}
.plus1 .record_block table.pc_table tr:last-child td:first-child{border-bottom-left-radius: 3.1vw;}
.plus1 .record_block table.pc_table tr:last-child td:last-child{border-bottom-right-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:last-child th:first-child{border-bottom-left-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:last-child td:first-child{border-bottom-left-radius: 3.1vw;}
.plus1 .record_block table.mobile_table tr:last-child td:last-child{border-bottom-right-radius: 3.1vw;}
.plus1 .record_block table tr:last-child td:last-child{color:#FF8548;font-weight: 700;font-size: 5.0vw;text-align: center;}
.plus1 .record_block table tr:last-child td:last-child span{font-size: 3.4vw;}
.plus1 .back_btn{width: 46.9vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight:700;margin:15.6vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}
.plus1 .hint{color:#FF8548;font-weight: 700;font-size: 5.0vw;text-align: center;}




.plus2{color: #000000;opacity: 1;}
.plus2 .plus_banner .role { top: 42.2vw; left: 25.5vw; width: 43.8vw; height: 46.3vw; background-image:url(../images/2x/p_plus2_role.png) ;}
.plus2 .container{width:100vw;margin-top: 9.4vw;min-height: 281.3vw;text-align: center;}
.plus2 .point_block{top:2.3vw;right:8.6vw;width: 20.3vw;height: 7.8vw;letter-spacing: 0;border: 0.3vw solid #FF94A9;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 900;line-height: 7.3vw;color:#FF94A9;text-align: center;   }
.plus2 .point_block span{font-size: 3.1vw;font-weight: 700;}
.plus2 .title{font-size: 6.6vw;font-weight: 900;text-align: center;letter-spacing: 0.8vw;}
.plus2 .subtitle{font-size: 4.4vw;text-align: center;letter-spacing: 0.3vw;}
.plus2 .intro{font-size: 3.4vw;margin-top: 5.8vw;font-weight: 700;line-height: 5.0vw;letter-spacing: 0.2vw; text-align: center;color:#A0BF30;margin-bottom: 11.7vw;}
.plus2 .item_block{width:93.8vw;float: left;margin-left: 3.4vw;text-align: left;}
.plus2 .item_block .item{border-radius: 9.4vw;font-size: 5.0vw;color: #FFF;font-weight: 500;width: 19.1vw;height: 15.6vw;float: left;text-align: center;line-height: 5.6vw;padding-top: 3.1vw;margin-top: 1.6vw;background-color: #A0BF30;}
.plus2 .item_block .detail{font-size: 4.7vw;line-height: 8.3vw;margin-left: 3.9vw;margin-top: 2.3vw;letter-spacing: -0.2vw;color:#000000;float:left;font-weight: 500;}
.plus2 .item_block .detail span{font-weight: 900;font-size: 7.8vw;line-height:5.5vw;color: #527000;}
.plus2 .block{margin-top: 12.5vw;}
.plus2 .block .title{font-size: 5.3vw;font-weight: 700;letter-spacing: 0.3vw;}
.plus2 .block .intro{font-size: 3.4vw;margin-top: 1.3vw;letter-spacing: 0.2vw;margin-bottom: 4.7vw;color:#000000;}
.plus2 .block .intro span{color:#E01717;}
.plus2 .block .note{font-size: 2.8vw;margin-top: 1.6vw; color:#FF8548;text-align: center;}
.plus2 .input_area{width: 85.2vw;height: 40.6vw;background-color: #EFEFEF;border-radius: 3.1vw;text-align: center;}
.plus2 .input_area .item{font-size: 3.4vw;padding-top: 6.6vw;margin-bottom:3.4vw;line-height: 11.7vw;width: 100%;}
.plus2 .input_area input{font-size: 5.5vw;width: 37.5vw;height: 7.8vw;margin-left: 3.9vw;margin-top: 1.9vw; border-radius: 2.3vw;text-align: center; border:none; background-color: #FFFFFF;}
.plus2 .input_area button{width: 27.3vw;height:9.7vw;border-radius: 2.3vw;font-size: 3.8vw;text-align: center; color:#FFFFFF;background-color: #40600A;}
.plus2 .info_block .info{width: 91.4vw; margin-top: 1.6vw;}
.plus2 table{width: 100%;margin-top: 2.0vw;border: 0.2vw solid #000000;border-radius: 2.5vw;border-collapse:separate;border-spacing: 0;}
.plus2 table th{font-size: 3.4vw;line-height: 8.6vw;border: 0.2vw solid #000000;background-color: #A0BF30;color: #FFFFFF;text-align: center;}
.plus2 table th:first-child{border-top-left-radius: 2.3vw;}
.plus2 table th:last-child{border-top-right-radius: 2.3vw;}
.plus2 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 5.0vw;}
.plus2 table tr td:last-child span{font-size: 3.4vw;}
.plus2 table tr td.hint{font-size: 3.0vw;}
.plus2 table td{font-size: 4.1vw;line-height: 11.7vw;border: 0.2vw solid #000000;text-align: center;}
.plus2 table tr:last-child td:first-child{border-bottom-left-radius: 2.3vw;}
.plus2 table tr:last-child td:last-child{border-bottom-right-radius: 2.3vw;}
.plus2 .back_btn{width: 46.9vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight:700;margin:15.6vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}

.plus3{color: #000000;opacity:  1;}
.plus3 .plus_banner .role { top: 39.7vw; left: 23.4vw; width: 48.4vw; height: 48.4vw; background-image:url(../images/2x/p_plus3_role.png) ;}
.plus3 .container{width:100vw;margin-top: 9.4vw;min-height: 156.3vw;text-align: center;}
.plus3 .point_block{top:2.3vw;right:8.6vw;width: 20.3vw;height: 7.8vw;letter-spacing: 0;border: 0.3vw solid #FF94A9;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 900;line-height: 7.3vw;color:#FF94A9;text-align: center;   }
.plus3 .point_block span{font-size: 3.1vw;font-weight: 700;}
.plus3 .title{font-size: 6.6vw;font-weight: 900;text-align: center;letter-spacing: 0.8vw;}
.plus3 .subtitle{font-size: 4.4vw;text-align: center;letter-spacing: 0.3vw;}
.plus3 .intro{font-size: 3.4vw;margin-top: 4.7vw;font-weight: 700;line-height: 5.0vw;letter-spacing: 0.2vw; text-align: center;color:#A0BF30;margin-bottom: 11.7vw;}
.plus3 .item_block{width:92.2vw;float: left;margin-left: 5.5vw;text-align: left;}
.plus3 .item_block .item{border-radius: 9.4vw;font-size: 3.9vw;color: #FFF;font-weight: 500;width: 14.7vw;height: 11.9vw;float: left;text-align: center;line-height: 4.1vw;padding-top: 3.1vw;margin-top: 2.0vw;background-color: #A0BF30;}
.plus3 .item_block .detail{margin-top: 0.8vw;font-size: 3.4vw;line-height: 5.6vw;margin-left: 3.1vw;letter-spacing: 0;color:#000000;float:left;font-weight: 700;}
.plus3 .item_block1 .detail span{font-weight: 900;font-size: 5.5vw;line-height:3.1vw;color: #527000;}
.plus3 .item_block2{margin-top: 7.8vw;}
.plus3 .item_block2 .detail{margin-top: 0.8vw;letter-spacing: 0.2vw;}
.plus3 .item_block2 .detail span{display: inline-block;margin-left: 14.1vw;}
.plus3 .item_block3{margin-top: 7.8vw;}
.plus3 .item_block3 .detail{margin-top: 0.8vw;letter-spacing: 0.2vw;}
.plus3 .item_block3 .detail span{color: #878787;}
.plus3 .item_block3 a,.plus3 .item_block3 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .item_block4{margin-top: 7.8vw;}
.plus3 .item_block4 .detail{margin-top: 0;letter-spacing: 0.2vw;}
.plus3 .item_block4 a,.plus3 .item_block4 a:visited{color: #0082BC;text-decoration: underline;}
.plus3 .back_btn{width: 46.9vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight:700;margin:15.6vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}

.plus4{color: #000000;opacity:  1;}
.plus4 .plus_banner .role { top: 32.7vw; left: 18.8vw; width: 63.4vw; height: 63.4vw; background-image:url(../images/2x/p_plus4_role.png) ;}
.plus4 .container{width:100vw;margin-top: 9.4vw;min-height: 156.3vw;text-align: center;}
.plus4 .point_block{top:2.3vw;right:8.6vw;width: 20.3vw;height: 7.8vw;letter-spacing: 0;border: 0.3vw solid #FF94A9;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 900;line-height: 7.3vw;color:#FF94A9;text-align: center;   }
.plus4 .point_block span{font-size: 3.1vw;font-weight: 700;}
.plus4 .title{font-size: 6.6vw;font-weight: 900;text-align: center;letter-spacing: 0.8vw;}
.plus4 .subtitle{font-size: 4.4vw;text-align: center;letter-spacing: 0.3vw;}
.plus4 .intro{font-size: 3.4vw;margin-top: 4.7vw;font-weight: 700;line-height: 5.0vw;letter-spacing: 0.2vw; text-align: center;color:#A0BF30;margin-bottom: 11.7vw;}
.plus4 .item_block{width:92.2vw;float: left;margin-left: 5.5vw;text-align: left;}
.plus4 .item_block .item{border-radius: 9.4vw;font-size: 3.9vw;color: #FFF;font-weight: 500;width: 14.7vw;height: 11.9vw;float: left;text-align: center;line-height: 4.1vw;padding-top: 3.1vw;margin-top: 2.0vw;background-color: #A0BF30;}
.plus4 .item_block .detail{margin-top: 0.8vw;font-size: 3.4vw;line-height: 5.6vw;margin-left: 3.1vw;letter-spacing: 0;color:#000000;float:left;font-weight: 700;}
.plus4 .item_block .detail span{font-weight: 900;font-size: 5.5vw;line-height:3.1vw;color: #527000;}
.plus4 .item_block2{margin-top: 11.3vw;}
.plus4 .item_block2 .detail{margin-top: 1.6vw;letter-spacing: 0.2vw;}
.plus4 .item_block2 .detail table {width: 73.4vw;margin-top: 1.6vw;border: 0.2vw solid #000000;border-radius: 3.3vw;font-size: 3.4vw;border-collapse:separate;border-spacing: 0;}
.plus4 .item_block2 .detail table th{background-color: #FF8548;color: #FFFFFF;text-align: center;line-height: 8.6vw;border: 0.2vw solid #000000;}
.plus4 .item_block2 .detail table th:first-child{border-top-left-radius: 3.1vw;}
.plus4 .item_block2 .detail table th:last-child{border-top-right-radius: 3.1vw;}
.plus4 .item_block2 .detail table td{text-align: center;line-height: 16.4vw;border: 0.2vw solid #000000;font-size: 7.8vw;font-weight: 900;color: #527000;}
.plus4 .item_block2 .detail table td span{font-size: 5.5vw;}
.plus4 .item_block2 .detail table tr:last-child td:first-child{border-bottom-left-radius: 3.1vw;}
.plus4 .item_block2 .detail table tr:last-child td:last-child{border-bottom-right-radius: 3.1vw;}
.plus4 .list_block{margin-top: 12.5vw;width: 90.6vw;}
.plus4 .list_block .title{font-size:5.6vw;margin-left: 0;letter-spacing: 0.2vw;margin-bottom: 3.9vw;}
.plus4 .list_block .content{padding-top: 4.7vw;width: 90.6vw;background-color: #EFEFEF;border-radius: 4.7vw;min-height: 98.4vw;}
.plus4 .progress_block{width: 84.4vw;height: 17.2vw;}
.plus4 .progress_block .item{width: 31.3vw;font-size: 4.1vw;margin-top:2.8vw;letter-spacing: 0.2vw;font-weight: 500;color: #262626;float: left;}
.plus4 .progress_block .value{width:31.3vw;font-size:7.0vw;font-weight: 900;color: #FF8548;float: right;text-align: right;}
.plus4 .progress_block .value span{font-size: 5.5vw;}
.plus4 .progress_block .progress_white{width: 100%;height: 0.7vw;margin-top:0.1vw;background-color: #FFFFFF;}
.plus4 .progress_block .progress_white .progress_fill{width:90%;height: 100%;background-color: #FF8548;}
.plus4 .dep_block{width: 84.4vw;padding-top: 6.6vw;}
.plus4 .dep_block .name{font-size: 4.2vw;font-weight: 500;color: #262626;text-align: left;}
.plus4 .dep_block .btn{top:3.1vw;right:0vw;width: 8.6vw;height: 8.8vw;background-image: url(../images/ic_open.png);background-size: cover;}
.plus4 .dep_block .list{width: 87.5vw;margin-top: 3.1vw;}
.plus4 .dep_block .list .member{width:17.2vw;height:7.8vw;padding-top:13.3vw;font-size:3.1vw;background-size: 12.3vw 12.0vw;background-position: 0.8vw 0.8vw;background-repeat: no-repeat;float: left;text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plus4 .dep_block .list .member.done{background-image: url(../images/2x/ic_done.png);}
.plus4 .dep_block .list .member.undone{background-image: url(../images/2x/ic_undone.png);}
.plus4 .note{width: 90.6vw;font-size: 3.4vw;line-height: 6.3vw;margin-top: 5.9vw;margin-left: 4.7vw;text-align: left;color:#000000;font-weight: 500;}
.plus4 .note span{font-weight: 700;color: #FF8548;}
.plus4 .back_btn{width: 46.9vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight:700;margin:15.6vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}

.plus5{color: #000000;opacity:  1;}
.plus5 .plus_banner .role { top: 43.0vw; left: 26.4vw; width: 43.9vw; height: 43.9vw; background-image:url(../images/2x/p_plus5_role.png) ;}
.plus5 .container{width:100vw;margin-top: 9.4vw;min-height: 156.3vw;text-align: center;}
.plus5 .point_block{top:2.3vw;right:8.6vw;width: 20.3vw;height: 7.8vw;letter-spacing: 0;border: 0.3vw solid #FF94A9;border-radius: 2.3vw;font-size: 5.0vw;font-weight: 900;line-height: 7.3vw;color:#FF94A9;text-align: center;   }
.plus5 .point_block span{font-size: 3.1vw;font-weight: 700;}
.plus5 .title{font-size: 6.6vw;font-weight: 900;text-align: center;letter-spacing: 0.8vw;}
.plus5 .subtitle{font-size: 4.4vw;text-align: center;letter-spacing: 0.3vw;}
.plus5 .intro{font-size: 3.4vw;margin-top: 2.3vw;font-weight: 700;line-height: 5.0vw;letter-spacing: 0.2vw; text-align: center;color:#A0BF30;margin-bottom: 11.7vw;}
.plus5 .item_block{width:92.2vw;float: left;margin-left: 5.5vw;text-align: left;}
.plus5 .item_block .item{border-radius: 9.4vw;font-size: 3.9vw;color: #FFF;font-weight: 500;width: 14.7vw;height: 11.9vw;float: left;text-align: center;line-height: 4.1vw;padding-top: 3.1vw;margin-top: 2.0vw;background-color: #A0BF30;}
.plus5 .item_block .detail{margin-top: 0.8vw;font-size: 3.4vw;line-height: 5.6vw;margin-left: 3.1vw;letter-spacing: 0;color:#000000;float:left;font-weight: 700;}
.plus5 .item_block .detail span{font-weight: 900;font-size: 5.5vw;line-height:3.1vw;color: #527000;}
.plus5 .item_block2{margin-top: 7.8vw;}
.plus5 .item_block2 a,.plus5 .item_block2 a:visited{color: #0082BC;text-decoration: underline;font-size: 3.1vw;}
.plus5 button{width: 61.9vw;height: 10.8vw;color:#FFFFFF;background-color: #40600A;border-radius: 1.6vw;font-size: 4.7vw;font-weight: 700;margin-top: 1.6vw;}
.plus5 .list_block{margin-top: 15.6vw;width: 90.6vw;}
.plus5 .list_block .note{font-size:4.4vw;margin-left: 0.8vw;letter-spacing: 0.2vw;}
.plus5 table{width: 100%;margin-top: 2.0vw;border: 0.2vw solid #000000;border-radius: 2.5vw;font-size: 3.1vw;border-collapse:separate;border-spacing: 0;}
.plus5 table th{background-color: #A0BF30;color: #FFFFFF;text-align: center;line-height: 7.8vw;border: 0.2vw solid #000000;}

.plus5 table th:first-child{border-top-left-radius: 2.3vw;width: 14%;}
.plus5 table th:nth-child(2){width: 62%;}
.plus5 table th:last-child{border-top-right-radius: 2.3vw;width: 24%;}
.plus5 table tr td:last-child{color:#FF8548;font-weight: 700;font-size: 5.0vw;}
.plus5 table tr td:last-child span{font-size: 3.4vw;}
.plus5 table td{text-align: center;line-height: 9.4vw;border: 0.2vw solid #000000;font-size: 3.8vw;}
.plus5 table tr:last-child td:first-child{border-bottom-left-radius: 2.3vw;}
.plus5 table tr:last-child td:last-child{border-bottom-right-radius: 2.3vw;}
.plus5 .back_btn{width: 46.9vw;height:11.9vw;border-radius: 2.3vw;font-size: 5.0vw;font-weight:700;margin:15.6vw auto; text-align: center; color:#FFFFFF;background-color: #A0BF30;}




.rules{background-color: #AAC939;color:#FFF;margin-top:0;opacity: 1;}
.rules .pc{display: initial;}
.rules .table{width: 84.4vw;height: auto;margin:0 0 0 10.2vw;padding-top: 8.6vw;color:#FFF;}
.rules .table1 .title{font-size: 4.7vw;font-weight: bold;padding-left: 12.2vw;color:#527000;letter-spacing: 0.3vw;height:10.2vw;}
.rules .table1 .unit{font-size: 3.6vw;color: #527000;font-weight: 500;margin-top: 0vw;height:8.6vw;}
.rules .table1 .unit div{float: left;}
.rules .table1 .unit .label{background-color: #527000;color: #FFFFFF;width: 10.2vw;height: 4.7vw; display: inline-grid;line-height: 4.7vw;margin-left: 0.8vw;text-align: center;}
.rules .table1 .unit .label3{width: 13.8vw;}
.rules .table1 .unit .big{font-size: 6.3vw;font-weight: bold;line-height: 3.8vw;margin-left: 2.0vw;}
.rules .table1 .unit .big2{margin-left: 0.1vw;}
.rules .table1 .unit .unit-text{font-size: 3.4vw;font-weight: bold;margin-left: 0;margin-right: 4.7vw;}
.rules .table1 .unit .unit-text3{margin: 0;}
.rules .table1 .list{width: 81.3vw;font-size: 5.2vw;font-weight: 500;float: left;line-height: 9.4vw;}
.rules .table1 .table_title{font-weight: 500;color: #527000;text-align: center;line-height: 8.6vw;}
.rules .table1 .head{width: 100%;height:9.4vw;border-bottom: 0.3vw solid #FFF;border-top: 0.3vw solid #FFF;}
.rules .table1 .head .secs{float:left;width: 42.2vw;text-align: center;}
.rules .table1 .head .points{float:left;width: 33.6vw;text-align: center;margin-left: 5.3vw;}
.rules .table1 .row{width: 100%;height:9.4vw;border-bottom: 0.2vw solid #FFF;}
.rules .table1 .row .secs{float:left;width: 42.2vw;text-align: center;letter-spacing: 0.3vw;}
.rules .table1 .row .points{float:left;width: 33.6vw;text-align: center;margin-left: 5.3vw;}
.rules .table1 .foot{width: 76.6vw;height:17.2vw;border-bottom: 0.3vw solid #FFF;color: #527000;line-height: 7.0vw;margin-top: 1.6vw;padding-left: 4.7vw;letter-spacing: 0.2vw;}

.rules .table1 .note{float:right;width:78.1vw;font-size:2.8vw;text-align: right;color:#FFF100;}
.rules .table1 .explain{width: 81.3vw;float: left;font-size: 3.9vw;margin-top: 2.0vw;line-height: 5.5vw;letter-spacing: 0.5vw;}
.rules .table1 .sub_title{width: 79.7vw;height: 7.0vw;text-align: center;line-height: 7.0vw;border: 0.3vw solid #527000;color:#527000;font-size: 3.8vw;font-weight: 500;}
.rules .table1 .sub_title1{margin-top: 12.5vw;margin-bottom: 2.3vw;}
.rules .table1 .sub_title2{margin-top: 7.8vw;margin-bottom: 1.9vw;}
.rules .table1 .sub_title3{margin-top: 10.2vw;margin-bottom: 3.1vw;}
.rules .table1 .cont{margin-top: 3.1vw;margin-left: 5vw;}
.rules .table1 .cont span{font-size: 3.9vw;font-weight: 500;color:#527000;letter-spacing: 0.3vw;}
.rules .table1 .hr{width: 50.2vw;height: 0.2vw;border-top: 0.2vw solid #FFF;margin: 2.8vw 0 1.6vw 0;}
.rules .table1 .point{font-size: 4.7vw;font-weight: 500;text-align: left;line-height: 6.3vw;letter-spacing: 0.8vw;margin-left:8.4vw;width: 41.4vw;float: left;}
.rules .table1 .point span{font-size: 7.8vw;}
.rules .table1 .point_plus{height:7.8vw;padding-left:5.5vw;margin-top: 0; margin-left: 0;font-size: 4.7vw;font-weight: 500;text-align: left;background-image: url(../images/rule_plus_icon.png);background-size: 3.9vw 3.9vw;background-repeat: no-repeat;background-position: left center;width:18.0vw;line-height:7.8vw;float:left;}
.rules .table1 .detail{font-weight: 500;text-align: center;line-height: 4.7vw;}
.rules .table1 .plus_icon{left:-15.6vw;top:85.9vw;width:17.7vw;height:7.0vw;background-image: url(../images/rules_plus.png)}

.rules .table2{margin-top:7.0vw;margin-bottom:34.4vw;margin-left: 6.7vw;width:84.4vw;text-align: center;font-weight: 500;line-height: 6.3vw; color: #527000;}
.rules .table2 .title{font-size: 7.0vw;line-height: 13.3vw;letter-spacing: 0;}
.rules .table2 .cont{font-size: 4.1vw;color: #FFFFFF;letter-spacing: 0.2vw;}
.rules .table2 .cont1{margin-top: 0;margin-bottom:0}
.rules .table2 .cont2{margin-top: 0.8vw;margin-bottom:13.3vw}
.rules .table2 .cont3{margin-top: 1.6vw;margin-bottom:2.3vw}
.rules .table2 .note{font-size:3.4vw;color:#527000;line-height: 7.0vw;letter-spacing: 0.2vw;}
.rules .table2 .sub_title{width: 60.2vw;height: 6.7vw;text-align: center;line-height: 6.3vw;border: 0.3vw solid #527000;font-size: 3.4vw;margin: 3.4vw auto 0 auto;}




.rank_banner{width:100vw;height: 81.3vw;clip-path: inset(0 0 0 0);}
.rank_banner .word1 { top: 18.6vw; left: 40.3vw; width: 19.8vw; height: 6.1vw; background-image:url(../images/2x/banner_word1_.png) ; background-size: contain;}
.rank_banner .word2 { top: 27.8vw; left: 24.4vw; width: 30.9vw; height: 6.1vw; background-image:url(../images/2x/banner_word2.png) ; background-size: contain;}
.rank_banner .word3 { top: 27.8vw; left: 57.7vw; width: 19.4vw; height: 6.3vw; background-image:url(../images/2x/banner_word3.png) ; background-size: contain;}
.rank_banner .word4 { top: 37.3vw; left: 23.4vw; width: 40.9vw; height: 10.0vw; background-image:url(../images/2x/banner_word4.png) ; background-size: contain;}
.rank_banner .word5 { top: 50.9vw; left: 23.4vw; width: 53.0vw; height: 3.8vw; background-image:url(../images/2x/banner_word5.png) ; background-size: contain;}
.rank_banner .cross { top: 37.3vw; left: 65.5vw; width: 10.0vw; height: 10.0vw; background-image:url(../images/2x/banner_cross.png) ; background-size: contain;}
.rank_banner .coin { top: 58.4vw; left: 70.5vw; width: 23.4vw; height: 24.1vw; background-image:url(../images/2x/banner_big_coin.png) ; background-size: contain;}


.rank{color: #000000;opacity:1;}
.rank .content{width: 92.2vw;min-height: 125.0vw;border-radius: 4.7vw;margin-top:10.9vw; background-color: rgba(128, 163, 43, 0.6);}
.rank .content .title{width:87%;font-size: 7.5vw;padding-top: 3.9vw;line-height: 14.1vw;border-bottom:0.3vw solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.rank .content .subtitle{font-size: 5.5vw;padding-top: 4.7vw;color: #FFFFFF;text-align: center;}
.rank .role { position:absolute;bottom: auto;top:65.6vw;left: -3.3vw;width: 54.2vw; height: 54.2vw; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;;}



.award{color: #000000;opacity:1;}
.award .content{width: 92.2vw;min-height: 125.0vw;border-radius: 4.7vw;margin-top:10.9vw; background-color: rgba(128, 163, 43, 0.6);}
.award .content .title{width:87%;font-size: 7.5vw;padding-top: 3.9vw;line-height: 14.1vw;border-bottom:0.3vw solid #FFFFFF;font-weight: 700;color: #FFFFFF;text-align: center;}
.award .content .subtitle{font-size: 5.5vw;padding-top: 4.7vw;color: #FFFFFF;text-align: center;}
.award .role { position:absolute;bottom: auto;top:65.6vw;left: -3.3vw;width: 54.2vw; height: 54.2vw; background-image:url(../images/2x/p_plus4_role.png) ;background-size: contain;;}




.team_plus .list_block{margin-top: 12.5vw;width: 90.63vw;}
.team_plus .list_block .title{font-size:5.63vw;margin-left: 0;letter-spacing: 0.16vw;margin-bottom: 3.91vw;}
.team_plus .list_block .content{padding-top: 4.69vw;padding-bottom:7.81vw;width: 90.63vw;background-color: #EFEFEF;border-radius: 4.69vw;min-height: 98.44vw;}
.team_plus .dep_block{width: 84.38vw;padding-top: 6.56vw;}
.team_plus .dep_block .dep_name{font-size: 4.22vw;font-weight: 500;color: #262626;text-align: left;border-bottom: 0.35vw solid #A0BF30;line-height: 7.81vw;}
.team_plus .dep_block .btn{top:4.69vw;right:0px;width: 8.59vw;height: 8.75vw;background-image: url(../images/ic_open.png);background-size: cover;}
.team_plus .dep_block .list{width: 87.5vw;margin-top: 3.13vw;display: none;}
.team_plus .dep_block .list .list_item{float:left;width: 15.63vw;font-size: 3.13vw;line-height: 7.81vw;margin: 1.56vw 0.63vw 0 0.63vw;}
.team_plus .dep_block .list .list_item .name{float: left;width: 15.63vw;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.team_plus .dep_block .list .list_item .points{float: right;width: 15vw;border: 0.31vw solid #EAB72A;border-radius: 0.78vw;font-size: 4.22vw;font-weight: 900;line-height: 3.91vw;color:#EAB72A;text-align: center;}
.team_plus .dep_block .list .list_item .points span{font-size: 3.13vw;font-weight: 700;}




.pc{display: none !important;} 
.mobile{display: block !important;}
.pc_table{display: none !important;}
.mobile_table{display: table !important;}
.pc_grid{display: none !important;}
.mobile_grid{display: inline-grid !important;;}

}