@charset "utf-8";
/*跑馬燈*/
.marquee{
	clear:both;
	width:100%;
	margin:0 auto 40px auto;
	text-align:center;
	height:82px;
	letter-spacing:-4px;
}
.marquee .left_column{
	display:inline-block;
	min-width:70px;
	height:82px;
	background:url(bg_bar_left.png) no-repeat top center;
}
.marquee .middle_column{
	position:relative;
	display:inline-block;
	width:60%;
	max-width:1000px;
	height:82px;
	background:url(bg_bar_middle.png) no-repeat top center;
}
.marquee .middle_column .info_column{
	position:absolute;
	letter-spacing:0px;
	line-height:82px;
	font-size:26px;
	width:100%;
	margin:0 auto;
	color:#2f5111;
}
.marquee .right_column{
	display:inline-block;
	min-width:70px;
	height:82px;
	background:url(bg_bar_right.png) no-repeat top center;
}
/*區塊標題*/
.title_column{
	clear:both;
	position:relative;
	width:100%;
	background:#e5a081;
	height:88px;
}
.title_column_nobgcolor{
	clear:both;
	position:relative;
	width:100%;
	height:88px;
}
.title_info_column_title_news{
	position:absolute;
	top:-10px;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.title_info_column_title_course{
	position:absolute;
	top:-10px;
	width:100%;
	margin:0 auto;
}
.title_info_column_title_onsale{
	position:absolute;
	top:-45px;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.title_info_column_title_cooking{
	position:absolute;
	top:-40px;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.title_news{
	display:inline-block;
	width:678px;
	height:86px;
	background:url(title_news.png) no-repeat;
}
.title_course{
	display:inline-block;
	width:596px;
	height:59px;
	background:url(title_course.png) no-repeat;
}
.title_onsale{
	display:inline-block;
	width:638px;
	height:119px;
	background:url(title_onsale.png) no-repeat;
}
.title_cooking{
	display:inline-block;
	width:817px;
	height:116px;
	background:url(title_cooking.png) no-repeat;
}
/*more 樣式*/
.button_more_type_A{
	display:inline-block;
	width:55px;
	height:55px;
	margin:0 0 0 30px;
}
.button_more_type_A a{
	display:block;
	width:55px;
	height:55px;
	background:url(icon_more_0.png);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.button_more_type_A a:hover{
	background:url(icon_more_1.png);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.button_more_type_B{
	display:inline-block;
	width:55px;
	height:55px;
	margin:0 0 0 30px;
}
.button_more_type_B a{
	display:block;
	width:55px;
	height:55px;
	background:url(icon_more2_0.png);
}
.button_more_type_B a:hover{
	background:url(icon_more2_1.png);
}
/*區塊內容_news*/
.div_column_A{
	clear:both;
	width:100%;
	max-width:1450px;
	margin:20px auto 80px auto;
}
.box_list_3_copies{
	display:inline-block;
	width:30%;
	margin:0 1.5% 2% 1.5%;
	overflow:hidden;
}
.box_list_3_copies .pic{
	width:100%;
	padding-bottom:50%;
	background-position:center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.3);
	margin:0 0 4% 0;
}
.box_list_3_copies .title{
	width:100%;
	color:#6d4312;
	font-size:20px;
	margin:0 0 3% 0;
}
.box_list_3_copies .title img{
	margin:0 10px 0 0;
}
.box_list_3_copies .info{
	clear:both;
	width:90%;
	min-height:90px;
	max-height:90px;
	overflow:hidden;
	float:right;
	margin:0 2.5% 0 0;
	line-height:22px;
	font-size:16px;
	color:#666666;
}
.box_list_3_copies .bottom_bar{
	clear:both;
	width:100%;
	background:url(bg_news_bottom.png) no-repeat center center;
	height:2px;
}
/*區塊內容_課程*/
.div_column_B{
	clear:both;
	width:100%;
	background:#FFF;
	overflow:hidden;
}
.div_column_B .info_column{
	clear:both;
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
.div_column_B .info_column .left_column{
	float:left;
	width:55%;
	margin:50px 0 100px 2%;
}
.div_column_B .info_column .right_column{
	float:right;
	width:40%;
	background:url(bg_course_right.png) no-repeat center center;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	margin:50px 0 100px 0;
	padding-top:2.5%;
}
ul.course_list{
	margin:0;
	padding:0;
}
ul.course_list li{
	font-size:18px;
	line-height:46px;
	background:url(bg_course_list_bottom.png) bottom no-repeat;
	margin:0 0 1% 0;
}
ul.course_list li a{
	color:#333;
}
ul.course_list li a:hover{
	position:relative;
	top:1px;
}
ul.course_list li .store{
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 2%;
	text-align:center;
	margin:0 1% 0 0;
	width:inherit;
	line-height:24px;
	font-size:16px;
}
ul.course_list li .store_A{
	background:#fbb85d;
}
ul.course_list li .store_B{
	background:#79deb2;
}
ul.course_list li .store_C{
	background:#f19fcf;
}
ul.course_list li .date{
	font-size:14px;
	width:inherit;
	line-height:24px;
	display:inline-block;
	margin:0 1% 0 0
}
ul.course_list li .title{
	display:inline-block;
}
/*區塊內容_商品*/
.div_column_C{
	clear:both;
	width:100%;
	max-width:1450px;
	margin:20px auto 80px auto;
}
.box_list_4_copies{
	display:inline-block;
	width:22.5%;
	margin:1%;
	padding:0.5%;
	overflow:hidden;
	background:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	box-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
.box_list_4_copies .pic{
	width:100%;
	padding-bottom:80%;
	background-position:center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0 0 4% 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.box_list_4_copies .title{
	width:90%;
	color:#6d4312;
	font-size:20px;
	margin:0 0 3% 0;
	background:url(icon_title.png) no-repeat;
	background-position: 0 5px;
	padding:0 0 0 25px;
}
.box_list_4_copies .title2{
	width:90%;
	color:#666;
	font-size:15px;
	margin:0 0 3% 25px;
}
.box_list_4_copies .price_sale{
	float:left;
	display:inline-block;
	color:#666;
	font-size:15px;
	margin:0 0 6% 10px;
	color:#ff0033;
}
.box_list_4_copies .price_org{
	float:left;
	display:inline-block;
	color:#666;
	font-size:15px;
	margin:3px 0 6% 25px;
	padding:0 10px 0 0;
	border-right:1px dashed #CCCCCC;
}
.box_list_4_copies .add_cart{
	float:left;
	clear:both;
	margin:0 0 0 25px;
	background:url(icon_product_cart.png) no-repeat;
	height:38px;
	width:45%;
	line-height:38px;
	padding:0 0 0 43px;
	color:#804920;
	cursor:pointer;
}
.box_list_4_copies .add_fav{
	float:right;
	background:url(icon_product_fav.png) no-repeat center left;
	height:38px;
	width:40%;
	line-height:38px;
	padding:0 0 0 36px;
	color:#804920;
	cursor:pointer;
}

/*區塊內容_廚藝分享*/
.div_column_D{
	clear:both;
	width:100%;
	max-width:1450px;
	margin:20px auto 80px auto;
}
.box_list_3b_copies{
	display:inline-block;
	width:30%;
	margin:2% 0% 2% 2%;
	padding:0.5%;
	overflow:hidden;
	background:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	box-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
.box_list_3b_copies .pic{
	width:100%;
	padding-bottom:60%;
	background-position:center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0 0 4% 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.box_list_3b_copies .title{
	width:100%;
	color:#557f24;
	font-size:20px;
	margin:0 0 3% 0;
	background:url(icon_title2.png) no-repeat;
	background-position: 0 5px;
	padding:0 0 6px 25px;
	border-bottom:1px dashed #E8E8E8;
}
.box_list_3b_copies .title2{
	width:100%;
	color:#804920;
	font-size:20px;
	margin:0 0 3% 0;
	background:url(icon_title.png) no-repeat;
	background-position: 0 5px;
	padding:0 0 6px 25px;
	border-bottom:1px dashed #E8E8E8;
}
.box_list_3b_copies .date{
	width:100%;
	color:#557f24;
	font-size:13px;
	padding:5px;
}
.box_list_3b_copies .title img{
	margin:0 5px 0 0;
	width:20px;
}
.box_list_3b_copies .info{
	clear:both;
	width:100%;
	min-height:78px;
	max-height:78px;
	overflow:hidden;
	margin:0 0 5px 0;
	padding:5px;
	line-height:18px;
	font-size:15px;
	color:#666666;
}