@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	font-size:0.75em;
	color:#626262;
	background-color:#8faf4e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	behavior:url("js/csshover.htc");
	text-align:center;
 }
		
form{margin:0px;}

table{border:none;border-collapse:collapse;line-height:25px;text-align:center;font-size:10pt}

td{border:none;
vertical-align:text-top;}

h3 {
	font-size:18px;
	font-weight:normal;
	color:#005e20;
	margin:15px 15px 10px 15px;}
	
h4 {font-size:1.25em;margin:15px 15px 10px 15px;padding:0px;color:#005e20;}

h5 {font-size:13px;line-height:1.0em;font-weight:normal;color:#f58522;margin:15px 15px 5px 15px;}
html>body h5 {font-size:1.05em;line-height:0.75em;}

a:link{
	color:#0072bc;
	text-decoration:none;
	}

a:visited{
	color:#8299a8;
	text-decoration:none;
	}
a:hover{
	color:#005e20;
	text-decoration:underline;
	}	
a:active{
	color:#005e20;
	text-decoration:underline;
	}

img{border:none;}

p{margin:10px 15px 0px 20px;padding-bottom:5px;}



/******index block******************
****************************************************/
	#wrapper{width:778px;background-image:url(../images/bg_bar.jpg);background-repeat:repeat-y;margin-left:auto;margin-right:auto;}
	
	#main{width:760px;margin-left:10px;margin-right:10px;}
	html>body #main{margin-left:10px;}/*�s�W*/
	#banner{width:760px;height:91px;margin:0px;padding:0px;}
	#banner table{border-collapse:collapse;border:none;margin-top:10px;margin-left:12px;color:#FFFFFF;text-align:center;}
	html>body #banner table{margin:10px 10px 0px 20px;}
	.logo{
		float:left;
		width:501px;
		height:91px;
		}
		
	.login{
		float:left;
		width:259px;
		height:91px;
		background-image:url(../images/banner_bg2.jpg);
		background-repeat:no-repeat;
		}
	.login a:link,.login a:visited,.login a:hover,.login a:active{color:#ffffff;text-decoration:none;}
	
	p.log-faq{margin:0px;padding:0px;text-align:left;margin-right:40px;}
	 
	p.log-faq a:link{
	color:#545454;
	text-decoration:none;
	}

	p.log-faq a:visited{
		color:#545454;
		text-decoration:none;
		}
	p.log-faq a:hover{
		color:#545454;
		text-decoration:underline;
		}	
	p.log-faq a:active{
		color:#545454;
		text-decoration:underline;
		}

	.icon-faq{margin-left:30px;}
	input.pw{border:1px solid #328e58;color:#bcbec0;}
		
	/*navigation block*/	
		#navigation{width:760px;margin:0px;padding:0px;background-image:url(../images/navigaion.jpg);background-repeat:repeat-x;vertical-align:bottom;}
		html>body #navigation{}
			
		#navigation ul{	margin:0px;list-style-type: none;padding:0px;}
		html>body #navigation ul{margin:0px;padding:0px;}
			
		#navigation ul li{	/*cursor: pointer;*/float:left;}
		
		#navigation ul li img{vertical-align:bottom;border:none;margin:0px;padding:0px;}
		
		#navigation li:hover ul {visibility:visible;z-index: 100;}
		
		/*navigation layer 2*/
		#navigation ul li ul{display: block;width:109px;visibility: hidden;	position:absolute;margin:31px 0px 0px -115px ;border:1px solid #aeb0b2;border-bottom:none;line-height:18px;background-image:url(../images/nav_bg.jpg);background-repeat:repeat-y;}
		html>body #navigation ul li ul{margin:0px;padding:0px;}
		
		#navigation ul li ul li {width:109px;margin:0px;border-bottom:1px solid #aeb0b2;color:#50b848;background-image:url(../images/nav_bg.jpg);background-repeat:repeat-y;padding-top:6px;height:20px;letter-spacing:1px;}
		
		html>body #navigation ul li ul li{height:auto;padding:6px 0px 6px 0px;}
		
		#navigation ul li ul li:hover{background-image:url(../images/hover_sub_nav.jpg);background-repeat:repeat-y;color:#1a6725;text-decoration:none;}/*li link background color�]�w*/
		
		#navigation ul li ul a:link,#navigation ul li ul a:visited{color:#50b848;;text-decoration:none;display:block;width:100px;margin-left:8px;}/*li link a:hover color�]�w*/
		#navigation ul li ul a:hover{color:#1a6725;text-decoration:none;display:block;width:100px;margin-left:8px; }/*li link a:hover color�]�w*/
	
	/*search block*/	
	#search{text-align:right;width:760px;background-color:#cdea8e;height:30px;}
	
	#search input.sear{color:#bcbec0;border:1px solid #6d6e71;padding:2px 0px 0px 25px;margin:0px;background-image:url(../images/searchbg.gif);background-repeat:no-repeat;}
	html>body 	#search input.sear{padding:2px 0px 0px 25px;margin:0px;border:1px solid red;}
	
	#search table{float:right;border:collapse;border:none;margin:2px 55px 0px 0px;}
	html>body #search table{margin:2px 115px 0px 0px;border:1px solid red;}
	
	.crumbs{float:left;margin:8px 0px 0px 10px;}
	html>body .crumbs{float:left;margin:8px 0px 0px 20px;}
	.crumbs img{padding-right:5px;padding-top:1px;}

	/*container block*/
	#container{width:760px;}
	
	#l-content{float:left;background-image:url(../images/l-contentbg.jpg);background-repeat:no-repeat;width:627px;margin:5px;margin-right:0px;margin-left:2px;}
	html>body #l-content{margin-left:5px;}
	#l-con{width:614px;border:1px solid #c6e093;border-bottom:none;padding-bottom:15px;background-color:#FFFFFF;}
	html>body #l-con{border:1px solid #c6e093;border-bottom:none;}
	
	.bottombg{background-image:url(../images/l-content-bottombg.jpg);background-repeat:no-repeat;width:616px;height:12px;}
	
	.prototype{background-image:url(../images/prototype.jpg);background-repeat:no-repeat;background-position:bottom;width:594px;height:31px;text-align:right;margin:10px 0px 5px 10px;}
	.prototype img,.equipment img,.active img,.news img{padding:0px;margin:5px 0px 0px 0px;}
	
	.equipment{background-image:url(../images/equipment.jpg);background-repeat:no-repeat;background-position:bottom;width:594px;height:31px;text-align:right;margin:10px 0px 5px 10px;}
	
	.active{background-image:url(../images/active.jpg);background-repeat:no-repeat;background-position:bottom;width:594px;height:31px;text-align:right;margin:10px 0px 5px 10px;}
	
	.news{background-image:url(../images/news.jpg);background-repeat:no-repeat;background-position:bottom;width:594px;height:31px;text-align:right;margin:10px 0px 5px 10px;}
	
	.content{width:594px;margin:0px 0px 0px 18px;}
	/*.content table{border:none;}
	.content table td{vertical-align:text-top;word-break:break-all;line-height:20px;}*/
	
	#prototype_block,#equipment_block,#active_block{margin-bottom:20px;}
	
		/*�����o���]�w*/		
		.movies{margin:5px 5px 0px 12px;float:left;}
		
		.mlist{float:left;width:253px;height:220px;margin:20px 0px 0px 2px;/*background-image:url(../images/moviebg.jpg);background-repeat:no-repeat;background-position:0px 30px;*/}
		.mlist table{border:none;width:100%;text-align:center;}
		.mlist table td{vertical-align:middle;}
		 
		 td.moviesbg{background-image:url(../images/moviebg.jpg);background-repeat:no-repeat;background-position:0px 0px;width:252px;height:82px;}
		 		 		 .moviesbg{background-image:url(../images/moviebg.jpg);background-repeat:no-repeat;background-position:0px 0px;width:252px;height:82px;}
		.moviesimg,.moviestext{float:left;}
		.moviesimg img{border:1px solid #aeb0b2;padding:2px;margin:0px 10px 0px 10px;}/*small img*/
		html>body .moviesimg img{padding:2px;margin:0px;margin-left:10px;}
		
		.moviestext ul{list-style-type:none;line-height:16px;margin:0px;text-align:left;width:151px;}/*���r�y�z*/
		 html>body .moviestext ul, .moviestext li{margin:0px;padding:0px;padding-left:5px;}
	
		
		/*�����T���]�w*/
		#active_block ul{list-style-type:none;padding:0px;margin:0px;}
		#active_block li{background-image:url(../images/icon-list.gif);background-repeat:no-repeat;background-position:0px 5px;padding:0px;padding-left:10px;margin:0px;margin-top:10px;line-height:18px;}
		
		.active table{border:none;border-collapse:collapse;line-height:15px;margin:0px;margin-top:5px;}
		html>body .active table{margin-left:150px;}
		
		.checkcal{float:right;margin:12px 0px 0px 0px;}
		html>body .checkcal{margin:5px 0px 0px 0px;}
		
		.month{float:left;margin:13px 0px 0px 55px;font-size:13px;}
		html>body .month{margin:2px 0px 0px 100px;}
		
		.active img{margin:0px;padding:0px;}		
		.orange{background-color:#ffdb77;}
		.yellow{background-color:#fff799;}

		/*���s����
		#news_block table{border:none;width:100%;margin:0px;padding:0px;vertical-align:bottom;}
	*/
	#r-content{float:left;width:125px;}
	/*ad block*/
	.ad{float:left;	width:125px;margin:0px;}
	.ad img{margin-bottom:10px;margin-top:5px;}
	.ad1 {vertical-align:bottom;margin-bottom:0px;margin-top:50px;}
	
	/*footer block*/
	#footer{height:57px;text-align:center;margin:0px;background-image:url(../images/bg_footer.jpg);background-repeat:repeat-x;}
	.f-itri{float:left;margin:10px 20px 0px 10px ;}
	.f-text{float:left;text-align:left;}
	.f-text p{margin:10px 0px 0px 0px;padding:0px;}




/*****************second page design***********
****************************************************************/

	/*�D�[�c*/
	#sec-container{width:760px;}
	
	#sec-navigaiton{float:left;width:132px;}
	html>body #sec-navigaiton{}
	#sec-navigaiton ul{width:130px;margin:0px;padding:0px;list-style-type:none;}
	#sec-navigaiton li{width:130px;height:40px;background-image:url(../images/sec_nav.jpg);margin-top:5px;}
	#sec-navigaiton li:hover{background-image:url(../images/sec_nav_hover.jpg);}
	#sec-navigaiton li a:link,#sec-navigaiton li a:visited,#sec-navigaiton li a:hover,#sec-navigaition li a:active{font-size:1.25em;color:#FFFFFF;margin:5px 0px 0px 15px;width:110px;display:block;text-decoration:none;}
	
	#sec-rcontent{float:left;background-image:url(../images/l-contentbg.jpg);background-repeat:no-repeat;width:627px;margin:5px 0px;background-color:#FFFFFF;}
	html>body #sec-rcontent{float:left;width:627px;}
	
	#sec-rcon{width:614px;border:1px solid #c6e093;border-bottom:none;background-color:#FFFFFF;margin-right:10px;}
	
	
	
	#sec-rcon ul,#list-content ul{width:80%;list-style-type:none;margin:0px;padding:0px;margin-left:15px;}
	html>body #sec-rcon ul,#list-content ul{width:80%;}	
	#sec-rcon li,#list-content li{background-image:url(../images/icon-dot.jpg);background-repeat:no-repeat;background-position:0px 7px;padding-left:7px;}
	#proto-tabbg li{background-image:url(../images/icon-dot.jpg);background-repeat:no-repeat;background-position:0px 12px;padding-left:7px;margin-left:15px;}
	
	.sec-prototype{background-image:url(../images/sec_prototype.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}
	.sec-source{background-image:url(../images/sec_source.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}
	.sec-information{background-image:url(../images/sec_information.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}
	.sec-subject{background-image:url(../images/sec_subject.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}
	.sec-active{background-image:url(../images/sec_active.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}
	.sec-introduction{background-image:url(../images/sec_introduction.jpg);background-repeat:no-repeat;background-position:bottom;width:593px;height:21px;text-align:right;margin:10px 0px 5px 10px;}

	.info{float:right;margin:12px 5px 0px 0px;color:#363636;}
	html>body .info{margin:5px 5px 0px 0px;}
	.info-1{float:right;margin:12px 10px 0px 0px;color:#363636;}
	html>body .info-1{margin:10px 10px 0px 0px;}
	.headline{float:left;margin:13px 0px 0px 55px;color:#005e20;font-size:13px;}
	html>body .headline{margin:2px 0px 0px 100px;}
	
	.proto-news{background-image:url(../images/proto-news.jpg);background-repeat:no-repeat;width:590px;margin-top:20px;margin-left:15px;}
	.proto-hot{background-image:url(../images/proto-hot.jpg);background-repeat:no-repeat;width:590px;margin-top:20px;margin-left:15px;}
	.proto-bg{background-image:url(../images/proto-bg.jpg);background-repeat:no-repeat;width:579px;height:279px;margin-left:15px;text-align:center;}
	.proto-bg embed{margin-top:20px;}
	html>body .proto-bg embed{margin-top:20px;}
	.proto-con-left{float:left;border:3px solid #ececea;margin:80px 8px 0px 8px;width:265px;text-align:left;vertical-align:text-top;}
	html>body .proto-con-left{float:left;border:3px solid #ececea;margin:80px 20px 0px 10px;width:265px;text-align:left;vertical-align:text-top;}
	.proto-con-right{float:left;border:3px solid #ececea;margin:80px 0px 0px 0px;width:265px;text-align:left;vertical-align:text-top;}
	.proto-tdimg{border-bottom:3px solid #ececea;text-align:center;word-break:break-all;}
	.proto-td{border-bottom:1px solid #ececea;text-align:left;word-break:break-all;line-height:15px;}
	.proto-data{margin-top:20px;}
	.proto-title{border-bottom:2px solid #dd9278;background-image:url(../images/ptoto-data.jpg);background-repeat:no-repeat;width:580px;height:31px;margin-left:15px;margin-bottom:10px;text-align:right;vertical-align:text-bottom;}
    .proto-title img{padding:0px;margin:8px 0px 0px 0px;}
	.proto-data-list{border:1px solid #e7e7e8;border-top:0px;border-left:0px;border-right:0px;}
	.gray{font-size:1.0em;font-weight:bold;}
	
	#proto-tabbg{width:95%;/*��590px*/line-height:18px;border-collapse:collapse;padding:0px;word-break:break-all;margin:5px 5px 0px 15px;background-color:#FFFFFF;}
  	#proto-tabbg table{border-collapse:collapse;width:90%;margin:5px 5px 5px 20px;border:none;text-align:left;
	}
	#proto-tabbg th{color:#005e20;font-weight:normal;background-image:url(../images/tab-repeat.jpg);background-repeat:repeat-y;width:121px;padding-left:15px;
	vertical-align:text-top;padding-top:10px;}
	#proto-tabbg th img{
	vertical-align:text-bottom;margin-right:5px;}
	html>body #proto-tabbg th img{margin-top:2px;}
	#proto-tabbg td{border:none;background-color:#FFFFFF;vertical-align:bottom ;}/*update by panda 2008/2/26 修改垂直對齊由text-top改成bottom
	
	
/************end second page design***********
**************************************************/


/***********list page design*******************
*****************************************************/
	#list-container{background-image:url(../images/bg_list_top.jpg);background-repeat:no-repeat;width:735px;margin:5px 5px 10px 15px;}
	
	#list-content{border:1px solid #c6e093;border-bottom:none;width:724px;padding-top:10px;padding-bottom:10px;background-color:#FFFFFF;}
	html>body #list-content{padding-top:10px;}
	/*#list-content table{border-collapse:collapse;border:none;width:95%;margin:0px 10px;padding:0px;word-break:break-all;background-color:#FFFFFF;}
	#list-content table th{font-size:1.0em;background-image:url(../images/bg_tab.jpg);background-repeat:repeat-x;font-weight:normal;border:none;margin:0px;padding:0px;text-align:left;vertical-align:middle;background-color:#FFFFFF;}
	#list-content table th.tab_bg_none{background-image:url(../images/white.jpg);background-repeat:repeat-x;padding:0px;margin:0px;}
	#list-content table th img{margin:0px;padding:0px;}
	#list-content table td{border-bottom:1px solid #e7e7e8;padding-left:13px;line-height:20px;}*/
	.list-bottombg{background-image:url(../images/bg_list_bottom.jpg);background-repeat:no-repeat;width:735px;height:13px;}


/************end list page design***********
**************************************************/

/*******�@��table ����*************************
*************************************************/
	.none{width:95%;/*��590px*/line-height:18px;border-collapse:collapse;border:none;padding:0px;word-break:break-all;background-color:#ffffff;margin:5px 5px 10px 15px;text-align:left;}/*table �S���~���]�w*/
	.rightnone
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 5px 10px 0px 0px;
	border-left: medium none;
	
	line-height: 18px;
	padding-top: 0px;
	border-bottom: medium none;
	border-collapse: collapse;
	background-color: #ffff99;
	
}/*table �S���~���]�w���B�a�k*/
	html>body .rightnone{width:400px;}
	.ser-list
{
	border-right: #e7e7e8 1px solid;
	padding-right: 0px;
	border-top: #e7e7e8 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 5px 5px 10px 15px;
	border-left: #e7e7e8 1px solid;
	width: 95%;
	WORD-BREAK: break-all;
	line-height: 18px;
	padding-top: 0px;
	border-bottom: #e7e7e8 1px solid;
	border-collapse: collapse;
	background-color: #ffffff;
	text-align: left;
}/*table �~���]�w*/
	/*.title{font-size:1.0em;background-image:url(../images/bg_tab.jpg);background-repeat:repeat-x;font-weight:normal;border:none;margin:0px;padding:0px;text-align:left;vertical-align:top;background-color:#FFFFFF;}/*th*/
	.title{font-size:1.0em;font-weight:normal;border:1px solid #e7e7e8;border-bottom:none;text-align:left;background-color:#e7e7e8;color:#005e20;padding:3px 2px 3px 5px;}/*th*/
	
	/*���u��td*/
	.td-line{border:1px solid #e7e7e8;padding:2px 2px ;text-align:left;vertical-align:text-top;}
	
	/*�S���u��td*/
	.no-line{border:none;padding:2px 2px ;text-align:left;}
	
	.graygreen{background-color:#e3f4be;}/*�Nth��tr���A�������I����*/
	.graybg{background-color:#f5f4f4;}
	
	/*�����������A���������r�a�W*/
	.cal{vertical-align:text-top;text-align:left;}/*for������*/

	/*�����p��*/
	.list{background-image:url(../images/icon-list.gif);background-repeat:no-repeat;background-position:0px 6px;padding-left:13px;vertical-align:top;text-align:left;}
	html>body .list{background-image:url(../images/icon-list.gif);background-repeat:no-repeat;background-position:0px 7px;padding-left:13px;vertical-align:top;text-align:left;}
	
	/*�����p��*/
	.greenicon{width:65px;background-image:url(../images/icon-green-dot.jpg);background-repeat:no-repeat;background-position:10px 1px;padding:0px;margin:0px;padding-left:20px;color:#005e20;font-weight:normal;font-size:1.0em;vertical-align:text-top;background-color:#FFFFFF;border:none;text-align:left;}
	html>body .greenicon{width:65px;background-image:url(../images/icon-green-dot.jpg);background-repeat:no-repeat;background-position:10px 2px;padding:0px;margin:0px;padding-left:20px;color:#005e20;font-weight:normal;font-size:1.0em;vertical-align:text-top;background-color:#FFFFFF;border:none;text-align:left;}
	/*�����p��*/
	.orgicon{margin:0px;padding:0px 5px;vertical-align:middle;}
	/*h4 ���r�m��*/
	.greenh4{width:498px;text-align:center;}
	
/****end table********************************
****************************************************/


/****page*****************************
******************************************************/ 
	.page{width:700px;text-align:center;margin:15px 0px 0px 0px;}
	.page a{margin:0px 5px;}
	.page img{border:none;vertical-align:middle;}
	
	
/********************************************************
************************************************************/

	#con-news{width:95%;/*��590px*/line-height:18px;border-collapse:collapse;padding:0px;word-break:break-all;margin:5px 5px 10px 15px;text-align:left;background-color:#FFFFFF;}
  	#con-news table{border:1px solid #abda4d;border-collapse:collapse;width:80%;background-color:#ffff7f;margin:5px 5px 5px 20px;}
	#con-news th{border:1px solid #abda4d;background-color:#fede58;color:#005e20;}
	#con-news td{border:1px solid #abda4d;}
	
	.org-line{background-image:url(../images/bg_line.jpg);background-repeat:repeat-x;width:690px;margin:20px 10px 0px 10px;padding:0px;}
	html>body .org-line{margin:10px 10px 0px 10px;}

	.btn-right{text-align:right;margin-right:10px;}


/******����************************************************
**************************************************************/
.cal-title{margin:0px;padding:0px;margin-top:22px;margin-left:15px;width:580px;text-align:left;vertical-align:top;}

.month{float:left;margin:0px 0px 0px 15px;font-size:1.25em;padding:0px;color:#005e20;font-weight:bold;}
html>body .month{margin:2px 0px 0px 20px;}

.calendar {border:5px solid #f8ffea;border-top:2px solid #f8ffea;width:580px;margin-left:15px;margin-top:5px;margin-bottom:15px;}
.calth{background-color:#f8ffea;width:76px;font-weight:bold;}
.caltd{vertical-align:top;text-align:right;background-color:#d5e3bc;width:76px;font-style:italic;}
.caltdcon{vertical-align:top;line-height:16px;text-align:left;border:0px;border-left:1px solid #d5e3bc;border-rigth:1px solid #d5e3bc;width:76px;word-break:break-all;}
.ruby{color:#a3563c;}

/*********compositions-content*************************
*****************************************************************/
.compositions{width:560px;margin-left:10px;margin-bottom:10px;}
.compositions-left{float:left;width:160px;text-align:center;}
.compositions-right{float:left;width:392px;margin-left:8px;}




/*****************switchtab***************
************************************************************/
/*switch tab*/
#switchtab {position:relative; width:580px;margin-left:20px;}
#switchtab dt {position:relative; z-index:2; bottom:-1px;float:left; margin:0 0px; padding:2px 12px; border:1px solid #e9e5e9;border-bottom:0px; background:#fff; color:#4f4f4f; cursor:pointer;}
#switchtab .current {border-top:2px solid #d0b679;border-bottom:1px solid #fff;background:#fff; color:#b58471;padding:2px 12px;}
#switchtab dd {position:absolute; z-index:1; top:20px; left:0; width:550px; padding:1em; border:none;border-top:1px solid #e9e5e9; background:#fff;margin:0px;}

/********************************************/
.table-syslist {
	width:95%;
	border-top:1px double #e5e5e5;
	border-bottom:1px double #e5e5e5;
	border-collapse:collapse;
	border-spacing:0px;
	padding:5px 0px;
	margin:0px 10px;}
.table-syslist th.syslistth{	
	background-color:#eaf0f3;
	vertical-align:text-top;
	font-weight:normal;
	text-align:left;
	padding:5px 10px;
	border:10px solid #FFF;
	border-right:0px;
	border-left:0px;
	}
.table-syslist td{	
	vertical-align:text-top;
	text-align:left;
	padding:5px 10px;
	}
.table-syslist td a:hover{
	background-color:#feefdd;
	color:#f48147;
	text-decoration:none;
	}