
/*所有頁面統一-------------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; height: 100%; border:none;background:#ffffff url(images/top_dod.gif) left top repeat-x fixed}
/*背景body {	margin: 0px;} */
.body_ { color:#ffffff; }
/*文字*/td { font-size:15px; line-height:150%; font-family: "微軟正黑體"; color: #333} 
/*不可設定*/font {}
th { background:#FFCCCC}


/*連結預設*/A:link {text-decoration:none; color: #666666;}           
/*連結預設*/A:visited {text-decoration:none; color:#666666;}
/*連結預設*/A:active {text-decoration:none; color:#FF7D7D;}
/*連結預設-滑鼠移過*/A:hover { text-decoration: underline; color:#FF7D7D;}
/*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_body { height:96px; width:100%}
#top {height:96px;  width:100%; background:#FFFFFF; border-bottom:3px solid #DF1388; position:fixed; z-index:3333; overflow:hidden}

#icon { width:450px; position:absolute; z-index:2222; margin:42px 0px 0px 80px;  border:*1px solid #F00}
#icon a {font-weight:bold; color:#fff; font-size:19px}


/*頁尾*/
#add2 { 
	color:#fff; 
	background:url(images/add_dod.gif) left top repeat; 
	padding:20px 0px; 
	align:center; 
	width:100%; 
	overflow:hidden;
}
#add2 strong, b { color:#fff; line-height:100%;}
#add2 td {color:#fff;  font-size:13px;}
#add2 a {color:#fff;  font-size:13px;}




/*左選單設計-----------------------------------------------------------------------------------*/
.left_backg {background:#fff; width:165px; border:*1px solid #F00} /*左選單底色+寬度*/
#left {width:145px; margin:0px 0px 0px 0px} /**/
#left .left_1 { height:40px;}


/*右區塊範圍統一設定--------------------------------------------------------------------------*/
/*外框*/ .right_backg {width:838px;  background:#fff;}
/*內框*/ #right { margin:20px 20px 15px 20px;align:center; width:798px; border:*1px solid #F00	} 



/*第一層 大分類*/
#left .ourproduct{ background:*#006; text-align:left; padding:*5px 10px 5px 8px; border-bottom:*2px solid #fff; margin-top:*10px; height:1px; overflow:hidden}
#left .ourproduct2{background:*#006; text-align:left; padding:*5px 10px 5px 8px; border-bottom:*2px solid #fff; margin-top:*10px;height:1px; overflow:hidden}
#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 .class1{ background: url(images/left_li.gif) left 5px no-repeat; text-align:left; padding:3px 10px; border-top:1px dotted #999999;}
#left .class12{ background:#E7346B; text-align:left; padding:3px 10px; border-top:1px dotted #999999;}
#left A.B{  color:#525252; font-weight:bold;} 
#left A.B2{  color:#fff; font-weight:bold; font-size:15px}      
/*#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: *#E4E0FE;padding:3px 10px 2px 15px;border-bottom:1px solid #fff; background:url(images/left_li2.gif) left center no-repeat;margin-left:15px; line-height:normal}
#left .class22{ background:*#E4E0FE;padding:3px 10px 2px 15px;border-bottom:1px solid #fff;background:url(images/left_li2.gif) left center no-repeat;margin-left:15px; line-height:normal}
#left A.C{  color: #666666; }   
#left A.C2 {  color: #E7346B; font-weight:bold;}      



/*另外新增的按鈕*/
#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: #CCCCCC; margin-bottom:*15px; margin-top:35px; text-align:right; position:absolute; width:798px; text-align:right}
#path a{ color:#CCCCCC;}

/*標題設定------------------------------------------------------------------------------------*/
h1 {font-size: 20px; font-weight: bold; margin:0px 0px 15px 0px; padding:33px 0px 5px 15px; border-bottom:1px dotted #ccc; background: url(images/bute_d.png) left top no-repeat; color:#857965}
h4 {font-size: 20px; font-weight: bold; margin:0px 0px 15px 0px;  padding:33px 0px 5px 15px; border-bottom:*1px dotted #ccc; background: url(images/bute_d.png) left top no-repeat; color:#857965 }
h2 {font-size: 15px; font-weight: bold; margin:0px;}
h3 {font-size: 15px; color:#0066CC; font-weight: bold; margin:0px;}



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


/*產品版說明文*/
/*#context ul{padding:0px 0px 15px 20px; margin:0px}
#context ol{padding:0px 0px 15px 35px; margin:0px} */
#context  ul, ol{margin:0px 0px 15px 20px ; padding:0px}
#context  li { margin-left:15px; padding:0px}
#context p {padding:0px; margin:0px}
#context strong, b {color:#FF7D7D; font-size:16px;}



/*活動剪影下拉選單*/
#pro_select { text-align:right; margin-bottom:10px}
#pro_select span{}


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

/*圖有框*/    #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;} 



/*各頁按鈕上下距離*/
#class_icon {margin:15px 0px; text-align:center}
/*粉紅*/.icon {background: #F66; 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%; border-left:0px; border-bottom:0px}
#table th{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:3px; background: #FFCCCC}
#table td{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:3px;}





/*網站聯盟 (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}

/*分類landersound-tail*/
#cate_pic .pic { float:left;width:200px; padding:10px; margin:0px 0px 25px 0px ; background: #FFF3E7; border:1px solid #FFDBDB}
#cate_pic .pic1 { float:left;width:200px; padding:10px; margin:0px 45px 25px 45px; background:#FFF3E7; border: 1px solid #FFDBDB}





/*首頁下方 三主題*/
#news { background:url(images/m_news.jpg) left top no-repeat; width:458px;  height:180px;  border:*1px solid #F00}
#news .marg {padding:45px 0px 10px 25px; width:400px; overflow:hidden; border:*1px solid #F00;}
#news .more a{ position:absolute; width:30px; margin:15px 0px 0px 390px; color: #FF7D7D; text-decoration:underline; border:*1px solid #ccc}

#contact { background:url(images/m_contact.jpg) left top no-repeat; width:315px; height:180px;  border:*1px solid #F00}
#contact .marg {padding:45px 0px 10px 25px; width:300px; overflow:hidden; border:*1px solid #F00; }

#pic_pic {background:url(images/m_pic.jpg) left top no-repeat; width:775px; height:186px;  border:*1px solid #F00}
#pic_pic .marg {padding:50px 0px 0px 25px; width:730px; overflow:hidden; border:*1px solid #F00; }
#pic_pic img { margin:0px 15px; border:1px solid #CCC; padding:2px; height:110px}





#main { padding:18px 0px; background:#FFF;}

#myyDiv {
		overflow: hidden;
		width:492px;
		height:104px;		
	}	
	#myyDiv img {
			height:104px; padding-right:10px
	}



