/*kissscience2024*/
	
	/*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 , 
	.search_criteria-title , .kids-title , .register-12637 h3 , .register-12622 h3 ,
	.groupinfo h3 , .create-info h2 {
		margin:15px 0 25px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#004b6b;
		font-weight:bold;
		text-align:center;
		float:left;
	}

	.group-top h1 span {
		width: 100%;
		font-size:0.45em;
		line-height:120%;
		float: Left;
	}
	
	h2 {
		margin:5px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color:#ff6000;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h3 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#005425;
		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 15px;
		margin:10px 0 0;
		width:100%;
		font-size:1.12em;
		line-height:130%;
		color:#333333;
		font-weight:bold;
		float:left;
	}
		

	/*link*/
	a {
		color: #01b6e3;
		-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;
	 }
	
	/*img:hover {
		opacity: .8;
		-webkit-transition: opacity .5s;
		ransition: 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 , .pshall-nav ul li a img:hover ,
	#menu-14260 .maincontent img , #menu-14261 .maincontent img , #menu-14262 .maincontent img ,
	#menu-14263 .maincontent img , #menu-14264 .maincontent img ,	
	#homesponsor-container a img , .awards ul li img , 
	.rdate-img img , .rdownload img , .downloadul li img {opacity: 1;}

	.printer , hr {display:none;}		


	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	#general-content-main ul li , #news-content ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.png) 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.png) 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: #01b6e3;
		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:#004b6b; 
		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;
	}
	
	#catalog_detail select {
		margin:0 5px;
		width:calc(100% - 10px);
	}

		
	/*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:#01b6e3;
		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: #01b6e3;
		border:2px solid #01b6e3;
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:#004b6b;
		border:2px solid #004b6b;
	}

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

	/*logo*/
	.logo {
		margin:5px 0 0;
		width:300px; 
	}
	
	.logo a {
		width:100%; 
		float:left;
	}
	
	
	/*header-right*/
	.header-right {
		margin:0 0 0 5%;
		width:calc(95% - 310px);  
		float:right; 
		line-height: auto;
	}
	
	.header-right ul.social-icon {
		margin:0 10px 0 calc(100% - 280px); 
		width:270px; 
		float:left;
	}
	
	.header-right ul.social-icon li {
		margin:0 10px;
		width:30px;  
		float:left;
	}	
	
	.header-right ul.social-icon li:first-child {width:100px;}
	

	
	.header-right ul.social-icon li a {
		width:100%; 
		float:left;
	}
	
	.header-right ul.social-icon li:first-child a {
		margin:5px 0; 
		font-size:1.25em;
		color:#333; 
		font-weight:bold;
		text-align:center;
	}
	
	
	/*header-menu*/
	.header-menu {
		margin:0 0 0 5%;
		width:calc(95% - 350px);  
		float:right; 
	}
	
	.header-menu ul.top-menu {
		margin:20px 10px 0 calc(100% - 410px); 
		width:400px; 
		float:left;
	}
			
	.header-menu ul.top-menu li {
		margin:0 5px;
		width:70px; 
		text-align:center; 
		font-weight:bold;
		float:left;
	}		
	
	.header-menu ul.top-menu li a {color:#333;}	
	
	.header-menu ul.top-menu li a:hover , .header-right ul.social-icon li:first-child a:hover {color:#01b6e3;}
	
	/*mainmenu*/
  #mainmenu {
  	margin:10px 0 15px 5%;
  	width:calc(95% - 350px);  
  	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:#01b6e3; 
		border-bottom:5px solid rgba(255,255,255,0);
		float:left;  
	}
	
	#mainmenu ul li a:hover {
		color:#ff6000;
		border-bottom:5px solid #ff6000;
	}
	
	#mainmenu ul li#menu14282 > a {
		padding:15px 30px 15px 18px; 
		background: url(graphics/menu-arrow.webp) no-repeat right 12px top 23px; 
		background-size:12px;
	}
	
	#mainmenu ul li#menu14282 > a:hover {
		background: url(graphics/menu-arrow-h.webp) no-repeat right 12px top 23px; 
		background-size:12px;
		border-bottom:5px solid #ff6000;
	}
	
	#mainmenu ul li#menu14281 , #mainmenu ul li#menu14292 , #mainmenu ul li#menu14293 , 
	#mainmenu ul li#menu14294 , #mainmenu ul li#menu14295 {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: #01b6e3; 
 		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) 50px; 
		margin:15px 0 0px;
		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;}

	
	/*totop*/
	.totop {
		width:50px;
		height:50px;
		position:fixed;
		bottom:30px;
		right:10px;
		z-index:500;
	}
	
	.totop a {
		width:100%;
		height:100%;
		background: url(graphics/totop.webp) left top no-repeat;
		background-size:100%;
		float:left;
	}
	
	
	/*footer*/
	.footer {
		padding:0;		  
		background:#fff;
		position:relative;
	}
	
	.footer img[alt="footer images"] {
		width:250px;
		position:absolute;
		bottom:105px;
		right:calc(50% - 700px);
	}
	
	#home .footer img[alt="footer images"] , #menu-14282 .footer img[alt="footer images"] , #menu-14299 .footer img[alt="footer images"] , 
	#menu-14300 .footer img[alt="footer images"] , #menu-14301 .footer img[alt="footer images"] , #menu-14302 .footer img[alt="footer images"] , 
	#menu-14303 .footer img[alt="footer images"] , #menu-14287 .footer img[alt="footer images"] , #menu-14286 .footer img[alt="footer images"] ,
	#menu-14290 .footer img[alt="footer images"] , #menu-14285 .footer img[alt="footer images"] , #menu-14288 .footer img[alt="footer images"] , 
	#menu-14292 .footer img[alt="footer images"] {display:none;}
	
	.footer-body {
		padding:50px 25px 0 ;
		margin:0px calc(50% - 450px) 15px;
		width:850px;
		border-top:3px dashed #01b6e3;
	}
	
	.footer-link {width:395px;}		

	.footer-info {
		margin:0px 0 0 50px;
		width:405px; 
	}	
	
	.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: #01b6e3;}
	
	
	/*copyright*/
	.copyright {
		padding:10px 0; 
		margin:20px 0 0; 
		text-align:center; 
		font-size:0.75em;
	}
	
	.copyright a {color: #01b6e3;}
	
	.copyright a:hover {color: #004b6b;}


	/*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-14298 h2 {text-align: left;}

	/*article list*/	
	.listing-title , #news-list-bottom  {display:none;}
	
	#news-list {
		margin:20px calc(50% - 400px);
		width:800px; 
	}
	
	#menu-14293 #news-list {
		margin:20px calc(50% - 600px);
		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; 
	}
	
	
	#menu-14293 .listing-ul , #menu-14321 .listing-ul {
		padding:0 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 20px);
		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-14293 .listing-ul:hover , #menu-14321 .listing-ul:hover {
		background:#fff url(graphics/event-right.webp) no-repeat right 30px center;  
		background-size:45px;
	}

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

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

	#menu-14293 .listing-ul li.upc-subject a:hover , #menu-14627 .listing-ul li.upc-subject a:hover  {} 
	
	#menu-14293 .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-14293 .listing-ul li.upc-subject a div {
		padding:40px 15px;
		margin:0 30px 0 0;
		width:100px; 
		color:#494949; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news-left.webp) no-repeat center left;  
		background-size:80%;
		border-right:2px solid #fccf3e;
	}	 
	 
	#menu-14293 .listing-ul li.upc-subject a span {
		padding:10px 50px 10px 0;
		width:calc(100% - 212px);    
		color:#606060;
		float:left;  
	}
	
	
	.go-back {margin:30px 0 0;}
	
	.go-back a {
		padding:10px 10px;
		margin:0 calc(50% - 90px);
		width:170px; 
		color:#fff; 
		font-size:1.25em;
		text-align:center; 
		background:#01b6e3;
		border-radius:50px;
		float:left;    
	}
	
	.go-back a:hover {background:#004b6b;} 


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

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


	/*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;
	}
	
	#home .maincontent ul li { 
		margin:0 15px;
		width:calc(50% - 30px);
		float:left;
		border-radius:20px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	
	/*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-news*/
	.home-news {
		padding:0px calc(50% - 600px) 60px; 
		margin:0px 0 0px;
		width:1200px;  
		background:#fff url(graphics/home-news.webp) no-repeat left top;
		background-size:100%;		
	}
	
	.home-news .posting-title {display:none;}
	
	.home-news img[alt="最新消息標題"] {
		width:200px;
		position:absolute;
		top:-20px;
		right:-30px;
		float:right;
	}
	
	.home-news-body {
		margin:60px 0 0px; 
		position:relative;
	}
	
	.home-news #news-list {
		margin:60px 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 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 20px);
		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);
	}
	
	.home-news .listing-ul:hover {
		background:#fff url(graphics/event-right.webp) no-repeat right 30px center;  
		background-size:45px;
	}

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

	.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:#494949; 
		text-align:center; 
		letter-spacing: 1px; 
		background: url(graphics/home-news-left.webp) no-repeat center left;  
		background-size:80%;
		border-right:2px solid #fccf3e;
	}	 
	 
	.home-news .listing-ul li.upc-subject a span {
		padding:10px 50px 10px 0;
		width:calc(100% - 212px);    
		color:#606060;
		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-events*/
	.home-events {
		padding:60px calc(50% - 600px) 30px;
		width:1200px;  
		background:#e4d7e9 url(graphics/home-events.webp) no-repeat right top;
		background-size:100%;
		border-top:10px solid #fff;
	}
	
	.home-events img[alt="Pick One!"] {
		padding:0px calc(50% - 400px) 50px;
		width:800px;
	}
	
	.home-events #news-list {
		margin:0;
		width:100%; 
	}
		
	.pre-post , .next-post {
		margin-top:220px; 
		width:55px; 
		cursor:pointer;
	}   
	
	.pre-post a {
		margin:0 5px 0 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 0 0 5px;
		width:100%; 
		height:55px; 
		background:url(graphics/flash-right.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 

	#homeevents-list {width:calc(100% - 120px);}
	
	#homeevents-listbody {width:100% !important;}
	
	.postul {
		margin:0px;
		width:calc(100% - 0px);  
		color:#fff; 
		text-align:right; 
		letter-spacing:-8px;
	}	
	
	.postul li:hover {
		filter: grayscale(100%); 
		background:#eff0eb;
	}	
	
	.postul > li {
		padding:15px 15px;
		margin:5px 10px 25px !important;
		width:310px !important; 
		height:450px !important;  
		letter-spacing:normal; 
		vertical-align:top; 
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); 
		background:#fff; 
		border-radius:10px; 
		position:relative; 
		float:left;
	}  
  
  .postul > li > div {position: relative; text-align:center;}  
	
	.ul-news-picture {}
	
	.ul-news-picture img {border-radius:10px; }
	
	.ul-news-heading {margin:20px 0 10px;}
	
	.ul-news-heading a {
		font-size:1.12em; 
		font-weight:900;
	}
	
	.postul li#limenuid14299 .ul-news-heading a {color:#5ccd99;}
  .postul li#limenuid14300 .ul-news-heading a {color:#9190de;}
  .postul li#limenuid14301 .ul-news-heading a {color:#46bfdc;}
  .postul li#limenuid14302 .ul-news-heading a {color:#f572b4;}
  .postul li#limenuid14303 .ul-news-heading a {color:#fbc324;}
  	
  .postul .ul-news-date , .postul .ul-news-brief , .home-events .ul-news-more {display:none}
  
  .ul-news-status {margin:10px 0;}
  
  .ul-news-status a {
  	padding:15px 30px ;
  	width:160px; 
  	font-weight:bold;
  }	
  
  .status-now a {
  	color: #dc552a; 
  	background:#dc552a; 
  	background:url(graphics/status-left.webp) no-repeat left center, url(graphics/status-right.webp) no-repeat right center; 
  	background-size:20px;
  }
	
	.status-full a {
		color: #1c4e98; 
		background:#1c4e98; 
		background:url(graphics/status1-left.webp) no-repeat left center, url(graphics/status1-right.webp) no-repeat right center; 
		background-size:20px;
	}
  
  .status-over a {
  	color: #4ea637; 
  	background:#4ea637; 
  	background:url(graphics/status2-left.webp) no-repeat left center, url(graphics/status2-right.webp) no-repeat right center; 
  	background-size:20px;
  }

		
	/*home-info*/
	.home-info {
		margin:0px 0; 
		background:#e5e5e5;
	}
	
	.home-infobody {	
		padding:30px 30px 30px; 
		margin:60px calc(50% - 600px) 60px;
		width:1140px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}

	.home-infobody h1 {
		margin:0 0 10px;
		font-size: 2em;
		text-align:left;
	}

	.home-infobody img {
		margin:15px 0 15px;
		width:500px;
	}
	
  .home-info .left-video {
  	margin:0 20px 0 0;
  	width:calc(50% - 20px); 
  	height:380px;  
  	float:left;
  }
  
  .home-info .right-txt {
  	width:50%; 
  	float:right;
  }
	
	.home-info-more {
		padding:0px 0 13px;
		margin:20px 0 0;
		width:320px; 
		color:#fff; 
		background:#fdcd23;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:right; 
	}
	
	.home-info-more:hover {
		color:#fff; 
		background:#ff5c08;
	}
	
	.home-info-more img {
		margin:0px 0 0 15px;
		width:30px;
		float:none;
		display:inline-block;
		position:relative;
		top:10px;
	}
	
	
	/*home-sponsor*/
	.home-sponsor {
		padding:50px calc(50% - 600px) 30px;
		margin:0 0 30px;
		width:1200px;  
		background:#fff; 
	} 

	.home-sponsor .pre-product , .home-sponsor .next-product {
		margin-top:30px; 
		width:29px;
		display:none;
	}   
	
	#homesponsor-container {
		width:calc(100% - 60px); 
		width:100%; 
		position:relative;
	}
	
	#homesponsor-container ul {width:100%;}
	
	#homesponsor-container ul li {
		margin:0 10px 0px !important;
		width:calc(25% - 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; 
	} 
	  	
	
	/*qa*/
	#menu-14618 .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;}

	
	/*history-web*/
	#menu-14628 #general-content-main {
		margin:0px calc(50% - 400px) 30px;
		width:800px;
	}
	
	.history-web {}
	
	#general-content-main .history-web ul {text-align:center;}
	
	#general-content-main .history-web ul li {
		padding:0;
		margin:0 10px 15px;
		width:200px;
		background:none;
  	float:none;
  	display:inline-block;
	}
		  
  .history-web ul li a {
  	padding:50px 25px 50px;
  	width:calc(100% - 50px);
  	background:#004b6b; 
  	color:#fff;
  	font-size:1.25em; 
  	font-weight:bold; 
  	text-align:center;
  	border-radius:50%;    	
  	float:left;
  }	
  
  .history-web ul li a span {
  	width:100%;
  	font-size:2.5em;
  	line-height:130%;
  	float:left;
  }
  
  .history-web a:hover {background:#004b6b;}	
  
	
	/*contact*/	
	#menu-14629 .maincontent {
		padding:45px calc(50% - 600px) 50px; 
		margin:0px 0 0px;
		background:#e4d7e9 url(graphics/home-events.webp) no-repeat right top;
		background-size:100%;	
	}	
	
	.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:10px 10px 15px;	
		margin:0 calc(50% - 90px);
		width:170px; 
		font-size:1.25em;
		font-weight:bold;	
		text-align:center;
		color:#fff;
		background:#01b6e3;
		border-radius:50px;
		float:left;
	}
	
	.contact .button a:hover {background:#004b6b;} 


	/*webmap*/
	#menu-14631 #general-content-main {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	#general-content-main .webmap ul {
		margin:10px 5px 0px;
		width:calc(33.33% - 10px);
		text-align:left; 
	}
	
	#general-content-main .webmap ul li {
		padding:0;
		margin:10px 0px 0;
		width:calc(100% - 0px);
		background:none;
		float:left; 
	}
		  
  .webmap ul li a {
  	padding:10px 25px 12px;
  	background:#41afc0; 
  	color:#fff; 
  	font-weight:bold; 
  	font-size:1.25em;
  	text-align:center; 
  	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 ul li ul li a {background:#01b6e3;}
 
  .webmap a:hover {background:#004b6b;}	

	
	/*about ks*/	
	#menu-14292 .maincontent-body img {
		margin: 0 calc(50% - 400px);
		width: 800px;
	}
		
	#menu-14292	.maincontent h1 {display:none;}
	
			
	/*search-adv*/			
	#menu-14282 #artboard {background:#e5e5e5;}
		
	#menu-14282 .maincontent {
		padding:0 0 0px; 
		margin:0;
		width:100%;
		background:#e5e5e5 url(graphics/home-news-title.webp) no-repeat left 15% top;
		background-size:300px;
	}
		
	.search_criteria {
		padding:0 calc(50% - 400px) 90px;
		margin:0px;
		width:800px; 
		background: url(graphics/search-adv.webp) no-repeat right bottom; 
	}
	
	
	.search_criteria-title {}
	
	.search_criteria-title img {
		margin:0 calc(50% - 175px) 15px;
		width:350px; 
	} 
	
	.search_keyword , .search_organization , .search_location , .search_category , .search_subject , .search_oneday {margin:0 0 10px;}
	
	.search_keyword input {
		background:#fff url(graphics/search2.webp) no-repeat center right 15px; 
		background-size:30px;
	}


  .search_category {
  	margin:15px 0 5px;
  	letter-spacing:-8px; 
  	text-align:center;
  }
  
  .search_category p {
  	margin:0 5px;
  	width:104px;  
  	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:80px;  
		text-align:center; 
		color:#fff;
		background:#004b6b;
		float:left;  
		border:2px solid #fff; 
		cursor: pointer; 
		border-radius:10px;
	}
	
	.search_category input[type="checkbox"]:hover + label {	
		color:#fff;
		background-color:#01b6e3; 
	}	
	
	.search_category input[type="checkbox"]:checked + label {
		color:#fff;
		background-color:#41afc0; 
	}		
	
	
  .search_limit {
  	margin:5px 0 0;
  	letter-spacing:-8px; 
  	text-align:center;
  }
  
  .search_limit p {
  	margin:0 5px;
  	width:190px;  
  	letter-spacing:normal; 
  	float:none;
  	display:inline-block; 
  }
  
  .search_limit input[type="checkbox"] {display: none;}
  
	.search_limit input[type="checkbox"] + label {
		padding:10px 10px;
		width:170px;  
		text-align:center; 
		color:#fff;
		background:#004b6b;
		float:left;  
		border:2px solid #fff; 
		cursor: pointer; 
		border-radius:10px;
	}
	
	.search_limit input[type="checkbox"]:hover + label {	
		color:#fff;
		background-color:#01b6e3; 
	}	
	
	.search_limit input[type="checkbox"]:checked + label {
		color:#fff;
		background-color:#41afc0; 
	}		
	
	
	.search_subject {
		margin:25px calc(50% - 400px) 15px;
		width:800px;  
		text-align:center;
	}	
	
	.search_subject p {
		margin:0 10px;
		width:100px;
		color:#333333;  
		float:none;
  	display:inline-block; 
	}

	.search_subject input, .search_subject label {float:left; }
	
	.search_subject label , .search_oneday label {margin:3px 0 0;}
	
	.search_subject input[type="checkbox"] {
		width:20px; 
		height:20px;
		background-color: none;  
		-webkit-appearance:none; 
		border:2px solid #fff; 
		border-radius:5px;
		outline:none;
	}	
	
	.search_subject input#subject_a {background-color: #70e6b4;}
	.search_subject input#subject_b {background-color: #abfffd;}
	.search_subject input#subject_c {background-color: #a9a7fb;}
	.search_subject input#subject_d {background-color: #fef37f;}
	.search_subject input#subject_e {background-color: #ff84c4;}	 
	
	.search_subject input[type="checkbox"]:checked, .search_oneday input[type="checkbox"]:checked {
		background:#01b6e3 url(graphics/v.png) no-repeat center center !important; 
		border-color:#fff; 
		border:2px solid #fff; 
		background-clip:content-box;
	}


	.search_oneday {
		margin:10px calc(50% - 300px);
		width:600px;  
		text-align:center;
	}	
	
	.search_oneday p { 
		margin:0 10px 10px;
		width:100px;  
		color:#004b6b;
		font-weight:bold;
		float:none;
  	display:inline-block; 
	}
	
	.search_oneday input[type="checkbox"] {
		width:20px; 
		height:20px; 
		background-color: none;  
		-webkit-appearance:none; 
		border:2px solid #01b6e3; 
		border-radius:5px;
		outline:none;
	}
	
	.search_oneday input ,	.search_oneday label {width:auto; display:inline-block;}
	
	.search_oneday label span {
		padding:0 3px 2px; 
		margin:0 0 0 5px; 
		font-size:0.75em; 
		color:#fff;
		background-color:#e77ea9;
		border:1px solid #e77ea9; 
		border-radius:50%; 
	}
	
	.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:12px 25px;
 		width:140px;  
 		color:#fff; 
 		font-size:1.25em;
 		font-weight:bold;
 		background:#ff6000; 
 		float:left;
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
 	}
 
  .sub-seach a#clear-button:hover {background:#fdcd23;}
  
  .sub-seach input {
  	padding:10px 100px 10px 25px;
  	width:110px;  	
 		font-size:1.25em;
 		font-weight:bold;
  	background:#01b6e3 url(graphics/more-w.webp) no-repeat bottom 10px right 25px;   	
  	background-size:25px;
  }
  
  .sub-seach input:hover {
  	background:#004b6b url(graphics/more-w.webp) no-repeat bottom 10px right 25px; 
  	background-size:25px;
  }
	
	
	/*searchinfo*/
	.searchinfo {background:#eee3f1;}
	
	.searchinfo-body {		
		padding:20px 50px 45px; 
		margin:30px calc(50% - 600px) 60px;
		width:1100px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.searchinfo h1 {color:#1c4e97;}
	
	.searchinfo img[alt="搜尋結果"] {
		margin:0 calc(50% - 175px);
		width:350px; 
	} 
	
	.searchprocess-body {		
		padding:0 0 30px;
		margin:30px 0;
		border-bottom:3px dashed #ff6000;
	}
	
	.searchinfo .open-process {
		margin:0px calc(50% - 175px);
		width:350px; 
	} 
	
	.searchinfo .open-process span {
		margin:0;
		width:300px; 
		float:left;
	} 
	
	.searchinfo img[alt="openarrow"] , .searchinfo img[alt="closearrow"] {
		margin:25px 0 25px 10px;
		width:40px; 
	}
	
	.searchinfo .open-process img[alt="openarrow"] {}
	.searchinfo .open-process img[alt="closearrow"] {display:none;}

	.searchinfo .flipopen img[alt="closearrow"] {display:block;}
	.searchinfo .flipopen img[alt="openarrow"] {display:none;}
		
	.searchinfo img[alt="報名步驟"] {margin:30px 0;} 
	
	.searchinfo img[alt="大補帖步驟"] {
		margin:30px 0;
		width:300px;
	} 
	
	.searchinfo .process-info {
		font-weight:bold;
		font-size:1.25em;
		color:#004b6b;
		text-align:center;
		display:none;
	}
	
	.searchinfo .process-info-body {
		margin:0 calc(50% - 400px);
		width:800px;
	}
	
	.searchinfo .process-info-body p {width:calc(100% - 300px);}
	
	.process-info-text {margin:120px 0 10px;}
	
	.searchinfo .process-info-body a {
		padding:5px 0 7px;
		margin:0 0 0 5px; 
		width:150px; 
		color:#fff; 
		background:#ff6000;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		display:inline-block 
	}
	
	
	.search_sort {
		padding:0 70% 0 0;
		margin:0 0 20px;
		width:30%;
	}
	
	.search_sort span {
		margin:10px 10px 10px 0;
		width:70px;
		float:left;
	}
	
	.search_sort select {width:calc(100% - 80px);}
	
	
	.searchinfo {text-align:center;}
 
  .searchinfo .listing-ul {
  	padding:0 0 25px;
  	border-bottom:3px dashed #01b6e3; 
  }
	
	.searchinfo .listing-ul li {text-align:left;}
	
 	.searchinfo .listing-ul li.upc-picture {
 		width:250px; 
 		background:#fff; 
 		border-radius:10px; 
 		overflow:hidden; 
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
 	}
  
  .searchinfo .listing-ul li.ul-news-status , .searchinfo .listing-ul li.new {display:none;}
  
  .searchinfo .listing-ul li.upc-info {
  	margin-left:15px;
  	width:calc(100% - 265px); 
  }
 
  .searchinfo .listing-ul li.upc-subject , .searchinfo li.upc-brief {
  	padding:0;
  	margin:0; 
  	width:100%;
  }
 
  .searchinfo .listing-ul li.upc-subject {
  	font-size:1.25em; 
  	line-height:140%;
  	font-weight:bold;
  }

	.searchinfo .listing-ul li.upc-subject a {
		padding:10px 0px;
		width:100%; 
		color:#494949;
		float:left;  
  	/*text-shadow: 1px 1px 0px rgba(0, 0, 0, .3);*/
	} 

	.searchinfo .listing-ul li.upc-subject:hover {-webkit-filter:opacity(.8);} 
	
	.searchinfo .listing-ul li.upc-brief .htag {margin:15px 0 0;}
 
  .searchinfo .listing-ul li.upc-brief a {
  	padding:5px 10px; 
  	margin:0 10px 10px 0; 
  	width:auto;
  	color:#333333;  
  	float:left; 
  	border:1px solid #333333; 
  	border-radius:10px;
  	text-shadow: 1px 1px 2px #fff;
  }
	
	.searchinfo .listing-ul li.upc-brief a:hover {
		background:#777777; 
		color:#fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
	}

	.searchinfo .listing-ul.menu14299 li.upc-subject a {color:#5ccd99;}  
  .searchinfo .listing-ul.menu14300 li.upc-subject a {color:#9190de;}
  .searchinfo .listing-ul.menu14301 li.upc-subject a {color:#46bfdc;} 
	.searchinfo .listing-ul.menu14302 li.upc-subject a {color:#f572b4;}  
	.searchinfo .listing-ul.menu14303 li.upc-subject a {color:#fbc324;}
	
	.searchinfo .listing-ul.menu14299 li.upc-brief a:hover {background:#5ccd99; border:1px solid #5ccd99;} 
  .searchinfo .listing-ul.menu14300 li.upc-brief a:hover {background:#9190de; border:1px solid #9190de;}
  .searchinfo .listing-ul.menu14301 li.upc-brief a:hover {background:#46bfdc; border:1px solid #46bfdc;} 
	.searchinfo .listing-ul.menu14302 li.upc-brief a:hover {background:#f572b4; border:1px solid #f572b4;}  
	.searchinfo .listing-ul.menu14303 li.upc-brief a:hover {background:#fbc324; border:1px solid #fbc324;}


	/*events list*/	
	#menu-14299 #artboard , #menu-14300 #artboard , #menu-14301 #artboard , 
	#menu-14302 #artboard , #menu-14303 #artboard {
		background:#fff url(graphics/events-list.webp) center top 150px no-repeat; 
		background-size:1920px auto;
	}

	#menu-14299 .maincontent , #menu-14300 .maincontent , 
	#menu-14301 .maincontent , #menu-14302 .maincontent , #menu-14303 .maincontent {
		padding:0px 0; 
		margin:0px 0 0px; 
		width:100%; 
		background:none;
	}	
		
	#menu-14299 #news-content , #menu-14300 #news-content , #menu-14301 #news-content , 
	#menu-14302 #news-content , #menu-14303 #news-content , #menu-14304 #news-content {
		padding:0;
		margin:0px 0 0;
		width:100%;
	}	
	
	
	/*news-content-top*/
	.news-content-top {
		margin:0 calc(50% - 600px) 30px;
		width: 1200px;
	}
	
	.news-content-top .organizer {
		margin:0 0 15px; 
		font-size:1.25em; 
		font-weight:bold;
		text-align:center;
	}
	
	.news-content-top .organizer a {
		padding:0 15px;
		color:#004b6b;
		background: url(graphics/organizer.webp) no-repeat left top 10px, url(graphics/organizer.webp) no-repeat right top 10px; 
		background-size:10px;
	}
	
	.news-content-top .organizer a:hover {color:#01b6e3;}	
	
	.eventimg {
		margin:0 calc(50% - 600px);
		width:1200px;
	}
	
	/*htag*/
	.news-content .htag {
		margin:0 0 15px;
		text-align:center;
	}
	
 	.news-content .htag a { 		 		
 		padding:5px 10px; 
  	margin:0 10px 10px 0; 
  	width:auto;
  	color:#004b6b; 
  	width:auto;  
  	border:1px solid #004b6b; 
  	border-radius:10px; 
 		display:inline-block; 
 	}
 	
 	.news-content .htag a:hover{
 		color:#fff;
 		text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
 	}
	
	#menu-14299 .news-content .htag a:hover {background:#73e7b6; border:1px solid #73e7b6;} 
 	#menu-14300 .news-content .htag a:hover {background:#a9a7fa; border:1px solid #a9a7fa;}
  #menu-14301 .news-content .htag a:hover {background:#abfffd; border:1px solid #abfffd;} 
	#menu-14302 .news-content .htag a:hover {background:#ff87c4; border:1px solid #ff87c4;}  
	#menu-14303 .news-content .htag a:hover {background:#fef37f; border:1px solid #fef37f;}
	
	.htag .hide {display: none;}
	
	/*news-content-center*/
	.news-content-center {
		padding:30px 0;
		background:#e3faf0 url(graphics/event-plan.webp) left bottom no-repeat;
	}
	
	#menu-14299 .news-content-center {background:#e3faf0 url(graphics/event-plan.webp) left bottom no-repeat;}
	#menu-14300 .news-content-center {background:#ededff url(graphics/event-plan.webp) left bottom no-repeat;}
  #menu-14301 .news-content-center {background:#eeffff url(graphics/event-plan.webp) left bottom no-repeat;} 
	#menu-14302 .news-content-center {background:#ffe7f3 url(graphics/event-plan.webp) left bottom no-repeat;}  
	#menu-14303 .news-content-center {background:#fffde5 url(graphics/event-plan.webp) left bottom no-repeat;}
	
	.news-contentbody {
		padding:30px 50px 30px;
		margin:15px calc(50% - 600px);
		width:1100px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.news-content-center .imgtitle {	
		margin:0 calc(50% - 125px) 30px;
		width:250px; 	
	}
	
	.content-plan {
		padding:30px 0 0;
		margin:30px 0 15px;
		border-top:3px dashed #01b6e3;
	}
	
	.content-plan h2 {
		margin:0px 0 10px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#004b6b;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	.ehomelink {
		padding:10px 0 12px;
		margin:30px calc(50% - 90px) 0; 
		width:180px; 
		color:#fff; 
		background:#004b6b;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:left;   
	}
	
 	.ehomelink:hover {
 		color:#fff; 
 		background:#01b6e3; 
 	}

 	.out-register , .out-car {
		padding:10px 0 12px;
		margin:30px calc(50% - 90px) 15px; 
		width:180px; 
		color:#fff; 
		background:#01b6e3;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:left;   
	}

	.out-car {margin:30px calc(50% - 90px) 0px;}
	
 	.out-register:hover , .out-car:hover  {
 		color:#fff; 
 		background:#004b6b; 
 	}

 	
 	/*content-link*/
 	.news-content-link {
 		padding:45px calc(50% - 600px) 30px;
 		width:1200px; 
 		background:#fff url(graphics/events-other.webp) center top no-repeat;
 	}
 	
 	.news-content-linkbody {
  	background: url(graphics/events-other-bottom.webp) no-repeat center bottom; 
  }
 
 	.news-content-link h2 {
 		padding:20px 0 20px; 
 		margin:0 0 0px; 
 		background: url(graphics/events-other-title.webp) no-repeat center center;  
 		color:#fff;
 		font-size:1.5em;
		font-weight:bold;
 	}


  .news-content-link ul {
  	margin:30px 0 45px;
  }
  
  #news-content .news-content-link ul li {
  	padding:15px 10px; 
		margin:0px 0 15px; 
		width:calc(100% - 20px);
		background:#fbfbfb url(graphics/event-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 .news-content-link ul li:hover {
		background:#fbfbfb url(graphics/flash-right.webp) no-repeat right 30px center;  
		background-size:45px;
  }
 
	.news-content-link a {
		width:auto;
		font-weight:900; 
		color:#606060;	
	}

	.news-content-link a:hover {} 
	
	.news-content-link p {
		padding:12px 65px 12px 0;
		width:calc(100% - 258px);  
		overflow:hidden;  
		white-space: nowrap;  
		text-overflow: ellipsis;
		float:right;
	}
	
	.news-content-link p a {
		width:100%;
		float:left;	
	}
	
	.news-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;
	}	 
	
  
  /*news-content-bottom*/
  .news-content-bottom {
  	padding:45px calc(50% - 600px) 30px;
  	margin:0 0;
 		width:1200px; 
  	background:#e3faf0;
	}
	
	#menu-14299 .news-content-bottom {background:#e3faf0;}
	#menu-14300 .news-content-bottom {background:#ededff;}
  #menu-14301 .news-content-bottom {background:#eeffff;} 
	#menu-14302 .news-content-bottom {background:#ffe7f3;}  
	#menu-14303 .news-content-bottom {background:#fffde5;}
	  
  .news-content-bottom iframe {
  	margin:0 30px 0 0;
  	width:50%; 
  	height:500px;  
  	float:left;
  }
  
  #news-content .news-content-bottom ul {
  	width:calc(50% - 30px); 
  	float:right;
  }
	
	#news-content .news-content-bottom ul li {
		padding:20px 20px;
		margin:0 0 20px;
		width:calc(100% - 40px);
		color:#494949; 
		background:#fff;
		border-radius:10px;
		float:left;    
	}

	#news-content .news-content-bottom ul li:last-child {margin-bottom:0px;}
	
	#news-content .news-content-bottom ul li strong {
		padding:0 20px 0 0; 
		margin-right:20px;
		width:45px;   
		font-size:1.25em;
		letter-spacing: 1px; 
		float:left;  
		border-right:2px solid #333333;
	}

	#news-content .news-content-bottom ul li p {
		margin:0 0 5px;
		width:calc(100% - 87px);  
		float:right;		
	}
	
	#news-content .news-content-bottom ul li p span {
		margin:5px 0 5px;
		width:100%; 
		font-weight:bold; 
		color:#e77ea9; 
		float:left;
	}
	
	#news-content .news-content-bottom ul li a {word-wrap:break-word;}
	
	#news-content .news-content-bottom ul li p.s-date span {
		padding:0 3px 2px; 
		margin:-5px 0 5px 5px; 
		width:auto;
		font-size:0.75em; 
		color:#fff;
		line-height:120%;
		background:#e77ea9;
		border:1px solid #e77ea9; 
		border-radius:50%;
		display:inline-block;
		float:none;
	}
	
	.a-table {}
	
	.a-table tr:first-child td {
		color:#fff;
		background:#004b6b;
	}
	
	.a-table td {
		padding:10px 5px;
		text-align:center;
		border:1px solid #01b6e3;
	}
	
		
	/*register-form*/	
	#register-form {
  	padding:15px calc(50% - 600px) 30px;
  	margin:0 0;
 		width:1200px; 
  	background:#e4d7e9;
	}
	
	#menu-14299 #register-form {background:#e3faf0;}
	#menu-14300 #register-form {background:#ededff;}
  #menu-14301 #register-form {background:#eeffff;} 
	#menu-14302 #register-form {background:#ffe7f3;}  
	#menu-14303 #register-form {background:#fffde5;}
	
	.register:before {
		padding:20px 0px;
		margin:0 20px 20px; 
		width:calc(100% - 40px);
		content:'報名資訊'; 
		font-size:2.5em; 
		font-weight:bold; 
		color:#004b6b; 
		text-align:center;
		float:left;
	}
	
	.register-12622 .register:before , .register-12637 .register:before{display:none;}

	.register {
		padding:20px 50px; 
		margin:30px calc(50% - 600px);
		width:1100px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.register > div, .registerbody > div {margin:0 0 20px;}
	
	#register-form .register > div:nth-child(1),
	#register-form .register > div:nth-child(2),
	#register-form .register > div:nth-child(3),
	#register-form .register > div:nth-child(4),
	#register-form .register > div:nth-child(5),
	.register-12622#register-form .register > div.reg-name , 
	.register-12623#register-form .register > div.reg-name , 
	.register-12624#register-form .register > div.reg-name , 
	.register-12625#register-form .register > div.reg-name , 
	.register-12626#register-form .register > div.reg-name , 
	.register-12633#register-form .register > div.reg-name , 
	.register-12634#register-form .register > div.reg-name , 
	.register-12635#register-form .register > div.reg-name , 
	.register-12636#register-form .register > div.reg-name , 
	.register-12637#register-form .register > div.reg-name  {width:33.3%; }

	.register-12622#register-form .register > div.reg-wf1386 , 
	.register-12623#register-form .register > div.reg-wf1386 , 
	.register-12624#register-form .register > div.reg-wf1386 , 
	.register-12625#register-form .register > div.reg-wf1386 , 
	.register-12626#register-form .register > div.reg-wf1386 , 
	.register-12633#register-form .register > div.reg-wf1386 , 
	.register-12634#register-form .register > div.reg-wf1386 , 
	.register-12635#register-form .register > div.reg-wf1386 , 
	.register-12636#register-form .register > div.reg-wf1386 , 
	.register-12637#register-form .register > div.reg-wf1386 {width:100%; }

	.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;
		width:calc(100% - 180px); 
	}
	
	#register-form .register > div:nth-child(9) .cell2 ,
	#register-form .register > div:nth-child(10) .cell2 {margin:10px 0 5px;}
	
	.register div.reg-name .cell1 {padding:1px 20px 1px 0;}
	
	.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"] {
		width:calc(100% - 12px); 
		color:#333;	
		border:solid 1px #333; 
	}
	
	.register select {border:solid 1px #333; }
	
	.choosea {
		margin:10px 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;
	}
	
	
	.accompany-content {margin:0 !important;}
	
	#accompany-detail {
		padding:0 15px; 
		margin:0 0 15px;
		width:calc(100% - 30px);  
		background:#e4d7e9;
		border-radius:10px;
	}
	
	#menu-14299 #accompany-detail {background:#e3faf0;}
	#menu-14300 #accompany-detail {background:#ededff;}
  #menu-14301 #accompany-detail {background:#eeffff;} 
	#menu-14302 #accompany-detail {background:#ffe7f3;}  
	#menu-14303 #accompany-detail {background:#fffde5;}
		
	.accompany-table {margin:0 0 15px; }
	
	.tr-header div {
		margin:15px 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 {}
	
	#reg-selevent span span {display: none;}
	
	#reg-selevent:before {
		padding:10px 20px 10px 0;
		width:160px; 
		content:'報名場次';  
		text-align:right; 
		float:left;
	}
	
	
	.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;
	}
	
	#reg-notice {
		padding: 15px;
		margin:0px 180px 30px;
		width:calc(100% - 390px); 
		text-align:justify;
		background:#fbfbfb;	
		border-radius: 10px;
	}

	.register-12637 #reg-notice , .register-12622 #reg-notice {
		margin:0px 180px 30px;
		width:calc(100% - 360px); 
		text-align:left;
	}
	
	#reg-notice h3 {text-align:center;}

	#reg-notice a {
		padding:5px 0 7px;
		margin:0 0 0 5px; 
		width:150px; 
		color:#fff; 
		background:#ff6000;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		display:inline-block 
	}
	
 	#reg-notice a:hover {background:#fdcd23;}
 	

	.main-button {margin:30px 0 0;}
	
	.main-button .cancel {display:none;}
	
	.main-button .submit {
		margin:0 calc(50% - 90px);
		width:180px; 
	}
	
	.main-button .submit input {
		padding:10px 10px;	
		font-size:1.25em;
		font-weight:bold;	
		border-radius:50px;
	}
	
	.complete-registration {
		margin:0px calc(50% - 300px);
		width:600px; 
	}
	
	#formmsg {
		padding:15px calc(50% - 300px) 45px;
		margin:0px 0;
		width:600px; 
		color:#c23e3c; 
		background:#e4d7e9;
		font-size:1.25em;
		text-align:center; 
	}

	#eventsfull {
		padding:15px 0;
		margin:0px 0;
		width:100% !important; 
		color:#c23e3c; 
		font-size:1.25em;
		text-align:center; 
	}

	#menu-14315 #formmsg1 {
		padding:15px 0;
		margin:0px 0;
		width:100%; 
		color:#c23e3c; 
		background:none;
		font-size:1.25em;		
		font-weight:bold;
		text-align:center; 
	}

	#menu-14315 #formmsg1 div h4 {text-align: left;}

	#menu-14315 #formmsg1 div {
		margin:15px calc(50% - 300px);
		width:600px;
		font-size:0.8em;
		font-weight:normal;
		text-align: left;
	}
		
	#menu-14299 #formmsg {background:#e3faf0;}
	#menu-14300 #formmsg {background:#ededff;}
  #menu-14301 #formmsg {background:#eeffff;} 
	#menu-14302 #formmsg {background:#ffe7f3;}  
	#menu-14303 #formmsg {background:#fffde5;}

	
	.formmsg-12695 , .register-12695 , 
	.formmsg-13088 , .register-13088 ,
	.formmsg-12955 , .register-12955 , 
	.formmsg-13161 , .register-13161 , 
	.formmsg-12807 , .register-12807 ,
	.formmsg-12830 , .register-12830 , 
	.formmsg-12813 , .register-12813 ,
	.formmsg-12592 , .register-12592 , 
	.formmsg-12994 , .register-12994 , 
	.formmsg-12825 , .register-12825 , 
	.formmsg-12958 , .register-12958 ,
	.formmsg-13107 , .register-13107 ,
	.formmsg-13164 , .register-13164 ,
	.formmsg-12999 , .register-12999 , 
	.formmsg-12832 , .register-12832 ,
	.formmsg-12900 , .register-12900 ,
	.formmsg-12876 , .register-12876 ,
	.formmsg-12879 , .register-12879 , 
	.formmsg-12804 , .register-12804 ,	
	.formmsg-12816 , .register-12816 ,
	.formmsg-12827 , .register-12827 ,
	.formmsg-12794 , .register-12794 , 
	.formmsg-12949 , .register-12949 , 
	.formmsg-13115 , .register-13115 ,
	.formmsg-13084 , .register-13084 ,
	.formmsg-12988 , .register-12988 ,
	.formmsg-13052 , .register-13052 ,
	.formmsg-12835 , .register-12835 ,
	.formmsg-13025 , .register-13025
	{display: none;}
	/*.formmsg-12040 , .register-12040 ,
	.formmsg-12024 , .register-12024 ,
	.formmsg-12051 , .register-12051 ,
	.formmsg-12067 , .register-12067 ,
	.formmsg-12049 , .register-12049 , 
	.formmsg-12441 , .register-12441 ,
	.formmsg-12442 , .register-12442 ,
	.formmsg-12025 , .register-12025 ,
	.formmsg-12024 , .register-12024 , 
	.formmsg-12071 , .register-12071 ,
	.formmsg-12073 , .register-12073 , 
	.formmsg-12075 , .register-12075 , 
	.formmsg-12081 , .register-12081 ,
	.formmsg-12082 , .register-12082 ,
	.formmsg-12087 , .register-12087 ,
	.formmsg-12093 , .register-12093 , /
	.formmsg-12032 , .register-12032 ,
	.formmsg-12095 , .register-12095 ,
	.formmsg-12100 , .register-12100 ,
	.formmsg-12104 , .register-12104 ,
	.formmsg-12481 , .register-12481 , 
	.formmsg-12117 , .register-12117 ,
	.formmsg-12118 , .register-12118 , 
	.formmsg-12126 , .register-12126 , 
	.formmsg-12133 , .register-12133 , 
	.formmsg-12134 , .register-12134 ,  
	.formmsg-12135 , .register-12135   {display: none;}*/
	
	
	/*recommend*/
	.recommend  {
		padding:60px calc(50% - 600px) 30px;
		width:1200px;
		background:#fff;
		position:relative;
	}

	#menu-14299 .recommend {background:#fff url(graphics/events-more1.webp) no-repeat center top; background-size:80px auto;}
	#menu-14300 .recommend {background:#fff url(graphics/events-more2.webp) no-repeat center top; background-size:80px auto;}
  #menu-14301 .recommend {background:#fff url(graphics/events-more3.webp) no-repeat center top; background-size:80px auto;} 
	#menu-14302 .recommend {background:#fff url(graphics/events-more4.webp) no-repeat center top; background-size:80px auto;}  
	#menu-14303 .recommend {background:#fff url(graphics/events-more5.webp) no-repeat center top; background-size:80px auto;}
		
		
	.recommend img[alt="recommend"] {
		margin:0 calc(50% - 175px) 30px;
		width:350px; 
	} 
	
	.recommend img[alt="recommend-img"] {
		width:250px;
		position:absolute;
		top:-132px;
		right:calc(50% - 700px); 
	} 
	
	.recommend .postul > li {
		margin:5px 10px 15px !important;
		width:350px !important; 
		height:480px !important;  
	}  
	
	#menu-14321 .recommend {display: none;}
	
	/*kidscience*/
	#menu-14315 .maincontent {
		padding:0px;
		margin:0px;
		width:100%;
		background:none;
	}
		
	.kid-images {
		margin:15px 10% 60px;
		width:80%;
	}	

	@media screen and (min-width:1921px){		
		.kid-images {
			margin:15px calc(50% - 960px) 60px;
			width:1920px;
		}
	}
	
	
	.kidscience-choose {
		background:#e4d7e9;
	}	
		
	.kidscience-nav {
		padding:0;
		margin:0; 	
		background: #fff;
		background: -webkit-linear-gradient(to top, #e5e5e5, #fff) url(graphics/kid.webp) no-repeat center top;
		background: linear-gradient(to top, #e5e5e5, #fff);
	}
	
	.kidscience-nav ul.tabs {
		padding:60px calc(50% - 600px) 90px;
		margin:0;
		width:1200px;
		text-align:center;
		background: url(graphics/kid.webp) no-repeat center top;
		background-size:1920px auto;
		border-bottom:5px solid #fff;
	}
	
	.kidscience-nav ul.tabs li {
		margin:0 5px;
		width:calc(20% - 13px); 
		display:inline-block;
	}
	
	.kidscience-nav ul.tabs li a img:hover {filter: grayscale(100%);}
		
	.kidsciencetabs {
		padding:15px 50px 45px; 
		margin:60px calc(50% - 600px) 60px;
		width:1100px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	
	.time-table {}
	
	.time-table li {
		width:100%;
		text-align:center;
		float:left;
	}
	
	.time-table li.timetitle {		
		font-size:1.25em;
		font-weight:bold;
	}
		
	.time-table li ul li {
		padding:20px 15px;
		margin:5px;
		width:calc(40% - 40px);
		color:#004b6b;
		border-radius:50px;
		background:#e5e5e5;
		float:left;
	}	
	
	.time-table li.timetitle ul li {
		padding:20px 15px;
		color:#fff;
		border-radius:50px;
		background:#01b6e3;
	}
	
	.time-table li ul li:first-child {
		padding:20px 15px;
		width:calc(20% - 40px);
		color:#333;
		font-size:1.25em;
		font-weight:bold;
	}	
	
	.time-table li.timetitle ul li:first-child {
		padding:20px 15px;
		font-size:1em;
		color:#fff;
	}
	
	.time-table li.timetitle ul li:last-child {width:calc(80% - 40px);}

	.time-table li.addtitle ul li {
		padding:15px;
		color:#fff;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		background:#e77ea9;
	}

	.time-table li.addtitle ul li:first-child {
		padding:28px 15px;
		font-size:1.25em;
	}
					
	.time-table li ul li span {
		width:100%;
		font-weight:bold;
		float:left;
		display:none;
	}
	
	.time-table li ul li span span , .kidscience-choose #tab2 , .kidscience-choose #tab3 , 
	.kidscience-choose #tab4 , .kidscience-choose #tab5 {display:none;}
	
	.time-table li.addtitle ul li span {		
		font-size:0.8em;
		width:auto;
		float:none;
		display:inline-block;
	}	
	
	.kidsciencemap {
		padding:30px calc(50% - 600px) 60px;
		width:1200px;
		background:#fff;
	}
	
	.kidsciencemap img {
		margin:15px 10px;
		width:calc(50% - 20px);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	
	.kidscience-events {}
	 
	.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 h4 {color:#333;}
	
	
	.kidscience-title {
		margin:0 0 15px;		
		width:100%; 
	}
	
	
	.kidscience-body {
		padding:60px 0;
		margin:0;
		width:100%;
		background: #e4d7e9 url(graphics/home-events.webp) no-repeat right top;
		position:relative;		
		border-top:5px solid #fff;
	}	
		
	.kidscience-body .kidinfo-detail {
		padding:15px calc(50% - 600px) 60px;
		margin:0;
		width:1200px;
	}
	
	.kidscience-body .kidinfo-detail iframe {
		margin:0 30px 0 0;
  	width:50%;
  	height:420px; 
  }
  
	.kidscience-body .kidinfo-detail ul {
  	width:calc(50% - 30px); 
  	float:right;
  }
	
	.kidscience-body .kidinfo-detail ul li {
		padding:20px 20px;
		margin:0 0 20px;
		width:calc(100% - 40px);
		color:#494949; 
		background:#fff;
		border-radius:10px;
		float:left;    
	}

	.kidscience-body .kidinfo-detail ul li:last-child {margin-bottom:0px;}
	
	.kidscience-body .kidinfo-detail ul li strong {
		padding:0 20px 0 0; 
		margin-right:20px;
		width:45px;   
		font-size:1.25em;
		letter-spacing: 1px; 
		float:left;  
		border-right:2px solid #333333;
	}

	.kidscience-body .kidinfo-detail ul li p span {
		padding:0 3px 2px; 
		margin:-5px 0 0 5px; 
		font-size:0.75em; 
		color:#fff;
		line-height:120%;
		background-color:#e77ea9;
		border:1px solid #e77ea9; 
		border-radius:50%;
		display:inline-block;
	}

	.kidscience-body .kidinfo-detail ul li p {
		margin:12px 0 5px;
		width:calc(100% - 87px);  
		float:right;
	}
	
	.kidscience-body .kidinfo-detail ul li.add p {margin:5px 0 ;}
		
	.kidscience-body .kidinfo-detail ul li a {word-wrap:break-word;}
	
	.kidscience-body .kidinfo-detail ul li div {
		padding:10px 0;
		font-size:1.12em;
		font-weight:bold;
	}
		
	
	/*group*/
	#menu-14285 #artboard {background:#e5e5e5;}
		
	#menu-14285 .maincontent {
		padding:0 0 0px; 
		margin:0;
		width:100%;
		background:#e5e5e5;
		position: relative;
	}

	img[alt="平日團報圖"] {		
		width:300px;
		position:absolute;
		top:0px;
		left:5%;
	}
		
	.group-top {
		padding:0px calc(50% - 500px) 90px;
		margin:0px;
		width:1000px; 
		background: url(graphics/search-adv.webp) no-repeat right bottom; 
	}	
	
	@media screen and (max-width:1800px){		
		.group-top {background: none;}	
	}

	
	#general-content-main .group-top ul {margin:30px 0 60px;}
	
	#general-content-main .group-top ul li {
		padding:15px;
		margin:0 10px;
		width:calc(50% - 56px);
		background:#fff;
		border:3px solid #01b6e3;
		border-radius:10px;
	}
	
	#general-content-main .group-top ul li:hover {border:3px solid #e77ea9;}
	
	#general-content-main .group-top ul li h2 {
		margin:20px 0 0;
		width:calc(100% - 120px);
	}

	#general-content-main .group-top ul li:first-child h2 {
		margin:45px 0 0;
	}
	
	#general-content-main .group-top ul li h2 a {color:#004b6b;}
	
	#general-content-main .group-top ul li h2 a span {
		margin:0 calc(50% - 130px);
		width:260px;
		font-size:.8em;
		color:#01b6e3;
		background:url(graphics/group-left.webp) no-repeat left center, url(graphics/group-right.webp) no-repeat right center; 
  	background-size:20px;
  	float:left;
	}
	
	#general-content-main .group-top ul li .imglink {
		margin:0;
		width:120px;
		float:right;
	}
	
		
	.groupinfo {background:#eee3f1;}
	
	.groupinfo-body {		
		padding:20px 50px 45px; 
		margin:30px calc(50% - 600px) 60px;
		width:1100px;  
		border-radius:10px;
		background:#fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	.groupinfo-body h1 , .groupinfo-body h2 , .groupinfo-body h3 {text-align:left;}	
		
	.groupinfo-body h2 {color:#ffa554;}	
		
	#general-content-main .groupinfo-body ul.group-apply {
		margin:0 0 15px;
		padding:0 calc(50% - 400px);
		width:800px;
		border-bottom:3px dashed #e5e5e5;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li {
		padding:0px 0 30px; 
		margin:15px 0; 
		width:100%; 
		background:none;
		border-bottom:3px dashed #e5e5e5;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li:last-child {border-bottom:none;}
		
	#general-content-main .groupinfo-body ul.group-apply li span {
		padding:45px 0;
		width:120px;
		color:#fff;
		font-size:1.75em;
		font-weight:bold;
		text-align:center;
		background:#ffa554;
		border-radius:50%;
		float:left;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li div {
		margin:0 0 0 15px;
		width:calc(100% - 165px);
	}
	
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(2) div h2 {margin:20px 0 0px 15px;}
	
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(3) div h2 , 
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(4) div h2 {margin:40px 0 0px 15px;}
	
	#general-content-main .groupinfo-body ul.group-apply li div a , #general-content-main .groupinfo-body ul.group-apply li div strong {color:#00c300;}
	
	
	#general-content-main .groupinfo-body ul.group-notice li {
		background: url(graphics/li3.webp) no-repeat left top 7px; 
		background-size:10px;
	}
	
		
	/*pshall*/
	#menu-14287 #artboard {background: #e5e5e5;}
	
	@media screen and (min-width:1921px){		
		.pshall-images {
			margin:0 calc(50% - 960px);
			width: 1920px; 
		}
	}
	
	
	#menu-14287 .maincontent {
		padding:0px 0 0;
		margin:0 0 0;
		width:100%;
	}
	
	#menu-14287 .maincontent h1 {display:none;}
	
	#menu-14287 .maincontent  #general-content-main img {
		margin:0 0 0 0;
		width:800px;  
		float:right;
	}
	
	#menu-14634 h3 , #menu-14635 h3 , #menu-14264 h3 , #menu-14265 h3 , #menu-14266 h3 {text-align: center;}

	.pshall {
		padding:0px 0 0; 
		margin:0px 0 0;
	}
	
	.pshall-top {
		padding:30px calc(50% - 600px);
		width:1200px;
		background:#eee3f1;
	}
	
	.pshall-info {
		margin:15px 30px 15px 0;  
		width:200px;
		text-align:center;
	}
	
	.pshall-info ul li {
		margin:0px calc(50% - 100px);
		width:200px;
	}
	
	.pshall-info a {
		padding:10px 10px 13px;
		margin:10px calc(50% - 100px);
		width:180px; 
		color:#fff; 
		background:#e77ea9;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:left; 
	}
	
	.pshall-info .active a {background:#ff6000;}
	
	.pshall-info a:hover {background:#01b6e3;}
	
	.pshall-info h2 {color:#333333;}
	
	.pshall-nav1 , .pshall-nav2 {
		width:calc(100% - 230px);
		float:right;
	}
	
	.pshall-nav ul {}
	
	.pshall-nav ul li {
		margin:0 5px;
		width:calc(20% - 10px); 
		float:left;
	}
	
	.pshall-nav ul li a img:hover {filter: grayscale(100%);}
	
	.pshall-nav ul li:nth-child(2) img {
		margin:70px calc(50% - 75px) 0;
		width:150px;
	}
	
	.pshall-nav ul li:nth-child(3) img {
		margin:0px calc(50% - 90px);
		width:180px;
	}
	
	.pshall-nav ul li:nth-child(4) img {
		margin:40px calc(50% - 75px) 0;
		width:150px;
	}
	
	.pshall-nav ul li:nth-child(5) img {
		margin:0px calc(50% - 75px);
		width:150px;
	}
	
	#general-content-main ul.pshall-nav ul li a:hover	img {filter: grayscale(100%);}
	
	.pshalltabs {
		padding:30px calc(50% - 600px);
		width:1200px;
		background:#fff;
	}
	
	.pshalltabs #news-list {
		margin:0;
		width:100%; 
	}
	
	.pshalltabs	.listing-ul {
		padding:0 0px; 
		margin:0px 10px 30px;
		width:calc(25% - 20px);  
		min-height: 370px;
	}
	
	#title-tab2 , .pshalltabs .listing-ul li.upc-picture , .pshalltabs .listing-ul li.upc-subject , 
	.pshalltabs .listing-ul li.upc-date , .pshalltabs .listing-ul li.upc-more {display:none;}
	
	.pshalltabs .listing-ul li.upc-brief {}
	
	.pshalltabs .listing-ul li.upc-brief h2 {
		margin:15px 0;
		color:#333333; 
		font-size:1.25em;
		text-align:left;  
	}
	
	.pshalltabs .listing-ul li.upc-brief h3 {
		margin:0px 0 10px;
		font-size:1em; 
		font-weight:500;
		color:#333333;  
	}	
	
	.pshalltabs .listing-ul li.upc-brief p {color:#333333;}
	
	.pshalltabs .listing-ul li.upc-brief > span {
		padding:0;
		margin:0; 
		width:100%;   
		float:left;
	}

	.pshalltabs .listing-ul li.upc-brief iframe {
		margin:0;
		width:100% !important; 
		height:220px !important;  
		float:left;
	}
	
	.pshalltabs .listing-ul li.upc-brief .pshall-brief {
		margin:0 0;
		width:100%; 
	}	


	/*學生創意徵件*/ 
 	#menu-14286 .maincontent {
 		padding:0px 0;
 		margin:0px 0 0px;
 		width:100%;  
		background:#fff
		position:relative;;
 	}
 	
 	#menu-14286 .maincontent h1 , .create-info h2 {
 		padding:15px 0 25px;
 		margin:0px 0 15px;
 		color:#fff;
		background: url(graphics/create-title.webp) no-repeat center top 7px;
		background-size:300px;	
	}
		
	.create-top {
		padding:30px calc(50% - 200px) 0px calc(50% - 600px);
		margin:0px;
		width:800px;
		position:absolute;
		top:60px;
	}	
	
	#general-content-main .create-top ul {
		margin:0 calc(50% - 220px);
		width:440px;
	}
	
	#general-content-main .create-top ul li {
		padding:0;
		margin:0px 10px;
		width:200px;
		background:none;
	}
	
	.create-top a {
		padding:10px 10px 13px;
		margin:10px calc(50% - 100px);
		width:180px; 
		color:#fff; 
		background:#ff6000;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:left; 
	}
	
	.create-top a:hover {background:#01b6e3;}
	
	#menu-14615 .maincontent img[alt="創意徵件內容"] {
		margin:30px calc(50% - 600px) ;
		width:1200px;
	}
		
	
	.create-center {
		padding:30px calc(50% - 600px);
		margin:0px;
		width:1200px;
		background:#fff url(graphics/events-other.webp) no-repeat right top;
		background-size:100%;			
	}	
	
	.create-center p , .create-info-body p {
		font-size:1.12em;
		line-height:150%;
	}
	
	.create-qualification {
		margin:45px 0 15px;
		position:relative;
	}
	
	.create-qualification img[alt="參賽資格標題"] {
		margin:0 calc(50% - 300px) 0 calc(50% + 150px);
		width:150px;
		position:relative;
		top:25px;
		float:right;
	}
	
	#general-content-main .create-qualification ul {}
	
	#general-content-main .create-qualification ul li {
		padding:15px;
		margin:0px 0 30px;
		width:calc(100% - 30px);
		background:#fbfbfb;
		border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	#general-content-main .create-qualification ul li span {
		padding:10px 8px;
		margin:0 15px 0 0;
		width:30px;
		font-size:1.5em;
		font-weight:bold;
		text-align:center;
		color:#fff;
		background:#e77ea9;
		border-radius:50%;
		float:Left;
	}
	
	#general-content-main .create-qualification ul li p {
		margin:10px 0;
		width:calc(100% - 61px);
	}
	
	
	.create-info {
		margin:0 0 15px;
		background:#e4d7e9;
	}
	
	.create-info-body {
		padding:45px 50px;
		margin:60px calc(50% - 600px);
		width:1100px;		
		background:#fff;
		border-radius:10px;	
		position:relative;
	}

	.create-info-body img[alt="競賽內容標題"] {
		margin:0 0;
		width:200px;
		position:absolute;
		top:-100px;
		right:-50px;
		float:right;
	}
	
	.create-info-body p {margin:5px 0 15px;}
	
	.create-info-body p span {
		padding:2px 15px;
		margin:0 10px 5px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		background:#e77ea9;
		border-radius:15px;
		display:inline-block;
	}
	
	.create-info-body p span.createnum {
		padding:3px 12px 7px;		
		font-size:1.25em;
		border-radius:50%;
	}
	
	.create-award {margin:30px 0 15px;}

  #general-content-main .create-info ul.awardinfo {
  	padding: 25px;
  	margin:50px 0 0;
  	width:calc(100% - 50px);  
		font-weight:bold;
  	background:#fbfbfb;  
  	border-radius:50px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  }
   
  #general-content-main .create-info ul.awardinfo li {
  	padding:0px 15px;
  	margin:0px; 
  	width:calc(28% - 32px);   
		font-weight:bold;
  	text-align:Center; 	
		background:none;
  	border-left:2px solid #494844; 
  	position:relative;
  }
  
  #general-content-main .create-info ul.awardinfo li span {	
		font-size:1.25em;
  	color:#e77ea9;
  }
  
  #general-content-main .create-info ul.awardinfo li:first-child {
  	width:calc(16% - 32px);   
  	font-size:1.75em;
   	border-left:none; 
  }
  
  #general-content-main .create-info ul.awardinfo li:first-child strong {
  	margin:35px 0 0;
  	width:100%;
  	float:Left;
  }
  
  #general-content-main .create-info ul.awardinfo li img {
  	width:150px;
  	position:absolute;
		top:-70px;
		left:0px;
  }
  		
  
  .create-standard {
		padding:30px calc(50% - 600px) 0px;
		margin:0px;
		width:1200px;
		background: #fff;
		background: -webkit-linear-gradient(to top, #e5e5e5, #fff);
		background: linear-gradient(to top, #e5e5e5, #fff);
	}	
  		
  #general-content-main .create-standard ul.standard {margin:0 0 30px;}
  
  #general-content-main .create-standard ul.standard li {
  	padding:15px 15px;
  	margin:155px 15px 0; 
  	width:calc(25% - 60px);   
		font-weight:bold;
  	text-align:Center; 	
		background:#fff;
  	border-radius:10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  	position:relative;
  }
  
  #general-content-main .create-standard ul.standard li span {
  	padding:30px 0 70px;
  	width:100%;
  	text-align:center;
  	font-size:3em;
  	color:#fff;
  	background: url(graphics/create-standard-title.webp) no-repeat center top;
		background-size:100px;
		float:left;
  	position:absolute;
		top:-150px;
		left:0;
  }
  
  #general-content-main .create-standard ul.standard li h3 {
   	padding:10px 0 15px;
   	color:#fff;
		font-size:1.25em;
   	background: url(graphics/create-standard.webp) no-repeat center top;
		background-size:70%;	
		position:absolute;
		top:-33px;
		left:0;
  }
  
  #general-content-main .create-standard ul.standard li p {margin:20px 0 5px;}
  
  #general-content-main .create-standard ul.standard li:last-child p {margin:30px 0 20px;}  		
  
  
	.create-time {
		margin:30px 0 30px;
		position:relative;
	}
	
	.create-time img[alt="競賽時程圖"] {
		margin:0 0;
		width:180px;
		position:absolute;
		top:0px;
		right:-0px;
		float:right;
	}
	
	#general-content-main .create-standard ul.create-button {
		margin:30px calc(50% - 330px) 45px;
		width:660px;
	}
	
	#general-content-main .create-standard ul.create-button li {
		padding:0;
		margin:0px 10px;
		width:200px;
		background:none;
	}
	
	.create-button a {
		padding:10px 10px 13px;
		margin:10px calc(50% - 100px);
		width:180px; 
		color:#fff; 
		background:#ff6000;
		font-size:1.25em;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		float:left; 
	}
	
	.create-button a:hover {background:#01b6e3;}
		
		
	/*reg-search*/
	#menu-14290 .maincontent {
		padding:50px 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:250px;
		position:absolute;
		bottom:-150px;
		right:calc(50% - 400px);
	}
	
	
	#menu-14290 #register-form {
		padding:0 calc(50% - 600px) 30px;
		margin:0 0 0px;
		background:none;
	}
	
	#menu-14290 .register:before {display:none;}
	
	#menu-14290 .register {
		padding:20px 50px 30px;
		margin:10px 0 0;
	}
	
	#menu-14290 .register h1 span {
		width:100%;
		float:Left;
	}
	
	#menu-14290 .register > div , #menu-14290 .registerbody > div {width:50%;}
	
	#menu-14290 #register-form .register > div:nth-child(6) , 
	#menu-14290 #register-form .register > div:nth-child(7) {width:33.3%;}
	
	.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-14290 #register-form .register div.reg-name .cell1 {padding:1px 20px 0px 0;}
	
	#menu-14290 .register div .cell2 , #menu-14290 .registerbody div .res_cell2 {
		padding:10px 5px; 
		margin:0;
		width:calc(100% - 190px);  
		border-radius:10px;
		background:#eff0eb;
	}

	#menu-14290 #register-form .register > div:nth-child(9) .cell2 ,
	#menu-14290 #register-form .register > div:nth-child(10) .cell2 {margin:0px 0 5px;}
		
	#menu-14290 .register > div.accompany-content , #menu-14290 .registerbody > div.accompany-content {width:100%;}
	
	#menu-14290 #accompany-detail {background:#e4d7e9;}
	
	#menu-14290 .accompany-table > div.tr-header {width:100%;}
	
	/*#eventsfull {color:#ff6000; font-size:1.25em; text-align:center;}*/
	
	
	
	
	
	
	
	
	/*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;
  }


	/*maincontent*/
	.maincontent {
		padding:0 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;
	}
	

	/*totop*/
	.totop {
		bottom:15px;
		right:15px;
	}
	
	
	/*footer*/	
	.footer img[alt="footer images"] {
		right:9px;
		bottom:65px;
	}	
			
	.footer-body {
		padding:30px 0 0 ;
		margin:0px 15px 15px;
		width:calc(100% - 30px);
	}
		 	

	/*copyright*/
	.copyright {margin:0 0;}
	
				
	/*article list*/		
	#menu-14293 #news-list , #menu-14321 #news-list {
		margin:0px 0;
		width:100%;
	}	
	
	#menu-14293 .listing-ul {
		padding:0 0px;  
		width:100%;
	}
		
	#menu-14293 .listing-ul li.upc-subject a p , #menu-14293 .listing-ul li.upc-subject a span {
		width:calc(100% - 177px);  
	}
	
	#menu-14293 .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*/
	#home .maincontent {
		padding:30px 0; 
		margin:60px 0 0px;
		width:100%;   
	}	
	
		
	/*home-button*/
	.home-button {
		padding:15px 0 15px; 
		width:100%;
	}
	
	
	/*home-news*/	
	.home-news {
		padding:0px 15px 15px; 
		width:calc(100% - 30px);	
	}
	
	.home-news img[alt="最新消息標題"] {
		position:absolute;
		top:-50px;
		right:0px;
	}

	.home-news .listing-ul {
		padding:0 0px;  
		width:100%;
	}
	
	.home-news .listing-ul li.upc-subject a p , .home-news .listing-ul li.upc-subject a span  {
		width:calc(100% - 177px);
	}
	
	.home-news .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;
	}	 
	
	
	/*home-events*/
	.home-events {
		padding:30px calc(50% - 500px) 15px;
		width:1000px;  
	}

	.pre-post , .next-post {
		margin-top:220px; 
		width:40px; 
	} 
	
	.pre-post a , .next-post a {height:40px; }

	#homeevents-list {width:calc(100% - 90px);}

	.postul > li {
		margin:5px 10px 15px !important;
		width:410px !important; 
		height:500px !important; 
	}
	
		
	/*home-info*/
	.home-infobody {	
		padding:30px 15px 0px; 
		margin:30px 15px 30px;
		width:calc(100% - 60px); 
	}
		

	/*home-sponsor*/
	.home-sponsor {
		padding:30px 0 0px;
		width:100%;  
	} 	
	
	#homesponsor-container {width:100% !important;}
		
	#homesponsor-container ul li {width:calc(25% - 20px);}
	
	
	/*qa*/
	#menu-14618 .maincontent {
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:1200px auto;	
	}	
	

	/*history-web*/
	#menu-14628 #general-content-main {
		margin:0px 0 30px;
		width:100%;
	}	


	/*contact*/	
	#menu-14629 .maincontent {
		padding:30px 15px 45px; 
		background:#e4d7e9 url(graphics/home-events.webp) no-repeat right top;
		background-size:100%;	
		border-top:none;
	}	
	
		
	/*webmap*/
	#menu-14631 #general-content-main {
		margin:0px;
		width:100%;
	}

		
	/*about ks*/
		#menu-14292 .maincontent-body img {
		margin: 0 0;
		width: 100%;
	}
			

	/*search-adv*/
	#menu-14282 .maincontent {padding:15px 0 0px;}	
	
	.search_criteria {
		padding:0 15px 15px;
		width:calc(100% - 30px); 
		background:none;
	}
	
		
	/*searchinfo*/
	.searchinfo-body {		
		padding:15px 15px; 
		margin:0px 15px 30px;
		width:calc(100% - 60px);  
	}
	
	.searchprocess-body {margin:15px 0;}	
	
				
	/*events list*/	
	#menu-14299 #artboard , #menu-14300 #artboard , #menu-14301 #artboard , 
	#menu-14302 #artboard , #menu-14303 #artboard {
		background:#fff url(graphics/events-list.webp) center top 208px no-repeat; 
		background-size:100%;
	}
	
	#menu-14299 #news-content , #menu-14300 #news-content , #menu-14301 #news-content , 
	#menu-14302 #news-content , #menu-14303 #news-content , #menu-14304 #news-content {margin:15px 0;}	
	
	.eventimg {
		margin:0;
		width:100%;
	}
	

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


	/*news-content-center*/
	.news-content-center {padding:15px 0 30px;}
	
	.news-contentbody {
		padding:15px 15px 30px;
		margin:15px 15px;
		width:calc(100% - 60px);
	}
		
	
 	/*content-link*/
 	.news-content-link {
 		padding:30px 15px 30px;
		width:calc(100% - 30px);
 		background:#fff url(graphics/events-other.webp) center top no-repeat;
 	}
 	
 
  /*news-content-bottom*/
  .news-content-bottom {
  	padding:30px 15px 30px;
		width:calc(100% - 30px);
	}
	

	/*學生創意徵件*/ 				
	.create-top {
		padding:0px calc(50% - 300px) 0px;
		margin:0px;
		width:600px;
		position:relative;
		top:0px;
	}	
	 
	#general-content-main .create-top ul {
		margin:0 calc(50% - 330px);
		width:660px;
	}

	#menu-14615 .maincontent img[alt="創意徵件內容"] {
		margin:15px 15px;
		width:calc(100% - 30px);
	}		
			
			
	.create-center {
		padding:15px 15px;
		width:calc(100% - 30px);
		background:#fff url(graphics/events-other.webp) no-repeat right top;
		background-size:100%;			
	}		

	.create-qualification {margin:15px 0 0px;}
	
		
	.create-info-body {
		padding:30px 15px;
		margin:30px 15px;
		width:calc(100% - 60px);
	}
	
	.create-info-body img[alt="競賽內容標題"] {right:-15px;}
	
	
  .create-standard {
		padding:15px 15px 0;
		width:calc(100% - 30px);
	}

  #general-content-main .create-standard ul.standard li {
  	margin:155px 10px 0; 
  	width:calc(25% - 50px);
  }
  
  #general-content-main .create-standard ul.standard li span {top:-140px;}
  
  #general-content-main .create-standard ul.standard li h3 {
   	background: url(graphics/create-standard.webp) no-repeat center top;
		background-size:180px;	
		top:-28px;
  }
  	
	.create-time img[alt="競賽時程圖"] {width:150px;}
	
			
	/*register-form*/	
	#register-form {
  	padding:0px 0;
		width:100%;
	}

	.register {
		padding:15px 15px; 
		margin:30px 15px;
		width:calc(100% - 60px);
	}
		
	.register > div, .registerbody > div {margin:0 0 15px;}		
	
	.register div .cell1 , .registerbody div .res_cell1 {
		padding:10px 15px 10px 0;
		width:150px;  
	}
	
	.register div .cell2 , .registerbody div .res_cell2 {width:calc(100% - 165px);}	
	
	.register div.reg-name .cell1 {padding:1px 15px 1px 0;}
	
	.choosea {width:calc(100% - 165px);}
					
					
	#reg-selevent:before {
		padding:10px 15px 10px 0;
		width:150px;
	}
	
		
	.Registration-error {
		margin: 0 15px 15px;
		width: calc(100% - 30px);
	}

	/*recommend*/
	.recommend  {
		padding:15px 15px 30px;
		width:calc(100% - 30px);
	}	
	
	#menu-14299 .recommend , #menu-14300 .recommend , #menu-14301 .recommend , 
	#menu-14302 .recommend , #menu-14303 .recommend {background:#fff;}
	
	.recommend img[alt="recommend-img"] {
		position:absolute;
		top:-132px;
		right:5px; 
	} 
	
	.recommend .postul {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	.recommend .postul > li {
		margin:5px 10px 15px !important;
		width:350px !important; 
		height:500px !important;  
	} 
	
	.recommend .postul > li:last-child {display:none;}
	
		
	/*kidscience*/
	.kid-images {
		margin:30px 0 30px;
		width:100%;
	}		
	
	.kidscience-nav ul.tabs {
		padding:30px 0 30px;
		width:100%;
		background: none;
	}
	

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

	.kidsciencemap {
		padding:0px 15px 30px;
		width:calc(100% - 30px); 
	}
	
	.kidsciencemap img {margin:0px 10px;}
	
				
	.kidscience-events li ul li {
		margin:0px 10px;
		width:calc(50% - 20px);
	}	
			
	.kidscience-events li ul li div {margin:0px 0 0 15px;}
	
	
	.kidscience-title {margin:0 0;}
	
	.kidscience-body {
		padding:0px 15px;
		width:calc(100% - 30px); 
		background: #e4d7e9 url(graphics/home-events.webp) no-repeat right top;
		background-size:100% auto;
	}			
	
	.kidscience-body .kidinfo-detail {
		padding:0px 0 30px;
		width:100%;
	}
	
	#menu-14315 .footer img[alt="footer images"] {display:none;}
	
	
	/*group*/
	#menu-14285 .maincontent {padding:15px 0 0px;}	
	
	.group-top {
		padding:0 15px 15px;
		width:calc(100% - 30px); 
		background:none;
	}
	
	#general-content-main .group-top ul {margin:15px 0 15px;}
			
	#general-content-main .group-top ul li {
		padding:15px;
		margin:0 calc(50% - 300px) 15px;
		width:570px;
	}
	
				
	.groupinfo-body {		
		padding:15px 15px; 
		margin:15px 15px 30px;
		width:calc(100% - 60px);  
	}
	
		
		
	/*pshall*/
	#menu-14287 .maincontent {
		padding:0px 0;
		width:100%; 
	}	
		

	#menu-14287 .maincontent  #general-content-main img {width:100%;}
	

	.pshall-top {
		padding:30px 15px;
		width:calc(100% - 30px); 
	}
	
	.pshall-info {margin:30px 30px 30px 0;}
	
	
	.pshalltabs {
		padding:30px 15px;
		width:calc(100% - 30px); 
	}
	
												
	/*reg-search*/
	#menu-14290 .maincontent {
		padding:30px 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%;	
	}

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

	#menu-14290 .register > div , #menu-14290 .registerbody > div {width:50%;}
	
	#menu-14290 #register-form .register div.reg-name .cell1 {padding:1px 15px 0px 0;}
	
	#menu-14290 .register div .cell2 , #menu-14290 .registerbody div .res_cell2 {	width:calc(100% - 175px);}
	
	#menu-14290 #register-form .register > div:nth-child(9) .cell2 ,
	#menu-14290 #register-form .register > div:nth-child(10) .cell2 {margin:0px 0 0px;}

	
	/*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:#333 !important;}
	
	#hamburger {
		top:-5px !important; 
		margin:7px 0 7px 5px !important;
	}	
	
  ul#menu a , .mm-list a {text-decoration:none !important;}	


}
	
	
	
	
	
	
	
	
	/*1000*****************************/
	@media screen and (max-width:1000px) {
	
	/*header*/
	.header {padding:50px 15px 10px;}
	
	
	/*logo*/
	.logo {
		margin:5px calc(50% - 150px);
		width:300px; 
	}
	
	
	/*header-right*/
	.header-right {
		margin:0;
		width:270px;  
		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 {margin:2px 0;}
	
	
	/*header-menu*/
	.header-menu {display:none;}


	/*footer*/	
	.footer img[alt="footer images"] {
		width:200px;
		bottom:90px;
	}	
	
	
	/*article list*/	
	#news-list {
		margin:15px 15px;
		width:calc(100% - 30px); 
	}

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

	/*home-info*/
	.home-infobody > img {width:100%;}
	
  .home-info .left-video {
  	margin:0 0;
  	width:100%;
  	height:auto;  
  }
  
 .home-info .left-video iframe {height:450px;}
  
  .home-info .right-txt {
  	margin:0 0 30px;
  	width:100%;
  }
  
  		
	/*home-events*/  			
	.home-events {
		padding:30px calc(50% - 400px) 15px;
		width:800px; 
	}
	
	.home-events img[alt="Pick One!"] {
		padding:0px 25% 15px;
		width:50%;
	}
	
	.postul > li {
		margin:5px 5px 15px !important;
		width:316px !important; 
		height:420px !important; 
	}
	
  		
	/*home-sponsor*/			
	#homesponsor-container ul li {width:calc(50% - 20px);}
	
	/*ab
	out ks*/	
	.about-info h2 , .about-info h3 , .about-info h4 , .about-top h2 {text-align:center;}
	
	#general-content-main .about-info ul li div.about-textleft {width:100%;}

	#general-content-main .about-info ul li span {
		margin:0 calc(50% - 75px);
		width:150px;
	}
		
	#general-content-main .about-info ul li div.about-textright {
		margin:10px 0 0;
		width:100%;
	}

	#general-content-main .about-info ul li span.about-creative {margin:15px calc(50% - 75px); 0;}
		
		
	/*search-adv*/	
	.search_subject {
		margin:15px 0 15px;
		width:100%;  
	}			
	
	.search_oneday {
		margin:0 0;
		width:100%;
	}	
	
		
	/*searchinfo*/
	.searchinfo img[alt="大補帖步驟"] {width:200px;}
	
	.searchinfo .process-info-body {
		margin:0 calc(50% - 350px);
		width:700px;
	}	

	.searchinfo .process-info-body p {width:calc(100% - 200px);}

	.process-info-text {margin:60px 0 10px;}


	.search_sort {
		padding:0 50% 0 0;
		margin:0 0 15px;
		width:50%;
	}
		

 	.searchinfo .listing-ul li.upc-picture {width:200px;}

  .searchinfo .listing-ul li.upc-info {	width:calc(100% - 215px);} 	
 	
  	
 	
 	/*recommend*/
 	.recommend img[alt="recommend-img"] {
		width:200px;
		position:absolute;
		top:-150px;
		right:5px;
	}	
	
 		
 	/*kidscience*/
 	 .time-table li ul li {width:calc(39% - 40px);}	
	
 	.time-table li ul li:first-child {
 		padding:20px 15px;
 		width:calc(22% - 40px);
		font-size:1em;
	}

	.time-table li.timetitle ul li:last-child {width:calc(78% - 40px);}
	
	
	.kidscience-events li ul li img {width:150px;}
	
	.kidscience-events li ul li div {
		margin:0px 0 0 15px;
		width:calc(100% - 165px);
	} 	
 	
 	
 	/*group*/ 	
 	#menu-14285 .maincontent {
		background:#e5e5e5 url(graphics/home-news-title.webp) no-repeat left 15px top;
		background-size:200px;
	}

	img[alt="平日團報圖"] {display: None;}

 	.groupinfo-body {padding:0 15px 15px;}
 	
 	.groupinfo-body h1 {text-align:center;}
	
 	#general-content-main .groupinfo-body ul.group-apply {
		margin:0 0;
		padding:0 0;
		width:100%;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li {
		padding:0px 0 15px; 
		margin:15px 0 0; 
	}
	
 
 	/*pshall*/ 	
	.pshall-info {
		margin:0px 0;  
		width:100%;
	}	
	
	.pshall-info ul {
		margin:0 calc(50% - 220px);
		width:440px;
	}
	
	.pshall-info ul li {
		margin:0px 10px;
		width:200px;
		float:left;
	}

	.pshall-nav1 , .pshall-nav2 {width:100%;}
	
	.pshall-nav ul {margin:15px 0 0;}	 	
	

	.pshalltabs	.listing-ul {width:calc(50% - 20px);}
	
	
	/*學生創意徵件*/ 					
	#general-content-main .create-standard ul.standard li {min-height:120px}
	
	 			
	/*register-form*/				
	#register-form .register > div:nth-child(1),
	#register-form .register > div:nth-child(2),
	#register-form .register > div:nth-child(3),
	#register-form .register > div:nth-child(4),
	#register-form .register > div:nth-child(5),
	.register-12622#register-form .register > div.reg-name , 
	.register-12623#register-form .register > div.reg-name , 
	.register-12624#register-form .register > div.reg-name , 
	.register-12625#register-form .register > div.reg-name , 
	.register-12626#register-form .register > div.reg-name , 
	.register-12633#register-form .register > div.reg-name , 
	.register-12634#register-form .register > div.reg-name , 
	.register-12635#register-form .register > div.reg-name , 
	.register-12636#register-form .register > div.reg-name , 
	.register-12637#register-form .register > div.reg-name  {width:100%; }
	
	.accompany-table > div:nth-child(1),
	.accompany-table > div:nth-child(2),
	.accompany-table > div:nth-child(3) {width:100%;}
	
	
	/*reg-search*/		
	#menu-14290 .register > div , #menu-14290 .registerbody > div {width:100%;}
	
	#menu-14290 #register-form .register > div:nth-child(6) , 
	#menu-14290 #register-form .register > div:nth-child(7) {width:100%;}
	
	.accompany-table > div {margin:0 0 5px;}
	
	
			
}
	
	
	
	
	
	
	
	
	/*800*****************************/
	@media screen and (max-width:800px) {	

	/*footer*/
	.footer-link , .footer-info{
		margin:0 calc(50% - 195px);
		width:390px; 
	}		

	.footer img[alt="footer images"] {bottom:162px;}		
	
	
	/*home-button*/	
	.home-button {
		padding:15px 0 0; 
		width:100%;
	}
	
	.home-button li {
		margin:0 5px 15px; 
		width:calc(50% - 10px);
	}	
	
	/*home-events*/  			
	.home-events {
		padding:30px calc(50% - 325px) 15px;
		width:650px; 
	}
	
	.home-events img[alt="Pick One!"] {padding:0px 25% 30px;}
		
	.postul > li {
		width:241px !important; 
		height:350px !important; 
	}
	
	
	/*home-info*/
	.home-info .left-video iframe {height:400px;}
  
	
	/*qa*/
	#menu-14618 .maincontent {
		background:#fff url(graphics/home-news.webp) no-repeat right top;
		background-size:800px auto;	
	}	
	
	
	/*contact*/	
	.contact {
		padding:0px 15px 15px; 
		margin:0px 0;
		width:calc(100% - 30px);  
	}		
	
	
	/*webmap*/
	#general-content-main .webmap ul {
		margin:10px 5px 10px;
		width:calc(50% - 10px);
	}
	
	#general-content-main .webmap ul li ul {
		margin:5px 0;
		width:100%;
  }

	#general-content-main .webmap ul li ul li {
		margin:5px 0px;
		width:calc(100% - 0px); 
	}	
		
	
	/*search-adv*/		
	#menu-14282 .maincontent {
		background:#e5e5e5 url(graphics/home-news-title.webp) no-repeat left 15px top;
		background-size:200px;
	}
	

	/*searchinfo*/	
	.searchinfo img[alt="報名步驟"] {margin:15px 0;} 
	
	.searchinfo img[alt="大補帖步驟"] {margin:0px 0;}
	
	.searchinfo .process-info-body {
		margin:0 0;
		width:100%;
	}	

	.searchinfo .process-info-body p {width:calc(100% - 200px);}

	.process-info-text {margin:15px 0 10px;}	
	
	
	.searchinfo .listing-ul {
		padding:0 0 20px;
		margin:0 0 15px;
	}
	
  
	/*news-content-bottom*/
	 .news-content-bottom iframe {
  	margin:0 0px 15px;
  	width:100%; 
  	height:350px;  
  }
  
  #news-content .news-content-bottom ul {width:100%;}
	 
	#news-content .news-content-bottom ul li {
		padding:15px 15px;
		margin:0 0 15px;
		width:calc(100% - 30px);
	}


	/*register-form*/		
	#formmsg {
		padding:30px 15px 30px;
		width:calc(100% - 30px);
	}
	
	#menu-14315 #formmsg1 div {
		margin:15px 0;
		width:100%;
	}

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

	.register-12637 #reg-notice , .register-12622 #reg-notice {
		margin:0px 0px 15px;
		width:calc(100% - 0px); 
	}

	/*recommend*/		
	.recommend .postul {
		margin:0px calc(50% - 292px);
		width:584px;
	}
	
	.recommend .postul > li {
		margin:5px 10px 15px !important;
		width:241px !important; 
		height:360px !important;  
	} 
	

	/*kidscience*/	
	.kidscience-nav ul.tabs {padding:15px 0;}
		
	.kidscience-nav ul.tabs li {width:calc(33.3% - 13px);}
	
	
	.time-table li {margin:0 0 15px;}	
	
	.time-table li.timetitle ul li:first-child , .time-table li.addtitle ul li:first-child  {display:none;}
	
	.time-table li.timetitle ul li:last-child {
		width:calc(100% - 40px);
		border-radius:10px;
	}
	
	.time-table li ul li {
		margin:0 5px;
		width:calc(50% - 40px);
		border-radius:10px;
	}	
	
 	.time-table li ul li:first-child {
 		padding:15px 15px;
 		margin:5px 0 10px;
 		width:calc(100% - 30px);
		font-size:1.25em;
		color:#fff;
		background:#ff6000;
	}

	.time-table li.addtitle ul li {
		padding:15px 15px;
		border-radius:10px;
	}
		
	.time-table li ul li span span {
		width:100%;
		color:#01b6e3;
		text-align:center;
		display:block;
	}
	
		
	.kidsciencemap {padding:0px 15px 15px;}
	
	.kidsciencemap img {
		margin:0 0px 15px;
		width:100%;
	}
	
	
	.kidscience-events li {margin:0 0;}
	
 	.kidscience-events li ul li {
		margin:5px 0px 15px;
		width:100%;
	}	
	 	
 	
	.kidscience-body .kidinfo-detail iframe {
  	margin:0 0px 15px;
  	width:100%; 
  	height:350px;  
  }
  
  .kidscience-body .kidinfo-detail ul {width:100%;}
	 
	.kidscience-body .kidinfo-detail ul li {
		padding:15px 15px;
		margin:0 0 15px;
		width:calc(100% - 30px);
	}
	
	
	/*group*/
	#menu-14285 .maincontent {
		background:#e5e5e5 url(graphics/home-news-title.webp) no-repeat left 15px top;
		background-size:200px;
	}
		
	#general-content-main .groupinfo-body h1 {margin:15px 0 10px;}
	
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(2) div h2 {margin:0px 0 0px 15px;}

	
	/*pshall*/
	.pshall-nav ul {text-align:center;}

	.pshall-nav ul li {
		width:calc(33.3% - 12.5px); 
		float:none;
		display:inline-block;
		letter-spacing:-8px;
	}		


	/*學生創意徵件*/ 
	.create-top {
		padding:0px 15px 0px;
		width:calc(100% - 30px); 
	}	

	#general-content-main .create-top ul {
		margin:0 calc(50% - 315px);
		width:630px;
	}
		
	#general-content-main .create-top ul li , #general-content-main .create-standard ul.create-button li {width:190px;}
	
	#general-content-main .create-standard ul.create-button {
		margin:15px calc(50% - 315px) 30px;
		width:630px;
	}
	
	
	.create-info-body img[alt="競賽內容標題"] {
		width:120px;
		top:-60px;
		right:0px;
	}
	
	
	.create-qualification {margin:15px 0 15px;}	
	
	.create-qualification img[alt="參賽資格標題"] {
		margin:0 calc(50% - 200px) 0 calc(50% + 100px);
		width:100px;
		top:0;
	}


  #general-content-main .create-info ul.awardinfo {
  	padding:0 15px;
  	margin:15px 0 0;
  	width:calc(100% - 30px);  
  }

  #general-content-main .create-info ul.awardinfo li {
  	padding:5px 15px 15px;
  	width:calc(33.3% - 30px);   
  	border-left:none; 
  }

  #general-content-main .create-info ul.awardinfo li img {
  	width:150px;
  	position:relative;
		top:15px;
		left:calc(50% - 75px);
  }
  
  #general-content-main .create-info ul.awardinfo li span  {
  	margin:-15px calc(50% - 60px) 10px;
  	width:120px;
  	float:Left;
  	text-align:right;
  }
   
  #general-content-main .create-info ul.awardinfo li:first-child {
  	padding:0px 15px 15px;
  	width:calc(100% - 30px);   
  	font-size:1.75em;
  }
   
	
  #general-content-main .create-standard ul.standard li {
  	padding:15px 15px;
  	margin:155px 15px 0; 
  	width:calc(50% - 60px);  
  	min-height:auto;
  }
  
  .create-time img[alt="競賽時程圖"] {width:100px;}
  	
  					
	/*reg-search*/	
	.reg-search {		
		padding:0px 15px 20px; 
		margin:0px 0;
		width:calc(100% - 30px);  
	}
		
	img[alt="reg-search"]  {		
		width:200px;
		right:-21px;
	}	
	
	
	
}
	
	
	
	
	
	
	
	
	/*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 , 
	.search_criteria-title , .kids-title , .register-12637 h3 , .register-12622 h3 , .groupinfo h3 , .create-info h2 {
		margin:15px 0 15px;
		font-size:2em;
	}

	.group-top h1 span {font-size:0.7em;}

	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;
	}
					
	
	/*footer*/
	.footer img[alt="footer images"] {
		width:120px;
		bottom:204px;
	}		
	
	
	/*agree policy*/	
	.policy .policy-exit {margin:5px calc(50% - 50px) 0;}
	
	.policy p {width:100%;}
	
	
	/*article list*/		
	#menu-14293 .listing-ul {background:#fbfbfb;}
	
	#menu-14293 .listing-ul:hover {background:#fff;}
		
	#menu-14293 .listing-ul li.upc-subject a p , #menu-14293 .listing-ul li.upc-subject a span {
		padding:10px 0 5px;
		width:100%;    
		white-space: normal;  
		text-overflow: clip;
		text-align:center;
	}
	
	#menu-14293 .listing-ul li.upc-subject a p {text-align:justify;}
	
	#menu-14293 .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 #fccf3e;
	}	 
	
	
	/*home*/
	#home .maincontent {
		padding:30px 0 15px; 
	}	
	
	#home .maincontent ul li { 
		margin:0 15px 15px;
		width:calc(100% - 30px);
	}

	
	/*home-news*/		
	.home-news .listing-ul {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 {text-align:justify;}
	
	.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 #fccf3e;
	}	 

	/*home-events*/
	.home-events {
		padding:30px 0 15px;
		width:100%; 
	}

	.pre-post , .next-post {display:none;} 
	
	#homeevents-list {
		margin:0px calc(50% - 250px);
		width:500px; 
	}
	
	.postul > li {
		padding:15px 15px;
		margin:5px 10px 25px !important; 
		width:calc(500px - 50px) !important; 
		height:560px !important;  
	} 
	

	/*home-info*/
	.home-infobody {padding:15px 15px 0px;}
	
	.home-info .left-video iframe {height:350px;}
  	

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

	
	/*search-adv*/		
	.search_criteria-title img {
		margin:0 calc(50% - 110px) 15px;
		width:220px; 
	} 
	
	
	/*searchinfo*/		
	.searchprocess-body {
		padding:0 0 15px;
		margin:15px 0 0;
	}
	
	.searchinfo .open-process {
		margin:0px calc(50% - 105px);
		width:210px; 
	} 
	
	.searchinfo .open-process span {
		margin:0;
		width:180px; 
		float:left;
	} 

	.searchinfo img[alt="openarrow"] , .searchinfo img[alt="closearrow"] {
		margin:15px 0 15px 10px;
		width:20px; 
	}
		
	.searchinfo img[alt="搜尋結果"] {
		margin:0 calc(50% - 110px);
		width:220px; 
	}
	
	.searchinfo img[alt="大補帖步驟"] {display:none;}
	
	.searchinfo .process-info-body p {width:100%;}

	.process-info-text {margin:0px 0;}
		

 	.searchinfo .listing-ul li.upc-picture {display:none;}

  .searchinfo .listing-ul li.upc-info {
  	margin:0;
  	width:100%;
  } 	
 	
 				
	/*news-content-center*/
	.news-content-center {padding:15px 0 15px;}
	
	.content-plan h2 {
		margin:0px 0 10px;
		font-size:2em;
	}	
	
	
 	/*content-link*/
 	.news-content-link {padding:15px 15px 20px;}
 	
 	.news-content-link ul {margin:15px 0 25px;}
  
	 #news-content .news-content-link ul li {background:#fbfbfb;}
	
	 #news-content .news-content-link ul li:hover {background:#fff;}
	
	 .news-content-link p {
		padding:10px 0 0px;
		width:100%;  
		white-space: normal;  
		text-overflow: clip;
		text-align:center;
	}
	
	.news-content-link a span {
		padding:5px 0 15px;
		margin:0px 0px 0px 0;
		width:100%;   
		border-right:none;
		border-bottom:2px solid #fccf3e;
	}	 
	
	
	/*news-content-bottom*/
		#news-content .news-content-bottom ul li strong {
		padding:0 0 15px; 
		margin-right:0px;
		width:100%;
		text-align:center;
		border-right:none;
		border-bottom:2px solid #333333;
	}

	#news-content .news-content-bottom ul li p {
		margin:10px 0 0;
		width:100%; 
		text-align:center;
	}
	
	
	/*recommend*/
	.recommend {
		padding:0px 15px 15px;
		width:calc(100% - 30px);
	}		
		
 	.recommend img[alt="recommend-img"] {display:none;}	
	
	.recommend img[alt="recommend"] {
		margin:0 calc(50% - 110px) 15px;
		width:220px; 
	}

	.recommend .postul {
		margin:0px calc(50% - 250px);
		width:500px;
	}
	
	.recommend .postul > li {
		padding:15px 15px;
		margin:5px 10px 15px !important; 
		width:calc(500px - 50px) !important; 
		height:560px !important; 
	} 
		
	.recommend .postul > li:nth-child(2) {display:none;}
	

		/*kidscience*/	
	.time-table li.timetitle , .time-table li.addtitle , .time-table li ul li.linone {display:none;}

	.time-table li ul li {
		margin:0 0 10px;
		width:calc(100% - 30px);
	}	
		
	.time-table li ul li span {display:block;}	
	
	.kidscience-events li ul li img {
		margin:0 calc(50% - 100px);
		width:200px;
	}
	
	.kidscience-events li ul li div {
		margin:0px 0;
		width:100%;
		text-align:center;
	}
	
	.kidscience-events li ul li div h2 , .kidscience-events li ul li div h4 {text-align:center;}
	
	
	.kidscience-body .kidinfo-detail ul li strong {
		padding:0 0 15px; 
		margin-right:0px;
		width:100%;
		text-align:center;
		border-right:none;
		border-bottom:2px solid #333333;
	}

	.kidscience-body .kidinfo-detail ul li p {
		margin:10px 0 0;
		width:100%; 
		text-align:center;
	}
	
	.kidscience-body .kidinfo-detail ul li div {text-align:center;}
	
	
	/*group*/		
	#menu-14285 .maincontent h1 {margin:0 0 10px;}
	
	#general-content-main .group-top ul li {
		padding:15px;
		margin:0 0 15px;
		width:calc(100% - 36px);;
	}

	#general-content-main .group-top ul li h2 {
		margin:10px 0 0;
		width:calc(100% - 100px);
	}

	#general-content-main .group-top ul li:first-child h2 {margin:35px 0 0;}
	
	#general-content-main .group-top ul li .imglink {width:100px;}	
	
	
	.groupinfo-body h2 {
		font-size:1.5em;
		text-align:center;
	}	

	#general-content-main .groupinfo-body h1 {margin:15px 0 10px;}
	
	#general-content-main .groupinfo-body ul.group-apply li span {
		padding:45px 0;
		margin:0 calc(50% - 60px) 10px;
		width:120px;
		background:#ffa554;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li div {
		margin:0 0;
		width:100%;
		text-align:center;
	}
	
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(2) div h2 ,
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(3) div h2 , 
	#general-content-main .groupinfo-body ul.group-apply li:nth-child(4) div h2 {margin:0px 0;}
		
		
	/*pshall*/	
	.pshall-nav ul li {width:calc(50% - 12.5px);}

	.pshall-nav ul li:nth-child(2) img {
		margin:0 10% 15px;
		width:80%;
	}
	
	.pshall-nav ul li:nth-child(3) img , .pshall-nav ul li:nth-child(4) img , .pshall-nav ul li:nth-child(5) img {
		margin:0 5% 15px;
		width:90%;
	}	
	
	
	.pshalltabs	.listing-ul {
		margin:0px 0px 30px;
		width:100%;  
		min-height: auto;
	}

	
	/*學生創意徵件*/ 		
	#menu-14286 .maincontent h1 , .create-info h2 {
 		padding:15px 0 15px;
 		margin:0px 0 15px;
		background: url(graphics/create-title.webp) no-repeat center top 5px;
		background-size:260px;	
	}
			
	.create-top {
		padding:0px 15px 0px;
		width:calc(100% - 30px);
	}	
	

	#general-content-main .create-top ul {
		margin:0 calc(50% - 270px);
		width:540px;
	}
		
	#general-content-main .create-top ul li , #general-content-main .create-standard ul.create-button li {width:160px;}

	.create-top a , .create-button a {
		padding:10px 10px 13px;
		margin:10px calc(50% - 80px);
		width:140px; 
		font-size:1.25em;
	}
		
	#general-content-main .create-standard ul.create-button {
		margin:15px calc(50% - 270px) 30px;
		width:540px;
	}
	

	#general-content-main .create-qualification ul li {
		padding:0 0px;
		width:100%;
	}
	
	#general-content-main .create-qualification ul li span {
		padding:15px 0 15px;
		margin:0 0;
		width:100%;
		color:#fff;
		background:#e77ea9;
		border-radius:10px 10px 0 0;
		border-bottom:2px solid #fff;		
	}
	
	#general-content-main .create-qualification ul li p {
		padding:0 15px;
		width:calc(100% - 30px);
		text-align:Center;
	}
	
	
  #general-content-main .create-info ul.awardinfo {margin:0px 0 0;}

  #general-content-main .create-info ul.awardinfo li {
  	padding:5px 15px;
  	width:calc(100% - 30px);   
  	border-top:2px solid #494844;  
  }
  
  #general-content-main .create-info ul.awardinfo li:first-child {
  	padding:15px 15px 15px;
  	width:calc(100% - 30px);  
  	border-top:none;
  }
  
  #general-content-main .create-info ul.awardinfo li:first-child strong {margin:0px 0 0;}
  
    	
	/*register-form*/		
	.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 {width:100%;}
	
	#accompany-detail {margin:0 0 5px;}
	
	#reg-selevent:before {
		padding:5px 0;
		width:100%;
		text-align:left;
	}	
		
					
	/*reg-search*/			
	img[alt="reg-search"]  {		
		width:120px;
		bottom:-81px;
	}	
	
	#menu-14290 #register-form .register div.reg-name .cell1 {padding:1px 0 0px 0;}
	
	#menu-14290 .register div .cell2 , #menu-14290 .registerbody div .res_cell2 {width:calc(100% - 10px);}
			
			
}
	
	
	
	
	
	
	
	
	/*540*****************************/
	@media screen and (max-width:540px) {	
	
	/*home-events*/
	#homeevents-list {
		margin:0px calc(50% - 220px);
		width:440px; 
	}

	.postul > li {
		width:calc(440px - 50px) !important; 
		height:500px !important; 
	}	
	
	
	/*history-web*/
	#general-content-main .history-web ul li {
		margin:0 calc(50% - 100px) 15px;
  		float:left;
	}	
	
	
	/*webmap*/
	#general-content-main .webmap ul {
		margin:10px 0;
		width:100%;
	}
	
	
	/*search-adv*/		
	#menu-14282 .maincontent {
		background:#e5e5e5;
		border-top:3px solid #fccf3e;
	}
	
	
	/*searchinfo*/	
	.search_sort {
		padding:0 0;
		margin:0 0 15px;
		width:100%;
	}
	

	/*recommend*/
	.recommend .postul {
		margin:0px calc(50% - 220px);
		width:440px;
	}
	
	.recommend .postul > li {
		width:calc(440px - 50px) !important; 
		height:500px !important; 
	}
	
	
	/*group*/		
	#menu-14285 .maincontent {
		background:#e5e5e5;
		border-top:3px solid #fccf3e;
	}
	

	/*學生創意徵件*/ 
	#general-content-main .create-top ul {
		margin:0 0;
		width:100%;
	}
	
	#general-content-main .create-top ul li {
		margin:0px calc(50% - 100px);
		width:200px;
	}
	
	#general-content-main .create-top ul {
		margin:0 calc(50% - 100px);
		width:200px;
	}
		
	#general-content-main .create-top ul li , #general-content-main .create-standard ul.create-button li {width:200px;}

	.create-top a , .create-button a {
		margin:10px calc(50% - 100px);
		width:180px; 
	}
		
	#general-content-main .create-standard ul.create-button {
		margin:15px calc(50% - 100px) 30px;
		width:200px;
	}
		
	.create-time img[alt="競賽時程圖"] {display:none;}	
		
	
	/*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);}	
	
	
				
		
}
	
	
	
	
	
	
	
	
	/*480*****************************/
	@media screen and (max-width:480px) {	
	
	
	/*logo*/
	.logo {
		margin:5px calc(50% - 145px);
		width:290px; 
	}
	
	
	/*header-right*/
	.header-right {
		width:230px;  
		right:5px;
	}
			
	.header-right ul.social-icon li {margin:0 5px;}	
	
	/*maincontent*/
	.maincontent {background: #ffffff;}
	
		
	/*footer*/
	.footer-link , .footer-info {
		margin:0;
		width:100%;
	}	
	
	.footer img[alt="footer images"] {display:none;}	


	/*copyright*/
	.copyright {line-height:110%;}


	/*home-button*/	
	.home-button {padding:0 0;}

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

	.postul > li {
		margin:5px 0px 15px !important;
		width:calc(290px - 30px) !important;
		height:400px !important; 
	} 	


	/*home-info*/
	.home-info .left-video iframe {height:300px;}

	.home-info-more {width:100%;}
	 			
	 			
	/*home-sponsor*/			
	#homesponsor-container ul li {
		margin:0 15px !important;
		width:calc(100% - 30px);
	}
	
			
	/*contact*/	
  .recaptcha {
  	margin:5px calc(50% - 130px);
  	width:260px !important;
  }
  
  .g-recaptcha {max-width:260px;}	
  
  .g-recaptcha > div , .g-recaptcha iframe {width:260px !important;}	


	/*search-adv*/	
	.sub-seach {
		margin:20px calc(50% - 145px) 0;
		width:290px; 
	}
 	
 	.sub-seach a#clear-button {
 		padding:12px 15px;
 		width:130px;  
 		font-size:1.12em;
 	}
  
  .sub-seach input {
  	padding:10px 70px 10px 15px;
  	width:100px;  	
  	font-size:1.12em;
  	background:#01b6e3 url(graphics/more-w.webp) no-repeat bottom 10px right 15px;   	
  	background-size:25px;
  	float:right;
  }
  

	/*searchinfo*/	
	.searchinfo .process-info-body a {margin:10px calc(50% - 75px) 5px;}
		
	
	/*events list*/	
	#menu-14299 #artboard , #menu-14300 #artboard , #menu-14301 #artboard , 
	#menu-14302 #artboard , #menu-14303 #artboard {background:#fff;}

	
	/*recommend*/
	.recommend .postul {
		margin:0px calc(50% - 145px);
		width:290px;
	}
	
	.recommend .postul > li {
		margin:5px 0px 15px !important;
		width:calc(290px - 30px) !important;
		height:400px !important; 
	} 	
	
	
	/*kidscience*/
	.kid-images {margin:15px 0;}	
	
	.kidscience-nav ul.tabs li {width:calc(50% - 13px);}
	

	/*group*/
	#general-content-main .group-top ul li h2 {
		margin:5px 0 0;
		width:100%;
	}
	
	#general-content-main .group-top ul li h2 {font-size:1.5em;}

	#general-content-main .group-top ul li:first-child h2 {margin: 0;}
	
	#general-content-main .group-top ul li h2 a span {margin:0 calc(50% - 130px) 5px;}
		
	#general-content-main .group-top ul li .imglink {display:none;}	
		
		
	/*pshall*/			
	.pshall-info ul {
		margin:0 0;
		width:100%;
	}

	.pshall-info ul li {
		margin:0px;
		width:100%;
	}
	
		
	.pshall-nav ul li {width:100%;}
	
	.pshall-nav ul li:nth-child(1) img {margin:0 0% 0px;}
	
	.pshall-nav ul li:nth-child(2) img {
		margin:0 0% 15px;
		width:100%;
	}
	
	.pshall-nav ul li:nth-child(3) img , .pshall-nav ul li:nth-child(4) img , .pshall-nav ul li:nth-child(5) img {
		margin:0 0% 15px;
		width:100%;
	}	
	

	/*學生創意徵件*/ 
	.create-qualification img[alt="參賽資格標題"] {
		margin:0 0 0 calc(100% - 100px);
		width:100px;
		top:0;
	}

	.create-info-body img[alt="競賽內容標題"] {
		width:100px;
		top:-65px;
	}
	

	 #general-content-main .create-standard ul.standard li {
  	padding:15px 15px;
  	margin:155px 15px 10px; 
  	width:calc(100% - 60px);  
  }	
  
   #general-content-main .create-standard ul.standard li h3 {
   	background: url(graphics/create-standard.webp) no-repeat center top;
		background-size:100%;	
  }
  
  					
}