body, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ol, ul, li, form, table, th, td, a, img, span, strong, var, em, input, textarea, select, option, i { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body, input, select { padding: 0; border: 0; font: 16px '\5FAE\8F6F\96C5\9ED1'; color: #000; }
ul, ol, li { list-style: none; }
img { vertical-align: top; border: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ''; display: block; clear: both; }
a { color: #000; text-decoration: none; }
dl { margin: 0; padding: 0; border: 0; }
dt, dd { clear: both; }
h1 { font-size: 22px; color: #000; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #000; font-weight: normal; }
textarea, input { font-size: 12px; line-height: 15px; margin: 0; padding: 0; }
dl { margin: 0; padding: 0; border: 0; }
dt, dd { clear: both; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; }
input { border: none; outline: none; }
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
body {font-size: 16px;overflow-x: hidden;}

:root {
    --mobile-breakpoint: 750px;
    --mobile-input-height: 44px;
    --mobile-pagination-height: 34px;
}

/* .g_wrap{background: #f9f9f9 url(../images/hhsc_banner.jpg) center 0 no-repeat;background-size: contain;} */
#fixed-element {position: absolute;z-index: 1000;top: 320px;right:240px;}
.g_wrap{background:#fff;position: relative;}
.g_wrap > img{width: 100%;}
.m_layout{width:1200px;max-width:100%;margin:0 auto;padding:0 16px;}
.search_bd{position: relative;background: rgba(255, 255, 255, 0.8);padding: 20px 35px;overflow: hidden;}
.search_box{float: left;}
.search_box #keyword_txt{float: left;border:1px solid #cfcfcf;background: #fff;height: 50px;width:540px;padding:0 30px;color: #372c2c;font-size: 18px;}
.m_layout input::-webkit-input-placeholder{/* 使用webkit內核的瀏覽器 */ font-size: 18px; color: #372c2c;}
.m_layout input:-moz-placeholder{/* Firefox版本4-18 */ font-size: 18px; color: #372c2c;}
.m_layout input::-moz-placeholder{/* Firefox版本19+ */ font-size: 18px; color: #372c2c;}
.m_layout input:-ms-input-placeholder{/* IE瀏覽器 */ font-size: 18px; color: #372c2c;}
button#search_btn{background: #1f74d0;font-size: 18px;height: 50px;width: 120px;line-height: 50px;text-align: center;color: #fff;border: none;cursor: pointer;float: left;}
.adv_search_btn{float: right;font-size: 24px;color: #131212;line-height: 26px;margin-top: 10px;cursor: pointer;}
.adv_search_btn img{vertical-align: middle;padding-right: 10px;}
.left_part{float: left;width:590px;}
/* .adv_search_bd{padding: 35px 25px 15px;} */
.adv_search_bd{display: flex;align-items: center;margin-top:50px;gap: 35px;}
/* .iptbox{margin-bottom: 20px;} */
.iptbox .select_box{position: relative;}
.iptbox .ipt_title{float: left;line-height: 50px;font-size: 20px;color: #372c2c;font-weight: 700;}
.iptbox input{font-size: 18px;}
.right_part{float: right;width: 490px;}
.btn_box{display: flex;align-items: center;}
.btn_box .ipt_btn{background: url(../images/btn_search.png) center 0 no-repeat;width: 157px;height: 50px;cursor: pointer;background-size: contain;}
.btn_box .btn_reset{background: url(../images/btn_reset.png) center 0 no-repeat;margin-left: 30px;background-size: contain;}
.adv_search_bd .btn_fold{clear: both;float: right;cursor: pointer;margin-top: 20px;}

.m_area_result{padding: 25px 0;}
.search_count{font-size: 20px;font-weight: 700;color: #372c2c;margin-bottom: 12px;}
.search_count span{color: #bd1a2d;}
.btn_more{display:block;margin:50px auto 0;width:100%;height: 50px;line-height: 50px;color: #434343;font-size: 16px;background: url(../images/btn_more.png) center 0 no-repeat;}
.item_wrap{background: #fff;border:1px solid #ddd7cc;}

.item_list_table{width:100%;border-collapse:collapse;table-layout:fixed;background-color: #fefdf9;}
.item_list_table thead tr{background: url(../images/bg_table_head.png) no-repeat;background-size: contain;}
.item_list_table thead th{
    color:#fff;
    font-size:20px;
    font-weight:700;
    line-height:62px;
    height:62px;
    text-align:center;
    border:1px solid #e1a8af;
    padding: 3px 0;
}
.item_list_table tbody tr{border-bottom:1px dashed #d3b893;}
.item_list_table tbody td{
    font-size:18px;
    color:#3f3a35;
    line-height:34px;
    padding:15px 12px;
    text-align:center;
    word-break:break-all;
}
.item_list_table thead th:nth-child(1), .item_list_table tbody td:nth-child(1){width:20%;}
.item_list_table thead th:nth-child(2), .item_list_table tbody td:nth-child(2){width:20%;}
.item_list_table thead th:nth-child(3), .item_list_table tbody td:nth-child(3){width:10%;}
.item_list_table thead th:nth-child(4), .item_list_table tbody td:nth-child(3){width:10%;}
.item_list_table thead th:nth-child(5), .item_list_table tbody td:nth-child(3){width:30%;}
.item_list_table thead th:nth-child(6), .item_list_table tbody td:nth-child(3){width:10%;}

.item_list li{padding:0;overflow:visible;border-top:0;display:block;}
.item_list li p{float:none;width:auto;margin:0;line-height:1.6;word-wrap:break-word;font-size:16px;color:#372c2c;}
.item_list li p span{font-weight:700;}
.item_list li p.address-field,.item_list li p.area-field {float:none;width:auto;margin:0;line-height:1.6;word-wrap:break-word;font-size:16px;color:#372c2c;}
.item_list li p.address-field span,.item_list li p.area-field span{font-weight:700;}
.item_list li .item_info{display:block;}
.item_list li .item_info>span{padding-left:0;display:block;font-size:16px;}
.item_title{padding: 10px;background: #fff7f8;color: #d33b2d;font-weight: 600;font-size: 22px;margin-bottom: 15px;}
.item_list li:first-child{border:0;}
.u_tips{text-align:center;font-size:14px;line-height:2em;color:#474747;width:1200px;max-width:100%;margin:0 auto;padding:0 16px 30px;}
.iptbox input{background: url(../images/bg_input.png) no-repeat;width:365px;padding:0 30px;height: 60px;}
.select_box span.first_text{background: url(../images/bg_input.png) no-repeat;display: inline-block;width:360px;height: 60px;line-height: 60px;padding:0 30px;cursor: pointer;font-size: 18px;}
.select_box ul.first_list{position: absolute;left:0px;top:55px;width:355px;border:1px solid #cfcfcf;background: #fff;text-align: center;height: 200px;overflow-y: auto;display: none;z-index: 100;}
.select_box ul li{height: 32px;line-height: 32px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;text-align: left;padding-left: 35px;}
.select_box ul li:hover{background: #f0f0f0;}
/* 分頁組件樣式 */
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 20px;
    background-color: #fefdf9;
}
.pagination li {
    margin: 0 8px 0 0;
}
.pagination li:last-child {
    margin-right: 0;
}
.pagination a {
    display: block;
    min-width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #d7d1c8;
    text-decoration: none;
    color: #635d58;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
}
.pagination a[data-role="prev"],
.pagination a[data-role="next"] {
    min-width: 72px;
    padding: 0 14px;
}
.pagination a.active {
    background-color: #bd1a2d;
    color: white;
    border-color: #bd1a2d;
}
.pagination a:hover:not(.active) {
    background-color: #f8f5f0;
}
.pagination .disabled {
    color: #999;
    pointer-events: none;
    cursor: not-allowed;
    background:#f5f5f5;
}
.pagination li.ellipsis {
    min-width: 24px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #999;
}
.pagination li.page-total {
    height: 36px;
    line-height: 36px;
    border: 1px solid #d7d1c8;
    padding: 0 12px;
    color: #635d58;
    font-size: 15px;
    background: #fff;
}
.page_footer_tips{width: 100%;padding: 10px 110px 25px 110px;text-align: center;}
.jiucuo_btn{position: fixed;right: 20px;bottom:350px;z-index: 1001;text-align:center;}
.jiucuo_btn a{display: block;background: #fff;width: 50px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 5px 0;text-align: center;}
.jiucuo_btn img{width:60%;}
.jiucuo_btn p{font-size:16px;color:#C72820;padding: 10px 0 0;font-weight:700;}
.jiucuo_btn p span{display:block;}
.go_wrap{
    position:absolute;
    right: 600px;
    top: 200px;
    width: auto;
}
@media only screen and (min-width: 2560px) {
    .go_wrap{
        right: 900px;
        top: 300px;
    }
}
@media only screen and (max-width: 1640px) {
    #fixed-element{top: 230px;right: 165px;}
    #fixed-element img{width: 60px;height: 60px;}
    .go_wrap{
        right: 325px;
        top: 154px;
    }   
}
@media only screen and (max-width: 1340px) {
    .go_wrap{
        right: 215px;
        top: 125px;
    } 
}

@media only screen and (max-width: 750px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }
    #fixed-element {display: none;}
    .page_footer_tips{padding: 0;}
    .g_wrap,
    .m_layout,
    .m_area_result,
    .item_wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .g_wrap > img {
        max-width: 100%;
        height: 88px;
    }

    .m_layout {
        width: 100%;
        padding: 0 12px;
    }

    .adv_search_bd {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        gap: 12px;
    }

    .iptbox {
        width: 100%;
        margin-bottom: 12px;
    }

    .iptbox input {
        width: 100%;
        height: var(--mobile-input-height);
        padding: 0 14px;
        background-size: 100% 100%;
        font-size: 15px;
    }

    .select_box span.first_text {
        width: 100%;
        height: var(--mobile-input-height);
        line-height: var(--mobile-input-height);
        padding: 0 14px;
        background-size: 100% 100%;
        font-size: 15px;
    }

    .select_box ul.first_list {
        top: calc(var(--mobile-input-height) + 2px);
        width: 100%;
    }

    .btn_box {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    .btn_box .ipt_btn {
        width: calc(50% - 5px);
        height: var(--mobile-input-height);
        background-size: 100% 100%;
    }

    .btn_box .btn_reset {
        margin-left: 0;
    }

    .m_area_result {
        padding: 16px 0;
    }

    .search_count {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .item_wrap {
        border: 0;
        background: transparent;
    }

    .item_list_table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
    }

    .item_list_table tbody tr {
        border: 1px solid #e6ded2;
        background: #fefdf9;
        margin-bottom: 10px;
        padding: 10px 12px;
        border-radius: 4px;
    }

    .item_list_table td {
        line-height: 1.5;
        padding: 10px 8px;
        white-space: normal;
        text-align: left;
        border: 1px solid #e6ded2;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .item_list_table thead th:nth-child(1),
    .item_list_table tbody td:nth-child(1),
    .item_list_table thead th:nth-child(2),
    .item_list_table tbody td:nth-child(2),
    .item_list_table thead th:nth-child(3),
    .item_list_table tbody td:nth-child(3), 
    .item_list_table thead th:nth-child(4),
    .item_list_table tbody td:nth-child(4),
    .item_list_table thead th:nth-child(5),
    .item_list_table tbody td:nth-child(5), 
    .item_list_table thead th:nth-child(6),
    .item_list_table tbody td:nth-child(6) {
        width: auto;
    }

    .item_list_table thead th {
        font-size: 14px;
        line-height: 1.4;
        height: auto;
        padding: 10px 6px;
    }

    .item_list_table tbody td {
        text-align: center;
    }

    .pagination {
        padding: 12px 6px;
        flex-wrap: wrap;
        gap: 6px;
    }

    .pagination li {
        margin: 0;
    }

    .pagination a {
        min-width: 34px;
        height: var(--mobile-pagination-height);
        line-height: calc(var(--mobile-pagination-height) - 2px);
        font-size: 14px;
        padding: 0 8px;
    }

    .pagination a[data-role="prev"],
    .pagination a[data-role="next"] {
        min-width: 64px;
        padding: 0 10px;
    }

    .pagination li.page-total {
        height: var(--mobile-pagination-height);
        line-height: var(--mobile-pagination-height);
        font-size: 13px;
        padding: 0 10px;
    }
            
    .item_list_table thead tr{
        background-size: 100% 100%;
    }
    .jiucuo_btn{right:0;bottom:30vw;}
    .jiucuo_btn img{width:50%;}
    .jiucuo_btn p{font-size:14px;padding:3px 0 0;}
}
@media only screen and (max-width: 450px){
    .go_wrap{
        display: flex;
        width: 100%;
        gap: 10px;
        justify-content: center;
        right: 0;
        top: 60px;
    }
    .go_pic{
        width: 45%;
    }
    .go_pic img{
        height: 20px;
        display: block;
        width: 100%;
    }
}