body { /*background:#f9e7ce;*/}


.section-arena { background:url("../images/arena/dye_202511.jpg") top center no-repeat; background-size: auto 100%;}
.mobile .section-arena { background:none; }
.section-arena .arena{ overflow:hidden;}
.section-arena .arena .banner{ margin:0 auto; max-height: 500px; }

.section-showcase{ background-color: #f9e7ce; }
.section-showcase .container{ max-width:1000px; padding:70px 0;}
.section-showcase h2{ margin-bottom:50px;}
.section-showcase h2 img{ width:175px; margin:0 auto; }
.section-showcase .plist{ display: flex; flex-wrap: wrap; justify-content: center; }
.section-showcase .plist .item{ width:50%; background-color:#FFF; border:#e9d5ca solid 1px; border-radius:10px; overflow:hidden; text-align:left; padding:15px 0 15px 20px; position:relative;}
.desktop .section-showcase .plist .item:hover{ border:#910c1d solid 1px; box-shadow:rgba(204,204,204,0.9) 0 0 6px; }
.section-showcase .plist .item .info{ float:left; width:60%;}
.section-showcase .plist .item .info h4{ color:#910c1d; font-weight:500; margin-bottom:10px;}
.section-showcase .plist .item .info h5{ color:#910c1d; margin-bottom:5px; }
.section-showcase .plist .item .info p{ color:#313131; font-size:18px; padding-bottom:60px;}
.section-showcase .plist .item .pic-box{ float:left; width:40%;}
.section-showcase .plist .item .pic-box .pic{ width:175px; margin:0 auto;}
.section-showcase .plist .item .more{ position:absolute; width:150px; border:#000 solid 1px; background-color:#FFF; left:20px; bottom:20px; text-align:center; }
.section-showcase .plist .item .more span{ line-height:2; display:inline-block; color:#000; background:url(../images/ic_arr.png) right center no-repeat; background-size:18px auto; padding-right:18px; padding-left:5px;}
.desktop .section-showcase .plist .item:hover .more{ border:#910c1d solid 1px; background-color:#910c1d;}
.desktop .section-showcase .plist .item:hover .more span{ color:#FFF; background:url(../images/ic_arr_white.png) right center no-repeat; background-size:18px auto; padding-right:18px; padding-left:5px;}
.section-showcase .btn-watsons{ display:block; width:90%; max-width:500px; margin:20px auto;}
.desktop .section-showcase .btn-watsons:hover{ opacity:0.7;}


.section-about{ /*background:url(../images/bg-video.png) top center repeat-y;*/ background-color: #fff5e6; }
.section-about .container{ width:90%; max-width:1000px; padding:80px 0 50px 0; color:#5e0000;}
.section-about h2{ margin-bottom:50px;}
.section-about h2 img{ width:175px; margin:0 auto; }
.section-about h3{ margin-bottom:20px; text-align:left; background-color:#910c1d; color: #fff; border-radius:10px; padding:5px 0 5px 10px; }
.section-about h3 span{ background:url("../images/ic_dot_w.png") left center no-repeat; background-size:16px auto; padding-left:20px;}
.section-about p{ text-align:left; margin-bottom:50px; padding:0 30px;}
.section-about .all-products{ width: 420px; margin:0 auto;}


/*.section-video{ background:url(../images/bg-video.png) top center repeat-y; } 
.section-video .container{ max-width:1000px; padding:80px 0;}
.section-video h2{ margin-bottom:50px;}
.section-video h2 img{ width:175px; margin:0 auto; }
.section-video .info{ position:relative;}
.section-video .info p{ text-align:center; position:absolute; top:80px; right:10%; width:45%; line-height:2; padding:0 10px 0 15px; background:url(../images/video-underline.png); }
.section-video .info p .sign{ width:115px; position:absolute; bottom:-70px; right:0;}
.section-video .info .pic{ margin:0 auto 0 10%;}
.section-video h5{ text-align:center; font-size:24px; margin:10px auto 50px auto;}
.video-container {
	position:relative; 
	padding-bottom:52.6%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:#FFF solid 0px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/

.page-product-31 #content{ background:#fbf2df url(../images/products/bg.png) top center no-repeat; /*background-size:100% auto;*/}


.section-product-info{ /*margin:90px 0 0 0;*/ padding: 90px 0 50px;}
.section-product-info .container{ width:90%; max-width:1000px;}
.section-product-info .product .pic-box{ float:left; width:50%; position:relative;}
.section-product-info .product .pic-box .pic{ width:80%; max-width:400px; margin:0 auto 20px auto;}
.section-product-info .product .pic-box .icon{ width:20%; max-width:100px; position:absolute; }

.page-product-31 .section-product-info .product .pic-box .icon{ top:-4%; left:20.5%; z-index:-1;}

.section-product-info .product .info-box{ float:left; width:50%;}
.section-product-info .product .info-box .title{ margin-bottom:20px;}
.section-product-info .product .info-box .desc{ margin-bottom:20px; word-break: break-all; text-align: justify;}
.section-product-info .product .info-box .for-p1{ margin-bottom:20px;}
.section-product-info .product .info-box .for{ height:48px; border:#000 solid 1px; border-radius:12px; margin-bottom:20px;}
.section-product-info .product .info-box .btn-watsons{ display:block; margin-bottom:20px;}
.desktop .section-product-info .product .info-box .btn-watsons:hover{ opacity:0.7;}

.section-product-list{ background-color:#FFF; margin-top:50px;}
.section-product-list .container{ max-width:1000px; padding:10px 0;}
.section-product-list .all-list{ overflow:hidden;}
.section-product-list .all-list a{ float:left; display:block; width:25%; padding:20px 0;}
.section-product-list .all-list a .pic{}
.section-product-list .all-list a:hover .pic{ opacity:0.7;}

.section-faq{ background-color: #fff5e6; }
.section-faq .container{ width:90%; max-width:1000px; padding:80px 0;}
.section-faq h2{ margin-bottom:50px;}
.section-faq h2 img{ width:175px; margin:0 auto; }
.section-faq .faq-list{ text-align:left}
.section-faq .faq-list .faq-item{ padding:20px 0; border-bottom:#910c1d dotted 3px;}
.section-faq .faq-list .faq-item:last-child{ border-bottom:0;}
.section-faq .faq-list .faq-item .q{ color:#5e0000; font-weight: 500; background:url(../images/icon-Q-dry.png) left top no-repeat; background-size:auto 30px; padding-left:45px; margin-bottom:7px;}
.section-faq .faq-list .faq-item .a{ color:#313131; background:url(../images/icon-A-dry.png) left top no-repeat; background-size:auto 30px;padding-left:45px; }
.section-faq .faq-list .faq-item .watsons{ display:inline-block; width:200px; vertical-align:middle; margin:0 5px;}
.section-faq .faq-list .faq-item .inner-list{ display:table; margin-bottom:7px;}
.section-faq .faq-list .faq-item .inner-list .cell{ display:table-cell; }
.section-faq .faq-list .faq-item .inner-list .label{ text-align:center; padding-right:15px;}
.section-faq .faq-list .faq-item .inner-list .label span{ word-break:keep-all; color:#fff; background-color:#5e0000; border-radius:10px; display:inline-block; padding:0 20px;}
.section-faq .faq-list .faq-item .inner-list .txt{ }


.popon{ padding-bottom:10px; overflow:auto; position:relative;  }
.popon .pic{ vertical-align:top; margin:0 auto; width:100%; max-width:680px;}



.sec-block{ padding: 50px 0;}
.sec-block.bg-white{ background-color: #ffffff;}
.sec-block.bg-pink{ background-color: #faf4e8;}
.sec-block .container{ width: 90%; max-width: 1200px;}
.sec-block .container img{ width: 100%; height: auto;}
.sec-block .container.flex{ display: flex; justify-content: space-between;}

.sec-block .for-pc{ display: block;}
.sec-block .for-mb{ display: none;}

.sec-01 figure:first-child{ margin-right: 60px;}
.sec-02 .container{ border-radius: 40px; overflow: hidden;}
.sec-05 .title{ width: 70%; max-width: 400px; margin: 0 auto 30px;}

/*	RESPONSIVE:  */
@media only screen and (max-width:1160px) {
/*.section-video .info{ }
.section-video .info p{ position:relative; top:auto; right:auto; line-height:2; width:90%; margin:0 auto; }
.section-video .info p br{ display:none;}
.section-video .info p .sign{ position:absolute; bottom:-35px; right:0;}
.section-video .info .pic{ margin:50px auto 0 40px; width:210px;}*/

.section-product-info{ padding: 50px 0;}
.section-product-info .container{ max-width:500px;}
.section-product-info .product .pic-box{ width:100%; }
.section-product-info .product .info-box{ width:100%;}


.section-product-list .all-list{ max-width:500px; margin:0 auto;}
.section-product-list .all-list a{ width:50%; }

}


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

.section-showcase .plist{ display:block; border-spacing:0; width:95%; max-width:500px; margin:0 auto;}
.section-showcase .plist .item{ display:block; width:100%; padding:15px 0 15px 15px; margin-bottom:20px;}
.section-showcase .plist .item .more{ left:15px; bottom:20px; text-align:center; }


.sec-block .container{ max-width: 500px;}
.sec-block .container.flex{ display: block;}	
.sec-block .for-pc{ display: none;}
.sec-block .for-mb{ display: block;}
	
.sec-01 figure:first-child{ margin-right: 0; margin-bottom: 30px;}
.sec-01.sec-block{ padding-bottom: 0;}
.sec-02 .container{ border-radius: 30px; }
.sec-03.sec-block{ padding-top: 0;}
.sec-04 .container{ width: 98%;}
.sec-05 figure:first-child{ margin-bottom: 30px;}
.sec-06 figure:first-child{ margin-bottom: 30px;}
.sec-07 .container{ width: 100%;}
.sec-07.sec-block{ padding-top: 0;}
	
}



/*	RESPONSIVE:  */
@media only screen and (max-width:480px) {
body{ font-size:18px;}
h1{ font-size:28px; }
h2{ font-size:26px; }
h3{ font-size:22px; }
h4{ font-size:20px; }
h5{ font-size:18px; }

.section-showcase .plist .item .pic-box .pic{ margin:0px auto 0 auto;}

/*.section-video .info p{ background:url(../images/video-underline.png); background-size:36px auto;}
.section-video h5{ font-size:18px;}*/


.section-faq .faq-list .faq-item .inner-list{ display:block; }
.section-faq .faq-list .faq-item .inner-list .cell{ display:block; }
.section-faq .faq-list .faq-item .inner-list .label{ text-align:left; padding-right:0px;}


}