@charset "utf-8";

/* CSS Document */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
}
body { background:url(langs/tw/images/baihsiang-bg.jpg) repeat; font-size: 16px; color:#414141; line-height: 160%; font-family:微軟正黑體, Arial, Helvetica; }
input, select, button, textarea { font-size: 16px; font-family: 微軟正黑體, Arial, Helvetica; }
button { font-family:微軟正黑體, Arial, sans-serif; border:0; cursor:pointer; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#414141; border:none; outline:none; }
a img { border:0; outline:none; }
a:hover { color: #f67a00; text-align: center; }
a, a:link, a:active, a:visited, a:hover { text-decoration: none; }


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}


/*---------------layout---------------------*/


#gotop { display:none; position: fixed; right: 10px; bottom: 30px; z-index: 999; width: 45px; height: 45px; cursor: pointer; }





/*---------------product---------------------*/
.drop-down-menu { margin:15px 0 0 0; }


ul.subMenu { margin: 15px 0 -3px; }
ul.subMenu li { list-style-type: none; display: inline-block; font-size:16px; font-weight:bold; margin: 0 8px 8px 0; padding-right: 12px; border-right: 1px solid #cecece; line-height: 18px; }
ul.subMenu li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
ul.subMenu li a { color:#699a43; }
ul.subMenu li a:hover { color:#b58c3c;  }



.unit-green { width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#6d8f33; margin-top:10px; line-height:33px; }
.unit-red {width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#b52125; margin-top:10px; line-height:33px; }
.unit-brown {width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#9f694e; margin-top:10px; line-height:33px; }
.unit-black {width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#231815; margin-top:10px; line-height:33px; }
.unit-purple {width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#9a5474; margin-top:10px; line-height:33px; }
.unit-white {width:33px; height:33px; margin:0 auto; border-radius:17px; font-size:16px; font-weight:bold; color:#595757; text-align:center; background-color:#f2f2f2; margin-top:10px; line-height:33px; }





/*---------------news---------------------*/
.news-list{ width:1100px; float:left; }
.news-list ul{ list-style-type: none; float:left; width:1100px; margin:0 0 25px 0; padding:0 0 30px 0; border-bottom:1px solid #c4c5bf; }
.news-list li.newspic{ width:240px; height:100px; float:left; margin:5px 35px 0 0; display:block; }
.news-list li.newsblock{ width:825px; float:left; }
.newsBox{ margin-bottom: 25px; }
.newsdate{ font-size: 14px; color: #848484; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; line-height:20px; }
.newstitle{ font-size: 20px; font-weight: bold; color: #82a70c; margin:4px 0 6px 0; }
.newstitle a{ color:#82a70c;}
.newstitle a:hover{ color:#b48a37; text-decoration:none;}
.newstext{ color:#4c4c4c; }

.news-title-block{ width:100%; border-bottom:1px solid #c4c5bf; padding:15px 0 15px 0; }
.newstitle02{ width:76%; float:left; font-size: 20px; font-weight: bold; color: #82a70c; padding:0 0 0 10px; line-height: 25px; text-align:left; }
.newsdate02{ width:19%; float:right; font-size: 13px; color: #848484; margin:3px 8px 0 0; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; text-align:right; }
.news-con {padding:28px 0 28px 0; clear:both; border-bottom:1px solid #c4c5bf; line-height:30px; }
.news-con img{max-width:100%; height: auto; }
.news-back {margin:23px 0 0 0; text-align:right; }


.page_block{ margin:0 auto; display:table; clear:both; }

.page{ font-size: 13px; color:#828282; text-align:center; margin:20px 0 0 0; height:100%; }
.page ul{ list-style-type: none; margin:0px ; }
.page li { float:left; margin:0px 7px 0px 0px; text-align:center; }
.page li a{color:#727272; width:25px; height:25px; padding:3px; border:2px solid #b4b4b4; display:block; text-decoration:none; line-height: 25px; }
.page li a:hover{color:#7fa700; border:2px solid #9abb31; display:block; text-decoration:none; }
.page li.on{color:#7fa700; font-weight: bold; width:25px; height:25px; padding:3px; border:2px solid #9abb31; display:block; line-height: 25px;}
.page li:last-child { margin-right:0;}




/*---------------SGS & teagarden---------------------*/
.tea-pic{ padding:35px 0 0 0; }

.sgsList{ margin:30px 0 0 0; }
.sgsList ul{ width:340px; margin: 0 auto; list-style-type: none; margin-bottom: 50px; }
.sgsList li.photo{ width:340px; border:1px solid #c4c4c4; }
.sgsList li.sgsName{ margin-top: 15px; text-align: center; line-height:28px; text-decoration:none; }
.sgsList ul:hover li.photo { border:1px solid #9abb31; }
.sgsList ul:hover li.sgsName{ color: #9abb31; text-decoration:none; }
.sgsList ul a li.sgsName, sgsList ul:hover a li.sgsName { text-decoration:none; }

.sgsList li img{ display: block; }


.p-b { padding-bottom: 20px; }


.history img{ margin-top: 5px; }


.about-prefix{ font-size:20px; color: #333; margin-bottom: 15px; line-height: 32px; }



/*---------------photo & video---------------------*/
ul.photoList { width:352px; }
ul.photoList li { width:170px; list-style-type: none; display: inline-block; margin: 0 2px 30px; vertical-align: top; }
ul.photoList li figure { width:170px; margin: 0; }
ul.photoList li h3 { font-size:16px; margin-top: 8px; text-align: center; line-height:28px; }
ul.photoList li:hover h3 { color: #9abb31; }
ul.photoList li img { display: block; width: 100%; height: auto; }


ul.video { width:348px; margin: 0 auto; }
ul.video li { list-style-type: none; margin-bottom: 25px; }




/*---------------contact---------------------*/
.contact-text{ padding:23px 5px 23px 5px; margin:0 0 23px 0; border-top:1px solid #bbbcb6; border-bottom:1px solid #bbbcb6; line-height:35px; }
.required{ float:right; margin:35px 0 0 0; }
.star{ font-size:17px; font-weight: bold; color: #e60012; margin:0 3px 0 0; }

.contact-form td{ padding-top:10px; padding-bottom:10px; border-bottom:1px solid #bbbcb6;  }
.field-name{padding-left:5px; }
.star02{ font-size:15px; color: #e60012; margin:0 0 0 3px; }
.contact-btn{ margin:35px 5px 20px 0; text-align:right; }
.contact-success{ color: #e60012; padding:65px 0 80px 0; border-top:1px solid #bbbcb6; text-align:center; line-height:35px; }




/*---------------form---------------------*/
form { margin:0; padding: 0; }
.input { border: none; width: 320px; height: 26px; COLOR: #333333; background-color: transparent; padding:3px 10px 3px 10px; }
.textarea {border: none; width: 320px; height: 135px; COLOR: #333333; background-color: transparent; padding:5px 10px 5px 10px; }
.select { border: none; width:260px; color: #fff; height:31px; background-color: #9abb30; padding:1px 3px 1px 5px; }
.option { font-size:12px; color:#333; font-weight:bold;}