@charset "utf-8";
/* CSS Document */

/*基本*/
html, body{ margin:0; padding:0; }
	@media screen and (max-width:767px){
	}

/*隱藏共用*/
.cantantBase ul { display: none; }	 

/*調Logo*/
.momologo a svg { height: 22px; }

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; min-height:100%; text-align:left; font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; min-width: inherit; min-height:100vh; overflow:hidden; }
		.WRAPPER img { width:100%;  height:auto;}
	}


/*共用背景*/
.Area_bgtop_0_0 { z-index:-50; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(bgtop_00.png?t=1751532563731); background-position:center 0px; background-repeat:repeat-y; transition:0.2s linear;}
.Area_bgtop_0_1 { z-index:-50; position:absolute; top:calc(100% - 212px); left:0; width:100%; height:100%; background-image:url(bgtop_01_03.png?t=1751532563731); background-position:center 0px; background-repeat:no-repeat;}
	@media screen and (max-width:767px){
		.Area_bgtop_0_1 { background-size: 200%; top:calc(100% - 146px); }
	}



/*PC背景*/
.Area_bgtop_1 { z-index:-40; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:2000px; height: 100%; pointer-events: none;}
.Area_bgtop_1 .bgtop_1_  { position:absolute; top:0; left:0; width:100%; height:830px; background-repeat: no-repeat; }
.Area_bgtop_1 .bgtop_1_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top;}
	@media screen and (min-width:768px){ 
		.Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.png?t=1751532563731); background-repeat: no-repeat;}
		.Area_bgtop_bgrepeat { z-index: -50; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(bg_repeat.png?t=1751532563731); background-size: 65px; background-repeat: repeat; background-position: center top; opacity: .25; }
	}


/*Phone背景*/
.m_Area_bgtop_1 { z-index:-40; position: absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding-bottom:100%;width:100%; height:100%;  pointer-events: none;}
.m_Area_bgtop_1 .m_bgtop_1_  {position:absolute;top:0;left:0;width:100%;height: 137vw;}
.m_Area_bgtop_1 .m_bgtop_1_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top; background-size:100%;}
	@media screen and (max-width:767px){
		.m_Area_bgtop_1 .m_bgtop_1_  { top:-6vw; }
		.m_Area_bgtop_bgrepeat { /*z-index: -50;*/ position: absolute; top: 0vw; left: 0; width: 100%; height: calc(100% - 150vw); background-image: url(bg_repeat.png?t=1751532563731); background-repeat:repeat; background-position: center top; background-size: 8vw; opacity: .25; }
		.m_Area_bgtop_1 .m_bgtop_1_1 span { background-image: url(mbgtop_1_1.png?t=1751532563731);background-repeat: no-repeat;}
				.bgbottom{ }
}		


/*版頭*/
.Area_top {height:825px;}
.Area_top > .box { position:relative;}
	@media screen and (max-width:767px){
		.Area_top { height: 97vw;  min-height: 97vw; }
		.Area_top > .box { position: relative; top:0; left:0; }
		.Area_logo{ }
}
		

/*版頭主標*/
.Area_topmain {position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.Area_topmain > .box {position:relative;}
.Area_topmain .btn_more {position:absolute;top: 70px;right:20px;z-index: 50;}
.Area_topmain .top_txt {position:absolute;top:109px;right: 258px;width: 16.5%;z-index: 50;}
.Area_topmain .box_title { z-index: 0; position: relative; padding-top: 118px; }
.Area_topmain .box_title2 { z-index: 1; position: absolute; top: 0px; left: 0px; }
.Area_topmain .box_deco {z-index: -1;position: absolute;top: 0;transform: translateX(-50%);left: 50%;}
.Area_topmain .btn_more img,.Area_topmain .top_txt img{ width: 100%; }
@media screen and (max-width:767px){
.Area_topmain {width:100%;height:100vw;overflow:hidden;}
.Area_topmain .btn_more {position:absolute;top: 3vw;right: 2vw;width: 14%;}
.Area_topmain .box_title {margin: 0 auto;padding: 9vw 4vw 0 0;width: 90%;}
.Area_topmain .box_title2 {top: 1vw;left: 3vw;width: 95%;}
.Area_topmain .box_deco {z-index: 10;top: 17vw;left: 52vw;width: 92%;}
.Area_topmain .top_txt { top: 12vw;right: 10vw;width: 25%;}
.Area_topmain > .box { }
}


@-webkit-keyframes fadeInRight {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(20px);
	  transform: translateX(20px);
	}
  
	100% {
	  opacity: 1;
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  }
  
  @keyframes fadeInRight {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(20px);
	  -ms-transform: translateX(20px);
	  transform: translateX(20px);
	}
  
	100% {
	  opacity: 1;
	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
  }
  
  .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
  }
  


/*總投票數*/
.all_vote{position: relative;margin: 0 0 0 153px;padding:0;z-index: 99;color:#592ff5;font:600 85px/100px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/* padding: 0 0 8vw; */}
		@media screen and (max-width:767px){
			.all_vote{width:96%;margin: 3vw 0 0 9vw;font-size: 11vw;}	
		}




/*獎項說明區*/

.Area_content1 { margin: 55px 0;margin-bottom: 80px; }
.Area_content1 h1{ margin: 0; position: relative; text-align: left; background-color: #20447e; width: 22%; color: #fff;padding: 0 1% 0 ;}
.Area_content1 h1::after{ content: "";  position: absolute; top: 0;left:100%; border-color:transparent transparent transparent #20447e;border-style: solid; border-width: 21px;}
.Area_content1 p {font:600 1.5em/1.8em "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color:#565656; text-align:left; padding: 0 4% 0 4%;  margin-top: 2%;}
.Area_content1 .text {font:400 1.2em/1.8em "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color:#8c8c8c; text-align:left; padding: 0 0% 0 0%;}
.Area_content1 ul,
.Area_content1 > ol { margin:0; margin-top:2%; padding:0 6%;}
.Area_content1  li { padding:0 0 0.5rem; text-align: left; font-size: 1.5em; font-weight: 500; color: #565656;line-height:1.9em}
.Area_content1  li span{ color:#20447e;}
.Area_content1 .btn_record {margin: 2% auto;padding: 0;display: block;width: 230px;color: #fff;font: bold 32px/52px '微軟正黑體';font-weight: 800;box-sizing: border-box;background-color: #20447e;text-align: center; border-radius: 12px;}
.Area_content1 .btn_record i {width: 0;height: 0;border: 10px solid #fff;border-color: transparent transparent #fff;transform: rotate(90deg);display: inline-block;margin-left: 5px;}
.Area_content1 .gift{ float:right;margin:-333px 170px 0 0 }
.Area_content1 .a_in_p { display: inline; color: #20447e;}

.Area_group .title {position: relative; margin: 5% auto 1%; width: 60%;  }
.Area_group .title img{ width: 100%; height: auto; }

.Area_group .box01 { }
.Area_group .box01 ul { display: flex; justify-content: center; padding: 0; grid-gap: 15px; }
.Area_group .box01 li { list-style: none; max-width: 30%; }
.Area_group .box01 li img { width: 100%; height: auto; }
.Area_group .btn_more {position:absolute;top: 60px;right:90px;z-index: 50; width: 11%; }
.Area_group .btn_more img { width: 100%; }	

.Area_content1 .pic {  }
.Area_content1 .small_title {width: 240px; padding-right: 100%;padding-left: 50px}
.Area_content1 .small_title img{ width: 100%; }
.Area_content_txt {display: flex;justify-content: center;}	
.Area_content_txt p{font-size: 19px;}	
@media screen and (max-width:767px ){
	.Area_content1 .small_title { width: 27vw;}
	.Area_content1 .award_01, .Area_content1 .award_02 {width: 90%;}          
	.Area_content1 { margin: 2vw 0 10vw 0;}
	.Area_content1 h1{ width: 54%; font-size: 7.5vw;vertical-align: middle;}
	.Area_content1 h1::after{content:"";    border-width:4.8vw;vertical-align: middle;}
	.Area_content1 p{font: 500 4vw/7.5vw "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;margin-top: 3%; margin-bottom: 1%}
	.Area_content1 > ol { margin:0; margin-top:3%; padding:0 10%;}
	.Area_content1  li{ font-size: 4vw;text-indent:0rem;}
	.Area_content1 .gift{ float:right;margin:-41vw -27vw 0 0 }
	.Area_content1 .gift img{width:40%}
	.Area_content1 .small_title{ padding-left: 4vw; }
	
	.Area_group .title { width: 80%;  }
	.Area_content1 .pic { width: 94%; margin: 0 auto; }
	.Area_group .btn_more {position:absolute;top: 14vw;right: 2vw;width: 14.5vw;}

	.Area_group .box01 { padding-top: 4vw; }
	.Area_group .box01 ul { margin: 0 auto 2vw; grid-gap: 1.5vw; }
	.Area_group .box01 li { max-width: 31%; }

	}
		
		

/*表格(用登記的修改)*/
.Area_sheet .title {position: relative; margin: 5% auto 1%; width: 60%;  }
.Area_sheet .title img{ width: 100%; height: auto; }

.Area_sheet li { padding: 0;}
.Area_sheet .agreeArea {padding: 3% 0 0; margin: 0 auto 0; transform: none;max-width: 1140px;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(2) { flex-grow:0; }
.Area_sheet .agreeArea .itembox .itembox_box { width: calc(100%); }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p {text-align: center;display: flex;justify-content: center;align-items: center;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p:nth-child(1) { width: 10%; }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p:nth-child(2) { width: 20%; }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p:nth-child(3) { width: 55%; }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p:nth-child(4) { width: 15%; }
.Area_sheet .agreeArea .itemwrap-gift-info .itembox_box .PD_wrapper {border: 1px solid #1d1d1e;gap: 0;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide .row-info p {border: 1px solid #1d1d1e;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide:nth-of-type(odd) {background-color: #eef8ff;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide:nth-of-type(even) { background-color: #fff; }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide:nth-of-type(1) { font-weight: bold; color: #20447e; background-color: #a8dbff; }
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide:nth-of-type(1) {font-weight: bold;color: #1e1e1f;background-color: #beb4ff;}
.Area_sheet .agreeArea .txtArea { height: auto; }
.agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(1) { font-weight: bold; }
.Area_sheet.Area_content1 p {color: #1d1d1e;}
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide:nth-of-type(2) { background-color: #fef7d8;}

@media screen and (max-width:767px ){
.Area_sheet { margin: 0; }   
.Area_sheet .title { width: 80%;  }

.Area_sheet .agreeArea .itembox.itemwrap .itembox_box { padding: 0; }   
.Area_sheet .agreeArea .itemwrap-gift-info .PD_slide p:nth-child(3) {width: 32%;font-size: 0.9em;}	
}





/*注意事項區*/
		
		.Area_content2 { margin: 55px 0; }
		.Area_content2 h1{ margin: 0; position: relative; text-align: left; background-color: #20447e; width: 22%; color: #fff;padding: 0 1% 0 ;}
		.Area_content2 h1::after{ content: "";  position: absolute; top: 0;left:100%; border-color:transparent transparent transparent #20447e;border-style: solid; border-width: 21px;}
		.Area_content2 p {font:500 1.3em/1.8em "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color:#565656; text-align:left; padding: 0 4% 0 4%;  margin-top: 2%;}
		.Area_content2 .text {font:400 1.2em/1.8em "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color:#8c8c8c; text-align:left; padding: 0 0% 0 0%;}
		.Area_content2 ul,
		.Area_content2 > ol { margin:0; margin-top:2%; padding:0 6%;}
		.Area_content2  li { padding:0 0 0.5rem;  text-align: left; font-size: 1.5em; font-weight: 500; color: #565656;line-height:1.9em}
		.Area_content2  li span{ color:#20447e;}
		.Area_content2 .btn_record {margin: 2% auto;padding: 0;display: block;width: 230px;color: #fff;font: bold 32px/52px '微軟正黑體';font-weight: 800;box-sizing: border-box;background-color: #20447e;text-align: center; border-radius: 12px;}
		.Area_content2 .btn_record i {width: 0;height: 0;border: 10px solid #fff;border-color: transparent transparent #fff;transform: rotate(90deg);display: inline-block;margin-left: 5px;}
		.Area_content2 .gift{ float:right;margin:-333px 170px 0 0 }
        .Area_content2 img{width: 270px; padding-right: 100%;}		

		@media screen and (max-width:767px ){
		    .Area_content2 { margin: 15vw 0 20vw; }
			.Area_content2 h1{ width: 54%; font-size: 7.5vw;vertical-align: middle;}
			.Area_content2 h1::after{content:"";    border-width:4.8vw;vertical-align: middle;}
			.Area_content2 p{font: 550 4vw/7.5vw "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
			.Area_content2 > ol { margin:0; margin-top:3%; padding:0 10%;}
			.Area_content2  li{ font-size: 4vw;text-indent:0rem;}
			.Area_content2 .gift{ float:right;margin:-41vw -27vw 0 0 }
			.Area_content2 .gift img{width:40%}
            .Area_content2 img {width: 190px;}
		}
		
	
	/*注意事項*/
	.Area_bgfooter { margin-top: 0; text-align:left; color:#3b3b3b; background:#cabaff;}
	.Area_bgfooter .box { width: 70%; margin:0 auto; padding: 60px 100px 0;}
	.Area_bgfooter p { margin: 0; font-weight:800; font-size: 32px; line-height: 1;color: #5d36ed;}
	.Area_bgfooter ul,
	.Area_bgfooter ol { margin-top: 1.2rem; margin-bottom: 0; padding-bottom: 60px; }
	.Area_bgfooter ul ol,
	.Area_bgfooter ul ul { margin-top: 0.5rem; }
	.Area_bgfooter li { margin-bottom: 1.2rem; font-size: 18px; line-height: 1.8rem; text-align:left;}
	.Area_bgfooter li p { margin-top: 1.2rem; font-size:24px;}
	.Area_bgfooter li a { display: inline; color: #5d36ed; text-decoration: underline;}
		@media screen and (max-width:767px){
		.Area_bgfooter { margin-top: 2vw; margin-bottom: 12vw; }
		.Area_bgfooter .box { width:90%; padding:5%;}
		.Area_bgfooter p { font-size:24px;color: #5d36ed;}
		.Area_bgfooter ul,
		.Area_bgfooter ol { margin-top: 1rem;  padding:0 5% 0 8%;}   
		.Area_bgfooter ul ol,
		.Area_bgfooter ul ul { margin-top: 0rem; }
		.Area_bgfooter li { margin-bottom:1rem; font-size:16px; line-height:1.7rem;}
		.Area_bgfooter li p { margin-top: 1rem; font-size:16px;}
		}


	  /*說明*/
	  .agree_more_02 {}
	  .agree_more_02 .agree-table { margin: 3% 5%!important; }
	  .agree_more_02 .agree-table li { list-style: decimal; font-family: "微軟正黑體", "Microsoft JhengHei", Arial; font-size: 1.1em; color: #000; }
	  .agree_more_02 .agree-table td, .agree_more_02 .agree-table th { font-family: "微軟正黑體", "Microsoft JhengHei", Arial; font-size: 0.95em; line-height: 1.5; color: #000; }
	  .agree_more_02 .agree-table th:nth-child(1) { width: 10%; }
	  .agree_more_02 .agree-table th:nth-child(2) { width: 90%; }
	  @media screen and (max-width:767px ){
		.agree_more_02 .agree-table li { font-size: 0.95em; letter-spacing: -0.05em; }
		.agree_more_02 .agree-table td, .agree_more_02 .agree-table th { font-size: 1em; }
		.agree_more_02 .agree-table th:nth-child(1) { width: 23%; }
	  }



/** 倒數 **/
.TimerNick {position:absolute; top:655px; z-index: 90; display: inline-block; transform: none;left: 200px;display: flex;gap: 3px;}
.TimerNick .FontStyle { display:inline-block; margin:0; padding:0; border:0px;  font: bold 32px/38px Century Gothic; color:#fff; letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick span {white-space: nowrap;padding-left:2px; font: bold 28px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;float: unset;}
@media screen and (max-width:767px){
	.TimerNick { padding-left: 0vw;z-index:90;position: absolute;top: 80.5vw;left: 50%; transform: translateX(-50%);display:inline-block;margin:0;width: auto;height:auto;overflow:hidden;display: flex;gap: .8vw;}
	.TimerNick .FontStyle {display:inline-block;margin: 0;padding:0;border:0px;width: 100%;font:bold 4vw/11vw Century Gothic;color:#fff; letter-spacing:-1px;text-align:right;background:transparent;}
	.TimerNick span { font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;float: unset;}
}