html, body {font-family: "Roboto","微軟正黑體", "Microsoft JhengHei", sans-serif;}


#product_slider{text-align:center;padding-top: 10px;}
#product_slider .swiper-wrapper{display:flex}
#product_slider .swiper-slide{background-color:#fff;height: auto;}
#product_slider span.pro_sub_item {
    width: 49%;
    height: auto;
    text-align: center;
    opacity: 1;
    color: #777;
    margin-bottom: 12px;
    background: transparent;
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}
#product_slider .new_icon {
	height: 21px;
    width: 23px;
    position: absolute;
}
#product_slider .products_sub_img{margin:0rem auto;max-width: 105px;}
#product_slider .pro_sub_item span {margin-top: -5px!important;}
#product_slider .swiper-slide{background-color:#ffffff;    min-height: 440px;}
#product_slider .swiper-button-prev.swiper-button-white {transform: rotate(180deg);}
#product_slider .swiper-button-prev, #product_slider .swiper-button-next {
	display: inline-block;
	vertical-align: middle;
    position: static;
    top: unset;
    width: 33px;
    height: 33px;
    margin-top: 0px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url(../images/home/link_arrow3.png);
}    
#product_slider .swiper-pagination{position:static;display: inline-block;vertical-align: middle;}
#product_slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    background: #44a4ff;
    box-shadow: 2px 2px 2px #000;
}




#home_recipe .swiper-container{overflow:visible}
#home_recipe .swiper-slide{background-color:#ffffff;}
#home_recipe .swiper-button-prev.swiper-button-white {transform: rotate(180deg);}
#home_recipe .swiper-button-prev, #home_recipe .swiper-button-next {
	display: inline-block;
	vertical-align: middle;
    position: static;
    top: unset;
    width: 33px;
    height: 33px;
    margin-top: 0px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url(../images/home/link_arrow3.png);
}    
#home_recipe .swiper-pagination{position:static;display: inline-block;vertical-align: middle;}
#home_recipe .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    background: #44a4ff;
    box-shadow: 2px 2px 2px #000;
}

#home_recipe .recipe_text_nav a.btn {
    width: 27px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    color: #fff;
}
#home_recipe .recipe_text_nav a.btn i {
    font-size: 0.8rem;
    line-height: 30px;
    width: auto;
}
#home_recipe  .recipe_text_nav .recipe_text_nav_t {
    color: #00509c;
    line-height: 24px;
    font-size: 20px;
    cursor: default;
    display: inline-block;
    vertical-align: middle;
}
.news_items .news_title{height:100%;position:relative;}
.news_items .news_title .news_type{
	font-size: 10px; 
	position: absolute; 
	top: 0px; 
	padding: 0 5px;
	line-height: 18px;
    border-radius: 6px;
    vertical-align: top;
	color:#fff;}
.news_items .news_title .news_type2{left:105px;}
.news_items .news_title .news_type.type1{background-color: #c377e0;}
.news_items .news_title .news_type.type2{background-color: #e07794;}
.news_items .news_title .news_type.type3{background-color: #e0c377;}
.news_items .news_title .news_type.type4{background-color: #ff9f44;}
.news_items .news_title .news_type.type5{background-color: #c9e077;}
.news_items .news_title .news_type.type6{background-color: #fecc2b;}


.news_items .news_title p{margin: 0px;position: relative;top: 10px;font-size: 0.9rem;letter-spacing: 0.05rem;height: 25px;}
.eng .news_items .news_title p{font-size: 0.8rem;letter-spacing: 0.02rem;}


.top_slider {background: rgba(148, 148, 148, 0.66);}
.blocks p {color: #777!important;text-decoration: none;margin: 0 0 12px;}
.swiper-slide a {color: #777;}
.blocks a:hover {color: rgba(0, 76, 147, 0.9);}
.blocks ul {padding: 0;}
.sub_textarea {}
.mobile_menu {float: left;position: relative;margin-top: 61px;color: #666;z-index: 2;transition-duration: 0.5s;display: none;}
.mobile_item ul {display: none;list-style: none;padding-left: 12px;}
.mobile_item ul.show {display: block;}
.mobile_menu .h_item a {font-weight: bold;color: #145898;z-index: 2;transition-duration: 0.5s;line-height: 44px;}
.mobile_menu .s_item a {color: #666;}
.sub_block_title p {	color: #00509c!important;font-size: 16px;letter-spacing: 12px;font-weight: bold;}

.border_left {box-shadow: inset 1px 0px 0px #ccdceb;	padding-bottom: 10px;}
.swiper-container_news_sub .swiper-wrapper {overflow: hidden;}
.swiper-container_news_sub .swiper-wrapper {overflow: hidden;}
.datemark {width: 65px;height: 70px;float: left;background: #B5B5B5;position: relative; -ms-transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);-o-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5);transform: scale(0.5,0.5); top: -18px;margin-right: -7px;margin-left: -15px;}

.datemark_month {float: left; width: 100%; text-align: center; color: #FFF;line-height: 17px;text-transform: uppercase;position: absolute;top: 10px;font-size: 25px;letter-spacing: 1.2px;}
.datemark_day {float: left;color: #FFF;width: 100%;line-height: 21px;text-align: center;font-size: 35px;padding-top: 3px;padding-bottom: 3px;position: absolute;bottom: 5px;}
span.news_sub_item {font-size: 15px;height: 21px;}
.swiper-slide a {font-size: 15px;line-height: 22px;text-decoration:none}

.sub_textarea a:hover {color: #00509c;}
/*
.pro_sub:before, .news_sub:before, .recipe_sub:before {content: " "; width: 18px; height: 18px; background: url(../../images/home/link_arrow.png)no-repeat; position: absolute;
  margin-right: -24px;  right: 0;top: -1px;}
.news_sub a, .recipe_sub a, .pro_sub a, .kicten_text_nav_t, .kicten_text_nav div {font-size: 15px;margin: 0;padding: 0;	color: #00509c!important;line-height: 13px;}
*/
.news_sub a:hover, .recipe_sub a:hover, .pro_sub a:hover{color:#fff; text-decoration:none}

.con_link { color: #FFFFFF!important;background: #00509c;width: 16px; height: 16px!important;line-height: 12px; border-radius: 50%;  display:none;}
.con_link p{ color: #FFFFFF!important;}
.eng .fixed_menu .menu_main_item { padding: 0px 6px;}
.eng .top_menu .menu_main_item{ padding: 0px 19px;}
.eng .top_menu .menu_main_mul li,.eng .top_menu .menu_main_item{ margin-right: 0px;}
.news_items a, .recipe_list a:link, .swiper-wrapper a:link, .blocks p  {color: #777!important;}
.swiper-container_product_sub .swiper-pagination-bullet {opacity: 1!important;color: #777!important;}
.swiper-container_product_sub .swiper-pagination-bullet:hover {opacity: 1!important;color: #00509c!important;}
.news_items:hover a, .recipe_list a:hover, .swiper-wrapper a:hover{color: #00509c!important;}
.mobile_menu{display:none;}
.top_slider .main_slider_container{width:100%;max-width: 100%;margin-top: 0;}
.main_content{max-width:1280px}
.main_content img {width: 100%;}
.products_sub_img{width:100%;max-width:110px;margin: 0 auto 10px;position:relative}
.sub_textarea span.pro_sub_item {width: 50%; height: 130px;text-align: center;float: left;opacity:1;color: #777;	margin-bottom: 12px;background: transparent;position:relative;font-size:14px}
.eng .sub_textarea span.pro_sub_item{height: 125px;}
.pro_sub_item  span{margin-top: -10px;display: block;}
.pro_sub p{display:none}


.recipe_list a{color: #777;text-decoration: none; font-size: 14px;display:block}
.sub_textarea.recipe_list img {width: 100%; border: 1px solid #ccc;}
span.recipe_title_s {display:block;text-align: center;    margin-top: 0.3rem;}

#home_container .menu_container #header_menu{margin-left:0px;-webkit-transition: all 0.3s;transition: all 0.3s;}
// #home_container .menu_container .brand-logo{left:-240px;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;}
#home_container .menu_container .brand-logo{display: none}
// #home_container .pinned .menu_container #header_menu{margin-left:160px;}
// #home_container .pinned .menu_container .brand-logo{left:0px;opacity:1;max-width: 175px;margin: 15px 0;}
// #home_container .pinned .menu_container #header_menu > li > a{padding: 0 5px;font-size: 14px;}
// .eng #home_container .pinned .menu_container #header_menu a {padding-right: 8px;padding-left: 8px;}
#home_container{position:relative; padding-top:100px}
#home_container .middle_menu{width:100%; z-index:999; position:absolute; left:0; top:0}
#home_container .products_sub_link{width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;}
#home_container .blocks{position: relative}
#home_container .sub_block_title p {font-size: 24px;letter-spacing: 4px;}
.eng #home_container .sub_block_title p { letter-spacing: 0px;}

.kicten_text_nav p {margin: 0; padding: 0px 5px;}
.swiper-container_kitchen {width: 100%;height: 100%;}

.swiper-container_kitchen .swiper-pagination {opacity: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;transition-duration: .5s;}
.swiper-container_kitchen:hover .swiper-pagination {opacity: 1;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;transition-duration: .5s;}
.kitchen_news_title {margin: 0!important;font-size: 14px;font-weight: bold;letter-spacing: 0.3em;}
.eng .kitchen_news_title {letter-spacing: 0em;}
.kicten_text_nav_t  {padding: 0px 5px;}
.swiper-container_product_sub {width: 100%;height: 100%;	overflow: hidden;}

.swiper-container_product_sub .swiper-pagination {opacity: 1;}
span.pro_sub_item:hover{	color:#00509c;}
.pro_sub_item a{color:#777;}
.pro_sub_item a:hover span{color:#00509c}
.swiper-container_news_sub {width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}
.swiper-container_news_sub .swiper-pagination {opacity: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;transition-duration: .5s;}
.swiper-container_news_sub:hover .swiper-pagination {opacity: 1;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;transition-duration: .5s;}
span.news_sub_item {width: 100%;height: 30px;background: transparent;overflow: hidden;border-radius: 0px;margin-bottom: 3px;}
.news_sub, .recipe_sub, .pro_sub, .kicten_text_nav, .recipe_text_nav {text-align: center;clear:both}
.news_sub a, .pro_sub a, .recipe_sub a{height:30px; line-height:30px}
.news_items a {color: #777;display: block;height:35px}
.news_items a:hover {color: #00509c;text-decoration: none;}
.news_items { height: 40px; margin-bottom: 3px; line-height: 35px; overflow: hidden; width: 100%;}
.swiper-container_news_sub .swiper-button-white{opacity: 0;}
.swiper-container_news_sub:hover .swiper-button-white{opacity: 1;}
.swiper-container_recipe_sub {width: 100%;height: 100%;}

.swiper-container_recipe_sub .swiper-pagination {opacity: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;	transition-duration: .5s;}
.swiper-container_recipe_sub:hover .swiper-pagination {opacity: 1;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;transition-duration: .5s;}
span.recipe_sub_item {width: 100%;height: 100%;background: transparent;}

.sub_textarea span {height: 21px; position: relative;}
#home_container .kicten_text_nav a.btn{width: 27px;height: 30px;line-height: 30px;padding: 0px;color:#fff}
#home_container .kicten_text_nav a.btn i{font-size: 0.8rem;line-height: 30px;width: auto;}
#home_container .kicten_text_nav_t{color: #00509c;line-height: 24px;font-size: 20px;cursor:default;display:inline-block;vertical-align: middle;}
  
.main_slider{width: 100%;margin: 0 auto;}
.swiper-container_main {width: 100%;height: 100%;overflow: hidden;  }

.swiper-container_main .swiper-pagination {opacity: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;  transition-duration: .5s;}	
.swiper-container_main:hover .swiper-pagination {opacity: 1;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;-ms-transition-duration: .5s;  transition-duration: .5s;	}
.swiper-slide img {width: 100%;}
.main_slider .swiper-button-next.swiper-button-white{background-image: url(../images/slider_arrow_r_off.png);right: 0;}
.main_slider .swiper-button-prev.swiper-button-white{background-image: url(../images/slider_arrow_l_off.png);left: 0}
.main_slider .swiper-button-next.swiper-button-white:hover{background-image: url(../images/slider_arrow_r_on.png)}
.main_slider .swiper-button-prev.swiper-button-white:hover{background-image: url(../images/slider_arrow_l_on.png)}
.main_slider .swiper-button-white{width: 10%; height: 100%;margin-top: 0;background-size: auto;top: 0;}
.main_slider_container{	max-width: 900px;}
.mobile_slider_container .swiper-button-white, .home_cookingclass .swiper-button-white{display:none}
#slider_logo {position: absolute;left: 5%;top: 5%;width: 200px;z-index: 100;}
#slider_logo img{width:100%;border: 2px solid #fff; border-radius: 2px;}
.swiper-pagination_pro .new_icon{width: 23px;position: absolute}	
@media only screen and (min-width: 601px){
	#home_container .kitchen_news_title{font-size:18px}
	#home_container .kitchen_news_text{font-size: 15px;letter-spacing: 0.28em;line-height: 25px;margin:1rem 0;}	
    .eng #home_container .kitchen_news_text{letter-spacing: 0;}	
	
	.recipe_list{padding-top: 12px;min-height:440px;margin-bottom:0}
	.sub_textarea, .newtext_area {padding-top: 12px;min-height:450px;margin-bottom:3px}
	
        .home_kitchencarbinet .sub_textarea{padding-top: 22px;}
        .home_cookingclass .newtext_area{padding-top: 18px;}
	.kicten_text_button-prev img, .kicten_text_button-next img {width: 15px!important;}	
	.recipe_list p {width: 49%;float: left;margin-bottom: 12px; margin-top:10px}
	.recipe_list p:nth-child(1), .recipe_list p:nth-child(5), .recipe_list p:nth-child(3) {margin-right: 1%;clear: both;}
	.recipe_list p:nth-child(2), .recipe_list p:nth-child(4), .recipe_list p:nth-child(6) {margin-left: 1%;}
	.recipe_list p:nth-child(5), .recipe_list p:nth-child(6){margin-bottom:0;}
	.news_items a{font-size: 15px;}
	#slider_section .swiper-pagination {bottom: 24px;}
}

@media (min-width: 768px){

}
@media screen and (min-width: 768px) {
	#home_slider_container{min-height: 600px;}	
}
@media screen and (min-width: 993px){
	#product_slider .new_icon  {top: 75px;right: 0;}
	
	.recipe_list p{height:125px;}
	#home_slider_container{min-height: 600px;}	
	.recipe_list p {}	
	.swiper-pagination_pro .new_icon{bottom: 35px;right: 0;}
        .eng .recipe_list .recipe_title_s{font-size: 13px;}
        .eng .menu_container #header_menu>li>a {padding-left: 13px; padding-right: 13px;}        
}
@media screen and (min-width: 1024px) {
	.mobile_menu{display:none;}
	.show.mobile_menu{display:block;}
}
@media screen and (min-width: 1200px) {
        #home_container .menu_container .brand-logo{height: 70%;left:-240px;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block;}
        #home_container .pinned .menu_container #header_menu{margin-left:195px;}
        #home_container .pinned .menu_container .brand-logo{left:0px;opacity:1;}
}

@media only screen and (min-width: 601px) and (max-width: 992px){
        .home_promo .recipe_sub{padding-top: 25px;}
}



@media screen and (max-width: 600px) {
#home_slider_container{min-height: 400px;}	
.products_sub_img {}
.menu_logo {	padding: 6px 0px!important;left: 6px!important;}
.mobile_menu{display:none;}
.show.mobile_menu{display:block;}
.sub_block_title p {text-align: center;background-color: #FFF;position: relative;margin: 0 auto!important;font-size: 34px;}
.sub_block_title {margin-bottom: 5px;}
.swiper-container_kitchen2{height: auto!important;}
.kicten_text_nav p {	margin: 0;padding: 10px 5px;font-size: 22px;}
.kicten_text_button-prev img, .kicten_text_button-next img {width: 35px!important;}
.pro_sub_item {float: left;position: relative!important;display: table!important;}
.pro_sub_item:nth-child(6){display:block;}
.sub_textarea p:nth-child(6){display:block;}
.pro_sub_item a {float: left;width: 92%;position: relative;overflow: auto; height: 212px;vertical-align: bottom;display: table-row;line-height: inherit;letter-spacing: 0.05em;text-align: center;}
.pro_sub_item p { position: absolute; bottom: 0;width: 100%;margin: 0!important;font-size: 12px;}
.border_left, .home_kitchencarbinet {box-shadow: inset 0px 0px 0px #ccdceb; padding-bottom: 20px; padding: 0;padding-top: 40px;}
.sub_textarea {height: auto; line-height: 22px; position: relative; overflow: auto; margin-bottom: 20px;}
.kicten_text_nav {right: 0;}
.recipe_list p {width: 48%;float: left;position: relative;margin-bottom: 20px!important;}
.recipe_list p:nth-child(1),.recipe_list p:nth-child(5),.recipe_list p:nth-child(3) {    margin: 0 0.5% 20px;clear: both;}
.recipe_list p:nth-child(2), .recipe_list p:nth-child(4), .recipe_list p:nth-child(6){    margin: 0 0.5% 20px;}
span.recipe_title_s {position: absolute;bottom: 10px;color: #FFF;text-shadow: 1px 1px 0px #000;font-size: 14px;font-weight: bold;text-align: center;left: 0;right: 0;}
.sub_textarea.recipe_list img {width: 100%}
.recipe_list {padding-top: 20px;}
.news_sub a, .recipe_sub a, .pro_sub a, .kicten_text_nav_t, .kicten_text_nav div { font-size: 14px;}
.news_items:nth-child(7) {display: none;}
.newtext_area {padding-top: 20px!important;height: auto!important;padding-bottom: 30px!important;}
p.kitchen_news_title {padding: 0px;font-size: 20px;margin: 12px 0px 8px!important;}
p.kitchen_news_text {font-size: 14px; margin: 0px;line-height: 2;letter-spacing: 0.05em;}
p.kitchen_news_image{text-align: center;margin-top: 10px;}
p.kitchen_news_image img{width: 100%}
.datemark {
	width: 40px
	;height: 40px;
	float: left;
	background: #B5B5B5;
	position: relative;
	-ms-transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-o-transform: scale(0.5,0.5); 
	-moz-transform: scale(0.5,0.5); 
	transform: scale(0.9,0.9); 
	top: 0px;
	margin-left: -10px;
	margin-right: 5px;}
.news_items .news_title p {  top: 6px;}

.datemark_month {float: left;width: 100%;text-align: center;color: #FFF;line-height: 17px;text-transform: uppercase;position: absolute;top: 4px;font-size: 12px;letter-spacing: 1.2px;}
.datemark_day {float: left;color: #FFF;width: 100%;line-height: 21px;text-align: center;font-size: 20px;padding-top: 3px;padding-bottom: 2px;position: absolute;bottom: 0px;}
.news_items a {color: #777;font-size: 16px;height: 32px;letter-spacing: 0.05em;}
.eng .news_items a {font-size: 15px;}
.news_items {height: 46px;margin-bottom: 0px;line-height: 46px;overflow: hidden;  width: 100%;padding-left: 10px;}
.swiper-pagination_pro{overflow:visible;margin-top: 40px; }
.recipe_list{overflow: visible;}
.sub_textarea span.pro_sub_item{font-size:13px}
}
@media only screen and (max-width: 992px){
	#home_container{padding-top: 40px;}
	#home_container .blocks{width: 90%; margin: 0 auto 50px;}
	.home_cookingclass{clear:both}
	.products_sub_img{width:120px;}
	.swiper-pagination_pro .new_icon{bottom: 25px;right: 15px;}
}