/*kissscience2025*/

		
	/*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;
	}
	

	/*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: 150%;
		color:#333333; 
		background:#fff;  
		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 , 	#catalog_display h1 span , 
	#main_info span , .emailtitle , #menu-name , .reg-search-title , 
	.normal_search_criteria-title , .search_criteria-title , .kids-title {
		margin:15px 0 25px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#00ccff;
		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% - 75px);
		width:150px;
		line-height:120%;
		font-family:'Calibri';
		font-size:0.65em;
		color:#00c164;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:20px;
		float:left;
	}
	
	
	h2 {
		margin:5px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color:#5f5f5f;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h3 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#5f5f5f;
		font-weight:bold;
		float:left;
	}
	
	h4 {
		margin:5px 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color:#e77ea9;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h5 {
		padding:0 0 0 20px;
		margin:5px 0;
		width:calc(100% - 20px);
		font-size:1.12em;
		line-height:130%;
		color:#fd8ac5;
		font-weight:bold;
		background: url(graphics/h5.webp) no-repeat left top 5px; 
		background-size:auto 15px;  
		float:left; 
	}
		

	/*link*/
	a {
		color: #00ccff;
		-webkit-transition: color .5s, 
		background .5s;
		transition: color .5s, 
		background .5s;
		cursor:pointer;
	}
	
	a:hover {color:#ff6000;}
	
	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 , #menu-14338 .maincontent a img ,  #menu-14339 .maincontent a img ,
	.normal_search_info a img , ul.kids-info-tabs li a 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 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.webp) no-repeat left top 4px; 
		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 4px; 
		background-size:15px;
	}

	
	/*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:#fff; 
		background: #00ccff;
		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:#00c164; 
		border:none;
	}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , 
	input[type="email"] , textarea  {
		width:calc(100% - 14px); 
		color:#494949;	
		border:2px solid #004b6b; 
		background: #fff;
	}
		
	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:#494949;   
		border:none; 
		border-radius:10px;
		background: #fff;		
		border:2px solid #004b6b; 
		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:0 5px;
		display:block;
	}
	
	.pageselection li.activepage {
		padding:5px 5px;
		color:#fff;
		font-weight:900;
		background:#00ccff;
		border-radius:10px;
	}
	
	.pageselection li a:hover {text-decoration:underline;}

	.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:#494949; 
  	text-align:center;
  	background:#fff;  
  	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:#fff;	
		background: #00ccff;
		border:2px solid #00ccff;
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:#00c164;
		border:2px solid #00c164;
	}

	#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:#fff;
		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% - 530px);  
		float:right; 
		line-height: auto;
	}
	
	.header-right ul.social-icon {
		margin:0 10px 0 calc(100% - 520px); 
		width:510px; 
		float:left;
	}
	
	.header-right ul.social-icon li {
		margin:0 10px;
		width:30px;  
		float:left;
	}	
	
	.header-right ul.social-icon li:first-child , .header-right ul.social-icon li:nth-child(2) ,
	.header-right ul.social-icon li:nth-child(3) {width:100px;}
		
	.header-right ul.social-icon li a {
		width:100%; 
		float:left;
	}
	
	.header-right ul.social-icon li:first-child a , .header-right ul.social-icon li:nth-child(2) a ,
	.header-right ul.social-icon li:nth-child(3) a {
		margin:5px 0; 
		font-size:1.25em;
		color:#9f9f9f; 
		font-weight:bold;
		text-align:center;
	}
	

	/*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:#00ccff; 
		border-bottom:5px solid rgba(255,255,255,0);
		float:left;  
	}
	
	#mainmenu ul li#menu14352 a {color:#ff9442; }

	#mainmenu ul li a:hover , #mainmenu ul li#menu14352 a:hover {
		color:#00c164;
		border-bottom:5px solid #00c164;
	}
	
	
	/*#mainmenu ul li#menu14324 > a {
		padding:15px 30px 15px 18px; 
		background: url(graphics/menu-arrow.webp) no-repeat right 12px top 23px; 
		background-size:12px;
	}
	
	#mainmenu ul li#menu14324 > a:hover {
		background: url(graphics/menu-arrow-h.webp) no-repeat right 12px top 23px; 
		background-size:12px;
		border-bottom:5px solid #00c164;
	}*/
	
	#mainmenu ul li#menu14323 , #mainmenu ul li#menu14330 , #mainmenu ul li#menu14331 , 
	#mainmenu ul li#menu14333 {display:none;}	


	/*css for dropdown menu */
  #mainmenu ul li ul {
  	padding:0; 
  	margin:0px; 
  	position:absolute; 
  	top:59px;
  	left:-18px;
  	z-index:99;
  	display:none;
  } 
 	
 	#mainmenu ul li:hover > ul {
 		padding:0; 
 		margin:0;
 		width: 180px;
 		background: #00ccff; 
 		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 #fff;  
 		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:#fff;
  	text-align:center;
  	border-bottom:none;
  }
 
  #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover {
  	background:#fff;
  	border-bottom:none;
  }
  
  #mainmenu ul li ul li:hover a {
  	background:#fff;
  	border-bottom:none;
  }


	/*maincontent*/
	.maincontent {
		padding:15px calc(50% - 600px) 30px; 
		margin:0px 0 25px;
		width:1200px;  
		min-height:55vh; 
		background: #ffffff url(graphics/events-list.webp) center top -52px no-repeat; 
		background-size:1920px auto;
	}
	
	.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-unit*/
	.footer-unit {
		padding:35px calc(50% - 450px) 30px;
		width:900px; 
		background: linear-gradient(to bottom, #f9f9f9 , #fff);
	}

	.footer-unit ul {}
	
	.footer-unit ul li {
		margin:0 0 15px;
		width:100%; 
	}
	
	.footer-unit p {
		margin:5px 6px 15px;
		width:calc(100% - 10px); 
	}
	
	.footer-unit .pshow {display:none;}

	.footer-unit img[alt="openarrow"] , .footer-unit img[alt="closearrow"]{
		margin:-5px 0 0; 
		width:10px; 
		float:none; 
		display:inline-block;
	}
	
	.footer-unit img[alt="openarrow"] {display:inline-block;}
	
	.footer-unit img[alt="closearrow"] {display:none;}

	.footer-unit .flipopen img[alt="closearrow"] {display:inline-block;}
	.footer-unit .flipopen img[alt="openarrow"] {display:none;}	
				

	/*footer*/
	.footer {
		padding:15px 0px 0 ;
		margin:0px calc(50% - 450px) 15px;
		width:900px;	  
		background:#fff;
		border-top:3px dashed #00ccff;
		position:relative;
	}

	#index .footer {border-top:none;}

	.footer-body {
		padding:0px 25px 0 ;
		width:850px;
	}
	
	.footer-link {
		margin:0px 0 0;
		width:450px;
	}		

	.footer-info {
		margin:0px 0 0 30px;
		width:370px;
	}	
	
	.footer-info li {
		margin:5px 0;  
		width:100%; 
		color:#333333; 
		line-height:150%;
		float:left;
	}
	
	.footer-info li:last-child {width:100%;}
	
	.footer-info li a {color:#333333;}
	
	.footer-info li a:hover {color: #00ccff;}
	
	
	/*copyright*/
	.copyright {
		padding:10px 0; 
		margin:20px 0 0; 
		text-align:center; 
		font-size:0.75em;
	}
	
	.copyright a {color: #00ccff;}
	
	.copyright a:hover {color: #00c164;}


	/*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 #e7e2e9;
		position:fixed; 
		bottom:0; 
		left:0; 
		z-index:9999; 
		display:none;
	}
	
	.policy .policy-exit {
		padding:5px 0 8px;
		margin-left:25px;
		width:100px; 
		color:#fff; 
		text-align:center; 
		background:#e77ea9; 
		cursor:pointer;  
		display:block;  
		float:right; 
		border-radius:10px;
	}
	
	.policy .policy-exit:hover {background:#ff6000;}
	
	.policy p {
		width:calc(100% - 125px); 
		color:#333;
	}
	
	.policy p a {
		margin:0 0 0 5px;
		font-weight:bold; 
		color:#19499e;
	}	

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

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

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

	#menu-14321 #news-list {
		margin:0px calc(50% - 400px) 20px;
	}
	
		
	#postingNotice {
		padding:30px 50px;
		margin:0 calc(50% - 400px) 30px;
		width:700px;
		font-weight:bold;
		text-align:center;
		background:#e4d7e9;
		border-radius:10px;
		display:none;
	}

	#menu-14321 #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);  
		font-size:1.25em; 
		float:left;
	}
	
	.listing-ul li.upc-subject a:hover {} 	
	
	.listing-ul li.upc-subject a p {
		margin:0;
		width:calc(100% - 132px); 
	}
	
	.listing-ul li.upc-subject a div {
		margin:0 10px 0px 0;
		width:120px;  
		border-right:2px solid #fff;
	}
	
	.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:#fff; 
		font-size:1.25em;
		text-align:center; 
		background:#00ccff;
		border-radius:50px;
		float:left;    
	}
	
	.go-back a:hover {background:#00c164;} 
	

	/*article detail*/
	.news-detail {margin:20px 0 0;}
	
	.news-detail .post-title , .news-detail h1 {margin:0 0 15px;}	
	
	.news-detail .post-title div , .news-detail .post-title span span , .news-detail h1 div , #news-content-bottom {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;
	}
	
	#news-content.newsid-13241 , #news-content.newsid-13242 , #news-content.newsid-13652 , #news-content.newsid-13653 , 
	#news-content.newsid-13682 , #news-content.newsid-13683 , #news-content.newsid-13684 {
		margin:20px 0 0;
		width:100%;
	}
	

 	#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;}



	/*flash box*/
	.nivo-prevNav , .nivo-nextNav {display:none !important;}
	
	#flash-box {}

	.defaultimg {
		width:100%;
		display:none;
	}
	
	#slider {}

	.theme-default {
		width:100%;
		position:relative;
		float:left;
	}
	
	.theme-default .nivoSlider {margin:0 !important;}
	
	.theme-default .nivo-controlNav {
		padding:0 0 8px !important;
		line-height:16px;
		text-align:center;
		position:absolute;
		bottom:-45px;
		float:left;
		z-index:99;
	}
	
	.theme-default .nivo-controlNav a {
		margin:0 10px !important;
		width:12px !important;
		height:12px !important;
		background:#00cbff !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
		border-radius:50%;
	}
		
	.theme-default .nivo-controlNav a.active {background:#fff303 !important;}
	
	
	/*home*/
	#home {}
	
	#home #artboard {background: #fff;}

	#home .logo a {display:none;}
	
	#home .maincontent {
		padding:30px calc(50% - 600px); 
		margin:60px 0 0px;
		width:1200px;   
		background:#fff;
		min-height:auto;
		display:none;
	}
		
	
	/*home-button*/
	.home-button {
		padding:30px calc(50% - 600px) 30px; 
		margin:0px 0 0px; 
		width:1200px;
	}
	
	.home-button li {
		margin:0 5px; 
		width:calc(25% - 10px); 
		float:left;
	}
	
	.home-button li a:hover img {filter: grayscale(100%);}

	
	/*home-news*/
	.home-news {
		padding:0px calc(50% - 600px) 60px; 
		margin:0px 0 0px;
		width:1200px;  
		background: url(graphics/home-news.webp) no-repeat left top;
		background-size:100%;		
	}
	
	.home-news .posting-title {display:none;}
	
	.home-news-body {
		margin:0px 0 0px; 
		position:relative;
	}
	
	.home-news #news-list {
		margin:30px 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:0 90px 0 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 100px);
		background:#fbfbfb url(graphics/event-right.webp) no-repeat right 30px center;  
		background-size:45px;
		border-radius:20px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	.home-news .listing-ul:hover {
		background:#fff url(graphics/flash-right.webp) no-repeat right 30px center;  
		background-size:45px;
	}

	.home-news .listing-ul li.upc-subject a {
		font-weight:900; 
		color:#5f5f5f;
	}

	.home-news .listing-ul li.upc-subject a:hover {} 
	
	.home-news .listing-ul li.upc-subject a p {
		padding:5px 50px 10px 0;
		width:calc(100% - 212px); 
		overflow:hidden;  
		white-space: nowrap;  
		text-overflow: ellipsis;
	}
	
	.home-news .listing-ul li.upc-subject a div {
		padding:40px 15px;
		margin:0 30px 0 0;
		width:100px; 
		color:#5f5f5f; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news-left.webp) no-repeat center left;  
		background-size:80%;
		border-right:2px solid #00ccff;
	}	 
	 
	.home-news .listing-ul li.upc-subject a span {
		padding:10px 50px 10px 0;
		width:calc(100% - 212px);    
		color:#5f5f5f;
		float:left;  
	}
	
	.home-news .morenews {
		width:auto;
		font-size:1.25em;
		font-weight:bold;
		color:#5f5f5f;
		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;
	}
	
	
	/*home-trip*/
	.home-trip {
		padding:30px calc(50% - 600px) 60px;
		width:1200px;  
		background: #f2fdf9;
		border-radius:0 50px 0 50px;
	}
	
	.home-trip-body {
		padding:30px 50px 30px;
		margin:30px 0 0;
		width:calc(100% - 100px);
		text-align:center;
		background: #fff url(graphics/home-trip-bg.webp) no-repeat center right;  	
		background-size:auto 100%;
		border-radius:0 50px 0 50px;
		position:relative;
	}
		
	.trip-title span {
		margin:0px calc(50% - 90px);
		width:180px;
	}

	
	.home-trip img[alt="跟著科學去旅行標題"] {
		width:180px;
		position:absolute;
		top:-40px;
		right:50px;
	}
	
	
	.trip-nav {
		margin:30px 10% 15px;
		width:80%;
	}
			

	.trip-nav ul li {
		padding:0 5%;
		margin:0 5px;
		width:calc(40% - 10px); 
		float:left;
	}

	.home-trip img[alt="跟著科學去旅行背景"] {
		margin:0 0;
		width:150px;
		position:absolute;
		bottom:-15px;
		left:0;
	}
	
	.trip-nav ul li a:hover img {filter: grayscale(100%);}
	
	
	/*home-info*/
	.home-info {
		padding:30px calc(50% - 600px); 
		margin:0px 0;
		width:1200px;
		background:linear-gradient(to bottom, #fff , #f7f7f7);
	}
	
	.home-infobody {}
	

  .home-info .left-video {
  	margin:0 20px 0 0;
  	width:calc(65% - 20px);   	 
  	float:left;
  }
  
  .left-video iframe {height:400px; }
  
  
  .home-info .right-txt {
  	width:35%; 
  	float:right;
  }
  
  	
	.right-txt h1 {
		padding:0 0 20px;
		margin:15px 0 0px;
		color:#004b6b;
		font-family:'Calibri';
		text-align:left;
		background: url(graphics/pshall-h1.webp) no-repeat left bottom 5px; 
		background-size:80px auto;
		position:relative;
	}
	
	.right-txt img[alt="影音標題"] {
		margin:0;
		width:55px;
		position:absolute;
		top:-20px; 
		left:220px;
	}
	
	.right-txt h2 {text-align:left;}
	
	.home-info .right-txt #news-list-top , .home-info .right-txt .upc-picture , .home-info .right-txt .upc-date , 
	.home-info .right-txt .upc-brief , .home-info .right-txt .upc-more , .home-info .right-txt .upc-subject span , 
	.home-info .right-txt .upc-subject div  {display:none;}
	
	.right-txt #news-list {
		margin:15px 0 0;
		width:calc(100% - 0px);
	}
	
	.right-txt .listing-ul {margin:0 0 5px;}
	
	.right-txt .listing-ul li.upc-subject a {
		padding:15px 20px;
		margin:5px 0;
		width:calc(100% - 40px);
		font-size:1.12em;
		color:#5f5f5f;
		background:#e7e7e7 url(graphics/kid-event-right.webp) no-repeat right 20px center; 
		background-size:40px;
		border-radius:20px;
		float:left;
	}
	
	.right-txt .listing-ul li.upc-subject a p {width:calc(100% - 35px);}
	
	
	.home-info-more {
		margin:0 0;
		width:150px;
		float:right; 
	}	
	
	.home-info-more:hover {filter: grayscale(100%);}
	
	
	/*home-sponsor*/
	.home-sponsor {
		padding:50px calc(50% - 450px) 30px;
		margin:0 0 30px;
		width:900px;  
		background:#fff; 
	} 

	.home-sponsor .pre-product , .home-sponsor .next-product {
		margin-top:30px; 
		width:29px;
		display:none;
	}   
	
	#homesponsor-container {
		width:100%; 
		position:relative;
	}
	
	#homesponsor-container ul {width:100%;}
	
	#homesponsor-container ul li {
		margin:0 10px 0px !important;
		width:calc(33.3% - 20px);  
		height:auto !important; 
		text-align:center;
		float:left;
	}
	
	#homesponsor-container ul li a {
		width:100%;
		float:left;
		text-align:center; 
		line-height:0;
	}
	
	.pre-product a {width:100%; 
		height:24px; 
		background:url(graphics/arrow-l.webp) no-repeat center center; 
		background-size:100%;
		float:left; 
	} 
	
	.next-product a {
		width:100%; 
		height:24px; 
		background:url(graphics/arrow-r.webp) no-repeat center center; 
		background-size:100%;
		float:left; 
	} 	  	
	
	
	/*kid-sponsor*/
	.kid-sponsor {
		padding:15px calc(50% - 300px) 15px;
		margin:0 0;
		width:600px;  
	} 
	
	.kid-sponsor h4 {
		color:#333333;
		text-align: left;
	}

	.kid-sponsor ul {width:100%;}
	
	.kid-sponsor ul li {
		margin:0 10px;
		width:calc(50% - 20px);  
		float:left;
	}


	/*News*/
	#menu-14326 .listing-ul , #menu-14321 .listing-ul , #menu-14350 .listing-ul {		
		padding:0 90px 0 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 100px);
		background:#fbfbfb url(graphics/flash-right.webp) no-repeat right 30px center;  
		background-size:45px;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}

	#menu-14350 .listing-ul {padding:15px 90px 15px 10px; }
	
	#menu-14326 .listing-ul:hover , #menu-14321 .listing-ul:hover, #menu-14350 .listing-ul:hover {
		background:#fff url(graphics/event-right.webp) no-repeat right 30px center;  
		background-size:45px;
	}

	#menu-14326 .listing-ul li.upc-subject a , #menu-14321 .listing-ul li.upc-subject a  {
		font-weight:900; 
		color:#5f5f5f;
	}

	#menu-14326 .listing-ul li.upc-subject a {
		padding:15px 30px 17px 15px;
		width:calc(100% - 45px); 
	}

	#menu-14326 .listing-ul li.upc-subject a:hover , #menu-14627 .listing-ul li.upc-subject a:hover  {} 
	
	#menu-14326 .listing-ul li.upc-subject a p {
		padding:5px 50px 10px 0;
		width:calc(100% - 212px);  
		overflow:hidden;  
		white-space: nowrap;  
		text-overflow: ellipsis;
	}
	
	#menu-14326 .listing-ul li.upc-subject a div {
		padding:40px 15px;
		margin:0 30px 0 0;
		width:100px; 
		color:#5f5f5f; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news-left.webp) no-repeat center left;  
		background-size:80%;
		border-right:2px solid #00ccff;
	}	 
	 
	#menu-14326 .listing-ul li.upc-subject a span {
		padding:10px 50px 10px 0;
		width:calc(100% - 212px);    
		color:#5f5f5f;
		float:left;  
	}
	
	
	/*searchnormal-adv*/
	#menu-14343 .maincontent {
		padding:15px 0 0px; 
		margin:0;
		width:100%;
		background: linear-gradient(to bottom, #fff , #f7f7f7);		
	}	
	
	#menu-14343 .maincontent-body {
		background: url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 800px;
	}
	
	.normal_search_criteria-title span {
		margin:0px calc(50% - 130px);
		width:260px;
	}		
	
	.normal_search_criteria {
		padding:0 calc(50% - 500px) 0px;
		margin:0px;
		width:1000px; 
		text-align:Center;
	}	
	
	.normal_search_info {
		padding:0 0 90px;
		margin:30px 0 0;
		position:relative;
	}
	
	.normal_search_criteria img[alt="團報申請標題左"] {
		width:150px;
		position:absolute;
		bottom:-10px;
		left:0;
	}
	
	.normal_search_info a {
		margin:0 calc(50% - 190px);
		width:380px;
		float:Left;
	}
	
	.normal_search_criteria img[alt="團報申請標題右"] {
		width:280px;
		position:absolute;
		bottom:-5px;
		right:0;
	}
	
	.group-info {		
		padding:0px calc(50% - 600px) 60px;
		margin:0 0;
		width:1200px;
		background: #f2fdf9;
		border-radius:0 50px 0 50px;
	}
	
	.group-info-body {
		padding:50px 50px 30px;
		margin:50px 0 0;
		width:calc(100% - 100px);
		background: #fff;	
		border-radius:0 50px 0 50px;
		position:relative;
	}
	
	.group-info img[alt="申請背景左"]{
		width:180px;
		position:absolute;
		top:-30px; 
		left:0px;
	}
	
	.group-info img[alt="申請背景右"] {
		width:130px;
		float:right;
		position:absolute;
		bottom:-20px;
		right:150px;
	}
	
	.group-info h2 {
		margin:0px calc(50% - 200px) 10px;
		width:400px;
		font-size:2.5em;
		line-height:150%;
		color:#00c164;
		font-weight:bold;
		text-align:center;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
	}
	
	.group-info h4 {color:#fd9745;}
	
	.group-info ul {margin:15px 0 5px;}
	
	.group-info ul li {
		padding:0 0; 
		margin:0 0 5px; 
		width:calc(25% - 30px); 
		text-align:Center;		
		float:left;
	}
	
	.group-info ul li.tonext {
		margin:60px 0 0;
		width:40px;
	}
			
	.group-info ul li img {
		margin:0 calc(50% - 50px) 10px; 
		width:100px;
	}
	
	.group-info ul li.tonext img {
		margin:0 0 10px; 
		width:auto;
	}
		
				
	.normal_searchinfo {		
		background: url(graphics/search-bg.webp) no-repeat right 18% top 200px; 
		background-size:auto 400px;
		position:relative;
	}		
	
	.normal_searchinfo-body {		
		padding:30px 0px 45px; 
		margin:15px calc(50% - 600px) 60px;
		width:1200px; 		
	}

	.normal_searchinfo-body iframe {height: 800px;}
	
	.normal_search_content {margin:45px 0 15px;}	
	
	.normal_searchinfo h1 {
		margin:0px calc(50% - 200px) 10px;
		width:400px;
		color:#00c164;
		font-weight:bold;
		text-align:center;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
	}
	
		
	/*search-adv*/
	#menu-14337 .maincontent {
		padding:15px 0 0px; 
		margin:0;
		width:100%;
		background: linear-gradient(to bottom, #fff , #f7f7f7);		
	}	
	
	#menu-14337 .maincontent-body {
		background: url(graphics/history-bg.webp) no-repeat left 15% top;
		background-size:auto 800px;
	}
	
	
	.search_criteria {
		padding:0 calc(50% - 500px) 60px;
		margin:0px;
		width:1000px; 
		background: url(graphics/search-bg.webp) no-repeat right 18% bottom 100px; 
		background-size:auto 400px;
	}
		
		
	.search_location , .search_subject , .search_limit , .search_status {
		margin:0 5px 15px;
		width:calc(50% - 10px);
	}
	
	.search_location , .search_subject {margin:15px 5px 15px;}
	

  .search_category {
  	margin:10px 0 5px;
  	letter-spacing:-8px; 
  	text-align:center;
  }
  
  .search_category p {
  	margin:0 10px;
  	width:120px;  
  	letter-spacing:normal; 
  	float:none;
  	display:inline-block; 
  }
  
  .search_category input[type="checkbox"] {display: none;}
  
	.search_category input[type="checkbox"] + label {
		padding:10px 10px;
		width:100px;  
		text-align:center; 
		color:#fff;
		background:#004b6b;
		float:left;  
		cursor: pointer; 
		border-radius:10px;
	}
	
	.search_category input[type="checkbox"]:hover + label {	
		color:#fff;
		background-color:#00ccff; 
	}	
	
	.search_category input[type="checkbox"]:checked + label {
		color:#fff;
		background-color:#00c164; 
	}		
	

	.search_oneday {
		margin:10px 0;  
		text-align:center;
	}	
	
	.search_oneday p { 
		margin:0 10px 10px;
		width:150px;  
		color:#004b6b;
		font-weight:bold;
		text-align:left;
		float:none;
  	display:inline-block;
	}
		
	.search_oneday input[type="checkbox"] {
		width:20px; 
		height:20px; 
		background-color: none;  
		/*appearance: none;*/
		border:2px solid #01b6e3; 
		border-radius:5px;
		outline:none;
	}
	
	.search_oneday input ,	.search_oneday label {
		width:auto; 
		font-size:1.25em; 
		display:inline-block;
	}
	
	.search_oneday label {margin:2px 0 0;}
	
	.search_oneday label span {
		padding:0 3px 2px; 
		margin:0 0 0 0px; 
		font-size:0.75em; 
		color:#e77ea9;
	}
	

	.sub-seach {
		margin:20px calc(50% - 168px); 0;
		width:336px; 
		text-align:center;
	}
  
  .sub-seach a , .sub-seach input {
  	margin:0 5px; 
  	border-radius:50px; 
  }
 	
 	.sub-seach a#clear-button {
 		padding:13px 25px;
 		width:140px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		background:#7d7d7d; 
 		float:left;
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
 	}
 
  .sub-seach a#clear-button:hover {background:#004b6b;}
  
  .sub-seach input {
  	padding:10px 100px 10px 25px;
  	width:110px;  	
 		font-size:1.25em;
 		font-weight:bold;
  	background:#ff9442 url(graphics/more-w.webp) no-repeat bottom 10px right 25px;   	
  	background-size:25px;
  }
  
  .sub-seach input:hover {
  	background:#00ccff url(graphics/more-w.webp) no-repeat bottom 10px right 25px; 
  	background-size:25px;
  }
 
 
 	/*searchinfo*/
	.searchinfo {
		background:#fff url(graphics/kid-notice-bg.webp) no-repeat top center;
		background-size:100%;
		position:relative;
	}

	.searchinfo-body {		
		padding:30px 0px 45px; 
		margin:60px calc(50% - 600px) 60px;
		width:1200px; 		
	}
	
	.searchinfo img[alt="搜尋標題左"] {
		width:180px;
		position:absolute;
		top:60px; 
		left:calc(50% - 600px);
	}
	
	.searchinfo-body .posting-title span {
		margin:0px calc(50% - 70px);
		width:140px;
		position:relative;
	}
			
	.searchinfo img[alt="搜尋標題右"] {
		width:55px;
		position:absolute;
		top:-65px; 
		right:-95px;
	}
	
		
	.search_content {margin:45px 0 15px;}
	

	.search_sort , .normal_search_sort {
		padding:0 65% 0 0;
		margin:0 0 30px;
		width:35%;
	}
	
	.search_sort span , .normal_search_sort span {
		margin:10px 10px 10px 0;
		width:70px;
		float:left;
	}
	
	.search_sort select , .normal_search_sort select {width:calc(100% - 80px);}
	
	
	.no-events {
		margin:10px 0;
		color:#5f5f5f;
		font-size:1.25em;
		font-weight:bold;
		text-align:center;
	}
	
	
 	.searchinfo .listing-ul , .normal_searchinfo .listing-ul {
 		padding:0 10px 25px;
 		width:calc(50% - 20px);
 		min-height:590px;
 		display: none;
 	}
 	
 	.searchinfo .listing-ul#status-full , .searchinfo .listing-ul#status-over ,
 	.normal_searchinfo .listing-ul#status-full , .normal_searchinfo .listing-ul#status-over {opacity: .5;}
	
	
	.searchinfo .listing-ul li , .normal_searchinfo .listing-ul li {
		text-align:left;
		position:relative;
	}
	
	.searchinfo .listing-ul li a:hover img , .normal_searchinfo .listing-ul li a:hover img {filter: grayscale(100%);}
	
	
 	.searchinfo .listing-ul li.upc-picture , .normal_searchinfo .listing-ul li.upc-picture {width:100%;}

 	.searchinfo .listing-ul#status-full li.upc-picture:before , .normal_searchinfo .listing-ul#status-full li.upc-picture:before {
 		padding:5px 10px 5px;
		width:140px; 
 		content:'報名額滿';
  	font-weight:bold;
 		text-align:center;
 		background:#f7f7f7;
 		border:2px solid #5f5f5f;
 		border-radius:50px;
 		position:absolute;
 		top:150px; 
 		left:calc(50% - 81px);
 	}
 	 	
 	.searchinfo .listing-ul#status-over li.upc-picture:before , .normal_searchinfo .listing-ul#status-over li.upc-picture:before {
 		padding:5px 10px 5px;
		width:140px; 
 		content:'報名截止';
  	font-weight:bold;
 		text-align:center;
 		background:#f7f7f7;
 		border:2px solid #5f5f5f;
 		border-radius:50px;
 		position:absolute;
 		top:150px; 
 		left:calc(50% - 81px);
 	}
  
  .searchinfo .listing-ul li.ul-news-status , .searchinfo .listing-ul li.new , 
  .normal_searchinfo .listing-ul li.ul-news-status , .normal_searchinfo .listing-ul li.new {display:none;}
  
 
  .searchinfo .listing-ul li.upc-subject , .normal_searchinfo .listing-ul li.upc-subject {
  	padding:0px 0 5px;
  	margin:10px 0 5px;
  	width:100%; 
  	line-height:140%;
  	font-weight:bold;
  	border-bottom:2px solid #5f5f5f;
  }

	.searchinfo .listing-ul li.upc-subject a , .normal_searchinfo .listing-ul li.upc-subject a {
		padding:5px 0 10px 35px;
  	width:calc(100% - 35px);
		color:#5f5f5f;
		background: url(graphics/h2.webp) no-repeat left top 5px; 
		background-size:auto 25px;
		float:left;  
	} 
	
	
	.searchinfo .listing-ul li.upc-brief , .normal_searchinfo .listing-ul li.upc-brief {
  	padding:0 10px;
  	margin:0; 
  	width:calc(100% - 130px); 
  }

  .normal_searchinfo .listing-ul li.upc-brief {width:calc(100% - 20px);}
  
  .searchinfo .listing-ul li.upc-brief a , .normal_searchinfo .listing-ul li.upc-brief a {
  	color:#5f5f5f;
  	font-weight:bold;
  	word-wrap: break-word;
  }
  	
	.searchinfo li.upc-brief .organizer , .normal_searchinfo li.upc-brief .organizer {color:#ff9442;}
		
	.searchinfo li.upc-brief .date-locate p , .normal_searchinfo li.upc-brief .date-locate p {margin:0 0 5px;}
	
	.searchinfo .listing-ul li.upc-brief .htag , .normal_searchinfo .listing-ul li.upc-brief .htag {display:none;}
	
	
	.searchinfo li.upc-register {
		margin:55px 10px 0 0;
		width:100px;
	}
	
	.searchinfo li.upc-register a {
 		padding:5px 10px 8px;
 		width:80px;  
 		color:#fff; 
 		font-weight:bold;
 		text-align:center;
 		background:#ff9442; 
 		border-radius:50px;
 		float:right;
 	}
 	
 	.searchinfo li.upc-register a:hover {background:#00ccff; }

	
	#load-more  {
 		padding:0;
 		margin:0 calc(50% - 90px);
 		width:180px;
 		float:right;
 		position:fixed;
 		bottom:35vh;
 		z-index:999;
 	}
	
	
	/*events detail*/		
	#menu-14345 .maincontent , #menu-14346 .maincontent , #menu-14347 .maincontent ,
	#menu-14348 .maincontent , #menu-14349 .maincontent , #menu-14344 .maincontent {
		padding:0px 0; 
		margin:0px 0 0px; 
		width:100%; 
		background:none;
	}	
		
	#menu-14345 #news-content , #menu-14346 #news-content , #menu-14347 #news-content , 
	#menu-14348 #news-content , #menu-14349 #news-content , #menu-14344 #news-content {
		padding:0;
		margin:0px 0 0;
		width:100%;
		background: #f2fdf9;
	}	
	
	#menu-14345 .news-detail .post-title, #menu-14346 .news-detail .post-title , #menu-14347 .news-detail .post-title , 
	#menu-14348 .news-detail .post-title , #menu-14349 .news-detail .post-title , #menu-14344 .news-detail .post-title {
		padding:60px calc(50% - 340px) 15px calc(50% - 600px);
		margin:0 0;
  		width:940px;
		color:#5f5f5f;
		text-align:left;
		background: #fff;
	}
			
	/*news-content-top*/
	.news-content-top {
		padding:0 calc(50% - 600px) 15px;
		width: 1200px;
		background:linear-gradient(to bottom, #fff , #f7f7f7);	
	}
	
	.news-content-top img[alt="活動簡介右"] {
		width:250px;
		background:#fff;
		position:absolute;
		top:-175px; 
		right:calc(50% - 600px);
	}
	
	.news-content-top img[alt="活動簡介左"] {
		width:180px;
		position:absolute;
		bottom:-34px; 
		right:calc(50% - 600px);
	}
		
	.event-desc {
		padding:10px 250px 10px 10px;
		margin:0 0 10px;
		width:calc(100% - 260px);
		font-size:1.12em;
  	border-top:2px solid #5f5f5f;
  	border-bottom:2px solid #5f5f5f;	
		position:relative;	
	}
	
	.event-desc p {margin:10px 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-size:1.12em;
		font-weight:bold;
		color:#5f5f5f;
		float:left;
	}	
		
	#news-content .news-content-top ul li img {
		margin:-2px 5px 0 0;
		width:30px;
		float:left;
	}
	
	.eventimg {margin:30px 0px;}

		
	/*news-content-center*/
	.news-content-center {
		padding:50px 50px 15px;
		margin:50px calc(50% - 600px) 0;
		width:1100px;
		background: #fff;	
		border-radius:50px 50px 0 0;
		position:relative;	
	}
	
	#menu-14344 .news-content-center {
		padding:50px 50px 50px;
		margin:50px calc(50% - 600px) 60px;
		border-radius:50px;
	}

	.newsid-13257 .news-content-center , .newsid-13297 .news-content-center ,
	.newsid-13333 .news-content-center , .newsid-13339 .news-content-center ,
	.newsid-13351 .news-content-center , .newsid-13398 .news-content-center , 
	.newsid-13400 .news-content-center , .newsid-13401 .news-content-center , 
	.newsid-13403 .news-content-center , .newsid-13404 .news-content-center , 
	.newsid-13405 .news-content-center , .newsid-13413 .news-content-center , 
	.newsid-13486 .news-content-center , .newsid-13507 .news-content-center , 
	.newsid-13524 .news-content-center , .newsid-13545 .news-content-center , 
	.newsid-13551 .news-content-center , .newsid-13577 .news-content-center , 
	.newsid-13599 .news-content-center , .newsid-13596 .news-content-center ,
	.newsid-13536 .news-content-center , /*.newsid-13513 .news-content-center , */
	.newsid-13577 .news-content-center {
		padding:50px 50px 50px;
		margin:50px calc(50% - 600px) 60px;
		border-radius:50px;
	}

	
	.news-content-center img[alt="場域簡介"] {
		width:180px;
		position:absolute;
		top:-30px;
		right:0;
	}	
	
	.news-content-title span {
		margin:0px calc(50% - 120px) 10px;
		width:240px;
		font-size:2.5em;
		line-height:150%;
		font-weight:bold;
		text-align:center;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
	}
	
	
	.content-info , .content-plan {margin:0 0 45px;}
	
	.news-content-center h4 {
		color:#5f5f5f;
		text-align:left;
	}


	/*content-link*/
	.content-link {margin:0 0 30px;}
	
	.content-link h2 {		
		padding:0px 0 5px 35px;
		margin:5px 0 5px;
		width:calc(100% - 35px);
		color:#00ccff;
		text-align:left;
		background: url(graphics/h2-1.webp) no-repeat left top 13px; 
		background-size:auto 15px;
	}
	
  .content-link ul {margin:15px 0 30px;}
  
  #news-content .content-link ul li {
  	padding:15px 90px 15px 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 100px);
		background:#fbfbfb url(graphics/flash-right.webp) no-repeat right 30px center;  
		background-size:45px;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  }
  
  #news-content .content-link ul li:hover {
		background:#fbfbfb url(graphics/event-right.webp) no-repeat right 30px center;  
		background-size:45px;
  }
 
	.content-link a {
		width:auto;
		font-weight:900; 
		color:#606060;	
	}

	.content-link a:hover {} 
	
	.content-link p {
		padding:12px 65px 12px 0;
		width:calc(100% - 258px);  
		overflow:hidden;  
		white-space: nowrap;  
		text-overflow: ellipsis;
		float:right;
	}
	
	.content-link p a {
		width:100%;
		float:left;	
	}
	
	.content-link a span {
		padding:15px 15px;
		margin:0px 30px 0px 0;
		width:130px; 
		font-size:1.25em;
		color:#494949; 
		text-align:center; 
		letter-spacing: 1px; 
		border-right:3px solid #01b6e3;
		float:left;
	}	 	
	
	
	/*content-detail*/
	.content-detail iframe {
  	margin:0 30px 0 0;
  	width:50%; 
  	height:500px;  
  	float:left;
  }
	
	.content-detail-body {
		padding:15px 0 0;
  	width:calc(50% - 30px); 
  	float:right;
		position:relative;	
  }
				
	.content-detail img[alt="活動場次標題"] {
		width:55px;
		position:absolute;
		top:-15px; 
		right:75px;
	}
	
	 #news-content .content-detail ul {margin:0 0 15px;}	
	
	 #news-content .content-detail ul li  {
		padding:0px 0 5px 25px;
		margin:5px 0 5px;
		width:calc(100% - 25px);
		text-align:left;
		word-wrap:break-word;
		background: url(graphics/h2-1.webp) no-repeat left top 8px; 
		background-size:auto 10px;
	}
	

	.tooutform {
 		padding:10px 10px 13px;
		margin:30px calc(50% - 85px) 0px;
 		width:150px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background:#ff9442; 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.tooutform:hover , .normal-register:hover {
 		color:#fff; 
 		background:#00ccff;
 	}

	.normal-register {
 		padding:10px 10px 13px;
		margin:30px calc(50% - 85px) 0px;
 		width:150px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background:#00c164; 
 		border-radius:50px;
 		float:left;
 	}

	.out-car {
 		padding:10px 10px 13px;
		margin:30px calc(50% - 85px) 10px;
 		width:150px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		text-align:center;
 		background:#00ccff; 
 		border-radius:50px;
 		float:left;
 	}
 	
 	.out-car:hover {
 		color:#fff; 
 		background:#ff9442;
 	}


	/*register-form*/
	#menu-14345 #register-form , #menu-14346 #register-form , #menu-14347 #register-form ,
	#menu-14348 #register-form , #menu-14349 #register-form , #menu-14344 #register-form {
		padding:50px 50px 50px;
		margin:0px calc(50% - 600px) 60px;
		width:1100px;
		background:#fff;
		border-radius:0 0 50px 50px;
		position:relative;
	}

	.register-13257 , .register-13297 , .register-13333 , .register-13339 , .register-13351 , 
	.register-13398 , .register-13400 , .register-13401 , .register-13403 , .register-13404 , 
	.register-13405 , .register-13413 , .register-13486 , .register-13507 , .register-13524 ,
	.register-13545 , .register-13551 , .register-13557 , .register-13599 , .register-13596 ,
	.register-13536 ,/* .register-13513 ,*/ .register-13577 {display:none;}

	
	#menu-14344 #register-form , #menu-14344 #formmsg {display:none;} 

	/*#menu-14344 #register-form , #menu-14344 #formmsg ,
	#menu-14345 #register-form , #menu-14345 #formmsg ,
	#menu-14346 #register-form , #menu-14346 #formmsg , 
	#menu-14347 #register-form , #menu-14347 #formmsg ,
	#menu-14348 #register-form , #menu-14348 #formmsg ,
	#menu-14349 #register-form , #menu-14349 #formmsg {display:none;}*/

	.register-body:before {
		padding:10px 0px;
		margin:0 calc(50% - 120px) 30px;
		width:240px;
		content:'報名資訊'; 
		font-size:2.5em; 
		font-weight:bold; 
		color:#00c164; 
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
		text-align:center;
		float:left;
	}
	
	.register-body > div {
		padding:10px 0 10px;  
		border-bottom:2px solid #a0a0a0; 
	}

	
	#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:33.3%;}
	
	#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 {width:50%;}

	
	.register div .cell1 , .registerbody div .res_cell1 {
		padding:10px 20px 10px 0;
		width:160px;  
		text-align:right;
	}
	
	.register div .cell2 , .registerbody div .res_cell2 {
		margin:5px 0 5px;
		width:calc(100% - 180px); 
	}
		
	.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:#5f5f5f;	
		border:solid 1px #5f5f5f; 
	}
	
	.register select {border:solid 1px #5f5f5f;}
	
	.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:0 15px; 
		margin:0 0 0px;
		width:calc(100% - 30px);  
		background:#f2fcfe;
		border-radius:10px;
	}	
	
	.accompany-table {margin:0 0 10px; }
	
	.tr-header div {
		margin:10px 0;
		color:#004b6b; 
		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 #a0a0a0;
	}
	
	#reg-selevent span span {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:#ff6000;
		float:left;  
	}
	
	.Registration-error {
		padding: 15px 0;
		margin: 0 calc(50% - 600px) 15px;
		width: 1200px;
		color: #fff;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		background:#ff6000;
	}

	#eventsfull {
		font-size: 1.25em;
		color: #c23e3c;
		font-weight: bold;
		text-align: center;
	}
	
	#formmsg {
		padding:15px 30px 25px; 
		margin:0px calc(50% - 400px) 30px; 
		width:740px;
		color: #c23e3c;
		font-weight:bold;
		text-align: center;
	}
			
	#reg-notice , .kids-info , .normal_search-notice {
		padding:15px 30px 25px; 
		margin:20px 0 10px; 
		width:calc(100% - 60px);
		color: #5f5f5f;
		font-weight:bold;
		background:#f2fcfe; 
		border-bottom:none;
	}
	
	#reg-notice h4 , .kids-info h4 , .normal_search-notice h4 {
		color: #00ccff; 
		text-align:left;
	}
	
	#reg-notice span , .kids-info span , .normal_search-notice span {
		margin:0 10px 0 0;
		font-size:1.25em;
		color:#67ceed;
		position:relative;
		top:2px;
	}
		

	.register-body > div.main-button {
		padding:20px 0 0;
		margin:10px 0 0;
		border-top:2px solid #a0a0a0;
		border-bottom:none;
	}
	
	.main-button .cancel {width:170px;}
	
	.main-button .cancel a {
		padding:12px 10px; 
		width:calc(100% - 20px);
		color:#fff;	
		font-size:1.25em;
		font-weight:bold;	
		text-align:center; 	
		background:#004b6b;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
		border-radius:25px;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s;
		float:left;
	}
	
	.main-button .cancel a:hover , .main-button .submit input:hover {background:#00ccff;}
	
	.main-button .submit {
		width:170px; 
		float:right;
	}
	
	.main-button .submit input {
		padding:10px 10px;	
		font-size:1.25em;
		font-weight:bold;	
		border-radius:50px;
		background:#004b6b;
	}
	
		
	/*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;
	}	
	
	.recommend-title , .seen-events-title {
		margin:15px 0 5px;
		width:100%;
		font-size:3.5em;
		line-height:150%;
		color:#00ccff;
		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:#5f5f5f;
		background: url(graphics/h2.webp) no-repeat left top 5px; 
		background-size:auto 25px;
  	border-bottom:2px solid #5f5f5f;
		float:left;  
	} 
	
	.recommend .postul > li .ul-news-brief , .seen-events .postul > li .ul-news-brief {color:#5f5f5f;}
		 	
	.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 #e7e2e9;
	}
	
	.copy-ilnk input[type="button"] {
		padding:10px 10px;
		margin:10px calc(50% - 90px);
		width:170px; 
		color:#fff; 
		text-align:center; 
		background:#00ccff;
		border-radius:50px;
		float:left;    
	}
	
	.copy-ilnk input#copy_button[type="button"]:hover {background:#00c164;} 
	
	
	/*myregister*/
	#menu-14324 .maincontent {
		padding:0px 0 15px; 		
		margin:15px 0 0px;
		width:100%; 
		background:#fff url(graphics/week-bg.webp) no-repeat left top;
		background-size:auto 700px;	
	}	
		
	.myregister-title {
		padding:0px 0 40px;
		background: url(graphics/history-title.webp) no-repeat right 30% top; 
		background-size:100px auto; 
	}
	
	.myregister-title span {
		margin:0px calc(50% - 68px);
		width:136px;
	}	
	
	.myregister-choose {text-align:Center;}
	
	.myregister-choose img[alt="kidstitle"] , .myregister-choose img[alt="kstitle"] {
		margin:0px calc(50% - 250px) 5px;
		width:500px;	
	}
	
	.myregister-choose img[alt="心"] {
		margin:0 2px;
		width:20px;
		float:none;
		display:inline-block;
		position:relative;
		top:3px;
	}
	
	.myregister-nav {
		margin:15px calc(50% - 400px) 0px;
		width:800px;
	}
	
	.myregister-nav1 {margin:15px calc(50% - 400px) 45px;}
	
	
	#general-content-main .myregister-nav ul li {
		padding:0 0 20px; 
		margin:0 15px 5px; 
		width:calc(50% - 30px); 
		text-align:Center;
		background:none; 
		filter: grayscale(0%);		 
	}	
	
	#general-content-main .myregister-nav ul li:hover {filter: grayscale(100%);}

	#general-content-main .myregister-nav1 ul li:first-child {width:calc(40% - 30px);}	

	#general-content-main .myregister-nav1 ul li:last-child {width:calc(60% - 30px);}	
	
				
	/*aday*/
	#menu-14340 .maincontent {
		padding:0px 0 0px; 		
		margin:15px 0 0px;
		width:100%; 
		background: url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 800px;	
	}	
	
	.aday-title {		
		padding:0px 0 40px;
		background: url(graphics/history-title.webp) no-repeat right 40% top; 
		background-size:100px auto; 
	}
	
	.aday-title span {
		margin:0px calc(50% - 80px);
		width:160px;
	}
	
	.aday-desc {text-align:center;}
	
	.aday-desc img[alt="花東一日遊次標題"] {
		margin:0px calc(50% - 250px) 15px;
		width:500px;	
	}
	

	.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) 80px;
		margin:0 0;
		width:1200px;
		background: #f2fdf9;
		border-radius:0 50px 0 50px;
	}
	
	.aday-info-body {
		padding:50px 50px 50px;
		margin:50px 0 0;
		width:calc(100% - 100px);
		background: #fff;	
		border-radius:0 50px 0 50px;
	}
	
						
	#general-content-main .aday-info a {
		width:100%;
		font-size:1.12em;
		font-weight:bold;
		color:#5f5f5f;
		float:Left;
		position:relative;
	}

	#general-content-main .aday-info ul {margin: 0 0 150px;}
	
	#general-content-main .aday-info ul li {
		padding:0px 0 5px 30px;
		margin:5px 0 5px;
		width:calc(100% - 30px);
		background: url(graphics/h2.webp) no-repeat left top 4px; 
		background-size:auto 20px;
	}

	#general-content-main .aday-info ul li ul {
		padding: 0;
		margin: -20px 10px 0 90px;
		width:calc(100% - 100px);
		float:right;
	}
	
	#general-content-main .aday-info ul li ul li {
		padding:0px 0 5px;
		margin:0px 0 10px;
		width:100%;
		background:none;
	}		

	#general-content-main .aday-info ul li ul li span {
		padding:3px 15px 6px;
		margin:0 10px 0 0;
		width:130px;
		color:#fff;
		text-align: center;
		background:#0090ff;
		border-radius:20px;
		display:inline-block;
	}			
	
	#general-content-main .aday-info ul li ul li p {
		width: calc(100% - 170px);
		text-align: left;
		float: right;
	}

	#general-content-main .aday-info ul li:last-child ul li span {
		margin:0 10px 10px 0;
		background:#00c262;
	}		

		
	#general-content-main .aday-info img[alt="前往介紹"] {
		width:300px;
		float:left;
		position:absolute;
		right:0px;
		bottom:100px;
	}
		
					
	/*weekly*/
	#menu-14341 .maincontent {
		padding:0px 0 0px; 		
		margin:15px 0 0px;
		width:100%; 
		background:#fff url(graphics/week-bg.webp) no-repeat left top;
		background-size:auto 700px;	
	}	
	
	.week-title {
		padding:0px 0 40px;
		background: url(graphics/history-title.webp) no-repeat right 30% top; 
		background-size:100px auto; 
	}
	
	.week-title span {
		margin:0px calc(50% - 135px);
		width:270px;
	}
	
			
	.week-choose {margin:0px 0 0;}

	.week-nav {
		padding:0px calc(50% - 600px); 
		width:1200px;
	}
	
	#general-content-main .week-nav ul li {
		padding:0 0 20px; 
		margin:0 10px 5px; 
		width:calc(20% - 20px); 
		text-align:Center;
		background:none; 
	}	
	
	#general-content-main .week-nav ul li a {
		width:100%;
		filter: grayscale(100%); 
		float:Left;
	}
	#general-content-main .week-nav ul li a:hover {filter: grayscale(100%); }
	
	#general-content-main .week-nav ul li.active a {filter: grayscale(0%);}
						

	.week-choose .tab_container {
		padding:0px calc(50% - 600px) 80px;
		margin:30px 0 0;
		width:1200px;
		background: #f2fdf9;
	}
	
	.week-choose .tab_content {
		padding:50px 50px 50px;
		margin:50px 0 0;
		width:calc(100% - 120px);
		background: #fff;	
		border:10px solid #e4f2f3;	
		border-radius:50px;
		position:relative;
	}
		
	.week-choose .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    left: 3%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.week-choose .tab_content::after{
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    left: 3%;
    border-color:  transparent transparent #fff transparent;
	}
			
	.week-choose #tab1::before {left: 3%;}

	.week-choose #tab1::after {left: 3%;}
		
	.week-choose #tab2::before {left: 23%;}

	.week-choose #tab2::after {left: 23%;}
	
	.week-choose #tab3::before {left: 43.5%;}

	.week-choose #tab3::after {left: 43.5%;}
		
	.week-choose #tab4::before {left: 63.5%;}

	.week-choose #tab4::after {left: 63.5%;}	
	
	.week-choose #tab5::before {left: 83%;}

	.week-choose #tab5::after {left: 83%;}
	
	.aday-info h2 , .week-choose h2 {
		padding:0 0 20px;
		margin:15px 0 5px;
		color:#004b6b;
		text-align:left;
		background: url(graphics/pshall-h1.webp) no-repeat left bottom; 
		background-size:80px auto;
	}		
	
	.aday-info h2 span , .week-choose h2 span {
		font-size:0.8em;
		color:#5f5f5f;
		width:100%;
		float:left;
	}
	
	.aday-info h2 span b , .week-choose h2 span b {font-size:0.6em;}
		
	
		/*.week-choose .tab_content div {
		padding:0px 50px 10px 0px;
		margin:0 0 30px;
		width:calc(50% - 51px);
	}
		
	.week-choose .tab_content > div.week-rec {
		padding:0px 0 10px 50px;
		border-left:2px dashed #00ccff;
	}
	
	*/	
	
	.week-choose .tab_content div {
		padding:0px 0px 20px 0px;
		margin:0 0 30px;
		width:100%;
		border-bottom:2px dashed #00ccff;
	}
	
	.week-choose .tab_content > div.week-rec {
		margin:0 0 15px;
		border-bottom:none;
	}
	
	#general-content-main .week-choose .tab_content ul {margin:10px 0 5px;}
	
	#general-content-main .week-choose .tab_content ul li {
		padding:0px 0 5px 30px;
		margin:5px 0 5px;
		width:calc(100% - 30px);
		background: url(graphics/h2.webp) no-repeat left top 8px; 
		background-size:auto 20px;
	}
	
	#general-content-main .week-choose .tab_content ul li a {
		width:100%;
		font-size:1.12em;
		font-weight:bold;
		color:#5f5f5f;
		position:relative;
		float:Left;
	}	
	
	#general-content-main .week-choose .tab_content ul li a img[alt="前往介紹"] {
		margin:0 0 0 10px;
		width:120px;
		float:Left;
		position:absolute;
		bottom:-5px;
	}
	
	#general-content-main .week-choose .tab_content ul li a p {
		width:auto;
		text-align:left;
	}
		
	.week-choose .tab_content p {text-align:center;}
	
	.week-choose .tab_content img[alt="每週背景圖片1"] {
		width:80px;
		float:left;
		position:absolute;
		bottom:-20px;
		left:-40px;
	}

	.week-choose .tab_content img[alt="每週背景圖片2"] {
		width:150px;
		float:left;
		position:absolute;
		bottom:-30px;
		right:-40px;
	}
	
						
	/*kidscience*/
	#menu-14338 .maincontent , #menu-14339 .maincontent{
		padding:0px;
		margin:0px;
		width:100%;
		background:none;
	}
	
	
	.kids-title {
		margin:0px calc(50% - 130px);
		width:260px;
		color:#00c164;
		background: url(graphics/pshall-title-left.webp) no-repeat left center, url(graphics/pshall-title-right.webp) no-repeat right center; 
  	background-size:30px;
		float:left;
		position:relative;
	}
	
	#tab2 .kids-title , #tab3 .kids-title {
		margin:0px calc(50% - 145px);
		width:290px;
	}
	
	.kids-title img[alt="kid標題"] {
		margin:0;
		width:45px;
		position:absolute;
		top:-25px; 
		right:-50px;
	}
	
	
	.kid-images {
		margin:15px 10% 0px;
		width:80%;
	}	
	
	@media screen and (min-width:1921px){		
		.kid-images {
			margin:15px calc(50% - 960px) 0px;
			width:1920px;
		}
	}
	
	.kidscience-choose {}	
		
	.kidscience-nav {
		padding:0;
		margin:0;
		background:linear-gradient(to top, #fff , #f7f7f7);
	}
	
	.kidscience-nav ul.tabs {
		padding:30px calc(50% - 600px) 30px;
		margin:0;
		width:1200px;
		text-align:center;
	}
	
	.kidscience-nav ul.tabs li {
		margin:0 5px;
		width:calc(25% - 10px); 
		float:left;
	}
	
	.kidscience-nav ul.tabs li a img:hover {filter: grayscale(100%);}
		
		
	.kidscience .tab_container {
		padding:15px calc(50% - 600px) 60px; 
		margin:30px 0 0px;
		width:1200px;  
		border-radius:10px;
		background:#f2fdf9;
		position:relative;
	}
	
	.kidscience .tab_container img[alt="kid背景"] {
		margin:0;
		width:200px;
		position:absolute;
		bottom:-50px; 
		right:-100px;
		z-index:5;
	}
	
	.kidscience .tab_content {
		padding:45px 50px 35px;
		margin:30px 0 0;
		width:calc(100% - 120px);
		background: #fff;	
		border:10px solid #e4f2f3;	
		border-radius:50px;
		position:relative;
	}
		
	.kidscience .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    left: calc(5% - 0px);
    border-color:  transparent transparent #e4f2f3;
	}
		
	.kidscience .tab_content::after{
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    left: calc(5% - 0px);
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.kidscience #tab1::before {left: 5%;}

	.kidscience #tab1::after {left: 5%;}
		
	.kidscience #tab2::before {left: 30%;}

	.kidscience #tab2::after {left: 30%;}
	
	.kidscience #tab3::before {left: 55%;}

	.kidscience #tab3::after {left: 55%;}
		
	.kidscience #tab4::before {left: 80%;}

	.kidscience #tab4::after {left: 80%;}	
					
	
	.kidscience-events {margin:15px 0 0;}
	 
	.kidscience-events li {
		margin:0 0 30px;
		width:100%;
		float:left;
	}
		
	.kidscience-events li ul li {
		padding:0;
		margin:15px 10px 15px;
		width:calc(50% - 20px);
	}	
	
	.kidscience-events li ul li img {
		width:185px;
	}
	
	.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;}

	.kidscience-events li ul li div h2 {
		margin:0px 0 10px;
		font-size: 1.5em;
	}
	
	.kidscience-events li ul li div h2 {color:#fd9745}
	
	.kidscience-events li ul li div h4 {color:#333;}
	
	
	.kidscience-title {
		margin:0 0 15px;		
		width:100%; 
	}
	
	
	.kid-event {		
		padding:0px calc(50% - 600px) 50px; 
		margin:0px 0 0px;
		width:1200px;  
		background: #fbfbfb url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 800px;
		position:relative;
	}
	
	.kid-event h2 {
		padding:0 0 20px;
		margin:15px 0 5px;
		color:#004b6b;
		text-align:left;
		background: url(graphics/pshall-h1.webp) no-repeat left bottom; 
		background-size:80px auto;
	}
	
	.kid-event h3 {color:#5f5f5f;}
	
	.kid-event img[alt="可報名活動標題"] {
		margin:0;
		width:100px;
		position:absolute;
		top:70px; 
		left:calc(50% - 300px);
		z-index:5;
	}
	
	.kid-event > div {
		padding:0 20px 10px 0;
		width:calc(50% - 21px);
	}
	
	.kid-event > div.kid-surprise {
		padding:0 0 10px 20px;
		border-left:2px solid #5f5f5f;
	}
	
	.kid-event ul li {
		margin:0 0 10px;
		width:100%;
	}
	
	.kid-event ul li a {
		padding:15px 20px;
		margin:5px 0;
		width:calc(100% - 40px);
		font-size:1.12em;
		color:#5f5f5f;
		background:#e7e7e7 url(graphics/kid-event-right.webp) no-repeat right 20px center; 
		background-size:40px;
		border-radius:20px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
		float:left;
	}
	
	.kid-event ul li a:hover {
		background:#fff url(graphics/kid-event-right.webp) no-repeat right 20px center; 
		background-size:40px;
	}
	
	.kid-event .event-more {
		padding:10px 10px;
		margin:10px 0 0;
		width:100px;
		font-size:1.12em;
		font-weight:bold;
		text-align:center;
		color:#fff;
		background:#67ceed;
		border-radius:50px;
		float:right;
	}
	
	.kid-event .event-more:hover {background:#00ccff;}
	 
	 
	.kid-notice {
		padding:60px calc(50% - 600px) 60px; 
		margin:0px 0 0px;
		width:1200px;  
		background:#fff url(graphics/kid-notice-bg.webp) center top no-repeat; 
		background-size:100% auto; 
		position:relative;
	}

	.kid-notice h1 {
		padding:25px 0;
		margin:0px 0;
		background: url(graphics/pshall-title.webp) no-repeat center top; 
		background-size:auto 120px;
	}		
	
	.kid-notice h2 {
		padding:0px 0 5px 35px;
		width:calc(100% - 35px);
		color:#00c164;
		background: url(graphics/h2-2.webp) no-repeat left top 5px; 
		background-size:auto 30px; 
		text-align:left;
	}
	
	.kid-notice img[alt="kid注意項背景"] {
		width:300px;
		position:absolute;
		bottom:45px; 
		right:calc(50% - 600px);
	}
	
	#menu-14339 .kid-notice img[alt="kid注意項背景"] {
		position:absolute;
		bottom:125px; 
		right:calc(50% - 600px);
	}

	
	.kid-event > div.kid-time {
		padding:30px 0px 0px;
		width:100%;
	}

	

	/*kidscience-reg*/
	#menu-14342 .maincontent , #menu-14351 .maincontent {
		padding:10px 0 0;
		margin:0;
		width:100%;
		background:linear-gradient(to top, #f7f7f7, #fff); 
	}
	
	#menu-14342 .news-content , #menu-14351 .news-content {		
		margin:0px calc(50% - 600px);
		width:1200px;
	}
	
	
	#menu-14342 #news-content ul.kids-info-tabs , #menu-14351 #news-content ul.kids-info-tabs {
		padding:30px calc(50% - 400px) 30px;
		margin:0 0 15px;
		width:800px;
		text-align:center;
	}

	#menu-14342 #news-content ul.kids-info-tabs li , #menu-14351 #news-content ul.kids-info-tabs li {
		padding:0;
		margin:0 5px;
		width:calc(50% - 10px); 
		background:none;
		float:left;
	}
	
	#menu-14342 #news-content ul.kids-info-tabs li a img:hover , #menu-14351 #news-content ul.kids-info-tabs li a img:hover {filter: grayscale(100%);}
		
	
	#menu-14342 #register-form , #menu-14351 #register-form {
		padding:15px calc(50% - 600px) 40px;
		width:1200px;
		background:#f2fdf9;
		position:relative;
	}
	
	
	#menu-14342 .register , #menu-14351 .register {
		padding:45px 50px 45px;
		margin:30px 0;
		width:calc(100% - 120px);
		background: #fff;	
		border:10px solid #e4f2f3;	
		border-radius:50px;
		position:relative;
	}
				
	#menu-14342 .newsid-13241 .register::before , #menu-14342 .newsid-13242 .register::before , 
	#menu-14351 .newsid-13652 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    right: 25%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13241 .register::after , #menu-14342 .newsid-13242 .register::after , 
	#menu-14351 .newsid-13652 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    right: 25%;
    border-color:  transparent transparent #fff transparent;
	}

	#menu-14342 .newsid-13242 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    left: 25%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13242 .register::after , #menu-14351 .newsid-13653 .register::after,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    left: 25%;
    border-color:  transparent transparent #fff transparent;
	}		
	
			
	/*pshall*/		
	#menu-14325 .maincontent {		
		padding:5px 0 30px; 
		margin:0px 0 0px;
		width:100%;
		background:linear-gradient(to top, #f7f7f7, #fff);
	}
	
	#menu-14325 .maincontent-body {
		padding:5px calc(50% - 600px) 30px; 
		width:1200px;
		background: url(graphics/home-trip-bg.webp) right 40% top 12vh no-repeat; 
		background-size:auto 800px;
	}
	
	.pshall-video-frame {
		margin:0;
		background: url(graphics/search-bg.webp) no-repeat left top; 
		background-size:auto 250px;
	}
	
	.pshall-title {
		padding:25px 0;
		margin:0px 0;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#00ccff;
		font-weight:bold;
		text-align:center;
		background: url(graphics/pshall-title.webp) no-repeat center top; 
		background-size:auto 120px;
		float:left;
	}
			
	.pshall-title span {
		margin:0px calc(50% - 55px);
		width:110px;
	}
	
		
	#menu-14325 iframe {
		margin:30px calc(50% - 500px) 100px;
		width:1000px;
		height:600px;
		float:left;
	}
	
	.pshall {
		padding:0px calc(50% - 600px) 0px;
		margin:0 0;
		width:1200px;  
	} 
	
	.pshall-short , .pshall-video {position:relative;}
	
	.pshall-video {margin:15px 0 0;}
	
	.pshall img[alt="特色場域介紹標題"] {
		width:180px;
		position:absolute;
		top:-70px;
		right:0;
	}
	
	.pshall img[alt="科普名人堂標題"] {
		margin:0 0 0 10px;
		width:130px;
		float:none;
		display:inline-block;
		position:relative;
		top:20px;
	}
	
	
	.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%);}	
		
	.pre-post a {
		margin:0;
		width:100%; 
		height:55px; 
		background: url(graphics/flash-left.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 
	
	.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 h1 {
		padding:0 0 20px;
		margin:15px 0 15px;
		color:#004b6b;
		text-align:left;
		background: url(graphics/pshall-h1.webp) no-repeat left bottom; 
		background-size:80px auto;
	}
	
	.pshall h2 {
		font-size:1.25em;
		color:#494949;
		text-align:left;
	}
	
	.pshall h3 {
		margin:0px 0 10px;
		font-size:1em; 
		font-weight:500;
		color:#494949;  
	}	
	
	.pshall-cat {
		padding:5px 10px 8px;
		margin:15px 0 10px;
		width:100px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		background:#9190de;
		border-radius:50px;
	}	

	.pshall-cat-2 {background:#f572b4;}

	.pshall-cat-3 {background:#46bfdc;}
	
	.pshall-cat-4 {background:#5ccd99;}
		
	.pshall-cat-5 {background:#fbc324;}
	
	
	/*reg-search*/
	#menu-14328 .maincontent {
		/*padding:0px calc(50% - 600px) 0;*/
		padding:60px calc(50% - 600px) 0;
		margin:0px 0 0;
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:100%;	
		min-height:65vh;
	}
	
	.reg-search-message {
		padding:10px 0; 
		margin:20px calc(50% - 400px);
		width:800px;
		font-size:1.25em; 
		color:#fff;
		text-align:center;   
		border-radius:10px; 
		background:#c23e3c;  
	}

	.reg-search {		
		padding:0px 50px 20px; 
		margin:0px calc(50% - 300px);
		width:500px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
		
	.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 #004b6b;
	}
	
	.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:150px;
		position:absolute;
		bottom:-150px;
		right:calc(50% - 400px);
	}
	
	
	#menu-14328 #register-form {
		padding:0 calc(50% - 600px) 30px;
		margin:0 0 0px;
		background:none;
	}
	
	#menu-14328 .register:before {display:none;}
	
	#menu-14328 .register {
		padding:0px 0px 30px;
		margin:0px 0 0;
	}
	
	#menu-14328 .register h1 {
		font-size:1.75em;
		color:#00c164;
	}
	
	#menu-14328 .register h1 span {
		margin:0 0 10px;
		width:100%;
		font-size:1.42em;
		color:#00ccff;
		float:Left;
	}
	
	#menu-14328 .register > div , #menu-14328 .registerbody > div , #menu-14328 #register-form .register div#reg-wf143 ,
	#menu-14328 #register-form .register div#reg- wf1415 , #menu-14328 #register-form .register div#reg-wf1429  {width:50%;}
	
	.register-12622#register-form #reg-wf1386 , .register-12622#register-form #reg-email , 
	.register-12623#register-form #reg-wf1386 , .register-12623#register-form #reg-email , 
	.register-12624#register-form #reg-wf1386 , .register-12624#register-form #reg-email , 
	.register-12625#register-form #reg-wf1386 , .register-12625#register-form #reg-email , 
	.register-12626#register-form #reg-wf1386 , .register-12626#register-form #reg-email , 
	.register-12637#register-form #reg-wf1386 , .register-12637#register-form #reg-email , 
	.register-12633#register-form #reg-wf1386 , .register-12633#register-form #reg-email , 
	.register-12634#register-form #reg-wf1386 , .register-12634#register-form #reg-email , 
	.register-12635#register-form #reg-wf1386 , .register-12635#register-form #reg-email , 
	.register-12636#register-form #reg-wf1386 , .register-12636#register-form #reg-email ,
	.register-12637#register-form #reg-wf1386 , .register-12637#register-form #reg-email {width:100%;}

	#menu-14328 .register div .cell2 , #menu-14328 .registerbody div .res_cell2 {
		padding:10px 5px; 
		margin:0 0 10px;
		width:calc(100% - 190px);  
		border-radius:10px;
		background:#f7f7f7;
	}
	
	#menu-14328 .register > div.accompany-content , #menu-14328 .registerbody > div.accompany-content {width:100%;}
	
	#menu-14328 #accompany-detail {background:#e4f2f3;}
	
	#menu-14328 .accompany-table > div.tr-header {width:100%;}
	
	
	#menu-14328 .register > div#reg-evndelete {width:100%;}
	
	#menu-14328 .register > div#reg-evndelete a {
		padding:12px 10px; 
		margin:15px calc(50% - 100px) 0;
		width:180px;
		color:#fff;	
		font-size:1.25em;
		font-weight:bold;	
		text-align:center; 	
		background:#004b6b;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
		border-radius:25px;
		cursor: pointer;
		-webkit-transition: background .5s;
		transition: background .5s;
		float:left;
	}
	
	#menu-14328 .register > div#reg-evndelete a:hover {background:#00ccff;}

	
	/*qa*/
	#menu-14329 .maincontent {
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:100%;	
	}	
	
	.qa , .qa h2 , .qa h4 , #menu-14618 h2 {text-align:left;}
	
			
	/*contact*/
	.contact {
		padding:0px 50px 20px; 
		margin:0px calc(50% - 300px);
		width:500px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}

	.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:130px;}

  .recaptcha {  	
		margin:15px calc(50% - 148px);
  	width:295px;
  	float:left;
  }
  
  .g-recaptcha {
  	width:auto; 
  	max-width:300px; 
  	float:right;
  }
  		
	.contact .button {margin:20px 0 15px;}
	
	.contact .button a {
		padding:12px 10px 12px;	
		margin:0 calc(50% - 90px);
		width:170px; 
		font-size:1.25em;
		font-weight:bold;	
		text-align:center;
		color:#fff;
		background:#00ccff;
		border-radius:40px;
		float:left;
	}
	
	.contact .button a:hover {background:#00c164;} 	
	

	/*history*/	
	#menu-14331 .maincontent {
		padding:15px 0 0px; 		
		margin:15px 0 0px;
		width:100%; 
		background:#fff url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 800px;	
	}	
		
	.history-title {
		padding:0px 0 40px;
		margin:0px 0;
		background: url(graphics/history-title.webp) no-repeat right 30% top; 
		background-size:100px auto; 
	}
	
	
	.history-choose {margin:30px 0 0;}
	
	.history-choose h2 {
		padding:0px 0 15px 50px;
		width:calc(100% - 50px);
		background: url(graphics/h2.webp) no-repeat left top 5px; 
		background-size:auto 30px; 
		text-align:left;
	}
	
	
	.history-nav {
		padding:0px calc(50% - 600px); 
		width:1200px;
	}
	
	#general-content-main .history-nav ul li {
		padding:0; 
		margin:0 0px 5px; 
		width:calc(100%/6 - 0px); 
		text-align:Center;
		background:none; 
	}
	
	
	#general-content-main .history-nav ul li a {
		padding:90px 0 60px; 
		width:100%;
		font-size:3.5em;
		font-family:'Calibri';
		font-weight:bold;
		color:#5f5f5f;
		background: url(graphics/year.webp) no-repeat center center; 	
		background-size: 200px 183px;
		filter: grayscale(100%); 
		float:Left;
	}
	
	#general-content-main .history-nav ul li.active a , #general-content-main .history-nav ul li a:hover {filter: grayscale(0%); }
	
	
	.history-choose .tab_container {
		padding:0px calc(50% - 600px) 80px; 
		margin:30px 0 0;
		width:1200px;
		background: #f2fdf9;
	}
	
	.history-choose .tab_content {
		padding:50px 50px 65px;
		margin:50px 0 0;
		width:calc(100% - 120px);
		background: #fff;	
		border:10px solid #e4f2f3;	
		border-radius:50px;
		position:relative;
	}
		
	.history-choose .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    left: 9px;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.history-choose .tab_content::after{
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    left: 9px;
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.history-choose #tab1::before {left: 9px;}

	.history-choose #tab1::after{left: 9px;}
		
	.history-choose #tab2::before {left: 205px;}

	.history-choose #tab2::after{left: 205px;}
	
	.history-choose #tab3::before {left: 400px;}

	.history-choose #tab3::after{left: 400px;}
		
	.history-choose #tab4::before {left: 605px;}

	.history-choose #tab4::after{left: 605px;}	
	
	.history-choose #tab5::before {left: 805px;}

	.history-choose #tab5::after{left: 805px;}
		
	.history-choose #tab6::before {left: 990px;}

	.history-choose #tab6::after{left: 990px;}
	
	
	/*webmap*/	
	#general-content-main .webmap > div {
		padding:0px 0px 5px;
		margin:10px 10px 0px;
		width:calc(33.33% - 20px);
		text-align:left; 
		background:#f7f7f7;
	}
	
	#general-content-main .webmap h3 {
		padding:10px;
		margin:0;
		width:calc(100% - 20px);
		color:#fff;
		background:#00ccff;
	}
	
	#general-content-main .webmap ul {
		margin:5px 10px;
		width:calc(100% - 20px);
	}
	
	#general-content-main .webmap ul li {
		padding:0;
		margin:5px 0px;
		width:calc(100% - 0px);
		background:none;
		float:left; 
	}
		  
  .webmap ul li a {
  	color:#333333;
  	border-radius:50px;
  	float:none;
  	display:block; 
  }
  
  #general-content-main .webmap ul li ul {
		margin:0px 0 10px;
		width:100%;  
  }

	#general-content-main .webmap ul li ul li {
		margin:10px 0px 0;
		width:calc(100% - 0px); 
	}
 
  .webmap a:hover {color:#00ccff;}	

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

	/*header-right*/
	.header-right {margin:60px 0 0 5%;}
		
		
	/*mainmenu*/
  #mainmenu {
  	margin:0;
  	width:100%; 
  	display:none;
  }
	

	/*totop*/
	.totop {
		bottom:15px;
		right:15px;
	}
	
		
	/*maincontent*/
	.maincontent {
		padding:15px 15px 30px; 
		margin:0px 0 30px;
		width:calc(100% - 30px); 
		background: #ffffff url(graphics/events-list.webp) center top no-repeat; 
		background-size:100%;
		border-top:3px solid #e5e5e5;
	}
		
	
	#index .maincontent {padding:0px 15px 0px;}
	

	/*article list*/		
	#menu-14326 #news-list , #menu-14321 #news-list , #menu-14350 #news-list {
		margin:10px 0;
		width:100%;
	}	
	
	#menu-14326 .listing-ul , #menu-14350 .listing-ul {
		padding:0 0px;  
		width:100%;
	}
	
	#menu-14350 .listing-ul {padding:15px 0px;}

	#menu-14326 .listing-ul li.upc-subject a p , #menu-14326 .listing-ul li.upc-subject a span {
		width:calc(100% - 177px);  
	}
	
	#menu-14326 .listing-ul li.upc-subject a div {
		padding:45px 15px 40px;
		margin:0 15px 0 0;
		width:80px; 
		background: url(graphics/home-news-left.webp) no-repeat center left;  
		background-size:95px auto;
	}	 
			
	
	/*article detail*/
		#news-content {
		margin:15px 0px;
		width:100%;
	}
	
			
	/*home-button*/
	.home-button {
		padding:15px 0 15px; 
		width:100%;
	}
		

	/*home-news*/	
	.home-news {
		padding:0px 15px 30px; 
		width:calc(100% - 30px);	
	}

	
	/*home-trip*/
	.home-trip {
		padding:15px 15px 45px;
		width:calc(100% - 30px);	  
	}

	.home-trip-body {padding:10px 50px 20px;}
	
		
	.home-trip img[alt="跟著科學去旅行標題"] {
		width:150px;
		position:absolute;
		top:-30px;
		right:50px;
	}
	
	.home-trip img[alt="跟著科學去旅行背景"] {
		width:120px;
		position:absolute;
		bottom:-15px;
		left:0;
	}
		

	/*home-info*/
	.home-info {
		padding:30px 15px 45px; 
		margin:0px 0px;
		width:calc(100% - 30px); 
	}
		

	/*home-sponsor*/
	.home-sponsor {
		padding:30px 0 0px;
		width:100%;
	} 	
	
	#homesponsor-container {width:100% !important;}
		
	
	/*kid-sponsor*
	.kid-sponsor {
		padding:15px 0 15px;
		width:100%;  
	} 
	
	
	/*searchnormal-adv*/
	#menu-14343 .maincontent-body {
		background: url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 600px;
	}
	
	
	.group-info img[alt="申請背景左"] {
		width:120px;
		position:absolute;
		top:-30px; 
		left:15px;
	}
	
	.group-info img[alt="申請背景右"] {
		position:absolute;
		bottom:-20px;
		right:50px;
	}
			
	.group-info {		
		padding:0px 15px 30px; 
		width:calc(100% - 30px);
	}
	
	.group-info-body {
		padding:15px 30px 15px;
		margin:30px 0 0;
		width:calc(100% - 60px);
	}
	
	
	.normal_searchinfo {		
		background: url(graphics/search-bg.webp) no-repeat right 15px top 30px; 
		background-size:auto 250px;
		position:relative;
	}		
	
	.normal_searchinfo-body {		
		padding:20px 0px 45px; 
		margin:15px 15px 60px;
		width:calc(100% - 30px); 
	}
		
	.normal_search_criteria {
		padding:0 15px 0px;
		width:calc(100% - 30px); 
	}	
	
			
	/*search-adv*/
	#menu-14337 .maincontent {padding:15px 0 0px; }	
	
	#menu-14337 .maincontent-body {
		background: url(graphics/history-bg.webp) no-repeat left 15% top;
		background-size:auto 600px;
	}	
		
	.search_criteria {
		padding:0 15px 60px;
		width:calc(100% - 30px); 
		background: url(graphics/search-bg.webp) no-repeat right 15px bottom 30px; 
		background-size:auto 250px;
	}	
	 	  
  .search_category p {margin:0 10px 10px;}
  
 	

	/*searchinfo*/
	.searchinfo {
		background:#fff url(graphics/kid-notice-bg.webp) no-repeat top center;
		background-size:100%;
		position:relative;
	}

	.searchinfo-body {		
		padding:20px 0px 45px; 
		margin:60px 15px 60px;
		width:calc(100% - 30px); 
	}
	
	
	.searchinfo img[alt="搜尋標題左"] {
		position:absolute;
		top:60px; 
		left:15px;
	}
	

 	.searchinfo .listing-ul , .normal_searchinfo .listing-ul {
 		min-height:580px;
 		display: none;
 	}
 	
 	
 	.searchinfo .listing-ul li.upc-subject a , .normal_searchinfo .listing-ul li.upc-subject a {
		padding:5px 0 5px;
  	width:100%;
		background:none;
	}
	
		
	#load-more  {
 		position:fixed;
 		bottom:30px;
 	}
 	

	/*events detail*/ 	
	#menu-14345 .news-detail .post-title, #menu-14346 .news-detail .post-title , #menu-14347 .news-detail .post-title , 
	#menu-14348 .news-detail .post-title , #menu-14349 .news-detail .post-title , #menu-14344 .news-detail .post-title {
		padding:30px 15px 15px;
		width:calc(100% - 30px);
	} 	
 
 
 	/*news-content-top*/
	.news-content-top {
		padding:0 15px 15px;
		width:calc(100% - 30px);
	}
	
	.news-content-top img[alt="活動簡介右"] {display:none;}
	
	.news-content-top img[alt="活動簡介左"] {
		position:absolute;
		bottom:-35px; 
		right:0px;
	}		

	.event-desc {
		padding:10px 170px 10px 10px;
		width: calc(100% - 180px);
	}		
 			
	.eventimg {margin:15px 0px;}


	/*news-content-center*/
	.news-content-center {
		padding:30px 30px 15px;
		margin:30px 15px 0;
		width:calc(100% - 90px);
	}
	
	#menu-14344 .news-content-center {
		padding:50px 30px 30px;
		margin:30px 15px 60px;
		width:calc(100% - 90px);
	}

	.newsid-13257 .news-content-center , .newsid-13297 .news-content-center , 
	.newsid-13333 .news-content-center , .newsid-13339 .news-content-center ,
	.newsid-13351 .news-content-center , .newsid-13398 .news-content-center , 
	.newsid-13400 .news-content-center , .newsid-13401 .news-content-center , 
	.newsid-13403 .news-content-center , .newsid-13404 .news-content-center , 
	.newsid-13405 .news-content-center , .newsid-13413 .news-content-center , 
	.newsid-13486 .news-content-center , .newsid-13507 .news-content-center , 
	.newsid-13524 .news-content-center , .newsid-13545 .news-content-center , 
	.newsid-13551 .news-content-center , .newsid-13577 .news-content-center ,
	.newsid-13599 .news-content-center , .newsid-13596 .news-content-center ,
	.newsid-13536 .news-content-center ,/* .newsid-13513 .news-content-center , */
	.newsid-13577 .news-content-center {
		padding:50px 30px 50px;
		margin:30px 15px 60px;
		width:calc(100% - 90px);
	}


	.news-content-center img[alt="場域簡介"] {
		width:150px;
		position:absolute;
		top:-30px;
		right:0;
	}	
	
	
	/*content-detail*/				
	.content-detail img[alt="活動場次標題"] {
		width:45px;
		position:absolute;
		top:-15px; 
		right:45px;
	}	
	
		 			
	/*register-form*/	
	#menu-14345 #register-form , #menu-14346 #register-form , #menu-14347 #register-form ,
	#menu-14348 #register-form , #menu-14349 #register-form , #menu-14344 #register-form {
		padding:30px 30px 30px;
		margin:0px 15px 60px;
		width:calc(100% - 90px);
	}
	
	.Registration-error {
		margin: 0 0 15px;
		width:100%;
	}	
	
			
	#reg-notice , .kids-info , .normal_search-notice {
		padding:15px 15px 25px; 
		width:calc(100% - 30px);
	}
	
				
	/*complete-registration*/
	.seen-events {		
		margin:30px 15px 30px;
		width:calc(100% - 30px);
	}	

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


	/*myregister*/
	#menu-14324 .maincontent {
		margin:0 0px 0;
		background:#fff url(graphics/week-bg.webp) no-repeat left top;
		background-size:auto 500px;	
	}	
		
	.myregister-title {
		padding:30px 0 40px;
		margin:0px 0;
		background: url(graphics/history-title.webp) no-repeat right 30% top 15px; 
		background-size:80px auto;  
	}
	
	.myregister-nav {margin:15px calc(50% - 400px) 15px;}
	
	
	/*aday*/
	#menu-14340 .maincontent {
		padding:0px 0 0px; 		
		margin:0px 0 0px;
		background: url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 600px;	
	}	
	
	.aday-title {		
		padding:15px 0 40px;
		background: url(graphics/history-title.webp) no-repeat right 25% top; 
		background-size:80px auto; 
	}
	
	.aday-desc img[alt="花東一日遊次標題"] {margin:5px calc(50% - 250px) 15px;}

	.aday-desc{
		padding:0px 15px; 
		width:calc(100% - 30px);
	}
	
		
	.aday-nav {
		padding:20px 15px 10px; 
		width:calc(100% - 30px);
	}
		

	.aday-info {
		padding:0px 15px 30px; 
		width:calc(100% - 30px);
	}
	
	
	.aday-info-body {
		padding:10px 30px 30px;
		margin:30px 0 0;
		width:calc(100% - 60px);
	}		

	#general-content-main .aday-info ul {margin: 0 0 100px;}	
	
	#general-content-main .aday-info img[alt="前往介紹"] {
		width:250px;
		position: absolute;
		bottom:100px;
	}
	
		
	/*weekly*/
	#menu-14341 .maincontent {
		margin:0 0px 0;
		background:#fff url(graphics/week-bg.webp) no-repeat left top;
		background-size:auto 500px;	
	}		
	
	.week-title {
		padding:30px 0 40px;
		margin:0px 0;
		background: url(graphics/history-title.webp) no-repeat right 30% top 15px; 
		background-size:80px auto; 
	}		

	.week-choose {margin:0px 0 0;}


	.week-nav {
		padding:0px 15px; 
		width:calc(100% - 30px);
	}
	
	#general-content-main .week-nav ul li {
		padding:0 0 20px; 
		margin:0 10px 5px; 
		width:calc(20% - 20px); 
	}
		

	.week-choose .tab_container {
		padding:0px 15px 60px; 
		width:calc(100% - 30px);
	}
	
	
	.week-choose .tab_content {
		padding:30px 30px 45px;
		margin:30px 0 0;
		width:calc(100% - 80px);
	}
				
	.week-choose #tab5::before {left: 80%;}

	.week-choose #tab5::after {left: 80%;}

	/*.week-choose .tab_content > div {
		padding:0px 30px 10px 0;
		width:calc(50% - 31px);
	}
	
	.week-choose .tab_content > div.week-rec {padding:0px 0 10px 30px;}*/
	
	.week-choose .tab_content div {margin:0 0 20px;}
	

	.week-choose .tab_content img[alt="每週背景圖片1"] {
		position:absolute;
		bottom:-20px;
		left:0px;
	}

	.week-choose .tab_content img[alt="每週背景圖片2"] {
		width:100px;
		position:absolute;
		bottom:-30px;
		right:0px;
	}
	
		
	/*kidscience*/
	.kid-images {
		margin:0px 0 0px;
		width:100%;
	}	

	.kidscience-nav ul.tabs {
		padding:30px 0 30px;
		width:100%;
	}
			
		
	.kidscience .tab_container {
		padding:15px 15px 75px; 
		margin:30px 0 0px;
		width:calc(100% - 30px);
	}
			
	.kidscience .tab_container img[alt="kid背景"] {
		margin:0;
		width:200px;
		position:absolute;
		bottom:-60px; 
		right:0px;
	}
		
	.tab_content {
		padding:35px 20px 45px;
		margin:30px 0 0;
		width:calc(100% - 60px);
	}
	
	
	.kid-event {		
		padding:0px 15px 15px; 
		width:calc(100% - 30px); 
		background:#fbfbfb url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 600px; 
	}
		
	.kid-event img[alt="可報名活動標題"] {
		position:absolute;
		top:60px; 
		left:calc(50% - 300px);
	}
	

	.kid-notice {
		padding:60px 20% 60px;
		width:60%; 
		background:#fff url(graphics/kid-notice-bg.webp) center top no-repeat; 
		background-size:100% auto; 
	}
			
	.kid-notice img[alt="kid注意項背景"] {
		width:300px;
		position:absolute;
		bottom:45px; 
		right:15px;
	}
	
	#menu-14339 .kid-notice img[alt="kid注意項背景"] {
		width:240px;
		position:absolute;
		bottom:100px; 
		right:15px;
	}


	/*kidscience-reg*/	
	#menu-14342 .news-content , #menu-14351 .news-content {		
		margin:0px 15px;
		width:calc(100% - 30px);
	}
	
	#menu-14342 #register-form , #menu-14351 #register-form {
		padding:15px 15px 40px; 
		width:calc(100% - 30px)
	}

	#menu-14342 .register , #menu-14351 .register {
		padding:45px 30px 30px;
		margin:30px 0;
		width:calc(100% - 80px);
	}
			
				
	/*pshall*/
	#menu-14325 .maincontent {padding:5px 0 0px;}
	
	#menu-14325 .maincontent-body {
		padding:0px 15px; 
		width:calc(100% - 30px);
		background: none;
	}
	
	#menu-14325 iframe {
		margin:0 0 100px;
		width:100%;
	}
	
	.pshall-video-frame {background: none;}
	
	.pshall {
		padding:0px calc(50% - 500px) 30px;
		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-14328 .maincontent {
		padding:60px 15px 0;
		width:calc(100% - 30px); 
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:100%;	
		min-height:65vh;
	}
	
	.reg-search-message {
		margin:15px 0;
		width:100%;	
		font-weight:bold;
	}

	#menu-14328 #register-form {padding:0 0 30px;}	
	
	#menu-14328 .register { 
		padding:0px 15px 15px; 
		width:calc(100% - 30px);
	}


	/*qa*/
	#menu-14329 .maincontent {
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:1200px auto;	
	}	
	
	
	/*contact*/		
	.contact {margin:10px calc(50% - 300px) 0;}
		
	
	/*history*/	
	#menu-14331 .maincontent {		
		padding:15px 0 0px;
		margin:0;
		background: url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 600px;	
	}
		
	.history-title {
		padding:10px 0 30px;
		background: url(graphics/history-title.webp) no-repeat right 30% top; 
		background-size:80px auto; 
	}
	
	
	.history-choose {margin:10px 0 0;}
		
	.history-nav {
		padding:0px 15px; 
		width:calc(100% - 30px);
	}
	
	#general-content-main .history-nav ul li {
		width:calc(100%/6 - 0px); 
	}
		
	#general-content-main .history-nav ul li a {
		background: url(graphics/year.webp) no-repeat center center; 	
		background-size: 100% auto;
	}


	.history-choose .tab_container {
		padding:0px 15px 60px; 
		width:calc(100% - 30px);
	}
	
	
	.history-choose .tab_content {
		padding:30px 30px 45px;
		margin:30px 0 0;
		width:calc(100% - 80px);
	}
		
	.history-choose .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 70px solid;
    position: absolute;
    top: -140px;
    left: 0.6vw;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.history-choose .tab_content::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 70px solid;
    position: absolute;
    top: -125px;
    left: 0.6vw;
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.history-choose #tab1::before {left: 0.6vw;}

	.history-choose #tab1::after {left: 0.6vw;}
		
	.history-choose #tab2::before {left: calc(16.6vw - 0px);}

	.history-choose #tab2::after {left: calc(16.6vw - 0px);}
	
	.history-choose #tab3::before {left: calc(33.2vw - 0px);}

	.history-choose #tab3::after {left: calc(33.2vw - 0px);}
		
	.history-choose #tab4::before {left: calc(49.8vw - 10px);}

	.history-choose #tab4::after {left: calc(49.8vw - 10px);}	
	
	.history-choose #tab5::before {left: calc(66.4vw - 10px);}

	.history-choose #tab5::after {left: calc(66.4vw - 10px);}
		
	.history-choose #tab6::before {left: calc(83vw - 28px);}

	.history-choose #tab6::after {left: calc(83vw - 28px);}
	
		
	/*hamburger*/
	.mm-page {
		width:100%;
		float:left;
	}
	
	.nav-header {
		background:#fff !important; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#hamburger:before, #hamburger:after, #hamburger span {background:#00ccff !important;}
	
	#hamburger {
		top:-5px !important; 
		margin:7px 0 7px 5px !important;
	}	
	
  ul#menu a , .mm-list a {text-decoration:none !important;}	
	
	
}	
	

	



	
	/*1100*****************************/
	@media screen and (max-width:1100px) {
		
	/*kidscience-reg*/					
	#menu-14342 .newsid-13241 .register::before , #menu-14342 .newsid-13242 .register::before , 
	#menu-14351 .newsid-13652 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    right: 20%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13241 .register::after , #menu-14342 .newsid-13242 .register::after  , 
	#menu-14351 .newsid-13652 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    right: 20%;
    border-color:  transparent transparent #fff transparent;
	}

	#menu-14342 .newsid-13242 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -180px;
    left: 20%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13242 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 90px solid;
    position: absolute;
    top: -165px;
    left: 20%;
    border-color:  transparent transparent #fff transparent;
	}	
	
	
	/*history*/			
	#general-content-main .history-nav ul li a {
		padding:70px 0 60px; 
		font-size:3.25em;
		background: url(graphics/year.webp) no-repeat top center; 	
		background-size: 100% auto;
	}
		
		
}	
	

	



	
	
	/*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:510px;  
		position:fixed; 
		top:5px; 
		right:0px; 
		z-index:9999;
	}
		
	.header-right ul.social-icon {margin:0;}
		
	.header-right ul.social-icon li:first-child a , .header-right ul.social-icon li:nth-child(2) a ,
	.header-right ul.social-icon li:nth-child(3) a {margin:2px 0;}
	

	/*footer-unit*/
	.footer-unit {
		padding:25px 15px 20px;
		width:calc(100% - 30px);
		background: linear-gradient(to bottom, #f9f9f9 , #fff);
	}

	
	/*footer*/
	.footer {
		margin:0px 15px 15px;
		width:calc(100% - 30px);
	}
	
	.footer-body {
		padding:0px calc(50% - 425px) 0 ;
		width:850px;
	}
		
		
	/*article list*/	
	#news-list {
		margin:15px 15px;
		width:calc(100% - 30px); 
	}

	#postingNotice {
		padding:15px 15px;
		margin:0 0 30px;
		width:calc(100% - 30px); 
	}
	

	/*home-trip*/
	.home-trip {
		padding:0px 15px 15px;
		width:calc(100% - 30px);	  
	}

	.home-trip-body {
		padding:5px 50px 10px;
		margin:15px 0 0;		
	}
		
	.home-trip img[alt="跟著科學去旅行背景"] {
		width:120px;
		position:absolute;
		bottom:-15px;
		left:0;
	}
		
		
	/*home-info*/
	.home-info {padding:15px 15px 45px;}
	
	
  .home-info .left-video {
  	margin:0 0;
  	width:calc(100% - 0px);   
  }
  
  .left-video iframe {height:500px; }
  
  
  .home-info .right-txt {width:100%;}	
	
  		
	/*home-sponsor*/			
	#homesponsor-container ul li {width:calc(50% - 20px);}
	
	
	/*searchnormal-adv*/
	.normal_search_content {margin:20px 0 5px;}	
	
	.normal_search_criteria img[alt="團報申請標題左"] {
		width:100px;
		position:absolute;
		bottom:0px;
		left:0;
	}
	
	
	.group-info-body {
		padding:15px 15px 15px;
		width:calc(100% - 30px); 
	}
	
	.group-info img[alt="申請背景左"] {
		width:100px;
		position:absolute;
		top:-30px; 
		left:0px;
	}
		
	.group-info img[alt="申請背景右"] {
		width:100px;
		position:absolute;
		bottom:-20px;
		right:0px;
	}
	
	.group-info ul li {
		padding:0 0; 
		margin:0 0 15px; 
		width:50%; 
	}
	
	.group-info ul li.tonext {display:none}
			
	.group-info ul li img {
		margin:0 calc(50% - 50px); 
		width:100px;
	}
	
	
	.normal_search_info a {
		margin:0 calc(50% - 190px);
		width:380px;
		float:Left;
	}
	
	.normal_search_criteria img[alt="團報申請標題右"] {
		width:200px;
		position:absolute;
		bottom:0px;
		right:0;
	}
	
			
	/*search-adv*/	
	.search_criteria {padding:0px 15px 15px;}
	
	
 	.searchinfo .listing-ul {
 		min-height:550px;
 		display: none;
 	}
 	  
	
	/*searchinfo*/	
	.searchinfo-body , .normal_searchinfo-body {		
		padding:15px 0px 30px; 
		margin:15px 15px 15px;
	}
	
	.searchinfo img[alt="搜尋標題左"] {
		width:120px;
		position:absolute;
		top:30px; 
		left:15px;
	}
	
	.search_content {margin:5px 0;}
		
	.search_sort , .normal_search_sort{
		padding:0 50% 0 0;
		margin:0 10px 30px 0;
		width:calc(50% - 10px);
	}
	
	.searchinfo .listing-ul , .normal_searchinfo .listing-ul {
		padding:0 10px 15px;
		min-height:560px;
	}
	
	.searchinfo .listing-ul li.upc-subject , .normal_searchinfo .listing-ul li.upc-subject {
 		padding:0px 0 0px;
 		border-bottom:none;
   }
	
	.searchinfo .listing-ul li.upc-brief , .normal_searchinfo .listing-ul li.upc-brief {
  	padding:0 0px;
  	width:100%;
  } 	
  
 	.searchinfo li.upc-register {
		margin:10px 0;
		width:100%;
	} 
	
	.searchinfo li.upc-register a {margin:0 calc(50% - 50px);}
 	
 	 		
	/*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*/
	.aday-info-body {
		padding:15px 15px 15px;
		width:calc(100% - 30px); 
	}

	.aday-desc img[alt="花東一日遊次標題"] {margin:0px calc(50% - 250px) 15px;}

	
	#general-content-main .aday-info img[alt="前往介紹"] {
		width:220px;
		position:absolute;
		right:0px;
		bottom:60px;
	}

			
	
	/*weekly*/
	.week-choose .tab_container {padding:0px 15px 30px; }
	
	
	.week-choose .tab_content {
		padding:15px 15px 30px;
		margin:15px 0 0;
		width:calc(100% - 40px);
		border:5px solid #e4f2f3;
		border-radius:20px;
	}
	
		
	.week-choose .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -85px;
    left: 6%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.week-choose .tab_content::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -77px;
    left: 6%;
    border-color:  transparent transparent #fff transparent;
	}
			
	.week-choose #tab1::before {left: 6%;}

	.week-choose #tab1::after {left: 6%;}
		
	.week-choose #tab2::before {left: 26%;}

	.week-choose #tab2::after {left: 26%;}
	
	.week-choose #tab3::before {left: 46.5%;}

	.week-choose #tab3::after {left: 46.5%;}
		
	.week-choose #tab4::before {left: 66.5%;}

	.week-choose #tab4::after {left: 66.5%;}	
	
	.week-choose #tab5::before {left: 86%;}

	.week-choose #tab5::after {left: 86%;}		
	
	
	.week-choose .tab_content img[alt="每週背景圖片1"] {
		position:absolute;
		bottom:-30px;
		left:0px;
	}

	.week-choose .tab_content img[alt="每週背景圖片2"] {display:none;}
	
		
	/*kidscience*/	
	.kids-title img[alt="kid標題"] {
		width:35px;
		position:absolute;
		top:-10px; 
		right:-40px;
	}
		
	.kidscience-nav ul.tabs {padding:10px 0 0;}
	
	
	.kidscience .tab_content {
		padding:30px 15px 30px;
		margin:0px 0 0;
		width:calc(100% - 40px);
		border:5px solid #e4f2f3;
		border-radius:20px;
	}
	
	.kidscience .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -85px;
    left: 7vw;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.kidscience .tab_content::after{
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -77px;
    left: 7vw;
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.kidscience #tab1::before {left: 7vw;}

	.kidscience #tab1::after {left: 7vw;}
		
	.kidscience #tab2::before {left: calc(31vw - 0px);}

	.kidscience #tab2::after {left: calc(31vw - 0px);}
	
	.kidscience #tab3::before {left: calc(56vw - 0px);}

	.kidscience #tab3::after {left: calc(56vw - 0px);}
		
	.kidscience #tab4::before {left: calc(82vw - 10px);}

	.kidscience #tab4::after {left: calc(82vw - 10px);}		
	
	
	.kid-event img[alt="可報名活動標題"] {
		position:absolute;
		top:45px; 		
		left:200px;
	}
	
	.kidscience-events li ul li img {width:150px;}
	
	.kidscience-events li ul li div {
		margin:0px 0 0 15px;
		width:calc(100% - 165px);
	} 	
	
		
	.kid-notice {
		padding:30px 15% 50px;
		width:70%; 
	}
	
	.kid-notice img[alt="kid注意項背景"] {
		width:200px;
		position:absolute;
		bottom:45px; 
		right:15px;
	}
		
	#menu-14339 .kid-notice img[alt="kid注意項背景"] {
		width:180px;
		position:absolute;
		bottom:100px; 
		right:15px;
	}


	/*kidscience-reg*/	
	#menu-14342 #register-form {padding:0px 15px 30px;}
	
	#menu-14342 .register {
		padding:30px 15px 30px;
		margin:15px 0;
		width:calc(100% - 40px);
		border:5px solid #e4f2f3;	
	}
		
	#menu-14342 .newsid-13241 .register::before , #menu-14342 .newsid-13242 .register::before , 
	#menu-14351 .newsid-13652 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    right: 20%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13241 .register::after , #menu-14342 .newsid-13242 .register::after , 
	#menu-14351 .newsid-13652 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    right: 20%;
    border-color:  transparent transparent #fff transparent;
	}

	#menu-14342 .newsid-13242 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    left: 20%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13242 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    left: 20%;
    border-color:  transparent transparent #fff transparent;
	}	
	
	
	/*pshall*/  				
	#menu-14325 .maincontent {margin:0px 0 0px;}
	
	#menu-14325 iframe {margin:0 0 80px;}		
	
	
	.pshall {
		padding:0px calc(50% - 400px) 30px;
		width:800px; 
	}
		
		
	.pshall img[alt="特色場域介紹標題"] {
		width:150px;
		top:-50px;
	}
	
	
	.pshall-video {margin:0px 0 0;}
	
	.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-14328 .maincontent {
		padding:60px 15px 60px;	
		min-height:auto;
	}

	.accompany-table > div {margin:0 0 5px;}
	
			
	/*history*/			
	#menu-14331 .maincontent {margin:5px 0 0px;}	
	
	#general-content-main .history-nav ul li a {
		padding:70px 0 60px; 
		font-size:2.75em;
	}
	
	
	.history-choose .tab_container {padding:0px 15px 30px; }
	
	
	.history-choose .tab_content {
		padding:15px 15px 30px;
		margin:15px 0 0;
		width:calc(100% - 40px);
		border:5px solid #e4f2f3;
		border-radius:20px;
	}
	
		
	.history-choose .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -85px;
    left: 0.6vw;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.history-choose .tab_content::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -77px;
    left: 0.6vw;
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.history-choose #tab1::before {left: 2vw;}

	.history-choose #tab1::after {left: 2vw;}
		
	.history-choose #tab2::before {left: calc(16.6vw - 0px);}

	.history-choose #tab2::after {left: calc(16.6vw - 0px);}
	
	.history-choose #tab3::before {left: calc(33.2vw - 0px);}

	.history-choose #tab3::after {left: calc(33.2vw - 0px);}
		
	.history-choose #tab4::before {left: calc(49.8vw - 10px);}

	.history-choose #tab4::after {left: calc(49.8vw - 10px);}	
	
	.history-choose #tab5::before {left: calc(66.4vw - 10px);}

	.history-choose #tab5::after {left: calc(66.4vw - 10px);}
		
	.history-choose #tab6::before {left: calc(83vw - 10px);}

	.history-choose #tab6::after {left: calc(83vw - 10px);}
	
		
}	
	

	



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

	/*footer*/	
	.footer {
		padding:5px 0px 0;
		margin:0px 15px 10px;
	}
		
	.footer-body {
		padding:0px 0;
		width:100%;
	}
	
	.footer-link , .footer-info {
		margin:0 calc(50% - 185px);
		width:370px; 
	}	
	
	
	/*myregister*/
	#menu-14324 .maincontent {background:#fff;}	
	
	
	/*weekly*/
	#menu-14341 .maincontent {background:#fff;}	
			
			
	/*history*/			
	#general-content-main .history-nav ul li a {padding:60px 0 35px; }
	
	
	/*pshall*/
	#menu-14325 iframe {height:450px;}
	

}		
	
	

	



	
	
	/*850*****************************/
	@media screen and (max-width:850px) {
	
	
	
	/*searchinfo*/
	.searchinfo .listing-ul , .normal_searchinfo .listing-ul {min-height:520px;}


	/*history*/			
	#general-content-main .history-nav ul li a {padding:55px 0 40px; }
	
}				

	



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

	/*home-trip*/
	.home-trip-body {
		padding:5px 15px 10px;
		width:calc(100% - 30px);
	}
	
	
	.home-trip img[alt="跟著科學去旅行標題"] {
		width:100px;
		position:absolute;
		top:-20px;
		right:50px;
	}	
	
	
	.trip-nav {
		margin:15px 5% 15px;
		width:90%;
	}
	

	.home-trip img[alt="跟著科學去旅行背景"] {
		width:80px;
		position:absolute;
		bottom:-15px;
		left:0;
	}
	
			
	/*home-info*/  
  .left-video iframe {height:450px; }
  

	/*kid-sponsor*
	.kid-sponsor ul li {
		margin:0 10px;
		width:calc(50% - 20px);  
		float:left;
	}

 	.kid-sponsor ul li:first-child {margin:0 calc(25% + 10px);}*/


  /*searchnormal-adv*/
  #menu-14343 .maincontent-body {
		background: url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 400px;
	}
	
	.normal_searchinfo {		
		background: url(graphics/search-bg.webp) no-repeat right 15px top 30px; 
		background-size:auto 150px;
		position:relative;
	}		
	
	
	.normal_search_criteria img[alt="團報申請標題左"] {
		width:80px;
		position:absolute;
		bottom:0px;
		left:0;
	}
	
	.normal_search_criteria img[alt="團報申請標題右"] {
		width:150px;
		position:absolute;
		bottom:0px;
		right:0;
	}	
  
  
  /*search-adv*/
	#menu-14337 .maincontent-body {
		background: url(graphics/history-bg.webp) no-repeat left 15% top;
		background-size:auto 400px;
	}	
		
	.search_criteria {
		background: url(graphics/search-bg.webp) no-repeat right 15px bottom 30px; 
		background-size:auto 150px;
	}	
	
	.search_location , .search_subject {margin:15px 5px 15px;}

	
 	/*searchinfo*/ 
	.searchinfo-body , .normal_searchinfo-body {		
		padding:15px 0px 0px; 
		margin:15px 15px 0px;
	}
	 	
	.normal_searchinfo-body iframe {height: 600px;}


  .searchinfo img[alt="搜尋標題右"] {
		position:absolute;
		top:-65px; 
		right:-95px;
	}
	

	/*news-content-top*/
	.news-content-top {padding:0 15px;}
	
	.event-desc {
		padding:10px 90px 10px 0px;
		width: calc(100% - 90px);
	}		
	
	.news-content-top img[alt="活動簡介左"] {
		width:100px;
		position:absolute;
		bottom:0px; 
		right:0px;
	}				
	
	
	/*news-content-center*/  	
	.news-content-center {
		padding:15px 15px 0px;
		margin:15px 15px 0;
		width:calc(100% - 60px);
	}
	
	#menu-14344 .news-content-center {
		padding:15px 15px 10px;
		margin:15px 15px 30px;
		width:calc(100% - 60px);
	}

	.newsid-13257 .news-content-center , .newsid-13297 .news-content-center ,
	.newsid-13333 .news-content-center , .newsid-13339 .news-content-center ,
	.newsid-13351 .news-content-center , .newsid-13398 .news-content-center , 
	.newsid-13400 .news-content-center , .newsid-13401 .news-content-center , 
	.newsid-13403 .news-content-center , .newsid-13404 .news-content-center , 
	.newsid-13405 .news-content-center , .newsid-13413 .news-content-center , 
	.newsid-13486 .news-content-center , .newsid-13507 .news-content-center , 
	.newsid-13524 .news-content-center , .newsid-13545 .news-content-center , 
	.newsid-13551 .news-content-center , .newsid-13577 .news-content-center , 
	.newsid-13599 .news-content-center , .newsid-13596 .news-content-center ,
	.newsid-13536 .news-content-center , /*.newsid-13513 .news-content-center , */
	.newsid-13577 .news-content-center {
		padding:15px 15px 15px;
		margin:15px 15px 30px;
		width:calc(100% - 60px);
	}

 	.news-content-center img[alt="場域簡介"] {
		width:120px;
		position:absolute;
		top:-15px;
		right:0;
	}	 
  

	/*content-detail*/
	.content-detail iframe {
  	margin:0 0px 15px;
  	width:100%; 
  	height:350px; 
  }
	
	.content-detail-body {
		padding:15px 0 0;
  	width:100%;	
  }
    
 	.content-detail img[alt="活動場次標題"] {
		position:absolute;
		top:-5px; 
		right:calc(50% - 180px);
	}
	  

	.tooutform , .normal-register , .out-car {margin:15px calc(50% - 85px);}
 

	/*register-form*/	
	#menu-14345 #register-form , #menu-14346 #register-form , #menu-14347 #register-form ,
	#menu-14348 #register-form , #menu-14349 #register-form , #menu-14344 #register-form {
		padding:15px 15px 30px;
		margin:0px 15px 30px;
		width:calc(100% - 60px);
	}
	
	.register-body > div {padding:0px 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 ,
	.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 ,
	#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 {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%;
	}


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


	/*myregister*/
	.myregister-title {
		background: url(graphics/history-title.webp) no-repeat right 20% top 15px; 
		background-size:80px auto; 
	}
	
	.myregister-nav {
		margin:15px 0 15px;
		width:100%;
	}
	
	.myregister-nav1 {margin:15px 0 45px;}

	
	/*aday*/	
	#menu-14340 .maincontent {	
		background: url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 400px;	
	}
	
	.aday-title {	
		padding:15px 0 20px;	
		background: url(graphics/history-title.webp) no-repeat right 20% top; 
		background-size:80px auto; 
	}
	
	.aday-nav {padding:20px 15px 0px;}


	#general-content-main .aday-info ul {margin: 0 0 15px;}
	
	#general-content-main .aday-nav ul li {
		margin:0 10px 10px; 
		width:calc(100%/3 - 24px);
		float:none;
		display:inline-block;
	}
	
	#general-content-main .aday-info ul li ul {
		margin: 15px 0 0;
		width:100%;
	}

	.aday-info-body {padding:15px 15px 15px;}
	
	
	#general-content-main .aday-info ul li ul li span {
		padding:3px 15px 6px;
		margin:0 10px 0 0;
		width:auto;
		color:#fff;
		text-align: center;
		background:#0090ff;
		border-radius:20px;
		display:inline-block;
	}			
	
	#general-content-main .aday-info ul li ul li p {width: 100%;}

	#general-content-main .aday-info a {padding:0 0 45px;}
	
	#general-content-main .aday-info img[alt="前往介紹"] {
		width:260px;
		position:absolute;
		right:0px;
		bottom:80px;
	}
	
			
	/*weekly*/
	.week-title {
		background: url(graphics/history-title.webp) no-repeat right 20% top 15px; 
		background-size:80px auto; 
	}
	
	
	.week-choose .tab_container {padding:15px 15px 30px; }
	
	
	#general-content-main .week-nav ul {text-align:center;}	
	
	#general-content-main .week-nav ul li {
		margin:0 10px 10px; 
		width:calc(100%/3 - 24px);
		float:none;
		display:inline-block;
	}
	
	.week-choose .tab_container {margin:0px 0;}
			
	.week-choose .tab_content::before {display:none;}
		
	.week-choose .tab_content::after {display:none;}			


	#general-content-main .week-choose .tab_content ul {margin:5px 0 5px;}

	/*.week-choose .tab_content > div {
		padding:0px 0px 10px;
		margin:0 0 15px;
		width:100%;
	}
	
	.week-choose .tab_content > div.week-rec {
		padding:0px 0 10px;
		border-left:none;
	}*/
	
	.week-choose .tab_content div {
		padding:0px 0px 10px;
		margin:0 0 15px;
	}
	
	.week-choose .tab_content > div.week-rec {margin:0 0 5px;}

	
	#general-content-main .week-choose .tab_content img[alt="每週背景圖片1"] {display:none;}
	
	#general-content-main .week-choose .tab_content img[alt="每週背景圖片2"] {
		position:absolute;
		bottom:-15px;
		right:0px;
		display:block;
	}
	
		
	/*kidscience*/			
	.kidscience .tab_container {padding:15px 15px 30px;}		
					
	.kidscience .tab_container img[alt="kid背景"] {
		margin:0;
		width:100px;
		position:absolute;
		bottom:-20px; 
		right:0px;
	}
	
	
	.kidscience .tab_content::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -85px;
    left: 5vw;
    border-color:  transparent transparent #e4f2f3;
	}
		
	.kidscience .tab_content::after{
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -77px;
    left: 5vw;
    border-color:  transparent transparent #fff transparent;
	}
	
		
	.kidscience #tab1::before {left: 5vw;}

	.kidscience #tab1::after {left: 5vw;}
		
	.kidscience #tab2::before {left: calc(29vw - 0px);}

	.kidscience #tab2::after {left: calc(29vw - 0px);}
	
	.kidscience #tab3::before {left: calc(55vw - 0px);}

	.kidscience #tab3::after {left: calc(55vw - 0px);}
		
	.kidscience #tab4::before {left: calc(82vw - 10px);}

	.kidscience #tab4::after {left: calc(82vw - 10px);}		
	
	
	.kid-event {	
		padding:0px 15px 10px;	
		margin: -20px 0 0;
		background: url(graphics/normal-bg.webp) no-repeat right top;
		background-size:auto 400px;
	}
	
	.kidscience-events ul li {margin:0 0;}
				
	.kidscience-events li ul li {
		margin:10px 0px;
		width:100%;
	}	
	
		
	.kid-event > div {
		padding:0 0px 10px;
		width:100%;
	}
	
	.kid-event > div.kid-surprise {
		padding:0 0 10px;
		border-left:none;
	}
	
	.kid-event ul li a {
		padding:15px 15px;
		margin: 5px 0 10px;
		width:calc(100% - 30px);
	}
	
		
	.kid-notice {
		padding:15px 10% 50px;
		width:80%; 
	}
	
	.kid-notice img[alt="kid注意項背景"] {
		width:150px;
		position:absolute;
		bottom:150px; 
		right:15px;
	}
	
	#menu-14339 .kid-notice img[alt="kid注意項背景"] {
		width:130px;
		position:absolute;
		bottom:130px; 
		right:15px;
	}


	.kid-event > div.kid-time {padding:15px 0px 0px;}


	/*kidscience-reg*/	
	.register-body:before {margin:0 calc(50% - 120px) 15px;}
		
	#menu-14342 #news-content ul.kids-info-tabs , #menu-14351 #news-content ul.kids-info-tabs {
		padding:15px 0;
		margin:0 0 15px;
		width:100%;
	}

	#menu-14342 #register-form , #menu-14351 #register-form {padding:0px 15px 15px;}
	
				
	/*pshall*/		
	.pshall {
		padding:0px 0 15px;
		width:100%;
	}
		
	#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;   
	}
	
	  					
	/*reg-search*/	
	.reg-search {		
		padding:0px 15px 20px; 
		margin:0px 0;
		width:calc(100% - 30px); 
	}
		
	img[alt="reg-search"]  {		
		width:100px;
		bottom:-90px;
		right:-21px;
	}
		
	#menu-14328 .register > div , #menu-14328 .registerbody > div , #menu-14328 #register-form .register div#reg-wf1437 ,
	#menu-14328 #register-form .register div#reg-wf1415 , #menu-14328 #register-form .register div#reg-wf1429 {width:100%;}

	#menu-14328 .register div .cell2 , #menu-14328 .registerbody div .res_cell2 {
		padding:10px 5px; 
		margin:0 0 10px;
		width:calc(100% - 10px);  
	}	
	
	
	/*qa*/
	#menu-14329 .maincontent {
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:800px auto;	
	}	
		
		
	/*contact*/	
	.contact {
		padding:0px 15px 15px; 
		margin:10px 0 0;
		width:calc(100% - 30px);  
	}	
	
	
	/*history*/
	#menu-14331 .maincontent {	
		background: url(graphics/history-bg.webp) no-repeat left top;
		background-size:auto 400px;	
	}
	
	.history-title {
		background: url(graphics/history-title.webp) no-repeat right 20% top; 
		background-size:80px auto; 
	}
	
	
	.history-choose .tab_container {padding:15px 15px 30px; }
	
	
	#general-content-main .history-nav ul li {width:calc(100%/3 - 0px);}
	
	#general-content-main .history-nav ul li a {
		padding:90px 0 70px; 
		font-size:3em;
		background: url(graphics/year.webp) no-repeat center center; 	
		background-size: 200px 183px;
	}
	
	.history-choose .tab_container {margin:0px 0;}
			
	.history-choose .tab_content::before {display:none;}
		
	.history-choose .tab_content::after {display:none;}	
	
	
	/*webmap*/	
	#general-content-main .webmap > div {
		margin:10px 5px 0px;
		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 , 
	.normal_search_criteria-title , .search_criteria-title , .kids-title  {
		margin:15px 0 15px;
		font-size:2em;
	}

	.group-top h1 span {font-size:0.7em;}
	
	.article-title span {
		margin:0px calc(50% - 63px);
		width:126px;
	}
	
	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:450px;}
	
	.header-right ul.social-icon li:first-child , .header-right ul.social-icon li:nth-child(2) ,
	.header-right ul.social-icon li:nth-child(3) {width:80px;}
			
	.header-right ul.social-icon li:first-child a , .header-right ul.social-icon li:nth-child(2) a ,
	.header-right ul.social-icon li:nth-child(3) a {font-size:1em;}
	
	
	/*agree policy*/	
	.policy .policy-exit {margin:5px calc(50% - 50px) 0;}
	
	.policy p {width:100%;}
	
		
	/*article list*/		
	#menu-14326 .listing-ul {background:#fbfbfb;}
	
	#menu-14326 .listing-ul:hover {background:#fff;}
	
	#menu-14326 .listing-ul li.upc-subject a {
		padding:15px 15px 17px 15px;
		width:calc(100% - 30px); 
	}
	
	#menu-14326 .listing-ul li.upc-subject a p , #menu-14326 .listing-ul li.upc-subject a span {
		padding:10px 0 5px;
		width:100%;    
		white-space: normal;  
		text-overflow: clip;
		text-align:center;
	}	
	
	#menu-14326 .listing-ul li.upc-subject a p {
		padding:5px 0 5px;
		text-align:center;
	}
	
	#menu-14326 .listing-ul li.upc-subject a div {
		padding:25px 0 35px;
		margin:0;
		width:100%; 
		background: url(graphics/home-news-left.webp) no-repeat top center;  
		background-size:95px auto;
		border-right:none;
		border-bottom:2px solid #00ccff;
	}	 
	
	
	/*home-button*/
	.home-button {padding:15px 0 0;}
	
	.home-button li {
		margin:0 5px 15px; 
		width:calc(50% - 10px); 
	}
		
	
	/*home-news*/		
	.home-news .listing-ul {
		padding:0 0px; 
		width:calc(100% - 0px);
		background:#fbfbfb;
	}
	
	.home-news .listing-ul:hover {background:#fff;}

	
	.home-news .listing-ul li.upc-subject a p , .home-news .listing-ul li.upc-subject a span  {
		padding:10px 0 5px;
		width:100%;    
		white-space: normal;  
		text-overflow: clip;
		text-align:center;
	}
		
	.home-news .listing-ul li.upc-subject a p {
		padding:0px 0 5px;
		text-align:center;
	}
	
	.home-news .listing-ul li.upc-subject a div {
		padding:25px 0 35px;
		margin:0;
		width:100%; 
		background: url(graphics/home-news-left.webp) no-repeat top center;  
		background-size:95px auto;
		border-right:none;
		border-bottom:2px solid #00ccff;
	}	
		
		
	/*home-trip*/		
	.home-trip img[alt="跟著科學去旅行標題"] {
		width:80px;
		position:absolute;
		top:-10px;
		right:0px;
	}	
	
		
	.trip-title span {
		margin:0px calc(50% - 75px);
		width:150px;
	}
		
	.home-trip-body {background:#fff;}
		
	.trip-nav {
		margin:30px 0% 15px;
		width:100%;
	}
	

	.home-trip img[alt="跟著科學去旅行背景"] {
		position:absolute;
		bottom:-15px;
		left:0;
	}	
	 
	 
	/*home-info*/
	.right-txt img[alt="影音標題"] {
		margin:0;
		width:55px;
		position:absolute;
		top:-20px; 
		left:180px;
	}
	
	 
	/*kid-sponsor*/
	.kid-sponsor {
		padding:15px 0 15px;
		width:100%;  
	} 

	 /*searchnormal-adv*/
	 #menu-14343 .maincontent-body {background:none;}
	
	
	.group-info-body {padding:15px 15px 0px;}
	
	.group-info img[alt="申請背景左"] {
		width:80px;
		position:absolute;
		top:-15px; 
		left:0px;
	}
		
	.group-info img[alt="申請背景右"] {
		width:80px;
		position:absolute;
		bottom:-20px;
		right:0px;
	}	
	
	.group-info ul li {
		margin:0 0 20px;
		width:100%;
	}
	
		
	.normal_searchinfo {		
		background: url(graphics/search-bg.webp) no-repeat right 15px top 30px; 
		background-size:auto 100px;
		position:relative;
	}		
	
	.normal_search_criteria-title span {
		margin:0px calc(50% - 110px);
		width:220px;
	}	
	
	.group-info h2 {
		margin:0px calc(50% - 165px) 10px;
		width:330px;
		font-size:2em;
	}
	
	
	.normal_searchinfo h1 {
		margin:0px calc(50% - 165px) 10px;
		width:330px;
	}
	
	.normal_search_criteria img[alt="團報申請標題左"] {
		width:60px;
		position:absolute;
		bottom:0px;
		left:0;
	}
	
	.normal_search_criteria img[alt="團報申請標題右"] {
		width:100px;
		position:absolute;
		bottom:0px;
		right:0;
	}	
		  
	  
  /*search-adv*/
	#menu-14337 .maincontent-body {background:none;}	
		
	.search_criteria {
		background: url(graphics/search-bg.webp) no-repeat right 15px bottom 30px; 
		background-size:auto 100px;
	}	
	
	
 	/*searchinfo*/
  .searchinfo img[alt="搜尋標題右"] {
		position:absolute;
		top:-65px; 
		right:-55px;
	}


	.search_sort , .normal_search_sort {
		padding:0 0;
		margin:0 0 15px;
		width:100%;
	}
	
		
 	.searchinfo .listing-ul , .normal_searchinfo .listing-ul {
 		padding:0 0px 10px;
 		width:100%;
 		min-height:auto;
 		display: none;
 	}
 	
  .searchinfo .listing-ul li.upc-subject , .normal_searchinfo .listing-ul li.upc-subject {
 		padding:0px 0 10px;
 		border-bottom:2px solid #5f5f5f;
 	}	
 	
 	
 	/*news-content-center*/
 	.news-content-center img[alt="場域簡介"]{
		width:80px;
		position:absolute;
		top:-15px;
		right:0;
	}	
		
 	
	.news-content-title span {
		margin:0px calc(50% - 100px) 10px;
		width:200px;;
		font-size:2em;
		line-height:130%;
	}
	
	
	/*content-link*/ 	
 	.content-link ul {margin:15px 0 15px;}
  
	 #news-content .content-link ul li {
	 	padding:0 10px 10px; 
		width:calc(100% - 20px);
		background:#fbfbfb;
	}
	
	 #news-content .content-link ul li:hover {background:#fff;}
	
	 .content-link p {
		padding:10px 0 0px;
		width:100%;  
		white-space: normal;  
		text-overflow: clip;
		text-align:center;
	}
	
	.content-link a span {
		padding:5px 0 15px;
		margin:0px 0px 0px 0;
		width:100%;   
		border-right:none;
		border-bottom:2px solid #01b6e3;
	}	 
	

	/*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;}

 	
 	/*myregister*/	
	.myregister-title span {
		margin:0px calc(50% - 50px);
		width:120px;
	}
					
	.myregister-choose img[alt="kidstitle"] , .myregister-choose img[alt="kstitle"] {
		margin:0px calc(50% - 230px) 5px;
		width:460px;		
	}
	
				
	/*aday*/ 	
	.aday-desc img[alt="花東一日遊次標題"] {
		margin:5px calc(50% - 230px) 15px;
		width:460px;		
	}
	
	#general-content-main .aday-info a {padding:0 0;}
	
	#general-content-main .aday-info img[alt="前往介紹"]  {display:none;}
	
	
	/*weekly*/	
	.week-title span {
		margin:0px calc(50% - 110px);
		width:220px;
	}
	
	#general-content-main .week-choose .tab_content img[alt="每週背景圖片2"] {display:none;}
	
		
	/*kidscience-reg*/	
	.register-body:before {		
		margin:0 calc(50% - 100px) 15px;
		width:200px;
		font-size:2em;
	}

	
	/*kidscience*/
	.kids-title {
		margin:0px calc(50% - 110px);
		width:220px;
		font-size:2em;
	}
	
	#tab2 .kids-title , #tab3 .kids-title {
		margin:0px calc(50% - 125px);
		width:250px;
	}
	
	.kids-title img[alt="kid標題"] {
		width:30px;
		position:absolute;
		top:-10px; 
		right:-30px;
	}
	
		
	.kidscience-nav ul.tabs li {
		margin:0 5px 15px;
		width:calc(50% - 10px); 
	}
	
	
	.kidscience .tab_container {
		padding:30px 15px 30px;
		margin:15px 0 0;
	}
					
	.kidscience .tab_content::before {display:none;}
		
	.kidscience .tab_content::after {display:none;}	
	
	
	.kid-event {background:none;}
	
	.kidscience-events li ul li {margin:10px 0px 15px;}	
	
	.kidscience-events li ul li div h2 {
		margin:5px 0 5px;
		text-align:center;
	}
	
	.kidscience-events li ul li img {
		margin:0 calc(50% - 100px) 0px;
		width:200px;
	}
	
	.kidscience-events li ul li div {
		margin:0px 0;
		width:100%;
		text-align:center;
	}
		
	.kid-notice {
		padding:15px 15px 30px;
		width:calc(100% - 30px); 
	}	
		
	.kid-notice img[alt="kid注意項背景"] {
		width:120px;
		position:absolute;
		bottom:170px; 
		right:15px;
	}
	
	#menu-14339 .kid-notice img[alt="kid注意項背景"] {display: none;}
	

	/*kidscience-reg*/	
	#menu-14342 .newsid-13241 .register::before , #menu-14342 .newsid-13242 .register::before , 
	#menu-14351 .newsid-13652 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before  {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    right: 18%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13241 .register::after , #menu-14342 .newsid-13242 .register::after , 
	#menu-14351 .newsid-13652 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after  {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    right: 18%;
    border-color:  transparent transparent #fff transparent;
	}

	#menu-14342 .newsid-13242 .register::before , #menu-14351 .newsid-13653 .register::before ,
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    left: 18%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13242 .register::after , #menu-14351 .newsid-13653 .register::after ,
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    left: 18%;
    border-color:  transparent transparent #fff transparent;
	}	
	
	
	/*pshall*/		
	#menu-14325 iframe {
		margin:0 0 30px;
		height:350px;
	}		
	

	.pshall-title {
		font-size:2em;
		background:none;
	}
	
	.pshall-title span {
		margin:0px calc(50% - 50px);
		width:100px;
	}
			
	.pshall img[alt="特色場域介紹標題"] {
		width:100px;
		top:-10px;
	}
	
	.pshall img[alt="科普名人堂標題"] {
		width:100px;
		top:20px;
	}
		
			
	#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 {
		margin-top:0px;
		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; 
	}
	
	
	.pshall h1 {
		padding:0 0 15px;
		background: url(graphics/pshall-h1.webp) no-repeat left bottom; 
		background-size:60px auto;
	}

	
	/*reg-search*/			
	img[alt="reg-search"]  {		
		width:80px;
		bottom:-60px;
		right:-15px;
	}

	#menu-14328 .register div .cell2 , #menu-14328 .registerbody div .res_cell2 {width:calc(100% - 10px);}
			
		
	/*contact*/	
	.contleft {
		margin:0 0;
		width:100%; 
	}
	
	.contright {
		margin:0 0;
		width:100%;
	}	
	
	
	/*history*/				
	#general-content-main .history-nav ul li a {
		padding:70px 0 60px; 
		background: url(graphics/year.webp) no-repeat top center; 	
		background-size: 164px 150px;
	}
	
}	

	

	



	
	/*480*****************************/
	@media screen and (max-width:480px) {	
	
	/*header-right*/	
	.header-right {width:390px;}
	
	.header-right ul.social-icon li {margin:0 5px;}		
	
	
	/*footer*/	
	.footer-link , .footer-info {
		margin:0 0;
		width:100%; 
	}
	

	/*home-trip*/	
	.home-trip img[alt="跟著科學去旅行標題"] , .home-trip img[alt="跟著科學去旅行背景"] {display:none;}
	
		
	/*home-info*/  
  .left-video iframe {height:320px; }
	

	/*article detail*/
	#menu-14335 .news-detail .post-brief {
		margin: 0 ;
		width: 100%;
	}


	/*kid-sponsor*/
	.kid-sponsor {padding:15px 0 0;} 

	.kid-sponsor h4 {text-align: center;}

	.kid-sponsor ul li {
		padding: 0;
		margin:0 calc(50% - 125px) 15px;
		width:250px;  
	}
	
	.kid-sponsor ul li:first-child {margin:0 calc(50% - 125px) 15px;}

	.kid-sponsor ul li:last-child {margin:0 calc(50% - 125px);}


	/*searchnormal-adv*/
	.group-info img[alt="申請背景左"] , .group-info img[alt="申請背景右"] {display:none;}


	.normal_searchinfo {background: none;}	
	
	.normal_search_info {padding:0 0 15px;}
	
	.normal_search_info a {
		margin:0 0;
		width:100%;
	}
	
	.normal_search_criteria img[alt="團報申請標題左"] , .normal_search_criteria img[alt="團報申請標題右"] {display:none;	}	
		  
		  
	/*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;}
	
	
	/*myregister*/	
	.myregister-title {background: none; }
	
	.myregister-choose img[alt="kidstitle"] , .myregister-choose img[alt="kstitle"] {
		margin:0px calc(50% - 200px) 5px;
		width:400px;		
	}
	
	#general-content-main .myregister-nav ul li {
		margin:0 5px 5px; 
		width:calc(50% - 10px); 		 
	}	
	
	#general-content-main .myregister-nav1 ul li:first-child {width:calc(40% - 10px);}	

	#general-content-main .myregister-nav1 ul li:last-child {width:calc(60% - 10px);}	

		
	/*aday*/
	.aday-title {background: none; }
	
	.aday-desc img[alt="花東一日遊次標題"] {
		margin:5px calc(50% - 200px) 15px;
		width:400px;		
	}
	
	
	#general-content-main .aday-nav ul li {width:calc(50% - 24px);}	
	
	#general-content-main .aday-info ul li ul {
		margin:15px 0 5px;
		width:100%;
	}
	
		
	/*weekly*/	
	.week-title {background: none; }
	
	#general-content-main .week-nav ul li {width:calc(50% - 24px);}	
	
	#general-content-main .week-nav ul li {word-break: break-word;}
	
	
	.week-choose .tab_content > div {margin:0 0 0px;}
	
	#general-content-main .week-choose .tab_content ul li {margin:5px 0 5px;}
	
	#general-content-main .week-choose .tab_content ul li a img[alt="前往介紹"] {
		margin:5px 0 0 calc(100% - 120px);
		float:left;
		position:relative;
		top:0;
	}
	
		
	/*kidscience*/				
	.kids-title img[alt="kid標題"] {display:none;}
		
	.kidscience .tab_content {padding:15px 15px 45px;}
	
	.kid-notice h1 {
		padding:15px 0;
		background:none;
	}
	
	
	.kid-notice img[alt="kid注意項背景"]  {display:none;}
	
	
	/*pshall*/				
	.pshall img[alt="特色場域介紹標題"] {
		width:80px;
		top:-10px;
	}
	
	#menu-14325 iframe {height:300px;}	
	
	
	#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 {top:200px;}


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

	
	/*reg-search*/
	.reg-search-content span {
		padding:0 0; 
		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);}	
	
			
	/*contact*/	
  .recaptcha {
  	margin:5px calc(50% - 130px);
  	width:260px !important;
  }
  
  .g-recaptcha {max-width:260px;}	
  
  .g-recaptcha > div , .g-recaptcha iframe {width:260px !important;}	


	/*history*/
	.history-title {background:none;}	
	
	.history-choose h2 {
		padding:0px 0 15px 0;
		width:calc(100% - 0px);	
		background:none; 
	}
	
	
	#general-content-main .history-nav ul li {width:calc(100%/2 - 0px);}
	
	#general-content-main .history-nav ul li a {
		padding:70px 0 60px;
		background: url(graphics/year.webp) no-repeat top center; 	
		background-size: 164px 150px;
	}	
	
	
	/*webmap*/	
	#general-content-main .webmap > div {
		margin:10px 0px;
		width:calc(100% - 0px);
	}
		
}	

	

	



	
	/*440*****************************/
	@media screen and (max-width:440px) {	
		
	
	/*header-right*/	
	.header-right {width:315px;}	
	
	.header-right ul.social-icon li {width:25px;}	
	
	.header-right ul.social-icon li:first-child , .header-right ul.social-icon li:nth-child(2) ,
	.header-right ul.social-icon li:nth-child(3) {width:60px;}
			
	.header-right ul.social-icon li:first-child a , .header-right ul.social-icon li:nth-child(2) a ,
	.header-right ul.social-icon li:nth-child(3) a {font-size:0.8em;}
	
	
	/*home-trip*/		
	.trip-nav {margin:30px 0% 0px;}
	
	.trip-nav ul li {
		padding: 0;
		margin:0 0 15px;
		width:100%; 
	}
	
	
	/*search-adv*/
	.search_location , .search_subject , .search_limit , .search_status {
		margin:0 0px 15px;
		width:100%;
	}		
	
	.search_location  {margin:15px 0px 15px;}

	.search_subject {margin:0px 0px 15px;}
	
		
	.sub-seach {
		margin:5px calc(50% - 145px) 0;
		width:290px; 
	}
	
 	.sub-seach a#clear-button {
 		padding:12px 15px;
 		width:130px;  
 		color:#fff; 
 		font-size:1.12em;
 	}
   
  .sub-seach input {
  	padding:10px 70px 10px 15px;
  	width:100px;  	
 		font-size:1.12em;
  	background:#ff9442 url(graphics/more-w.webp) no-repeat bottom 10px right 15px;   	
  	background-size:25px;
  }
  
  	
	/*myregister*/ 	
	.myregister-choose img[alt="kidstitle"] , .myregister-choose img[alt="kstitle"] {
		margin:0px calc(50% - 165px) 5px;
		width:330px;		
	}
	
		
	/*aday*/
	.aday-desc img[alt="花東一日遊次標題"] {
		margin:5px calc(50% - 165px) 15px;
		width:330px;		
	}
	
	
	/*register-form*/
	.main-button .cancel , .main-button .submit {width:100%;}
	
	.main-button .cancel {margin:0 0 15px;}
	
		
	/*kidscience*/
	.kid-event ul li a {
		padding:15px 45px 15px 15px;
		width:calc(100% - 60px);
		background:#e7e7e7 url(graphics/kid-event-right.webp) no-repeat right 15px center; 
		background-size:30px;
	}
	
	
	/*kidscience-reg*/	
	#menu-14342 .newsid-13241 .register::before , #menu-14342 .newsid-13242 .register::before , 
	#menu-14351 .newsid-13652 .register::before , #menu-14351 .newsid-13653 .register::before , 
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before , 
	#menu-14351 .newsid-13684 .register::before  {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    right: 14%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13241 .register::after , #menu-14342 .newsid-13242 .register::after ,  
	#menu-14351 .newsid-13652 .register::after , #menu-14351 .newsid-13653 .register::after , 
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683.register::after ,  
	#menu-14351 .newsid-13684.register::after  {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    right: 14%;
    border-color:  transparent transparent #fff transparent;
	}

	#menu-14342 .newsid-13242 .register::before , #menu-14351 .newsid-13653 .register::before , 
	#menu-14351 .newsid-13682 .register::before , #menu-14351 .newsid-13683 .register::before ,
	#menu-14351 .newsid-13684 .register::before {
	content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -80px;
    left: 14%;
    border-color:  transparent transparent #e4f2f3;
	}
		
	#menu-14342 .newsid-13242 .register::after , #menu-14351 .newsid-13653 .register::after , 
	#menu-14351 .newsid-13682 .register::after , #menu-14351 .newsid-13683 .register::after ,
	#menu-14351 .newsid-13684 .register::after {
    content: ' ';
    width: 0;
    height: 0;
    border: 40px solid;
    position: absolute;
    top: -72px;
    left: 14%;
    border-color:  transparent transparent #fff transparent;
	}	
	
}	

	

	



	
	/*360*****************************/
	@media screen and (max-width:360px) {	
		
	
	/*header-right*/	
	.header-right {
		margin:0 2px 0 0;
		width:273px;
	}	
	
	.header-right ul.social-icon li {
		margin:5px 4px;
		width:20px;
	}	
	
	.header-right ul.social-icon li:first-child , .header-right ul.social-icon li:nth-child(2) ,
	.header-right ul.social-icon li:nth-child(3) {
		margin:0px 4px;
		width:55px;
	}
			
	.header-right ul.social-icon li:first-child a , .header-right ul.social-icon li:nth-child(2) a ,
	.header-right ul.social-icon li:nth-child(3) a {font-size:0.75em;}

	
	/*searchnormal-adv*/	
	.group-info h2 {
		margin:0px 0 10px;
		width:100%;
		background:none;
	}
	
	.normal_searchinfo h1 {
		margin:0px 0 10px;
		width:100%;
		background:none;
	}
	
	
	/*myregister*/ 	
	.myregister-choose img[alt="kidstitle"] , .myregister-choose img[alt="kstitle"] {
		margin:0px calc(50% - 145px) 5px;
		width:290px;		
	}
	
		
	/*aday*/
	.aday-desc img[alt="花東一日遊次標題"] {
		margin:5px calc(50% - 145px) 15px;
		width:290px;		
	}
	

	#general-content-main .aday-info ul li ul li {margin:0px 0 10px;}	
	
	
	/*history*/
	#general-content-main .history-nav ul li a {
		padding:60px 0 60px;
		background: url(graphics/year.webp) no-repeat top center; 	
		background-size: 131px 120px;
	}	
	
	
	/*reg-search*/			
	img[alt="reg-search"]  {display:none;}
	
	
	/*pshall*/
	#menu-14325 iframe {height:250px;}	
	
}