@charset "utf-8";
/* CSS Document */
/*
 * Ghvzon
 * 共用元件v2.0
 *
 */

/*延載功能預帶css*/
.lazy { min-width:1px; min-height:1px;}

/*延載預設圖
.articleList img.lazy_off {background-image:url(data:image/gif;base64,R0lGODlhTAFMAcQSAO/v7/T09P7+/vHx8fPz8/X19fz8/Pf39/////Dw8P39/fn5+fr6+vv7+/Ly8vb29vj4+O7u7v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkU4RDM1NjdDM0NEQkU4MTE5QzMzODE4NkNGQjI5ODY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCMzg2RDEwRjFFNjExRTg4MDFDQjVCRDU3QkQ4NjQ3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCMzg2RDBGRjFFNjExRTg4MDFDQjVCRDU3QkQ4NjQ3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI4OUE4MkFFNUYxRTgxMTk4ODc4QkI4QzVDMjFEQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThEMzU2N0MzQ0RCRTgxMTlDMzM4MTg2Q0ZC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);}
*/

/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink   a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path {fill: #f200ca;}/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	} 


/*tag錨點定位問題*/
.tag { position: absolute !important; display:block !important; width:0; height:0;}
	@media screen and (max-width:767px){
		.tag { position:absolute ; top:-50px; display:block ;}
	}

/*回版頭*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index:201; right:0px; padding:14px 8px 3px 10px; font:12px/30px Verdana; text-align:center; color:#fff; cursor:pointer;
				bottom:90px;
				bottom: calc(90px + constant(safe-area-inset-bottom)*0.6 );
				bottom: calc(90px + env(safe-area-inset-bottom)*0.6 );}
#gotop::before { content: ""; position:absolute; top:9px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index:-1; position:absolute; top:50%; left:50%; border-radius:50px 0 0 50px; transform:translate(-50%,-50%); width:44px; height:44px; background-color:rgba(0,0,0,0.8);}
	/*白色*/
	#gotop { color:#000;}
	#gotop::before { border-color: transparent transparent #000;}
	#gotop::after  { background-color:#fff;}
	

/*活動標*/
/* .Area_logo   { z-index:50; position:absolute; }
.Area_logo a { display:block;}
	@media screen and (max-width:767px){
		.Area_logo   { top:0px; left:2%; width:18%; filter: drop-shadow(0 5px 7px rgba(0,0,0,0.4));}
	}
	@media screen and (min-width:768px){
		.Area_logo   { top:50px; left:50%; -webkit-transform:translateX(-565px); transform:translateX(-565px); }
	} */
	
/*Phone活動標*/
	@media screen and (max-width:767px){
		/* .Area_logo   { z-index:50; position:absolute; }
		.Area_logo .momologo { position:absolute; top:5vw; left:2vw; }
		.Area_logo .momologo a { display:block; width:30vw; height:4.4vw; background-image:url("momo_logo.png?t=1728378984023"); background-repeat:no-repeat; background-size:100%;}
		.Area_logo .momologo a:hover { background-image:url("momo_logo_on.png?t=1728378984023"); } */
		.Area_logo .myplis_logo { position:absolute; top:5vw; left:34vw; }
		.Area_logo .myplis_logo a { display:block; width:30vw; height:6.9vw; background-image:url(myplis_logo.png?t=1728378984023); background-repeat:no-repeat; background-size:100%;}
	}
	


/*Phone置底選單*/
.footerArea { display:none!important;} /*把系統手機版原本的地關掉*/
.Fixedfooter { z-index:1000; position: fixed; bottom: 0; width:100%;}
.Fixedfooter * ,
.Fixedfooter *:before ,
.Fixedfooter *:after { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 1);}
.Fixedfooter .Fixedfooter_box { position: fixed; bottom: 0; width:100%; max-width:767px;
								height: 50px;
								height: calc(50px + constant(safe-area-inset-bottom)*0.6 );
								height: calc(50px + env(safe-area-inset-bottom)*0.6 );
								/*-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
								   -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
									-ms-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
									 -o-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
										box-shadow:0px 0px 8px rgba(0,0,0,0.5);*/}
.Fixedfooter .Fixedfooter_box ul { position: absolute; left: 0; top: 0px; margin: 0; padding: 0; width: 100%; list-style: outside none none;}
.Fixedfooter .Fixedfooter_box li { float: left; padding-top:2px; width:33%; height:45px; text-align: left; list-style: outside none none;}
.Fixedfooter .Fixedfooter_box li a { position:relative; display:block; color: #fff; font-size:12px; line-height:12px; text-align:center; text-decoration: none; cursor: pointer;}
.Fixedfooter .Fixedfooter_box li a i { position:relative; display:block; margin:0 auto; width:30px; height:30px; background-repeat: no-repeat; background-position: center center; background-size: auto 40px;}
	/*icon*/
	.Fixedfooter .Fixedfooter_box li:nth-of-type(1) i { background-image: url(Fixedfooter_icon_1.png?t=1591003599616);}
	.Fixedfooter .Fixedfooter_box li:nth-of-type(2) i { background-image: url(Fixedfooter_icon_2.png?t=1591003599616);}
	.Fixedfooter .Fixedfooter_box li:nth-of-type(3) i { background-image: url(Fixedfooter_icon_3.png?t=1591003599616);}
	/*高亮*/
	.Fixedfooter .Fixedfooter_box li.cate-hover { transform:translateY(-13px);}
	.Fixedfooter .Fixedfooter_box li.cate-hover a { color:#fff;}
	.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(1) i { background-image: url(Fixedfooter_icon_1_on.png?t=1591003599616);}
	.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(2) i { background-image: url(Fixedfooter_icon_2_on.png?t=1591003599616);}
	.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3) i { background-image: url(Fixedfooter_icon_3_on.png?t=1591003599616);}
	.Fixedfooter .Fixedfooter_box .animated { animation-delay:-0.6s;}
	/*特製背景*/
	.Fixedfooter .Fixedfooter_box .bg { z-index:-1; position:absolute; bottom:25px; left:0; width:100%; height:100%; pointer-events:none;}
	.Fixedfooter .Fixedfooter_box .bg i { display:block; z-index:2; position:absolute; top:0; left: calc((25% - 75px) * 0.5 ); border-radius:50%; width:75px; height:75px; /* background-image:linear-gradient(0deg,#D62939,transparent 70%);*/
										  -webkit-transform: scale(0.85); transform: scale(0.85);
										  /* box-shadow: 
										  	0px 1px 2px rgba(0, 0, 0, 0.3),
											0 8px 20px 5px rgba(191,15,26,0.3),
											0 16px 20px 10px rgba(191,15,26,0.5),
											0 16px 20px 10px rgba(191,15,26,0.5),
											0 30px 40px 30px rgba(191,15,26,0.5);*/} 
	.Fixedfooter .Fixedfooter_box .bg b { display:block; z-index:3; position:relative; left: calc((25% - 75px) * 0.5 ); border-radius:50%; width:75px; height:75px; 
											/* box-shadow:	
												45px 40px 0 #E41511, 
												-45px 40px 0 #E41511,
												0 60px 0 #E41511, 
												-32px 77px 0 #E41511,
												32px 77px 0 #E41511,
												0 75px 0 #E41511;*/} 
	.Fixedfooter .Fixedfooter_box .bg b:before,
	.Fixedfooter .Fixedfooter_box .bg b:after { content: ''; position: absolute; top: 30%;  width: 800%; height: 180%; }
	.Fixedfooter .Fixedfooter_box .bg b:before { right:100%; border-top-right-radius: 20px;}
	.Fixedfooter .Fixedfooter_box .bg b:after  { left:100%;  border-top-left-radius: 20px;}
	
/*
		顆數--4顆
		.Fixedfooter .Fixedfooter_box li {width: 33%;}
		.Fixedfooter .Fixedfooter_box .bg i {left: calc((25% - 75px) * 0.5 );}
		.Fixedfooter .Fixedfooter_box .bg b { left: calc((25% - 75px) * 0.5 );}
*/
		/*顆數--3顆*/
		.Fixedfooter .Fixedfooter_box li { width:33.3%;}
		.Fixedfooter .Fixedfooter_box .bg i { left: calc((33.3% - 75px) * 0.5 );}
		.Fixedfooter .Fixedfooter_box .bg b { left: calc((33.3% - 75px) * 0.5 );}
		/*配色*/
		.Fixedfooter .Fixedfooter_box li a { color:#fff;}
		.Fixedfooter .Fixedfooter_box li.cate-hover a { color:#592ff6;}
		.Fixedfooter .Fixedfooter_box .bg b:before,
		.Fixedfooter .Fixedfooter_box .bg b:after { background: #592ff6;}
		/*4月投票改樣式*/
		.Fixedfooter .Fixedfooter_box .bg b:before,
		.Fixedfooter .Fixedfooter_box .bg b:after { border-radius:0;}
		.Fixedfooter .Fixedfooter_box .bg b:before { right:40%;}
		.Fixedfooter .Fixedfooter_box .bg b:after  { left:40%;  }
		.Fixedfooter .Fixedfooter_box .bg i { display:block; z-index:2; position:absolute; top:28px; border-radius:0; width:75px; height:75px; background: transparent;
											  -webkit-transform: scale(1); transform: scale(1);
											  box-shadow: none; }
		.Fixedfooter .Fixedfooter_box .bg i:before,
		.Fixedfooter .Fixedfooter_box .bg i:after { content:""; position:absolute; left:50%; transform:translateX(-50%); display:block; width:100%; height:100%; border-style:none; background: transparent;}
		.Fixedfooter .Fixedfooter_box .bg i:before {}
		.Fixedfooter .Fixedfooter_box .bg i:after  { width:68px; height:68px;top:-38%; border-radius:50%; background-color: #FFF; border: 1px solid #592ff6; /*box-shadow:0px 2px 2px 2px rgba(0,0,0,0.5);*/}
		.Fixedfooter .Fixedfooter_box .bg i.i1:before { border-color:transparent transparent #0e3471 ; }
		.Fixedfooter .Fixedfooter_box .bg i.i1:after  { border-color: #0e3471 transparent transparent; }
		.Fixedfooter .Fixedfooter_box .bg i.i2 { transform:scale(0.95) translateY(-2px);}									  
		/*.Fixedfooter .Fixedfooter_box .bg i.i1 { filter: drop-shadow(0 0 5px rgba(158,116,78,1));}
		.Fixedfooter .Fixedfooter_box .bg i.i2 { filter: drop-shadow(0 0 2px rgba(158,116,78,1));}	*/								  
		.Fixedfooter .Fixedfooter_box .bg b { z-index:-1; border-radius:0; width:75px; height:75px; 
												box-shadow: none;}
			/*高亮*/
			.Fixedfooter .Fixedfooter_box li.cate-hover { transform: none;  transition: none;}
			.Fixedfooter .Fixedfooter_box li span { display:block; -webkit-transform:translateY(0px); transform:translateY(0px); font-weight: 550;}
			.Fixedfooter .Fixedfooter_box li.cate-hover span { -webkit-transform:translateY(-40px); transform:translateY(-40px);}

		/*選單_黑底*/
		.Fixedfooter .Fixedfooter_bg { transition: none;}
				/*【程式切換】cate-open 展開後*/
				.Fixedfooter.cate-open .Fixedfooter_bg { position: fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
				.Fixedfooter.cate-open .Fixedfooter_bg { display: block;}
	
		/*浮層區-Phone置底選單*/
		.Fixedfooter_agree { display:none; z-index:10;  position: fixed; border-radius:10px; margin:0 5%; width:90%; /*box-shadow:0px 0px 20px rgba(0,0,0,0.5);*/
							bottom:85px; 
							bottom: calc(85px + constant(safe-area-inset-bottom)*0.6 );
							bottom: calc(85px + env(safe-area-inset-bottom)*0.6 );}
		.Fixedfooter_agree * { box-sizing:border-box;}
		.Fixedfooter_agree .trainglelist { position:absolute; bottom:-10px; left:48%; width:0; height:0; border-style:solid; border-width:10px 10px 0px 10px;}
		.Fixedfooter_agree ul { width:100%; height:auto; margin:0 ; padding:3%; }
		.Fixedfooter_agree ul:after { content:""; display:block; clear:both;}
		.Fixedfooter_agree li { float:left; display:block; margin-left:2%; margin-top:3%; width:32%; height:30px; border-radius:50px; text-align:center; font: bold 14px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color:#fff; background-color: rgba(0,0,0,0.4); }
		.Fixedfooter_agree li:nth-child(3n+1) { margin-left:0; }
		.Fixedfooter_agree li:nth-child(1),
		.Fixedfooter_agree li:nth-child(2),
		.Fixedfooter_agree li:nth-child(3) {margin-top:0; }
		.Fixedfooter_agree li a { color:#fff; }
		.Fixedfooter_agree li.cate-hover { background-color: #fff;}
		.Fixedfooter_agree li.cate-hover a { color:#F92D4F;}
			/*箭頭(4個)
			.Fixedfooter_agree1 .trainglelist { left:33.6%;}
			.Fixedfooter_agree2 .trainglelist { left:61.5%;}
			.Fixedfooter_agree3 .trainglelist { left:89.0%;}*/
			/*箭頭(3個)*/
			.Fixedfooter_agree1 .trainglelist { left:47.0%;}
			.Fixedfooter_agree2 .trainglelist { left:84%;}
			/*特殊狀況--排數(第1排2個,其它3個)
			.Fixedfooter_agree3 li:nth-of-type(1),
			.Fixedfooter_agree3 li:nth-of-type(2) { width:49%; background-color:#000;}
			.Fixedfooter_agree3 li:nth-child(3n+1) { margin-left:2%; }
			.Fixedfooter_agree3 li:nth-child(1),
			.Fixedfooter_agree3 li:nth-child(3),
			.Fixedfooter_agree3 li:nth-child(6) { margin-left:0; }
			.Fixedfooter_agree3 li:nth-child(3) {margin-top:3%; }*/
			/*特殊狀況--排數(1排2個)
			.Fixedfooter_agree2 li { width:49%;}
			.Fixedfooter_agree2 li:nth-child(3) { margin-top:3%; }
			.Fixedfooter_agree2 li:nth-child(3n+1) { margin-left:2%; }
			.Fixedfooter_agree2 li:nth-child(2n+1) { margin-left:0%; }
			.Fixedfooter_agree2 li.x1 { width:100%;}*/



/*PC分會場header*/
.cantantBase { z-index:100; position: absolute; top:0; left:0; width:100%; text-align:right;
				  -webkit-transition: all 0.3s ease;
					 -moz-transition: all 0.3s ease;
					  -ms-transition: all 0.3s ease;
					   -o-transition: all 0.3s ease;
						  transition: all 0.3s ease;}
.cantantBase.fixactive { background-color: rgba(0,0,0,0.8);  box-shadow:0 2px 20px rgba(0,0,0,.3); }
.cantantBase .box { position:relative; margin:0 auto; width:1220px; height:50px;}
.cantantBase .myplis_logo { position:absolute; top:15px; left:230px; }
.cantantBase .myplis_logo a { display:block; width:197px; height:34px; background-image:url(myplis_logo.png?t=1728378984023);}
.cantantBase .fbShare { display:inline-block; width:40px; height:50px; background-image:url(fb_off.png?t=1728378984023); background-size:100%;}
.cantantBase .fbShare:hover { background-image:url(fb_on.png?t=1591003599616);}
.cantantBase .lineShare { display:inline-block; width:40px; height:50px; background-image:url(line_off.png?t=1728378984023); background-size:100%;}
.cantantBase .lineShare:hover { background-image:url(line_on.png?t=1591003599616);}
.cantantBase ul {display:inline-block;  margin:0 5px 0 0; padding:0; list-style:none;  text-align:center; }
.cantantBase ul li { float:left; display:inline-block; position:relative; margin:0; padding:0 12px; height:50px; font-size:16px; line-height:50px;}
.cantantBase ul li::before { content:""; position:absolute; top:30%; left:0px; display:block; width:1px; height:40%; background-color:#592ff6; opacity:.4; }
.cantantBase ul li:first-child::before { display:none;}
.cantantBase ul li a { display:block; color:#592ff6;}
.cantantBase ul li:hover a{ color:#d137c7;}
.cantantBase ul .cate-hover a { color:#d137c7;}
	/*12個分會場
	.cantantBase2 ul li {  padding:0 9px;}*/
	/*機制頁用*/
	.cantantBase2 { display:none;}
	.cantantBase2 ul li {  padding:0 15px;}
	

/*PC黏人精-分會場*/
.fixarea { z-index:100; position:fixed; left:0px; top:250px; width:142px; text-align: center; font-family:"微軟正黑體", "Microsoft JhengHei", Arial;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(-150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-150px,0,0); -webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixarea.fixarea_off { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0);}
.fixarea .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.fixarea .go_bt:hover { filter: brightness(105%);}
.fixarea .title { position:relative;}
.fixarea .title img {}
.fixarea .fix_box { margin:0 auto;}
.fixarea ul { margin:0; padding:0; list-style:none;}
.fixarea ul:after { content:""; display:block; clear:both;}
.fixarea li { position:relative; margin:0; padding:0; font-size:15px; line-height:20px;}
.fixarea a { display:block; text-decoration:none; color:#fff;}
.fixarea a:hover{ color:#fffc1c;}
.fixarea  .cate-hover a { color:#fffc1c; }
.fixarea *:before,
.fixarea *:after { background-color:#fff; opacity:0.5;}
.fixarea .fix_main *:before,
.fixarea .fix_main *:after { opacity:0.2;}
	/*好康*/
	.fixarea .fix_main { background:url(fixed_Area_repeat1.png?t=1591003599616) repeat-y center top; }
	.fixarea .fix_main ul { padding:2px 0;}
	.fixarea .fix_main li { padding:8px 0;}
	.fixarea .fix_main li:before { content: ""; display: block; position: absolute; bottom:0; left:18%; width:64%; height:1px; }
	.fixarea .fix_main li:last-child::before { display:none;}
	/*分會場*/
	/*.fixarea .fix_other { background:url(fixed_Area_repeat2.png?t=1591003599616) repeat-y center top;}*/
	.fixarea .fix_other { position:relative;}
	.fixarea .fix_other:after { content:""; display:block; z-index:-1; position:absolute; top:0; left:4px; border-radius:0 0 100px 100px; width:132px; height:115%; background-color:#453939;  opacity:1;}
	
		/*(1排1個)*/
		.fixarea .fix_other_x1 ul { padding:0;}
		.fixarea .fix_other_x1 li { padding:8px 0; }
		.fixarea .fix_other_x1 li:before { content: ""; display: block; position: absolute; bottom:0; left:18%; width:64%; height:1px;}
		.fixarea .fix_other_x1 li:last-child::before { display:none;}
		/*(1排2個)*/
		.fixarea .fix_other_x2 ul { padding:5px 18px 0;}
		.fixarea .fix_other_x2 li { float:left; padding:8px 0; width:49%; }
		.fixarea .fix_other_x2 li:after { content: ""; position: absolute; top:0; right:0%; display: block; width:1px; height:100%;}
		.fixarea .fix_other_x2 li:nth-of-type(2n+2):after { display:none;}
		.fixarea .fix_other_x2 li:before { content: ""; position: absolute; bottom:0; left:0%; display: block;  width:100%; height:1px;}
		 /*單數最後一個隱藏 .fixarea .fix_other_x2 li:last-child::before { display:none;}*/
		 /*雙數最後2個隱藏*/.fixarea .fix_other_x2 li:nth-last-child(-n+2)::before { display:none;} 
	/*主會場BN*/
	.title_top { }
	.title_top_box { z-index:-1; position: absolute; top:-154px; left:-4px;
				  -webkit-transition: all 0.2s ease;
					 -moz-transition: all 0.2s ease;
					  -ms-transition: all 0.2s ease;
					   -o-transition: all 0.2s ease;
						  transition: all 0.2s ease;}
	.title_top_box:hover { }

	/*浮出*/
	.title_top_box:hover { top:-180px;
		-webkit-animation-name: title_top_box-play;  
				animation-name: title_top_box-play;  
		-webkit-animation-duration: 0.8s;  
				animation-duration: 0.8s;


		-webkit-animation-iteration-count: infinite;    
				animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
				animation-direction: alternate;
			}
		@-webkit-keyframes title_top_box-play {   
			0%   { -webkit-transform: translate3d(0,0%,0) transform: translate3d(0,0%,0);}
			100% { -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);}
		}
		@keyframes title_top_box-play { 
			0%   { -webkit-transform: translate3d(0,0%,0) transform: translate3d(0,0%,0);}
			100% { -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);}
		}



/*PC黏人精-區塊錨點*/
.fixarea_tabbar { z-index:99; position:fixed; right:0; top:60px; border-radius:30px 0 0 30px; width:110px; background-color:rgba(0,0,0,0.8); text-align: center; font-family:"微軟正黑體", "Microsoft JhengHei", Arial; 
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixarea_tabbar.fixarea_off { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0);}
.fixarea_tabbar .go_bt {
					  -webkit-transition: all 0.2s ease;
						 -moz-transition: all 0.2s ease;
						  -ms-transition: all 0.2s ease;
						   -o-transition: all 0.2s ease;
							  transition: all 0.2s ease;}
.fixarea_tabbar .go_bt:hover { filter: brightness(105%);}
.fixarea_tabbar .fix_box { margin:20px auto 10px; margin-left:10px;}
.fixarea_tabbar ul { margin:0; padding:0; list-style:none;}
.fixarea_tabbar li { position:relative; margin:0; padding:0; font-weight:800; font-size:16px; line-height:20px;}
.fixarea_tabbar a { display:block; text-decoration:none; color:#ffc5a8;}
.fixarea_tabbar a:hover{ color:#fff;}
.fixarea_tabbar  .cate-hover a { color:#fff; }
.fixarea_tabbar .fix_other { }
.fixarea_tabbar .fix_other li { padding:10px 0; }
.fixarea_tabbar .fix_other li:before { content: ""; display: block; position: absolute; bottom:0; left:18%; width:64%; height:1px; background-color:#5b0000; background-color:rgba(255,255,255,0.2);}
.fixarea_tabbar .fix_other li:last-child::before { display:none;}
.fixarea_tabbar .fix_other li i { display:none; z-index:-1; position: absolute; top:53%; left:3px; width:12px; height:12px; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%); background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im5hdmxpZ2h0X2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCwwQzYuMDIxLDAsMi43OTcsMy4yMjUsMi43OTcsNy4yMDNDMi43OTcsMTIuOTA2LDEwLDIwLDEwLDIwczcuMjAzLTcuMDk0LDcuMjAzLTEyLjc5Nw0KCUMxNy4yMDMsMy4yMjUsMTMuOTc5LDAsMTAsMHogTTEwLDExLjAwNWMtMi4xLDAtMy44MDMtMS43MDMtMy44MDMtMy44MDJDNi4xOTcsNS4xMDMsNy45LDMuNCwxMCwzLjRjMi4xLDAsMy44MDMsMS43MDMsMy44MDMsMy44MDMNCglDMTMuODAzLDkuMzAzLDEyLjEsMTEuMDA1LDEwLDExLjAwNXoiLz4NCjwvc3ZnPg0K') no-repeat center center; background-size:100%;}
.fixarea_tabbar .fix_other .cate-hover i { display: block;}
	/*淡黃標
	.fixarea_tabbar .fix_other li i { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im5hdmxpZ2h0X2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGQzgiIGQ9Ik0xMCwwQzYuMDIxLDAsMi43OTcsMy4yMjUsMi43OTcsNy4yMDNDMi43OTcsMTIuOTA2LDEwLDIwLDEwLDIwczcuMjAzLTcuMDk0LDcuMjAzLTEyLjc5Nw0KCUMxNy4yMDMsMy4yMjUsMTMuOTc5LDAsMTAsMHogTTEwLDExLjAwNWMtMi4xLDAtMy44MDMtMS43MDMtMy44MDMtMy44MDJDNi4xOTcsNS4xMDMsNy45LDMuNCwxMCwzLjRjMi4xLDAsMy44MDMsMS43MDMsMy44MDMsMy44MDMNCglDMTMuODAzLDkuMzAzLDEyLjEsMTEuMDA1LDEwLDExLjAwNXoiLz4NCjwvc3ZnPg0K');}
	*/
.fixarea_tabbar .footer { position: relative; margin-bottom:10px; margin-left: 10px; font-weight:800; font-size:24px;}
.fixarea_tabbar .footer a { display:block; padding-top:11px;}
.fixarea_tabbar .footer a::before { content: ""; position: absolute; top:6px; left:44%; display:block; width: 0; height: 0; border-width: 0 5px 8px 5px; border-style: solid; border-color:transparent transparent #ffc5a8 transparent;}
.fixarea_tabbar .footer:hover a::before { border-color: transparent transparent #fff transparent}


/*PC黏人精-黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:50px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}*/
			/*金黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #c9ab50;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(36,36,36,0.7);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(36,36,36,0.7);color: #c9ab50; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#c9ab50;}
			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}


/*浮層嘿嘿*/
.blackBox_play {}
.blackBox { display:none; z-index:99999; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體"; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
/*浮層基本*/
.blackBox .box .button {  border-top:1px solid #d6d6d6; text-align:center; font-size:1.25rem; line-height:3.5rem; font-weight:bold;}
.blackBox .box .but-close { clear:both; width:100%;}
.blackBox .box .but-close a { display:inline-block;  width:100%; height:100%; color:#333;}
.blackBox .box h3 span.close { position:absolute; top:6px; right:5px; display:block; border:2px solid #333; border-radius:5px; width:63px; height:33px; font-size:1rem; line-height:2rem; text-align:center;}
.blackBox .box h3 span.close a { display:inline-block; width:100%; height:100%; color:#333;}
.blackBox .Boxclose { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: transparent;}
.blackBox .box h4 {height: 3rem; font-size: 0.8rem; font-weight: 100; text-align: center; color: #000;}
	/*IT用*/
	.blackBox_IT { display:block; z-index:inherit; position:static; width:auto; height:auto; background: none;}

/*通知浮層*/
.agreeArea { z-index:1; position:relative; top:5%; margin:0 auto 30px; width:94%; max-width:700px; font-family:"Century Gothic", "微軟正黑體", sans-serif; /*text-align:justify; word-break:break-all;*/}
.agreeArea img{ width:100%; height:auto;}
.agreeArea .box { border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color:#fff; overflow:hidden;}
.agreeArea .box .txtArea { height:600px; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.agreeArea .box h3 { margin:0; padding:0; height:3rem; font-size:1.25rem; font-weight:800;line-height:3rem; text-align:center; color:#000; background-color:#ffd710;}
.agreeArea .box p { margin:10px auto; margin-top:1rem; padding:0 0 0 24px; text-align:center; font-size:1em; text-align:left; line-height:1.2em; color:#000;}
.agreeArea .box p b { display:block; padding-bottom:0px;}
.agreeArea .box p span { }
.agreeArea .box .qrcodeimg { text-align:center; }
.agreeArea .box .qrcodeimg a { color:#006afe;}
.agreeArea .box .qrcodeimg img { width:100%; height:auto;}
.agreeArea .box .agree_table table { margin:20px auto; border-collapse:collapse; width:90%; text-align:center;}
.agreeArea .box .agree_table th { padding:5px; border:1px solid #CCC; width:33%; font-size:0.9em; }
.agreeArea .box .agree_table td { padding:5px; border:1px solid #CCC; font-size:0.9em; }
.agreeArea .box .agree_table th a{ color:#c70026; text-decoration:underline;}
.agreeArea .box .xxx{ display:block; width:80%; height:40px; font-size:1.5em; text-align:center; line-height:40px; color:#FFF; background-color:#7048A0; margin:0 auto; margin-bottom:20px; margin-top:10px; font-weight:bold; border-radius:10px;}
.agreeArea .box ul,
.agreeArea .box ol { margin:0;}
.agreeArea .box li { margin:0 20px 10px 0px; font-size:0.9em;}
.agreeArea .box table { margin: 0 5%; width:90%;  border-collapse:collapse;}
.agreeArea .box th { padding:5px; border:1px solid #CCC; background:#eee; font-size:0.8em; }
.agreeArea .box td { padding:5px; border:1px solid #CCC; font-size:0.8em; vertical-align:top; }
.agreeArea .box table ul,
.agreeArea .box table ol { padding:0 0 0 20px;}
.agreeArea .box table li { margin:0 0 10px 0px;}


/*詳情浮層內的-集點查詢*/
.btn_check { z-index:1; position:relative; margin:0 auto; width:300px;}
.btn_check a { display:block; margin:0 auto;  padding:0; border-radius:100px; padding-right:10px; width:100%; font-weight:800; font-size:40px; line-height:60px; color:#B5965B; text-align:center;}
.btn_check a:before { content:""; z-index:-1; position:absolute; top:4%; left:0.5%; border-radius:100px; width:99%; height:92%; background-color:#000;}
.btn_check a:after  { content:""; z-index:-2; position:absolute; top:0; left:0; border-radius:100px; width:100%; height:100%; background-image: repeating-linear-gradient(0deg, #be8b00 0%, #ffe389 30%, #6a4f10 70% , #6a4f10 100%);} 
.btn_check a i { display:block; position:absolute; top:0; right:0; width:60px; height:60px;}
.btn_check a i:before,
.btn_check a i:after  { content:""; position:absolute; top:40%; right:50%; display:block; width:20%; height:0; padding-bottom:20%; border: 3px solid #B5965B; border-top:none; border-left:none;}
.btn_check a i:before { transform: rotate(-45deg) translate(0px,0px);}
.btn_check a i:after  { transform: rotate(-45deg) translate(6px,6px);}
	@media screen and (max-width:767px){
		.btn_check { z-index:1; position:relative; margin:0 auto; width:70%;}
		.btn_check a { padding-right:10px; font-size:7vw; line-height:14vw;}
		.btn_check a i { display:block; position:absolute; top:0; right:0; width:14vw; height:14vw;}
		.btn_check a i:before,
		.btn_check a i:after  { content:""; position:absolute; top:40%; right:50%; display:block; width:20%; height:0; padding-bottom:20%; border: 3px solid #B5965B; border-top:none; border-left:none;}
		.btn_check a i:before { transform: rotate(-45deg) translate(0px,0px);}
		.btn_check a i:after  { transform: rotate(-45deg) translate(6px,6px);}
	}




		
.floatBox .box_card .card_img{display: inline-block;width: 35%;/* float: left; */padding-bottom: 63%;}
.floatBox .box_card .card_img::after{ content: '';display:block;clear: both;}
.floatBox .box_card .btn {z-index: 1; position: relative; margin: 3% auto;width: 54%;top: 34%;left: -10%;}
.card_{width: 66%;display: inline-block;position: absolute;margin-left: 36%;top:0;left: 0;margin-top: 6%;}
.floatBox .dateArea ul{transform: translate(30px, 10px);}
.floatBox .dateArea li{width: 20%;}
.floatBox .pd_box {width: 63%;position: relative;top: 2px;left: 0%;}
.floatBox .pd_box .pd_img{ display: inline-block; width: 30%;}
.floatBox .pd_box .pd_img img{ width: 100%; overflow: hidden;border-radius: 10px;}
.floatBox .box_card .card_share .share_txt{float:none;font-size: 26px;font-weight: 600;line-height: 43px;}
.floatBox .box_card .card_more{font-weight: 600;color: #fff;font-size: 24px;text-align: left;padding-left: 36px;}
.floatBox .box_card .card_share {margin: 20px auto 0;width: 50%;overflow: hidden;position: absolute;left: -44%;bottom: 0%;}


@media screen and (max-width: 767px) {
	#ref_voteBox .floatBox{  width: 90%; margin: 0 auto;}
	.floatBox .box_card .btn{width: 60%;margin: 3vw auto;left: 0%;}
    .floatBox .pd_box {width: 45%;position: relative;top: -9%;left: 69%;}
	.floatBox .pd_box .pd_img{width:72%;}
	.floatBox .box_card .card_share .share_txt {font-size: 7vw; }
	.card_{width: 90%;display: block;position: relative;top:0;left: 0; margin: 8% auto;}
	.floatBox .box_card .card_img {display: block; margin: 0 auto 2vw;width: 90%;height: 0;padding-bottom: 90%;}
	.floatBox .box_card .card_more{padding-left: 0;}
	.floatBox .box_card .card_share{width: 90%;overflow: hidden;position: relative;left: 0;bottom: 0%;text-align: center;}
}		
	
	
/*名片頁浮層*/
#ref_voteBox .floatBox { width: 800px;  background-color: #592ff6;
}
	@media screen and (max-width:767px){
		#ref_voteBox .floatBox { width: 90%; margin: 0 auto;}

	}
	/*卡片*/
	.floatBox .box_card { text-align:left; }
	.floatBox .box_card a { text-decoration:none;}
	.floatBox .box_card h5,
	.floatBox .box_card h4 { margin:0 auto; padding:1% 0 0 0; width:73%; font-size:30px; line-height:1.3; overflow:hidden; /*text-overflow: ellipsis; word-break: keep-all;*/}
	.floatBox .box_card h3,
	.floatBox .box_card h4 { color:#fff;}
	.floatBox .box_card h5 { color:#e6e6e6;;}
    .floatBox .box_card h5 .name{ color: #a9dcff; }
	.floatBox .box_card { margin:0; padding:5%; list-style:none;}
	.floatBox .box_card li { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.floatBox .box_card .card_img {position:relative;margin:-1px 6px 10px -10px;width:73%;height:0;padding-bottom: 40%;}
	.floatBox .box_card .card_img span { position:relative; display:block; padding:2%;}
	.floatBox .box_card .card_img span img { border-radius:20px; overflow:hidden; padding:0%; width:55%; height:auto;}
	.floatBox .box_card hr { margin:20px auto; width:80%; border-color:#bda157;}
	.floatBox .box_card .btn { z-index: 1; position:absolute; margin: 3% auto;width: 41%;top: 113%;left: 41%;}
	.floatBox .box_card .btn a { display:block;  padding:0; border-radius:100px; padding-right:10px; width:180px; font-weight:800; font-size:30px; line-height:50px; color:#B5965B; text-align:center;}
	.floatBox .box_card .btn a:before {content:"";z-index:-1;position:absolute;top:4%;left:2%;border-radius:100px;width:96%;height:92%;}
	.floatBox .box_card .btn a:after  {content:"";z-index:-2;position:absolute;top:0;left:0;border-radius:100px;width:100%;height:100%;} 
	.floatBox .box_card .btn a i { display:block; position:absolute; top:0; right:0; width:50px; height:50px;}
	.floatBox .box_card .btn a i:before,
	.floatBox .box_card .btn a i:after  { content:""; position:absolute; top:40%; right:50%; display:block; width:20%; height:0; padding-bottom:20%; border: 2px solid #B5965B; border-top:none; border-left:none;}
	.floatBox .box_card .btn a i:before { transform: rotate(-45deg) translate(0px,0px);}
	.floatBox .box_card .btn a i:after  { transform: rotate(-45deg) translate(6px,6px);}
	.floatBox .box_card .btn_vote a {color: #592ff6;}
	.floatBox .box_card .btn_vote a i:before,
	.floatBox .box_card .btn_vote a i:after  {border-color: #592ff6;}
	.floatBox .box_card .btn_vote a:before {background-color: #fff;}
	.floatBox .box_card .btn_vote a:after  {content:"";z-index:-2;position:absolute;top:0;left:0;border-radius:100px;width:100%;height:100%;} 
	.floatBox .box_card .card_more { margin:0 auto; padding-top: 5%; width:80%; font-size:23px; color:#8ccde2;}
	.floatBox .box_card .card_more p { margin:0; padding:0;color:#f7f7f7;height:133px;overflow:hidden;}
	.floatBox .box_card .card_more span { color:#f7f7f7;font-weight: 300;}
    .floatBox .box_card .votenum{ font-size: 23px; }
    .floatBox .box_card .voteCnt{ font-size: 50px; }
	.floatBox .box_card .card_share {margin:20px auto 0;width: 100%;position: absolute;right:-69%;bottom: -61%; overflow: visible; flex-wrap: wrap;}
    .floatBox .box_card .vote_btn { width: 200px; position: absolute; top:107%; right: 49.5%;}
    .floatBox .box_card .vote_btn:hover{ transform: translateY(-5px);}
    .floatBox .box_card .vote_btn img{ width: 100%;}
	.floatBox .box_card .card_share .share_btn { display: flex;width: 80%;justify-content: space-between;}
	.floatBox .box_card .card_share .share_btn img { margin-right:-11px; width:60px;}
    .share_btn .share_btn_FB{  }
    .share_btn .share_btn_LINE{ transform: translateX(-34%);}
    .share_btn .share_btn_IG{  transform: translateX(-32%);  display: flex;}
    .share_btn .p1{ color: #ffffff; font-size: 1.1em; font-weight: 700; transform: translate(-31%,-23%);}
    .share_btn .p2{ color: #ffffff; font-size: 1.1em; font-weight: 700; transform: translate(23%,-23%);}
		@media screen and (max-width:767px){
			.floatBox .box_card h5,
			.floatBox .box_card h4 { width:90%; font-size:6vw; line-height:1.4; margin:0;}
			.floatBox .box_card {  padding:5%;margin:0 }
			.floatBox .box_card li { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
			.floatBox .box_card .card_img { position:relative; margin:0 0 -50vw -2vw; width:70%; height:0; padding-bottom:64%;}
			.floatBox .box_card .card_img span { position:relative; display:block; padding:2%;}
			.floatBox .box_card .card_img span img { border-radius:20px; overflow:hidden; padding:0%; width:100%; height:auto;}
			.floatBox .box_card hr { margin:5vw auto 8vw; width:100%;}
			.floatBox .box_card .btn {z-index: 1; position:absolute;width: 57%; margin:10vw 0 0 0;top:70%;left: 41%;}
			.floatBox .box_card .btn a {padding-right: 0vw;width:40vw;font-size:6vw;line-height:10vw;}
			.floatBox .box_card .btn a i { right:2vw; width:9.5vw; height:9.5vw;}
			.floatBox .box_card .card_more { margin:0 auto; width:100%; font-size:4.4vw; line-height:1.4;}
			.floatBox .box_card .card_more p { height:30vw;overflow:hidden; }
            .floatBox .box_card .card_share {margin:33px auto 0;width: 100%;position: relative;right:-21%;bottom:0;}
            .floatBox .box_card .vote_btn {width: 173px; position: relative; right:0;bottom: 0;}
            .floatBox .box_card .vote_btn:hover{ transform: translateY(-5px);}
            .floatBox .box_card .vote_btn img{ width: 100%;}
            .floatBox .box_card .card_share .share_btn { width: 100%; flex-wrap: wrap; row-gap: 5px; align-items: center;justify-content: flex-start;}
            .floatBox .box_card .card_share .share_btn img { margin-right:0; width:60px;}
            .share_btn .share_btn_FB{ width: 25%;order:2; }
            .share_btn .share_btn_LINE{ width: 25%; transform: translateX(-8%);order:2;}
            .share_btn .share_btn_IG{  transform: translateX(0); order:2; }
            .share_btn .p1{ font-size: 1.26em; transform: translate(3%,-26%); line-height: 100%;margin:0; text-align: left; order:1;width: 100%;}
            .share_btn .IG_dia{ order:3; width: 70%!important; transform: translate(23%,18%);position: relative;}
            .share_btn .IG_dia img{width: 100%!important;}
            .share_btn .IG_dia:before{ content: ""; display: inline-block; width:0; height:0; position: absolute; top:-48%; left:57%;  
                border-bottom:solid 20px #a9dcff; border-top: solid 10px transparent; border-left:solid 10px transparent; border-right:solid 10px transparent; } 

		}

/*集點查詢*/
.floatBox { position:relative; margin:10px auto; padding:10px 0; width:700px; height:auto; background-color:#592ff6; text-align:center; position:relative; border-radius:20px;z-index: 10; font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.floatBox .closeButton { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { margin:0 50px 10px; border-bottom:1px solid #997f4f; font:bold 45px/2em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#997f4f; text-align:center}
.floatBox .title2 { margin:20px auto 20px; font:bold 28px/1em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0.1em;  color:#997f4f; text-align:center}
.floatBox .title3 { margin:20px auto 20px; font:bold 28px/1em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0.1em;  color:#997f4f; text-align:center}
.floatBox .txt { width:90%; margin:0 5%;font: 18px/22px "Century Gothic","Microsoft JhengHei",Helvetica;text-align: left; letter-spacing:0px; color:#fff;}
.floatBox .txt p { margin:0; padding:0; color:#ffd800; text-align:center;}
.floatBox .txt ul { margin: 0 auto; padding:0; width: 92%; }
.floatBox .txt li { letter-spacing:1px; margin: 5px 0; line-height:1.4;}
	@media screen and (max-width:767px){
		.floatBox { margin:0 5%; padding:0 0 0 0; width:90%; height: auto;}
		.floatBox .closeButton {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title { margin:0 auto; width:90%; font-size:30px;}
		.floatBox .title2 { font-size:24px;}
		.floatBox .title3 { font-size:24px;}
		.floatBox .txt {}
		.floatBox .txt ul { margin:0; width:100%; -webkit-padding-start: 0;}
		.floatBox .txt li { font-size:4.2vw; line-height:1.3;}
	}
	.floatBox .dateArea { margin:0 5%; width:90%; height:auto; background:rgba(0,0,0,0.1); overflow:hidden;}
	.floatBox .dateArea > div { margin: 0 auto 10px; padding:2% 1% 3%; border:2px solid #997f4f; -webkit-box-sizing:border-box; box-sizing:border-box; width:98%; text-align:center;font: 18px/18px "Century Gothic","Microsoft JhengHei",Helvetica;letter-spacing:0px; color:#fff; background-color:rgba(255,255,255,0.1); }
	.floatBox .dateArea > div:after { content:""; display:block; clear:both;}
	/*.floatBox .dateArea > div:nth-child(2){ background-color:rgba(255,255,255,0.1); }*/
	.floatBox .dateArea .dateArea_title { float:left; width:20%;}
	.floatBox .dateArea .dateArea_title b { display:block; margin-top:20px; margin-bottom:5px; color:#b2935a;}
	.floatBox .dateArea .dateArea_title br { display: none;}
	.floatBox .dateArea ul { float:left; margin:0; padding:0; list-style:none; width:80%;}
	.floatBox .dateArea ul:after { content:""; display:block; clear:both;}
	.floatBox .dateArea li { float:left; margin:0; padding:0; width:14%;}
	.floatBox .dateArea li span { display:block; margin-bottom:5px;}
	.floatBox .dateArea li br { display: none;}
	.floatBox .dateArea img { width:90%; height:auto;}
		@media screen and (max-width:767px){
			.floatBox .dateArea {margin:0 2%; width:96%; height:auto; background:rgba(0,0,0,0.1)}
			.floatBox .dateArea > div { float:left; padding:3% 0; width:100%; text-align:center;font: 12px/12px "Century Gothic","Microsoft JhengHei",Helvetica;letter-spacing:0px;}
			.floatBox .dateArea .dateArea_title b { margin-top:10px;}
		}	
	
	
	
	
	
	




/*開場幕*/
.blackfadeOut-play { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#CA1A3A; z-index:99999; pointer-events: none; -webkit-transform-origin:top center; transform-origin:top center; 
 					 -webkit-animation:blackfadeOut-play 1s 0.2s; -webkit-animation-fill-mode: both;
				             animation:blackfadeOut-play 1s 0.2s; animation-fill-mode: both;}
	@-webkit-keyframes blackfadeOut-play {   
		0%     { opacity:1;} 
		99.99% { -webkit-transform:scale(1); transform:scale(1); opacity:0; } 
		100%   { -webkit-transform:scale(0); transform:scale(0);} 
	}
	@keyframes blackfadeOut-play { 
		0%     { opacity:1;} 
		99.99% { -webkit-transform:scale(1); transform:scale(1); opacity:0; } 
		100%   { -webkit-transform:scale(0); transform:scale(0);} 
	}


/*心跳1*/
.heartbeat-play { -webkit-animation:heartbeat-play 1.3s infinite ;
				          animation:heartbeat-play 1.3s infinite ;}
	@-webkit-keyframes heartbeat-play {   
		0%   { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);} 
		60%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
		80%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
		100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
	}
	@keyframes heartbeat-play { 
		0%   { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);} 
		60%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
		80%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(100%);}
		100% { -webkit-transform: scale(1); transform: scale(1); filter:brightness(150%);} 
	}


/*心跳2*/
.heartbeat2-play { -webkit-animation:heartbeat2-play 0.8s infinite;
				           animation:heartbeat2-play 0.8s infinite;}
	@-webkit-keyframes heartbeat2-play {   
		0%   { -webkit-transform: scale(1.02); transform: scale(1.02);} 
		40%  { -webkit-transform: scale(1); transform: scale(1);} 
		60%  { -webkit-transform: scale(1.02); transform: scale(1.02);} 
		80%  { -webkit-transform: scale(1); transform: scale(1);}
		100% { -webkit-transform: scale(1.02); transform: scale(1.02);} 
	}
	@keyframes heartbeat2-play { 
		0%   { -webkit-transform: scale(1.02); transform: scale(1.02);} 
		40%  { -webkit-transform: scale(1); transform: scale(1);} 
		60%  { -webkit-transform: scale(1.02); transform: scale(1.02);} 
		80%  { -webkit-transform: scale(1); transform: scale(1);}
		100% { -webkit-transform: scale(1.02); transform: scale(1.02);} 
	}


/*飄-上下*/
.uptodown-play {
			-webkit-animation-name: uptodown-play;  
					animation-name: uptodown-play;  
			-webkit-animation-duration: 1.5s;  
					animation-duration: 1.5s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
			-webkit-animation-direction: alternate;
					animation-direction: alternate;
				}
	@-webkit-keyframes uptodown-play { 
		0% { -webkit-transform: translate(0,-30px);  } 
		100% { -webkit-transform: translate(0,0); }
	}
	@keyframes uptodown-play { 
		0% { transform: translate(0,-30px);  } 
		100% {  transform: translate(0,0); }
	}

/*飄-下上*/
.downtoup-play {
			-webkit-animation-name: downtoup-play;  
					animation-name: downtoup-play;  
			-webkit-animation-duration: 1.5s;  
					animation-duration: 1.5s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
			-webkit-animation-direction: alternate;
					animation-direction: alternate;
				}
	@-webkit-keyframes downtoup-play { 
		0% { -webkit-transform: translate(0,0);   } 
		100% {  -webkit-transform: translate(0,-10px); }
	}
	@keyframes downtoup-play { 
		0% { transform: translate(0,0); } 
		100% { transform: translate(0,-10px); }
	}

/*飄-下上(慢慢慢)*/
.downtoup2-play {
			-webkit-animation-name: downtoup2-play;  
					animation-name: downtoup2-play;  
			-webkit-animation-duration: 20s;  
					animation-duration: 20s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
				}
	@-webkit-keyframes downtoup2-play { 
		0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 
		50% { -webkit-transform: translate(0,-30px); transform: translate(0,-30px); }
		100% {  -webkit-transform: translate(0,0); transform: translate(0,0); }
	}
	@keyframes downtoup2-play { 
		0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 
		50% { -webkit-transform: translate(0,-30px); transform: translate(0,-30px); }
		100% {  -webkit-transform: translate(0,0); transform: translate(0,0); }
	}

	@media screen and (max-width:767px){
		@-webkit-keyframes downtoup2-play { 
			0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
			50% { -webkit-transform: translate3d(0,2vw,0); transform: translate3d(0,2vw,0); }
			100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
		}
		@keyframes downtoup2-play { 
			0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
			50% { -webkit-transform: translate3d(0,2vw,0); transform: translate3d(0,2vw,0); }
			100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

		}
	}


/*主標微亮*/		  
.minbright-play { -webkit-animation:minbright-play 2s infinite alternate; animation:minbright-play 2s infinite alternate ;}
	@-webkit-keyframes minbright-play {
	  0% { 
		filter:brightness(110%);
	  }
	  100% { 
		filter:brightness(90%);
	  }
	}
	@keyframes minbright-play {
	  0% { 
		filter:brightness(110%);
	  }
	  100% { 
		filter:brightness(90%);
	  }
	}


/*閃光*/				  
.brightness-play { -webkit-animation:brightness-play 4s infinite ; animation:brightness-play 4s infinite ;}
	@keyframes brightness-play {
	  0% { 
		filter:brightness(100%);
	  }
	  92% { 
		filter:brightness(100%);
	  }
	  94% { 
		filter:brightness(150%);
	  }
	  96% { 
		filter:brightness(100%);
	  }
	  98% { 
		filter:brightness(150%);
	  }
	  100% { 
		filter:brightness(100%);
	  }
	}


/*放大縮小*/
.zoominzoomout-play { mix-blend-mode:screen;
	-webkit-animation-name: zoominzoomout-play;  
			animation-name: zoominzoomout-play;  
	-webkit-animation-duration: 4s;  
			animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;    
			animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			}
	@-webkit-keyframes zoominzoomout-play {   
	}
	@keyframes zoominzoomout-play { 
		0%  { -webkit-transform: scale(1); transform: scale(1); } 
		100%{ -webkit-transform: scale(2); transform: scale(3); }
		0%   { opacity:0; }
		10%   { opacity:0.5; filter: blur(0px); }
		80%   { opacity:0.5; }
		100% { opacity:0; filter: blur(10px); }
	}


/*浮出*/
.rubberUp-play {
	-webkit-animation-name: rubberUp-play;  
			animation-name: rubberUp-play;  
	-webkit-animation-duration: 0.8s;  
			animation-duration: 0.8s;
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1.3);
			animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1.3);
	-webkit-animation-fill-mode:forwards;
			animation-fill-mode:forwards;
			}
	@-webkit-keyframes rubberUp-play {   
	}
	@keyframes rubberUp-play { 
		0%   { transform: translate3d(0,50%,0);}
		100% { transform: translate3d(0,0%,0);}
	}


/*轉轉3*/
.rotate3-play {
			-webkit-animation-name: rotate3-play;  
					animation-name: rotate3-play;  
			-webkit-animation-duration: 70s;  
					animation-duration: 70s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
			-webkit-animation-timing-function: linear;
					animation-timing-function: linear;
				}
	@-webkit-keyframes rotate3-play {
	  100% { 
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
	  }
	}
	@keyframes rotate3-play {
	  100% { 
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
	  }
	}

/*轉轉4*/
.rotate4-play {
			-webkit-animation-name: rotate4-play;  
					animation-name: rotate4-play;  
			-webkit-animation-duration: 40s;  
					animation-duration: 40s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
			-webkit-animation-timing-function: linear;
					animation-timing-function: linear;
						}
	@-webkit-keyframes rotate4-play {
	  100% { 
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
	  }
	}
	@keyframes rotate4-play {
	  100% { 
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
	  }
	}

/*轉轉5*/
.rotate5-play { 
			-webkit-animation-name: rotate5-play;  
					animation-name: rotate5-play;  
			-webkit-animation-duration: 10s;  
					animation-duration: 10s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
				}
	@-webkit-keyframes rotate5-play {
	}
	@keyframes rotate5-play {
		26%  { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
		100% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	}


/*遠進(大變小)*/
.zoomIn2-play { opacity: 0; -webkit-transform: scale3d(4.3, 4.3, 4.3); transform: scale3d(4.3, 4.3, 4.3);
			-webkit-animation-name: zoomIn2-play;  
					animation-name: zoomIn2-play;  
			-webkit-animation-duration: 1s;  
					animation-duration: 1s;
			-webkit-animation-fill-mode:forwards;
					animation-fill-mode:forwards;
				}
	@keyframes zoomIn2-play {
		from {
		}
		50%,100% {
		  opacity: 1;
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}
	}
	
	
	
/*彈進(小變大)*/
.zoomIn3-play { -webkit-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);
			-webkit-animation-name: zoomIn3-play;  
					animation-name: zoomIn3-play;  
			-webkit-animation-duration: 1s;  
					animation-duration: 1s;
			-webkit-animation-fill-mode:forwards;
					animation-fill-mode:forwards;
				}
	@keyframes zoomIn3-play {
		from {
		  -webkit-transform: scale3d(0, 0, 0);
		  transform: scale3d(0, 0, 0);
		}
		
		30% {
		  -webkit-transform: scale3d(0, 0.75, 1);
		  transform: scale3d(0, 0.75, 1);
		}
		
		40% {
		  -webkit-transform: scale3d(0.75, 1.25, 1);
		  transform: scale3d(0.75, 1.25, 1);
		}
		
		50% {
		  -webkit-transform: scale3d(1.15, 0.85, 1);
		  transform: scale3d(1.15, 0.85, 1);
		}
		
		65% {
		  -webkit-transform: scale3d(0.95, 1.05, 1);
		  transform: scale3d(0.95, 1.05, 1);
		}
		
		75% {
		  -webkit-transform: scale3d(1.05, 0.95, 1);
		  transform: scale3d(1.05, 0.95, 1);
		}
		
		to {
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}		
	}


/*遠進(大變小震一下)*/
.zoomIn4-play { opacity: 0; -webkit-transform: scale3d(4.3, 4.3, 4.3); transform: scale3d(4.3, 4.3, 4.3);
			-webkit-animation-name: zoomIn4-play;  
					animation-name: zoomIn4-play;  
			-webkit-animation-duration: 1s;  
					animation-duration: 1s;
			-webkit-animation-fill-mode:forwards;
					animation-fill-mode:forwards;
				}
	@keyframes zoomIn4-play {
		from {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		50%,100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  opacity: 1;
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}
		77%,
		90%,
		to {
		  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
		}
	  
		70%,
		72% {
		  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  -webkit-transform: scale3d(1.1, 1.1, 1.1);
		  transform: scale3d(1.1, 1.1, 1.1);
		}
	  
		95% {
		  -webkit-transform: scale3d(1.02, 1.02, 1.02);
		  transform: scale3d(1.02, 1.02, 1.02);
		}
	}
	


/*浮出一下*/
.pulse-play {
			-webkit-animation-name: pulse-play;  
					animation-name: pulse-play;  
			-webkit-animation-duration: 2s;  
					animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;    
					animation-iteration-count: infinite;			
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 3.600);
					animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 3.600);
			}
	@-webkit-keyframes pulse-play  {
	  0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }
	  40% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	  }
	}
	@keyframes pulse-play  {
	  0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }
	  40% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	  }
	}