﻿/* CSS Document */

a{outline: none;}


/* 首頁 */
body {
	background-repeat: REPEAT-X;
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	
	}
	body a:link {color: #333333;text-decoration: none;}
	body a:visited {text-decoration: none;color: #333333;}	
	body a:hover {color:#ff8800;text-decoration: none;}

.i_pic_bg { width:99px; height:76px; background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat;}
.i_pic_banner { margin-bottom:2px; border:0;}



.date {font-size: 10px;color: #666666;line-height: 12px;}

.more {font-size: 9px;color: #CC0000;line-height: 10px;text-align: right;}
	.more a:link {text-decoration:  underline;color:#CC0000;}	
	.more a:visited {text-decoration:  underline;color:#CC0000;}
	.more a:hover {text-decoration:  underline;color:#ff8800;}

.top_banner {color: #ffffff;font-weight: bold;font-size: 13px;}

.banner_text {font-size: 11px;color: #FFFFFF;letter-spacing:1em;padding-right:20px;line-height: 14px;}


		
/* 標題，字15級 20高 */		
.h1 {font-size: 16px;color: #339966;text-decoration: none;line-height: 20px;font-weight: bold;}
	
.h2 {font-size: 13px;color: #0097e0;text-decoration: none;line-height: 20px;font-weight: bold;}
	.h2 a:link {color:#0097e0;text-decoration:  none;}	
	.h2 a:visited {color:#0097e0;text-decoration:  none;}
	.h2 a:hover {color:#0097e0;text-decoration: none;}
	
.h22 {font-size: 13px;color: #0097e0;text-decoration: none;line-height: 25px;font-weight: bold;}
	
.h3 {font-size: 11px;color: #0097e0;text-decoration: none;line-height: 12px;}
	.h3 a:link {text-decoration:  none;color:#0097e0;}	
	.h3 a:visited {text-decoration:  none;color:#0097e0;}
	.h3 a:hover {text-decoration: underline; color:#FF6600;}
	
.p_title {font-size: 11px; color: #0097e0;text-decoration: none;font-weight: bold;line-height: 48px; height:48px; width:70px; background-image:url(../images/p_title_bg.gif); background-repeat:no-repeat; }

/* 
.p_title {font-size: 11px; color: #0097e0;text-decoration: none;font-weight: bold;line-height: 42px; height:42px; width:70px; background-image:url(../images/p_title_bg.gif); background-repeat:no-repeat;}
*/



/* 內文，字12級 18高 */		
.text0 {font-size: 10px;color: #333333;line-height: 14px;}
	.text0 a:link {text-decoration:  none;color:#977b53;}	
	.text0 a:visited {text-decoration:  none;color:#977b53;}
	.text0 a:hover {text-decoration:  none;color:#FF6600;}
		
.text {font-size: 11px;color: #333333;line-height: 18px;}
	.text a:link {text-decoration:  none;color:#333333;}	
	.text a:visited {text-decoration:  none;color:#333333;}
	.text a:hover {text-decoration:  none;color:#0097e0;}

.textlist {font-size: 11px;color: #333333;line-height: 15px;margin-bottom:5px;}
	.textlist a:link {color: #333333;text-decoration: none;}
	.textlist a:visited {color: #333333;text-decoration: none;}	
	.textlist a:hover {color:#0097e0;text-decoration: none;}

.textlink {font-size: 11px;color: #666666;line-height: 18px;}
	.textlink a:link {color: #999999;text-decoration: none;}
	.textlink a:visited {color: #666666;text-decoration: none;}	
	.textlink a:hover {color:#0097e0;text-decoration: underline;}

/* menu_p.asp */
.menu_p1 { display: block; font-size: 10px; text-align: center; color: #0097e0; text-decoration: none; line-height: 14px; font-weight: bold;
			background-image: url(../images/left_btn.gif); background-repeat:no-repeat; width:105px; height:18px; margin-top:8px; margin-left:4px;}
	.menu_p1 a:link { display: block;color: #0097e0;text-decoration: none; background-image: url(../images/left_btn.gif); background-repeat:no-repeat;}
	.menu_p1 a:visited { display: block;color: #0097e0;text-decoration: none; background-image: url(../images/left_btn.gif); background-repeat:no-repeat;}	
	.menu_p1 a:hover { display: block;color:#ffffff;text-decoration: none; background-image: url(../images/left_btn_over.gif); background-repeat:no-repeat; width:105px; height:18px;}


.menu_p1_2 { display: block; font-size: 9px; text-align:left; color: #545454; text-decoration: none; line-height: 12px; font-weight: bold; }
	.menu_p1_2 a:link { display: block;color: #545454;text-decoration: none;}
	.menu_p1_2 a:visited { display: block;color: #545454;text-decoration: none;}	
	.menu_p1_2 a:hover { display: block;color:#CC3300;text-decoration: none;}



.padding_tb3{padding-bottom:3px; padding-top:3px;}
.margin_tb3{margin-bottom:3px; margin-top:3px;}
.margin_tb10{margin-bottom:10px; margin-top:10px;}


.menu_p { display: block;font-size: 12px;text-align: center;color: #FFFFFF;text-decoration: none;line-height: 20px;font-weight: bold;	}
	.menu_p a:link { display: block;color: #FFFFFF;text-decoration: none;}
	.menu_p a:visited { display: block;text-decoration: none;color: #FFFFFF;}	
	.menu_p a:hover { display: block;color:#FFFF00;text-decoration: none;}

.menu_p2 { display: block;font-size: 10px;text-align: center;color: #666666;text-decoration: none;line-height: 18px;font-weight: bold;
	background-image:url(../images/menu_btn2.gif);background-repeat: no-repeat;margin:2;}
	.menu_p2 a:link { display: block;color: #666666;text-decoration: none;}
	.menu_p2 a:visited { display: block;text-decoration: none;color: #666666;}	
	.menu_p2 a:hover { display: block;color:#0097e0;text-decoration: none;}
		
.menu_p3 { display: block;font-size: 10px;text-align: center;color: #0097e0;text-decoration: none;line-height: 18px;font-weight: bold;border: solid 1px #cccccc;}
	.menu_p3 a:link { display: block;color: #0097e0;text-decoration: none;}
	.menu_p3 a:visited { display: block;text-decoration: none;color: #0097e0;}	
	.menu_p3 a:hover { display: block;color:#ffffff;text-decoration: none;}



/* menu.asp */
.menu {font-size: 11px;color: #0097e0;text-decoration: none;line-height: 20px;font-weight: bold; background-image:url(../images/2011_menu.gif);}
	.menu a:link {color: #0097e0;text-decoration: none;  background-image:url(../images/2011_menu.gif);display: block;}
	.menu a:visited {color: #0097e0; text-decoration: none;  background-image:url(../images/2011_menu.gif);display: block;}	
	.menu a:hover {color: #0097e0; text-decoration: none;  background-image:url(../images/2011_menu_over.gif);display: block;}

.topmenu {font-size: 9px;color: #c0c1c2; text-decoration: none;line-height: 16px;font-weight: normal;}
	.topmenu a:link {color: #0097e0;text-decoration: none;}
	.topmenu a:visited {text-decoration: none;color: #0097e0;}	
	.topmenu a:hover {color:#ff8800;text-decoration: none;}

.pic_btn {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block;}
	.pic_btn a:link {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }
	.pic_btn a:visited {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }
	.pic_btn a:hover {background-image:url(../images/2011_index_pic_over.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }

.pic_btnb {background-image:url(../images/space.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block;}
	.pic_btnb a:link {background-image:url(../images/space.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }
	.pic_btnb a:visited {background-image:url(../images/space.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }
	.pic_btnb a:hover {background-image:url(../images/space.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block; }


.img001 { margin-top:11px;}


.pic_btn2 {background-image:url(../images/2011_p_pic.gif); background-repeat:no-repeat; width:120px; height:115px; line-height: 115px; display: block;padding-top:12px; padding-left:8px;}
	.pic_btn2 a:link {background-image:url(../images/2011_p_pic.gif); background-repeat:no-repeat; width:120px; height:115px; line-height: 115px; display: block; 
						padding-top:12px; padding-left:8px;}
	.pic_btn2 a:visited {background-image:url(../images/2011_p_pic.gif); background-repeat:no-repeat; width:120px; height:115px; line-height: 115px; display: block;
						padding-top:12px; padding-left:8px;}
	.pic_btn2 a:hover {background-image:url(../images/2011_p_pic_over.gif); background-repeat:no-repeat; width:120px; height:115px; line-height: 115px; display: block;
						padding-top:13px; padding-left:9px;}

.pic_btn3 {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px; height:94px; line-height: 94px; display: block;}
	.pic_btn3 a:link {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px;  line-height: 94px; display: block; padding:10px 8px;}
	.pic_btn3 a:visited {background-image:url(../images/2011_index_pic.gif); background-repeat:no-repeat; width:99px; line-height: 94px; display: block; padding:10px 8px;}
	.pic_btn3 a:hover {background-image:url(../images/2011_index_pic_over.gif); background-repeat:no-repeat; width:99px; line-height: 94px; display: block; padding:10px 8px;}

/* address.asp */
.fastmenu {font-size: 10px; color: #999999; text-decoration: none;	line-height: 18px; }
	.fastmenu a:link {font-weight: bold; color: #0097e0; text-decoration: none; }
	.fastmenu a:visited {font-weight: bold; color: #0097e0; text-decoration: none; }	
	.fastmenu a:hover {font-weight: bold; color:#0097e0; text-decoration: underline; }

.address {font-size: 9px; color: #666666; text-decoration: none; line-height: 14px; }
	.address a:link { font-size:9px; font-weight: bold;text-decoration: none; color: #0097e0;}
	.address a:visited {font-size:9px; font-weight: bold;text-decoration: none; color: #0097e0;}	
	.address a:hover {font-size:9px; font-weight: bold;text-decoration: underline; color: #0097e0;}
	
.address_L {font-size: 11px; color: #999999; text-decoration: none; line-height: 24px; }
	.address_L a:link {font-weight: bold; color: #0097e0; text-decoration: none; }
	.address_L a:visited {font-weight: bold; text-decoration: none; color: #0097e0; }	
	.address_L a:hover {font-weight: bold; color:#0097e0; text-decoration: underline; }


/* 網頁路徑，字11級 18高 */
.textlist_h {font-size: 13px;color: #CC0000;line-height: 16px;}
	.textlist_h a:link {color: #666666;text-decoration: none;}
	.textlist_h a:visited {color: #666666;text-decoration: none;}	
	.textlist_h a:hover {color:#ff8800;text-decoration: none;}	
		
.list {font-size: 13px;color: #666666;line-height: 16px; font-weight: bold;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DDDDDD;}
	.list a:link {color: #666666;text-decoration: none;}
	.list a:visited {color: #666666;text-decoration: none;}	
	.list a:hover {font-size: 14px;color:#339900;text-decoration: none;}
		
		
.list2 {font-size: 11px;color: #006633;line-height: 16px; }
	.list2 a:link {color: #006633;text-decoration: none;}
	.list2 a:visited {color: #006633;text-decoration: none;}	
	.list2 a:hover {color:#CC3300;text-decoration: none;}


.no {font-size: 11px;color: #FFFFFF;text-decoration: none;line-height: 12px;font-weight: bold;padding-left: 5px;}
	
	

	
/* 分頁 pagepage ---------------------------------------------------------------------------------*/
.pagepage {	font-size: 12px; color: #666666; line-height: 18px;}	
			.pagepage a:link {text-decoration:  none; color:#999999;}	
			.pagepage a:visited {text-decoration:  none; color:#999999;}
			.pagepage a:hover {text-decoration: underline; color:#FF6600;}	
	
/* 底線 line ----------上.右.下.左-----------------------------------------------------------------------*/
/*.line_down { border-bottom: dashed 1px #0097e0;}*/
.line_down { border-bottom: dotted 1px #89D1FC;}
.line_down2 { border-bottom: solid 1px #0097e0;}
.line_box { border: dotted 1px #89D1FC;}
.line_box2 { border: solid 1px #cccccc;}


/* 輸入欄位，字11級 20高 */
.email_block {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #cccccc;
	background-position: center;
	height: 18px;
	background-color: #ffffff;
	padding-top: 1px;
}
.email_block2 {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #383838;
	background-position: center;
	height: 18px;
	padding-top: 1px;
}
.email_block_s2 {font-size: 11px; color: #333333; border: 1px solid #ffffff; width:117px; height:14px;}
.email_block_s {font-size: 11px; color: #333333;}


.textarea {font-family: Arial; FONT-SIZE: 8pt;BORDER-RIGHT: #999999  1px solid; BORDER-TOP: #999999  1px solid;  BORDER-LEFT: #999999  1px solid; COLOR: #666666; BORDER-BOTTOM: #999999  1px solid; FONT-FAMILY:arial; BACKGROUND-COLOR: #ffffff}

.submit {CURSOR: Hand; BACKGROUND-COLOR: #cccccc; BORDER-RIGHT:#333333 1px solid; BORDER-TOP:#333333 1px solid; FONT-SIZE: 8pt; BORDER-LEFT:#333333 1px solid;FONT-FAMILY: arial; COLOR: #000000; BORDER-BOTTOM:#333333 1px solid; HEIGHT: 20px;WIDTH: 40px;}

.cssform {margin: 0;border: none;}

.bodytext {font-family: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: normal; line-height: 18px;color: #4C4C4C}


/* old */

.style1 {
	color: #5B6A7F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}

.style10 {
	color: #CCCCCC;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.style11 {


	color: #FC9400;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style2 {
	color: #0463C4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
}

.style4 {
	color: #5B6A7F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
}

.style5 {

	color: #00A0E4;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style5 a:link {color: #00A0E4;text-decoration: underline;}
.style5 a:visited {color: #00A0E4;text-decoration: underline;}
.style5 a:active {color: #00A0E4;text-decoration: underline;}
.style5 a:hover {color: #00A0E4;text-decoration: underline;}

.style6 {

	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.style7 {


	color: #00A0E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	font-weight: normal;
}
.style8 {



	color: #00A0E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
}
.style12 {

	color: #BBB7B7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
}
.style13 {


	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
}
.style14 {



	color: #848484;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}



.style3 {
	color: #00A0E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
}
.style2_1 {

	color: #0463C4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
}
.style3_1 {

	color: #00A0E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
}


.style3:link 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3:visited {color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3:active 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3:hover 	{color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}

.style3edm:link 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3edm:visited 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3edm:active 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: none;}
.style3edm:hover 	{color: #00A0E4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: bold;text-decoration: underline;}

.style2_1:link 		{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1:visited 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1:active 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1:hover 	{color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}

.style2_1edm:link 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1edm:visited 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1edm:active 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: none;}
.style2_1edm:hover 	{color: #0463C4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 21px;font-weight: normal;text-decoration: underline;}


.style9 	{color: #00A0E4;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
.style9:link 	{color: #00A0E4;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
.style9:visited {color: #00A0E4;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
.style9:active 	{color: #00A0E4;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}
.style9:hover 	{color: #00A0E4;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;}

.style10 {


	color: #ff6600;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style10 a:link {color: #ff6600;text-decoration: underline;}
.style10 a:visited {color: #ff6600;text-decoration: underline;}
.style10 a:active {color: #ff6600;text-decoration: underline;}
.style10 a:hover {color: #ff6600;text-decoration: underline;}

