@import url("z.css");
/* CSS Document  秀產品頁   */



div#contents div.col-container h2.title-breadcrumb {
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/bg_main_breadcrumb.gif) no-repeat scroll 0 0;
	color:#000;
	font-size:9pt;
	font-weight:normal;
	height:51px;
	/*margin:10px 0;*/
	padding:12px 5px 8px 20px;
	width:800px;
}
div#contents h2.title-breadcrumb {
background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/bg_main_breadcrumb.gif) no-repeat scroll 0 2px;
color:#000000;
font-size:9pt;
font-weight:normal;
height:51px;
padding:13px 5px 8px 20px;
width:800px;
}




a.parent{
	color:#000;
	text-decoration: none;	
	
	}
	
	
a.self{
	color:#ff992b;
	
	
	}	
	







div.viewall{
	/*width:800px;
	position:relative;*/
	}
div#container span#ShowProduct{
	position:relative;
	
	}	
	

div.picture-l{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/2_02.jpg) no-repeat scroll 0 0;
	width:272px;
	height:370px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 23px;
	padding-left: 20px;	
	}

div.picture-r{
	width:488px;
	height:370px;
	float: right;
	vertical-align: top;
	}


div.picture-l div.picture-image-small{
	height:250px;
	width:250px;
	margin-bottom: 14px;	
	
	}



div.picture-r h1.pich1tit{
	height:45px;
	width:474px;
	margin-top: 5px;
	font-size:12pt;


	}
	
	
div.showtxt{
	
	width:474px;
	height:39px;
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/dt_bkpic.gif) repeat-x scroll 0 0;
	color:#444444;
	font-size:8pt;
	line-height:150%;
	/*margin-top:3px;*/
	padding-top:3px;
	/*float:left;*/
	
	
	
	
	}	

div#sh2{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/dt_bkpic_2.gif) repeat-x scroll 0 0;
	width:474px;
	height:85px;
	
	
	}



	

div.showtxt li{
float:left;	
	}
div.list-01{
     float:left;	
	 width:380px;
	 display:block;
	
	}
div.list-02{
     float:right;	
	 width:90px;
	
	}
div.list-01 span.li01{
	font-size:10pt;
	/*width:93px;*/
	color:#666666;
	float:left;
	padding: 5px 0 0 20px;
	margin-top: 5px;
	display: block;
}	
div.showtxt li.li02{
	font-size:11pt;
	color:#444444;
	text-align: left;
	font-weight: bold;
	width:275px;
	display: block;
	margin-left: 10px;
	padding: 7px 0 2px 0;
	float: right;
}	



div.detailedlist{
	width:93px;
	height:20px;
	float: right;
	background-color: #ff9900;
	vertical-align: top;
	
}


div.list-02 li.detailedlist-p{
	font-size:7pt;
	display: block;
	width:90px;
	height:20px;
	background-color: #ff9900;
	float: right;
	margin-top: 8px;
	}

	
div.list-02 li.detailedlist-p a,	
div.list-02 li.detailedlist-p a:link,
div.list-02 li.detailedlist-p a:visited{
	display: block;
	height:15px;
	background-color: #ff9900;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	margin-top: 2px;
	text-decoration: none;
	}


div.list-02 li.detailedlist-p a:hover{
	text-decoration: underline;	
	
	
	
	}


div.list-02 li.detailedlist-p-2{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/bullet02.gif) no-repeat scroll 1px 5px;
	color:#ff9900;
	display: block;
	width:90px;
	height:20px;
	background-color: #fffffff;
	float: right;
	margin-top: 8px;
	
	}


div.list-02 li.detailedlist-p-2 a,
div.list-02 li.detailedlist-p-2 a:link,
div.list-02 li.detailedlist-p-2 a:visited{
	color:#ff9900;
	margin-left: 15px;  
  
}

div.list-01 span.li02span_09{
	/*padding-top: 8px;*/
	color: #7e7e7e;
	font-size:7pt;
	letter-spacing: 1px;
	font-weight: normal;
	
	}





div.questionall{
	width:800px;
overflow:hidden;
/*position:absolute;	*/
	
	
	}

div.questionall   td.qa-td01{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/questionall_08.jpg) no-repeat scroll 1px 5px;
	height:43px;
	text-align: center;
	margin-top: 5px;
	font-size: 10px;
	}


a.red{
	color: #ff6600;	
	
	
	}
td.qa-p1{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/questionall_14.jpg) no-repeat scroll 0px 0px;
	padding-left: 15px;
	text-align: left;	
	}
td.qa-p2{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/questionall_17.jpg) no-repeat scroll 0px 0px;
	padding-left: 15px;
	text-align: left;	
	}	
td.qa-p3{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/innerproducts_pic/questionall_19.jpg) no-repeat scroll 0px 0px;
	padding-left: 15px;
	text-align: left;	
	}	
	
	




p.p30{
	font-size:30pt;
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
/*  EDM設定CSS   */


div#contents a.edmlink{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/3.1/4edm_07.gif) no-repeat scroll 0px 0px;
	height:88px;
	width:206px;
	text-align:center;
	text-indent:-9999;
	display: block;		
	
	
	}
div#contents a#edmlink-02{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/3.1/4edm_08.gif) no-repeat scroll 0px 0px;
	height:88px;
	width:205px;
	}
div#contents a#edmlink-03{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/3.1/4edm_09.gif) no-repeat scroll 0px 0px;
	height:88px;
	width:206px;
	}
div#contents a#edmlink-04{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/3.1/4edm_10.gif) no-repeat scroll 0px 0px;
	height:88px;
	width:183px;
	}





div#contents table.pageall,
div#holder table.pageall{
	border: 3px solid #f79d4e;
	
	
	}


div#contents td.tdvip-1,
div#holder td.tdvip-1 {
	border-right: 3px solid #f79d4e;
	width: 207px;
	height: 62px;	
	}
div#contents td.tdvip-2,
div#holder td.tdvip-2 {
	border-bottom: 3px solid #f79d4e;
	border-right: 3px solid #f79d4e;
	width: 207px;
	height: 62px;	
	
	}
	
	
	
	
div#contents table.piece,
div#container table.piece{
	width: 187px;
	height: 12px;
	background-image: url(http://image.obdesign.com.tw/images/ob200908/vip/vip_19.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 5px;
	}
	
div#contents table.redvippiece,
div#container table.redvippiece{
	height: 12px;
	margin:0;
	padding: 0px;
	}



div#holder div#navigation table#vipmenutb{
	width:180px;
	border:1px solid #dcdcdc;
	text-align:left;
	border-collapse:collapse;
	
	}

div#navigation table#vipmenutb td,
div#navigation table#vipmenutb th{
	border-bottom:1px solid #dcdcdc;
	text-align:left;
	width:180px;
	}

div#navigation a.off,
div#navigation a:link,
div#navigation a:visited{
	background:transparent url(http://image.obdesign.com.tw/images/ob200908/vip/vip_20.gif) no-repeat scroll 16px 4px;
	color: #7e7e7e;
	font-size:10pt;
	padding-left: 33px;
	line-height: 35px;	
	}
div#navigation a:hover,
div#navigation a.on{
	text-decoration: underline;	
	color: #fd8002;
	}
	

div#holder table.holdertb-r{
	margin: 55px 24px 0 24px;
	
	
	}
div#holder table.holdertb-l{
	width: 596px;
	margin-top: 55px;
	
	}




div#navigation table.redmuall a,
div#navigation table.redmuall a.off,
div#navigation table.redmuall a:link,
div#navigation table.redmuall a:visited{
	text-decoration: none;
	background: none;	
	padding: 0;

	
	}