.swiper-slide{background-position:center;}
.swiper-slide.slide2{background-image:url(/imagestw/products/product_list/list_cm/slider2_bg1.jpg)!important}
.swiper-slide.slide2 .slider_text{text-align:center!important;top:20%;left:-20px!important;z-index:10;}
.swiper-slide.slide2 .container{position:relative;height:100%;}
.swiper-slide.slide2 .slider_text img{width:100%;max-width:350px;}
.swiper-slide.slide2 h2{font-size:3.5rem!important;color:#362e2b;margin:0.8rem 0;text-shadow:none;font-weight:600}
.swiper-slide.slide2 h2 span{letter-spacing:0.5rem}
.swiper-slide.slide2 img.right{position:absolute;right:-215px;bottom:20px;width:950px;z-index:5;}
.swiper-slide.slide3{
background-position: center right 65%!important;
background-size: auto 100%!important;background-color: #222222!important;
background-image:url(/imagestw/products/product_list/list_cm/slider3_bg0.jpg)!important}
.swiper-slide.slide3 .slider_text{
text-align:left!important;
top:35%;
left:unset!important;
right:0!important;
}
.swiper-slide.slide3 .container{position:relative;height:100%;}
.swiper-slide.slide3 h2{
font-size:3.5rem!important;
color:#ffffff;margin:0;
text-shadow:none;font-weight:600}
.swiper-slide.slide3 h2 span{letter-spacing:0.5rem}
.swiper-slide.slide3 h4{
font-size:2.5rem!important;
color:#efefef;margin:0.5rem 0;
text-shadow:none;font-weight:600}
.swiper-slide.slide3 h4 span{letter-spacing:0.5rem}
@media only screen and (max-width: 992px){
.swiper-slide.slide2 .slider_text {
top: 5%;
left: 0!important;
right:0!important;
margin:0 auto;
-webkit-animation-name: fadeInDown!important;
animation-name: fadeInDown!important;
}
.swiper-slide.slide2 img.right {
right: -40px;
width: 115%;
max-width:750px;
}
.swiper-slide.slide3{
background-position: center bottom!important;
background-size: 100% auto!important;
background-image:url(/imagestw/products/product_list/list_cm/slider3_bg_m.jpg)!important}
.swiper-slide.slide3 .slider_text {
top: 5%;
left: 0!important;
right:0!important;
margin:0 auto;
text-align:center!important;
-webkit-animation-name: fadeInDown!important;
animation-name: fadeInDown!important;
}
}
@media only screen and (max-width: 600px){
.swiper-slide.slide2 .slider_text {max-width:100%!important;}
.eng .swiper-slide.slide2 .slider_text {top: 10%;}
.swiper-slide.slide2 h2 { font-size: 2.5rem!important;}
.eng .swiper-slide.slide2 h2 { font-size: 2.2rem!important;}
.swiper-slide.slide2 h2 span{letter-spacing:0.2rem}
.swiper-slide.slide2 .slider_text img {max-width: 200px;}
.swiper-slide.slide2 img.right {
right: 0;
left: 0;
width: 100%;
max-width:400px;
}
.swiper-slide.slide3 .slider_text {max-width:100%!important;}
.eng .swiper-slide.slide3 .slider_text {top: 10%;}
.swiper-slide.slide3{background-size: 450px auto!important;}
.swiper-slide.slide3 h2 { font-size: 2.5rem!important;}
.eng .swiper-slide.slide3 h2 { font-size: 2.3rem!important;}
.swiper-slide.slide3 h2 span{letter-spacing:0.2rem}
.swiper-slide.slide3 h4 {font-size: 1.7rem!important;}
.eng .swiper-slide.slide3 h4 {font-size: 1.6rem!important;}
.swiper-slide.slide3 h4 span {letter-spacing: 0.3rem;}
}
#product_list .product_img {max-width: 210px;}
#product_list .type_container{margin-bottom:30px;}
.flag_icon{height:16px; width:auto; margin-bottom: -2.5px;margin-right: -4px;}}
.sub_desc{font-size: 13px;margin-bottom: 2px;color: #999;}
.cap_item_title{font-size: 21px;font-weight: bold;margin: 0px 0 10px;white-space: nowrap;}
.inner_content{text-align: center;
margin-bottom: 35px;
margin-top: 15px;
color: #757575;}
/* icon_list */
.concentration_neg{color:#cccccc;}
.concentration_icon_group{font-size:8px;}
#cma-np-ris_icon_group{color:#448871;}
#cma-np-col_icon_group{color:#663300;}
#cma-np-evo_icon_group{color:#495F98;}
#cma-np-lun_icon_group{color:#d32415;}
#cma-np-dec_icon_group{color:#82B4DE;}
#cma-dg-ris_icon_group{color:#448871;}
#cma-dg-col_icon_group{color:#663300;}
#cma-dg-esp_icon_group{color:#333333;}
#cma-dg-lun_icon_group{color:#d32415;}
#cma-dg-dec_icon_group{color:#82B4DE;}
#wsr_special18 .title_with_additional,#wsr_special17 .title_with_additional{margin-bottom:0px;}
#product_list .name p {
color: #999;
font-weight: normal;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
}
#wsr_special17 .feature_content,#wsr_special18 .feature_content{max-width:none;}
#wsr_special17 .cap_item , #wsr_special18 .cap_item {display: inline-block;margin-left:50px;margin-right:50px;margin-bottom:20px;max-width: 210px;}
#wsr_special17{padding-bottom: 15px;}
#wsr_special17 p{color:#999;}
#wsr_special17 .cap_item_title{margin-bottom:0px;}
#wsr_special17 .sub_dsec{margin-bottom: 5px;
color: #999;
margin-top: 5px;}
#wsr_special17 .model_num{font-size:13px;color:#000;}
#slider_section .swiper-slide .slide1{text-align:right;}
.cmc_accessories img{width:80% !important;}
.grey_background{background-color:#eee;}
#slider_section .swiper-slide .slide3{text-align:center;padding-left: 70px !important;padding-top: 30px !important;}
#slider_section .swiper-slide .slide3 img{width:80%;margin-top:20px;}
.eng #slider_section .swiper-slide .slide3{padding-right:0px!important;padding-top: 85px !important;}
#slider_section .swiper-slide .slide1{padding-left:95px!important;padding-top: 170px !important;}
.eng #slider_section .swiper-slide .slide1{padding-left:60px!important;padding-top: 175px !important;}
#slider_section .swiper-slide .slide1 h4{margin-bottom:0px;font-size:45px;}
.eng #slider_section .swiper-slide .slide1 h4{margin-bottom:0px;font-size:40px;}
#slider_section .swiper-slide .slide1 h1{margin-top:10px;font-size: 32px;font-weight: normal;}
.eng #slider_section .swiper-slide .slide1 h1{margin-top:10px;font-size:36px;}
#slider_section .swiper-slide .slide3 h2{font-size:32px;margin-top: 0px;margin-bottom: 0px;}
#slider_section .swiper-slide .slide3 h4{margin-bottom:10px;font-size: 56px;font-weight: bold;}
.eng #slider_section .swiper-slide .slide3 h4{margin-bottom:10px;font-size:40px;}
.eng #slider_section .swiper-slide .slide3 h2{font-size:34px!important;}
#slider_section .swiper-slide .slide-h-item{text-align: center;}
#slider_section .swiper-slide .slide-h-item p {font-size:20px;}
.eng #slider_section .swiper-slide .slide-h-item p {font-size: 16px;font-weight: bold;}
#wh_storage2_4{
background-image: url(/imagestw/products/product_list/list_wh_storage_shower/gpn_features_bg.jpg);
color:#ffffff;
padding-top:50px;
padding-bottom:50px;
}
#wh_storage2_4 h3{text-align:center;font-size:26px;margin-bottom:50px;}
#wh_storage2_4 .container img{width: 120px;}
#wh_storage2_4 .col{text-align:center;}
#wh_storage2_4 p{font-size: 20px;margin-top: 8px;}
.eng #wh_storage2_4 p{font-size: 16px;}
#product_list .hob_header span {
display: inline-block;
}
#product_list .hob_header {
font-size: 28px;
color: #666;
text-align: center;
position: relative;
}
#product_list .hob_header span::before, #product_list .hob_header span::after {
border-top: 1px solid #ddd;
display: block;
height: 1px;
content: " ";
width: 30%;
position: absolute;
left: 0;
top: 50%;
}
#product_list .hob_header span::after {
right: 0;
left: auto;
}
.eng #product_list .hob_header span::before, #product_list .hob_header span::after {
width: 30%;
}
#product_list.cmc_accessories h3{color:#fff;font-size: 26px;}
#product_list.cmc_accessories .name{color:#fff;}
#product_list.cmc_accessories .desc{color:#fff;}
#wh_storage2_5{
background-color:#fff;
color:#000;
padding-top:50px;
padding-bottom:100px;
}
#wh_storage2_5 h3{text-align:center;font-size:26px;margin-bottom:50px;}
#wh_storage2_5 h4{ font-size: 20px; margin-bottom: 0px; margin-top: 15px; font-weight: bold;}
.eng #wh_storage2_5 h4{ font-size: 16px;}
#wh_storage2_5 .container img{width: 120px; margin-top: 30px;}
#wh_storage2_5 .feature_image{text-align:left!important;}
#wh_storage2_5 .feature_image img {width:300px;position:absolute;}
#wh_storage2_5 .col{text-align:center;}
#wh_storage2_5 p{font-size: 13px;margin-top: 6px;color:#9b9b9b;}
#wh_storage2_5 .remarks{font-size:10px;color: #9b9b9b;}
#wh_storage2_6{
background-color:#222222;
color:#ffffff;
padding-top:50px;
padding-bottom:50px;
}
#wh_storage2_6 h3{text-align:center;font-size:26px;margin-bottom:50px;}
#wh_storage2_6 h4{font-size: 22px;margin-bottom: 0px;margin-top: 5px;}
.eng #wh_storage2_6 h4{font-size: 16px;}
#wh_storage2_6 .container img{width: 180px;}
#wh_storage2_6 .col{text-align:center;}
#wh_storage2_6 p{font-size: 13px;margin-top: 6px;color:#9b9b9b;}
#slider_section .section {padding-bottom: 0}
#slider_section .swiper-slide span.slide_text{position: absolute;color: #fff;color: #fff;padding: 0px;text-shadow: 0 0 14px rgba(0,0,0,0.7); opacity:0}
#slider_section .swiper-slide span.slide_text h1{font-size: 3.8vw;font-weight: 700;letter-spacing:6px}
#slider_section .swiper-slide span.slide_text h4{font-size: 3vw; font-weight:300;}
.eng #slider_section .swiper-slide span.slide_text h1{font-weight: 700;letter-spacing:0px}
#slider_section .left_slide_text{text-align: left}
#slider_section .right_slide_text{text-align: right}
#slider_section .swiper-slide #slider_promote{top:15%}
#slider_section .swiper-slide #slider_promote img{max-width: 175px;width: 30%;}
#slider_section .swiper-slide .center_slide_text#slider_img_logo{top:35%}
#slider_section .swiper-slide .center_slide_text#slider_img_logo img{max-width: 800px;width:100%}
#slider_section .swiper-slide .center_slide_text#slider_video{top:25%;text-align: center;}
#slider_section .swiper-slide .center_slide_text#slider_video img{max-width: 100px;width: 10%;min-width: 45px;}
#slider_section .swiper-slide .center_slide_text#slider_video a{ left:0; top: 0; width:100%; height: 100%}
#slider_section .swiper-slide .logo_3{width:80%; max-width: 275px}
#slider_section .swiper-slide-active .center_slide_text{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;left: 0;right:0; margin: 0 auto;width: 80%;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
#slider_section .swiper-slide-active .left_slide_text{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;left: 10%; top: 25%;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
#slider_section .swiper-slide-active .right_slide_text{-webkit-animation-name: fadeInRight;animation-name: fadeInRight; right: 10%;top: 25%;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
/*----------video--------------*/
#swiper-slide-video
{z-index: 30;top: 325px;}
.swiper-slide {position:relative}
.swiper-slide .video_btn {position: relative;margin: 25px auto;width: 100%;max-width: 250px;color: #fff;}
.swiper-slide .video_Popup {width: 100%;height: 100%;display: block; text-align: center;}
.swiper-slide .video_Popup i{font-style: normal;color: #ccc;font-size: 72px;-webkit-transition: color .3s;transition: color .3s;cursor: pointer}
.swiper-slide .video_Popup i:hover {color: #aaa;}
.swiper-slide .video_btn img{width:100%}
.swiper-slide .video_btn p{margin-top: 10px;font-size: 18px;font-weight: bold;}
#swiper-slide-video .video_bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%; background-color: #000; z-index: 1; display: none;}
#swiper-slide-video .video_container{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;margin: auto;z-index: 1;display: none;align-items: center;justify-content: center;}
#swiper-slide-video .video_container .plyr_wrapper{width: 80%;max-width:600px;}
#swiper-slide-video .video_container #slide_video_plyr {position:relative; /*padding-bottom: 56.25%;*/height: 0;overflow: hidden;background: #000;}
#swiper-slide-video .video_container #slide_video_plyr iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#swiper-slide-video .close_icon{
position: absolute;
right: 10%;
top: 70px;
/*position: absolute;right: 10px;top: 10px;*/border: #fff 1px solid;background-color: transparent;width: 42px;height: 42px;border-radius: 21px;text-align: center;z-index:2; display:none; cursor: pointer}
#swiper-slide-video .close_icon:hover{background-color: #fff}
#swiper-slide-video .close_icon i{font-size: 18px;line-height: 42px; color: #fff }
#swiper-slide-video .close_icon:hover i{color:#43413f}
/*----------video--------------*/
#desc_page header{color:#fff; text-align: center;margin: 20px 0 30px;letter-spacing: 3px}
.eng #desc_page header{letter-spacing: 0}
#desc_page #image_layer{text-align: center; margin: 3% 0;}
#desc_page #image_layer img{width:100%}
#desc_page #image_layer .layer_desc{color:#fff; text-align:left;letter-spacing: 3px;margin-top:7%; width: 100%;}
.eng #desc_page #image_layer .layer_desc{letter-spacing: 0}
#desc_page #product_list_img{}
#desc_page #product_list_img img{width:100%}
#desc_page #award_list_img {margin-bottom: 30px; text-align: center}
#desc_page #award_list_img img{width:80%}
#desc_page{ background:radial-gradient(at 50% ,#666,rgb(89, 87, 88) 50%);background:-webkit-radial-gradient(50% ,#666,rgb(89, 87, 88) 50%);}
#desc_page hr{border-color: rgba(255,255,255,0.5);border-bottom-width: 0;margin: 50px 0;}
#feature_img header{margin: 20px 0 30px;}
#feature_img .img_section{padding:20px;text-align: center;}
#feature_img .img_section img{width: 100%;max-width: 180px;}
#feature_img .desc{text-align: center;margin-top: 15px;letter-spacing: 3px;color: #fff;}
.eng #feature_img .desc{letter-spacing: 0}
#product_list .type_desc{text-align: center;margin-bottom: 0;margin-top: 25px;}
#product_list .outer_content {padding-top: 10px;padding-bottom: 10px;}
#product_list .products_content{text-align: center;margin-top: 0;}
#product_list .product_item{display:inline-block; width:24%; vertical-align: top;margin: 25px 0 15px;}
#product_list .product_item .hidden{display:none}
#product_list .status{white-space: nowrap;vertical-align: middle;margin-left: 5px;}
#product_list .product_item_content { min-height: auto;}
#product_list .product_item_content .desc img{vertical-align: middle}
#product_list .product_item_content .desc > span{vertical-align: middle;color: #fff}
#product_list .product_item .desc span > span{color:#fd416b}
#product_list .type_section{padding: 25px 0;}
#product_list .type_section:nth-child(2n){background-color: #eee}
#product_list .type_container .type_header {font-size: 28px;color: #666;text-align: center;position: relative;}
#product_list .type_container .type_header span {display: inline-block;}
#product_list .type_header span:before, #product_list .type_header span:after {border-top: 1px solid #ddd;display: block;height: 1px;content: " ";width: 40%;position: absolute;left: 0;top: 50%;}
#product_list .type_container .type_header span:after {right: 0;left: auto;}
#remote_page header {color: #777;text-align: center;margin: 20px 0 30px;}
#remote_page .remote_desc{color: #aaa;letter-spacing: 4px;font-size: 16px;}
.eng #remote_page .remote_desc{letter-spacing: 0}
#remote_page .remote_diagram{margin: 10px; text-align: center}
#remote_page .remote_diagram img{max-width: 700px; width:100%}
#remote_page .remote_desc{color: #aaa;letter-spacing: 4px;font-size: 16px;}
#remote_page .remote_compatible{color: #aaa;letter-spacing: 4px;font-size: 16px; text-align: center}
#remote_page .remote_products{color: #aaa;letter-spacing: 4px;font-size: 16px;text-align: center}
#remote_page .remote_products a{white-space: nowrap}
#remote_page .remote_btn{text-align: center}
.eng #remote_page .remote_desc, .eng #remote_page .remote_compatible, .eng #remote_page .remote_products{letter-spacing: 0}
#download_page{background-position: center;background-size: cover;}
#download_page .container{padding-top: 50px;padding-bottom: 50px}
#download_page header {color: #fff; text-align: center;margin: 20px 0 40px;letter-spacing: 3px;}
.eng #download_page header{letter-spacing: 0}
#download_page .download_item{width: 200px;margin: 0 auto;}
#download_page .download_img{display: inline-block; vertical-align: middle;text-align: center;width:100px}
#download_page .download_img img{width: 65px;}
#download_page .download_content{display: inline-block;vertical-align: middle;text-align: center;width:95px}
#download_page .download_desc{color:#fff; font-size: 16px;margin-bottom: 10px;}
#projects_page{background-color: #eee}
#projects_page .container{padding-top:50px; padding-bottom:50px}
#projects_page header{margin: 30px 0;color:#9b9b9b;text-align: center;}
#projects_page .swiper-slide:hover{opacity: 0.8}
#projects_page .swiper-slide img{width:100%}
#projects_page .swiper-slide .project_name{padding:20px; font-size:18px; line-height:20px; font-weight:700; background-color: #fff; text-align: center}
.eng #projects_page .swiper-slide .project_name{padding:20px; font-size:18px; min-height:44px; line-height:24px; font-weight:500; background-color: #fff; text-align: center}
#projects_page .projects_nav {text-align: center;margin-top: 30px;}
#projects_page .projects_nav-prev, #projects_page .projects_nav-next{width: 28px;height: 30px;line-height: 30px;padding: 0px;color: #fff;margin: 0 20px;}
#projects_page .projects_nav-prev i, #projects_page .projects_nav-next i{font-size: 0.8rem;line-height: 30px; width: auto;}
#footer_page{padding: 0 !important}
#page_footer{margin-top:0}
.tooltip_content {width: auto;min-width: 200px;font-size: 14px;}
.tooltip_content > div{line-height: 1.4;margin-bottom: 5px;}
.tooltip_content > div.hidden{display:none}
.tooltip_content .left_div {width: 25%;vertical-align: middle;}
.tooltip_content .left_div img{width:26px}
.tooltip_content .right_div {width: 72%;text-align: left;vertical-align: middle;}
.flag_icon{height:16px; width:auto!important; margin-bottom: -3.5px;}
.coffee_product{
height:auto;
padding-top:50px;
padding-bottom:20px;
background-color: #f1e3d6;
background-image:url("/imagestw/products/product_list/list_coffeeholic/coffee_list_bg.jpg");
background-position:bottom center;
background-size:cover;
background-repeat:no-repeat;
}
.coffee_product.coffee_product_2021 {
background-image:url("/imagestw/products/product_list/list_cm/coffee_list_bg2.jpg");
}
.coffee_product .container{max-width:1400px;}
.coffee_product h3{color:#363636;margin:0;font-weight:500;line-height:1.2}
.coffee_product h3 span{letter-spacing:0.3rem;}
.coffee_product .kitchen{width:100%;max-width:400px;}
.coffee_product .italy{width:100%;max-width:300px;}
.coffee_product .row{margin:0;margin-top:1rem;}
.coffee_product .col{
background-repeat:no-repeat;
background-size: contain;
cursor: pointer;
position:relative;
padding:0;
}
.coffee_product #capsule{width:50%;background-position:bottom right;height: 200px;margin-right: -15px;}
.coffee_product #ground{width:50%;background-position:bottom left;height: 200px;margin-left: -15px;}
.coffee_product .col{height:100%;}
.coffee_product .col .icon img{width:90%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product .col .text img{width:100%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product #capsule .icon{text-align:right}
.coffee_product #ground .icon{text-align:left}
.coffee_product .heading{width:100%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product #ground .heading{text-align:left;}
.coffee_product #capsule .heading{text-align:right;}
.coffee_product #capsule:hover .icon img{width:100%;}
.coffee_product #capsule:hover .text img{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
.coffee_product #ground:hover .icon img{width:100%;}
.coffee_product #ground:hover .text img{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
.coffee_product .active .text img{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
.coffee_product .coffeePage_2021{width:50%;background-position:bottom right;height: 200px !important;margin-right: -15px;}
.coffee_product .teaPage_2021{width:50%;background-position:bottom left;height: 200px !important;margin-left: -15px;}
.coffee_product .col{height:100%;}
.coffee_product .col .icon img{width:90%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product .col .text img{width:100%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product .coffeePage_2021 .icon{text-align:right}
.coffee_product .teaPage_2021 .icon{text-align:left}
.coffee_product .heading{width:100%;position:relative;top:50%;transform:translateY(-50%);}
.coffee_product .teaPage_2021 .heading{text-align:left;}
.coffee_product .coffeePage_2021 .heading{text-align:right;}
.coffee_product .coffeePage_2021:hover .icon img{width:100%;}
.coffee_product .coffeePage_2021:hover .text img,
.coffee_product .coffeePage_2021.active .text img{
filter: drop-shadow(5px 5px 1rem #362e2b);
}
.coffee_product .teaPage_2021:hover .icon img{width:100%;}
.coffee_product .teaPage_2021.active .text img,
.coffee_product .teaPage_2021:hover .text img{
filter: drop-shadow(5px 5px 1rem #362e2b);
}
#coffee_capsule{
height:auto;
padding:50px 0;
}
#coffee_capsule .product_row{display:flex; flex-direction: row;}
#coffee_capsule .product_img{display:inline-block;width:180px;float:left;text-align:center;}
#coffee_capsule .product_detail{display:inline-block;float:left;flex:1;}
#coffee_capsule .content{width:100%;position:relative;top:50%;transform:translateY(-50%);}
#coffee_capsule .row:last-child{margin-bottom:0;}
#coffee_capsule img{width:100%;}
#coffee_capsule h4{margin:0;font-weight:600;color:#303030;font-size:1.6rem}
#coffee_capsule h5{margin:0.5rem 0;font-weight:600;color:#787878;font-size:1.2rem}
#coffee_capsule p{margin:0;color:#202020;}
#coffee_capsule_2021{
height:auto;
padding:50px 0;
}
#coffee_capsule_2021 .product_row{display:flex; flex-direction: row;}
#coffee_capsule_2021 .product_img{display:inline-block;width:180px;float:left;text-align:center;}
#coffee_capsule_2021 .product_detail{display:inline-block;float:left;flex:1;}
#coffee_capsule_2021 .content{width:100%;position:relative;top:50%;transform:translateY(-50%);}
#coffee_capsule_2021 .row:last-child{margin-bottom:0;}
#coffee_capsule_2021 img{width:100%;}
#coffee_capsule_2021 h4{margin:0;font-weight:600;color:#303030;font-size:1.6rem}
#coffee_capsule_2021 h5{margin:0.5rem 0;font-weight:600;color:#787878;font-size:1.2rem}
#coffee_capsule_2021 p{margin:0;color:#202020;}
#coffee_bean{
height:auto;
padding:50px 0;
display:none;
}
#coffee_bean .product_row{display:flex; flex-direction: row;}
#coffee_bean .product_img{display:inline-block;width:180px;float:left;text-align:center;}
#coffee_bean .product_detail{display:inline-block;float:left;flex:1;}
#coffee_bean .content{width:100%;position:relative;top:50%;transform:translateY(-50%);}
#coffee_bean .row{margin-right: -5%;margin-left: 5%;}
#coffee_bean .row:last-child{margin-bottom:0;}
#coffee_bean img{width:100%;}
#coffee_bean h4{margin:0;font-weight:600;color:#303030;font-size:1.6rem}
#coffee_bean h5{margin:0.5rem 0;font-weight:600;color:#787878;font-size:1.2rem}
#coffee_bean p{margin:0;color:#202020;}
#tea_capsule_2021{
height:auto;
padding:50px 0;
display:none;
}
#tea_capsule_2021 .product_row{display:flex; flex-direction: row;}
#tea_capsule_2021 .product_img{display:inline-block;width:180px;float:left;text-align:center;}
#tea_capsule_2021 .product_detail{display:inline-block;float:left;flex:1;}
#tea_capsule_2021 .content{width:100%;position:relative;top:50%;transform:translateY(-50%);}
/*#tea_capsule_2021 .row{margin-right: -5%;margin-left: 5%;}*/
#tea_capsule_2021 .row:last-child{margin-bottom:0;}
#tea_capsule_2021 img{width:100%;}
#tea_capsule_2021 h4{margin:0;font-weight:600;color:#303030;font-size:1.6rem}
#tea_capsule_2021 h5{margin:0.5rem 0;font-weight:600;color:#787878;font-size:1.2rem}
#tea_capsule_2021 p{margin:0;color:#202020;}
@media only screen and (min-width: 601px){
#product_list .product_img{min-height: 150px;}
#desc_page, #products_page, #projects_page{padding:0px 0}
#slider_section .swiper-slide #slider_promote {top: 20%;}
#projects_page{padding:80px 0}
#feature_img .img_section:nth-child(3n+1){clear:both}
}
@media only screen and (min-width: 993px){
#slider_section .swiper-slide .center_slide_text#slider_video {top: 20%;}
#slider_section .swiper-slide-active .right_slide_text{top: 20%;}
#product_list .type_0 .product_item{width:32%}
#product_list .type_0 .container {max-width: 800px;}
#product_list .container{width:95%}
#desc_page header section, #feature_img header section{font-size: 1.1rem;line-height: 140%;margin: 0.82rem 0 0.656rem 0;}
#desc_page header{letter-spacing: 6px;}
.eng #desc_page header{letter-spacing: 0}
#download_page header{letter-spacing: 6px;}
.eng #download_page header{letter-spacing: 0}
#feature_img header{letter-spacing: 6px;}
#feature_img header section{color:#777}
#feature_img footer{color:#777; letter-spacing: 6px}
#desc_page #image_layer .image_layer_inner{padding: 20px}
#remote_page .remote_desc{margin:0 25px}
.coffee_product #capsule .text img { margin-right: -50%;}
#coffee_capsule .row{margin-right: -5%;margin-left: 5%;}
}
@media only screen and (min-width: 1920px){
}
@media only screen and (min-width: 601px) and (max-width: 992px){
#slider_section .swiper-slide .slide1{text-align:center;}
#slider_section .slider_text.right{right: 20%;}
#slider_section .swiper-slide .slide3 { padding-left: 0px !important;
padding-top: 40px !important;text-align: center;}
.eng #slider_section .swiper-slide .slide3 {padding-left: 0px !important; padding-top: 80px !important;text-align: center;}
.eng #slider_section .swiper-slide .slide3 h2 {font-size: 26px!important;}
.eng #slider_section .swiper-slide .slide3 h4 {margin-bottom: 10px; font-size: 33px;}
.eng #slider_section .swiper-slide .slide1 h4 {margin-bottom: 0px; font-size: 34px;}
.eng #product_list .hob_header span::before, #product_list .hob_header span::after {
width: 15% !important;
}
#product_list .hob_header span::before, #product_list .hob_header span::after {
width: 30% !important;
}
#projects_page .swiper-slide .project_name{font-size:15px}
#scroll_menu li {margin: 10px 5px 0;font-size: 14px;}
#product_list .product_item{width:49%}
#product_list .cat_header{font-size: 2rem}
#product_list .name {font-size: 18px;}
#product_list .desc {font-size: 13px;}
#wh_storage2_5 .feature_image img{width:200px;}
.coffee_product .col img { width: 60%;}
.coffee_product #ground:hover img {width: 70%;}
.coffee_product #capsule:hover img {width: 70%;}
.coffee_product #teaPage_2021:hover img {width: 70%;}
.coffee_product #coffeePage_2021:hover img {width: 70%;}
#coffee_capsule .container {margin-right: 6%;}
#coffee_bean .container {margin-right: 6%;}
#coffee_capsule_2021 .container {margin-right: 6%;}
#tea_capsule_2021 .container {margin-right: 6%;}
}
@media only screen and (max-width: 992px){
#product_list .product_item_content .desc img {width: 21px;}
#product_list .type_container .type_header {font-size: 21px;}
.qtip{display:none !important}
.coffee_product .container {width:95%;}
.coffee_product .col{height:auto;}
.coffee_product .col img{max-width: 250px;}
.coffee_product .col .icon img{position:static;transform:none;}
.coffee_product .col .text img{position:static;transform:none;}
.coffee_product .heading{position:static;transform:none;}
.coffee_product h5{font-size:2.3rem;}
.coffee_product #capsule .icon {text-align: center;}
.coffee_product #ground .icon {text-align: center;}
.coffee_product #capsule .heading {text-align: center;}
.coffee_product #ground .heading {text-align: center;}
.coffee_product #capsule:hover h5{font-size:2.3rem;}
.coffee_product #ground:hover h5{font-size:2.3rem;}
#coffee_capsule .product_img{width:100px;}
#coffee_capsule h4 {font-size: 1.2rem;}
#coffee_capsule h5 {font-size: 1.1rem;}
#coffee_capsule p {font-size: 0.8rem;}
#coffee_bean .product_img{width:100px;}
#coffee_bean h4 {font-size: 1.2rem;}
#coffee_bean h5 {font-size: 1.1rem;}
#coffee_bean p {font-size: 0.8rem;}
.coffee_product .coffeePage_2021 .icon {text-align: center;}
.coffee_product .teaPage_2021 .icon {text-align: center;}
.coffee_product .coffeePage_2021 .heading {text-align: center;}
.coffee_product .teaPage_2021 .heading {text-align: center;}
.coffee_product .coffeePage_2021:hover h5{font-size:2.3rem;}
.coffee_product .teaPage_2021:hover h5{font-size:2.3rem;}
#coffee_capsule_2021 .product_img{width:100px;}
#coffee_capsule_2021 h4 {font-size: 1.2rem;}
#coffee_capsule_2021 h5 {font-size: 1.1rem;}
#coffee_capsule_2021 p {font-size: 0.8rem;}
#tea_capsule_2021 .product_img{width:100px;}
#tea_capsule_2021 h4 {font-size: 1.2rem;}
#tea_capsule_2021 h5 {font-size: 1.1rem;}
#tea_capsule_2021 p {font-size: 0.8rem;}
}
@media only screen and (max-width: 600px){
#wsr_special17 p{padding:0px 25px;}
.products_content .desc_container_pop{
width:80%;
margin:0 auto;
}
.products_content .desc_container{margin-top:5px;}
.tooltip_mobile{text-align:left;font-size:12px;padding:5px; border-style: dashed;border-width:1px;border-color:#ddd;width: 95%;}
.tooltip_mobile .left_div img{width: 13px;}
.tooltip_mobile .left_div{float:left;}
.tooltip_mobile .right_div{}
#product_list .hob_header span::before, #product_list .hob_header span::after {
width: 20%;
}
.eng #product_list .hob_header { font-size: 20px;}
#slider_section .swiper-slide .slide3 h2 {font-size: 24px!important;margin-top:15px;}
#slider_section .swiper-slide .slide3 h4 {margin-bottom:0px; font-size: 40px;}
#slider_section .swiper-slide .slide-h-item img{width: 60%;}
#slider_section .swiper-slide .slide3{padding-left:0px!important;padding-top: 10px !important; text-align: center;}
#slider_section .swiper-slide_2{background-position:-223px 18px !important}
#slider_section .swiper-slide .slide1 h1 {margin-top: 15px;text-align: center;font-size:23px;}
#slider_section .swiper-slide .slide1 h4 {margin-bottom: 0px;text-align: center;font-size: 30px;}
.eng #slider_section .swiper-slide .slide1 h4 {margin-bottom: 0px;text-align: center;font-size: 26px;}
.eng #slider_section .swiper-slide .slide1 h1 {margin-top: 10px;font-size: 16px;}
#slider_section .swiper-slide .slide1 { padding-left: 0px!important; padding-top: 90px !important;}
.eng #slider_section .swiper-slide .slide3 h2 {font-size: 20px!important;}
.eng #slider_section .swiper-slide .slide3 {padding-right: 0px!important;padding-top: 0px !important;}
.eng #slider_section .swiper-slide .slide-h-item p {font-size: 14px;font-weight: bold;}
.eng #slider_section .swiper-slide .slide3 h4 { margin-bottom: 10px;
font-size: 22px;
}
.eng #slider_section .swiper-slide .slide1 {padding-left: 0px!important;padding-top: 100px !important;}
.eng #wh_storage2_4 p {font-size: 12px;margin-top: 8px;}
#wh_storage2_6 .col{margin-bottom:10px;}
#wh_storage2_4 .container img{width: 80px;}
.container .row{margin-bottom:0px;}
#slider_section .swiper-slide span.slide_text h4{font-size: 1.58rem;}
#slider_section .swiper-slide span.slide_text h1{font-size: 1.9rem;}
#slider_section .swiper-slide .slide_img{max-width: 200px}
#slider_section .swiper-slide-active .right_slide_text{top:15%}
#slider_section .swiper-slide .center_slide_text#slider_img_logo{top:25%}
#desc_page, #products_page, #projects_page{padding:50px 0}
#slider_page #slider_img_logo div {background-size: 100%;}
.eng #slider_page span.slide_text h4{font-size:1.58rem; letter-spacing:0;}
.eng #slider_page span.slide_text h1{font-size:2.1rem;line-height:2.5rem; letter-spacing:0;}
#slider_page #slider_video div {background-size: 75px;}
#desc_page header h3{font-size: 2.12rem; font-wight:700 !important;}
#desc_page #image_layer .image_layer_inner:nth-child(2n+1){clear:both}
#feature_img header h3{font-size: 2.12rem}
#feature_img .img_section:nth-child(2n+1){clear:both}
#desc_page #image_layer .image_layer_inner{margin-bottom: 20px}
#projects_page header h3{font-size: 2.12rem}
#feature_img .desc{font-size: 14px; line-height:17px; font-weight: 500;}
#projects_page .swiper-slide .project_name{padding:10px; font-size:14px; line-height:16px; font-weight:500; background-color: #fff; text-align: center}
.eng #projects_page .swiper-slide .project_name{padding:10px; font-size:14px; line-height:15px; font-weight:500; background-color: #fff; text-align: center}
#projects_page .projects_nav {text-align: center;margin-top: 30px;}
#remote_page .remote_desc{font-size: 13px;text-align: center;letter-spacing: 1px}
#remote_page header h3, #download_page header h3{font-size: 2.12rem;}
#remote_page .remote_diagram {margin: 40px 0;}
.video-container iframe, .video-container object, .video-container embed {left: 5%;width: 89%;height: 88%;}
#slider_section .swiper-slide span.slide_text{width: 85%;}
#slider_section .swiper-slide .center_slide_text#slider_video {top: 20%;}
.eng #slider_section .swiper-slide span.slide_text h4 {font-size: 1.38rem;}
.eng #slider_section .swiper-slide span.slide_text h1 {font-size: 1.5rem;}
#product_list .container{padding: 0}
#product_list .container > div{padding: 0}
#product_list .type_section {padding: 10px 0;}
#product_list .product_item{width:49%; margin: 15px 0;}
#product_list .product_img {max-width: 175px;}
#product_list .cat_header{font-size: 1.8rem}
.eng #product_list .cat_header {font-size: 1.5rem;}
#product_list .name {font-size: 16px;}
#product_list .desc {font-size: 12px;}
#product_list .type_container .type_header {font-size: 18px;}
#product_list .type_header span:before, #product_list .type_header span:after {width: 30%;}
#product_list .product_item {
width: 100%;
margin: 25px 0;
height: auto;
}
.coffee_product {background-image:none;padding-bottom: 0px;}
.coffee_product h3 { font-size: 2.3rem;}
#capsule_m{
height:auto;
background-color: #f1e3d6;
background-image:url("/imagestw/products/product_list/list_coffeeholic/coffee_list_bg_m.jpg");
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
#capsule_m img.active{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
#capsule_m img{width:100%}
#ground_m{
height:auto;
background-color: #f1e3d6;
background-image:url("/imagestw/products/product_list/list_coffeeholic/coffee_list_bg_m.jpg");
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
#ground_m img.active{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
#ground_m img{width:100%}
#coffee2021_m{
height:auto;
background-image:url("/imagestw/products/product_list/list_cm/coffee_list_bg2_m.jpg");
background-position:top center;
background-size:cover;
background-repeat:no-repeat;
}
#coffee2021_m img.active{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
#coffee2021_m img{width:100%}
#tea2021_m{
height:auto;
background-image:url("/imagestw/products/product_list/list_cm/coffee_list_bg2_m.jpg");
background-position:top center;
background-size:cover;
background-repeat:no-repeat;
}
#tea2021_m img.active{
filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);
-webkit-filter: drop-shadow(5px 5px 1rem #ffffff)drop-shadow(-5px -5px 1rem #ffffff);}
#tea2021_m img{width:100%}
#coffee_capsule {display:none;}
#coffee_capsule .row {margin:0;margin-bottom:1rem;}
#coffee_capsule .product_row {display: inline-block;}
#coffee_capsule .container {width: 95%;}
#coffee_capsule .product_img{width:100%;}
#coffee_capsule .product_detail{width:100%;}
#coffee_capsule img{max-width:180px;width:100%;}
#coffee_capsule .content{text-align:center;position:static;transform:none;}
#coffee_bean {display:none;}
#coffee_bean .row {margin:0;margin-bottom:1rem;}
#coffee_bean .product_row {display: inline-block;}
#coffee_bean .container {width: 95%;}
#coffee_bean .product_img{width:100%;}
#coffee_bean .product_detail{width:100%;}
#coffee_bean img{max-width:180px;width:100%;}
#coffee_bean .content{text-align:center;position:static;transform:none;}
#coffee_capsule_2021 {display:none;}
#coffee_capsule_2021 .row {margin:0;margin-bottom:1rem;}
#coffee_capsule_2021 .product_row {display: inline-block;}
#coffee_capsule_2021 .container {width: 95%;}
#coffee_capsule_2021 .product_img{width:100%;}
#coffee_capsule_2021 .product_detail{width:100%;}
#coffee_capsule_2021 img{max-width:180px;width:100%;}
#coffee_capsule_2021 .content{text-align:center;position:static;transform:none;}
#tea_capsule_2021 {display:none;}
#tea_capsule_2021 .row {margin:0;margin-bottom:1rem;}
#tea_capsule_2021 .product_row {display: inline-block;}
#tea_capsule_2021 .container {width: 95%;}
#tea_capsule_2021 .product_img{width:100%;}
#tea_capsule_2021 .product_detail{width:100%;}
#tea_capsule_2021 img{max-width:180px;width:100%;}
#tea_capsule_2021 .content{text-align:center;position:static;transform:none;}
}