@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url("./public/googlefont/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
}

html * { max-height: 9999999px; }
body { font-size:16px; text-align: left; font-family: "Arial","微軟正黑體","Microsoft JhengHei", serif; }
a:hover { text-decoration: none; }

/*button { border:none; background:transparent; }*/

body.unscrollable {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    overflow:hidden;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.mh10 { height:10px; overflow: hidden; }
.mh15 { height:15px; overflow: hidden; }
.mh20 { height:20px; overflow: hidden; }
.mh30 { height:30px; overflow: hidden; }
.mh40 { height:40px; overflow: hidden; }
.mh60 { height:60px; overflow: hidden; }

.nodata { padding:50px 0; }
.text-ellipsis { overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

.imgBaseBD { position: relative; width:100%; }
.imgBaseArea { position: absolute; top:0px; left:0px; bottom:0px; right:0px; overflow: hidden; }
.imgBaseSize-rent { padding-top:56.25%; }
.imgBaseSize-square { padding-top:100%; }
/* 圖片cover */
.imgCoverBox { overflow: hidden; }
.imgCoverBox img { width:100%; }
.imgCoverBox .wh { height:100%; width:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.imgCoverBox .ww { width:100%; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }


.BottomPage { display: flex; justify-content: center; align-items:center; }
.BottomPage .move { width:32px; height:32px; border-radius:25px; background-color:#ef850d; color:#fff; padding:4px; }
.BottomPage .move i { vertical-align:-6px; }
.BottomPage .move:not(.disable):hover { background-color:#ff9500; }
.BottomPage .move.disable { background-color:#cccccc; }
.BottomPage .page { margin:0px 25px; }
.BottomPage .page select { width:84px; height:40px; border:1px solid #dae2e5; color:#474747; padding:8px 10px; }

.editor-html img { max-width:100%; width:auto; height:auto !important; }
.editor-html table { max-width:100%; }
.editor-html ul, .editor-html ol { margin-left:1.25rem; margin-bottom:1rem; }
.editor-html li { list-style: inherit; } 

.map-responsive { overflow:hidden; padding-bottom:480px; position:relative; height:0; }
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }
.map-responsive #gmap{ left:0; top:0; height:100%; width:100%; position:absolute; background-color:#efefef; }

.mod-footer { margin:40px 0 50px; }
.mod-footer .share .text { display:inline-block; color:#474747; margin-right:10px;  }
.mod-footer .share .ic { display:inline-block; width:32px; height:32px; border-radius:16px; margin:0 0 0 5px; vertical-align:-9px; }
.mod-footer .share .ic-fb { background:#004a86 url(images/ico_facebook-f.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-line { background:#00c400 url(images/ico_line.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-twitter { background:#00adef url(images/ico_twitter.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-weibo { background:#e32529 url(images/ico_weibo.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-copy { background:#202020 url(images/ico_link.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic:hover { background-color:#f0ab00; }

body .LinkType1 { display: inline-block; padding:6px 25px; border-radius: 25px; color:#ef850d; border:1px solid #ef850d; }
body .LinkType1:hover { background-color:#006e3b; color:#fff; }


#navbarMenu .menu1 { font-size:1.1rem; }
#navbarMenu .menu1 .nav-link { color:#262626; position:relative; }
#navbarMenu .menu1 .nav-link:hover { color:#e65100; }

#navbarMenu .menu2 .telno { color:#ef850d; font-size:1.5rem; }
#navbarMenu .menu2 .telno .fa-phone-volume { transform:rotate(-40deg); }
#navbarMenu .menu2 .nav-link { color:#5d4037; }
#navbarMenu .menu2 .nav-link:hover { color:#e65100; }

.mbnav { 
    position:fixed; 
    bottom:0; 
    left:0; 
    width:100%; 
    text-align:center; 
    background-color:#ef850d; 
    color:#ffffff; 
    padding:12px 0; 
    font-size:15px; 
    z-index:500;
    opacity:1;
    transition:0.3s; 
}
.mbnav.hidden { opacity:0; }    
.mbnav a { color:#ffffff; }
.mb-menu { display:none; }

.main_ii { padding-top:15px; padding-bottom:15px; }

#s-condition-tit .tit { font-size:1.4rem; color:#5d4037; }

.mod-tit-bar {
    background-color:#f6f6f6; 
    border-bottom:1px solid #e2e2e2;
    padding-top:1.5rem; padding-bottom:1.5rem;
}
.mod-tit { font-size:30px; }

.crumb-nav { font-size:15px; padding:25px 0 10px; text-align:right; border-bottom:1px solid #dae2e5; color:#919191; }
.crumb-nav .arrow { font-size:12px; }
.crumb-nav a { color:#202020; }
.crumb-nav a:hover { color:#ef850d; text-decoration:none; }
.crumb-nav .crumb { max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.crumb-nav2 { font-size:15px; text-align:right; color:#919191; }
.crumb-nav2 .arrow { font-size:12px; }
.crumb-nav2 a { color:#202020; }
.crumb-nav2 a:hover { color:#ef850d; text-decoration:none; }
.crumb-nav2 .crumb { max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.search-bar { 
    background-color:#f6f6f6; 
    border-bottom:1px solid #e2e2e2;
    padding-top:1.5rem; padding-bottom:1.5rem;
}

.search-bar .optSelBtn { padding-right:1.75rem; position:relative; cursor:pointer; }
.search-bar .optSelBtn .icon-d { position:absolute; top:0.75rem; right:0.5rem; }
.search-bar .optSelBtn.active .icon-d { display:none; }  
.search-bar .optSelBtn .icon-u { position:absolute; top:0.75rem; right:0.5rem; display:none; }
.search-bar .optSelBtn.active .icon-u { display:inline-block; }
.search-bar .optSelBtn.active ~ .optSelArea { 
    display:block;
} 
.search-bar .optSelArea { 
    position:absolute; top:calc(1.5em + .75rem + -1px ); left:0; 
    z-index:20;
    display:none;
    width:100%;
    padding:0 5px;
}
.search-bar .optSelArea .bdr {
    border:1px solid #ccc; 
    padding:10px; 
    background-color:#fff; 
    border-top:1px dashed #dfdfdf;
} 

.search-bar .optSelArea .bdr > div > div { padding-top:5px; padding-bottom:5px; }
.search-bar form .btn-primary { padding-left:2.5rem; padding-right:2.5rem; background-color:#ef850d; border-color:#ef850d; }
 

.s-more { position:relative; display:none; }
.s-more.active { display:block; } 
.s-more .area { 
    position:absolute; 
    top:5px; 
    left:0; 
    width:100%; 
    z-index:10;
    padding-bottom:90px;  
}.s-more .area .bdr {
    background-color:#f8f8f8;
    border:1px solid #606060;
}
.s-more .condition { padding:10px; border-bottom:1px solid #aeb4ba; }
.s-more .condition:last-child { border-bottom:0 none; }
.s-more .condition .name { flex-basis:70px; color:#5d4037; }
.s-more .condition .option { flex:1; }
.s-more .condition .arrow { flex-basis:30px; text-align:center; }
.s-more .condition .arrow-none { flex-basis:30px; text-align:center; }
.s-more .condition .expand { display:flex; overflow:hidden; height:24px; }
.s-more .condition .expand.active { height:auto; }

.s-more .condition .option .cform .check { margin-bottom:5px; }
.s-more .condition .option .cform { }

.s-more .condition .option .form-inline .form-control { display:inline-block; vertical-align:middle; width:150px; }
.s-more .condition .option .form-inline > div { padding:0; }

.main .s-condition { margin-top:2rem; }
.main .s-condition .col-2 { flex:0 0 300px; max-width:300px; }
.main .s-condition .ldiv { max-width:240px; font-size:1.2rem; border-bottom:1px solid #e2e2e2; padding-bottom:5px; line-height:40px; }
.main .s-condition .rdiv { border-bottom:1px solid #e2e2e2; padding-bottom:5px; line-height:40px; }

.main .s-condition .ldiv .cdiv { color:#ffffff; background-color:#ef850d; border-radius:4px; padding:0 10px; } /* color:#5d4037; */ 
.main .s-condition .ldiv .cdiv i { color:#ffffff; margin-right:3px; }
.main .s-condition .rdiv .l .tit { line-height:normal; vertical-align:-2px; }
.main .s-condition .rdiv .l .num { color:#ff574d; font-weight:bold; }
.main .s-condition .rdiv .l .fas { color:#919191; }
.main .s-condition .rdiv .r { }
.main .s-condition .col-2 { flex:0 0 300px; max-width:300px; }

#search_result_link { display:inline-block; margin-right:10px; }
#search_result_link .copy-link { background-color:#2a9d8f; color:#fff; border-radius:6px; white-space:nowrap; padding:0 10px; line-height:32px; display:inline-block; } 

.main .s-option { padding-bottom:30px; }
.main .s-option > .left { transition: 1s; }
.main .s-option > .left .ldiv { transition: 1s; }
.main .s-option .left { flex:0 0 300px; max-width:300px; }
.main .s-option .left.hide {
    flex-basis:0px;
    width:0;
    height:0; 
    padding:0;  
    overflow:hidden; 
}
.main .s-option .left.hide .ldiv { opacity:0; }
.main .s-option .ldiv { max-width:240px; width:240px; }
.main .s-option .rdiv { }

.main .s-option .ldiv .citem { padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #e2e2e2; }
.main .s-option .ldiv .citem .tit { font-size:1.2rem; color:#5d4037; }
.main .s-option .ldiv .citem .tit .material-icons { vertical-align:-5px; color:#ef850d; }
.main .s-option .ldiv .citem .optlist { margin-left:20px; display:none; }
.main .s-option .ldiv .citem .opt { padding-top:6px; padding-bottom:6px; }

.main .s-option .s-condition-div {
    margin-top:20px;
    margin-bottom:20px;  
    color:#454545; 
}
.main .s-option .s-condition-div button { border:0 none; background-color:transparent; margin:3px 0; }
.main .s-option .s-condition-div button span { margin-right:3px; color:#2a9d8f; }
.main .s-option .s-condition-div .slash { display:inline-block; padding:0 10px; margin:3px 0; }
.main .s-option .s-condition-div .clear { color:#2a9d8f; white-space:nowrap; }
.main .s-option .s-condition-now button { margin-right:3px; } 


.cform .check { display:inline-block; position:relative; padding-left:22px; margin-top:0; margin-bottom: 0px; vertical-align:top; cursor: pointer; overflow:hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cform .check input:not([type="text"]) { position:absolute; top:5px; left:0; width:0; height:0; opacity:0; display:none; }
.cform .check input:checked ~ .square { background-color:#474747; }
.cform .check input:checked ~ .square:after { content:""; position:absolute; top:-1px; left:3px; width:8px; height:12px; border-color:#fff; border-width:0 2px 2px 0; border-style:solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cform .check input:checked ~ .circle:after { content:""; position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:5px; background-color:#474747; }
.cform .check .optmark { position:absolute; left:0; top:3px; width:18px; height:18px; border:2px solid #474747; border-radius:10px; background-color:#fff; }
.cform .check .optmark.square { border-radius:3px; }

.cform .check:hover .optmark { background-color:#e8e8e8; }

.footer { background-color:#f6f6f6; padding-top:2rem; padding-bottom:2rem; font-size:0.9375rem; }
.footer .row { }
.footer .nav .nav-link { padding:0 0.5rem; }
.footer .nav span.nav-link { color:#c7c7c7; } 
.footer .nav a { color:#5d4037; }
.footer .nav a:hover { color:#e65100; }
.footer .text a { color:#202020; }
.footer .text a:hover { color:#e65100; }

.footer .info { margin-top:15px; margin-bottom:15px; }

select { 
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    cursor:pointer; 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 0.8rem;
    background-position: calc(100% - 0.5rem) center;
    background-repeat: no-repeat;
    background-color:transparent;
}
select::-ms-expand { display:none; }
select.form-control { padding-right:1.5rem; }
.form-control:focus { box-shadow:none; border-color:#303030; }

.sel-odr { height:32px; padding-top:3px; padding-bottom:3px; font-size:0.9375rem; border-radius:0; }

.main .compareArea { display:flex; align-items:center; padding:20px 0; border-bottom:1px dotted #c6c6c6; }
.main .compareArea .title { width:110px; line-height:30px; }
.main .compareArea .title > span { vertical-align:-6px; }
.main .compareArea .content { display:inline-flex; justify-content:flex-start; align-items:center; width:calc(100% - 110px); }
.main .compareArea .content > div { margin-top:3px; margin-bottom:3px; }
.main .compareArea .content .cmp-item { line-height:30px; }
.main .compareArea .content .notice > span { vertical-align:-6px; }
.main .compareArea .content .slash { display:inline-block; padding:0 10px; }
.main .compareArea .content button.compare { border:none; background-color:#006e3b; color:#fff; padding:3px 10px; border-radius:0.25rem; }
.main .compareArea .content button { border:none; background-color:transparent; padding:0; text-align:left; }
.main .compareArea .content button > span { vertical-align:-6px; } 

.house_list .item { padding:25px 0; border-bottom:1px solid #e2e2e2; }
/* .house_list .item .img { min-height:250px; background-color:#c0c0c0; } */
/*
.house_list .item .img { background-color:#efefef; }
.house_list .item .img img { max-height:250px; }
*/
.house_list .item .content { display:flex; }
.house_list .item .content .td1 { flex:2; padding-right:10px; }
.house_list .item .content .td2 { flex:1; text-align:right; }
.house_list .item .content .td1 .title { font-size:1.8rem; }
.house_list .item .content .td1 .title a { color:#4f3525; }
.house_list .item .content .td1 .desc { margin:20px 0 30px; }
.house_list .item .content .td1 .info .tr { display:flex; margin:5px 0; }
.house_list .item .content .td1 .info .tr .name { flex:0 0 70px; color:#2a9d8f; }
.house_list .item .content .td1 .info .tr .text { flex:1 1 auto; }
.house_list .item .content .td2 .price { margin-bottom:12px; }
.house_list .item .content .td2 .price .num { font-size:2rem; color:#ff574d; }
.house_list .item .content .td2 .cmp button { 
    color:#ef850d; 
    border:1px solid #ef850d; 
    background-color:#fff; 
    padding:6px 12px 4px; 
    border-radius:6px; 
}
.house_list .item .content .td2 .cmp button span { vertical-align:-6px; margin-right:2px; }

.float_nav { 
    position:fixed;
    bottom:20%; right:15px;
    z-index:900; 
    transition:0.3s;
}
.float_nav .item { margin-top:10px; }
.float_nav .item a { display:block; width:100%; height:100%; }
.float_nav .item .w { width:60px; height:60px; background-color:#fff; border-radius:30px; box-shadow:0 0 2px grey; text-align:center; }
.float_nav .item .w span { font-size:22px; color:#ef850d; }
.float_nav .item .w a { display:flex; align-items:center; justify-content:center; }
.float_nav .item .c { width:60px; height:60px; background-color:#ef850d; border-radius:30px; box-shadow:0 0 2px grey; }
.float_nav .item .c span { display:none; }
.float_nav .item .i1-icons { background:#ef850d url(images/ico_restore.png) no-repeat center center/50%; }
.float_nav .item .i2-icons { background:#ef850d url(images/ico_fav.png) no-repeat center center/40%; }
.float_nav .item .line-icons { background:#ef850d url(images/ico_line.png) no-repeat center center/70%; }
.float_nav .item .fb-icons { background:#ef850d url(images/ico_facebook-f.png) no-repeat center center/70%; }
.float_nav .item .u2-icons { background:#ef850d url(images/ico_youtube.png) no-repeat center center/70%; }

#loginModal .modal-dialog {  max-width:520px; } /* margin-top:20vh; */ 

#loginModal .modal-dialog .close { font-size:1rem; position:absolute; top:-1.8rem; right:0; color:#fff; opacity:1; text-shadow:none; }
#loginModal .modal-dialog .close .fas { font-size:1.1rem; vertical-align:top; }

#loginModal .modal-content { margin-top:2rem; }
#loginModal .modal-body { padding:0; }

#loginModal .modal-content a { color:#e65100; }
#loginModal .modal-content a:hover { color:#ef850d; }
#loginModal .modal-content .form-nav .ii { text-align:center; padding:15px 0; font-size:1.3rem; color:#fff; background-color:#262626; }
#loginModal .modal-content .form-nav .login .ii, 
#loginModal .modal-content .form-nav .join .ii { cursor:pointer; }
#loginModal .modal-content .form-nav > .forget { display:none; }
#loginModal .modal-content .form-nav .now .ii { background-color:#fff; color:#262626; }
#loginModal .modal-content .form-nav .forget.now .ii { color:#fff; background-color:#262626; }

#loginModal .modal-content .form-area .ii { padding:30px; }
#loginModal .modal-content .form-area .form-login,
#loginModal .modal-content .form-area .form-join { display:none; }
#loginModal .modal-content .form-area .form-forget { display:none; }
#loginModal .modal-content .form-area > div.now { display:block; }

#loginModal .modal-content .form-login button.send { width:100%; padding:6px; text-align:center; background-color:#231916; color:#fff; border:0 none; border-radius:5px; }
#loginModal .modal-content .form-login .lr_link { margin-top:1rem; }

#loginModal .modal-content .form-join .join { margin-top:60px; }
#loginModal .modal-content .form-join .join a { display:block; width:100%; padding:6px; text-align:center; background-color:#231916; color:#fff; border:0 none; border-radius:5px; }
#loginModal .modal-content .form-join .back { text-align:right; margin-top:1rem; }

#loginModal .modal-content .form-forget button.send { width:100%; padding:6px; text-align:center; background-color:#231916; color:#fff; border:0 none; border-radius:5px; }

.modal-backdrop.show { opacity:0.8; }
.modal-header { border-radius:0; }
.modal-content { border-radius:0; }

#historyModal .modal-dialog {
	width: 300px;
	position: absolute;
	right: 0;
	height: 100%;
	margin: 0;
	border-radius: 0;
}
#historyModal .modal-content { min-height:100%; }
#historyModal .modal-content .modal-body { padding-top:0; }
#historyModal .modal-header { background-color:#384158; color:#fff; text-align:left; }
#historyModal .closebc {
    color:#fff; 
    position:absolute; 
    left:-5rem; top:0.5rem; 
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#historyModal .closebc .txt { display:inline-block; margin-right:5px; }

#historyModal .modal-content .nodata { margin-top:3rem; }
#historyModal .modal-content .item { padding:10px 0; }
#historyModal .modal-content .item .img { float:left; width:90px; max-height:120px; }
#historyModal .modal-content .item .inf { margin-left:100px; font-size:15px; }
#historyModal .modal-content .item .price span { color:#ff574d; }
#historyModal .modal-content .item a { color:#262626; }
#historyModal .modal-content .item a:hover { color:#e65100; }
#historyModal .modal-content hr { margin:0; }


.foot-desc { margin-top:2rem; margin-bottom:2rem; }
.foot-desc .img { float:left; margin-right:15px; }
.foot-desc .tit { font-size:1.2rem; color:#ff671d; }
.foot-desc .txt { font-size:0.8rem; color:#919191; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

.video-container-4by3 {
	position: relative;
	padding-bottom: 75%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container-4by3 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}


@media ( max-width:1199.98px ){
    .top-logo { width:auto; height:40px; }
  
    .footer { padding-bottom:70px; }
  
    .mb-menu { 
        position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:-150%;
        right:0;
        bottom:0;
        z-index:550;
        overflow:hidden; 
        transition:0.3s;
        display:block;
    }
    .mb-menu.active { left:0; }
     
    .mb-menu .mask { 
        position:fixed;
        width:100%; 
        height:100%; 
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:#000; 
        opacity:0.6;
        z-index:551; 
        display:none;
    }
    .mb-menu.active .mask { display:block; }

    .mb-menu .content {
        position:absolute;
        width:calc(100% - 70px);
        height:calc(100% - 70px);
        top:0;
        left:0;
        background-color:#fff;
        overflow-x:hidden;
        overflow-y:auto;
        z-index:552;
        transition:0.5s;
    }
    .mb-menu .content .menu { padding-bottom:30px; }

    .mb-menu .calltel {
        position:absolute; 
        left:0;
        bottom:0;
        width:calc(100% - 70px);
        height:70px;
        z-index:552;
        background-color:#ef850d;
        color:#fff; 
        font-size:22px;
    }
    .mb-menu .calltel a { color:#fff; display:block; width:100%; text-align:center; }
    
    .mb-menu .myclose {
        position:absolute; 
        right:0;
        bottom:0;
        width:70px;
        height:70px;
        z-index:552;
        background-color:#403d39;
        color:#fff; 
    }
    .mb-menu .myclose a {
        display:block;
        width:100%;
        height:100%;
        color:#fff;
        text-decoration:none;
    }
    
    .mb-menu .menu3 { padding:0.5rem 0; }
    .mb-menu .menu3 .nav-link { padding:6px 1.5rem; color:#4f3525; font-size:1.2rem; }
    
    .mb-menu .menu4 .c1 { list-style-type:none; margin:0; padding:0; border-top:1px solid #4f3525; }
    .mb-menu .menu4 .c1 > li.item .sp1 { border-bottom:1px solid #4f3525; }
    .mb-menu .menu4 .c1 > li.item a.link { padding:10px 0 10px 1.5rem; font-size:1.3125rem; font-weight:bold; color:#4f3525; display:block; text-decoration:none; }
    .mb-menu .menu4 .c2 { list-style-type:none; margin:0; padding:0; }
    .mb-menu .menu4 .c2 > li.item2 .sp2 { border-bottom:1px solid #c6c6c6; }
    .mb-menu .menu4 .c2 > li.item2 a.link2 { padding:10px 0 10px 2.5rem; font-size:1.25rem; color:#262626; display:block; text-decoration:none; }
    .mb-menu .menu4 .c3 { list-style-type:disc; margin:-0.5rem 0 0 3.75rem; padding:0; }
    .mb-menu .menu4 .c3 > li.item3 a.link3 { padding:10px 0 10px 0; font-size:1.125rem; color:#262626; display:block; text-decoration:none; }
    .mb-menu .social { margin-left:1.5rem; padding-top:5px; }
    .mb-menu .social .icon { 
        display:inline-block; 
        width:38px; 
        height:38px; 
        border-radius:20px; 
        background-color:#e65100;
        color:#fff;
        text-align:center; 
        line-height:37px;
        font-size:20px; 
        margin-right:5px;
    }
    .mb-menu .social .icon .line {
        display:inline-block; 
        width:38px;
        height:38px;
        background:url(images/ico_line.png) no-repeat center center/contain;
        vertical-align:top;
    }

    .float_nav { display:none; } 
     
    .house_list .item .content { display:block; }
    .house_list .item .content .td1 { flex:none; padding-right:0; }
    .house_list .item .content .td2 { flex:none; display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
    .house_list .item .content .td2 .price { margin-bottom:0; }
    .house_list .item .content .td2 { text-align:left; }
}

@media ( max-width:991.98px ){
    .search-bar form .btn-primary { padding-left:1.5rem; padding-right:1.5rem; }

    .foot-desc .col-12 { margin-top:1rem; margin-bottom:1rem; }
}

@media ( max-width:767.98px ){
    .crumb-nav .crumb { display:none; }
    .crumb-nav2 .crumb { display:none; }
    .footer .text { text-align:left; }
    
    .main .s-option .s-condition-div { margin-bottom:6px; }
    .house_list .item .content { margin-top:20px;  }
}

@media ( max-width:575.98px ){
    .search-bar form .btn-primary { padding-left:0.5rem; padding-right:0.5rem; }
    .top-logo { width:auto; height:30px; }
    #navbarMenu .menu2 .telno { color:#ef850d; font-size:1.2rem; }
    .mbnav { padding:10px 0; font-size:13px; }

    .main .s-condition { margin-top:1rem; }
    .main .s-condition .rdiv { padding-bottom:12px; }
    .s-more .condition .option .form-inline .form-control { width:75px; }    

    .mod-footer .back { margin-top:35px; }

    #historyModal .modal-dialog { width:83%; max-width:350px; }
    #historyModal .closebc { left:-3rem; }
    #historyModal .closebc .txt { display:block; margin-right:0; }

}

@media ( min-width:576px ){
}

@media ( min-width:768px ){
}

@media ( min-width:992px ){
    .s-more.active { display:none; }        

    .main .s-option .right { max-width:calc(100% - 300px); }
    .main .s-option .right.grow { max-width:100%; }
}

@media ( min-width:1200px ){
    .container { max-width:1320px; }
    
    .navbar { padding-bottom:0; }
    #navbarMenu { height:110px; }
    #navbarMenu .menu1 { padding-left:1.5rem; }
    #navbarMenu .menu1 .nav-link { padding-left:1rem; padding-right:1rem; margin-bottom:1.5rem; }
    #navbarMenu .menu1 .nav-item:hover .nav-link { padding-bottom:2rem; margin-bottom:0; position:relative; }
    #navbarMenu .menu1 .nav-item:hover .nav-link:after {
        content:"";
        display:block; 
        width:80%;
        height:4px;
        background-color:#ef850d;
        position:absolute;
        bottom:0;
        left:10%;
    }
    #navbarMenu .menu1 .nav-item .sub-menu {
        display:none;
    }
    #navbarMenu .menu1 .nav-item:hover .sub-menu {
        position:absolute;
        top:calc(110px + 0.5rem);
        left:0;  
        width:100%;
        padding:2rem 0; 
        background-color:#4f3525;
        color:#ffffff;
        display:block;
        z-index:500;
    }
    #navbarMenu .menu1 .nav-item .sub-menu .ii { max-width:1080px; margin:0 auto; }
    #navbarMenu .menu1 .nav-item .sub-menu-content { margin-left:-15px; margin-right:-15px; }
    .sub-menu-content .tit { font-weight:bold; margin-bottom:1rem; }
    .sub-menu-content ul { list-style-type:disc; padding:0; margin:0 0 0 1.25rem; }
    .sub-menu-content a { color:#fff; }
    .sub-menu-content a:hover { color:#ef850d; text-decoration:none; } 
    .sub-menu-content .link { font-size:1rem; margin-bottom:0.5rem; }
    
    #navbarMenu .menu2 .nav-link { padding-left:1.5rem; margin-bottom:1.5rem; }
    #navbarMenu .menu2 .telno { text-align:right; padding-right:0.5rem; }
    
    .house_list .item .img img { max-height:300px; }
}