@charset "utf-8";


#product .ck-content{min-height:365px;}
#product .category{margin:0px 23px;}
#product .category .menu{display:flex; flex-wrap:wrap; background:#ddd;  border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#product .category .menu li{flex:1; border-top:1px solid #ddd; border-left:1px solid #ddd;}
#product .category .menu li a{display:inline-block; padding:0px 20px; color:#111; background:#F5F6F8; width:100%; text-align:center; font-size:1.1em; height:65px; align-content:center;}
#product .category .menu li a{overflow:hidden; white-space:normal;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height:65px;}
#product .category .menu li.active a{background:#5BB432; color:white; font-weight:400;}
@media (max-width: 768px) {
	#product .category{margin:0px 0px;}
	#product .category .menu li{flex:unset; width:calc(100%/3) !important;}
	#product .category .menu li a{font-size:0.85em; padding:0px 5px; height:40px; line-height:40px;}
}
#product.list .menu{display:flex; flex-wrap:wrap; margin-top:0px;}
#product.list .menu li{width: calc(100%/4)}
#product.list .menu li .box{text-align:center; margin:30px 0px;}
#product.list .menu li .box .thumb{margin:auto; width:298px; height:367px; overflow:hidden; border:1px solid #ddd;}
#product.list .menu li .box .thumb img{margin:-2px 0px 0px -2px; width:302px;}
#product.list .menu li .box .info .title{font-weight:500; text-align:center; padding:15px 0px; font-size:1.1em;}
@media (max-width: 768px) {
	#product.list .menu li{width:calc(100%/2);}
	#product.list .menu li .box{margin:10px 10px;}
	#product.list .menu li .box .thumb{width:100%; height:auto;}
	#product.list .menu li .box .thumb img{width:103%; height:auto;}
	#product.list .menu li .box .info .title{font-size:0.9em;}
}
#product.view{min-height:400px;}
#product.view .thumb{position:absolute; border:1px solid #ddd; width:296px; height:365px; overflow: hidden;}
#product.view .thumb > img{width:296px; height:365px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#product.view .doc{width:100%; padding-left:370px;}
#product.view .doc .subtitle{border-top:3px solid #5BB432;}
#product.view .doc .subtitle .caption{font-weight:600; font-size:1.4em;  padding:10px 20px;}
#product.view .doc .subtitle .title{font-weight:600; font-size:1.6em; color:#5BB432; border-bottom:1px solid #ddd; padding:0px 0px 20px 20px;}
#product.view .doc .subtitle .summary{padding:30px 20px;}
#product.view .doc .subtitle .summary p > span{display:inline-block; margin:0px 0px;}
#product.view .doc .info{background:#F5F5F5; border-radius:20px; padding:20px;}
#product.view .doc .info .menu{list-style:none; margin:0px; padding:0px 10px; }
#product.view .doc .info .menu li{margin:2px 0px 2px 10px; text-indent:-10px;}
@media (max-width: 768px) {
	#product.view .thumb{position:relative; margin:0px auto 30px auto; width:96%; overflow:hidden; }
	#product.view .thumb > img{width:103%; height:auto;}
	#product.view .doc{padding:0px;}
	#product.view .doc .info{margin:10px;}
}

#product.view .backBtn{background:#5BB432; padding:12px 40px; font-weight:400; color:white; font-size:1.1em;}
/* #product.view .doc{clear:both; float:left;} */