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 { margin: 0; padding: 0; }
html, body { padding: 0; border: 0; font: 14px '\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; }
/* .banner_wrap{background: url(../images/banner.png) no-repeat center 0;} */
.banner_wrap .banner_img {width: 100%;max-height:315px;object-fit: cover;}
.banner { width: 100%;position: relative;}
.banner .qrcode{position: absolute;left: 1009px;top: 200px;width: 80px;height: 80px;}
.box { max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.mt20 { margin-top: 20px; }
.mb30 { margin-bottom: 30px; }
.searchbox{display:flex;flex-direction: column;justify-content: center;align-items: center;background-color: #FFFBF3;}
.ss{display: flex;align-items: center;}
.input_box { width: 100%;max-width: 1200px;display: flex;align-items: center;padding: 25px 0;justify-content: space-between;}
.search_input { width: 330px; height: 36px; border: #e4e4e4 1px solid; font-size: 16px; padding-left: 10px; }
.check_box { display: flex; padding: 20px 0; max-width: 1200px; width: 100%; align-items: baseline; box-sizing: border-box; }
.jzsj{display: flex;align-items: center;gap: 20px;}
.jzsj .jzsj-input{display: flex;}
.check_title { width:130px;line-height: 30px; color: #202020; font-weight: 700;}
.check_content{display: flex;flex-wrap: wrap;gap: 20px;}
.check_content li{cursor: pointer;width: 59px;text-align: center;}
.check_content li.active{color: #d52d2d;}
.msg { display: flex ; justify-content: space-between;line-height: 56px; color: #666; font-weight: bold;  }
.msg span { color: #2769d4; }
.img-link { width: 16px;}
.zclist table { width: 100%; }
.zclist table th { background-color: #fff; padding: 10px; border:#e4e4e4 1px solid;line-height: 28px; text-align: center;}
.zclist table td { padding: 10px; border: #e4e4e4 1px solid;line-height: 28px; color: #333; text-align: center; }
.zclist table tr td:nth-child(1){ width: 10%; }
.zclist table tr td:nth-child(2){ width: 30%; }
.zclist table tr td:nth-child(3){ width: 14%; }
.zclist table tr td:nth-child(4){ width: 16%; }
.zclist table tr td:nth-child(5){ width: 20%; }
.zclist table tr td:nth-child(6){ width: 8%;}
.zclist table tr:nth-child(even) { background: #f4f4f4; }
.zclist table tr:nth-child(odd) { background: #fff; }
/*分頁*/
.changepage { text-align: center; padding: 30px 0; border-top: 1px solid #fff; }
.changepage a { padding: 8px 20px; display: inline-block; margin: 0 5px; border: 1px solid #e8e8e8; background: #fff; font-size: 14px; }
.changepage a:hover, .changepage .current { background: #d52d2d; color: #fff; }
.changepage input { border: 1px solid #e8e8e8; display: inline-block; padding: 8px 10px; margin: 0 5px; height: 19px; font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1'; *display: inline;*zoom: 1;+vertical-align: 3px;*height:21px;line-height: 19px; width: 33px; text-align: center; }
.changepage span { display: inline-block; margin: 0 5px; border: 1px solid #e8e8e8; padding: 8px 20px; }
.changepage span.u_page { border: 0; padding: 0; }
.changepage .active {background: #d52d2d;color: #fff;border: 1px solid #d52d2d;margin-top:-1px;}
.heightauto { height: auto; }
.ztmenu { width: 100%; height: 70px; background:url("images/jnjs/zt_menubg.jpg") no-repeat center top; }
.ztmenu .box { background-color: transparent;}
.ztmenu span { float: left; display:block; margin:7px 0 0 7px; width:40px; height: 40px;  padding: 8px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; }
.ztmenu ul { float: left; width:1130px; }
.ztmenu li { float: left; margin: 7px 0 0 20px; display: table; width: 204px; height: 54px; border: 1px solid #cfdfff; text-align: center; }
.ztmenu li a { display: table-cell; vertical-align: middle; width: 190px; height: 40px; padding: 7px; font-size:14px; line-height: 20px; color:#fff; }
.ztmenu li a:hover,.ztmenu li a.on { background-color: rgba(255,255,255,0.3); }
.u_tips{text-align:center;font-size:14px;line-height:2em;color:#474747;max-width:1200px;width:100%;margin:0 auto;padding:0 0 30px;box-sizing:border-box;}
.jiucuo_btn{position: fixed;right: 0;bottom:350px;z-index: 1001;}
.jiucuo_btn a{display: block;background: #fff;width: 55px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 10px 0;text-align: center;box-shadow: 0px 0px 10px 0px rgb(5 0 0 / 10%);}
.jiucuo_btn img{width:30px;}
.jiucuo_btn p{font-size:16px;color:#C72820;padding: 5px 0 0;font-weight:700;}
.jiucuo_btn p span{display:block;}
.jiucuo_btn .close_jiucuo_btn{position: absolute;left: -15px;top: -15px;cursor: pointer;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.jiucuo_btn .close_jiucuo_btn img{width:15px;height:15px;}
/* 就診時間篩選 */
.time_filter_wrap { display: flex; align-items: center; gap: 12px; height: 36px; border: 1px solid #e4e4e4; border-radius: 2px; padding:0 12px; font-size: 16px; color: #333; background: #fff; font-family: '\5FAE\8F6F\96C5\9ED1'; width: 260px; cursor: pointer; }
.time_filter_wrap input { width: 200px; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 16px;}
.search_btn,.reset_btn { height: 36px;cursor: pointer;}
/* 相關服務 */
.related_section {max-width: 1200px; width: 100%; margin: 0 auto; padding: 10px 20px 30px; box-sizing: border-box; }
.related_section .section_title { text-align: center;font-size: 20px; font-weight: bold; color: #000; margin-bottom: 20px; height: 50px; line-height: 50px; }
.related_cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.related_card { display: flex; align-items: center; justify-content: space-between;padding: 22px 18px; border-radius: 10px; cursor: pointer;transition: all 0.3s ease; }
.related_card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.related_card .card_icon { width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
.related_card .card_text { color: #333; font-weight: 600; line-height: 22px; }
.related_card.card_registration { background: linear-gradient(135deg, #fff5f5 0%, #ffb4b4 100%) }
.related_card.card_org { background: linear-gradient(135deg, #fff8ea 0%, #ffd68f 100%) }
.related_card.card_map { background: linear-gradient(135deg, #fdfaf6 0%, #ffb184 100%) }
.related_card.card_service { background: linear-gradient(135deg, #fefcec 0%, #ffe57c 100%)}

.footer_box { background: #FFFBF3; }

/* 平板適配 iPad 等 751px ~ 1199px */
@media only screen and (min-width: 751px) and (max-width: 1199px) {
.box { padding: 0 15px; }
.searchbox { width: 100%; padding: 0 15px; box-sizing: border-box; }
.check_box { width: 100%; padding: 20px 0; }
.check_content li { width: auto; min-width: 56px; }
.jzsj { gap: 30px; flex-wrap: wrap; }
.banner_wrap .banner_img { max-height: 200px; }
.banner .qrcode { display: none; }
.msg { flex-wrap: wrap; line-height: 2em; gap: 8px; }
.zclist { padding: 0 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.zclist table th, .zclist table td { padding: 8px 6px; }
.related_section { padding: 10px 15px 30px; }
/* .related_cards { grid-template-columns: repeat(2, 1fr); gap: 14px; } */
.u_tips { padding: 0 15px 30px; }
.time_filter_wrap input { min-width: 220px; }
.changepage a { padding: 8px 14px; }
}

@media only screen and (max-width: 768px) {
body { background-position: center 100px;}
.banner_wrap{background-size:cover;}
.banner { width: 100%; height: auto; margin-bottom: 20px;}
.box,.footer_box  { width: 100%; }
.searchbox { width: 100%; padding: 0 10px; box-sizing: border-box; }
.check_box { width: 100%; padding: 15px 0; }
.search_box { margin: 8px 10px 0 10px; width: 96%; }
.search_input { width: 70%; }
.search_btn { width: 26%; }
.zk { margin-left: 0; }
.check_content { width: 100%; }
.changepage a { margin: 5px 5px; }
.msg{line-height: 2em;padding-top: 10px; flex-wrap: wrap; gap: 6px;}
.zclist table td { padding: 5px; font-size: 12px; }
.ztmenu,.banner .qrcode { display:none;}
.u_tips {width: 100%;padding: 0 10px 10px;}
.jzsj { gap: 20px; flex-wrap: wrap; }
.jzsj-input {margin-top: 10px;}
.jiucuo_btn{bottom:240px;}
.jiucuo_btn p{font-size:14px;padding:3px 0 0;}
.check_content {width: 100%; }
.related_cards { grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 14px;}
.related_section{width: 100%;padding: 10px 0 30px;}
.msg {padding: 0 10px;}
}
@media only screen and (max-width:450px){
    /* .banner_wrap{height: 95px;} */
    .banner { width: 100%; height: auto; margin: 0;}
    .searchbox{padding: 15px;}
    .input_box,.check_box{display: block;width: 100%;padding: 0;}
    .jzsj .jzsj-input{display: block;}
    .time_filter_wrap select{min-width: unset;width: 170px;}
    .zclist table td{line-height: unset;}
    .zclist table tr td{width: 12% !important;}
    .msg{display: block;}
}