/*所有頁面統一-------------------------------------------------------------------------------*/
/*背景*/body {	margin: 0px;	background:#CCCCCC;	} 
/*文字*/td { font-size:13px; line-height:150%; font-family: Arial, Helvetica, sans-serif; color:#333} 
/*不可設定*/font {}

/*連結預設*/A:link {text-decoration:none;color:#333;}           
/*連結預設*/A:visited {text-decoration:none;color:#333;}
/*連結預設*/A:active {text-decoration:none;color:#06C;}
/*連結預設-滑鼠移過*/A:hover { text-decoration: none;color:#06C;}
/*input按鈕*/ input {cursor:hand}



/*交待  (WP_Products/list.php) */  #explain { color: #CC3300}
/*多屬性產生編號  (WP_Products/list.php) */  
#partno { font-size:15px; font-weight:bold; text-align:left}
#partno span{ color: #C00}

/*頁頭設計------------------------------------------------------------------------------------*/
/*連結*/
#top { background: url(images/top_dod.jpg) left top repeat-x;}
#top a{ font-size:13px; font-weight:bold; color:#FFF}

#icon { width:*530px; margin-top: 55px}
#icon a {font-weight:bold;color:#737373; font-size:15px}
#icon td { background:*url(images/topli.jpg) center 7px no-repeat; padding:0px 17px 0px 17px; text-align:center;}
#icon .td { background: url(images/top_li2.jpg) center top no-repeat; padding:0px; width:5px ;}
#icon img {margin-bottom:3px }

/*左選單設計-----------------------------------------------------------------------------------*/
.left_backg {background:*#F0F0F0; width:170px; border:*1px solid #F60} /*左選單底色+寬度*/
#left {width:160px; margin:20px 0px 0px 10px; border:*1px solid #F00} /**/


/*右區塊範圍統一設定--------------------------------------------------------------------------*/
/*外框*/ .right_backg {width:833px;border:*1px solid #36C} 
/*內框*/ #right { margin:20px;align:center; background:#fff; width:793px; border:*1px solid #090} 



/*第一層 大分類*/
#left .ourproduct{ background:#006; text-align:left; padding:5px 10px 5px 8px; border-bottom:2px solid #fff; margin-top:10px;display:none}
#left .ourproduct2{background:#006; text-align:left; padding:5px 10px 5px 8px; border-bottom:2px solid #fff; margin-top:10px;display:none}
#left A.A {color:#fff ;font-size:15px; text-decoration:none;}
#left A.A2 {color:#fff; font-size:15px; text-decoration:none;font-weight:bold;}


/*第二層 中分類*/
#left li {margin-left:2px}
#left .class1{ background:*#8AA9DB; text-align:left; padding:3px 5px; border-bottom:1px dotted #CCCCCC; list-style-type:disc }
#left .class12{ background:#F38486; text-align:left; padding:3px 5px; border-bottom:1px dotted #CCCCCC; list-style-type:disc}
#left A.B{  color:#666666; font-weight:bold; font-size:13px} 
#left A.B2{  color: #FFF; font-weight:bold; font-size:13px}      
/*#left .pr-222 .class122{ background:#F8C400 url(images/dir_category1.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px;} /*經銷商專區左選單圖*/

/*第三層 小分類*/
#left .class2{ background: #FDEEEE;padding:2px 10px 2px 30px;border-bottom:1px solid #fff;}
#left .class22{ background:#FDEEEE;padding:2px 10px 2px 30px;border-bottom:1px solid #fff;}
#left A.C{  color: #003399;  font-weight:bold;}   
#left A.C2 {  color: #003399; font-weight:bold; text-decoration:underline}      



/*另外新增的按鈕*/
#left .pr-4{ background: url(images/2_category2.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px; }
#left .pr-42{ background:#F8C400 url(images/2_category1.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px;}


/*第一層分類*/
/*連結#left  A{font-size:15px; color:#0066ff} */ 
/*按鈕#left .class1 { background:#F0F0F0; padding:5px 15px; border-bottom:1px solid #ccc;} */

/*第二層分類*/
/*連結#left  A.B{font-size:12px; color:#FFF;}  */
/*按鈕#left .class2 { background:#8AA9DB; padding:3px 20px; border-bottom:1px solid #fff;}*/


/*底線1*/.bor_bot { border-bottom:1px dotted #999} 
/*底線2*/.bor_bot2 { border-bottom:1px dotted #999; width:100%; height:5px; overflow:hidden; margin-bottom:5px;} 
/*星號*/.cf { color: #C30;}

/*路徑*/
#path { color:#666666; margin-bottom:15px;}
#path a{ color:#666666;}

/*標題設定------------------------------------------------------------------------------------*/
h1 {font-size: 18px; font-weight: bold; margin:0px 0px 10px 0px; padding:0px 30px; height:25px; border-bottom:1px dotted #ccc; background:url(images/topli.jpg) left 5PX no-repeat}
h4 {font-size: 18px; font-weight: bold; margin:0px 0px 10px 0px; padding:0px 30px; height:25px; background:url(images/topli.jpg) left 5PX no-repeat }
h2 {font-size: 15px; font-weight: bold; margin:0px;}
h3 {font-size: 15px; color:#0066CC; font-weight: bold; margin:0px;}

/*圖無框-上方*/#pic1 img{margin-bottom:15px;} 
/*圖無框-右方*/#pic2 img{margin-left:15px; margin-bottom:15px;}
/*圖無框-左方*/#pic3 img{margin-right:15px; margin-bottom:15px;} 

/*圖有框*/    #pic0 img{ border:1px solid #CCC;} 
/*圖有框*/    #pic img{ border:1px solid #CCC;  margin-right:15px} 
/*圖有框-上方*/#pic4 img{ border:1px solid #CCC; margin-bottom:15px} 
/*圖有框-右方*/#pic5 img{ border:1px solid #CCC; margin-left:15px; margin-bottom:15px;} 
/*圖有框-左方*/#pic6 img{ border:1px solid #CCC; margin-right:15px; margin-bottom:15px;} 




/*與下方的距離*/ 
.mar_bot {margin-bottom:15px;}

/*各頁按鈕上下距離*/
#class_icon {margin:15px 0px; text-align:center}
/*藍*/.icon {background:#0066CC; height:24px; padding:3px 15px; color:#fff; border:0; list-style-type:none}
/*橘色*/.icon_o {background: #F60; height:24px; padding:3px 15px; color:#fff; border:0; list-style-type:none}
/*灰*/.icon_c {background: #999; height:24px; padding:3px 15px; color:#fff; border:0; list-style-type:none;}


/*pdf按鈕-有名稱 左右放*/
#icon_pdf a { text-decoration:underline}
#icon_pdf .pdf{height:20px; padding:0px 15px 0px 0px;}
#icon_pdf img{margin-right:5px}

/*pdf按鈕-無名稱 上下放*/
#img_pdf {height:20px; padding:0px 0px 5px 0px;}


/*表單 <table cellspacing="0">------------------------------------------------------*/
/*#table table{border:0; width:100%;}
#table {border-top: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; width:100%; }
#table td{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:3px; background:#FFFFFF}*/

#table {border-top: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; width:100%; border-left:0px; border-bottom:0px}
#table table{border:0px; width:100%;}
#table th{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:1px; background: #ECF5FF; font-size:9px; font-weight:bold; }
#table td{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:1px; font-size:10px; }

#table .back_Blue {background: #ECF5FF; } /*淡藍色*/
#table .back_Blue2 {background: #8AA9DB; color: #FFF} /*淡藍色x2*/
#table .back_Gray  {background:#F6F6F6; } /*淡灰色*/
#table .back_Gray2  {background: #999;  color: #FFF} /*淡灰色x2*/

/*多屬性表--------------------------------------------------------------------------*/
#table2 table{border:0; width:100%;}
#table2 {border-top: 1px solid #fff; border-right: 1px solid #fff; width:100%; }
#table2 td{border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-top:0; border-right:0; padding:3px; background:#FFFFFF}
#table2 .back_Blue {background: #ECF5FF; } /*淡藍色*/
#table2 .back_Gray  {background:#F6F6F6; } /*淡灰色*/

/*表單使用處: (web connector)+分類(WP_Products)*/



/*網站聯盟 (Web_Connection/select)*/
#tabb td{ padding:15px 1.5em 15px 0px; color:#4C4C4C;}
#tabb .bu { font-size:15px; color:#333333; border-bottom:2px dotted #999999;padding:5px 0px; margin-bottom:5px; font-weight:bold}
#tabb strong { color:#0066CC}
#tabb a,U {text-decoration: underline}
#tabb2 strong { color:#0066CC;}
#tabb2 a { text-decoration: underline}


/*pic_img3*/
#pic_img {margin-left:15px; margin-right:-30px; text-align:center}
#pic_img .back_Blue {background: #ECF5FF;} /*淡藍色*/
#pic_img .list {float:left; margin-bottom:30px; margin-right:15px;cursor:hand; text-align:center}



#main  { margin:5px 0px 15px 0px;}
#main .ma_d {margin:0px 0px 25px 0px; background: url(images/m_d.gif) left top no-repeat; width:315px; height:235px;}
#main .img1{ border:2px solid #ccc}
#main .b { font-size:15px; color: *#063}
#main  td{ color:*#666}
#main strong { color:#06F}


#myyDiv {
		overflow: hidden;
		width:675px;
		height:160px;
		border:1px solid #F00	;
		margin:5px 0px 15px 25px;
	}	
	#myyDiv img {
			height:110px;		
	}
	#myyDiv .div_style1 {
				font-size:12px; color:#CCC; text-align:center; 
	}
	#myyDiv .photo {padding:0px;}
	#myyDiv .phot { border:*1px solid #D5D0D4; margin:2px; background:#FFF; text-align:center}

    .vid {font-size:12px; color:#999999; height:30px; font-family:Arial, Helvetica, sans-serif; width:100%; text-align:center; padding-bottom:15px; }

#n1 {padding:5px 0px 15px 25px; margin:0;width:720px; border:*1px solid #D5D0D4}

#n1 .n2 {margin:2px 0px; padding:0px 0px; width:120px; float:left;  line-height:130%; border-bottom:*1px dotted #999999; overflow: hidden; }

#n1 .n3 {margin:2px 0px; padding:0px 0px; width:540px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; line-height:130%; border-bottom:*1px dotted #999999}

#n1 a { cursor:hand}

#profile { width:705px; border:*1px solid #F00; padding:5px 0px 0px 25px;}

#newproduct { width:700px; border:*1px solid #F00; margin:0px 0px 0px 19px}
#newproduct .pitem { float:left; width:85px; height:120px; margin:5px 6px 5px 5px; border:1px solid #CCC; text-align:center}
#newproduct .pitem DIV {text-align:center}
#newproduct img { width:80px; height:80px;}