@charset "utf-8";
/* CSS Document */
.logo {
	text-align: center;
	height: 225px;
	background-image: url(../images/logo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.icon_login {
	background-image: url(../images/icon_login.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.4em;
	padding-left: 30px;
}
.icon_cart {
	background-image: url(../images/icon_cart.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.4em;
	padding-left: 30px;
	color: #be5e00;
}
.slider {
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdbd9e;
	margin-bottom: 30px;
}
.about {
	padding: 5%;
	border: solid 1px #cdbd9e;
	color: #948871;
	margin-bottom: 20px;
}
.news {
	color: #948871;
	background-color: #e8dfce;
	margin-bottom: 30px;
	height:260px;
}
.news .over_img{
	width:100%;
	height:260px;
	overflow:hidden;
}
.news img{
	max-width:100%;
}
.news_title {
	color: #312821;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis; /* 支援其他瀏覽器 */
	-o-text-overflow: ellipsis; /* 支援其他瀏覽器 */
	text-overflow: ellipsis;
}
.about:after, .about:before, .news:after, .news:before {
	display: table;
	content: " "
}
.about:after, .news:after {
	clear: both
}
.fb {
	color: #fff;
	background-image: url(../images/fb_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 270px;
	padding: 5%;
	margin-bottom: 20px;
	text-shadow: #555 0.1em 0.1em 0.1em;
}
.products {
	color: #fff;
	background-image: url(../images/products_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 270px;
	padding: 5%;
	margin-bottom: 20px;
	margin-left: 20px;
	text-shadow: #555 0.1em 0.1em 0.1em;
}
.blog {
	color: #fff;
	background-image: url(../images/contact_img.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	min-height: 270px;
	padding: 5%;
	text-shadow: #555 0.1em 0.1em 0.1em;
}
.contact_info {
	color: #948871;
	background-color: #e8dfce;
}
.contact_info a {
	color: #9b907d;
}
.info_01 {
	background-image: url(../images/contact_bg01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 220px;
}
.info_02 {
	background-image: url(../images/contact_bg02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 290px;
	padding-top: 65px;
}
.login_fb{	
	padding: 3%;
	text-align:center;
}
.login_fb img{
	margin-left:auto;
	margin-right:auto;
}
.margin_b3 {
	margin-bottom: 3%;
}
.margin_b30{
	margin-bottom:30px;
}
.margin_none {
	margin: 0px;
}
.padding_none {
	padding: 0px;
}
.padding_t10{
	padding-top:10px;
}
.padding_r20{
	padding-right:20px;
}
.copyright {
	background-image: url(../images/copyright_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 20px;
	text-align: center;
	color: #f8f3ea;
	font-size: 0.9em;
	background-color: #5f5a51;
	padding-bottom: 24px;
	padding-top: 5px;
	min-height: 60px;
	background-position: bottom;	
	/*position: fixed;
	bottom: 0px;
	width: 100%;*/
}
.color01 {
	color: #312821;
}
.color02 {
	color: #fff;
}
.color03{
	color:#a73c17;
}
.color04{
	color:#be9d63;
}
.w100{
	width:100%;
}
@media (max-width: 1024px) {
.info_01 {
	min-height: 0px;
}
.info_02 {
	min-height: 0px;
}
}
@media (max-width: 1023px) {
.hidden-icon {
	display: none!important
}
.search_btn {
	width: 100%;
}
}
 @media (max-width: 900px) {
.logo {
	text-align: center;
	height: 100px;
	background-image: url(../images/logo_mobile.jpg);
	background-repeat: no-repeat;
	background-size: 10em;
}
.about {
	padding: 0;
}
.info_01 {
	padding: 5%;
}
.info_02 {
	padding-top: 100px;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}
.contact_info h2 {
	margin-left: 5%;
}
.contact_img {
	display: none;
}
}
@media (min-width:640px) and (max-width:900px) {
.info_01 {
	border: none;
}
}
@media (max-width: 640px) {
.products {
	margin-left: 0px;
}
.info_01 {
	padding-top: 0px;
	border-right: none;

}
.info_02 {
	padding-top: 20px;
}
}
@media (max-width: 360px) {
.header {
	position: fixed;
	top: 0px;
	z-index: 99;
	background-color: #f5f3ee;
	width: 92%;
}
.slider {
	margin-top: 140px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
}