#sub-content {width:100%; 	float:right}
#sub-content .box {position:relative; width:220px;  background-color: #fff; box-sizing:border-box; border-radius:10px; }
#sub-content .box a:hover {cursor:pointer;}
#sub-content .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:15px; opacity:0.8;	background: rgba(241,98,108,0.5); z-index:5;}





.right_wrap .class{float:left;}
.right_wrap .keep_item_bt{float:right;}
.right_wrap .keep_item_bt li{display:inline-block;}
.right_wrap .keep_item_bt a{display:block; margin-top:10px; padding:4px 10px; background:#000; border-radius:100px; color:#fff; font-weight:700;}
.right_wrap .keep_item_bt a.sns{left:10px; }
.right_wrap .keep_item_bt a.save{right:5px}
.right_wrap .keep_item_email{max-width:440px; top:60px!important; left:50%!important; margin-left:-220px;}
.right_wrap .keep_item_email .main_email_inner{margin:4%; position:fixed; max-width:440px; z-index:100; width:100%;
margin:60px auto; background:rgba(255,255,255,1); box-sizing:border-box; border-radius:15px; font-size:19px;
box-shadow:1px 1px 9px rgba(0,0,0,0.65); line-height:24px;}

.right_wrap .keep_item_email input{width:100%;}
.right_wrap .keep_item_email textarea{width:100%;}
.right_wrap .keep_item_email button{width:100%; height:40px;}
.right_wrap .keep_item_email form[name=prodMailForm_]{width:92%; margin:4%;}

#sub-content .box .overlay{width:100%; height:100%; border-radius:15px; position:absolute; z-index:5;}
#sub-content .box .overlay a.keep_detailView{clear:both; position:absolute; z-index:9; opacity:1; display:block;
margin-top:15px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700; right:15px;
line-height:20px; cursor:pointer;}
#sub-content .box:hover .overlay a.keep_detailView{margin-top:15px;}

#sub-content.keep_item .box{width:210px; margin:5px;}
#sub-content.keep_item .box:hover{cursor:default;}
#sub-content.keep_item .box:hover .overlay{background:none; opacity:1;}
#sub-content input[class="cb11"] + label {width:20px; height:20px; background:#fff; border:2px solid #333; cursor:pointer; z-index:999}
#sub-content input[class="cb11"]:checked + label {background:#333 url("/img/cb1_bg.png")no-repeat center; background-size:70%;}
#sub-content input[class="cb11"]{display: none;}
#sub-content label.cb1_label{display:; clear: both; position: absolute; z-index: 9; opacity:1;
border-radius:8px; left:15px; margin-top:15px;}
#sub-content .box:hover label.cb1_label{display:block;}
#sub-content .box .overlay .custom-checkbox, #sub-content.keep_item .box .overlay a.keep_detailView{display:none;}
#sub-content .box:hover .overlay .custom-checkbox,
#sub-content .box:hover .overlay a.keep_detailView{display:block!important;}


.cb1_labelOn{display:block!important;}








#sub-content .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content .box:hover .overlay a {display:block; margin-top:15px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content .box:hover .overlay a.sns{left:10px; }
#sub-content .box:hover .overlay a.com_view{margin-left:50%; left:-25px}
#sub-content .box:hover .overlay a.save{right:7px}
#sub-content .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }
#sub-content .box:hover .overlay a.view{bottom:32%; left:50%;  margin-left:-77px; padding:0 50px; background:rgba(255,255,255,0.2); border-radius:10px; color:#000; line-height:100px }
#sub-content .box:hover .overlay a.moq{left:10px; bottom:44px; background:none; color:#000; font-size:11px; line-height:14px}

#sub-content .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content div img {width:100%;}
#sub-content div.large {width:220px;}
#sub-content div h3 {line-height: 1.1em;	margin: 0;	padding: 0;}
#sub-content div p {margin:0 10px;	padding: 0;}
#sub-content div strong.com_name {display:block}
#sub-content div strong.com_name img{display:inline-block; margin-right:5px; width:auto; height:18px}

#sub-content .box .com_info{padding-bottom:10px }
#sub-content .box .com_info .unit{float:right; font-weight:bold; word-spacing:-0.1em}
#sub-content .box .com_info .psize{font-size:11px; color:#999}




#sub-content2{height:auto; margin:30px 0 0 -40px; padding-top:1px; padding-bottom:60px}
#sub-content2:after{clear:both; display:block;  content:''}
#sub-content2 .box {width:520px; position:relative; float:left; background-color: #fff; box-sizing:border-box; border-radius:10px;
padding:0 0 15px 0; max-height:140px; margin-bottom:20px; margin-left:40px;}

#sub-content2 .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content2 .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content2 .box:hover {cursor:pointer; 	}
#sub-content2 .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:10px; opacity:0.8;	background: rgba(100,100,100,0.8); z-index:5;}


#sub-content2 .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content2 .box:hover .overlay a {display:block; margin-top:10px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content2 .box:hover .overlay a.sns{left:10px; }
#sub-content2 .box:hover .overlay a.com_view{margin-left:50%; left:-30px}
#sub-content2 .box:hover .overlay a.save{right:5px}
#sub-content2 .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content2 .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content2 .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }
#sub-content2 .main_email{top:35px}


a.gallery2_box{width:100%; float:left; display:block; border-bottom:1px dotted #ddd;}
a.gallery2_box .gallery2_left{width:20%; max-width:120px; height:120px; float:left; overflow:hidden}
a.gallery2_box .gallery2_left img{width:100%; float:left; display:block; border-radius:10px}
a.gallery2_box .gallery2_right{width:75%; float:left; padding:10px 0 0 20px; box-sizing:border-box;}
a.gallery2_box .gallery2_right b{display:block; font-size:16px;}
a.gallery2_box .gallery2_right p{font-size:14px; margin:8px 0;}
a.gallery2_box .gallery2_right span{/* width:98%; font-size:12px; color:#ccc; */ text-align:right; display:inline-block;}
a.gallery2_box .gallery2_right p span.size{float:right;display:inline-block;}

#sub-content44 {width:100%; 	float:right; display:block}
#sub-content44 .box {float:left; position:relative; width:220px;  background-color: #fff; box-sizing:border-box; border-radius:10px; }
#sub-content44 .box:hover {cursor:pointer; 	}
#sub-content44 .box:hover .overlay {position:absolute; width:100%; height:100%; box-sizing:border-box; border-radius:15px; opacity:0.8;	background: rgba(100,100,100,0.8); z-index:5;}

#sub-content44 .box .overlay a  {display:none;clear:both; position:absolute; z-index:9; opacity:1; }
#sub-content44 .box:hover .overlay a {display:block; margin-top:10px; padding:2px 5px; background:#000; border-radius:10px; color:#fff; font-weight:700;}
#sub-content44 .box:hover .overlay a.sns{left:10px; }
#sub-content44 .box:hover .overlay a.com_view{margin-left:50%; left:-30px}
#sub-content44 .box:hover .overlay a.save{right:5px}
#sub-content44 .box:hover .overlay a.homepage{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; max-width:92%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
#sub-content44 .box:hover .overlay a.hit{left:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000;}
#sub-content44 .box:hover .overlay a.keep{right:10px; bottom:10px;  background:rgba(255,255,255,1); border-radius:10px; color:#000; }

#sub-content44 .img-h {position:relative; overflow:hidden; border-radius:10px; margin:7px }
#sub-content44 .img-h .img_gray {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.03)}
#sub-content44 div img {width:100%;}
#sub-content44 div.large {width:220px;}
#sub-content44 div h3 {line-height: 1.1em;	margin: 0;	padding: 0;}
#sub-content44 div p {margin:0 10px;	padding: 0;}
#sub-content44 div strong.com_name {display:block}
#sub-content44 div strong.com_name img{display:inline-block; margin-right:5px; width:auto; height:18px}

#sub-content44 .box .com_info{padding-bottom:10px }


@media (max-width:980px){
#sub-content2{height:auto; margin:30px 0 0 0}
#sub-content2 .box{width:98%; margin:0 1%;}

#sub-content2 .sub-content2_item{padding:0; margin:0; border-bottom:none;}
#sub-content2 .sub-content2_item a{width:100%; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #ddd;}
.gallery2_left{width:15%!important; max-width:none!important; height:auto!important;}
.gallery2_right{width:85%!important;}

.sub-content2{height:auto; margin:30px 0 0 0}
.sub-content2 .box{width:98%!important; margin:0 1%;}

}

@media (max-width:720px){
#sub-content{width:98%; margin:auto; float:right;}
#sub-content .box{width:48%!important; margin:0 1%!important;}
.sub-content{width:98%!important; margin:auto; float:right;}
.sub-content .box{width:48%!important; margin:0 1%}
	
.com_intro{width:96%; margin:auto;}
.com_intro>p>span{line-height:29pt;}
.com_intro>ul{margin:10px 0 0; line-height:17pt;}	
}

@media (max-width:575px){
.gallery2_left{width:25%!important;}
.gallery2_right{width:75%!important;}
}

@media (max-width:415px){
.gallery2_left{width:30%!important;}
.gallery2_right{width:70%!important;}
}

@media (max-width:390px){
.gallery2_left{width:35%!important;}
.gallery2_right{width:65%!important;}
}