#search-list-page .wrap-content .box-message { margin:20px auto 0; width:960px; height:auto; } #search-list-page .wrap-content .box-message a img { width:960px; height:118px; } #search-list-page .wrap-content .box-message .box-error-msg { width:1200px; height:50px; font-size:22px; line-height:1.2; color:#F95B4B; padding:0 0 0 20px; } #search-list-page .wrap-content .box-search-parking .box-google { float:left; width:726px; height:440px; background:none; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off { width:234px; float:left; margin:0; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking { margin:0; padding:0; overflow:auto; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data { float:left; width:234px; height:94px; margin:0; background:#ffffff; border-bottom:1px solid #d0d0d0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; box-shadow:none; position:relative; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-like { display:none; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-thumb { margin:10px; background:#ebebeb; float:left; text-align:center; width:74px; height:74px; border:0; overflow:hidden; cursor:pointer; position:relative; vertical-align:middle; display:table-cell; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-thumb .box-index { position:absolute; top:2px; left:2px; color:#ffffff; font-size:12px; background:#F95B4B; width:25px; height:18px; padding:7px 0 0; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-thumb img { max-width:74px; max-height:74px; width:auto; height:100%; object-fit:contain; vertical-align:middle; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .title { float:left; margin:10px 0 0; font-size:12px; padding:4px 0 0; color:#414042; width:122px; height:38px; overflow:hidden; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-price { float:left; margin:2px 0 0; border:none; overflow:hidden; width:122px; height:18px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-price p { display:block; background:none; color:#fd9308; float:none; width:auto; height:auto; line-height:1; font-size:10px; text-align:left; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .box-price p .point { color:#fd9308; font-size:14px; font-weight:bold; padding:0 5px 0 0; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off .ul-parking .li-data .box-data .meter { float:left; margin:0; padding:0; color:blue; font-size:10px; width:122px; height:22px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on { float:left; width:100%; margin:0; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking { width:1200px; min-height:200px; padding:0px 0px 0; margin:0 auto; overflow:auto; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data { float:left; width:270px; margin:0 35px 30px 0; background:#f7f6f5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.3); position:relative; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data:nth-child(4n) { margin-right:0px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-like { display:none; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-thumb { margin:0; background:#ebebeb; text-align:center; width:270px; height:152px; border:0; overflow:hidden; cursor:pointer; position:relative; vertical-align:middle; display:table-cell; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-thumb .box-index { position:absolute; top:4px; left:4px; color:#ffffff; font-size:14px; width:40px; height:40px; padding:0; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-thumb img { max-width:270px; max-height:152px; width:auto; height:100%; object-fit:contain; vertical-align:middle; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .title { width:250px; height:30px; font-size:14px; margin:10px 0 0 0; padding:0 10px; color:#414042; overflow:hidden; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-price { float:left; margin:6px 0 0; padding:0 0 0 10px; border:none; overflow:hidden; width:110px; height:30px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-price p { display:block; background:none; color:#fd9308; float:none; width:auto; height:auto; line-height:1; font-size:12px; text-align:left; text-indent:0; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-price p .point { color:#fd9308; font-size:16px; font-weight:bold; padding:0 5px 0 0; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .meter { float:left; color:blue; font-size:12px; margin:4px 0 0; padding:4px 0 0 10px; overflow:hidden; width:140px; height:26px; } #search-list-page #mapview { float:none;z-index: 1; } #search-list-page .box-search-parking { width:100%; } #search-list-page .wrap-search-bar { height:100%; margin:auto; padding:8px 0px; } #search-list-page .wrap-search-bar .box-search-bar { width:1200px; height:auto; padding:8px 0px; } #search-list-page .wrap-search-bar .box-search-bar:after { content:' '; clear:both; height:0px; display:block; visibility:hidden; } #search-list-page .wrap-content .box-message { width:1200px; margin:20px auto 0; overflow:hidden; } #search-list-page .wrap-content .box-message a img { width:780px; height:auto; } #search-list-page .wrap-content .box-search-parking .box-google { width:100%; } #search-list-page .wrap-content .box-search-parking .box-parking-list.off { display:none; width:100%; height:100px; } #search-list-page .box-search-parking { padding: 0px; } #search-list-page .box-search-parking .box-parking-list.off .ul-parking { height:auto; } #search-list-page #mapview_reload2 { position:relative; top:43px; width:140px; height:30px; margin-left:300px; padding:1px; background:#80e080; color:#000000; font-size:0.9em; text-align:center; line-height:30px; cursor:pointer; z-index:100 } #search-list-page #mapview_reload { margin:10px auto; padding:2px 8px; background:#80e080; border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); color:#000000; font-size:1.4em; text-align:center; line-height:30px; cursor:pointer; } #search-list-page #mapview_changeicon { margin-right:8px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); color:#000000; font-size:1.4em; text-align:center; line-height:30px; cursor:pointer; } #search-list-page #parkingview { display:none; min-height:100px; overflow:hidden;width: 1180px;margin: -100px auto 20px; z-index: 1; position: relative;box-shadow:0px 0px 8px 3px rgba(0, 0, 0, 0.4);border-radius:8px;background:#ffffff} #search-list-page #parkingview .close { display:inline-block; float:right; width:25px; height:25px; margin:10px; padding:5px; background:#f0f0f0; border-radius:50%; font-size:14px; text-align:center; line-height:14px; cursor:pointer; position: absolute;right: 0;} #search-list-page #parkingviewpopup { display:inline-block; min-height:76px; margin:0px; padding:8px 16px; line-height:1.5em; width: 100%;} #search-list-page #parkingviewpopup .thumb { float:left; width:100px; height:75px; margin-right:16px; background:#eeeeee; } #search-list-page #parkingviewpopup .thumb img { max-width:80px; max-height:60px; } #search-list-page #parkingviewpopup .marketview:after { clear:both; content:'.'; height:0; display:block; visibility:hidden; } #search-list-page #parkingviewpopup > div {padding:0 0 10px 0;margin-bottom:10px;border-bottom: 1px dotted #c2c2c2; width: 33%; float: left;} #search-list-page #parkingviewpopup > div:nth-last-child(1),#search-list-page #parkingviewpopup > div:nth-last-child(2),#search-list-page #parkingviewpopup > div:nth-last-child(3) {padding:0 0 5px 0;margin-bottom:0px;border-bottom: none;} #search-list-page #parkingviewpopup > div > a { font-size: 10px;} #search-list-page #marketpopup { background:#f0f0f0; } /* #search-list-page #marketpopup .market_address { padding:4px 8px; background:#e0e0e0; border:1px solid #808080; } */ #search-list-page #marketpopup .market_name { display:block; padding:8px 0; } #search-list-page .box-search-parking .box-info { display:none; } @media all and ( max-width:780px ) { #search-list-page .wrap-content .box-search-parking .box-parking-list.off { height:auto; } #search-list-page .wrap-content .box-search-parking .box-google { width:100%; height:420px; } #search-list-page .wrap-content ol.topic-path { padding:10px 0 0 5px; } #search-list-page .wrap-search-bar .box-search-bar { padding:4px 0 4px 0px; } #search-list-page .wrap-search-bar .box-search-bar input[type=text] { width: 48%;margin:0 0 2px 0; } #search-list-page .wrap-search-bar .box-search-bar #datepicker { width: 48%;margin:0 0 2px 0;background: url(../images/bg_calendar.png) 5px 10px no-repeat, url(../images/updown.png) 95% center no-repeat; } #search-list-page .wrap-search-bar .box-search-bar select {background: url(../images/bg_select.png) 5px 8px no-repeat, url(../images/updown.png) 95% center no-repeat;padding: 0 0 0 25px;} #search-list-page .wrap-search-bar .box-search-bar select { width:110px; margin:0px; } #search-list-page .wrap-search-bar .box-search-bar .btn-map-on.on {background: url(../images/bg_spot2.png) 4px 7px no-repeat;} #search-list-page .wrap-search-bar .box-search-bar .btn-map-on { width:80px; margin:0px; padding-right:5px; text-align:right; } #search-list-page .wrap-search-bar .box-search-bar .btn-market-on.on {background: url(../images/bg_spot2.png) 4px 7px no-repeat;} #search-list-page .wrap-search-bar .box-search-bar .btn-market-on { width:120px;margin: 0px;} #search-list-page .box-search-parking .box-info { display:none; height:32px; line-height:32px; } #search-list-page .box-search-parking { margin:0; padding:0; } #search-list-page button[name=searchbutton] { display:none; } #search-list-page #mapview { float:none; width:100%; max-width:780px; height:326px; } #search-list-page #marketview { text-align:left; box-sizing:border-box; overflow:hidden; margin:10px 2% 0; padding: 2%; width: 96%; } #search-list-page #marketview h2 { padding: 10px 0; } #search-list-page #marketview .item { width:49%; margin: 0 2% 2% 0; padding: 10px 0 0 0;} #search-list-page #marketview .item:nth-child(odd) { margin: 0 0 2% 0;} #search-list-page #marketview .item .name { min-height:40px; } #search-list-page #marketview .item .image {width: 100%;height: 125px;} #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking { width:100%; height:auto; } #search-list-page .wrap-search-bar .box-search-bar,#search-list-page .wrap-content .box-message,#search-list-page .wrap-content .box-message .box-error-msg{ width: 96%;margin-left: 2%;margin-right: 2%;} #search-list-page #parkingview { width: 96%; margin: 2%;padding: 0;} #search-list-page #parkingviewpopup > div, #search-list-page #parkingviewpopup > div:nth-last-child(2), #search-list-page #parkingviewpopup > div:nth-last-child(3){ width: 100%;border-bottom: 1px dotted #c2c2c2; margin-top: 5px; } #search-list-page #parkingviewpopup > div:nth-last-child(1){border: none;} #search-list-page #parkingviewpopup {padding: 8px 0;} #search-list-page #parkingviewpopup .thumb {margin-right: 10px;} #search-list-page #parkingviewpopup a {font-size: 10px;} #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking {padding: 0 2% 0;} #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data {width: 49%;margin: 0 2% 2% 0;} #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data:nth-child(even) { margin-right:0px; } #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-thumb .box-index {position: absolute; z-index: 1;} #search-list-page .wrap-content .box-search-parking .box-parking-list.on .ul-parking .li-data .box-data .box-thumb img { width: 100%;height: auto;} }