@charset "utf-8";

/* CSS Document */
html, body, div, p, ul, 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/bg.jpg) repeat-x top center #f2f3eb; font-size: 15px; color:#414141; line-height: 170%; font-family: "Open Sans", 微軟正黑體, Arial, Helvetica; }
input, select, button, textarea { font-size: 15px; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; }
button { font-family:微軟正黑體, Arial, Helvetica; 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:#568501; }

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

img {
	max-width: 100%;
	height: auto;
	text-align: center;
}


/*---------------layout---------------------*/
#gotop{ display:none; position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 45px; height: 45px; cursor: pointer; }

#wrapper{width:100%; height:100%; margin:0 auto; }

#header{width:100%; height:97px; display:block; }
#header h1{width:100%; height:97px; float:left; display:block; margin:0 49px 0 0; }


#navi { width:100%; display:block; margin:28px 0 0 0; background-color:#59682d; }
#navi ul{ list-style-type:none; }
#navi li{ float:left; width:132px; height:43px; font-size:16px; font-weight:bold; color:#fff; border-right:1px solid #a2ad00; line-height:43px; text-align:center; }
#navi li a{ color:#fff; display:block; background-color:#59682d; }
#navi li a:hover{ color:#fff; background-color:#a2ad00; }
#navi li.home{ width:52px; border-right:none; }
.lightface{ font-weight:normal; }


.banner{ height:208px; background:url(langs/tw/images/fullin_091.png) no-repeat 28px 8px; }

#content{ width:100%; margin:0 auto; margin-top:25px; position:relative; }


.leftnavi-title{ height:32px; font-size:18px; color:#fff; background-color:#737373; line-height:32px; text-align:center; }


.site { font-size:15px; color:#1f1f1f; margin:-5px 0 30px 0; }
.site a{ color:#5e5e5e; }
.site a:hover{ color:#e71f19; }
.site span.on{ color:#e71f19; }
.site span.arr{ margin:0 7px 0 7px; }


.title{ padding:0 0 17px 0; border-bottom:1px solid #9ead00; text-align:center; }
.title h3.title-text{ font-size:25px; font-weight:normal; color:#313131; margin:15px 0 0 0; letter-spacing:4px; }

.title02{ padding:0 0 17px 0; margin:0 0 45px 0; border-bottom:1px solid #9ead00; text-align:center; }
.title02 p.title-text{ font-size:35px; color:#313131; margin:15px 0 0 0; letter-spacing:4px; }




/*---------------index---------------------*/
#index-bg{ width:100%; height:100%; background:url(langs/tw/images/index-bg.jpg) center center fixed no-repeat; margin:0; padding:0; -moz-background-size: cover; background-size: cover; overflow:hidden; }

#index-wrap{ width:100%; height:100%; margin:0 auto; position:relative; }
.index-enter { width:71px; bottom:130px; right:10px; position:absolute; z-index:50; }
.index-info { width:100%; font-size:14px; color:#152028; bottom:27px; right:10px; position:absolute; z-index:30; line-height:25px; text-align:right; }
.index-info p{ font-size:12px; }
.index-info p a{ color:#152028; }
.index-info p a:hover{ color:#01a485; }



/*---------------product---------------------*/
.hot-prod { margin:0 0 80px 0; }


#product-bg{  background:url(langs/tw/images/bg.jpg) repeat-x top center #fff; }

.prod-cate-wrap { width:100%; margin:0 auto; margin-top:20px; margin-bottom:75px; }
.prod-cate-block { margin:0 auto; display:table; }

.prod-cate{ text-align:center; }
.prod-cate ul{ list-style-type:none; }
.prod-cate li{ float:left; font-size:16px; font-weight:bold; color:#545454; min-height:16px; padding:0 20px 0 20px; background:url(langs/tw/images/line.jpg) no-repeat left 5px; }
.prod-cate li a{ color:#545454; }
.prod-cate li a:hover{ color:#568501; }
.prod-cate li:first-child{ background:none; }


.prod-sort h3{ font-size:23px; font-weight:normal; color:#121212; padding:0 0 15px 15px; letter-spacing:1px; clear:both; }/*padding:15px 0 35px 0;*/

.prod-list-block{ margin:0 auto; display:table; clear:both; }

.prod-list{ height:100%; }
.prod-list ul {list-style-type:none; width:300px; margin:0 25px 40px 25px; padding:30px 0 17px 0; border:1px solid #ccc5c5; background-color:#fff; text-align:center; }
.prod-list ul:hover { border:1px solid #9ead00; }
.prod-list ul:hover li.prodname a{ color:#568501; }
.prod-list ul:hover li.more a{ color:#fff; background-color:#699b10; }
.prod-list li.pics{width:270px; height:240px; margin:0 auto; display:block; }
.prod-list li.prodname {font-size:16px; color:#212121; padding:20px 0 18px 0; text-align:center; }
.prod-list li.prodname a{color:#212121; }
.prod-list li.more a{width:250px; margin:0 auto; font-size:16px; color:#6d7700; padding:2px 20px 2px 20px; background-color:#e5e5e5; text-align:center; display:block; }



#prod-wrap { width:100%; margin:0 0 30px 0; position:relative; }/*margin:0 0 100px 0;*/
#pic-con { width:100%; float:left; margin:0 0 0 0; text-align:center; }

#p-text-block { width:100%; float:left; font-size: 16px; margin:10px 0 0 0; }
.product-name { font-size: 23px; color: #568501; padding:0 0 15px 10px; border-bottom:1px solid #dadada; }
.prod-model{ margin:15px 0 15px 10px; padding:0 0 15px 2px; border-bottom:1px solid #dadada; }
.prod-money{ margin:0 0 0 50px; }
.p-text-con{ padding:0 10px 0 10px; line-height: 30px; }
.prod-use{ font-size: 17px; color: #568501; margin:30px 0 10px 0; }


.spec-con-wrap{ background-color:#ecefd4; }
.spec-con{ width:100%; min-height:100px; margin:0 auto; font-size: 16px; padding:40px 0 60px 10px; line-height: 30px; }

.back-btn{ margin:50px 0 0 10px; }
.back-btn a.back{ width:340px; height:35px; font-size: 18px; color: #fff; text-align:center; background-color:#739533; display:block; line-height: 35px;}
.back-btn a.back:hover, .back-btn a.back:focus{ background-color:#a2ad00; color: #fff; }


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

.page{ font-size: 13px; color:#828282; text-align:center; margin:0; height:100%; }
.page ul{ list-style-type: none; margin:0px ; }
.page li { float:left; margin:0px 5px 0px 0px; text-align:center; }
.page li a{color:#9b9b9b; width:22px; height:22px; padding:3px; border:1px solid #b8b8b8; display:block; text-decoration:none; line-height: 22px; }
.page li a:hover{color:#f54b46; border:1px solid #f54b46; display:block; text-decoration:none; }
.page li.on{color:#f54b46; font-weight: bold; width:22px; height:22px; padding:3px; border:1px solid #f54b46; display:block; line-height: 22px; }
.page li:last-child { margin-right:0;}




/*---------------about & news & oem---------------------*/
.about-con-bg{ width:100%; height:590px; background:url(langs/tw/images/fullin_02.jpg) no-repeat; }
.about-con{ font-size: 16px; padding:5px 10px 0 10px; line-height:30px; }
.index-con{ font-size: 16px; background-color:#a9c26d; text-align:center; }
.about-title{ font-size: 32px; color:#1962a7; margin:0 0 25px -3px; }



.news-list{ height:100%; float:left; margin:0 0 0 1px; }
.news-list ul {width:255px; margin:0 26px 10px 50px; }
.news-list ul:nth-child(4n){ margin-right:0; }
.news-list li.photo{width:255px; height:155px; display:block; text-align:center; }
.news-list li.newstitle {font-size: 18px; color:#222222; margin:14px 0 4px 3px; }
.news-list li.newstitle a{color:#222222; }
.news-list li.newstitle a:hover{color:#0091ba; text-decoration:none; }
.news-list li.newsdate{ font-size:13px; color:#00a3ce; margin:0 0 0 4px; }
.news-list li.newstext {color:#4e4e4e; margin:4px 0 0 3px; height:140px; }

.news-title-block{ min-height:45px; margin:0 0 17px 15px; padding:0 0 0 25px; background:url(langs/tw/images/fullin_03.jpg) no-repeat 1px 2px; }
.news-title{ font-size: 18px; font-weight:bold; color:#343434; }
.news-date{ font-size: 13px; color:#6d8315; }
.news-con{ min-height:300px; padding:40px 50px 40px 50px; background-color:#fff; line-height:30px; }

.back-btn02{ margin:20px 0 70px 0; }
.back02{ width:228px; height:37px; font-size: 14px; color: #1b1b1b; text-align:center; background-color:#fff; border:1px solid #96b722; display:block; line-height: 37px; }
.back02:hover, .back02:focus{ background-color:#96b722; color: #fff; }



.oem-block{ width:100%; margin:0 auto; min-height:450px; font-size: 16px; padding:20px 0 15px 10px; no-repeat right bottom; line-height: 30px; }
.oem-title{ font-size: 18px; color: #568501; margin:33px 0 12px 0; }
.oem-item{ width:115px; height:30px; color: #fff; margin:22px 0 10px 0; background-color:#828282; text-align:center; line-height: 30px; }



/*---------------contact---------------------*/
.contact-info{ font-size: 16px; margin:0 0 55px 0; text-align:center; }
.address{ color: #6d8315; margin:0 0 25px 0; }
.address-icon{ margin:0 12px 0 0; vertical-align: middle; }
.star{ font-size:13px; color: #e60012; margin:0 0 0 3px; }

.contact-from{ width:100%; margin:0 auto; font-size: 16px; }
.contact-item{padding:0 0 0 3px; }
.code-img{ vertical-align:middle; }


.submit{ width:325px; height:48px; font-size: 20px; color: #fff; text-align:center; background-color:#84a511; display:block;  }
.submit:hover, .submit:focus{ background-color:#574621; color: #fff; }

.contact-success{ font-size: 16px; color:#e50202; padding:10px 0 185px 0; }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }

.input { border: #bac175 1px solid; width: 330px; height: 36px; color: #333333; background-color: #fff; padding:3px 10px 3px 10px; margin:7px 0 20px 0; border-radius:8px; }
.textarea {border: #bac175 1px solid; width: 330px; height: 180px; color: #333333; background-color: #fff; padding:8px 10px 8px 10px; margin:7px 0 0 0; border-radius:8px; }
.select { border: 1px solid #c2c2c2; color: #505050; height:27px; padding:3px 3px 3px 3px; font-family: Arial, Helvetica, sans-serif; }
.option { font-size:12px; color:#333; font-weight:bold; }

.code-input { border: #bac175 1px solid; width: 330px; height: 36px; color: #333333; background-color: #fff; padding:3px 10px 3px 10px; margin:7px 15px 0 0; border-radius:8px; }




/*---------------------------- footer css----------------------------------------------------- */
#footer-wrap{ background-color:#39434a; }
#footer{ width:100%; height:64px; margin:0 auto; font-size:14px; color: #fff; padding:10px 0 0 0;) no-repeat; }
#footer .copyright{ font-size: 13px; color: #adb0b1; }
#footer .copyright a{color: #adb0b1; }
#footer .copyright a:hover{ color: #01a485; }