/* design by showhau */
/*----------抬頭地方要加-----------------------------
<meta name="Robots" content="All" />
<meta name="Author" content="showhau,hau,dpi" />
<meta name="keywords" content="showhau, hau, design, dpi, web, web design" />
-----------------------------------------------------*/

/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())}      /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}                         /* For Firefox */

body{
	font-family:Arial;
}
/*---------------------------------------------------------------------- index  首頁版型 ------*/
#fla{
	position:absolute;
	z-index:1;
	width:100%;
	text-align:center;
	margin-top:20px;
}
#index_bg{
	background:url(images/bg_index.jpg) top center no-repeat;
	width:100%;
	position:absolute;
	height:550px;
}
.index{
	position:absolute;
	z-index:0;
	text-align:center;
	width:100%;
}

/*==============================  UT  ======*/
#btm{	
	width:100%;
	padding-top:580px;
}
.btm{
	/*background:#1A1A1A;*/
	height:110px;
	width:860px;
	margin:auto;
}
/*----*/
.s_new{
	font-size:11px;
	float:left;
	line-height:13px;
	padding:12px 0 0 20px;
	width:280px;
}
.s_new img{
	display:block;
	margin-bottom:9px;
}
.s_new_list{
	clear:both;
}
.s_new_list a{
	color:#b5b5b5;
	text-decoration:none;
	background:url(images/icon_s_new.jpg) no-repeat;
	background-position:2px 5px;
	float:left;
	padding-left:10px;
	padding-right:5px;
}
.s_new_list a:hover{
	color:#FFF1D7;
	border-bottom:1px #FFA600 solid;
}
.s_new_list span{
	font-size:9px;
	float:right;
	color:#b9b0d4;
}
/*--------------*/
.s_galley{
	float:left;
	padding:10px 0 0 15px;
}
.s_galley img{
	padding:0;
}

#ss{
	width:560px;
	overflow:hidden;
	word-spacing:7px;
	padding:5px 10px 0 10px;
}
#ss a img{
	border:3px #454545 solid;
	padding:0;
	margin:0;
}
#ss a:hover img{
	border:3px #FFFFFF solid;
}
/*----------------*/
.s_com{
	float:left;
	padding:10px 0 0 15px;
}
/*--------------------------------------------   copy  ------------*/
#copy{
	font-size:10px;
	color:#68646d;
	width:830px;
	text-align:right;
	margin:auto;
	margin-top:2px;
}
#copy a{
	color:#68646d;
	cursor:text;
	text-decoration:none;
}


/*---------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------     內頁版型  ---------------------------------------------------------*/
#main{
	width:940px;
	margin:auto;
	clear:both;
}
/*=================================  top  banner ==============*/
.top{
	clear:both;
	height:125px;
}
.logo{
	float:left;
}
.lan{
	font-size:11px;
	font-weight:bold;
	float:right;
	color:#e0e0e0;
	padding-top:50px;
	padding-right:20px;
}
.lan a{
	color:#e0e0e0;
	padding-left:15px;
	text-decoration:none;
}
.lan a:hover{
	text-decoration:underline;
}
.lan span a{
	color:#FB9100;
}
/*==================================  left menu  ==============*/
.menu{
	width:260px;
	height:auto;
	float:left;
	text-align:right;
}
#right{
	width:680px;
	float:right;
	text-align:left;
}
/*====================================   tit  =================*/
.info{
	height:40px;
	border-bottom:1px #999999 solid;
	clear:both;
	margin-left:15px;
}
.tit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(images/icon_tit.gif) no-repeat;
	background-position:0px 15px;
	padding:14px 0 0 22px;
	float:left;
	margin-left:5px;
	letter-spacing:-1px;
}
.sear{
	font-size:11px;
	float:right;
	color:#FFFFFF;
	padding:20px 10px 0 0;
}
.sear a{
	font-weight:bold;
	color:#c0d2fa;
	text-decoration:none;
}
.sear a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.sear span{
	color:#FFFFFF;
}
/*====================================================   company   ============================*/
.com{
	font-size:13px;
	line-height:18px;
	margin:10px 0 10px 15px;
}
.com tr td span{
	display:block;
	padding-bottom:10px;
}
/*====================================================   product  ============================*/
.pro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;	
	/* color:#89a1dd; */
	margin:10px 0;
	width:640px;
}
.pro tr td{
	padding:0px 10px 15px 10px;
}
.pro tr td b{
	border-bottom:1px #CCCCCC solid;
	display:block;
	width:130px;
}
.pro tr td img{
	display:block;
	padding:5px 0 0 0;
	border:none;
}

/*==================================================================  product  大圖設定  ============*/
.prob{
	margin:15px 10px;
	padding:0px 5px;
}
.prob tr td big img{
	display:block;
	border:2px #c7deff solid;
	margin-bottom:5px;
}
/*==========   小圖  =====*/
.pics{
	width:260px;
}
.pics img{
	border:1px #CCCCCC solid;
}
.pics img:hover{
	border:1px #FF0000 solid;
}
/*======   detail 詳細資料 ========*/
.detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	padding:10px 0px;
}
.detail span{
	font-weight:bold;
	color:#000000;
	display:block;
}
.detail b{
	font-size:16px;
	color:#fe8900;
	text-decoration:underline;
}

/*============================================   news  最新消息  ============*/
.news{
	font-size:12px;
	color:#000000;
	width:580px;
	margin:15px 0px;
	line-height:32px;
	background:#FFFFFF;
	border:1px #e2e2e2 solid;
}
.news tr td{
	border-bottom:1px #e2e2e2 solid;
}
.news tr td b{
	color:#0b197f;
	text-align:center;
	display:block;
	width:100px;
}
.news tr td a{
	color:#000000;
	text-decoration:none;
	width:380px;
	display:block;
}
.news tr td a:hover{
	color:#4DA6FF;
	text-decoration:underline;
}
.news tr td span{
	font-size:10px;
	text-align:center;
	display:block;
	width:80px;
}
.news_p{
	font-size:14px;
	background:#ededed;
	color:#000000;
	word-spacing:5px;
}
.news_p a{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.news_p a:hover{
	color:#000000;
	text-decoration:underline;
}
/*----------------------------------------  放大頁面  --------*/
#newb{
	color:#c0d2fa;
	width:650px;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:15px;
}
#newb tr td img{
	padding:0px 10px;
}
#newb tr td b{
	font-size:15px;
	color:#FFFFFF;
	padding-left:10px;
	background:url(images/icon_newb.gif) no-repeat;
	background-position:0px 2px;
}
#newb tr td span{
	font-size:11px;
	color:#ff8a00;
}

/*=============================================  download  下載  ==========*/
.down{
	font-size:12px;
	color:#959595;
	width:550px;
	margin:15px 10px;
	line-height:32px;
}
.down tr td{
	background:#FFFFFF;
}
.down tr td b{
	width:80px;
	color:#333333;
	text-align:center;
	display:block;
}
.down tr td a{
	display:block;
	width:370px;
	color:#959595;
	text-decoration:underline;
}
.down tr td a:hover{
	color:#00B4E8;
	text-decoration:none;
}
.down tr td span{
	width:100px;
}
.down1 td{
	border-bottom:1px #d5e6f7 solid;
}
.down2 td{
	background:#f2f2f2;
	border-bottom:1px #d5e6f7 solid;
}
.down_p{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:bold;
	color:#0b197f;
	text-align:center;
	word-spacing:5px;
	padding:10px 0 15px 0;
}
.down_p a{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.down_p a:hover{
	font-size:11px;
	font-weight:bold;
	color:#0b197f;
}

/*------------------------------------------------  cart  view  產品數量-----------------------*/
#inquiry{
	margin:15px 0 10px 20px;
}
#inquiry img{
	float:left;
	padding:0px 10px 10px 0;
}
.inquiry{
	font-size:13px;
	color:#FFFFFF;
	padding:20px 5px 0 5px;
}
.inquiry span{
	color:#FFBB2F;
}
.inquiry_bt{
	text-align:center;
	display:block;
	padding-top:10px;
}

#inquiry_no{
	font-size:15px;
	color:#000000;
	margin:15px 0 10px 20px;
}
#inquiry_no tr td a{
	font-size:18px;
	font-weight:bold;
	color:#DB0000;
}
#inquiry_no tr td span{
	padding:130px 0 0 10px;
	display:block;
}

/*===============================================   contact  us  聯絡我們  =============*/
.tdcolor-main04 {
	font-size: 9pt;
	font-family:"Arial";
	color:#3A6D8B;
	background: #eaf0fe;
	border-top:2px #8CAFC6 solid;
	border-bottom-color:1px #D8E6EB solid;
}
.tdcolor-main05 {
	font-size: 9pt;
	font-family:"Arial";
	color: #767B76;
	background: #FFFFFF;
	border-top:2px #8CAFC6 solid;
	border-bottom:1px #D8E6EB solid;
}
.tdcolor-04 {
	font-size: 9pt;
	font-family:"Arial";
	color: #3A6D8B;
	background: #eaf0fe;
	border-bottom:1px #D8E6EB solid;
} 
.tdcolor-05 {
	font-size: 9pt;
	font-family:sans-serif, Arial, Dotum, Helvetica, geneva,;
	color: #666666;
	background: #FFFFFF;
	border-bottom:1px #D8E6EB solid;
}
/*==================================================  foot  ==================================*/
.footer{
	background:#000013;
	height:75px;
	clear:both;
}
.foot{
	margin:auto;
	width:940px;
	font-size:10px;
	padding-top:15px;
}
.add{
	color:#b1b1b1;
	float:left;
}
.add b{
	font-size:11px;
	color:#2525a1;
}
.copy{
	float:right;
	color:#3f3f3f;
}
.copy a{
	color:#3f3f3f;
	cursor:text;
	text-decoration:none;
}