#product{
 display:flex;
 
}

#product>div:first-child{
	width:350px;
	margin-right:30px;
	  flex-shrink: 0;  
  box-sizing: border-box;  
}
 

button.kp{
	width:100%
}

.text_hide_wrap {
    max-width: 100%;
}

.item_text {
    width: 100%;
    padding: 0px;
}

.item_text p {
    margin-bottom: 20px;
}

.io_item {
    width: 100%;
    padding-bottom: 20px;
}

.io_button_wrap {
 
    margin-top: 10px;
}

.io_button {
    width: 300px;	 
	line-height: 30px;
 
    background-color:#F4F4F4;
    border: 1px solid #E8E8E8;
    font-style: normal;
    padding: 0;
    height: 37px;
    vertical-align: top;
    color: #555659 !important;
    cursor: pointer;
    font-size: 13pt;
 
	font-weight:100!important;
 
	    margin-right:10px;
	border-radius:5px!important;
	text-align:center;

}

a.io_button:hover {
    text-decoration: none;
}

.io_item .btn_close {
    display: none;
}

.io_item .btn_open {
    display: inline-block;
}

.io_item.open .btn_close {
    display: inline-block;
}

.io_item.open .btn_open {
    display: none;
}

.io_trans {
    width: inherit;
    position: absolute;
    height: 80px;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 1) 100%);
    transition: 1s;
}

.io_item.open .io_trans {
    height: 0;
    transition: 1s;
}

.io_item_wrap {
    position: relative;
    overflow: hidden;
    max-height: 100px;
    width: inherit;
    transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
    max-height: 2500px !important;
    transition: max-height 1s;
}

.imhidden {
  display: none;
}

.imshow {
  display: block;
}

 
.item-param-content {
	margin: auto 0px !important;
}
 
 
 #table0{
 
 padding-left:20px;
 }
 
 
	 
#table0 table {
    width: 100%;
    border: 1px solid #000 !important;
    border-collapse: collapse !important; 
}

#table0 table td {
    border: 1px solid #000 !important;
    padding: 8px 4px;  
}

#table0 table tr > td:last-child {
    text-align: left !important;
}
 

@media (max-width: 768px) {
	
	.io_button {
    width: 100%
	}	
	
	
	

#product>div:first-child{
	width:100% ;
	
}

 
	#product{
	display:block;
	padding:0px 20px 0px 20px;
}
	
	

#offers {
    padding: 20px 0px;
	width:100%
}

 

#table0{
	padding: 0 20px 20px 20px;
}
#table0 table tr>rd:first-child{
	border-right:1px solid #000000;
}
.io_item {

    padding-bottom: 0px;
}


}


@media (min-width: 768px) {
	
#table0  #offers{
display:none	
}
#product{
 
  padding:20px;
}
}