@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@600&family=Great+Vibes&family=Noto+Sans+TC:wght@300;400;500;700&display=swap");.venueItem>img{transition:all 0.5s}.mainArea{padding-bottom:0}@media (max-width:1200px){.mainArea{padding-top:0}}.venueList{display:-ms-flexbox;display:flex}@media (max-width:768px){.venueList{-ms-flex-direction:column;flex-direction:column}}.venueItem{-ms-flex:1;flex:1;position:relative}.venueItem>img{max-width:100%;display:block;opacity:0.15}.venueItem .imgBox{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;z-index:1;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.venueItem .imgBox>img{width:47%;max-width:440px;display:block}.venueItem .textBox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;padding:80px 80px 120px;z-index:3;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.venueItem .textBox .titleEn{color:#fff;font-size:66px;font-weight:600;font-family:"Cormorant Infant","Noto Sans TC","微軟正黑體",serif;line-height:1.2;position:relative}.venueItem .textBox .titleEn:before{content:"";width:230px;height:55px;background:url("../images/logo_en.svg") center/contain no-repeat;display:block}.venueItem .textBox .title{color:#fff;font-size:17px;font-weight:500;line-height:1.2}.venueItem .textBox .btnBox{margin-top:35px}.venueItem .textBox .btnBox a{padding:15px 80px}.venueItem:first-child{background-color:#655337}.venueItem:nth-child(2){background-color:#a98b5c}@media (max-width:1440px){.venueItem .textBox{padding:80px 40px}.venueItem .textBox .titleEn{font-size:50px}.venueItem .textBox .btnBox a{padding:15px 50px}}@media (max-width:1200px){.venueItem .textBox{padding:60px 40px}.venueItem .imgBox>img{width:52%}}@media (max-width:1024px){.venueItem .textBox{padding:40px 25px}.venueItem .textBox .titleEn{font-size:40px}.venueItem .textBox .titleEn:before{width:180px;height:42px}.venueItem .textBox .btnBox{margin-top:20px}}@media (max-width:768px){.venueItem{width:100%;-ms-flex:auto;flex:auto}}@media (max-width:640px){.venueItem .textBox{padding:20px}.venueItem .textBox .titleEn{font-size:35px}.venueItem .textBox .titleEn:before{width:150px;height:35px}}@media (min-width:1201px){.venueItem:hover>img{opacity:0.25}}
/*# sourceMappingURL=venue.css.map */