#nav{min-height: 378px;background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../img/banner.jpg");background-size: cover;}
#top-nav a{line-height: 56px;}
#fields .field i{vertical-align: middle;color: #333;background-color: #fff;line-height: 32px;border-radius: 5px 0 0 5px;float: left;padding:  0 5px;font-size: 22px;}
#fields{position: relative;margin-top: 60px;text-align: center;}
#fields .field{display: inline-block;vertical-align: middle;}
#fields .field input[type="text"]{height: 32px;border-radius: 0 5px 5px 0;float: left;}
button{border: none;vertical-align: -webkit-baseline-middle;}
input#mall{width: 400px;}
#fields .tag{background-color: #CB202D;}
#login{background-color: #099E44;}
.page-topic{margin-top: 50px;color: #eee;text-align: center;font-size: 34px;text-shadow: -2px 2px 3px rgba(0,0,0,0.3);}
.card img{width: 100%;}
.soon .fluid-container{filter: blur(3px);background-color: rgba(0,0,0,0.1);}
.section-title{font-size: 22px;padding: 7px 3px;}
#section-1{background-color: #fff;margin-top: 20px;margin-bottom: 20px;padding:  12px 16px;border: 1px solid #eee;}
#section-1 .rating i{display: inline;}
#section-1 .content{padding: 4px;}
#section-1 .content .mall-name{font-size: 15px;font-weight: 600;}
#section-1 .content .mall-address{font-size: 11px;font-weight: 0;color:  #777;text-align: justify;}
#section-2 .card:nth-child(2n+1){margin-bottom: 10px;}
#section-2 .card:nth-child(2n+2){margin-bottom: 10px;}
#section-2 .card:nth-child(2n+3){margin-bottom: 0;}
#section-2 .card:nth-child(2n+4){margin-bottom: 0;}
#section-2{background-color: #fff;margin-top: 20px;margin-bottom: 20px;padding:  12px 16px;border: 1px solid #eee;}
#section-2 .img{width: 40%;}
#section-2 .content{width: 60%;padding: 4px;}
#section-2 .shop-name{font-size: 15px;font-weight: 600;}
#section-2 .mall-name, #section-2 .mall-floor{font-size: 12px;color: #666;}
#section-2:nth-child(2n){margin-bottom: 5px;}
#section-3{background-color: #fff;margin-top: 20px;margin-bottom: 20px;padding:  12px 16px;border: 1px solid #eee;}
#section-3 .row .img{padding: 15px;padding-bottom: 7px;}
#section-3 .row img{width: 100%;}
.cat{border: 1px solid transparent;transition: 300ms;border-radius: 5px;}
.cat:hover{border: 1px solid #999;}
#toggle-button i{display: none;}
#section-3 .category-name{font-size: 12px;text-align: center;font-weight: 600;padding-bottom: 8px;}
#search-area{display: none;}
.card .img{overflow-y: hidden;}
#section-1 .content .mall-address{min-height: 32px;}
#toggle-button i{display: none;}
#search-area{display: none;}
@media (max-width: 442px){
    .card img{min-height: 132px;}
}
@media (max-width: 768px){
    .card .img{max-height: 213px;}
    #section-1 .card:nth-child(4n+1){margin-bottom: 8px;}
    #section-1 .card:nth-child(4n+2){margin-bottom: 8px;}
    input#mall{width: 200px;}
    #fields .field input, #fields .field i, #fields .field button{margin: 6px 0;}
    #toggle-button i{display: none;}
    #search-area{display: none;}
}
@media (min-width: 768px){
   .card .img{height: 220px;}
    input#mall{width: 250px;}
    #section-1 .card:nth-child(4n+1){margin-bottom: 8px;}
    #section-1 .card:nth-child(4n+2){margin-bottom: 8px;}
}
@media (min-width: 992px){
   .card .img{height: 292px;}
    #search-parts{display: none;}
    input#mall{width: 400px;}
}
@media (min-width: 1200px){
   .card .img{height: 168px;}
}
@media only screen and (max-width: 600px){
    body{width: 100vw;overflow-x: hidden;}
    #fields .field input[type="text"]{width: calc(100% - 32px);}
    #fields .field{display: inline;margin-top: 20px;}
    #fields .field button{width: 100%;margin-bottom: 12px;}
    #fields{padding: 0 22px;}
}