@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

/*-------------------------------------------------
 list_vert
--------------------------------------------------*/

.list_vert .label_combobox_year {
	/*height:30px;*/
	margin: 10px 0;
	padding: 30px 40px;
	/*text-align: right;*/
	background: #FDF7F7;
	border-left: 5px solid #D9534F;
}
.list_vert .label_combobox_year h3{
	color: #888;
}
.list_vert .menu_content{
	margin: 30px 0 80px 0;
}


.list_vert ul{
	overflow: hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.list_vert li {
	display: block;
}


/*-------------------------------------------------
 port-filter
--------------------------------------------------*/

.port-filter {
	overflow: visible;
	border-bottom: 1px solid #E9ECEF;
}
.port-filter ul {
	display: table;
	margin: 0px auto;
	padding: 0; 
	list-style: none;
}

.port-filter ul li {
	overflow: visible;
	/*overflow: hidden;*/
	display: inline-block; 
	position: relative;
	padding: 8px 12px;
}
.port-filter ul li a {
	position: relative;
	padding: 8px 16px;
	color: #888;
	font-size: 2rem;
	font-weight: bold;
}
.port-filter ul li a:hover, .port-filter ul li a:focus, .port-filter ul li a.current {
	text-decoration: none;
	/*background: #FF0031;*/
	color: #000;
	border-bottom: 3px solid #E10028;
}


.list_vert .more {
	display: block;
	/*text-align: right;*/
	float: right;
	margin: -30px 0 0 0;
	/*border:1px solid #00F;*/
}
.list_vert li .list_tilelist h2{
	color:#325895;
}
.list_vert li .list_tilelist {
	margin: 10px 0;
	padding:0;
	color: #333;
}
.list_vert li .list_tilelist ul {
	margin: 40px 0;
	/*border-bottom:2px solid #EEE;*/
}
.list_vert li .list_tilelist ul > div {
	overflow: hidden;
	width: 234px;
	/*margin: 10px 10px;*/
	margin: 10px 24px;
	padding: 4px;
	/*border: 1px solid #CCC;*/
}
.list_vert li .list_tilelist ul > div:hover {
	/*-webkit-filter: brightness(90%);*/
	/*filter: brightness(90%);*/
}
.list_vert li .list_tilelist ul > div a:hover {
	color:#333;
}
.list_vert li .list_tilelist ul > div .item_hot{
	position: absolute;
	right: 0;
	width: 64px;
	/*border: 1px solid #CCC;*/
}
.list_vert li .list_tilelist ul > div .item_image{
	margin: 0px 0px;
	text-align: center;
	/*max-width: 150px;*/
	/*min-height: 150px;*/
	width: 226px;
	height: 226px;
	border: 3px solid #FFF;
	/*box-shadow: 0px 0px 5px 2px #DDD;*/
}
.list_vert li .list_tilelist ul > div .item_image:hover {
	border: 3px solid #E10028;
}
.list_vert li .list_tilelist ul > div img{
	display: block;
	/*max-width: 226px;*/
	/*max-height: 226px;*/
	width: 100%
}
.list_vert li .list_tilelist ul > div .item_text{
	overflow: hidden;
}
.list_vert li .list_tilelist ul > div h4{
	margin: 6px 0;
	padding: 0;
	color: #E10028;
	/*font-size: 1.6rem;*/
	text-align: center;
}
.list_vert li .list_tilelist ul > div .tag_box{
	overflow: hidden;
	display: table;
	margin: 4px auto;
	min-height: 21px;
}
.list_vert li .list_tilelist ul > div .item_tag{
	float: left;
	margin: 0 3px;
	padding: 0 8px;
	color: #FFF;
	font-size: 1.2rem;
	background: #EA5B27;
	/*border: 2px solid #999;*/
	border-radius: 16px;
}
.list_vert li .list_tilelist ul > div .item_description{
	/*font-size: 1.5rem;*/
	text-align: center;
	color: #666;
}


/*-------------------------------------------------
 video
--------------------------------------------------*/

.video_title_box {
	border-bottom: 1px solid #E9ECEF;
}

.video_box h1 {
	display: table;
	text-decoration: none;
	margin: 0 auto;
	/*color: #000;*/
	border-bottom: 3px solid #EB5645;
}


.video_box{
	width: 860px;
	margin: 30px 0 0 0;
	padding: 30px 0 0px 0;
}
.video_box h2{
	margin: 0 0 30px 0;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #F00;
}
.video_box .recipe_url{
	/*position: absolute;*/
	float: right;
}
.slide_box{
	width: 800px;
	margin: auto;
	padding: 30px 0;
}
.slide_box .video_item{
	margin: 0 4px;
} 
.slide_box .post_image img{ 
	width: 100%;
}
.slick-list{
	/*width:900px;*/
}
.slick-list:after,.buttons::after{clear:both;content:"";display:table;}




/*iPhoe*/
@media screen and (max-width: 767px) {

	.list_vert .label_combobox_year {
		/*margin: 10px 0;*/
		padding: 10px 20px;
		/*background: #ECF0F1;*/
		/*border-left: 5px solid #02759F;*/
	}

	.list_vert .label_combobox_year h1{
		font-size: 2.3rem;
	}
	.list_vert .label_combobox_year h3{
		font-size: 1.8rem;
	}

	.port-filter ul li a {
		padding: 8px 0px;
		/*color: #888;*/
		font-size: 1.5rem;
		/*font-weight: bold;*/
	}

	.list_vert li .list_tilelist ul > div {
		overflow: hidden;
		width: 42%;
		/*width: 200px;*/
		/*height:254px;*/
		margin: 10px 6px;
		padding: 4px;
		/*border: 1px solid #CCC;*/
	}
	.list_vert li .list_tilelist ul > div .item_image{
		/*margin: 0px 0px;*/
		/*text-align: center;*/
		/*width: 226px;*/
		width: 100%;
		height: 126px;
	}

	.list_vert li .list_tilelist ul > div .item_image img{
		/*width: 100%;*/
		max-width: 100%;
	}

}