@charset "UTF-8";
:root{--ci1:#df8322; --ci2:#ff9d36; --ci3:#ff0926; --gray1:#b2b2b2; --gray2:#3a3a3a; --gray3:#8e8f91; --black:#373737; --white:#fff;}
html{font-size:15px; width:100vw; overflow-x: hidden; height: 100vh;}
body{width:100%;}
.nodata{font-size: 20px; font-weight: 600; color:#f00; text-align: center; line-height: 300px;}
*{transition: all .3s ease; letter-spacing: 1px;}
*, body, header, footer, div, p, input, button, a, strong, td, li, i, h1, h2, h3, h4, h5, h6, strong, button, span, .btn, select, option{font-size:1rem; line-height:1.8; font-weight:normal; font-family:Arial, 'Noto Sans TC', '微軟正黑體'; text-decoration:none; text-shadow:none; margin:0; padding:0; color:var(--black);}
a{color:#2F2F2F; text-decoration:none; font-weight:normal; transition: all .3s ease;}
a:hover, article a:hover{color: #008ef5; text-decoration:none;}
ul, ol, li{margin:0; padding:0;}
ul, ol{margin-left:1rem;}
textarea{resize:none; min-height:5rem;}
img{max-width:100%; height:auto;}
hr{border:none; border-bottom:1px var(--gray1) solid; margin-bottom:1rem;}
br{line-height:0;}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, strong{font-weight:bold; line-height: 1.4;}
h1, h1 *{font-size:2.18rem;}
h2, h2 *{font-size:2rem;}
h3, h3 *{font-size:1.82rem;}
h4, h4 *{font-size:1.58rem;}
h5, h5 *{font-size:1.36rem;}
h6, h6 *{font-size:1.14rem;}
h5 .more{float: right; font-size: 1rem; position: relative; top:5px;}
table, .table, .table1, .tableDietitian{border-collapse:collapse;}
td{padding-top:1rem; vertical-align: top;}
td, td *{font-size:0.8rem;}
[type=text], [type=password], textarea, select{width:calc(100% - 20px); padding:5px 10px; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size:0.8rem;}
select{background:var(--white);}
select[name=county], select[name=district], select.price{max-width:100px;}
input[name=zipcode]{max-width:50px;}
[type=text].half{width:calc(50% - 22px); float: left;}
[type=text]:focus, [type=password]:focus, textarea:focus{box-shadow: 0 0 6px #0C7FCC;}
.forms{width:96%; max-width:500px; margin:2rem auto;}
.colTitle{width:7rem; line-height:40px; display: inline-block; vertical-align: top; float: left; position: relative; text-align: right; margin-bottom:15px; clear:left;}
.colTitle.noInput{line-height:1.4; margin-bottom:7px;}
.colTitle.must:before{content:'*'; font-size:1.2rem; color:#E3007F; position: absolute; left:-1rem; top:0.2rem;}
.hasTitle{width:100%; max-width:calc(100% - 10rem); display:inline-block;}
div.hasTitle{line-height:1.4;}
.num{max-width: 60px; display: inline-block;}
.numBox{float: left; margin:0 20px 0 0;}
.numBox .fa-minus, .numBox .fa-plus{cursor: pointer;}
.numBox input{text-align: center;}
.date, .birthday{max-width:100px; display:inline-block;}
.link, .link i{color: #097ede;}
.searchby{background: #f0f0f0; padding:0.5rem; border:1px var(--gray1) solid; border-radius:8px; font-weight:600;}
.searchby.active{background:var(--ci2); color:var(--white);}
label{display: inline-block; margin-right:0.5rem;}
label.mrt{border-left:5px var(--gray1) solid; padding-left:5px; width:25%; margin:0 1rem 0.5rem 0;}
label.mrt:hover{background:var(--gray1); color:var(--white);}
.swiper_box{position: relative; overflow: hidden;}
.controlgroup{display: inline-block; position:relative; margin:0; padding:0; top:5px;}
.controlgroup label{background: #eee; border:1px #0C7FCC solid; font-size:0.9rem; line-height: 1; font-weight: normal; margin:0; padding: 5px 10px; text-align: center; cursor: pointer; display:inline-block; float:left; color:#333; transition:All 0.2s ease;}
.controlgroup label:hover{background:#999; color:var(--white);}
.controlgroup label:nth-child(1){border-bottom-left-radius:5px; border-top-left-radius:5px;}
.controlgroup label:nth-last-child(1){border-top-right-radius:5px; border-bottom-right-radius:5px;}
.controlgroup label.active{background:#0C7FCC; color:var(--white);}
.controlgroup.radio label{display: inline-block;}
.controlgroup input{display: none;}
#captcha img{height: 2rem;}
.captcha{max-width:5rem;}
.ckn{max-width: 80px; display: inline-block; float: left; margin-right: 5px;}
.cknImg{display: inline-block;}
.cknImg img{height:35px;}
.btnBox{text-align: center;}
.btn1{background:url('../images/bg_btn.jpg') repeat-x center; background-size:auto 100%; border:1px var(--ci1) solid; border-radius:5px 5px 5px 5px; display: inline-block; padding:8px 10px; line-height: 1; color:var(--white); cursor: pointer;}
.btn1:hover{opacity:0.7; color:var(--white);}
button{cursor: pointer;}
iframe{max-width: 100%;}
section{width:94%; max-width:1000px; display: block; margin:0 auto; padding:1px 0 0 0; position:relative;}
section:after{content: ''; display: block; clear: both;}
.sabrosus{text-align:center;}
.sabrosus a, .sabrosus a:visited{padding:0.3rem; min-width:2rem; border-radius: 1.4rem; margin:1.5rem 0.5rem; color:var(--ci2); display:inline-block; text-align: center;}
.sabrosus a *{color:var(--ci2);}
.sabrosus a.current, .sabrosus a:hover, .sabrosus a:hover *{background:var(--ci2); color:var(--white);}
.sabrosus a:nth-child(1), .sabrosus a:nth-last-child(1){display: none;}
.fancybox-container *{color:var(--white);}
aside, article{position: relative;}
aside{width:100%; max-width:280px; float: left;}
article{width:100%; max-width:calc(100% - 300px); float: right;}
aside a{display: block;}
article.one{max-width:1000px; float: none; margin:1rem auto;}
#pageTitle{margin-bottom: 1.5rem;}
.slick-dots{width:100%; margin: 0; text-align: center; position: absolute; bottom: 0.5rem;}
.slick-dots li{display: inline-block; list-style: none; width:1.4rem; height: 1.4rem; background:var(--white); border-radius: 0.7rem; box-shadow: 0 0 0.4rem rgba(0,0,0,.5); border:1px rgba(0,0,0,0.6) solid; margin:0 1rem;}
.slick-dots li button{display: none;}
#googleMap{width:100%; height:350px; margin:2rem 0;}
ul.cols{margin:2rem 0 2rem -1.5rem;}
ul.cols:after{content: ''; display: block; clear:both;}
ul.cols li .img{display: block; padding-bottom:48%; background-size: cover; margin-bottom:1rem;}
ul.cols li{list-style: none; display: inline-block; float: left; margin:0 0 2rem 1.5rem;}
ul.c2 li{width:calc(50% - 1.5rem);}
ul.c2 li:nth-child(even){float: right;}
ul.c3 li{width:calc(33.33333% - 1.5rem);}
ul.c4 li{width:calc(25% - 1.5rem);}
ul.c5 li{width:calc(20% - 1.5rem);}
.inline{max-width:9rem;}
.twzipcode select{max-width:100px; margin-right:5px;}
.twzipcode input{display: none;}
.twzipcode.option2checkbox [name=dist]{display: none;}
.twzipcode.option2checkbox .options{display: flex; flex-wrap: wrap; gap:8px; margin-top:10px;}
.twzipcode.option2checkbox .options label{display:flex; width:calc(20% - 14px);}
.twzipcode.option2checkbox .options label input{display: inline; margin-right: 5px;}
.shareTo{margin:5px;}
.shareTo a{font-size:1.6rem; margin-left:5px;}
.contactObject{margin-bottom:2rem;}
.contactObject li{list-style: none; border-bottom: 1px #666 solid; position: relative;}
.contactObject li .del{position: absolute; left: 50px; bottom: 20px; font-size: 1.5rem; color: #f00; cursor: pointer;}
.contactObject .img{width:120px; height:90px; display: inline-block; float: left; margin:0 1rem 0 0; background:no-repeat center; background-size: contain;}
.contactObject .info{width:calc(100% - 150px) !important;}
.contactObject .info tr td.red{font-size:1.2rem !important; font-weight:400; color:#f00;}
.register{float: right;}
.notice{margin:1rem 0;}
.notice, .notice *{font-size:0.8rem;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.clearUp:after{content: ''; display: block; clear: both;}
img.fl{margin:0 2rem 2rem 0;}
img.fr{margin:0 0 2rem 2rem;}
.mobile{display: none;}
.mobile-x{display: inline;} div.mobile-x, p.mobile-x{display: block;} td.mobile-x{display: table-cell;}
.btn{background:var(--ci2); border:1px var(--ci2) solid; padding: 5px 15px; color:var(--white); font-size: 1.1rem; display: inline-block;}
.btn *{color:var(--white);}
.btn:hover{background:var(--white); color:var(--ci2);}
.btn:hover *{color:var(--ci2);}
.btn.facebook{background:#3B5998; color:var(--white); border:#3B5998;}
.bh{clear:both; text-align:right; margin:20px 20px 20px 0;}
.bh a{background:var(--ci2); padding: 5px 15px; color:var(--white); font-size: 1.1rem; display:inline-block;}
.hideit{display:none;}
#navation{display:none; font-size: 1.4rem; cursor: pointer;}
.o{margin:0; padding: 0; display: flex; flex-wrap: wrap; gap:15px;}
.o li{list-style: none; margin:0; width:calc(25% - 17px); position: relative; border:1px #eee solid;}
.o li .img{background:no-repeat center; background-size: cover; display: block; padding-bottom:63%;}
.o li div{padding:5px 10px 10px 10px; font-size:0.7rem; line-height:1.8;}
.o li div br{line-height: 0;}
.o li div .title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size:0.9rem; height:2.6rem;}
.o li .mrt, .mrt{display: inline-block; padding:5px 5px; background:var(--gray1); border-radius:3px; font-size:0.8rem; line-height:1; color:var(--white);}
.o li:hover{box-shadow:1px 1px 3px rgba(142,143,145,0.6);}
.o li .btn1{font-size:0.7rem; padding:5px 5px;}
#captcha{width:80px; margin-right:20px;}
.captcha{cursor: pointer;}
.boxshadow{padding: 2rem 2.5rem; box-shadow:0 0 15px rgba(0,0,0,0.1); border:1px #e7e7e7 solid; border-radius:8px; max-width:500px;}
.fields{float: left; margin:0 0 0px 10px; width:calc(100% - 10px); position: relative; display: inline-block;}
.fields .title{color:#666; width:90%;}
.fields .title.must:before{content:'*'; color:#eb5049; top:3px; left:-15px; position:absolute;}
.fields [type=text], .fields [type=password], .fields textarea, .fields select{width:calc(100% - 3rem); margin-bottom: 1rem; padding:0 10px; border:1px #e7e7e7 solid; border-radius:5px; background: #fff;}
.fields.half{width:calc(50% - 10px);}
.fields .bx{font-size:1.6rem;}
#object_imgs{width:calc(100% - 540px); float: left; position: relative;}
#object_imgs .slider .slick-slide, #object_imgs .slider .slick-slide a{background:no-repeat center; background-size:contain; padding-bottom:18%; display: block;}
#object_imgs .slider-for .slick-slide{padding-bottom: none;}
#object_imgs .slider .slick-arrow{position: absolute; top:50%; z-index: 2; font-size: 0; background: none; border:none;}
#object_imgs .slider .slick-prev:before, #object_imgs .slider .slick-next:before{border: solid black;   border-width: 0 2px 2px 0; display: inline-block; content:''; padding:1rem;}
#object_imgs .slider .slick-prev:before{transform: rotate(135deg);}
#object_imgs .slider .slick-next{right:0;}
#object_imgs .slider .slick-next:before{transform: rotate(-45deg);}
#object_imgs .slider-for{margin-bottom:0.5rem;}
#object_imgs .slider-nav .slick-slide{max-width:15%; padding-bottom:12%;}
#object_imgs .slider-nav{margin-bottom:1rem;}
.slider-for *, .slider-nav *{transition:none;}
#object_info{width:100%; max-width:500px; float: right; margin-bottom:1rem;}
#object_info label{width:100px; text-align: right;}
.googlemap iframe{width:100%;}
.fancybox-button--thumbs, .fancybox-button--share{display: none;}
.captchaImg{width:80px;}
.objcet_list{margin:1rem 0;}
.objcet_list li{list-style: none; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px #eee solid; position: relative;}
.objcet_list li:after{content: ''; display: block; clear: both;}
.objcet_list li .img{width:150px; height: 117px; display: inline-block; float: left; background: no-repeat center; background-size: cover; margin:0 1rem 0.5rem 0;}
.objcet_list li .btn{font-size:0.9rem; line-height:1; border-radius:5px;}
.search_result{width:250px; max-height:300px; position: absolute; z-index:1; left:0; top:35px; background: #fff; border:1px #eee solid; overflow-x: hidden; overflow-y: auto; display:none;}
.close_search_result{display:none; position: absolute; z-index: 2; color:#f00; left:-20px; top:36px; font-size:20px;}
.search_result.show, .search_result.show + .close_search_result{display: inline-block;}
.search_result a{display: block; padding:5px 10px; cursor: pointer;}
.search_result a:hover{background:#777; color:#fff;}
.swiper:has(.swiper-pagination){padding-bottom: 50px;}
.swiperLink .swiper-slide a img{width:66px; height: 25px; object-fit: contain;}
.swiperWitness .infobox{background: #f8f8f8; border-radius: 8px; padding:1rem 1rem 1rem 1rem; position: relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.swiperWitness .infobox > .d-flex{gap:15px; margin-bottom: 1rem;}
.swiperWitness .fa-star{color:#ffef06; text-shadow: 0 0 2px #000;}
.swiperWitness .infobox .img{width:60px; height: 60px; border-radius: 50%; overflow: hidden;}
.swiperWitness .infobox .img img{width: 100%; height: 100%; object-fit: cover;}
.swiperWitness .name{font-weight: 600;}
.index_media_swiper_nav{max-width: 800px; margin-bottom: 2rem;}
.index_media_swiper_nav .swiper-slide{position: relative; cursor: pointer;}
.index_media_swiper_nav .swiper-slide:after{content:''; display:block; position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}
.index_media_swiper_nav .swiper-slide-thumb-active lite-youtube{box-shadow: 1px 1px 10px rgba(0,0,0,.7); border:1px #fff solid;}
lite-youtube{margin:1rem auto;}
.swiper-prev, .swiper-next{position: absolute; top:50%; cursor: pointer; z-index: 1;}
.swiper-prev img, .swiper-next img{transform: translateY(-50%);}
.swiper-prev{left:10px;}
.swiper-next{right:10px;}
#mrts{display: flex; flex-wrap: wrap; gap:10px;}
#mrts label{display: inline-flex; align-items: center; width:calc(25% - 15px); font-weight: 600;}
#mrts label input{margin-right: 5px;}
.rentOrderBy{text-align: right; margin-bottom: 15px; margin-right: 18px;}
.d-flex{display: flex; flex-wrap: wrap;}

@media screen and (max-width:766px) {
    nav{display: none; width:100%; position: fixed; z-index: 901;}
    nav > ul > li{display: block;}
    nav > ul > li:after{content: ''; display: block; clear:both;}
    nav > ul > li > a{float: left;}
    nav > ul > li > .subnav{position:static; display:inline-block; width:calc(100% - 5rem - 20px); float:right; margin-top:-0.9rem; background: transparent;}
    nav > ul > li > .subnav a{padding:5px;}
    #navation{display: inline-block;}
    aside, article{float: none; max-width: none; margin:2rem auto;}
    aside a{display: inline-block; margin:0 1rem 0.5rem 0;}
    .tagBox{max-width:none; float: none;}
    .tagBox .data ul li .img{display: inline-block;}
    .tagBox .data .imgs, .tagBox .data ul{max-width: none; float: none;}
    ul.c3 li{width:100%; float: none;}
    ul.c4 li{width:calc(50% - 1.5rem);}
    ul.c5 li{width:calc(50% - 1.5rem);}
    #object_imgs, #object_info{width:100%; max-width:none; float: none;}
    .swiper-prev img, .swiper-next img{width: 40px;}
    .index_media_swiper_nav lite-youtube > .lty-playbtn{width:50%; height: 50%; left:50%; top:50%; transform: translate(-50%, -50%); background-size: contain; opacity: 0.4;}
    .index_media_swiper_nav .swiper-slide:hover .lty-playbtn{opacity: 1;}
    label.mrt{width:35%;}
    .o{margin-left:auto; margin-right: auto;}
    .o li{width:calc(50% - 1.5rem - 2px);}
    .fr{float: none;}
    .fl{float: none;}
    .mobile{display: inline;} div.mobile, p.mobile{display: block;} td.mobile{display: table-cell;}
    .mobile-x{display: none;}
}
@media print{
    html, body{ width:100%; height:auto; overflow:auto; }
}