@charset "utf-8";
/* CSS Document */
/*取消 Html 原有樣式  reset.css ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; word-break:break-all; }
body { text-align: center; font-size: 12px; background-color: #F7F3EA;}

table{border-collapse:collapse;border-spacing:0;word-break:break-all;}
fieldset,img{ border:0; word-break:break-all; text-align: center; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;word-break:break-all;}
ol,ul {list-style:none;word-break:break-all;}
caption,th {text-align:left;word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-size:100%;word-break:break-all;}

/* 主體排版------------------------------------*/
#wrap{ width: 961px; margin-right: auto; margin-left: auto; background-image: url(images/cont_bg.jpg); background-repeat: repeat-y; text-align: left; padding-right: 12px; padding-left: 12px; color: #636760; }/*網頁外框*/
.clear { clear: both; font-size: 0px; }
.t_red {color: #FF0000;}
.p_r {color: #FF0000;}
.p_gr {line-height: 15px;color: #829d26;font-weight: bold;}
.p_g { color: #829d26; }
.p_or {font-size: 13px;color: #da5c08;}
.p_b { font-weight: bold; color: #666666; }

.ad img{ margin-bottom: 5px; }
.btn{ clear: both; margin-top: 10px; margin-bottom: 10px; text-align: center; }
#header{ position: relative; vertical-align: middle; margin-bottom: 10px; }/*橫幅*/
#product_level    a   { padding-top: 10px; padding-bottom: 10px; padding-left: 23px; background-image: url(images/li.gif); background-repeat: no-repeat; background-position: 10px 14px; display: block; text-decoration: none; color: #333333; }
#product_level { border: 1px solid #e6e6e7; margin-bottom: 15px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; }
#product_level li {
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(images/line.jpg);
}
#product_level   ul   { margin-right: 10px; margin-left: 10px; margin-top: 10px; }
#product_level   li   li  {
	background-image: none;
	padding-left: 0px;
}
#product_level   li   li  a  { background-image: url(images/products_icon_r.jpg); padding-left: 38px; background-position: 28px 17px; color: #333; font-weight: bold; }
#product_level li li a:hover {
	background-image: url(images/products_icon_r.jpg);
	background-color: #F7F3EA;
	color: #B90103;
}

#product_level   li ul{
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
}
#product_level  a:hover{
	background-color: #F7F3EA;
	color: #B90103;
	ackground-image: url(images/li.gif);}
#product_level   li  .select{ color: #FFF; background-color: #D00000; padding-top: 7px; padding-bottom: 7px; background-image: url(images/li2.gif); font-weight: bold; }
.plan li ul a.m1,
.plan2 li ul a.m2,
{	background-color: #F7F3EA;	color: #B90103;	padding-top: 7px;	padding-bottom: 7px;}
#products .col {
	padding-top: 25px;
	padding-bottom: 20px;
}
#products .col .col_l {
	padding-left: 25px;
}
#products .col .col_r {
	width: 230px;
	font-size: 13px;
	color: #000000;
	line-height: 1.9em;
	padding-right: 15px;
	padding-left: 15px;
}
#products .col1 {
	text-align: center;
	padding-bottom: 50px;
}
#products .col2 {
	padding-left: 45px;
}
#products .col2 .text {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4e4e4;
	padding-left: 14px;
	font-size: 15px;
	line-height: 1.7em;
	color: #333333;
	padding-bottom: 14px;
}
#products .col2 .pic {
	padding-left: 3px;
}
#products_1 .col {
	padding-left: 73px;
	color: #434445;
	padding-top: 20px;
	padding-right: 51px;
}
#products_1 .col .hd1 {
	padding-top: 20px;
	padding-bottom: 18px;
}
#products_1 .col .title {
	padding-top: 30px;
	padding-bottom: 12px;
}
#products_1 .col h3 {
	font-size: 14px;
	color: #442323;
	font-weight: bold;
}
#products_1 .col2 img {
	padding-top: 25px;
	padding-bottom: 5px;
}
#products_2 .col { padding-top: 40px; padding-left: 73px; width: 505px; color: #434445; 
}
#products_2 .col2 {
	padding-left: 66px;
	padding-top: 45px;
	padding-right: 65px;
	font-size: 12px;
	color: #434445;
}
#products_2 .col3 {
	padding-left: 53px;
	color: #1b0011;
	font-size: 15px;
}
#products_2 .col3 .text {
	background-color: #f9f5ee;
	width: 555px;
	font-size: 13px;
	color: #434445;
	margin-left: 18px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-top: 5px;
}
#products_2 .col4 {
	width: 580px;
	padding-left: 70px;
	padding-top: 25px;
}
#products_2 .col4 h2 {
	padding-top: 48px;
	padding-bottom: 23px;
}
#products_2    .col4 h3  {
	font-size: 14px;
	font-weight: bold;
	color: #442323;
}
#products_3 .col {
	padding-top: 40px;
	padding-left: 73px;
}

#products_4 .col {
	padding-top: 30px;
	padding-left: 73px;
	width: 579px;
	font-size: 13px;
	color: #434445;
	line-height: 1.6em;
}
#products_4 .col h3 {
	font-size: 14px;
	color: #442323;
	font-weight: bold;
}
#products_4 .col img {
	padding-top: 10px;
}
#products_5 .col {
	padding-left: 73px;
	width: 579px;
	font-size: 13px;
	color: #434445;
	padding-top: 40px;
	font-weight: normal;
}
#products_5 .col_l {
	width: 282px;
}
#products_5 .col_r {
	width: 283px;
}
#products_5 .col p {
	background-color: #d1cccf;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}
#products_5 h2 {
	padding-top: 60px;
}
#products_6 .col {
	padding-top: 40px;
	padding-left: 73px;
	width: 579px;
	font-size: 13px;
	color: #434445;
}
#products_6 .col .col1 h2 {
	padding-top: 53px;
	padding-bottom: 15px;
}
#products_7 .col {
	padding-top: 40px;
	padding-left: 73px;
	width: 578px;
	font-size: 13px;
	color: #78421e;
}
#products2 .col {
	padding-top: 40px;
	width: 578px;
	padding-left: 70px;
	font-size: 13px;
	color: #444444;
}
#products2  .col  .text {
	padding-top: 65px;
	padding-bottom: 65px;
}
#products2_1 .col { padding-top: 28px; padding-left: 70px; width: 578px; 
}
#products2_1 .col .col1 { width: 385px; text-align: left; 
}
#products2_1   h3 {
	padding-top: 55px;
	padding-bottom: 25px;
}

#products2_1 .col .text {
	background-color: #faf1f4;
	border: 1px solid #fbcbe3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#products2_1 .col2 {
	padding-bottom: 35px;
	width: 380px;
	padding-left: 100px;
}
#products2_2 .col {
	padding-top: 28px;
	padding-left: 70px;
	width: 578px;
	color: #444444;
	line-height: 1.7em;
}
#products2_2 .col h4 {
	color: #235d2f;
}
#products2_2 .col .col1 h3 {
	padding-top: 50px;
	padding-bottom: 25px;
}
#products2_3 .col {
	width: 578px;
	padding-top: 28px;
	padding-left: 70px;
	line-height: 1.7em;
	color: #444444;
}
#products2_3 .col .col1 h3 {
	padding-top: 50px;
	padding-bottom: 27px;
}
#products2_4 .col { padding-left: 70px; padding-top: 28px; width: 578px; color: #434445; }
#products2_4 .col h3 { padding-top: 50px; padding-bottom: 27px; }
#products2_5 .col { padding-left: 70px; padding-top: 28px; width: 578px; color: #434445; }
#products2_5 .col h3 { padding-top: 50px; padding-bottom: 27px; }


#products3 .col {
	padding-top: 28px;
	padding-left: 70px;
	width: 578px;
	text-align: justify;
	font-size: 13px;
	color: #545156;
}
#products3 .col .more {
	text-align: right;
	width: 578px;
}
#products2 .col .col_r {
	padding-left: 15px;
	width: 285px;
}
#products2 .col_r .title {
	font-size: 15px;
	font-weight: bold;
	color: #775202;
	padding-top: 63px;
	padding-bottom: 23px;
}



#cont{ padding-bottom: 45px;}/*中區塊外框*/
#hot_planning { margin-bottom: 30px; }
#hot_products{margin-bottom: 15px; }

#main{ padding-right: 0px; padding-left: 0px; float: right; margin-right: 20px; font-size: 13px; line-height: 1.6em; color: #787777; text-align: justify; width: 710px; }/*主區塊*/
.hd {
	position: relative;
}
.hd  .linkmap    { position: absolute; top: 8px; font-size: 12px; color: #ababab; text-align: right; width: 300px; right: 0px; font-family: Verdana, Geneva, sans-serif; 
}
.hd .linkmap a  { color: #333; margin-right: 5px; margin-left: 5px; }



#about .col {
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}

#about  .col_l p {
	width: 424px;
}
#about .col2 .col_r .info {
	line-height: 2em;
	font-size: 13px;
}
#about3 .col { padding-right: 20px; padding-left: 20px; }
#about3 .col th { background-image: url(images/about3_01-03.jpg); background-repeat: no-repeat; padding-bottom: 23px; }
#about3 .col .p_b { padding-left: 20px; padding-top: 8px; vertical-align: top; }

#about3 .col td { background-image: url(images/about3_line_r.jpg); background-repeat: no-repeat; vertical-align: top; padding-top: 7px; padding-bottom: 12px; text-align: left; }



#about4 .col { padding-right: 20px; padding-left: 20px; }
#about4  .pic  { padding-top: 12px; padding-bottom: 12px; }
#about4 .pic2  { padding-top: 20px; padding-bottom: 15px; }
#about4 .pic3 { padding-top: 20px; padding-bottom: 15px; }
#about4 .pic4 { text-align: center; padding-top: 40px; }


#about5 .col { padding-right: 20px; padding-left: 20px; }
#about5 .col .col_r { width: 450px; }
#about6 .col { padding-right: 20px; padding-left: 20px; }
#about6 .col_l { width: 550px; float: left; }
#about6 .col_r { float: right; width: 114px; }
#about6 .p_or { padding-right: 6px; }




#sidebar{ float: left; width: 207px; margin-left: 10px; } /*次區塊*/
#footer {
	width: 961px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B80000;
	height: 50px;
	padding-top: 12px;
	color: #494646;
	text-align: left;
}/*頁尾*/
#footer p { margin-left: 235px; }
#footer .copyright { }
#footer .slogo { position: absolute; left: 100px; top: 15px; }

#footer .linktop {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 56px;
	display: block;
	position: absolute;
	right: 0px;
	_right: -1px;
	top: -50px;
}

#footer .copyright { color: #636161; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 3px; }/*版權聲明*/
#footer .copyright strong { font-size: 12px; }

#header #top { position: relative; height: 77px; }
.col_l { float: left; }
.col_r { float: right; }


#header #top .logo { position: absolute; left: 20px; top: 17px; }
#header #top #toplink { position: absolute; top: 28px; right: 20px; font-size: 10px; 
}
#header #top #toplink .m1 a { background-image: url(images/home_jpg.jpg); }
#header  #top  #toplink  .m2 a { background-image: url(images/contact_jpg.jpg); background-repeat: no-repeat; }
#header  #top  #toplink  .m3 a { background-image: url(images/link_jpg.jpg); background-repeat: no-repeat; }


#header #top #toplink a { background-repeat: no-repeat; padding-left: 18px; display: block; padding-bottom: 5px; float: right; margin-right: 3px; padding-right: 5px; margin-left: 6px; color: #999999; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; 
}


#header #top #toplink li { display: inline; }
#news_products { margin-bottom: 43px; }
#news_products .hd { margin-bottom: 7px; }
#news_products .col_l { width: 358px; }
#hot_products { margin-bottom: 15px; }
.box_products { color: #66615A; }

.box_products   .col_l { width: 49%; }
.box_products   .col_r { width: 49%; }
.box_products  .pic { float: left; margin-right: 10px; }


.box_products p { margin-top: 10px; color: 66615a; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: justify; line-height: 1.7em; }

#news_products .col_r { width: 323px; }
#news .col_l .news { background-image: url(images/news_news.png); background-repeat: no-repeat; position: absolute; height: 51px; width: 53px; top: 0px; left: 0px; }
#news .col_l  .pic  img { background-image: url(images/news_pic_back.jpg); height: 102px; width: 192px; margin-bottom: 7px; padding-top: 7px; padding-right: 10px; padding-bottom: 10px; padding-left: 7px; background-repeat: no-repeat; }
#news .col_l {	position: relative;	text-align: center;}
#news .col_r { width: 480px; }
#news .col_r  .title a{ font-size: 15px; color: #c98400; font-weight: bold; margin-top: 5px; text-decoration: none; }
#news .col_r  .date { background-image: url(images/news_date.jpg); background-repeat: no-repeat; height: 20px; width: 93px; text-align: center; color: #636760; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#news .pic img2 { background-image: url(images/news_pic_back.jpg); background-repeat: no-repeat; margin-top: 10px; }
#news li { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #b7b7b7; padding-top: 15px; padding-bottom: 15px; }
#news .col_r .info { color: #636760; font-size: 13px; line-height: 1.3em; }
#news .col_r .info img{ height: 0px; width: 0px; visibility: hidden; }
#page{ display:inline-block; margin-top: 15px; }
#page a,#page strong{ float:left; display:block; color:#B80103; text-align:center; margin:0 5px 0 0; padding:1px 8px; text-decoration:none; border:1px solid #CCCCCC; font-family: tahoma, helvetica, sans-serif; font-size: 93%; }
#page a:hover{background:#3666d4;color:#FFF;}
#page strong{ color:#000; font-weight:bold; padding:2px 6px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
#page-next,#pageg-prev{margin-top:-2px;padding-bottom:1px;padding-top:1px;border-width:2px;}
#page-prev{margin-right:14px;}
#news_dia .hd { padding-bottom: 25px; }
#news_dia .title   { background-image: url(images/news_dia_title.jpg); background-repeat: no-repeat; font-size: 15px; font-weight: bold; color: #c98400; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #CCCCCC; padding-left: 30px; position: relative; padding-top: 5px; background-position: 6px 6px; margin-bottom: 10px; }
#news_dia .date { background-image: url(images/news_date.jpg); background-repeat: no-repeat; position: absolute; height: 20px; width: 93px; text-align: center; right: 25px; color: #636760; font-size: 12px; font-weight: normal; padding-top: 0px; top: 2px; }
#qa .title a,#qa_dia .title{
	background-image: url(images/qa_title.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #696767;
	padding-bottom: 5px;
	padding-top: 16px;
	background-position: 35px 22px;
	padding-left: 58px;
	font-size: 15px;
	display: block;
	text-decoration: none;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b5b6b6;
}
#qa_dia .date{
	position: absolute;
	top: 7px;
	right: 10px;
}
#qa .text ,#qa_dia .text{
	padding-left: 58px;
	padding-right: 55px;
	background-image: url(images/qa_info.jpg);
	background-position: 35px 12px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b5b6b6;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #f5f5f5;
	line-height: 1.4em;
	font-size: 13px;
}

.btn_bar  { text-align: right; margin-top: 15px; }
#plan .col {	padding-right: 10px;	padding-left: 10px;	padding-top: 30px;}
#plan li  {	padding-bottom: 48px;}
#plan .col_r {	padding-left: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width: 262px;
	color: #4f4d4d;
	font-size: 13px;
}
#plan .more {
	text-align: right;
}

#plan_dia .hd,#plan .hd{ background-image: url(images/customers_hd.jpg); height: 39px; }
#plan .hd .title,#plan_dia .hd .title { position: absolute; left: 102px; top: 5px; color: #D00000; font-family: Verdana, Geneva, sans-serif; width: 300px; }

#plan_dia .hd { margin-bottom: 25px; }
#plan_dia h4 { font-size: 15px; font-weight: bold; color: #333; margin-top: 7px; margin-bottom: 5px; }

#plan_dia .text .title { background-image: url(images/plan_dia_title.jpg); background-repeat: no-repeat; padding-left: 120px; font-size: 15px; font-weight: bold; background-position: left 0px; }
#plan_dia .text .title .date { visibility: hidden; }
#plan_dia .col_l { padding-left: 8px; border: 1px solid #cdcdcd; padding-top: 8px; padding-right: 8px; padding-bottom: 9px; float: left; }
#plan_dia .col_r { width: 290px; padding-right: 15px; }
#plan_dia .col_r .h3 { font-weight: normal; padding-top: 10px; padding-bottom: 5px; font-size: 15px; color: #000000; }
#plan_dia .col_r .info { padding-bottom: 72px; }
#plan_dia .col_r .pic { padding-left: 10px; }
#plan_dia ul li .col_r .pic img { margin-right: 3px; margin-left: 3px; }
#plan_dia dt img { height: 321px; width: 364px; }
#plan_dia dd img { height: 88px; width: 85px; }
#plan_dia .col_l IMG { }
#plan_dia .col_l A {	font-size:12px;COLOR: #fff;}
#plan_dia .col_l #fbMaster { POSITION: relative; TEXT-ALIGN: left; padding: 0px; }
#plan_dia .col_l #content { FLOAT: left; padding: 0px; }
#plan_dia .col_l #content DT { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#plan_dia .col_l #content DT STRONG { DISPLAY: block; OVERFLOW: hidden; WIDTH: 364px; POSITION: relative; HEIGHT: 321px }
#plan_dia .col_l #content DT STRONG SPAN {	POSITION: absolute; TOP: 0px}
#plan_dia .col_l #content DT STRONG SPAN IMG {	FLOAT: left}
#plan_dia .col_l #content DD { FLOAT: left; POSITION: relative; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }
#plan_dia .col_l #content DD.last {	MARGIN: 0px}
#plan_dia .col_l #content DD A {	CURSOR: pointer; opacity: 0.99}
#plan_dia .col_l #content DD A:hover {	opacity: 0.75}

#link .col {
	padding-top: 28px;
	padding-left: 10px;
	width: 540px;
}
#mv .col { padding-left: 20px; font-size: 15px; color: #000000; text-align: center; padding-top: 20px; }
#mv p { margin-bottom: 0px; margin-top: 10px; }

#catalog td  { padding: 7px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DFDFDF; }
#catalog { background-image: url(images/catalog_img.jpg); background-repeat: no-repeat; padding-right: 40px; background-position: left 40px; padding-bottom: 20px; height: 570px; }
#catalog table  { margin-top: 130px; margin-left: 20px; margin-bottom: 20px; }


#contact  .map  {	position: relative;}
#contact  .add  {
	position: absolute;
	background-image: url(images/contact-map2.png);
	height: 103px;
	width: 256px;
	background-repeat: no-repeat;
	left: 95px;
	top: 115px;
}

#customers .col_l  .pic  img { height: 172px; width: 400px; margin-bottom: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; }
#customers ul li .col_l .more { font-size: 0px; height: 0px; visibility: hidden; }

#customers .col_l {	position: relative;	text-align: center;}
#customers .col_r { width: 280px; }
#customers .col_r  .title a{ font-size: 15px; color: #c98400; font-weight: bold; margin-top: 5px; text-decoration: none; }
#customers .col_r  .date { text-align: left; color: #999; font-size: 12px; margin-top: 7px; margin-bottom: 7px; font-family: Verdana, Geneva, sans-serif; }
#customers .pic img2 { background-image: url(images/news_pic_back.jpg); background-repeat: no-repeat; margin-top: 10px; }
#customers li { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #b7b7b7; padding-top: 15px; padding-bottom: 15px; }
#customers .col_r .info { color: #636760; font-size: 13px; line-height: 1.3em; }
#customers_dia .hd { padding-bottom: 25px; }
#customers_dia .title   { font-size: 15px; font-weight: bold; color: #D00000; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #CCCCCC; padding-left: 5px; position: relative; padding-top: 5px; }
#customers_dia .date { position: absolute; height: 20px; width: 93px; text-align: center; right: 25px; color: #666; font-size: 12px; font-weight: normal; padding-top: 0px; top: 2px; font-family: Verdana, Geneva, sans-serif; }
#wrap #cont #main #plan_dia .text .info p { font-weight: normal; }
#wrap #cont #main #plan_dia .text .info { font-weight: normal; }