@charset "utf-8";

@media screen and (min-width: 768px) and (max-width: 1024px) {

	.web_development{
		width:700px;
		height:500px;
		margin:50px auto;
	}	
	
	.web_development .image{
		width:700px;
		height:400px;
		background:url(../../img/logo.svg)no-repeat center center / contain;
		margin:0 auto;
	}	

	.web_development .name{
		font-size:40px;
		margin:50px 0;
		text-align:center;
		font-weight:900;
	}
	
	.web_development .info{
	}
		
	.web_development .note{
		border:2px #FA3242 dotted;
		padding:10px;
		margin:20px 0;
		border-radius:10px;
	}	

	body{
		overflow-x:hidden;
	}

	.background_main{
		background:#F9E167 url(../../img/background.png);
	}
	
	
	
	
	.top{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:10;
		box-sizing: border-box;
		background:rgba(255,255,255, 0.9);
	}
		
	.tops{		
		height:150px;
		padding:10px;
		display:flex;
		align-items: center; 
		position:relative;
	}	
		
		
	.tops .user{
		width:70px;
		height:70px;
		border-radius:5px;
		border:2px #000 solid;
		top:45px;
		right:120px;
		position:absolute;
		z-index:1;
		cursor:pointer;
	}		
		
		
	.tops .logo{
		padding-right:30px;
		width:200px;
		height:150px;
		background:url(../../img/logo.svg)no-repeat left 20px center / contain;		
	}

	.tops .name{	
		font-size:25px;
		line-height:30px;
		font-weight:bold;
		color:#000;
		position:relative;
	}
	
	.tops .name ._img30{	
		width:25px;
		height:25px;
		position:absolute;
		top:-5px;
		right:-5px;
		background:url(../../img/視覺主題/31.svg)no-repeat center center / contain;
		animation: _img30 1.5s infinite ease-in-out;	
	}	
	
	.tops .name ._img30_1{	
		width:15px;
		height:15px;
		position:absolute;
		top:20px;
		right:-25px;
		background:url(../../img/視覺主題/31.svg)no-repeat center center / contain;
		animation: _img30 1s infinite ease-in-out;	
	}		
	
	
	@keyframes _img30 {
	  0%   { transform: scale(1);   opacity: 1; }
	  50%  { transform: scale(1.2); opacity: 0.7; }
	  100% { transform: scale(1);   opacity: 1; }
	}	
	
	.tops .side_menu{
		height:50px;
		margin:50px 20px 50px 50px;
		margin-left: auto;
	}		
	
	.tops .side_menu a{
		height:50px;
		padding:10px 20px;
		font-size:25px;
		color:#000;
		line-height:35px;
		text-align:right;
	}		
	
	
	.tops .side_menu .btn_open{
		height:50px;
		border-radius:5px;
		padding:10px 20px;
		font-size:25px;
		line-height:35px;
		font-weight:bold;
		color:#000;
	}	
	
	.tops .side_menu .btn_open span{
		margin-top:-5px;
		font-size:35px;
	}	
	
	.tops .side_menu .btn_open:hover,
	.tops .side_menu .btn_open:hover span{
		color:#F47997;
		text-decoration:none;
	}	
	
	.logo_top_fix{
		height:200px;
	}
			
	.logo_box{
		width:700px;
		height:400px;
		margin:0 auto;
		position:relative;	
	}			
	

	
	/*logo*/	
	.logo_box ._img0_1{
		width:350px;
		height:350px;
		position:absolute;
		z-index:1;
		top:-20px;
		left:100px;
		background:url(../../img/視覺主題/0_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 2s infinite alternate ease-in-out;	
	}		
	
	/*logo*/	
	.logo_box ._img0_2{
		width:350px;
		height:200px;
		position:absolute;
		z-index:3;
		top:180px;
		left:120px;
		background:url(../../img/視覺主題/0_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 2s infinite alternate ease-in-out;	
	}	
	
	

	/*長條統計圖*/	
	.logo_box ._img0_4{
		width:70px;
		height:70px;
		position:absolute;
		z-index:1;
		top:0px;
		left:30px;
		background:url(../../img/視覺主題/0_4.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 1s infinite alternate ease-in-out;		
	}	
	
	
	/*火車*/	
	.logo_box ._img0_5{
		width:70px;
		height:70px;
		position:absolute;
		z-index:1;
		top:300px;
		left:10px;
		background:url(../../img/視覺主題/0_5.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 2s infinite alternate ease-in-out;		
	}		
	
	
	/*齒輪頭*/	
	.logo_box ._img0_6{
		width:70px;
		height:70px;
		position:absolute;
		z-index:1;
		top:30px;
		right:100px;
		background:url(../../img/視覺主題/0_6.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 1.5s infinite alternate ease-in-out;		
	}		
	
	
	/*AI晶片*/	
	.logo_box ._img0_7{
		width:70px;
		height:70px;
		position:absolute;
		z-index:1;
		top:230px;
		right:50px;
		background:url(../../img/視覺主題/0_7.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 3s infinite alternate ease-in-out;		
	}		
	
	
	/*樹苗燈炮*/	
	.logo_box ._img0_8{
		width:70px;
		height:70px;
		position:absolute;
		z-index:1;
		top:310px;
		right:210px;
		background:url(../../img/視覺主題/0_8.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_1 2s infinite alternate ease-in-out;		
	}		
	
	
	@keyframes _img0_1 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(20px); }
	}		
		
		
	/*紅星光*/	
	.logo_box ._img0_3{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		top:65px;
		right:205px;
		background:url(../../img/視覺主題/0_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_3 2s infinite alternate ease-in-out;	
	}		


	/*紅星光*/	
	.logo_box ._img0_3a{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		top:25px;
		right:380px;
		background:url(../../img/視覺主題/0_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_3 2s infinite alternate ease-in-out;	
	}		
		
		
	/*紅星光*/	
	.logo_box ._img0_3b{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		top:150px;
		left:50px;
		background:url(../../img/視覺主題/0_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_3 1s infinite alternate ease-in-out;	
	}			
		
	
	/*紅星光*/	
	.logo_box ._img0_3c{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		top:210px;
		left:245px;
		background:url(../../img/視覺主題/0_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img0_3 3s infinite alternate ease-in-out;	
	}
	
	@keyframes _img0_3 {
	  0%   { 
		transform: translateY(0) scale(1); 
		opacity:0;
	  }	 
	  
	  50% { 
		transform: translateY(10px) scale(2); 
		opacity:1;
	  }
	  
	  100%   { 
		transform: translateY(20px) scale(1); 
		opacity:0;
	  }	 	  
	  
	}		
		
	
	
	/*流星*/	
	.logo_box ._img21{
		width:50px;
		height:100px;
		position:absolute;
		z-index:0;
		top:-50px;
		left:200px;
		background:url(../../img/視覺主題/21.svg)no-repeat center center / contain;		
		animation: _img21 1s linear infinite;
	}		
		
		
	/*流星*/	
	.logo_box ._img21a{
		width:100px;
		height:150px;
		position:absolute;
		z-index:0;
		top:-10px;
		left:250px;
		background:url(../../img/視覺主題/21.svg)no-repeat center center / contain;		
		animation: _img21 2s linear infinite;
	}		
		
		
	/*流星*/	
	.logo_box ._img21c{
		width:50px;
		height:100px;
		position:absolute;
		z-index:0;
		top:100px;
		right:200px;
		background:url(../../img/視覺主題/21.svg)no-repeat center center / contain;		
		animation: _img21 1.5s linear infinite;
	}	


	/*流星*/	
	.logo_box ._img21d{
		width:120px;
		height:170px;
		position:absolute;
		z-index:0;
		top:-50px;
		right:150px;
		background:url(../../img/視覺主題/21.svg)no-repeat center center / contain;		
		animation: _img21 3s linear infinite;
	}		
		
	
		
	/*流星*/	
	.logo_box ._img21e{
		width:40px;
		height:90px;
		position:absolute;
		z-index:0;
		top:50px;
		right:200px;
		background:url(../../img/視覺主題/21.svg)no-repeat center center / contain;			
		animation: _img21 1s linear infinite;
	}			
		
		
	@keyframes _img21 {
		0% {
			transform: translate(0, 0);
			opacity: 0;
		}
		80% {
			opacity: 1;
		}
		100% {
			transform: translate(-300px, 300px);
			opacity: 0;
		}
	}

	

	.visual_main_box{
		width:700px;
		margin:0 auto ;
		position:relative;
		z-index:2;
	}



	
	
	/*地板_方型*/	
	.visual_main_box ._img1{
		width:700px;
		height:500px;
		z-index:2;
		position:relative;
		left:0;
		margin:0 auto -200px auto;
		background:url(../../img/視覺主題/1.svg)no-repeat center center / contain;		
	}
	
	/*地板_長*/	
	.visual_main_box ._img1_1{
		width:390px;
		height:290px;
		position:absolute;
		z-index:1;
		bottom:80px;
		left:140px;
		background:url(../../img/視覺主題/1_1.svg)no-repeat center center / contain;		
	}	
	
	
	/*燈炮*/	
	.visual_main_box ._img3{
		width:80px;
		height:150px;
		position:absolute;
		z-index:3;
		bottom:90px;
		right:310px;
		background:url(../../img/視覺主題/3.svg)no-repeat center center / contain;		
		display: inline-block;
		animation: _img3 1s infinite alternate ease-in-out;		
	}		
		
	@keyframes _img3 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(-20px); }
	}
	

	/*機器人*/	
	.visual_main_box ._img5{
		width:90px;
		height:200px;
		position:absolute;
		z-index:3;
		bottom:235px;
		left:0px;
		background:url(../../img/視覺主題/5.svg)no-repeat center center / contain;		
		display: inline-block;	
	}

	.visual_main_box ._img5_1{
		width:60px;
		height:100px;
		position:absolute;
		z-index:2;
		bottom:305px;
		left:-45px;
		background:url(../../img/視覺主題/5_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img5_1 2s ease-in-out infinite;
		transform-origin: calc(100% - 0px) center;
	}

	.visual_main_box ._img5_2{
		width:70px;
		height:100px;
		position:absolute;
		z-index:4;
		bottom:220px;
		left:53px;
		background:url(../../img/視覺主題/5_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img5_2 3s ease-in-out infinite;
		transform-origin: top left; /* 以左上角為中心旋轉 */
		
	}


	@keyframes _img5_1 {
		0%   { transform: rotate(0deg); }
		50%  { transform: rotate(-20deg); }
		100% { transform: rotate(0deg); }
	}
	
	@keyframes _img5_2 {
		0%   { transform: rotate(20deg); }
		50%  { transform: rotate(27deg); }
		100% { transform: rotate(20deg); }
	}

	/*手臂夾*/	
	.visual_main_box ._img6{
		width:120px;
		height:160px;
		position:absolute;
		z-index:3;
		bottom:110px;
		right:90px;
		background:url(../../img/視覺主題/6.svg)no-repeat center center / contain;		
		display: inline-block;	
	}
	
	
	
	/*手臂夾掉落物*/	
	.visual_main_box ._img15_1{
		width:80px;
		height:40px;
		position:absolute;
		z-index:0;
		bottom:0px;
		right:75px;
		background:url(../../img/視覺主題/15_1.svg)no-repeat center center / contain;		
		display: inline-block;	
	}		
	
	
	/*手臂夾掉落物*/	
	.visual_main_box ._img15_2{
		width:60px;
		height:60px;
		position:absolute;
		z-index:0;
		bottom:50px;
		right:85px;
		background:url(../../img/視覺主題/15_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img15_2 1s linear infinite;
	}		
	

	
	@keyframes _img15_2 {
		
		0% {
		opacity: 0;
		transform: translateY(-30px) scale(1);
		}
		20% {
		opacity: 1;
		transform: translateY(0) scale(0.6);	
		}
		80% {
		opacity: 1;
		transform: translateY(40px) scale(0.3);
		}
		100% {
		opacity: 0;
		transform: translateY(60px) scale(0.1);	
		}
		
	}	
	
	
	/*手臂夾掉落物*/	
	.visual_main_box ._img15_3{
		width:40px;
		height:40px;
		position:absolute;
		z-index:0;
		bottom:90px;
		right:95px;
		background:url(../../img/視覺主題/15_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img15_3 1.5s linear infinite;
	}		
	
	@keyframes _img15_3 {
		
		0% {
		opacity: 0;
		transform: translateY(-30px) scale(1);
		}
		20% {
		opacity: 1;
		transform: translateY(0) scale(0.6);	
		}
		80% {
		opacity: 1;
		transform: translateY(80px) scale(0.3);
		}
		100% {
		opacity: 0;
		transform: translateY(100px) scale(0.1);	
		}
		
	}	
	
	
	/*手臂夾掉落物*/	
	.visual_main_box ._img15_4{
		width:60px;
		height:60px;
		position:absolute;
		z-index:0;
		bottom:80px;
		right:85px;
		background:url(../../img/視覺主題/15_2.svg)no-repeat center center / contain;		
		animation: _img15_3 2s linear infinite;
	}		
	

	
	@keyframes _img15_4 {
		
		0% {
		opacity: 0;
		transform: translateY(-30px) scale(1);
		}
		20% {
		opacity: 1;
		transform: translateY(0) scale(0.6);	
		}
		80% {
		opacity: 1;
		transform: translateY(80px) scale(0.3);
		}
		100% {
		opacity: 0;
		transform: translateY(100px) scale(0.1);	
		}
		
	}	
	
	
	
	
	/*門文件*/	
	.visual_main_box ._img7{
		width:190px;
		height:210px;
		position:absolute;
		z-index:3;
		top:-27px;
		right:274px;
		background:url(../../img/視覺主題/7.svg)no-repeat center center / contain;		
		display: inline-block;	
	}
	
	
	/*門文件*/	
	.visual_main_box ._img7_1{
		width:40px;
		height:40px;
		position:absolute;
		z-index:3;
		top:-10px;
		right:400px;
		background:url(../../img/視覺主題/7_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img7_1 1s infinite alternate ease-in-out;	
	}
		
	@keyframes _img7_1 {
	  0%   { transform: scale(1);   opacity: 1; }
	  50%  { transform: scale(1.3); opacity: 0.7; }
	  100% { transform: scale(1);   opacity: 1; }
	}	
		
	
	
	/*資料塊*/	
	.visual_main_box ._img8_1{
		width:100px;
		height:40px;
		position:absolute;
		z-index:1;
		bottom:190px;
		left:-10px;
		background:url(../../img/視覺主題/8_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img8_1 1s infinite alternate ease-in-out;	
	}	
		
		
	@keyframes _img8_1 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(-5px); }
	}	
	
	
	/*資料塊*/	
	.visual_main_box ._img8_2{
		width:100px;
		height:40px;
		position:absolute;
		z-index:1;
		bottom:205px;
		left:-10px;
		background:url(../../img/視覺主題/8_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img8_2 1.5s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img8_2 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(-5px); }
	}		
	
	/*資料塊*/	
	.visual_main_box ._img8_3{
		width:100px;
		height:60px;
		position:absolute;
		z-index:1;
		bottom:220px;
		left:-10px;
		background:url(../../img/視覺主題/8_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img8_3 2s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img8_3 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(-5px); }
	}		
	

	/*AB板_A*/	
	.visual_main_box ._img9_1{
		width:110px;
		height:60px;
		position:absolute;
		z-index:1;
		bottom:90px;
		left:-130px;
		background:url(../../img/視覺主題/9_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img9_1 2s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img9_1 {
	  0%   { transform: translateX(0); }
	  100% { transform: translateX(-10px); }
	}			
	
	/*AB板_B*/	
	.visual_main_box ._img9_2{
		width:110px;
		height:60px;
		position:absolute;
		z-index:0;
		bottom:105px;
		left:-110px;
		background:url(../../img/視覺主題/9_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img9_2 2s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img9_2 {
	  0%   { transform: translateX(0); }
	  100% { transform: translateX(5px); }
	}		
	
	
	
	/*雲*/	
	.visual_main_box ._img10{
		width:100px;
		height:50px;
		position:absolute;
		z-index:0;
		top:50px;
		left:130px;
		background:url(../../img/視覺主題/10.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img10 1s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img10 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(10px); }
	}


	/*搜尋bar*/	
	.visual_main_box ._img11{
		width:100px;
		height:40px;
		position:absolute;
		z-index:30;
		top:70px;
		right:370px;
		background:url(../../img/視覺主題/11.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img11 2s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img11 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(20px); }
	}

	

	/*車子*/	
	.visual_main_box ._img12{
		width:90px;
		height:70px;
		position:absolute;
		z-index:0;
		top:210px;
		left:70px;
		background:url(../../img/視覺主題/12.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img12 5s ease-in-out infinite;	
	}		
	
	@keyframes _img12 {
		0% {
			transform: translate(0, 0) rotate(2deg);
			opacity: 0;
		}
		
		10% {
			opacity: 1; /* 淡入 */
		}		
		
		50% {
			transform: translate(150px, 90px) rotate(0deg);
			opacity: 1;
		}		

		100% {
			transform: translate(150px, 90px) rotate(0deg);
			opacity: 0;
		}
	}	
	
	
	/*產線*/	
	.visual_main_box ._img13{
		width:180px;
		height:90px;
		position:absolute;
		z-index:0;
		bottom:120px;
		left:-60px;
		background:url(../../img/視覺主題/13.svg)no-repeat center center / contain;		
		display: inline-block;	
	}		
	
	
	/*攝影機器人*/	
	.visual_main_box ._img14_1{
		width:50px;
		height:40px;
		position:absolute;
		z-index:0;
		top:90px;
		right:135px;
		background:url(../../img/視覺主題/14_1.svg)no-repeat center center / contain;		
		display: inline-block;	
	}		
	
	
	/*攝影機器人*/	
	.visual_main_box ._img14_2{
		width:60px;
		height:70px;
		position:absolute;
		z-index:2;
		top:40px;
		right:130px;
		background:url(../../img/視覺主題/14_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img14_2 1s infinite alternate ease-in-out;		
	}		
		
	@keyframes _img14_2 {
		0%   { transform: translateY(0); }
		20%  { transform: translateY(-5px); }
		40%  { transform: translateY(-10px); }
		50%  { transform: translateY(-12px); }
		60%  { transform: translateY(-10px); }
		70%  { transform: translateY(-15px); }
		85%  { transform: translateY(-18px); }
		100% { transform: translateY(-20px); }
	}	
	
	
	
	
	
	/*眼睛掃瞄*/	
	.visual_main_box ._img16_1{
		width:80px;
		height:40px;
		position:absolute;
		z-index:2;
		top:30px;
		right:210px;
		background:url(../../img/視覺主題/16_1.svg)no-repeat center center / contain;		
		animation: _img16_1 1s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img16_1 {
	  0%   { transform: translateX(0); }
	  100% { transform: translateX(10px); }
	}		
	
	
	/*眼睛掃瞄*/	
	.visual_main_box ._img16_2{
		width:150px;
		height:110px;
		position:absolute;
		z-index:3;
		top:-60px;
		right:100px;
		background:url(../../img/視覺主題/16_2.svg)no-repeat center center / contain;		
		animation: _img16_2 1s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img16_2 {
	  0%   { 
		opacity:0;
	  }
	  100% { 
		opacity:1;
	  }
	}		
	
	
	/*眼睛掃瞄*/	
	.visual_main_box ._img16_3{
		width:250px;
		height:150px;
		position:absolute;
		z-index:2;
		top:-100px;
		right:20px;
		background:url(../../img/視覺主題/16_3.svg)no-repeat center center / contain;		
		animation: _img16_3 1s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img16_3 {
	  0%   { 
		transform: translateY(0); 
		opacity:0;
	  }
	  100% { 
		transform: translateY(10px); 
		opacity:1;
	  }
	}		
	
	
	/*錢幣*/	
	.visual_main_box ._img17{
		width:40px;
		height:40px;
		position:absolute;
		z-index:3;
		top:70px;
		right:220px;
		background:url(../../img/視覺主題/17.svg)no-repeat center center / contain;		
		animation: _img15_4 2s linear infinite;
	}		
		
		
	/*錢幣*/	
	.visual_main_box ._img17a{
		width:40px;
		height:40px;
		position:absolute;
		z-index:3;
		top:70px;
		right:220px;
		background:url(../../img/視覺主題/17.svg)no-repeat center center / contain;		
		animation: _img15_4 1s linear infinite;
	}			
		

	/*錢幣*/	
	.visual_main_box ._img17b{
		width:40px;
		height:40px;
		position:absolute;
		z-index:3;
		top:70px;
		right:220px;
		background:url(../../img/視覺主題/17.svg)no-repeat center center / contain;		
		animation: _img15_4 1.5s linear infinite;
	}
		
	/*錢幣*/	
	.visual_main_box ._img17c{
		width:40px;
		height:40px;
		position:absolute;
		z-index:3;
		top:70px;
		right:220px;
		background:url(../../img/視覺主題/17.svg)no-repeat center center / contain;		
		animation: _img15_4 2.5s linear infinite;
	}		
		
		
	@keyframes _img15_4 {
		
		0% {
		opacity: 0;
		transform: translateY(-30px) scale(1);
		}
		20% {
		opacity: 1;
		transform: translateY(0) scale(0.6);	
		}
		80% {
		opacity: 1;
		transform: translateY(80px) scale(0.3);
		}
		100% {
		opacity: 0;
		transform: translateY(100px) scale(0.1);	
		}
		
	}		
	
	
	
	
	/*紙飛機*/	
	.visual_main_box ._img19{
		width:100px;
		height:70px;
		position:absolute;
		z-index:0;
		top:260px;
		left:220px;
		background:url(../../img/視覺主題/19.svg)no-repeat center center / contain;		
		animation: _img19 7s ease-in-out infinite;	
	}		
	
	@keyframes _img19 {
		0% {
			transform: translate(0, 0) scale(1);
			opacity: 0;
		}
		
		10% {
			opacity: 1 scale(0.8); 
		}		
		
		50% {
			transform: translate(150px, -10px) scale(0.5);
			opacity: 1;
		}		

		100% {
			transform: translate(550px, -650px) scale(0.1);
			opacity: 0;
		}
	}		
	
	
	
	/*泡泡*/	
	.visual_main_box ._img20{
		width:100px;
		height:100px;
		position:absolute;
		z-index:0;
		top:160px;
		left:-100px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;			
		animation: _img20 3s ease-in-out infinite;	
	}		
	
	/*泡泡*/	
	.visual_main_box ._img20a{
		width:70px;
		height:70px;
		position:absolute;
		z-index:0;
		top:100px;
		left:-70px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 2s ease-in-out infinite;	
	}		
	
		
	/*泡泡*/	
	.visual_main_box ._img20b{
		width:100px;
		height:100px;
		position:absolute;
		z-index:0;
		top:20px;
		right:10px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 4s ease-in-out infinite;	
	}	
	
	

	/*泡泡*/	
	.visual_main_box ._img20c{
		width:50px;
		height:50px;
		position:absolute;
		z-index:0;
		top:10px;
		right:-40px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 2s ease-in-out infinite;	
	}		
	
	
	
	/*泡泡*/	
	.visual_main_box ._img20d{
		width:120px;
		height:120px;
		position:absolute;
		z-index:0;
		top:220px;
		right:300px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 2s ease-in-out infinite;	
	}		
	
	
	
	/*泡泡*/	
	.visual_main_box ._img20e{
		width:50px;
		height:50px;
		position:absolute;
		z-index:0;
		top:-100px;
		right:440px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 2s ease-in-out infinite;	
	}	
	
	
	/*泡泡*/	
	.visual_main_box ._img20f{
		width:150px;
		height:150px;
		position:absolute;
		z-index:0;
		top:-50px;
		right:400px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 2s ease-in-out infinite;	
	}		
	
	
	/*泡泡*/	
	.visual_main_box ._img20g{
		width:250px;
		height:250px;
		position:absolute;
		z-index:0;
		top:-300px;
		left:100px;
		background:url(../../img/視覺主題/20.svg)no-repeat center center / contain;		
		animation: _img20 3s ease-in-out infinite;	
	}		
	
	
	
	@keyframes _img20 {
	  0%   { 
		transform: translateY(0) scale(1); 
		opacity:0;
	  }	 
	  
	  50% { 
		transform: translateY(10px) scale(2); 
		opacity:1;
	  }
	  
	  100%   { 
		transform: translateY(0) scale(1); 
		opacity:0;
	  }	 	  
	  
	}		
	

		
	
	
	/*光通道(長)*/	
	.visual_main_box ._img24{
		width:60px;
		height:200px;
		position:absolute;
		z-index:2;
		top:-30px;
		left:200px;
		background:url(../../img/視覺主題/24.svg)no-repeat bottom center / contain;	
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
		mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		animation: _img24 2s ease-in-out infinite;
	}	

	@keyframes _img23 {
		0%   { opacity: 0.6; }
		20%  { opacity: 1; }
		40%  { opacity: 1; filter: brightness(1.2); } /* 閃一下 */
		60%  { opacity: 1; filter: brightness(1); }
		100% { opacity: 0.7; }
	}
	
	.visual_main_box ._img24 ._img24_box{
		width:60px;
		height:200px;		
		position:relative;
	}
	

	/*光通道內(黑圓)*/	
	.visual_main_box ._img29{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:150px;
		left:10px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 3s ease-in-out infinite;
	}
	

	/*光通道內(黑圓)*/	
	.visual_main_box ._img29a{
		width:10px;
		height:10px;
		position:absolute;
		z-index:2;
		bottom:50px;
		left:15px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 1s ease-in-out infinite;
	}

	/*光通道內(黑圓)*/	
	.visual_main_box ._img29b{
		width:20px;
		height:20px;
		position:absolute;
		z-index:2;
		bottom:0px;
		left:39px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 4s ease-in-out infinite;
	}



	/*光通道內(黑圓)*/	
	.visual_main_box ._img29c{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:250px;
		right:10px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 2s ease-in-out infinite;
	}



	@keyframes _img29 {
 
	  0% {
		opacity: 0;
		transform: translateY(70px) scale(0.5);
	  }

	  
	  60% {
		opacity: 0.7;
		transform: translateY(0) scale(1);
	  }	    
	  
	  80% {
		opacity: 0;
		transform: translateY(-70px) scale(0.8);
	  }	  
	  
	  100% {
		opacity: 0;
		transform: translateY(-100px) scale(0.2);
	  }	 	  
	  
	  
	}		
	
	
	
	/*光線散開*/	
	.visual_main_box ._img30{
		width:700px;
		height:500px;
		position:absolute;
		z-index:1;
		top:-375px;
		left:-65px;
		background:url(../../img/視覺主題/30.svg)no-repeat bottom center / contain;	
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 50%);
		mask-image: linear-gradient(to bottom, transparent 0%, black 50%);
		mask-repeat: no-repeat;		
		animation: _img30 1.5s ease-in-out infinite;
		
	}	
	
	
	@keyframes _img30 {
	  0%   { 
		transform: scale(2); 
		opacity:0;
	  }	 
	  
	  50% { 
		transform: scale(2); 
		opacity:1;
	  }
	  
	  100%   { 
		transform: scale(2); 
		opacity:0;
	  }	 	  
	  
	}	
	
	
	
	
	/*光通道內(黃閃)*/	
	.visual_main_box ._img25{
		width:20px;
		height:50px;
		position:absolute;
		z-index:2;
		bottom:50px;
		right:20px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 2s ease-in-out infinite;
	}		
	

	/*光通道內(黃閃)*/	
	.visual_main_box ._img25a{
		width:30px;
		height:60px;
		position:absolute;
		z-index:2;
		bottom:20px;
		left:10px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 1s ease-in-out infinite;
	}		
		
	
	/*光通道內(黃閃)*/	
	.visual_main_box ._img25b{
		width:10px;
		height:40px;
		position:absolute;
		z-index:2;
		bottom:10px;
		left:15px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 0.5s ease-in-out infinite;
	}		
		
	
	
	
	
	
	/*光通道內(黑線)*/	
	.visual_main_box ._img26{
		width:7px;
		height:60px;
		position:absolute;
		z-index:2;
		top:150px;
		right:35px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img26 2s ease-in-out infinite;
	}	
			
			
	
	/*光通道內(黑線)*/	
	.visual_main_box ._img26a{
		width:5px;
		height:40px;
		position:absolute;
		z-index:2;
		top:250px;
		right:15px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img26 1s ease-in-out infinite;
	}	
						
			
	/*光通道內(黑線)*/	
	.visual_main_box ._img26b{
		width:10px;
		height:60px;
		position:absolute;
		z-index:2;
		bottom:50px;
		right:15px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img26 1s ease-in-out infinite;
	}	

	
	/*光通道內(黑線)*/	
	.visual_main_box ._img26c{
		width:5px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:100px;
		left:15px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img26 1.5s ease-in-out infinite;
	}
	

	@keyframes _img26 {
 
	  0% {
		opacity: 0;
		transform: translateY(70px) scale(1.2);
	  }

	  
	  60% {
		opacity: 0.7;
		transform: translateY(0) scale(0.8);
	  }	    
	  
	  100% {
		opacity: 0;
		transform: translateY(-100px) scale(1.3);
	  }	  
	  
	}			
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	/*紅色盒子*/
	
	.visual_red_box{
		width:400px;
		height:500px;
		position:absolute;
		z-index:0;
		bottom:0;
		right:0;
		background:url(../../img/視覺主題/22_8.svg)no-repeat center center / contain;		
		display: inline-block;	
	}			
	
	.visual_red_boxs{
		width:400px;
		height:500px;
		position:relative;
	}		



	/*星星*/	
	.visual_red_boxs ._img22_1{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:80px;
		right:150px;
		background:url(../../img/視覺主題/22_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_1 2s ease-in-out infinite;
	}	

	/*星星*/	
	.visual_red_boxs ._img22_1a{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:105px;
		right:100px;
		background:url(../../img/視覺主題/22_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_1 2.5s ease-in-out infinite;
	}	


	/*星星*/	
	.visual_red_boxs ._img22_1b{
		width:30px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:135px;
		right:50px;
		background:url(../../img/視覺主題/22_1.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_1 1.5s ease-in-out infinite;
	}	




	@keyframes _img22_1 {
	  0%   { 
		transform: scale(1); 
	  }
	  
	  50% { 
		transform: scale(1.2); 
	  }	  
	  
	  100% { 
		transform: scale(1); 
	  }
	}	




	/*白色方塊*/	
	.visual_red_boxs ._img22_2{
		width:40px;
		height:40px;
		position:absolute;
		z-index:2;
		bottom:60px;
		left:60px;
		background:url(../../img/視覺主題/22_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_2 2s ease-in-out infinite;
		animation-delay: 0s;	
	}	


	/*白色方塊*/	
	.visual_red_boxs ._img22_2a{
		width:40px;
		height:40px;
		position:absolute;
		z-index:2;
		bottom:60px;
		left:60px;
		background:url(../../img/視覺主題/22_2.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_2 2s ease-in-out infinite;
		animation-delay: 0.6s;	
	}	
	

	/*白色方塊*/	
	.visual_red_boxs ._img22_2b{
		width:40px;
		height:40px;
		position:absolute;
		z-index:2;
		bottom:60px;
		left:60px;
		background:url(../../img/視覺主題/22_2.svg)no-repeat center center / contain;		
		display: inline-block;		
		animation: _img22_2 2s ease-in-out infinite;
		animation-delay: 1.2s;	
	}		
	
	
	
	@keyframes _img22_2 {
		
		0% {
			transform: translate(0, 0) scale(1.1);
			opacity: 0;
		}
		10% {
			transform: translate(0, 0) scale(0.7);	
			opacity: 1;
		}
		100% {
			transform: translate(60px, -32px) scale(0);
			opacity: 0;
		}		

	}	

	
	
	
	/*泡泡*/	
	.visual_red_boxs ._img22_3{
		width:30px;
		height:30px;
		position:absolute;
		z-index:1;
		bottom:190px;
		right:280px;
		background:url(../../img/視覺主題/22_3.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_3 2s ease-in-out infinite;	
	}		
	
	
	
	@keyframes _img22_3 {
	  0%   { 
		transform:scale(1); 
	  }	 
	  
	  50% { 
		transform:scale(1.2); 
	  }
	  
	  100%   { 
		transform:scale(1); 
	  }	 	  
	  
	}		
		
	/*機械手臂*/
	.visual_red_boxs ._img22_4{
		width:100px;
		height:50px;
		position:absolute;
		z-index:0;
		bottom:222px;
		left:17px;
		background:url(../../img/視覺主題/22_4.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_4 1.5s linear infinite;
		transform-origin: calc(100% - 0px) center;
	}


	@keyframes _img22_4 {
		0%   { transform: rotate(0deg); }
		50%  { transform: rotate(-10deg); }
		100% { transform: rotate(0deg); }
	}		
	
	
	/*4向晶片*/
	.visual_red_boxs ._img22_5{
		width:80px;
		height:50px;
		position:absolute;
		z-index:1;
		bottom:145px;
		left:113px;
		background:url(../../img/視覺主題/22_5.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_5 2s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img22_5 {
	  0%   { transform: translateY(0); }
	  100% { transform: translateY(-5px); }
	}
	
	
	/*紅黃板*/	
	.visual_red_boxs ._img22_6{
		width:50px;
		height:30px;
		position:absolute;
		z-index:1;
		bottom:220px;
		right:120px;
		background:url(../../img/視覺主題/22_6.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_6 2s infinite alternate ease-in-out;	
	}		
	
	
	/*紅黃板*/	
	.visual_red_boxs ._img22_7{
		width:50px;
		height:30px;
		position:absolute;
		z-index:1;
		bottom:210px;
		right:110px;
		background:url(../../img/視覺主題/22_7.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img22_6 1.5s infinite alternate ease-in-out;	
	}		
	
	@keyframes _img22_6 {
	  0%   { 
		transform: translateX(0) translateY(0); 
	  }
	  100% { 
		transform: translateX(20px) translateY(-10px); 
	  }
	}			
		
	
	/*光通道(長)*/	
	.visual_red_boxs ._img23{
		width:60px;
		height:400px;
		position:absolute;
		z-index:1;
		bottom:213px;
		right:197px;
		background:url(../../img/視覺主題/23.svg)no-repeat bottom center / contain;	
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
		mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
		mask-mode: alpha;
		mask-repeat: no-repeat;
		animation: _img23 2s ease-in-out infinite;
	}	

	@keyframes _img23 {
		0%   { opacity: 0.6; }
		20%  { opacity: 1; }
		40%  { opacity: 1; filter: brightness(1.2); } /* 閃一下 */
		60%  { opacity: 1; filter: brightness(1); }
		100% { opacity: 0.7; }
	}


	.visual_red_boxs ._img23_box{
		width:60px;
		height:400px;
		position:relative;		
	}

	
	/*光通道內(黃閃)*/	
	.visual_red_boxs ._img25{
		width:20px;
		height:50px;
		position:absolute;
		z-index:2;
		bottom:100px;
		right:20px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 1s ease-in-out infinite;
	}	
	
	/*光通道內(黃閃)*/	
	.visual_red_boxs ._img25a{
		width:15px;
		height:40px;
		position:absolute;
		z-index:2;
		bottom:150px;
		left:10px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 1s ease-in-out infinite;
	}	
	
	/*光通道內(黃閃)*/	
	.visual_red_boxs ._img25b{
		width:25px;
		height:60px;
		position:absolute;
		z-index:2;
		top:250px;
		left:25px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 0.8s ease-in-out infinite;
	}	
	
	
	/*光通道內(黃閃)*/	
	.visual_red_boxs ._img25c{
		width:35px;
		height:70px;
		position:absolute;
		z-index:2;
		top:50px;
		right:10px;
		background:url(../../img/視覺主題/25.svg)no-repeat bottom center / contain;	
		animation: _img25 2s ease-in-out infinite;
	}		
	
	
	/*光通道內(黑線)*/	
	.visual_red_boxs ._img26{
		width:5px;
		height:50px;
		position:absolute;
		z-index:2;
		bottom:100px;
		left:25px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img25 0.6s ease-in-out infinite;
	}	
	
	
	
	/*光通道內(黑線)*/	
	.visual_red_boxs ._img26a{
		width:5px;
		height:30px;
		position:absolute;
		z-index:2;
		bottom:250px;
		left:10px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img25 2s ease-in-out infinite;
	}		
	
		
	
	/*光通道內(黑線)*/	
	.visual_red_boxs ._img26b{
		width:7px;
		height:30px;
		position:absolute;
		z-index:2;
		top:50px;
		left:60px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img25 1s ease-in-out infinite;
	}				
		
		
	/*光通道內(黑線)*/	
	.visual_red_boxs ._img26c{
		width:7px;
		height:60px;
		position:absolute;
		z-index:2;
		top:150px;
		right:35px;
		background:url(../../img/視覺主題/26.svg)no-repeat bottom center / contain;	
		animation: _img25 2s ease-in-out infinite;
	}	
			

	@keyframes _img25 {
 
	  0% {
		opacity: 0;
		transform: translateY(70px) scale(1.2);
	  }

	  
	  60% {
		opacity: 0.7;
		transform: translateY(0) scale(0.8);
	  }	    
	  
	  100% {
		opacity: 0;
		transform: translateY(-100px) scale(1.3);
	  }	  
	  
	}			
		
		
		
		
	/*光通道內(黑圓)*/	
	.visual_red_boxs ._img29{
		width:10px;
		height:20px;
		position:absolute;
		z-index:2;
		top:230px;
		right:25px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 1s ease-in-out infinite;
	}			
		
		
	/*光通道內(黑圓)*/	
	.visual_red_boxs ._img29a{
		width:20px;
		height:20px;
		position:absolute;
		z-index:2;
		top:130px;
		right:5px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 2s ease-in-out infinite;
	}			
	

	/*光通道內(黑圓)*/	
	.visual_red_boxs ._img29b{
		width:20px;
		height:20px;
		position:absolute;
		z-index:2;
		bottom:150px;
		left:10px;
		background:url(../../img/視覺主題/29.svg)no-repeat bottom center / contain;	
		animation: _img29 3s ease-in-out infinite;
	}
	

	@keyframes _img29 {
 
	  0% {
		opacity: 0;
		transform: translateY(70px) scale(0.5);
	  }

	  
	  60% {
		opacity: 0.7;
		transform: translateY(0) scale(1);
	  }	    
	  
	  80% {
		opacity: 0;
		transform: translateY(-70px) scale(0.8);
	  }	  
	  
	  100% {
		opacity: 0;
		transform: translateY(-100px) scale(0.2);
	  }	 	  
	  
	  
	}		
	
	
	/*噴發閃光*/	
	.visual_main_box ._img33{
		width:450px;
		height:450px;
		position:absolute;
		z-index:-1;
		top:-390px;
		left:33px;
		background:url(../../img/視覺主題/33.svg)no-repeat center center / contain;		
		display: inline-block;	
		animation: _img33 1s ease-in-out infinite;	
	}		
	
	
	
	@keyframes _img33 {
	  0%   { 
		transform: translateY(0) scale(1.5); 
		opacity:0;
	  }	 
	  
	  50% { 
		transform: translateY(0) scale(1.6); 
		opacity:1;
	  }
	  
	  100%   { 
		transform: translateY(0) scale(1.5); 
		opacity:0;
	  }	 	  
	  
	}		
	
	
	
	.menu_mask{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:11;
		background:rgba(0,0,0,0.7);
		display:none;
	}		
	
	.menu{
		width:60%;
		height:100%;
		transition: max-height 0.5s ease;
		background:#F9E167 url(../../img/background.png);
		box-sizing:border-box;
		top:0;
		right:0;		
		z-index:12;
		position:fixed;
		transform: translateX(100%);
		opacity: 0;
		transition: all 0.5s ease;
		padding:30px;
	}	

	.menu.active{
		transform: translateX(0);
		opacity: 1;
	}	

	
	.menu .btn_close{
		height:50px;
		border-radius:5px;
		padding:10px 30px;
		font-size:25px;
		color:#000;
		box-sizing:border-box;
	}		
	
	.menu .btn_close span{
		font-size:30px;
	}	
	
	.menu .btn_close:hover{
		text-decoration:none;
		color:#F47997;
	}		

	.menu .btn_close:hover span{
		color:#F47997;
	}		
	
	
	
	
	.menus{
		width:100%;
		margin:30px 0;
		box-sizing:border-box;
	}		
	
	.menus a{
		display:block;
		padding:30px;
		border-radius:5px;
		margin-bottom:5px;
		font-size:29px;
		border:2px #000 solid;
		font-weight:bold;
		background:#ffee96;
	}			
	
	.menus a:hover{
		text-decoration:none;
		border:2px #F47997 solid;
		color:#fff;
		background:#F47997;
	}

	.menus a .coming_soon{
		font-size:17px;
		color:#F47997;
	}	

	.menus a.imgm1{
		background:#ffee96 url(../../img/選單/徵件資訊.png)no-repeat right 20px bottom -30px / 100px;
		transition: all 0.5s ease;
	}		
	
	
	.menus a.imgm1:hover{
		background:#F47997 url(../../img/選單/徵件資訊.png)no-repeat right 20px bottom -30px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}		
	
	
	.menus a.imgm2{
		background:#ffee96 url(../../img/選單/消息公告.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;
	}		
		
	
		
	.menus a.imgm2:hover{
		background:#F47997 url(../../img/選單/消息公告.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}	
		
	.menus a.imgm3{
		background:#ffee96 url(../../img/選單/活動目的.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;

	}		

	.menus a.imgm3:hover{
		background:#F47997 url(../../img/選單/活動目的.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}	
	
	.menus a.imgm4{
		background:#ffee96 url(../../img/選單/報名詳情.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;
	}		
		
	.menus a.imgm4:hover{
		background:#F47997 url(../../img/選單/報名詳情.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}		
		
	.menus a.imgm5{
		background:#ffee96 url(../../img/選單/評審陣容.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;
	}		
		
	.menus a.imgm5:hover{
		background:#F47997 url(../../img/選單/評審陣容.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}	

	.menus a.imgm6{
		background:#ffee96 url(../../img/選單/成果花絮.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;
	}		
				
	.menus a.imgm6:hover{
		background:#F47997 url(../../img/選單/成果花絮.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}	

	.menus a.imgm7{
		background:#ffee96 url(../../img/選單/下載專區.png)no-repeat right 20px bottom -20px / 100px;
		transition: all 0.5s ease;
	}		
		
	
	.menus a.imgm7:hover{
		background:#F47997 url(../../img/選單/下載專區.png)no-repeat right 20px bottom -20px / 120px;
		border:2px #F47997 solid;
		color:#fff;
	}
	

	.wrapper{
		position:relative;
		margin:30px;
		background:#ffee96;
		padding:30px;
		border-radius:10px;
		box-sizing: border-box;
	}


	.wrapper.fixtop{
		margin-top:180px;
	}


	
	.name_main{
		font-size:50px;
		font-weight:600;
		color:#F47997;
		margin:50px 0 70px 0;
		letter-spacing:-1px;
		position:relative;
	}	


	.name_sub{
		font-size:40px;
		font-weight:600;
		line-height:45px;
		color:#6A7889;
		margin:50px 0;
		letter-spacing:-1px;
		padding-bottom:30px;
		border-bottom:2px #6A7889 dashed;
	}	


	.name_sub1{
		font-size:30px;
		font-weight:600;
		color:#000;
		margin:30px 0;
		letter-spacing:-1px;
	}	

	.name_notic{
		margin:0 20px;
		padding:10px 20px;
		border:2px #F47997 solid;
		color:#F47997;
		font-size:21px;
		font-weight:bold;
		text-shadow:none;
	}

	.info_box{
		margin:200px auto;
	}
	
	.info_box .desc_main{
		font-size:30px;
		line-height:50px;
		font-weight:bold;
		margin:50px 0;
	}	
	
		
	.c2CA1D2{	
		font-size:75px;
		color:#2CA1D2;
		height:75px;
		margin:30px 0;
		line-height:55px;
		padding-bottom:10px;
		border-bottom:2px #2CA1D2 solid;
	}
	
	.text_shadow1{
		text-shadow:
			1px 1px 0 #fff,
			2px 2px 0 #fff,
			3px 3px 0 #fff,
			4px 4px 0 #fff,
			5px 5px 0 #000;			
	}	
	
	
	.desc_box{
		margin:50px auto;
		font-size:21px;
		line-height:33px;
	}	

	.news_box{
		margin:50px auto;
	}	

	.news_boxs{
		display:flex;
		flex-wrap:wrap;
		gap:20px;
	}	
	
	.news_boxs .item{
		flex:0 0 calc(50% - 20px);
		box-sizing: border-box;		
		background:#fff;
		padding:30px;
		border-radius:5px;
		cursor:pointer;
	}	
	
	.news_boxs .item .date{
		font-size:21px;
		color:#F47997;
		letter-spacing:0px;
		font-family: "Fjalla One", sans-serif;
	}	
	
	.news_boxs .item .name{
		padding:10px 0 20px 0;
	}	
	
	.news_boxs .item .detail{
		height:50px;
		text-align:right;
	}		
	
	.news_boxs .item .detail span{
		font-size:35px;
	}	
	
	
	.news_boxs .item_a{
		flex:0 0 calc(50% - 10px);
		box-sizing: border-box;		
		background:#fff;
		padding:30px;
		border-radius:5px;
		cursor:pointer;
	}		
	
	.news_boxs .item_a span{
		font-size:35px;
	}		
	
	.news_boxs .item_1{
		flex:0 0 calc(100% - 10px);
		box-sizing: border-box;		
		background:#fff;
		padding:30px;
		border-radius:5px;
		cursor:pointer;
	}		
	

	
	
	.news_boxs .item_1 .date{
		font-size:21px;
		color:#F47997;
		letter-spacing:0px;
		font-family: "Fjalla One", sans-serif;
	}		
	
	.label_box{
		display:flex;
		flex-wrap:wrap;
		gap:5px;
		margin:10px 0;
	}		
	
	
	.label_box .label{
		padding:10px 20px;
		background:#FCBD67;
		display:table-cell;
		font-size:17px;
		line-height:20px;
		color:#fff;
	}		
	
	.news_boxs .item_1 .detail{
		height:50px;
		text-align:right;
	}		
	
	.news_boxs .item_1 .detail span{
		font-size:35px;
	}	
	
	
	.news_desc{
		
	}		

	.news_desc .desc{
		margin:100px 0;
	}		
	
	
	.button_box{
		display:flex;
		flex-wrap:wrap;
		gap:5px;
		margin:10px 0;
	}		
	
	.button_box .btn{
		height:50px;
		border:2px #000 solid;
		border-radius:5px;
		padding:3px 30px;
		font-size:25px;
		color:#000;
		line-height:45px;
		background:rgba(255,255,255,0.7);
	}	
	
	.button_box .btn span{
		font-size:30px;
	}	
	
	
	.button_box .btn:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#F47997;
	}		
	
	
	.button_box .btn:hover span{
		color:#F47997;
	}	
	
	.project_box{
		margin:200px 0;
	}	
	
	.project_bok{
		display:flex;
		flex-wrap:wrap;
		gap:20px;
		justify-content: space-between;
		margin-bottom:20px;
		
	}		

	.project_bok .title{
		font-size:35px;
		line-height:40px;
		color:#F47997;
		font-weight:bold;
	}
	
	.project_bok .video{
		position:relative;
		width:100%;
		padding-bottom:56.25%; /* 16:9 比例 = 9 / 16 * 100% */
		height:0;
		overflow: hidden;		
	}	
	
	.project_bok .video iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border:0;
	}

	.project_bok .img{
		position:relative;
		width:100%;
		padding-bottom:56.25%; /* 16:9 比例 = 9 / 16 * 100% */
		height:0;
		overflow: hidden;		
	}
	
	
	
	
	.project_bok .text{
		margin:30px 0;
	}

	.project_bok .item{
		flex:1;
		width:calc(50% - 20px);
		padding:50px;
		border-radius:5px;
		background:#fff;
		box-sizing: border-box;
		
	}


	.project_bok .item1{
		flex:1;
		width:100%;
		background:#fff;
		padding:50px;
		box-sizing: border-box;
		border-radius:5px;
	}		

	.project_bok .item2{
		width:100%;
		background:#fff;
		padding:50px;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
	}	


	.project_bok .item3{
		width:calc(33.3% - 20px);
		background:#fff;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
	}
	
	.project_bok .item3 .img{
		width:100%;
		aspect-ratio: 1 / 1;
	}	

	.project_bok .item3 .data{
		padding:30px;
	}

	.project_bok .item3 .data .name{
		font-weight:bold;
	}
	
	.project_bok .item3 .data .desc{
		font-size:17px;
		font-weight:normal;
		line-height:25px;
	}

	.project_bok .item3_{
		width:calc(33.3% - 20px);
		aspect-ratio: 1 / 1;
		background:#fff;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
	}




	.project_bok .item_a{
		flex:1;
		width:calc(30% - 20px);
		height:400px;
		background:#fff url(../../img/新竹縣政府教育局.svg)no-repeat center center / 200px;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
	}
	
	
	.project_bok .item_b{
		width:calc(70% - 20px);
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
	}

	.project_bok .item_b .social_box{
		display:flex;
		gap:20px;
		font-size:19px;
		line-height:30px;
		
	}
	
	.project_bok .item_b .social_box .social{
		width:calc(55% - 20px);
		height:200px;
		border-radius:5px;
		padding:110px 30px 30px 30px;
		box-sizing: border-box;	
		
		display:flex;
		align-items: center;	
	}

	.project_bok .item_b .social_box .social.facebook{
		background:#1877F2 url(../../img/facebook.png)no-repeat center top 20px / 54px;
	}

	.project_bok .item_b .social_box .social.instagram{
		background:#f1f1f1 url(../../img/instagram.png)no-repeat center top 20px / 54px;
	}


	.project_bok .item_b .contact_box{
		padding:30px 30px 30px 120px;
		margin-top:20px;
		height:180px;
		box-sizing: border-box;	
		display:flex;
		align-items: center;
		line-height:30px;	
		border-radius:5px;		
	}

	.project_bok .item_b .contact_box.chat{
		background:#f1f1f1 url(../../img/chat.png)no-repeat left 30px top 65px / 64px;
	}




	.project_bok ._item2{
		width:calc(50% - 20px);
		background:#fff;
		padding:50px;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
		aspect-ratio: 4 / 2.5;
	}	


	.project_bok .__item2{
		width:calc(50% - 10px);
		background:#fff;
		box-sizing: border-box;	
		border-radius:5px;
		position:relative;
	}


	.project_bok .__item2:hover{
		border: 2px #F47997 solid;
	}	
	
	
	
	.project_bok .__item2 .label{
		width:50px;
		height:60px;
		line-height:60px;
		border:2px #000 solid;
		border-top:none;
		border-radius:0 0 5px 5px;
		position:absolute;
		top:0;
		left:10px;
		z-index:1;
		text-align:center;
		font-size:35px;
		font-family: "Oswald", sans-serif;
	}		
	
	.project_bok .__item2:hover .label{
		border: 2px #F47997 solid;
		border-top:none;
		color:#fff;
		background:#F47997;
	}		
		
	
	
	.project_bok .__item2:hover .name{
		color:#F47997;
	}	
	
	.project_bok .__item2:hover .option{
		border-top:1px #F47997 solid;
	}	
	
	.project_bok .__item2.voted {
		border: 2px #F47997 solid;
	}
	
	.project_bok .__item2.voted .name{
		border-top:1px #F47997 solid;
	}	
	
	.project_bok .__item2.voted .option{
		border-top:1px #F47997 solid;
	}	
	
	.project_bok .__item2.voted .option .items.favorites{
		color:#F47997;
	}		
	
	.project_bok .__item2 .option .items.read{
		cursor:pointer;
	}		
	
	
	.project_bok .__item2 .img{
		width:100%;
		aspect-ratio: 4 / 2.5;
	}
	
	.project_bok .__item2 .name{
		width:100%;
		height:100px;
		font-size:23px;
		font-weight:bold;
		color:#0C52A3;
		display:flex; 
		justify-content:center;
		align-items:center;
		padding:50px 40px 50px 80px;
		box-sizing:border-box;		
	}

	.project_bok .__item2 .tag{
		padding:3px 20px;
		font-size:17px;
		font-weight:bold;
		background:#F47997;
		text-align:center;
		color:#fff;
	}		
	
	.project_bok .__item2 .qty_vote{
		padding:5px 30px;
		text-align:center;
	}

	.project_bok .__item2 .info{
		display:flex;
		padding:30px;
		justify-content:center;
		align-items:center;
		font-size:17px;
	}


	.project_bok .__item2 .option{
		height:70px;
		padding:20px 0;
		display:flex;
		justify-content:center;
		align-items:center;		
		border-top:1px #ccc solid;
	}

	.project_bok .__item2 .option .items{
		flex: 1;
		display:block;		
		text-align:center;
	}
	
	
	.project_bok .__item2 .option .items span{
		font-size:35px;
		display:flex;	
		justify-content:center;
		align-items:center;	
		margin:0;
	}
	
	.project_bok .__item2 .option .items.read:hover,
	.project_bok .__item2 .option .items.favorites:hover
	{
		color:#F47997;
		cursor:pointer;
	}
	
	.project_bok .__item2 .option .items.favorites_done{
		color:#F47997;
	}	

	.project_bok .item span,
	.project_bok .item2 span,
	.project_bok ._item2 span{
		font-size:35px;
	}	


	.social_box{
		display:flex;
		flex-wrap:wrap;
		gap:20px;
		justify-content:space-between;
	}
	
	.social_box .item2{
		width:calc(50% - 10px);
		background:#fff;
		height:160px;
		padding:50px 50px 50px 120px;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
		line-height:30px;
		border:2px #000 solid;
		font-size:17px;
		display: flex;
		align-items: center;
	}	
	
	.social_box .item2:hover{
		text-decoration:none;
		border:2px #F47997 solid;
	}		
	
	
	.social_box .item2.gov{
		background:#fff url(../../img/新竹縣政府教育局.svg)no-repeat center center / 50%;
		color:#fff;
	}	

	.social_box .item2.facebook{
		background:#1877F2 url(../../img/facebook.png)no-repeat left 30px center / 60px;
		color:#fff;
	}

	.social_box .item2.instagram{
		background:#f1f1f1 url(../../img/instagram.png)no-repeat left 30px center / 60px;
	}

	.social_box .item2.contact{
		background:#f1f1f1 url(../../img/chat.png)no-repeat left 30px center / 60px;
	}



	.download_bok{
		display:flex;
		flex-wrap:wrap;
		gap:20px;
	}	

	.download_bok ._item3{
		width:calc(33.3% - 20px);
		background:#fff;
		box-sizing: border-box;	
		cursor:pointer;
		border-radius:5px;
		position:relative;
	}	
	
	.download_bok ._item3 .file_name{
		padding:50px;
		margin-bottom:50px;
	}	
	

	.download_bok ._item3 .detail span{
		font-size:35px;
	}	
	
	.download_bok ._item3 .type_file{
		width:100%;
		height:50px;
		margin-top:50px;
		position:absolute;
		bottom:0;
		left:0;
	}
	
	.download_bok ._item3 .type_file.pdf{
		background:#E15F78;
	}	
	
	.download_bok ._item3 .type_file.pptx{
		background:#FFA539;
	}		
	
	.download_bok ._item3 .type_file .icon{
		width:50px;
		height:50px;
		position:absolute;
		top:-25px;
		left:40px;
	}		
		
	.download_bok ._item3 .type_file .icon.pdf{
		background:url(../../img/選單/下載專區.png)no-repeat center center / contain;
	}	

	.download_bok ._item3 .type_file .icon.pptx{
		background:url(../../img/選單/下載專區_pptx.png)no-repeat center center / contain;
	}		

	.aminate_img1{
		background:#fff url(../../img/投票.svg)no-repeat right 10px top -20px / 40% !important;
		overflow:hidden;
		transition: all 0.6s ease;
	}
	
	.aminate_img1:hover{
		background:#fff url(../../img/投票.svg)no-repeat right 20px top -30px / 50% !important;
	}

	.aminate_img2{
		background:#fff url(../../img/影音.svg)no-repeat right 10px top -20px / 40% !important;
		overflow:hidden;
		transition: all 0.6s ease;
	}
	
	.aminate_img2:hover{
		background:#fff url(../../img/影音.svg)no-repeat right 20px top -30px / 50% !important;
	}

	.aminate_img3{
		background:#fff url(../../img/報名詳情.svg)no-repeat right -110px bottom -20px / 70% !important;
		overflow:hidden;
		transition: all 0.6s ease;
	}
	
	.aminate_img3:hover{
		background:#fff url(../../img/報名詳情.svg)no-repeat right -100px bottom -30px / 80% !important;
	}


	.aminate_img4{
		background:#fff url(../../img/更多內容.svg)no-repeat right -50px bottom -30px / 40% !important;
		overflow:hidden;
		transition: all 0.6s ease;
	}
	
	.aminate_img4:hover{
		background:#fff url(../../img/更多內容.svg)no-repeat right -60px bottom -40px / 80% !important;
	}
	
	
	.aminate_img5{
		background:#fff url(../../img/消息公告.svg)no-repeat right -50px top 10px / 50% !important;
		overflow:hidden;
		transition: all 0.6s ease;
	}
	
	.aminate_img5:hover{
		background:#fff url(../../img/消息公告.svg)no-repeat right -60px top -30px / 60% !important;
	}	
	
	
	.aminate1:nth-of-type(1n){
		opacity: 0;
		transform:translateY(50px) translateX(50px) rotate(-5deg); 
		transition: all 0.6s ease;	
	}	
	
	.aminate1:nth-of-type(2n){
		opacity: 0;
		transform:translateY(50px) translateX(-50px) rotate(5deg); 
		transition: all 0.6s ease;	
	}		
	
	.aminate1.active{
		opacity: 1;
		transform:rotate(0); 	
	}	
	
	
	
	.web_path{
		height:40px;
		margin-bottom:50px;
		font-size:19px;
	}
	

	
	.option_box{
		margin:70px 0;
		display:flex;
		flex-wrap:wrap;		
		gap:10px;
	}
	
	.option_box .item{
		box-sizing: border-box;		
	}		


	
	.vote_bok{
		width:100%;
		padding:50px;
		box-sizing: border-box;
		border-radius:5px;
		margin:20px 0;
		position:relative;
		overflow:hidden;
		
	}		
	
	.vote_bok ._img3{
		width:200px;
		height:220px;
		position:absolute;
		z-index:3;
		bottom:-65px;
		right:20px;
		background:url(../../img/視覺主題/3.svg)no-repeat center center / contain;	
		animation: _img3 1s infinite alternate ease-in-out;		
		
	}
	
	.vote_bok .name{
        font-size: 35px;
        font-weight: 600;
        color: #F47997;
        margin: 40px 0;
        letter-spacing: -1px;
        position: relative;	
	}	
	
	.footer{
		background:#6A7889;
		margin-top:50px;
		position:relative;	
	}
	
	.footers{
		padding:100px 30px;
		display:flex;
		flex-wrap:wrap;
		color:#fff;
		position:relative;
		z-index:2;
	}		
	
	.footers .side_left{
		width:100%;
	}		
	
	.footers .side_left .name{
		font-size:27px;
		font-weight:bold;
	}			

	.footers .side_left .office{
		margin:100px 0;
	}	
	
	.footers .side_left .office .line{
		height:1px;
		background:rgba(255,255,255,0.7);
		margin:30px 0;
	}		
	
	.footers .side_left .office .name{
		font-size:20px;
		font-weight:600;
	}		
	
	.footers .side_left .offices{
		display:flex;
		flex-wrap:wrap;	
		gap:10px;
		justify-content:space-between
	}		
	
	.footers .side_left .offices .item{
		width:calc(33% - 10px);
		border-radius:5px;
		padding:10px 20px;
		height:110px;
		box-sizing:border-box;
		display:block;
	}	

	.footers .side_left .offices .item.i1{
		background:#fff url(../../img/教育部青年發展署.svg)no-repeat center center / 150px;
		color:#000;
		font-size:21px;
	}	
	
	.footers .side_left .offices .item.i2{
		background:#fff url(../../img/新竹縣政府.svg)no-repeat center center / 150px;
		color:#000;
		font-size:21px;
	}	

	.footers .side_left .offices .item.i3{
		background:#fff url(../../img/新竹縣議會.svg)no-repeat center center / 150px;
		color:#000;
		font-size:21px;
	}	

	.footers .side_left .offices .item.i4{
		background:#fff url(../../img/新竹縣政府教育局.svg)no-repeat center center / 150px;
		color:#000;
		font-size:21px;
	}	
	
	
	.footers .side_right{
		width:40%;
		position:relative;
	}	
	

	.copyright{
		height:50px;
		font-size:21px;
		padding:30px 30px 100px 30px;
		background:rgba(0,0,0,0.7);	
		color:#fff;
	}		
		
	
	.btn_gotop{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#000;
		box-sizing:border-box;
		position:fixed;
		bottom:30px;
		right:30px;
		z-index:2;
		background:#fff;
	}		
		
	
	.btn_gotop:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#fff;
		background:#F47997;
	}		
	
	
	.btn_gotop:hover span{
		color:#fff;
	}	
	
	
	
	.btn_download{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#fff;
		box-sizing:border-box;
		position:fixed;
		bottom:30px;
		right:24px;
		z-index:2;
		background:#F47997;
		display:none;
	}		
		
	
	.btn_download:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#fff;
		background:#F47997;
	}		
	
	
	.btn_download:hover span{
		color:#fff;
	}		
	


	.btn_signup{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#fff;
		box-sizing:border-box;
		position:fixed;
		bottom:100px;
		right:24px;
		z-index:2;
		background:#F47997;
		display:none;
	}		
	
	.btn_signup:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#fff;
		background:#F47997;
	}			
		
	.btn_signup:hover span{
		color:#fff;
	}	


	.btn_detail{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#fff;
		box-sizing:border-box;
		position:fixed;
		bottom:30px;
		right:24px;
		z-index:2;
		background:#F47997;		
	}		
	
	.btn_detail:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#fff;
		background:#F47997;
	}			
		
	.btn_detail:hover span{
		color:#fff;
	}	


	.btn_file{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#fff;
		box-sizing:border-box;
		position:fixed;
		bottom:170px;
		right:24px;
		z-index:2;
		background:#0C52A3;	
		animation: btn_file 0.8s ease-in-out infinite;	
	}		
	
	.btn_file:hover{
		border:2px #1A73E8 solid;
		text-decoration:none;
		color:#fff;
		background:#1A73E8;
	}			
		
	.btn_file:hover span{
		color:#fff;
	}

	.btn_file_done{
		height:60px;
		line-height:35px;
		border:2px #000 solid;
		border-radius:5px;
		padding:10px 30px;
		font-size:20px;
		color:#555;
		box-sizing:border-box;
		position:fixed;
		bottom:100px;
		right:24px;
		z-index:2;
		background:#ddd;	
	}	
	
	.btn_file_done:hover{
		border:2px #ddd solid;
		text-decoration:none;	
	}	




	/* 抖動關鍵幀 */
	@keyframes btn_file {
		0%   { transform: translate(0, 0); }
		20%  { transform: translate(-4px, 0); }
		40%  { transform: translate(4px, 0); }
		60%  { transform: translate(-4px, 0); }
		80%  { transform: translate(4px, 0); }
		100% { transform: translate(0, 0); }
	}		
	
	
	.effect1{
		border:2px #000 solid;	
	}
	
	.effect1:hover{
		border:2px #F47997 solid;
		color:#F47997;
		text-decoration:none;
	}	
	.effect1:hover span{
		color:#F47997;
	}	
	
	
	.effect2{
		border:2px #000 solid;	
	}

	.effect3{
		border:2px #000 solid;	
		color:#fff;
	}
	
	.effect3:hover{
		border:2px #F47997 solid;
		color:#F47997;
		text-decoration:none;
	}	

	
	.table_box{
		width:100%;
		box-sizing:border-box;
		margin-bottom:20px;
	}		
	
	
	
	table.style1{
		margin-bottom:10px;
		table-layout:auto;
		width:100%;
		border:2 solid #000;
		border-radius:5px;
		overflow:hidden;	
	}	
	
	table.style1.w100{
		width:100%;
	}		
	
	
	table.style1 td{
		border:2px #000 solid;
		padding:20px;	
		vertical-align:top;
		background:rgba(255,255,255,1);
	}	
	
	
	table.style1 td:nth-child(1){
		white-space:nowrap;
	}	
	
	table.style1 td:nth-child(n+2){
	}	
	
	table.style1.noborder td{
		border:none;
		
	}	
	
	table.style1 td.title{
		background:#F47997;
		color:#fff;
	}		
	
	
	
	
	
	
	
	ol.style1{
		margin:0;
		padding: 0 0 0 1.5em; /* 左邊加一點空間 */
	}
	
	ol.style2{
		margin:20px 0;
		padding: 0 0 0 1.5em; /* 左邊加一點空間 */
	}
		
	
	select.style1{
		padding:10px 50px 10px 30px;
		width:auto;
		border:2px #000 solid;
		border-radius:5px;
		font-size:27px;
		background:#fff url(../../img/stat_minus_1_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg)no-repeat center right 10px / 32px;
	}
	
	
	.anchor_fix{
		position:absolute;
		top:-220px;
		height: 0;
		display:block;
	}
	
	
	.cursor_pointer{
		cursor:pointer;
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}	
	
	.animate_box1{
		width:1200px;
		height:700px;
		margin:100px auto;
		position:relative;
		display:flex;
	}	
	
	.desc1{
		width:600px;
		height:600px;
	}
	
	
	.img1{
		width:600px;
		height:600px;
		margin:0 auto;
		background:url(../../img/青年事務科.jpg)no-repeat center center / 600px;
		animation:spin 10s linear infinite;	
	}
	
	
	.coming_soon_box{
		height:300px;
		background:#F47997;
		font-size:50px;
		display:flex;
		justify-content:center;
		align-items:center;
		color:#fff;
		border-radius:5px;
	}
	
	
	.text_justify{
		text-align:justify;
	}	
	
	button{	
		background-color: #F47997 !important;
		color: #ffffff !important;
		font-size: 23px;
		font-weight: bold;
		padding: 20px 60px;
		border: none;
		outline: none;
		border-radius: 8px;
		cursor: pointer;
		box-shadow: 0 14px 0px #99324b, 0 8px 15px rgba(0, 0, 0, 0.2);
		transition: transform 0.1s ease, box-shadow 0.2s ease;
		margin:50px 0;
		border:2px #000 solid;
	}
	
	button:active{
		transform: translateY(2px);
		box-shadow: 0px 6px 0px #013472, 0 6px 10px rgba(0, 0, 0, 0.2);
	}	
	


	.button{
		width:200px;
		height:80px;
		line-height:70px;
		border:2px #000 solid;
		border-radius:5px;
		padding:0 30px;
		color:#fff;
		box-sizing:border-box;
		background:#F47997;		
		text-align:center;
		font-size:21px;
		font-weight:bold;
		margin:20px 0;
		cursor:pointer;
	}		
	
	.button:hover{
		border:2px #F47997 solid;
		text-decoration:none;
		color:#fff;
		background:#F47997;
	}			
		
	.button:hover span{
		color:#fff;
	}	

	
	/* video_index setting */
	
	
	.video_index{
		margin:0px auto 70px auto;
		display:flex;
		flex-wrap:wrap;
		gap:10px;
	}		
		
	
	.video_index .item{
		width: calc((100% - 40px) / 3);
		height: 250px;
		background:#fff;
		border-radius:5px;
		border:1px #000 dashed;
		display:block;
		cursor:pointer;
	}			
	
	.video_index .iframe{
		width:700px;
		min-height:600px;
		margin:0 auto;
		aspect-ratio: 16 / 10;
	}		
	
	.video_index .iframe iframe{
		width:100%;
		height:100%;
		aspect-ratio: 16 / 10;
	}	
	
	
}