@media all
{

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	font-size: 100%;
	color:#333333;
	font-family:"Century Gothic", Verdana, Helvetica, "新細明體",  'Microsoft YaHei','微軟正黑體',sans-serif;
	position:relative;
}
input {font-family:Verdana, Arial, "新細明體",  sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 			{list-style:none;}
a img,
:link img,
:visited img {border:none;}

/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style: none; } 

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html .clearfix			 { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body		{margin-top:-23px;}
body.index	{margin:0}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #	{} }

/*A*/
a:link,
a:visited	{color:#128BC7; outline:none; text-decoration:none;}
a:hover		{text-decoration:none; outline:none; color:#1D2B39;  text-decoration:underline;}


.textInputLongest			{width:98%;background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc); position:relative; }
.textInputLongest:focus	{width:700px;background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }


.textInputLong			{width:97%;background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc); position:relative; }
.textInputLong:focus	{width:420px;background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }


.textInput			{width:91%;background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc); position:relative; }
.textInput:focus	{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
textarea			{background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc); position:relative; }
textarea:focus		{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.dateInput			{background:url(../images/icon_schedule.png) no-repeat right;}
select				{padding:8px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; }
label				{cursor:pointer;}
input[type="text"]	{}

.button,
.button:link,
.button:visited		{display: inline-block; *zoom: 1; *display: inline; border:none; text-align:center;  color: #333; background:#fff ; border:1px solid #999; font-size:13px; line-height:120%; padding:9px 23px;  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative; text-decoration:none; outline:none; -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2); 	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2); }
.button:hover		{background: #f3f3f3; cursor:pointer;}
.button:active 		{background:#ddd;  position:relative; top: 1px; color:#999; border:1px solid #ccc; text-shadow: 0 0 0, 1px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); }

.blue-btn,
.blue-btn:link,
.blue-btn:visited	{background: #128BC7; color:#FFF; border:1px solid #1282B8; }
.blue-btn:hover 		{background: #54AFED;}
.blue-btn:active	{background: #1683CB; color: #00647f;}

.red-btn,
.red-btn:link,
.red-btn:visited	{background: #e54028; color:#FFF}
.red-btn:hover 		{background: #e8543f;}
.red-btn:active 		{background: #CF2929; color:#900; }

.green-btn,
.green-btn:link,
.green-btn:visited	{background: #7db500; color: white;}
.green-btn:hover 	{background: #8fcf00;}
.green-btn:active	{background: #76a312; color: #486900;}

.orange-btn,
.orange-btn:link,
.orange-btn:visited	{background: #FF6C0A; color: white;}
.orange-btn:hover 	{background: #FF8533;}
.orange-btn:active	{background: #F96400; color: #8A3700;}

.gray-btn,
.gray-btn:link,
.gray-btn:visited	{background: #ddd; color: #999;}
.gray-btn:hover 	{background: #eee;}
.gray-btn:active	{background: #ddd; color: #bbb;}

.button.disable,
.button.disable:link,
.button.disable:visited		{border:none!important; color: #999!important; background:#ccc!important; text-shadow: 0 0 0, 1px 1px 0px #e3e3e3!important;}
.button.disable:hover		{background: #ccc!important; cursor:default!important;}
.button.disable:active 		{top: 0px; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; }

.trash-btn:link,
.trash-btn:visited	{background:url("../images/cancel.png") no-repeat center; display:block; float:right; width:13px; height:15px; padding:10px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative; }
.trash-btn:hover	{background:#eee url("../images/cancel.png") no-repeat center;}
.trash-btn:active	{background:#E54028 url("../images/cancel.png") no-repeat center;}

.upload						{position:relative;}
.upload-btn,
.upload-btn:link,
.upload-btn:visited			{color:#FFF!important; background: #00a1cb; z-index:9; }
.upload-btn:hover			{background: #00b5e5;}
.upload-btn:active			{background: #1495b7; color: #00647f; }
.upload-btn input			{filter:alpha(opacity=0);opacity:0;zoom:1; color:#333;  width:185px; height:115px; width:117px; height:40px; position:absolute; left:0; top:0; z-index:0;}
.upload-btn.disable			 {cursor:pointer}
.upload-btn.disable input	{display:none;}
.upload-btn.disable span		{color:#999!important; }

.sumbit-btn,
.sumbit-btn:link,
.sumbit-btn:visited	{padding:10px 20px; margin:auto; display:inline-block;padding: 10px 35px; font-size: 16px;}
.sumbit-btn:hover 	{}
.sumbit-btn:active	{}

.tooltip-img		{margin:3px; vertical-align:middle;} 

/*main*/
.mainContainer			{ 
width:900px; height:200px; margin:20px auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F90;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC3), to(#E78B01));
background: -webkit-linear-gradient(#FC3, #E78B01);
background: -moz-linear-gradient(#FC3, #E78B01);
background: -ms-linear-gradient(#FC3, #E78B01);
background: -o-linear-gradient(#FC3, #E78B01);
background: linear-gradient(#FC3, #E78B01);
-pie-background: linear-gradient(#FC3, #E78B01);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
filter:alpha(opacity=100);opacity:1.0;zoom:1;
behavior:url(css/PIE.htc);  
position:relative;}


/*Common Style*/

body					{background:#eee; background:#fff;}
#header 					{background:#45AFD5; background:#8d865c; width:100%;}
#header a				{display:block; background:url(../images/banner.png) no-repeat center top; margin:auto; width:1000px; height: 201px;  position:relative;}

.container 				{width: 970px; margin: 0 auto; padding-bottom: 40px; min-height:400px;}

/* Menu */
#menu 					{height:50px; margin-bottom:30px; width:100%;  background:#128BC7;  background:#00263a; text-align:center;}
#menu ul 					{width:100%; margin:auto; display:inline-block;}
#menu li 					{display:inline-block; width: 20%; width:170px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; vertical-align:top; }
#menu li.first_item 		{border:0;}
#menu li a 				{display: inline-block; padding:0 10px 0 55px; font-size:16px; font-family:'Microsoft YaHei'; background-repeat: no-repeat; background-position: left center; color: #fff;  text-decoration:none;}
#menu li a:hover 			{color: #fff; text-decoration:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
#menu li a.icon_chart				{ background: url(../images/icon_chart.png) no-repeat 15px 100px; }
#menu li a.icon_up2cloud			{ background: url(../images/icon_up2cloud.png) no-repeat 15px 100px; }
#menu li a.icon_research			{ background: url(../images/icon_research.png) no-repeat 15px 100px; }
#menu li a.icon_schedule			{ background: url(../images/icon_schedule.png) no-repeat 15px 100px; }
#menu li a.icon_home				{ background: url(../images/icon_home.png) no-repeat 15px 100px;}
#menu li a.icon_mail				{ background: url(../images/icon_mail.png) no-repeat 15px 100px;}

#menu li a.icon_chart:hover 		{ background: url(../images/icon_chart.png) no-repeat 15px center;}
#menu li a.icon_up2cloud:hover 	{ background: url(../images/icon_up2cloud.png) no-repeat 15px center;}
#menu li a.icon_research:hover 	{ background: url(../images/icon_research.png) no-repeat 15px center;}
#menu li a.icon_schedule:hover 	{ background: url(../images/icon_schedule.png) no-repeat 15px center; }
#menu li a.icon_home:hover 		{ background: url(../images/icon_home.png) no-repeat 15px center; }
#menu li a.icon_mail:hover 		{ background: url(../images/icon_mail.png) no-repeat 15px center; }

#menu li.current a.icon_chart 	{ background: url(../images/icon_chart.png) no-repeat 15px center;}
#menu li.current a.icon_up2cloud 	{ background: url(../images/icon_up2cloud.png) no-repeat 15px center;}
#menu li.current a.icon_research 	{ background: url(../images/icon_research.png) no-repeat 15px center;}
#menu li.current a.icon_schedule	{ background: url(../images/icon_schedule.png) no-repeat 15px center; }
#menu li.current a.icon_home		{ background: url(../images/icon_home.png) no-repeat 15px center; }
#menu li.current a.icon_mail		{ background: url(../images/icon_mail.png) no-repeat 15px center; }

#menu li.onhover a.icon_chart 	{ background: url(../images/icon_chart.png) no-repeat 15px center;}
#menu li.onhover a.icon_up2cloud 	{ background: url(../images/icon_up2cloud.png) no-repeat 15px center;}
#menu li.onhover a.icon_research 	{ background: url(../images/icon_research.png) no-repeat 15px center;}
#menu li.onhover a.icon_schedule	{ background: url(../images/icon_schedule.png) no-repeat 15px center; }
#menu li.onhover a.icon_home		{ background: url(../images/icon_home.png) no-repeat 15px center; }
#menu li.onhover a.icon_mail		{ background: url(../images/icon_mail.png) no-repeat 15px center; }

#menu li ul.submenu				{display:none;  position:relative; z-index:999; width:500px; }
#menu li ul.submenu li				{display:block; width:100%; background:#128BC7 url(../images/right-arrow.png) no-repeat 20px;}
#menu li ul.submenu li a:link,
#menu li ul.submenu li a:visited	{display:block;}
#menu li ul.submenu li a:hover		{background:#0D527B url(../images/right-arrow.png) no-repeat 30px;}
#menu li.onhover ul.submenu		{display:block;}

#menu li.menu_signup						{margin-left:40px}
#menu li.menu_signup a.icon_signup			{background:#BB0000; padding:0 30px;}
#menu li.menu_signup a.icon_signup:hover	{background:#ED0000;}
#menu li.menu_signup a.icon_signup_expired			{background:#CCC; padding:0 30px;}
#menu li.menu_signup a.icon_signup_expired:hover	{background:#CCC; cursor: default;}
#menu li.menu_mail a.icon_mail		{}

.block						{position: relative; margin-bottom: 10px; padding: 20px; border:0px solid #dcdcdc; background-color: #fff; }
.block h1 					{}
.block h1 a 					{color:#1D2B39; font-size: 18px; font-weight:bold; font-family:'Microsoft YaHei';}
.block ul.item  				{margin:10px 0;}
.block ul.item li 				{border-bottom:1px dotted #ccc; padding-bottom:10px; margin:10px 0; font-size:13px; }
.block ul.item li.first_item 	{background: none; }
.block ul.item li span 		{color: #5a5a5a; font-size:13px; }
.block ul.item li img			{margin:0 5px;}
.block ul.item li a:link,
.block ul.item li a:visited	{font-size:13px; display:block;}
.block ul.item li a:hover		{}
.block .inner				{margin:20px 0 0 0;}

#sidebar 					{float: left; width: 240px; }
#contents 					{float:left; width:470px; margin-left: 10px; width:700px;}
#contents .block 			{}
#rightbar					{float:right; width: 240px; }

.section					{}
.section h2 					{color:#333; font-size:15px; clear:both;  float:left; display:block; font-size:17px; font-weight:bold; width:100%; background:#BDE3F2; padding:8px 0px; text-align:center; margin:0px 0 10px 0; -webkit-border-radius: 20px; -moz-border-radius:20px; border-radius:20px; behavior:url(css/PIE.htc); position:relative;}
.section h2 a:link,
.section h2 a:visited 		{color:#333; font-size:15px; clear:both;  float:left; display:block; font-size:17px; font-weight:bold; width:100%; background:#BDE3F2; padding:8px 0px; text-align:center; margin:0px 0 10px 0; -webkit-border-radius: 20px; -moz-border-radius:20px; border-radius:20px; behavior:url(css/PIE.htc); position:relative;}
.section h2 a:hover	 		{}

.section#speech				{}
.section#speech	p			{font-size:13px; line-height:2em;}
.section#edm				{text-align:center;}
.section#edm a:link,
.section#edm a:visited		{border:1px solid #eee; overflow:hidden; padding:5px; margin:10px ;  display:inline-block;}
.section#edm a:hover			{border:1px solid #666;}

#activity a					{width:160px; margin-bottom:10px;}
#book.section li				{font-size:12px;}

.columnFull					{position: relative; margin-bottom: 10px; padding: 20px; width:100%;  background-color: #fff; float: left;}
.columnFull h1				{color:#1D2B39; font-size: 18px; font-weight:bold; font-family:'Microsoft YaHei'; -webkit-border-radius: 20px; -moz-border-radius:20px; border-radius:20px; behavior:url(css/PIE.htc); position:relative;padding:5px 0;}
.columnFull ul				{margin:20px 0; }
.columnFull li				{border-bottom:1px dotted #ccc; padding:12px; margin:10px 0; font-size:13px; list-style:disc; list-style-position: inside; padding-left:20px;}
.columnFull li.odd			{}
.columnFull  li span 			{color: #5a5a5a; font-size:13px; color:#000; }
.columnFull  li img			{margin:0 5px;}
.columnFull  li a:link,
.columnFull  li a:visited		{font-size:16px; color:#000;}
.columnFull  li a:hover		{}
.columnFull	h1				{text-align:center; font-size:26px; font-weight:normal;}
.columnFull	p.center		{text-align:center;}


.page-content h1			{margin:20px; font-size:26px; margin:0;  font-family:Arial, "微軟正黑體"; float:left; display:block; cleaR:both; }
.page-content h2			{margin:18px; font-size:22px; width:100%; color:#228AAC; color:#333; margin:20px 0 5px 0; font-weight:bold;  font-family:Arial, "微軟正黑體"; line-height:180%; }
.page-content .inline	{display:inline;}
.page-content p			{line-height:180%; margin:3px 0; color:#333; }
.page-content ul			{background:#fff; margin:0;}
.page-content ul li		{margin:0!important; padding:10px; list-style:none!important;}
.page-content ol			{}
.page-content ol li		{list-style-type:decimal; margin:3px 0;  color:#333; line-height:160%; font-size:15px; border:0;}
.page-content ol li ul 		{margin-left:20px;}
.page-content ol li ul li	{list-style-type:disc; margin:4px 0;  color:#333; line-height:160%; font-size:15px;}

#rule h2				{background:url("../images/icon_rule.png") no-repeat left; padding-left:45px;}
.clear				{clear:both;}
hr					{color:#45AFD5; background-color:#45AFD5; height:2px;  border:0; margin:30px 0; clear:both;}

.columnFull .navi			{width:100%; clear:both; margin-bottom:10px;}
.columnFull .navi ul			{background: #f7f7f7; padding:0;}
.columnFull .navi li			{display:block; float:left; margin:0; border:0;}
.columnFull .navi a:link,
.columnFull .navi a:visited	{text-decoration:none; color:#666; padding:8px 18px; margin:5px 10px 5px 0px; float:left; display:block;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(css/PIE.htc); position:relative; background:#fff; }
.columnFull .navi a:hover	{background:#f55; color:#fff;}
.columnFull .navi a.current	{background:#E83535; color:#FFF;}



#news_detail				{}
#news_detail .article		{text-align:center;}
#news_detail .article p		{line-height:160%; font-size:15px; text-align:left;}
#news_detail h1				{font-size:26px; font-weight:normal; margin-bottom:5px;}
#news_detail .infor			{font-size:15px; color:#999; margin:10px auto 40px auto; display: block; text-align: center;}

.top:link, .top:visited {text-decoration: none; color: #666; font-family: Verdana; clear: both; margin: 20px 0; padding: 5px 10px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(css/PIE.htc); font-size: 12px; position: relative; background: #fff; border: 1px solid #aaa; }
.top:hover				{background:#f3f3f3; border:1px oslid #ccc;}

/* Footer */
#footer 				{ padding: 15px 0 20px; background:#fff; width:100%; background:#f3f3f3; height:160px;  }
#footer .wrapper 	{ width: 970px; margin: 0 auto; }
#footer .info		{ float: left; color: #8c8d8d; line-height:2em; font-size:13px; font-family:Cambria,Arial,"新細明體";}
#footer .info span 	{ display: block; color: #000; line-height:2em; font-size:20px;  font-family:'Microsoft YaHei';}
#footer .logo_itri 	{ float: right; margin: 5px 0 0 20px; }
#footer .logo_stpi 	{ float: right; margin: 12px 0 0 20px; }


/*registerForm*/
#registerForm					{background:#fff; }
#registerForm .container			{width:170mm; height:258mm; width:1200px; height:960px; color:#000; font-size:12pt; margin:auto; font-family:Cambria,Arial,"新細明體"; }
#registerForm.print .container	{width:650px; }
#registerForm h1					{font-size:22pt; text-align:center; margin:20px 0 0 0; font-family:"微軟正黑體";}
#registerForm .wrapper			{ float:left; padding:30px 0; width:100%;}

#registerForm table					{background:#fff;  border:3px solid #e3e3e3; width:100%;}
#registerForm table thead th,
#registerForm table thead td			{padding:8px 10px; font-size:15px; border-bottom:1px dotted #ccc;  background:#fff; }
#registerForm table thead th			{background:#369; background:#3AA5E9; color:#fff; }
#registerForm table tbody th			{padding:5px 10px; color:#fff;  width:220px; border-bottom:1px dotted #ccc; background:#369; font-size:13px; border-bottom:2px solid #036; }
#registerForm table tbody td			{padding:5px 10px; font-size:13px; line-height:160%; border-bottom:1px dotted #ccc; }
#registerForm table tbody td pre		{padding:5px 10px; font-size:13px; line-height:160%;}
#registerForm table td ul				{margin:0; padding:0;}
#registerForm table td ul li			{list-style:disc outside!important; font-size:13px!important;}
#registerForm table td ol li			{list-style: decimal outside!important; font-size:13px!important;}
#registerForm table td em				{font-weight:bold; color:#000;}
#registerForm table tbody th.subth	{background:#f7f7f7; border-right:1px solid #eee; border-bottom:1px dotted #ccc; color:#333; font-size:13px; width:210px}
#registerForm table  b				{color:#f00; font-weight:bold; font-family:Verdana;  }
#registerForm table  tr.line td,
#registerForm table  tr.line th		{border-bottom:2px solid #369;}
#registerForm table  tfoot	 td			{padding:30px; text-align:center; border-top:0px solid #ccc}
#registerForm table  span.note		{clear:both; font-size:12px; color:#666; width:100%; display:block; margin:5px 0;}
#registerForm li  span.note		    {clear:both; font-size:12px; color:#666; width:100%; display:block; margin:5px 0; text-align: left;}
#registerForm table  td.edit			{padding:0 5px; position:relative;}
#registerForm .tools					{padding:30px; text-align:center; width:100%;}
#registerForm .tools .button			{padding:15px 60px; font-size:18px;font-family:"微軟正黑體";}

#registerForm td.edit .textInput				{background:transparent!important; width:100%; padding:10px 0px 10px 0; border:0px solid #fcc!important; color:#666; -webkit-box-shadow:none; -moz-box-shadow:none box-shadow:none;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; behavior: url(css/PIE.htc); position:relative; z-index:9;}
#registerForm td.edit .textInput:focus		{background:#FFC!important;  border:0px solid #fcc!important; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

#registerForm td.edit .textInput.error		{background:#FFDFDF!important;  border:0px solid #f00!important; }

#registerForm .odd td			{background:#F6F7F1;}
#registerForm .odd td .textInput			{background:#fff;}
#registerForm .odd td .textInput:focus	{background:#ffc;}

.portrait				{border:5px solid #666; text-align:center; padding:5px; width:200px; height:220px;  }
.portrait .title			{font-size:18px;font-family:"微軟正黑體"; margin:30px 0;}
.portrait p				{color:#999;}
.portrait input			{width:160px;}

label.error					{background:#f33; display:block; padding:5px 10px; float:right; font-size:12px; color:#fff;	 -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  behavior:url(css/PIE.htc); position:absolute; right:5px; top:2px; z-index:10;}

label.radio					{display:block; padding:10px 10px; float:left; margin:5px 10px 5px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  behavior:url(css/PIE.htc);}
label.radio input			{position:relative; top:2px;}
#videoUrl.textInput 		{width:400px; float:left;}
#videoUrlDIV				{float:left; border-left:1px solid #eee; padding-left:20px; width: 508px;}
#videoFileDIV				{float:left; border-left:1px solid #eee; padding-left:20px; width: 508px;}
#videoFileDefaultDIV		{float:left; padding-left:20px;}
#videoUrlDIV        		{float:left; border-left:1px solid #eee; padding-left:20px;}

#back-page 		{display:block; width: 40px; height:40px; margin:30px auto; display: block;   float:left; text-align: center; font: 14px/25px Verdana, Helvetica, sans-serif; border:1px solid #666; text-decoration: none; color: #666;background:transparent url("../images/left-arrow.png") no-repeat center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  behavior:url(css/PIE.htc)\9; position:relative; filter:alpha(opacity=70);opacity:0.7;zoom:1; margin-right:20px;}
#back-page:hover {background:#84b633 url("../images/left-arrow.png") no-repeat center; border:1px solid #84b633; color:#fff; filter:alpha(opacity=100);opacity:1.0;zoom:1;}


/*login*/
#login							{width:400px; margin:50px auto; text-align:center;}
#login  h2						{margin:10px auto; font-size:22px;  font-family:'Microsoft YaHei';}
#login .pane						{width:340px; float:left; background:#fff; padding:10px 20px 20px 20px; float:left;}
#login .pane li					{margin:5px 0; float:left; margin-bottom:10px;}
#login .textInput				{padding:13px 15px; width:300px;}
#login .login-pw					{float:left;}
#login .login-remember			{width:100%; float:left;}
#login .login-remember input		{position:relative; top:2px;}
#login .button					{padding: 12px 25px; *padding:10px 13px;font-size:17px; font-weight: bold; width:330px; margin-top:20px; }


/*register*/
#register							{width:400px; margin:50px auto; text-align:center;}
#register  h2						{margin:10px auto; font-size:22px;  font-family:'Microsoft YaHei';}
#register .pane						{width:340px; background:#fff; padding:10px 20px 20px 20px; float:left;}
#register .pane li					{margin:5px 0; float:left; margin-bottom:10px;}
#register .textInput					{padding:13px 15px; width:300px;}
#register .login-pw					{float:left;}
#register .login-remember			{width:100%; float:left;}
#register .login-remember input		{position:relative; top:2px;}
#register .button					{padding: 12px 25px; *padding:10px 13px;font-size:17px; font-weight: bold; width:330px; margin-top:20px; }

#register.column2					{width:800px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#register .pane.left					{height:420px; margin-right:40px; }
#register .pane.right				{height:420px; display:none;}


table							{width:100%; margin:auto; background:#fff; background:#f7f7f7; background:#DEEBF7; margin:20px 0;}
table thead td					{text-align:center; background:#45AFD5; border-bottom:5px solid #fff; color:#fff; font-size:20px;  font-family:"微軟正黑體"; padding:10px; }
table tbody th,
table tbody td					{padding:6px; border-bottom:1px solid #E0E0E0; border-bottom:0px solid #ccc; line-height:160%; padding:10px 20px;  color:#000; }
table tr 						{}
table tbody th					{font-weight:bold; text-align:left;}
table em						{color:#FF3333; font-weight:bold;}
table tr.odd td,
table tr.odd th					{background:#BDD7EE;} 

table.style1        {}    
table.style1 th,
table.style1 td     {border-right:1px solid #fff; border-bottom: 1px solid #fff;border:1px solid #B1D7EF;}    
table.style1 th     { width:160px; border:1px solid #B1D7EF; }    
table.style1 td     { background:#fff!important;}    
    
#schedule table					{width:80%; margin:40px auto;}
#schedule h1						{width:80%; margin:0px auto;}

#formUpload						{}
#formUpload .wrapper				{margin-top:40px;}
#formUpload .box					{text-align:center;}
#formUpload .box li				{list-style:none; width:520px; margin:auto; border:0;}
#formUpload .box .file			{background:#f3f3f3; padding:6px; border:1px solid #ddd;  -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; behavior:url(css/PIE.htc); }

#index					{}
#index .columnFull		{/*background:url("../images/indexBg.png") no-repeat 0px 120px;*/ padding-top:40px;}
#index .head				{text-align:center; width:100%; clear:both; margin-bottom:0px;}
#index .head	h2			{font-size:26px; font-weight:bold; color:#003E71; font-family:"微軟正黑體"; margin-bottom:20px; line-height:160%;}
#index .head	img			{width:100%;}
#index .head	.item		{ float:left; width:160px; margin:0 40px;}
#index .head	h3			{	font-weight:bold; margin-top:40px; background:#45AFD5; display:block; text-align:center; color:#fff; width:120px; height:120px; padding:20px;   -webkit-border-radius: 100px; -moz-border-radius:100px; border-radius:100px; behavior:url(css/PIE.htc);}
#index .head	h3 span		{vertical-align:middle; top:20px; font-size:24px;  color:#fff; font-family:"微軟正黑體"; font-weight:bold;}
#index .head	p			{line-height:160%; font-size:17px;}
#index .content			{float:left; width:100%; padding-bottom:50px;}
#index .content h4		{font-size:20px; font-weight:bold; margin-top:40px; color:#003E71;}
#index .content p		{}
#index .content ul		{background:transparent;}
#index .content ul li		{border:0; list-style:none; font-size:16px; margin:0;}
#index .content ul li span	{background:#fcc; padding:6px 10px; font-size:16px; margin-right:10px; background:#1D96D5; background:#8D865C; color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; behavior:url(css/PIE.htc);}
#index .content a.em		{font-size:22px; font-weight:bold; line-height:180%;}


}

@media print{
#registerForm 					{text-align:center; padding-top:50px; }
#registerForm .container			{width:650px!important; height:auto!important; display:inline-block;}
#registerForm h1					{font-size:13pt; margin:10px 0; }
#registerForm .wrapper			{padding:0px 0; width:100%; height:100%;}

#registerForm table				{border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; }
#registerForm table thead th,
#registerForm table thead td		{padding:0px 3px; font-size:12px; border-bottom:1px solid #ccc;}
#registerForm table thead th		{background:#f3f3f3; color:#000; border-right:1px solid #ccc; }
#registerForm table tbody th				{padding:0px 3px; color:#000; background:#f3f3f3; width:120px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:normal; font-size:10pt; line-height:120%;  }
#registerForm table tbody td				{padding:0px 3px; color:#000; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:10pt; border-top: 1px solid #ccc; line-height:120%; }
#registerForm table tbody td pre			{padding:0px 3px; color:#000; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:10pt; border-top: 1px solid #ccc; line-height:120%; }
#registerForm table tbody th.subth			{background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc;  }
#registerForm .tools			{display:none;}
#registerForm  input			{border:0; padding:3px!important; border-style: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:transparent;}
#registerForm  textarea		{border:0; padding:3px!important; border-style: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; width:auto; background:transparent;}
#registerForm .portrait		{border:0;}
#registerForm .odd td			{background:transparent;}

#registerForm table td table td	{border:0;}

}