@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body{
	font:12px/150% Arial, "新細明體";
	color:#393838;
	margin:0px;
	background:url(../images/bg.gif) #000000;}
img{
	border:none;
	}

.top{ width:951px; margin:0 auto; position:relative; height:114px}
.logo{ position:absolute; left:40px;}

.nav{ bottom:0px; right:0px; width:951px; margin:0 auto; height:51px; overflow:hidden}
.nav ul{ list-style:none; margin:0px; padding:0px;}
.nav ul li{ display:inline; margin:0px; padding:0px; float:left}

.container{ margin:0 auto; width:951px; background:url(top_bg.jpg) #ffffff repeat-x top; overflow:hidden}

.container tr td.leftbar{ width:318px; vertical-align:top; padding-top:18px; padding-bottom:20px; text-align:center}
.container tr td.rightbar{ vertical-align:top; padding-top:18px; padding-right:20px; padding-bottom:20px;}

.ad_img{ text-align:center; margin-bottom:15px}

.left_menu_tab{ width:297px; margin:0 auto; text-align:center; margin-bottom:15px;}
.left_menu_tab tr td.menu_td{ padding-left:0px;}

.left_menu{ overflow:hidden; width:270px; margin-left:9px; +margin-left:-8px;}
.left_menu ul{ margin:0px; padding:0px; list-style:none}
.left_menu ul li{ width:270px; background:url(left_menu_bg.jpg) top; background-repeat:no-repeat; text-align:left; line-height:48px;}
.left_menu ul li a{ font-size:14px; color:#545454; font-weight:bold; text-decoration:none; margin-left:10px;}
.left_menu ul li a:hover{ color:#000000}

.left_menu ul li div{ background:#d0d0d0; overflow:hidden}
.left_menu ul li div ul{ margin:0px; padding:0px; list-style:none; margin:10px 0;}
.left_menu ul li div ul li{ background:url(left_menu_ico.jpg) 20px center no-repeat; line-height:22px;}
.left_menu ul li div ul li a{ font-size:12px; font-weight:normal; color:#8a8a8a; margin-left:30px; text-decoration:none}
.left_menu ul li div ul li a:hover{ color:#FF0000; }


.member_tab{ width:297px; margin:0 auto; text-align:center; margin-bottom:15px;}
.member_tab tr td.center_bg{ padding-top:10px; background:url(box_center_bg.jpg) repeat-y 10px center; font-size:14px; color:#4b4b4b; font-weight:bold}
.member_tab tr td.center_bg a{ color:#767676; font-size:12px; font-weight:normal}
.member_tab tr td.center_bg a:hover{ text-decoration:underline; color:#FF0000}
.member_tab tr td.center_bg input{ border:1px solid #d6d6d6; background:#ededed; width:165px;}
.member_tab tr td.center_bg p{ margin-bottom:5px;}

.member_tab tr td.bottom_bg{ height:6px; background:url(box_bottom_bg.jpg) repeat-y 10px center}

/*start of content, added by justin */
.member_tab2{ width:297px; margin:0 auto; text-align:left; margin-bottom:15px;}
.member_tab2 tr td.left_bg{ padding:10px 0px 0px 30px; background:url(box_center_bg.jpg) repeat-y 10px center; font-size:14px; color:#4b4b4b; font-weight:bold}
.member_tab2 tr td.left_bg a{ color:#767676; font-size:12px; font-weight:normal}
.member_tab2 tr td.left_bg a:hover{ text-decoration:underline; color:#FF0000}
.member_tab2 tr td.left_bg input{ border:1px solid #d6d6d6; background:#ededed; width:165px;}
.member_tab2 tr td.left_bg p{ margin-bottom:5px;}
.member_tab2 tr td.bottom_bg{ padding:10px 0px 10px 30px;height:6px; background:url(box_bottom_bg.jpg) repeat-y 10px center}
/*end of content, added by justin */



.tit{ background:url(tit_bg.jpg); width:614px; height:38px; overflow:hidden; margin-bottom:15px; line-height:38px; position:relative; text-align:left}
.tit span{ color:#FFFFFF; margin-left:25px; font-size:14px;}
.tit div{ position:absolute; right:10px; top:0px;}
.banner{ margin:0 auto; margin-bottom:10px;}

.content{ margin:0 auto; width:550px; text-align:left}

.prd_list_box{ width:600px; margin:0 auto}

.img_border1{ border:3px solid #e5e5e5; padding:1px;}
.prd_list_tab{ width:100%}
.prd_list_tab tr td{ padding-bottom:25px; text-align:center; width:33%}
.prd_list_tab tr td p{ margin:0 auto; display:block; margin-top:3px; height:22px; background:url(prd_name_bg.jpg); height:22px; width:167px; line-height:22px;}
.prd_list_tab tr td span{ display:block; height:23px; text-align:center; color:#999999}
.prd_list_tab tr td a{ color:#000000; text-decoration:none}
.prd_list_tab tr td a:hover{ color:#FF0000}


.detail_box{ width:600px; margin:0 auto}
.detail_imgtab{ width:100%; margin:0 auto; margin-bottom:20px;}
.detail_imgtab tr td.bigimg{ text-align:center}
.detail_small{}
.detail_small ul{ list-style:none}
.detail_small ul li{ text-align:center; margin-bottom:5px}
.detail_small ul li.last{ margin-bottom:0px;}
.detail_prd_info{ vertical-align:top}
.detail_prd_info table{ width:100%}
.detail_prd_info table tr td{ padding:2px;}
.detail_prd_info table tr td.left_f{ text-align:right}
.detail_prd_info table tr td.right_f{ text-align:left}
.detail_prd_name{ font-size:14px; font-weight:bold}

.detail_content_tab{ width:100%; margin:0 auto; text-align:left; font-size:12px; line-height:150%}
.detail_content_tab tr td.detail_tit{ font-size:14px; font-weight:bold; color:#666666; background:url(ico2.jpg) left center no-repeat; height:25px;}
.detail_content_tab tr td.detail_tit span{ margin-left:15px}
.detail_content_tab tr td.detail_content{ padding:10px; background:#f6f6f6; border:1px solid #e8e8e8}


/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}

.ad{ width:270px; float:left; margin-left:20px;}

.footer{ background:url(footer.jpg); height:48px; color:#FFFFFF; line-height:48px; margin-top:15px;}
.footer span{ display:block; margin:0 auto; width:951px;}
.footer span p.left_f{ float:left}
.footer span p.right_f{ float:right}
.footer a{ color:#FFFFFF; text-decoration:none}
.footer a:hover{ text-decoration:underline}

/*start of content, added by justin */
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.aLinkHander{
	cursor:pointer;
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
input {
	margin: 0; 
	padding: 0;
	background: #EDEDED; 
	border: 0; 
	color: #333; 
	font: 12px/16px Arial, Helvetica, sans-serif, "新細明體"; 
	padding: 2px;
}
input.LoginText { width: 110px; height: 16px;}
input.LoginBtn {
	margin: 0 0 0 5px; 
	height: 20px; 
	color: #fff; 
	background: #9BCB55;
	font: bold 11px/16px Arial, Helvetica, sans-serif, "新細明體"; 
	cursor: pointer;
}
select{
	background: #EDEDED; 
}
a{
	cursor:pointer;
}

/*以下為鏈接按鈕css*/
.DivButton_j { padding: 2px 0; color: #999; font: 11px/20px Arial, Helvetica, sans-serif, "新細明體"; overflow: auto; zoom: 1; outline: none;}
.DivButton_j span { display: block; float: left; padding: 0 5px 0 10px; width: 60px; font-weight: bold;}
.DivButton_j input { float: left; margin: 0; padding: 0; background: #9BCB55; border: 0; color: #333; font: 12px/16px Arial, Helvetica, sans-serif, "新細明體"; padding: 2px;}
.DivButton_j input.LoginText { width: 110px; height: 16px;}
.DivButton_j input.LoginBtn { margin: 0 0 0 5px; height: 20px; color: #fff; font: bold 11px/16px Arial, Helvetica, sans-serif, "新細明體"; cursor: pointer;}

/*新聞列表*/
ul.newsListHead {
	width:600px;
	float:left; 
	list-style:none;
	clear:both;
	background-color:#EEEEEE ;
}
ul.newsListHead li{
	float:left; 
	padding:10px;
	height:18px;
	font-size:14px; 
	color:#4F4040; 
	font-weight:bold; 
	text-decoration:none; 
	margin-left:10px;
}
ul.newsListHead .newsTitle{
	padding-left:10px;
	width:400px;
}
ul.newsListHead .newsTime{
	padding-right:2px;
	width:100px;
}
ul.newsList {
	width:600px;
	float:left; 
	list-style:none;
	clear:both;
}
ul.newsList .newsTitle{
	padding-left:10px;
	width:400px;
}
ul.newsList .newsTime{
	padding-right:2px;
	width:100px;
}
ul.newsList li{
	float:left; 
	padding:10px;
	height:18px;
}
ul.newsList li a{
	font-size:12px; 
	color:#6F6868; 
	font-weight:bold; 
	text-decoration:none; 
	margin-left:10px;
}
.clearBoth{
	clear:both;
}
/*end of content, added by justin */


/*== case_detail == */
.case_detail_box{width:600px; margin:0 auto; overflow:hidden}
.case_BigImg{}
.case_detail{ text-align:left}


/*-- Scroll_small_img---*/

.blk_18 {
	BORDER-RIGHT: #e3e3e3 1px solid;
	BORDER-TOP: #e3e3e3 1px solid;
	MARGIN-TOP: 8px;
	FONT-SIZE: 12px;
	BACKGROUND: #f3f3f3;
	OVERFLOW: hidden;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 600px;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	ZOOM: 1;
	margin-bottom:20px;
	float:right;
	padding-bottom:10px;
	padding-top:5px;
}
.blk_18 .pcont {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH:560px
}
.blk_18 .ScrCont {
	WIDTH: 32766px;
	ZOOM: 1
}
.blk_18 #List1_1 {
	FLOAT: left
}
.blk_18 #List2_1 {
	FLOAT: left
}
.blk_18 .LeftBotton {
	background:url(../images/small_btn.gif);
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px;
}
.blk_18 .RightBotton {
	background:url(../images/small_btn.gif) no-repeat;
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px
}
.blk_18 .LeftBotton {
	BACKGROUND-POSITION: 0px 0px;
	MARGIN-LEFT: 5px
}
.blk_18 .RightBotton {
	BACKGROUND-POSITION: 0px -100px;
	MARGIN-LEFT: -1px
}
.blk_18 .LeftBotton:hover {
	BACKGROUND-POSITION: -20px 0px
}
.blk_18 .RightBotton:hover {
	BACKGROUND-POSITION: -20px -100px
}
.blk_18 .pl IMG {
	DISPLAY: block;
	MARGIN: 6px auto 6px;
	CURSOR: pointer;
	border:none;

}
.blk_18 .pl {
	BORDER-RIGHT: #f3f3f3 1px solid;
	BORDER-TOP: #f3f3f3 1px solid;
	FLOAT: left;
	BORDER-LEFT: #f3f3f3 1px solid;
	WIDTH: 114px;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #f3f3f3 1px solid;
	TEXT-ALIGN: center;
	TEXT-DECORATION: underline
}
.blk_18 A.pl:hover {
	BACKGROUND: #fff;
	COLOR: #ff9900;
	border:1px solid #FFFFFF;
}
.commu_cont3 {
	MARGIN: 9px 7px 7px;
	LINE-HEIGHT: 150%
}
.commu_cont3 UL {
	WIDTH: 188px
}