body{
    font-family: 微軟正黑體, "Open Sans", sans-serif, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #936e49;
    line-height:2em;
	background: url("../../img/home/bg.jpg") repeat-y center top;
}
a {
    text-decoration: none;
    color: inherit;
}
.darkbg{/*background:#f1efea;*/}
.container{width:80%;margin:0px auto;}
.pad20{padding:25px 0px;}
a:hover{color:#653513;}
h3.title {color: #653513;font-size:1.6em;line-height:2em;font-weight: normal;}

.minSaying{display:none;}
.head{padding:1% 0px;position:relative;}
.logo{width:400px;display:inline-block;vertical-align:top;}
.saying{margin-top:35px;float:right;margin-left:20%;width:22%;min-width:100px;}
.logo img{width:100%;}
.navs{background: #936e49;display:block;}
.navs .container{position:relative;}
.navs li{display:inline-block;color:#fff;}
.navs li a {display: block;padding: 0 1.2em;line-height:2.4em;color:#fff;}
.navs li a:hover,.navs li a.active,.langs a:hover{color:#999}

.introduction,.orderemail{width:80%;margin:0px auto;}
.introduction .inofrWraper{word-wrap: break-word;white-space: pre-wrap;}
.introduction .poster .img{width:60%;min-width:100px;display:inline-block;}
.introduction .poster .txt{line-height:1.4em;}
.introduction .poster{width:24%;text-align:center;display:inline-block;vertical-align:top;}
.introduction .inofrWraper{display:inline-block;vertical-align:top;width:72%;color:#936e49;margin-left:2%;}

.linklist,.orderemail{line-height:1.6em;}
.orderemail .txt{margin-bottom:0.5em;}
.orderemail .email{height: 40px;text-align: left;width: 73.8%;vertical-align:top;}
.orderemail .btn{    margin-left:2%;width: 20%;height: 43px;font-size: 16px;vertical-align:top;}

.member {width:47%;display:inline-block;overflow: hidden;margin-top: 2%;margin-bottom: 1%;margin:2% 2% 1% 0;vertical-align:top;}
.member img{width:auto;height:170px;margin-left:-10px;border: 1px solid #CCC;}
.member .poster{width:25%;max-width:152px;display:inline-block;vertical-align:top;overflow:hidden;}
.member .inforWraper{width:70%;color:#936e49;margin-left:3%;line-height:1.6em;display:inline-block;vertical-align:top;}
.member .title{width:100%;overflow:hidden;font-size:1em;}
.member .title span{color:#704e29;font-weight:bold;}
.member .inforWraper .text{margin-top:20px;}

.newswraper{margin:0px auto;width:50%;}
.news{width:100%;display:inline-block;overflow: hidden;margin-top: 2%;margin-bottom: 1%;margin:2% 1.3% 1% 1.3%;vertical-align:top;}
.activity {width:28%;display:inline-block;overflow: hidden;margin-top: 2%;margin-bottom: 1%;margin:2% 2.3% 1% 2.3%;vertical-align:top;}
.news img{max-width: 60%; }
.activity img{  width: 99%;  border: 1px solid #CCC;}
.news .poster,.activity .poster{overflow:hidden;}
.news .title,.activity .title{font-size:1em;color:#936e49;line-height:1.4em;}
.news .title{text-align:left;/* padding:0px 10px; */line-height:1.6em;}
.news .poster{margin-bottom:5px;text-align:center;}

#contactus .title{margin-bottom:2%;}
#contactus .map{width:60%;display:inline-block;vertical-align:top;}
#contactus .text{width:35%;margin-left:4%;text-align:left;margin-top:100px;display:inline-block;vertical-align:top;}

.more{text-align:center;margin-top:20px;}
.more a{font-size:1.2em;display: inline-block;}

.contentPage{width:80%;margin:0px auto;}
.contentPage p{text-indent:24px;}
.contentPage h3.title{font-size:1.4em;color: #653513;}
.contentPage .content{font-size:1em;line-height:1.6em;}
#footer{text-align:center;}

.interview{width:70%;line-height:1.8em;}
.contentPage h4,.proLeft,.proTitle{color:#653513;font-size:1.1em;line-height:1.4em;margin-bottom:5px;}
.contentPage h4{width:100%;float:left;font-weight:normal;font-size:1.3em;}
.proLeft{width:3%;float:left;margin-right:2%;text-align:center;}
.proRight{width:90%;float:left;}
.problem,.interview .txt{float:left;width:95%;padding-left:2%;margin-bottom:20px;}
.problem .proTxt{font-size:0.9em;}
.interview .txt{font-size:0.9em;}
.nav-box{
	display: none;
	width:46%;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 9999;
	padding: 10px 0;
	background:#936e49;
	font-size:80%;
}

.nav-box li{padding:0px;margin:0px;}
.nav-box li a{font-size:1.2em;text-align: center;color:#fff;line-height:2.4em;width:100%;display:block;}
.nav-box .open a.parent,.nav-box .open li a,.nav-box li a:hover{background:#653513;color:#fff;}
.nav-box .childs{width:100%;position:relative !important;}
.navsbtn{
    width: 40px;
    height: 40px;
    position: absolute;
    top:45%;
    right:7px;
    line-height:1.2em;
    font-size:1em;
    display: none;
}
.navsbtn span , .navsbtn>span:before , .navsbtn>span:after{
    display: block;
    position: absolute;
    width: 36px;
    height: 3px;
    content: "";
    background: #936e49;
    border-radius: 2px;
}
.navsbtn span:before{bottom: 10px;}
.navsbtn>span:after{top: 10px;}
.active span{
	background: transparent;
}
.active span:before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	bottom: 0;
}
.active span:after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 0;
}
.active span{background: transparent;}
.main-nav{display:block;}
.main-nav .childs{position:absolute; z-index:999; float:none; background:#653513;}
.main-nav .childs li a{line-height:2.4em;}
.nav-box .childs li a{color:#fff;}
.main-nav .childs li{
	display:none;
	text-align:left;
	padding-left:10px;
	background-color:#936e49;
	width:100%;
	float:none;
	z-index:9;
	cursor:pointer;
}
.langs{position:absolute;z-index:99;top:0px;right:0px;color:#fff;line-height:2.4em;}
.downlist{width:280px;margin:30px auto 0px;}
.download{margin-bottom:5px;}
.download .icon{width:20px;margin-right:5px;}
.download .icon img{width:100%;}
.download .icon,.download .title{display:inline-block;vertical-align:top;}

.pagination{text-align:center;margin-top:20px;}
.pagination li{color:#fff;background:#936e49;display:inline-block;padding:0px 6px;margin:0px 3px;line-height:1.6em;}
.pagination li.active{background:#A12436;}
.pagination li a:hover{color:#A12436;}

.slick-dots li,.slick-dots li button{width:10px;height:10px;}
.slick-dots li.slick-active button{background:#936e49;}

.newscontent{background:#fff;padding:20px 20px 100px 25px;min-height:400px;position:relative;word-wrap:break-word;}
.newscontent img{max-width:100%;}
.newscontent .head{text-align:center;margin-bottom:25px;}
.newscontent .head .title{font-size:1.4em;line-height:2.4em;}
.newscontent .head .date{line-height:1.2em;font-size:1em;}
.newscontent .foot{position:absolute;z-index:100;bottom:50px;left:0px;width:100%;}
.newscontent .foot .next,.newscontent .foot .prev{width:48%;vertical-align: top;display: inline-block;text-align: center;}
@media only screen and (max-width:780px ) {
    .contentPage{width:100%;}
	.container{width:90%;}
	.navs li a{padding:0px 0.6em;}
    body{font-size:14px;}
    .newswraper{width:70%}
}
@media only screen and (max-width:680px ){
    .member img{width:100%;height:auto;margin-left:0px !important;}
    .newswraper{width:100%}	
	.minSaying{display:block;}
	.banners{border-bottom:10px solid #936e49;}
	body{font-size:13px;}
	.saying{display:none;}
	.introduction, .orderemail{width:100%;}
	.member{width:100%;margin-right:0px;}
	.activity{width:46%;margin:2% 1%;}
	#contactus .text,#contactus .map{width:100%;margin-top:0px;margin-left:0px;}
	.logo{width:50%;min-width:240px;margin:10px 0px;}
	.headnavs,.navs{display:none}
	.navsbtn{display: block;}
	.container{width:90%;}
	.navsbtn{right:22px;}
	.newscontent .head .title{line-height:1.4em;}
	.newscontent .foot .next, .newscontent .foot .prev{width:100%;text-align:center;}
}
@media only screen and (max-width:480px ){
	.introduction .content{text-align:center;}
	.introduction .poster{display: inline-block;margin: 10px auto 20px;width: 44%;}
	.activity{width:98%;margin:2% 1%;}
	.introduction .inofrWraper{width:100%;margin-left:0px;text-align:left;}
	
	.head .container{width:96%;}
}