.info img{max-width:100%; height: auto;}
.box2{border:3px #e9c138 solid; border-radius: 60px; width:calc(100% - 20px); max-width:1366px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.4); margin:40px auto; text-align: center;}
.box2 iframe{width:100%; height:600px;}
.box2 img{max-width:100%; height: auto;}
.box3{border:30px #eee solid; border-radius: 40px; padding:30px;}
.box3 .img{width:calc(100% - 630px); padding-bottom: 40%; background: no-repeat center; background-size: cover;}
.box3 .info{width:590px; font-size: 20px; line-height: 2;}
.box3 .info .title{font-family: BellCentennialBoldListing; text-align: right; margin:50px 0 30px 0; font-size: 36px; font-weight: 600;}
.box4{border:1px #d9d9d9 dotted; border-radius: 20px; padding:50px; max-width:1366px; margin:0 auto 50px auto; font-size: 1rem;}
.box5{width:calc(100% - 20px); max-width:960px; margin:40px auto; border:1px #d3d3d3 solid; border-radius: 40px; overflow: hidden;}
.box5 .title1, .box5 .title{ont-size: 20px;}
.box5 .title1{justify-content:end; padding: 10px; color:#fff; background: #7c7c7c; width:100px; text-align: right;}
.box5 .title{padding: 10px; background: #efefef; width:calc(100% - 100px);}
.box5 .info{width:96%; max-width:763px; margin:40px auto; line-height: 2;}
.box5 .imgbox{width:96%; max-width:802px; margin:0 auto;}
.box5 .imgbox img{border:10px #ededed solid; box-shadow: 5px 10px 10px rgba(0,0,0,0.5); margin-bottom:20px;}
.box5 .url{border-top:1px #d3d3d3 solid; line-height: 3; text-align: center; margin-top:20px;}
.box6{width:calc(100% - 20px); max-width:960px; margin:40px auto; padding: 40px; font-size: 1rem;}
.swiper3{margin:40px auto; max-width:1515px;}
.swiper3 .swiper-slide .img{border-radius: 40px; background: no-repeat center; background-size: cover; display: block; width:100%; padding-bottom:68%;}
.swiper3-pagination{text-align: center;}
.fp:first-letter, .fp p:nth-child(1):first-letter{font-size: 150%;}
.fp1 p:nth-child(1):first-letter{font-size: 150%;}
.area_title{text-align: center; font-size: 28px; color:#391405; margin:40px 0;}
.area_title .title, .area_title .title:first-letter{font-family: BauerBodoniTitlingRegular; line-height: 1; color:#e9c138; font-weight: 600; letter-spacing: 0; font-size: 150%;}
.area_title .title span{font-size: 55px;}
.area_title .title{font-size: 40px; margin:0;}
.type{color:#fff; line-height: 1; padding: 5px;}
.type_blue{background: #126be1;}
.type_yellow{background: #f1be2f;}
.type_purple{background: #8e55a2;}
.type_green{background: #486b05;}
.type_red{background: #ab0036;}
.class_title{color:#fff; display: inline-flex; font-size: 20px; padding: 0 10px;}
.news_list{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; width:calc(100% - 20px); max-width: 1453px; margin:50px auto;}
.news_list .item{width:calc(33.3333% - 30px); background: #f6f6f6; padding:40px; border-radius: 40px; display: inline-flex; flex-wrap: wrap;}
.news_list .item .title{margin-bottom: 20px; font-size: 20px; min-height: 65px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width:100%; color:#000;}
.news_list .item .class_title{width:calc(100% - 94px); align-items: center; justify-content: center;}
.news_list .item .d{width:94px; display: inline-flex; background: #a0a0a0; flex-direction: column; text-align: center; justify-content: center; padding: 5px;}
.news_list .item .d, .news_list .item .d *{color:#fff; line-height: 1.4;}
.news_list .item .d .day{font-size: 28px; font-style: italic;}
.news_list .item .img{width:100%; padding-bottom: 100%; background: no-repeat center; background-size: cover;}
.news_list .item .more{width:100%; text-align: center; margin-top:20px; background: none;}
.c2{max-width: 1313px; display: flex; flex-wrap: wrap; margin:50px auto; gap: 80px; position: relative; margin-bottom: 100px; padding:0; width:90%;}
.c2 li{list-style: none; width: calc(50% - 40px); position: relative;}
.c2 li:nth-child(odd):before, .lrcube:before{left:calc(-50vw - 100px);}
.c2 li:nth-child(odd):after, .lrcube:after{right: calc(-50vw - 130%); top: calc(50% + 30px);}
body#room .c2 li:nth-child(odd):before, .c2 li:nth-child(even):after{height:90%;}
.c2 li .img{background: no-repeat center; background-size: cover; padding-bottom: 48%; box-shadow: 10px 10px 15px rgba(0,0,0,0.4); display: block; padding-bottom: 68%; border-radius: 40px; position: relative;}
.c2 li .img:after{content: '圖片準備中'; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: inline-block;}
.c2 li .img.active:after{display: none;}
.c2 li .info{width:90%; margin:0 auto;}
.c2 li .title{font-size: 20px; line-height: 1.4; color:#000;}
.c2 li .title .pretxt{font-size: 55px; color:#e9c138; margin-right: 10px;}
.c2 li .subtitle{font-size: 18px; line-height: 1.2; color:#7b6005; margin:20px 0;}
.c2 li .info .txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.c2 li .info .more1{text-align: right; margin-top:40px; background: none;}
.lrcube:before, .lrcube:after{height:500px; top:60px; transform: none;}
.lrcube:before{left: calc(-50vw + 100px);}
.lrcube:after{right: calc(-50vw + 100px);}
.albums{width:calc(100% - 20px); max-width: 1090px; margin:40px auto; align-items: start;}
.albums .thumb{width:100px; border:1px #d8d8d8 solid; position: relative; padding:40px 0;}
.albums .thumb > img{width:100%; position: absolute;}
.albums .thumb .roomPhotoNavPrev, .albums .thumb .productPhotoNavPrev{top:0; transform: rotate(180deg);}
.albums .thumb .roomPhotoNavNext, .albums .thumb .productPhotoNavNext{bottom:0;}
.albums .thumb .roomPhotoNav{max-height: 585px;}
.albums .thumb .productPhotoNav{max-height: 450px;}
.albums .thumb .swiper .swiper-slide{position: relative; max-height: 98.2px; height: 100% !important;}
.albums .thumb .swiper .swiper-slide a{width:100%; display: block; background: no-repeat center; background-size: cover; padding-bottom: 100%;}
.albums .roomPhoto, .albums .productPhoto{width:calc(100% - 150px);}
.albums .roomPhoto .swiper-slide a, .albums .productPhoto .swiper-slide a{width:calc(100% - 80px); height: 625px; display: block; background: no-repeat center; background-size: contain; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); border-radius: 40px; margin: 0 40px 40px 40px;}
.albums .productPhoto{width:500px; margin:0;}
.albums .productPhoto .swiper-slide a{margin:0 40px 40px 0; border-radius: 0; height: auto; padding-bottom: 100%; width: calc(100% - 22px);}
.albums .info{width:calc(100% - 650px);}
.albums .info .title{font-size:30px; line-height: 1.4; color:#413301; margin-bottom:20px;}
.albums .info hr{margin:25px 0; border-color:#746945;}
.albums .info .price{font-size:22px;}
.albums .info .price > div{font-size:22px;}
.albums .info button{background: #959595; color:#fff; border-radius: 15px; line-height: 1; padding: 12px; border:1px #959595 solid; font-size: 18px;}
.roomSubtitle{font-size: 30px; line-height: 1.6; color:#413301; border-bottom: 1px #413301 solid; margin:20px 0;}
.roomSubtitle img{margin-right: 10px;}
.roomInfo{width:90%; max-width:1090px; margin:20px auto;}
.roomInfo .iconbox{gap: 20px; margin-bottom: 30px;}
.roomInfo .icons{border-radius: 15px; display: inline-flex; justify-content: center; width:135px; border:1px #edeeee solid; flex-direction: column; background: #fff; overflow: hidden;}
.roomInfo .icons .img{padding:10px; display: flex; align-items: center; width:94%; margin:10px auto; justify-content: center;}
.roomInfo .icons .img img{max-height: 70px;}
.roomInfo .icons .title{background: #f8f8f7; text-align: center; font-size: 14px;}
.roomInfo .icons .title input{margin:0;}
.roomInfo .box{background: #f8f8f7; padding:30px;}
.pricebox{display: flex; gap: 30px; flex-wrap: wrap;}
.pricebox .item{display: inline-flex;}

@media screen and (max-width: 890px) {
    .box3 .img{width:100%; margin-bottom:20px; padding-bottom: 68%;}
    .box3 .info{width:100%;}
    .box3 .info .title{text-align: center; line-height: 1.4;}
    .news_list .item{width:100%;}
    .box5 .title1{display: none;}
    .box5 .title{width:100%; text-align: center;}
    .box5 .d span{display: none;}
    .box6{padding:0px;}
    .c2 li{width:calc(100% - 40px);}
    .c2 li:nth-child(odd):before, .c2 li:nth-child(even):after{display: none;}
    .albums .thumb, .albums .roomPhoto{width:100%;}
    .albums .thumb{margin-bottom: 20px; padding: 0;}
    .albums .thumb > img{width:auto; height: 35%; top:30%;}
    .albums .thumb .roomPhotoNavPrev{transform: rotate(90deg); left:-4%; top:30%;}
    .albums .thumb .roomPhotoNavNext{bottom:auto; right: -4%; transform: rotate(270deg);}
    .albums .thumb .roomPhotoNav, .albums .thumb .productPhotoNav{max-width: calc(100% - 100px);}
    .albums .roomPhoto .swiper-slide a{height: 380px; margin: 0 20px 40px 20px; width: calc(100% - 40px);}
    .albums .thumb .swiper .swiper-slide a{height: 50px;}
    .albums .info{width:100%;}
    .roomOnlineSelect .txt1{display: none;}
    .roomOnlineSelect .txt2{display: block;}
    .roomInfo .icons img{width:calc(50% - 15px);}
    .lrcube:before, .lrcube:after{display: none;}
    #roomOnlineCalendar table{width:calc(100% - 20px);}
    #roomOnlineCalendar td{padding:5px;}
    #roomOnlineNotice{padding:30px 10px;}
}