@charset "utf-8";
/* CSS Document */

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

sub{
	font-size:85%;
	vertical-align:sub;
}
sup{
	font-size:80%;
	vertical-align:super;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Reset*/

#table-for-ie{
	width:80%;
	padding:0;
	margin:0;
	border:0;
	margin-top:-2px;
	margin-left:10%;
	margin-right:10%;
	overflow-x:hidden;
	overflow-y:scroll;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul, ol{
	line-height:150%;
}

#warpper{
	width:100%;
	top:0;
	left:0;
	/*
	position:absolute;
	left:5%;
	right:5%;
	*/	
}

.b5{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:11pt;
}

#header{
	vertical-align:top;
	top:0px;
	width:100%;
	min-height:200px;
	/*
	position:absolute;	
	background-image:url(images/Layout_design_v3_02.png);
	background-position:left top;
	background-repeat:no-repeat;
	*/
	float:left;
}

#logoNlangbar{
	width:100%;
	float:left;
	padding-left:0px;
}

.langbaritems{
	padding-right:7px;
	float:right;
}

#langBar{
	float:right;
	margin-top:30px;
	min-width:160px;
	text-align:right;
}

#headmenu{
	display:none;
	width:80%;
	height:50px;
	background-color:#B0A3EB;
}

/*.openmenu{
}*/

.mobilemenu{
	margin-top:12px;
}

#langBarhead{
	float:right;
	margin-top:15px;
	min-width:160px;
	text-align:right;
}

#smallLogo{
	width:320px;
	height:60px;
	display:none;
}

#logo{
	display:block;
}

.HeadMenuBtn{
	float:left;
	height:48px;
	color:#FFF;
	/*margin-left:20px;
	margin-right:20px;*/
	vertical-align:middle;	
}

#bodycontent{
	margin-top:3.5%;
	width:100%;
	padding-bottom:20px;
	float:left;
}

#banner{
	width:100%;
	/*height:55%;*/
	float:left;
}
#displayarea{
	width:100%;
	height:25%;
	float:left;
	overflow:hidden;
}

#whatsnew{
	margin-top:10px;
	margin-bottom:10px;
}

#scrollablearea{
	width:500px;
	height:150px;
	background-color:#E8E7FF;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
}

.scrolltable{
	width:460px;
	border:none;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	border-spacing:0;
	border-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;

}
.scrolltable a{
	color:#3a4591;
}

.scrolltable td{
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:3px;
	padding-top:3px;
	font-size:9pt;
	line-height:12pt;
	border-bottom:solid rgba(192,192,255,.6) 1px;
}
.scrolltable th{
	font-size:10pt;
	line-height:12pt;
	font-weight:bold;
	text-align:left;
	border-bottom:solid #FFFFFF;
	padding-left:5px;
}

.newsbanner{
	padding-top:10px;
	width:500px;
}
.newsbanner img{
	width:500px;
	height:115px;
}

#side{
  float:left;
  display:inline;
  width:218px;
  min-height:300px;
  padding-bottom:1em;
  position:relative;
  overflow:hidden;
  margin-left:-10px;
  margin-top:-20px;
}

#side .indexmenu{
  margin-top:0px;
}

#menu{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

.cn #menu{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:11pt;
	font-weight:normal;
}
.cn{
	font-family:"微軟正黑體", "LiHei Pro";
}

.clear {clear:both}

/* --- Headings --- */

#side, #side h2, #side h3 {background:#FFF;}

#side h2 {border-bottom:1px solid #484b51}

/* --- Links --- */

.accordion a:hover, a:focus, a:active {border-color:#333; text-decoration:none; outline:0 none;}

#side a {display:block; border-width:0 0 1px; border-color:#445; color:#000}

#side a:hover, #side a:active, #side a:focus {color:#FFF;}

/* --- Accordion --- */

.js #side .accordion {display:none}

.accordion {margin:0; padding:0 10px}

.accordion li {list-style-type:none; line-height:20pt;}

.accordion li.last-child {line-height:20pt; font-weight:700;}

#side ul.accordion ul {margin:0; padding:0 0 0 20px;}

.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff}

.accordion .inner {margin-bottom:0; padding:.5em 20px 0; overflow:hidden}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em}

.accordion p {margin:.5em 0 1em}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/    

a.trigger {display:block; font-weight:700}

a.trigger.open {}

.last-child a.trigger{padding-left:1px; background-image:none; font-weight:bold;}

#side a.active{font-weight:700; color:#f72; text-decoration:none}

#side .menutitle {
	background-image:none;
}

#side .menutitle a:hover , #side .menutitle a:active , #side .menutitle .open {
	background-image:url(images/menu_hoverbg_25.png);
	background-position:10% -3px;
	background-repeat:no-repeat;
	color:#FFF;
}
#side .menusub1e , #side .menusub1e a {
	background-image:none;
	color:#333;
}
#side .menusub1e a:hover , #side .menusub1e a:active , #side .menusub1e .open  {
	background-image:none;
	color:#666;
}
#side .menusub1p , #side .menusub1p a {
	background-image:url(images/menu_subbg_up_33.png);
	background-position:95% 0%;
	background-repeat:no-repeat;
	color:#333;
}
#side .menusub1p a:hover , #side .menusub1p a:active ,  #side .menusub1p .open {
	background-image:url(images/menu_subbg_33.png);
	background-position:95% 0%;
	background-repeat:no-repeat;
	color:#666;
}
#side .menusub2e , #side .menusub2e a{
	background-image:none;
	color:#6774C3;
	padding-left:5px;
	font-style:normal;
}
#side .menusub2e a:hover , #side .menusub2e a:active , #side .menusub2e .open {
	background-image:none;
	color:#6774C3;
	text-decoration:underline;
}
#side .menusub2p , #side .menusub2p a {
	background-image:url(images/menu_sub3bg_up_33.png);
	background-position:-9.5% 0%;
	background-repeat:no-repeat;
	padding-left:5px;
	color:#6774C3;
	font-style:normal;
}
#side .menusub2p a:hover , #side .menusub2p a:active , #side .menusub2p .open {
	background-image:url(images/transparent.png);
	color:#6774C3;
	text-decoration:underline;
}

#side .menusub3e , #side .menusub3e a {
	background-image:none;
	font-style:normal;
	color:#666;
}
#side .menusub3e a:hover , #side .menusub3e a:active , #side .menusub3e .open {
	background-image:none;
	font-style:normal;
	color:#333;
}
#side .menusub3p , #side .menusub3p a {
	background-image:none;
	padding-left:0px;
	font-style:normal;
	color:#666;
}
#side .menusub3p a:hover , #side .menusub3p a:active , #side .menusub3p .open {
	background-image:url(images/menu_sub3bg_up_33.png);
	background-position:-10% 0%;
	background-repeat:no-repeat;
	padding-left:10px;
	font-style:normal;
	color:#333;
}
#side .menusub4e , #side .menusub4e a {
	background-image:none;
	font-style:normal;
	padding-left:10px;
	color:#666;
}
#side .menusub4e a:hover , #side .menusub4e a:active , #side .menusub4e .open {
	background-image:none;
	font-style:normal;
	padding-left:10px;
	color:#000;
	font-stretch:expanded;
}

/* --  Accordion Menu Style Ends  -- */

#content{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	width:75%;
	margin-top:-20px;
	margin-left:15.5em;
}
#content p{
	font-family:Arial, Helvetica, sans-serif;
}

#content_b5{
	font-family:"微軟正黑體", "LiHei Pro";
	text-align:justify;
	width:75%;
	margin-top:-20px;
	margin-left:260px;
}

#content .indexcontent{
	padding-left:10px;
	/*min-width:300px;*/
	margin-left:15em;
}

#pageheader{
	text-align:right;
	float:left;
	width:100%;
	height:8%;
	margin-bottom:10px;
}

#netvigation{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
}
#netvigation a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#6774C3;
}
#netvigation_b5{
	width:100%;
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:9pt;
	text-align:left;
}
#netvigation_b5 a{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:9pt;
	color:#6774C3;
}

#txt{
	/*margin-top:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:95%;
}

#indextxt{
	/*margin-top:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:100%;
}


#txt_b5, #txt_b5 h1, #txt_b5 h2, #txt_b5 h3, #txt_b5 h4, #txt_b5 p{
	font-family:"微軟正黑體", "LiHei Pro";
	margin-left:0px;
	padding-right: 5px;
}

#txt_b5 p, #txt_b5 a{
	line-height:20pt;
	font-size:12pt;
}

#txt .index{
	font-family:Arial, Helvetica, sans-serif;
}

#txt p{
	line-height:14pt;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#txt a{
	/*font-size:11pt;
	line-height:14pt;
	padding-right:10px;*/
	color:#6774C3;
	text-decoration:none;
}

#txt_b5 a{
	color:#6774C3;
	text-decoration:none;
	font-weight:bold;
}
#txt_b5 a:hover{
	text-decoration:underline;
}
	
#txt_b5 ul, #txt_b5 ol {
	padding-bottom:10pt;
}
#txt_b5 li {
	padding-top:10pt;
}

#txt a:hover{
	text-decoration:underline;
}

#txt h1, h2, h3, h4, h5, h6{
	padding-right:15px;
}

#txt h1{
	font-size:18pt;
	font-weight:bold;
	line-height:28pt;
	color:#5861B0;
	padding-bottom:10px;
}

#txt h2{
	font-size:16pt;
	font-weight:bold;
	line-height:24pt;
	color:#6774C3;
	text-align:left;
}

#txt h3{
	font-size:13pt;
	font-weight:bold;
	line-height:20pt;
	color:#8C6BB1;
	font-style:italic;
}

#txt .horizonsubline{
	color:#333;
	font-size:13pt;
}

#txt h3 a:hover{
	color:#8C6BB1;
	text-decoration:underline;
}

#txt h4{
	font-size:11pt;
	font-weight:bold;
	line-height:18pt;
}
#txt_b5 h1, h2, h3, h4, h5, h6{
	padding-right:15px;
}

#txt_b5 h1{
	font-size:18pt;
	font-weight:bold;
	line-height:30pt;
	color:#5861B0;
	padding-bottom:10px;
}

#txt_b5 h2{
	font-size:16pt;
	font-weight:bold;
	line-height:24pt;
	color:#6774C3;
}

#txt_b5 h3{
	font-size:13pt;
	font-weight:bold;
	line-height:20pt;
	color:#8C6BB1;
	font-style:italic;
}

#txt_b5 .horizonsubline{
	color:#333;
	font-size:13pt;
}

#txt_b5 h3 a:hover{
	color:#8C6BB1;
	text-decoration:underline;
}

#txt_b5 h4{
	font-size:11pt;
	font-weight:bold;
	line-height:18pt;
}

#txt ul, #txt ul li{
	text-align:left;
}

.recruit th{
		  color:#6774C3;
		  text-align:left;
		  font-weight:bold;
		  font-size:12pt;
	  }

.contentt {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top:10px;
	margin-bottom:10px;
	line-height:150%;
}
.contentt td{
	background-color:#FFF;
	padding-left:5px;
	font-size:10.5pt;
	/*border:solid #6774C3;*/
}
.contentt th{
	background-color:#6774C3;
	font-size:10.5pt;
	font-weight:bold;
	text-align:center;
	border:solid #6774C3;
	color:#FFF;
}

table .achievet {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top:10px;
	margin-bottom:10px;
}
table .achievet td{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	padding-left:3px;
	font-size:9pt;
	line-height:14pt;
	/*border:solid #6774C3;*/
}

table .alt{
	background-color:#D7D1F5;
}

.expertable{
	vertical-align:middle;
	border-bottom:solid 2px;
	border-color:#8C6BB1;
	padding-left:5px;
}
.preseminar tr{
	text-align:left;
}
.preseminar tr th{
	border-bottom:solid 2px #6774C3;
	text-align:left;
	font-weight:bold;
}
.preseminar tr td{
	border-bottom: solid #DAD8FF 3px;
    border-bottom-style: double;
}
/* --  Content Style Ends -- */

ul .submenu{
	padding-left:20px;
	line-height:16pt;
	color:#6774C3;
}

#footer{
	width:100%;
	height:200px;
	bottom:0px;
	margin-bottom:0px;
}

#contactUs{
	float:left;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
}
.cn #contactUs{
	float:left;
	width:250px;
	font-family:"微軟正黑體", "LiHei Pro";
}
.cn #quicklinks{
	/*float:right;
	margin-top:120px;*/
	line-height:15pt;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding-bottom:5px;
	width: 90%;
}
#contactUs p{
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	color:#333;
	padding-left:10px;
	line-height:18pt;
}
#contactUs p a{
	color:#6774C3;
}

#quicklinks{
	float:right;
	line-height:15pt;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding-bottom:5px;
	width: 90%;
}
#quicklinks a{
	color:#6774C3;
}

#bottom{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000;
	text-align:right;
	padding-right:10px;
	padding-top:7px;
	float:left;
	bottom:0px;
	height:20px;
	width:100%;
	background-color:#B0A3EB;
}
#bottom a{
	color:#333;
}

/* -- Index Styles for index items -- */
#bundle1{
	/* This bundle includes:
		1) the slideshow;
		2) What's new Section */
	width: 70%;
	float:left;
	/*min-width:280px;*/
}
#slideshow{
	width:500px;
	min-width:280px;
}

#bundle2{
	/* This bundle includes:
		1) the calendar;
		2) Achievement */
	float:right;
	/*margin-left:80px;*/
	min-width:100px;
}

#calendararea{
	text-align:left;
}
/*#calendar #calDate{
	float:left;
	width:90%;
}*/


#achievearea{
	width:99%;
	height:500px; /*470*/
	float:right;
	margin-top:20px;
	background-color:#E8E7FF;
	border:1px #6774C3;
	border-style:solid;
	text-align:left;
}
.achievehead{
	padding:5px;
	vertical-align:top;
	background-color:#E8E7FF;
	text-align:left;
}
#printachhead{
	display:none;
}
.achievecontent{
	margin:1px;
	width:98%;
	height:420px; /*390*/
	border:1px #6774C3;
	border-style:solid;
	overflow-y:scroll;
	overflow-x:hidden;
}
.achievetable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#FFF;
}
#achievearea a{
	color:#3a4591;
}

.achievetable .date{
	text-align:right;
	color:#8C6BB1;
	font-weight:bold;
	padding-right:5px;
}
.achievetable .year{
	text-align:right;
	color:#8C6BB1;
	font-weight:bold;
	padding-right:5px;
	border-bottom:3px #8C6BB1;
	border-bottom-style:solid;
	padding-top:5px;
}
.achievetable .detail{
	padding-right:5px;
	padding-bottom:5px;
	line-height:14pt;
	font-size:10pt;
}
.achievetable td{
	border-bottom:1px;
	border-bottom-color:#E8E7FF;
	border-bottom-style:solid;
}
.achievetable_b5{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:10pt;
	background-color:#FFF;
}

.achievetable_b5 .date{
	font-family:"微軟正黑體", "LiHei Pro";
	text-align:right;
	color:#8C6BB1;
	font-weight:bold;
	padding-right:5px;
	line-height:12pt;
}
.achievetable_b5 .year{
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color:#8C6BB1;
	font-weight:bold;
	padding-right:5px;
	border-bottom:3px #8C6BB1;
	border-bottom-style:solid;
	padding-top:5px;
}
.achievetable_b5 .detail{
	font-family:Arial, Helvetica, sans-serif;
	padding-right:5px;
	padding-bottom:5px;
	line-height:14pt;
	font-size:10pt;
}
.achievetable_b5 td{
	font-family:"微軟正黑體", "LiHei Pro";
	border-bottom:1px;
	border-bottom-color:#E8E7FF;
	border-bottom-style:solid;
}
#achievedate{
	padding-right:7px;
	width:10%;
	color:#8C6BB1;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	font-family: "微軟正黑體", "LiHei Pro";
}
#achievedate_b5{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:10pt;
	text-align:right;
	padding-right:7px;
	width:15%;
	color:#8C6BB1;
}
#achievedate_b5 div{
	float:right;
}
#achievedetail{
	text-align:justify;
	width:90%;
}
#achievedetail_b5{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:11pt;
	text-align:justify;
	width:85%;
}
#txt_b5 .achievetxt_b5 p{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:10.5pt;
	text-align:justify;
	line-height:16pt;
}
#txt_b5 .achievetxt_b5 table{
	font-family:"微軟正黑體", "LiHei Pro";
	font-size:10pt;
	line-height:16pt;
	padding-top:5pt;
	padding-bottom:10pt;
}


#bundle3{
	float:left;
	width:100%;
	text-align:center;
	vertical-align:top;
    margin: 0 auto;
}
#linkboxline{
	width: 100%;   
    text-align: center;
	vertical-align:top;
	margin-top:20px;
	text-align:center;
}
#linkbox{
	width:31%;
	float:left;
	display:inline-block;
}
#linkbox img{
	width:100%;
	height:auto;
}

#linkboxm{
	width:31%;
	float:left;
	padding-left:2%;
	padding-right:2%;
	display:inline-block;
}

#linkboxm img{
	width:100%;
	height:auto;
}

#backtotop{
	float:right;
}

#honorarytable tr {
	line-height:16pt;
}
#honorarytable td {
	text-align:left;
	line-height:150%;
}

#cvimg{
	float:right;
	width:35%;
	padding:5px;
	padding-left:15px;
}
#cvimg img{
	width:100%;
	height:auto;
}
#vcvimg{
	float:right;
	width:40%;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	max-width:170px;
}
#vcvimg img{
	width:100%;
	height:auto;
}

#cvtable td{
	padding:3px;
	text-align:left;
	vertical-align:top;
	line-height:14pt;
	font-size:11pt;
	margin-right:5px;
}

#cvtable td a{
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
	vertical-align:top;
	line-height:14pt;
	font-size:11pt;
}

#cvtable div{
	float:left;
}
#peoplelist li{
	line-height:120%;
	padding-bottom:10px;
	text-align:left;
}
.splistbullet{
	list-style-type:lower-alpha;
}

.totaldiv{
	border-top:solid 1px #000;
	border-bottom:solid 1px #FFF;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	font-weight:bold;
}

#large_images{
}

#sslideshow{
	min-width:20px;
}
/*#sslider .nivo-directionNav a {
	opacity: 0;
}
#sslider .nivo-controlNav{
	display:none;
}*/

.sptable td{
	vertical-align:top;
}

.sptable div{
	float:left;
}

.refname{
	color:#88419D;
}

.achievementpage{
	font-size:110%;
}
#txt_b5 .CollapsiblePanel .CollapsiblePanelContent p{
	font-size:10pt;
}
#txt_b5 .CollapsiblePanel .CollapsiblePanelContent a{
	font-size:10pt;
}

.sym{
	font-family:Symbol;
}

.revised{
	color:#FF0000;
	font-size: 90%;
}

/* -- Index Styles for index items Ends -- */
@media (min-width: 1500px) {
	#table-for-ie{
		width:1280px;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		border:0;
		margin-top:-2px;
		/*margin-right:-5px;*/
		overflow-x:hidden;
		overflow-y:scroll;
	}
	#table-for-ie p{
		font-size: 13pt;
		line-height: 15pt;
	}
	#side{
		width:270px;
		font-size:120%;
	}
	#side ul li {
	}
	#content{
		width:79%;
		margin-left:270px;
	}
	#slideshow{
		width:98%;
	}
	#scrollablearea{
		width:98%;
	}
	.newsbanner{
		width:98%;
		height:auto;
	}
	.newsbanner img{
		width:100%;
		height:auto;
	}
	#bundle1{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		width:72%;
		float:left;
	}
	#scrollablearea{
		/*width:95%*/
	}
	.scrolltable{
		width:98%;
	}
	
	#bundle2{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		float:left;
		width: 25%;
		padding-left: 30px;
	}
	#calendar{
		width:99%;
	}
	#achievearea{
		float:left;
		height: 492px;
	}
	.achievecontent{
		width:98%;
		height: 410px;
		background-color: #FFF;
	}
	#netvigation{
		font-size:12pt;
	}
	#netvigation a{
		font-size:12pt;
	}
	#txt{
		font-size:120%;
		width: 98%;
	}
	#content_b5{
		width:80%;
	}
	#footer{
		width:80%;
		max-width:none;
		
	}
	#bottom{
		width:1280px;
		font-size:100%;
		height:30px;
	}
	#contactUs{
		width:320px;
	}
	#contactUs p{
		font-size:102%;
	}
	.cn #quicklinks{
		width: 1280px;
	}
	#quicklinks{
		font-size:120%;
		width: 1280px;
		float: left;
		margin-top: 0px;
	}
}
@media (max-width: 1500px) {
	#bundle1{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		width:74%;
		float:left;
	}
	#slideshow{
		width:95%;
	}
	#scrollablearea{
		width:95%;
		height:190px;
	}
	.scrolltable{
		width:95%;
	}
	.newsbanner{
		width:95%;
	}
	.newsbanner img{
		width:100%;
		height:auto;
	}
	#bundle2{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		float:left;
		width: 25%;
		/*margin-left:1%;*/
	}
	
}

@media (max-width: 1250px){
	#content_b5{
	width:73%;
	}
}

@media (max-width: 1225px) {
	#banner{
		width:100%;
		/*height:55%;*/
	}
	#content{
		width:72%;
		/*margin-left:13em;*/
	}
	#bundle1{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		width:65%;
		float:left;
		min-width:280px;
	}
	#slideshow{
		width:100%;
		min-width:280px;
	}
	#scrollablearea{
		width:100%;
		height:170px;
		background-color:#E8E7FF;
		overflow-y:auto;
		overflow-x: hidden;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.scrolltable{
		width:95%;
		border:none;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		border-spacing:0;
		border-color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
	}
	.newsbanner{
		width:100%;
	}
	.newsbanner img{
		width:100%;
		height:auto;
	}
	#bundle2{
		/*This bundle includes:
			1) the slideshow;
			2) What's new Section*/
		float:left;
		width: 35%;
		/*margin-left:1%;*/
	}
	#calendar{
		float:right;
		width:85%;
		/*margin-top:20px;*/
	}
	#calendararea{
		float:right;
		width:100%;
	}	
	#achievearea{
		width:85%;
		height:400px; /*320*/
		float:right;
		margin-top:20px;
		background-color:#E8E7FF;
		border:1px #6774C3;
		border-style:solid;
	}
	.achievehead{
		padding:5px;
		vertical-align:top;
		background-color:#E8E7FF;
	}
	.achievecontent{
		margin:1px;
		width:98%;
		height:320px; /*240*/
		border:1px #6774C3;
		border-style:solid;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	.achievetable{
		font-size:10pt;
		background-color:#FFF;
	}
	.achievetable .date{
		text-align:right;
		color:#8C6BB1;
		font-weight:bold;
		padding-right:5px;
	}
	.achievetable .year{
		text-align:right;
		color:#8C6BB1;
		font-weight:bold;
		padding-right:5px;
		border-bottom:3px #8C6BB1;
		border-bottom-style:solid;
		padding-top:5px;
	}
	.achievetable .detail{
		padding-right:5px;
		padding-bottom:5px;
		line-height:14pt;
		font-size:10pt;
	}
	.achievetable td{
		border-bottom:1px;
		border-bottom-color:#E8E7FF;
		border-bottom-style:solid;
	}
	.achievetable_b5 .date{
		text-align:right;
		color:#8C6BB1;
		font-weight:bold;
		padding-right:5px;
		width:25%;
	}
	.achievetable_b5 .detail{
		padding-right:5px;
		padding-bottom:5px;
		line-height:14pt;
		font-size:10pt;
		width:75%;
	}
	#pageheader{
		width:100%;
	}
}

@media (max-width: 1185px) {
	#quicklinks{
		margin-top:0px;
	}
	#bundle2{
		width:35%;
	}
	#content_b5{
		width: 70%;
	}
}
@media (max-width: 1150px) {
	#bundle2{
		width:33%;
	}
	#bundle3{
		width: 95%;
	}
}

@media (max-width: 1100px) {
	/*#bundle1{
		width: 62%;
	}*/
	#bundle2{
		width: 34%;
	}
	#content{
		width: 70%;
	}
}
	
@media (max-width: 1060px) {
	#bodycontent{
		width:100%;
	}
	#bundle1{
		width:62%;
	}
	#bundle2{
		width:32%;
		margin-left:20px;
	}
	#header{
		vertical-align:top;
		top:0;
		width:100%;
		height:100%;
		margin-right:7%;
		/*background-image:url(images/Layout_design_v3_02.png);
		background-position:left top;
		background-repeat:no-repeat;*/
		float:left;
	}
	#pageheader{
		width:95%;
	}
	#content_b5 #pageheader{
		width:100%;
	}
	#banner{
		overflow:hidden;
		width:105%;
		/*height:55%;*/
	}
	#quicklinks{
		margin-bottom:5px;
		margin-top:-10px;
		width:100%;
		padding-right:10px;
	}
	.cn #quicklinks{
		margin-bottom:5px;
		margin-top:0px;
		width:100%;
		padding-right:10px;
	}
	#calendararea{
		width:100%;
	}
	#calendar{
		width:100%;
	}
	#achievearea{
		width:99%;
		height:440px; /*275*/
	}
	.achievecontent{
		margin:1px;
		width:98%;
		height:360px; /*200*/
		border:1px #6774C3;
		border-style:solid;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	.achievetable{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
		background-color:#FFF;
	}
	#menu{
		font-size:9pt;
	}
	/*#side{
		width:auto;
	}*/
}

@media (max-width: 1040px) {
	#table-for-ie{
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
	#langBar{
		margin-right:10px;
	}
	#bundle1{
		width:63%;
	}
	#bundle2{
		width: 30%;
		margin-left: 20px;
	}
	#content_b5{
		width: 73%;
	}
	#content{
		width: 78%;
	}
	#achievearea{
		height: 450px; /*360*/
	}
	.achievecontent{
		height: 370px; /*280*/
	}
}

@media (max-width: 1020px) {
	#bundle1{
		width:62%;
	}
}

@media (max-width: 990px) {
	#banner{
		width:105%;
	}
	#bundle1{
		width:60%;
		margin-right:5px;
	}
}

@media (max-width: 955px) {
	#header{
		vertical-align:top;
		top:0;
		left:0;
		right:0;
		width:125%;
		height:50%;
		float:left;
		margin-left:0px;
		margin-right:0px;
	}
	#headmenu{
		display:block;
	}
	#logoNlangbar{
		width:100%;
		float:left;
	}
	.langbaritems{
		padding-right:3px;
		float:left;
		margin-right:15px;
	}
	#langBar{
		display:none;
	}
	#banner{
		/*width:100%;*/
	}
	#menu{
		display:none;
	}
	#txt_b5, p{
		font-family:"微軟正黑體", "LiHei Pro";
		margin-right:10px;
	} 
	#txt_b5 h1, #txt_b5 h2, #txt_b5 h3, #txt_b5 h4, #txt_b5{
		font-family:"微軟正黑體", "LiHei Pro";
	}
	#bodycontent{
		margin-left:10px;
		margin-top:3em;
		width:99%;
	}
	#pageheader{
		width:100%;
		height:78px;
	}
	#content{
		width:100%;
		margin-top:20px;
		margin-left:0px;
		padding-left:0px;
	}
	#content_b5{
		width:100%;
		margin-top:20px;
		margin-left:0px;
		padding-left:0px;
	}
	#bundle1{
		width:65%;
	}
	#scrollablearea{
		height:150px;
	}
	#bundle2{
		width:30%;
	}
	#achievearea{
		/*width:66%;*/
		height:500px; /*410*/
		margin-right:0px;
	}
	.achievecontent{
		height:420px; /*330*/
		background-color: #FFF;
	}
	
	#footer{
		margin-left:0px;
		margin-right:0px;
		right:0;
		width:100%;
	}
	#contactUs{
		margin-left:20px;
	}
	#bottom{
		width:100%;
		height:auto;
		text-align:center;
		padding-bottom:5px;
	}
	#quicklinks{
		margin-top:20px;
		margin-bottom:5px;
		line-height:16pt;
		text-align:center;
		padding-left:0px;
		padding-right:0px;
		margin-right:0px;
	}
	.cn #quicklinks{
		text-align:center;
		padding-right:0px;
		margin-right:0px;
	}
	.cn #quicklinks div{
		font-size:90%;
	}
	#txt{
		width:98%;
	}
	.nltdc1{
		width:5%
	}
	.nltdc2{
		width:40%
	}
	.nltdc3{
		width:50%
	}
	
}
@media (max-width: 760px) {
	#calendar{
		width:100%
		
	}
	#achievearea{
		width:100%;
		height:450px; /*330*/
	}
	.achievecontent{
		height: 370px; /*250*/
	}
}

@media (max-width: 670px) {
	#header {
		vertical-align:top;
		top:0;
		left:0px;
		right:0;
		float:left;
		margin:0;
		padding:0;
		padding-left:0px;
		margin-left:0px;
		height:100%;
	}
	#bundle1{
		width:100%;
	}
	
	#logoNlangbar{
		width:125%;
		float:left;
	}
	.langbaritems{
		padding-right:7px;
		float:left;
		margin-right:0px;
	}
	#smallLogo{
		display:block;
	}
	#logo{
		display:none;
	}
	
	#bodycontent{
		margin-left:10px;
		margin-right:10px;
		width:95%;
	}
	#pageheader{
		width:100%;
		height:auto;
		float:right;
	}
	#pageheader img{
		width:100%;
		height:50px;
	}
	#txt_b5, #txt_b5 h1, #txt_b5 h2, #txt_b5 h3, #txt_b5 h4, #txt_b5 p{
		font-family:"微軟正黑體", "LiHei Pro";
		margin-left:0px;
		padding-right: 0px;
	}
	#content{
		width:100%;
		margin-top:0px;
		margin-left:0px;
		padding-left:5px;
		padding-right:5px;
	}
	#content_b5{
		width:100%;
		margin-top:0px;
		margin-left:0px;
		padding-left:5px;
		padding-right:5px;
	}
	#achievearea{
		height:240px;
		float:left;
		margin-top:15px;
	}
	.achievecontent{
		height:160px;
	}
	#footer{
		left:0;
		right:0;
		width:100%;
	}
	#bottom{
		width:100%;
	}
	#quicklinks{
		margin-top:20px;
		margin-bottom:5px;
		line-height:16pt;
		text-align:center;
	}
	#contactUs{
		margin-left:10px;
	}
	#contactUs p{
		padding-left:5px;
	}
	#bundle2{
		width:100%;
		margin-left:0px;
	}
	#calendar{
		float:left;
	}
	#calendararea{
		float:right;
	}
}

@media screen and (max-width: 590px){
	/*#calendar{
		float:left;
		width:85%;
	}
	#calDate{
		width:95%;
	}*/
	#calendararea{
		width:100%;
		padding-bottom:10px;
	}
	#achievearea{
		height:240px;
	}
	#bundle3{
		width:100%;
	}
	/*.HeadMenuBtn{
		margin-left:10px;
		margin-right:10px;
	}*/
	.cksedu{
		width:100%;
	}
	.cn #quicklinks{
		padding-top:10px;
	}
}

@media screen and (max-width: 500px) {
	#linkboxline{
		padding-left:0px;
	}
	#pageheader img{
		width:100%;
		height:40px;
	}
	#content{
		padding-left:0px;
		padding-right:0px;
	}

}

@media screen and (max-width: 495px) {
	#header {
		width: 130%;
        float: left;
		padding-left:0;
		margin-left:0;
		left:0;
		height:100%;
	}
	#langBarhead{
	float:right;
	margin-top:15px;
	margin-right:5px;
	/*min-width:160px;*/
	text-align:right;
	}
	#logoNlangbar{
		width:130%;
		float:left;
	}
	#banner{
		width:120%;
		/*height:20%;*/
		margin-left:-20px;
		overflow:hidden;
	}
	#bodycontent{
		margin-left:5px;
		margin-right:5px;
	}
	#content{
		width:99%;
		margin-top:0;
		margin-left:0px;
		padding-left:1%;
		padding-right:0px;
	}
	#content_b5{
		width:100%;
		margin-top:0;
		margin-left:0px;
		padding-left:5px;
		padding-right:5px;
	}
	#achievearea{
		height:240px;
		float:left;
	}
	#bundle3{
		/*min-width:300px;*/
		text-align:center;
	}
	
}

@media screen and (max-width: 470px) {
	#linkboxline{
		width:100%;
	}
	#linkboxm{
		padding-left:2%;
		padding-right:2%;
		width:31%;
		display:inline-block;
		padding-top:10px;
		float:left;
	}
	#linkbox{
		float:left;
		padding-top:10px;
		width:31%;
	}
	#large_images{
		display:none;
	}
	
	.nltdc1{
		width:2%
	}
	.nltdc2{
		width:50%
	}
	.nltdc3{
		width:47%
	}
}

@media screen and (max-width: 350px) {
	/*ul{
		padding-left:20px;
		margin-right:10px;
	}
	ol{
		padding-left:25px;
		margin-right:10px;
	}*/
	
	#header {
		width: 130%;
        float: left;
		padding-left:0;
		left:0;
	}
	
	#logoNlangbar{
		width:130%;
		float:left;
	}
	.langbaritems{
		padding-right:7px;
	}
	#langBar{
		display:none;
	}
	#headmenu{
		display:block;
	}
	#smallLogo{
		display:block;
	}
	#logo{
		display:none;
	}
	#banner{
		width:120%;
		margin-left:-20px;
		/*height:15%;*/
	}
	#bodycontent li,{
		margin-right:10px;
	}
	#content{
		width:98%;
		margin-top:0px;
		padding-left:1.5%;
		margin-left:0px;
	}
	#content_b5{
		width:95%;
		margin-top:0px;
		padding-left:5px;
		padding-right:5px;
	}
	#pageheader img{
		width:100%;
		height:30px;
	}
	#achievearea{
		/*min-width:260px;*/
		padding-left:0px;
		margin-left:0px;
	}

	#quicklinks{
		padding-left:0;
		padding-right:0;
		margin-left:5px;
		margin-right:5px;
	}
	#bundle3{
		margin-left:0px;
		width:100%;
	}
	#linkboxline{
		margin-left:7%;
		width:65%;
		margin-top:20px;
	}
	#linkbox{
		/*float:left;*/
		width:100%;
		padding-left:20%;
	}
	#linkboxm{
		/*float:left;*/
		width:100%;
		padding-left:20%;
	}
	/*#linkboxline{
		margin-left:0px;
		width:100%;
		margin-top:20px;
	}
	#linkbox{
		float:left;
		width:30%;
		padding-left:2px;
		padding-right:2px;
	}
	#linkboxm{
		float:left;
		width:30%;
		padding-left:2px;
		padding-right:2px;
	}*/
	#large_images{
		display:none;
	}
		
}