.top_banner{ margin: 20px auto; display: flex; justify-content: center;}
@media screen and (max-width: 768px) {
   .top_banner{display: none;}
}
/*成功案列分類頂欄*/
.top_case{    background-color: #d4f0fc;}
.top_case>ul{display: flex; justify-content:center;padding: 8px 0;}
.active_list{background-color: #e30000!important;}
.top_case>ul>li{background-color: #0e527d; padding: 6px 10px; border-radius: 10px; margin: 0 10px;}
.top_case>ul>li:hover{background-color: #0e527d;}
.top_case>ul>li>a{color: #fff; font-weight: bold;}

/*成功案列列表*/
.s_caseul{max-width: 1186px;margin: 0 auto;}
.s_caseul>ul{display:flex;flex-wrap: wrap;justify-content: center;}
.s_caseul>ul>li{width: 30%; margin: 1%; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between;/* border: 2px solid #1a7ab7;*/background-image: linear-gradient(to top, #d3f3ff,#fff);}
.s_caseul>ul>li:hover{    -webkit-box-shadow: -3px 4px 10px #8cd3ff;box-shadow: -3px 4px 10px #8cd3ff;}
.s_caseul>ul>li>a:nth-child(1){background-color: #ffeec2;background-image: linear-gradient(to right, #fff7e4,#ffeab8);}
.s_caseul>ul>li>div{padding: 0 11px 10px;}
.s_caseul>ul>li>div>p{text-align: justify;}
.s_caseul>ul>li>div>a:last-of-type{display:block;color: #fff; border-color: #056DAE; background: #056DAE; border-width: 2px; height: 30px!important; line-height: 28px!important; font-size: .75rem; max-width: 90px; border-radius: 8px; text-align: center;}
.s_caseul>ul>li>a>h3{font-size: 20px; color: #011427; margin: 5px 10px;}
@media screen and (max-width: 768px) {
    .s_caseul>ul>li{width: 47.3%; margin: 1%; padding: 0; border: 1px solid #b7b9bb;}
    .s_caseul>ul>li>div>p{line-height: 24px;}
    .s_caseul>ul>li>div{    padding: 0 5px 10px;}
    .s_caseul>ul>li>a>h3 {margin: 4px 5px; line-height: 22px; }
}

.search-info{background: #e9f1f7; padding: 10px 20px; line-height: 30px; color: #000; font-size: 15px;border-radius: 0 0 19px 19px; margin-bottom: 10px;display: flex; justify-content: center;}
.search-info>div:nth-child(1){display: flex;}
.search-info>div:nth-child(1) select{padding: 0 5px; width: 100px; margin: 0 5px;}
.search-info>div input{line-height: 29px; padding: 0 5px;}
.search-info>div:nth-child(2){}
.search-on{background-color: #1a7ab7; color: #fff; padding: 10px 21px; line-height: 12px;}
#container{padding-top:0;}
.s_list{max-width: 1186px;
    margin: 0 auto;}
.s_list>ul{display: flex; flex-wrap: wrap;    justify-content: center;}
.s_list>ul>li{width:23.5%;background-color: #fff; margin: 0.5%;border:2px solid #bdbdbd;display: flex; flex-direction: column; justify-content: space-between;}
.s_list>ul>li>div{ padding: 3%; }
.s_list>ul>li>div>h4{color: #B1851D;}
.s_list>ul>li>div>address{font-size: 18px; font-weight: bold; font-style: initial;padding: 8px 0;}
.s_list>ul>li>div:nth-child(1){}
.s_list>ul>li>div:nth-child(2)>h4{color: #DDAB45}
.s_list>ul>li>div:nth-child(2){background-color: #0e527d;}
.s_list>ul>li>div:nth-child(2)>p{color: #fff; font-size: 18px; font-weight: bold;}
.s_list>ul>li>div:nth-child(2)>p>span{color: #ffb600; font-size: 26px; padding: 0 4px;}
.s_list>ul>li>div:nth-child(3){}
.s_list>ul>li>div:nth-child(3) p{text-align:center;font-size: 16px; font-weight: bold;}
@media screen and (max-width:768px) {
    .search-info>div:nth-child(1){padding-bottom: 10px;}
    .search-info{flex-wrap: wrap;}
    .s_list>ul>li{width: 47.5%;}
    .s_list>ul>li>div:nth-child(2)>p{line-height: 20px;}

}