@charset "utf-8";

/*回版頭*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:30px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#fff;  background-color:rgb(255 103 0 / 80%); cursor:pointer;
  -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;}
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
	@media screen and (max-width:767px){
		#gotop { right:20px; bottom:60px;}
	}



/*分會場header*/
.meetingArea {width: 100%;min-width: 1220px;height:40px ;background-color: transparent; position: absolute; top:10px; z-index:99;
			  -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;}
.meetingArea .box { position:relative; width:1220px; height:40px; margin:0 auto;  }
.meetingArea .box .momologo { position: absolute;top: 10px; left: 50px;}
.meetingArea .box .momologo a { display:block; width:220px; height:32px; background: url(momologo.png?t=1739848371417) no-repeat;}
.meetingArea .box .momologo a:hover{ background: url(momologo_on.png?t=1739848371417) no-repeat;}
.meetingArea .box ul {display:inline-block; position:absolute; top:0; right:20px; margin:0; padding:0; list-style:none;}
.meetingArea .box ul li{ float:left; position: relative; right:0; margin:0; width:97px; height:40px;text-align:center;}
.meetingArea .box ul li:hover { background:url(bg_header_box.png?t=1739848371417) center top no-repeat; }
.meetingArea .box ul li:hover a{ color:#fff;}
.meetingArea .box ul li a {font: 16px/40px "微軟正黑體", "Microsoft JhengHei", Arial; text-align:center; color:#ffdeb2; text-decoration:none}
.meetingArea .box ul li.on {  background:url(bg_header_box.png?t=1739848371417) center top no-repeat;}
.meetingArea .box ul li.on a{ color:#fff;}
.meetingArea.open { background-color:#000;}
	
/*黏人快速鍵*/
.fixed_Area { z-index:999; position:fixed; top:10px; right:0px; overflow:hidden; width:136px; text-align:center;}
.fixed_Area h2 { margin:0; padding:0; line-height:0;}
.fixed_Area h4 { margin:0; padding:0; font:bold 16px/20px "微軟正黑體",Helvetica bold; color:#fff; letter-spacing:-1px; text-align:center;  }
.fixed_Area h4 a { display:block; margin:0 auto; padding:0; width:75px; color:#ffeead; text-decoration:none;  }
.fixed_Area h4 a:hover { color:#fff;}
.fixed_Area h4 p { position:relative; margin:0; padding:20px 11px 18px 15px; background:url(fixed_Area_repeat.png?t=1739848371417) repeat-y center;    background-size: 136px 100%;}
.fixed_Area h4 .line { margin:0; padding:0; line-height:0;}

.fixed_Area .fixedBox_top {}
.fixed_Area .fixedBox_1 {}
.fixed_Area .fixedBox_1 a { padding-bottom:10px; }
.fixed_Area .fixedBox_1 p:first-child { }
.fixed_Area .fixedBox_1 p:last-child a { padding-bottom:0; border-bottom: none;}

.fixed_Area h4 a img {
  -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
}
.fixed_Area h4 a:hover img {
  -webkit-transform: translateY(3px); 
          transform: translateY(3px);}
#gotop1 { cursor:pointer;}
	@media screen and (min-width:2000px){
		.fixed_Area {right:50%; margin-right:-900px;}
	}
/*黏人精快速鍵-動畫
.approch1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: approch1;  animation-name: approch1;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
	@-webkit-keyframes approch1 { 
	}
	@keyframes approch1 { 
		0% { transform: translate(0,200px); opacity:0 } 
		100%{ transform: translate(0,0); opacity:1 }
	}
*/


/*置底黏人精*/
.footerArea { display:none!important;} /*把手機原本的地關掉*/
.fixedfooterArea { z-index:99; position:fixed; bottom:0; left:0; margin:0; padding:0;  width:100%; height:44px; background-color:#570003; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei";}
.fixedfooterArea .fixedBox_1 { z-index:1; position:absolute; top:0px; left:0; width:100%; text-align:center; }
.fixedfooterArea .title { position:relative; top:-34px; display:inline-block; padding:4px 15px; border-radius:20px; height:20px; overflow:hidden; font-size:14px; line-height:20px; color:#fff; text-align:center; background-color:rgba(75,49,32,0.6); }
.fixedfooterArea .fixedBox_2 { z-index:2; position: relative; height: inherit; overflow:hidden; }
.fixedfooterArea .fixedBox_2 p { float: left; position:relative; margin:0; padding:0; width:33.3%; }
.fixedfooterArea .fixedBox_2 a { display:block; padding:10px 0;  height: inherit; font-size:14px; line-height:24px; color:#fff; text-decoration:none;}
.fixedfooterArea .fixedBox_2 a:hover {color:#FCC887;}
.fixedfooterArea .fixedBox_2 a img { position: relative; top:-1px; margin-right:1px; width:auto; height:24px;}
.fixedfooterArea .fixedBox_2 p:after  {content: ""; position:absolute; top:15%; right:0; display:block; width:1px; height:70%; background-color:#fff; opacity:.7;}
.fixedfooterArea .fixedBox_2 p:last-child::after { display: none;}
/*
	/*我的點數-動畫
	.fixed_pointArea .fixedBox_1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: fixedBox_an;  animation-name: fixedBox_an;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
		@-webkit-keyframes fixedBox_an { 
		}
		@keyframes fixedBox_an { 
			0% { transform: translate(0,40px); opacity:0;} 
			100%{ transform: translate(0,0); opacity:1;}
		}
*/
		
/*浮層嘿嘿*/
.blackBox { display:none; z-index:9; 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;}

	/** 置底黏人精浮層區*/
	.flitermenu {z-index:10;  position: fixed;  bottom: 60px;background-color:#fff; margin:0 3%; border-radius:0px; width:94%;}
	.flitermenu * { box-sizing:border-box;}
	.flitermenu .trainglelist { position:absolute; bottom:-10px; left:48%; width:0; height:0; border-style:solid; border-width:10px 10px 0px 10px; border-color:#fff transparent transparent transparent;   }
	.flitermenu ul { margin:0 ; padding:5% 3% 2%; width:100%; height:auto; overflow: hidden; }
	.flitermenu li { float:left; display:block; margin-left:2%; margin-bottom:3%; padding:0 3%; width:32%; height:30px; border-radius:50px; text-align:center; font: bold 14px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color:#000; background-color:#ff8400; }
	.flitermenu li:nth-child(3n+1) { margin-left:0; }
	.flitermenu li a { display:block; color:#fff; }
	.flitermenu li:hover { filter: brightness(120%); }
	.flitermenu .hover { background-color: #00b7be;}

	@media screen and (min-width:400px){
		.flitermenu ul{ padding:4%;}
		.flitermenu li{ margin-bottom:2%;}
		}
	@media screen and (min-width:600px){
		.flitermenu ul{ padding:2%;}
		.flitermenu li{ margin-bottom:2%;}
		}
	.agree01 .flitermenu .trainglelist { left:15%;}	
	.agree02 .flitermenu .trainglelist { left:35%;}	
	.agree03 .flitermenu .trainglelist { left:60%;}
	.agree04 .flitermenu .trainglelist { left:85%;}