#content .package_searchpage h1.page-title {font-size: 24px;}
.package-search-div #tboverlay {width: 941px;opacity:0.7;filter:alpha(opacity=70);}
.pacsearch {margin-bottom: 0px;}
.package-search-div {border: 1px solid #d9d9d9;width : 100%;padding: 10px;position:relative;z-index:1;display:inline-block;}
div.dt-container .dt-paging .dt-paging-button{font-weight:normal;}
div.dt-container .dt-paging{margin-right:10px;}
.dt-container .bottom:has(.dt-paging) .dt-info {margin-left:10px;}
.package-search-result-autocomplete .ui-menu.ui-autocomplete {width: 204px !important;}
#autocomplete-package-search {position: absolute;}
#s3list_wrapper .top{margin-bottom: 3px;display: flow-root;}
.pacsearch {float: left;position: relative;z-index: 11;}
.pacsearch input[type="text"]{margin-bottom:0;}
.pacsearch input[type="text"]:focus{outline:0;border-color: #bfbfbf;box-shadow:0 0 0 0 transparent;}
.rohm-lr7 #wrapperrohm input[type="button"]:focus, .rohm-lr7 #wrapperrohm a:focus{box-shadow:0 0 0 0 transparent;}
.rohm-lr7 input[type="button"].btn.btn-secondary, .rohm-lr7 #wrapperrohm a.btn.btn-secondary{height:inherit; background-image:none; background: rgb(226, 226, 226);background: linear-gradient(-360deg, rgba(226, 226, 226, 1) 0%, rgb(249 249 249) 48%, rgba(255, 255, 255, 1) 100%);}
.rohm-lr7 input[type="button"].btn.btn-secondary:hover, .rohm-lr7 #wrapperrohm a.btn.btn-secondary:hover{border: 1px solid #a6a6a6!important;color:#000!important;background: rgb(226, 226, 226);background: linear-gradient(-360deg, rgba(226, 226, 226, 1) 0%, rgb(244 240 240) 48%, rgba(255, 255, 255, 1) 100%);}
.btn.btn-secondary{padding: 6px 12px; font-size: 12px; font-weight: normal; line-height: 16px; background-image: none; margin-right:5px;}
#s3list_wrapper #s3list thead{background-color: #888888;color: #fff;}
#s3list_wrapper #s3list thead th{text-align:center;padding: 3px 10px 3px 5px;font-size: 11px;line-height: 16px;}
#s3list_wrapper #s3list tfoot {display: table-header-group; background-color: #d9d9d9;}
#s3list_wrapper #s3list tfoot th{padding: 5px 3px;}
#s3list_wrapper #s3list tbody td{padding: 3px 10px; text-align:center;}
#s3list_wrapper table.datatable.stripe > tbody > tr:nth-child(odd) > *, #s3list_wrapper table.datatable.display > tbody > tr:nth-child(odd) > * {box-shadow: inset 0 0 0 9999px #fff !important;}
#s3list_wrapper table.datatable.stripe > tbody > tr:nth-child(even) > *, #s3list_wrapper table.datatable.display > tbody > tr:nth-child(even) > * {box-shadow: inset 0 0 0 9999px #e6e6e6 !important;}

#s3list_wrapper table.datatable.cell-border > tbody > tr > * {border-top: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;}
#s3list_wrapper table.datatable.cell-border > tbody > tr > *:first-child {border-left: 1px solid #bdbdbd;}
#s3list_wrapper table.datatable.cell-border > tbody > tr:first-child > * {border-top: 1px solid #bdbdbd;}
#s3list_wrapper table.datatable.cell-border > tbody > tr:last-child {border-bottom: 1px solid #bdbdbd;}

#s3list_wrapper #s3list tfoot th select, #s3list_wrapper #s3list tfoot th input[type="text"]{height: initial;font-size: 11px;line-break: normal;margin-bottom: 0;}
#s3list_wrapper #s3list tfoot th input[type="text"]{width: 144px;border:1px solid #ccc;height: 26px;visibility: hidden;}
#s3list_wrapper #s3list tfoot th:nth-child(1) select{min-width: 120px;width: 120px;}
#s3list_wrapper #s3list tfoot th:nth-child(2) select{min-width: 120px;width: 120px;}
#s3list_wrapper #s3list tfoot th:nth-child(3) select{min-width: 99px;}
#s3list_wrapper #s3list tfoot th:nth-child(4) select{min-width: 128px;width: 128px;}
#s3list_wrapper #s3list tfoot th:nth-child(5) select{min-width: 95px;}
#s3list_wrapper #s3list tfoot th:nth-child(6) select{min-width: 95px;}
#s3list_wrapper #s3list tfoot th:nth-child(7) select{min-width: 100px;}
#s3list_wrapper #s3list tfoot th:nth-child(8) select{min-width: 116px;}
#s3list_wrapper #s3list tfoot th:nth-child(9) select{min-width: 80px;}
#s3list_wrapper #s3list tfoot th:nth-child(10) select{min-width:80px;}

@media (min-width: 980px) and (max-width: 1220.98px){
	.pacsearch{margin-bottom:10px;}
	.package-search-div .table-container { border: 1px solid #939393;  clear: both; display: inline-block; height: 100%; overflow: auto; position: relative; width: 100%; z-index: 0; margin-bottom: 14px;}
	.package-search-div .table-responsive {width:100%;position:absolute;}
	.package-search-div .table-container {min-height: 416px;margin-bottom: 0;} 
	.package-search-div .table-responsive {min-width:320px;}
}
@media (max-width:979.98px){
	.pacsearch{margin-left:4px;margin-bottom:10px;}
}
@media (min-width: 768px) {
    .table-container {margin-bottom:0;}
}
@media (max-width:479.98px){
	.package-search-div{padding: 10px 2px;}
	#s3list_wrapper .top {margin-bottom: 6px;}
	.pacsearch {margin-left: 12px;}
	.pacsearch input[type="text"]{width:50%;}
	.dt-container .dt-paging .dt-paging-button {min-width: 1.4em !important;}
}
@media (max-width: 360.98px) {
	.package-search-div .pacsearch input[type="text"]{width: 50%;}
}
@media (max-width: 320.98px) {
	.package-search-div .pacsearch input[type="text"]{width: 50%;}
}
@media (min-width: 320px) {
	.spn, .package-search-div #tboverlay{width:100%;}
    .package-search-div .table-responsive {overflow-x: inherit;min-height: auto;margin-bottom: 0;}
}

/* package css */
.packge_catalog table{width:100%; margin-top: 10px;}
.thumbview {
    float: left;
    margin: 0 15px 2% 0;
    padding: 0px;
    width: 30.7%;
}
.thumbview td {
    width: 100%;
    display: inline-grid;
}
.thumbdata {
	background-color: #f5f5f5;
	display: inline-block;
	clear: both;
	text-align: center;
	position: relative;
	color: #333;
}
.thumbview  .thumbdata a.thumb_cell {
	min-height: 240px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.thumbdata a.thumb_cell {
    width: 100%;
    float: left;
    padding: 10px 5px;
    text-decoration: none;
    cursor: pointer;
}
.thumbdata .main .thumb_img {
	vertical-align: middle;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
	background: transparent;
}
.thumbdata .main .thumb-img-vertical{
    width: auto;
    height: 220px;
    min-height: 220px;
}

/* end 16:9 */
.thumbdata p {
    margin-bottom: 1.5em;
    word-break: break-all;
    word-wrap: break-word;
}
.thumbdata .thumb_ttl {
    font-weight: bold;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.2;
	clear: both;
	padding: 0 15px;
	min-height: 58px;
    max-height: 58px;
    overflow: hidden;
}
.thumbdata .thumb_ttl {
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 4; /*define how many line you want to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 }
.ko_kr .thumbdata .thumb_ttl {word-break: break-all;}
.thumbdata .thumb_txt {
    font-size: 12px;
    line-height: 1;
    margin: 5px 0;
}
.thumbdata .thumb_txt.releasedate {
    margin-bottom: 15px;
}
.thumbdata .downlaodsize {
    position: relative;
    z-index: 1;
    padding-top: 10px;
	background:#fff;
}
#wrapperrohm .thumbdata .downlaodsize a.catalog_link {
    background-color: #555;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 14px;
    min-width: auto;
	min-height: 38px;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
#wrapperrohm a.catalog_link:hover{
	color: #fff;
	opacity: 0.5;
}
@media (min-width: 1122px){
	tr.thumbview:nth-child(4n) {
		margin-right: 0;
	}
	.thumbview {
		width: 23.7%;
	}
}
@media (min-width:641px){
	tr.thumbview:nth-child(4n) {
		margin-right: 0;
	}
	.thumbview {
		width: 23.7%;
	}
}

@media (min-width:768px) and (max-width:991.98px){
	.thumbview {
		margin-right: 2%;
		width: 23.5%;
	}
	tr.thumbview:nth-child(4n) {
        margin-right: 0;
    }
}
@media (max-width:767.98px){
	#s3list_wrapper .top, #s3list_wrapper .bottom{display: flex;flex-direction: column;align-items: center;margin-bottom: 10px;}
	#s3list_wrapper .bottom .dt-paging{order:2;}
	.thumbview {
		margin-right: 2%;
		width: 49%;
	}
	tr.thumbview:nth-child(2n) {
        margin-right: 0;
    }
}
@media (min-width: 480px) and (max-width: 640.98px){
	tr.thumbview:nth-child(2n) {
		margin-right: 0;
	}
	.thumbview {
		width: 49%;
	}
}
@media (max-width:479.98px){
	tr.thumbview {
		margin-right: 0;
		width: 100%;
	}
}
.ja .dt-length label:before, .ja .dt-length label:after,
.ko .dt-length label:before, .ko .dt-length label:after,
.zh .dt-length label:before, .zh .dt-length label:after{top:3px!important;}