/*kissscience2026*/

		
	/*reset css*/
	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {	
		padding: 0;
		margin: 0;
	}
	
	img {border: 0;}
	
	:focus {outline: 0;}
	
	h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
	
	input, button, textarea, select, optgroup, option {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
	} 
	
	code, kbd, samp, tt {font-size: 100%;}



	/*purpose To enable resizing for IE */
	/*branch For IE6-Win, IE7-Win */
	/*	input*/
	button, textarea , input[type="submit"], input[type="button"]  { 
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
	}
	
	ol, ul, li {list-style: none;}
	
	:link, :visited , ins {text-decoration: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	


	/*HTML5 tag*/
	section, article, aside, footer, header, nav, main {display:block;}
	


	/*HTML5 display-role reset for older browsers*/
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	
	ol, ul {
		width: 100%;
		list-style: none;
		float:left;
	}
	
	blockquote, q {quotes: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse; 
		border-spacing: 0;
	}
		
	
	
	/*color set*/
	:root {
    --font-primary-color: #656364; 
    --title-primary-color: #274a9c;  
    --title-second-color: #467dd8; 
    --menu-color:#7d7d7d;
    
    --white-color:#ffffff;
    --gold-color: #ffaa00;
    --pink-color: #f78ac4;   
    --pink1-color: #ff4c83;  
    --orange-color: #ffaa01; 
    --green-color: #13a55e;
    --purple-color: #9190de;
    --gray-color: #a0a0a0;
    --red-color: #c23e3c;
    
    --event-border: #d3d3dd;
    --reg-border: #c0e2fe;   
    --home-bg: #f5f5f7;  
    --kids-bg: #edf6fb;
    --footer-bg: #eef7fc;   
  }		
			
		
		
	/*general*/
	html, body {
		width: 100%;
		height: 100%;
	}
	
	body {
		margin:0; 
		width:100%; 
		font-size:1em; 
		font-family:'Noto Sans TC', 'Microsoft JhengHei','Poppins','Arial', sans-serif; 
		line-height: 165%;
		color: var(--font-primary-color); 
		background: var(--white-color);   
		cursor:default; 
		position:relative;
	}
	
	div , p , table { 
		padding:0; 
		margin:0px 0; 
		width: 100%; 
		float:left;
	}
	
	p {margin:5px 0; }
		
		
		
	/*title*/
	h1 , .posting-title , .post-title , #main_info span , .emailtitle , 
	#menu-name , .reg-search-title , .kids-title , .kids-index-title {
		margin:15px 0 25px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color: var(--title-primary-color);
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	.group-top h1 span {
		width: 100%;
		font-size:0.45em;
		line-height:120%;
		float: Left;
	}
	
	.article-title span {
		margin:0px calc(50% - 100px);
		width:200px;
		color: var(--title-primary-color);
		background: url(graphics/h1.webp) no-repeat left top 10px, url(graphics/h1.webp) no-repeat right top 10px; 
  	background-size:auto 45px;
		float:left;
	}
	
	.home-title , .posting-title , .search_criteria-title , .search_criteria-title1 , .reg-search-title , .kid-title , .camp-title {
		margin:15px 0 25px;
		width:100%;
		font-size:2.5em;
		line-height:145%;
		color: var(--title-primary-color);
		font-weight:bold;
		text-align:center;
		background: url(graphics/h1.webp) no-repeat left top 10px, url(graphics/h1.webp) no-repeat right top 10px; 
  	background-size:auto 45px;
  }
	
	
	h2 {
		margin:5px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color: var(--title-second-color);
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	
	h3 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color: var(--pink-color);
		font-weight:bold;
		float:left;
	}
	
	
	h4 {
		margin:5px 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color: var(--green-color);
		font-weight:bold;
		float:left;
	}
	
	
	h5 {
		padding:0 0 0;
		margin:10px 0 5px;
		width:100%;
		font-size:1.12em;
		line-height:130%;
		color: var(--font-primary-color);
		font-weight:bold;
		float:left; 
	}
		
		

	/*link*/
	a {
		color: var(--title-second-color);
		-webkit-transition: color .5s, 
		background .5s;
		transition: color .5s, 
		background .5s;
		cursor:pointer;
	}
	
	a:hover {color: var(--title-primary-color);}
	
	a img {opacity: 1;}
	
	a img:hover {
	  opacity: .8;
	  -webkit-transition: opacity .5s;
	  transition: opacity .5s;
	 }
	

	.logo a img:hover , #flash-box img:hover , .footer-info img:hover , 
	.header-right ul li a img:hover , .eventimg img , .homegif img , 
	.ul-news-picture a img:hover , .week-nav ul li a img , #home a img , 
	.searchinfo .listing-ul li a img , .kid-btn ul li a img ,
	.kid-index-register ul.kid-register li img {opacity: 1;}

	.printer , hr {display:none;}		



	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	#general-content-main ul li , #news-content ul li {
		padding:0 0 5px 20px; 
		margin:0 0 5px; 
		width:calc(100% - 20px); 
		background: url(graphics/li.webp) no-repeat left top 8px; 
		background-size:15px;
		float:left;
	}

	#general-content-main ul li ul li , #news-content ul li ul li {
		background: url(graphics/li1.webp) no-repeat left top 8px; 
		background-size:15px;
	}

	
	#general-content-main ol li , #news-content ol li {
		padding:0 0 5px 5px; 
		margin:0 0 5px 20px; 
		width:calc(100% - 25px); 
		list-style-type:decimal;
		float:left;
	}


	
	/*iframe img*/
	iframe {
		margin: 10px 0;
		width: 100%;
		max-width: 100% !important;
	}
	
	img {
		width: 100%;
		max-width: 100%;
		height: auto ;
		float:left;
	}
	
	

	/*input*/
	input, textarea {
		padding:8px 5px; 
		border:none; 
		border-radius:10px;
		float:left; 
	}
	
	input[type="submit"] , input[type="button"] {
		width:calc(100% - 0px); 
		color: var(--white-color);		 
		background: var(--title-second-color);
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	input[type="submit"]:hover , input[type="button"]:hover {
		background: var(--title-primary-color);
		border:none;
	}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , 
	input[type="email"] , textarea  {
		width:calc(100% - 14px); 
		color: var(--font-primary-color);
		border:2px solid var(--gray-color);
		background:  var(--white-color);
	}
		
	textarea {height:100px;}
	
	input[type="radio"] ,	input[type="checkbox"] {
		margin:5px 5px 5px 0;
		width:15px;
		height:15px;
	}
	
	select { 
		padding:8px 5px;
		width:calc(100% - 0px); 
		color: var(--gray-color); 
		border:none; 
		border-radius:10px;
		background: var(--white-color);		
		border:2px solid var(--gray-color);
		float:left;
	}
	
		
		
	/*pageselection*/
	#page-top {
		margin-bottom:25px;
		display:none;
	}
	
	#page-bottom {margin-top:25px;}

	.pageselection ul {
		width:100%;
		text-align:center;
		float:left;
	}
	
	.pageselection ul li {
		margin:5px;
		display:inline-block;
		float:none;
	}
	
	.pageselection ul li a {
		padding:5px 10px;
		font-weight:900;
		border-radius:10px;
		display:block;
	}
	
	.pageselection li.activepage {
		padding:5px 10px;
		color: var(--white-color);
		font-weight:900;
		background: var(--title-second-color);
		border-radius:10px;
	}
	
	.pageselection li a:hover {
		color: var(--white-color);
		background: var(--title-primary-color);
	}

	.pageselection ul li.page-word  {display:none;}
	
	
	
	/*messagebox*/
	.messagebox {
		margin:0 25% 15px;
		width:50%;
		text-align:Center;
	}
	
	.messagebox_title , .messagebox_content {display:none;}
	
	
	
	/*pop up*/
	#grayBG1 {
		width:100%; 
		height:100%;
		background:rgba(0,0,0,.8);
		position:fixed; 
		z-index:999; 
		top:0; 
		left:0;
	}
	
  #LightBox1.box_content {
  	padding:20px 25px;
  	margin-left:0;
  	width:250px; 
  	z-index:1000;  
  	color: var(--font-primary-color);  
  	text-align:center;
  	background: var(--white-color);  
  	position:fixed; 
  	left:calc(50% - 150px); 
  	top:25vh; 
  }
	
	#LightBox1.box_content ul {
		padding:0; 
		margin:15px 0 0;
	}
		
	#LightBox1.box_content ul li {
		padding:0; 
		margin:0;
		width:100%;
	}
	
	#LightBox1.box_content ul li a {
		padding:5px 10px;
		margin:0 calc(50% - 50px);
		width:80px;
		font-weight:500;
		color: var(--white-color);  
		background: var(--title-second-color); 
		border:2px solid var(--title-second-color);  
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:var(--title-primary-color); 
		border:2px solid var(--title-primary-color); 
	}

	#LightBoxContent {
		padding-top:15px;
		min-height:50px; 
	}
	
	.box_content a {text-decoration:none;}
	
	#LightBoxContent .message {font-weight:900;}
	
	.warning {display:none;}
		
	
	
	/*frame layout*/
	#artboard {
		background: linear-gradient(to bottom, var(--white-color) , var(--footer-bg));
		/*box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px;*/
	}
	
	
	
	/*header*/
	.header {
		padding:20px 5% 0;
		width:90%;
	}
	
	#index .header {padding:0px 5% 0;}


	
	/*logo*/
	.logo {
		margin:5px 0 0;
		width:250px;
	}
	
	.logo a {
		width:100%; 
		float:left;
	}
	
	
	
	/*header-right*/
	.header-right {
		margin:0 0 0 5%;
		width:calc(95% - 418px);  
		float:right; 
		line-height: auto;
	}
	
	
	.header-right ul.top-menu {
		margin:10px 0px 0 calc(100% - 408px); 
		width:408px; 
		float:left;
	}
	
	.header-right ul.top-menu li {
		margin:0 18px;
		width:100px;  
		float:left;
	}		


	.header-right ul.top-menu li a {
		margin:5px 0; 
		width:100%; 
		font-size:1.5em; 
		color: var(--menu-color);
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	.header-right ul.top-menu li a:hover {color: var(--title-second-color);}
	
	

	/*mainmenu*/
  #mainmenu {
  	margin:5px 0 15px 5%;
  	width:calc(95% - 300px);  
  	position:relative; 
  	z-index:999; 
  	float:right;
  }
  
	#mainmenu ul {text-align:right;}
	
	#mainmenu ul li {
		margin:0; 
		display:inline-block; 
		position:relative;
	}
	
	#mainmenu ul li a {
		padding:15px 18px;
		font-size:1.5em; 
		font-weight:900;
		color: var(--menu-color);
		border-bottom:5px solid rgba(255,255,255,0);
		float:left;  
	}
	
	#mainmenu ul li#menu14352 a {color: var(--gold-color); }

	#mainmenu ul li a:hover , #mainmenu ul li#menu14352 a:hover {
		color:var(--title-second-color);
		border-bottom:5px solid var(--title-second-color);
	}
	
	
	#mainmenu ul li#menu14353 , #mainmenu ul li#menu14357 , #mainmenu ul li#menu14359 , 
	#mainmenu ul li#menu14360 , #mainmenu ul li#menu14983 {display:none;}	



	/*css for dropdown menu */
  #mainmenu ul li ul {
  	padding:0; 
  	margin:0px; 
  	position:absolute; 
  	top:62px;
  	left:-25px;
  	z-index:99;
  	display:none;
  } 
 	
 	#mainmenu ul li:hover > ul {
 		padding:0; 
 		margin:0;
 		width: 180px;
 		background: var(--title-second-color); 
 		display: block;  
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3); 
 	}
 	
 	#mainmenu ul li ul li {
 		padding:0px;
 		margin:0;
 		width:100%;
 		text-align:center;  
 		border-bottom:1px solid var(--white-color);   
 		float:left; 
 	}
 	
 	#mainmenu ul li ul li:last-child {border-bottom:none;}
 	
  #mainmenu ul li ul li a {
  	padding:15px 10px; 
  	width:calc(100% - 20px);
  	font-size:1.12em;  
  	color:var(--white-color);
  	text-align:center;
  	border-bottom:none;
  }
 
  #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover {
  	background:var(--white-color);
  	border-bottom:none;
  }
  
  #mainmenu ul li ul li:hover a {
  	background:var(--white-color);
  	border-bottom:none;
  }



	/*maincontent*/
	.maincontent {
		padding:15px calc(50% - 600px) 30px; 
		margin:0px 0 25px;
		width:1200px;  
		min-height:62vh;
	}
	
	.maincontent-body {position:relative;}
	
	#index .maincontent {padding:0px calc(50% - 600px) 0px;}
	
	

	/*totop*/
	.totop {
		width:50px;
		height:50px;
		position:fixed;
		bottom:30px;
		right:10px;
		z-index:500;
	}
	
	.totop a {
		width:100%;
		height:100%;
		background: url(graphics/totop.webp) left top no-repeat;
		background-size:100%;
		float:left;
	}
		


	/*footer*/
	.footer {
		padding:60px 0 0px;
		width:100%;  
		background: url(graphics/footer.webp) center top 15px no-repeat;
		background-size:1200px auto;
	}
	
	@media screen and (min-width:1921px){
	.footer {
			background: url(graphics/footer.webp) center top no-repeat;
			background-size:1920px auto;
		}
	}
	
	
	.footer-body {
		padding:0 0 45px;
		background: url(graphics/footer-bg.webp) left bottom repeat-x;
		background-size:auto 45px;	
	}

	
	
	/*footer-info*/
	.footer-info {
		padding:15px 0;
		margin:0 calc(50% - 450px) 15px;
		width:900px;
	}
	
	
	.footer-link {width:455px;}		


	.footer-info ul {
		margin:0px 0 0 50px;
		width:calc(100% - 505px); 
	}	
	
	.footer-info li {
		margin:5px 0;
		width:100%; 
		color:var(--font-primary-color); 
		float:left;
	}
	
	.footer-info li:last-child {width:100%;}
	
	.footer-info li a {color:var(--font-primary-color);}
	
	.footer-info li a:hover {color: var(--title-second-color);}
	
	
	
	/*copyright*/
	.copyright {
		padding:10px 0; 
		margin:20px 0 0; 
		text-align:center; 
		font-size:0.75em;
	}
	
	.copyright a {color: var(--title-second-color);}
	
	.copyright a:hover {color: var(--title-primary-color);}



	/*agree policy*/
	.policy {
		padding:20px 20px; 
		width:calc(100% - 40px);
		font-weight:bold; 
		text-align:left;
		background:rgba(255, 255, 255, 0.85);  
		border-top:1px solid var(--reg-border);
		position:fixed; 
		bottom:0; 
		left:0; 
		z-index:9999; 
		display:none;
	}
	
	.policy .policy-exit {
		padding:5px 0 8px;
		margin-left:25px;
		width:100px; 
		color: var(--white-color);
		text-align:center; 
		background: var(--title-second-color); 
		cursor:pointer;  
		display:block;  
		float:right; 
		border-radius:10px;
	}
	
	.policy .policy-exit:hover {background: var(--title-primary-color);}
	
	.policy p {
		width:calc(100% - 125px); 
		color:var(--font-primary-color);
	}
	
	.policy p a {
		margin:0 0 0 5px;
		font-weight:bold; 
		color: var(--title-second-color);
	}	
	
	.policy p a:hover {color: var(--title-primary-color);}
	

	#menu-14373 h2 {text-align: left;}



	/*login*/
	.login {
		margin:20px calc(50% - 200px);
		width:400px;;
	}
	
	.log01-tit {
		padding:12px 20px 10px 0;
		width:80px; 
		text-align:right;		
	}
	
	.log01-info {
		margin:5px 0 5px;
		width:calc(100% - 100px); 
	}
	
	
	.login #tssend {
		padding:12px 10px 12px;	
		margin:0 calc(50% - 90px);
		width:166px; 
		font-size:1.25em;
		font-weight:bold;	
		text-align:center;
		color: var(--white-color);
		background: var(--title-second-color);
		border:2px solid var(--title-second-color);
		border-radius:50px;
		float:left;
	}
	
	.login #tssend:hover {
		color: var(--title-second-color);
		background: var(--white-color);
	} 	
	
	
	#loginbar {
		padding:10px 0;
		color: var(--red-color);
		font-size:1.25em;
		font-weight:bold;	
		text-align:Center;
		background: var(--white-color);
		border-top:2px solid var(--red-color);
		position:fixed;
		bottom:0;
		left:0;
		z-index:9999;
	}
	

	
	/*article list*/	
	.listing-title , #news-list-bottom  {display:none;}
	
	#news-list {
		margin:20px calc(50% - 400px);
		width:800px; 
	}

	#menu-14363 #news-list {
		margin:35px calc(50% - 600px) 20px;
		width:1200px; 
	}

	#menu-14374 #news-list {
		margin:0px calc(50% - 400px) 20px;
	}
	
	#menu-14363 .posting-title , .home-feature .home-title , .home-news .posting-title , 
	.home-links .home-title {
		margin:15px calc(50% - 100px) 25px;
		width:200px;
	}
	
		
	#postingNotice {
		padding:30px 50px;
		margin:0 calc(50% - 400px) 30px;
		width:700px;
		font-weight:bold;
		text-align:center;
		background: var(--kids-bg);  
		border-radius:10px;
		display:none;
	}

	#menu-14374 #postingNotice {display:block;}


	.listing-ul {margin:0 0 30px;}
	
	.listing-ul li {
		margin:0;
		float:Left;
	}
	
	.listing-ul li.new  {display:none;}
	
	.listing-ul li.upc-subject {
		margin:0px 0;
		width:100%;
	}
	
	.listing-ul li.upc-subject a {
		padding:10px 15px 12px;
		width:calc(100% - 30px);  
		color: var(--font-primary-color);  
		font-size:1.25em; 
		font-weight:bold;
		float:left;
	}
	
	.listing-ul li.upc-subject a:hover {} 	
	
	.listing-ul li.upc-subject a p {
		padding:5px 0px 0px;
		margin:0;
		width:100%;  
		overflow:hidden;  
		white-space: nowrap;  
		text-overflow: ellipsis;
	}
	
	
	.listing-ul li.upc-subject a div span {
		margin:0 0 0 10px;
		width:auto; 
		display:none; 
	}
	
		
	.go-back {margin:30px 0 10px;}
	
	.go-back a {
		padding:10px 10px;
		margin:0 calc(50% - 90px);
		width:170px; 
		color: var(--white-color);
		font-size:1.25em;
		text-align:center; 
		background: var(--title-second-color);
		border-radius:50px;
		float:left;    
	}
	
	.go-back a:hover {background: var(--title-primary-color);} 
	


	/*article detail*/
	.news-detail {margin:20px 0 0;}
	
	.news-detail .post-title , .news-detail h1 {margin:0 0 15px;}	
	
	.news-detail .post-title span span , .news-detail .post-title span span {display:none;}

	.news-detail .post-title p , .news-detail h1 p {margin:0;}
	
	.post-date {}
	
	#events-main-picture {text-align:center;}
	
	#gallery-imglist {}
	
	#gallery-imglist .imgbody {
		margin:0 0 5px;
		width:12.5%;
		text-align:Center;
		float:left;
	}
	
	.break-line {display:none;}
	
	#news-content {
		margin:20px calc(50% - 400px);
		width:800px;
	}
	

 	#menu-14326 #news-content img {
	 	margin:5px 0;
	 	box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); 
	}
	

	#menu-14335 .news-detail .post-brief {
		margin: 0 calc(50% - 200px);
		width: 400px;
		float: left;
	}

	#menu-14335 .news-detail .pshall-brief {display:none;}

	#news-content a {word-break: break-all;}
	
	
	.newstable {
		margin:10px calc(50% - 400px) 0;
		width:798px;
		border:1px solid var(--event-border);
	}
		
	.newstable td , .newstable th {
		padding:5px 10px;
		width:calc(25% - 22px);
		text-align:center;
		border:1px solid var(--event-border);
		float:left;
	}
	
	.newstable th {
		font-weight:900;
		background:var(--kids-bg);
	}
	
	.newstable td:first-child {font-weight:900;}



	/*flash box*/
	.nivo-prevNav , .nivo-nextNav {display:none !important;}
	
	#flash-box {display:none;}
	
	@media screen and (min-width:1921px){		
		.flash-box {
			margin:0px calc(50% - 960px) 0px;
			width:1920px;
		}
	}
	
	
	.defaultimg {
		width:100%;
		display:none;
	}
	
	#slider {}

	.theme-default {
		width:100%;
		position:relative;
		float:left;
	}
	
	.theme-default .nivoSlider {margin:0 !important;}
		
			
	.nivo-main-image, .nivo-caption, .nivo-directionNav, .nivo-controlNav {display:none !important;}
	
	

	/*index*/	
	#index .maincontent {
		padding:0px 0 0px;
		width:100%;  
		background:var(--white-color);
	}
	
	@media screen and (min-width:1921px){		
		.kid-images img[alt="kid science"] {
			margin:0px calc(50% - 960px) 0px;
			width:1920px;
		}
	}
	
	
	.kid-index-info {
		margin:30px calc(50% - 600px);
		width:1200px;
		position:relative;
	}
	

	.index-title {
		padding:5px 0;
		margin:0 calc(50% - 100px);
		width:200px;
		font-size:1.75em;
		line-height:140%;
		font-weight:bold;
		text-align:center;
		color:var(--white-color);
		background:var(--orange-color);
		border-radius:40px;
	}
	
	.kid-index-info h1 {margin:15px 0 5px;}
	
	
	.car-title {
		width:160px;
		position:absolute;
		right:0px;
		bottom:-20px;
	}
		
	
	.kid-index-register {
		padding:30px calc(50% - 600px);
		width:1200px;
		background: linear-gradient(to bottom, var(--white-color) , var(--footer-bg));
	}
	
	.kid-index-register ul.kid-register {margin:0 0 30px;}
	
	.kid-index-register ul li {
		margin:0 10px 15px;
		width:calc(33.3% - 20px);
		float:Left;
	}
	
	.kid-index-register ul.kid-register li {width:calc(50% - 20px);}
	
	.kid-index-register ul li img { opacity: .6;}

	.kid-index-register ul li a {
 		padding:10px 10px 11px;
		margin:15px calc(50% - 85px) 5px;
 		width:150px;  
 		color:var(--white-color); 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--green-color);
 		border-radius:50px;
 		float:left;
 	}
 	
 	.kid-index-register ul li a:hover {
 		color: var(--white-color);
 		background: var(--title-second-color);
 	}			
 	
 	.kid-index-register ul li:first-child a {background: var(--title-second-color);}			
 	
 	.kid-index-register ul li:first-child a:hover {background: var(--green-color);}			

 	.kid-index-register ul li:first-child a.surprise-btn {
		margin:15px calc(50% - 140px) 5px;
 		width:260px;  
 	}
 	
 	
		
	/*home*/
	#home {}
		
		
	#home .maincontent {
		padding:0px calc(50% - 600px); 
		margin:0px 0 0px;
		width:1200px;   
		font-size:1.25em;
		text-align:center;
		min-height:auto;
	}
	
	
	#home .maincontent h1 {
		margin:10px 0 15px;
		font-size:2em;
		color: var(--pink-color);
	}
	
	#home .maincontent h1 span {color: var(--orange-color);}
	
	
	.quote-info {
		margin:30px calc(50% - 150px) 15px;
		width:300px;  
		border-bottom:2px solid var(--event-border);
	}
	
	
	
	/*home-field*/
	.home-field {
		padding:15px calc(50% - 600px) 30px; 
		margin:0px 0 0px; 
		width:1200px;
	}
	
	
	.home-field .home-title {
		margin:15px calc(50% - 200px) 25px;
		width:400px;
	}
	
	
	.home-field ul {margin:0 0 15px;}
	
	.home-field ul li {
		margin:5px 5px 15px; 
		width:calc(25% - 10px); 
		float:left;
	}
	
	.home-field ul li a:hover img {filter: grayscale(100%);}



	/*home-center*/
	.home-center {background: linear-gradient(to bottom, var(--white-color) , var(--home-bg));}
	
	
	
	/*home-feature*/
	.home-feature {
		padding:15px calc(50% - 600px) 30px; 
		margin:0px 0 0px;
		width:1200px;  
	}
	
	.home-feature-body {
		margin:0px 0;
		position:relative;
	}
	
	
	.home-feature ul {margin:15px 0 0;}
	
	.home-feature ul li {
		padding:15px 15px 15px; 
		margin:0px 10px 30px; 
		width:calc(25% - 50px);		
		min-height:480px;
		background: var(--white-color);
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);		
		float:Left;
	}
		
	.home-feature ul li:hover {background: var(--kids-bg);}
	
	
	.home-feature .intro-img {
		margin:15px 0 0;
		width:100%;
		float:Left;
	}
	
	.home-feature .intro-text {
		margin:15px 0 0;
 		width:100%;
		color: var(--white-color);
		text-align:center;
		float:Left;
	}
	
	.home-feature .intro-text h3 {text-align:center;}
	
	.intro-text h3 a {
		font-size:1.12em;
		color: var(--green-color);
	}
	
	.intro-text h3 img {
		width:13px;
		display:inline-block;
		position:relative;
		top:8px;
		float:none;
	}
	
	.intro-text h3 span {margin:0 5px;}
	
	.intro-text .organizer {margin:4px 0 10px;}
	
	.intro-text .organizer a {		
		padding:5px 0 5px;
		margin:0px 0;
		width:100%;
		font-size:1.25em;
		font-weight:900;
		color: var(--font-primary-color);		
		float:left;
	}
			
	.intro-text .organizer img[alt="locate"] {
		margin:0 5px 0 0;
		width:20px;
		display:inline-block;
		float:none;
		position:relative;
		top:5px;
	}
	
	.kidsinfo a {text-align:center;}
	
	.kidsinfo a span {
		padding:5px 10px;
		margin:0 0 10px;
		color: var(--white-color);
		background: var(--gold-color);
		border-radius:50px;
		display:inline-block;	
	}
	
	.kidsinfo a img {
		margin:5px 7px;
		width:5px;
		display:inline-block;		
		float:none;						
		position:relative;
		top:10px;
	}
	
	
	.into-brief a {	
		padding:10px 0 0px;
		width:100%;
		font-size:1.25em;
		font-weight:900;
		color: var(--font-primary-color);		
		float:left;	
	}
	
	.into-brief a b {	
		font-size:1.75em;
		color: var(--pink1-color);	
	}
	
		
	img[alt="featureimages"] {
		width:100px;
		position:absolute;
		right:-30px;
		bottom:-20px;
	}
		
	
	
	/*home-news*/
	.home-news {
		padding:0px calc(50% - 600px) 60px; 
		margin:0px 0 0px;
		width:1200px;  
		position:relative;
	}
		
	.home-news-body {margin:0px 0;}
	
	
	.home-news #news-list {
		margin:15px 0 0;
		width:100%; 
	}
	
	.home-news .listing-ul li.upc-picture , .home-news .listing-ul li.upc-brief , 	
	.home-news .listing-ul li.upc-date , .home-news .listing-ul li.upc-more {display:none;}
	
	
	.home-news .listing-ul {		
		padding:15px 45px 12px 15px; 
		margin:0px 0 30px; 
		width:calc(100% - 60px);
		background: var(--white-color) url(graphics/extralink.webp) no-repeat right 30px bottom 20px;  
		background-size:30px;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	.home-news .listing-ul:hover {
		background: var(--footer-bg) url(graphics/extralink-h.webp) no-repeat right 30px bottom 20px;  
		background-size:30px;
	}

	.home-news .listing-ul li.upc-subject a:hover {} 
	
	.home-news .listing-ul li.upc-subject a div  {
		padding:15px 0;
		margin:0 0px;
		width:100%; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news.webp) no-repeat top left;  
		background-size:100px auto;
	}	 
	 
	.home-news .listing-ul li.upc-subject a span {
		padding:10px 0px 0px;
		width:100%;    
		color: var(--font-primary-color);
		float:left;  
	}
	
	
	.home-news .morenews {
		width:auto;
		font-size:1.25em;
		font-weight:bold;
		color: var(--font-primary-color);
		text-align:right;
		float:right;
	}
	
	.home-news .morenews img {
		margin:0px 0 0 15px;
		width:30px;
		float:none;
		display:inline-block;
		position:relative;
		top:10px;
	}
	
	img[alt="newsimages"] {
		width:250px;
		position:absolute;
		left:0;
		bottom:-85px;
	}
	
	
	
	/*home-info*/
	.home-info {
		padding:30px calc(50% - 600px); 
		margin:0px 0;
		width:1200px;
		background:var(--white-color);
	}
	
	.home-infobody {}
	
  .home-info iframe {height:650px; }
  
   
	
	/*home-events*/
	.home-events {
		padding:0px calc(50% - 600px) 0px;
		margin:0 0 15px;
		width:1200px;
		background:linear-gradient(to bottom, var(--white-color) , var(--footer-bg));
	} 

	.homeevents-body {}
	
	.home-events #news-list {
		margin:0;
		width:100%;
	}


	.home-events .pre-post , .home-events .next-post {
		margin-top:300px; 
		width:55px;
		cursor:pointer;
	}   
	
	.home-events .pre-post a {
		width:100%; 
		height:55px; 
		background:url(graphics/flash-left.webp) no-repeat center center; 
		background-size:100%;
		float:left; 
	} 
	
	.home-events .next-post a {
		width:100%; 
		height:55px; 
		background:url(graphics/flash-right.webp) no-repeat center center; 
		background-size:100%;
		float:left; 
	} 	  	
	
	
	#homeevents-list {width:calc(100% - 120px);}
	
	#homeevents-listbody {
		width:100% !important;
		position:relative;
	}
	
	#homeevents-list ul {width:100%;}
	
	#homeevents-list .postul {
		margin:0px;
		width:calc(100% - 0px);  
		color: var(--white-color); 
		text-align:right; 
		letter-spacing:-8px;
	}	
	
	.postul li:hover {filter: grayscale(100%);}	
	
	#homeevents-list .postul > li {
		padding:15px 15px;
		margin:5px 10px 15px !important;
		width:310px !important; 
		height:650px !important;  
		letter-spacing:normal; 
		vertical-align:top; 
		position:relative; 
		float:left;
	}  	
		
	
	.home-events .bodylink , .home-events .ul-news-date , .home-events .ul-news-status , .home-events .ul-news-more {display:none;}
	


	/*home-links*/
	.home-links {
		padding:0px calc(50% - 500px) 30px; 
		margin:30px 0 30px;
		width:1000px;  
	}
	
	.home-links ul {margin:15px 0;}
	
	.home-links ul li {
		padding:0px 0px 0px; 
		margin:0px 15px 0px; 
		width:calc(33.3% - 30px);		
		float:Left;
	}
	
	.home-links ul li a {
		width:100%;
		float:Left;
	}
	
	
	
	/*News*/
	#menu-14363 .listing-ul , #menu-14374 .listing-ul {				
		padding:15px 45px 12px 15px; 
		margin:0px 0 30px; 
		width:calc(100% - 60px);
		background: var(--white-color) url(graphics/extralink.webp) no-repeat right 30px bottom 20px;  
		background-size:30px;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	#menu-14363 .listing-ul:hover , #menu-14374 .listing-ul:hover {
		background: var(--footer-bg) url(graphics/extralink-h.webp) no-repeat right 30px bottom 20px;  
		background-size:30px;
	}
	
	
	#menu-14363 .listing-ul li.upc-subject a div {
		padding:15px 0;
		margin:0 0px;
		width:100%; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news.webp) no-repeat top left;  
		background-size:100px auto;
	}	 
	 
	#menu-14363 .listing-ul li.upc-subject a span {
		padding:10px 0px 0px;
		width:100%;    
		color: var(--font-primary-color);
		float:left;  
	}
	
	#menu-14374 .posting-title {background:none;}



	/*feature*/
	.feature ul {
		margin:15px calc(50% - 400px) 0;
		width:800px;
	}
	
	#general-content-main .feature ul li {
		padding:30px 30px 30px; 
		margin:0px 0px 30px; 
		width:calc(100% - 60px);		
		background: var(--white-color);
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);		
		float:Left;
	}
	
	#general-content-main .feature ul li:hover {background: var(--kids-bg);}
	
	#general-content-main .feature ul li:nth-child(2) {
		background:var(--white-color) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:160px auto;		
	}
	
	#general-content-main .feature ul li:nth-child(2):hover {
		background:var(--kids-bg) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:160px auto;		
	}
	
	
	.feature .intro-img {width:350px;}
	
	.feature .intro-text {
		margin:60px 0 0 30px;
 		width:calc(100% - 380px);
		text-align:left;
	}
	
	.feature .intro-text h3 {text-align:left;}

	
		
	/*search2026*/
	#menu-14358 .maincontent {}	
		
	.search_criteria-title {
		margin:15px calc(50% - 140px) 15px;
		width:280px;
	}
	
	.search_criteria-title1 {
		margin:15px calc(50% - 110px) 25px;
		width:220px;
	}
	
	.search_criteria h2 {margin:5px 0 30px;}
			
	.search_criteria h2 img {
		margin:0 0 0 5px;
		width:50px;
		display:inline-block;
		float:none;
		position:relative;
		top:-10px;		
	}	
	
	
	.mb_search_criteria h3 {margin:10px 0 15px;}		
	

  .search_subject , .search_location {
  	margin:10px 0 5px;
  	text-align:center;
  }
  
  .search_subject > div , .search_location > div {letter-spacing:-8px;}
  
  .search_subject p , .search_location p {
  	margin:0 10px;
  	width:125px;  
  	letter-spacing:normal; 
  	float:none;
  	display:inline-block; 
  }
  
	.search_subject input[type="radio"] , .search_location input[type="radio"] {display: none;}

	.search_subject input[type="radio"] + label , .search_location input[type="radio"] + label {
		padding:10px 10px;
		width:100px;  
		font-size:1.12em;
		font-weight:900;
		color: var(--title-second-color);
		background: var(--white-color);
		text-align:center; 
		float:left;  
		cursor: pointer; 
		border:2px solid var(--title-second-color);	
		border-radius:50px;
	}
	
	.search_subject input[type="radio"] + label {				
		color: var(--title-second-color);
		background: var(--white-color);
		border:2px solid var(--title-second-color);		
	}
	
	.search_subject input[type="radio"]:hover + label {
		color:var(--white-color);
		background: var(--title-primary-color);	
	}
	
	.search_location input[type="radio"]:hover + label {	
		color:var(--white-color);
		background: var(--menu-color);
	}	

	.search_subject input[type="radio"]:checked + label , .search_location input[type="radio"]:checked + label {
		color: var(--white-color);
		background: var(--title-second-color);
	}		
	
	/*.search_location input[type="radio"]:checked + label {
		color: var(--white-color);
		background: var(--gray-color);
	}		*/


 	.search_oneday , .search_limit , .search_keyword {
		margin:10px 10%; 
		width:80%; 
		text-align:center;
	}	
	
	.search_oneday p { 
		margin:0 10px 10px;
		width:120px;  
		color: var(--gray-color);
		font-weight:bold;
		text-align:left;
		float:none;
  	display:inline-block;
	}
		
	.search_limit p { 
		margin:0 10px 10px;
		width:105px;  
		color: var(--gray-color);
		font-weight:bold;
		text-align:left;
		float:none;
  	display:inline-block;
  }
	
	.search_oneday input[type="checkbox"] , .search_limit input[type="checkbox"] {
		width:20px; 
		height:20px; 
		background: var(--white-color);  
		appearance: none;
    -webkit-appearance: none;
		border:2px solid  var(--gray-color); 
		border-radius:5px;
		outline:none;
		position: relative;
    vertical-align: middle; 
    cursor: pointer;
	}
	
	.search_oneday input[type="checkbox"]:checked , .search_limit input[type="checkbox"]:checked {
	  /*background-color: var(--gray-color); 
	  border-color: var(--gray-color);*/
		background: var(--title-second-color);
		border-color: var(--title-second-color);	
	}
	
	.search_oneday input[type="checkbox"]:checked::after,
	.search_limit input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;       
    top: 1px;       
    width: 5px;
    height: 10px;
    border: solid var(--white-color); 
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
	}

	.search_oneday label {
		font-size:1.12em;
		font-weight:900;
		color: var(--title-second-color);	
		text-align:center; 
		float:left;  
		cursor: pointer; 
	}
	
	.search_limit label {
		font-size:1.12em;
		font-weight:900;
		color: var(--title-second-color);	
		text-align:center; 
		float:left;  
		cursor: pointer;
	}	
	
	.search_oneday input ,	.search_oneday label , .search_limit input ,	.search_limit label {
		width:auto; 
		display:inline-block;
		float: none;
	}
	
	.search_oneday label , .search_limit label  {margin:2px 0 0;}
	
	.search_keyword input {
		margin:0px calc(50% - 425px); ;
		width:850px;
		background:var(--white-color) url(graphics/search.webp) no-repeat center right 10px;  
		background-size:30px;
	}
	

	.sub-seach {
		margin:20px calc(50% - 153px); 0;
		width:306px; 
		text-align:center;
	}
  
  .sub-seach a , .sub-seach input {
  	margin:0 5px; 
  	border-radius:50px; 
  }
 	
 	.sub-seach a#clear-button {
 		padding:11px 25px;
 		width:90px;  
 		color: var(--title-second-color);
 		font-size:1.25em;
 		font-weight:bold;
 		background: var(--white-color);
		border:2px solid var(--title-second-color);
 		float:left;
 	}
 	
  .sub-seach a#clear-button:hover {
 		color: var(--white-color);
  	background: var(--title-second-color);
  }
  
  .sub-seach input {
  	padding:10px 25px;
  	width:140px;  	
 		color: var(--white-color);
 		font-size:1.25em;
 		font-weight:bold;
  	background: var(--title-second-color);
		border:2px solid var(--title-second-color);
		box-shadow:none;
  }
  
  .sub-seach input:hover {
 		color: var(--title-second-color);
  	background: var(--white-color);
		border:2px solid var(--title-second-color);
	} 
 
 
 
 	/*search2026 mobile*/
	.mb_search-header , .mb_search_keyword , .mb_search_keyword_more {display: none;}
	
	
	
	/*searchnews*/
	.searchnews {
		margin:30px calc(50% - 430px) 0px;
		width:860px; 
		background:url(graphics/star1.webp) no-repeat top 30px right;  
		background-size:auto 150px;
	}
	
	.searchnews-body {	
		background:url(graphics/atom-bg.webp) no-repeat top 150px left;  
		background-size:auto 60px;
	}
	
	
	.search-list {
		margin:0px calc(50% - 300px);
		width:600px; 
		float:left;
	}
	
	
	.searchnews ul {margin:15px 0;}
	
	.searchnews ul li {
		margin:15px 5px; 
		width:calc(33.3% - 10px); 
		float:left;
	}
	
	
	.searchnews-info {
		margin:30px calc(50% - 300px) 30px;
		width:600px;  
		border-bottom:2px solid var(--event-border);
	}
	

	
 	/*searchinfo*/
	.searchinfo {
		background: url(graphics/search-bg.webp) repeat-y right 15px top 145px; 
		background-size:auto 2000px; 
		position:relative; 
	}
	
	.searchinfo-body {		
		padding:0px 0px 45px; 
		margin:0px calc(50% - 600px) 60px;
		width:1200px; 		
	}
	
		
	.search_content {margin:0px 0 15px;}
	

	.search_sort {
		padding:0 51% 0 0;
		margin:0 0 30px;
		width:49%;
	}
	
	.search_sort span {
		margin:10px 10px 10px 0;
		width:70px;
		float:left;
	}
	
	.search_sort select {width:calc(100% - 80px);}
	
	
	.no-events {
		margin:10px 0;
		color: var(--menu-color);
		font-size:1.25em;
		font-weight:bold;
		text-align:center;
	}
	


	.search-result-count {
		margin:10px 0;
		color: var(--title-primary-color);
		font-size:1.25em;
		font-weight:bold;
	}



 	.searchinfo .listing-ul {
 		padding:0 10px 25px;
 		width:calc(50% - 20px);
 		min-height:730px;
 		display: none; 		
		position:relative;
 	}
 	
 	.searchinfo .listing-ul#status-full , .searchinfo .listing-ul#status-over {filter: grayscale(100%); } 
	
	
	.searchinfo .listing-ul li {
		text-align:left;
		position:relative;
	}
	
	.searchinfo .listing-ul li a:hover img {filter: grayscale(100%);}
	
	
	
  .searchinfo .listing-ul li.upc-subject {
  	padding:0px 0;
  	margin:10px 0 5px;
  	width:100%; 
  	color: var(--title-second-color);
  	line-height:160%;
  	font-weight:bold;
		position:relative;
  }  


	.searchinfo .listing-ul li.upc-subject a {
		padding:10px 0 10px 0;
		margin:0px 5px 0px 5px;
  	width:calc(100% - 10px);
  	color: var(--title-second-color);
		overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
		float:left;
	} 
	
	
	
 	.searchinfo .listing-ul li.upc-picture {
 		width:100%;
 		background: var(--white-color);
 		border-radius:20px;
 		overflow:hidden;
 	}
	
	
	.searchinfo .listing-ul li.upc-picture:after {
 		padding:5px 10px 5px;
		width:80px; 
		color: var(--white-color);
  	font-weight:700;
 		text-align:center;
 		background: var(--gold-color);
 		border-radius:50px;
 		position:absolute;
 		top:10px; 
 		right:10px;
 	}
	
	.searchinfo .listing-ul.menu14384 li.upc-picture:after {content:'智慧生活';}
 	
	.searchinfo .listing-ul.menu14383 li.upc-picture:after {content:'尖端科技';}
 	
	.searchinfo .listing-ul.menu14382 li.upc-picture:after {content:'生技醫藥';}
 	
	.searchinfo .listing-ul.menu14385 li.upc-picture:after {content:'環境生態';}	
 	
	.searchinfo .listing-ul.menu14386 li.upc-picture:after {content:'跨域探索';} 	
 	
 	 	
 	.searchinfo .listing-ul#status-full li.upc-picture:before {
 		padding:5px 10px 5px;
		width:140px; 
 		content:'報名額滿';
 		color: var(--menu-color); 
  	font-weight:bold;
 		text-align:center;
 		background: var(--white-color); 
 		border:2px solid var(--menu-color); 
 		border-radius:50px;
 		position:absolute;
 		top:170px; 
 		left:calc(50% - 81px);
 		z-index:2;
 	}
 	 	
 	.searchinfo .listing-ul#status-over li.upc-picture:before {
 		padding:5px 10px 5px;
		width:140px; 
 		content:'報名截止';
 		color: var(--menu-color); 
  	font-weight:bold;
 		text-align:center;
 		background: var(--white-color); 
 		border:2px solid var(--menu-color); 
 		border-radius:50px;
 		position:absolute;
 		top:170px; 
 		left:calc(50% - 81px);
 		z-index:2;
 	}
  
  .searchinfo .listing-ul li.ul-news-status , .searchinfo .listing-ul li.new {display:none;}
  
 
 		
	.searchinfo .listing-ul li.upc-brief {
  	padding:0 10px;
  	margin:10px 0; 
  	width:calc(100% - 20px); 
  }
  
  .searchinfo .listing-ul li.upc-brief a {
  	color:var(--font-primary-color); 
  	font-weight:bold;
  	word-wrap: break-word;
		float:left;
  }
  	
	.searchinfo li.upc-brief .organizer {
		padding:0 0 0 20px;
		width:calc(100% - 20px);
		background: url(graphics/locate.webp) no-repeat left top 8px; 
		background-size:15px auto;
	}
	
	.access-time {
		margin:0 0 5px;
		font-size:1.25em;
		color:var(--green-color); 
	}
	
	.access-time span {margin:0 15px 0 0;}
	
		
	.searchinfo li.upc-brief .info-locate p {margin:0 0 5px;}
	
	.searchinfo .listing-ul li.upc-brief .htag {display:none;}
	
	
	.searchinfo li.upc-register {
		margin:0px 0px 0;
		width:100%;	
	}
	
	.searchinfo li.upc-register a {
 		padding:5px 10px 7px;
 		margin:0 calc(50% - 55px);
 		width:100px;  
 		color: var(--white-color);
 		font-weight:bold;
 		text-align:center;
 		background: var(--green-color); 
 		border-radius:50px;
 		float:right;
 	}
 	
 	.searchinfo li.upc-register a img {
 		margin:5px 2px 0 0;
 		width:18px;
 		float:right;
 	}
 	
 	.searchinfo li.upc-register a:hover {background: var(--orange-color); }
	
	
	
	/*events detail*/			
	#menu-14384 #news-content , #menu-14383 #news-content , #menu-14382 #news-content , 
	#menu-14385 #news-content , #menu-14386 #news-content , #menu-14392 #news-content {
		padding:0 0 15px;
		margin:0px 0;
		width:100%;
	}	
	
	
	#menu-14384 .news-detail .post-title , #menu-14383 .news-detail .post-title , #menu-14382 .news-detail .post-title , 
	#menu-14385 .news-detail .post-title , #menu-14386 .news-detail .post-title , #menu-14392 .news-detail .post-title {
		padding:0px 0;
		margin:15px 0 15px;
		color: var(--title-second-color);
		text-align:left;
	}
			
			
			
	/*news-content-top*/
	.news-content-top {
		padding:0 0 10px;
		width: 100%;
		background: url(graphics/atom-bg.webp) no-repeat right 150px top 60px; 
		background-size:60px auto;
	}
	
		
	.event-desc {
		padding:15px 15px;
		margin:0 0 0px;
		width:calc(100% - 30px);
		font-size:1.12em;
  	border-top:2px solid var(--event-border);
		position:relative;	
	}
	
	.event-desc p {margin:5px 0 10px;}
	
	.event-desc p a {
		padding:0 20px 0 0;
		width:calc(100% - 20px);		
		color: var(--font-primary-color);
		background: url(graphics/external-link.webp) no-repeat right top 3px; 
  	background-size:20px;
	}
	
	.event-desc p a:hover {
		color: var(--title-second-color);
		background: url(graphics/external-link-h.webp) no-repeat right top 3px; 
  	background-size:20px;
  }
		
	
	#news-content .news-content-top ul {margin:10px 0 0;}
	
	#news-content .news-content-top ul li {
		padding:5px 0 5px; 
		margin:5px 10px 5px 0; 
		width:150px; 
		background: none;
	}
	
	#news-content .news-content-top ul li a {
		width:100%;
		font-weight:bold;
		color: var(--font-primary-color);
		float:left;
	}	
		
	#news-content .news-content-top ul li img {
		margin:-2px 5px 0 0;
		width:30px;
		float:left;
	}
	
	#news-content .news-content-top ul li a:hover {color: var(--title-second-color);}
	
	
	
	/*news-content-btn*/
	.news-content-btn {
		padding:5px 0;
		background: var(--white-color);	
		overflow: hidden;
		position: sticky; /* 滾動到距離視窗最上方 0 像素時固定 */
    top: 0;       
    z-index: 9;
	}
	
	#news-content .news-content-btn ul {
		margin: 0;
		width:calc(100% - 8px);
	  	border:4px solid var(--title-second-color);
	  	border-radius:50px;
  }
	
	#news-content .news-content-btn ul li {
		padding:5px 5px; 
		margin:0px 0px; 
		width:calc(50% - 10px); 
		text-align:center;
		background: none;
	}
	
	#news-content .news-content-btn ul li a {
		padding:15px 0 15px;
		width:100%;
		font-size:1.5em;
		font-weight:bold;
		color: var(--title-second-color);
		float:left;
		transition: color .5s ease, background-color .5s ease;
	}	
	
	#news-content .news-content-btn ul li:first-child a {border-radius:50px 0 0 50px;}
	
	#news-content .news-content-btn ul li:last-child a {border-radius:0 50px 50px 0;}
	
	#news-content .news-content-btn ul li a:hover , #news-content .news-content-btn ul li a.active {
		color: var(--white-color);	
		background: var(--title-second-color);
	}
	  	
	
	#content-brief {
		position:relative;
		top:0px;
	}
	
	#content-reg {
		position:relative;
		top:-10px;
	}
		
		
		
	/*news-content-center*/
	.news-content-center {
		padding:30px 50px 30px;
		margin:5px 0;
		width:calc(100% - 110px);
		background: var(--white-color);
		border-radius:50px;
		border:5px solid var(--reg-border);
		position:relative;	
	}
	
			
	.news-content-title {
		margin:15px 0 5px;
		font-size:2em;
		line-height:150%;
		color: var(--pink-color);
		font-weight:bold;
		text-align:left;

	}
	
	
	.content-info , .content-plan {margin:0 0 30px;}
	
	.news-content-center h4 {
		margin:5px 0;
		color: var(--menu-color);
		text-align:left;
	}
		
	
	.event-table {
		margin:10px calc(50% - 400px) 0;
		width:798px;
		border:1px solid var(--event-border);
	}
		
	.event-table td , .event-table th {
		padding:5px 10px;
		width:calc(50% - 22px);
		border:1px solid var(--event-border);
		float:left;
	}
	
	.event-table th {
		font-weight:900;
		background:var(--kids-bg);
	}
	
	.event-table td:first-child {
		font-weight:900;
		text-align:center;
	}
	
		
	.newsid-13911 .event-table td:first-child , .newsid-13911 .event-table th:first-child {width:calc(25% - 22px);}
	
	.newsid-13911 .event-table td:last-child , .newsid-13911 .event-table th:last-child {width:calc(75% - 22px);}
	
	.newsid-13911 .content-plan h4 {
		margin:15px 0 0px;
		text-align:center;
	}
	
	.newsid-14019 .event-table td:first-child , .newsid-14019 .event-table th:first-child {width:calc(30% - 22px);}
	
	.newsid-14019 .event-table td:nth-child(2) , .newsid-14019 .event-table th:nth-child(2) {width:calc(40% - 22px);}
	
	.newsid-14019 .event-table td:last-child , .newsid-14019 .event-table th:last-child {width:calc(30% - 22px);}
	
		
	.newsid-14064 .event-table td:first-child , .newsid-14064 .event-table th:first-child {width:calc(30% - 22px);}
	
	.newsid-14064 .event-table td:last-child , .newsid-14064 .event-table th:last-child {width:calc(70% - 22px);}


	.newsid-14073 .event-table td:first-child , .newsid-14073 .event-table th:first-child , .newsid-14075 .event-table td:first-child , .newsid-14075 .event-table th:first-child {width:calc(30% - 22px);}
	
	.newsid-14073 .event-table td:last-child , .newsid-14073 .event-table th:last-child , .newsid-14075 .event-table td:last-child , .newsid-14075 .event-table th:last-child {width:calc(70% - 22px);}
		


	/*content-person*/
	.content-person {margin:0 0 30px;}
	
	.content-person h2 {		
		margin:15px 0 5px;
		color: var(--menu-color);
		text-align:left;
	}
		
		

	/*content-link*/
	.content-link {margin:0 0 0px;}
	
	.content-link h2 {		
		margin:15px 0 5px;
		color: var(--menu-color);
		text-align:left;
	}
	
	
  .content-link ul {margin:15px 0 0px;}
  
  #news-content .content-link ul li {
  	padding:0 0 5px;
		margin:0px 0 15px;
		width:100%; 	
  }
 
	#news-content .content-link ul li a {
  	padding:20px 90px 20px 15px; 
		width:calc(100% - 105px);
		color: var(--font-primary-color);
		font-weight:bold;
		background: var(--white-color) url(graphics/extralink.webp) no-repeat right 15px center;  
		background-size:35px;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
		float:left;
  }
	
  #news-content .content-link ul li:hover a {
		background: var(--footer-bg) url(graphics/extralink-h.webp) no-repeat right 15px center;  
		background-size:35px;
  }

	
	
	/*eventimg*/
	.eventimg {
		margin:15px calc(50% - 300px);
		width:600px;
	}
	
	
	
	/*news-content-bottom*/
	.news-content-bottom {
		padding:30px 50px 30px;
		margin:5px 0 30px;
		width:calc(100% - 110px);
		background: var(--white-color);
		border-radius:50px;
		border:5px solid var(--reg-border);
		position:relative;	
	}
	
	
	
	/*news-content-nav*/
	.news-content-nav {
		padding:0px 0 0px;
		margin:10px 0 0;
		width: calc(100% - 0px);
		background: var(--white-color);	
	}
	
		
	#news-content .news-content-nav ul {
		width:calc(100% - 8px);
  	border:4px solid var(--title-second-color);
  	border-radius:50px;
  }
	
	#news-content .news-content-nav ul li {
		padding:5px 5px; 
		margin:0px 0px; 
		width:calc(50% - 10px); 
		text-align:center;
		background: none;
	}
	
	#news-content .news-content-nav ul li a {
		padding:15px 0 15px;
		width:100%;
		font-size:1.5em;
		font-weight:bold;
		color: var(--title-second-color);	
		float:left;
		transition: all .5s ease;
	}	
	
	#news-content .news-content-nav ul li:first-child a {border-radius:50px 0 0 50px;}
	
	#news-content .news-content-nav ul li:last-child a {border-radius:0 50px 50px 0;}
	
	#news-content .news-content-nav ul li a:hover , #news-content .news-content-nav ul li.active a {
		color: var(--white-color);	
		background: var(--title-second-color);
	}
	
	
	  	
	/*content-detail*/
	.content-detail {
		margin:30px 0 0;		
		background: url(graphics/events-title-bg.webp) no-repeat right top 120px;  
		background-size:100px;
	}
		
  .content-detail h2 {
  	padding:0 0 15px;
		margin:5px 0 15px;
		text-align:left;
  	border-bottom:2px solid var(--event-border);
	}
  
  
	.content-detail-body {position:relative;}
    
	
	#news-content .content-detail p {margin:0px 0 20px;}	
	
	#news-content .content-detail p a {
		padding:0 20px 0 0;
		width:calc(100% - 20px);		
		color: var(--font-primary-color);
		background: url(graphics/external-link.webp) no-repeat right top 3px; 
  	background-size:20px;
	}
	
	#news-content .content-detail p a:hover {
		color: var(--title-second-color);
		background: url(graphics/external-link-h.webp) no-repeat right top 3px; 
  	background-size:20px;
  }

	#news-content .content-detail p a[title="來信"] {
		padding:0 0;
		width:100%;		
		color: var(--title-second-color);
		background:none;
	}
	
	#news-content .content-detail p a[title="來信"]:hover {color: var(--title-primary-color);}
	
	
	#news-content .content-detail ul {margin:5px 0 15px;}	
	
	#news-content .content-detail ul li  {
		padding:0px 0 5px 20px;
		margin:0px 0 5px;
		width:calc(100% - 20px);
		text-align:left;
		word-wrap:break-word; 
		background: url(graphics/li1.webp) no-repeat left top 10px; 
		background-size:15px;
	}
	
	#news-content .content-detail ul.events-notice li {
		padding:0px 0 5px 5px;
		margin:0px 0 5px 20px;
		width:calc(100% - 25px);
		list-style:decimal;
		background:none;
	}
	

	.tooutform {
 		padding:10px 10px 11px;
		margin:30px calc(50% - 85px) 5px;
 		width:150px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--orange-color); 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.tooutform:hover , .normal-register:hover {
 		color: var(--white-color);
 		background: var(--title-second-color);
 	}

	.normal-register {
 		padding:10px 10px 11px;
		margin:20px calc(50% - 100px) 5px;
 		width:180px;  
 		color: var(--white-color); 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--green-color); 
 		border-radius:50px;
 		float:left;
 	}


	.senior-register {
 		padding:10px 10px 11px;
		margin:30px calc(50% - 110px) 5px;
 		width:200px;  
 		color: var(--white-color); 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--title-second-color); 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.senior-register:hover {
 		color: var(--white-color); 
 		background: var(--orange-color); 
 	}


	.out-car {
 		padding:10px 10px 11px;
		margin:30px calc(50% - 85px) 5px;
 		width:150px;  
 		color: var(--white-color); 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--title-second-color); 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.out-car:hover {
 		color: var(--white-color); 
 		background: var(--orange-color); 
 	}



	/*register-form*/
	#menu-14384 #register-form , #menu-14383 #register-form , #menu-14382 #register-form ,
	#menu-14385 #register-form , #menu-14386 #register-form , #menu-14392 #register-form {
		padding:30px 50px 30px;
		margin:15px 0 15px;
		width:calc(100% - 110px);
		background: var(--white-color);
		border-radius:50px;
		border:5px solid var(--reg-border);
		position:relative;	
	}


	.register-body:before {
		padding:10px 0px;
		margin:0 0 15px;
		width:100%;
		content:'報名資訊'; 
		font-size:2.5em; 
		font-weight:bold; 
		color: var(--green-color); 
		text-align:center;
		float:left;
	}

	
	.register-13827 .register-body:before {content:'「科學大驚奇」座位區登記'; }
	
	.register-body > div {
		padding:10px 0 10px;  
		border-bottom:2x solid var(--event-border); 
	}

	
	#register-form .register div#reg-wf1443 ,
	#register-form .register div#reg-wf1444 ,
	#register-form .register div#reg-wf1446 ,
	#register-form .register div#reg-wf1447 ,
	#register-form .register div#reg-wf1449 ,
	#register-form .register div#reg-wf1450 ,
	#register-form .register div#reg-wf1452 ,
	#register-form .register div#reg-wf1453 ,
	#register-form .register div#reg-wf1455 ,
	#register-form .register div#reg-wf1456 {width:50%;}
	
	#register-form .register div.reg-name ,
	#register-form .register div#reg-name ,
	#register-form .register div#reg-mobile ,
	#register-form .register div#reg-email ,
	#register-form .register div#reg-emailc {width:50%;}
			
	.register div .cell1 , .registerbody div .res_cell1 {
		padding:10px 20px 10px 0;
		width:145px; 
		text-align:right;
	}
	
	.register div .cell2 , .registerbody div .res_cell2 {
		margin:5px 0 5px;
		width:calc(100% - 165px); 
	}
		
	.register div .cell1 span span {
		font-size:0.75em;
		margin:-5px 0 0;
	}
				
	.register input[type="text"] , .register input[type="textbox"] , .register input[type="email"] {
		margin:1px 0;
		width:calc(100% - 10px); 
		color:var(--font-primary-color);	
		border:solid 1px var(--gray-color); 
	}
	
	.register select {border:solid 1px var(--gray-color);}
	
	.choosea {
		margin:5px 0 0;
		width:calc(100% - 180px);  
		float:right;
	}
	
	
	.radiodiv {
		margin:5px 0;
		width:80px; 
	}
	
	.register div .cell1 span , .registerbody div .cell1 span {
		width:100%; 
		float:left;
	}
	
	.register-body > div#reg-people {
		padding:5px 0 0px;  
		border-bottom:none;
	}
	
	.accompany-content {
		padding:0px 0 0px; 
		margin:0 !important;
	}	
	
	#accompany-detail {
		padding:0px 15px; 
		margin:0 0 0px;
		width:calc(100% - 30px);  
		background: var(--kids-bg);
		border-radius:20px;
	}	
	
	.accompany-table {margin:0 0 10px; }
	
	.tr-header div {
		margin:15px 0 15px;
		color: var(--title-primary-color); 
		font-size:1.25em;
		font-weight:bold;
		text-align:center;  
	}
	
	.accompany-table > div:nth-child(1),
	.accompany-table > div:nth-child(2),
	.accompany-table > div:nth-child(3) {width:33.3%;}
		
	
	#reg-selevent {
		padding:5px 0px 10px;
		border-bottom:2px solid var(--event-border);
	}
	
	#reg-selevent span div {display: none;}
	
	#reg-selevent:before {
		padding:10px 20px 10px 0;
		width:160px; 
		content:'報名場次';  
		text-align:right; 
		float:left;
	}
	
	#reg-selevent > div {margin:10px 0 5px;}
	
	
	.Remain {
		margin:0px 0 0px 20px;
		width:calc(100% - 20px); 
		color: var(--orange-color);
		float:left;  
	}
	
	.Registration-error {
		padding: 15px 0;
		margin: 15px calc(50% - 600px) 15px;
		width: 1200px;
		color: var(--white-color);
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		background: var(--orange-color);
	}

	#eventsfull {
		font-size: 1.25em;
		color: var(--red-color);
		font-weight: bold;
		text-align: center;
	}
	
	#formmsg {
		padding:15px 30px 25px; 
		margin:0px calc(50% - 400px) 30px; 
		width:740px;
		color: var(--red-color);
		font-weight:bold;
		text-align: center;
	}
			
	#reg-notice {
		padding:15px 30px 25px; 
		margin:20px 0 10px; 
		width:calc(100% - 60px);
		color: var(--font-primary-color);
		font-weight:bold;
		background: var(--kids-bg);
		border-radius:10px;
		border-bottom:none;
	}
	
	#reg-notice h4 {
		color: var(--title-primary-color); 
		text-align:left;
	}
	
	#reg-notice span {
		margin:0 10px 0 0;
		font-size:1.25em;
		color: var(--title-primary-color); 
		position:relative;
		top:2px;
	}
		

	.register-body > div.main-button {
		padding:20px 0 0;
		margin:10px 0 0;
		border-top:2px solid var(--event-border); 
		border-bottom:none;
	}
	
	.main-button .cancel {width:170px;}
	
	.main-button .cancel a {
		padding:12px 10px; 
		width:calc(100% - 24px);
		color: var(--title-second-color); 	
		font-size:1.25em;
		font-weight:bold;	
		text-align:center; 	
		background: var(--white-color); 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
		border:2px solid var(--title-second-color);
		border-radius:25px;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s;
		float:left;
	}
	
	.main-button .cancel a:hover  {
		color: var(--white-color);
		background:var(--title-second-color);
	}
	
	.main-button .submit {
		width:170px; 
		float:right;
	}
	
	.main-button .submit input {
		padding:10px 10px;	
		color: var(--white-color);
		font-size:1.25em;
		font-weight:bold;	
		border-radius:50px;
		background: var(--title-second-color);
		border:2px solid var(--title-second-color);
	}
	
	.main-button .submit input:hover {
		color: var(--title-second-color); 
		background: var(--white-color); 
		border:2px solid var(--title-second-color);
	}
	
	
	
	/*register none*/		
	.register-13829 , .register-13839 , .register-13840 , .register-13847 , 
	.register-13844 , .register-14075 {display:none !important;}

	.register-13848 , .register-13849 , .register-13858 , .register-14064 {display:none !important;}

	.register-13974 , .register-13978 , .register-13979 , 
	.register-13987 , .register-13989 , .register-13998 , .register-13999 , 
	.register-14007 , .register-14013 , .register-14016 , .register-14017 , 
	.register-14019 , .register-14024 , .register-14042 , .register-14048 , 
	.register-14052 , .register-14056 , .register-14057 , .register-14061 {display:none !important;}

	.register-13939 , .register-13940 , .register-13941 , .register-13942 , 
	.register-13943 , .register-13944 , .register-13945 , 
	.register-13947 , .register-13963 , .register-13964 , .register-13965 , 
	.register-13969 , .register-13970 , .register-13971 , .register-13972 ,
	.register-13973 , .register-14065 {display:none !important;}

	.register-13889 , .register-13890 , .register-13891 , .register-13892 , 
	.register-13893 , .register-13894 , .register-13906 , .register-13907 , 
	.register-13913 , .register-13914 , .register-13918 , .register-14066 ,
	.register-13995 {display:none !important;}

		
	
	/*complete-registration*/
	.complete-registration {		
		margin:0px calc(50% - 400px) 30px;
		width:800px;
	}	
	
	.seen-events {		
		margin:30px calc(50% - 600px) 30px;
		width:1200px;
	}	
	
	.recommend {		
		margin:30px calc(50% - 600px) 30px;
		width:1200px;
		display:none;
	}	
	
	.recommend-title , .seen-events-title {
		margin:15px 0 5px;
		width:100%;
		font-size:3.5em;
		line-height:150%;
		color: var(--title-second-color);
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	.recommend-title span {
		margin:0px calc(50% - 115px);
		width:230px;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;

	}	
	
	.seen-events-title span {
		margin:0px calc(50% - 170px);
		width:340px;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
	}		
									
	.recommend .postul , .seen-events .postul {
		margin:0px;
		width:calc(100% - 0px);
	}
	
	.recommend .postul > li , .seen-events .postul > li {
		padding:15px 10px;
		margin:5px 0px 5px !important;
		width:calc(33.3% - 20px) !important; 
		height:auto !important;		
  	font-weight:bold;
		letter-spacing:normal; 
		vertical-align:top; 
		position:relative; 
		float:left;
	} 

	
	.recommend .postul > li .ul-news-date , .recommend .postul > li .ul-news-brief .htag , 
	.recommend .postul > li .ul-news-status , .seen-events .postul > li .ul-news-date , 
	.seen-events .postul > li .ul-news-brief .htag , .seen-events .postul > li .ul-news-status {display: none;}
	
	.recommend .postul > li .ul-news-heading a , .seen-events .postul > li .ul-news-heading a {
		padding:5px 0 12px 35px;
		margin:5px 0;
  	width:calc(100% - 35px);
  	font-size:1.25em; 
  	font-weight:bold;
		color:var(--font-primary-color);
		background: url(graphics/h2.webp) no-repeat left top 5px; 
		background-size:auto 25px;
  	border-bottom:2px solid var(--gray-color);
		float:left;  
	} 
	
	.recommend .postul > li .ul-news-brief , .seen-events .postul > li .ul-news-brief {color:var(--font-primary-color);}
		 	
	.recommend .postul > li .ul-news-brief .organizer , .seen-events .postul > li  .ul-news-brief .organizer {color:#ff9442;}
	
	
	.copy-ilnk {margin:10px 0 0;}
	
	.copy-ilnk input[type="textbox"] {
		padding:10px 5px;
		width:calc(100% - 10px);
		border:2px solid var(--gray-color);
	}
	
	.copy-ilnk input[type="button"] {
		padding:10px 10px;
		margin:10px calc(50% - 90px);
		width:170px; 
		color: var(--white-color); 
		text-align:center; 
		background: var(--title-second-color);
		border-radius:50px;
		float:left;    
	}
	
	.copy-ilnk input#copy_button[type="button"]:hover {background: var(--green-color);} 
	
		
				
	/*aday*/
	#menu-14389 .maincontent {
		padding:15px 0 30px; 		
		margin:0px 0 0px;
		width:100%; 
		position:relative;
	}	
	
	#menu-14389 .maincontent h1 {margin:15px 0 5px;}
	
	#menu-14389 .maincontent h2 {margin:5px 0 10px;}
	
	#menu-14389 .maincontent h3 {
		margin:15px calc(50% - 190px) 25px;
		width:380px;
		font-size:1.75em;
	}
				
	#menu-14389 .maincontent h3 img {
		margin:0 0 0 5px;
		width:50px;
		display:inline-block;
		float:none;
		position:relative;
		top:-10px;		
	}	
	
	
	.aday-desc {text-align:center;}
	
	img[alt="科學走讀背景"] {
		width:250px;
		position:absolute;
		top:100px;
		left:0;
	}
	

	.aday-nav {
		padding:45px calc(50% - 600px) 30px;
		margin:0;
		width:1200px;
		text-align:center;
	}
	
				
	#general-content-main .aday-nav ul li {
		padding:0 0 20px; 
		margin:0 10px 5px; 
		width:calc(20% - 20px); 
		text-align:Center;
		background:none; 
	}	
	
	
	.aday-info {		
		padding:0px calc(50% - 600px) 30px;
		margin:0 0;
		width:1200px;
		background: var(--footer-bg);
	}
	
	.aday-info-body {
		padding:30px 50px 45px;
		margin:50px 0 0;
		width:calc(100% - 100px);
		font-size:1.12em;
		font-weight:bold;
		background: var(--white-color);	
		border-radius:50px;
	}
		
		
	#menu-14389 .maincontent .aday-info h2 {
		margin:5px 0 20px;
		color: var(--title-second-color);
		text-align:left;
	}
	
	#menu-14389 .maincontent .aday-info h2 span {
		margin:5px 0 0px;
		width:100%;
		color: var(--gold-color);
		font-size:1em;
		line-height:140%;
		float:Left;
	}
	
	#menu-14389 .maincontent .aday-info h2 span b {
		padding:5px 10px;
		color: var(--white-color);
		font-size:0.8em;
		background: var(--gold-color);
		border-radius:50%;
		position:relative;
		top:0px;
	}
			

	#general-content-main .aday-info a {
		width:100%;
		color: var(--font-primary-color);	
	}

	#general-content-main .aday-info ul {margin:0px 0;}


	#general-content-main .aday-info ul li ul {
		padding: 0;
		margin: 15px 0px 15px;
		width:100%;
		float:right;
	}
	
	#general-content-main .aday-info ul li ul li {
		padding:0px 0 5px;
		margin:0px 0 15px;
		width:100%;
		background:none;
	}		
	
	#general-content-main .aday-info ul li ul li:last-child {margin:0px 0;}

	#general-content-main .aday-info ul li ul li span {
		padding:5px 20px 8px;
		margin:0 0px 0;
		width:auto;
		color: var(--white-color);
		text-align: center;
		background: var(--title-second-color);
		border-radius:20px;
		float:left;
	}			
	
	#general-content-main .aday-info ul li ul li p {
		margin:10px 0 15px;
		width:100%;
		text-align: left;
		float: left;
	}
	
	#general-content-main .aday-info ul li ul li:last-child p {margin:10px 0px 0;}
	
	
	.aday-register {
		margin:0px 0px 0;
		width:100%;	
	}

	#general-content-main .aday-info .aday-register a {
 		padding:5px 10px 7px;
 		margin:0 calc(50% - 60px);
 		width:100px;  
 		color: var(--white-color);
 		font-weight:bold;
 		text-align:center;
 		background: var(--green-color); 
 		border-radius:50px;
 		float:right;
 	}
 	
 	#general-content-main .aday-info .aday-register a img {
 		margin:5px 2px 0 0;
 		width:18px;
 		float:right;
 	}
 	
 	#general-content-main .aday-info .aday-register a:hover {background: var(--orange-color); }
	
	
	
	/*senior*/	
	#menu-14390 .maincontent {position:relative;}		
	
	#menu-14390 .article-title span {
		margin:0px calc(50% - 160px);
		width:320px;
	}

	#menu-14390 h3 {
		margin:5px 0 10px;
		text-align: Center;
	}
	
	.senior-ul {
		margin:15px calc(50% - 220px) 30px;
		width:440px;
	}

	
	img[alt="高中生主題營隊標題"] {
		width:180px;
		position:absolute;
		top:110px;
		right:0;
	}


	.camp-time {margin:15px 0;}
	
	.camp-time .camp-title {
		margin:10px calc(50% - 160px) 5px;
		width:320px;
	}	
		
	img[alt="高中生主題營隊"] {
		margin:0px 0 15px;
		border-radius:20px;
	}


	.camp-extra {margin:0 0 25px;}
	
	.camp-extra .camp-title {
		margin:10px calc(50% - 140px) 15px;
		width:280px;
	}	
	
	#general-content-main .camp-extra ul li {
		padding:0 0 5px; 
		margin:0 10px 5px; 
		width:calc(50% - 20px); 
		background: none;
		text-align:center;
	}
	
	#general-content-main .camp-extra ul li p {
		font-size:1.25em;
		font-weight:bold;
	}
	
			
	.camp-info {
		margin:5px 10px 30px;
		width:calc(50% - 20px);	
	}
	
	.camp-info1 {
		background: url(graphics/home-feature-bg.webp) no-repeat right 30px bottom 100px; 
  	background-size:45px auto;		
	}
	
	
	.camp-info h2 {
		margin:5px 0;
		text-align:left;
	}
	
	.camp-info img {
		margin:0 0 10px;
		border-radius:20px;
	}
	
	.camp-info .organizer img[alt="locate"] {
		margin:0 5px 0 0;
		width:20px;
		border-radius:none;
		display:inline-block;
		float:none;
		position:relative;
		top:5px;
	}
	
	
	.camp-info ul {margin:10px 0;}
	
	.camp-info a[alt="報名連結"] {
 		padding:0px 0px;
 		margin:0 calc(50% - 90px);
 		width:180px;  
 		float: left;
	}


						
	/*selected*/
	#menu-14391 #artboard {background: var(--white-color);}	
	
	.selected-info {
		padding:30px 50px 30px;
		margin:5px 0 30px;
		width:calc(100% - 100px);
		background: var(--footer-bg);
		border-radius:50px;
	}
	
	.selected-info1 {margin:5px 0;}
	
	
	.selected-info h2 {
		margin:5px 0 5px;
		color: var(--pink-color);
		text-align:left;
	}
	
	.selected-info img {
		margin:15px 0 10px;
		border-radius:20px;
	}
	
	
  .selected-info ul {margin:15px 0 0px;}
  
  #general-content-main .selected-info ul li {
  	padding:0 0 5px;
		margin:0px 0 15px;
		width:100%; 	
		background:none;
  }
 
	#general-content-main .selected-info ul li a {
  	padding:15px 90px 15px 30px; 
		width:calc(100% - 120px);
		font-size:1.25em;
		color: var(--font-primary-color);
		font-weight:bold;
		background: var(--white-color) url(graphics/flash-right.webp) no-repeat right 30px center;  
		background-size:35px;
		border-radius:20px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
		float:left;
  }
	
  #general-content-main .selected-info ul li:hover a {
		background: var(--home-bg) url(graphics/extralink.webp) no-repeat right 30px center;  
		background-size:35px;
  }	
	
	
	#general-content-main .selected-info ul li a h3 {		
		margin:0 0 10px;
		color: var(--title-second-color);
		font-size:1.25em;
	}
			
	.selected-info ul li .organizer img[alt="locate"] {
		margin:0 5px 0 0;
		width:20px;
		border-radius:none;
		display:inline-block;
		float:none;
		position:relative;
		top:5px;
	}
	
	
						
	/*kidscience*/	
	#menu-14388 .maincontent {
		padding:0px 0; 
		margin:0px 0;
		width:100%;
		background: var(--white-color);
	}	
	
	@media screen and (min-width:1921px){		
		img[alt="kid主視覺"] {
			margin:0px calc(50% - 960px) 0px;
			width:1920px;
		}
	}
	
	.kidscience {
		padding:0px calc(50% - 600px) 0px;
		width:1200px;
		background: linear-gradient(to bottom, var(--white-color) , var(--home-bg));
	}
	
	
	.kid-intro {
		padding:0px calc(50% - 250px);
		width:500px;
		position:relative;
	}
	
	.kid-intro .organizer {
		margin:15px 0;
		font-size:1.5em;
		font-weight:900;
		text-align:center;
	}
			
	.kid-intro .organizer img[alt="locate"] {
		margin:0 8px 0 0;
		width:30px;
		display:inline-block;
		float:none;
		position:relative;
		top:8px;
	}
	
	.kid-info-line {
		padding:0 0 15px;
		margin:0px calc(50% - 580px);
		width:1160px;  
		border-bottom:2px solid var(--event-border);
	}
	
	img[alt="kid標題背景"] {
		width:160px;
		position:absolute;
		right:0px;
		bottom:-65px;
	}
	
	
	
	.kid-transport {
		padding:30px 0 15px;
		position:relative;
	}
	
	.kid-transport .kid-title {
		margin:10px calc(50% - 160px) 5px;
		width:320px;
	}	
	
	.kid-transport ul {
		margin:15px calc(50% - 300px) 0;
		width:600px;
	}
	
	.kid-transport ul li {
		margin:10px 0 10px;
		width:100%;
		font-size:1.25em;
		font-weight:900;
		float:left;
	}
	
	img[alt="交通工具背景"] {
		width:70px;
		position:absolute;
		left:30px;
		bottom:10px;
	}
	
	
	.kid-btn {padding:15px 0 30px;}
	
	.kid-btn .article-title {margin:15px 0 15px;}
	
	.kid-btn .article-title span {
		margin:0px calc(50% - 100px);
		width:200px;
		color: var(--title-primary-color);
		background: url(graphics/h1.webp) no-repeat left top 10px, url(graphics/h1.webp) no-repeat right top 10px; 
  	background-size:auto 45px;
		float:left;
	}	
	
	.kid-btn ul {}
	
	.kid-btn ul li {
		margin:10px 10px 10px;
		width:calc(33.3% - 20px);
		float:left;
	}
	
	.kid-btn ul li a:hover {filter: grayscale(100%);}
	
			
			
	.kid-monopoly {
		padding:30px 0 45px;
		position:relative;
		text-align: Center;
	}
	
	.kid-monopoly .kid-title {
		margin:10px calc(50% - 195px) 30px;
		width:390px;
	}		

	.kid-monopoly p {
		font-size: 1.12em;
		font-weight: 900;		
	}

	.monopoly-notice {
		padding: 5px 10px;
		margin: 0 calc(50% - 200px);
		width: 380px;
		font-size: 1.12em;
		font-weight: 900;	
		color: var(--white-color);
		background: var(--pink-color);
		border-radius: 20px;
	}

	.monopoly-notice1 {color: var(--pink-color);}

	img[alt="大富翁"] {margin: 20px 0 30px;}

	img[alt="科學大富翁背景"] {
		width:100px;
		position:absolute;
		right:0px;
		bottom:20px;
	}	
		
				
	
	.kid-bottom {
		padding:0px calc(50% - 600px) 30px;
		width:1200px;
		background: linear-gradient(to bottom, var(--white-color) , var(--footer-bg));
	}
		
		
	.kid-time {
		padding:30px 0;
		position:relative;
	}
	
	.kid-time .kid-title {
		margin:10px calc(50% - 120px) 30px;
		width:240px;
	}		
	
	img[alt="節目時間表標題"] {
		margin:0;
		width:120px;
		position:absolute;
		right:250px;
		top:60px;
	}	
	
	.kid-time img , .kid-map img {
		margin:5px 0;
		border-radius:20px;
	}
	
	
	
	.kid-map {
		padding:30px 0;
		position:relative;
	}
	
	.kid-map .kid-title , .kid-notice .kid-title {
		margin:10px calc(50% - 100px) 30px;
		width:200px;
	}		
	
	
	
	.kid-notice {
		padding:30px 0;
		position:relative;
	}
	
	.kid-notice h2 {text-align:left;}

	.kid-notice ul {margin: 5px 0;}

	.kid-notice ul li {
		padding:0 0 5px 20px; 
		margin:0 0 5px; 
		width:calc(100% - 20px); 
		background: url(graphics/li.webp) no-repeat left top 8px; 
		background-size:15px;
		float:left;
	}

	img[alt="kid須知背景"] {
		margin:0;
		width:80px;
		position:absolute;
		left:0px;
		top:45px;
	}
	


	.kid-highlights {
		padding:30px 0;
		position:relative;
	}
			
	.kid-highlights .kid-title {
		margin:10px calc(50% - 140px) 30px;
		width:280px;
	}			
	
	.kid-highlights iframe {height:650px; }
	
	img[alt="kid花絮背景"] {
		margin:0;
		width:80px;
		position:absolute;
		right:300px;
		top:0px;
	}
	
	
		
	/*kidscience-reg*/		
	#menu-14392 .news-content {		
		padding:15px 30px 30px;
		margin:0px 0 30px;
		width:calc(100% - 60px);
		background: var(--kids-bg) url(graphics/star.webp) no-repeat right 30px top 30px;
		background-size:200px auto;
		border-radius:50px;
		position:relative;
	}
	
	
	#menu-14392 #news-content .post-title {display:none;}
	
	img[alt="科學大驚奇標題"] {
		width:100px;
		position:absolute;
		left:25%;
		top:30px;
	}

	#menu-14392 #news-content .article-title span {
		margin:0px calc(50% - 120px) 15px;
		width:240px;
	}
	
	.kids-surprise {
		margin:0 10%;
		width:80%;
	}
	
	.kids-surprise h2 {
		margin:15px 0 15px;
		text-align:left;
	}
	
	.kids-surprise img {border-radius:20px;}
	
	img[alt="科學大驚奇背景"] {
		width:100px;
		position:absolute;
		right:75px;
		top:600px;
	}

	.kids-surprise h4 {margin:15px 0 5px;}

	.kids-surprise ul {margin:5px 0;}
	
	.kids-surprise ul li span {
		padding:0 0 0 70px;
		width:calc(100% - 70px);
		font-size:0.8em;
		float:Left;
	}
	
	
	#menu-14342 #register-form {
		padding:15px calc(50% - 600px) 40px;
		width:1200px;
		background:var(--kids-bg);
		position:relative;
	}
	
	
	#menu-14342 .register {
		padding:45px 50px 45px;
		margin:30px 0;
		width:calc(100% - 120px);
		background: var(--white-colo);	
		border:10px solid var(--event-border);
		border-radius:50px;
		position:relative;
	}


	.register-13827 .reg-name .cell1 span {display: none;}
	.register-13827 .reg-name .cell1:before {content: '小朋友姓名';}			
	
	
	/*kidmovie*/
	.kidmovie {}
	
	.kidsmarket {}
	
	
	#general-content-main .kidscience-events {margin:15px 0 0;}
	 
	#general-content-main .kidscience-events li {
		padding:0 0 5px;
		margin:0 0 30px;
		width:100%;
		min-height:250px;
		background:none;
	}
		
	#general-content-main .kidscience-events li ul li {
		padding:0;
		margin:15px 10px 15px;
		width:calc(50% - 20px);
	}	
	
	#general-content-main .kidscience-events li ul li img {
		width:185px;
	}
	
	#general-content-main .kidscience-events li ul li div {
		margin:0px 0 0 15px;
		width:calc(100% - 200px);
	}
	
	.kidscience-events li ul li div h2 , .kidscience-events li ul li div h4 {text-align:left;}

	#general-content-main .kidscience-events li ul li div h2 {
		margin:0px 0 0px;
		font-size: 1.5em;
	}
	
	#general-content-main .kidscience-events li ul li div h5 {color: var(--green-color);}

	#general-content-main .kidsmarket .kidscience-events li ul li div h2 {margin:0px 0 5px;}
	
	#general-content-main .kidscience-events li ul li div h2 {color: var(--pink-color);}
		
				
				
	/*pshall*/		
  #menu-14354 iframe {height:650px; }
	
	
	.pshall-title {
		padding:0px 0;
		margin:5px 0 15px;
		font-size:1.75em;
		line-height:150%;
		color: var(--title-second-color); 
		font-weight:bold;
	}
	
			
	.pshall-title span {
		margin:0px calc(50% - 55px);
		width:110px;
	}
	
			
	.pshall {
		padding:30px 0px 0;
		margin:0 0;  
	} 
	
	
	.pshall-short , .pshall-video {position:relative;}
	
	.pshall-video {margin:15px 0 0;}
	
	.pshall img[alt="特色場域介紹標題"] {
		width:120px;
		position:absolute;
		top:15px;
		right:0;
	}
	
	.pshall img[alt="科普名人堂標題"] {
		width:120px;
		float:none;
		display:inline-block;
		position:absolute;
		top:-45px;
		right:80px;
	}
	
	
	.pshall #news-list {
		margin:0;
		width:100%; 
	}
	
	#pshall-short-body , #pshall-video-body {width:calc(100% - 110px);}

	.pshall-short .pre-post, .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		margin-top:300px; 
		width:55px; 
		cursor:pointer;
	}  
	 
	.pshall-video .pre-post , .pshall-video .next-post {margin-top:80px;}
								
	.pshall-short .postul , .pshall-video .postul {
		margin:0px;
		width:calc(100% - 0px);
	}
	
	.pshall-short .postul > li , .pshall-video .postul > li {
		padding:15px 10px;
		margin:5px 10px 5px !important;
		width:323px !important; 
		height:auto !important; 
		letter-spacing:normal; 
		vertical-align:top; 
		position:relative; 
		float:left;
	} 
	
	.pshall .postul li a:hover {filter: grayscale(100%);}	
		
	.pshall .pre-post a {
		margin:0;
		width:100%; 
		height:55px; 
		background: url(graphics/flash-left.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 
	
	.pshall .next-post a {
		margin:0;
		width:100%; 
		height:55px; 
		background: url(graphics/flash-right.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 
	
	
	.pshall .ul-news-picture , .pshall .ul-news-date , .pshall .ul-news-heading , .pshall .ul-news-status ,
	.pshall .ul-news-more {display:none;}
	
	
	.pshall h2 , .pshall-brief h2 {
		font-size:1.25em;
		color: var(--font-primary-color);  
		text-align:left;
	}
	
	.pshall h3 {		
		margin:0;
		font-size:1em;
		color: var(--font-primary-color);  
		font-weight:700;
		text-align:left;
	}

		
	.pshall-cat {
		padding:5px 10px 6px;
		margin:15px 0 10px;
		width:100px;
		font-weight:bold;
		color: var(--white-color);  
		text-align:center;
		background: var(--purple-color);
		border-radius:50px;
	}	

	.pshall-cat-2 {background: var(--pink-color);}

	.pshall-cat-3 {background: var(--title-second-color);}
	
	.pshall-cat-4 {background: var(--green-color);}
		
	.pshall-cat-5 {background: var(--gold-color);}
	
		
	.pshall-info {
		margin:0px calc(50% - 300px) 15px;
		width:600px;  
		border-bottom:2px solid var(--event-border);
	}
		
	
	
	/*reg-search*/
	#menu-14361 .maincontent {
		padding:0px calc(50% - 600px) 0;
		margin:0px 0 0;
		min-height:65vh;
	}
	
	.reg-search-message {
		padding:10px 0; 
		margin:20px calc(50% - 400px);
		width:800px;
		font-size:1.25em; 
		color: var(--white-color); 
		text-align:center;   
		border-radius:20px; 
		background: var(--red-color); 
	}

	.reg-search {		
		padding:0px 50px 20px; 
		margin:0px calc(50% - 300px);
		width:500px;  
	}
		
	.reg-search-title {
		margin:5px calc(50% - 160px) 25px;
		width:320px;
	}
	
	
	.reg-search-content {		
		font-size:1.25em; 
		position:relative;
	}
	
	.reg-search-content span {
		padding:0 10px 0 0; 
		margin:10px 0;
		width:140px;  
		text-align:right;
		float:left; 
	}
	
	.reg-search-content input[type="text"] , .reg-search-content input[type="textbox"] , .reg-search-content input[type="password"] , 
	.reg-search-content input[type="email"] {
		width:calc(100% - 162px);
		border:1px solid var(--gray-color); 
	}
	
	
	.reg-search-content div {margin:10px 0;}
	
	.reg-search-content div.search-content-button {margin:20px 0 10px;}
	
	.reg-search-content .search-content-button input {
		padding:10px 10px;	
		margin:0 calc(50% - 90px);
		width:170px; 
		font-size:1em;
		font-weight:bold;	
		border-radius:50px;
	}
	
	img[alt="reg-search"]  {
		width:100px;
		position:absolute;
		bottom:-50px;
		right:calc(50% - 400px);
	}
	
	
	#menu-14361 #register-form {		
		padding:15px 50px 15px;
		margin:5px 0 45px;
		width:calc(100% - 110px);
		background: var(--white-color);
		border-radius:50px;
		border:5px solid var(--reg-border);
	}
	
	#menu-14361 .register:before {display:none;}
	
	#menu-14361 .register {
		padding:0px 0px 30px;
		margin:0px 0 0;
	}
	
	#menu-14361 .register h1 {
		font-size:1.75em;
		color: var(--title-primary-color);
	}
	
	#menu-14361 .register h1 div  {
		margin:0px 0 15px;
		width:100%;
		font-size:1.42em;
		float:Left;
	}
	
	#menu-14361 .register h1 span  {
		margin:0 0 15px;
		width:100%;
		font-size:1em;
		color: var(--green-color);
		float:Left;
	}

	#menu-14361 .register-13827 .register h1:after {
		content: '完成登記不代表取得座位。中選者將另以電子郵件通知。';
		width:100%;
		font-size:0.8em;
		color: var(--orange-color);
		float:Left;
	}


	#menu-14361 .register > div , #menu-14361 .registerbody > div , #menu-14361 #register-form .register div#reg-wf143 ,
	#menu-14361 #register-form .register div#reg-wf1415 , #menu-14361 #register-form .register div#reg-wf1473 ,
	#register-form .register div#reg-wf1433 , #register-form .register div#reg-wf1440 , #register-form .register div#reg-wf1441 ,
	#register-form .register div#reg-wf1442 , 
	#menu-14361 #register-form .register div#reg-wf1441 , #menu-14361 #register-form .register div#reg-wf1442 {width:50%;}
	
	#menu-14361 #register-form .register div.reg-name ,
	#menu-14361 #register-form .register div#reg-wf1479 , #menu-14361 #register-form .register div#reg-wf1484 ,
	#menu-14361 #register-form .register div#reg-wf1473 , #menu-14361 #register-form .register div#reg-wf1474 ,
	#menu-14361 #register-form .register div#reg-wf1476 , #menu-14361 #register-form .register div#reg-wf1477 ,
	#menu-14361 #register-form .register div#reg-wf1480 , #menu-14361 #register-form .register div#reg-wf1482 ,
	#menu-14361 #register-form .register div#reg-wf1481 , #menu-14361 #register-form .register div#reg-wf1483 ,
	#menu-14361 #register-form .register div#reg-wf1433 , #menu-14361 #register-form .register div#reg-wf1440 ,
	#menu-14361 #register-form .register div#reg-wf1443 , #menu-14361 #register-form .register div#reg-wf1444 , 
	#menu-14361 #register-form .register div#reg-wf1446 , #menu-14361 #register-form .register div#reg-wf1447 , 
	#menu-14361 #register-form .register div#reg-wf1452 , #menu-14361 #register-form .register div#reg-wf1453 ,
	#menu-14361 #register-form .register div#reg-wf1449 , #menu-14361 #register-form .register div#reg-wf1450 ,
	#menu-14361 #register-form .register div#reg-wf1455 , #menu-14361 #register-form .register div#reg-wf1456 ,
	#menu-14361 #register-form .register div#reg-wf1442   {width:33.3%;}


	#menu-14361 .register div .cell2 , #menu-14361 .registerbody div .res_cell2 {
		padding:10px 10px; 
		margin:0 0 10px;
		width:calc(100% - 195px);  
		border-radius:10px;
		background: var(--event-border);
	}
	
	#menu-14361 .register > div.accompany-content , #menu-14361 .registerbody > div.accompany-content {
		margin:15px 0 10px !important;
		width:100%;
	}
	
	#menu-14361 #accompany-detail {
		background: var(--kids-bg);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#menu-14361 .accompany-table > div.tr-header {width:100%;}
	
	
	#menu-14361 .register > div#reg-evndelete {width:100%;}
	
	#menu-14361 .register > div#reg-evndelete a {
		padding:12px 10px; 
		margin:30px calc(50% - 102px) 0;
		width:180px;
		color: var(--white-color);
		font-size:1.25em;
		font-weight:bold;	
		text-align:center; 	
		background: var(--title-second-color);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
		border-radius:25px;
		border:2px solid var(--title-second-color);
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s;
		float:left;
	}
	
	#menu-14361 .register > div#reg-evndelete a:hover {
		color: var(--title-second-color);
		background: var(--white-color);
		border:2px solid var(--title-second-color);
	}
	

	
	/*qa*/	
	.qa {
		padding:25px 50px 30px;
		margin:5px 0 30px;
		width:calc(100% - 110px);
		background: var(--white-color) url(graphics/star1.webp) no-repeat right 30px top 60px;
		background-size:100px auto;	
		border-radius:50px;
		border:5px solid var(--reg-border);
	}
	
	.qa1 {margin:5px 0 15px;}
	
	.qa , .qa h2 , .qa h4 , #menu-14618 h2 {text-align:left;}
	
	
	.qa-content-btn {
		padding:5px 0;
		background: var(--white-color);	
		position: sticky; /* 滾動到距離視窗最上方 0 像素時固定 */
    top: 0;       
    z-index: 9;
	}
	
	#general-content-main .qa-content-btn ul {
		width:calc(100% - 8px);
  	border:4px solid var(--title-second-color);
  	border-radius:50px;
  }
	
	#general-content-main .qa-content-btn ul li {
		padding:5px 5px; 
		margin:0px 0px; 
		width:calc(33.3% - 10px); 
		text-align:center;
		background: none;
	}
	
	#general-content-main .qa-content-btn ul li a {
		padding:15px 0 15px;
		width:100%;
		font-size:1.25em;
		font-weight:bold;
		color: var(--title-second-color);	
		float:left;
		transition: all .5s ease;
	}	
	
	#general-content-main .qa-content-btn ul li:first-child a {border-radius:40px 0 0 0px;}
	
	#general-content-main .qa-content-btn ul li:nth-child(3) a {border-radius:0 40px 0px 0;}
	
	#general-content-main .qa-content-btn ul li:nth-child(4) a {border-radius:0px 0 0 40px;}
	
	#general-content-main .qa-content-btn ul li:last-child a {border-radius:0 0px 40px 0;}
	
	#general-content-main .qa-content-btn ul li a:hover , #general-content-main .qa-content-btn ul li a.active {
		color: var(--white-color);	
		background: var(--title-second-color);
	}
	
	  	
	#qa1 , #qa2 , #qa3 , #qa4 , #qa5 , #qa6 {
		position:relative;
		top:-37px;
	}	
	
		
	#general-content-main .qa ul , #general-content-main .qa ol {margin:10px 0 0;}
	
	
	.qa-btn {
 		padding:10px 10px 11px;
		margin:10px 0 10px;
 		width:200px;  
 		color: var(--white-color); 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background: var(--title-second-color); 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.qa-btn:hover {
 		color: var(--white-color); 
 		background: var(--orange-color); 
 	}


				
	/*contact*/
	.contact {
		padding:0px 50px 20px; 
		margin:0px calc(50% - 300px);
		width:500px;  
		border-radius:10px;
		background: var(--white-color);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
		position:relative;
	}

	.note {
		margin:0 0 20px;
		text-align:Center; 
	}
		
	.contleft {
		margin:0 5px 0 0;
		width:calc(50% - 5px); 
	}
	
	.contright {
		margin:0 0 0 5px;
		width:calc(50% - 5px); 
	}
	
	.contright textarea {height:135px;}

  .recaptcha {  	
		margin:15px calc(50% - 148px);
  	width:295px;
  	float:left;
  }
  
  .g-recaptcha {
  	width:auto; 
  	max-width:300px; 
  	float:right;
  }
  		
	.contact .button {margin:0px 0 15px;}
	
	.contact .button a {
		padding:12px 10px 12px;	
		margin:0 calc(50% - 90px);
		width:166px; 
		font-size:1.25em;
		font-weight:bold;	
		text-align:center;
		color: var(--white-color);
		background: var(--title-second-color);
		border:2px solid var(--title-second-color);
		border-radius:50px;
		float:left;
	}
	
	.contact .button a:hover {
		color: var(--title-second-color);
		background: var(--white-color);
	} 	
	
	
	img[alt="contact"] {
		width:100px;
		position:absolute;
		bottom:30px;
		right:30px;		
	}
	
	

	/*friendlink*/
	#menu-14372 h2 {
		margin:0px 0 15px;
		color: var(--pink-color);
		text-align:left;
	}
	
	
	#menu-14372 #general-content-main ul {margin:10px 0;}
		
	#menu-14372 #general-content-main ul li {
		padding:0 0 0px; 
		margin:0 10px 30px; 
		width:calc(25% - 20px); 
		background: none;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}	
	
	
	.link-info {
		margin:0px calc(50% - 300px) 45px;
		width:600px;  
		border-bottom:2px solid var(--event-border);
	}
			
	
	
	/*webmap*/	
	#general-content-main .webmap > div {
		padding:0px 0px 5px;
		margin:10px 10px 30px;
		width:calc(33.33% - 20px);
		text-align:left; 
		background: var(--white-color);
		min-height:320px;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#general-content-main .webmap h3 {
		padding:10px 15px;
		margin:0;
		width:calc(100% - 30px);
		color: var(--white-color);
		background: var(--title-second-color);
	}
	
	#general-content-main .webmap ul {
		margin:5px 15px;
		width:calc(100% - 30px);
	}
	
	#general-content-main .webmap ul li {
		padding:0;
		margin:5px 0px;
		width:calc(100% - 0px);
		background:none;
		float:left; 
	}

	#general-content-main .webmap ul li ul li {		
		padding:0 0 0px 20px; 
		margin:5px 0px;
		width:calc(100% - 20px); 
		background: url(graphics/li1.webp) no-repeat left top 8px; 
		background-size:15px;
	}
		  
  .webmap ul li a {
  	color: var(--font-primary-color);
  	float:none;
  	display:block; 
  }
 
  .webmap a:hover {color: var(--title-second-color);}	

			
		
		
		
	/*1279*****************************/
	@media screen and (max-width:1279px) {	
		
		
	/*header*/
	.header {
		padding:50px 15px 15px;
		width:calc(100% - 30px);
	}
	
	#index .header {padding:0px 15px 0;}




	/*header-right*/
	.header-right {margin:70px 0 0 5%;}
	
	.header-right ul.top-menu {
		margin:20px 0px 0 calc(100% - 390px); 
		width:390px;
	}
		
	.header-right ul.top-menu li:last-child {margin:0 0 0 18px;}	
	
	.header-right ul.top-menu li a {margin:0px 0;}
	

			
	/*mainmenu*/
  #mainmenu {
  	margin:0;
  	width:100%; 
  	display:none;
  }
	

		
	/*maincontent*/
	.maincontent {
		padding:15px 15px 30px; 
		margin:0px 0 25px;
		width:calc(100% - 30px); 
		border-top:2px solid var(--event-border);
	}
		
	

	/*totop*/
	.totop {
		bottom:15px;
		right:15px;
	}
	
	
	
	/*footer*/
	.footer {
		padding:60px 0 0px;
		background: url(graphics/footer.webp) center top 15px no-repeat;
		background-size:100% auto;
	}
	
	
	
	/*article list*/			
	#menu-14363 #news-list {
		margin:15px 0 20px;
		width:100%; 
	}

	#menu-14374 #news-list {
		margin:0px 0 20px;
	}
	

	

	/*index*/		
	#index .maincontent {border-top:none;}	


	.kid-index-info {
		margin:30px 15px;
		width:calc(100% - 30px);
	}
	
	
	.car-title {
		width:160px;
		position:absolute;
		right:0px;
		bottom:-20px;
	}
		
	
	.kid-index-register {
		padding:30px 15px;
		width:calc(100% - 30px);
	}
	 	

 	

	/*home*/
	#home .maincontent {
		padding:0px 15px; 
		width:calc(100% - 30px);
		border-top:none;
	}
	
	
				
	/*home-field*/
	.home-field {
		padding:15px 15px 30px; 
		width:calc(100% - 30px);
	}
	
		

	/*home-feature*/
	.home-feature {
		padding:15px 15px 30px; 
		width:calc(100% - 30px);
	}
	
	
	.home-feature ul li {
		margin:0px 10px 25px; 
		width:calc(50% - 50px);		
	}
	
	.home-feature .intro-img {
		margin:15px calc(50% - 150px) 0;
		width:300px;
	}
			
		
	img[alt="featureimages"] {
		position:absolute;
		right:0px;
		bottom:-20px;
	}
	
		
		
	/*home-news*/	
	.home-news {
		padding:0px 15px 60px; 
		width:calc(100% - 30px);
	}
	
	
	img[alt="newsimages"] {
		width:200px;
		position:absolute;
		left:0;
		bottom:-65px;
	}
	
	
		
	/*home-info*/
	.home-info {
		padding:30px 15px; 
		width:calc(100% - 30px);
	}
		
	
	
	/*home-events*/
	.home-events {
		padding:0px calc(50% - 500px);
		width:1000px; 
	} 
	

	.home-events .pre-post , .home-events .next-post {
		margin-top:360px; 
		width:40px;
	}   
	
	.home-events .pre-post a , .home-events .next-post a {height:40px; }  	
	
	
	#homeevents-list {width:calc(100% - 90px);}
	
	#homeevents-list .postul > li {
		margin:5px 10px 15px !important;
		width:410px !important; 
		height:810px !important; 
	}
	
				
	
	/*home-links*/
	.home-links {
		padding:0px 15px 15px; 
		margin:0px 0 15px;
		width:calc(100% - 30px);
	}
	
	
				
	/*search2026*/	
 	.search_oneday , .search_limit , .search_keyword {
		margin:10px 0%; 
		width:100%; 
	}		
  
  
 	
	/*searchnews*/
	.searchnews {
		margin:0px 0 0px;
		width:100%; 
	}
	
	.searchnews-info {margin:15px calc(50% - 300px) 15px;}
		
		
	
	/*searchinfo*/
	.searchinfo {
		background: url(graphics/search-bg.webp) repeat-y right 15px top 145px; 
		background-size:auto 2000px; 
	}

	.searchinfo-body {		
		padding:0px 0px 45px; 
		margin:0px 0px 60px;
		width:100%; 
	}
		
 	.searchinfo .listing-ul {min-height:640px;}
 	
 
 	.searchinfo .listing-ul#status-full li.upc-picture:before{
 		position:absolute;
 		top:140px; 
 		left:calc(50% - 81px);
 	}
 	 	
 	.searchinfo .listing-ul#status-over li.upc-picture:before {
 		position:absolute;
 		top:140px; 
 		left:calc(50% - 81px);
 	}
 	
 	
  	
 	/*news-content-top*/
	.news-content-top {
		background: url(graphics/atom-bg.webp) no-repeat right 30px top 60px; 
		background-size:60px auto;
	}
	
	

	/*events detail*/ 	
	#menu-14384 .news-detail .post-title , #menu-14383 .news-detail .post-title , #menu-14382 .news-detail .post-title , 
	#menu-14385 .news-detail .post-title , #menu-14386 .news-detail .post-title , #menu-14392 .news-detail .post-title {
		padding:0px 0 10px;
		margin:15px 0 15px;
	} 	
 
 
 
	/*news-content-btn*/
	.news-content-btn {
		position: sticky; 
    top: 40px;   
	}
	
	
	#content-brief {
		position:relative;
		top:-15px;
	}
	
	#content-reg {
		position:relative;
		top:-15px;
	}
			
			 			
	/*register-form*/		
	.Registration-error {
		margin: 15px 0 15px;
		width:100%;
	}	
	
							
				
	/*complete-registration*/
	.seen-events {		
		margin:30px 15px 30px;
		width:calc(100% - 30px);
	}	

	.recommend {		
		margin:30px 15px 30px;
		width:calc(100% - 30px);
	}	



	/*aday*/
	#menu-14389 .maincontent {padding:15px 0 30px;}		
	
	#menu-14389 .maincontent h3 {
		margin:5px calc(50% - 190px) 15px;
	}
	
	.aday-desc {
		padding:0px 15px;
		width:calc(100% - 30px);
	}
	
	
	.aday-nav {
		padding:30px 15px 15px;
		width:calc(100% - 30px);
	}
	
		
	.aday-info {		
		padding:0px 15px 30px;
		width:calc(100% - 30px);
	}
	
	.aday-info-body {
		padding:20px 30px 35px;
		margin:30px 0 0;
		width:calc(100% - 60px);
	}
	
		
	
	/*senior*/
	.camp-info {min-height: 730px;}



	/*selected*/
	.selected-info {
		padding:30px 30px 30px;
		width:calc(100% - 60px);
	}	
	
	
		
	/*kidscience*/
	.kidscience {
		padding:0px 15px;
		width:calc(100% - 30px);
	}
		
	
	img[alt="kid標題背景"] {
		position:absolute;
		right:15px;
		bottom:-75px;
	}
	
	
	.kid-info-line {
		margin:0px 15px;
		width:calc(100% - 30px);
	}
	
	
	.kid-bottom {
		padding:0px 15px 30px;
		width:calc(100% - 30px);
	}
	
	
	img[alt="節目時間表標題"] {
		width:100px;
		position:absolute;
		right:80px;
		top:60px;
	}	
	
	
	.kid-highlights iframe {height:500px; }
	
	img[alt="kid花絮背景"] {
		position:absolute;
		right:150px;
		top:0px;
	}
	
	
		
	/*kidscience-reg*/	
	#menu-14392 .news-content {		
		padding:15px 15px 15px;
		width:calc(100% - 30px);
		background: var(--kids-bg) url(graphics/star.webp) no-repeat right 30px top 30px;
		background-size:140px auto;
	}
	
		
	.kids-surprise {
		padding:0 15px;
		margin:0 0%;
		width:calc(100% - 30px);
	}
	
	
	
	img[alt="科學大驚奇背景"] {
		width:80px;
		position:absolute;
		right:30px;
		top:600px;
	}
	
		
	
	#menu-14342 #register-form {
		padding:15px 15px 40px; 
		width:calc(100% - 30px);background:red;
	}
	
	

	#menu-14342 .register {
		padding:45px 15px 30px;
		margin:30px 0;
		width:calc(100% - 40px);
	}
			
	
	
	/*kidmovie*/
	#general-content-main .kidscience-events li {min-height:300px;}
	
	#general-content-main .kidscience-events li ul li img {width:150px;}
	
	#general-content-main .kidscience-events li ul li div {width:calc(100% - 185px);}
	
		
				
	/*pshall*/		  		
	.pshall {
		padding:30px calc(50% - 500px) 0px;
		width:1000px; 
	}
	
	
	#pshall-short-body , #pshall-video-body {width:calc(100% - 80px);}

	.pshall-short .pre-post, .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		margin-top:260px; 
		width:40px; 
	} 
	
	.pshall-video .pre-post , .pshall-video .next-post {margin-top:80px;}
	
	.pre-post a , .next-post a {height:40px;}

	.pshall-short .postul > li , .pshall-video .postul > li {
		margin:5px 10px 5px !important;
		width:266px !important; 
	}	
			
							
													
	/*reg-search*/
	#menu-14361 .maincontent {
		padding:0px 15px 0;
		width:calc(100% - 30px); 
		min-height:65vh;
	}
	
	.reg-search-message {
		margin:15px 0;
		width:100%;	
		font-weight:bold;
	}
	

	#menu-14361 #register-form {padding:15px 50px 15px;}	
	
	#menu-14361 .register { 
		padding:0px 15px 15px; 
		width:calc(100% - 30px);
	}
	
	
	#menu-14361 #register-form {		
		padding:15px 30px 15px;
		margin:5px 0 35px;
		width:calc(100% - 70px);
	}
	
	
	.register div .cell1 , .registerbody div .res_cell1 {
		padding:10px 20px 10px 0;
		width:145px;  
		text-align:right;
	}
	
	#menu-14361 .register div .cell2 , #menu-14361 .registerbody div .res_cell2 {
		padding:10px 10px; 
		width:calc(100% - 195px);  
	}
	


	/*qa*/
	.qa-content-btn {
		position: sticky; 
    top: 40px;   
	}	
	
	
	
	/*contact*/		
	.contact {margin:10px calc(50% - 300px) 0;}
		
	
	
	/*hamburger*/
	.mm-page {
		width:100%;
		float:left;
	}
	
	.nav-header {
		background:var(--white-color)  !important; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#hamburger:before, #hamburger:after, #hamburger span {background:var(--title-second-color)  !important;}
	
	#hamburger {
		top:-5px !important; 
		margin:7px 0 7px 5px !important;
	}	
	
  ul#menu a , .mm-list a {text-decoration:none !important;}	
	
	
}	
	
	
		

	



	
	
	/*1000*****************************/
	@media screen and (max-width:1000px) {
	
	/*header*/	
	.header {padding:30px 15px 15px;}
	
	
	
	/*logo*/
	.logo {
		margin:0px calc(50% - 125px);
		width:250px; 
	}
	
	
	
	/*header-right*/
	.header-right {
		margin:0;
		width:400px;  
		position:fixed; 
		top:5px; 
		right:0px; 
		z-index:9999;
	}
		
	.header-right ul.top-menu {margin:0;}
	
	
	
	/*footer-info*/
	.footer-info {
		margin:0 calc(50% - 400px) 15px;
		width:800px;
	}
		
	
	.footer-link {width:405px;}		


	.footer-info ul {
		margin:0px 0 0 30px;
		width:calc(100% - 435px); 
	}	
	
	
				
	/*article list*/	
	#news-list {
		margin:15px 0px;
		width:100%; 
	}

	#postingNotice {
		padding:15px 15px;
		margin:0 0 30px;
		width:calc(100% - 30px); 
	}
	
	
		
	/*article detail*/
		#news-content {
		margin:15px 0px;
		width:100%; 
	}
	
			
		
	/*home-info*/
	.home-info {padding:30px 15px 15px;}
	

  .home-info iframe {height:500px; }
  
	
	
	/*home-events*/  			
	.home-events {
		padding:0px calc(50% - 400px);
		width:800px; 
	}


	.home-events .pre-post , .home-events .next-post {margin-top:260px;}   
		
	
	#homeevents-list .postul > li {
		margin:5px 5px 15px !important;
		width:316px !important; 
		height:640px !important; 
	}  			
 	 	
  	 	
 	 		
 	/*news-content-center*/	
 	.event-table {
 		margin:10px 0;
		width:calc(100% - 2px);
	}
		
	.event-table td , .event-table th {
		padding:5px 5px;
		width:calc(50% - 12px);
	}
		
	.newsid-13911 .event-table td:first-child , .newsid-13911 .event-table th:first-child {width:calc(20% - 12px);}
	
	.newsid-13911 .event-table td:last-child , .newsid-13911 .event-table th:last-child {width:calc(80% - 12px);}
	
	.newsid-13911 .content-plan h4 {margin:10px 0 0px;}
	
	.newsid-14019 .event-table td:first-child , .newsid-14019 .event-table th:first-child {width:calc(30% - 12px);}
	
	.newsid-14019 .event-table td:nth-child(2) , .newsid-14019 .event-table th:nth-child(2) {width:calc(40% - 12px);}
	
	.newsid-14019 .event-table td:last-child , .newsid-14019 .event-table th:last-child {width:calc(30% - 12px);}
	
		
	.newsid-14064 .event-table td:first-child , .newsid-14064 .event-table th:first-child {width:calc(30% - 12px);}
	
	.newsid-14064 .event-table td:last-child , .newsid-14064 .event-table th:last-child {width:calc(70% - 12px);}


	.newsid-14073 .event-table td:first-child , .newsid-14073 .event-table th:first-child , .newsid-14075 .event-table td:first-child , .newsid-14075 .event-table th:first-child {width:calc(30% - 12px);}
	
	.newsid-14073 .event-table td:last-child , .newsid-14073 .event-table th:last-child , .newsid-14075 .event-table td:last-child , .newsid-14075 .event-table th:last-child {width:calc(70% - 12px);}
	 		
	 			 		
 	 		
	/*register-form*/
	#register-form .register div#reg-wf1415 ,
	#register-form .register div#reg-wf1416 ,
	#register-form .register div#reg-wf1417 ,
	#register-form .register div#reg-wf1418 ,
	#register-form .register div#reg-wf1429 ,
	#register-form .register div#reg-wf1430 ,
	#register-form .register div#reg-wf1431 ,
	#register-form .register div#reg-wf1432 ,
	.newsid-13241 #register-form .register div.reg-name ,
	.newsid-13241 #register-form .register div#reg-mobile ,
	.newsid-13242 #register-form .register div.reg-name ,
	.newsid-13242 #register-form .register div#reg-mobile,
	.newsid-13652 #register-form .register div.reg-name ,
	.newsid-13652 #register-form .register div#reg-mobile ,
	.newsid-13653 #register-form .register div.reg-name ,
	.newsid-13653 #register-form .register div#reg-mobile ,
	.newsid-13682 #register-form .register div.reg-name ,
	.newsid-13682 #register-form .register div#reg-mobile ,
	.newsid-13683 #register-form .register div.reg-name ,
	.newsid-13683 #register-form .register div#reg-mobile ,
	.newsid-13684 #register-form .register div.reg-name ,
	.newsid-13684 #register-form .register div#reg-mobile  {width:50%;}	
		
		
	.accompany-table > div:nth-child(1),
	.accompany-table > div:nth-child(2),
	.accompany-table > div:nth-child(3) {width:100%;}
	
		
	/*complete-registration*/	
	.recommend .postul > li , .seen-events .postul > li {width:calc(50% - 20px) !important;} 	
	
	.recommend .postul > li:last-child , .seen-events .postul > li:last-child {display:none;}
	
		
	/*aday*/
	img[alt="科學走讀背景"] {
		width:160px;
		position:absolute;
		top:50px;
		left:0;
	}
	
		
	
	/*senior*/
	img[alt="高中生主題營隊標題"] {
		width:100px;
		position:absolute;
		top:180px;
		right:0;
	}	



	/*kidmovie*/
	#general-content-main .kidscience-events li {min-height:auto;}
	
	#general-content-main .kidscience-events li ul li {
		margin:0px 0px 15px;
		width:100%;
	}	
	
	#general-content-main .kidscience-events li ul li img {width:200px;}
	
	#general-content-main .kidscience-events li ul li div {width:calc(100% - 215px);}
	
	
		
	/*pshall*/  	
	#menu-14354 iframe {height:500px; }
	
	
	.pshall {
		padding:15px calc(50% - 400px) 0;
		width:800px; 
	}
		
		
	.pshall img[alt="特色場域介紹標題"] {
		width:120px;
		top:-15px;
	}

	.pshall img[alt="科普名人堂標題"] {
		width:120px;
		position:absolute;
		top:-45px;
		right:0px;
	}
		
	
	.pshall-short .pre-post, .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {margin-top:200px;} 
			
	.pshall-video .pre-post , .pshall-video .next-post {margin-top:60px;}
	
	
	.pshall-short .postul > li , .pshall-video .postul > li {
		padding:10px 5px;
		margin:5px 5px 5px !important;
		width:220px !important; 
	}
	
	
	
	/*reg-search*/			
	#menu-14361 #register-form .register div#reg-mobile , #menu-14361 #register-form .register div#reg-email ,	
	#menu-14361 .register > div , #menu-14361 .registerbody > div , #menu-14361 #register-form .register div#reg-wf143 ,
	#menu-14361 #register-form .register div#reg-wf1415 , #menu-14361 #register-form .register div#reg-wf1473 {width:100%;}
	
	#menu-14361 #register-form .register div.reg-name ,
	#menu-14361 #register-form .register div#reg-wf1443 , #menu-14361 #register-form .register div#reg-wf1444 ,
	#menu-14361 #register-form .register div#reg-wf1446 , #menu-14361 #register-form .register div#reg-wf1447 ,
	#menu-14361 #register-form .register div#reg-wf1449 , #menu-14361 #register-form .register div#reg-wf1450 ,
	#menu-14361 #register-form .register div#reg-wf1452 , #menu-14361 #register-form .register div#reg-wf1453 ,
	#menu-14361 #register-form .register div#reg-wf1455 , #menu-14361 #register-form .register div#reg-wf1456 ,
	#menu-14361 #register-form .register div#reg-wf1433 , #menu-14361 #register-form .register div#reg-wf1440 ,
	#menu-14361 #register-form .register div#reg-wf1441 , #menu-14361 #register-form .register div#reg-wf1442 {width:100%;}
	
	.accompany-table > div {margin:0 0 5px;}
	
		
			
	/*qa*/	
	.qa {
		padding:20px 30px 25px;
		margin:0px 0 10px;
		width:calc(100% - 70px);
	}
	
	
	#qa1 , #qa2 , #qa3 , #qa4 , #qa5 , #qa6 {
		position:relative;
		top:-85px;
	}	
	
	
	
}	
	

	



	
	
	/*900*****************************/
	@media screen and (max-width:900px) {
		
	/*footer*/
	.footer {
		padding:5px 0 0px;
		background: url(graphics/footer.webp) center top 15px no-repeat;
		background-size:100% auto;
	}
	
		
	/*footer-info*/
	.footer-info {
		margin:0 0;
		width:100%; 
	}		
	
	.footer-link {
		margin:0 calc(50% - 225px);
		width:450px;
	}			


	.footer-info ul {		
		margin:0px calc(50% - 185px); 
		width:370px;
	}	
	
	
		
	/*copyright*/
	.copyright {margin:0px 0;}
	
	
			
	/*pshall*/
	#menu-14354 iframe {height:450px;}
	


	/*senior*/
	.camp-info {min-height: 680px;}

}		
	
	

	



	
	
	/*850*****************************/
	@media screen and (max-width:850px) {



	/*qa*/		
	#general-content-main .qa-content-btn ul li {width:calc(50% - 10px);}
	
	#general-content-main .qa-content-btn ul li:first-child a {border-radius:40px 0 0 0px;}
	
	#general-content-main .qa-content-btn ul li:nth-child(2) a {border-radius:0 40px 0px 0;}
	
	#general-content-main .qa-content-btn ul li:nth-child(3) a ,
	#general-content-main .qa-content-btn ul li:nth-child(4) a {border-radius:0px 0 0 0px;}
	
	#general-content-main .qa-content-btn ul li:nth-child(5) a {border-radius:0 0px 0 40px;} 
	
	#general-content-main .qa-content-btn ul li:last-child a {border-radius:0 0 40px 0;}


	#qa1 , #qa2 , #qa3 , #qa4 , #qa5 , #qa6 {
		position:relative;
		top:-150px;
	}	
	
				
}				

	



	
	
	/*800*****************************/
	@media screen and (max-width:800px) {

	/*footer*/
	.footer {
		padding:0px 0 0px;
		background: var(--white-color);
	}
	
	
	
	/*footer-info*/
	.footer-info {padding:0 0 15px;}		
	
	
	
	/*article detail*/
	.newstable {
		margin:10px 0 0;
		width:calc(100% - 2px);
	}
		
	.newstable td , .newstable th {
		padding:5px 5px;
		width:calc(25% - 12px);
	}
	


	/*index*/
	.car-title {
		width:110px;
		position:absolute;
		right:0px;
		bottom:-20px;
	}	


	
	/*home-feature*/
	.home-feature ul li {
		padding:30px 30px 30px; 
		margin:0px 0px 30px; 
		width:calc(100% - 60px);	
		min-height:auto;	
	}
	

	.home-feature ul li:nth-child(2) {
		background:var(--white-color) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:100px auto;		
	}
	
	.home-feature li:nth-child(2):hover {
		background:var(--kids-bg) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:100px auto;		
	}
		
	.home-feature .intro-img {
		margin:0px 0;
		width:270px;
	}
	
	.home-feature .intro-text {
		margin:30px 0 0 30px;
 		width:calc(100% - 300px);
		text-align:left;
	}
	
	.home-feature .intro-text h3 {text-align:left;}

	
	img[alt="featureimages"] {
		width:80px;
		position:absolute;
		right:0px;
		bottom:-20px;
	}
	
	
		
	/*home-info*/  
  .home-info iframe {height:450px; }
  
  

	/*home-events*/  			
	.home-events {
		padding:0px calc(50% - 325px);
		width:650px; 
	}
	
		
	.home-events .pre-post , .home-events .next-post {margin-top:200px;}   
		
		
	#homeevents-list .postul > li {
		width:241px !important; 
		height:515px !important; 
	}
	
	 		

	/*feature*/	
	.feature ul {
		margin:15px 0 0;
		width:100%;
	}
	
	
	#general-content-main .feature ul li:nth-child(2) {
		background:var(--white-color) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:100px auto;		
	}
	
	#general-content-main .feature li:nth-child(2):hover {
		background:var(--kids-bg) url(graphics/star.webp) no-repeat top 30px right 30px;  
		background-size:100px auto;		
	}
		
	.feature .intro-img {width:270px;}
	
	.feature .intro-text {
		margin:30px 0 0 30px;
 		width:calc(100% - 300px);
		text-align:left;
	}
	
	
	  
 	/*search2026 mobile*/                  
 	.mb_search-header , .mb_search_keyword , .mb_search_keyword_more {display: block;}
	
	
	.mb_search_keyword {
		margin:0 calc(50% - 300px) 15px;
		width:600px;
	}	
	
	
  .mb_search_keyword .mb_search_keyword_input {width:calc(100% - 60px);}
  	 
  .mb_search_keyword_input input.js-keyword-sync {  	
    width: calc(100% - 62px);    
		border:2px solid var(--event-border);
		border-right:none;
		border-radius:10px 0 0 10px;
  }
      
  .mb_search_keyword_input input.main-button {  	
  	padding:8px 0;
    width: 50px;
    color: transparent;
		background:var(--white-color) url(graphics/search.webp) no-repeat center right 10px;  
		background-size:30px;    		
		border:2px solid var(--event-border);
		border-left:none;
    border-radius:0 10px 10px 0;
    box-shadow:none;
  }
    
        
  .mb_search_keyword .mb_search_keyword_more {
    width:60px;
    display: block;
  }
    
  .mb_search_keyword_more a {
  	padding:8px 10px;
    width: calc(100% - 20px);
    float:left;
  }
  
  
  .mb_search_criteria {
    width: 100%; 
    height: 100%;    
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    position: fixed;
    top: 0; 
    left: 0;
    z-index: 9999;
    justify-content: center;
    align-items: center;
  }

	.search_criteria.is-pop .mb_search_criteria {display: block;}
	
	.mb_search_criteria-body {		
    padding: 15px 30px;
    width: calc(100% - 60px);
    max-height: calc(100vh - 30px); 
    background: var(--white-color);
    position: absolute;
    top: 0; 
    left: 0;    
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
	}

  @keyframes popEffect {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }
  

  .mb_search-header {
    margin:0 0 15px;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--event-border);
    position:relative;
  }
    
    
  .btn-close-modal {
  	padding:0 13px 4px;
    font-size: 2.5em;
    font-weight:bold;
    color: var(--green-color);
    background: none; 
    cursor: pointer;
    border: 3px solid var(--green-color);  
    border-radius:50%;
    position:absolute;
    top:10px;
    right:0;
    z-index:2;
  }
  
  
  .mb_search_criteria .search_subject , .mb_search_criteria .search_location ,
  .mb_search_criteria .search_oneday , .mb_search_criteria .search_limit {
  	padding:5px calc(50% - 220px) 20px;
  	width:440px;
  	border-bottom: 1px solid var(--event-border); 
  }
  
  .mb_search_criteria .search_oneday {
		background:url(graphics/atom-bg.webp) no-repeat top 30px left 30px;  
		background-size:auto 45px;  	
  }
  
  .mb_search_criteria .search_limit {  	
		background:url(graphics/star1.webp) no-repeat top 30px right;  
		background-size:auto 100px;
  }
  
  .search_subject input[type="radio"] + label , .search_location input[type="radio"] + label {
		margin:0 0 10px;
	}  	

       
  .search_limit p {width:120px;}
  
	.mb_search_criteria .search_keyword input {
		padding:8px 5px;
		margin:0px calc(50% - 200px);
		width:390px;
		background:var(--white-color) url(graphics/search.webp) no-repeat center right 10px;  
		background-size:30px;
	}
	       
            
            
	/*searchnews*/ 	   
	.searchnews {
		background:url(graphics/star1.webp) no-repeat top 30px right;  
		background-size:auto 100px;
	}
	
	.searchnews-body {	
		background:url(graphics/atom-bg.webp) no-repeat top 170px left;  
		background-size:auto 40px;
	}
	                               
	.searchnews-info {
		margin:15px 0 15px;
		width:100%; 
	}



	/*searchinfo*/				
 	.searchinfo .listing-ul {min-height:600px;}
	
 	.searchinfo .listing-ul#status-full li.upc-picture:before{
 		position:absolute;
 		top:110px; 
 		left:calc(50% - 81px);
 	}
 	 	
 	.searchinfo .listing-ul#status-over li.upc-picture:before {
 		position:absolute;
 		top:110px; 
 		left:calc(50% - 81px);
 	}
 	
 	
	
	/*news-content-top*/
	.news-content-top {
		padding:0 0;
		background: url(graphics/atom-bg.webp) no-repeat right top 15px; 
		background-size:40px auto;
	}
				
		
		
	/*news-content-btn*/		
	#news-content .news-content-btn {
        overflow: hidden;
        border-radius: 50px;
    }

    #news-content .news-content-btn ul { -webkit-mask-image: -webkit-radial-gradient(white, black);}

	#news-content .news-content-btn ul li a {
		font-size:1.25em;
		-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
   	}	
	
		
	#content-brief {
		position:relative;
		top:-10px;
	}
	
	#content-reg {
		position:relative;
		top:-10px;
	}
	
	
		
	/*news-content-center*/  	
	.news-content-center {
		padding:15px 15px 15px;
		margin:0px 0;
		width:calc(100% - 40px);
	}
		
	
	.event-table:before {
		padding:10px 0;
		width:100%;
		content:'時間表';
		font-weight:900;
		text-align:Center;
		background: var(--kids-bg);		
		float:left;
	}
	
	.event-table th {display:none;}
	
	.event-table td , .event-table th {
		padding:5px 10px;
		width:calc(50% - 20px);
		border:none;
	}
	
	.event-table tr {border-bottom:1px solid var(--event-border);}
	
	.event-table td:first-child {text-align:left;}
	
	.newsid-13911 .event-table td:first-child , .newsid-13911 .event-table th:first-child ,	
	.newsid-13911 .event-table td:last-child , .newsid-13911 .event-table th:last-child ,
	.newsid-14385 .event-table td:first-child , .newsid-14385 .event-table th:first-child ,	
	.newsid-14385 .event-table td:nth-child(2) , .newsid-14385 .event-table th:nth-child(2) ,
	.newsid-14385 .event-table td:last-child , .newsid-14385 .event-table th:last-child ,		
	.newsid-14383 .event-table td:first-child , .newsid-14383 .event-table th:first-child ,	
	.newsid-14383 .event-table td:last-child , .newsid-14383 .event-table th:last-child ,	
	.newsid-14064 .event-table td:first-child , .newsid-14064 .event-table th:first-child ,	
	.newsid-14064 .event-table td:last-child , .newsid-14064 .event-table th:last-child ,	
	.newsid-14073 .event-table td:first-child , .newsid-14073 .event-table th:first-child ,	
	.newsid-14073 .event-table td:last-child , .newsid-14073 .event-table th:last-child  ,	
	.newsid-14075 .event-table td:first-child , .newsid-14075 .event-table th:first-child ,	
	.newsid-14075 .event-table td:last-child , .newsid-14075 .event-table th:last-child {width:calc(100% - 20px);}
	
	.newsid-14385 .event-table td:last-child:before {content:'地點：';}		
 	 		
	 	

	/*eventimg*/
	.eventimg {
		margin:15px 0;
		width:100%;
	}
	
	
	
	/*news-content-bottom*/
	.news-content-bottom {
		padding:15px 15px 15px;
		margin:0px 0 30px;
		width:calc(100% - 40px);
	}	  


	 
	/*news-content-nav*/	
	#news-content .news-content-nav ul li a {font-size:1.25em;}	
	
	
	
	/*content-detail*/
	.content-detail {
		margin:15px 0 0;
		background: url(graphics/events-title-bg.webp) no-repeat right top 90px;  
		background-size:60px;
	}
	
	
	.tooutform {margin:15px calc(50% - 85px) 10px;}
	
	.normal-register {margin:0px calc(50% - 100px) 10px;} 		
	
	.senior-register {margin:15px calc(50% - 110px) 10px;}
 	
 	
 			
	/*register-form*/	
	#menu-14384 #register-form , #menu-14383 #register-form , #menu-14382 #register-form ,
	#menu-14385 #register-form , #menu-14386 #register-form , #menu-14392 #register-form {
		padding:15px 15px 30px;
		margin:0px 0px 0px;
		width:calc(100% - 40px);
	}
	
	.register-body > div {padding:10px 0 10px;}
	
	#register-form .register div#reg-wf1415 ,
	#register-form .register div#reg-wf1416 ,
	#register-form .register div#reg-wf1417 ,
	#register-form .register div#reg-wf1418 ,
	#register-form .register div#reg-wf1429 ,
	#register-form .register div#reg-wf1430 ,
	#register-form .register div#reg-wf1431 ,
	#register-form .register div#reg-wf1432 ,
	#register-form .register div.reg-name ,
	#register-form .register div#reg-name ,
	#register-form .register div#reg-mobile ,
	#register-form .register div#reg-email ,
	#register-form .register div#reg-emailc ,
	#register-form .register div#reg-wf1419 ,
	#register-form .register div#reg-wf1420 ,
	#register-form .register div#reg-wf1421 ,
	#register-form .register div#reg-wf1422 ,
	#register-form .register div#reg-wf1423 ,
	#register-form .register div#reg-wf1424 ,
	#register-form .register div#reg-wf1425 ,
	#register-form .register div#reg-wf1426 ,
	#register-form .register div#reg-wf1427 ,
	#register-form .register div#reg-wf1428 ,
	#register-form .register div#reg-wf1433 , 
	#register-form .register div#reg-wf1440 , 
	#register-form .register div#reg-wf1441 ,
	#register-form .register div#reg-wf1442 {width:100%;}

	#register-form .register div#reg-wf1443 ,
	#register-form .register div#reg-wf1444 ,
	#register-form .register div#reg-wf1446 ,
	#register-form .register div#reg-wf1447 ,
	#register-form .register div#reg-wf1449 ,
	#register-form .register div#reg-wf1450 ,
	#register-form .register div#reg-wf1452 ,
	#register-form .register div#reg-wf1453 ,
	#register-form .register div#reg-wf1455 ,
	#register-form .register div#reg-wf1456 {width:100%;}
	
	
	.register div .cell1 , .registerbody div .res_cell1 {
		padding:5px 0;
		width:100%;  
		text-align:left;
	}
	
	.register div .cell2 , .registerbody div .res_cell2 {
		margin:0px 0;
		width:100%; 
	}
		
		
	.choosea {
		margin:5px 0;
		width:100%;  
	}
	
	#reg-selevent:before {
		padding:5px 0px;
		width:100%; 
		content:'報名場次';  
		text-align:left; 
	}
	
	#reg-selevent > div {margin:5px 0 5px;}
	
	
	#formmsg {
		padding:15px 0px 15px; 
		margin:0px 0 15px; 
		width:100%;
	}

	#reg-notice {
		padding:15px 15px 15px; 
		width:calc(100% - 30px);
	}
	
	
	
	/*complete-registration*/
	.complete-registration {		
		margin:0px 15px 30px;
		width:calc(100% - 30px);
	}
	
	
	.seen-events {margin:5px 15px 15px;}		
	
	.recommend {margin:5px 15px 15px;}


			
	/*aday*/
	#menu-14389 .maincontent h2 {margin:5px 0 0px;}
		
	#menu-14389 .maincontent h3 {margin:0px calc(50% - 190px) 15px;}
	
	
	.aday-nav {
		padding:15px 15px 0px;
		width:calc(100% - 30px);
	}
	
	#general-content-main .aday-nav ul {text-align:center;}
	
	#general-content-main .aday-nav ul li {
		margin:0 10px 10px; 
		width:calc(100%/3 - 24px);
		float:none;
		display:inline-block;
	}
	
			
	.aday-info {		
		padding:10px 15px 15px;
		width:calc(100% - 30px);
	}
	
	.aday-info-body {
		padding:15px 15px 30px;
		margin:15px 0 15px;
		width:calc(100% - 30px);
	}	
	
	
	img[alt="科學走讀背景"] {
		width:120px;
		position:absolute;
		top:0px;
		left:0;
	}
	
	
						
	/*senior*/
	img[alt="高中生主題營隊標題"] {display: none;}		
	
	
	.camp-info {min-height: 650px;}

	.camp-info1 {
		background: url(graphics/home-feature-bg.webp) no-repeat right 15px bottom 50px; 
  	background-size:30px auto;		
	}	
	
		
		
	/*kidscience*/		
	img[alt="kid標題背景"] {		
		width:120px;
		position:absolute;
		right:15px;
		bottom:-65px;
	}
		
		
	img[alt="交通工具背景"] {
		width:50px;
		position:absolute;
		left:15px;
		bottom:10px;
	}
	
			
	img[alt="科學大富翁背景"] {
		width:100px;
		position:absolute;
		right:0px;
		bottom:30px;
	}	
			
			
	img[alt="kid須知背景"] {
		width:60px;
		position:absolute;
		left:0px;
		top:30px;
	}
	
		
	img[alt="kid花絮背景"] {
		width:60px;
		position:absolute;
		right:100px;
		top:0px;
	}
		
		
 	.kid-highlights iframe {height:450px; }
 	
 	
	
	/*kidscience-reg*/			
	img[alt="科學大驚奇標題"] {
		width:80px;
		position:absolute;
		left:15%;
		top:30px;
	}
		
	.kids-surprise {
		padding:0 0px;
		width:100%;
	}
		
	
	img[alt="科學大驚奇背景"] {display:none;}
	
			
				
	/*pshall*/		
	.pshall {
		padding:15px 0px 0;
		width:100%; 
	}
	
		
	.pshall img[alt="科普名人堂標題"] {
		width:80px;
		position:absolute;
		top:-15px;
		left:160px;
	}
	
	
	#pshall-short-body , #pshall-video-body {
		margin:0px calc(50% - 305px);
		width:500px;
	}
	
	
	.pshall-short .pre-post, .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		margin-top:380px; 
		width:55px; 
	} 
	
	.pshall-video .pre-post , .pshall-video .next-post {margin-top:120px;}
	
	.pre-post a , .next-post a {height:55px;}


	.pshall-short .postul > li , .pshall-video .postul > li {
		width:calc(500px - 20px) !important;   
	}
	
	.pshall-info {
		margin:0px 0 15px;
		width:100%;
	}	
	
	
		  					
	/*reg-search*/	
	.reg-search {		
		padding:0px 15px 20px; 
		margin:0px 0;
		width:calc(100% - 30px); 
	}
		
	img[alt="reg-search"]  {		
		width:80px;
		bottom:-15px;
		right:-21px;
	}
		
		
	#menu-14361 #register-form {		
		padding:15px 0px 15px;
		margin:5px 0 35px;
		width:calc(100% - 10px);
	}


	#menu-14361 .register div .cell2 , #menu-14361 .registerbody div .res_cell2 {
		padding:10px 5px; 
		margin:0 0 10px;
		width:calc(100% - 10px);  
	}	
	
	
	
	/*qa*/
	.qa {
		padding:15px 15px 20px;
		margin:0px 0 0px;
		width:calc(100% - 40px);
		background: var(--white-color); 	
	}
		
		
	.qa h2 {text-align:center;}
	
	
	.qa-btn {margin:10px calc(50% - 110px) 10px;}		
 	
 	
	#qa1 , #qa2 , #qa3 , #qa4 , #qa5 , #qa6 {
		position:relative;
		top:50px;
	}	
	
			
		
	/*contact*/	
	.contact {
		padding:0px 15px 15px; 
		margin:10px 0 0;
		width:calc(100% - 30px);  
	}	
	
		
	img[alt="contact"] {
		width:80px;
		position:absolute;
		bottom:30px;
		right:30px;		
	}
		
		
	
	/*friendlink*/
	#menu-14372 #general-content-main ul li {
		margin:0 10px 20px; 
		width:calc(50% - 20px); 
	}		
	
	
	.link-info {
		margin:0px 0 45px;
		width:100%;  
	}
	
			
	
	/*webmap*/	
	#general-content-main .webmap > div {
		margin:10px 5px 30px;
		width:calc(50% - 10px);
	}
	

	
	
}	

	

	



	
	/*640*****************************/
	@media screen and (max-width:640px) {	

	/*title*/
	h1, .posting-title , .post-title , 	#catalog_display h1 span , 
	#main_info span , .emailtitle , #menu-name , .reg-search-title , .kids-title , .kids-index-title  {
		margin:15px 0 15px;
		font-size:2em;
	}

	.group-top h1 span {font-size:0.7em;}
	
	.article-title span {
		margin:0px calc(50% - 80px);
		width:160px;	
		background: url(graphics/h1.webp) no-repeat left top 5px, url(graphics/h1.webp) no-repeat right top 5px; 
  	background-size:auto 45px;
	}
			
	.home-title , .posting-title , .search_criteria-title , .search_criteria-title1 , .reg-search-title , .kid-title , .camp-title {
		margin:15px 0 15px;
		font-size:2em;
		background: url(graphics/h1.webp) no-repeat left top 5px, url(graphics/h1.webp) no-repeat right top 5px; 
  	background-size:auto 45px;
  }
	
	
	h2 {
		margin:5px 0 10px;
		font-size:1.75em;
	}
	
	h3 {
		margin:5px 0;
		font-size:1.5em;
	}
	
	h4 {
		margin:5px 0;
		font-size:1.25em;
	}
	
	h5 {
		padding:0 0 15px;
		margin:10px 0 0;
		font-size:1.12em;
	}
	
	
	
	/*header-right*/	
	.header-right {width:325px;}
	
	.header-right ul.top-menu li {
		margin:2px 15px 0;
		width:80px;
	}

	.header-right ul.top-menu li:last-child {margin:2px 0 0 15px;}	
				
	.header-right ul.top-menu li a {font-size:1em;}
	

	
	/*maincontent*/
	.maincontent {margin:0px 0;}
	
	
	
	/*agree policy*/	
	.policy .policy-exit {margin:5px calc(50% - 50px) 0;}
	
	.policy p {width:100%;}
	
	
	
	/*article list*/
	#menu-14363 .posting-title , .home-feature .home-title , .home-news .posting-title , 
	.home-links .home-title {
		margin:15px calc(50% - 80px) 25px;
		width:160px;
	}
	
	.listing-ul li.upc-subject a p {
		overflow:inherit;  
		white-space: normal;  
		text-overflow: clip;
	}
	
	
	
	/*index*/
	.index-title {font-size:1.5em;}
		
	.car-title {
		width:80px;
		position:absolute;
		right:0px;
		bottom:-25px;
	}	
	
	
	.kid-index-register {padding:0px 15px 15px;}
	
	.kid-index-register ul.kid-register {margin:0 0 0px;}


	.kid-index-register ul li {
		margin:0px calc(50% - 125px) 15px;
		width:250px;
	}
	
	.kid-index-register ul.kid-register li {
		margin:0px 0 45px;
		width:100%;
	}

	.kid-index-register ul.kid-register li:last-child {margin:0px 0 30px;}
	
	

	/*home*/
	#home .maincontent h1 {
		margin:10px 0 15px;
		font-size:1.5em;
	}
	
	.quote-info {margin:10px calc(50% - 150px) 15px;}
	
	
	
	/*home-field*/	
	.home-field {padding:15px 15px 0px; }
		
		
	.home-field ul {margin:0 0;}
		
	.home-field ul li {
		margin:0px 5px 30px; 
		width:calc(50% - 10px); 
	}	
	
	
	
	/*home-feature*/
	.home-feature ul {margin:5px 0;}
		
	.home-feature ul li {
		padding:15px 15px 30px; 
		width:calc(100% - 30px);	
	}
	
	.home-feature ul li:nth-child(2) {background:var(--white-color);}
	
	.home-feature li:nth-child(2):hover {background:var(--kids-bg);}
		
		
	.home-feature .intro-img {
		margin:0px calc(50% - 125px);
		width:250px;
	}
	
	.home-feature .intro-text {
		margin:0px 0 0;
 		width:100%;
		text-align:center;
	}
	
	.home-feature .intro-text h3 {text-align:center;}

	
	img[alt="featureimages"] {
		width:60px;
		position:absolute;
		right:0px;
		bottom:0px;
	}
	
	
		
	/*home-news*/				
	.home-news #news-list {margin:5px 0 0;}
	

	.home-news .listing-ul {					
		padding:5px 0px 2px; 
		margin:0px 0 15px; 
		width:100%;
		background: var(--white-color);
	}
			
			
	img[alt="newsimages"] {
		width:120px;
		position:absolute;
		left:0;
		bottom:-18px;
	}
			
			
	 
	/*home-info*/	
	.home-info {padding:15px 15px 0px;}
	
	 
	 	
	/*home-events*/  			
	.home-events {
		padding:0px 0;
		width:100%; 
	}
	
		
	.home-events .pre-post , .home-events .next-post {display:none;}  
		
	
	#homeevents-list {
		margin:0px calc(50% - 250px);
		width:500px; 
	}
			
			
	#homeevents-list .postul > li {
		width:calc(500px - 50px) !important; 
		height:890px !important;
	}
	 	
			

	/*home-links*/	
	.home-links ul {margin:0 0;}
	
	.home-links ul li {
		padding:0px 0px 0px; 
		margin:0px calc(50% - 145px) 30px; 
		width:290px;	
	}
		
		
			
	/*News*/			
	#menu-14363 #news-list {margin:5px 0 20px;}
	
	
	#menu-14363 .listing-ul , #menu-14374 .listing-ul {						
		padding:5px 0px 2px; 
		margin:0px 0 15px; 
		width:100%;
		background: var(--white-color);
	}
	
	#menu-14363 .listing-ul:hover , #menu-14374 .listing-ul:hover {background: var(--footer-bg);}
	
	
	
	/*feature*/			
	#general-content-main .feature ul li {
		padding:15px 15px 30px; 
		width:calc(100% - 30px);	
	}
	
	#general-content-main .feature ul li:nth-child(2) {background:var(--white-color);}
	
	#general-content-main .feature ul li:nth-child(2):hover {background:var(--kids-bg);}
		
		
	.feature .intro-img {
		margin:0px calc(50% - 125px);
		width:250px;
	}
	
	.feature .intro-text {
		margin:0px 0 0;
 		width:100%;
		text-align:center;
	}
	
	.feature .intro-text h3 {text-align:center;}


	  
  /*search2026*/  
  .search_criteria-title {
		margin:15px calc(50% - 113px) 15px;
		width:226px;
	}
	
 	.search_criteria-title1 {
		margin:15px calc(50% - 80px) 25px;
		width:160px;
	}
	 
			
	.search_criteria h2 img {top:0px;}	
	
		 

 	/*search2026 mobile*/   
	.mb_search_keyword {
		margin:0 0 15px;
		width:100%;
	}	 	
	
	
	.mb_search_criteria-body {		
    padding: 15px 15px;
    width: calc(100% - 30px);
	}

    
  .btn-close-modal {
  	padding:0 10px 3px;
    font-size: 2em;
    position:absolute;
    top:10px;
    right:0;
  }
  
  
  .mb_search_criteria .search_subject , .mb_search_criteria .search_location ,
  .mb_search_criteria .search_oneday , .mb_search_criteria .search_limit , .mb_search_criteria .search_keyword {
  	padding:5px 15px 15px;
  	width:calc(100% - 30px);
  }
  
  .mb_search_criteria .search_location , .mb_search_criteria .search_oneday , 
  .mb_search_criteria .search_limit , .mb_search_criteria .search_keyword {padding:0px 15px 15px;} 
    

  .mb_search_criteria .search_oneday {
		background:url(graphics/atom-bg.webp) no-repeat top 5px left 30px;  
		background-size:auto 30px;  	
  }
  
  .mb_search_criteria .search_limit {  	
		background:url(graphics/star1.webp) no-repeat top right 15px;  
		background-size:auto 80px;
  }
  
  
       		
	/*searchnews*/ 	   
	.searchnews , .searchnews-body {background:none;}
	
	
	.search-list {
		margin:0px 0;
		width:100%; 
	}
	

	.searchnews ul {margin:15px 0 0;}
				
	.searchnews ul li {
		margin:15px calc(50% - 150px) 0; 
		width:300px; 
	}
	
	
			
 	/*searchinfo*/
	.search_sort {
		padding:0 0;
		margin:15px 0 15px;
		width:100%;
	}
	
		
 	.searchinfo .listing-ul {
 		padding:0 0px 30px;
 		margin:0 0 10px;
 		width:100%;
 		min-height:auto;
 		border-bottom:2px solid var(--event-border);
 		display: none;
 	}
 	
	
	.searchinfo .listing-ul li.upc-subject a {
		overflow:inherit;  
		white-space: normal;  
		text-overflow: clip;
	} 


 	
	/*news-content-top*/
	.news-content-top {background: none;}
	
	.event-desc {
		padding:15px 0;
		width:100%;
	}	
	
	
	/*news-content-btn*/ 	
 	#news-content .news-content-btn ul li a {
		padding:10px 0 10px;
		font-size:1.15em;
	}
 	
	
	
 	/*news-content-center*/ 	
	.news-content-title {font-size:1.75em;}
	
	
	
 	/*content-link*/
	#news-content .content-link ul li a {
  	padding:15px 15px; 
		width:calc(100% - 30px);
		background: var(--white-color) ;
  }
	
  #news-content .content-link ul li:hover a {
		background: var(--footer-bg);
  }
  
   	
   	
 	/*news-content-nav*/
 	#news-content .news-content-nav ul {border-radius:40px;}
 	
 	#news-content .news-content-nav ul li {
		padding:5px 5px; 
		margin:0px 0px; 
		width:calc(100% - 10px); 
	}
	
	#news-content .news-content-nav ul li:first-child a {border-radius:30px 30px 0 0}
	
	#news-content .news-content-nav ul li:last-child a {border-radius:0 0 30px 30px;}
	
	#news-content .news-content-nav ul li a {font-size:1.15em;}	
	
	
	
	/*content-detail*/
	.content-detail {
		background: url(graphics/events-title-bg.webp) no-repeat right top 75px;  
		background-size:45px;
	}
	
		

	/*complete-registration*/
	.recommend-title , .seen-events-title{
		margin:15px 0 0;
		font-size:3em;
	}
	
	.recommend-title span {
		margin:0px calc(50% - 95px);
		width:190px;
	}	
	
	.seen-events-title span {
		margin:0px calc(50% - 140px);
		width:280px;
	}	
	
	.recommend .postul > li , .seen-events .postul > li {
		padding:15px 0px;
		width:100% !important;
	}  	

	.recommend .postul > li:last-child , .seen-events .postul > li:last-child {display:block;}

				
					
	/*senior*/
	#menu-14390 .article-title span {
		margin:0px calc(50% - 130px);
		width:260px;
	}
			
			
	.camp-time {margin:5px 0;}
	
	.camp-time .camp-title {
		margin:0px calc(50% - 130px) 10px;
		width:260px;
	}	


	.camp-extra {margin:0 0 20px;}
	
	.camp-extra .camp-title {
		margin:5px calc(50% - 115px) 15px;
		width:230px;
	}	
	
	#general-content-main .camp-extra ul li {
		margin:0 0px 10px; 
		width:100%;
	}

	.camp-info {
		margin:5px 0px 30px;
		width:100%;
		min-height: auto;
	}	
	
			
	.camp-info1 {
		background: url(graphics/home-feature-bg.webp) no-repeat right 15px bottom 50px; 
  	background-size:45px auto;		
	}	
	
	
			
	/*selected*/	
	.selected-info {
		padding:15px 15px 15px;
		width:calc(100% - 30px);
	}	
	
	.selected-info h2 , .selected-info .selected-p {text-align:center;}
	
		
	#general-content-main .selected-info ul li a {
  	padding:15px 15px; 
		width:calc(100% - 30px);
		background: var(--white-color) ;
  }
	
	#general-content-main .selected-info ul li a {
  	padding:15px 15px; 
		width:calc(100% - 30px);
		background: var(--white-color) ;
  }
		
  #general-content-main .selected-info ul li:hover a {background: var(--home-bg);}	



	/*kidscience*/
	.kid-intro {
		padding:15px 0px 0;
		width:100%;
	}		
	
	.kid-intro .organizer {line-height:130%;}
			
	.kid-info-line {		
		padding:0 0;
		margin:0px 0px;
		width:100%;
	}	
	
	img[alt="kid標題背景"] {		
		width:100px;
		position:absolute;
		right:0px;
		bottom:-65px;
	}
	
	
	.kid-transport {padding:15px 0 0px;}
			
	.kid-transport .kid-title {
		margin:10px calc(50% - 130px) 5px;
		width:260px;
	}		
	
	
	.kid-transport ul {
		margin:15px 0 0;
		width:100%;
	}	
		
	img[alt="交通工具背景"] {display:none;}
		
	
	.kid-btn {padding:15px 0 0px;}

	.kid-btn .article-title span {
		margin:0px calc(50% - 80px);
		width:160px;
		background: url(graphics/h1.webp) no-repeat left top 5px, url(graphics/h1.webp) no-repeat right top 5px; 
  	background-size:auto 45px;
	}	
			
	.kid-btn ul li {
		margin:0px calc(50% - 125px) 30px;
		width:250px;
	}
	
	
	.kid-monopoly {padding:0 0 30px;}
	
	.kid-monopoly .kid-title {
		margin:10px calc(50% - 160px) 15px;
		width:320px;
	}	
			
	img[alt="科學大富翁背景"] {
		width:45px;
		position:absolute;
		right:0px;
		bottom:15px;
	}	
	

	.kid-time , .kid-map {padding:15px 0 0;}
	
	.kid-time .kid-title {
		margin:10px calc(50% - 95px) 15px;
		width:190px;
	}	
				
	img[alt="節目時間表標題"] {
		width:80px;
		position:absolute;
		left:30px;
		top:45px;
	}
	

	.kid-map .kid-title , .kid-notice .kid-title {
		margin:10px calc(50% - 80px) 15px;
		width:160px;
	}		
	
	
	.kid-highlights {padding:15px 0;}
		
	.kid-highlights .kid-title {
		margin:10px calc(50% - 113px) 15px;
		width:226px;
	}		
		
	img[alt="kid花絮背景"] {
		width:60px;
		position:absolute;
		right:0px;
		top:30px;
	}	
		
	.kid-highlights iframe {height:350px; }
	
	
	
	/*kidscience-reg*/		
	#menu-14392 .news-content {background: var(--kids-bg);}
	
				
	img[alt="科學大驚奇標題"] {
		width:60px;
		position:absolute;
		left:30px;
		top:30px;
	}
	
	
	#menu-14392 #news-content .article-title span {
		margin:0px calc(50% - 95px) 15px;
		width:190px;
	}
	
		
	.kids-surprise ul li span {
		padding:0 0;
		width:auto;
		float:none;
		display:inline-block;
	}
	
		
	
	/*kidmovie*/
	#general-content-main .kidscience-events li ul li img {width:150px;}
	
	#general-content-main .kidscience-events li ul li div {width:calc(100% - 185px);}
		
	
	
	/*pshall*/		
	#menu-14354 iframe {height:350px;}		
	
	.pshall-video {margin:0 0 15px;}
	
	
	#pshall-short-body , #pshall-video-body {
		margin:0 calc(50% - 220px);
		width:440px;
	}
	
	
	.pshall-short .pre-post, .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		margin-top:0px; 
		width:40px;
		position:absolute;
		top:450px;
		z-index:99;
	} 

	.pshall-video .pre-post , .pshall-video .next-post {
		position:absolute;
		top:260px;
	}
		
	.pre-post a , .next-post a {height:40px;}
	
	.pshall-short .pre-post , .pshall-video .pre-post {left:0;} 
	
  .pshall-short .next-post , .pshall-video .next-post {right:0;}
  
  
	.pshall-short .postul > li , .pshall-video .postul > li {
		padding:10px 0px;
		margin:5px 0px 5px !important;
		width:440px !important; 
	}
	
	
		
	/*reg-search*/
	.reg-search-title {
		margin:5px calc(50% - 130px) 25px;
		width:260px;
	}
	
				
	img[alt="reg-search"]  {		
		width:80px;
		bottom:-15px;
		right:-21px;
	}


	#menu-14361 .register h1 {font-size:1.5em;}
	
	#menu-14361 .register h1 span  {font-size:1.12em;}
	
	
	
	/*qa*/
	#general-content-main .qa-content-btn ul li a {
		padding:15px 0 15px;
		font-size:1em;
	}
	

	/*contact*/	
	.contleft {
		margin:0 0;
		width:100%; 
	}
	
	.contright {
		margin:0 0;
		width:100%;
	}	
	
	

	/*friendlink*/	
	#menu-14372 #general-content-main ul {margin:10px 0 0;}
	
	.link-info {margin:0px 0 30px;}
	
	

	

}	
	
	
	
	
	
	
	
	
	/*540*****************************/
	@media screen and (max-width:540px) {	
	
	/*home-events*/
	#homeevents-list {
		margin:0px calc(50% - 220px);
		width:440px; 
	}


	#homeevents-list .postul > li {
		width:calc(440px - 50px) !important; 
		height:785px !important; 
	}	
	
	
	
	/*kidmovie*/	
	#general-content-main .kidscience-events li ul li img {		
		margin:0px calc(50% - 100px) 10px;
		width:200px;
	}
	
	#general-content-main .kidscience-events li ul li div {
		margin:0px 0;
		width:100%;
		text-align:center
	}
	
	.kidscience-events li ul li div h2 , .kidscience-events li ul li div h4 {text-align:center;}



}
	

	



	
/*480*****************************/
	@media screen and (max-width:480px) {	
	

			
	/*footer-info*/
	.footer-info {padding:0 0 10px;}		
	
	.footer-link {
		margin:0px calc(50% - 145px); 
		width:290px;
	}			

	

	/*index*/
	.car-title {		
		width:60px;
		position:absolute;
		right:0px;
		bottom:-15px;
	}



	/*home-info*/  
  .home-info iframe {height:320px; }
	
	
	
	/*home-events*/
	#homeevents-list {
		margin:0px calc(50% - 145px);
		width:290px; 
	}

	#homeevents-list .postul > li {
		margin:5px 0px 15px !important;
		width:calc(290px - 30px) !important;
		height:550px !important; 
	} 
	
	
	/*article detail*/
	#menu-14335 .news-detail .post-brief {
		margin: 0 ;
		width: 100%;
	}


		  
	/*search-adv*/	
	.search_oneday p { 
		margin:0 5px 10px;
		width:125px;
	}
	
	
 	/*searchinfo*/
	.normal_searchinfo-body iframe {height: 450px;}


	.searchinfo img[alt="搜尋標題左"] {display:none;}
	
	
	/*news-content-top*/
	.event-desc {
		padding:10px 0px 10px 0px;
		width: 100%;
	}	

	.news-content-top img[alt="活動簡介左"] {display:none;}
	
	
	#news-content .news-content-top ul li {
		margin:5px 10px 5px 0; 
		width:130px; 
	}



	/*news-content-center*/
 	.news-content-center img[alt="場域簡介"] {display:none;}	
 	

 	
 	/*content-detail*/	
 	.content-detail img[alt="活動場次標題"] {display:none;}
	
			
	
	/*aday*/
	#menu-14389 .maincontent h3 {
		margin:5px 0 15px;
		width:100%;
		font-size:1.5em;
		text-align:center;
	}
	
	#menu-14389 .maincontent h3 img {display:none;}
	
	
	#general-content-main .aday-nav ul li {width:calc(100%/2 - 24px);}
	
	
	img[alt="科學走讀背景"] {
		width:90px;
		position:absolute;
		top:0px;
		left:0;
	}
	
			
		
	/*senior*/	
	.senior-ul {
		margin:15px 0;
		width:100%;
	}
			
	
		  
	/*kidscience*/
	.kid-intro {
		padding:15px 0px 0;
		width:100%;
	}		
	
	.kid-intro .organizer {line-height:130%;}

	.kid-intro .organizer img[alt="locate"] {
		width:25px;
		position:relative;
		top:8px;
	}
				
	img[alt="kid標題背景"] {		
		width:60px;
		position:absolute;
		right:0px;
		bottom:-45px;
	}


	.kid-monopoly .kid-title {background:none;}	
	
	.monopoly-notice {
		margin: 0 0;
		width: calc(100% - 20px);
		border-radius: 40px;
	}	

	img[alt="科學大富翁背景"] {display: none;}


	img[alt="節目時間表標題"] {
		width:60px;
		position:absolute;
		left:0px;
		top:15px;
	}
	

	img[alt="kid須知背景"] {
		width:45px;
		position:absolute;
		left:0px;
		top:35px;
	}
	

	img[alt="kid花絮背景"] {
		width:30px;
		position:absolute;
		right:0px;
		top:30px;
	}	
	
	.kid-highlights iframe {height:300px;}
	
	
				
	/*kidscience-reg*/						
	img[alt="科學大驚奇標題"] {display:none;}
	
	
	
	/*pshall*/				
	#menu-14354 iframe {height:300px;}	
	
	
	.pshall img[alt="特色場域介紹標題"] {
		width:100px;
		position:absolute;
		top:-15px;
	}
	
			
	.pshall img[alt="科普名人堂標題"] {
		position:absolute;
		top:-5px;
		left:160px;
	}
	
	
	#pshall-short-body , #pshall-video-body {
		margin:0px calc(50% - 145px);
		width:290px;
	}
	
	.pshall-short .pre-post , .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		margin-top:0; 
		position:absolute;
		top:350px;
	} 
	
	.pshall-video .pre-post , .pshall-video .next-post {
		position:absolute;
		top:180px;
	}


	.pshall-short .postul > li , .pshall-video .postul > li {width:290px !important;}


	
	/*reg-search*/
	.reg-search-content span {
		padding:0; 
		margin:0px 0 15px;
		width:100%;  
		text-align:left;
	}
	
	.reg-search-content input[type="text"] , .reg-search-content input[type="textbox"] , .reg-search-content input[type="password"] , 
	.reg-search-content input[type="email"] {width:calc(100% - 12px);}	
	
	
		
	/*qa*/		
	.qa-content-btn {
		margin:0 0 15px;
		position:relative;
		top:10px;
	}
	
	
	#general-content-main .qa-content-btn ul li {
		padding:5px 5px;
		width:calc(100% - 10px);
	}
			
	#general-content-main .qa-content-btn ul li:first-child a {border-radius:40px 40px 0 0px;}
	
	#general-content-main .qa-content-btn ul li:nth-child(2) a ,
	#general-content-main .qa-content-btn ul li:nth-child(3) a ,
	#general-content-main .qa-content-btn ul li:nth-child(4) a ,
	#general-content-main .qa-content-btn ul li:nth-child(5) a {border-radius:0 0px 0 0px;} 
	
	#general-content-main .qa-content-btn ul li:last-child a {border-radius:0 0 40px 40px;}
	
				
			
	/*contact*/	
  .recaptcha {
  	margin:5px calc(50% - 145px);
  	width:290px !important;
  }
  
  .g-recaptcha {max-width:290px;}	
  
  .g-recaptcha > div , .g-recaptcha iframe {width:290px !important;}	


	img[alt="contact"] {display:none;}
		
			
	
	/*friendlink*/	
	#menu-14372 #general-content-main ul li {
		margin:0 0px 15px; 
		width:100%;
	}	
		
	
	
	/*webmap*/	
	#general-content-main .webmap > div {
		margin:10px 0px 15px;
		width:calc(100% - 0px);
		min-height:auto
	}
		
}	


	

	



	
	/*440*****************************/
	@media screen and (max-width:440px) {	
		
	
	/*header-right*/	
	.header-right {width:265px;}
	
	.header-right ul.top-menu li {
		margin:0 5px;
		width:80px;
	}

	.header-right ul.top-menu li:last-child {margin:0 0 0 5px;}	
	
	
	
	/*footer-info*/
	.footer-info ul {	
		margin:0px calc(50% - 145px); 
		width:290px;
	}	
		
	

	/*copyright*/
	.copyright {
		padding:5px 0; 
		line-height:140%;
	}
	
		
	
	/*login*/
	.login {
		margin:20px 0;
		width:100%;
	}
	


	/*home-field*/			
	.home-field .home-title {
		margin:15px 0 25px;
		width:100%;
		background:none;
	}
	
	
			
	/*searchnews*/ 	   
	.searchnews ul li {
		margin:15px 0 0; 
		width:100%; 
	}
	
	
		
 	/*searchinfo*/
 	.searchinfo {
		background: url(graphics/search-bg.webp) repeat-y right 15px top 145px; 
		background-size:auto 1000px; 
	}
	
	 	
 	
 	/*search2026 mobile*/ 	
 	.mb_search_criteria-body {		
    padding: 15px 0px;
    width: calc(100% - 0px);
	}
	
	
	 .btn-close-modal {
  	padding:0 10px 3px;
    font-size: 1.5em;
    position:absolute;
    top:-5px;
    right:10px;
  }
  
 	.mb_search_criteria .search_keyword input {
		padding:8px 5px;
		margin:0px 0px;
		width:calc(100% - 14px);
	}	
 	
 	 		
	/*register-form*/
	.main-button .cancel , .main-button .submit {width:100%;}
	
	.main-button .cancel {margin:0 0 15px;}
	
	
	
	/*pshall*/					
	.pshall-short .pre-post , .pshall-short .next-post , .pshall-video .pre-post , .pshall-video .next-post {
		position:absolute;
		top:300px;
	} 
	
	.pshall-video .pre-post , .pshall-video .next-post {
		position:absolute;
		top:140px;
	}
		
}	

	

	



	
	/*360*****************************/
	@media screen and (max-width:360px) {	

	/*login*/	
	.log01-tit {
		padding:10px 0px 0px;
		width:100%; 
		text-align:left;		
	}
	
	.log01-info {
		margin:5px 0 5px;
		width:100%; 
	}
	
	.mstxtCaptchaDiv {margin:20px 0 10px !important;}
	


	/*home*/	
	.quote-info {
		margin:15px 0 0px;
		width:100%;  
	}
	
	
		
	/*reg-search*/			
	img[alt="reg-search"]  {display:none;}
	


	/*kidscience*/
	.kid-highlights iframe {height:250px;}	
	
	
	/*pshall*/
	#menu-14354 iframe {height:250px;}	
	
}