#Dealer{background-color:#000}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}#Dealer{width:100%;height:100%;height:100vh;position:relative;overflow:hidden}#Dealer #map{position:relative;height:100vh}#Dealer #map .leaflet-pane,#Dealer #map .leaflet-bottom.leaflet-right{z-index:30}#Dealer .map_toolbox{position:absolute;z-index:40;width:95%;top:80px;left:50%;transform:translate(-50%);background-color:#fff}#Dealer .map_toolbox .searchbox{display:flex;align-items:center;box-shadow:0 0 6px 1px #0000008a;position:relative;background-color:#000}#Dealer .map_toolbox .searchbox input{width:100%;padding:0 20px;font-size:16px;font-weight:700;color:#fff;height:50px;border:none;border-radius:0;background-color:#000}#Dealer .map_toolbox .searchbox input:focus{outline:none}#Dealer .map_toolbox .searchbox button{height:50px;border-radius:0;background-color:#000;color:#fff;border:none}#Dealer .map_toolbox .searchbox button:focus{outline:none}#Dealer .map_toolbox .searchbox .clear_btn{position:relative;width:48px;opacity:0;transition:opacity .3s;touch-action:none}#Dealer .map_toolbox .searchbox .clear_btn:before{transform:rotate(45deg) scale(1.74,1.4);background-color:#b9bcbf;border-radius:2px;content:" ";display:block;height:1px;left:50%;margin:0 0 0 -9px;position:absolute;top:50%;width:10px}#Dealer .map_toolbox .searchbox .clear_btn:after{content:" ";width:10px;height:1px;display:block;position:absolute;top:50%;left:50%;margin:0 0 0 -9px;transform:rotate(-45deg) scale(1.74,1.4);background-color:#b9bcbf;border-radius:2px}#Dealer .map_toolbox .searchbox .clear_btn.active{opacity:1;cursor:pointer;touch-action:auto}#Dealer .map_toolbox .searchbox .search_list{position:absolute;list-style:none;top:35px;width:100%;background-color:#333;padding:0;max-height:200px;overflow-y:auto}#Dealer .map_toolbox .searchbox .search_list li{padding:10px 20px;font-size:14px;border-bottom:1px solid #444;cursor:pointer;color:#fff;display:flex;align-items:center}#Dealer .map_toolbox .searchbox .search_list li span{font-size:12px;padding-left:10px;color:red}#Dealer .map_toolbox .searchbox .search_list li:hover{background-color:#444}@media(min-width:768px){#Dealer .map_toolbox{width:400px;top:100px;left:30px;transform:translate(0);background-color:#fff}}#Dealer .shop_detailbox{width:100%;padding:0 20px 20px;position:absolute;z-index:50;top:inherit;bottom:0;background-color:#000;color:#fff;box-shadow:0 0 6px 1px #0000008a}#Dealer .shop_detailbox .title_box{padding:20px 0}#Dealer .shop_detailbox .title_box h3{font-weight:700;font-size:24px;margin:0 0 20px}#Dealer .shop_detailbox .title_box a{display:block;color:#fff;width:100%;text-align:center;padding:5px;position:relative;transition:all .6s}#Dealer .shop_detailbox .title_box a div{background-color:red;width:100%;height:100%;padding:10px;position:relative;overflow:hidden}#Dealer .shop_detailbox .title_box a div b{position:relative;z-index:5}#Dealer .shop_detailbox .title_box a div:before{content:"";background-color:#fff;top:0;left:-30px;right:-30px;bottom:0;position:absolute;transform:skew(-30deg) scaleX(0);transform-origin:left;transition:all .4s;z-index:1}#Dealer .shop_detailbox .title_box a:hover b{color:red}#Dealer .shop_detailbox .title_box a:hover div:before{transform:skew(-30deg) scaleX(1)}#Dealer .shop_detailbox .title_box a:hover:before,#Dealer .shop_detailbox .title_box a:hover:after{border-color:#fff}#Dealer .shop_detailbox .title_box a:before{content:"";display:block;position:absolute;top:0;left:0;height:calc(50% - 5px);width:100%;border:.5px solid red;border-bottom:0px;transition:all .6s}#Dealer .shop_detailbox .title_box a:after{content:"";display:block;position:absolute;left:0;bottom:0;height:calc(50% - 5px);width:100%;border:.5px solid red;border-top:0px;transition:all .6s}#Dealer .shop_detailbox .address_box{width:100%;padding:0;display:flex;align-items:center;border-bottom:1px solid #333}#Dealer .shop_detailbox .address_box span{margin-right:10px;color:red}#Dealer .shop_detailbox .address_box p{font-size:14px}#Dealer .shop_detailbox .phone_box{width:100%;padding:0;display:flex;align-items:center}#Dealer .shop_detailbox .phone_box span{margin-right:10px;color:red}#Dealer .shop_detailbox .phone_box p{font-size:14px}@media(min-width:768px){#Dealer .shop_detailbox{width:400px;top:155px;left:30px;bottom:inherit}}