@charset "utf-8";
div.maskwhite{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index: 1000; animation: bodyfin 1.8s ease-in-out; animation-fill-mode: forwards; pointer-events: none;}
@keyframes bodyfin {
  from {opacity:1;}
  to {opacity:0;}
}

/* CSS Document */
/*default page set*/
.b1,.b2,.b3,.b4,.b5{padding:50px 0;}
h2{text-align:center; font-size:30px; letter-spacing:0px; color:#333; margin-bottom:1.3em; width:100%;}

.b1{text-align:center;}
.b1 .page{max-width: 869px;}
.b1 h3{color:#007855; font-size:23px; line-height:1.4em;}
.b1 .list{display:flex;}
.b1 .list .frm{border:1px solid #007855; text-align: left;}
.b1 .list p span{font-weight:500; color:#007855;}
[class*="col-"] {font-size:95%; line-height:2em; letter-spacing: 0.1px;}
.b2{background:url("../images/b2-bg.jpg") top left; padding-bottom:80px;}

.b2 .list{padding:0; border:5px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); display:none;}
.b2 .list.show{display:block;}
.b2 ul.tags{width:100%; list-style: none; margin:0; padding:0; display:flex; font-weight:700;}
.b2 ul.tags li{width:calc(100% / 2); background:#fff; border-bottom:5px solid #007855; color:#007855; padding:10px 5px; font-size:15px; line-height:1.6em; text-align:center; cursor: pointer; transition:.3s;}
	.b2 ul.tags li:hover{background:#e9e69a;}
.b2 ul.tags li.sel{background:#007855; color:#fff;}
.b2 [class*="day"] table th{background:#333; color:#fff; letter-spacing: 0px; font-size:16px; padding:10px 3px;font-weight: 400;}
.b2 [class*="day"] table{width:100%; background:#fff;}
.b2 [class*="day"] table tr:nth-of-type(odd){}
.b2 [class*="day"] table td{padding:24px 2px; border-bottom:1px dotted #ccc;}
.b2 [class*="day"] table td:first-of-type{text-align:center; vertical-align: top; font-size:17px; font-weight:700; color: #333;}
.b2 [class*="day"] table *{margin:0;}
.b2 [class*="day"] table h3{color:#007855; font-size: 110%;}
.b2 [class*="day"] table h3.h3t{font-size: 115%; }

.b2 .spicon:before {font-family: "Font Awesome 6 Free"; /* 根據版本可能不同 */content: "\f508";font-weight: 900;}
.b2 .modicon:before {font-family: "Font Awesome 6 Free"; /* 根據版本可能不同 */content: "\f130";font-weight: 900;}
.b2 .spname{font-weight: 800;}






.b3 .page{display:flex; flex-wrap: wrap; justify-content: center;}
.b3 .list{width:calc(100% / 5); letter-spacing: 0; font-size:14px; line-height:1.4em;}
.b3 .list .frm{cursor:pointer;}
.b3 .list figure{border-radius:100%; overflow: hidden; border:5px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.b3 .list h3{text-align:center; color:#000; margin-bottom:.2em; font-size:1.2rem; line-height:1.4em; font-size: 16px;}
.b4{background:#007855; background-size:cover; color:#fff; font-weight:300; letter-spacing: 1px;}
.b4 .map{ display:flex; align-items: center;}
.b4 .page{display:flex; flex-wrap: wrap;}
.b4 h2{color:#fff;}
.b4 h3{border-left:6px solid #eade91; padding-left:5px; margin-bottom:10px;}
.b4 ul{margin-top:5px;}
.b5{background:url("../images/b5-bg.jpg") no-repeat bottom right; background-size:cover;}
.b5 h3{font-size:1.5rem; color:#007855; position:relative;}
.b5 h3::after{content:""; width:5em; height:1px; background:#007855; display:block; position:absolute; bottom:-10px; left:0;}
.b5 .list figure{box-shadow:0 0 10px rgba(0,0,0,0.3); border:5px solid #fff;}
/*jump frm*/
.blackfrm{position:fixed; width:100vw; height:100vh; display:block; top:0; left:0; background:rgba(0,0,0,0.7); z-index: 380; transition:.3s;}
.jumpfrm{max-width:760px; width:100%; max-height:80vh; height:auto; overflow-y:auto; overflow-x: hidden; border-radius:1em; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); position:fixed; top:50vh; left:50%; transform:translate(-50%,-50%); z-index: 400; padding:1em; font-size:15px; line-height:200%;}
.jumpfrm .tcont{display:none;}
.jumpfrm .tcont.show{display:block;}
.jumpfrm .close{font-size:55px; float:right; right:0; display:inline-block; cursor: pointer;}
.tpic{display:flex; flex-wrap: wrap; justify-content: center;}
/*footer*/
#footer{font-size:16px; line-height:1.6em; font-weight:300; padding:30px 10px;}
#footer .page *{margin:0;}
#footer h4{font-size:1.2em; letter-spacing: 1px;}
@media screen and (max-width:960px){/*phone*/
.b3 .list{width:calc(100% / 4);}
}
@media screen and (max-width:767px){/*phone*/
.b2 ul.tags li{font-size:18px;}
	.b2 [class*="day"] table h3{font-size:15px;}
.b2 [class*="day"] table td,.b2 [class*="day"] table td:first-of-type{font-size:15px;}
.b3 .list{width:calc(100% / 2);}
.b3 .list{font-size:13px;}
}