@charset "utf-8";
/*
-----------------------------版面基本設定-----開始---------------------------------------
*/
body {
	margin: 0px auto;
	font-family:Arial, Helvetica, sans-serif, 新細明體, 新細明體;
	font-size: 70.5%;
	background:#f0f0f0 url('images/bbk01.gif') repeat-x;
	padding: 0px;
	width:1018px;

}
input, select, th, td {
	font-size: 1em;
}
h1 {
	font-size: 1.7em;
	margin: 0px 0px 0px 0px;
	color: #3366FF;
	line-height: 180%;
}
h2 {
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	color: #3366FF;
}
p {
	margin-bottom: 0px;
	margin-top: 0px;
}

ol{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}


li{
	font-size: 1.1em;
	margin: 0px;
	color: #666;
	padding: 0px 0px 6px 0px;
	 list-style-type:none;
	 list-style-image:url('images/icon00.gif');
}
*{
margin:0;}

/*
 首頁版面設定
*/
#top {
	float: left;
	width: 1018px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-color:#FFFFFF;
	background-image: url('images/bk_all02.gif');
	background-repeat:repeat-y;
}


#all{
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width:990px;
	}
	
/* right */
#right {
	float: right;
	width: 223px;
	margin: 0px;
}

/* center */
#center {
	float: left;
	width: 590px;
	margin: 0px auto;
	padding: 0px 10px 10px 10px;
}

/* 內頁center */
#center_note {
	float: left;
	width: 590px;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	letter-spacing: 0.1em;
	color: #666666;
	line-height: 180%;
	font-size: 1.1em;
}

/* 搜尋+分頁 */
div#pager {
	float:left;
	margin: 0px;
	letter-spacing: 0.1em;
	color: #666666;
	line-height: 180%;
	font-size: 1.1em;
	width:100%;
	padding:0px 0px 5px 0px ;
}


div#pager_left {
	float:left;
	width: 250px;
}

div#pager_left01 {
	float:left;
	width: 450px;
}


div#pager_right {
	float: right;
	width:300px;
	text-align: right;
}

#member {
	width:230px;
	float: left;
	line-height: 200%;
	padding:15px 5px 5px 10px ;
	border-right:1px solid #ccc;
}

#member_right {
	width:310px;
	float: left;
	line-height: 200%;
	padding:15px 5px 5px 10px;
}

#member_center {
	width:310px;
	line-height: 200%;
	padding:10px 10px 10px 130px ;
}

/* 橫向列表 */
#list_right{
float: left;
	width:100%;
	}
	
/* area橫向列表 */
#list_area_right{
float: left;
	width:300px;
	}


/* 橫向列表 */
#list_right_photo{
float: left;
	padding:0px 10px 5px 10px;
	width: auto;
	}

/* 中加右 */
#cr {
	float: left;
	width: 818px;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/* index_ad */
#index_ad {
	float: left;
	width: 590px;
	padding: 5px 0px 5px 0px;
	text-align:center;
}

/* index_pro */
#index_pro {
	float: left;
	width: 570px;
	padding: 10px;
}

/* index_pro */
#index_pro01 {
	float: left;
	padding:0px 6px 5px 6px;
	width:130px;  
	/*height:265px;*/
}

/* pro 5 */
#pro_5 {
	float: left;
	padding:0px;
	width:100%;
	font-size: 0.9em;
}

/* 商品運費 */
.pro_costs {
	padding:5px 0px 0px 0px ;
	width:350px;
	font-size: 1.1em;
	line-height: 170%;
	color: #666666;
	margin-bottom:5px;
	float:right;
}

/* 商品贈品 */
.pro_gift {
	padding:5px;
	margin:5px 0px 5px 0px;
	width:360px;
	font-size: 1em;
	line-height: 170%;
	color: #666666;
	float:right;
	border-left:1px solid  #C0C0C0;		/* 左邊框 */
	border-right:1px solid #C0C0C0;		/* 右邊框 */
	border-bottom:1px solid #C0C0C0;	/* 下邊框 */
	border-top:1px solid #C0C0C0;
}

/* 商品贈品 */
.order_gift {
	padding:5px 5px 5px 15px ;
	width:90%;
	font-size: 1em;
	line-height: 170%;
	color: #666666;
	float: left;
	background:#eee;
	margin:5px 5px 5px 15px ;
	/*border-left:1px solid  #C0C0C0;		 左邊框 */
	/* border-right:1px solid #C0C0C0;		右邊框 */
	/* border-bottom:1px solid #C0C0C0;	下邊框 
	border-top:1px solid #C0C0C0;*/
}

/* index_pro */
#index_pro_note {
	padding:0px;
	width:130px;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	color: #666666;
	line-height: 1.3em;
}

#index_pro_note a:link{color:#666;text-decoration:none;font-weight:normal}/*連結*/
#index_pro_note a:visited{color:#666;text-decoration:none;font-weight:normal}/*已被點過的連結*/
#index_pro_note a:hover{color:#fff;text-decoration:none;font-weight:normal;background: #0aa7d6;}/*滑鼠移到連結*/
#index_pro_note a:active{color:#666;text-decoration:none;font-weight:normal}/*正被點到的連結*/

#index_pro_note h2 a:link{color: #3366FF;text-decoration:none;font-weight:bold}/*連結*/
#index_pro_note h2 a:visited{color: #CC6600;text-decoration:none;font-weight:bold}/*已被點過的連結*/
#index_pro_note h2 a:hover{color:#fff;text-decoration:none;font-weight:bold;background: #0aa7d6;}/*滑鼠移到連結*/
#index_pro_note h2 a:active{color:#666;text-decoration:none;font-weight:normal}/*正被點到的連結*/



/* index_pro */
#index_pro_sale {
	padding:0px;
	width:130px;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	color: #666666;
	text-align: center;
	margin:0;
}

.order_costs {
	background-color:#FFF4DD;
	}


/* leftt */
#left {
	float: left;
	width: 153px;
	margin: 0px;
	padding: 0px;

}

/* leftt_tab */
#left_tab {
	background-image: url('images/left_bk01.gif');
	}

/* right_tab */
#right_tab {
	background-image: url('images/right_bk01.gif');
	display:block;
	}

/* BLOG_LIST */
#blog_list {
	margin:0px 0px 0px 15px;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
	line-height: 180%;
	color: #666666;
	}


/* photo_list */
#photo_list {
	float: left;
	padding:0px 5px 7px 20px;
	height:160px;
}

/* photo_list */
#photo_list01 {
	float: left;
	padding:0px 0px 7px 5px;
	width: auto;
	height:70px;
}


/* div+細框 */
#div_line{								/* 具體內容 */
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
	margin:10px 0px 10px 0px;
	float:left;
	width:100%;
}


/* 內頁無分割內容物01 */
#note_all {
	float: left;
	width: 700px;
	padding: 0px 10px 10px 10px;
}
/* 首頁表格 */
.index_tab {
	float: left;
}
/* 首頁圖片 */
.index_img {
	float: left;
	padding: 0px 0px 10px 5px;
}

/* 廣告圖片 */
.img_ad {
	padding: 5px;
}


/* 圖片靠右 */
.img_right {
	float: right;
	padding: 5px;
}
/* 圖片靠左 */
.img_left {
	float: left;
	padding: 5px;
}
/* photo列表 */
.photo_list {
	float: left;
	padding: 10px;
	width: auto;
}

/* 產品頁照片 */
#pro_photo {
	float:left;
	padding: 5px;
	width:  auto;
}

/* 產品頁小照片 */
#pro_sphoto {
	float:left;
	padding: 5px 5px 5px 5px;
	width:  auto;
}

/* 產品頁右方說明 */
#pro_note {
	float: right;
	width: 380px;
}

/* 首頁 photo */
#photo_index {
	float:left;
	padding: 10px 5px 10px 10px;
	width: 240px;
}

/* 首頁 文字 */
#note_index {
	float: right;
	 padding:10px 5px 5px 5px;
	width: 310px;
	height:80px;
	 font-size:1.3em;
}


/* photo大圖 */
.photo_big {
	float:left;
	width: 250px;
	padding: 5px;
}

/* 標題靠下 */
#index_down {
	float: right;
	width: 310px;
	padding:10px 5px 5px 5px;
}


/* 下方地址 */
#footer {
	float: left;
	width: 100%;
	height: 70px;
	margin: 0px;
	background-image: url('images/add01.gif');
	padding: 8px 0px 0px 0px;
	background-repeat: repeat-x;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
	text-align: center;
	/*position: fixed;
   padding-bottom:0;
  left:50%;
  margin-left:-479px;
  _position: absolute;  position fixed for IE6 
  _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);*/
}


/* 列表圖片 */
.note_img {
	float: left;
	padding: 0px 5px 5px 10px;
}
/* 虛線01 */
.line01 {
	float: left;
	background-image: url('images/line01.gif');
	width: 100%;
	height:7px;
}

/* 虛線02 */
.line02 {
	float: left;
	background-image: url('images/line02.gif');
	width: 100%;
	height:3px;
	padding:3px 0px 3px 0px ;
}

/* 虛線03 */
.line03 {
	float: left;
	background-image: url('images/line03.gif');
	width: 100%;
	height:7px;
}


/*
置中
*/
.tabcenter {
	margin: 0px auto;
}
/*
-----------------------------版面基本設定-----結束---------------------------------------
*/
/*
-----------------------------表格設定-----開始---------------------------------------
*/
/*
 表格最上層設定，進階設定則用"table.XXX"定義
*/
table {
	border-collapse: collapse;
}
table th {
	vertical-align: top;
	border: 0px;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3px;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	color: #333333;
}

table td {
	border: 0px;
	padding: 0px;
}
/*
有線的表格
*/
table.line {
}
table.line th {
	border: 1px solid #aaa;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3px;
	background-color: #efefef;
	color: #3333cc;
}
table.line tr {
	border: 0px;
	padding: 0px;
}
table.line td {
	border: 1px solid #aaa;
	padding: 3px;
}

/*
沒有線的表格
*/
table.noline {
}
}
table.noline tr {
	border: 0px;
	padding: 0px;
}
table.noline td {
	border: 0px solid #aaa;
	padding: 3px;
}


/*
-----------------------------表格設定-----結速---------------------------------------
*/
/*
-----------------------------文字專用-----開始---------------------------------------
*/
.f150 {
	line-height: 130%;
}
/*字間距60%*/
.f160 {
	line-height: 160%;
}
/* 字間距70% */
.f170 {
	line-height: 170%;
}
/* 字間距80%*/
.f180 {
	line-height: 180%;
}
/* 字間距200%*/
.f200 {
	line-height: 200%;
}

.f_buy{
	font-size: 1.9em;
	font-family:  Verdana;
	font-weight: bold;
	color:#FF007C;
	letter-spacing: -0.1em;

}


.f17px {
	font-size: 3em;
	font-family:  Verdana;
	font-weight: bold;
	color:#FF007C;
}



.f16px {
	font-size: 2.5em;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	font-weight: bold;
}
.f15px {
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f14px {
	font-size: 1.3em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
}
.f13px {
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f12px {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f11px {
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	
}
.f10px {
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f9px {
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f_spac{
letter-spacing: 0.1em;
	}
}
/*
文字靠上
*/
.f_top {
	vertical-align: top;
}
.f_bottom {
	vertical-align: bottom;
}
/*
文字顏色
*/
.fcccc {
	color: #CCCCCC;
}
.fc222 {
	color: #666666;
}
.fc333 {
	color: #333333;
}
.fc82 {
	color:  #828282;
}

.fc3c {
	color: #3333cc;
}

.fc3cc {
	color: #3366FF;
}


.fc3b {
	color: #3366FF;
}
.fc3r {
	color: #CC0066;
}
.fcw {
	color: white;
}
.fc0 {
	color: #C0C0C0;
}
.fc3g {
	color: green;
}
.fuline {
	text-decoration: underline;
}

/*
文字加刪除線
*/
.f_del{
	text-decoration: line-through;
	}

/*
文字加粗
*/
.fbo {
	font-weight: bold;
}
/*
文字反白
*/
.fwhite {
	color: white;
}
/*
文字置中
*/
.tx_center {
	text-align: center;
}
/*文字靠右*/
.tx_right {
	text-align: right;
}
/*文字靠左*/
.tx_left {
	text-align: left;
}

/*DIV靠左*/
.div_left {
	 float: left;
}
.div_right {
	 float:  right;
}


/*
-----------------------------文字專用-----結束----------------------------------------
*/
/*
-----------------------------超連結設定-----開始---------------------------------------
*/
/*
 輸入筐
 */
.keyin {
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	color: #000000;
	border: 1px solid #999999;
}
.bar {
	border: 2px outset #3399FF;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0066CC;
}
a:link {
	text-decoration: none;
	color: #3366FF;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #3366FF;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	color: #fff;
	background: #0aa7d6;
	text-decoration: none;
	/*text-decoration: underline;
	top: 1px;
	left: 1px;*/
}
div#trchang tr:hover {
	background: #D6F5EE;
}
div#tdchang td:hover {
	background: #D6F5EE;
}
/* 另跳視窗 */
A.open {
	target: expression(this.target='_blank');
}
/*
-----------------------------超連結設定-----結束---------------------------------------
*/
/*圖陰影*/
.shadow {
	background: url(images/fuzzy_shadow.png) no-repeat bottom right;
}
.shadow div {
	background: url(images/fuzzy_shadow1.png) no-repeat right top;
}
.shadow div {
	background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 3px 0px 0;
	display: block;
}
.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #bbb;
	padding: 5px;
	vertical-align: bottom;
}
.shadow_line {
	background-color: #fff;
	color: #000;
	border: 1px solid #bbb;
	padding: 5px;
	margin:0;
}


/*圖陰影*/
.shadow01 {
	background: url(images/fuzzy_shadow.png) no-repeat bottom right;
}
.shadow01 div {
	background: url(images/fuzzy_shadow1.png) no-repeat right top;
}
.shadow01 div {
	background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 3px 0px 0;
	display: block;
}
.shadow01 img {
	background-color: #fff;
	color: #000;
	border: 0px solid #bbb;
	padding: 5px;
	vertical-align: bottom;
}

/*圖細框線*/
.img_line {
	float: left;
	width: auto;
	border: 1px solid #bbb;
	background-color: #fff;
}

table.photo {
background-color: #fff;
border: 0px solid #bbb;
text-align:center;
}
table.photo tr {
	border: 0px;
	padding: 0px;
}
table.photo td {
	border: 1px solid #ccc;
}