/* CSS Document */

* {
	margin:0; padding:0;

}

body{
	background:#fff;
	text-align:center;
	font-size:12px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif, "新細明體"  ; 
		
		line-height:110%;
		color:#40484e;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#2396c1;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.link {background:url(../images/link-tail-bg.gif) top repeat-x; display:block; float:right; font-weight:bold; color:#fff; text-decoration:none; line-height:110%; margin:5px 5px 0 0;}

.link span {background:url(../images/link-right-bg.gif) top right no-repeat; display:block;}
.link span span {background:url(../images/link-left-bg.gif) top left no-repeat; padding:7px 15px 10px 17px;}

.link:hover {background:url(../images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(../images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(../images/link-left-bg-hover.gif) top left no-repeat;}

.link_2 {background:url(../images/link-tail-bg.gif) top repeat-x; display:block; float:left; font-weight:bold; color:#fff; text-decoration:none; line-height:110%; margin:5px 5px 0 0;}

.link_2 span {background:url(../images/link-right-bg.gif) top right no-repeat; display:block;}
.link_2 span span {background:url(../images/link-left-bg.gif) top left no-repeat; padding:7px 15px 10px 17px;}

.link:hover {background:url(../images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(../images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(../images/link-left-bg-hover.gif) top left no-repeat;}



.link_1 {background:url(../images/link-tail-bg.gif) top repeat-x;  display:block; float:right; height:21px; font-weight:bold; color:#fff; text-decoration:none; line-height:110%; margin:0 5px 0 0;}

.link_1 span {background:url(../images/link-right-bg.gif) top right no-repeat; display:block;}
.link_1 span span {background:url(../images/link-left-bg.gif) top left no-repeat; padding:4px 15px 10px 17px;}

.link_1:hover {background:url(../images/link-tail-bg-hover.gif) top repeat-x;}
.link_1:hover span {background:url(../images/link-right-bg-hover.gif) top right no-repeat;}
.link_1:hover span span {background:url(../images/link-left-bg-hover.gif) top left no-repeat;}


.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:13px;}

.list li {border-bottom:1px solid #dadfe2;  line-height:150%;}
.list li a {display:block; text-decoration:none; padding:10px 0 10px 34px;}
.list li a:hover {color:#d9440f;}
.li1 {background:url(../images/li1.gif) no-repeat 0 3px;}
.li2 {background:url(../images/li2.gif) no-repeat 0 3px;}
.li3 {background:url(../images/li3.gif) no-repeat 0 3px;}
.li4 {background:url(../images/li4.gif) no-repeat 0 3px;}
.li5 {background:url(../images/li5.gif) no-repeat 0 3px;}
.li6 {background:url(../images/li6.gif) no-repeat 0 3px;}
.li7 {background:url(../images/li7.gif) no-repeat 0 3px;}
.li8 {background:url(../images/li8.gif) no-repeat 0 3px;}

h2 {color:#2396c1; font-size:14px; line-height:150%; font-weight:normal; text-decoration:underline; margin-bottom:16px;}
h3 {color:#d9440f; font-size:14px; line-height:150%; font-weight:normal; text-decoration:underline; margin-bottom:10px;}

/* ============================= header ====================== */




#header .row1 .indent {padding:10px 30px 20px 30px;}
#header span {float:right;}
#header a {color:#979fa2;}


/* ============================= content ====================== */

.col-pad {padding-left:30px;}

.line {border-bottom:1px solid #d9dee1; padding: 0 0 16px 0; margin-bottom:10px;}
.padding1 {padding-top:24px;}
.padding2 {padding-top:16px;}
.margin0 {margin-top:0;}
.margin1 {padding-top:36px;}
.margin2 {padding-top:16px;}

.box {background:#eff4f6 url(../images/box-tail-bg.gif) top repeat-x;}
.box .tail-right {background:url(../images/box-tail-bg.gif) right repeat-y;}
.box .tail-left {background:url(../images/box-tail-bg.gif) left repeat-y;}
.box .tail-bottom {background:url(../images/box-tail-bg.gif) bottom repeat-x;}
.box .corner-bottom-right {background:url(../images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:7px 5px 6px 5px;}
.box img {margin-right:2px;}

.text2 {color:#000; line-height:110%; text-transform:uppercase;}

/* ============================= footer ====================== */

#footer {background:url(../images/footer-tail-bg.gif) top repeat-x; text-align:center;}
#footer .right-bg {background:url(../images/footer-right-bg.gif) top right no-repeat;}
#footer .left-bg {background:url(../images/footer-left-bg.gif) top left no-repeat; width:100%;}
#footer .indent {padding:25px 80px 0 0;}
#footer a {color:#40484e; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .rowi_1 {height:35px;}
#ContactForm .link {float:right; margin:20px 0 0 20px;}
#ContactForm strong {color:#373732;  font-family:Tahoma, Geneva, sans-serif;}

.input {height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px;}
.input_1 {width:200px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; }
textarea {width:282px; height:145px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; }




/* =============================side============================= */
#treenav {

margin: 0px;

text-align: left;

}



#treenav ul li {

margin: 1px 0;



}



#treenav ul.expanded {

display: block;

}



#treenav ul.expanded,#treenav ul.collapsed {

margin: 5px 0px 5px 5px;

}



#treenav ul.collapsed {

display: none;

}



.expanded li,.collapsed li{

/*border-bottom: 1px dashed #CCCCCC;*/

width: 130px;

background: url(../images/listmenu_icon2.gif) no-repeat ;

padding:0 0 0 10px;

}



.listhead {

font-weight: bold;

display: block;



color: #333333;border-bottom:1px solid #d9dee1; padding: 0 0 16px 0; margin-bottom:10px;

/*background: #F1F1F1;*/

padding: 0 5px;

width: 165px;

margin: 5px 0;

border-left: 3px solid #fb8f03;

}





#treenav a {

text-decoration: none;

color:#666; 

}


#treenav a:hover {

color: #990000;

}

#treenav a.listhead { color: #000;text-decoration:none;}

#treenav a.listhead:hover{ color:#2396c1;}

/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:10px 10px 0 0;

	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}


.news a{
	color:#939393;
	text-decoration:none;
	background:url(../../images/icon_point.gif) 5px 5px no-repeat;
	padding-left:15px;
}
.news a:hover{
	color:#2396c1;
	position:relative;
	top:1px;
	left:1px;
}
.news .data{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e4e4e4;
}
.news .title{
	border-bottom:1px solid #e4e4e4;
	height:26px;
	line-height:110%;
}

/*=最新產品
=============================================================================================*/
#newpro_top{clear:both;background:url(../../images/newpro_top.gif); width:507px;height:29px;}
.pro_font{ color:#b04f00; font-weight:bold; margin-left:45px; margin-top:4px; float:left;}
.pro_more{ color:#b04f00; font-weight:bold;float:right; margin-top:4px; margin-right:10px;}
#newpro_bg{float:left;border:1px solid #fcc369;width:505px; padding-bottom:5px;}
.goods{ margin:10px 50px 10px 0;; text-align:left; float:left;}
.goods2{ margin:8px;; text-align:left; float:left;}
.goodsph img{ width:150px; height:150px; border:1px solid #CCCCCC;}
.goodspr{ width:150px; margin-top:10px; line-height:110%;  color:#333333; text-align:center;}
.fontred{color:#FF0000; font-weight:bold;font-size:15px;line-height:110%;}
#newpro_root{background-color:#ffffff;}

/*分页样式*/
#ipage{
	text-align:center;
	width:480px;
	line-height:22px;
	margin:0 auto;
	}
#ipage strong{
	color:#ff6e00;

	padding:3px 6px;
	}
#ipage a{
	border:1px solid #ccc;
	
	text-decoration:none;
	margin-right:5px;
	color:#333;
	padding:2px 5px;
	}
#ipage a:hover{
	border:1px solid #650065;
	background:#ffc;

	text-decoration:none;
	padding:2px 5px;
	}
.ipagea{
	border:1px solid #333;

	text-decoration:none;
	margin-right:5px;
	background:#ffc;
	padding:2px 5px;
	}
.bd input{
	border:solid 1px #650065;
	}
.bd textarea{
	border:solid 1px #650065;
	}
	
	
/*CSS meneame style pagination*/

.meneame {
	  PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.meneame A {
	BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
}
.meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
.meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
.meneame SPAN.current {
	BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
}
.meneame SPAN.disabled {
	BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
}