body {background-image: url(images/BG.jpg);background-repeat: no-repeat;background-position: center top;margin: 0px;font-size: 12px;
color: #333333;font-family: Arial, Helvetica, sans-serif;text-align: left;}
a:link {color: #333333;text-decoration: none;}
a:visited {color: #333333;text-decoration: none;}
a:hover {color: #333333;text-decoration: underline;}
a:active {color: #333333;text-decoration: none;}
img{border:none}

#content {
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 45px;
	padding-left: 30px;
	background-image: url(images/con_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#header {
	padding:20px 15px 10px 0;
	text-align: right;
}
#topbanner {
	text-align: right;
}
#menu {
	height: auto;
	width: 180px;
	float: left;
	margin-top: 56px;
	padding-left: 8px;
	text-align: center;
}
#main {
	float: right;
	height: auto;
	width: 706px;
	margin-bottom: 20px;
}
#main a:link {
	color: #333333;
	text-decoration: none;
}
#main a:visited {
	color: #333333;
	text-decoration: none;
}
#main a:hover {
	color: #333333;
	text-decoration: underline;
}
#main a:active {
	color: #333333;
	text-decoration: none;
}
#footer {
	background-image: url(images/foot_bg.gif);
	height: 21px;
	width: 864px;
	padding-top: 8px;
	padding-left: 20px;
	float: none;
	clear: both;
	padding-right: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#m01 {
	position: absolute;
	visibility: visible;
}
#phoList01 {

}
#phoList01 .icon_non {
	margin: 0px;
	padding: 0px;
	border:none;
	background-color: none;
}
#phoList01 img{
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.tit01 {
	background-image: url(images/tit_bg_01.gif);
	height: 27px;
	width: 706px;
	overflow: hidden;
	float: left;
	margin-top: 8px;
}
.tit02 {
	background-image: url(images/tit_bg_03.gif);
	height: 28px;
	width: 706px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
	padding-top: 5px;
}

.menu01 {
	background-image: url(images/menu_bg.gif);
	height: 247px;
	width: 178px;
	margin-bottom: 5px;
	padding-top: 5px;
	text-align: left;
}
.menu_tit01 {
	background-image: url(images/menu_tit01.gif);
	overflow: hidden;
	background-repeat: no-repeat;
	height: 31px;
	width: 175px;
}
.r1 {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.tit01-1 {
	float: left;
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	padding-right: 15px;
	text-align: left;
}
.tit01-2 {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #36989C;
	font-weight: bold;
	line-height: 25px;
	background-image: url(images/bar-1.gif);
	height: 24px;
	width: 216px;
	padding-left: 10px;
	text-align: left;
}

#m02 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	margin-left: -8px;
	margin-top: 15px;
	padding-top: 10px;
	visibility: hidden;
}

/*上選單效果*/
.mList1 {
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	margin:2px 2px;
	padding-left: 10px;
	color: #36989C;
}
#over {
	position: absolute;
	height: 300px;
	width: 300px;
	margin-left: -440px;
	margin-top: 30px;
	visibility: hidden;
	background-image: url(images/space.gif);
}
#over2 {
	position: absolute;
	height: 15px;
	width: 250px;
	margin-top: -15px;
	margin-left: -430px;
	overflow: hidden;
	visibility: visible;
	background-image: url(images/space.gif);
}


.mList1-2 {
	
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	background-color: #8cc5c8;
	margin:2px 2px;
	padding-left: 10px;
	color: #FFFFFF;
}
.mList2 {
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	margin:2px 2px;
	padding-left: 10px;
	color: #36989C;
}
.mList2-2 {
	
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	background-color: #8cc5c8;
	margin:2px 2px;
	padding-left: 10px;
	color: #FFFFFF;
}
.mList3 {
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	margin:2px 2px;
	padding-left: 10px;
	color: #36989C;
}
.mList3-2 {
	
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	background-color: #8cc5c8;
	margin:2px 2px;
	padding-left: 10px;
	color: #FFFFFF;
}
.mList4 {
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	margin:2px 2px;
	padding-left: 10px;
	color: #36989C;
}
.mList4-2 {
	
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	width: auto;
	background-color: #8cc5c8;
	margin:2px 2px;
	padding-left: 10px;
	color: #FFFFFF;
}
/*上選單效果 end*/

#main a.a1:link{
	color: #36989C;
	text-decoration: none;
}
#main a.a1:visited{
	color: #36989C;
	text-decoration: none;
}
#main a.a1:hover{
	color: #FFFFFF;
	text-decoration: none;
}


.m02-1 {
	background-image: url(images/tb01-1.gif);
	height: 8px;
	width: 205px;
	overflow: hidden;
}
.m02-2 {
	background-image: url(images/tb01-2.gif);
	width: 205px;
	height: auto;
	font-weight: bold;
}
.m02-3 {
	background-image: url(images/tb01-3.gif);
	height: 7px;
	width: 205px;
	overflow: hidden;
}

.tit02-1 {
	float: left;
	margin-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	width: 30%;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #389EA2;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 15px;
}
.tit02-2 {
	float: left;
	margin-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 30%;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #389EA2;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 15px;
}
.menu_sub01 {
	background-image: url(images/menu_sub01.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 175px;
	overflow: hidden;
}

.menu02 {
	background-color: #D3E9EA;
	background-image: url(images/menu_bg02.gif);
	background-position: left top;
	height: 200px;
	background-repeat: no-repeat;
	width: 175px;
}
.menu02 img {
	margin: 5px;
}
.main_c01 {
	float: left;
	height: 65px;
	width: 350px;
	padding-top: 18px;
	padding-bottom: 18px;
	line-height: 15px;
	text-align: left;
}
.main_c01 img {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.main_c02 {
	background-image: url(images/icon_m01.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
	text-align: left;
	width: 620px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	float: left;
	margin-left: 20px;
}
.main_c02-2 {
	background-image: url(images/icon_m02.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
	text-align: left;
	width: 620px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: auto;
	float: left;
	margin-left: 20px;
}
.main_c02-3 {
	background-image: url(images/icon_m03.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
	text-align: left;
	width: 620px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: auto;
	float: left;
	margin-left: 20px;
}
.time01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CC66;
}
.time02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.main_c03 {
	background-image: url(images/icon_txt.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 40px;
	text-align: left;
	width: 620px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	float: left;
	margin-left: 20px;
}
#main_c04 {
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-left: 20px;
	text-align: left;
	width: 675px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#main_c04 a:link{
	color: #36989C;
	text-decoration: none;
}
#main_c04 a:visited{
	color: #36989C;
	text-decoration: none;
}
#main_c04 a:hover{
	color: #009999;
	text-decoration: underline;
}
.main_c04 {
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-left: 20px;
	text-align: left;
	width: 675px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.f_13 {
	font-size: 13px;
	font-weight: bold;
}

.txt01 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #41A4A8;
	border: 1px solid #FFFFFF;
	height: 25px;
}
.txt02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
}
.txt03 {
	text-indent: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}


#main a.tit02L:link {
	color: #009999;
}

#main a.tit02L:visited {
	color: #009999;
}
#main a.tit02L:hover {
	color: #006666;
}
#main a.tit02L:active {
	color: #00CCCC;
}
a.b1:link {
	color: #333333;
}
a.b1:visited {
	color: #333333;
}
a.b1:hover {
	color: #333333;
}
a.b1:active {
	color: #333333;
}
.txt03_1{
	float:left;
	width:60px;
	font-weight: bold;
}
.txt03_3{
	float:left;
	width:70px;
	font-weight: bold;
}
.txt03_2{
	float:left;
	width:570px;
	height: 30px;
	margin-top: auto;
	margin-bottom: auto;
}
.tb01 {
	border: 2px solid #CCCCCC;
}
.td01 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.td02 {
	padding-left: 10px;
}.td03 {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.line01 {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	clear: both;
	width: 620px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 0px;
	height: 10px;
}
.bar01 {
	height: 500px;
	overflow: auto;
}
.tb04{
	border-collapse:collapse;
	font-family: Arial;
}.tb03 {
	border: 1px solid #CCCCCC;
}
.bg_01 {
	background-image: url(images/ill_01.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.img {
	text-align: center;
	height: 30px;
}
.li_01 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	background-image: url(images/icon_m01.gif);
	background-repeat: no-repeat;
	background-position: 3px 11px;
	list-style-type: none;
	padding-top: 10px;
	padding-left: 35px;
	text-align: left;
	padding-bottom: 10px;
}
.li_03 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	background-image: url(images/icon_m03.gif);
	background-repeat: no-repeat;
	background-position: 3px 11px;
	list-style-type: none;
	padding-top: 10px;
	padding-left: 35px;
	text-align: left;
	padding-bottom: 10px;
}
.f10_1 {
	font-size: 11px;
	color: #666666;
}
.f11_1 {
	font-size: 11px;
	font-weight: normal;
}
.main_c05 {
	background-repeat: no-repeat;
	text-align: left;
	width: 669px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 64px;
	background-image: url(images/pro_m1.gif);
	margin-top: 12px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.main_c05-2 {
	background-repeat: no-repeat;
	text-align: left;
	width: 669px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 64px;
	background-image: url(images/pro_m2.gif);
	margin-top: 12px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#ActiveCode{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	padding-bottom:10px;
}

/*購物頁面使用----2009.6.23*/
#order_main {float: right;height: auto;width: 706px;margin-bottom: 20px;text-align: left;}
#order_main a:link {color: #333333;text-decoration: none;}
#order_main a:visited {color: #333333;text-decoration: none;}
#order_main a:hover {color: #333333;text-decoration: underline;}
#order_main a:active {color: #333333;text-decoration: none;}
.clear { clear:both; line-height:0; height:0;}
#orderMenu { margin:14px 0 0 0;*margin:9px 0 0 0; border-bottom: solid 3px #3ea2a6; height:25px; overflow:hidden;}
.pos {position:absolute;z-index:50; width:660px; text-align:center;}
#orderMenu a:link,#orderMenu a:visited,#orderMenu a:active {display:inline; float:left; font-size:11px; font-weight:bold; color:#3ea2a6; padding:0 9px; margin:0 3px 0 0; height:24px; line-height:24px; background:#f2f2f2 url(images/order/topmenuBg.jpg) no-repeat 0 -30px;border-top: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;border-left: solid 1px #dcdcdc;border-bottom: 0;letter-spacing: 1px;}
#orderMenu a:hover,a.nowPage:link,a.nowPage:visited {color:#FFF!important;background:#3ea2a6 url(images/order/topmenuBg.jpg) no-repeat right top!important; text-decoration:none!important;border: none!important; height:25px!important;padding:0 10px!important;line-height:25px!important;}
#orderList { height:30px; background:url(images/order/listBg.jpg) repeat-x; font:11px; line-height:30px; font-weight:bold;color:#3ea2a6; padding:0 0 0 8px;_padding:5px 0 0 8px;}
#orderList select { font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#orderList .pageBar{ text-align:right; margin:20px;}
/*---FAQ---*/
#faqList{ padding:13px;}
#faqList .L1, #faqList a.L1:link,#faqList a.L1:visited{ display:block; font-size:12px; color:#323232; font-weight:bold; padding:5px 5px 5px 21px; background: url(images/order/icon_right.gif) no-repeat 3px 9px; border-bottom: solid 1px #eaeaea; line-height:20px;}
#faqList a.L1:hover,#faqList a.L1:active{background: url(images/order/icon_right.gif) no-repeat 3px 9px #f2f2f2;}
#faqList .question{ border-bottom: solid 3px #eaeaea;margin:0 8px 10px 15px;}
#faqList .Q{ background: url(images/order/icon_Q.gif) no-repeat 3px 9px;padding:5px 5px 5px 21px; margin:0 0 20px 0;line-height:20px;}
#faqList .A{ background: url(images/order/icon_A.gif) no-repeat 3px 9px;padding:5px 5px 5px 21px; margin:0 0 20px 0;line-height:20px;}
/*---Product---*/
#productList{}
#productList2{}
#productList select { font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#productList h1{ display:block; font-size:13px; font-weight:bold; color:#3ea2a6; margin:0; height:32px; line-height:32px; padding-left:15px; background:url(images/order/icon_right2.gif) no-repeat 1px center; margin:0 7px;}
#productList h1.red{ display:block; font-size:13px; font-weight:bold; color:#a40000; margin:0; height:32px; line-height:32px; padding-left:5px; margin:0 7px; background:none;}
#productList .pic_s{ margin:8px 14px; float:left; display:inline; width:158px; background:#FFF; border:solid 1px #cacaca; padding:2px;}
#productList .pic_L{ margin:5px 14px 8px 10px; float:left; display:inline; width:240px;}
#productList .pageBar{ text-align:right; margin:20px;}
#productList .download{ background:url(images/order/tit_download1.gif) no-repeat 0 top; width:224px; padding:35px 5px 0 5px; float:right;display:inline;margin-right:10px;}
#productList .download_con{ background:url(images/order/tit_download2.gif) no-repeat left top; width:410px; padding:35px 5px 10px 5px; float:right;letter-spacing: 1px;}
#productList .download_con3{ background:url(images/order/tit_requirement2.gif) no-repeat left top; width:410px; padding:35px 5px 10px 5px; float:right;letter-spacing: 1px;}
#productList .download_con2{ background:url(images/order/tit_download2-2.gif) no-repeat left top; width:410px; padding:35px 5px 10px 5px; float:right;letter-spacing: 1px;}
#productList .buy{ background:url(images/order/tit_how.gif) no-repeat 0 top; width:234px; padding:35px 5px 0 5px; float:right; margin-left:5px; display:inline;}
#productList .buy_yahoo{ width:220px; float:left; background:url(images/order/Ybuy_c.gif) repeat-y left top; margin:0 10px; display:inline;}
#productList .buy_yahoo_t{background:url(images/order/Ybuy_t.gif) no-repeat left top; padding-top:40px;}
#productList .buy_yahoo_b{text-align:center; background:url(images/order/Ybuy_b.gif)  no-repeat left bottom; padding:0 5px 10px 5px; line-height:25px;}
#productList .buy_yahoo a:link, #productList .buy_yahoo a:visited, #productList .buy_yahoo a:hover, #productList .buy_yahoo a:active{ color:#3ea2a6;}

#productList .buy_con{background:url(images/order/tit_how2.gif) no-repeat left top; width:410px; padding:35px 5px 10px 5px; float:right;}
#productList .list_txt{margin:0 0 8px 0; float:left; line-height:25px; text-align:justify; width:485px;}
#productList .list_txt_con{margin:0 0 8px 0; float:right; line-height:25px; text-align:justify;word-wrap: break-word; word-break: normal; width:405px; padding:0 10px 0 5px;}
#productList .definition {margin:20px 0 5px 0;word-wrap: break-word; word-break: normal; }
#productList .definition h2{margin:0 5px;background:url(images/order/tit_BG1.gif) no-repeat; height:24px; line-height:24px; font-size:12px; font-weight:bold; padding-left:10px; display:block;}
#productList .definition_txt { margin:0 10px;}
#productList .list_txt p { margin:5px 0;}
#productList ul {list-style-type: disc;}
.orderBo1{ background:url(images/order/bo_c.gif) repeat-y center top;width:685px; margin:15px 0 0 0;}
.orderBo1_t{ background:url(images/order/bo_t.gif) no-repeat center top;}
.orderBo1_b{ background:url(images/order/bo_b.gif) no-repeat center bottom; min-height:40px; _height:40px; _overflow:visible; padding-bottom:15px; line-height:25px;}
.orderBo2_b{ background:url(images/order/bo_b.gif) no-repeat center bottom; min-height:40px; _height:40px; _overflow:visible; padding:0 5px 15px; line-height:25px;}
/*購物頁面使用----2009.6.23---END*/