@charset "UTF-8";
@font-face {
    font-family: BauerBodoniTitlingRegular;
    src: url("../css/BauerBodoniTitlingRegular.otf") format("opentype");
}
@font-face {
    font-family: BellCentennialBoldListing;
    src: url("../css/BellCentennialBoldListing.otf") format("opentype");
}
.mask{position: fixed; left:0; top:0; z-index: 900; width:100%; height: 100%; display: none;}
.mask .bg{background: rgba(0,0,0,0.7); content: ''; display: block; width:100%; height: 100%; position: absolute; left:0; top:0;}
.mask .newsacbox{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.bootstrap-tagsinput .tag{background:#0073ea; border-radius: 5px; padding:5px; line-height: 1;}
html {font-size: 16px; width: 100vw; height: 100vh;}
html, body {margin: 0; overflow-x: hidden;}
body {width: 100%; overflow: hidden; background: #f3fce1;}
.flex {display: flex; flex-wrap: wrap; align-items: center;}
.flex.jcc {justify-content: center;}
.between{justify-content: space-between;}
* {
    font-size: 1rem; font-weight: 500;
    line-height: 1.625;
    letter-spacing: 1px;
    font-family: '微軟正黑體';
    box-sizing: border-box;
}
.f-button *{color:#fff;}
.mce-container iframe{min-height: 250px;}
td:has(.editor):has(.notice) .notice{margin-top:10px;}
input{margin-bottom:10px;}
section{max-width: 1280px; margin:0 auto; position: relative;}
header{background: #7f9f32; padding:10px;}
header .header-store-name{color: #c00; font-weight: bold; animation: header-store-blink 10s ease-in-out infinite; background: #fff; border-radius: 8px; padding: 6px 12px; display: inline-block;}
@keyframes header-store-blink{0%, 100%{opacity: 1;} 50%{opacity: 0.3;}}
header .tools{float: right; margin-top:10px;}
header .tools .btn{margin-left:5px;}
header .tools div{color:#fff; margin-top:10px; text-align: center;}
nav a, nav strong{color:#fff; text-decoration: none;}
main{height: calc(100vh - 170px); padding: 25px 0; overflow: auto;}
main:has(#loginbox){display: flex; justify-content: center; align-items: center;}
footer{background: #313131; color:#fff; text-align: center; padding: 20px; position: fixed; width:100%; bottom:0; left:0;}
footer *{color:#fff;}
select{border:1px #dbdbdb solid;}
select, select option{background: #fff;}
.red{color:#a40035;}
.clear{clear:both;}
.datepicker, .date{max-width:110px;}
.twzipcode{display: inline-block;}
.twzipcode select{margin-right: 10px;}
.twzipcode input{display: none;}
.twzipcode.nodist [name=dist]{display: none;}
.notice{font-size: 0.9rem; margin: -5px 0 5px 0;}
.imgbox{display: inline-flex;}
.imgbox .item{border:1px #d4d4d4 solid; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; background: no-repeat center; background-size: cover; position: relative;}
.imgbox .item .delpic{display: none; align-items: center; justify-content: center; position: absolute; right: 5px; top:5px; background: #aaa; color:#fff; font-family: Arial; font-weight: 500; line-height: 1; font-size: 0.8rem; border-radius: 50%; width:20px; height: 20px; cursor: pointer;}
.imgbox .item textarea{display: none;}
.imgbox .item:before{content: '未上傳'; color:#d4d4d4; line-height: 1; font-size: 0.9rem;}
.imgbox .item.active:before{display: none;}
.imgbox .item.active .delpic{display: inline-flex;}
select:disabled{background:#c9c9c9; }
.links a{display: inline-block; margin:0 5px; line-height: 1; padding:5px;}
table {margin: 20px auto; border-collapse: collapse; border-color: #aaa;}
td{padding: 5px 10px; border-color: #aaa; position: relative; vertical-align: top;}
table[border=1] td{border-width:1px;}
.tdcm td{text-align: center; vertical-align: middle;}
table.list td{text-align: center;}
table.t2{width:90%;}
table.t2 tr td:nth-child(1){text-align: right;}
table.t2 tr td input[type=text], table.t2 tr td input[type=password], table.t2 tr td textarea{width:100%;}
table.t2 tr td .bootstrap-tagsinput{width:100%;}
table.t2 tr td .bootstrap-tagsinput input[type=text]{width:auto; font-size: 13px; min-width: 190px;}
table.t2 tr td input[type=text]:disabled{background: #c9c9c9; border:1px #c9c9c9 solid;}
table.rc, table.rc td{border-color: #fff; vertical-align: middle;}
table.rc tbody tr{background: #dfdfdf;}
table.rc tbody tr:nth-child(even){background: #f0f0f0;}
.btn7, .btn1, .btn2, .btn3, .btn4, .btn5, .btn6{border:1px transparent solid; line-height: 1; padding:8px 5px; border-radius: 5px; text-decoration: none; cursor: pointer; font-size: 0.8rem; display: inline-block;}
.btn7{background: #ffcc00;  border-radius: 5px; color:#474747; text-decoration: none;}
header .tools .btn-my-dest{background: #fff !important; color: #c00 !important; border-radius: 8px; padding: 8px 14px; border: 1px solid #c00 !important;}
.btn1{background: #0073ea; color:#fff;}
.btn2{background: #727272; color:#fff;}
.btn3{background: #7f9f32; color:#fff;}
.btn-apply-store{background: #c00 !important; color:#fff !important; font-weight: bold; padding: 10px 16px; font-size: 1rem;}
header nav .nav-func-btn{background: #c00; color:#fff;}
.btn4{background: #a40035; color:#fff;}
.btn5{background: #e2e2e2; display: inline-block;}
.btn6{background: #efad4d; color:#fff;}
.box{width:96%; margin:0 auto; padding-bottom:20px; border-radius: 8px; border:1px #d9dbd5 solid; background: #fff;}
.box .title{background: #dde487; line-height: 1; padding:3px; text-align: center; font-size:1.2rem; line-height: 1.6; font-weight: 600;}
.box .title a{display: inline-flex; line-height: 1; padding: 5px 8px; color:#000; margin-left:10px; text-decoration: none; font-width: 600; font-size: 16px; cursor: pointer;}
.box .title a.active{background:#ffcc00; }
.box .content{padding: 40px;}
.box1title{background: #7d7d7d; color:#fff; min-width:150px; margin-top:30px; padding:10px; line-height: 1; display: inline-flex; justify-content: center; align-items: center;}
.box1title input{margin-bottom: 0;}
.box1{border:1px #7d7d7d solid; padding:20px;}
.box2{border:1px #ababab solid; margin:20px 0; padding:15px; position: relative;}
.box3{border:1px #bababa solid; margin:20px 0;}
.box3 .header{background: #7ea030; padding:10px; color:#fff;}
.box3 .header input{margin-bottom: 0;}
.box3 .main{padding:20px; position: relative;}
.box3 .main:after{content: ''; display: block; clear: both;}
.box3 .main .img{width:100%; max-width:380px; padding-bottom: 24%; float: left; margin-right: 50px; background: no-repeat center; background-size: cover;}
.box3 .main .title1{border-bottom: 1px #959595 solid; width:60%; display: inline-block;}
.box3 .main .info{margin:10px;}
.box3 .main .d{position: absolute; right: 10px; bottom:10px; color:#7ea030;}
.box4{border:1px #a40035 solid; border-radius: 8px; background: #fff; position: absolute; z-index: 2; top:30px; padding:20px 15px; display: none; line-height: 2;}
.box4 .btn3{display: inline-block;}
.row_title{background:#dde487; text-align: center; line-height: 1; padding: 10px; font-weight: 600; position: relative;}
.row_title1{margin-left: -40px; width: calc(100% + 78px); padding: 10px; background:#dde487; text-align: center; line-height: 1; margin-bottom: 10px;}
#header_tags{background: #eee; border-radius: 10px 10px 0 0; padding:0 14px; margin-left:40px; display: inline-flex; border:1px #c2c2c2 solid; align-items: center; font-size: 0.9rem;}
#header_tags label{font-size: 0.9rem;}
#header_tags a{display: inline-block; line-height: 1; padding:15px; text-decoration: none;}
#header_tags a:hover, #header_tags a.active{background: #0073ea; color:#fff;}
#header_tags a.title{background: #7f9f32; color:#fff; letter-spacing: 2px; margin-right: 20px; padding: 10px 25px 10px 30px;}
#loginbox .box{width:400px;}
#loginbox .box .content{text-align: center; padding: 20px;}
#loginbox .box .content span{display: inline-block; width:130px; text-align: right; margin-right: 10px;}
#loginbox .box .content .div{width:calc(100% - 140px); text-align: left; margin:5px 0;}
#loginbox .box .content .div input{margin-bottom: 0;}
.links { text-align: center; margin-bottom: 30px;}
.links a {display: inline-block; margin: 0 10px;}
.loadnext{display: flex; justify-content: center; display: none;}
.loadnext a{display:flex; line-height: 1; padding: 8px; justify-content: center; color:#fff; background: #959595; width:calc(100% - 20px);}
#funcset{position: absolute; z-index: 2; top:90px; background: #eff2e9; padding:10px 20px; border:1px #849795 solid; display: none;}
#funcset div{background: #e2e98a; display: inline-flex; border-radius: 8px; line-height: 1; padding:10px; margin:5px; align-items: center; font-weight: 600; cursor: pointer;}
#funcset div input{margin:0 5px 0 0;}
#funcset div a{color:#000;}
#funcset.active{display: block;}
.albumBox{background: #e3e7d8; margin-left:-40px; width:calc(100% + 78px); padding:30px 40px; border:1px #9c9f98 solid;}
.albumBox > div{gap: 20px;}
.albumBox > div > .item{width:calc(25% - 20px); padding:5px; background: #fff;}
.albumBox > div > .item .ord input{width:40px; text-align: center; margin-bottom: 0;}
.albumBox > div > .item .imgbox{width:100%; margin:10px 0;}
.albumBox > div > .item .imgbox .item{width:100%; height: 246.75px; background-color: #fff; background-size: contain; margin:2px;}
.albumBox > div > .item .imgbox .item:before{content: '圖片準備中'; color:#000;}
.albumBox > div > .item .imgbox .item.active{background-color: #e5e5e5;}
.albumBox > div > .item .imgbox .item.active .delpic{display: none;}
.iconBox{background: #eff2f4; width:calc(100% + 78px); padding:30px 40px; border:1px #9c9f98 solid; overflow: auto; max-height: 500px; margin:10px 0 10px -40px;}
.imgsfunbox{display: inline-block; margin:10px auto; padding:10px; border:1px #a8a8a8 solid; border-radius: 8px;}
.wimg .imgbox{width:100%; display: none;}
.wimg .imgbox .item{width:100%;}
.wimg .imgbox .item .delpic{display: none;}
.wimg .imgbox:has(.active){margin-bottom:10px; display: block;}
.wimg .imgbox .item.active{height: 500px; background-size: contain;}
.wimg > .flex{border:1px #ccc solid; padding: 10px;}
.table1{border-radius: 8px; border-collapse: separate; border-spacing: 0; border-width: 1px;}
.table1 td{padding: 0;}
.table1 tr:nth-child(1) td{padding: 5px 10px; border-radius: 8px 8px 0 0; overflow: hidden;}
.table1 tr:nth-last-child(1) td{border-radius: 0 0 8px 8px;}
.table1 .flex{align-items: unset;}
.table1 .ord{text-align: center; background:#eee; color:#2067f7; align-content: center; padding: 0 10px;}
.table1 .txt{padding:10px;}
.table2{min-width: 800px;}
.table2 tr{border:1px #ababab solid;}
.table2 td{padding: 10px;}
.table2 thead{background: #f1f1d7;}
.table2 thead td{text-align: center;}
.table2 tbody tr:nth-child(even){background: #efefef;}
.newsacbox{width:360px; padding: 10px; background: #fff;}
.newsacbox .f-button{top:5px !important;}
.newsacbox .title{background: #535353; color:#fff; transform: translate(-10px, -10px); padding:8px 10px; width:calc(100% + 20px); font-weight: 600;}
.news_type{width:calc(20% - 10px); display: inline-block;}
.news_type input{margin-bottom: 0;}
.roombox{width:90%; max-width:450px; padding: 10px; background: #fff; border-radius: 10px; overflow: hidden;}
.roombox .f-button{top:5px !important;}
.roombox .header{background: #126be1; color:#fff; transform: translate(-10px, -10px); padding:8px 10px; width:calc(100% + 20px); font-weight: 600;}
.roombox .footer{background: #eee; text-align: center; padding: 10px; transform: translate(-10px, 10px); width:calc(100% + 20px);}
.type{color:#fff; line-height: 1; padding: 5px; font-size: 0.6rem; text-align: center;}
.type_blue{background: #126be1;}
.type_yellow{background: #f1be2f;}
.type_purple{background: #8e55a2;}
.type_green{background: #486b05;}
.type_red{background: #ab0036;}
#roomTypeModflyBox{position: absolute; z-index: 2; left:230px; top:120px; background: #fff; border: 1px #ababab solid; padding:20px; display: none;}
#roomTypeModflyBox.active{display: block;}
.blue{color:#0073ea;}
.blue_background{background: #0000fe; color:#fff; line-height: 1; padding:5px; display: inline-flex; margin-bottom: 5px; align-items: center;}
.numsort{font-size:9px; color:#fff; line-height: 0.1; transform: translateY(-7px); display: inline-block;}
.gray_background{background: #7d7d7d; color:#fff; line-height: 1; padding:5px; display: inline-flex;}
#price_item{margin:0; padding: 0;}
#price_item li{list-style: none; margin:10px 0; padding:0; display: flex; justify-content: space-between; align-items: center;}
#price_item li .ord{width:30px;}
#price_item li .box1{width:calc(100% - 40px); background: #fff; padding:10px 10px 0 10px;}
#price_item li .box1 .title1{width:80px;}
#price_item li .box1 .price{width:80px;}
#icons{margin:0; padding: 0; display: flex; flex-wrap: wrap; gap: 20px;}
#icons li{list-style: none; display: inline-flex; justify-content: center; width:110px; flex-direction: column;}
#icons li [type=text]{width:100%; text-align: center;}
.icons{border-radius: 15px; display: inline-flex; justify-content: center; width:110px; border:1px #edeeee solid; flex-direction: column; background: #fff; overflow: hidden;}
.icons .img{padding:10px; display: flex; align-items: center; height: 117px;}
.icons .img img{max-width:100%;}
.icons .title{background: #f8f8f7;}
.icons .title input{margin:0; font-size: 14px;}
.roomtable{width:100%;}
.roomtable td{text-align: center; width:90px;}
.roomtable td:nth-child(1){width:auto;}
.roomtable thead td{background: #eee;}
.roomnum{background: #7f9c3f; color:#fff; border-radius: 8px; line-height: 1; padding:5px 10px; text-decoration: none; display: inline-block;}
.roomnum.red{background: #e05251;}
.roomnum.yellow{background: #e49e36;}
.aiPlanAddBox{display: flex; justify-content: space-between; background: #eee; border:1px #0073ea solid;}
.aiPlanAddBox > div:nth-child(1){width:140px; background: #727272; color:#fff; display: flex; justify-content: center; align-items: center;}
.aiPlanAddBox > div:nth-child(2){padding: 5px;}
.aiPlanAddBox > div:nth-last-child(1){background: #0073ea; color:#fff; width:100px; display: flex; justify-content: center; align-items: center;}
.nostyle{background: none; border:none; box-shadow: none;}
.pdmdImgs img{width:150px; height: 100px; object-fit: contain;}
.hideit{display: none !important;}