/*nstctrain 2025*/
	
	/*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: 165%;
		color:#4c4948; 
		background:#fff;  
		cursor:default; 
		position:relative;
	}
	
	div , p , table { 
		padding:0; 
		margin:0px 0; 
		width: 100%; 
		float:left;
	}
	
	p {margin:5px 0;}
		
		
	/*title*/
	h1 , .ten-title , .orbit-team-title1 , .posting-title , .post-title , 	#catalog_display h1 span , 
	#main_info span , .emailtitle , #menu-name , .project-title , 
	.play-title , .home-search-title , .search_criteria-title , .market-title1 , .market-title2 {
		margin:15px 0 15px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#105597;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h1 span , .ten-title span , .orbit-team-title1  span , .project-title span , .play-title span , .home-search-title span , .search_criteria-title span , .market-title1 span , .market-title2 span {
		margin:0px calc(50% - 150px) 15px;
		width:300px;
		color:#105597;
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:40px;
		position:relative;
		z-index:2;
		float:left;
	}
	
	h1 div {
		line-height:120%;
		color:#ecf5da;
		font-size:1.5em;
		font-weight:900;
		position:relative;
		top:25px;
		z-index:1;
	}
	
	#menu-14397 #news-content .post-title span span {
		width:100%;
		text-align:center;
		float:left;
	}

	h2 {
		margin:10px 0 10px;
		width:100%;
		font-size:1.75em;
		line-height:140%;
		color:#4b4847;
		font-weight:bold;
		text-align:center;
		float:left;
	}

	h3 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:140%;
		color:#b07cda;
		font-weight:bold;
		text-align:center;
		float:left;
	}

	h4 {
		margin:10px 0;
		width:100%;
		font-size:1.25em;
		line-height:130%;
		color:#005400;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	h5 {
		padding:0 0;
		margin:10px 0 ;
		width:100%;
		font-size:1.12em;
		line-height:130%;
		color:#4c4948;
		font-weight:bold;
		float:left;
	}
	
	h5 span {color: #01b6e3;}

	/*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;
	 }
	
	.logo a img:hover , #flash-box img:hover , .footer-info img:hover , 
	.eventimg img , .homegif img , .top-right a img:hover ,
	.ul-news-picture a img:hover , .pshall-nav ul li a img:hover ,
	#menu-14685 .maincontent img , 
	#home-sponsor a img   {opacity: 1;}

	.printer , hr {display:none;}		
	
	.sr-only {display:None;}
	
	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	#general-content-main ul li , #news-content ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.webp) no-repeat left top 5px; 
		background-size:15px;
		float:left;
	}

	#general-content-main ul li ul li , #news-content ul li ul li {
		background: url(graphics/li1.webp) no-repeat left top 5px; 
		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: #105597;
		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:#1a2a51; 
		border:none;
	}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , 
	input[type="email"] , textarea  {
		width:calc(100% - 14px); 
		color:#4c4948;	
		border:2px solid #105597; 
		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:#4c4948;   
		border:none; 
		border-radius:10px;
		background: #fff;		
		border:2px solid #105597; 
		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:5px 15px;		
		border-radius:10px;
		display:block;
	}
	
	.pageselection li.activepage {
		padding:5px 15px;
		color:#fff;
		font-weight:900;
		background:#105597;
		border-radius:10px;
	}
	
	.pageselection li a:hover {
		color:#fff;
		background:#1a2a51;
	}
	
	.pageselection ul li.firstpage a , .pageselection ul li.lastpage a {padding:5px 10px;}
	
	.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:#4c4948; 
  	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: #105597;
		border:2px solid #105597;
		border-radius:10px;
		float:left;
	}
	
	#LightBox1.box_content ul li a:hover {
		background:#1a2a51;
		border:2px solid #1a2a51;
	}

	#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;
		position:relative;
	}
	
	/*header*/
	.header {
		padding:10px 5% 0;
		width:90%;
		/*border-bottom: 3px solid #ececec;*/
	}
	
			
	/*logo*/
	.logo {
		margin:15px 0;
		width:300px; 
	}
	
	.logo a {
		width:100%; 
		float:left;
	}
	
	/*#home .logo a {display:none;}*/
	
	
	/*top-social*/
	.top-social {
		margin:10px 15px 0 calc(100% - 583px);
		width:268px;
	}
	
	.top-social a {
		width:100%; 
		font-size:1.25em;
		font-weight:bold;
		color:#9fa0a0;
		float:left;  
	}
		
	.top-social ul li {
		margin:0 10px; 
		width:35px; 
		float:left
	}

	.top-social ul li:first-child {
		padding:5px 0 0;
		width:83px;
	}
	
	
	/*mainmenu*/
  #mainmenu {
  	margin:15px 0 0 0;
  	width:calc(100% - 400px);  
  	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:10px 25px;
		font-size:1.25em; 
		font-weight:bold;
		color:#9fa0a0; 
		border-radius:30px;
		float:left; 
	}
	
	#mainmenu ul li a:hover {color:#1a2a51;}
	
	#mainmenu ul li#menu14316 > a , #mainmenu ul li#menu14371 > a ,
	#mainmenu ul li#menu14368 > a , #mainmenu ul li#menu14321 > a , 
	#mainmenu ul li#menu14409 > a {
		padding:10px 35px 10px 25px; 
		background: url(graphics/menu-arrow.webp) no-repeat right 12px top 20px; 
		background-size:12px;
	} 
	
	#mainmenu ul li#menu14316 > a:hover , #mainmenu ul li#menu14371 > a:hover,
	#mainmenu ul li#menu14368:hover > a , #mainmenu ul li#menu14321 > a:hover , 
	#mainmenu ul li#menu14409 > a:hover   {
		background: url(graphics/menu-arrow-h.webp) no-repeat right 12px top 20px; 
		background-size:12px;
	} 
	
	#mainmenu ul li#menu14335 {display:none;}	
	
	#mainmenu ul li.activemenu > a , #home  #mainmenu ul li#menu14367 > a , #menu14367 #mainmenu ul li#menu14367 > a {
		color:#fff;
		background:linear-gradient(to bottom, #28728a , #1a2a51);
	}
	
	#mainmenu ul li#menu14368.activemenu > a , #mainmenu ul li#menu14409.activemenu > a {
		color:#fff;
		background:linear-gradient(to bottom, #28728a , #1a2a51) ;
	}
	
	
	/*css for dropdown menu */
  #mainmenu ul li ul {
  	padding:0; 
  	margin:0px; 
  	position:absolute; 
  	display:none;
  	top:47px;
  	left:-10px;
  	z-index:99;
  	box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
  } 

  #mainmenu ul li#menu14368 ul , #mainmenu ul li#menu14321 ul {left:-20px;} 

  #mainmenu ul li#menu14409 ul {left:-20px;} 
  
  #mainmenu ul li:hover > ul {
  	padding:0;
  	margin:0 ;
  	width: 160px;
  	background: #fff;
  	display: block;  
  }

  #mainmenu ul li#menu14368:hover > ul , #mainmenu ul li#menu14321:hover > ul  , 
  #mainmenu ul li#menu14409:hover > ul {width: 200px;} 
  
 	#mainmenu ul li ul li {
 		padding:0px; 
 		margin:0;
 		width:100%;  
 		text-align:center;  
 		border-bottom:1px solid #9fa0a0;
 		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); 
		border-radius:0px;
  	text-align:center;
  }
  
  #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover {
  	background:#1a2a51; 
  	color:#fff;
  }
  
  #mainmenu ul li ul li:hover a {background:#1a2a51;}


	
	/*maincontent*/
	.maincontent {
		padding:30px calc(50% - 600px) 45px; 
		margin:0px 0 0px;
		width:1200px;  
		min-height:55vh; 
		background: linear-gradient(to bottom, #fff , #f9f9f9);
	}
	
	.maincontent-body {position:relative;}	
	
	#home	.maincontent {display:none;}
	
	#menu-14305	.maincontent {background:none;}
	
	#menu-14301 .maincontent , #menu-14303 .maincontent , #menu-14304 .maincontent , #menu-14336 .maincontent , #menu-14395 .maincontent {
		background: url(graphics/home-info.webp) left top no-repeat;
		background-size:100%;
	}

	#menu-14406 .maincontent {
		padding:0px 0; 
		width:100%;
	}	 

	#menu-14406 .maincontent-body {
		padding:30px calc(50% - 600px) 45px; 
		width:1200px;  
		background: url(graphics/home-top.webp) left top repeat-x;
	}


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

	/*footer*/
	.footer {
		padding:60px 0 0px;
		width:100%;  
		background:#fff url(graphics/footer.webp) center top no-repeat;
		background-size:100% auto;
	}
	
	.footer-body {
		border-bottom:20px solid #f9f9f9;
		position:relative;
	}
	
	.footer-body img[alt="footer-right"] {
		width:250px;
		position:absolute;
		bottom:0px;
		right:calc(50% - 640px);
	}
	
	
	/*footer-unit*/
	.footer-unit {
		margin:30px calc(50% - 600px) 30px;
		width:1200px; 
		position:relative;
		background: url(graphics/footer-bg.webp) right top no-repeat;
		background-size:280px auto;
	}

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

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

	.footer-unit .flipopen img[alt="closearrow"] {display:inline-block;}
	.footer-unit .flipopen img[alt="openarrow"] {display:none;}	
				
		
	.footer-unit img[alt="footer-top"] {
		width:200px;
		position:absolute;
		top:0px;
		left:500px;
	}
	
	
	/*home-sponsor*/
	.home-sponsor {
		padding:0px 0 !important;
		margin:0px calc(50% - 600px) 30px !important;
		width:1200px !important; 
	}
	
	.home-sponsor ul {}
	
	.home-sponsor ul li {
		margin:0px 10px;
		width:calc(25% - 20px);  
		color:#fff; 
		text-align:right; 
		letter-spacing:-8px;
	}	
	
	
	/*footer-info*/
	.footer-info {
		padding:30px 0 15px;
		margin:0 calc(50% - 400px) 15px;
		width:800px; 
		border-top:3px dashed #77cfff;
	}
	
	.footer-link {width:435px;}		

	.footer-info ul {
		margin:0px 0 0 50px;
		width:305px; 
	}	
	
	.footer-info li {
		margin:5px 0;
		width:100%; 
		color:#4c4948; 
		float:left;
	}
	
	.footer-info li:last-child {width:100%;}
	
	.footer-info li a {color:#4c4948;}
	
	.footer-info li a:hover {color: #105597;}

	
	
	/*copyright*/
	.copyright {
		padding:5px 15px 0; 
		margin:0px 0 15px; 
		width:calc(100% - 30px);
		font-size:0.75em;
		text-align:center; 
	}
	
	.copyright a {color: #105597;}
	
	.copyright a:hover {color: #1a2a51;}
	
	
	/*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 #105597;
		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:#105597; 
		cursor:pointer;  
		display:block;  
		float:right; 
		border-radius:10px;
	}
	
	.policy .policy-exit:hover {background:#1a2a51;}
	
	.policy p {
		width:calc(100% - 125px); 
		color:#4c4948;
	}
	
	.policy p a {
		margin:0 0 0 5px;
		font-weight:bold; 
		color:#105597;
	}	
	
	.policy p a:hover {color:#1a2a51;}
	
	
	/*home*/
	#home #artboard , #menu-14305 #artboard {background:#fff url(graphics/home-top.webp) left top repeat-x;}	 
	 
	
	/*homegif*/
	.homegif {
		padding:15px 5% 0;
		width:90%;
	}	
	
 	@media screen and (min-width:1921px){
	.homegif {
		padding:15px calc(50% - 800px) 0px;
		width:1600px; 
		}
	}		 


	/*home-button*/
	.home-button {margin:30px 0 60px;}
	
	.home-button li {
		margin:0 10px;
		width:calc(22.5% - 20px);
		float:Left;
	}
	
	.home-button li:first-child {width:calc(26% - 20px);}
	
	.home-button li:last-child {width:calc(29% - 20px);}

	
	/*home-info*/
	.home-info {
		padding:0px calc(50% - 600px) 0px;
		width:1200px;  
		background: linear-gradient(to bottom, #fff , #f9f9f9);
	}
	  
	  
  /*home-news*/
 	.home-news {
 		padding:0 0 30px;
 		margin:30px 0 30px;
 		position:relative;
 	}
 	
	.home-news #news-list {
		margin:0 0 30px;
		width:100%; 
	}

	.home-news #news-list-top {display:none;}
 
	 
	.home-news img[alt="news-left"] {
		width:320px;
		position:absolute;
		top:-5px;
		left:0px;
	}
	
	.home-news img[alt="news-right"] {
		width:150px;
		position:absolute;
		top:-40px;
		right:150px;
	}
	
	
	.home-news .morenews {
		padding:3px 10px 5px;
		margin:0 calc(50% - 80px);
		width:140px;
		color:#fff;
		background:#105597 url(graphics/right.webp) no-repeat center right 5px; 
		background-size:25px;
		text-align:center;
		border-radius:20px;
		float:left;
	}
		
	.home-news .morenews:hover {
		background:#1a2a51 url(graphics/right.webp) no-repeat center right 5px; 
		background-size:25px;
	}
	
		
	/*home-project*/
	.home-project {
		padding:45px calc(50% - 600px) 45px;
		width:1200px;  
		background: url(graphics/tenyear-bg.webp) left 20% top 100px no-repeat;
		background-size:80px auto;
	}
	
	.home-project-body {
		background: url(graphics/project-right.webp) right top no-repeat;
		background-size:160px auto;
	}
	
	.project-title span , .play-title span , .home-search-title span {
		margin:0px calc(50% - 240px) 15px;
		width:480px;
	}
	
	.home-project ul {
		margin:0 calc(50% - 500px) 0;
		width:1000px
	}
	
	.home-project ul li {
		padding:0;
		margin:15px 20px;
		width:calc(33.3% - 40px);
		float:left;
		position:relative;
	}
	
	.home-project ul li a {
		width:100%;
		background: url(graphics/10button1-bg.webp) left top no-repeat;
		background-size:99.5%;
		border-radius:20px;
		float:left;
	}

	.home-project ul li:nth-child(2) a {
		background: url(graphics/10button2-bg.webp) left top no-repeat;
		background-size:99.5%;
	}
	
	.home-project ul li:last-child a {
		background: url(graphics/10button3-bg.webp) left top no-repeat;
		background-size:99.5%;
	}
		
	.home-project ul li a img {
		margin:0 0px;
		width:calc(100% - 0px);
		border-radius:20px;
		float:left;
	}
	
	.home-project ul li a img:hover {opacity: .0;}
	
	
	/*home-play*/
	.home-play {
		margin:30px calc(50% - 600px) 45px;
		width:1200px;
		position:relative;  
	}
	
	.home-play img[alt="play-left"] {
		width:160px;
		position:absolute;
		top:45px;
		left:120px;
	}
	
				
	/*home-events*/
	#home-events {
		padding:60px calc(50% - 600px) 60px;
		width:1200px;  
		background:#f9f7fb; 
		border-radius:0 100px 0 100px;
	}
	
	.home-events-body {position:relative;}
	
	#taiwanmap {width:45%;}
	
	#mapinfo {
		margin:0 0 0 30px;
		width:calc(55% - 30px);
		height:700px;
	}
	
	#mapinfo h1 {margin:15px 0 5px;}
	
	#mapinfo h1 span {
		margin:0px calc(50% - 260px);
		width:520px;
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:40px;
	}
	
	#mapinfo h2 {margin:0px 0 10px;}
	
	
	.day-info {margin:30px 0 30px}
	
			
	#mapinfo table {
		margin:5px 0;
		font-size:1.25em; 
	}
	
	#mapinfo table tr {}
	
	#mapinfo table tr td {
		padding:5px 0; 
		margin:2.5px;
		width:calc(25% - 26.5px);  
		text-align:center; 
		background:#fff; 
		border-radius:10px; 
		height:auto;
		float:left; 
	}
	
	#mapinfo table tr td.none ,	#mapinfo table tr:first-child td.none {background:none;}
	
	#mapinfo table tr td:first-child , #mapinfo table tr td.station , #mapinfo table tr td.station1 {width:80px; }	
	
	#mapinfo table tr:first-child td:first-child , #mapinfo table tr td.station  {
		color:#fff;
		background:#ec747e !important; 
	}
	
	#mapinfo table tr:first-child td {background:#f8c9c9;}
	
	#mapinfo table tr:first-child td.others {background:#f6d5c4;}
	
	#mapinfo table a {color:#4c4948; }	
	
	#mapinfo table td:hover a , #mapinfo table a:hover {color:#105597;}
	
			
	.pop-exit , .pop-exit1 {
		width:40px; 
		position:absolute; 
		top:15px;
		right:15px; 
		cursor:pointer; 
		display:none;
	}
	
	
	#home-events img[alt="map-right"] {
		width:220px;
		position:absolute;
		bottom:-60px;
		right:0px;
	}
	
	
	/*home-detail*/
	.home-detail {
		padding:45px calc(50% - 600px) 30px;
		width:1200px;  
		background: linear-gradient(to bottom, #fff , #f9f9f9);
	}
	
	
	.home-main-video {margin:0 0 30px;}
	
	.home-main-video iframe {height:600px;}
		
		
	.home-video {
		padding:0px 0 !important;
		margin:0 30px 0 0 !important;
		width:50% !important;
	}
	
	.home-video iframe {height:350px;}
	
	.home-video ul li {
		margin:0;
		width:100%;
		float:Left;
		letter-spacing:-8px;
	}	
	
	
 	.home-search {
 		width:calc(50% - 30px); 
 		float:right; 
 	}
	
 	.home-search ul {}
 	
 	.home-search ul li {
 		margin:0 5px 30px;
 		width:calc(33.3% - 10px);
 		float:Left;
 	}
 		
 	 	
 	/*article list*/
	.listing-title , #news-list-bottom  {display:none;}
	
	#news-list {
		margin:15px calc(50% - 400px);
		width:800px;
	}
	
	#postingNotice {
		padding:30px 50px;
		margin:0 calc(50% - 400px);
		width:700px;
		border:3px solid #b07cda;
		display:none;
	}

	.listing-ul {		
		padding:15px 30px;
		margin:0px 0; 
		width:calc(100% - 60px); 
		border-top:3px solid #e9e9e9;
	}
	
	.listing-ul:hover {background:#e9e9e9;}
	
	#last-ul.listing-ul {border-bottom:3px solid #e9e9e9;}	
	
	
	.listing-ul li {
		width:100%;
		float:Left;
	}
	
	.listing-ul li.upc-subject {
		margin:0 0;
		width:100%;
		font-size:1.25em;
	}
	
	.listing-ul li.upc-subject a {
		padding:5px 50px 5px 0; 		
		width:calc(100% - 50px); 
		font-size:1.12em;
		color:#4c4948;
		background: url(graphics/right.webp) right 15px center no-repeat; 
		background-size:35px; 
		float:left;
	}	
	
	.listing-ul li.upc-subject a span {
		margin:3px 0 10px;
		width:110px;
		font-size:0.8em;
		font-weight:bold;
		float:left;
	}
	
	.listing-ul li.upc-subject a div {
		padding:3px 5px 5px;
		margin:0 calc(100% - 270px) 10px 0;
		width:150px;
		color:#fff;
		font-size:0.8em;
		text-align:center;
		background:#a0cb46;
		border-radius:20px;
	}
	
	.listing-ul li.upc-picture , .listing-ul li.upc-date , .listing-ul li.new , .listing-ul li.upc-more , .listing-ul li.icon {display:none;}
	
	
	.go-back {margin:15px 0 15px;}
	
	.go-back a { 
		margin:0 calc(50% - 75px);
		padding:10px 10px;
		width:130px;  
		color:#fff;
		text-align:center; 
		background:#ff84bc;
		border-radius:10px;
		float:left;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
	}
	
	.go-back a:hover {background:#b07cda;} 
	

	#menu-14408 #news-list {
		margin:15px calc(50% - 600px);
		width:1200px;
	}
	
	#menu-14408 .listing-ul {		
		padding:15px 10px;
		margin: 0;
		width:calc(33.3% - 20px); 
		border-top:none;
	}
	
	#menu-14408 .listing-ul:hover {background:none;}
	
	#menu-14408 #last-ul.listing-ul {border-bottom:none;}	

	#menu-14408 .listing-ul li {margin:0 0 15px;}
	
	
	/*article detail*/	
	#news-content {}
	
	#news-content .post-title {}	
	
	#news-content .post-title div {display:none;}

	#news-content .post-title span {margin: 0 10px 0 0;}

	#news-content .post-date {
		margin:10px 0; 
		text-align:center;
		display:none;
	}
	
	#news-content .post-brief {
		margin:0px 0 15px;
		color:#003e8b;
		text-align:center; 
	}
	
	#news-content .post-brief span {
		margin:0 15px 0 0;
		width:auto; 
		font-size:1.25em; 
		font-weight:900;
		display:inline-block; 		
	}
	
	#events-main-picture {margin:15px 0 15px;}
	
	#gallery-imglist {margin:0px 0 15px;}

	#gallery-imglist .imgbody {
		margin:0 1% 15px;
		width:31.3%; 
	}
	
	
	.break-line {display:none;}
	
	#news-content .news-pic {}
	
	#news-content .news-pic ul {}
	
	#news-content .news-pic ul li {
		padding:0 0; 
		margin:0 1% 15px; 
		width:18%; 
		text-align:center;
		background:none; 
		float:left; 
	}
	
	.news-detail .news-pic ul li img {
		width:auto; 
		height:150px; 
		float:none;
	}
	
	
	#news-content .two-pic {margin:15px 0 5px;}
	
	#news-content .two-pic ul {}
	
	#news-content .two-pic ul li {
		padding:0 0; 
		margin:0 1% 15px;
		width:48%;  
		/*min-height:480px; */
		text-align:center;
		background:none;  
	}
	
	#news-content .two-pic ul li img {
		width:100%;
		float:left;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); 
	}
	
	
	/*origin*/
	#menu-14368 .maincontent {
		padding:15px 0 0px; 
		width:100%;
		background: url(graphics/original.webp) right top repeat-y;
		background-size:1500px auto;
	}
	
	#menu-14368 #general-content {
		padding:0px calc(50% - 600px); 
		width:1200px;
	}
	
	.origin-start h1 {margin:15px 0 20px;}
	
	
	.origin-start {
		padding:60px 150px 60px;
		width:calc(100% - 300px);
		background:#f5faf7;
		border-radius:50% 50% 50px 50px;
		position:relative;
	}
			
	.origin-start img[alt="start-right"] {
		margin:0 0;
		width:180px;
		position:absolute;
		top:-30px;
		right:150px;
	}
	
	
	.main-image {margin:5px 0 15px;}
	
	.main-image img {
		margin:5px calc(50% - 400px);
		width:800px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); 
	}
	
	.main-image p {text-align:center;}
	
	
	.tenyear-area {
		padding:45px 0 30px;
		background: url(graphics/tenyear-bg.webp) left top 100px no-repeat;
		background-size:80px auto;
		text-align:center;
		position:relative;
	}		

	.tenyear-area .ten-title span {
		margin:0px calc(50% - 188px) 15px;
		width:376px;
	}
	
	#general-content-main .tenyear-area ul {}
	
	#general-content-main .tenyear-area ul li {
		padding:0;
		margin:0 20px 45px;
		width:calc(50% - 40px);
		background:none;
	}
	
	#general-content-main .tenyear-area ul li:last-child {margin:0 calc(25% + 20px) 45px;}
	
	#general-content-main .tenyear-area ul li img {
		margin:0 calc(50% - 200px) 5px;
		width:400px;
		float:left;
	}
	
	#general-content-main .tenyear-area ul li h4 {
		padding:10px 10px;
		margin:5px calc(50% - 180px);
		width:340px;
		color:#fff;
		font-weight:500;
		background:#61bfa9;
		border-radius:20px;
	}
	
	#general-content-main .tenyear-area ul li h4 span {
		margin:0px calc(50% - 140px) 0;
		width:280px;
		color:#fff;
		background:url(graphics/h4-left.webp) no-repeat left bottom, url(graphics/h4-right.webp) no-repeat right bottom; 
  	background-size:20px;
  	float:left;
	}
	
	.tenyear-area img[alt="tenyear-left"] {
		width:250px;
		position:absolute;
		bottom:300px;
		left:50px;
	}
	
	
	.tenyear-video {}
	
	.tenyear-video  .ten-title span {
		margin:0px calc(50% - 300px) 15px;
		width:600px;
	}

	.video-brief h2 {font-size:1.5em;}

	.video-brief h2 span {
		width: 100%;
		float:Left;
	}

	.tenyear-video img {
		margin:0px calc(50% - 300px) 15px;
		width:600px;
	}
	
	
	/*tenyear-orbit*/
	.tenyear-orbit {
		padding:5px calc(50% - 600px) 45px;
		width:1200px;
		background: linear-gradient(to bottom, #fff , #f9f9f9);
		position:relative;
	}
		
	.tenyear-orbit .ten-title span {
		margin:0px calc(50% - 250px) 15px;
		width:500px;
	}
		
	.tenyear-nav {margin:30px 0 0px;}
	
	.tenyear-nav ul {}
	
	.tenyear-nav ul li {
		padding:0;
		margin:0 5px;
		width:calc(20% - 10px); 
		text-align:center;
		float:left;
	}
	
	.tenyear-nav ul li a {
		padding:5px 0 5px;
		margin:0 calc(50% - 82px) 15px; 
		width:160px;
		font-weight:bold;
		font-size:1.25em;
		color:#4c4948;
		border:2px solid #d5ebda;
		border-radius:20px;
		float:left;
	}
	
	.tenyear-nav ul li:hover a , .tenyear-nav ul li.active a {
		color:#06532c;
		background:#d5ebda;
	}
	
	
	/*orbit-list*/
	.orbit-list {margin:30px 0 45px;}
	
	.orbit-list-body {
	  width: 1100px; /* 根據你的設計調整寬度，這裡假設是3個li的總寬度 */
	  overflow: hidden;
	  position: relative;
	}

	.orbit-list-body ul.postul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: 9999px; 
	  position: relative;
	  left: 0;
	  top: 0;
 
	}

	.orbit-list .postul > li {
		padding:80px 10px 10px !important;
		margin:5px 0px 5px !important;
		width:346px !important; 
		height:auto !important; 
		background: url(graphics/tenyear-list.webp) no-repeat center top 10px; 
		background-size:100%;
		letter-spacing:normal; 
		vertical-align:top; 		
		float:left;
	} 
	
	.orbit-list .postul > li .ul-news-info {
		padding:0px 0px 15px;
		background:#fff;		
		border-radius:20px;
		box-shadow: 3px 3px 8px rgba(0, 0, 0, .3);
		position:relative;
	}	
	
	
	.orbit-list .postul > li .ul-news-info div {
		padding:10px 15px;
		width:calc(100% - 30px);
		float:left;
	}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-date {
		padding:20px 15px;
		color:#06532c;
		font-size:1.5em;
		font-weight:900;
		background:#d5ebda;
		border-radius:20px 20px 0 0;
		text-align:center;
	}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-date::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 30px solid;
    position: absolute;
    top: -60px;
    right: calc(50% - 30px);
    border-color:  transparent transparent #d5ebda;
	}		
	
	
	.orbit-list .postul > li .ul-news-info div.ul-news-picture {padding:20px 15px 10px;}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-heading {
		padding:5px 15px 0;
		color:#105597;
		font-size:1.25em;
		font-weight:900;
		text-align:center
	}
		
	.orbit-list .postul > li .ul-news-info div.ul-news-more {margin:15px 0 0;}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-more a {
		padding:3px 10px 5px;
		margin:0 calc(50% - 80px);
		width:140px;
		color:#fff;
		background:#105597 url(graphics/right.webp) no-repeat center right 5px; 
		background-size:25px;
		text-align:center;
		border-radius:20px;
		float:left;
	}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-more a:hover {
		background:#1a2a51 url(graphics/right.webp) no-repeat center right 5px; 
		background-size:25px;
	}
	

	.orbit-list .pre-post, .orbit-list .next-post {
		margin:0px; 
		width:50px; 
		cursor:pointer;
	}  
	
	.orbit-list .pre-post a {
		margin:0;
		width:100%; 
		height:50px; 
		background: url(graphics/left-1.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 
	
	.orbit-list .next-post a {
		margin:0;
		width:100%; 
		height:50px; 
		background: url(graphics/right-1.webp) no-repeat center center; 
		background-size:100%;
		float:left;
	} 
	
	
	#tab1 .orbit-list .pre-post a , #tab1 .orbit-list .next-post a ,
	#tab2 .orbit-list .pre-post a , #tab2 .orbit-list .next-post a , 
	#tab3 .orbit-list .pre-post a , #tab3 .orbit-list .next-post a , 
	#tab4 .orbit-list .pre-post a , #tab4 .orbit-list .next-post a , 
	#tab6 .orbit-list .pre-post a , #tab6 .orbit-list .next-post a {background:none;}
		
	
	/*orbit-team */
	.orbit-team {
		padding:0 35px;
		width:calc(100% - 70px);
	}
	
	.orbit-team .ten-title span {
		margin:0px calc(50% - 315px) 0px;
		width:630px;
	}

	.orbit-team .orbit-team-title1 span {
		margin:0px calc(50% - 150px) 0px;
		width:300px;
	}

	.orbit-team h4 {margin:0 0 20px;}

	.orbit-team ul {}
	
	.orbit-team ul li {
		margin:5px 10px 30px;
		width:calc(33.3% - 20px);  
		min-height: 140px;
		float:left;
	}
	
	.orbit-team ul li a {
		width:100%;
		color:#4c4948;
		float:left;
	}
	
	.orbit-team ul li a:hover {color:#1a2a51;}
	
	.orbit-team ul li img {
		width:100px;
		border-radius:50%;
		float:left;
	}
	
	.orbit-team ul li span {
		padding:15px 0;
		margin:0 0 0 15px;
		width:calc(100% - 115px);
		float:left;
	}
	
	
	/*market*/
	#menu-14406 h3 {text-align:left;}

	.market-title span {
		margin:0px calc(50% - 215px) 0px;
		width:430px;
	}
	

	.market-title1 span {
		margin:0px calc(50% - 165px) 0px;
		width:330px;
	}
	
	
	.market-title2 span {
		margin:0px calc(50% - 180px) 0px;
		width:360px;		
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:40px;
	}

	
	#general-content-main ul.market-events {
		margin:5px 0 10px;
	}

	#general-content-main ul.market-events li {
		padding:0 0;
		margin:0 0 30px;
		width:100%;
		background:none;
		float:left;
	}
		
	#general-content-main ul.market-events li ul li {
		padding:0;
		margin:15px 10px 15px;
		width:calc(50% - 20px);
	}	
	
	#general-content-main ul.market-events li ul li img {
		width:185px;
	}
	
	#general-content-main ul.market-events li ul li div {
		margin:0px 0 0 15px;
		width:calc(100% - 200px);
	}
	
	#general-content-main ul.market-events li ul li div h2 , #general-content-main ul.market-events li ul li div h4 {text-align:left;}

	#general-content-main ul.market-events li ul li div h2 {
		margin:0px 0 10px;
		font-size: 1.5em;
	}
	
	#general-content-main ul.market-events li ul li div h2 {color:#005400;}
	
	#general-content-main ul.market-events li ul li div h4 {color:#a0cb46;}
	
		
			
	/*station-pic*/
	menu-14377 .maincontent {
		background:#fff url(graphics/tenyear.webp) right 50px top repeat-y;
		background-size:1500px auto;
	}
	
	@media screen and (min-width:1921px){		
		menu-14377 .maincontent {
			background:#fff url(graphics/tenyear.webp) right 150px top repeat-y;
			background-size:1500px auto;
		}
	}

	.station-pic {}

		
	.pic-day-image {width:800px;}
	
	.station-pic img[alt="pic-right"] {
		margin:0 0;
		width:260px;
		position:absolute;
		top:15px;
		right:0px;
	}
	
	
	.station-list {margin:45px 0 45px;}
	
	.station-list ul {}
		
	.station-list ul li {
		padding:15px 15px;
		margin:0;
		width:100px;
		color:#1a2a51;
		font-size:1.25em;
		font-weight:900;
		text-align:center;
		background: url(graphics/station.webp) center center no-repeat;
		background-size:100% auto;
		float:Left;
	}
	
	
	.station-list ul li.pic-arrow {
		padding:10.5px 6.5px;
		width:35px;
		background:none;
	}
	
	
	.pre-station {
		padding:10px 0;
		width:100px;
	}
	
	.next-station {
		padding:10px 0;
		width:100px;
		text-align:right;
		float:right;
	}
	
	.pre-station span , .next-station span {
		padding:3px 0 5px;
		color:#4c4948;
		display:inline-block;
	}
		
	.pre-station img {
		margin:0 10px 0 0;
		width:35px;
		float:left;
	}
	
	.next-station img {
		margin:0 0 0 10px;
		width:35px;
		float:right;
	}
	
	.pre-station:hover , .next-station:hover {filter: grayscale(100%);}
		
	
	.station-title {
		width:calc(100% - 200px);
		text-align:center;
	}
	
	.station-title span {
		margin:0px calc(50% - 150px);
		width:300px;
		color:#1a2a51;
		font-weight:500;
		background: url(graphics/pic-title-left.webp) no-repeat left bottom, url(graphics/pic-title-right.webp) no-repeat right bottom; 
  	background-size:40px;
		float:left;
	}
	
	.station-title div {
		line-height:120%;
		color:#ecf5da;
		font-size:8em;
		font-weight:900;
		position:relative;
		z-index:2;
	}
	
	
	.station-text {
		padding:100px 200px;
		margin:45px 0 0;
		width:calc(100% - 400px);
		background:#f5faf6;
		border-radius:0 50px 0 50px;
		position:relative;
	}
	
	.station-text img[alt="text-left"] {
		margin:0 0;
		width:260px;
		position:absolute;
		top:-40px;
		left:-90px;
	}
	
	.station-text img[alt="text-right"] {
		margin:0 0;
		width:300px;
		position:absolute;
		bottom:0px;
		right:-90px;
	}
	
	.station-text > div {margin:0 0 10px;} 
	
	.station-text > div h4 {
		padding:5px 15px 7px;
		width:150px;
		color:#fff;
		font-weight:500;
		background:#185596;
		border-radius:50px;
	} 
	
	.station-text > div p {
		margin:15px 0 15px 15px;
		width:calc(100% - 195px);
	}
	
		
	.pic-table {
		margin:60px 0 15px;
		width:100%;  
		height:680px; 
		overflow-y:scroll;
		/*display: none;*/
	}
	
	.pic-table > div {margin:15px 0 0;}
	
	.pic-table > div > div {
		margin:0 10px 15px;
		width:calc(33.3% - 20px); 
	}
	
	
	.pic-table > div > div img {
		border-radius:10px;
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
	}
	

	/*menu-14301 , menu-14303 , menu-14304 , menu-14336*/
	#menu-14301 .news-detail h3 , #menu-14303 .news-detail h3 , #menu-14304 .news-detail h3 , #menu-14336 .news-detail h3 , #menu-14395 .news-detail h3 {
		margin:5px 0 15px; 
		width:100%; 
		color:#003e8b;
	}
	
	#menu-14301 #news-content , #menu-14303 #news-content , #menu-14304 #news-content , #menu-14336 #news-content , #menu-14395 #news-content {
		margin:0 calc(50% - 300px);
		width:600px; 
	}

	#menu-14301 #news-content img , #menu-14303 #news-content img , #menu-14304 #news-content img , #menu-14336 #news-content img , #menu-14395 #news-content img {box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);}
	
	#news-content .htag {text-align: Center;}
	
  #news-content .htag a {
  	padding:5px 5px; 
  	margin:0 10px 5px 0;
  	width:auto;
  	color:#01b6e3;  
  	font-weight: bold;  
  	float:none; display: 
  	inline-block;
  }	

	#news-content .htag a:hover {color:#003e8b;}


	#menu-14301 #news-content ul li , #menu-14303 #news-content ul li , 
	#menu-14304 #news-content ul li , #menu-14336 #news-content ul li , 
	#menu-14395 #news-content ul li {
		padding:0 0 5px 5px; 
		margin: 0 0 0 20px;
		width:calc(100% - 25px);  
		list-style-type: decimal; 
		background: none;
	}
	
	#menu-14301 .news-detail ul.material li , #menu-14303 .news-detail ul.material li , 
	#menu-14304 .news-detail ul.material li , #menu-14336 .news-detail ul.material li , 
	#menu-14395 .news-detail ul.material li {width:calc(33.3% - 25px);}


	/*search-adv*/
	.search_criteria {
		margin:0px calc(50% - 400px);
		width:800px; 
	}
	
	.search_criteria-title {
		margin:15px 0 15px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#4c4948;
		font-weight:bold;
		text-align:center;
		float:left;
	}
	
	.search_criteria-title img {
		margin:0 0 0 10px;
		width:40px; 
		float:none; 
		display:inline-block;  
		position:relative; 
		top:5px;
	} 

	.search_criteria-title span {
		margin:0px calc(50% - 175px) 15px;
		width:350px;
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:40px;
	}
	
		
	.search_keyword , .search_organization , .search_location , .search_category , .search_subject , .search_oneday {margin:0 0 10px;}
	
	.search_keyword input {
		background:#fff url(graphics/search.webp) no-repeat center right 15px; 
		background-size:30px; 
		border-radius:10px;
	}
	
	.search_criteria select {border-radius:10px;}
	
	
	.search_subject {
		margin:0 5%;
		width:90%;
		letter-spacing:-8px; 
		text-align:center;
	}
	
  .search_subject p {
  	 margin:0 10px;
  	 width:auto; 
  	 letter-spacing:normal; 
  	 float:none; 
  	 display: inline-block;
  }
  
  .search_subject input[type="checkbox"] {display: none;}
	
	.search_subject input[type="checkbox"] + label {
		padding:5px 5px; 
		margin:0 0 10px;
		width:80px;  
		text-align:center; 
		color:#4c4948; 
		background:#fff; 
		border:2px solid #4c4948; 
		cursor: pointer; 
		border-radius:10px;
		float:left; 
	}
	
	.search_subject input[type="checkbox"] + label#subject_c {width:120px; }
	
	.search_subject input[type="checkbox"]:hover + label {
		color:#06532c;
		background-color:#d5ebda; 
		border:2px solid #61bfa9;
	}	
	
	.search_subject input[type="checkbox"]:checked + label {
		color:#06532c;
		background-color:#d5ebda;  
		border:2px solid #61bfa9;
	}		

			
	.sub-seach {
		margin:10px calc(50% - 153px); 0;
		width:300px; 
		text-align:center;		
	}
 
  .sub-seach a , .sub-seach input {
  	margin:0 5px; 
  	border-radius:10px; 
  }
 	
 	.sub-seach a#clear-button {
 		padding:7px 25px;
 		width:116px;  
 		color:#fff; 
 		background:#003e8b; 		
		border:2px solid #003e8b;
 		float:left;
 	}
  
  .sub-seach a#clear-button:hover {
  	color:#003e8b; 
 		background:#fff;
		border:2px solid #003e8b;
 	}
  
  .sub-seach input {
  	padding:10px 50px 10px 25px;
  	width:110px; 
  	border-radius:10px; 
  	background:#ec77aa url(graphics/right.webp) no-repeat center right 10px; 
  	background-size:30px; 
  }
 
  .sub-seach input:hover {
  	background:#b07cda url(graphics/right-h.webp) no-repeat center right 10px; 
  	background-size:30px;
  }


	/*searchinfo*/
	.searchinfo {
		padding:20px 50px; 
		margin:30px 0 0;
		width:calc(100% - 100px); 
	}

	.search_content {
		margin:15px 0 0
		text-align:center;
	}
	
  .search_content .listing-ul {
  	padding:15px 15px 15px;
		width:calc(100% - 36px); 
  }
  
	.search_content .listing-ul li {text-align:left;}
	
 	.search_content .listing-ul li.upc-picture {
 		margin:0;
 		width:350px; 
 		background:#fff; 
 		border-radius:10px; 
 		overflow:hidden; 
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
 		display:block;
 	}
  
  .search_content .listing-ul li.ul-news-status , .search_content .listing-ul li.new {display:none;}
  
  .search_content .listing-ul li.upc-info {
  	margin:0 0 0 15px;
  	width:calc(100% - 365px); 
  }
  
  .search_content .listing-ul li.upc-subject , .search_content li.upc-brief {
  	margin:0; 
  	padding:0;
  	width:100%; 
  }
  
	.search_content .listing-ul li.upc-subject a {
		padding:10px 0px; 		
		width:100%; 
		font-weight:bold;
		background: none;
	}	
	
	.search_content .listing-ul li.upc-subject:hover a {color:#003e8b;} 
	
	.search_content .listing-ul li.upc-brief .htag {margin:15px 0 0;}
	
  .search_content .listing-ul li.upc-brief a {
  	padding:5px 10px; 
  	margin:0 10px 10px 0; 
  	width:auto; 
  	color:#4c4948; 
  	border:1px solid #4c4948; 
  	border-radius:10px;
  	float:left; 
  }
	
	.search_content .listing-ul li.upc-brief a:hover {
		background:#d5ebda; 
		color:#06532c;
  	border:1px solid #61bfa9; 
	}


	/*daytable*/
	.uloppen1 {
		margin:5px 0 15px;
		width:100%;
		font-size:2.5em;
		line-height:150%;
		color:#5f5f5f;
		font-weight:bold;
		text-align: center;
	}

	.uloppen1 img {width:20px; float:none; display:inline-block;}
	.uloppen1 img[alt="closearrow"] {display:none;}
	.flipopen img[alt="closearrow"] {display:inline-block;}
	.flipopen img[alt="openarrow"] {display:none;}
	
	.maincontent ul.daytable {margin:0 0 15px; display:none;}
	.maincontent ul.daytable li {width:calc(33.3% - 30px); margin:0 15px 30px;}	
	.maincontent ul.dayone li {min-height:400px;}
	.maincontent ul.daytwo li {min-height:420px;}
	.maincontent ul.dayfour li:nth-child(3) {min-height:380px;}
	
	.daytable table {}
	.daytable table tr {font-weight:900;}
	.dayone table tr:first-child {background:#bdd7ee;}
	.daytwo table tr:first-child {background:#d5ebda;}
	.daythree table tr:first-child {background:#ffe599;}
	.dayfour table tr:first-child {background:#f7cbac;}
	.dayfive table tr:first-child {background:#f99fc8;}
	.daysix table tr:first-child {background:#cc99ff;}
	
	.dayone h2 {color:#0070c0;}
	.daytwo h2 {color:#538135;}
	.daythree h2 {color:#bf8f00;}
	.dayfour h2 {color:#c55911;}
	.dayfive h2 {color:#f44e99;}
	.daysix h2 {color:#cc99ff;}
	

	.daytable table tr td {padding:5px 0; text-align:center; border:1px solid #cccccc;}
	.daytable table tr td:first-child {width:50px;}
	.daytable table tr td:last-child {width:calc(100% - 54px);}
	

	/*searchhand*/
	#menu-14410 .posting-title span {
		margin:0px calc(50% - 200px) 15px;
		width:400px;
	}

	#menu-14411 .posting-title span {
		margin:0px calc(50% - 225px) 15px;
		width:450px;
	}


	#menu-14410  .search_content .listing-ul , 
	#menu-14411  .search_content .listing-ul {
  		padding:15px 15px 15px;
		width:calc(50% - 30px); 
  }

 	#menu-14410 .search_content .listing-ul li.upc-picture ,
 	#menu-14411 .search_content .listing-ul li.upc-picture {
 		margin:0;
 		width:100%; 
 		background:#fff; 
 		border-radius:10px; 
 		overflow:hidden; 
 		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
 		display:block;
 	}

	#menu-14410 .listing-ul , #menu-14410 #last-ul.listing-ul ,
	#menu-14411 .listing-ul , #menu-14411 #last-ul.listing-ul {
		border-top:none;
		border-bottom:none;
	}	

	#menu-14410 .listing-ul:hover , #menu-14411 .listing-ul:hover {border-radius:10px;}

	#load-more  {
 		padding:0;
 		margin:0 calc(50% - 90px);
 		width:180px;
 		float:right;
 		position:fixed;
 		bottom:35vh;
 		z-index:999;
 	}

 	.no-events {
 		margin: 15px 0;
 		font-size: 1.5em;
 		font-wegiht: bold;
 		color:#0070c0;
 		text-align: Center;
 	}


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






}







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

	/*header*/
	.header {
		padding:15px 15px 0;
		width:calc(100% - 30px);
		position:relative;
		border-bottom:3px solid #ececec;
	}

	#home .header {
		padding:15px 15px 0;
		border-bottom:none;
	}

	/*logo*/
	.logo {
		margin:15px calc(50% - 175px);
		width:350px; 
	}
	
	
	/*top-social*/
	.top-social {
		margin:0 0px;
		width:268px;  
		position:fixed; 
		top:2px; 
		right:0px; 
		z-index:99999;
	}
	

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


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

	#menu-14406 .maincontent-body {
		padding:15px 15px 30px;  
		width:calc(100% - 30px); 
		background: url(graphics/home-top.webp) left top repeat-x;
	}


	/*totop*/
	.totop {
		bottom:15px;
		right:15px;
	}


	/*footer*/
	.footer {
		padding:60px 0 0px;
		background:#fff url(graphics/footer.webp) center top no-repeat;
		background-size:100% auto;
	}
	
	.footer-body img[alt="footer-right"] {
		width:160px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
		
	/*footer-unit*/
	.footer-unit {
		margin:0px 15px;
		width:calc(100% - 30px); 
		background: url(graphics/footer-bg.webp) right 30px top no-repeat;
		background-size:240px auto;
	}
	
	
	.footer-unit img[alt="footer-top"] {
		width:200px;
		position:absolute;
		top:0px;
		left:500px;
	}


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


	/*footer-info*/
	.footer-info {
		padding:15px 0;
		margin:5px calc(50% - 400px) 0px;
		width:800px; 
	}
		

	/*copyright*/
	.copyright {
		padding:0 15px; 
		margin:0 0 10px; 
	}
	
		
	/*homegif*/
	.homegif {
		padding:0px 0 0;
		width:100%;
	}
	
	
	/*home-button*/
	.home-button {margin:0px 0 15px;}
	
	.home-button li {
		margin:0 5px;
		width:calc(22.5% - 10px);
	}
	
	.home-button li:first-child {width:calc(26% - 10px);}
	
	.home-button li:last-child {width:calc(29% - 10px);}
	
			
	/*home-info*/
	.home-info {
		padding:0px 15px 0px;
		width:calc(100% - 30px);
	}	
	
	
	/*home-project*/
	.home-project {
		padding:45px 15px 30px;
		width:calc(100% - 30px);
		background: url(graphics/tenyear-bg.webp) left 20% top 100px no-repeat;
		background-size:80px auto;
	}
	
	
	/*home-play*/
	.home-play {
		margin:30px 15px 45px;
		width:calc(100% - 30px);
	}
	
	
	/*home-events*/
	#home-events {
		padding:60px 15px 60px;
		width:calc(100% - 30px); 
	}

	#taiwanmap {
		margin:0 25%;
		width:50%;
	}
	
	#mapinfo {
		padding:30px 15px 30px;
		margin:0;
		width:calc(100% - 30px); 
		height:calc(100vh - 60px); 		
		background:rgba(255, 255, 255, .9);
		position:fixed;
		top:0; 
		left:0; 
		z-index: 99999;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
		display:none; 
	}
	
	.day-info {
		margin:30px calc(50% - 400px) 30px;
		width:800px;
	}
	
		
	#mapinfo table {
		margin:5px calc(50% - 400px);
		width:800px;
	}

	#mapinfo table tr td {box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); }
	
	#mapinfo table tr td.none {box-shadow:none;}
	
	.pop-exit , .pop-exit1 {display:block;}
	

	/*home-detail*/
	.home-detail {
		padding:45px 15px 30px;
		width:calc(100% - 30px); 
	}
	
	
	/*article list*/
	.listing-ul li.upc-subject a {
		background: url(graphics/right.webp) right center no-repeat; 
		background-size:35px; 
	}


	#menu-14408 #news-list {
		margin:15px 0;
		width:100%;
	}

	#menu-14408 .listing-ul {min-height: 780px;}


	/*origin*/
	#menu-14368 #general-content {
		padding:0px 15px; 
		width:calc(100% - 30px); 
	}	
	
	.origin-start img[alt="start-right"] {
		position:absolute;
		top:-30px;
		right:130px;
	}
	
	
	.tenyear-area {padding:30px 0 15px;}		
	
	
	/*tenyear-orbit*/
	.tenyear-orbit {
		padding:5px 15px 45px;
		width:calc(100% - 30px);
	}
		

	/*orbit-list*/
	.orbit-list {
		margin:30px calc(50% - 400px) 30px;
		width:800px;
	}
	
	.orbit-list-body {
		margin: 0 auto;
	  width: 700px;
	  overflow: hidden;
	  position: relative;
	}
	
	.orbit-list .postul > li {width:330px !important;} 		
	
	#tab2 .orbit-list .pre-post a ,	#tab3 .orbit-list .pre-post a , 
	#tab4 .orbit-list .pre-post a , #tab6 .orbit-list .pre-post a  {
		background: url(graphics/left-1.webp) no-repeat center center; 
		background-size:100%;
	} 
	
	#tab2 .orbit-list .next-post a , #tab3 .orbit-list .next-post a , 
	#tab4 .orbit-list .next-post a , #tab6 .orbit-list .next-post a {
		background: url(graphics/right-1.webp) no-repeat center center; 
		background-size:100%;
	} 
	
	/*orbit-team */
	.orbit-team {
		padding:0 calc(50% - 365px);
		width:730px;
	}
	
	.orbit-team ul li {
		margin:5px 10px 30px;
		width:calc(50% - 20px); 
	}
	
			
	/*station-pic*/
	menu-14377 .maincontent {
		background:#fff url(graphics/tenyear.webp) right top no-repeat;
		background-size:100% auto;
	}
	
	.station-pic img[alt="pic-right"] {
		width:190px;
		position:absolute;
		top:15px;
		right:0px;
	}

	.station-list ul li {margin:0 0 10px;}
	
	.station-list ul li {
		margin:0 0 10px;
		background: url(graphics/station.webp) center center no-repeat;
		background-size:100% auto;
		float:none;
		display:inline-block;
	}
	
	
	.station-list ul li.pic-arrow {
		padding:0px 6.5px;
		position:relative;
		top:20px;
	}
	
	.station-text {
		padding:100px 150px;
		width:calc(100% - 300px);
	}
	
	.station-text img[alt="text-left"] {
		width:160px;
		position:absolute;
		top:-30px;
		left:0px;
	}
	
	.station-text img[alt="text-right"] {
		width:200px;
		position:absolute;
		bottom:-5px;
		right:0px;
	}
	
	
	.pic-table {margin:30px 0 15px;}
	
	
	/*search-adv*/
	.search_criteria {
		margin:0px 0;
		width:100%; 
	}
	
	.search_subject {
		margin:0 0%;
		width:100%;
	}
	
	
	/*searchinfo*/
	.searchinfo {
		padding:15px 0px; 
		margin:15px 0 0;
		width:100%; 
	}


	/*searchhand*/
	#load-more  {
 		position:fixed;
 		bottom:30px;
 	}


	/*hamburger*/
	.mm-page {width:100%;}
	
	.nav-header {
		background:#fff !important; 
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	}
	
	#hamburger:before, #hamburger:after, #hamburger span {background:#9fa0a0 !important;}
	
	#hamburger {
		margin:7px 0 7px 5px !important;
		top:-5px !important; 
	}	
 
  ul#menu a , .mm-list a {text-decoration:none !important;}
  
	#hamburger span.sr-only {display:None !important;}
		
}












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

	/*home-sponsor*/
	.home-sponsor ul li {width:calc(33.3% - 20px);}	


	/*home-news*/
	.home-news img[alt="news-left"] {
		width:240px;
		position:absolute;
		top:18px;
		left:0px;
	}
	
	.home-news img[alt="news-right"] {
		width:120px;
		position:absolute;
		top:-11px;
		right:100px;
	}
	 	
 	
 	/*home-project*/
	.home-project {
		padding:45px 15px 30px;
		width:calc(100% - 30px);
		background: url(graphics/tenyear-bg.webp) left 15px top 45px no-repeat;
		background-size:80px auto;
	}
	
	.home-project ul {
		margin:0 0;
		width:100%
	}
	
		
	/*home-play*/
	.home-play img[alt="play-left"] {
		width:120px;
		position:absolute;
		top:80px;
		left:100px;
	}	
	
		
	/*home-events*/
	#home-events {padding:50px 15px 50px;}
	
	#mapinfo h1 {margin:5px 0;}

	#mapinfo iframe {
		margin: 0%;
		width:100%;
		height:200px;
	}	


	/*home-detail*/	
	.home-main-video {margin:0 0;}
	
	.home-video {
		margin:0 0px !important;
		width:100% !important;
	}
	
	.home-video iframe {height:400px;}
    
 	.home-search {
 		margin:15px 0 0;
 		width:100%;
 	}


 	/*article list*/	
	#news-list {
		margin:15px 0;
		width:100%;
	}
	
	#postingNotice {
		padding:15px 15px;
		margin:0;
		width:calc(100% - 36px);
	}	

	
	#menu-14408 .listing-ul {min-height: 630px;}


	/*article detail*/	
	#news-content .news-pic ul li {
		margin:0 1% 15px;
		width:31.3%; 
	}

	#news-content .two-pic ul li {/*min-height:420px;*/}


	/*origin*/
	.origin-start {
		padding:30px 100px 30px;
		width:calc(100% - 200px);
	}
	
	.main-image img {
		margin:5px 0;
		width:100%;
	}
	
	.origin-start img[alt="start-right"] {
		width:130px;
		position:absolute;
		top:-15px;
		right:45px;
	}
	
	
	.tenyear-area {padding:15px 0;}		
	
		
	#general-content-main .tenyear-area ul li img {
		margin:0 calc(50% - 170px) 5px;
		width:340px;;
	}
	
	#general-content-main .tenyear-area ul li h4 {
		padding:10px 10px;
		margin:5px 0;
		width:calc(100% - 20px);
	}
	
	
	.tenyear-area img[alt="tenyear-left"] {
		width:220px;
		position:absolute;
		bottom:300px;
		left:30px;
	}

			
		
	/*tenyear-orbit*/		
	.tenyear-nav {margin:15px 0 0px;}
		
	.tenyear-nav ul li {
		margin:0 10px;
		width:calc(20% - 20px); 
	}
	
	.tenyear-nav ul li a {
		margin:0 0 15px;
		width:calc(100% - 4px);
	}
	
	
	/*market*/
	#general-content-main ul.market-events li ul li {
		margin:10px 0px;
		width:100%;
	}	
	
	#general-content-main ul.market-events li ul li img {
		width:185px;
	}
	
	#general-content-main ul.market-events li ul li div {
		margin:0px 0 0 15px;
		width:calc(100% - 200px);
	}
	
	
	
	/*station-pic*/
	.station-pic img[alt="pic-right"] {
		width:120px;
		position:absolute;
		top:85px;
		right:0px;
	}


	/*searchinfo*/
 	.search_content .listing-ul li.upc-picture {width:250px;}
    
  .search_content .listing-ul li.upc-info {width:calc(100% - 265px);}








}













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

	/*home-sponsor*/	
	.home-sponsor ul li {width:calc(50% - 20px);}	
	
	
	/*footer*/		
	.footer-body img[alt="footer-right"] {
		width:120px;
		position:absolute;
		bottom:20px;
		right:0px;
	}
		
		
	/*footer-unit*/
	.footer-unit img[alt="footer-top"] {
		width:200px;
		position:absolute;
		top:0px;
		left:auto;
		right:15px;
	}

	
	/*footer-info*/
	.footer-info {
		padding:15px 0;
		margin:5px 0 0px;
		width:100%; 
	}
		
	
	.footer-link {
		margin:0 calc(50% - 215px);
		width:430px;
	}		

	.footer-info ul {		
		margin:0px calc(50% - 145px); 
		width:290px;
	}	


	/*copyright*/
	.copyright {
		margin: 0 0 15px;
		line-height:100%;
	}
	
	
	/*home*/
	#home #artboard {
		background:#fff url(graphics/home-top.webp) left top repeat-x;
		background-size:auto 700px;
	}	 


	/*home-button*/
	.home-button {margin:15px 0 0px;}
	
		
	/*home-news*/
	.home-news {
 		padding:0 0 20px;
 		margin:15px 0 15px;
 	}
 	
 	
	.home-news img[alt="news-left"] {
		width:160px;
		position:absolute;
		top:50px;
		left:0px;
	}
	
	.home-news img[alt="news-right"] {
		width:100px;
		position:absolute;
		top:10px;
		right:15px;
	}
	
	
	/*home-project*/
	.home-project {padding:15px 15px 15px;}
	
	.home-project-body {background: none;}
	
	.home-project ul li {
		margin:10px 10px;
		width:calc(33.3% - 20px);
	}
	
	
	/*home-play*/
	.home-play {margin:0px 15px 15px;}
		
		
	/*home-events*/
	#home-events {padding:15px 15px 15px;}
	
	
	#taiwanmap {
		margin:0 ;
		width:100%; 
	}
			
	.day-info {
		margin:15px 15px 15px;
		width:calc(100% - 30px);
	}
	
		
	#mapinfo table {
		margin:5px 15px;
		width:calc(100% - 30px);
	}

	
	#home-events img[alt="map-right"] {
		width:160px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
	
	/*home-detail*/
	.home-detail {padding:15px 15px 15px;}		
	
	.home-main-video iframe {height:350px;}
	
	
 	.home-search ul li {
 		margin:0 5px 20px;
 		width:calc(50% - 10px);
 	}
 	
 	 	
 	/*article list*/
 	#menu-14408 .listing-ul {		
		padding:15px 10px;
		width:calc(50% - 20px); 
		min-height: 600px;
	}
	

	/*article detail*/	
	#news-content .two-pic ul li {/*min-height:350px;*/}
	
	
	/*origin*/	
	.origin-start {
		padding:0px 50px 45px;
		width:calc(100% - 100px);
		border-radius:30% 30% 50px 50px;
	}
	
	
	.origin-start img[alt="start-right"] {
		width:110px;
		position:absolute;
		top:-15px;
		right:15px;
	}
	
	
	#general-content-main .tenyear-area ul li {
		margin:0 10px 45px;
		width:calc(50% - 20px);
	}
	
	#general-content-main .tenyear-area ul li:last-child {margin:0 calc(25% + 10px) 45px;}
	
		
	#general-content-main .tenyear-area ul li img {
		margin:0 0 5px;
		width:100%;
	}
	
	#general-content-main .tenyear-area ul li h4 span {
		margin:0px 0 0;
		width:100%;
		background:none;
	}
		
	.tenyear-area img[alt="tenyear-left"] {
		width:220px;
		position:absolute;
		bottom:300px;
		left:0px;
	}
	

	.video-brief h2 {font-size:1.25em;}
	
				
	/*orbit-list*/	
 	.orbit-list {
		margin:15px calc(50% - 320px) 15px;
		width:640px;
	}
	
	.orbit-list-body {
		margin:0 auto;
		width: 540px;
	}

  .orbit-list .postul > li {width:520px !important}
				
		
	/*orbit-team */
	.orbit-team {
		padding:0 calc(50% - 320px);
		width:640px;
	}
	

	.orbit-team ul {margin: 0 0 40px;}

	.orbit-team ul li {
		margin:5px calc(50% - 225px) 30px;
		width:450px;		
		min-height: auto;
	}
		
	.orbit-team ul li:last-child {margin:5px calc(50% - 225px) 0px;}
	
	.orbit-team ul li span {padding:25px 0;}
	
	
	/*market*/
	#general-content-main ul.market-events li ul li {margin:10px 0px 15px;}	
	
	#general-content-main ul.market-events li ul li div h2 {
		margin:10px 0 5px;
		text-align:center;
	}
	
	#general-content-main ul.market-events li ul li img {
		margin:0 calc(50% - 100px) 0px;
		width:200px;
	}
	
	#general-content-main ul.market-events li ul li div {
		margin:0px 0;
		width:100%;
		text-align:center;
	}
	
	
	/*station-pic*/
	.station-text {
		padding:100px 60px;
		width:calc(100% - 120px);
	}
	
	.station-text img[alt="text-left"] {
		width:100px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.station-text img[alt="text-right"] {
		width:150px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	
	/*menu-14301 , menu-14303 , menu-14304*/		
	#menu-14301 #news-content , #menu-14303 #news-content , #menu-14304 #news-content {
		margin:0 0;
		width:100%; 
	}
	
	#menu-14301 .news-detail ul.material li , #menu-14303 .news-detail ul.material li , 
	#menu-14304 .news-detail ul.material li {width:calc(50% - 25px);}


	/*searchinfo*/	
	.search_content .listing-ul {		
		padding:25px 0px 15px;
		width:100%;
	}
	
	
 	.search_content .listing-ul li.upc-picture {width:100%;}
    
  .search_content .listing-ul li.upc-info {
  	margin:0;
  	width:100%;
  }	
	


	/*daytable*/
	.maincontent ul.daytable li {width:calc(50% - 30px); margin:0 15px 30px;}	
	.maincontent ul.dayfour li:nth-child(2) {min-height:400px;}
	.maincontent ul.dayfive li:nth-child(2) {min-height:400px;}
	


}













	/*640*****************************/
	@media screen and (max-width:640px) {	
		
	
	/*title*/
		h1, .posting-title , .post-title , 	#catalog_display h1 span , 
	#main_info span , .emailtitle , #menu-name , .project-title , 
	.play-title , .home-search-title , .search_criteria-title , .market-title1 , .market-title2 {
		margin:0px 0 15px;
		font-size:2em;
	}
	
	h2 {margin:5px 0 10px;}


	h1 span , .search_criteria-title span , .market-title1 span , .market-title2 span {
		margin:0px calc(50% - 130px) 15px;
		width:260px;
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:30px;
	}
	
	h1 div {display:none;}
		

	/*footer*/	
	.footer {
		background:#fff url(graphics/footer.webp) center top no-repeat;
		background-size:100% auto;
	}
	
	.footer-body img[alt="footer-right"] {
		width:100px;
		position:absolute;
		bottom:30px;
		right:0px;
	}
	
		
	/*footer-unit*/			
	.footer-unit img[alt="footer-top"]{
		width:100px;
		position:absolute;
		top:0px;
		left:auto;
		right:0px;
	}
		
	
	/*agree policy*/
	.policy .policy-exit {
		margin:5px calc(50% - 50px) 0;
		width:100px;
	}
	
	.policy p {width:100%;}
	
		
	/*home-button*/
	.home-button li {
		margin:0 10%;
		width:80%;
	}
	
	.home-button li:first-child  {
		margin:0 5%;
		width:90%;
	}

	.home-button li:last-child {
		margin:0 0px;
		width:100%;
	}
	

	/*home-news*/
 	.home-news {padding:15px 0 15px;}
 	
 	
	.home-news img[alt="news-left"] {
		width:160px;
		position:absolute;
		top:37px;
		left:0px;
	}
	
	.home-news img[alt="news-right"] {
		width:60px;
		position:absolute;
		top:35px;
		right:15px;
	}
	
	
	/*home-project*/
	.project-title , .play-title {margin:0px 0 5px;}
	
	.project-title span , .play-title span , .home-search-title span {
		margin:0px calc(50% - 180px) 15px;
		width:390px;
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:30px;  	
	}
	
	
	/*home-play*/
	.home-play img[alt="play-left"] {
		width:100px;
		position:absolute;
		top:60px;
		left:0px;
	}
	
	
	/*home-events*/	
	#mapinfo h1 span {
		margin:0px;
		width:100%;
		background: none;
	}
	
	
 	/*article list*/
 	.listing-ul {		
		padding:5px 15px 10px;
		width:calc(100% - 30px); 
	}
	
	.listing-ul li.upc-subject a {
		padding:5px 0px 5px 0; 		
		width:100%; 
		font-size:1em;
		background:none;
	}	


	#menu-14408 .listing-ul {		
		padding:10px 0px;
		width:100%; 
		min-height: auto;
	}
	
	#menu-14408 .listing-ul .video-brief {margin:5px 0 0;} 
	
		
  /*article detail*/	
	.news-detail .news-pic ul li {width:100%; margin:0 0 15px;}
	.news-detail .news-pic ul li img { height:auto;}
	
		
	#news-content .two-pic ul li {
		margin:0 0 15px;
		width:100%;  
		min-height:auto;
	}
	
	
	/*origin*/	
	.origin-start {
		padding:0px 15px 30px;
		width:calc(100% - 30px);
		border-radius:50px 50px;
	}
	
	.origin-start img[alt="start-right"] {
		width:90px;
		position:absolute;
		top:-30px;
		right:-15px;
	}
	
	
	.tenyear-area {
		padding:30px 0;
		background:#fff url(graphics/tenyear-bg.webp) left top 50px no-repeat;
		background-size:40px auto;
	}	
	
	.tenyear-area h1 span {
		margin:0px calc(50% - 150px) 15px;
		width:300px;
	}
	
	#general-content-main .tenyear-area ul li {
		margin:0 calc(50% - 220px) 45px;
		width:440px;
	}
	
	#general-content-main .tenyear-area ul li:last-child {margin:0 calc(50% - 220px) 45px;}
	
	
	.tenyear-area img[alt="tenyear-left"] {display:none;}
	
	.tenyear-video h1 span{
		margin:0px calc(50% - 240px) 15px;
		width:480px;
	}

	.tenyear-video img {
		margin:0px 0 15px;
		width:100%;
	}


	/*tenyear-orbit*/		
	.tenyear-orbit h1 span {
		margin:0px calc(50% - 200px) 15px;
		width:400px;
	}
	
		
	.tenyear-nav ul li {
		margin:0 5px;
		width:calc(25% - 10px);
	}	
		
		
	/*orbit-list*/	
 	.orbit-list {
		margin:15px calc(50% - 220px) 15px;
		width:440px;
	}
	
	.orbit-list-body {
		margin:0 auto;
		width: 340px;
	}

  .orbit-list .postul > li {width:320px !important;}
				
	
	.orbit-list .postul > li .ul-news-info div {
		padding:10px 10px;
		width:calc(100% - 20px);
	}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-date {padding:20px 10px;}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-picture {padding:20px 10px 10px;}
		
	.orbit-list .postul > li .ul-news-info div.ul-news-heading {padding:5px 10px 0;}
	
	.orbit-list .postul > li .ul-news-info div.ul-news-more {padding:0px 10px 15px;}
	
			
	/*orbit-team */
	.orbit-team {
		padding:0 calc(50% - 180px);
		width:360px;
	}
		
	.orbit-team h1 span {
		margin:0px calc(50% - 240px) 15px;
		width:480px;
	}

	.orbit-team h1.orbit-team-title1 span {
		margin:0px calc(50% - 130px) 0px;
		width:260px;
	}

	.orbit-team ul li {
		margin:5px 0 30px;
		width:100%;
	}
		
	.orbit-team ul li:last-child {margin:5px 0px 0px;}
	
	.orbit-team ul li img {margin:0 calc(50% - 50px) 10px;}
	
	.orbit-team ul li span {
		padding:0px 0;
		margin:0 0;
		width:100%;
		text-align:center;
	}
	
		
			
	/*station-pic*/
	.station-list {margin:30px 0 5px;}
	
	.station-list ul li {
		padding:18px 10px;
		width:calc(33.3% - 52px);
		font-size:1.12em;
		background: url(graphics/station.webp) center center no-repeat;
		background-size:120px auto;
	}
	
	
	.station-list ul li.pic-arrow {
		padding:0px 0px;
		width:25px;
		top:15px;
	}
	

	.station-pic img[alt="pic-right"] {display: None;}

	
	.station-title {
		margin:10px 0 0;
		width:100%;
	}
	
	.station-title span {
		margin:0px 0;
		width:100%;
	}
	
	
	.station-text > div h4 {margin:0 calc(50% - 90px);} 
	
	.station-text > div p {
		margin:15px 0;
		width:100%;
		text-align:center;
	}
	
	
	.pic-table > div > div {
		margin:0 0px 15px;
		width:100%; 
	}
		

	/*menu-14301 , menu-14303 , menu-14304*/			
	#menu-14301 .news-detail ul.material li , #menu-14303 .news-detail ul.material li , 
	#menu-14304 .news-detail ul.material li {width:calc(100% - 25px);}
	

	/*search-adv*/	
  .search_subject p {margin:0 10px 10px;}

	
	
	/*daytable*/
	.uloppen1 {font-size:2em;}

	.maincontent ul.daytable li {width:100%; margin:0 0 30px;}	
	.maincontent ul.dayone li {min-height:auto;}
	.maincontent ul.daytwo li {min-height:auto;}
	.maincontent ul.dayfour li:nth-child(2) {min-height:auto;}
	.maincontent ul.dayfive li:nth-child(2) {min-height:auto;}
	

	/*searchhand*/
	#menu-14410 .posting-title span {
		margin:0px calc(50% - 160px) 15px;
		width:320px;
	}

	#menu-14411 .posting-title span {
		margin:0px calc(50% - 180px) 15px;
		width:360px;
	}


	#menu-14410  .search_content .listing-ul , 
	#menu-14411  .search_content .listing-ul {
  		padding:15px 0px 15px;
		width:100%; 
  }

}












	/*480*****************************/
	@media screen and (max-width:480px) {	
	
	/*title*/
	h1 span {
		margin:0px 0 0px;
		width:100%;
		background:none;
	}
	
	
	/*logo*/
	.logo {
		margin:15px calc(50% - 125px);
		width:250px; 
	}


	/*top-social*/
	.top-social {
		margin:3px 0px 0;
		width:213px; 
	}
	
	.top-social ul li {
		margin:0 5px; 
		width:30px;
	}
	
	.top-social ul li:first-child {padding:3px 0 0;}
	

	/*footer*/	
	.footer {
		padding: 0 0;
		background:none;
	}

	 
	/*article list*/	 	
	.listing-ul li.upc-subject a {
		font-size:1em;
		text-align:center;
	}	
	
	.listing-ul li.upc-subject a span {
		margin:3px calc(50% - 80px) 10px;
		width:160px;
		font-size:0.8em;
		text-align:center;
	}
	
	.listing-ul li.upc-subject a div {
		padding:3px 5px 5px;
		margin:0 calc(50% - 80px) 10px;
		width:150px;
	}
	
		
	/*home-sponsor*/
	.home-sponsor ul li {
		margin:0px 0px;
		width:calc(100% - 0px); 
	}	
	
	
	/*footer-info*/
	.footer-link {
		margin:0 calc(50% - 145px);
		width:290px;
	}			
		
		
	/*home-news*/
	.home-news img[alt="news-left"] {display:none;}
	
	.home-news img[alt="news-right"] {
		width:60px;
		position:absolute;
		top:20px;
		right:15px;
	}


	/*home-project*/
	.project-title span , .play-title span , .home-search-title span {
		margin:0px 0 5px;
		width:100%;
		background: none;  	
	}
	
	.home-project ul li {
		margin:5px calc(50% - 125px) 10px;
		width:250px;	
	}
	
		
	/*home-play*/
	.home-play img[alt="play-left"] {display:none;}
						
	
	/*home-events*/	
	#mapinfo h1  {margin:15px 0 5px;}
	
	
	#mapinfo h1 span {
		margin:0px;
		width:100%;
		background: none;
	}
 	 				
	.day-info {
		margin:15px 0 15px;
		width:100%;
	}
	
		
	#mapinfo table {
		margin:5px 0;
		width:100%;
	}
	
	
	#mapinfo table {font-size:0.8em;}
	
	#mapinfo table tr td {width:calc(25% - 17px);}
	
	#mapinfo table tr td:first-child , #mapinfo table tr td.station , #mapinfo table tr td.station1 {width:40px; }	
	
	.pop-exit , .pop-exit1 {width:30px;}
		
	
	#home-events img[alt="map-right"] {
		width:80px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
	
	/*home-detail*/	
	.home-main-video iframe {height:250px;}
		
	.home-search ul li {
 		margin:0 0px 15px;
 		width:100%;
 	}
 	
 	
	/*origin*/	
	.origin-start img[alt="start-right"] {
		width:90px;
		position:absolute;
		top:-30px;
		right:-15px;
	}
	
		
	.tenyear-area h1 span {
		margin:0px 0 0px;
		width:100%;
	}
	
	#general-content-main .tenyear-area ul li {
		margin:0 0 45px;
		width:100%;
	}
	
	#general-content-main .tenyear-area ul li:last-child {margin:0 0 45px;}
	
	
	.tenyear-video h1 span{
		margin:0px 0 15px;
		width:100%;
	}
	
	
	/*tenyear-orbit*/		
	.tenyear-nav ul li {width:calc(50% - 10px);}	
	
	.tenyear-orbit h1 span {
		margin:0px 0 0px;
		width:100%;
	}
	
	
	/*orbit-list*/	
 	.orbit-list {
		margin:15px calc(50% - 160px) 15px;
		width:320px;
	}
	
	.orbit-list-body {
		margin:0 auto;
		width: 240px;
	}

  .orbit-list .postul > li {
		padding:80px 5px 10px !important;
		width:230px !important;
	}				
		

	.orbit-list .pre-post, .orbit-list .next-post {width:40px;}  
	
	.orbit-list .pre-post a , .orbit-list .next-post a {height:40px;} 

		
	/*orbit-team */
	.orbit-team {
		padding:0 calc(50% - 130px);
		width:260px;
	}
	
	.orbit-team h1 span {
		margin:0px 0 15px;
		width:100%;
	}

	.orbit-team h1.orbit-team-title1 span {
		margin:0px 0 0px;
		width:100%;
	}


	/*market*/	
	.market-title span , .market-title1 span , .market-title2 span {
		margin:0px 0 0px;
		width:100%;
		background: none;
	}


	/*station-pic*/		
	.station-title span {
		background: url(graphics/h1-left.webp) no-repeat left bottom, url(graphics/h1-right.webp) no-repeat right bottom; 
  	background-size:30px;
	}
		
	.station-title div {font-size:6em;}
	
	
	.station-list ul li {
		background: url(graphics/station.webp) center center no-repeat;
		background-size:100% auto;
	}	
	
	
	.station-text {
		padding:30px 30px;
		width:calc(100% - 60px);
	}
	
	.station-text img[alt="text-left"] {
		width:80px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.station-text img[alt="text-right"] {
		width:100px;
		position:absolute;
		bottom:-15px;
		right:0px;
	}
	
	
	/*searchinfo*/	
	.search_content .listing-ul {padding:15px 0px 5px;}
	
	.search_content .listing-ul li.upc-brief , .search_content .listing-ul li.upc-brief p {text-align:center;}	
			
  .search_content .listing-ul li.upc-brief a {
  	float:none;
  	display:inline-block; 
  }
  



}












	/*400*****************************/
	@media screen and (max-width:400px) {	
	
	/*footer*/
	.footer-body img[alt="footer-right"] {display:none;}
	
	
	/*footer-unit*/			
	.footer-unit img[alt="footer-top"] {display:none;}
	
	
	/*origin*/
	.tenyear-area img[alt="tenyear-left"] {display:none;}
	
	
	/*station-pic*/
	.station-list ul li {
		padding:17px 10px;
		margin:0 0 15px;
		width:calc(50% - 52px);
	}
	
	
	.station-list ul li.pic-arrow {top:15px;}
		

	.station-text img[alt="text-left"] {
		width:60px;
		position:absolute;
		top:0px;
		left:0px;
	}

}












	/*330*****************************/
	@media screen and (max-width:330px) {	
	#mapinfo table tr td {font-size:0.75em;}	

}