@charset "utf-8";


/* Common
------------------------------------------------------------------------------------ */
body{
    font-family:"微軟正黑體","simhei",Arial, "Microsoft JhengHei", "LiHei Pro", "新細明體", "PMingLiu", sans-serif;font-size:75%;background:url(/images/bg.jpg) repeat-x;}

a{color:#333;}
a:hover{color:#0f7438;}
.space{clear:both; height:0; line-height:0;}

/*index*/
#wrapper-index{width:1000px; margin:0 auto;color:#333;}
#header img{float:left;}
#header span{color:#FFF;float:right;margin-top:60px; margin-right:40px;}
#header span a{color:#FFF;padding:0 10px;}
#header span a:hover{color:#FF9;}
.index-banner{border:#fff 10px solid; border-top:none;margin:0 30px;*margin-top:-5px;}
#container{margin:10px 40px; background-color:#FFF;}
#container .date{padding-left:12px;}
#container td{padding:5px 0 ;}
#container .index-news{float:left;}
#container .index-pr{float:left; margin-left:10px;}
#container .index-pr img {margin-left:15px;}
#container .index-pr .date{ background:url(../images/icon_index.gif) 20px 8px no-repeat;padding-left:40px;}
#container .title a{font-weight:bold;color:#0c5500;font-size:150%; background:url(../images/bg_newstitle.gif) left bottom repeat-x; padding-left:10px; display:block;padding-bottom:5px;}

#footer{ background:#0c5500;color:#fff;height:35px;margin-top:40px;}
#footer p{width:1000px;margin:0 auto;padding:10px 0;}
#footer b{margin-left:40px;font-weight: normal; font-style: normal;float:left;}
#footer span{float:right;margin-right:40px;}
#footer span a{color:#fff;text-decoration:underline}

/*html編輯器 */

.text ul, .editor ul{list-style:disc; padding-left:15px; margin-left:10px;}
.text ol, .editor ol{list-style:decimal; padding-left:15px; margin-left:10px;}
.text h1, .text h2, .text h3, .text h4, .text h5,
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5{font-weight:bold;}
.text h1, .editor h1{font-size:200%;}
.text h2, .editor h2{font-size:175%;}
.text h3, .editor h3{font-size:150%;}
.text h4, .editor h4{font-size:125%;}
.text h5, .editor h5{font-size:108.3%;}
.text em, .editor em{font-style:italic;}

/* CSS style pagination */
div.pagination{text-align:center; margin:20px 0;}
div.pagination a{
	padding:5px 8px;
	margin:2px;
	border:1px solid #0c5500;
	color:#0c5500;
}
div.pagination a:hover{
	background-color:#0c5500;
	color:#fff;
}
div.pagination span.back a{
padding:5px 8px;
	margin:2px;
	border:1px solid #0c5500;
	background-color:#0c5500;
	color:#fff;
}
div.pagination span.current {
	padding:5px 8px;
	margin:2px;
	border:1px solid #0c5500;
	background-color:#0c5500;
	color:#fff;
}
div.pagination span.disabled {
	padding:5px 8px;
	margin:2px;
	border:1px solid #999;
	color:#999;
}

/*product*/
#content{margin:0 30px; background:#FFF; min-height:400px; height:auto !important;height:400px;}
#content .route{padding:20px 0 10px 10px;}
#content .route a{padding:0 5px;}
#content .title{color:#0f7438;font-size:175%; background:url(/images/bg_newstitle.gif) left bottom repeat-x;padding:6px 0 6px 15px;margin:0 15px;}
#content .editor span{color:#090; float:right;}
#content .editor{ min-height:300px; height:auto !important;height:300px;}
.product-box{margin:0 40px;border-bottom:1px #CCC solid;padding:20px 10px;}
.product-box img{float:left;}
.product-p{float:right;margin-left:30px;width:600px;line-height:1.6;}
.product-p .text{font-size:108.3%;}
.product-p span, .location-p span{color:#d80025;font-size:125%;}
#content .editor{margin:20px 45px;font-size:108.3%;line-height:1.6;}

/*news*/
.news-list td{padding:8px 20px;border-bottom:1px #CCC solid;font-size:108.3%;} 
.news-list .name{font-size:125%; border-left:#d0d0d0 5px solid;padding:5px 20px;}
.news-list .date{color:#72bc34;}

/* Contact
-------------------------------------------------------------------------------------------------*/
.table-contact td{padding:8px 0;}
.table-contact td.contact-title{padding-left:12px; background:url(/images/icon_arrow.gif) no-repeat left center;}
.input-m, .select-m{width:200px; height:20px; line-height:20px; padding-left:2px; border:#ababab 1px solid;}
.input-l{width:400px; height:18px; line-height:18px; padding-left:2px; padding-left:2px; border:#ababab 1px solid;}
.text-box{width:400px; height:65px; padding:2px; padding-left:2px; border:#ababab 1px solid;}

.btn-center{ margin-top:20px;border-top:1px solid #CCC;padding-top:20px;}
.btn-center p{ margin-left:300px;}
.btn-center input, .btn-center a{ background:url(../images/btn_01.gif) no-repeat; width:111px; height:29px; display:block; color:#FFF;font-size:108.3%;font-weight:bold;float:left;text-align:center;margin-left:10px; vertical-align:central; cursor:pointer; border:none;}
.btn-center a{padding-top:3px;}
/*location*/
.location-p{float:left;margin-left:30px;width:250px;line-height:1.6;border-right:1px #CCC solid; min-height:155px; height:auto !important;height:155px;padding-right:20px;font-size:108.3%;}

.location-t{float:left;margin-left:20px;width:310px;line-height:1.6;padding-top:24px;font-size:108.3%;}
.product-box .location-t img{float:none;}
.product-box .location-t a{ text-decoration:underline;}

/* 表單驗證
------------------------------------------------------------------------------------ */
label.error, label.error{color:#f00;}
input.error{border:#f00 1px solid; color:#f00;}
select.error{border:#f00 1px solid; color:#f00;}
div.error{display:none;}
label.error{display:none;}