@charset "utf-8";
/* CSS Document */
body{
	margin:0;
    padding:0;
	background:#fff;
	font-family:Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif;
	color:#595757;
	font-size:12px;
	line-height:2em;
}

h1,h2,h3,h4,h5,h6,h7{
	margin:0;
    padding:0;
	font-size:12px;
	font-style:normal;	
	font-weight:normal;
}

a{
	color:#595757;
	text-decoration:none;
}

a:hover{
	color:#0275be;
	text-decoration:underline;
}
	
.tb a{
	color:#0275be;
	text-decoration:underline;
}

.Page{
	background:#fff;
	background:url(../Index_BG.jpg) repeat-x;}


.In_Page{
	background:#fff url(../Inner_BG.jpg) no-repeat top ;
	}

p{
	margin:0px;
	padding:0px;}
/*--------------------------------------------------------------------------------左邊欄位*/

.Top_Baaner{
	height:270px;
	}
	
.Left_Top{
	position:relative;
	margin-top:-66px;
	float:left;
}

#sidebar-left{
	width:205px;
	background:url(../Left_BG.jpg) no-repeat top;}
	

	
	
#sidebar-left .Left_Search{
	margin:0px;
	padding:10px 0px 5px 0px;}
	

.Left_List{
	line-height:2.2em;
	width:172px;
	margin:0 0 0 20px;}

.Left_List ul{
	margin: 0px;
	padding:0px;
	list-style-type:none;}

.Left_List ul li{
	background:url(../icon01.jpg) no-repeat 0px 8px;
	padding-left:15px;
	border-bottom:1px solid #d3d3d3;
	text-align:left;}
	
#Search{margin:10px 0 0 20px;}

.Search_top{
		background:url(../Search_Top.jpg) no-repeat;
		width:172px;
		height:36px;}
	
.Search_bg{
	background:url(../Search_BG.jpg) no-repeat;
	height:68px;
	width:172px;}
	
#sidebar-left .inpoutstyle{
	border:1px solid #ADB9C2;
	color:#666666;
	font-size:12px;
	height:16px;
	width:130px;
}


/*--------------------------------------------------------------------------------中間欄位*/
#main{
	width:755px;}
	
#main .main_BG{
	background:url(../Main_Inner_BG.jpg) repeat-y top;}	
	
#main .main_Inner{
	background:url(../Main_BG.jpg) no-repeat top;
	width:755px;
	min-height:300px;}
	
#main .Inner_Title{
	padding:10px;
	width:685px;}
	
#main .Inner_Title_BG{
	background:url(../Inner_Title_BG.gif) repeat-x;}
	
#main .Inner_main{
	padding:10px 22px 20px 18px;
	overflow:hidden;}
	
.breadcrumb{
	overflow:hidden;}

.breadcrumb_Inner{
	background:url(../icon01.jpg) no-repeat 0px 7px;
	text-align:right;
	float:right;
	padding-left:10px;
	padding-right:20px;}

#content{
	padding:20px 20px 0px 15px;}
	
#content .Inner_content{
	padding:10px 15px;
	text-align:left;
	overflow:hidden;}
	
/*會員登入*/	
.Member_Bg{
	background:url(../Member_BG.jpg) no-repeat;
	width:679px;
	height:227px;}

.Member_input_bg{
	background:url(../Member_Login_Bg.jpg);
	width:268px;
	height:65px;}

.Member_forgot_bg{
	background:url(../Member_forgot_Bg.jpg);
	width:363px;
	height:99px;}

.Member_forgot_bg th{
	text-align:center;
	font-weight:normal;}

.Member_forgot_bg table{
	margin:10px 0px;}

.Member_input_bg th{
	text-align:right;
	padding:5px;}

.Member_input_bg td{
	text-align:left;
	padding:5px;}

.JoinMember_Bg{
	background:url(../Member_Table_bg.jpg) no-repeat;
	width:679px;
	min-height:226px;}

.JoinMember_Bg th{
	text-align:right;
	padding:2px 5px;
	font-weight:normal;}

.JoinMember_Bg td{
	text-align:left;
	padding:2px;}

.JoinMember_title{
	font-weight:bold;
	color:#157fab;
	padding:4px;
	text-align:left;}

/*最新消息*/

.News_Th{
	background:url(../News_Table_th.jpg) no-repeat;
	width:679px;
	height:33px;}

.News_Td{
	background:url(../News_Table_td.jpg) no-repeat;
	width:679px;
	min-height:119px;}


.News_Td td.date{
	text-align:center;
	padding:5px 10px;
	border-bottom:1px dashed #c9c9c9;
	color:#4a678c;}
	
.News_Td td.title{
	text-align:left;
	padding:5px 10px;
	border-bottom:1px dashed #c9c9c9;}	
	
.News_Td .Detailed_Title{
	color:#4a678c;
	text-align:left;
	padding-left:20px;
	padding-right:5px;}
	
.News_Td .Detailed_Date{
	padding:0px 0px 0px 5px;
	text-align:left;
	color:#aaaaaa;}

.News_Td .Detailed_Date img{
	vertical-align:middle;}

.News_Td .Detailed_Content{
	padding:0px 0px 0px 5px;
	text-align:left;}

.News_Td .dow{
	text-align:center;
	border-bottom:1px dashed #c9c9c9;}
	
/*--------------------------------------------------------------------------------文字樣式*/

.browncolor01{
	color:#d7a355;
	font-weight:bold;}
	
	
/*--------------------------------------------------------------------------------網頁資訊*/	

#footer{
	background:#ececec url(../footer.jpg) repeat-x;}

.In_footer{
	background:#ececec url(../footer_BG.jpg) no-repeat;
	width:960px;
	margin:0 auto;}
	
#footer .footer-inner{
	padding:35px 0px 10px 280px;}
	
	
	

	
/*--------------------------------------------------------------------------------產品列表*/		

.pro_list{
	float:left;
	margin:20px 0px 0px 0px;
	width:100%;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;}

.pro_box{
	width:186px;
	float:left;
	margin:0px 20px;}

.pro_pic{
	float:left;
	background:url(../Pro_BG.jpg) no-repeat;
	width:186px;
	height:167px;}
	
.pro_pic_img{
	width:158px;
	height:158px;
	padding:4px;}

.pro_pic_img img{
	vertical-align:middle;}

.pro_text{
	text-align:center;
	margin-top:2px;
	float:left;
	width:186px;}

.pro_relate{
	text-align:center;
	float:left;
	width:186px;}
	
.Add_Inquiry{
	float:left;
	width:186px;
	text-align:center;}

.pro_text a{
	color:#0186be;
	font-weight:bold;}
	
.pro_text a:hover{
	color:#666;}


#products_box6 {
margin-top:20px;
padding-bottom:15px;
width:100%;
overflow:hidden;
}

#products_box5 {
float:left;
width:300px;
}


#products_intitle {
background:url(../icon02.gif) no-repeat 0px 5px;
border-bottom:1px dashed #ccc;
color:#128fc3;
font-size:15px;
font-weight:bold;
min-height:33px;
padding:3px 0px 0px 20px;
width:100%;
}

#products_incontent1 {
border-bottom:1px dashed #ccc;
font-size:12px;
margin-bottom:5px;
padding:3px 0px 5px 20px;
min-height:120px;
width:100%;
}

#products_incontent2{
margin:5px 0px;
border-bottom:1px dashed #ccc;
padding:3px 0px 8px 33px;
width:100%;}

#products_pic2 {
background:url(../Pro_Big_BG.jpg) no-repeat;
float:left;
padding:4px;
width:330px;
height:312px;
display:table-cell;
text-align:center;
vertical-align:middle;
}

#products_pic2 span{ height:100%; display:inline-block; }
#products_pic2 *{ vertical-align:middle;}

#imgView{
	width:300px;
	padding:2px 1px 0 11px;}


#more_pic {
float:left;
width:300px;
padding:0px 0px 0px 10px;
}

#more_pic1 {
background-color:#eeeeee;
float:left;
padding:3px;
width:92px;
}
#more_pic1 img{
	border:1px solid #c9c9c9;
}


.products_inbox{
	overflow:hidden;
	width:100%;
	margin-top:5px;
	float:left;}

.pro_title{
	background:url(../pro_title_bg.jpg) no-repeat;
	width:655px;
	height:32px;
	overflow:hidden;
	float:left;
	padding:4px 0 0 40px;
	*padding:6px 0 0 40px;
	font-weight:bold;
	color:#128fc3;}

.pro_content{
	padding:10px 20px;
	float:left;
	width:630px;}


	
/*--------------------------------------------------------------------------------聯絡我們*/		

.Contact_Top{
	background:url(../Contact_Table_Top.jpg) no-repeat;
	width:679px;
	height:161px;}

.Contact_Bg{
	background:url(../Contact_Table_bg.jpg) no-repeat;
	width:679px;
	min-height:210px;}

.Contact_Bg th{
	text-align:right;
	padding:2px 5px;
	font-weight:normal;}

.Contact_Bg td{
	text-align:left;
	padding:2px;}

.Contact_title{
	font-weight:bold;
	color:#157fab;
	padding:4px;
	text-align:left;}

.Contact_Inform{
	padding:70px 10px 0px 50px;}

.Contact_Inform th{
	text-align:right;
	padding:2px 5px;}
	
.Contact_table{
	margin:10px 0px 0px 0px;
	padding:0px 10px;}

.Contact_table th{
	background:#333;
	text-align:right;
	padding:5px 8px 5px 5px;
	color:#EAA427;
	font-weight:normal;
	}

.Contact_table td{
	padding:5px 5px 5px 8px;
	background:#1e1e1e;}
	

.font1{
	color:#595757;
	font-family:"Verdana"; }

.font3{
	color:#CCCCCC;
	font-family:"Verdana";
	border:1px solid #ccc;
	width: 400px;
	height: 16px;  }

.font2{
	color:#CCCCCC;
	font-family:"Verdana";
	border:1px solid #ccc;
	width: 50px;
	height: 16px; }
	
.font4{
	color:#CCCCCC;
	font-family:"Verdana";
	border:1px solid #ccc;
	width: 160px;
	height: 16px; }
	
/*--------------------------------------------------------------------------------詢價*/		

.inquir_bg{
	background:url(../inquir_bg.jpg) no-repeat;
	width:719px;
	height:46px;
	margin-top:10px;}

.inquir_Text{
	float:right;
    padding:10px 28px;}

.Inquiry{
	background:#000;
	border:1px solid #6b6b6b;
	padding:5px 5px 5px 10px;}
	

.Inq {
	padding:10px 20px 0px 20px;}

.Inq table{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:5px;}	

.Inq table th{
	background:url(../inq_th_bg.jpg) repeat-x top;
	padding:5px;
	border-bottom:1px solid #ccc;
	text-align:center;
	border-top:1px solid #CCCCCC;
	}

.Inq table td{
	padding:8px 5px;
	text-align:center;
	border-bottom:1px solid #E8E8E8;}
	
	
.inq_profile{
	padding:0px 20px;}	

.inq_profile table{
	margin-top:10px;
	border:1px solid #E8E8E8;}

.inq_profile th{
	padding:5px;
	font-weight:normal;
	text-align:right;
	background:#f3f3f3;}
	
.inq_profile td{
	padding:5px 8px;}
	
	
.inq_btn{
	border:1px solid #ccc;
	background:url(../Btn_BG.jpg) repeat-x;
	padding:2px 8px;
	font-family:"Verdana";}
	
	



/*--------------------------------------認證*/

.certificate_IMG{
	margin:10px 0px;}

.Cer_List{
	float:left;
	margin:20px 0px 0px 0px;
	width:100%;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;}

.Cer_box{
	width:132px;
	float:left;
	margin:0px 20px;}

.Cer_pic{
	float:left;
	background:url(../Certificate_BG.jpg) no-repeat;
	width:132px;
	height:123px;}
	
.Cer_pic_img{
	padding:1px;}

.Cer_pic_img img{
	vertical-align:middle;}

.Cer_text{
	text-align:center;
	margin-top:2px;
	float:left;
	width:132px;}

/*-------------------------------------------分頁樣式*/

div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding: 20px 0;
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}

div.pagination.yellow {
	text-align:center;
	padding: 7px;
	margin:3px;
	*margin: 15px 3px 3px 3px;
	float:left;
	width:98%;
	
}

div.pagination.yellow a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	text-decoration: none; /* no underline */
	color: #000;
}

div.pagination.yellow a:hover, div.pagination.yellow a:active {
	border: 1px solid #f0f0f0;
	color: #fff;
	background:#d9d300;
}

div.pagination.yellow li.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d9d300;
	font-weight: bold;
	background-color: #d9d300;
	color: #fff;
}

div.pagination.yellow li.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.intro_img{
	float: right;
	margin: 0 0 5px 3px;
}

.news_img{
	float: right;
	margin: 0 0 5px 3px;
}

//swf firefox 虛線框解決
a:focus, object:focus{
	outline: 0;
	-moz-outline-style: 0;
}