@charset "big5";
/* CSS Document */
HTML{margin:0; padding:0; text-align:center; background:#fff;}
body{
	margin:0;
	padding:0;
	text-align:center;
	color: #484848;
	text-decoration: none;
	font: 95% sans-serif, 新細明體;
	letter-spacing: 1px;
}
IMG {
	border: none;
}
p {margin-top: 0.5em; margin-bottom: 0.9em; font-size: 12px;}
Input.normal{
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	height: 21px;
	background-image: url(../imgs/btn_off.gif);
	background-repeat: repeat-x;
	border: 1px solid #666;
}
FORM {margin:0px;}
/******* 連結反映樣式 *******/

a:link, a:visited{
	color: #0072bc;
	text-decoration: none;
}

a:hover{
	color:#FF9900;
	text-decoration: underline;
}
P.linkmenu a:active,P.linkmenu a:onfocus,P.linkmenu a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #88CBDC;
	padding: 3px;
}
/************** 標題樣式設定**************/

h1{
 font: Arial,sans-serif;
 color: #CC0000;
 margin-left: 10px;
 padding: 0px;
 font-size: 30px;
}

h2{
 font: Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 font-size: 20px;
 font-weight: bold;
}

h3{
	color: #2244ff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

h4{
 font: bold 12px Arial,sans-serif;
 color: #0033CC;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 15px Arial,sans-serif;
 color: #FF641A;
 margin-left: 10px;
 padding: 0px;
}
h6{
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #356F7B;
	margin:0px;
	margin-bottom:5px;
}
/************** ad-text **************/
#ad-text {
	margin:0;
	text-align: center;
}
ul#ad-text li {
	display:inline;
	clear:both;
	margin:0;
	white-space:nowrap;
	font-size:15px;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 0;
}
#ad-text li A:link {
color:#F00;
}
#ad-text li A:visited {
color: #939;
}
#ad-text li A:active, #ad-text li A:hover {
color: #f60;
}
#ad-text li A:link, #ad-text li A:visited {
text-decoration:none;
}
#ad-text li A:active, #ad-text li A:hover {
text-decoration: underline;
}

/************** Layout **************/
#container {
	position:relative;
	width:962px;
	z-index:0;
	background-image: url(../imgs/main_bg.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
}
#backhome{ position:absolute; top:5px;width:940px;font-size: 12px;text-align: right;margin-right: 10px;	margin-left: 10px;line-height: 22px;height:22px;color: #FFF;}
#backhome a{
	color: #FFF;
}

#searchbar{
	background-image: url(../imgs/top.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 64px;
	width: 962px;
}
#searchbar IMG{
    float: right;
	margin-top:15px;
	margin-right:10px;
	margin-left:10px;
	line-height:64px;
	}
#maincont{
	float: left;
	width:680px;
	text-align: left;
	margin-left:7px;
	clear: both;display:inline;
}
#centerList{
	float: left;
	width: 525px;
	text-align: left;
	margin-left: 10px;
	display:inline;
}
#rightside{
	float: left;
	width:255px;
	padding: 0px;
	font: small Verdana,sans-serif;
	margin-left:7px;
	display:inline;
}
#footer {
	border-top:1px solid #ccc;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

/************** Table styles **************/
Table p { margin:0px; margin-bottom:10px;}
Table.spec,Table.border {
	text-align: left;
	width: 100%;
	font-size: 15px;
	line-height:25px;
	color: #555555;
	padding: 5px;
	border-collapse:collapse;
	word-wrap:break-word;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
Table.spec2 {
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 13px;
	color: #333333;
	border-collapse:collapse;
	word-wrap:break-word;
}
#showintro{width:680px;}
Table.spec UL{margin:0px; padding:0px;}
Table.spec LI{
	background-image:url(../imgs/Mobile/style/list_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 3px;
	word-break : keep-all;
	clear: left;
	font-size: 12px;
}
Table.spec TH,Table.spec TD,Table.border TH{height: 30px; border: 0px ;padding: 5px;border-right: 1px solid #FFF; border-top: 1px solid #FFF;}
Table.spec TH{
	color: #FF6600;
	font-size: 15px;
}
TH.cont-l,TD.cont-l{
	height: 30px;
	text-align:left;
	letter-spacing: 1px;
	border-bottom:1px solid #DDD;
	padding-right: 5px;
	padding-left: 5px;
	line-height:22px;
}
TH.cont-l h4,TD.cont-l h4,TH.cont-c h4,TD.cont-c h4{
	font-size:15px;
	font-weight:bold;
	color:#003366;
	display:block;
	float:left;
}
TH.cont-c,TD.cont-c{
	line-height:22px;
	height: 30px;
	border-bottom:1px solid #DDD;
	text-align:center;
	letter-spacing: 1px;
}
TD.cont-m p{ font-size:15px;line-height:28px; display:block; width:95%; margin-left:2%;}
TD.cont-m {border-bottom:1px solid #DDD; }
Table Tr.bar,Table Tr.tHeader1{
	background-image: url(../imgs/table-bar.jpg);
	background-repeat: repeat-x;
	line-height: 18px;
	text-align: center;
	color: #444;
	font-size: 12px;
}
TH.bar-c,TD.bar-c{
	height: 30px;
	border:1px #79bdd0 solid;
	border-bottom:1px solid #79bdd0;
	text-align:center;
	letter-spacing: 1px;
	padding:2px;
}
TH.bar-l,TD.bar-l{
	height: 30px;
	border:1px #79bdd0 solid;
	border-bottom:1px solid #79bdd0;
	text-align:left;
	letter-spacing: 1px;
	padding:2px 5px 2px 5px;
}
Table Tr.btmdotted{ line-height: 22px;}
Table.spec3 {
	text-align: left;
	width: 675px;
	font-size: 12px;
	color: #000000;
	padding: 0px; border-collapse:collapse;
	word-wrap:break-word;
}
Table.spec3 H3{
	color: #006699;
}
Table.spec3 TD{height: 30px; border: 0px ;padding: 4px 0px 4px 0px; border-bottom: 1px dotted #AAA;}

/************* 通用 styles ****************/
div.spacer {clear:both; height:10px; font-size:0; line-height:0;}
div.spacer2 {clear:both; height:5px; font-size:0; line-height:0;}
div.clear {
	clear:both;
}
.greenborder{
	width: 525px;
	float: left;
	margin: 0px 0px 5px 0px;
	clear:both;
	background-image: url(../imgs/nav_hr.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
.greenborder ul.rank{
    clear:both; 
	list-style-position: outside;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.greenborder ul.rank li {
	display: inline-block;
	width: 47%;
	height: 20px;
	float: left;
	list-style-position: inside;
	font-size: 12px;
	color: #333333;
	margin: 2px;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
}
.greenboder P {
	margin-right: 10px;
	margin-left: 10px;
	}
/*報價館*/
.alllist{
	width: 680px;
	float: left;
	margin: 0px 0px 5px 0px;
	clear:both;
	background-image: url(../imgs/nav_hr.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
.alllist ul.rank{
    clear:both; 
	list-style-position: outside;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.alllist ul.rank li {
	display: inline-block;
	width: 47%;
	height: 20px;
	float: left;
	list-style-position: inside;
	font-size: 12px;
	color: #333333;
	margin: 2px;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
}



div.main{
	border: 1px solid #CCCCCC;
	width: 680px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.intro{
	width: 680px;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear:left;
}

div.stylebg{
	width: 525px;
	height: 207px;
	background-image: url(../imgs/Mobile/style/stylebg_02.jpg);
	background-repeat: no-repeat;
	text-align:center;
}
div.stylebg2{
	width: 680px;
	height: 200px;
	background-image: url(../imgs/style/stylebg2.gif);
	padding:0;
	background-position: center;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
a.trace{
	background-image: url(../imgs/style/btn_trace.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 100px;
	display: block;
	float: left;
}
a.pk{
	background-image: url(../imgs/style/btn_pk.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 150px;
	display: block;
	float: left;
}

/************* font-color styles ****************/
.fontred{ color: #b72b18;}
.navy{ color: #0066CC;}

/*************熱門關鍵字styles ****************/

a:active.fontred2,a:hover.fontred2,a:visited.fontred2{
	color: #FF0000;
	font-weight: bold;
	padding: 2px;}
a:active.fontpink,a:hover.fontpink,a:visited.fontpink{
	color: #FF0066;padding: 2px;
}
a.fontgreen,a:active.fontgreen,a:hover.fontgreen,a:visited.fontgreen{
	color: #009999;
	font-size: 12px;
	padding: 2px;
}
a.fontorange,a:active.fontorange,a:hover.fontorange,a:visited.fontorange{
	color: #FF6600;
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
}
a.fontblue,a:active.fontblue,a:hover.fontblue,a:visited.fontblue{
	color: #0000CC;
	font-size: 12px;
	padding: 2px;
}
/************* globalNav styles ****************/

#masthead{
    clear:both;
	width:962px;
	height:25px;
	background-color: #4fabc4;
}
#masthead IMG{
	float:left;
}

#globalLink{
	width: 960px;
	height:27px;
	font: 85% sans-serif, 新細明體;
	background-color: #4fabc4;
}
a.glinkclick,a.glinkclick:visited,.glinkclick:hover{
	font-family: sans-serif, "新細明體";
	font-size:12px;
	display: block;
	padding: 7px 15px 4px 15px;
	color: #333;
	text-align: center;
	float: left;
	background-color: #FFCC00;
	font-weight: bold;
	background-image: url(../imgs/Mobile/style/sublink_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: scroll;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #747474;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFD942;
}
a.glink,a.glink:visited,a.glink:hover{
    font-family: sans-serif, "新細明體";
	font-size:12px;
	display: block;
    padding: 7px 15px 4px 15px;
	color: #FFF;
	text-align: center;
	float: left;
	vertical-align: middle;
	background-color: #4fabc4;
}
.glink {
    font-family: sans-serif, "新細明體";
	font-size:12px;
	display: block;
    padding: 7px 0px 4px 0px;
	color: #4fabc4;
	text-align: center;
	float: left;
	vertical-align: middle;
	background-color: #4fabc4;
}
a.glink:hover{
	text-decoration: underline;
}

/************* subNav styles ****************/

#subLink{
	clear:both;
	width: 962px;
	height: 25px;
	background-color:#FFCC00;
	font-family: sans-serif, "新細明體";
	font-size:12px;
}
a.slinkclick,a.slinkclick:visited,.slinkclick:hover{
	font-family: sans-serif, "新細明體";
	font-size:12px;
	display: block;
	color: #333;
	text-align: center;
	float: left;
	background-color: #FFCC00;
	font-weight: bold;
	background-image: url(../imgs/Mobile/style/sublink_bg_2.gif);
	background-position: center top;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	background-repeat: no-repeat;
}
a.slink,a.slink:visited,a.slink:hover{
	font-family: sans-serif, "新細明體";
	font-size:12px;
	color: #333;
	text-align: center;
	float: left;
	vertical-align: middle;
	background-color: #FFCC00;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	display: block;
}
.slink {
	font-family: sans-serif, "新細明體";
	font-size:12px;
	color:#FFCC00;
	text-align: center;
	float: left;
	vertical-align: middle;
	background-color: #FFCC00;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	display: block;
}
a.slink:hover{
	text-decoration: underline;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 40px;
	right: 304px;
	z-index: 101;
	width: 500px;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;	
}

#search a:hover{
	margin: 0px;
}
/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 0px;
	font: 12px Verdana,sans-serif;
	color: #666666;
	text-align: left;
	background-color: #e7e7e7;
	width: 100%px;	
}
#breadCrumb IMG{ margin-left:10px;}
#breadCrumb a{
	color: #666666;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}
/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	text-align: left;
}

#pageName h2{
	font: bold 22px Arial,sans-serif;
	color: #0066CC;
	margin:0px;
	padding: 0px;
}

/************* indexborder styles ***************/
div.indexborder{
	border: 1px solid #FFCC00;
	width: 525px;
	float: left;
	height: 800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

/*****產品頁******/
#mainproduct{
	background-position: center;
	width: 270px;
	float:left;
	margin-left:0px;
}
#mainproduct strong{
	color: #003399;
	font-size: 18px;
}
.L{
	width: 250px;
	display: block;
	border: 1px solid #CCC;
	text-align: center;
}
.L IMG{margin: 10px;}

/****新版九宮格****/
#subproduct{
	float:right;
	width: 390px;
	}
#subproduct .title{
    float:left;
	color: #003399;
	}
#subproduct .btn {
	float:right;
	}
.subproduct{
	width: 390px;
	height:150px;
	background-color:#f5f5f5;
	margin-bottom:5px;
	clear:both;
	border: 1px solid #cdcdcd;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.S{
	width: 150px;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	float:left;
	text-align: center;
	margin-left: 9px;
	}
.S IMG {margin-top:5px;}
.S p{margin:5px;}
.dot{
	background-image: url(../imgs/Mobile/style/dot.gif);
	background-repeat: repeat-x;
	width: 100%;
}



/*************subArtical styles ***************/

.subArtical{
	float: left;
	width: 345px;
	position: relative;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.subLink{
	clear:both;
	text-align: justify;
	margin-top:5px;
}
.subLink LI{
	list-style-type: square;
	margin-left: 20px;
	list-style-position: outside;
}

/*************productTab styles ***************/
#productTab { border-bottom: 1px solid #AAA;}
#productTab a{
	float: left;
	padding: 3px 15px 3px 15px;
	margin:0;
	background-color: #666666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #666;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
}
#productTab span.click{
	float: left;
	padding: 3px 15px 3px 15px;
	margin:0;
	background-color: #FFF;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	display: block;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}
#productTab a.pkbtn, #productTab a:visited.pkbtn{
	padding: 5px 8px 5px 8px;
	background-color: #CC0066;
	display: block;
	width: 80px;
	position: absolute;
	left: 500px;
	text-align: center;
	color: #FFFFFF;
}

#prductIntro{
	text-align: left;
	width: 100%;
	color: #313131;
	line-height: 22px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 20px;
	padding-bottom: 0px;
}
#prductIntro .ad , .intro .ad , #maincont .ad{
	background-color: #f5f5f5;
	clear: both;
	float: left;
	border: 1px solid #c8c8c8;
	text-align:center;
	width: 100%;
	padding:5px 0px 5px 0px;
	background-image: url(../imgs/Mobile/icon/ad.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#prductIntro .ad .title , .intro .ad .title, #maincont .ad .title{
	float: left;
	margin-left: 5px;
	color: #999999;
	font-size: 12px;
	line-height: 20px;
	display: block;
}
#prductIntro .ad .adcont , .intro .ad .adcont ,#maincont .ad .adcont{
	margin-left: auto;
	color: #999999;
	font-size: 12px;
	line-height: 20px;
	width: 525px;
	margin-top: 5px;
	margin-right: auto;
	padding:0px;
}
#story {
	width: 97%;
	letter-spacing: 1px;
	text-align: left;
	word-break : normal;
	float: left;
	margin-left:5px;
	line-height:25px;
	
}

#story h3{
	font: bold 18px Arial,sans-serif;
	color: #006699;
	border-bottom: 1px dotted #006699;
}

#story h5{
 font: 15px Arial,sans-serif;
 color: #FF641A;
 margin: 0px;
 padding: 0px;
}

#story p {
	font-size: 15px;
	padding: 0px 0px 10px 0px;
	line-height: 24px;
}
.story{width: 600px; margin-left: 20px} 

/************* relatedLinks styles **************/

.relatedLinks,.tabLinks{
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #DDD;
	line-height: 20px;
}

.relatedLinks H3,.relatedLinks strong,.tabLinks strong{
	color: #444;
	font-size: 13px;
	display:block;
	font-weight: bold;
	text-indent: 7px;
	background-image: url(../imgs/bar_bg.jpg);
	height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 7px;
}
.relatedLinks P{ color: #7F7F7F;}
.relatedLinks a:link, .relatedLinks a:hover, .relatedLinks a:acive, .relatedLinks a:visited{
	font-size: 12px;
	color: #0072bc;
}
.relatedbox{
	padding: 7px;
	border: 1px solid #cbcbcb;
	border-top:none;
	font-size: 9pt;
	background-color: #F7F7F7;
}
.relatedbox Img { margin:3px;}
.relatedbox p {
	clear: both;
	color: #484848;
}
.relatedbox a:link, .relatedbox a:hover, .relatedbox a:acive, .relatedbox a:visited{
	font-size: 12px;
	color: #0072bc;
}
.relatedbox UL{
	padding-top:0px;
	margin-top:0px;
	margin-left: 5px;
	padding-left:10px;
}
.relatedbox LI{
	list-style-image: url(../imgs/item.gif);
	list-style-type: none;
	line-height: 22px;
	list-style-position: outside;
	padding:0px;
}
/************* leftlist styles **************/
#leftlist{
	float: left;
	width: 140px;
	text-align: left;
	clear: both;
}
#leftlist h3{
	line-height:30px;
	color: #333;
	font-size: 13px;
	display:block;
	font-weight: bold;
	background-repeat: repeat-x;
	text-align: center;
	background-image: url(../imgs/Mobile/style/leftbar_bg.jpg);
}
#leftlist h4{
    padding: 10px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	margin-left: 5px;
}
#leftlist P {
	line-height: 22px;
	margin-left: 5px;
	color: 000;
}
#leftlist a {
	color: #0072bc;
}
#SHOP_leftlist{
	float: left;
	width: 155px;
	text-align: left;
	clear: both;
}
#SHOP_leftlist h3{
	padding: 8px 0px 2px 0px;
	color: #333;
	font-size: 13px;
	display:block;
	padding-bottom: 5px;
	font-weight: bold;
	background-repeat: repeat-x;
	text-align: center;
	background-image: url(../imgs/Mobile/style/SHOP_leftbar_bg.jpg);
}
#SHOP_leftlist P {
	line-height: 22px;
	margin-left: 5px;
	color: 000;
}
#SHOP_leftlist UL.arrow {
	list-style-image:url(../imgs/Mobile/style/item.gif);
	font-size: 12px;
	list-style-position: outside;
	line-height: 22px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/************* productList styles **************/

form.centerMenu{
	position: relative;
	z-index: 101;
	width: 250px;
	float: left;
	display: block;
	margin:0;
	padding:0;
}
.product{
	width:100%;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom:5px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.product P{ margin-left:10px; margin-bottom:0px;}
.product .shopimg{
	margin: 5px;
	padding: 0px;
	height: 100px;
	width: 100px;
	text-align: center;
	float: left;
	}
.product .R{ width:75%; float:left; text-align:left; margin-left:5px; }
.product .R .item ,.productintro .R .item{
	float:left;
	font-size: 12px;
	line-height: 20px;
	margin-top:5px;
	margin-bottom:5px;
}
.product .R P {clear:left; margin-top:3px; margin-bottom:3px;}
.product UL {
    width:100%;
    margin: 0px;
    padding: 0px;
}
.productintro UL {
    width:540px;
    margin: 0px;
    padding: 0px;
}
.product LI, .productintro LI {
	list-style-position: outside;
	font-size: 12px;
	line-height: 20px;
	display: block;
	text-align: left;
	margin-left: 0px;
}
.product LI span.list , .productintro LI span.list{
	font-weight: bold; 
	background-image:url(../imgs/Mobile/style/list_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	color:#333;}
.product LI span.hide ,.productintro LI span.hide{color:#333333;}
.productNoneline{ padding: 7px;	margin-left:30px; height:100px; }
.product H4{
	font-size: 15px;
	margin-top: 10px;
}

/************* productintro styles **************/
/************* 產品頁面用 styles **************/
.productintro{ text-align:left; }
.productintro IMG {
    float: left;
	margin: 10px 20px 20px 10px;
	}
.productintro H3{
	font-size: 20px;
	color: #003399;
	float: left;
	display: block;
	margin-right: 10px;
}

/************* Menu styles **************/
Div.ML{ margin-left: 0px}
UL.menu {padding: 0;margin: 0;list-style-type:none;white-space:nowrap;float: left;display: block;max-width: 680px;}
UL.menu li {margin: 0;padding: 0;float:left;display: block;}
UL.menu strong {position:relative;display:block; text-decoration:none;  float:left; }
UL.menu strong{
	position:relative;
	display:block;
	text-decoration:none;
	float:left;
	display:block;
	color:#666;
	text-align:center;
	cursor:pointer;
	font-size: 12px;
	height:18px;
	line-height: 18px;
	background-image: url(../imgs/nav_top.jpg);
	padding-top: 9px;
	}

UL.menu a{
	position:relative;
	display:block;
	text-decoration:none;
	float:left;
	display:block;
	color:#666;
	text-align:center;
	cursor:pointer;
	font-size: 12px;
	padding-right:5px;
	padding-left:5px;
	height:27px;
	line-height: 27px;
	background-image: url(../imgs/nav_top.jpg);
	background-repeat:repeat-x;
	margin-left:1px;
	margin-right:1px;
	border-bottom:1px #e1e1e1 solid;
	}
UL.menu .big a {
	position:relative;
	display:block;
	text-decoration:none;
	float:left;
	display:block;
	color:#333;
	text-align:center;
	cursor:pointer;
	font-size: 12px;
	width: 170px;
	height:20px;
	line-height: 20px;
	background-image: url(../imgs/Mobile/style/nav_top_b.jpg);
	padding-top: 7px;
	}
UL.menu .big a:hover {
	font-size: 13px;
	text-decoration: underline;
	background-image: url(../imgs/Mobile/style/nav_top_over_b.jpg);
	height:20px;
	padding-top: 7px;
	font-weight: bold;
	}
UL.menu a:visited {
	color:#666;
}
UL.menu a em {display:none;}
/*UL.menu a:hover {
	font-size: 12px;
	text-decoration: underline;
	background-image: url(../imgs/Mobile/style/nav_top_over.jpg);
	height:20px;
	padding-top: 7px;
	font-weight: bold;
}*/
UL.menu a:active span, UL.menu a:hover span {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
LI.menuclick span, LI.menuclick strong{position:relative;display:block; text-decoration:none;float:left;margin: 0px;padding: 0px;}
LI.menuclick span, LI.menuclick strong{
	display:block;
	color:#444;
	text-align:center;
	cursor:pointer;
	font-size: 12px;
	padding-right:10px;
	padding-left:10px;
	height:27px;
	line-height: 27px;
	vertical-align: middle;
	background-image: url(../imgs/nav_top_over.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #79bdd0;
	border-bottom:0px;
}

/************* productPm styles **************/
#productPm{
	width: 525px;
	height:220px;
	margin-bottom:10px;
	padding:0px;
	text-align: left;
	clear:both;
}
#productPm .R{float:right; width:77%;}
#productPm H3 {
	font-size: 20px;
	color: #003399;
	float: left;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	}
#productPm .item{
	font-size:12px;
}
#productPm .item .list {
	font-weight: bold; 
	background-image:url(../imgs/Mobile/style/list_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;

}
#productPm .item .hide {
	color:#484848;
	}
#productPm UL{padding:0px; margin:0px;}
#productPm .item LI {
	font-size: 12px;
	line-height: 20px;
	display: block;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
	list-style-position: outside;
	}
#productPm2{
	width: 680px;
	margin:0;
	text-align: left;
	color: #333333;
	position: relative;
	height: 265px;
	background-color: #F3F3F3;
	clear: both;
}
#productPm2 H3{
	background-repeat: repeat-x;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#productPm H4{
	margin-top: 10px;
	font-size: 18px;
}
#productPm2 H4{
	font-size: 20px;
	margin-top: 10px;
}
#productPm P,#productPm2 P{
	line-height: 18px;
	font-size: 15px;
	word-break : normal;
	margin-right:5px;
}
#productPm IMG,#productPm2 IMG{
	float: left;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}
#productPm2 IMG.PS{ width: 300px; height: 225px; border: 1px solid #E4E4E4; margin-right:10px;}

#productPm2 a:link, #productPm2 a:visited{
	color: #0072bc;
}
/************* newproduct styles **************/

#centerList .newproduct,#centerList .newproduct2 {
	float: left;
	width: 160px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #d3d3d3;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.newproduct,.newproduct2,.newproduct3{
	float: left;
	width: 155px;
	height: 180px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #d3d3d3;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.newproduct2{}
.newproduct3{ }
.newproduct P,.newproduct2 P,.newproduct3 P{ margin:3px; line-height:12px;}
.newproduct IMG,.newproduct2 IMG,.newproduct3 IMG{ margin:3px;}
.newproduct h3,.newproduct2 H3,.newproduct3 H3{
	font-size: 12px; color:#333333;
}

/************* relatedAritical styles **************/
.relatedAritical{
	text-align: left;
	padding: 10px;
}
.relatedAritical LI{
	line-height: 28px;
}
.relatedAritical .plus{
	font-size: 12px;
	margin-left: 5px;
}
.relatedAritical .cast1{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}
.relatedAritical .cast2{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #990000;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}
.relatedAritical .cast3{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #9ABBDC;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}
.relatedAritical .cast4{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FFA688;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}
.relatedAritical .cast5{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FF6F9D;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}
.relatedAritical .cast6{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FF3366;
	margin-right:5px;
	padding: 1px 2px 1px 2px;
}


/************* brandList styles **************/
#brandList{
	font-size: 15px;
	width: 90%;
	height: 100%
	margin-left: 30px;
	padding: 10px;
}
#brandList a.headernav {text-decoration: underline; margin-left: 8px; }

#brandList H3{
	float: left;
	width: 15%;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
	margin-bottom: 15px;
}
#brandList Hr{
	width: 100%;
	float: left;
}
#brandList UL{
	float: left;
	width: 85%;
	margin: 0; padding-bottom:10px;
}
#brandList LI {
	height: 20px;
	width: 170px;
	padding: 3px;
	float: left;
	list-style-type: none;
}
#brandList LI a{text-decoration: underline;}

/********** 產品比較使用************/
/******* PK styles *******/
#PK{ font-size: 12px;}
#PK H3{
	color: #0072bc;
	font-size: 12px;
	background-image: url(../imgs/style/tri_pointer4.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 1em;
	margin-left: 10px;
	padding: 8px 3px;
}
#PK .btng{ 
    float: right;
	margin: 20px 8px 20px 0px;
	}
#PK select{
	border: 2px solid #FFFFFF;
	margin: 20px 8px 20px 8px;
	}
#PK fieldset{
	border:0px;
	background-color: #ececec;
	height: 60px;
	margin: 0px;
	padding: 0px;
	background-image: url(../imgs/style/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
#PK #hd{
	background-image: url(../imgs/style/hd_01.gif);
	width: 675px;
	margin-top: 10px;
	background-repeat: no-repeat;
}
#PK #md{
    width: 675px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

#PK .list UL{
	margin: 0px;
	padding: 0px;
	}
#PK .list LI{
	list-style-type: none;
	color: #444;
	margin: 0px;
	padding: 0px;
	zoom: 100%;
	clear: both;
	background-image: url(../imgs/style/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 120px;
}

#PK Label{
	width: 100px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 10px;
}
#PK cite{
	font-style: normal;
}
Div.score p{
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
Div.score blockquote{
    color: #666;
	margin: 0px; padding: 0px;
	line-height: 18px;
}


/********** 產品寫真使用************/
/******* relatedPict styles *******/
Div #relatedPict{ text-align:center;}
Div.relatedPict { border-top: 1px solid #CCC; border-bottom: 1px solid #AAA;}
Div.relatedPict IMG{
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	padding: 2px;
}

/**********產品排行***********/
/*******rank styles **********/
Div#rank{
   padding: 10px;
   }
Div#rank H3 {
	color:#0072bc;
	border:1px solid #ccc;
	margin-bottom:5px;
	background-image: url(../imgs/style/bg_stripe.gif);
}
Div.rank{
	width: 100px;
	float: left;
	text-align: center;
	font-size: 12px;
	margin: 10px;
}
Div.rank IMG{ margin: 5px;}

/************* 論壇使用 **************/
/************* read styles **************/

H2.articalTitle{
	font-size: 20px;
	color: #0066CC;
	margin-left: 15px;
	display: block;
	width: 660px;
}
Div.dottedBorder{width: 680px;}
Div.management{
	background-image: url(../imgs/style/tra.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 680px;
	height:60px;
	min-height: 50px;
	max-height: 100px;
	display: block;
	border: 1px solid #000;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear:both;
}
Div.management p{ margin-top: 20px; margin-left: 10px;	line-height: 22px;}
Div.management Input{
    margin-top: 15px;
	margin-left:5px;
	padding: 0px;
	color: #0066CC;
	height: 25px;
	background-color: transparent;
}

Div.blockF{width: 100%; clear: both; background-image: url(../imgs/nav_hr.jpg);
	background-repeat: repeat-x;}
#listA{font-size: 12px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px;}
UL.inline {
	margin-top: 7px;
	margin-left: 0px;
}
UL.inline LI{display: inline; padding:0px 4px;}
Div.forum{
	width: 675px;
	text-align: left;
	clear: both;
    border-bottom: 1px solid #CCCCCC;
	clear:both;
	height:85px;
	padding-top:10px;
	padding-bottom:10px;
}
Div.forum H3{ margin-top: 0px; color: #006699;font-size: 18px; margin-bottom:5px;} 
Div.forum H4{
	margin-top: 7px;
	font-size: 15px;
	float: left;
	margin-bottom: 3px;
	display: block;
} 
Div.forum H5{
	font-size: 12px;
	color: #666666;
	margin-top: 9px;
	font-weight: normal;
	margin-bottom: 6px;
	display: block;
	float: left;
} 
Div.forum UL{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 80%;
	float: left;
}
Div.forum LI {
	background-image: url(../imgs/Mobile/style/list_bg.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding-left: 10px;
	background-position: left center;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	font-size: 13px;

}
Div.forum IMG, .column IMG{float: left;margin:0px 10px 10px 0px;}
Div.forum P , .column P{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	font-size: 13px;
	line-height:18px;
	color: #444;
	float:left;
	margin-bottom:0px;
	display: block;
	width: 80%;
}
Div.forum .content{
	font-size:12px;
	line-height:17px;
	color:#333333;
	margin-top: 0px;
	display: block;
	width: 80%;
	float: left;
}
Div.read{
	list-style-type: none;
	text-align: left;
	line-height: 22px;
	width:680px;
	margin-bottom: 5px;
	float: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
Div.read IMG{ margin:10px 10px 0px 20px;}
Div.imgleft{float:left;}
Div.read P{line-height: 18px;}
Div.read strong{ line-height: 30px;}
.btn{
	padding: 0;
	margin: 0;
	list-style-type:none;
	display: block;
	float: left;
}
.btn LI.btn1,.btn LI.btn2,.btn LI.btn3 {float: left;height: 20px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;list-style-type:none;display: block;margin-right: 2px;}
.btn LI.btn0{font-size: 12px; color: #06F; display: block;width: 90px;float: left;}
.btn LI.btn1{
	background-image: url(../imgs/Mobile/style/btn1.gif);
	width: 35px;
}
.btn LI.btn1 a{
	color:#FFFFFF;
}
.btn LI.btn2{
	background-image: url(../imgs/Mobile/style/btn2.gif);
	width: 58px;
}
.btn LI.btn2 a{
	color:#FFFFFF;
}
.btn LI.btn3 a{
	background-image: url(../imgs/Mobile/style/btn3.gif);
	width: 90px;
	color:#FFFFFF;
	display: block;
	float: left;
}
.quote{
	width: 100%;
	font-size: 12px;
	color: #666;
	background-color: #F9F9F9;
	padding: 8px;
	border: 1px dotted #CCC;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 18px;
}
.cont{
	width: 640px;
	color: #525252;
	line-height: 28px;
	margin-top: 7px;
	margin-left:20px;
	margin-bottom: 15px;
	padding:0px;
	display: block;
	word-wrap:break-word;
	letter-spacing: 1px;
}
.gray{
	width: 640px;
	font-size:12px;
	color: #787878;
	line-height: 20px;
	margin-top: 5px;
	padding:5px;
	display: block;
	word-wrap:break-word;
	letter-spacing: 1px;
	border: 1px dotted #CCCCCC;
	background-color: #F6F6F6;
}

/** page style**/
.page{
	text-align:right;
	font-size: 12px;
	width:100%;
	height:21px;
}
.page a{font-size: 12px;color: #039;text-decoration: none;background-color: #e9e9e9;padding: 2px 4px 2px 4px;border-bottom: 1px solid #CCC;}
.page .on{
	background-color: #91CEE0;
	color: #333333;
	padding: 2px 4px 2px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #46ACCA;
	} 
.page a:hover, .page a:active {	border-bottom: 1px solid #999;}

/** page2 style**/
.page2{
	text-align:right;
	font-size: 12px;
	width:530px;
	height:21px;
}
.page2 a:link, .page2 a:visited{
	font-size: 12px;
	color: #0066CC;
	padding: 2px;
	text-decoration: none;
}
.page2 .on{
	background-color: #FFCC00;
	color: #333333;
	padding: 0px 2px 0px 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCE3C;
	border-right-color: #DBA500;
	border-bottom-color: #DBA500;
	border-left-color: #FFCE3C;
} 
.page2 a:hover, .page2 a:active { color: #6633CC;text-decoration: underline;}


.pictpack{width: 100%;}
.pict1, .pict2{float:left;font-size: 12px;height: 136px;width: 118px;margin : 5px 5px;}
.pict1 IMG, .pict2 IMG{margin: -5px 5px 5px 5px;}
.pict1{border: 1px solid #999999;background-repeat: no-repeat;}
.pict2{border: 1px solid #e9e9e9;background-repeat: no-repeat;}
.adminfont{margin-top: -6px;font-size: 12px; color: #06F; margin-left:20px;}
.adminfont a{background-color: #e9e9e9;}
.black {
	font-size: 12px;
	color: #003F7D;
	text-decoration: none;
	margin-top: -6px;
}
.black2 {font-size: 12px;color: #000000;text-decoration: none;margin-top: -6px; margin-left: 15px;}
.tag a:link, .tag a:active, .tag a:visited{font-size: 10px;color: #666666;}

/** 索引標籤topicTab styles **/
#topictab{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
#topictab a{
	float: left;
	padding: 3px 8px 3px 8px;
	margin:0;
	word-break : keep-all;
	display: block;
	color: #666666;
	font-size: 13px;
	background-image: url(../imgs/style/tab02.gif);
	background-repeat: repeat-x;
	border: 1px solid #AAA;
}
#topictab span.topic{
	float: left;
	margin:0;
	display: block;
	font-size: 13px;
	color: #444;
	background-image: url(../imgs/style/prosearch.gif);
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 25px;
}
#topictab span.topic2 {
	float: left;
	margin:0;
	display: block;
	font-size: 13px;
	color: #444;
	background-image: url(../imgs/style/articalsearch.gif);
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 25px;
}
#topictab a.title{
	float: left;
	padding: 3px 8px 3px 8px;
	margin:0;
	border: 1px solid #AAA;
	display: block;
	font-size: 13px;
	color: #990000;
	background-image: url(../imgs/style/tab01.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}
#topictab span.click{
	float: left;
	padding: 3px 15px 3px 15px;
	margin:0;
	background-color: #FFCC66;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 0px;
	display: block;
	font-size: 13px;
	color: #000000;
}
#topictab a.postcont{
	float: right;
	padding: 3px 10px 3px 28px;
	margin:10px 0px 10px 0px;
	display: block;
	font-size: 13px;
	color: #000000;
	background-image: url(../imgs/style/tab03.gif);
	background-repeat: repeat-x;
	border: 1px solid #FF9900;
}
/*報價館*/
#pr_top {
	background-image: url(../imgs/table-bar.jpg);
	height: 27px;
	width: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	vertical-align: middle;
	font-weight: bold;
	float: left;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #87c4d5;
	border-bottom-color: #87c4d5;
	border-left-color: #87c4d5;
}
#pr_top p{
	margin-left:10px;
	display: block;
	margin-bottom: 0px;
	margin-top: 7px;
	margin-right: 10px;
	}
#pr_box{
	width:100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: left;
	line-height: 20px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
#pr_box p {
	margin-right: 10px;
	margin-left: 10px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
#pr_box H3 { color:005599; margin:5px 0px 5px 10px;}
#pr_box UL {
	list-style-type: square;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 10px 10px 30px;
	padding:0px;
	list-style-position: outside;
}
#pr_box UL.tag {
	list-style-type: square;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-position: outside;
}
#pr_box UL.tag LI{
	list-style-type: none;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 10px 5px 10px;
	float:left;
	font-weight:bold;
}

#pr_box UL LI { margin-bottom:10px; line-height:22px;}
#price-box {
	float: left;
	text-align: center;
	font-size: 9pt;
	width: 85px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 5px;
	word-break : normal;
	color: #FF0000;
}
TEXTAREA {
	font-size:13px;
	background-color: #F5F5F5;
	scrollbar-face-color :#DDDDDD;
}
.text-imp{
	color:#FF0000;
	font-weight: bold;
}
.text-orange{
	color:#D62E03;
	font-weight: bold;
}
UL.number {
	list-style-type:decimal;
	list-style-image:none;
	padding:0 0 0 20px;
	font-size: 12px;
}
.nav_hr {
	clear:both;
	font-size:0;
	line-height:0;
	background-image: url(../imgs/nav_hr.jpg);
	background-repeat: repeat-x;
	height: 4px;
}
UL.arrow {
	list-style-image:url(../imgs/Mobile/style/item.gif);
	font-size: 12px;
	padding-left: 20px;
	padding-right: 10px;
	list-style-position: outside;
}

.product .Right{
	float: right;
	width: 77%;
}
.tableform{
	font-size:12px;
}
.hide{
color:#FFFFFF
}
#pr_box #helf {
	float: left;
	width: 48%;
	font-size: 12px;
	margin: 2px;
	border: 1px solid #DDDDDD;
	word-break : break-all;
	padding: 2px;
}
#pr_box #helf IMG {
	margin-right:3px;
	}



/**手機館用**/
.nav-sub {
	margin:0;
	padding:0;
	background:#eee;
	color:#999;
	font-size:12px;
	clear:both;
}
.nav-sub UL {margin:0; padding:0; height:24px; list-style-type:none;}
.nav-sub UL LI {float:left; display:block; border-right:1px solid #ccc;}
.nav-sub UL LI A {
	float:left;
	margin:0;
	padding:3px 6px;
	display:inline-block;
	white-space:nowrap;
}
.nav-sub UL LI A:hover {background:#859DAE; color:#fff; text-decoration:none;}
.nav-sub UL LI.focus,
.nav-sub UL LI.focus A,
.nav-sub UL LI.focus A:hover {color:#444; background:#85c3d4; border-bottom:1px solid #85c3d4; font-weight:bold;}

/**搜尋結果頁**/

.result2{
    width: 48%;
	height: 140px;
    float: left;
}
.result IMG{
    margin: 8px 8px 15px 8px;
	}
.result h4,.result2 h4{
	font-size: 16px;
}
.result h4 a, .result2 h4 a{
	color: #000000;
}
.result LI{ font-size: 12px;}
.result LI strong{font-size: 15px;}
.result LI span{
	font-size: 10px;
	color: #666666;
}
.hr {
	font-size: 0px;
	line-height: 0px;
	height: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin:0px 5px 5px 5px;
}

/* member*/
.member LI {
	list-style-position: outside;
	font-size: 15px;
	line-height: 28px;
	display: block;
	text-align: left;
	margin-left: 0px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
}
.member LI span.list{
	font-weight: bold;
	background-image:url(../imgs/list_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin-right:10px;
	color:#333;
	}
.member .R .item{
	float:left;
	font-size: 12px;
	line-height: 20px;
	margin-top:5px;
	margin-bottom:5px;
}
.member UL {
    margin: 0px;
    padding: 0px;
}
Table.club {
	font-family:Arial, Helvetica, sans-serif;
	width: 97%;
	font-size: 13px;
	color: #333333;
	border-collapse:collapse;
	word-wrap:break-word;
}
Table.club UL{
	margin-left:15px;
	padding:0px;
	list-style-position: outside;
	list-style-type: square;
}
#top {
	background-image:url(../imgs/tr_top.gif);
	background-repeat:no-repeat;
	height:40px;
	width:660px;
	margin-left:10px;	
}
#top Table{ line-height:30px;}
Table TR.tool {
	background-color: #DDD;
	height:25px;
}
Table TR.odd {
	background-color: #F6F6F6;
	height:25px;
}
Table TR.chek {
	background-color: #FFFFBF;
	height:25px;
}
Table TR.odd td,Table TR.even td, #top td {
	padding:5px;
	height:25px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
Table TR.odd td h3,Table TR.even td h3, #top td h3{
	font-size:18px;
	color:#990000;
}

Table TR.even {
	background-color: #FFF;
	height:25px;
}
.CHcar{
	color:#215C59;
	margin-right:5px;
	float:left;
}
.CHmobile {
	color:#FF9900;
	margin-right:5px;
	float:left;
}
.CH3C {
	color:#003399;
	margin-right:5px;
	float:left;
}
.CHbeauty {
	color:#FF3399;
	margin-right:5px;
	float:left;
}
strong.del {
	color:#d6ecff;
	font-size:12px;
	background-image: url(../imgs/del.gif);
	background-repeat: no-repeat;
	width:32px;
	height:20px;
	text-align:center;
	clear:both;
	display:block;
	margin:0px auto 0px auto;
	line-height:20px;
	font-weight: normal;
	}
strong.del a, strong.del a:visited, strong.del a:active {color:#d6ecff;}
.search{
	
	text-align:right;
	padding: 3px 8px 3px 8px;
	margin:0;
	word-break : keep-all;
	color: #666666;
	font-size: 13px;
	/*background-image: url(../imgs/tab02.gif);
	background-repeat: repeat-x;*/
	background-color:#DDD;
	border: 1px solid #AAA;
}
.date { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; float:left;}
.date a, .date a:hover , .date a:visited{
	color:#CC0000;
}
/**活動專區**/
#pr_box .event{ width:120px; margin:5px; float:left; text-align:center;}
#pr_box .event IMG{ border:1px solid #cfcfcf;}
#pr_box .event P{ margin:3px; padding:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.more a {font-size:12px; float:right; background-image:url(../imgs/more_bg.jpg); background-repeat:repeat-x; line-height:20px; border:1px solid #a6a6a6; margin-right:5px; clear:both; color:#333; text-decoration:none; padding-left:3px; padding-right:3px;}
Img.myimg { margin-right:5px;}

.memberhead{ background-image:url(../imgs/member_top.jpg);}
.memberhead p { line-height:64px; margin:0px; margin-left:220px; font-family:Arial, Helvetica, sans-serif; font-size:25px; text-align:left;}
.memberhead a { color:#FFF;}