@charset "utf-8";
/* CSS Document */
.subDiv {max-width: 1595px; padding: 90px 100px 0 100px; margin: auto;}
.subDiv h1 {color: #337f24; font-family:'Microsoft JhengHei'; text-align: center; border-bottom: 1px solid #93bb8b; line-height: 140%; padding-bottom: 10px; margin-bottom: 10px;}

.subM {margin-bottom: 42px!important;}
@media only screen and (min-width:993px){.subM > div {display: none!important;}}
.subM > div::after {content: attr(data-title); font-size: 14px; position: absolute; top: -20px; left: 50%; margin-left: -100px; width: 200px; display: flex; flex-wrap: wrap; justify-content: center;}
.subM > div span {display:block; background:#00931c; width:30px; height:3px; position:absolute; left:10px; transition: all 0.5s ease 0s;}
.subM > div span:nth-child(1) {top:5px; transition: all 0.5s ease 0s;}
.subM > div span:nth-child(2) {top:15px; transition: all 0.5s ease 0s;}
.subM_se > div span:nth-child(1) {top:10px;transform:rotate(45deg);background:#bb1b21; height:3px; transition: all 0.5s ease 0s;}
.subM_se > div span:nth-child(2) {top:10px;transform:rotate(-45deg);background:#bb1b21; height:3px; transition: all 0.5s ease 0s;}
.subM ul {width: 100%; max-height: inherit; display: flex; flex-wrap: wrap; justify-content: center;}
.subM ul li {margin: 0 14px 10px 14px!important; font-family:'Microsoft JhengHei'; font-weight: bold;}
.subM ul li a:link, .subM li a:visited {text-decoration:none; color:#979797; position: relative; transition: all 0.5s ease 0s;}
.subM ul li a:active, .subM ul li a:hover {text-decoration:none; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.subM ul li a.current {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.subM ul li a::before {content: ''; position: absolute; top: -4.5px; bottom: -4.5px; left: -13px; right: -13px; z-index: -1; background-color: #91ba88; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.subM ul li a.current::before {filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}
/*.subM ul li a::after {content: ''; height: 1px; width: 0%; background-color: #337f24; position: absolute; bottom: -4px; left: 50%; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.subM ul li a:hover::after, .subM ul li a.current::after {width: 100%; left: 0; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}*/

.path, .path li {list-style-type:none; margin: 0; padding: 0; font-family:'Microsoft JhengHei'; font-weight: bold;}
.path {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; color: #000; margin-bottom: 25px;}
.path li a:link, .path li a:visited {text-decoration:none; color:#979797; transition: all 0.5s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.path li::after {content: '>'; margin: 0 2px; color:#979797;}
.path li:last-child::after {content: none;}

.mainDiv {padding: 25px 0 100px 0; min-height: 300px; line-height: 1.6667; color: #606060; font-family: 'Microsoft JhengHei';}

.title_a {font-family:'Microsoft JhengHei'; font-weight: bold; color: #337f24; text-align: center; border-bottom: 1px solid #337f24; padding-bottom: 12px; margin-bottom: 20px;}
.title_b {font-family:'Microsoft JhengHei'; font-weight: bold; color: #337f24; margin-bottom: 30px;}
.title_c {display: flex; flex-wrap: wrap; margin-bottom: 17px;}
.title_c h3 {font-family:'Microsoft JhengHei'; border: 1px solid #337f24; padding: 4px 27px;}
.title_d {color: #000; margin-bottom: 20px; font-weight: bold;}
.color_01 {color: #337f24!important;}
.color_02 {color: #979797!important;}
.color_03 {color: #e93e3e!important;}

.orderStep, .orderStep > li {list-style-type:none; margin: 0; padding: 0;}
.orderStep {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.orderStep > li {width: 164px; height: 41px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; font-size: 14px; background-color: #ececec; border: 1px solid #ececec; color: #979797; font-family:'Microsoft JhengHei'; letter-spacing: 1.2px; margin: 0 20px 10px 0; position: relative;}
.orderStep > li:last-child {margin: 0 0 10px 0;}
.orderStep > li.current {background-color: #60a511; border: 1px solid #60a511; color: #fff;}
.orderStep > li::after {content: ''; background: url("../images/icon_02a.png") no-repeat center; background-size: cover; width: 8px; height: 13px; position: absolute; top: 50%; right: -15px; margin-top: -6px;}
.orderStep > li:last-child::after, .orderStep > li.current:last-child::after {content: none;}
.orderStep > li.current::after {background: url("../images/icon_02ag.png") no-repeat center; background-size: cover;}

.faqQ {color: #337f24; margin-bottom: 15px; padding-left: 20px; position: relative; cursor: pointer;}
.faqQ > h3 {font-family:'Microsoft JhengHei'; font-weight: bold; letter-spacing: 1.2px;}
.faqA {position: relative; color: #606060; letter-spacing: 1.2px; padding: 0 0 20px 20px; display: none;}
.faqQ > h3, .faqA {line-height: 180%;}
.faqQ::before {content: attr(data-title); position: absolute; top: 4px; left: 0; font-size: 17px!important;}
.faqA::before {content: attr(data-title); position: absolute; top: 0; left: 0; font-size: 17px!important;}

.copywriting {color: #606060; line-height: 166.67%; font-family:'Microsoft JhengHei';}

.pages {font-family:'Microsoft JhengHei'; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.pages a:link, .pages a:visited {text-decoration:none; color:#606060; min-width: 34px; height: 34px; border-radius: 34px; padding: 0 9px; margin: 0 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; background-color: #337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.pages a.prev_a {font-size: 0; margin-right: 20px;}
.pages a.prev_a::before {content: ''; width: 10px; height: 18px; background: url("../images/prev_b.png") no-repeat center; background-size: cover; display: block;}
.pages a.prev_a:hover::before {background: url("../images/prev_bg.png") no-repeat center;}
.pages a.next_a {font-size: 0; margin-left: 20px;}
.pages a.next_a::before {content: ''; width: 10px; height: 18px; background: url("../images/next_b.png") no-repeat center; background-size: cover; display: block;}
.pages a.next_a:hover::before {background: url("../images/next_bg.png") no-repeat center;}
.pages a.current {color:#fff!important; background-color: #337f24!important;}

.anchorM {}
.anchorM ul {width: 100%; max-height: inherit; display: flex; flex-wrap: wrap; justify-content: center;}
.anchorM ul li {margin: 0 14px 10px 14px!important; font-family:'Microsoft JhengHei'; font-weight: bold;}
.anchorM ul li a:link, .anchorM li a:visited {text-decoration:none; color:#979797; position: relative; transition: all 0.5s ease 0s;}
.anchorM ul li a:active, .anchorM ul li a:hover {text-decoration:none; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.anchorM ul li a.current {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.anchorM ul li a::before {content: ''; position: absolute; top: -4.5px; bottom: -4.5px; left: -13px; right: -13px; z-index: -1; background-color: #91ba88; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.anchorM ul li a.current::before {filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}

.subBanner {line-height: 0; margin-bottom: 40px;}

.mainDivT {display: flex; flex-direction: row; align-items: center;}
.mainDivT > div:nth-child(1) {width: 100%;}
.mainDivT > div:nth-child(2) {line-height: 0; min-width: 200px; display: flex; flex-wrap: wrap; justify-content: flex-end;}

.prevnext {display: flex; flex-wrap: wrap; line-height: 14.95px;}
.prevnext a:link, .prevnext a:visited {text-decoration:none; color:#979797; transition: all 0.5s ease 0s;}
.prevnext a:active, .prevnext a:hover {text-decoration:none; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.prev_b {width: calc(50% - 45px); min-height: 10px; padding: 0 40px 0 0;}
.prev_b a {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.prev_b a::before {content: ''; background: url("../images/prev_c.png") no-repeat center; background-size: cover; width: 8px; height: 14px; margin: 0 19px 0 0; transition: all 0.5s ease 0s;}
.prev_b a:hover::before {background: url("../images/prev_cg.png") no-repeat center; margin: 0 10px 0 0; transition: all 0.5s ease 0s;}
.back_a {width: 90px; min-height: 10px; border-left: 1px solid #979797; border-right: 1px solid #979797; text-align: center; transition: all 0.5s ease 0s;}
.back_a:hover {border-left: 4px solid #337f24; border-right: 4px solid #337f24; transition: all 0.5s ease 0s;}
.next_b {width: calc(50% - 45px); min-height: 10px; padding: 0 0 0 40px;}
.next_b a {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.next_b a::after {content: ''; background: url("../images/next_c.png") no-repeat center; background-size: cover; width: 8px; height: 14px; margin: 0 0 0 19px; transition: all 0.5s ease 0s;}
.next_b a:hover::after {background: url("../images/next_cg.png") no-repeat center; margin: 0 0 0 10px; transition: all 0.5s ease 0s;}

.contentA {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px;}
.contentA > div:nth-child(1) {width: 410px; line-height: 0;}
.contentA > div:nth-child(2) {width: calc(100% - 410px); padding: 0 0 0 20px;}

.albumA {display: flex; flex-wrap: wrap; align-items: flex-start;}

.detailA {display: flex; flex-wrap: wrap; font-family:'Microsoft JhengHei'; margin-bottom: 60px;}
.detailA > div:nth-child(1) {width: 700px;}
.csAction {display: none;}
.detailA > div:nth-child(2) {width: calc(100% - 700px); padding: 14px 0 0 63px; line-height: 30px; color: #666666;}
.detailA > div:nth-child(2) ul {padding: 0 0 0 25px;}
.detailA > div:nth-child(2) ul li {color: #666666;}

.itemA {display: flex; flex-direction: row;}
.itemA > div:nth-child(1) {min-width: 67px; font-weight: bold; color: #000; font-size: 16px;}
.itemA > div:nth-child(2) {padding: 0 0 0 15px;}
.itemB {display: flex; flex-direction: row;}
.itemB > div:nth-child(1) {min-width: 35px; font-weight: bold; color: #000; font-size: 16px;}
.itemB > div:nth-child(2) {padding: 0 0 0 15px;}

.item2 {display: flex; flex-direction: row; line-height: 40px;}
.item2 > div:nth-child(1) {min-width: 77px;}
.item2 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item2 > div:nth-child(2) {padding: 0 0 0 10px;}
.item3 {display: flex; flex-direction: row; line-height: 40px;}
.item3 > div:nth-child(1) {min-width: 95px;}
.item3 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item3 > div:nth-child(2) {padding: 0 0 0 10px;}
.item4 {display: flex; flex-direction: row; line-height: 40px;}
.item4 > div:nth-child(1) {min-width: 113px;}
.item4 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item4 > div:nth-child(2) {padding: 0 0 0 10px;}
.item5 {display: flex; flex-direction: row; line-height: 40px;}
.item5 > div:nth-child(1) {min-width: 131px;}
.item5 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item5 > div:nth-child(2) {padding: 0 0 0 10px;}
.item6 {display: flex; flex-direction: row; line-height: 40px;}
.item6 > div:nth-child(1) {min-width: 149px;}
.item6 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item6 > div:nth-child(2) {padding: 0 0 0 10px;}
.item7 {display: flex; flex-direction: row; line-height: 40px;}
.item7 > div:nth-child(1) {min-width: 167px;}
.item7 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item7 > div:nth-child(2) {padding: 0 0 0 10px;}
.item8 {display: flex; flex-direction: row; line-height: 40px;}
.item8 > div:nth-child(1) {min-width: 187px;}
.item8 > div:nth-child(1) h3 {padding: 0 20px; font-weight: bold; font-family:'Microsoft JhengHei'; color: #fff; background-color: #337f24; font-size: 18px;}
.item8 > div:nth-child(2) {padding: 0 0 0 10px;}

.subjectA {color: #000; font-family:'Microsoft JhengHei';}
.subjectB {color: #fff; font-family:'Microsoft JhengHei'; background-color: #337f24; font-weight: bold; padding: 8px 20px;}

.btnA {display: flex; flex-wrap: wrap;}
.btnA a {margin-right: 20px;}

.ul_A {padding: 0 0 0 25px;}
.ul_A li {color: #666666;}


.aboutA {display: flex; flex-wrap: wrap; padding: 50px 0 0 0;}
.aboutA > div:nth-child(1) {width: 50%; padding: 0 20px 0 0;}
.aboutA > div:nth-child(1) > div {position: relative; z-index: 1; max-width: 560px;}
.aboutA > div:nth-child(1) > div::before {content: none; width: 78.394%; padding-bottom: 76.25%; height: 0; position: absolute; top: -9%; left: -10%; background-image: linear-gradient(180deg, #60a511 0%, #569d15 100%); z-index: -10;}
.aboutA > div:nth-child(1) > div::after {content: none; width: 74.824%; padding-bottom: 72.68%; height: 0; position: absolute; top: -7%; left: -8%; background-color: #fff; z-index: -5;}
.aboutA > div:nth-child(2) {width: 50%; padding: 39px 0 0 6.094%; color: #337f24;}
.aboutA > div:nth-child(2) h3 {font-family:'Arial'; line-height: 140%;}
.aboutA > div:nth-child(2) h2 {font-family:'Microsoft JhengHei'; font-weight: bold; line-height: 140%;}
.aboutA > div:nth-child(2) p {font-family:'Microsoft JhengHei'; font-weight: bold; line-height: 166.66%;}


.visitDiv {color: #606060; line-height: 175%; font-family:'Microsoft JhengHei';}
.visitDiv h2 {display: flex; flex-wrap: wrap; align-items: center; color: #337f24; font-family:'Microsoft JhengHei'; font-weight: bold; padding: 44px 105px 25px 105px;}
.visitDiv h2 img {margin-right: 20px;}
.visitA {border: 2px solid #337f24; padding: 40px 40px 10px 80px; overflow: hidden;}
.visitA > ul, .visitA > ul li {list-style-type:none; margin: 0; padding: 0; font-family:'Microsoft JhengHei';}
.visitA > ul {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 23px;}
.visitA > ul li:nth-child(1) {width: 285px; font-weight: bold; color: #337f24; line-height: 43px; padding-right: 10px!important; display: flex;}
.visitA > ul li:nth-child(1) > div {line-height: 0; margin-right: 40px;}
.visitA > ul li:nth-child(2) {width: calc(100% - 285px); color: #606060; line-height: 175%; padding: 10px 0 0 0!important; letter-spacing: 0.6px;}
.visitB {border: 2px solid #337f24; padding: 40px 40px 10px 80px; overflow: hidden;}
.visitB > ul, .visitB > ul li {list-style-type:none; margin: 0; padding: 0; font-family:'Microsoft JhengHei';}
.visitB > ul {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 23px;}
.visitB > ul li:nth-child(1) {width: 285px; font-weight: bold; color: #337f24; line-height: 43px; padding: 0 10px 0 81px!important; display: flex;}
.visitB > ul li:nth-child(2) {width: calc(100% - 285px); color: #606060; line-height: 175%; padding: 10px 0 0 0!important; letter-spacing: 0.6px;}
.visitC {border: 2px solid #337f24; padding: 40px 40px 10px 80px; overflow: hidden;}
.visitC > ul, .visitB > ul li {list-style-type:none; margin: 0; padding: 0; font-family:'Microsoft JhengHei';}
.visitC > ul {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 23px;}
.visitC > ul li {width: calc(100% - 285px); color: #606060; line-height: 175%; padding: 10px 0 0 0!important; letter-spacing: 0.6px; margin: 0 0 0 auto;}
.visitMap {position: relative; height: 0; overflow: hidden; padding-bottom: 38.948%;}
.visitMap iframe, .youtubecontent object, .youtubecontent embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.loginDiv {border: 2px solid #337f24; margin: 20px auto 0 auto; max-width: 1345px; padding: 85px 20px 70px 20px; font-family:'Microsoft JhengHei';}
.loginDivC {display: flex; flex-wrap: wrap; max-width: 740px; margin: auto;}
.loginDivC2 {max-width: 1200px;}
.loginDivC > div:nth-child(1) {width: 50%; padding: 0 55px 0 0px; /*color: #337f24;*/}
.loginDivC > div:nth-child(1) h2 {color: #337f24; font-family:'Microsoft JhengHei'; line-height: 140%; margin-bottom: 30px;}
.loginDivC a:link, .loginDivC a:visited {text-decoration:underline; color:#747474; transition: all 0.5s ease 0s;}
.loginDivC a:active, .loginDivC a:hover {text-decoration:none; color:#5d9454; cursor:pointer; transition: all 0.5s ease 0s;}
.loginDivC > div:nth-child(1) h3 {color: #2a64ac; font-family:'Microsoft JhengHei'; line-height: 140%; margin-bottom: 12px;}
.loginDivC > div:nth-child(2) {width: 50%; padding: 0 0px 0 55px;}
.loginDivC > div:nth-child(2) h3 {font-family:'Microsoft JhengHei'; line-height: 140%; margin-bottom: 14px;}
.loginDivC > div:nth-child(2) p {font-family:'Microsoft JhengHei'; letter-spacing: 1.2px; line-height: 182.35%; margin-bottom: 30px;}
.loginDivC > div:nth-child(3) {width: 100%; border-top: 2px solid #337f24; margin-top: 30px;}
.loginDivC > div:nth-child(3) .privacy {padding: 30px 0; max-width: 550px; margin: auto;}
.loginBtn {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.loginBtn button:first-child {background-color: #e2e2e2; width: 110px; height: 37px; margin: 5px 10px; color: #606060; font-size: 13px; border: 1px solid #e2e2e2;}
.loginBtn button:last-child {background-color: #5d9454; width: 110px; height: 37px; margin: 5px 10px; color: #fff; font-size: 13px; border: 1px solid #5d9454;}


.memberDiv {border: 2px solid #337f24; margin: auto; max-width: 1345px; padding: 40px 20px 60px 20px; font-family:'Microsoft JhengHei';}
.memberT {font-family:'Microsoft JhengHei'; text-align: center; line-height: 140%; margin-bottom: 6px;}
.memberN {font-family:'Microsoft JhengHei'; text-align: center; line-height: 140%; margin-bottom: 36px;}
.memberL {max-width: 1000px; margin: auto; padding-bottom: 56px;}
.memberL table {width: 100%; font-family:'Microsoft JhengHei'; text-align: center;}
.memberL table tr:nth-child(2n+1) {background: #e9e9e9;}
.memberL table th {background-color: #bababa; color: #fff; padding: 11px 10px 15px 10px; font-weight: bold; position: relative;}
.memberL table th::before {content: ''; width: 100%; height: 4px; background-color: #fff; position: absolute; right: 0; bottom: 0; z-index: 10;}
.memberL table th::after {content: ''; width: 4px; height: 100%; background-color: #fff; position: absolute; right: -2px; top: 0; z-index: 10;}
.memberL table th:last-child::after {content: none;}
.memberL table td {padding: 9px 10px; font-weight: bold; line-height: 22px; vertical-align:middle;}
.memberL table td a {line-height: 0;}
@media only screen and (max-width:768px){
    .memberL table thead {display: none;}
    .memberL table tr {margin-top: 10px; display: block;}
    .memberL table td {
        display: block;
        padding: 9px 10px;
        color: #333333;
        text-align: right;
        border-bottom: 1px solid #b1b1b1;
        border-left: 1px solid #b1b1b1;
        border-right: 1px solid #b1b1b1;
    }
    .memberL table td:first-child {border-top: 1px solid #b1b1b1;}
    .memberL table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: #337f24;
    }
    .memberL table td:first-of-type {
        text-align: right;
    }
}
.memberC {max-width: 1180px; margin: auto; color: #606060; letter-spacing: 1.2px; line-height: 171.92%;}
.memberCL, .memberCL > li {list-style-type:none; margin: 0; padding: 0; color: #606060; letter-spacing: 1.2px;}
.memberCL {display: flex; flex-wrap: wrap; width: 100%; max-width: 930px; margin: auto!important;}
.memberCL > li {width: 33.33%; padding: 0 10px 10px 0!important;}


.reservationDiv {padding: 65px 0 0 0; color: #606060; font-family:'Microsoft JhengHei';}
.reservationDiv > h2 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #337f24; font-family:'Microsoft JhengHei'; line-height: 166.66%; font-weight: bold; margin-bottom: 22px;}
.reservationA {border: 2px solid #337f24; padding: 43px 62px;}
.reservationA > ul, .reservationA ul > li {list-style-type: decimal; margin: 0; padding: 0;}
.reservationA > ul {padding-left: 22px;}
.reservationA ul > li {color: #606060; font-family:'Microsoft JhengHei'; line-height: 180%; letter-spacing: 1.2px;}
.reservationAC {max-width: 910px; margin: auto; color: #606060; font-family:'Microsoft JhengHei'; line-height: 180%; letter-spacing: 1.2px;}
.reservationB {display: flex; flex-wrap: wrap;}
.reservationB > div {width: 48%; margin: 0 4% 0 0; border: 2px solid #337f24; padding: 43px 52px;}
.reservationB > div:nth-child(2n+2) {margin: 0 0 0 0;}
.reservationB > div > h3 {color: #337f24; font-family:'Microsoft JhengHei'; line-height: 166.66%; text-align: center; margin-bottom: 22px;}
.reservationB > div > div {line-height: 180%; letter-spacing: 1.2px;}
.reservationC {line-height: 180%; letter-spacing: 1.2px; text-align: center;}
.reservationD {line-height: 180%; letter-spacing: 1.2px;}
.reservationDC {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.reservationDB {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.reservationDB a:link, .reservationDB a:visited {text-decoration:none; color:#606060; width: 247px; height: 99px; margin: 0 27px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; background-color: #e2e2e2; transition: all 0.5s ease 0s;}
.reservationDB a:active, .reservationDB a:hover {text-decoration:none; color:#fff; background-color: #337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.reservationDB a span {font-size: 141%; display: block; width: 100%; text-align: center;}
.reservationE {max-width: 895px; margin: auto; line-height: 180%; letter-spacing: 1.2px; margin-bottom: 25px;}
.reservationE > ul, .reservationE > ul > li {list-style-type:none; margin: 0; padding: 0;}
.reservationE > ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.reservationE > ul > li {display: flex; flex-wrap: wrap; align-items: center; color: #000; margin: 0 10px;}
.reservationE > ul > li img {margin-right: 10px;}
.reservationF {border: 2px solid #337f24; padding: 20px 30px 40px 30px;}
.reservationFM {height: 104px; background-color: #60a511; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.reservationFM a {line-height: 0;}
.reservationFM span {color: #fff; letter-spacing: 1.2px; padding: 0 15px;}
.reservationFW {width: 100%; height: 55px; display: flex; flex-wrap: wrap;}
.reservationFW > li {width: 14.2587%; font-size: 147%; color: #337f24; font-weight: bold; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.reservationFD {width: 100%;}
.reservationFD > li {width: 13.964%; padding-bottom: 13.9%!important; height: 0; font-size: 147%; color: #337f24; position: relative; margin: 0 0.37533% 5px 0!important; float: left; overflow: hidden;}
.reservationFD > li:nth-child(7n+7) {margin: 0 0 5px 0!important;}
.reservationFD > li a:link, .reservationFD > li a:visited {text-decoration:none; color:#337f24; border: 2px solid #ececec; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: all 0.5s ease 0s;}
.reservationFD > li a:active, .reservationFD > li a:hover {text-decoration:none; color:#fff; background-color: #337f24; border: 2px solid #337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.reservationG > div {padding: 0 4px;}
.reservationG span {color: #dc1d1f;}
.bgStyle_a a {background-color: #ececec!important; border-color: #ececec!important; color: #c5c5c5!important; text-decoration: line-through!important; pointer-events: none; cursor: text;}
.bgStyle_b a {background-color: #000000!important; border-color: #000000!important; color: #fff!important; text-decoration: line-through!important; pointer-events: none; cursor: text; position: relative;}
.bgStyle_b a::after {content: ''; width: 150%; height: 4px; background-color: #fff; position: absolute; top: 50%; left: -24%; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.bgStyle_c a {background-color: #dc1d1f!important; border-color: #dc1d1f!important; color: #fff!important; text-decoration: line-through!important; pointer-events: none; cursor: text;}
.bgStyle_f a {background-color: #96c25d!important; border-color: #96c25d!important; font-weight: bold; font-size: 140%; pointer-events: none; cursor: text;}
.bgStyle_g a {background-color: #96c25d!important; border-color: #96c25d!important; font-weight: bold; line-height: 140%; pointer-events: none; cursor: text;}
.html5-image {overflow: auto; border-radius: 16px; background-color: #fff; padding: 0!important;}
#openDiv, .peopleDiv {display: none;}
.openDiv {padding: 62px 54px; overflow: auto;}
.timeDivT, .peopleDivT {color: #337f24; font-size: 129.4%; font-family:'Microsoft JhengHei'; font-weight: bold; text-align: center; margin-bottom: 15px;}
.timeDivC {color: #606060; font-family:'Microsoft JhengHei'; line-height: 180%; letter-spacing: 1.2px; margin-bottom: 30px; text-align: center;}
.timeDivC a:link, .timeDivC a:visited {text-decoration:underline; color:#606060; transition: all 0.5s ease 0s;}
.timeDivC a:active, .timeDivC a:hover {text-decoration:none; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.timeDivC > span, .peopleDivC > span {display: block; text-align: center; font-weight: bold; color: #000;}
.timeDivL {width: 100%;}
.timeDivL > li {width: 24.49375%; margin: 0 0.675% 9px 0!important; padding-bottom: 12.4% !important; height: 0; position: relative; float: left;}
.timeDivL > li:nth-child(4n+4) {margin: 0 0 9px 0!important;}
.timeDivL > li a:link, .timeDivL > li a:visited {text-decoration:none; color:#000; border: 2px solid #337f24; font-family:'Microsoft JhengHei'; letter-spacing: 1.2px; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: all 0.5s ease 0s;}
.timeDivL > li a:active, .timeDivL > li a:hover {text-decoration:none; color:#000; background-color: #96c25d; border: 2px solid #96c25d; cursor:pointer; transition: all 0.5s ease 0s;}
.timeDivL > li a span {width: 100%; font-size: 147%; color: #337f24; padding: 10px 0; letter-spacing: 0; transition: all 0.5s ease 0s;}
.timeDivL > li a font {width: 100%; font-weight: bold;}
.peopleDivC {color: #000; font-family:'Microsoft JhengHei'; line-height: 180%; letter-spacing: 1.2px; font-weight: bold; margin-bottom: 30px;}
.peopleDivB {font-family:'Microsoft JhengHei'; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 23px 0 0 0;}
.peopleDivB a:link, .peopleDivB a:visited {text-decoration:none; color:#606060; letter-spacing: 1.2px; font-weight: bold; width: 110px; height: 37px; background-color: #e2e2e2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin: 0 13px; transition: all 0.5s ease 0s;}
.peopleDivB a:active, .peopleDivB a:hover {text-decoration:none; color:#fff; background-color: #337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.reservationG {letter-spacing: 1.2px; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-bottom: 90px;}
.reservationH {max-width: 1350px; margin: auto; letter-spacing: 1.2px; font-weight: bold; line-height: 140%;}
.reservationHC {padding: 0 5.186%;}
.reservationHCL, .reservationHCL > li {list-style-type:none; margin: 0; padding: 0; font-weight: bold;}
.reservationHCL {padding: 10px 0; display: flex; flex-wrap: wrap;}
.reservationHCL span {color: #337f24;}
.reservationHCB {font-family:'Microsoft JhengHei'; display: flex; flex-wrap: wrap; align-items: center; padding: 23px 0 0 0;}
.reservationHCB a:link, .reservationHCB a:visited {text-decoration:none; color:#606060; letter-spacing: 1.2px; font-weight: bold; width: 110px; height: 37px; background-color: #e2e2e2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin: 0 26px 0 0; transition: all 0.5s ease 0s;}
.reservationHCB a:active, .reservationHCB a:hover {text-decoration:none; color:#fff; background-color: #337f24; cursor:pointer; transition: all 0.5s ease 0s;}
.reservationHCB a:nth-child(2n+2) {margin: 0;}
.reservationI {border: 2px solid #337f24; padding: 15px 20px;}
.reservationIC {max-width: 910px; margin: auto; color: #606060; font-family:'Microsoft JhengHei'; line-height: 180%; letter-spacing: 1.2px;}
.reservationIC > span {color: #337f24; font-size: 147%; font-weight: bold; display: block; margin-bottom: 20px;}


.cafeA {display: flex; flex-wrap: wrap; align-items: center; font-family:'Microsoft JhengHei'; padding: 10px 0 0 0;}
.cafeA > div:nth-child(1) {width: 48%;}
.cafeA > div:nth-child(2) {width: 52%; padding: 0 0 0 6.811%; line-height: 180%; color: #337f24;}
.cafeA > div:nth-child(2) .fs_36 {line-height: 166.66%;}

.jumbo {color: #337f24; text-align: center; font-family:'Microsoft JhengHei'; font-weight: 600; padding: 30px 0 40px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.jumbo > div {width: 20%;}
.jumbo > div > h3 {display: block; font-family:'Microsoft JhengHei'; color: #979797; padding: 30px 0 0 0;}


.mediaDA {display: flex; flex-wrap: wrap; align-items: center; font-family:'Microsoft JhengHei'; padding: 10px 0 0 0;}
.mediaDA > div:nth-child(1) {width: 24.083%;}
.mediaDA > div:nth-child(2) {width: 75.917%; padding: 0 0 0 4.583%; line-height: 166.66%; color: #606060;}
.mediaDB {display: flex; flex-wrap: wrap; align-items: center; font-family:'Microsoft JhengHei'; padding: 10px 0 0 0;}
.mediaDB > div:nth-child(1) {width: 50%; padding: 0 10px 0 0;}
.mediaDB > div:nth-child(2) {width: 50%; padding: 0 0 0 10px;}
.downloadA {display: flex; flex-direction: column; align-items: center;}
.downloadA a:link, .downloadA a:visited {text-decoration:none; color:#606060; transition: all 0.5s ease 0s;}
.downloadA a:active, .downloadA a:hover {text-decoration:underline; color:#337f24; cursor:pointer; transition: all 0.5s ease 0s;}


.googleForm {border: 1px solid #337f24; max-width: 980px; margin: auto; padding: 28px 5.735%;}
.googleFormC {line-height: 0; text-align: center;}