.tray-kit { background: #fff; border: 1px solid #e1e1e1; padding: 15px; margin-bottom: 15px; } .tray-kit div[style="clear:both;"] { display: none; } .tray-kit-item { padding: 15px 0 25px; border-top: 1px solid #e1e1e1; } .tray-kit-item:first-child { border-top: none; } .tray-kit-item:after { content: ''; display: block; clear: both; } .tray-kit-item > div { position: relative; } .tray-kit-image { float: left; width: 90px; margin-right: 15px; border: 1px solid #e1e1e1; } .tray-kit-name { font-weight: 700; padding: 5px 0; } .tray-kit-info { overflow: hidden; margin-left: 105px; } .tray-kit-unity { overflow: hidden; margin-left: 0; position: absolute; left: 0; top: 95px; width: 90px; text-align: center; } .tray-kit-show-all { font-size: 1.2rem; text-align: center; margin-top: 10px; } .tray-kit-title h3 { font-weight: 700; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0; } .tray-kit-additional-info .onVar, .tray-kit-additional-info .onVar:hover{ color: #000; font-size: 1.2rem; } .tray-kit-additional-info .select, .tray-kit-additional-info .text, .tray-kit-additional-info .textarea, .tray-kit-additional-info .table, .tray-kit-additional-info .dd, .tray-kit-additional-info .ddTitle{ display: block; width: 100% !important; } .tray-kit-additional-info .text, .tray-kit-additional-info .textarea{ margin-bottom: 5px !important; } .tray-kit-additional-info .dd .ddTitle span.ddTitleText{ font-weight: 400; font-size: 1.2rem; } .tray-kit-additional-info .select, .tray-kit-additional-info .ddTitle, .tray-kit-additional-info .textarea{ border: 1px solid #e1e1e1; font-weight: 400; font-size: 1.2rem; height: 24px; } .tray-kit-additional-info .varCont > *{ color: #222; display: block; } .tray-kit-variation img { width: 30px; height: 30px; display: block; overflow: hidden; } .tray-kit-variation li { display: inline-block; margin: 0 5px 5px 0; min-width: 30px; min-height: 30px; border: 1px solid #e1e1e1; text-align: center; font-size: 1.4rem; line-height: 30px; }