﻿/* CSS Document */


/* 首頁 */
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;
	letter-spacing: normal;
	}
	body a:link {color: #333333;text-decoration: none;}
	body a:visited {text-decoration: none;color: #333333;}	
	body a:hover {color:#ff8800;text-decoration: none;}

.background-left {
	background-attachment: fixed;
	background-image: url(http://web.whatis.com.tw/project/eva/edison_opto_2009/images/bg_1.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.background-right {
	background-attachment: fixed;
	background-image: url(http://web.whatis.com.tw/project/eva/edison_opto_2009/images/bg_2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.date {
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	}

.more {
	font-size: 9px;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.banner_text {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1em;
	padding-right:20px;
		line-height: 14px;

	}
		
/* 標題，字15級 20高 */		
.h1 {
	font-size: 16px;
	color: #339966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	}
	
.h2 {
	font-size: 13px;
	color: #0097e0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	}
	.h2 a:link {color:#0097e0;}	
	.h2 a:visited {color:#0097e0;}
	.h2 a:hover {color:#0097e0;}
	
.h22 {
	font-size: 15px;
	color: #0097e0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	}
	
.h3 {
	font-size: 10px;
	color: #0097e0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	.h3 a:link {
		text-decoration:  none;
		color:#0097e0;
		}	
	.h3 a:visited {
		text-decoration:  none;
		color:#0097e0;
		}
	.h3 a:hover {
		text-decoration:  none;
		color:#FF6600;
		}
	


/* 內文，字12級 18高 */		
.text0 {
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	.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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
		}


.bodytext {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	.bodytext a:link {
		text-decoration:  none;
		color:#333333;
		}	
	.bodytext a:visited {
		text-decoration:  none;
		color:#333333;
		}
	.bodytext a:hover {
		text-decoration:  none;
		color:#0097e0;
		}

.textlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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_p {
	font-size: 12px;
	text-align: center;
	color: #FFFFFF!important;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing: normal;
	font-weight: bold;	
	}
	.menu_p a:link {
		color: #FFFFFF;
		text-decoration: none;
		}
	.menu_p a:visited {
		text-decoration: none;
		color: #FFFFFF;
		}	
	.menu_p a:active {
		text-decoration: none;
		color: #FFFFFF;
		}	
	.menu_p a:hover {
	color:#FFFF00;
	text-decoration: none;
		}

.menu_p2 {
	font-size: 10px;
	text-align: center;
		color:#666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	letter-spacing: normal;
	font-weight: bold;
	background-image:url(../images/menu_btn2.gif);background-repeat: no-repeat;
	margin:2;
	}
	.menu_p2 a:link {
		color:#666666;
		text-decoration:none;
		}
	.menu_p2 a:visited {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2 a:active {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2 a:hover {
		color:#0097e0;
		text-decoration:none;}
/*
.menu_p2 {
	font-size: 10px;
	text-align: center;
	//color: #666666!important;
	//color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	letter-spacing: normal;
	font-weight: bold;
	background-image:url(../images/menu_btn2.gif);background-repeat: no-repeat;
	margin:2;
	}
	.menu_p2 a:link {
		color:#666666;
		text-decoration:none;
		}
	.menu_p2 a:visited {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2 a:active {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2 a:hover {
		color:#0097e0;
		text-decoration:none;}

*/


.menu_p2_text {
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	letter-spacing: normal;
	font-weight: bold;
	margin:2;
	}
	.menu_p2_text a:link {
		color:#666666;
		text-decoration:none;
		}
	.menu_p2_text a:visited {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2_text a:active {
		color:#666666;
		text-decoration:none;
		}	
	.menu_p2_text a:hover {
		color:#0097e0;
		text-decoration:none;}

		
.menu_p3 {
	font-size: 10px;
	text-align: center;
	color: #0097e0!important;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	letter-spacing: normal;
	font-weight: bold;
	border: solid 1px #cccccc;
	}
	.menu_p3 a:link {
		color: #0097e0;
		text-decoration: none;
		}
	.menu_p3 a:visited {
		text-decoration: none;
		color: #0097e0;
		}	
	.menu_p3 a:active {
		text-decoration: none;
		color: #0097e0;
		}	
	.menu_p3 a:hover {
		color:#ffffff;
		text-decoration: none;}



/* menu.asp */
.menu {
	font-size: 11px;
	color: #0097e0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: bold;
	}
	.menu a:link {
		color: #0097e0;
		text-decoration: none;
		}
	.menu a:visited {
		text-decoration: none;
		color: #0097e0;
		}	
	.menu a:hover {
		color:#FFFFFF;
		text-decoration: none;
	}
.topmenu {
	font-size: 9px;
	color: #c0c1c2;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	}
	.topmenu a:link {
		color: #0097e0;
		text-decoration: none;
		}
	.topmenu a:visited {
		text-decoration: none;
		color: #0097e0;
		}	
	.topmenu a:hover {
		color:#ff8800;
		text-decoration: none;
	}

/* address.asp */
.fastmenu {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	letter-spacing: normal;
	}
	.fastmenu a:link {font-weight: bold;
		color: #0097e0;
		text-decoration: none;
		}
	.fastmenu a:visited {font-weight: bold;
		text-decoration: none;
		color: #0097e0;
		}	
	.fastmenu a:hover {font-weight: bold;
		color:#0097e0;
		text-decoration: underline;
	}

.address {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	letter-spacing: normal;

	}
	.address a:link {
		font-weight: bold;
		line-height: 13px;
		text-decoration: underline;
		}
	.address a:visited {
		font-weight: bold;
		text-decoration: none;
		line-height: 13px;
		}	
	.address a:hover {
		font-weight: bold;
		line-height: 13px;
		text-decoration: none;
	}
	





















/* 網頁路徑，字11級 18高 */


.textlist_h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	letter-spacing: normal;
	font-weight: bold;
	padding-left: 5px;
	}
	
	

	
/* 分頁 pagepage ---------------------------------------------------------------------------------*/
.pagepage {	font-size: 12px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; 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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	border: 1px solid #383838;
	background-position: center;
	height: 18px;
	padding-top: 1px;
}


.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;}

/* 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;}
