@charset "utf-8";
/* CSS Document */

table.vertic-table.eq-table {border-top-color: #666; table-layout: fixed;}
table.vertic-table.eq-table tbody tr th {width: 120px; font-size: 1.3rem;}
table.vertic-table.eq-table tbody tr td {width: calc(100% - 120px); font-size: 1.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.eq-list .box {padding:30px 0; border-bottom: 1px solid #e5e5e5;}
.eq-list .box:last-child {border-bottom: 0;}
.eq-list .box .info-area { float: left; width: calc(100% - 320px); margin-left: 20px;}
.eq-list .box .info-area a.eq-title {font-size: 2rem; font-weight: 600; letter-spacing: -0.5px; color: #072d69; display: block; margin-bottom: 25px; }
.eq-list .box .info-area a.eq-title span {font-size: 1.5rem; font-weight: 400; color: #aaa; }
.eq-list .box .img-area { float: left; overflow: hidden; width:  300px; height: 240px; border: 1px solid #dee3eb; padding:30px; text-align: center; position: relative; cursor: pointer;}
.eq-list .box .img-area > img { max-width: 80%; max-height: 90%; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.eq-list .box .img-area a.more {position: absolute; bottom:0; left:0; width: 100%; height: 0; line-height: 40px;  background: rgba(0, 20, 35, 0.5); font-size: 1.3rem;color: #fff; letter-spacing: -0.5px; transition: height .3s; }
.eq-list .box .img-area:hover a.more { height: 40px;}

.tab-table {width: 100%; position: relative; margin-bottom: 20px;}
.tab-table table {width: 100%; text-align: center; border-top: 1px solid #dee3eb;}
.tab-table table tr td {border: 1px solid #dee3eb; border-top:0; border-right: 0; height: 40px; padding:10px ; width: 33.3%; cursor: pointer; font-size: 1.3rem;}
.tab-table table tr td:hover {background: #f8f8f8;}
.tab-table table tr td.select:hover,
.tab-table table tr td.select {background:#5496ff; color: #fff; }
.tab-table table tr td.emp:hover,
.tab-table table tr td.emp {background:#f3f3f3; cursor: unset; }
.tab-table table tr td:nth-of-type(3n) {border-right: 1px solid #dee3eb;}

@media all and (max-width: 800px) {
	.eq-list .box .img-area {width: 200px;}
	.eq-list .box .info-area {width: calc(100% - 220px);}
}
@media all and (max-width: 600px) {
	.eq-list .box .img-area {width: 145px; height: 145px; padding:10px;}
	.eq-list .box .info-area {width: calc(100% - 155px); margin-left: 10px;}
}
@media all and (max-width: 425px) {
	.eq-list .box .img-area {float: none; width: 100%;}
	.eq-list .box .info-area {float: none; width: 100%; margin:0; margin-top:15px;}
	.eq-list .box .info-area a.eq-title {text-align: center; margin-bottom: 15px;}
	.eq-list .box .info-area a.eq-title span { display: block;}
	table.vertic-table.eq-table tbody tr th {width: 80px;}
	table.vertic-table.eq-table tbody tr td {width: auto;}
}