@charset "UTF-8";
/*  ---------------------------------------------------- Reset ---------------------------------------------------- */
html,body, div,
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, blockquote, p,
span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
th, td , dl, dt, dd {
	margin:0; padding:0px;border: 0;font-weight:normal;background: transparent;}
ul, li, dl, dt, dd, ol {list-style: none;}

/*purpose To enable resizing for IE */
/*branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
blockquote, q {quotes: none;}
fieldset, img {border:none;}
table {border-collapse: collapse;border-spacing: 0;}
img{max-width: 100%;} 
/*HTML5 tag*/
section, article, aside, footer, header, nav, main {display:block;}

border{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none; color: inherit;}
hr{display: block;height: 1px;border: 0;border-top:2px #fff dotted;margin:1rem auto;padding:0;}
input, select {vertical-align: middle;}
button{cursor: pointer;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

/*  --------------------------------------------------------------------------------------------------------------- */

html,body{width:100%;height:100%; min-width: 320px;}
html{font-family:Helvetica,arial,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size: 16px;color: #524b43;}
body{font-size:1rem;text-align:left;box-sizing: border-box;
background: #62574b;
background: -moz-linear-gradient(left, #62574b 0%, #e1dfd0 81%, #b1a699 99%);
background: -webkit-linear-gradient(left, #62574b 0%,#e1dfd0 81%,#b1a699 99%);
background: linear-gradient(to right, #62574b 0%,#e1dfd0 81%,#b1a699 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62574b', endColorstr='#b1a699',GradientType=1 );}

/*  --------------------------------------------------------------------------------------------------------------- */
header{background: #b1a699;
background: -moz-linear-gradient(left, #b1a699 0%, #e1dfd0 51%, #68543f 100%);
background: -webkit-linear-gradient(left, #b1a699 0%,#e1dfd0 51%,#68543f 100%);
background: linear-gradient(to right, #b1a699 0%,#e1dfd0 51%,#68543f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1a699', endColorstr='#68543f',GradientType=1 );
width: 100%;display: block;}
.header_fixed{position: fixed;top: 0;z-index: 10;}


.menu{width: 100%;background-color:#7d7266;display:inline-block;margin: 10px auto 0px;vertical-align: bottom;}
#ckb,#listmenu{display: none;}
#ckb:checked ~ ul{display: block;}
#ckb:checked ~ label:before{content: "\f00d";}
#listmenu:checked ~ .product_list a{display:inline-block;}
#listmenu:checked ~ label:before{content: "\f0d8";}
.menu label{display: none;}
.menu ul{float: right;padding: 1rem;}
.menu li{display: inline-block;color: #fff;margin: 20px;}
.menu li a{display: block;}
.menu li a:hover{color:#eeebdc;border-bottom: 1px solid #eeebdc;}
.menu li a:last-child:hover{color:#eeebdc;border-bottom:0;}
.menu .logo{display: inline-block;padding: 1.5rem;max-width: 208px;}
.menu .logo_m{padding: 1rem;display: none;}

label.listmenu{display: none;}



.banner_box{position: relative;overflow: hidden;width: 100%;height: 100%;}
.banner img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: auto;}
.banner button{z-index: 2;background: #f5f3ec;padding: 30px 10px;font-size: 1.5rem;color: #dcd4bb;border: 1px solid #dcd4bb;margin-top: -30px;box-sizing: border-box;position: absolute;top:50%;}
.banner button:hover{opacity: .8;}
.banner button.fa-caret-left{left:5%;}
.banner button.fa-caret-right{right:5%;}

.banner_box ul{position: absolute;right: 10%;bottom:10%;background-color: rgba(103,92,80,.8);color: #fff;text-shadow: #544d34;padding: 10px 30px 15px;text-align: right;box-sizing: border-box;}
.banner_box ul .title{font-size: 4rem;margin-bottom: 5px;}
.banner_box ul .subtitle{font-size:1.5rem;}



.indexbox{display: none;}



.mainbox{text-align: center;background:url(../images/main_bg.jpg) repeat #faf7f1;padding: 20px;box-sizing: border-box;width: 100%;vertical-align: top;}
.mainbox_2{background:url(../images/main_bg3.png) no-repeat,url(../images/main_bg2.png) no-repeat,url(../images/main_bg.jpg) repeat;background-position: right bottom,left bottom,center;}
.mainbox_3{background:url(../images/main_bg5.png) no-repeat,url(../images/main_bg4.png) no-repeat,url(../images/main_bg.jpg) repeat;background-position: right bottom,left center,center;}
.main{max-width: 1366px;margin: 0 auto;text-align: left;}
.pagetitle{overflow: hidden;text-align: left;vertical-align: top;margin-bottom: 1rem;}
.pagetitle li{display: inline-block;}
.pagetitle img{width: 50%;}
.breadcrumbs{float: right; color: #c8b9a8;}
.breadcrumbs a:after{content: "\f054";margin:0 .5rem;}
.breadcrumbs a:last-child:after{content: "";margin:0 0;}

.newslist{overflow: hidden;}
.news{width:31.5%;text-align: left;background-color: #fff;border-bottom: 2px solid #cec1b2;margin-bottom: 2%;display: inline-block;}
.news:nth-child(3n+2){margin: 0 2% 2%;}
.news li:first-child{display: inline-block;height: 300px; overflow: hidden;}
.news li:nth-child(2){margin:10px 20px;}
.news img{width: 100%;}
.news strong{border: 1px solid #cec1b2;color: #cec1b2;display:inline-block;padding:5px 10px;margin-bottom: 10px;}
.news p{height: 4.5rem;overflow: hidden;line-height: 1.5rem;}


.newspage{background-color: #fff;padding: 1rem;border: 1px solid #cec1b2;}
.newstitle{padding-bottom: 1rem;border-bottom: 1px solid #cec1b2;overflow: hidden;margin-bottom: 1rem;}
.newstitle li:nth-child(1){float: right; width: 130px;text-align: right;}
.newstitle li:nth-child(2){float: left;width: calc(100% - 140px);font-size: 1.25rem;}
.newstitle strong{border: 1px solid #cec1b2;color: #cec1b2;display:inline-block;padding:5px 10px;margin-bottom: 10px;}

.newscontent{color: #9a9a9a;line-height: 1.5rem;}
.newscontent li{margin-bottom: 1rem;}
.backbtn{width: 100%;padding: .5rem;display: block;color: #fff;background-color: #c8b9a8;font-size: 1rem;border: 0;}


.productpage{background-color: #fff;padding: 1rem;border: 1px solid #cec1b2;}
.product_pics{overflow: hidden;}
.product_pics li{display: block;float: left;}
.product_pics li:nth-child(1){width: 70%;margin-right: 2%;}
.product_pics li:nth-child(2){width: 28%;overflow: auto;}

.productpage_box{border-bottom:1px solid #c8b9a8;overflow: hidden;padding-bottom: 20px;}
.productpage_box dt{float: left;border: 1px solid #c8b9a8;text-align: center;width: 78%;max-height: 440px;box-sizing: border-box;line-height: 440px;overflow: hidden;}
.productpage_box dt img{vertical-align: middle;max-height: inherit;}
.productpage_box dd{float: right;overflow-y: auto;max-height: 440px;width: 20%;padding-right: 5px;}
.productpage_box dd a{display: block;height: 110px;border: 1px solid #c8b9a8;overflow: hidden;margin-bottom: 10px;text-align: center;line-height: 110px;padding: 5px;}
.productpage_box dd a:last-child{margin-bottom: 0;}
.productpage_box dd a img{height: 100%;vertical-align: middle;}

.productcontent li{margin: 10px auto;}
.productcontent li:first-child{color:#c8b9a8;}
.productcontent li:first-child span:before{content:"|";margin: 10px;}

.mainbox_2 .productpage{background-color: transparent;border: 0;overflow: hidden;}

.product_box{float: left;width:32%;text-align: right;border-bottom: 4px solid #7d7266;margin-bottom: 2%;color: #fff;position: relative;max-height:300px; overflow: hidden;}
.product_box:nth-child(3n+2){margin: 0 2% 2%;}
.product_box img{width: 100%;position: relative; z-index: 2;}
.product_box figcaption{width: 100%;background-color:#7d7266;border-bottom: 1px solid #fff;padding:0 10px;box-sizing: border-box;line-height:40px;position: absolute;bottom: 0;z-index: 3;height: 40px;overflow: hidden;}
.product_box figcaption a{display: block;}
.product_box a:hover figcaption{opacity: .8;}


.product_list a{background-color: #c8b9a8;color: #fff;padding: 10px 15px;;display: inline-block;margin: 0 10px 10px 0;display:inline-block;line-height: 21px;vertical-align: top;}
.product_list .here{background-color: #7d7266;}
.product_list a:hover{background-color: #7d7266;}
.product_listpage{background-color: transparent;padding: 1rem;border: 0;overflow: hidden;}
.product_listbox{width:31%;text-align: center;margin-bottom:2%;color: #4c453e;position: relative;vertical-align: top;display: inline-block;}
.product_listbox:nth-child(3n+2){margin: 0 2% 2%;}
.product_listbox figcaption{width: 100%;line-height:40px;height: 40px;overflow: hidden;}
.product_listbox figcaption span:before{content: "|";margin: 10px;}
.product_listbox a:hover figcaption{opacity: .8;}


.achievementpage{background-color: transparent;padding: 1rem;border: 0;overflow: hidden;}
.achievement_box{float: left;width:32%;text-align: center;margin-bottom: 2%;color: #7d7266;position: relative;height: 262px;overflow: hidden;}
.achievement_box:nth-child(3n+2){margin: 0 2% 2%;}
.achievement_box img{width: 100%;position: relative; z-index: 2;border: 1px solid #cec1b2;}
.achievement_box figcaption{width: 70%;background-color:rgba(255,255,255,.8);padding:0 10px; position: absolute;z-index: 3;top:50%;left: 50%;transform:translate(-50%,-50%);height: 80px;overflow: hidden;line-height: 80px;border: double 10px rgba(255,255,255,.8);background-clip:padding-box;max-width:280px;}
.achievement_box figcaption a{display: block;}
.achievement_box a:hover figcaption{opacity: .8;}


.contactpage{background-color: #fff;border: 1px solid #cec1b2;color: #7d7266;overflow: hidden;margin-bottom: 10px;}
.contactpage iframe{width: 100%;min-height: 300px;margin:1rem auto;}
.contactpage ul{margin: 0 auto;padding: 1rem;max-width: 1000px;}
.contactpage ul li{float: left;width: 50%;margin-bottom: 20px;}
.contactpage ul li strong{border: 1px solid #cec1b2;padding:5px 10px;box-sizing: border-box;width: 20%;max-width: 80px; display:inline-block;text-align:center;margin-right: 10px;}
.contactpage ul li b{display: inline-block;vertical-align: top;line-height: 2rem;}


.aboutpage{background:url(../images/about_bg.png) center left 10% no-repeat;background-color: #fff; border: 1px solid #cec1b2;color: #7d7266;overflow: hidden;margin-bottom: 10px;padding: 10px 20px;}
.aboutpage dl{max-width: 1000px;margin: 0 auto;}
.aboutpage .about_box{width: 50%;float: left;}
.aboutpage .about_box ul:after{content:""; border: 2px solid #7d7266;position: absolute;display: block;left: -10px;top:-10px;width:calc(100% - 5px);height:calc(100% - 5px);}
.aboutpage .about_box ul{padding: 20px;color: #fff;max-width: 350px;transform:translate(0%,40%);margin-right: 30px;
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), rgba(125,114,102,.7);
background: -moz-linear-gradient(45deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), rgba(125,114,102,.7);
background: linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), rgba(125,114,102,.7);
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: 50px 50px;
background-size: 5px 5px;
}
.aboutpage .about_box ul li{margin: 15px 0px;text-shadow: 1px 1px 4px #3c2812;}
.aboutpage .about_box ul li span:after{content:"\002F";margin:0px 10px;}
.aboutpage .about_box figure {overflow: hidden;}
.aboutpage .about_box figure img{width: 50%;float: left;max-width: 255px;}
.aboutpage .about_box strong{margin: 20px auto;display: block;}



.servicepage{background-color: #fff;border: 1px solid #cec1b2;color: #7d7266;overflow: hidden;margin-bottom: 10px;padding: 1rem;box-sizing: border-box;}
.servicepage ul{max-width: 1000px;margin: 0 auto;}
.servicepage ul li{float: left;width: 33%;border-bottom:1px dashed #c8b9a8;border-right:1px dashed #c8b9a8;text-align: center;padding: .5rem;box-sizing: border-box;}
.servicepage ul li:nth-of-type(3){border-right:0;}
.servicepage ul li:nth-of-type(4){border-bottom:0;}
.servicepage ul li:nth-of-type(5){border-bottom:0;}
.servicepage ul li:last-child{border:0;}
.servicepage ul li img{max-width: 50%;}
.servicepage ul li  p{display: block;height: 2rem;margin: 0 auto 15px;}

.sitemap {text-align: center;}
.sitemap a{display: block;padding: 30px 10px 10px 10px;border-bottom: solid 1px #c8b9a8;}
.sitemap li a{color: #c8b9a8;border: none;padding: 10px 0 0px 30px;}
.sitemap li a:before {content: "·";padding-right: 10px;}
.sitemap .left,.sitemap .right {display: inline-block;margin: 0 2%;width: 40%;text-align: left;vertical-align: top;}

.privacy {background-color: #fff;padding: 40px;box-sizing: border-box;line-height: 1.8rem;color: #7d7266}
.privacy ul {padding-top: 20px;}
.privacy li b {display: block;padding-top: 10px;border-bottom: solid 1px #c8b9a8;font-weight: 600;margin-bottom: 10px;box-sizing: border-box;}

.footer{background: #62574b;
background: -moz-linear-gradient(left, #62574b 0%, #e1dfd0 81%, #b1a699 99%);
background: -webkit-linear-gradient(left, #62574b 0%,#e1dfd0 81%,#b1a699 99%);
background: linear-gradient(to right, #62574b 0%,#e1dfd0 81%,#b1a699 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62574b', endColorstr='#b1a699',GradientType=1 );overflow: hidden;width: 100%;font-size: .85rem;}
.footer_fixed{position: fixed;bottom: 0;z-index: 10;}
.footer dl{max-width:  1366px;margin: 0 auto;}
.footer dt{float: right;padding: 20px 0px;box-sizing: border-box; margin-right: 20px;}
.footer dt a{padding: 5px;}
.footer dt a:hover{opacity: .8;}
.footer dd{float: left;padding: 20px 0px;box-sizing: border-box;color:#fff;margin-left: 20px;}
.footer dd p{display: inline-block;}
.footer dd p:after{content: "|";padding: 0px 5px 0px 10px;}
.footer dd p:last-child:after{content: "";}

.top_btn.fa-caret-up{display: none;}


/*scroll*/
::-webkit-scrollbar {width: 3px;}
::-ms-scrollbar {width: 3px;}
::-moz-scrollbar {width: 3px;}
::-o-scrollbar {width: 3px;}

::-webkit-scrollbar-track {background-color: transparent;}
::-ms-scrollbar-track {background-color: transparent;}
::-moz-scrollbar-track {background-color: transparent;}
::-o-scrollbar-track {background-color: transparent;}

::-webkit-scrollbar-thumb {background-color: #c8b9a8;}
::-ms-scrollbar-thumb {background-color: #c8b9a8;}
::-moz-scrollbar-thumb {background-color: #c8b9a8;}
::-o-scrollbar-thumb {background-color: #c8b9a8;}

::-webkit-scrollbar-button {background-color: transparent;}
::-ms-scrollbar-button {background-color: transparent;}
::-moz-scrollbar-button {background-color: transparent;}
::-o-scrollbar-button {background-color: transparent;}

::-webkit-scrollbar-corner {background-color: #c8b9a8;}
::-ms-scrollbar-corner {background-color: #c8b9a8;}
::-moz-scrollbar-corner {background-color: #c8b9a8;}
::-o-scrollbar-corner {background-color: #c8b9a8;}



@media only screen and (max-width:1366px){

.indexbox.main{display: block;}
.main .news_index{display: inline-block;width: 47%;margin:1%;}    
.main .news_index span{padding: 10px;box-sizing: border-box;}  
.main .news_index .news_pic{float: left;width: 40%;}
.main .news_index .news_pic img{width: 100%;border:1px solid #847c60;}
.main .news_index .news_w{float:right;text-align: left;width: 60%;}
.main .news_index .news_w strong{border: 1px solid #cec1b2;padding: 5px;color: #cec1b2;display: block;margin-bottom: 5px;}
.main .news_index .news_w p{height: 3rem;overflow: hidden;line-height: 1.5rem;}
    
.top_btn{position:fixed;bottom: 0;right: 5%;border: 0 ;background-color:rgba(125,114,112,.8);font-size: 2rem;color: #fff;padding-bottom: 50px;}  
}



@media only screen and (max-width:1000px){
.banner_box{height: auto;}    
.banner img{position: static;left: 0%;top: 0%;transform: translate(0%,0%);width: 100%;height: auto;margin-top: 5.3rem;}
.banner_box{min-height:inherit;} 
.banner_box ul{position:inherit;width: 100%;right:0;}    
.banner_box ul .title{font-size: 2rem;}    
.banner_box ul .subtitle{font-size:1rem;} 

label.listmenu{display: none;}  
.indexbox{display: block;}    
    
.menu{background-color:#fff;margin-top: 5px;}
.menu .menu_s_btn.fa-bars{display: block; float: right;font-size: 2rem;color: #c8b9a8;border-left: 1px solid #c8b9a8;padding: 25px;} 
.menu ul{display: none;position: absolute;z-index: 10;width: 100%;text-align: center;margin: 0px;background-color: #fff;box-sizing: border-box;padding: 0;}   
.menu ul li{display: block;width: 100%;margin:0;color: #524b43;border-top: 1px solid #eeebdc;padding: .7rem;}  
.menu .logo{display: none;}    
.menu .logo_m{display: block;max-width:210px;}
    
    
.footer{position: static;}  
.footer dt{float:none;text-align: center;margin: 0;}  
.footer dd{float:none;text-align: center;margin: 0;padding-top: 0}   
}

@media only screen and (max-width:768px){
.contactpage ul li{float:none;width:100%;}  
.servicepage ul li{float: left;width: 50%;border-bottom:1px dashed #c8b9a8;border-right:1px dashed #c8b9a8;text-align: center;padding: .5rem;box-sizing: border-box;}
.servicepage ul li:nth-of-type(2){border-right:0;}
.servicepage ul li:nth-of-type(3){border-right:1px dashed #c8b9a8;}
.servicepage ul li:nth-of-type(4){border-right:0;border-bottom:1px dashed #c8b9a8;}
.servicepage ul li  p{height:3.5rem;}
    

.aboutpage{background-position:center top;background-size:100% auto;}    
.aboutpage .about_box{width: 100%;float: none;}
.aboutpage .about_box ul:after{content:"";border: 0;width: 0;hanging-punctuation: 0;}
.aboutpage .about_box ul{padding:0;color: #7d7266;max-width:none;width: 90%; transform:translate(0,0);margin: 0 auto;background: -webkit-inherit;background: -moz-inherit;background:inherit;}
.aboutpage .about_box ul li{text-shadow:0 0 0;}
.aboutpage .about_box ul li span{display: block;margin-bottom: 5px;font-weight: bold;}
.aboutpage .about_box ul li span:after{content:"\002F";margin:0px 5px;}
.aboutpage .about_box figure {overflow: hidden;text-align: center;}
.aboutpage .about_box figure img{width:80%;float:none;}
.aboutpage .about_box strong{margin: 20px auto;width: 90%;}    
}

@media only screen and (max-width:640px){
.mainbox_2{background-size: 50%,50%,auto;}

#listmenu:checked ~ .product_list a{display:block;}    
label.listmenu{display:inline-block;float: right;font-size: 1.5rem;color: #fff;margin:10px 10px 0;}
.product_list a{display:none;margin: 0;}
.product_list a:first-child{display:block;}

.sitemap .left,.sitemap .right {display: block;width: 100%;margin: 0;}

.pagetitle{text-align: center;}
.pagetitle li{display: block;}
.pagetitle img{width: 50%;}
.breadcrumbs{float: none;text-align: left;}    
    
.news{width:100%;}
.news li:first-child{height:auto;}
.news:nth-child(3n+2){margin: 0 0% 2%;}
.news p{height: auto;overflow: auto;}


.indexbox .news{float: none;width:100%;}
.indexbox .news:nth-child(3n+2){margin: 0 0% 2%;}
.indexbox .news p{height: auto;overflow: auto;} 
.indexbox .news li{display: inline-block;vertical-align: top;}    
.indexbox .news li:nth-child(1){width: 45%;}    
.indexbox .news li:nth-child(2){width: 50%; margin:0px;padding: .5rem;box-sizing: border-box;} 
.indexbox .news p{height: 3rem;;overflow: hidden;}    

.newstitle li:nth-child(1){float: none;width: 100%;text-align: left;}
.newstitle li:nth-child(2){float: none; width: 100%;}    
    
.product_box{width:48%;margin-right: 2%;}
.product_box:nth-child(3n+2){margin: 0 2% 2% 0;}
.product_box figcaption{line-height:30px;}

.product_listbox{width:45%;margin-right: 4%;vertical-align: bottom;margin-bottom: 8%;}   
.product_listbox img{max-width: 100%;}   
.product_listbox:nth-child(3n+2){margin: 0 4% 8% 0;}
.product_listbox figcaption{line-height:30px;}
    
.productpage_box dt{float:none;width: 100%;}
.productpage_box dd{float:none;overflow-x:auto;overflow-y:hidden;width:100%;margin: 10px auto;white-space:nowrap;}
.productpage_box dd a{display: inline-block;height: 80px;margin-bottom:0;margin-right: 10px;width: 140px;line-height: 80px;}
.productpage_box dd a:last-child{margin:0;}   
    
.achievement_box{width:48%;margin-right: 2%;}
.achievement_box:nth-child(3n+2){margin: 0 2% 2% 0;}
.achievement_box figcaption{height: 50px;line-height: 50px;max-width:110px;}    
    
.footer dd p{display: block;}
.footer dd p:after{content: "";}

/*scroll*/
::-webkit-scrollbar {height: 3px;}
::-ms-scrollbar {height: 3px;}
::-moz-scrollbar {height: 3px;}
::-o-scrollbar {height: 3px;}
    
    
}