.bannerpart {float: left; width: 100%; margin: 25px 0px 30px;}
.bannerpart img {width: 100%;}
.contents  {float: left; width: 100%;}
.contents .prod-gallery {width: 625px; margin: 40px auto 0px; position: relative; padding-top: 433px;}
.contents .prod-gallery .content {display: none; float: left; width: 100%; height: 434px; border: 1px solid #eaeaea; text-align: center; position: absolute; top: 0px; left: 0px;}
.contents .prod-gallery .content img, .contents .prod-gallery label img {max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.contents .prod-gallery input {display: none;}
.contents .prod-gallery label {float: left; margin:10px 10px 0px 0px; border:1px solid #eaeaea; width:117px; height: 117px; text-align: center;}
.contents .prod-gallery label.last{margin-right: 0px!important;}
.contents .prod-gallery label:hover {color: #888; cursor: pointer;}
.contents .prod-gallery input:checked + label {color: #555;}
.contents .prod-gallery label.last {margin-right: 0;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4,
#prod5:checked ~ #content5 {
  display: block;
}

.contents .tabs {margin: 40px 0px 0px; float: left; width: 100%;}
.contents .tabs input {display: none;}
.contents .tabs label {float: left; font-size: 26px;  color: #434343; background-color: #eaeaea; padding: 15px 16px; margin-bottom: 5px; width: 100%; background-image: url(../images/tab.png); background-repeat: no-repeat; background-position: 96% center;}
.contents .tabs label:hover { cursor: pointer;}
.contents .tabs .content {display: none; float: left; width: 100%; background-color: #f5f5f6; padding: 25px 15px; margin-bottom: 5px;}
.contents .tabs .content p {line-height: 18px; color: #555557; margin-bottom: 12px;}
.contents .tabs .content h3 {font-weight: 700; color: #555557; padding: 30px 0px 20px; float:left; width: 100%;}
.contents .tabs .content ul {float: left; width: 100%;}
.contents .tabs .content ul li {padding-left: 15px; color: #555557; margin: 6px 0px 9px; }
.contents .tabs .content ul li ul li {list-style: inside none disc;}

.contents .tabs input:checked + label {background-image: url(../images/activetab.png);}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3, #tab4:checked ~ #content4{
	display: block;
}

