@charset "utf-8";

body,ul,li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}


img{ border:none;}

.cleancss {
    clear:both;
}

body {
	background-image: url(../images/bg.gif);
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體", Arial;
}

.top_line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #504444;
	border-right-color: #504444;
	border-bottom-color: #504444;
	border-left-color: #504444;
	height: 83px;
	min-width: 1245px;
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}
.top_box {
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


.logo {
	margin-top: 16px;
	margin-left: 29px;
	float: left;
}
.top_menu {
	width: 800px;
	margin-top: 36px;
	float: left;
	margin-left: 50px;
}

.top_menu a {
	color: #000;
	text-decoration: none;
	color: #333333;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
}
.top_menu  a:hover {
	color: #000;
	text-decoration: none;
	color: #9b1b2a;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9b1b2a;
	border-right-color: #9b1b2a;
	border-bottom-color: #9b1b2a;
	border-left-color: #9b1b2a;
	padding-bottom: 10px;
}






.top_tool {
	position: absolute;
	z-index: 99;
	left: 1225px;
}
.top_banner {
	height: 469px;
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}
.index_main {
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}
.banner_brand {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_brand.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_pro {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_pro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_bread {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_bread.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.banner_teaparty {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_teaparty.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_dumpling {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_dumpling.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.banner_potato {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_potato.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_cake {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_cake.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_giftbox {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_giftbox.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_lunchbox {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_lunchbox.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.banner_baking {
	-moz-background-size: cover;
	background-size: cover;
	height: 178px;
	min-width: 1245px;
	background-image: url(../images/top_baking.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


.index_news_more {
	text-align: right;
	width: 370px;
	margin-top: 6px;
}
.index_news_more a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.index_news_more  a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
}



.index_news {

	text-align: left;
	padding: 10px;
}

.index_news h1 {
	font-family: "微軟正黑體", Arial;
	font-size: 21px;
	color: #FFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}


.index_news h1 a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
}
.index_news h1  a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFF00;
	text-decoration: none;
}


.index_news ul {
	margin: 0px;
}
.index_news ul li {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b13543;
	border-right-color: #b13543;
	border-bottom-color: #b13543;
	border-left-color: #b13543;
	font-size: 13px;
	color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	width: 380px;
	padding-left: 8px;
}
.index_news ul li  a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
}
.index_news ul li  a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFF00;
	text-decoration: none;
}
.pro {
	background-color: #efeae1;
	display: block;
	text-align: left;
	padding: 20px;
	float: left;
	width: 790px;
	height: 180px;
}
.pro h1 {
	font-family: "微軟正黑體", Arial;
	font-size: 21px;
	color: #887045;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}




.footer_bg {
	background-color: #9b1b2a;
	min-width: 1245px;
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}

.footer {
	width: 1165px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 45px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
	color: #FFF;
	padding-bottom: 40px;
	line-height: 22px;
}
.footer  a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
}
.footer   a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: underline;
}





.footer h1 {
	font-family: "微軟正黑體", Arial;
	font-size: 19px;
	font-weight: bold;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.company_info {
	width: 400px;
	margin-right: 30px;
	float: left;
}
.company_info img {
	margin-bottom: 20px;
}

.sitemap {
	width: 600px;
	float: left;
}
.sitemap ul {
	width: 90px;
	margin-right: 60px;
	float: left;
}
.qr {
	width: 106px;
	margin-top: 38px;
	float: right;
}

.icon {

	margin-top:150px;
	float: right;
}


.icon img {

	margin-left: 10px;
}
.ad {
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}

.main_box {
	margin-top: 65px;
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 65px;
}
.menu_list {
	margin-left: 70px;
}

.all {

}

.all  a {
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 145px;
	padding-top: 21px;
	padding-bottom: 11px;
	float: left;
	margin-right: 6px;
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	background-position: 0px 10px;
}
.all   a:hover {
	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 145px;
	padding-top: 21px;
	padding-bottom: 11px;
	float: left;
	margin-right: 6px;
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	background-position: 0px 10px;
}
.menu {
	float: left;
	width: 1000px;
}

.menu ul {
	float: left;
}

.menu ul li {
	float: left;

}

.menu ul li  a {
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 150px;
	padding-top: 21px;
	padding-bottom: 11px;
	display: block;
	text-decoration: none;
	background-position: 0px 10px;
	margin-bottom: 5px;
}
.menu ul li   a:hover {
	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 150px;
	padding-top: 21px;
	padding-bottom: 11px;
	display: block;
	text-decoration: none;
	background-position: 0px 10px;
	margin-bottom: 5px;
}
.menuover {
	float: left;
	position: relative;
	width: 150px;

}



.menuover  a {
	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 150px;
	padding-bottom: 11px;
	float: left;
	background-position: 0px 10px;
	padding-top: 21px;
	text-decoration: none;

}
.menuover  a:hover {

	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width: 150px;
	padding-bottom: 11px;
	float: left;
	background-position: 0px 10px;
	padding-top: 21px;
	text-decoration: none;


}
.closebtn {
	background-image: url(../images/closebtn.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 150px;
	position: absolute;
	z-index: 50;
	padding-top: 16px;
	margin-top: 5px;
}
/*.pro_main {
	margin-top: 50px;
	margin-left: 120px;
}*/
.right {
	float: right;
}


/*.pro_main ul li {
	width: 200px;
	text-align: center;
	font-size: 13px;
	color: #4f3b11;
	float: left;
	margin-right: 60px;
	margin-bottom: 28px;	/*20140630 add*/
/*}
.pro_main ul li img {
	margin-bottom: 15px;
	height: 200px;
	width: 200px;
}*/



.pro_booking {
	background-color: #9b1b2a;
	height: 22px;
	width: 30px;
	border-radius: 15px;
	font-size: 13px;
	color: #FFF;
	padding-top: 8px;
	float: right;
}
.pro_detail {
	margin-top: 20px;
	position: relative;
}
.detail_box {
	background-color: #fefdf6;
	border: 3px solid #eae6d5;
	border-radius: 5px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	top: 23px;
}
.detail_box2 {
	border-radius: 5px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	top: 23px;
}
.deatil_arrow2 {
	position: absolute;
	z-index: 10;
	left: 455px;
}
.pro_photo {
	width: 380px;
	margin-right: 20px;
	margin-top: 30px;
	margin-left: 20px;
}


.pro_txt {
	float: right;
	text-align: left;
	width: 600px;
	margin-right: 30px;
	margin-top: 30px;
}
.pro_tb  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eae6d5;
	border-right-color: #eae6d5;
	border-bottom-color: #eae6d5;
	border-left-color: #eae6d5;
	font-size: 21px;
	color: #4f3b11;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-family: "微軟正黑體", Arial;
}
.pro_tb2  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eae6d5;
	border-right-color: #eae6d5;
	border-bottom-color: #eae6d5;
	border-left-color: #eae6d5;
	font-size: 13px;
	color: #4f3b11;
	margin: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	line-height: 22px;
	padding-top: 10px;
	font-family: "微軟正黑體", Arial;
}
.pro_list {
	color: #4f3b11;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eae6d5;
	border-right-color: #eae6d5;
	border-bottom-color: #eae6d5;
	border-left-color: #eae6d5;
	font-family: "微軟正黑體", Arial;
	line-height: 30px;
	font-size: 13px;
}

.pro_list ul {
	margin: 0px;
}
.pro_list ul li {
	float: left;
	width: 100px;
}





.remark {
	font-size: 13px;
	line-height: 22px;
	color: #4f3b11;
	font-family: "微軟正黑體", Arial;
}
.remark h3 {
	font-size: 13px;
	font-weight: bold;
	color: #4F3B11;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.more {
}

.cart_bg {
	background-color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 8px
	margin: 50px auto;
	box-shadow: 5px 5px 10px #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	margin-left: 20px;
	margin-right: 19px;
}

.main_box h1 {

	font-size: 21px;
	color: #4f3b11;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.cart_main {
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 25px;
}
.cart_left {
	margin-top: 60px;
	width: 150px;
	text-align: center;
	font-size: 21px;
	color: #707070;
	font-weight: bold;
}
.cart_left img {
	margin-bottom: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.td_right {
	float: right;
	width: 950px;
	font-size: 13px;
	color: #333;
}


.cart_td1 {
	background-color: #f4f4f4;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.cart_td2 {
	padding: 10px;
	font-size: 13px;
	color: #333333;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
}



.cart_td2 a {
	border-radius: 8px;
	color: #333;
	text-decoration: none;
	border-radius: 1px;

}
.cart_td2 a:hover {
	border-radius: 8px;
	color: #000;
	text-decoration: underline;
	border-radius: 1px;
}
.cart_td3 {
	font-size: 13px;
	color: #333333;
	text-align: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}



.cart_btn_bg {
	margin-top: 30px;
	margin-right: 19px;
	margin-bottom: 50px;
	margin-left: 20px;
}


.cart_btn_l {

}
.cart_btn_l a {
	background-image: url(../images/bg2.gif);
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;

}
.cart_btn_l  a:hover {
	background-image: url(../images/bg3.gif);
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
.cart_btn_line {
	border: 1px solid #EFEFEF;
	display: block;
	padding: 5px;
	border-radius: 3px;
}


.cart_btn_r {
	float: right;

}
.cart_btn_r a {
	background-image: url(../images/bg2.gif);
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;

}
.cart_btn_r  a:hover {
	background-image: url(../images/bg3.gif);
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
.login_bg {

	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.login_bg h2 {
	background-color: #9b1b2a;
	padding-top: 8px;
	padding-bottom: 8px;

	border-radius: 8px
margin: 50px auto;
	box-shadow: 5px 5px 10px #CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin: 0px;
	padding: 5px;
	font-size: 19px;
	color: #FFF;
	text-align: center;
}
.login_main {
	background-color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;

	border-radius: 8px
margin: 50px auto;
	box-shadow: 5px 5px 10px #CCC;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 20px;
	font-size: 13px;
	color: #333333;
}

.login_txt {
}

.login_txt a {
	border-radius: 8px;
	color: #333333;
	text-decoration: none;
	border-radius: 1px;
}

.login_txt a:hover {
	border-radius: 8px;
	color: #000;
	text-decoration: underline;
	border-radius: 1px;
}

.forget {

}
.forget a {
	border-radius: 8px;
	color: #333333;
	text-decoration: none;
	border-radius: 1px;
	background-image: url(../images/icon_forget.gif);
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-position: 20px 0px;
}
.forget a:hover {
	border-radius: 8px;
	color: #000;
	text-decoration: underline;
	border-radius: 1px;
}
.member_bg {
	margin-right: 19px;
	margin-left: 20px;
}
.member_bg h2 {
	background-color: #9b1b2a;
	padding-top: 8px;
	padding-bottom: 8px;

	border-radius: 8px
margin: 50px auto;
	box-shadow: 5px 5px 10px #CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin: 0px;
	padding: 5px;
	font-size: 19px;
	color: #FFF;
	text-align: center;
}.member1 {
	width: 570px;
	float: left;
}
.member2 {
	width: 570px;
	float: right;
}

.red {
	color: #F30;
}
.member_clause {
	line-height: 22px;
	overflow: auto;
	height: 285px;
}

.member_main {
	background-color: #FFF;
	box-shadow: 5px 5px 10px #CCC;
	padding: 20px;
	font-size: 13px;
	color: #333333;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 310px;
}

.member_main h4 {
	font-size: 15px;
	color: #9b1b2a;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.ps {
	margin-top: 15px;
	font-size: 13px;
	color: #333;
}
.total_bg {
	background-color: #F4F4F4;
	padding: 5px;
}
.price {
	font-size: 13px;
	color: #333;
	text-align: right;
	padding: 5px;
}
.price_txt {
	font-size: 13px;
	color: #333;
	padding: 5px;
}
.price_txt1 {
	font-size: 13px;
	color: #333;
	text-align: center;
}
.line1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}



.step_bg {
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	background-color: #9b1b2a;
}
.step {
	text-align: center;
	font-size: 15px;
	border-radius: 8px;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #d17984;
	border-radius: 1px;
	font-weight: bold;
}
.step3_txt {
	font-size: 15px;
	line-height: 22px;
	color: #333;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.step_arrow {
	padding-right: 30px;
	padding-left: 30px;
}




.step_bg_over {
	width: 140px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	display: block;
	padding: 3px;
	float: left;
	border: 1px solid #9b1b2a;
	background-color: #fadbde;
}
.step_over {
	text-align: center;
	font-size: 15px;
	border-radius: 8px;
	display: block;
	color: #9b1b2a;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #9b1b2a;
	border-radius: 1px;
	font-weight: bold;
}
.spec1 {
	margin-top: 8px;
}
.spec2 {
	margin-top: 8px;
}
.spec3 {
	margin-top: 8px;
}
.spec4 {
	margin-top: 8px;
}
.spec5 {
	margin-top: 8px;
}
.spec6 {
	margin-top: 8px;
}
.spec7 {
	margin-top: 8px;
}
.spec8 {
	margin-top: 8px;
}







.spec_add {
	margin-left: 20px;
}



.specification1 {
	font-size: 13px;
	background-color: #F4F4F4;
	line-height: 22px;
	text-align: center;
	color: #333;
	padding: 8px;
}
.specification2 {
	font-size: 13px;
	line-height: 22px;
	color: #333;
	padding: 8px;
	border: 1px solid #F4F4F4;
}
.inquiry_td1 {
	font-size: 13px;
	color: #333;
	text-align: center;
	width: 150px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F4F4F4;
	border-right-color: #F4F4F4;
	border-bottom-color: #F4F4F4;
	border-left-color: #F4F4F4;
}
.inquiry_td2 {
	font-size: 13px;
	color: #333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F4F4F4;
	border-right-color: #F4F4F4;
	border-bottom-color: #F4F4F4;
	border-left-color: #F4F4F4;
	padding: 10px;
}
.td_right h2 {
	font-size: 17px;
	font-weight: bold;
	color: #9b1b2a;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.save {
	width: 466px;
	text-align: right;
}

.save  a {
	border-radius: 8px;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 1px;
	background-color: #83ab2e;
	border-radius: 3px;
	display: block;
	width: 40px;
	float: right;
	text-align: center;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-left: 10px;
}
.save  a:hover {
	border-radius: 8px;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 1px;
	background-color: #9FCC40;
	border-radius: 3px;
	display: block;
	width: 40px;
	float: right;
	text-align: center;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;

}
.forget {
	text-align: center;
	margin-bottom: 15px;
}
.first_shopping {
	margin-top: 20px;
	background-color: #F5F3E7;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	font-family: "微軟正黑體", Arial;
	font-size: 13px;
	color: #333;
}
.member_icon {
	float: left;
	width: 80px;
	text-align: center;
	height: 70px;
}
.member_box {
	padding-top: 30px;

}

.member_box  a {
	border-radius: 8px;
	text-decoration: none;
	border-radius: 1px;
	background-color: #FFF;
	border-radius: 3px;
	float: left;
	display: block;
	font-size: 13px;
	color: #666;
	width: 290px;
	margin-left: 70px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.member_box a:hover {
	border-radius: 8px;
	color: #666666;
	text-decoration: none;
	border-radius: 1px;
	background-color: #f5f3e7;
	border-radius: 3px;
}
.member_box h4 {
	font-size: 15px;
	color: #4f3b11;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eae6d5;
	border-right-color: #eae6d5;
	border-bottom-color: #eae6d5;
	border-left-color: #eae6d5;
	display: block;
	float: left;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.member_box_txt {
	width: 250px;
}
.contact {
	font-size: 13px;
	width: 820px;
	line-height: 22px;
}
.contact a {
	color: #FF3300;
	text-decoration: none;

}
.contact a:hover {
	color: #000000;
	text-decoration: underline;

}
/*.pro_main {
	margin-top: 50px;
	margin-left: 120px;
}*/
.right {
	float: right;
}

/*.store_main  {
	margin-top: 50px;
	margin-left: 120px;
}

.store_main ul li {
	width: 210px;
	font-size: 13px;
	color: #4f3b11;
	float: left;
	margin-right: 40px;
}
.store_main ul li h5 {
	font-size: 15px;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.store_main ul li img {
	margin-bottom: 15px;
}

.store_main ul li a {
	font-size: 13px;
	color: #4f3b11;
	text-decoration: none;
}*/		/*20141113 note*/


.store_photo {
	width: 476px;
	margin-right: 20px;
	margin-top: 30px;
	margin-left: 20px;
}
.store_txt {
	float: right;
	text-align: left;
	width: 500px;
	margin-right: 30px;
	margin-top: 30px;
}
.store_list {
	margin-top: 15px;
}
.store_list ul li {
	float: left;
	margin-left: 10px;
}
.address {
	float: left;
	width: 304px;
	margin-right: 10px;
	margin-bottom: 30px;
}


.address1 {
	width: 300px;
	background-color: #504444;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.address2 {
	font-size: 15px;
	background-color: #504444;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #857c7c;
	border-right-color: #857c7c;
	border-bottom-color: #857c7c;
	border-left-color: #857c7c;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.address3 {
	width: 298px;
	background-color: #fafafa;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cac7c7;
	border-right-color: #cac7c7;
	border-bottom-color: #cac7c7;
	border-left-color: #cac7c7;
}

.address4 {
	width: 276px;
	background-color: #fafafa;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e4e2e2;
	border-right-color: #e4e2e2;
	border-bottom-color: #e4e2e2;
	border-left-color: #e4e2e2;
	line-height: 25px;
}
.address_more {
	margin-top: 20px;
	margin-bottom: 10px;
}
.address_more a {
	color: #504444;
	text-decoration: none;
	background-color: #e9e7e7;
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-radius:3px;

}
.address_more a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #504444;
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-radius: 3px;

}

.cart_history_txt {
	margin-bottom: 10px;
}
.cart_history_td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	text-align: center;
	padding: 10px;
}


.cart_history_td a {
	color: #333333;
	text-decoration: none;
	border-radius: 3px;

}
.cart_history_td a:hover {
	color: #000000;
	text-decoration: underline;
	border-radius: 3px;

}


.cart_history_td2 {
	text-align: right;
	background-color: #F4F4F4;
	padding: 10px;
}

.cart_history_td3 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	text-align: right;
	padding: 10px;
}
.cart_history_list {
	font-size: 13px;
	width: 150px;
	margin-top: 50px;
	line-height: 25px;
}
.news {
	font-size: 13px;
	line-height: 25px;
	/*margin-left: 100px;*/
	margin-left: 20px;
	margin-right: 100px;
	color: #666;

}


.news h3 {
	color: #ff6600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.news h4 {
	font-size: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #000;
}


.news_dtae {
	color: #FF6600;
}

.news ul {
	margin: 0px;
}
.news ul li {
}


.news ul li a {
	color: #333;
	text-decoration: none;
	text-decoration: none;
	background-color: #FFF;
	font-size: 13px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e4e2e2;
	border-right-color: #e4e2e2;
	border-bottom-color: #e4e2e2;
	border-left-color: #e4e2e2;
	display: block;
	padding: 10px;
}
.news ul li a:hover {
	color: #000;
	text-decoration: none;
	color: #333333;
	text-decoration: none;
	background-color: #F9F8F2;
}

.news_page {
	text-align: right;
	margin-top: 30px;
}

.news_page img {
	margin-right: 20px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
}
.news_back {

}
.news_back a {
	color: #AA998F;
	text-decoration: none;
	text-decoration: none;
	font-size: 13px;
	display: block;
	background-image: url(../images/arrow_back.png);
	background-repeat: no-repeat;
	float: right;
	padding-left: 30px;
	padding-top: 2px;
	margin-left: 20px;
}
.news_back a:hover {
	color: #000;
	text-decoration: none;
	color: #333333;
	text-decoration: none;
}
.search {
	border-radius: 10px;
	font-size: 13px;
	color: #8b7f6a;
}
.policy {
	line-height: 25px;
	margin-left: 30px;
}
.search_icon {
	background-color: #8b7f6a;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-radius: 5px;
}
.search_txt {
	font-size: 13px;
	color: #333;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.search_btn {
	color: #8B7F6A;
	background-color: #eae6d5;
	font-size: 13px;
	border-radius: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.policy_txt {
	line-height: 25px;
}

.policy ul {
	margin: 0px;
}
.policy ul li {
	list-style-type: disc;
	margin-left: 17px;
	padding: 0px;
}



.td_right h4 {
	font-size: 15px;
	color: #83ab2e;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.other_left {
	width: 150px;
	text-align: center;
	font-size: 21px;
	color: #707070;
	font-weight: bold;
}
#ereight {
	position: absolute;
	color: #FFF;
	border-radius: 5px;
	height: 20px;
	width: 130px;
	padding: 3px;
	text-align: center;
	background-image: url(../images/ereight.png);
	background-repeat: no-repeat;
	background-position: right;
	left: 0px;
	top: 50px;
	right: 0px;
	bottom: 0px;
	visibility: hidden;
}
.ereight_box {
	position: relative;
	margin-left: 585px;
}

.ereight_main {
	left: 933px;
	top: 703px;
	background-color: #bb3a3a;
	color: #FFF;
	border-radius: 5px;
	height: 20px;
	width: 120px;
	padding: 3px;
	text-align: center;
}
.fb {
	width: 100px;
	margin-top: 10px;
}
.bread_dumpling1 {
	font-size: 15px;
	line-height: 28px;
	color: #484848;
	margin-right: 35px;
	margin-left: 35px;


}

.bread_dumpling1 img {
	display: block;
	margin-right: 30px;
	width: 352px;
	float: left;
}

.bread_dumpling1 h2 {
	font-size: 21px;
	font-weight: bold;
	color: #4f3b11;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.bread_dumpling2 {
	font-size: 15px;
	line-height: 30px;
	color: #484848;
	margin-right: 35px;
	margin-left: 35px;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.5);
	padding: 20px;
}
.bread_dumpling2 h2 {
	font-size: 21px;
	font-weight: bold;
	color: #4f3b11;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.bread_dumpling2 ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.bread_dumpling2 ol li {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px;
}



.bread_dumpling_txt  {
	margin-right: 35px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	margin-left: 35px;
	font-size: 21px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #4F3B11;
	padding-top: 10px;
	padding-bottom: 10px;
}


.bread_dumpling3 {
	font-size: 15px;
	line-height: 30px;
	color: #484848;
	margin-right: 35px;
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
}
.bread_dumpling3 ul li h3 {
	font-size: 19px;
	color: #83ab2e;
	text-align: center;
	width: 350px;
	margin: 0px;
}
.bread_dumpling3 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
.bread_dumpling3 ul li img {
	margin-left: 25px;
	margin-bottom: 10px;

}


.bread_dumpling3_txt {
	width: 300px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 25px;
	height: 110px;
	margin-bottom: 30px;

}


.bread_dumpling3_txt {
	width: 300px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 25px;
	height: 110px;
	margin-bottom: 30px;

}
.sweet_potato {
	font-size: 15px;
	line-height: 30px;
	color: #484848;
	margin-right: 35px;
	margin-left: 35px;
}.sweet_potato h2 {
	font-size: 21px;
	font-weight: bold;
	color: #4f3b11;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.sweet_potato img {
	display: block;
	margin-right: 30px;
	width: 352px;
	float: left;
}
.sweet_potato_txt {
	width: 300px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 25px;
	height: 130px;
	margin-bottom: 30px;
}

.sweet_potato2 {
	width: 793px;
	float: right;
	text-align: left;
	margin-top: 20px;
}

.sweet_potato2 ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.sweet_potato2 ol li {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px;
}


.sweet_potato2 h3 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	background-color: #7A9206;
	width: 80px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.brand_story {
	margin-right: 35px;
	margin-left: 34px;
}
.brand_story1 {
}
.brand_story_txt1 {
	font-size: 15px;
	line-height: 35px;
	color: #5c5c5c;
	float: right;
	width: 576px;
	text-align: center;
	height: 455px;
}


.brand_story_image1 {
	width: 588px;
	position: relative;
	float: left;
}
.brand_story_image1_arrow {
	position: absolute;
	left: 576px;
	top: 231px;
	z-index: 99;
}




.brand_story2 {
}
.brand_story_txt2 {
	font-size: 15px;
	line-height: 35px;
	color: #5c5c5c;
	float: left;
	width: 576px;
	text-align: center;
	height: 455px;
}


.brand_story_image2 {
	width: 588px;
	position: relative;
	float: right;
}
.brand_story_image2_arrow {
	position: absolute;
	top: 231px;
	z-index: 99;
	left: -1px;
}
.brand_story_txt2 h2 {
	font-size: 27px;
	color: #9b1b2a;
	margin-top: 20px;
}
.brand_story_txt2 h3 {
	font-size: 27px;
	color: #83ab2e;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.brand_story_txt1 h2 {
	font-size: 27px;
	color: #9b1b2a;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.history {
	margin-top: 100px;
}
.history h2 {
	width: 110px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	background-image: url(../images/history_bg.png);
	padding-top: 25px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
}
.ad {
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}
.video_banner {
	height: 440px;
	width: 1245px;
	margin-right: auto;
	margin-left: auto;
}
.top_icon {
	margin-right: auto;
	margin-left: auto;
	background-color: #791722;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 1245px;
	color: #FFF;
}

/*
.copyright {
	font-size: 12px;
	color: #ccb5b6;
	width: 500px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
*/

.copyright {
	font-size: 12px;
	color: #ccb5b6;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}



.copyright  a {
	color: #ccb5b6;
	text-decoration: none;
}
.copyright   a:hover {
	color: #ccb5b6;
	text-decoration: underline;
}



.top_arrow {
	width: 100px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 40px;
}
.top_arrow  a {
	color: #ccb5b6;
	text-decoration: none;
	background-image: url(../images/top_arrow.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	display: block;
	text-align: center;
	width: 60px;
	float: right;
	font-size: 12px;
}
.top_arrow  a:hover {
	color: #ccb5b6;
	text-decoration: none;
}
