@charset "utf-8";

@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}
body {
/*  font-family: 'Open Sans', Verdana, Geneva,"新微軟正黑體",'Microsoft JhengHei',"微軟正黑體", sans-serif;*/
}

/*筆電顯示器比例 Media Screen*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
/*行動裝置 Media Screen*/
@media only screen and (max-device-width: 680px) {
}
/* 僅 IE8 . IE9 . IE10 */
@media screen\0 {
}
/* 僅 IE11 */
@media all and (-ms-high-contrast:none) {
}
/* 特定於iOS設備的CSS */
@supports (-webkit-overflow-scrolling: touch) {
}
/*限制這個屬性只能在能夠執行的瀏覽器上運行
@supports ((position:-webkit-sticky) or (position:sticky)) { 
.sticky-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020
}
}
*/
@-ms-viewport {
width:device-width
}
@viewport {
width:device-width
}
html , body {
    height: 100%;
	font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    /*-webkit-font-smoothing: subpixel-antialiased;*/
}

/*bootstrap*/
html {
    line-height: normal;
}
body {
    margin: 0;
    padding: 0;
    font-family: "新微軟正黑體","微軟正黑體";
    font-size: 16px;
    line-height: normal;
    color: #595757;
    padding-right: 0!important;
}
hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid #EFEFEF;
    /*border-top: 1px solid rgba(0,0,0,.1);*/
}
hr.group1 {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid #DCDDDD;
    /*border-top: 1px solid rgba(0,0,0,.1);*/
}
hr.object {
    margin-top: 16px;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
hr {
    margin-top: 8px;
    margin-bottom: 8px;
}
hr.group1 {
    margin-top: 16px;
    margin-bottom: 16px;
}
hr.object {
    margin-top: 8px;
    margin-bottom: 8px;
}
}
dl, ol, ul {
    margin: 0;
}
a {
    color: #595757;
    text-decoration: none;    
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
a:hover {
    text-decoration: none;
}
code, kbd, pre, samp {
    font-family: "微軟正黑體";
}
figure {
    margin: 0;
}
img {
    vertical-align: sub;
	image-rendering: -webkit-optimize-contrast;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 8px;
    line-height: normal;
}
.figure-caption {
    color: #9fa0a0;
}
@media (min-width:681px) {
.container {
    max-width: 1180px
}
}
@media (min-width:768px) {
.container {
    max-width: 1180px
}
}

@media (min-width:992px) {
.container {
    max-width: 1180px
}
}
@media (min-width:1200px) {
.container {
    max-width: 1180px
}
}

@media (max-width:680px) {
.container {
    padding-right: 10px;
    padding-left: 10px;
}
}
.row {
    margin-right: 0px;
    margin-left: 0px
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    /*min-height: 1px;*/
    padding-right: 0px;
    padding-left: 0px;
}
@media (min-width:769px) {
.col-md-5-5 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
}
.col-md-6-5 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%
}
}
.table {
    max-width: 100%;
    background-color: transparent;
    color: inherit;
}
.table-hover tbody tr:hover {
    color: inherit;
    background-color: rgba(0,0,0,.03)
}
.form-control {
    height: 34px;
    padding: 6px 10px;
    font-size: inherit;
    font-weight: normal;
    line-height: normal;
    color: #595757;
    border: 1px solid #DCDDDD;
    border-radius: 4px;	
}
.form-control:focus {
    color: #595757;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(230,0,18,.25);
}
.form-control::-webkit-input-placeholder {
    color: #9fa0a0;
    opacity: .6;
}
.form-control::-moz-placeholder {
    color: #9fa0a0;
    opacity: .6;
}
.form-control:-ms-input-placeholder {
    color: #9fa0a0;
    opacity: .6;
}
.form-control::-ms-input-placeholder {
    color: #9fa0a0;
    opacity: .6;
}
.form-control::placeholder {    
    color: #9fa0a0;
    opacity: .6;
}
select.form-control:focus::-ms-value {
    color: inherit;
}
.valid-feedback {
    color: #28a745;
}
.valid-tooltip {
    padding: 8px;
    margin-top: 4px;
    font-size: inherit;
    line-height: normal;
    color: #fff;
    background-color: rgba(40,167,69,.8);
    border-radius: 4px
}
.form-control.is-valid, .was-validated .form-control:valid, .was-validated .form-control.valid {
    border-color:#28a745;
    background-position:center right 8px;    
    /*background-image: none;*/
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: 20px;
}
.invalid-feedback {
    color: #e60012;
}
.invalid-tooltip {
    padding: 8px;
    margin-top: 4px;
    font-size: inherit;
    line-height: normal;
    background-color: rgba(230,0,18,.8);
    border-radius: 4px
}
.form-control.is-invalid, .was-validated .form-control:invalid, .was-validated .form-control.invalid {
    border-color:#e60012;
    background-position:center right 8px;    
    /*background-image: none;*/
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus, .was-validated .form-control.invalid:focus {
    border-color: #e60012;
    box-shadow: 0 0 0 3px rgba(230,0,18,.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: 20px;
}
.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
border-color:#e60012;
}
.btn {
    font-weight: normal;    
    white-space: nowrap;
    /*
    color: inherit;
    background-color: transparent;
    border: 1px solid transparent;
    */
    padding: 6px 10px;
    font-size: inherit;
    line-height: normal;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn:hover {
    text-decoration: none
}
.btn:focus {
    text-decoration: none
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,0,0,.0)
}
.btn-group-lg>.btn, .btn-lg {
    padding: 8px 16px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-outline-secondary {
    color: #9fa0a0;
    border-color: #DCDDDD;
}
@media (hover: hover) {
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012;
}
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0rem rgba(0,0,0,0);
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012;
    box-shadow: 0 0 0 0rem rgba(0,0,0,0);
}
.fade {
    transition: opacity .15s linear;
}
.collapsing.fast {
    transition: height .15s ease;
}
.collapsing.fasts {
    transition: height 0s ease;
}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "檔案上傳";
}
.custom-file-label {
    color: inherit;
    border: 1px solid #DCDDDD;
}
.custom-file-label::after {
    content: "檔案上傳";
    border-left: 1px solid #DCDDDD;
}
.nav-pills .nav-link {
    border-radius: 0px;
    display: block;
    padding: 0px 0px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: inherit;
    background-color: inherit;
}
.breadcrumb {
    padding: 10px 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
.breadcrumb a {
    cursor: pointer;
}
@media (hover: hover) {
.breadcrumb a:hover {
    color: #e60012;
}
}
.breadcrumb-box {
    overflow: hidden;
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
@media only screen and (max-device-width: 680px) {
.breadcrumb-box {
    overflow-x: auto;
}
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #9fa0a0;
}
.breadcrumb-item.active {
    color: #9fa0a0
}
.page-link {
    line-height: normal;
    color: inherit;
    border: 1px solid #EFEFEF;
    cursor: pointer;
}
@media (hover: hover) {
.page-link:hover {
    color: #e60012;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
}
}
.page-link:focus {
    box-shadow: 0 0 0 0 rgba(0,0,0,0)
}
.page-link-t {
    position: relative;
    display: block;
    padding: 8px 12px;
}
.page-link-btn {
    position: relative;
    display: block;
    padding: 8px 12px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}
.page-link.ellipsis {
    border: 0px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
}
.page-item {
    display: -ms-flexbox;
    display: flex;
}
.page-item .page-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.page-item.active .page-link {
    background-color: #e60012;
    border-color: #e60012;
}
.page-item.disabled .page-link {
    color: #9fa0a0;
    pointer-events: none;
    border-color: #EFEFEF;
}
.badge-danger {
    background-color: #e60012;
}
a.badge-danger:focus, a.badge-danger:hover {
    background-color: #e60012;
}
a.badge-danger.focus, a.badge-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(230,0,18,.25);
}
.alert {
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
}
.alert-dismissible .close {
    padding: 10px 20px;
}
.close {
    font-family: inherit;
    font-weight: 100;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, opacity .15s ease-in-out;
}
.close>span {
	color: #3E3A39;
}

@media (hover: hover) {
.close:hover {
    opacity: .8;
}
}
.close:focus {
    opacity: .8;
    outline: 0;
}
.modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    will-change: transform;
}
.modal.show .modal-dialog {
    will-change: transform;
}
.modal-content {
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}
.modal-header {
    display: table;
    
    width: 100%;
    text-align: left;
    padding: 9px 10px;
    border-bottom: 1px solid #EFEFEF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 46px;
	line-height: normal;
	z-index: 2;
}
.modal-header .close {
    font-size: 50px;
    font-weight: 100;
    color: #9fa0a0;
    position: absolute;
    top :-6px;
    right: 4px;
    width: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer;
	z-index: 2;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    
    overflow-x: hidden;
    overflow-y: auto;
	backface-visibility: hidden;
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch; 
    z-index: 1;
}
.modal-body-iframe {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    
	backface-visibility: hidden;
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch; 
    z-index: 1;
}
.modal-footer {
    display: table;
    
    width: 100%;
    text-align: center;
    padding: 6px 10px;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;    
    height: 46px;
	line-height: normal;
	z-index: 2;
}
.modal-footer>:not(:first-child) {
    margin-left: 0px;
}
.modal-footer>:not(:last-child) {
    margin-right: 0px;
}
@media (min-width:1433px) {
.modal-dialog {    
	max-width: 1432px;
}
    
.modal-dialog-centered {
	min-height:calc(100% - (28px * 2))
}
}
@media (min-width:681px) {
.modal-dialog {
	max-width: 1432px;
    margin: 0 auto;
}
}
.tooltip {
    font-family: "微軟正黑體";
}

.popover {
    font-family: "微軟正黑體";
    border: 1px solid #DCDDDD;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    
    position: fixed!important;
}
.col-md-12 .popover {
    position: absolute!important;
}
.popover-header {
    font-weight: 700;
    background-color: #fff;
    border-bottom: 1px solid #EFEFEF;
}
.popover-header::before {
    content: "\f05a";
    color: #e60012;
    margin-right: 4px;
    font-family: 'Font Awesome\ 5 Free';
}
.popover-body {
    font-size: 14px;
    color: #9fa0a0;
}
@media (max-width: 680px) {
.popover-header {
    font-size: 14px;
}
.popover-body {
    font-size: 13px;
}
}
.border {
    border: 0px solid #dee2e6!important;
}
.fixed-top {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    will-change: transform;
    transition: transform .3s ease-out;
}
.fixed-bottom {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    will-change: transform;
    transition: transform .3s ease-out;
}
.fixed-right {
    position: fixed;
    right: 0;
    z-index: 1030;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    will-change: transform;
    transition: transform .3s ease-out;
}
.text-monospace {
    font-family: "微軟正黑體"!important;
}
@media (max-width: 680px) {
.mt-5, .my-5 {
    margin-top: 24px!important
}
.mb-5, .my-5 {
    margin-bottom: 24px!important
}
.mt-4, .my-4 {
    margin-top: 12px!important
}
.mb-4, .my-4 {
    margin-bottom: 12px!important
}
.pt-5, .py-5 {
    padding-top: 24px!important
}
.pb-5, .py-5 {
    padding-bottom: 24px!important
}
}
@media only screen and (max-device-width: 680px) {
.mt-5.device, .my-5.device {
/*    margin-top: 0px!important*/
}
}

.form-invalid-box .invalid-tooltip {
    position: relative;
}
.form-box .invalid-tooltip {
    position: relative;
}
.form-box.show .invalid-tooltip {
    display: block;
}
.was-validated .input-invalid:invalid~.invalid-tooltip {
    display:block
}
.form-label-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
}
.form-label-box > label {
    margin-bottom: 0px!important;
    padding-left: 4px;
}
.form-label-box .form-check-input {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
}
.custom-control-input {
    position: relative;
    z-index: -1;
    opacity: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #595757;
    border: #595757 solid 1px;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(230,0,18,.25);
}
.custom-control-label::before {
    position: absolute;
    top: 9px;
    left: -17px;
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 9px;
    left: -17px;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background: no-repeat 50%/50% 50%;
}
/*bootstrap*/

/*bootstrap toast*/
.bootstrap-toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 14px;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0
}
.bootstrap-toast:not(:last-child) {
    margin-bottom: 12px;
}
.bootstrap-toast.showing {
    opacity: 1
}
.bootstrap-toast.show {
    display: block;
    opacity: 1
}
.bootstrap-toast.hide {
    display: none
}
.bootstrap-toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 12px;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05)
}
.bootstrap-toast-body {
    padding: 12px;
}
/*bootstrap toast*/

/*select 箭頭隱藏*/
select { 
    -webkit-appearance: none; /*Chrome*/
    -moz-appearance: none; /*FF*/
    appearance: none;/*CSS3*/
}
select::-ms-expand {
    display: none; /*IE*/
}
select.form-control {
    /*color: rgba(159,160,160,0.6);*/
    padding-right: 24px;
    background: url("select-arrow.png") #fff no-repeat center right 8px;
    background-size: 12px;
}
/*select 箭頭隱藏*/

/*------------- 通用 -------------*/

/*表單*/
.form-control.valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.valid~.invalid-tooltip {
    display: none!important;
}
.form-control.valid:focus {
border-color: #28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.form-control.invalid {
    border-color: #e60012;
    padding-right: calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.invalid:focus {
border-color: #e60012;
box-shadow: 0 0 0 .2rem rgba(230,0,18,.25)
}
/*表單*/

/*區塊*/
.d-flex-center-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.d-flex-column-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}
.d-flex-header-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: auto;
    width: 100%;
}
.d-flex-body-box {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
    width: 100%;
}
.d-flex-footer-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    width: 100%;
}
/*區塊*/

/*滾動*/
.overflow-hide {
    /*
    overflow: hidden;
    padding-right: 0!important;
	*/
    height: 100%;
    width: 100%;
    position: fixed;
    overflow-y: scroll!important;
    overflow-x: hidden!important;
}
.overflow-hide-colorbox {
    /*
    overflow: hidden;
    padding-right: 0!important;
	*/
    height: 100%;
    width: 100%;
    position: fixed;
    overflow-y: auto!important;
    overflow-x: hidden!important;
}

@media only screen and (max-device-width: 680px) {
.overflow-hide-device {
    overflow: hidden;
}
}
/*滾動*/

/*預設載入 start*/
.preloader {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.preloader-box {
    width: 90px;
    padding: 12px 0px 10px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 4px;
}
.preloader-box-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    background-color: rgba(255,255,255,0.5);
}
.preloader-box-bg-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    background-color: rgba(255,255,255,0.5);
}
.loaded {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../../images/new/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    margin: -80px 0 0 -80px;
}
.loaded-c {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0px 0px -18px;
}
.etwarm-store-load-t {
    text-align: center;
    margin: 12px 12px 16px 12px;
    font-size: 28px;
    padding: 6px 12px;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 700;
}
.etwarm-loaded {
    position: relative;
    top: 240px;
    left: 76px;
    right: 0;
    bottom: 0;
    margin: auto;
}
.etwarm-logo {
    width: 188px;
    height: 222px;
    margin: auto;
    background-image: url(../../images/new/etwarm_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}
.etwarm-preloader-store {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.etwarm-preloader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    margin: 0 0 58px 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.etwarm-preloader-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e60012;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden!important;
}
/*預設載入 end*/

/*動態視窗 start*/
.modal-body-n {
    -ms-user-select: none;
    user-select: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    backface-visibility: hidden;
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}
.modal-body-s {
    -ms-user-select: none;
    user-select: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    backface-visibility: hidden;
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}
.modal-body-banner {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 22px 10px 10px 10px;
    z-index: 1;
}
.close-box {
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}
.modal-dialog.c {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	/*
    -webkit-overflow-scrolling: touch; 
    z-index: 1;
    */
}

@media (min-width:1433px) {
.modal-dialog.c {
    max-width: 1432px;
}
}
.modal .modal-dialog.modal-top {
    top: 0;
}
.modal .modal-dialog.modal-left {
    left: 0;
}
.modal .modal-dialog.modal-right {
    right: 0;
}
.modal .modal-dialog.modal-bottom {
    bottom: 0;
}
.modal .modal-dialog.modal-top-left {
    top: 10px;
    left: 10px;
}
.modal .modal-dialog.modal-top-right {
    top: 10px;
    right: 10px;
}
.modal .modal-dialog.modal-bottom-left {
    bottom: 10px;
    left: 10px;
}
.modal .modal-dialog.modal-bottom-right {
    bottom: 10px;
    right: 10px;
}
.modal.fade.top:not(.show) .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    will-change: transform;
}
.modal.fade.left:not(.show) .modal-dialog {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    will-change: transform;
}
.modal.fade.right:not(.show) .modal-dialog {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    will-change: transform;
}
.modal.fade.bottom:not(.show) .modal-dialog {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    will-change: transform;
}
.modal .modal-side {
    width: auto;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.modal .modal-full-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
}
.modal .modal-full-height.modal-top {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    bottom: auto;
}
.modal .modal-full-height.modal-bottom {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
}
.modal .modal-full-height.navModal {
    width: 320px;
    top: 0;
    left: 0;
}
.modal .modal-full-height.searchModal {
    width: 380px;
    top: 0;
    right: 0;
}
.modal .modal-full-height.moreModal, .modal .modal-full-height.overseasModal {
    width: 250px;
    height: 142px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.orderModal {
    width: 250px;
    height: auto;
    max-height: 414px;    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.objectModal, .modal .modal-full-height.collectModal {
    width: 250px;
    height: 310px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.cookieModal {
    width: 380px;
    top: 0;
    right: 0;
}
.modal .modal-full-height.normalModal, .modal .modal-full-height.reductionModal {
    width: 860px;
    height: 95%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.bigModal {
    width: 1100px;
    height: 95%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.etmallModal {
    width: 1298px;
    height: 98%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.shareModal, .modal .modal-full-height.callModal {
    width: 200px;
    height: 298px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.mobileappModal {
    width: 220px;
    height: 438px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.qrcodeModal {
    width: 200px;
    height: 268px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.commentModal, .modal .modal-full-height.loanModal, .modal .modal-full-height.landModal, .modal .modal-full-height.houseNoteModal, .modal .modal-full-height.linkModal {
    width: 860px;
    height: 75%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal .modal-full-height.infoModal {
    width: 480px;
    height: 400px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#iframeModal .modal-full-height.normalModal, .modal-full-height.etmallModal {
    max-height: inherit;
}
@media (max-width: 1310px) {
.modal .modal-full-height.etmallModal {
    width: 100%;
    height: 100%;
}
.modal-content.etmallModal {
    border: 0;
    border-radius: 0;
}
}
@media (max-width: 1160px) {
.modal .modal-full-height.bigModal {
    width: 95%;
    height: 95%;
}
}

@media (max-width: 930px) {
.modal .modal-full-height.normalModal, .modal .modal-full-height.reductionModal {
    width: 95%;
    height: 95%;
}
.modal .modal-full-height.commentModal, .modal .modal-full-height.loanModal, .modal .modal-full-height.landModal, .modal .modal-full-height.houseNoteModal, .modal .modal-full-height.linkModal {
    width: 95%;
    height: 95%;
}
}

@media (max-width: 768px) {
}

@media (max-width: 680px) {
.modal .modal-full-height.navModal {
    width: 100%;
}
.modal .modal-full-height.searchModal {
    width: 100%;
}
.modal .modal-full-height.cookieModal {
    width: 100%;
}
.modal .modal-full-height.infoModal {
    width: 95%;
}
}
.modal .modal-fluid, .modal .modal-frame {
    width: 100%;
    max-width: 100%;
}
.modal .modal-frame {
    position: absolute;
}
.modal .modal-frame.modal-bottom {
    bottom: 0;
}
body.scrollable {
/*overflow-y: auto*/
}
.modal.modal-scrolling {
    position: relative;
}
.modal.modal-scrolling .modal-dialog {
    position: fixed;
    z-index: 1051;
}
.modal.modal-content-clickable {
    padding-right: 0!important;
    top: auto;
    bottom: 0;
}
.modal.modal-content-clickable .modal-dialog {
    position: relative;
}
.modal .modal-fluid .modal-content {
    width: 100%;
}
.modal-content.navModal {
    border: 0;
    border-radius: 0;
}
.modal-content.searchModal {
    border: 0;
    border-radius: 0;
}
.modal-content.cookieModal {
    border: 0;
    border-radius: 0;
}
.modal-content.contactModal {
    border: 0;
    border-radius: 0;
}

@media (max-width: 768px) {
.modal-content.bigModal {
/*
    border: 0;
    border-radius: 0;
    */
}
}
/*動態視窗 end*/

/*iframe box*/
.embed-responsive-Youtube::before {
    padding-top: 56.25%;
}

@media (max-width: 680px) {
.embed-responsive-Youtube::before {
    padding-top: 56.25%;
}
}
.embed-responsive-VR::before {
    padding-top: 56.25%;
}

@media (max-width: 680px) {
.embed-responsive-VR::before {
    padding-top: 100%;
}
}
.embed-responsive-iframe {
    /*iOS*/
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    /*iOS*/
    
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    /*overflow: hidden*/
}
.embed-responsive-iframe::before {
    display: block;
    content: ""
}
.embed-responsive-iframe .embed-responsive-item, .embed-responsive-iframe embed, .embed-responsive-iframe iframe, .embed-responsive-iframe object, .embed-responsive-iframe video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive--iframe-1by1::before {
    padding-top: 100%
}
/*iframe box*/

/*scrollbar滾動樣式*/
.scrollbar-black-show::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scrollbar-black-show::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 background-color: #EFEFEF;
 border-radius: 0px;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.scrollbar-black-show::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 background-color: #3E3A39;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (min-width: 769px) {
.scrollbar-black::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scrollbar-black::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 background-color: #EFEFEF;
 border-radius: 0px;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.scrollbar-black::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
 background-color: #3E3A39;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
}
/*scrollbar滾動樣式*/

/*小鈴鐺*/
.bellBox {
}
.bell-box {
    position: fixed;
    right: 0px;
    bottom: 0px;

    z-index: 1001;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-15px, -120px);
    transform: translate(-15px, -120px);
    will-change: transform;
    transition: transform .3s ease-out;
}
.bell-box>div {
	width: 46px;
	height: 46px;
    color: #fff;
    background-color: rgba(62,58,57,0.9);
    border-radius: 23px;
	
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bell-box>div>.bell-num {
	font-size: 12px;
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20px;
	height: 20px;
    background-color: rgba(230,0,18, 1);
    border-radius: 10px;
	
    display: flex;
    align-items: center;
    justify-content: center;
	
	opacity: 0;
	
	transition: all .3s ease-in-out;
}
.bell-box>div>.bell-num.show {
	opacity: 1;
}
.bell-box .fa-bell {
	position: relative;
	left: 6px;
	bottom: -1px;
	opacity: 1;
	transition: all .3s ease-in-out;	
	
	animation-duration: 1.5s;
}
.bell-box .fa-times {
	position: relative;
	left: -7px;
	bottom: -1px;
	opacity: 0;
	transform: rotate(-90deg);
	transition: all .3s ease-in-out;
}
.bell-box.active .fa-bell {
	opacity: 0;
}
.bell-box.active .fa-times {
	opacity: 1;
	transform: rotate(0deg);
}
.bell-content-box {
	overflow: hidden;
	outline: 0;
	width: 360px;
/*
	height: auto;
	max-height: 357px;
*/
	border-radius: 8px;
	background-color: white;
	box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
	
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 1001;
	
	opacity: 0;
	pointer-events: none;
	
    -webkit-transform: translate(-15px, -164px);
    transform: translate(-15px, -164px);
    will-change: transform;
    transition: all .3s ease-in-out;
}
.bell-content-box.item1 {
	height: 142px;
}
.bell-content-box.item2 {
	height: 250px;
}
.bell-content-box.item3 {
	height: 358px;
}
.bell-content-box.item {
	height: 400px;
}
.bell-content-box.active {
	opacity: 1;
	pointer-events: auto;
    -webkit-transform: translate(-15px, -178px);
    transform: translate(-15px, -178px);
}
.bell-item-list {
/*	position: absolute;*/
	width: 100%;
	height: 100%;

    display: flex;
    flex-direction: column;
	
	opacity: 1;
	pointer-events: none;	

    will-change: transform;
	transition: all .3s ease-in-out;
}
.bell-content-box.active .bell-item-list {
	pointer-events: auto;
}
.bell-item-list.hide {
	opacity: 0;
	pointer-events: none;
}
.bell-item-box {
	overflow-y: hidden;
	height: auto;
}
.bell-item {
	height: 108px;
	padding: 16px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EFEFEF;
	
	transition: all .15s ease-in-out;
	cursor: pointer;
}
.bell-item-list>div:nth-child(2) {
	border-radius: 8px 8px 0 0;
}
.bell-item:hover {
	background-color: #F7F8F8;
}
.bell-item:last-of-type {
	border-bottom: 0px;
}
.bell-item .round {
	flex: 0 0 4px;
	margin-right: 0px;
	background-color: rgba(230,0,18,.65);
	border-radius: 50%;
    width: 8px;
	height: 8px;
	
	opacity: 0;
	transition: all .15s ease-in-out;
}
.bell-item .round.show {
    flex: 0 0 8px;
    margin-right: 12px;
	opacity: 1;
}
.bell-item .round span {
	display: none;
}
.bell-item .image {
	flex: 0 0 100px;
	background-color: whitesmoke;
	margin-right: 12px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
    width: 100%;
	height: 75px;
    image-rendering: -webkit-optimize-contrast;
}
.bell-item .text {
    width: 100%;
    overflow: hidden;
}
.bell-item .text>div:first-child {
	font-size: 18px;
	font-weight: bold;
	
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	
	margin-bottom: 4px;
}
.bell-item .text>div:last-child {
	color: #9fa0a0;
	font-size: 14px;
	
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
/* 僅 IE11 */
@media all and (-ms-high-contrast:none) {
.bell-item .text>div:last-child {
	color: #9fa0a0;
	font-size: 14px;
	
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}
.bell-item-more {
	color: #9fa0a0;
	text-align: center;
	font-size: 15px;
	padding: 8px 0;
	background-color: #F7F8F8;
	border-radius: 0 0 8px 8px;
	border-top: 1px solid #EFEFEF;
}
.bell-item-content {
	position: absolute;
    top: 0;
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
	
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease-in-out;
}
.bell-item-content.show {
	opacity: 1;
	pointer-events: auto;
}
.bell-item-content .image {
	background-color: whitesmoke;
	margin-right: 12px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px 8px 0 0;
    width: 100%;
	height: 188px;
    image-rendering: -webkit-optimize-contrast;
}
.bell-item-content .text {
	padding: 16px 16px 0px 16px;	
}
.bell-item-content .text .title {
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	
	margin-bottom: 8px;
}
.bell-item-content .text .t1 {
	color: #9fa0a0;
	font-size: 15px;
	
	margin-bottom: 4px;
}
.bell-item-content .text .t2 {
	display: flex;
	align-items: flex-end;
	
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bell-item-content .text .t2>div:first-child>span:first-child {
	color: #e60012;
	font-size: 24px;
	font-weight: bold;
	margin-right: 4px;
}
.bell-item-content .text .t2>div:first-child>span:last-child {
	position: relative;
    bottom: -2px;
}
.bell-item-content .text .t2>div {
	margin-right: 16px;
}
.bell-item-content .text .t2>div:last-child {
	margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bell-item-content .button {
	margin-top: auto;
	padding: 16px;
}
.bell-return-btn {
	position: absolute;
	top: 16px;
	left: 16px;	
	width: 40px;
	height: 40px;
    color: #9fa0a0;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
	font-size: 20px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .2);

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	transition: all .15s ease-in-out;
	cursor: pointer;
}
.bell-return-btn:hover {
    background-color: rgba(255, 255, 255, 1);
}
.bell-close-btn {
	padding: 16px;
	cursor: pointer;
	font-weight: bold;
	border-bottom: 1px solid #EFEFEF;
}
.bell-close-btn i {
	font-size: 20px;
	margin-right: 16px;
}
.bell-item:nth-child(4)~.bell-item {
	display: none!important;
}
@media (max-width: 680px) {
.bell-item-box {
	overflow-y: auto;
}
.bell-content-box {
	width: 100%;
	height: 100%!important;
	border-radius: 0px;
	z-index: 1501;
    -webkit-transform: translate(0px, -164px);
    transform: translate(0px, -164px);
}
.bell-content-box.active {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.bell-content-box.item {
	height: 100%;
}
.bell-item-content {
    overflow: auto;
}
.bell-item-content .button {
    margin-top: inherit;
}
.bell-item-content .image {
	border-radius: 0px 0px 0 0;
}
.bell-item .text {
	width: 100%;
	overflow: hidden;
}
.bell-item-content .text .t2 {
	font-size: 14px;
}
.bell-item-list {
	overflow: auto;
}
.bell-item-list>div:nth-child(2) {
	border-radius: 0px 0px 0 0;
}
.bell-item:nth-child(4)~.bell-item {
	display: flex!important;
}
}
@media (max-width: 320px) {
.bell-content-box {
}
.bell-content-box.item {
}
.bell-item .text {
}
.bell-item-content .image {
height: 170px;
}
}

@-webkit-keyframes swing-bell {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  35% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  65% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }	
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing-bell {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  35% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  65% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }	
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing-bell {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing-bell;
  animation-name: swing-bell;
}
/*小鈴鐺*/

/*scrollup 回上方 start*/

.scrollup {
	width: 46px;
	height: 46px;
	
    padding: 15px 16px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 0px;
    bottom: 0px;
    display: none;
    background-color: #3E3A39;
    opacity: .6;
    border-radius: 4px;
    z-index: 1001;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-15px, -65px);
    transform: translate(-15px, -65px);
    will-change: transform;
    transition: transform .3s ease-out;
}
.scrollup-body-s, .scrollup-body {
	width: 46px;
	height: 46px;
	
    padding: 15px 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
    background-color: #3E3A39;
    opacity: .6;
    border-radius: 4px;
    z-index: 1050;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-28px, -58px);
    transform: translate(-28px, -58px);
    will-change: transform;
    transition: transform .3s ease-out;
}
.scrollup-m-s {
    display: none;
}
.iframe-scrollup {
	width: 46px;
	height: 46px;
	
    padding: 15px 16px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 0px;
    bottom: 0px;
    display: none;
    background-color: #3E3A39;
    opacity: .6;
    border-radius: 4px;
    z-index: 1001;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
    will-change: transform;
    transition: transform .3s ease-out;
}

@media (min-width: 1313px) {
.scrollup-quick-right {
    display: none;
    visibility: hidden;
    position: fixed;
}
}

@media (max-width: 1312px) {
.scrollup.object {

}
.scrollup-quick-right {
	width: 46px;
	height: 46px;
	
    display: none;
    padding: 15px 18px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #e60012;
    opacity: .8;
    border-radius: 4px;
    z-index: 1001;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-15px, -120px);
    transform: translate(-15px, -120px);
    will-change: transform;
    transition: transform .3s ease-out;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.scrollup-quick-right.active {
    background-color: #3E3A39;
}
}

@media only screen and (max-device-width: 680px) {
.scrollup {
    /*border-radius: 50%;*/
    transform: translate(-15px, -65px);
}
.scrollup-b {
    /*border-radius: 50%;*/
}
.scrollup-body-s, .scrollup-body {
    -webkit-transform: translate(-15px, -72px);
    transform: translate(-15px, -72px);
    /*border-radius: 50%;*/
}
.scrollup-quick-right {
    /*border-radius: 50%;*/
}
/*
.scrollup-m-s {
    display: block;
    padding: 15px 15px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #e60012;
    opacity: .8;
    border-radius: 50%;
    z-index: 1001;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transform: translate(-15px, 25px);
    transform: translate(-15px, 25px);
    will-change: transform;
    transition: transform .3s ease-out;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.scrollup-m-s.scrollup-m-s-show {
    -webkit-transform: translate(-15px, -32px);
    transform: translate(-15px, -32px);
}
*/ 
}

/*scrollup 回上方 end*/

/*主題找屋*/

.objects-theme #owl-item-home {
	border-radius: 12px;
}
.objects-theme #owl-item-home .owl-next {
    right: 2%;
    bottom: 43.5%!important;
}
.objects-theme #owl-item-home .owl-prev {
    left: 2%;
    bottom: 43.5%!important;
}
.objects-theme #owl-item-home .owl-pagination {
	bottom: 12px;
}
@media (max-width: 680px) {
.objects-theme #owl-item-home .owl-pagination {
	bottom: 6px;
}
.objects-theme #owl-item-home > .owl-controls .owl-pagination .owl-page span {
    border-radius: 0;
    width: 28px;
    height: 3px;
    margin-left: 2px;
    margin-right: 2px;
    background: #EFEFEF;
    border: none;
	box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.objects-theme #owl-item-home > .owl-controls .owl-pagination .owl-page.active span {
/*    background: #e60012;*/
    background: #c30d23;
}
}

.objects-theme {
	margin: 16px auto;
}
.objects-theme .carousel-item {
    height: 235px;
    background-color: #000;
}
.objects-theme .carousel-item .objects-theme-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 235px;
    image-rendering: -webkit-optimize-contrast;
	background-size: cover;
}
.objects-theme .carousel-item .objects-theme-bg.bg1 {
	background-image: url(../../images/new/object-theme/object-theme-01.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg2 {
	background-image: url(../../images/new/object-theme/object-theme-02.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg3 {
	background-image: url(../../images/new/object-theme/object-theme-03.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg4 {
	background-image: url(../../images/new/object-theme/object-theme-04.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg5 {
	background-image: url(../../images/new/object-theme/object-theme-05.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg6 {
	background-image: url(../../images/new/object-theme/object-theme-06.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg7 {
	background-image: url(../../images/new/object-theme/object-theme-07.jpg);
}
@media (max-width: 680px) {
.objects-theme {
	margin: 8px auto;
}
.objects-theme .carousel-item {
    height: 180px;
}
.objects-theme .carousel-item .objects-theme-bg {
    height: 180px;
}
.objects-theme .carousel-item .objects-theme-bg.bg1 {	
	background-image: url(../../images/new/object-theme/object-theme-01m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg2 {	
	background-image: url(../../images/new/object-theme/object-theme-02m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg3 {	
	background-image: url(../../images/new/object-theme/object-theme-03m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg4 {	
	background-image: url(../../images/new/object-theme/object-theme-04m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg5 {	
	background-image: url(../../images/new/object-theme/object-theme-05m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg6 {	
	background-image: url(../../images/new/object-theme/object-theme-06m.jpg);
}
.objects-theme .carousel-item .objects-theme-bg.bg7 {	
	background-image: url(../../images/new/object-theme/object-theme-07m.jpg);
}
}
.objects-themeIcon {	
    position: fixed;
    left: 2px;
    bottom: 0px;
    z-index: 1001;
    -webkit-transform: translate(20px, -100px);
    transform: translate(20px, -100px);
    will-change: transform;
    transition: transform .3s ease-out;
}
/*
.objects-themeIcon.top {
    -webkit-transform: translate(-13px, -120px);
    transform: translate(-13px, -120px);
}
*/
.objects-themeIconBtn {
	font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	width: 54px;
	height: 54px;
    padding: 0px;
    text-align: center;
	color: white;
    background-color: rgba(230,0,18,0.75);
    border-radius: 50%;
	border: 1px solid rgba(225,225,225,0.95);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
	
	transition: all .15s ease-in-out;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.objects-themeIcon.active .objects-themeIconBtn {
    background-color: rgba(230,0,18,1);
}
.objects-themeBtn {	
	position: absolute;
	left: 0px;
	opacity: 0;
	transition: all .15s ease-in-out;
}
.objects-themeBtn.btn1 {
	transform: translate(-132px, -320px);	
	transition-delay: .5s;
}
.objects-themeBtn.btn2 {
	transform: translate(-132px, -282px);	
	transition-delay: .5s;
}
.objects-themeBtn.btn3 {
	transform: translate(-132px, -244px);
	transition-delay: .4s;
}
.objects-themeBtn.btn4 {
	transform: translate(-132px, -206px);
	transition-delay: .3s;
}
.objects-themeBtn.btn5 {
	transform: translate(-132px, -168px);
	transition-delay: .2s;
}
.objects-themeBtn.btn6 {
	transform: translate(-132px, -130px);
	transition-delay: .1s;
}
.objects-themeBtn.btn7 {
	transform: translate(-132px, -92px);
	transition-delay: .0s;
}
.objects-themeIcon.active .objects-themeBtn {
	opacity: 1;
}
.objects-themeIcon.active .objects-themeBtn.btn1 {
	transform: translate(0px, -320px);	
}
.objects-themeIcon.active .objects-themeBtn.btn2 {
	transform: translate(0px, -282px);	
}
.objects-themeIcon.active .objects-themeBtn.btn3 {
	transform: translate(0px, -244px);
}
.objects-themeIcon.active .objects-themeBtn.btn4 {
	transform: translate(0px, -206px);
}
.objects-themeIcon.active .objects-themeBtn.btn5 {
	transform: translate(0px, -168px);
}
.objects-themeIcon.active .objects-themeBtn.btn6 {
	transform: translate(0px, -130px);
}
.objects-themeIcon.active .objects-themeBtn.btn7 {
	transform: translate(0px, -92px);
}
.objects-themeBtn>div {
	font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	color: #595757;
	width: 82px;
	height: 34px;
	background-color: #EFEFEF;
	border: 1px solid #DCDDDD;
	border-radius: 4px;
	transition: all .15s ease-in-out;
	
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.objects-themeBtn>div:hover {
	background-color: #ffffff;
}
.objects-themeBtn i {
	color: gold;
	margin-right: 4px;
}
/*主題找屋*/

/*背景圖片*/
.image-size-contain {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border-radius: 0px;
    object-fit: contain;
    object-position: center;
	image-rendering: -webkit-optimize-contrast;
}
.image-size-contain.none {
    background-image: url(../../images/new/object_none.jpg)!important;
}
.image-size-contain.loading {
    background-image: url(AjaxLoader.gif)!important;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.image-size-contain.lazy {
    background-image: none!important;
}
.image-size-cover {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 0px;
    object-fit: cover;
    object-position: center;
	image-rendering: -webkit-optimize-contrast;
}
.image-size-cover.h180 {
    height: 180px;
}
.image-size-cover.radius4 {
    border-radius: 4px;
}
.image-size-cover.radius50 {
    border-radius: 50%;
}
.image-size-cover.h444 {
    height: 444px;
}
.image-size-cover.position-y10 {
    background-position: 50% 10%;
}
.image-size-cover.none {
    background-image: url(../../images/new/object_none.jpg)!important;
    background-position: 50% 50%;
}
.image-size-cover.store.none {
    background-image: url(//store.etwarm.com.tw/images/store_photo.jpg)!important;
    background-position: 50% 50%;
}
.image-size-cover.store-user.none {
    background-image: url(//store.etwarm.com.tw/images/user_logo.jpg)!important;
    background-position: 50% 50%;
}
.image-size-cover.store-user.boy.none {
    background-image: url(//store.etwarm.com.tw/images/user_boy.jpg)!important;
}
.image-size-cover.store-user.girl.none {
    background-image: url(//store.etwarm.com.tw/images/user_girl.jpg)!important;
}
.image-size-cover.loading {
    background-image: url(AjaxLoader.gif)!important;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.image-size-cover.lazy {
    background-image: none!important;
}
.check-bg.none {
    background-image: url(../../images/new/object_none.jpg)!important;
}
.check-bg.small.none {
    background-image: url(../../images/new/object_none_s.jpg)!important;
}
/*背景圖片*/

/*顏色*/
.color-1, .close-color {
    color: #e60012; /*R230 G0 B18 C0 M100% Y100% K0*/
}
.color-2 {
    color: #ffe100; /*R255 G255 B0 C0 M10% Y100% K0*/
}
.color-3, .color-3:link, .color-3:hover, .color-3:active, .color-3:active, .color-3:focus {
    color: #FFF;
}
.color-4 {
    color: #3E3A39; /*R62 G58 B57 K90%*/
}
.color-5 {
    color: #9fa0a0; /*R159 G160 B160 K50%*/
}
.color-6 {
    color: #595757; /*R89 G87 B87 K80%*/
}
.color-7 {
    color: #B5B5B6; /*R181 G181 B182 K40%*/
}
.color-8 {
    color: #F8B62D; /*R181 G181 B182 K40%*/
}
.color-9 {
    color: #3a84df; 
}
.color-10, .open-color {
    color: #28a745;
    /*color: #00c43e;*/
}
/*顏色*/

/*背景顏色*/
.bg-c1 {
    background-color: #e60012; /*R230 G0 B18 C0 M100% Y100% K0*/
}
.bg-c2 {
    background-color: #3E3A39; /*R62 G58 B57 K90%*/
}
.bg-c3 {
    background-color: #231815; /*R35 G24 B21 K100%*/
}
.bg-c4 {
    background-color: #EFEFEF; /*R239 G239 B239 K10%*/
}
.bg-c5 {
    background-color: #FBFBFB; /*R251 G251 B251 K3%*/
}
.bg-c6 {
    background-color: #FFF;
}
.bg-c7 {
    background-color: #ffe100;
}
.bg-c8 {
    background-color: #F39800;
}
.bg-c9 {
    background-color: #F7F8F8; /*R247 G248 B248 K5%*/
}
.bg-c10 {
    background-color: #DCDDDD; /*R220 G221 B221 K20%*/
}
.bg-c11 {
    background-color: #28a745; /*R220 G221 B221 K20%*/
}
.bg-c12 {
    background-color: rgba(230,0,18,0.07); /*R230 G0 B18 C0 M100% Y100% K0*/
}
/*背景顏色*/

/*字體大小*/
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-15t {
    font-size: 15px;
}
.font-16 {
    font-size: 16px;
}
.font-16t {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-18t {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-20t {
    font-size: 20px;
}
.font-20-list {
    font-size: 20px;
}
.font-24 {
    font-size: 24px;
}
.font-26 {
    font-size: 26px;
}
.font-28 {
    font-size: 28px;
}
.font-28t {
    font-size: 28px;
}
.font-32 {
    font-size: 32px;
}
.font-34 {
    font-size: 34px;
}
.font-36 {
    font-size: 36px;
}
.font-44 {
    font-size: 44px;
}
.font-48 {
    font-size: 48px;
}
.font-60 {
    font-size: 60px;
}
.font-60t {
    font-size: 60px;
}

@media (min-width: 321px) and (max-width: 680px) {
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 13px;
}
.font-15 {
    font-size: 14px;
}
.font-15t {
    font-size: 13px;
}
.font-16 {
    font-size: 15px;
}
.font-18 {
    font-size: 16px;
}
.font-20 {
    font-size: 18px;
}
.font-20-list {
    font-size: 16px;
}
.font-24 {
    font-size: 20px;
}
.font-26 {
    font-size: 24px;
}
.font-28 {
    font-size: 24px;
}
.font-32 {
    font-size: 28px;
}
.font-34 {
    font-size: 30px;
}
.font-36 {
    font-size: 32px;
}
.font-44 {
    font-size: 26px;
}
.font-60 {
    font-size: 40px;
}
}

@media (max-width: 320px) {
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 11px;
}
.font-13 {
    font-size: 12px;
}
.font-14 {
    font-size: 12px;
}
.font-15 {
    font-size: 13px;
}
.font-15t {
    font-size: 12px;
}
.font-16 {
    font-size: 13px;
}
.font-18 {
    font-size: 16px;
}
.font-18t {
    font-size: 17px;
}
.font-20 {
    font-size: 18px;
}
.font-20-list {
    font-size: 16px;
}
.font-24 {
    font-size: 18px;
}
.font-26 {
    font-size: 24px;
}
.font-28 {
    font-size: 24px;
}
.font-32 {
    font-size: 24px;
}
.font-34 {
    font-size: 28px;
}
.font-36 {
    font-size: 30px;
}
.font-44 {
    font-size: 24px;
}
.font-60 {
    font-size: 36px;
}
}
/*字體大小*/

/*div表格*/
.table-div-mb-2>div {
    margin-bottom: 8px;
}
.table-div-mb-2>div:last-child {
    margin-bottom: 0px;
}
.table-dib-box>div {
    vertical-align: middle;
    display: inline-block;
    margin: 0 2px 0 0;
}
.table-dib-box>div:last-child {
    margin: 0 0px 0 0;
}
.table-dib-box2>div {
    vertical-align: middle;
    display: inline-block;
    margin: 0 8px 0 0;
}
.table-dib-box2>div:last-child {
    margin: 0 0px 0 0;
}
.table-d-flex-box1>div {
    margin: 0 8px 0 0;
}
.table-d-flex-box1>div:last-child {
    margin: 0 0px 0 0;
}
.table-d-flex-box2>div {
    margin: 0 12px 0 0;
}
.table-d-flex-box2>div:last-child {
    margin: 0 0px 0 0;
}
@media (max-width: 680px) {
.table-dib-box>div {
    margin: 0px 2px 8px 0;
}
.table-dib-box2>div {
    margin: 0px 8px 8px 0;
}
.table-d-flex-box1>div {
    margin: 0px 0px 8px 0;
}
.table-d-flex-box2>div {
    margin: 0px 0px 12px 0;
}
}
.table-header {
    padding: 11px 16px;
    /*border-bottom: 1px solid #EFEFEF;*/
    background-color: #3E3A39;
    height: 46px;
}
.table-box.w-blank, .w-blank {
/*	max-width: 1160px;*/
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
.table-main>div, .table-main section>div {
    width: 100%;
    padding: 12px 16px 12px 16px;
    border-bottom: 1px solid #EFEFEF;
}
.table-main>div:last-child,  .table-main section>div:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.table-main.chairman>div {
    padding: 12px 12px 12px 12px;
}
.table-main .t-c-list-box {
    margin-bottom: 0px;
}
.table-main>.object-counter-box {
    border-bottom: 0px solid #EFEFEF;
}
.table-main>.house-object-box, .table-main>.land-popup-display, .table-main>.loan-popup-display {
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px solid #EFEFEF;
}
.table-c-box {
    background-color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (hover: hover) {
.table-c-box:hover {
    background-color: #F7F8F8;
}
}
.table-c-box.active {
    background-color: rgba(230,0,18,.08);
}
.table-c-text {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #EFEFEF;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (hover: hover) {
.table-c-box:hover .table-c-text {
    color: #e60012;
}
}
.table-c-icon {
    text-align: center;
    padding: 0 0 16px 0;
    margin: 12px 0;
    border-bottom: 1px solid #EFEFEF;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.table-c-icon.epaper {
    padding: 0 0 0px 0;
    margin: 12px 0;
    border-bottom: 0px solid #EFEFEF;
}
.table-c-box:hover .table-c-icon {

}
.icon-r50 {
    width: 90px;
    height: 90px;
    color: #fff;
    font-size: 44px;
    padding: 18px;
    margin: 0 auto 12px auto;
    background-color: #e60012;
    border-radius: 50%;
    
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.table-main.service-store>div {
    width: 100%;
    padding: 12px 16px 12px 16px;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.table-main.people {
    /*border-top: 1px solid #EFEFEF;*/
    border-left: 1px solid #EFEFEF;
}
.table-main.people>div, .table-main.people>a {
    width: 100%;
    padding: 8px 4px 8px 4px;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.table-main.chairman-m {
    /*border-top: 1px solid #EFEFEF;*/
    border-left: 1px solid #EFEFEF;
}
.table-main.chairman-m>div {
    width: 100%;
    padding: 8px 4px 8px 4px;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.table-c-box.vertical {
    border-right: 1px solid #EFEFEF;
}
.table-c-box.vertical:last-child {
    border-right: 0px solid #EFEFEF;
}
@media (max-width: 680px) {
.table-c-box.vertical {
    border-right: 0px solid #EFEFEF;
}
.table-main.service-store>div {
    border-right: 0px solid #EFEFEF;
}
}
@media only screen and (max-device-width: 680px) {
.table-main.service-store>div {
    border-right: 1px solid #EFEFEF;
    min-width: 240px;
}
}
.table-c-box-ul {
    padding-left: 0px;
    list-style: none;
}
.table-c-box-ul li {
    padding: 8px 8px;
    border-bottom: 1px solid #EFEFEF;
}

.table-c-box-ul li:nth-child(even) {

}
.table-c-box-ul li:nth-child(odd) {

}
.table-c-box-ul li:last-child {
    padding: 8px 8px;
    border-bottom: 0px solid #EFEFEF;
}
@media (hover: hover) {
.table-c-box-ul a:hover {
    color: #e60012;
}
}
.table-c-box-ul.vertical li {
    padding: 8px 8px 20px 8px;
    border-bottom: 1px solid #EFEFEF;
}
.table-c-box-ul.vertical li:last-child {
    padding: 8px 8px 12px 8px;
    border-bottom: 0px solid #EFEFEF;
}
.table-main>.table-div-box {
    padding: 12px 16px 0px 16px;
}
.table-main section>.table-div-box {
    padding: 12px 16px 0px 16px;
}
.table-div-box>div {
    /*width: 100%;*/
    padding-right: 8px;
    margin-bottom: 16px;
}
.table-div-box>div:first-child {
    padding-right: 0px;
    margin-bottom: 0px;
}
.table-div-box .form-check {
    margin-right: 8px;
}
.table-div-box .form-check:last-child {
    margin-right: 0px;
}

@media (max-width: 680px) {
.table-header {
    padding: 12px 12px;
}
.table-main>div, .table-main section>div {
    padding: 12px 12px 12px 12px;
}
.table-div-box>div {
    padding-right: 0px;
    margin-bottom: 12px;
}
.table-div-box2>div {
    margin-bottom: 8px;
}
}
/*div表格*/

/*按鈕 button*/
.s-btn-gg {
    color: inherit;
    background-color: #EFEFEF;
    cursor: pointer;
}
.s-btn-gg.active {
    color: #fff;
    background-color: #e60012;
    cursor: pointer;
}

.s-btn-r {
    color: #fff;
    background-color: #e60012;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-r:hover {
    box-shadow: 0 0 0 2px rgba(230,0,18,.5)
}
}
.s-btn-g {
    color: #fff;
    background-color: #898989;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-g:hover {
    box-shadow: 0 0 0 2px rgba(137,137,137,.5)
}
}
.s-btn-green {
    color: #fff;
    background-color: #28a745;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-green:hover {
    box-shadow: 0 0 0 2px rgba(40,167,69,.5)
}
}
.s-btn-b {
    color: #fff;
    background-color: #3E3A39;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-b:hover {
    box-shadow: 0 0 0 2px rgba(62,58,57,.5)
}
}
.s-btn-w {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-w:hover {
    box-shadow: 0 0 0 2px rgba(159,160,160,.2)
}
}
.s-btn-w.active {
    color: #fff;
    background-color: #e60012;
    border: 1px solid #e60012;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-w.active:hover {
    box-shadow: 0 0 0 2px rgba(230,0,18,.5)
}
}
.ss-btn-w {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #9fa0a0;
    cursor: pointer;
}
@media (hover: hover) {
.ss-btn-w:hover {
    color: #fff;
    background-color: #e60012;
    border: 1px solid #e60012;
}
}
.s-btn-outline-c {
    border: 1px solid #DCDDDD;
   /* border-left: 0px;*/
    border-radius: 0px 4px 4px 0px;
    color: #595757;
    background-color: #fff;
    cursor: pointer;
}
@media (hover: hover) {
.s-btn-outline-c:hover {
    /*color: #3E3A39;*/
}
}
.s-btn-c {
    color: white;
    background-color: inherit;
}
@media (hover: hover) {
.s-btn-c:hover {
    box-shadow: 0 0 0 2px rgba(0,0,0,.15)
}
}
/*按鈕 button*/

/*form 表單*/
.form-control.w1 {
    max-width: 160px;
}
.form-control.w2 {
    max-width: 240px;
}
.form-control.w3 {
    max-width: 116px;
}
.form-control.w4 {
    max-width: 112px;
}
.form-control.w5 {
    max-width: 360px;
}
.form-control.w6 {
    max-width: 100px;
}
.form-control.w7 {
    max-width: 68px;
}
.form-control.verification {
    max-width: 112px;
}
@media (max-width: 680px) {
.form-control.w1 {
    max-width: 100%;
}
.form-control.w2 {
    max-width: 100%;
}
.form-control.w3 {
    max-width: 100%;
}
.form-control.w4 {
    max-width: 100%;
}
.form-control.w5 {
    max-width: 100%;
}
}
/*form 表單*/

/*collapse 折疊*/
.collapse {    
}
.collapse-body .collapse-box:not(:first-of-type):not(:last-of-type) {
	border-top: 0;
	border-bottom: 0;
	border-radius: 0;
}
.collapse-body .collapse-box:first-of-type {
	border-top: 0;
	border-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.collapse-body .collapse-box:last-of-type {
	border-top: 0;
	border-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}    
.collapse-body .collapse-box:first-of-type .collapse-header:first-child {    
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.collapse-body .collapse-box:last-of-type .collapse-header {
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px;
}
.collapse-body .collapse-box:last-of-type .collapse-content {
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px;
}    
.collapse-box {
	position: relative;
    /*
	display: -ms-flexbox;
	display: flex;
    */
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #FFF;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
}
.collapse-header {    
	text-align: center;
	padding: 12px 12px;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
    cursor: pointer;
    
    border-top: 1px solid rgba(0,0,0,.125);
    margin-bottom: -1px;
}
.collapse-header.left-b {    
	text-align: left;
    padding: 12px 40px 12px 12px;
    font-weight: 700!important;
}
.collapse-content {
    /*
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
    */
	padding: 16px 16px;
	/*border-bottom: 1px solid rgba(0,0,0,.125);*/
}
/*
.collapse-content-b1 {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
*/
.collapse-box:last-child .collapse-content {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.collapse .show {
	display: block
}
.collapse-btn {
	color: #595757;
	background-color: transparent;     
    border: 0;
	display: inline-block;
	/*white-space: nowrap;*/
	vertical-align: middle;
}
.collapse-btn:focus {
	outline: 0;
}
.collapse-body .collapse-box .collapse-header .fa-angle-down {    
    position: absolute;
    top: 18px;
    right: 20px;
}    
.collapse-body .collapse-box .collapse-header:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.collapse .active .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 150ms ease-in 0s;
    -o-transition: all 150ms ease-in 0s;
    transition: all 150ms ease-in 0s;
}
/*collapse 折疊*/

/*text-size 字體大小*/
.table-form.show>.w1160-box {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 16px;
}
.text-size-main>div {
    margin-right: 8px;
}
.text-size-main>div:last-child {
    margin-right: 0px;
}
.table-form.handbook.show .text-size-main {
    -ms-flex-pack: center!important;
    justify-content: center!important
}
.text-size-box {    
    padding: 6px 8px;
    border: 1px solid #C9CACA;
    border-radius: 4px;
    background-color: #DCDDDD;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.text-size-box.active {

    background-color: #fff;
}
@media (max-width: 680px) {
.text-size-main {
    /*
    -ms-flex-pack: center!important;
    justify-content: center!important
    */
}
}
.text-small, .text-mid, .text-big {
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
/*text-size 字體大小*/

/*flex-wrap內容對齊*/
.flex-wrap-start {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex-wrap-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-wrap-end {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
/*flex-wrap內容對齊*/

/*iOS 專用 CSS*/
@supports (-webkit-overflow-scrolling: touch) {
.ios-mobile-width {
    max-width: 340px
}
.ios-mobile-modal-width {
    max-width: 320px
}
}
/*iOS 專用 CSS*/

/*其他通用*/
.fullscreen-btn {
	position: absolute;
	top: 43px;
	right: 43px;
	width: 35px;
    height: 35px;
	color: white;
	font-size: 22px;
	cursor: pointer;
	background-color: rgba(88,88,90,0.8);
    border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .15s ease-in-out;
}
@media (hover: hover) {
.fullscreen-btn:hover {
	color: #e60012;
}
}
.fullscreen-btn .fa-compress-arrows-alt {
	display: none;
}
.fullscreen-btn.active .fa-expand-arrows-alt {
	display: none;
}
.fullscreen-btn.active .fa-compress-arrows-alt {
	display: block;
}
#house-media1.fullscreen {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 10000;
}
#house-media1.fullscreen .embed-responsive {
	height: 100%;
}
@media (max-width: 1070px) {
.fullscreen-btn {
	width: 30px;
    height: 30px;
	background-color: rgba(88,88,90,0.6);
	top: 20px;
	right: auto;
	left: 20px;
}
}
.agreeBox {
	position: relative;
    top: -18px;
    margin-bottom: -18px;
    margin-left: 20px;
}
.opacity-0 {
	opacity: 0;
}
.pointer-events-none {
    pointer-events: none!important;
}
.animated-c {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated-c.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated-c.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.anima-delay05 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -ms-animation-delay: .5s;
}
.anima-delay10 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
}
.anima-delay15 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
}
.anima-delay20 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -ms-animation-delay: 2s;
}
.anima-delay25 {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
}
.anima-delay30 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
}
.div-mb16>div, .div-mb16>a {
    margin-bottom: 16px;
}
.div-mb16>div:last-child, .div-mb16>a:last-child {
    margin-bottom: 0px;
}
.div-mb8>div, .div-mb8>a {
    margin-bottom: 8px;
}
.div-mb8>div:last-child, .div-mb8>a:last-child {
    margin-bottom: 0px;
}
.div-px8>div, .div-px8>a {
	padding-left: 8px;
	padding-right: 8px;
}
@media (max-width: 680px) {
.div-px8>div, .div-px8>a {
	padding-left: 0px;
	padding-right: 0px;
}
}
.div-mx4>div, .div-mx4>a {
	margin-left: 4px;
	margin-right: 4px;
}
.div-inline-block>div, .div-inline-block>a {
    display: inline-block;
}
.li-mb16>li {
    margin-bottom: 16px;
}
.li-mb16>li:last-child {
    margin-bottom: 0px;
}
.li-mb8>li {
    margin-bottom: 8px;
}
.li-mb8>li:last-child {
    margin-bottom: 0px;
}
.li-mb4>li {
    margin-bottom: 4px;
}
.li-mb4>li:last-child {
    margin-bottom: 0px;
}
.margin-center {
    margin-left: auto;
    margin-right: auto;
}
.border-1 {
    border: 1px solid #DCDDDD;
}
.radius4 {
    border-radius: 4px;
}
.box-shadow-inset {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
}
.box-shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.box-shadow-b {
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);
}
.box-hide {
    display: none!important;
    visibility: hidden;
}
.mi-hide {
    display: block!important;
    visibility: visible;
}
.mi-show {
    display: none!important;
    visibility: hidden;
}
@media (max-width: 768px) {
.mi-hide {
    display: none!important;
    visibility: hidden;
}
.mi-show {
    display: block!important;
    visibility: visible;
}
}
.d-ib {
    display: inline-block;
}
.mp-hide {
    visibility: visible;
}
.m-hide {
    visibility: visible;
}
.m-show {
    display: none!important;
    visibility: hidden;
}
.m-flex-direction-h {
    -ms-flex-direction: row;
    flex-direction: row;
}
.m-flex-direction-v {
    -ms-flex-direction: column;
    flex-direction: column;
}
.mp-flex-direction-h {
    -ms-flex-direction: row;
    flex-direction: row;
}
.mp-flex-direction-v {
    -ms-flex-direction: column;
    flex-direction: column;
}
.m-align-items {
    -ms-flex-align: center;
    align-items: center;
}


@media (max-width: 768px) {
.mp-hide {
    display: none!important;
    visibility: hidden;
}
.mp-flex-direction-h {
    -ms-flex-direction: column;
    flex-direction: column;
}
.mp-flex-direction-v {
    -ms-flex-direction: row;
    flex-direction: row;
}
}

@media (max-width: 680px) {
.d-ib {
    width: 100%;
    display: inline-block;
}
.m-hide {
    display: none!important;
    visibility: hidden;
}
.m-show {
    display: block!important;
    visibility: visible;
}
.m-w-100 {
    width: 100%;
}
.m-flex-direction-h {
    -ms-flex-direction: column;
    flex-direction: column;
}
.m-flex-direction-v {
    -ms-flex-direction: row;
    flex-direction: row;
}
.m-align-items {
    -ms-flex-align: start;
    align-items: flex-start;
}
}


/*
.ms-hide {
    display: block;
    visibility: visible;
}
*/
@media (max-width: 350px) {
.ms-hide {
    display: none!important;
    visibility: hidden;
}
}

.device-show {
    display: none!important;
    visibility: hidden;
}
@media only screen and (max-device-width: 680px) {
.device-show {
    display: block!important;
    visibility: visible;
}
.device-hide {
    display: none!important;
    visibility: hidden;
}
}

section.device {
	margin-top: 16px!important;
}
section.device .device-show {
    display: none!important;
    visibility: hidden;
}
section.device .device-hide {
    display: block!important;
    visibility: visible;
}
@media (max-width: 1020px) {
section.device .device-show {
    display: block!important;
    visibility: visible;
}
section.device .device-hide {
    display: none!important;
    visibility: hidden;
}
}
@media (max-width: 680px) {
section.device {
	margin-top: 8px!important;
}
}

#searchModal-device.modal .device-show {
    display: block!important;
    visibility: visible;
}
#searchModal-device.modal .device-hide {
    display: none!important;
    visibility: hidden;
}


.cursor {
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.my12 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.my-08 {
    margin: 8px 0px;
}
@media (max-width: 680px) {
.my-08 {
    margin: 0px 0px;
}
}
.text-nowrap-no {
    white-space: normal;
}
.mobile-overflow-x-auto {
    overflow-x: auto;
    
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.mobile-overflow-x {
    overflow: hidden;    
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.mobile-justify-content {
    -ms-flex-pack: center!important;
    justify-content: center!important
}
@media only screen and (max-device-width: 680px) {
.mobile-overflow-x {    
    overflow-x: auto;

    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.mobile-justify-content {
    -ms-flex-pack: start!important;
    justify-content: start!important
}
}
.text_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-line-through {
    text-decoration: line-through;
}
.text-word-break {
    word-break: break-all;
}
.lh34 {
    line-height: 34px;
}
.lh26 {
    line-height: 26px;
}
.lh24 {
    line-height: 24px;
}
.lh-15 {
    line-height: 1.5;
}
.padding10 {
    padding: 10px;
}
.py10 {
    padding: 10px 0px;
}
.border-c1 {
    border-color: #595757; /*R89 G87 B87 K80%*/
}
.border-c2 {
	border-top: 1px dashed #DCDDDD;
/*    border: dashed 0.5px #ddd;*/
}
.border-t1 {
    border-top: 1px solid #EFEFEF;
}
.border-b1 {
    border-bottom: 1px solid #EFEFEF;
}
.border-b1-20 {
    border-bottom: 1px solid #DCDDDD;
}
.border-b1-m {
    border-bottom: 0px solid #EFEFEF!important;
}
@media (max-width: 680px) {
.border-b1-m {
    border-bottom: 1px solid #EFEFEF!important;
}
}
.pl10, .px10 {
    padding-left: 10px!important
}
.pr10, .px10 {
    padding-right: 10px!important
}
.p12 {
    padding: 12px!important
}
/*其他通用*/

/*------------- 通用 -------------*/

/*col-md*/
.col-md-15, .col-md-20, .col-md-25, .col-md-30, .col-md-35, .col-md-40, .col-md-50, .col-md-60, .col-md-70, .col-md-80, .col-md-90, .col-md-100 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.col-md-15 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%
}
.col-md-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}
.col-md-25 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.col-md-30 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}
.col-md-35 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}
.col-md-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}
.col-md-50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.col-md-60 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%
}
.col-md-70 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}
.col-md-80 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%
}
.col-md-90 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%
}
.col-md-100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width: 680px) {
.col-md-70.w-full {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
}
.col-md-3s {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 1201px) {
.col-md-3s {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
}

@media (min-width: 901px) and (max-width: 1200px) {
.col-md-3s {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
}

@media (min-width: 680px) and (max-width: 900px) {
.col-md-3s {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
}
/*col-md*/

/*navbars 導覽列選單*/
.body-pt {
    padding-top: 46px;
}
.body-pb {
    padding-bottom: 50px;
    background-color: #fff;
}

@media only screen and (max-device-width: 680px) {
.body-pb {
    padding-bottom: 50px;
    background-color: #fff;
}
}
.container.nav-p {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 680px) {
.container.nav-p {
    padding-left: 5px;
    padding-right: 5px;
}
}
.navbars-box {

    height: 46px;
    background-color: #fff;
    background: linear-gradient(to right, #00A0E9 0%,#00A0E9 50%,#fff 50%,#fff 100%);
    background: -moz-linear-gradient(left, #00A0E9 0%, #00A0E9 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(left, #00A0E9 0%,#00A0E9 50%,#fff 51%,#fff 100%);
    /* background-color: #c30d23; */
    /* box-shadow: 0 2px 2px rgb(0 0 0 / 10%); */
    padding-right: 0!important;
}
.navbars-box .container {
    background-color: #fff;
}
.bar-box {
    width: 38px;
    text-align: center;
    font-size: 16px;
    color: #666;
    padding: 15px 0px;
    transition: background-color .15s ease-in-out;
}
.bar-box:hover, .bar-box:active, .bar-box:focus {
    background-color: #83d8ff;
}

@media only screen and (max-device-width: 680px) {
.fixed-top.navbars {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}
}
/*navbars 導覽列選單*/

/*導覽列店家資訊 start*/
.contact-box {
	overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 400px;
}
@media (max-width: 680px) {
.contact-box {
    max-height: 412px;
}
}
.header-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.header-col-md-1, .header-col-md-2, .header-col-md-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.header-container iframe {
    border: 0;
    width: 100%;
    height: 180px;
}
.tab-box2 {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.tab-box2 li {
    margin-bottom: 8px;
}
.fa-w1 {
    display: inline-block;
    text-align: center;
    width: 24px;
}
.fa-w2 {
    text-align: center;
    width: 16px;
}
.winners {
    position: absolute;
    left: -10px;
    top: -15px;
    z-index: 1;
}

@media (min-width:1201px) {
.header-container {
    max-width: 1180px
}
}

@media (min-width:1001px) {
.header-col-md-1 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.header-col-md-2 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.header-col-md-3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}

@media (max-width: 1000px) {
.header-col-md-2 {
    display: none;
    visibility: hidden;
}
}

@media (min-width: 681px) and (max-width: 1000px) {
.header-col-md-1 {
    -ms-flex: 0 0 43.333333%;
    flex: 0 0 43.333333%;
    max-width: 43.333333%;
}
.header-col-md-3 {
    -ms-flex: 0 0 56.666667%;
    flex: 0 0 56.666667%;
    max-width: 56.666667%
}
}

@media (max-width: 680px) {
.header-container {
    padding-right: 15px;
    padding-left: 15px;
}
}
/*導覽列店家資訊 end*/

/*自定義快捷 custom quick */
.item-link-box {
    overflow: hidden;
    padding: 6px 0px;
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-device-width: 680px) {
.item-link-box {
    overflow-x: auto;
}
}
.item-link-box>a {
    margin-right: 12px;
    /*padding: 6px 0px;*/
    cursor: pointer;
}
.item-link-box.over>a {
	pointer-events: none;
}
.item-a, .item-a:link {
    color: #3E3A39;
}
@media (hover: hover) {
.item-a:hover {
    color: #e60012;
}
.item-a:active {
    color: #e60012;
}
}
.item-a:focus {
    color: #3E3A39;
}
@media (max-width: 680px) {
.item-link-box>a {
    margin-right: 12px;
}
}
/*自定義快捷 custom quick */

/*右方快捷影片廣告*/
.right-video {	
	
    position: fixed;

    top: 148px;
    right: 0;
    bottom: 0;
    /*margin: auto 0;*/

    background-color: transparent;
    background-image: url(../../images/new/right_bar_house.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 40px 160px;
    width: 40px;
	height: 160px;
/*    height: 220px;*/
    overflow: hidden;
    z-index: 999;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    cursor: pointer;
}
/*右方快捷影片廣告*/

/*右方租屋免費刊登*/
.right-rent {
    position: fixed;

    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;

    background-color: transparent;
    background-image: url(../../images/new/right_bar_rent.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 40px 315px;
    width: 40px;
    height: 315px;
    overflow: hidden;
    z-index: 999;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    cursor: pointer;
}
@media (max-width: 1279px) {
.right-rent {
    display: none;
}
}
.rent-button>.s-btn-w {
    margin: 0 4px 0 0;
}
.rent-button>.s-btn-w:last-child {
    margin: 0 0px 0 0;
}
@media (max-width: 680px) {
.rent-button>.s-btn-w {
    margin: 0 4px 0 0;
}
}
/*右方租屋免費刊登*/

/*主視覺大屏幕*/
.jumbotron-box {
    background-color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 550px;
    width: 100%;
    transition: all .3s ease-out;
	z-index: 1;
}
.jumbotron-box.store {
    background-color: #fff;
}
.jumbotron-box.winner {
    height: 584px;
}
.jumbotron-box-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 386px 0 0 0;
    padding: 0px 10px;
    transition: all .3s ease-out;
	z-index: 2;
}
.jumbotron-box-container-home {
    /*margin: 210px 0 0 0;*/
    margin: 386px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.text-shadow2 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.jumbotron-box-bg {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.jumbotron-box-search {
    padding: 16px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 8px;
}
.jumbotron-box-search-home {
    padding: 16px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 8px;
}
.jumbotron-box-search-t {
    width: 624px;
    display: inline-block;
    text-align: left;
    margin: 0 0 10px 0px;
}
.jumbotron-box-search-t.store>button, .jumbotron-box-search-t.store>div {
    margin-right: 8px;
}
.jumbotron-box-search-t.store>button:last-child, .jumbotron-box-search-t.store>div:last-child {
    margin-right: 0px;
}
@media (max-width: 680px) {
.jumbotron-box-search-t.store>button, .jumbotron-box-search-t.store>div {
    margin-right: 4px;
}
}
@media (max-width: 320px) {
.jumbotron-box-search-t.store>button, .jumbotron-box-search-t.store>div {
    margin-right: 0px;
}
}
.jumbotron-btn {
    height: 50px;
    line-height: 25px;
    border-left: 1px solid #EFEFEF!important;
}
.form-control.custom {
    margin: 0 0px 0 0;
    display: block;
    max-width: 478px;
    height: 50px;
    padding: 6px 14px;
    font-size: 16px;
    line-height: 1.5;
    color: #595757;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DCDDDD;
    border-right: 0px;
    border-radius: 4px 0px 0px 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus.custom {
    box-shadow: 0 0 0 0 rgba(230,0,18,.5);
}
.t-home {
    position: absolute;
    top: 318px;
    left: 0;
    right: 0;
}
.t-home-store {
    position: absolute;
    top: 138px;
    left: 0;
    right: 0;
}

@media (max-width: 680px) {
.jumbotron-box {
    height: 444px;
}
.jumbotron-box.winner {
    height: 444px;
}
.jumbotron-box-container {
    margin: 312px 0 0 0;
}
.jumbotron-box-container.winner {
    margin: 128px 0 0 0;
}
.jumbotron-box-container-home {
    margin: 312px 0 0 0;
}
.jumbotron-box-search {
    width: 300px;
    padding: 8px;
}
.jumbotron-box-search-home {
    width: 300px;
    padding: 8px;
}
.jumbotron-box-search-t {
    width: 100%;
}
.jumbotron-btn {
    height: 40px;
    line-height: 20px;
}
.form-control.custom {
    padding: 6px 10px;
    height: 40px;
}
.t-home-store {
    top: 98px;

}
.t-home-store.winner {
    top: 62px;
}
}
.winners-img {
    width: 50px;
}
@media (max-width: 680px) {
.winners-img {
    width: 60px;
}
}
.media-group {
    position: absolute;
    top: -58px;
    left: 0px;
    background-color: #fff;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, .1);
}
.media-group>div {
    margin-right: 4px;
}
.media-group>div:last-child {
    margin-right: 0px;
}
@media (max-width: 320px) {
.media-group {
    left: 0px;
}
}
/*主視覺大屏幕*/

/*大圖標*/
.big-icon-col-md {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.big-icon-main {
    width: 100%;
    position: relative;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px
}
.big-icon-w {
    text-align: center;
    margin: 0 8px;
    padding: 15px;
    cursor: pointer;
}
.big-icon-w .big-icon {
    font-size: 18px;
    color: #595757;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.big-icon-w:hover .big-icon {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
.big-icon-w .big-icon.active {
    color: #e60012;
}
.big-icon-w .big-icon .fa-w {
    color: #e60012;
    font-size: 48px;
    display: block;
    text-align: center;
    margin-bottom: 6px;
}

@media (max-width: 680px) {
.big-icon-col-md {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.big-icon-w {
    margin: 5px;
    padding: 10px;
}
}
/*大圖標*/

/*廣告大屏幕-官網*/
.owl-banner-home-box {
    display: none;
}
.owl-banner-home {
    height: 550px;
}
.owl-item-home-bg {
    background-image: url(../../images/new/home-bg-01.jpg);
}
.owl-item-home-bg.media-ad-2020 {
    background-image: url(../../images/etwarm-media-ad-2020/top_1920_550.jpg);
}

@media (max-width: 1124px) {

}
@media (max-width: 680px) {
.owl-banner-home {
    height: 444px;
}
.owl-item-home-bg.media-ad-2020 {
    background-image: url(../../images/etwarm-media-ad-2020/top_1920_444.jpg);
}
}

#owl-banner-home.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 5%;
    bottom: 47.5%;
}
#owl-banner-home.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 5%;
    bottom: 47.5%;
}
#owl-banner-home .owl-pagination {
	bottom: 2.5%;
}
#owl-banner-home .owl-pagination::after, #owl-banner-home .owl-page.active::before {
    display: none;
}
/*廣告大屏幕-官網*/

/*廣告大屏幕*/
.container-banner {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:1221px) {
.container-banner {
    max-width: 1200px
}
}
.owl-item-img-banner {
    height: 265px;
}
#owl-banner {
    overflow-x: hidden;
    display: -ms-flexbox!important;
    display: flex!important;
}
#owl-banner .owl-pagination::after, #owl-banner .owl-page.active::before {
    display: none;
}
#owl-banner .owl-next {
    right: 2%;
    bottom: 43.8%;
}
#owl-banner .owl-prev {
    left: 2%;
    bottom: 43.8%;
}
#owl-banner .owl-pagination {
    bottom: 14px;
}
@media (min-width: 1043px) and (max-width: 1220px) {
.owl-item-img-banner {
    height: 248px;
}
}
@media (min-width: 767px) and (max-width: 1042px) {
.owl-item-img-banner {
    height: 188px;
}
#owl-banner .owl-next {
    right: 2%;
    bottom: 43%;
}
#owl-banner .owl-prev {
    left: 2%;
    bottom: 43%;
}
}
@media (max-width: 768px) {
.owl-item-img-banner {
    height: 178px;
}
#owl-banner .owl-next {
    display: none;
    right: 2%;
    bottom: 42%;
}
#owl-banner .owl-prev {
    display: none;
    left: 2%;
    bottom: 42%;
}
#owl-banner .owl-pagination {
    bottom: 6px;
}
}
/*廣告大屏幕*/

/*其他子視窗*/
.owl-item-img-child {
    height: 265px;
}
#owl-child .owl-pagination::after, #owl-child .owl-page.active::before {
    display: none;
}
#owl-child .owl-next {
    right: 2%;
    bottom: 43.8%;
}
#owl-child .owl-prev {
    left: 2%;
    bottom: 43.8%;
}
#owl-child .owl-pagination {
    bottom: 14px;
}
@media (min-width: 767px) and (max-width: 1220px) {
.owl-item-img-child {
    height: 212px;
}
#owl-child .owl-next {
    right: 2%;
    bottom: 43%;
}
#owl-child .owl-prev {
    left: 2%;
    bottom: 43%;
}
}
@media (max-width: 768px) {
.owl-item-img-child {
    height: 160px;
}
#owl-child .owl-next {
    display: none;
    right: 2%;
    bottom: 42%;
}
#owl-child .owl-prev {
    display: none;
    left: 2%;
    bottom: 42%;
}
#owl-child .owl-pagination {
    bottom: 6px;
}
}
/*其他子視窗*/

/* 精選頻道-官網 */
#owl-item-home {
    overflow-x: hidden;
    display: -ms-flexbox!important;
    display: flex!important;
}
#owl-item-home .owl-pagination::after, #owl-item-home .owl-page.active::before {
    display: none;
}
#owl-item-home .owl-next {
    right: 2%;
    bottom: 46.6%;
}
#owl-item-home .owl-prev {
    left: 2%;
    bottom: 46.6%;
}
#owl-item-home .owl-pagination {
    bottom: 14px;
}
@media (max-width: 680px) {
#owl-item-home .owl-next {
    display: none;
}
#owl-item-home .owl-prev {
    display: none;
}
}
.carousel {
    margin-bottom: 64px;
}
.carousel-caption-box-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}
.carousel-caption-box-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
.carousel-caption-box-t-box {
    width: 1134px;
    padding: 16px 20px 36px 20px;
}
.carousel-caption-box-t {
    display: inline-block;
    width: auto;
}
.carousel-caption-box-t.bgc-b {
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    padding: 16px;
    border-radius: 4px;
}
.carousel-caption-box-t.bgc-b h1 {
    font-weight: 600;
    text-shadow: 1.5px 1.5px 1px rgba(0, 0, 0, .5);
}
.carousel-caption-box-t.bgc-w {
    color: #595757;
    background-color: rgba(255,255,255,0.9);
    padding: 16px;
    border-radius: 4px;
}
.carousel-caption-box-t.bgc-w h1 {
    font-weight: 600;
    text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 1);
}
.carousel-item {
    height: 444px;
    background-color: #000;
}
.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
}
.carousel-item.home {
    height: 550px;
    background-color: #fff;
}
.carousel-caption p {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5;
}
.featured-box>div {
    text-align: center;
    padding: 0 32px;
}
.featured-btn>div {
    display: inline-block;
    margin: 4px;
}
.featured-btn>div:last-child {
    margin-bottom: 0px;
}
@media (max-width: 680px) {
.carousel-item {
    
}
.carousel-item > img {
    
}
.carousel-item.home {
    height: 444px;
}
.featured-box>div {
    padding: 0 12px 24px 12px;
    margin: 0 10px 24px 10px;
    border-bottom: 1px dashed #DCDDDD;
}
.featured-box>div:last-child {
    padding: 0 12px 0px 12px;
    margin: 0 10px 0px 10px;
    border-bottom: 0px;
}
}
/* 精選頻道-官網 */

/*最新 推薦 物件*/
.owl-house-title {
    padding: 0px 8px 48px 8px;
}

@media (max-width: 680px) {
.owl-house-title {
    padding: 0px 0px 24px 0px;
}
}
.owl-house {

}
.owl-house > .owl-controls .owl-buttons .owl-next {
    right: -1.3%;
    bottom: 46.8%;
    visibility: visible;
}
.owl-house > .owl-controls .owl-buttons .owl-prev {
    left: -1.3%;
    bottom: 46.8%;
    visibility: visible;
}
.owl-house > .owl-controls .owl-pagination {
    bottom: -28px!important;
    visibility: hidden;
}
.owl-house > .owl-controls .owl-pagination::after, .owl-house > .owl-controls .owl-page.active::before {
    visibility: hidden;
}
.owl-house > .owl-controls .owl-pagination .owl-page span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 45px;
    height: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background: #EFEFEF;
    border: none;
}
.owl-house > .owl-controls .owl-pagination .owl-page.active span {
    background: #e60012;
}

@media (max-width: 768px) {
.owl-house > .owl-controls .owl-buttons .owl-next {
    visibility: hidden;
}
.owl-house > .owl-controls .owl-buttons .owl-prev {
    visibility: hidden;
}
.owl-house > .owl-controls .owl-pagination {
    visibility: visible;
}
}

@media (max-width: 680px) {
.owl-house > .owl-controls .owl-pagination {
    bottom: -10px!important;
}
}
/*
@media only screen and (max-device-width: 680px) {
@media (min-width: 481px) and (max-width: 1280px) { 
.owl-house.owl-carousel .owl-item {
    float: left;        
}
}
@media (max-width: 480px) { 
.owl-house.owl-carousel .owl-item {
    float: none;        
}
}
}
*/
/*最新 推薦 物件*/

/*物件區塊*/
.owl-object {
    overflow-x: hidden;
    display: -ms-flexbox!important;
    display: flex!important;
}
.owl-object > .owl-controls .owl-buttons .owl-next {
    right: 2%;
    bottom: 43.5%;
}
.owl-object > .owl-controls .owl-buttons .owl-prev {
    left: 2%;
    bottom: 43.5%;
}
.owl-object.owl-theme .owl-controls .owl-pagination {
    bottom: 8px;
}
/*
@media only screen and (max-device-width: 680px) {
.owl-object.owl-carousel .owl-item {
    float: left;    
}
}
*/
.object-user-title {
    margin: 0 0 0 12px;
}
.object-user {
    width: 46px;
    height: 46px;
}
.object-user.large {
    width: 86px;
    height: 86px;
}
.more-icon {
    width: 40px;
    height: 40px;
    background-image: url(../../images/new/more_icon.png);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-size: 25px;
    font-size: 15px;
    display: block;
    text-align: center;
    cursor: pointer;
    opacity: .4;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
@media (hover: hover) {
.more-icon:hover {
    opacity: 1;
}
}
.owl-item-img {
    height: 228px;
}
.owl-item-img-easy {
    height: 170px;
}
.object-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.object-col-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width:1001px) {
.object-col {
    padding-right: 8px;
    padding-left: 8px;
}
.object-col-md {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 8px;
    padding-left: 8px;
}
}

@media (min-width: 681px) and (max-width: 1000px) {
.object-col {
    padding-right: 8px;
    padding-left: 8px;
}
.object-col-md {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 8px;
    padding-left: 8px;
}
}

@media (max-width: 680px) {
.object-col {
    margin-bottom: 14px;
}
}
.object-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px
}
@media (hover: hover) {
.object-body>a:hover {
    color: #e60012;
}
}
.object-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 14px;
}
.object-body-c-list {
    height: 50px;
}
/*經營團隊*/
#owl-team {
    overflow-x: hidden;
    display: -ms-flexbox!important;
    display: flex!important;
}
#owl-team .owl-next {
    right: 0%;
    bottom: 45.5%;
}
#owl-team .owl-prev {
    left: 0%;
    bottom: 45.5%;
}

@media (max-width: 680px) {
#owl-team .owl-next {
    right: 8%;
    bottom: 45.5%;
}
#owl-team .owl-prev {
    left: 8%;
    bottom: 45.5%;
}
}
.team-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 680px) {
.team-col {
    padding-right: 0px;
    padding-left: 0px;
}
}
.team-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px
}
.team-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    width: 100%;
}
.team-header {
    padding: 10px;
    text-align: center;
    border-bottom: #EFEFEF 1px solid;
    height: 64px;
}
.team-user-title {
    margin: 0;
}
.team-user-title span::after {
    content: " / "
}
.team-user-title span:last-child::after {
    content: ""
}
.team-user-body {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    text-align: center;
}
.team-footer {
    border-top: #EFEFEF 1px solid;
    padding: 10px 15px;
    height: 64px;
}
.team-user {
    height: 200px;
}
.team-user img {
    height: 200px;
    border-radius: 4px;
}
/*經營團隊*/

/*controller 控制器*/
.controller .owl-carousel .owl-controls .owl-buttons .owl-next, .controller .owl-carousel .owl-controls .owl-buttons .owl-prev {
    opacity: 0;
}
.controller:hover .owl-carousel .owl-controls .owl-buttons .owl-next, .controller:hover .owl-carousel .owl-controls .owl-buttons .owl-prev {
    opacity: .8;
}
.controller .owl-theme .owl-controls .owl-pagination .owl-page span {
    opacity: 0;
}
.controller:hover .owl-theme .owl-controls .owl-pagination .owl-page span {
    opacity: .8;
}
.controller .owl-pagination::after, .controller .owl-page.active::before {
    opacity: 0;
}
.controller:hover .owl-pagination::after, .controller:hover .owl-page.active::before {
    opacity: .8;
}
.controller .owl-counter-bg {
    opacity: 0;
}
.controller:hover .owl-counter-bg {
    opacity: .6;
}

@media (max-width: 768px) {
.controller .owl-carousel .owl-controls .owl-buttons .owl-next, .controller .owl-carousel .owl-controls .owl-buttons .owl-prev {
    opacity: .8;
}
.controller .owl-theme .owl-controls .owl-pagination .owl-page span {
    opacity: .8;
}
.controller .owl-pagination::after, .controller .owl-page.active::before {
    opacity: .8;
}
.controller .owl-counter-bg {
    opacity: .6;
}
}
/*物件控制器*/

/*社群媒體 icon*/
.media-icon-padding {
    padding: 6px 0px;
}
.media-icon-size-box a {
    margin-right: 8px;
}
.media-icon-size-box a:last-child {
    margin-right: 0px;
}
.media-icon-size {
    font-size: 24px;
    color: #FFF;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}
.media-icon-size:hover, .media-icon-size:active {
    color: #e60012;
}

@media (max-width: 680px) {
.media-icon-size-box {
    margin-top: 4px;
}
}
/*社群媒體 icon*/

/*footer start*/
.footer-t1::after {
    content: "© 2021 Copyright"
}
.footer-t2::after {
    content: " ETWARM 東森房屋股份有限公司 版權所有"
}
.store-qrcode-box {
	/*
    position: absolute;
    bottom: -72px;
	*/
    position: static;

}
.store-qrcode-img {
    max-width: 80px;
    height: auto;
    border: 1px solid #EFEFEF;
    margin: 2px 12px 4px 0;
}
@media (max-width: 680px) {
.store-qrcode-box {
    position: static;
}
.store-qrcode-img {
    max-width: 88px;
}
}
@media (hover: hover) {
footer a:hover {
    color: #e60012;
}
}
footer p {
    margin-top: 0;
    margin-bottom: 8px;
}
footer p:last-child {
    margin-top: 0;
    margin-bottom: 0px;
}
footer hr {
    width: 100%;
}
footer .col-md-4.col-lg-3.col-xl-3.mx-auto.mb-4.px-2 {
    word-break: break-all;
}
.footer-content a {
    cursor: pointer;
}
.footer-content>div {
    margin-top: 0;
    margin-bottom: 8px;
}
.footer-content>div:last-child {
    margin-top: 0;
    margin-bottom: 0px;
}
.footer-content .d-table>div:nth-child(odd) {
    width: 78px;
}
.footer-col-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 8px;
    margin-bottom: 24px;
}
.footer-col-md-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 8px;
    margin-bottom: 24px;
}
.footer-col-md-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 8px;
    margin-bottom: 24px;
}
.footer-col-md-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 8px;
    margin-bottom: 24px;
}
@media (min-width: 1161px) {
.footer-col-md {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.footer-col-md-1 {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%
}
.footer-col-md-2 {
    -ms-flex: 0 0 55.333333%;
    flex: 0 0 55.333333%;
    max-width: 55.333333%
}
.footer-col-md-3 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
}
@media (min-width: 761px) and (max-width: 1160px) {
.footer-col-md {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}
@media (min-width: 941px) and (max-width: 1160px) {
.footer-col-md-1 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}
.footer-col-md-2 {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%
}
.footer-col-md-3 {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
}
@media (max-width: 320px) {
.footer-content .d-table>div:nth-child(odd) {
    width: 70px;
}
}
.footer-award {
    display: inline-block;
    width: 120px;
    padding: 0 2px;
}
.footer-award span {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: normal;
}
@media (max-width: 680px) {
.footer-award-box {
    text-align: center;
}
}
.footer-link img {
    max-width: 100%;
    height: 56px;
    padding: 4px;
}
@media (max-width: 940px) {
.footer-link img {
    height: 72px;
}
.footer-col-md-3 {
    margin-bottom: 48px;
}
}
@media (max-width: 320px) {
.footer-link img {
    height: 63px;
}
}
.footer-menu {
    -ms-flex: 0 0 84px;
    flex: 0 0 84px;
    width: 84px;
    max-width: 84px;
}
@media (max-width: 680px) {
.footer-col-md {
    padding: 0 4px;
}
.footer-menu {
    -ms-flex: 0 0 81px;
    flex: 0 0 81px;
    width: 81px;
    max-width: 81px;
}
}
@media (max-width: 320px) {
.footer-col-md {
    padding: 0 0px;
}
.footer-menu {
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    width: 75px;
    max-width: 75px;
}
}
/*footer end*/

/*footer store*/
.footer-multi-store-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 680px) {
.footer-multi-store-col {
    padding-right: 0px;
    padding-left: 0px;
}
}
.footer-multi-store-box>div {
	margin-bottom: 24px;
}
.footer-multi-store-img {
    width: 100%;
    height: 180px;
	margin-bottom: 12px;
}
@media (max-width: 1200px) {
.footer-multi-store-img {
    height: 230px;
}
}
@media (max-width: 900px) {
.footer-multi-store-img {
    height: 220px;
}
}
@media (max-width: 680px) {
.footer-multi-store-box>div {
	margin-bottom: 28px;
}
.footer-multi-store-box>div:last-child {
	margin-bottom: 12px;
}
.footer-multi-store-img {
    height: 220px;
}
}

#owl-footer-store .owl-prev {
    left: 0%;
    bottom: 56%;
    /*bottom: 44.4%;*/
}
#owl-footer-store .owl-next {
    right: 0%;
    bottom: 56%;
    /*bottom: 44.4%;*/
}
@media (max-width: 680px) {
#owl-footer-store .owl-prev {
    left: 8%;
}
#owl-footer-store .owl-next {
    right: 8%;
}
}
/*footer store*/

/*------物件詳細頁面------*/
@media only screen and (max-device-width: 680px) {
.object-detail-btn-box.active {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 1031;
    background-color: #fff;
    width: 100%;
    margin: 0px -10px 0px -10px;
    padding: 8px 0px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);
}
.object-detail-btn-box.active>div:nth-child(1) {
    margin: 0 4px 0 8px!important;
}
.object-detail-btn-box.active>div:nth-child(2) {
    margin: 0 8px 0 4px!important;
}
.object-detail-btn-box.active>div:nth-child(1) div {
    margin-right: 0px!important;
}
}
.col-md-l, .col-md-r {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width:769px) {
.col-md-l {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: -492px;
    padding-right: 492px;
}
.col-md-r {
    -ms-flex: 0 0 476px;
    flex: 0 0 476px;
    width: 476px;
    margin-left: 16px;
}
}
/*
@media (min-width:769px) {
.col-md-l {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: -454px;
    padding-right: 454px;
}
.col-md-r {
    -ms-flex: 0 0 438px;
    flex: 0 0 438px;
    width: 438px;
    margin-left: 16px;
}
}
*/

/*物件標題*/
.object-title-box {
    padding: 16px 0px;
}
.object-title-btn {
    -ms-flex-direction: row;
    flex-direction: row;
}
.object-title-btn button {
    margin: 0 8px 0 0;
}
.object-title-btn button:last-child {
    margin: 0 0px 0 0;
}

@media (max-width: 768px) {
.object-title-btn {
    -ms-flex-direction: column;
    flex-direction: column;
}
.object-title-btn button {
    margin: 0 0 4px 0;
}
.object-title-btn button:last-child {
    margin: 0 0px 0 0;
}
}

@media (max-width: 680px) {
.object-title-box {
    padding: 8px 0px;
}
}
/*物件標題*/

/*滾動監控快捷選單*/
.object_scrollspy {
    width: 100%;
    background-color: #fff;
    padding: 22px 0px 12px 0px;
    border-bottom: 0px solid #EFEFEF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .1);
    z-index: 600;
    -webkit-transform: translate(0, -36px);
    transform: translate(0, -36px);
    will-change: transform, opacity;
    transition: opacity .3s ease-out, transform .3s ease-out;
    opacity: .98;
}
.object_scrollspy.show {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -webkit-transform: translate(0, 36px);
    transform: translate(0, 36px);
}
.nav-pills>div {
    color: #B5B5B6;
    margin-right: 20px;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.nav-pills>div:last-child {
    margin-right: 0px;
}
.nav-pills>div.active, .nav-pills .show>div {
    color: #595757;
}

@media (max-width: 680px) {
.nav-pills>div {
    margin-right: 12px;
}
}
.spy-link2 {
    margin-right: 20px;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.spy-link2:last-child {
    margin-right: 0px;
}
.spy-link2.active {
    color: #e60012;
}

@media (max-width: 680px) {
.spy-link2 {
    margin-right: 12px;
}
}
/*滾動監控快捷選單*/

/*麵包屑*/

/*麵包屑*/

/*物件圖片瀏覽*/
.owl-item-img-big-box {
	visibility: hidden;
}
@media (max-width: 680px) {
.owl-item-img-big-box {
	visibility: visible;
}
}
.owl-item-img-big-box.show {
	visibility: visible;
}
.box-472 {
	height: 230px;
	border: #EFEFEF 1px solid;
	background-color: #FBFBFB;
}
.box-472-box {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
	height: 230px;
}
.box-472-box.show {
	display: block;
}
.owl-item-img-large {
    height: 228px;
}

@media (min-width:769px) {
.box-472 {
	height: 474px;
}
.box-472-box {
    margin-right: -492px;
    padding-right: 492px;
	height: 474px;
}
.owl-item-img-large {
    height: 472px;
}
}

@media (min-width: 481px) and (max-width: 768px) {
.box-472 {
	height: 362px;
}
.box-472-box {
    margin-right: 0px;
    padding-right: 0px;
	height: 362px;
}
.owl-item-img-large {
    height: 360px;
}
}
.owl-item-img-small-box>div {
	margin-right: 8px;
}
.owl-item-img-small-box>div:last-child {
	margin-right: 0px;
}
.owl-item-img-small-box-s {
	position: relative;
	 -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
	height: 75px;
	border: #EFEFEF 1px solid;
    background-color: #FBFBFB;
}
.owl-item-img-small-t {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	font-size: 13px;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	transition: all .15s ease-in-out;
}
.owl-item-img-small-box>div:hover>.owl-item-img-small-t {
	height: 100%;
}
.owl-item-img-small-box>a:hover>.owl-item-img-small-t {
	height: 100%;
}
.owl-item-img-small-box-btn>div {
	width: 100%;
	margin: 0 4px;
}

.owl-item-img-small-box .owl-item-img-small {
    height: 75px;
}

#sync1, #sync2 {
    overflow-x: hidden;
    display: -ms-flexbox!important;
    display: flex!important;
}
#sync1 .owl-pagination::after {
    left: 36px;
    bottom: 422px;
}
#sync1 .owl-page.active::before {
    left: 14px;
    bottom: 422px;
}
#sync1 .owl-next {
    right: 2%;
    bottom: 221px;
}
#sync1 .owl-prev {
    left: 2%;
    bottom: 221px;
}

@media (min-width: 481px) and (max-width: 768px) {
#sync1 .owl-pagination::after {
    left: 36px;
    bottom: 310px;
}
#sync1 .owl-page.active::before {
    left: 14px;
    bottom: 310px;
}
#sync1 .owl-next {
    right: 2%;
    bottom: 45.8%;
}
#sync1 .owl-prev {
    left: 2%;
    bottom: 45.8%;
}
}

@media (max-width: 480px) {
#sync1 .owl-pagination::after {
    left: 36px;
    bottom: 178px;
}
#sync1 .owl-page.active::before {
    left: 14px;
    bottom: 178px;
}
#sync1 .owl-next {
    right: 2%;
    bottom: 43%;
}
#sync1 .owl-prev {
    left: 2%;
    bottom: 43%;
}
}
.sync1.owl-counter-bg {
    top: 14px;
    left: 14px;
}
#sync1 .owl-pagination {
    bottom: 10px;
}
#sync1 .owl-item, .object-image-none-style {
    border: #EFEFEF 1px solid;
    background-color: #FBFBFB;
}
#sync1 .owl-item img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}
#sync2 .owl-next {
    right: 2%;
    bottom: 32%;
}
#sync2 .owl-prev {
    left: 2%;
    bottom: 32%;
}
#sync2 .owl-buttons img {
    max-width: 14px;
}
#sync2 .owl-item {
    padding: 0 3px;
}
/*物件圖片瀏覽*/

/*物件右方詳細資料*/
.object-r-data>div {
    margin-right: 24px;
}
.object-r-data>div:last-child {
    margin-right: 0px;
}

@media (max-width: 680px) {
.object-r-data>div {
    margin-right: 16px;
}
}

@media (max-width: 320px) {
.object-r-data>div {
    margin-right: 8px;
}
}
/*物件右方詳細資料*/
/*icon*/
.icon-mw {
    max-width: 48px;
    max-height: 28px;
}

@media (max-width: 768px) {
.icon-mw {
    max-width: 36px;
    max-height: 20px;
}
}
/*icon*/

/*quick-menu-box 快捷選單*/
.quick-menu-box {
    height: 50px;
    background-color: #fff;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);
    padding-right: 0!important;
}
.quick-menu-container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto
}
.quick-menu-container.bottom {
	max-width: 600px;
}
.quick-menu-body {
    position: relative;
    padding: 6px 0px;
    -ms-user-select: none;
    user-select: none;
}
.quick-menu-body>a {
	text-align: center;
    font-size: 10px;
    color: #595757;
    display: block;
    padding: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
    cursor: pointer;
}
.quick-menu-container.bottom .quick-menu-body>a {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}
.quick-menu-body.side>a {
	margin-top: 16px;
    font-size: 14px;
}
.quick-menu-body.side>a:nth-child(1), .quick-menu-body.side>a:nth-child(2), .quick-menu-body.side>a:nth-child(3), .quick-menu-body.side>a:nth-child(4) {
	margin-top: 0px;
}

.quick-menu-body>a:hover {
    color: #e60012;
}

.quick-menu-body>a.active {
    color: #595757;
}
.quick-menu-body>a:focus {
    color: #595757;
}
.quick-menu-body>a>.fa-w {
    font-size: 20px;
    display: block;
    text-align: center;
    margin-bottom: 2px;
}
.quick-menu-body.side>a>.fa-w {
    font-size: 24px;
    margin-bottom: 4px;
}
@media (max-width: 680px) {
.quick-menu-container.bottom .quick-menu-body>a {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}
}
@media only screen and (max-device-width: 680px) {
.fixed-bottom.quick-menu {
    -webkit-transform: translate(0, 57px);
    transform: translate(0, 57px);
}
}

/*quick-menu-box 快捷選單*/

/*quick-right-box 快捷選單*/
.quick-right-box {
    display: none;
    top: 186px;
    right: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
    padding-right: 0!important;
    z-index: 1002;
}
.quick-right-container {
    width: 66px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.quick-right-body {
    padding: 2px;
    -ms-user-select: none;
    user-select: none;
}
.quick-right-body a {
    font-size: 10px;
    color: #595757;
    display: block;
    margin: 2px;
    padding: 4px 4px;
    border: #EFEFEF 1px solid;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
    cursor: pointer;
}
@media (hover: hover) {
.quick-right-body a:hover {
    color: #e60012;
}
}
.quick-right-body a.active {
    color: #e60012;
}
.quick-right-body .fa-w {
    font-size: 20px;
    display: block;
    text-align: center;
    margin-bottom: 2px;
    pointer-events: none; /*防止點擊冒泡*/
}

@media (max-width: 1312px) {
.fixed-right.quick-right {
    -webkit-transform: translate(72px, 0);
    transform: translate(72px, 0);
}
}

@media (max-width: 1000px) {
.quick-right-box {
    top: 182px;
}
}

@media (max-width: 680px) {
.quick-right-box {
    top: 128px;
}
}

@media only screen and (max-device-width: 680px) {
.quick-right-box {
    top: 118px;
    right: 5px;
}
@media (max-width:320px) {
.quick-right-box {
 top: 98px;
 right: 5px;
}
}
}
/*quick-right-box 快捷選單*/

/*經紀人員區塊*/
.broker-box .broker-user {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #EFEFEF 1px solid;
}
.broker-box .broker-user:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}
.broker-user-img {
    padding: 10px 16px 0px 0px;
}
.broker-user-img-w {
    width: 80px;
    height: 80px;
}

@media (max-width: 680px) {
.broker-user-img {
    padding: 12px 16px 0px 0px;
}
.broker-user-img-w {
    width: 64px;
    height: 64px;
}
}
/*經紀人員區塊*/

/*物件詳細資料*/
.object-data-box>div {
    padding-right: 16px;
    padding-top: 4px;
    margin-top: 4px;
}
.object-data-box>div:last-child {
    margin-bottom: 16px;
}
.object-data-box:last-of-type>div:last-child {
    margin-bottom: 0px;
}

@media (max-width: 680px) {
.object-data-box>div {
    padding-right: 0px;
}
.object-data-box>div:last-child {
    margin-bottom: 8px;
}
}
.d-table>.d-table-cell {
    vertical-align: top;
}
.all-ground-box>div {
    margin-bottom: 4px;
}
.all-ground-box>div:last-child {
    margin-bottom: 0px;
}
/*物件詳細資料*/

/*生活機能地圖*/
.life-map {
    position: relative;
    height: 462px;
    overflow: hidden;
}
.life-map-info-box {
    width: 356px;
    max-width: 356px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 20px 20px;
    background-color: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .2);
    z-index: 1;
    transition: .15s ease-in-out;
}
.life-map-info-box.active {
    top: -176px;
}
.life-map-info-box.active.life-map-info-top {
    top: -100px;
}
.life-map-info {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 232px;
    transition: height .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.life-map-info.active {
    height: 0;
}
.life-map-info-button {
    color: #fff;
    background-color: #3E3A39;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 36px;
    text-align: center;
    cursor: pointer;
}
.life-map-info-button::after {
    content: "關閉周邊生活機能"
}
.life-map-info-button.active::after {
    content: "開啟周邊生活機能"
}
.life-map-icon-box {
    overflow-x: hidden;
    /*white-space: nowrap;*/
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 4px 0px;
    margin: 0 0px 0px 4px;
}
@media only screen and (max-device-width: 680px) {
.life-map-icon-box {
    overflow-x: auto;
}
}
.life-map-icon-box div {
    display: inline-block;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #595757;
    width: 84px;
    padding: 44px 0px 4px 0px;
    margin: 4px 4px 0px 0px;
    border: 1px solid #EFEFEF;
    background-color: #e6e6e6;
    opacity: .8;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.life-map-icon {
    background-position: center -72px;
    /*background-position: center 4px;*/
    background-repeat: no-repeat;
}
.life-map-icon-s {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center -32px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 4px -2px 0px
}
.life-map-icon.icon1, .life-map-icon-s.icon1 {
    background-image: url(../../images/new/life_map/government_icon.png);
}
.life-map-icon.icon2, .life-map-icon-s.icon2 {
    background-image: url(../../images/new/life_map/school_icon.png);
}
.life-map-icon.icon3, .life-map-icon-s.icon3 {
    background-image: url(../../images/new/life_map/medical_icon.png);
}
.life-map-icon.icon4, .life-map-icon-s.icon4 {
    background-image: url(../../images/new/life_map/pastimes_icon.png);
}
.life-map-icon.icon5, .life-map-icon-s.icon5 {
    background-image: url(../../images/new/life_map/shopping_icon.png);
}
.life-map-icon.icon6, .life-map-icon-s.icon6 {
    background-image: url(../../images/new/life_map/restaurant_icon.png);
}
.life-map-icon.icon7, .life-map-icon-s.icon7 {
    background-image: url(../../images/new/life_map/traffic_icon.png);
}
.life-map-icon.icon8, .life-map-icon-s.icon8 {
    background-image: url(../../images/new/life_map/store_icon.png);
}
.life-map-icon.active, .life-map-icon:hover {
    /*background-position: center -72px;*/
    background-color: #fff;
    /*background-color: rgba(230,0,18,0.1);*/
}
.life-map-c {
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    color: #595757;
    border-bottom: 1px solid #EFEFEF;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}
@media (hover: hover) {
.life-map-c:hover {
    background-color: #EFEFEF;
}
}
.life-map-c.active {
    background-color: antiquewhite;
}
.life-map-wl {
    width: 196px;
    max-width: 196px;
    padding: 8px 0px 8px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.life-map-wr {
    width: 143px;
    max-width: 143px;
    padding: 8px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 680px) {
.life-map {
    height: 340px;
    padding-top: 0px;
}
.life-map-info-box {
    width: 100%;
    max-width: 340px;
    left: 0;
    margin: 0px auto;    

    top: -152px;
    transition: .15s ease-in-out;
}
.life-map-info-box.life-map-info-top {
    top: -78px;
}
.life-map-info-box.active {
    top: 0;
} 
.life-map-info-box.active.life-map-info-top {
    top: 0;
}
.life-map-icon-box div {
    width: 80px;
}
.life-map-info {
    height: 0px;
}
.life-map-info.active {
    height: auto;
    max-height:148px;
}
.life-map-info-button::after {
    content: "開啟周邊生活機能"
}
.life-map-info-button.active::after {
    content: "關閉周邊生活機能"
}
.life-map-wl {
    width: 196px;
    max-width: 196px;
}
.life-map-wr {
    width: 100px;
    max-width: 100px;
    padding: 8px 12px;
}
}
@media (max-width: 360px) {
.life-map {
    padding-top: 36px;
}
}
@media (max-width: 320px) {
.life-map-icon-box div {
    width: 70px;
}
}
/*生活機能地圖*/

/*特色推薦*/
.features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}
.features-body {
    max-width: 100%;
    -ms-flex: 1;
    flex: 1;
    line-height: 26px;
    color: #595757;
}
.features-body>div {
    margin-top: 8px;
    line-height: 16px;
    color: #9fa0a0;
}
.features_img {
    margin: 0 16px 0px 0;
}
.features p {
    color: #595757;
    margin-bottom: 8px;
    line-height: 26px;
}

/*
.features p:first-of-type {
    margin-top: 16px;
}
*/
@media (max-width: 680px) {
.features {
    -ms-flex-direction: column;
    flex-direction: column;
}
.features-body {
    max-width: 100%;
    -ms-flex: none;
    flex: none;
}
.features_img {
    margin: 0 0 8px 0;
}
.features p {
    margin-bottom: 4px;
}
.features p:first-of-type {
    margin-top: 4px;
}
}
/*特色推薦*/

/*成交行情*/
.transaction-info {
    margin: 0 8px;
}

@media (max-width: 680px) {
.transaction-info {
    margin: 0 8px 8px 8px;
}
}
/*成交行情*/

/*owl 動態視窗*/
.owl-modal.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -1.3%;
    bottom: 45.5%;
}
.owl-modal.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -1.3%;
    bottom: 45.5%;
}

@media (max-width: 680px) {
.owl-modal.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 8%;
    bottom: 45.5%;
}
.owl-modal.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 8%;
    bottom: 45.5%;
}
}
/*owl 動態視窗*/

/*物件簡單版*/
.owl-house-easy {

}
.owl-house-easy.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -1.3%;
    bottom: 45.5%;
}
.owl-house-easy.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -1.3%;
    bottom: 45.5%;
}

@media (max-width: 663px) {
.owl-house-easy.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 8%;
    bottom: 45.5%;
}
.owl-house-easy.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 8%;
    bottom: 45.5%;
}
}
.owl-house-easy-col {
    position: relative;
    margin: auto;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 663px) {
.owl-house-easy-col {
    max-width: 340px;
    padding-right: 0px;
    padding-left: 0px;
}
}
.owl-house-easy-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px
}
.owl-house-easy-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    width: 100%;
}
@media (hover: hover) {
.owl-house-easy-body a:hover {
    color: #e60012;
}
}
.owl-house-easy-price {
    position: absolute;
    z-index: 1;
    width: 46px;
    height: 47px;
    line-height: 1.2;
    top: 0;
    left: 12px;
    background: url(../../images/new/price_bg.png) top left no-repeat;
    text-align: center;
    color: #FFFFFF;
    padding-top: 4px;
}
.owl-house-easy-price span {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
/*物件簡單版*/

/*裝潢推薦*/
.owl-decoration.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -1.6%;
    bottom: 45.5%;
}
.owl-decoration.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -1.6%;
    bottom: 45.5%;
}

@media (max-width: 680px) {
.owl-decoration.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 8%;
    bottom: 45.5%;
}
.owl-decoration.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 8%;
    bottom: 45.5%;
}
}
.decoration-bg {
    height: 445px;
    background-image: url(../../images/new/decoration-bg_1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F4F4F4; /*R244 G244 B244 K7%*/
}
.decoration-box {
    padding: 0 0 0 286px;
}
.decoration-title {
    padding: 0px 16px 12px 16px;
}
@media (max-width: 1200px) {
.decoration-box {
    padding: 0 108px 0 276px;
}
}
@media (max-width: 1050px) {
.decoration-box {
    padding: 0 58px 0 186px;
}
}
@media (max-width: 900px) {
.decoration-bg {
    background-image: url(../../images/new/decoration-bg_2.jpg);
}
.decoration-box {
    padding: 0px;
}
.decoration-title {
    padding: 0px 8px 48px 8px;
}
}
@media (max-width: 680px) {
.decoration-bg {
    height: auto;
}
.decoration-title {
    padding: 0px 8px 24px 8px;
}
}
/*裝潢推薦*/

/*------物件詳細頁面------*/

/*物件列表頁面*/
.col-md-l-list, .col-md-r-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width:1181px) {
.col-md-l-list {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: -282px;
    padding-right: 282px;
}
.col-md-r-list {
    -ms-flex: 0 0 234px;
    flex: 0 0 234px;
    width: 234px;
    margin-left: 48px;
}
}

@media (min-width: 1025px) and (max-width: 1180px) {
.col-md-l-list {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: -250px;
    padding-right: 250px;
}
.col-md-r-list {
    -ms-flex: 0 0 234px;
    flex: 0 0 234px;
    width: 234px;
    margin-left: 16px;
}
}

@media (max-width: 1024px) {
.col-md-r-list {
    display: none;
    visibility: hidden;
}
}
.btn.list {
    /*padding: 5px 10px;*/
}
/*物件列表右邊區塊*/
.house-right-box {
    margin-bottom: 12px;
}
.house-right-box:last-of-type {
    margin-bottom: 0px;
}
.house-right-box-l {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 80px;
    height: 62px;
}
.house-right-box-r {
    width: 146px;
}
/*物件列表右邊區塊*/

/*大家都在看*/
.search-look-main {
    overflow: hidden;
    margin: 0px;    
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.search-look-main div {
    margin-right: 8px;
}
.search-look-main div:last-child {
    margin-right: 0px;
}

@media (max-width: 1024px) {
.search-look-main {
    margin: 0px;
}
}

@media only screen and (max-device-width: 680px) {
.search-look-main {
    overflow-x: auto;
}
}
/*大家都在看*/

/*物件列表搜尋類型*/
.type-btn {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
    cursor: pointer;
}
@media (hover: hover) {
.type-btn:hover {
    box-shadow: 0 0 0 2px rgba(159,160,160,.2)
}
}
.type-btn.active {
    color: #fff;
    background-color: #e60012;
    border: 0px solid #DCDDDD;
}
@media (hover: hover) {
.type-btn.active:hover {
    box-shadow: 0 0 0 2px rgba(230,0,18,.5)
}
}
.search-type-box>div {
    margin: 0 8px 0 0;
}
.search-type-box>div:last-child {
    margin: 0 0px 0 0;
}
.house-type {
    width: 100%;
    margin-bottom: 6px;
    border-bottom: 1px solid #EFEFEF;
}
.house-type.search {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0px;
    border-bottom: 0px solid #EFEFEF;
    text-align: center;
}
.house-type>div {
    margin-right: 20px;
    padding-bottom: 8px;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-bottom: 3px solid;
    border-color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.house-type>div:last-child {
    margin-right: 0px;
}
.house-type>div.active {
    color: #e60012;
    border-color: #e60012;
}
.house-type>div.active .fa, .house-type>div.active .fas {
    display: inline-block;
}
.house-type>div .fa, .house-type>div .fas {
    display: none;
}
.house-type>div.active .fa.active, .house-type>div.active .fas.active {
    display: inline-block;
}
.house-type.search.store>div {
    margin-right: 0px;
}
@media (max-width: 680px) {
.house-type>div {
    margin-right: 12px;
}
}
/*物件列表搜尋類型*/

/*物件列表排序*/
.empty-box-device {
    width: 100%;
    height: 54px;
    display: none;
}
.empty-box-device.show {
    display: block;
}
.house-order-box-device {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    will-change: transform, opacity;
    transition: opacity .3s ease-out, transform .3s ease-out;
    z-index: 1;
}
.house-order-box-device.show {
    padding: 10px 0px 0px 0px;
    border-bottom: 0px solid #EFEFEF;
    position: fixed;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    opacity: .98;
    -webkit-transform: translate(0, 36px);
    transform: translate(0, 36px);
    z-index: 600;
}
@media only screen and (max-device-width: 680px) {
.house-order-box-device {
/*    border-top: 0px solid #EFEFEF;*/
}
}
.empty-box1 {
    width: 100%;
    height: 54px;
    display: none;
}
.empty-box1.show {
    display: block;
}
.house-order-box {
    width: 100%;
    background-color: #fff;
    padding: 16px 0px 16px 0px;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    will-change: transform, opacity;
    transition: opacity .3s ease-out, transform .3s ease-out;
    z-index: 1;
}
.house-order-box.show {
    padding: 22px 0px 12px 0px;
    border-bottom: 0px solid #EFEFEF;
    position: fixed;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    opacity: .98;
    -webkit-transform: translate(0, 36px);
    transform: translate(0, 36px);
    z-index: 600;
}
.house-order>div {
    margin-right: 20px;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.house-order>div:last-child {
    margin-right: 0px;
}
.house-order>div.active {
    color: #e60012;
}
.house-order>div .fas {
    display: none;
}
.house-order>div.active .fas.active {
    display: inline-block;
}
.house-list-view [data-toggle="pill"] {
    margin-right: 16px;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.house-list-view [data-toggle="pill"]:last-child {
    margin-right: 0px;
}
.house-list-view [data-toggle="pill"].active {
    color: #e60012;
}

@media (max-width: 480px) {
.house-order>div {
    margin-right: 8px;
}
.house-list-view [data-toggle="pill"] {
    margin-right: 12px;
}
}
/*物件列表排序*/

.object-image-bg {
    background-repeat: no-repeat;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

/*物件列表區塊*/

@media (max-width: 768px) {
.house-object .controller .owl-theme .owl-controls {
    display: none;
    visibility: hidden;
}
.house-object .controller .owl-counter-bg {
    display: none;
}
}
/* 清單檢視 ho-th-list*/
.ho-th-list:nth-child(odd) {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ho-th-list:nth-child(even) {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ho-th-list {
    float: none;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: -1px;
}
.ho-th-list:hover {
    background-color: #F7F8F8;
}
.ho-th-list .ho-l {
    z-index: 2;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    margin-right: 16px;
}
.ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -266px;
    padding-left: 266px;
    padding-right: 305px;
}
.ho-th-list .owl-pagination::after, .ho-th-list .owl-page.active::before {
    bottom: 122px;
}
.ho-th-list .ho-img {
    height: 170px;
}
.ho-th-list .owl-counter-bg {
    top: 12px;
}
.ho-th-list-c-box {
    display: none;
}
.ho-th-list .ho-th-list-c-box {
    display: block;
}
.ho-th-list .t-cost-list-box {
    position: absolute;
    top: 24px;
    right: 0;
    height: 170px;
}
@media (max-width: 768px) {
.ho-th-list .t-cost-list-box {
    top: 36px;
}
}
.ho-th-list .t-cost-list-box-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}
.ho-th-list .t-cost-list-box-main>div {
    margin: 0px 48px 0px 0px;
}
.ho-th-list .t-cost-list-box-main>div:last-child {
    margin: 0px 0px 0px 0px;
}
.ho-th-list .t-cost-list-main {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
}
.ho-th-list .t-cost-list-btns-main {
    -ms-flex-direction: column;
    flex-direction: column;
}
.ho-th-list .t-cost-list-btns-main>div {
    margin: 0px 0px 8px 0px;
}
.ho-th-list .t-cost-list-btns-main>div:last-child {
    margin: 0px 0px 0px 0px;
}
.ho-th-list .t-cost-list-s1 {
    text-align: center;
    padding: 4px 6px;
    border-radius: 4px;
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
}
.ho-th-list .t-cost-list-s2 {
    color: #595757;
}
.ho-th-list .t-cost-list-t {
    font-size: 24px;
    color: #e60012;
}
.ho-th-list .t-cost-list-btns-main .btn {
    
}
.ho-th-list .t-cost-list-btns-main .btn.active {
    
}
@media (max-width: 1000px) {
.ho-th-list .ho-r {
    padding-right: 120px;
}
.ho-th-list .t-cost-list-box-main {
    -ms-flex-direction: column;
    flex-direction: column;
}
.ho-th-list .t-cost-list-box-main>div {
    margin: 0px 0px 8px 0px;
}
.object-num {
    display: none!important;
}
}

@media (max-width: 680px) {
.ho-th-list {
    padding-bottom: 62px;
}
.ho-th-list .ho-l {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 120px;
    margin-right: 10px;
}
.ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -130px;
    padding-left: 130px;
    padding-right: 0px;
}
.ho-th-list .owl-pagination::after, .ho-th-list .owl-page.active::before {
    bottom: 0px;
}
.ho-th-list .ho-img {
    height: 96px;
}
.ho-th-list .box-p3 {
    padding: 4px 6px;
}
.ho-th-list .t-cost-list-box {
    position: static;
    height: auto;
    margin-bottom: 4px;
}
.ho-th-list .t-cost-list-box-main {
    -ms-flex-direction: row;
    flex-direction: row;
}
.ho-th-list .t-cost-list-box-main>div {
    margin: 0px 0px 0px 0px;
}
.ho-th-list .t-cost-list-main {
    -ms-flex-direction: row;
    flex-direction: row;
}
.ho-th-list .t-cost-list-main>div {
    margin-right: 6px;
}
.ho-th-list .t-cost-list-main>div:last-child {
    margin-right: 0px;
}
.ho-th-list .t-cost-list-main>div:nth-child(3) {
    display: none;
}
.ho-th-list .t-cost-list-btns-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    -ms-flex-direction: row;
    flex-direction: row;/*
    padding: 6px 0px;
    background-color: #F7F8F8;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    */
}
.ho-th-list .t-cost-list-btns-main>div {
    margin: 0px 8px 0px 0px;
}
.ho-th-list .t-cost-list-btns-main .btn {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
    opacity: 1;
}
.ho-th-list .t-cost-list-btns-main .btn.active {
    color: #e60012;
    background-color: #fff;
    border: 1px solid #e60012;
}
@media (hover: hover) {
.ho-th-list .t-cost-list-btns-main .btn:hover {
    box-shadow: 0 0 0 2px rgba(159,160,160,.2);
}
}
.ho-th-list .t-cost-list-btns-main .btn:first-child {
    width: 120px;
}
.ho-th-list .t-cost-list-btns-main>div:last-child {
    width: 100%;
}
.ho-th-list .t-cost-list-t {
    font-size: 20px;
}
}
/* 清單檢視 ho-th-list*/
/* 網格檢視 ho-th*/
.ho-th .owl-pagination::after, .ho-th .owl-page.active::before {
    bottom: 302px;
}
.ho-th:nth-child(even) .owl-counter-bg {
    margin-left: -8px;
}
.ho-th {
    float: left;
    position: relative;
    width: 50%;
    min-height: 1px;
    margin-bottom: 16px;
}
.ho-th:nth-child(odd):nth-last-child(1) {
    margin-bottom: 0px;
}
.ho-th:nth-child(even):nth-last-child(1) {
    margin-bottom: 0px;
}
.ho-th:nth-child(odd) .house-object-body {
    position: relative;
    margin-right: 8px;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.ho-th:nth-child(even) .house-object-body {
    position: relative;
    margin-left: 8px;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}


@media (max-width: 680px) {
.ho-th {
    margin-bottom: 10px;
}
.ho-th:nth-child(odd) .house-object-body {
    margin-right: 5px;
}
.ho-th:nth-child(even) .house-object-body {
    margin-left: 5px;
}
}
.ho-th .ho-l {
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.ho-th .ho-r {
    width: 100%;
    min-height: 1px;
    padding: 10px;
    height: 115px;
}
.ho-th:nth-child(odd) .owl-counter-bg {
    top: 12px;
}
.ho-th:nth-child(even) .owl-counter-bg {
    top: 12px;
    left: 20px;
}
.ho-th-c-box {
    display: none;
}
.ho-th .ho-th-c-box {
    display: block;
}
.ho-th .ho-img {
    height: 350px;
}
.ho-th .t-cost-list-box {
    position: absolute;
    bottom: 127px;
    left: 0;
}
.ho-th .t-cost-list-box-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
}
.ho-th .t-cost-list-btns-box {
    position: absolute;
    left: 10px;
    bottom: -115px;
}
.ho-th .t-cost-list-btns-main>div {
    margin-right: 8px;
}
.ho-th .t-cost-list-btns-main>div:last-child {
    margin-right: 0px;
}
.ho-th .t-cost-list-main {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ho-th .t-cost-list-main>div {
    margin-bottom: 8px;
}
.ho-th .t-cost-list-main>div:nth-child(2) {
    margin-bottom: 0px;
}
.ho-th .t-cost-list-main .car-cost {
    display: none;
}
.ho-th .t-cost-list-btns-t {
    display: none;
}
.ho-th .t-cost-list-s1 {
    text-align: center;
    padding: 6px 10px;
    border-radius: 0px 4px 4px 0px;
    color: #9fa0a0;
    background-color: #fff;
}
.ho-th .t-cost-list-s2 {
    text-align: center;
    padding: 6px 10px;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    background-color: #e60012;
}
.ho-th .t-cost-list-t {
    font-size: 18px;
}

@media (max-width: 1000px) {
.ho-th .owl-pagination::after, .ho-th .owl-page.active::before {
    bottom: 252px;
}
.ho-th .ho-img {
    height: 300px;
}
}

@media (max-width: 768px) {
.ho-th .ho-img {
    height: 236px;
}
}

@media (max-width: 680px) {
.ho-th .ho-r {
    padding: 6px;
    height: auto;
}
.ho-th:nth-child(odd) .owl-counter-bg {
    top: 12px;
}
.ho-th:nth-child(even) .owl-counter-bg {
    top: 12px;
    left: 16px;
}
.ho-th .t-cost-list-btns-box {
    display: none;
}
.ho-th .t-cost-list-box {
    bottom: 60px;
}
.ho-th .t-cost-list-main .original-cost {
    /*
    display: none;
    visibility: hidden;
    */
    margin-bottom: 4px;
}
.ho-th .t-cost-list-main>div {
    margin-bottom: 0px;
}
.ho-th .t-cost-list-s1, .ho-th .t-cost-list-s2 {
    padding: 4px 8px;
}
.ho-th .t-cost-list-t {
    font-size: 16px;
}
}

@media (max-width: 480px) {
.ho-th .ho-img {
    height: 142px;
}
}

@media (max-width: 360px) {
.ho-th .ho-img {
    height: 118px;
}
}
/* 網格檢視 ho-th*/
@media (hover: hover) {
.t-title-list-box a:hover {
    color: #e60012;
}
}
.t-c-address-box {
    color: #9fa0a0;
}
.ho-th-list .t-title-list-box {
    margin-bottom: 12px;
}
.ho-th-list .t-c-address-box {
    margin-bottom: 12px;
}
.ho-th-list .t-c-list-box {
    margin-bottom: 12px;
}
.ho-th-list .t-c-list-box>div {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.t-c-list-box .content-1 {
    display: inline-block;
}

@media (max-width: 768px) {
.ho-th-list .t-c-list-box>div {
    white-space: normal;
}
.ho-th-list .t-c-list-box .content-1 {
    line-height: 26px;
}
}

@media only screen and (max-device-width: 680px) {
.ho-th-list .t-c-list-box>div {
    white-space: nowrap;
    text-overflow: inherit;
}
.ho-th-list .t-c-list-box .content-1 {
    line-height: normal;
}
}
.ho-th-list .t-tab-list-box {
}
.ho-th .t-title-list-box {
    margin-bottom: 8px;
}
.ho-th .t-c-address-box {
    display: none;
    margin-bottom: 8px;
}
.ho-th .t-c-list-box {
    margin-bottom: 8px;
}
.ho-th .t-c-list-box>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-device-width: 680px) {
.ho-th .t-c-list-box>div {
    white-space: nowrap;
    overflow: auto;
    text-overflow: inherit;
}
}
.ho-th .t-tab-list-box {
    padding-left: 92px;
}
.t-tab-list {
    overflow: hidden;    
    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.t-tab-list>div {
/*margin-right: 8px;*/
}
.t-tab-list>div {
    display: inline-block;
    margin-right: 4px;
}
.t-tab-list>div:last-child {
    margin-right: 0px;
}

@media (max-width: 680px) {
.ho-th-list .t-title-list-box {
    margin-bottom: 4px;
}
.ho-th-list .t-c-address-box {
    margin-bottom: 4px;
}
.ho-th-list .t-c-list-box {
    margin-bottom: 4px;
}
.ho-th-list .t-tab-list-box {
    display: none;
}
.ho-th .t-tab-list-box {
    display: none;
}
.ho-th .t-title-list-box {
    margin-bottom: 2px;
}
.ho-th .t-c-list-box {
    margin-bottom: 0px;
}
}

@media only screen and (max-device-width: 680px) {
.t-tab-list {
/*overflow-x: auto;*/
}
}
.content-1::after {
    color: #DCDDDD;
    margin: 0px 10px;
    content: "/";
}
.content-1:last-child::after {
    margin: 0px 0px;
    content: "";
}
.content-1:last-child {
/*
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}

@media (max-width: 680px) {
.content-1::after {
    color: #DCDDDD;
    margin: 0px 4px;
    content: "/";
}
.ho-th .content-1:nth-child(4) {
/*display: none;*/
}
}
.t-c-list-box-home .content-1 {
    display: inline-block;
    line-height: 26px;
}
.t-c-list-box-home .content-1:last-child {
    display: inline;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.t-c-list-box-home>div {
    height: 52px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (max-device-width: 680px) {
.t-c-list-box-home>div {
}
}
/*物件列表區塊*/

/*找經紀人*/
.alert-team .close {
    position: absolute;
    top: 0px;
    right: 12px;
    color: inherit
}
.team-box-list {
    margin-top: 48px;
    margin-bottom: 48px;
}
.team-box-list.active {
    margin-top: 32px;
    margin-bottom: 48px;
}
.team-body-list {
    width: 220px;
    padding: 16px 32px;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
}

@media (max-width: 680px) {
.alert-team .close {
    top: -2px;
}
.team-box-list {
    margin-top: 24px;
    margin-bottom: 24px;
}
.team-box-list.active {
    margin-top: 14px;
    margin-bottom: 24px;
}
.team-body-list {
    width: 150px;
    padding: 12px 12px;
}
}
/*找經紀人*/
/*物件列表頁面*/

/*經營團隊列表頁面*/
.team-box-list-group>div {
    float: left;
    margin-bottom: 16px;
}
.team-box-list-group>div:nth-child(odd):last-child {
    margin-bottom: 0px;
}
.team-box-list-group>div:nth-child(even):last-child {
    margin-bottom: 0px;
}

@media (max-width: 680px) {
.team-box-list-group>div {
    margin-bottom: 10px;
}
}
/*經營團隊列表頁面*/

/*經紀人員個人簡歷*/
.award-box>div {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

@media (max-width: 1160px) {
.award-box>div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
}

@media (max-width: 740px) {
.award-box>div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
}
.team-user-box {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}
.team-user-box:last-child {
    margin-bottom: 0px;
}
.team-user-title-box {
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}
.team-user-box-header {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}
.team-user-box-header>div {
    margin-right: 8px;
}
.team-user-box-body {
    padding-top: 10px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
}
.team-user-box-img-box {
    margin-right: 16px;
}
.team-user-box-img {
    width: 150px;
    height: 200px;
}

.team-user-box-content>div {
    margin-bottom: 8px;
}
.team-user-box-content>div:last-child {
    margin-bottom: 0px;
}
@media (hover: hover) {
.team-user-box-content a:hover {
    color: #e60012;
}
}
.team-user-box-content .d-table .d-table-cell:first-child {
    color: #9fa0a0;
}

@media (max-width: 680px) {
.team-user-box {
    padding: 10px;
}
.team-user-box-header {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.team-user-box-header>div {
    margin-right: 0px;
    margin-bottom: 4px;
}
.team-user-box-body {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.team-user-box-img-box {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
.team-user-box-content {
    padding-top: 10px;
    border-top: 1px solid #EFEFEF;
}
.team-user-box-content>div {
    padding-right: 0px;
    margin-bottom: 8px;
}
}
.team-user-box-number-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-left: 16px;
    padding: 16px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}

@media (max-width: 1000px) {
.team-user-box-number-box {
    display: none;
    visibility: hidden;
}
}
/*經紀人員個人簡歷*/

/*職能培訓*/
.competencyModal-img {
    margin: 0 48px 0 0;
}
.competency-rounded {
    color: #fff;
    width: 184px;
    height: 184px;
    padding: 8px;
    text-align: center;
    /*background-color: #e60012;*/
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0px 6px rgba(0, 0, 0, .4);
}
@media (max-width: 680px) {
.competencyModal-img {
    margin: 0 0px 12px 0;
}
}
/*職能培訓*/

/*franchise 加盟專區*/
.franchise-main {
    display: inline-block;
    width: 100%;
}
.franchise-main.handbook {
    display: inline-block;
    width: 100%;
}
.franchise-main.handbook p:last-child {
    margin-bottom: 0px;
}
.franchise-main.realestate>div {
    margin-bottom: 12px;
}
.franchise-main.realestate>div:last-child {
    margin-bottom: 0px;
}
.franchise-main img {
    max-width: 100%;
    height: auto
}
.franchise-main p {
    margin-bottom: 12px;
    word-break: break-all;
}
.franchise-main strong.red {
    color: #e60012;
}
.franchise-main .left-img {
    float: left;
    margin: 0px 12px 12px 0px;
}
.franchise-main .right-img {
    float: right;
    margin: 0px 0px 12px 12px;
}
.franchise-main .center-img, .center-img {
    margin-left: auto;
    margin-right: auto;
}
.franchise-main .img-box {
    width: 100%;
    text-align: center;
    margin: 12px 0px 12px 0px;
}
.franchise-main .img-box:last-child {
    margin: 12px 0px 0px 0px;
}
.franchise-ul-1 {
    margin-left: 210px;
    /*padding-left: 16px;*/
}
.franchise-ul-2 {
    margin-left: 380px;
    /*padding-left: 16px;*/
}
.franchise-ul-3 {
    margin-left: 250px;
    /*padding-left: 16px;*/
}
.franchise-ul-4 {
    padding-top: 40px;
    margin-left: 220px;
}
@media (max-width: 680px) {
.franchise-main .left-img {
    float: none;
    margin: 0px auto 12px auto;
    display: block;
    text-align: center;
}
.franchise-main .right-img {
    float: none;
    margin: 0px auto 12px auto;
    display: block;
    text-align: center;
}
.franchise-ul-1, .franchise-ul-2, .franchise-ul-3 {
    margin-left: 0px;
}
.franchise-ul-4 {
    padding-top: 0px;
    margin-left: 0px;
}
}
/*franchise 加盟專區*/

/*et_store 服務據點*/
#result_info_list, .border-l1 {
    border-left: 1px solid #EFEFEF;
}
@media (max-width: 680px) {
#result_info_list, .border-l1 {
    border-left: 0px solid #EFEFEF;
}
}
/*et_store 服務據點*/

/*文章*/
.article-title-box>div {
    margin: 0 20px 0 0;
}
.article-title-box>div:last-child {
    margin: 0 0px 0 0;
}
.article-title-img {
    max-height: 160px;
}
.article-video {
    max-width: 100%;
    /*max-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}
/*文章*/

/*董事長區*/
.empty-box1.chairman, .empty-box1.handbook {
    width: 100%;
    height: 57px;
    display: none;
}
.empty-box1.chairman.show, .empty-box1.handbook.show {
    display: block;
}
.table-form {
    background-color: #fff;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    will-change: transform, opacity;
    transition: opacity .3s ease-out, transform .3s ease-out;
    z-index: 999;
}
.table-form.show {
    position: fixed;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    /*
    -webkit-transform: translate(0, 51px);
    transform: translate(0, 51px);
    margin-top: -51px;
    */
    -webkit-transform: translate(0, 46px);
    transform: translate(0, 46px);
    margin-top: 0px;
}
.table-form.handbook {
}
.table-form.handbook.show {
    -webkit-transform: translate(0, 46px);
    transform: translate(0, 46px);
    margin-top: 0px;
}
.table-form.realestate {
    -webkit-transform: translate(0, -46px);
    transform: translate(0, -46px);
    margin-top: 46px;
    margin-bottom: -46px;
}
.table-form.realestate.show {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    margin-top: 0px;
}

.chairman-main-t {
    position: relative;
    line-height: 26px;
    overflow: hidden;
    height: 118px;
}
.chairman-news-img {
    float: left;
    margin-right: 12px;
    height: 118px;
}
@media (max-width: 680px) {
.empty-box1.chairman, .empty-box1.handbook {
    height: 56px;
}
.table-form.show {
    /*
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    margin-top: -50px;
    */
    -webkit-transform: translate(0, 46px);
    transform: translate(0, 46px);
    margin-top: 0px;
}
    
.chairman-main-t {
    line-height: 22px;
    height: 88px;
}
.chairman-news-img {
    height: 88px;
}
}
.chairman-img {
    width: 144px;
    height: 108px;
    display: inline-block;
    padding: 4px;
    border: 1px solid #EFEFEF;
    background-image: url(../../images/new/no_pic1.jpg);
    background-position: center center;
    background-color: #FBFBFB;
    margin: 2px 0 12px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
@media only screen and (max-device-width: 680px) {
.chairman-img {
    width: 164px;
    height: 123px;
}
}
/*董事長區*/

/*集團簡介*/
.group-people-l {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin-right: -576px;
    padding-right: 576px;
}
.group-people-r {
    -ms-flex: 0 576px;
    flex: 0 0 576px;
    width: 576px;
}
.group1-img {
    margin: 0px 16px 16px 0;
}
.table-main.group1>div {
    padding: 16px 16px;
}
.group-column-t {
    text-align: justify;
    /*height: 1200px;*/
    
    -moz-column-fill: auto;
    column-fill: auto;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    column-gap: 24px;
}
.group-column-t p, .group-column-t li div {
    margin-top: 16px;
    margin-bottom: 16px;
}
.group-column-t p:first-child, .group-column-t li div:first-child {
    margin-top: 0px;
}
.group-column-t p:last-child, .group-column-t li div:last-child  {
    margin-bottom: 0px;
}
.group-map img {
    border: 1px solid #DCDDDD;
}
.group-map>div {
    padding: 8px;
}
@media (max-width: 768px) {
.group-people-l {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0px;
    padding-right: 0px;
}
.group-people-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
.group1-img {
    text-align: center;
    margin: 0px 0px 12px 0;
}
.group-column-t {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}
@media (max-width: 680px) {

.table-main.group1>div {
    padding: 12px 12px;
}
.group-column-t {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.group-column-t p, .group-column-t li div  {
    margin-top: 12px;
    margin-bottom: 12px;
}
}
/*集團簡介*/

/*house-object 物件*/
.owl-object figure.ho-img div {
    border-radius: 4px 4px 0 0;
}
figure.owl-item-img-easy .object-object-image, figure.owl-item-img-easy .image-size-cover {
    border-radius: 4px 4px 0 0;
}
figure.owl-item-img-small img {
    border-radius: 0px;
}
.object-image-detail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border-radius: 0px;
	image-rendering: -webkit-optimize-contrast;
}
.object-image-detail-s {
	border: #EFEFEF 1px solid;
	background-color: #FBFBFB;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 0px;
	image-rendering: -webkit-optimize-contrast;
}
.object-object-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
	image-rendering: -webkit-optimize-contrast;
}
.object-object-image.lazy {
    background-image: none!important;
}
.object-object-image.none {
    background-image: url(../../images/new/object_none.jpg)!important;
    background-size: 140%;
}
.ho-th-list .ho-l .object-object-image.none {
    border: 1px solid #EFEFEF;
}
.object-image-none-style .object-object-image.none {
    background-size: 100%;
}
.insertAfter-object-box .ho-th-list {
    float: none;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 12px 16px 12px 16px;
    border-top: 1px dashed #EFEFEF;
    border-bottom: 1px dashed #EFEFEF;
    margin-bottom: -1px;
}
.insertAfter-object-box .ho-th-list .ho-l {
    z-index: 2;
    -ms-flex: 0 0 136px;
    flex: 0 0 136px;
    width: 136px;
    margin-right: 16px;
}
.insertAfter-object-box .ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -152px;
    padding-left: 152px;
    padding-right: 242px;
}
.insertAfter-object-box .ho-th-list .ho-img {
    height: 92px;
}
.insertAfter-object-box .ho-th-list .t-cost-list-box-main>div {
    margin: 0px 16px 0px 0px;
}
.insertAfter-object-box .ho-th-list .t-cost-list-box-main>div:last-child {
    margin: 0px 0px 0px 0px;
}
.insertAfter-object-box .ho-th-list .t-cost-list-box {
    top: 0;
    right: 16px;
    height: 118px;
}

@media (max-width: 1000px) {
.insertAfter-object-box .ho-th-list .t-cost-list-box-main {
    -ms-flex-direction: row;
    flex-direction: row;
}
}

@media (max-width: 680px) {
.insertAfter-object-box .ho-th-list {
    padding: 12px 12px 54px 12px;
}
.insertAfter-object-box .ho-th-list .ho-l {
    -ms-flex: 0 0 98px;
    flex: 0 0 98px;
    width: 98px;
    margin-right: 10px;
}
.insertAfter-object-box .ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -108px;
    padding-left: 108px;
    padding-right: 0px;
}
.insertAfter-object-box .ho-th-list .ho-img {
    height: 76px;
}
.insertAfter-object-box .ho-th-list .t-cost-list-box {
    position: static;
    height: auto;
    margin-bottom: 4px;
}
.insertAfter-object-box .ho-th-list .t-cost-list-btns-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 0px 12px;
    -ms-flex-direction: row;
    flex-direction: row;
}
.insertAfter-object-box .ho-th-list .t-cost-list-btns-main .btn:first-child {
    width: 98px;
}
}

@media (max-width: 320px) {
/*
.insertAfter-object-box .ho-th-list .ho-l {
    -ms-flex: 0 0 76px;
    flex: 0 0 76px;
    width: 76px;
    margin-right: 10px;
}
.insertAfter-object-box .ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -86px;
    padding-left: 86px;
    padding-right: 0px;
}
*/
}
/*house-object 物件*/

/*近期瀏覽*/
#object-box-2 .cookie-object-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
}
#object-box-2 .ho-th-list {
    float: none;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 12px 12px 54px 12px;
    border-top: 1px dashed #EFEFEF;
    border-bottom: 1px dashed #EFEFEF;
    margin-bottom: -1px;
}
#object-box-2 .ho-th-list .ho-l {
    -ms-flex: 0 0 98px;
    flex: 0 0 98px;
    width: 98px;
    margin-right: 10px;
}
#object-box-2 .ho-th-list .ho-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: -108px;
    padding-left: 108px;
    padding-right: 0px;
}
#object-box-2 .ho-th-list .ho-img {
    height: 84px;
}
#object-box-2 .ho-th-list .t-title-list-box {
    margin-bottom: 4px;
}
#object-box-2 .ho-th-list .t-cost-list-box {
    top: 0;
    right: 0;
    position: static;
    height: auto;
    margin-bottom: 4px;
}
#object-box-2 .ho-th-list .t-cost-list-main {
    -ms-flex-direction: row;
    flex-direction: row;
}
#object-box-2 .ho-th-list .t-cost-list-main>div {
    margin: 0px 8px 0px 0px;
}
#object-box-2 .ho-th-list .t-cost-list-main>div:last-child {
    margin: 0px 0px 0px 0px;
}
#object-box-2 .ho-th-list .t-cost-list-box-main {
    -ms-flex-direction: row;
    flex-direction: row;
}
#object-box-2 .ho-th-list .t-cost-list-box-main>div {
    margin: 0px 0px 0px 0px;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 0px 12px;
    -ms-flex-direction: row;
    flex-direction: row;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main>div {
    margin: 0px 8px 0px 0px;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main>div:last-child {
    margin: 0px 0px 0px 0px;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main .btn {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main .btn:hover {
    box-shadow: 0 0 0 2px rgba(159,160,160,.2);
}
#object-box-2 .ho-th-list .t-cost-list-btns-main .btn:first-child {
    width: 98px;
}
#object-box-2 .ho-th-list .t-cost-list-btns-main>div:last-child {
    width: 100%;
}

@media (max-width: 680px) {
#object-box-2 .ho-th-list .ho-img {
    height: 76px;
}
}
/*近期瀏覽*/

/*驗證碼*/
.verification-box {
    -ms-flex-direction: row;
    flex-direction: row;
}
.verification-box>div {
    margin: 0px 12px 0px 0px;
}
.verification-box>div:last-child {
    margin: 0px;
}
.verification-text::after {
    content: "請輸入左方顯示的驗證碼";
}

@media (max-width: 680px) {
.verification-box {
    -ms-flex-direction: column;
    flex-direction: column;
}
.verification-box>div {
    margin: 0px 0px 12px 0px;
}
.verification-text::after {
    content: "請輸入右上方顯示的驗證碼";
}
}
/*驗證碼*/

/*頁籤按鈕 start*/
.tab-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 8px 0px 16px 0px;
    list-style: none
}
.tab-box.mobile-overflow-x {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.tab-box.mlr4 {
    margin: 8px 0px 8px 0px;
}
@media (max-width: 768px) {
.tab-box {
    margin: 8px 0px 12px 0px;
}
}
.tab-box .tab-link.active, .tab-box .show>.tab-link {
    color: #fff;
    background-color: #e60012;
}
.tab-link {
    color: #595757;
    text-decoration: none;
    padding: 6px 10px;
    background-color: #EFEFEF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
@media (hover: hover) {
.tab-link:hover {
    color: #595757;
}
}
.tab-link.black {
    color: #fff;
    background-color: #3E3A39;
    display: block;
    margin: 4px 0px;
}
@media (hover: hover) {
.tab-link.black:hover {
    /*color: #fff;*/
}
}
.tab-link.white {
    color: #9fa0a0;
    background-color: #fff;
    border: 1px solid #DCDDDD;
    display: block;
    margin: 4px 0px;
}
@media (hover: hover) {
.tab-link.white:hover {
}
}
@media only screen and (max-device-width: 680px) {
.tab-link.black {
    margin: 0px 0px;
}
.tab-link.white {
    margin: 0px 0px;
}
.tab-link.black.my4 {
    margin: 4px 0px;
}
.tab-link.white.my4 {
    margin: 4px 0px;
}
}
.tab-content-c {
    margin-top: 8px;
}

.tab-content-c.people {
    max-width: 1120px;
    margin: 12px auto;
}
.tab-content-c.handbook {
    max-width: 1120px;
    margin: 4px auto;
}
.tab-content-c.w-blank {
    max-width: 1160px;
    margin: 4px auto;
}

@media (max-width: 768px) {
.tab-content-c {
    margin-top: 4px;
}

.tab-content-c.people {
    margin: 8px auto;
}
.tab-content-c.handbook {
    margin: 0px auto;
}
.tab-content-c.w-blank {
    margin: 0px auto;
}
}
.tab-content-c>.tab-pane {
    display: none
}
.tab-content-c>.active {
    display: block
}
.nav.tab-box li {
    margin-right: 8px;
}
.nav.tab-box li:last-child {
    margin-right: 0px;
}
.nav.tab-box.mlr4 li {
    margin: 0px 4px;
}
.nav.tab-box.mlr4 li:last-child {
    margin: 0px 4px;
}
@media only screen and (max-device-width: 680px) {
.nav.tab-box.mlr4 li {
    margin: 0px 8px 0 0;
}
.nav.tab-box.mlr4 li:last-child {
    margin: 0px 0px 0 0;
}
.nav.tab-box.mlr4.mno li {
    margin: 0px 4px;
}
}
/*頁籤按鈕 end*/

/*不動產市場分析資訊*/
.table.realestate.ml--1 {
    margin-left: -1px;
}
.table.realestate {
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap!important;
    margin-bottom: 0px;
    
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.table.realestate thead {
    color: #fff;
    background-color: rgba(230,0,18,1);
}
.table.realestate td, .table.realestate th {
    padding: 2px 8px;
}
.table-hover.realestate tbody tr {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
.table-hover.realestate tbody tr:hover {
    color: inherit;
    background-color: rgba(0,0,0,.05);
}
.table.realestate.left-1 thead tr>th:first-child, .table.realestate.left-1 tr>td:first-child {
    text-align: left;
}
.realestate figure.photoswipe-item {
    max-width: 800px;
}
.realestate>.flex-fill {
    padding: 0 6px;
    margin-bottom: 12px;
}
@media (max-width: 680px) {
.realestate>.flex-fill {
    padding: 0 0px;
}
}
/*不動產市場分析資訊*/

/*圖片不變形*/
.images-auto-box {
    position: relative;
    background-color: #FBFBFB;
    border-radius: 4px;
}
.images-auto-box.rent-publish {
    margin: 3px;
    height: 108px;
    border: 1px solid #DCDDDD;
}
.images-auto-box img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
@media (max-width: 680px) {
.images-auto-box.rent-publish {
    height: 54px;
}
}
@media (max-width: 320px) {
.images-auto-box.rent-publish {
    height: 46px;
}
}
/*圖片不變形*/

/*icon按鈕切換*/
.collect-btn::after {
    content: "加入收藏";
}
.collect-btn.active::after {
    content: "取消收藏";
}
.collect-btn .fa.fa-heart {
    display: none;
}
.collect-btn.active .fa.fa-heart {
    display: inline-block;
}
.collect-btn.active .far.fa-heart {
    display: none;
}
.reserve-btn::after {
    content: "加入預約";
}
.reserve-btn.active::after {
    content: "取消預約";
}
.reserve-btn .fas.fa-calendar-check {
    display: none;
}
.reserve-btn.active .fas.fa-calendar-check {
    display: inline-block;
}
.reserve-btn.active .fas.fa-calendar-alt {
    display: none;
}
.ho-th .collect-btn::after, .ho-th .collect-btn.active::after {
    content: "";
}
.ho-th .reserve-btn::after, .ho-th .reserve-btn.active::after {
    content: "";
}
/*icon按鈕切換*/

/*收藏愛心圖標*/
.collect-heart {
    color: rgba(255,255,255,.6);
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 30px;
    z-index: 2;
    opacity: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
    cursor: pointer;
}
.controller:hover .collect-heart {
    opacity: 1;
}
.collect-heart.active {
    color: rgba(230,0,18,.8);
}

@media (max-width: 768px) {
.controller .collect-heart {
    opacity: 1;
}
}
.collect-heart.collect-btn::after {
    content: "";
}
.collect-heart.collect-btn.active::after {
    content: "";
}
/*收藏愛心圖標*/

/*降價動圖*/
.img-x {
    margin: auto;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 54px;
}
/*降價動圖*/

/*徽章*/
.badge-box {
    position: absolute;
    top: 0px;
    right: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.badge-collapse-box {
    position: absolute;
    top: 0px;
    right: 52px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.badge-r {
    color: #FFF;
    padding: 4px 6px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: 50px;
    background-color: #e60012;
}
.badge-r.pos {
    float: right;
    position: relative;
    top: 0px;
}
.collect-badge-icon, .collect-buy-badge-icon, .collect-rent-badge-icon {
    visibility: hidden;
}
.reserve-badge-icon, .reserve-buy-badge-icon, .reserve-rent-badge-icon {
    visibility: hidden;
}
.cookie-badge-icon {
    visibility: hidden;
}
.animated.collect-badge-icon, .animated.collect-buy-badge-icon, .animated.collect-rent-badge-icon, .animated.reserve-badge-icon, .animated.reserve-buy-badge-icon, .animated.reserve-rent-badge-icon, .animated.cookie-badge-icon {
    visibility: visible;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*徽章*/

/*top100*/
.top100-text1::before {
	content: "北一區";
}
.top100-text2::before {
	content: "北二區";
}
.top100-text3::before {
	content: "北三區";
}
.top100-text4::before {
	content: "中區";
}
.top100-text5::before {
	content: "南區";
}
.people-awards {
    position: absolute;
    top: 8px;
    left: 8px;
}
.people-img {
    width: 119px;
    height: 148px;
    display: inline-block;
/*    padding: 4px;*/
    border: 1px solid #EFEFEF;
    background-image: url(../../images/new/no_pic1.jpg);
    background-position: center center;
    background-color: #FBFBFB;
    margin: 4px 0 8px 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.people-img.store {
    width: 119px;
    height: 89px;
}
.bg-cover {
    background-size: cover;
    background-position: center 10%;
    width: 100%;
    height: 100%;
}
.people-md.building {
	height: 128px;
}
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.people-md:nth-child(1), .people-md:nth-child(2), .people-md:nth-child(3), .people-md:nth-child(4), .people-md:nth-child(5), .people-md:nth-child(6) {
    border-top: 1px solid #EFEFEF;
}
@media (max-width: 1080px) {
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.people-md:nth-child(6) {
    border-top: 0px solid #EFEFEF;
}
}
@media (max-width: 860px) {
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.people-md:nth-child(5) {
    border-top: 0px solid #EFEFEF;
}
}
@media (max-width: 720px) {
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.people-md:nth-child(4) {
    border-top: 0px solid #EFEFEF;
}
}
@media (max-width: 554px) {
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.people-md:nth-child(3) {
    border-top: 0px solid #EFEFEF;
}
}
@media (max-width: 372px) {
.people-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
.people-md:nth-child(2) {
    border-top: 0px solid #EFEFEF;
}
}
@media only screen and (max-device-width: 680px) {
.people-img {
    margin: 8px 0 8px 0;
}
.people-md {
    position: relative;
    width: 200px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    
    border-top: 1px solid #EFEFEF;
}
.people-md:nth-child(1), .people-md:nth-child(2), .people-md:nth-child(3), .people-md:nth-child(4), .people-md:nth-child(5), .people-md:nth-child(6) {
    border-top: 1px solid #EFEFEF;
}
}
.top100-title {
    margin: 12px 0px 8px 0px;
}
.m-pt-2-to-0 {
    padding-top: 8px;
}
@media (max-width: 680px) {
.top100-title {
    margin: 4px 0px;
}
.m-pt-2-to-0 {
    padding-top: 0px;
}
}
/*top100*/

/*房市新聞*/
.news-box {
/*	margin-bottom: 16px;*/
}
.news-box .btn {
	line-height: 1.5;
}
.news-box>.news-tag-box-top {
	width: 100%;
    padding: 16px 16px 0px 16px;
/*    border-bottom: 1px solid #EFEFEF;*/
}
.news-box .col-l {
	flex: 0 0 69.666667%;
    max-width: 69.666667%;
/*	background-color: aquamarine;*/
	order: 1;
	padding-left: 16px;
	padding-right: 24px;
/*	padding-top: 16px;*/
	padding-bottom: 16px;
}
.news-box .col-l>img, .news-box .col-l>.embed-responsive-Youtube {
	margin-top: 16px;
}
.news-box .col-r {
	flex: 0 0 30.333333%;
    max-width: 30.333333%;
/*	background-color: antiquewhite;*/
	order: 2;
	padding-left: 40px;
	padding-right: 16px;
/*	padding-top: 16px;*/
	padding-bottom: 16px;
}
.news-box .col-r>* {
	margin-bottom: 16px;
}
.news-box .col-r>*:last-child {
	margin-bottom: 0px;
}
.news-box .news-objects {
	order: 3;
}
@media (max-width: 920px) {
.news-box .col-l {
	flex: 0 0 100%;
    max-width: 100%;	
	order: 2;
	padding-right: 16px;
}
.news-box .col-r {
	flex: 0 0 100%;
    max-width: 100%;	
	order: 1;
	margin-bottom: 0px;
	padding-left: 16px;
	padding-bottom: 0px;
}
.news-box .col-r.detail {
	display: none;
}
}
.news-tag-box {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.news-tag-box .tag-title {
	color: white;
	background-color: #e60012;
	padding: 4px 6px;
	border-radius: 4px;
	margin-right: 10px;
	flex: 0 0 auto;
}
.news-tag-box .tag-group {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.news-tag-box .tag-group .tag {
	font-size: 14px;
	color: inherit;
	background-color: white;
	padding: 4px 12px;
	border-radius: 16px;
	border: 1px solid #DCDDDD;
	cursor: pointer;
	margin-right: 8px;
	transition: all .15s ease-in-out;	
}
.news-tag-box .tag-group .tag:last-child {
	margin-right: 0px;
}
.news-tag-box .tag-group .tag:hover {
	color: #e60012;	
}
.news-posts-box .type {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 16px;
}
.scroll-main.fixed .type {
	margin: 0 auto;
	max-width: 1150px;
	padding: 0 16px;
	margin-bottom: 0px;
}
.news-posts-box .type>div {	
	color: inherit;
	margin-right: 16px;
	padding: 12px 0px 10px 0px;
	border-bottom: 3px solid #ffffff;
	cursor: pointer;
	transition: all .15s ease-in-out;
}
.news-posts-box .type>div:last-child {
	margin-right: 0px;
}
.news-posts-box .type>div.type0.active {
	color: #e60012;
	border-bottom: 3px solid #e60012;
}
.news-posts-box .type>div.type1.active {
	color: #e66000;
	border-bottom: 3px solid #e66000;
}
.news-posts-box .type>div.type2.active {
	color: #0070e6;
	border-bottom: 3px solid #0070e6;
}
.news-posts-box .type>div.type3.active {
	color: #5cb227;
	border-bottom: 3px solid #5cb227;
}
.news-posts-box .type>div.type4.active {
	color: #f5ce07;
	border-bottom: 3px solid #f5ce07;
}
.news-posts-box .type.over>* {
	pointer-events: none
}
.news-posts-box .list {	
	display: flex;
	flex-direction: column;
}
.news-posts-box .list>.post {
	padding-bottom: 16px;	
	margin-bottom: 16px;
	border-bottom: 1px solid #EFEFEF;
}
.news-posts-box .list>.post:last-child {
	margin-bottom: 0px;
	border-bottom: 0px solid #EFEFEF;
}
.news-posts-box .list .post {
	display: flex;
	align-items: center;	
	position: relative
}
.news-posts-box .list .post .img {
	flex: 0 0 33.333333%;
    max-width: 33.333333%;
	padding-right: 16px;	
	overflow: hidden;
/*	background-color: aquamarine;*/
}
.news-posts-box .list .post .img>* {
	padding-top: 68.25%;
/*	padding-top: 56.25%;*/
/*	padding-top: 24.25%;*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 4px;	
	transition: all .15s ease-in-out;	
}
.news-posts-box .list .post:hover .img>* {
/*	transform: scale(1.02);*/
}
.news-posts-box .list .post .content {
	flex: 1 1 66.666667%;
    min-width: 66.666667%;
}
.news-posts-box .list .post .content>div {
	margin-bottom: 16px;
}
.news-posts-box .list .post .content>div:last-child {
	margin-bottom: 0px;
}
.news-posts-box .list .post .content .title-box {
	display: flex;
	align-items: center;
}
.news-posts-box .list .post .content .title-box .post-type {
	font-size: 14px;
	color: white;
	background-color: #e60012;
	padding: 4px 6px;
	border-radius: 4px;
	margin-right: 10px;
	flex: 0 0 auto;
}
.news-posts-box .list .post .content .title-box .post-type.type1 {
	background-color: #e66000;
}
.news-posts-box .list .post .content .title-box .post-type.type2 {
	background-color: #0070e6;
}
.news-posts-box .list .post .content .title-box .post-type.type3 {
	background-color: #5cb227;
}
.news-posts-box .list .post .content .title-box .post-type.type4 {
	background-color: #f5ce07;
}
.news-posts-box .list .post .content .title-box .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	font-weight: bold;
	transition: all .15s ease-in-out;
}
.news-posts-box .list .post:hover .content .title-box .title {
	color: #e60012;
}
.news-posts-box .list .post .content .summary {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	font-size: 15px;
	line-height: 1.5;
	color: #898989;
	text-align: justify;
}
.news-posts-box .list .post .content .tag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.news-posts-box .list .post .content .tag>* {
	font-size: 14px;
	color: #B5B5B6;
	background-color: #EFEFEF;
	padding: 4px 6px;
	margin-right: 6px;
	margin-top: 4px;
}
.news-posts-box .list .post .content .tag>*:last-child {
	margin-right: 0px;
}
@media (max-width: 720px) {
.news-posts-box .type {
	font-size: 16px;
}
.news-posts-box .list .post .img {
	padding-right: 8px;	
}
.news-posts-box .list .post .content>div {
	margin-bottom: 8px;
}
.news-posts-box .list .post .content .title-box .title {
	font-size: 18px;
}
.news-posts-box .list .post .img + .content .title-box .post-type {
	position: absolute;
/*	bottom: 16px;*/
	left: 0px;
	top: 0px;
	font-size: 12px;
}
.news-posts-box .list .post .content .title-box .post-type {
	font-size: 12px;
}
.news-posts-box .list .post .content .summary {
	-webkit-line-clamp: 2;
	font-size: 13px;
	margin-bottom: 0px;
}
.news-posts-box .list .post .content .tag {
	display: none;
}
}
.news-load-more {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.news-load-more #loading {
	width: 38px;
    height: 38px;
}
.news-recommend-box {
	padding-top: 16px;
}
.news-recommend-box>.title {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 16px;
}
.news-recommend-box>.title span {
	color: #e60012;
}
.news-recommend-box>.object {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
.news-recommend-box>.object>.img {
	flex: 0 0 40%;
    max-width: 40%;
    padding-right: 12px;
    overflow: hidden;
}
.news-recommend-box>.object>.img>* {
	padding-top: 68.25%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
	border: 1px solid #EFEFEF;
    transition: all .15s ease-in-out;
}
.news-recommend-box>.object>.content {
	flex: 0 0 60%;
    max-width: 60%;
	font-size: 13px;
}
.news-recommend-box>.object>.content>* {
	margin-bottom: 4px;
}
.news-recommend-box>.object>.content .title {	
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    transition: all .15s ease-in-out;
}
.news-recommend-box>.object:hover>.content .title {
	color: #e60012;
}
.news-recommend-box>.object>.content .price {
	font-size: 16px;
	color: #e60012;
}
.news-recommend-box>.object>.content .other {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-recommend-box>.object-list {
	display: flex;
	flex-direction: column;
	font-size: 15px;
}
.news-recommend-box>.object-list>*>i {
	margin-right: 8px;
}
.news-recommend-box>.object-list>* {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 8px 0px;
	border-bottom: 1px solid #EFEFEF;
	transition: all .15s ease-in-out;
}
.news-recommend-box>.object-list>*:last-child {
	padding: 8px 0 0px 0;
	border-bottom: 0px solid #EFEFEF;
}
.news-recommend-box>.object-list>*:hover {
	color: #e60012;
}
.news-banner-box {
	display: block;
	margin-top: 16px;
}
.news-post-type-box>* {
	margin-bottom: 16px;
}
.news-post-type-box>*:last-child {
	margin-bottom: 0px;
}
.news-post-type-box .news-post-type:nth-child(1) .list {
	background-color: #fceee3;
}
.news-post-type-box .news-post-type:nth-child(2) .list {
	background-color: #e5f0fc;
}
.news-post-type-box .news-post-type:nth-child(3) .list {
	background-color: #edf7e7;
}
.news-post-type-box .news-post-type:nth-child(4) .list {
	background-color: #fefae4;
}
.news-post-type {
	display: flex;
	flex-direction: column;
	border: 1px solid #EFEFEF;
	border-radius: 8px;
}
.news-post-type>.title {
	font-size: 18px;
    font-weight: bold;
	padding: 8px 12px;
    border-bottom: 1px solid #EFEFEF;
	background-color: white;
	border-radius: 8px 8px 0px 0px;
}
.news-post-type>.list {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	
    padding: 4px 16px 12px 16px;
    border-radius: 0 0 8px 8px;
}
.news-post-type>.list>*>i {
	margin-right: 8px;
}
.news-post-type>.list>* {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 8px 0px;
	border-bottom: 1px solid #dadada;
	transition: all .15s ease-in-out;
}
.news-post-type>.list>*:last-child {
	padding: 8px 0 0px 0;
	border-bottom: 0px solid #EFEFEF;
}
.news-post-type>.list>*:hover {
	color: #e60012;
}
@media (max-width: 920px) {
.news-banner-box {
	display: none;
}
.news-post-type-box {
	display: none;
}
.news-recommend-box {
	margin-bottom: 0px !important;
}
.news-recommend-box>.object>.img {
    padding-right: 16px;
}
.news-recommend-box>.object>.content {
	font-size: 16px;
}
.news-recommend-box>.object>.content .title {
	font-size: 24px;
	white-space: normal;
}
.news-recommend-box>.object>.content .price {
	font-size: 28px;
}
.news-recommend-box>.object-list>*:nth-child(2)~* {
	display: none;
}
}
@media (max-width: 680px) {
.news-recommend-box>.object>.img {
    padding-right: 12px;
}
.news-recommend-box>.object>.content {
	font-size: 13px;
}
.news-recommend-box>.object>.content .title {
	font-size: 16px;
	white-space: nowrap;
}
.news-recommend-box>.object>.content .price {
	font-size: 16px;
}
}
.news-breadcrumb-box {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #EFEFEF;
	height: 52px;
}
.news-detail-title {
	padding-top: 16px;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 16px;
}
.news-detail-t1 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
.news-detail-t1>* {
	margin-right: 16px;
	margin-bottom: 4px;
}
@media (max-width: 720px) {
.news-detail-title {
	font-size: 20px;
}
.news-detail-t1 {
	font-size: 13px;
}
}
.news-content {
	line-height: 1.5;
    word-break: break-all;
	font-size: 18px;
	margin-bottom: 36px;
}
.news-content p, .news-content span, .news-content div {
	font-family: inherit !important;
    font-size: inherit !important;
    background-color: transparent !important;
	line-height: inherit !important;
}
.news-content img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 4px !important;
	margin-bottom: 16px !important;
}
.news-detail-img {
	width: 100%;
}
.news-detail-img img {
	border-radius: 4px;
}
.news-box .container {
	padding-left: 16px!important;
	padding-right: 16px!important;
}
@media (max-width: 720px) {
.news-content {
	font-size: 16px;
}
}
/*房市新聞*/

/*滾動釘選*/
.scroll-main {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    will-change: transform;
    z-index: 5;
	background-color: white;
}
.scroll-main.fixed {
    position: fixed;
    -webkit-transform: translate(0px, 46px);
    transform: translate(0px, 46px);
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.scroll-main-news {
    height: 0px;
}
.scroll-main-news.active {
    height: 66px;
}
.scroll-main-title {
    height: 0px;
}
.scroll-main-title.active {
    height: 46px;
}
/*滾動釘選*/

/*navModal 選單動態視窗*/
.nav-menu {
}
.nav-menu figure {
	z-index: 1;
}
.nav-menu>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #595757;
    padding: 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
    cursor: pointer;
}

.nav-menu>a:hover {
    color: #e60012;
}
.nav-menu>a.active {
    
}
.nav-menu>a>.fa-w {
    font-size: 20px;
    display: inline-block;
    text-align: center;
    width: 24px;
    margin-right: 34px;
}

.nav-menu.side>a {
	border-bottom: 1px solid #EFEFEF;
}
.nav-menu.side>a:last-child {
/*	border-bottom: 0px solid #EFEFEF;*/
}
.nav-menu.side>a:hover {
    color: inherit;
	background-color: rgba(230,0,18,0.1);
}
.nav-menu.side>a>i {
    font-size: 20px;
    display: inline-block;
    text-align: center;
    width: 24px;
    margin-right: 16px;
}

.nav-menu-common-box {
	height: auto;
	position: relative;
	top: 0;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	will-change: transform;
	transition: transform .3s ease-out;
}
.nav-menu-common-box.active {
	height: 0;
	-webkit-transform: translate(-320px, 0px);
	transform: translate(-320px, 0px);
}
.nav-menu-common-c-box {
	overflow: hidden;
	height: 0;
	position: relative;
	top: 0;
	-webkit-transform: translate(320px, 0px);
	transform: translate(320px, 0px);
	will-change: transform;
	transition: all .3s ease-out;
}
.nav-menu-common-c-box.active {
	height: auto;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.nav-menu-common-close {
}
@media (hover: hover) {
.nav-menu-common-close:hover {
	color: #e60012;
}
}
@media (max-width: 680px) {
.nav-menu-common-box {
	-webkit-transform: translate(0%, 0px);
	transform: translate(0%, 0px);
}
.nav-menu-common-box.active {
	-webkit-transform: translate(-100%, 0px);
	transform: translate(-100%, 0px);
}
.nav-menu-common-c-box {
	-webkit-transform: translate(100%, 0px);
	transform: translate(100%, 0px);
}
.nav-menu-common-c-box.active {
	-webkit-transform: translate(0%, 0px);
	transform: translate(0%, 0px);
}
}
.nav-menu-common-box a:hover {
	color: inherit!important;
}
.nav-menu-common-box .fa-grip-horizontal {
	color: black;
}
.nav-menu>a>.fa-home, .nav-menu-common-box .fa-home {
	color: brown;
}
.nav-menu>a>.fa-city, .nav-menu-common-box .fa-city {
	color: chocolate;
}
.nav-menu>a>.fa-building, .nav-menu-common-box .fa-building {
	color: coral;
}
.nav-menu>a>.fa-star, .nav-menu-common-box .fa-star {
	color: gold;
}
.nav-menu>a>.fa-inbox, .nav-menu-common-box .fa-inbox {
	color: green;
}
.nav-menu>a>.fa-info-circle, .nav-menu-common-box .fa-info-circle {
	color: #e60012;
}
/*navModal 選單動態視窗*/

/*searchModal 搜尋動態視窗*/
.form-search-btn {
    height: 40px;
}
.modal-header.search {
    width: 100%;
    text-align: left;
    padding: 9px 10px 0px 10px;
    border-bottom: #EFEFEF 1px solid;
    height: auto;
    
    /*對應舊平台*/
    display: table;
}
.group {
    position: relative;
/*    float: left;*/
    vertical-align: middle;
    margin-top: 8px;
}
.drop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 0;
    margin: 0px 0 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
.w-628 {
    width: 628px;
}
.w-628.left1 {
    top: 84px;
}
.w-628.left2 {
    top: 84px;
    left: -328px
}
.w-628.left3 {
    top: 45px;
}
.w-628.left4 {
    top: 45px;
    left: -158px
}
.w-628.left5 {
    top: 45px;
    left: -374px
}
.w-628.left1.list {
    top: 40px;
}
.w-628.left2.list {
    top: 40px;
    left: 0px
}
.w-628.left3.list {
    top: 40px;
    left: -66px
}
.w-628.left4.list {
    top: 40px;
    left: -232px
}
.w-628.left5.list {
    top: 40px;
    left: -398px
}
.search-display-box {
    display: table;
}
.search-display-box>div {
    display: table-cell;
}
.search-list-button button, .group>div>button {
    margin: 0 6px 0 0px;
}
.search-list-button button:last-child, .group>div>button:last-child {
    margin: 0 0px 0 0px;
}


/*
@media (max-width: 1012px) {
.w-628.left1.list {
    top: 82px;
}
.w-628.left2.list {
    top: 82px;
    left: -138px
}
.w-628.left3.list {
    top: 82px;
    left: -304px
}
.w-628.left4.list {
    top: 82px;
    left: -470px
}
.w-628.left5.list {
    top: 40px;
    left: 0px
}
}

@media screen and  (max-width: 781px) {
.w-628.left2.list {
    left: -234px
}
.w-628.left3.list {
    left: -400px
}
.w-628.left4.list {
    top: 40px;
    left: 0px
}
.w-628.left5.list {
    top: 40px;
    left: -166px
}
}
@media only screen and (min-device-width: 681px) and (max-device-width: 768px) {
.w-628.left1.list {
    top: 82px;
}
.w-628.left2.list {
    top: 82px;
    left: -138px
}
.w-628.left3.list {
    top: 82px;
    left: -304px
}
.w-628.left4.list {
    top: 82px;
    left: -470px
}
.w-628.left5.list {
    top: 40px;
    left: 0px
}
}
*/
@media (max-width: 680px) {
.w-628.left1.list {
    top: 0px;
    left: 0px
}
.w-628.left2.list {
    top: 0px;
    left: 0px
}
.w-628.left3.list {
    top: 0px;
    left: 0px
}
.w-628.left4.list {
    top: 0px;
    left: 0px
}
.w-628.left5.list {
    top: 0px;
    left: 0px
}
.search-display-box>div {
    display: table;
}
.search-list-button {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #EFEFEF;
}
.search-list-button button {
    margin: 0 4px 0 4px;
}
.search-list-button button:last-child {
    margin: 0 4px 0 4px;
}

}

.form-control.page {
    margin: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 10px;
    line-height: 1.5;
    color: #595757;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control.search {
    margin: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 10px;
    line-height: 1.5;
    color: #595757;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus.search {
    box-shadow: 0 0 0 0 rgba(230,0,18,.5);
}
.icon-search-box {
	position: absolute;
    top: 11px;
    left: 12px;
}
.form-control.search.c {
    margin: 0 12px 0px 0;
	padding-left: 36px;
    border-radius: 4px 4px 4px 4px;
}
.form-control.search.c.list {
    margin: 0 0px 0px 0;
    height: 40px;
}
.form-control.page.pagenumber {
    text-align: center;
    padding: 8px 4px;
    width: 50px;
}
.dropdown-toggle::after {
    position: absolute;
    top: 16px;
    right: 16px;
	transform: rotate(180deg);
	transition: all .15s ease-in-out;
}
.dropdown-toggle.active::after {
	transform: rotate(0deg);
}
.search-div {
    width: 650px;
    border-radius: 4px;
    background-color: #FFF;
}
.search-div.list {
    width: 100%;
    border-radius: 0px;
    background-color: transparent;
}
.search-s-btn {
    text-align: left;
    color: #595757;
    background-color: #EFEFEF;
    margin: 0px 6px 0 0;
    padding: 6px 20px 6px 10px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    cursor: pointer;
}
.search-s-btn.list {
    background-color: #EFEFEF;
    margin: 0px 6px 0 0;
    padding: 7px 28px 7px 10px;
}
@media (max-width:680px) {

}
.group:hover>.search-s-btn.list {
    background-color: #DCDDDD;
}
.w-628.list.active {
    background-color: aquamarine;
}
.search-s-btn-w1 {
    width: 322px;
}
.search-s-btn-w2 {
    width: 184px;
}
.search-s-btn-w3 {
    width: 152px;
}
.search-s-btn-w4 {
    width: 210px;
}
.search-s-btn-w5 {
    width: 138px;
}
.search-s-btn-w6 {
    width: 231px;
}
.search-s-btn-w7 {
    width: 160px;
}
.search-box {
    width: 100%;
    border: #EFEFEF 1px solid;
    border-radius: 4px;
    background-color: #FFF;
}
.search-box .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    color: inherit;
}
.search-body .s-btn.active {
    color: #fff;
    background-color: #e60012;
}
.search-btn {
    width: 50%;
    font-size: 18px;
    line-height: 18px;
    color: #595757;
    background-color: #EFEFEF;
    text-align: center;
    padding: 10px 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    cursor: pointer;
}
.search-btn:first-child {
    border-top-left-radius: 4px;
}
.search-btn:last-child {
    border-top-right-radius: 4px;
}
.search-btn.active {
    color: #fff;
    background-color: #e60012;
}
.search-title {
    line-height: 28px;
    font-size: 18px;
    padding: 5px 10px;
    border-bottom: #EFEFEF 1px solid;
}
.nav.search-body {
    display: -ms-flexbox!important;
    display: flex!important;
    padding: 10px;
}
.nav.search-body-b {
    display: -ms-flexbox!important;
    display: flex!important;
    padding: 10px;
}
.nav.search-body-b.list {
    display: -ms-flexbox!important;
    display: flex!important;
    padding: 2px 0px;
}
.search-body .s-btn {
    display: inline-block;
    color: #595757;
    background-color: #EFEFEF;
    margin: 2px 2px;
    padding: 5px 8px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    cursor: pointer;
    -ms-user-select: none;
    user-select: none;
}
.search-body .s-btn.active {
    color: #fff;
    background-color: #e60012;
}
.search-body>.s-btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.search-body>.s-btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.search-body-title {
    display: inline-block;
    color: #e60012;
    background-color: #FFF;
    margin: 2px 2px;
    padding: 5px 10px;
    border-radius: 4px;
}

@media (max-width: 680px) {
.group {
/*    float: none;*/
    margin-top: 0px;
}
.drop {
    margin-top: 38px;
    /*
    position: relative;
    margin: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    */
}
.w-628 {
    width: 100%;
}
.w-628.left1 {
    top: 100%;
}
.w-628.left2 {
    top: 100%;
    left: 0;
}
.w-628.left3 {
    top: 100%;
}
.w-628.left4 {
    top: 100%;
    left: 0;
}
.w-628.left5 {
    top: 100%;
    left: 0;
}
.form-control.search.c {
    margin: 10px 10px 10px 0;
    height: 40px;
}
.form-control.search.c.list {
    margin: 0px 0px 0px 0;
    height: 40px;
}
.dropdown-toggle::after {
    position: absolute;
    top: 16px;
    right: 16px;
	transform: rotate(180deg);
	transition: all .15s ease-in-out;
}
.dropdown-toggle.active::after {
	transform: rotate(0deg);
}
.search-div {
    width: 100%;
    border-radius: 0px;
    background-color: transparent;
}
.search-s-btn {
    font-size: 18px;
    margin: 0;
    padding: 6px 30px 6px 10px;
    border-radius: 0;
    border-bottom: #FBFBFB 1px solid;
}
.search-s-btn:last-of-type {
    border-bottom: 0px;
}
.search-s-btn.no-border {
    border-bottom: 0px;
}
.search-s-btn::after {
    border-bottom: 0px;
}
.search-s-btn-w1 {
    width: 100%;
}
.search-s-btn-w2 {
    width: 100%;
}
.search-s-btn-w3 {
    width: 100%;
}
.search-s-btn-w4 {
    width: 100%;
}
.search-s-btn-w5 {
    width: 100%;
}
.search-s-btn-w6 {
    width: 100%;
}
.search-s-btn-w7 {
    width: 100%;
}
.nav.search-body {
}
.drop.list .nav.search-body {
    overflow-x: hidden;
    overflow-y: auto;
/*    max-height: 238px;    */
}
.nav.search-body-b {
    padding: 0;
}
.search-box {
/*    border: 0px;*/
    border-radius: 0px;
}
.search-box::before {
    border-bottom: #EFEFEF 1px solid;
}
.search-box .s-btn {
    margin: 2px 2px;
}
.search-body-title {
    display: block;
    color: #e60012;
    background-color: #FFF;
    margin: 0px 2px;
    padding: 0px 0px;
    border-radius: 0px;
    width: 100%;
}
}

/**/
.modal-body-s .group {
/*    float: none;*/
    margin-top: 0px;
}
.modal-body-s .drop {
    position: relative;
    margin: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.modal-body-s .w-628 {
    width: 100%;
}
.modal-body-s .w-628.left1 {
    top: 100%;
}
.modal-body-s .w-628.left2 {
    top: 100%;
    left: 0;
}
.modal-body-s .w-628.left3 {
    top: 100%;
}
.modal-body-s .w-628.left4 {
    top: 100%;
    left: 0;
}
.modal-body-s .w-628.left5 {
    top: 100%;
    left: 0;
}
.modal-body-s .form-control.search.c {
    margin: 0px 0px 10px 0;
    height: 40px;
}
.modal-body-s .dropdown-toggle::after {
    position: absolute;
    top: 16px;
    right: 16px;
	transform: rotate(180deg);
	transition: all .15s ease-in-out;
}
.modal-body-s .dropdown-toggle.active::after {
	transform: rotate(0deg);
}
.modal-body-s .search-div {
    width: 100%;
    border-radius: 0px;
    background-color: transparent;
}
.modal-body-s .search-s-btn {
    font-size: 18px;
    margin: 0;
    padding: 6px 30px 6px 10px;
    border-radius: 0;
    border-bottom: #FBFBFB 1px solid;
}
.modal-body-s .search-s-btn.no-border {
    border-bottom: 0px;
}
.modal-body-s .search-s-btn::after {
    border-bottom: 0px;
}
.modal-body-s .search-s-btn-w1 {
    width: 100%;
}
.modal-body-s .search-s-btn-w2 {
    width: 100%;
}
.modal-body-s .search-s-btn-w3 {
    width: 100%;
}
.modal-body-s .search-s-btn-w4 {
    width: 100%;
}
.modal-body-s .search-s-btn-w5 {
    width: 100%;
}
.modal-body-s .nav.search-body {
}
.modal-body-s .nav.search-body-b {
    padding: 0;
}
.modal-body-s .search-box {
    border: 0px;
    border-radius: 0px;
}
.modal-body-s .search-box::before {
    border-bottom: #EFEFEF 1px solid;
}
.modal-body-s .search-box .s-btn {
    margin: 2px 2px;
}
.modal-body-s .search-body-title {
    display: block;
    color: #e60012;
    background-color: #FFF;
    margin: 0px 2px;
    padding: 0px 0px;
    border-radius: 0px;
    width: 100%;
}
/**/
#searchModal-device.modal .search-display-box {
	display: block;
}
#searchModal-device.modal .searchModal-device-modal-body {
	height: 100%;		
}
#searchModal-device.modal .search-list-button {
	margin-top: 8px;
	width: 100%;
}
#searchModal-device.modal .searchModal-device-modal-header {
	z-index: 2;
	background-color: #fff;
}
#searchModal-device.modal .modal-header.search {
    position: absolute;
    top: 0;
    height: 124px;
}
#searchModal-device.modal .modal-content {
	padding-top: 124px;
	padding-bottom: 46px;
}	
#searchModal-device.modal .search-device-box-top .search-type-box {
	margin-top: 8px;
	margin-bottom: 8px;
}
#searchModal-device.modal .search-device-box-top .search-type-box>div {
	width: 100%;
}
#searchModal-device.modal .search-device-box-top .house-type {
	margin-bottom: 0px;
	border-bottom: 0px solid #EFEFEF;
}
#searchModal-device.modal .search-list-button {
	position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    height: 46px;
    padding: 0 0 0px 0;
    border-top: 1px solid #EFEFEF;
    border-bottom: 0px solid #EFEFEF;
    z-index: 2000;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}

#searchModal-device.modal .search-list-button>div {
	height: 100%;		
}
#searchModal-device.modal .search-list-button .group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
	height: 100%;
}
#searchModal-device.modal .accordionSearch-list {
	margin-bottom: 48px;
}
#searchModal-device.modal .accordionSearch-list>div:last-child {
    margin-top: 0px;
}
#searchModal-device.modal .drop.list .nav.search-body {
    max-height: initial;
}
#searchModal-device.modal .group>div {
	width: 100%;
}

#searchModal-device.modal .w-628.left1.list {
    top: 0px;
}
#searchModal-device.modal .w-628.left2.list {
    top: 0px;
    left: 0px
}
#searchModal-device.modal .w-628.left3.list {
    top: 0px;
    left: 0px
}
#searchModal-device.modal .w-628.left4.list {
    top: 0px;
    left: 0px
}
#searchModal-device.modal .w-628.left5.list {
    top: 0px;
    left: 0px
}
@media (max-width: 680px) {
#searchModal-device.modal .search-list-button {
	max-width: 100%;
}
#searchModal-device.modal .accordionSearch-list {
	margin-bottom: 24px;
}
}


/**/
#orderModal .modal-body {
	overflow-y: hidden;
}
.accordionSearch-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1200px) {
.accordionSearch-list>div:last-child {
    -ms-flex-order: -1;
    order: -1;
	width: 100%;
}
.accordionSearch-list>div:last-child button {
	width: 100%;
}
}
@media (max-width: 1020px) {
.accordionSearch-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
}
.accordionSearch-list>div {
    margin-top: 4px;
}
.accordionSearch-list>div:last-child {
    margin-top: 6px;
}
}


#searchModal-device.modal .accordionSearch-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
}
#searchModal-device.modal .accordionSearch-list>div {
    margin-top: 4px;
}
#searchModal-device.modal .accordionSearch-list>div:last-child {
    margin-top: 6px;
}



/*searchModal 搜尋動態視窗*/

/*moreModal 更多動態視窗*/
.moreModal-box {
    -ms-user-select: none;
    user-select: none;
}
.moreModal-box a {
    display: block;
    width: 100%;
    padding: 12px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.moreModal-box a:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.moreModal-box a:hover {
}
.moreModal-box a:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
.moreModal-box a:hover:last-child {
    border-radius: 0px 0px 4px 4px;
}
/*moreModal 更多動態視窗*/

/*orderModal 排序動態視窗*/
.orderModal-box {
    -ms-user-select: none;
    user-select: none;
}
.orderModal-box div {
    height: 46px;
    display: block;
    width: 100%;
    padding: 12px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.orderModal-box div:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.orderModal-box div:hover {
}
.orderModal-box div:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
.orderModal-box div:hover:last-child {
    border-radius: 0px 0px 4px 4px;
}
.orderModal-box div.active {
    color: #e60012;
}
/*orderModal 排序動態視窗*/

/*collectModal 收藏物件動態視窗*/
.collectModal-box {
    -ms-user-select: none;
    user-select: none;
}
.collectModal-box>div {
    display: block;
    width: 100%;
    padding: 24px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.collectModal-box>div:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.collectModal-box>div:hover {
}
.collectModal-box>div:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
.collectModal-box>div:hover:last-child {
}
/*collectModal 收藏物件動態視窗*/

/*reserveModal 送出預約動態視窗*/
.objectModal-box {
    -ms-user-select: none;
    user-select: none;
}
.objectModal-box>div {
    display: block;
    width: 100%;
    padding: 24px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.objectModal-box>div:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.objectModal-box>div:hover {
}
.objectModal-box>div:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
.objectModal-box>div:hover:last-child {
}
/*reserveModal 送出預約動態視窗*/

/*reductionModal 降價通知動態視窗*/
.reduction-img-box {
    margin: 0px 16px 0px 0px;
}
.reduction-img {
    width: 136px;
    height: 92px;
}

@media (max-width: 680px) {
.reduction-img-box {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.reduction-img {
    width: 180px;
    height: 122px;
}
}
/*reductionModal 降價通知動態視窗*/

/*shareModal 分享動態視窗*/
.shareModal-box {
    -ms-user-select: none;
    user-select: none;
}
.shareModal-box>div, .shareModal-box>a {
    display: block;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.shareModal-box>div:last-child, .shareModal-box>a:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.shareModal-box>div:hover, .shareModal-box>a:hover {
	color: inherit;
}
.shareModal-box>div:hover:first-of-type, .shareModal-box>a:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
#shareModal .modal-body {
    overflow-y: hidden;
}
/*shareModal 分享動態視窗*/

/*mobileappModal 分享動態視窗*/
.mobileappModal-box {
    -ms-user-select: none;
    user-select: none;
}
.mobileappModal-box>a {
    display: block;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.mobileappModal-box>a:last-child {
    border-bottom: 0px solid #EFEFEF;
}
@media (hover: hover) {
.mobileappModal-box>a:hover {
    color: #595757;
}
}
.mobileappModal-box>a:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
/*mobileappModal 分享動態視窗*/

/*qrcodeModal 物件掃碼動態視窗*/
.qrcodeModal-box {
    -ms-user-select: none;
    user-select: none;
    padding: 18px 0px 12px 0px;
}
.qrcodeModal-box>div {
    margin-bottom: 8px;
}
.qrcodeModal-box>div:last-child {
    margin-bottom: 0px;
}
.qrcodeModal-img {
    height: 140px;
}
.qrcodeModal-img img {
    border: 1px solid #EFEFEF;
    max-width: 100%;
    max-height: 100%;
}
/*qrcodeModal 物件掃碼動態視窗*/

/*callModal 撥打電話動態視窗*/
.callModal-box {
    -ms-user-select: none;
    user-select: none;
}
.callModal-box>a {
    display: block;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.callModal-box>a:last-child {
    border-bottom: 0px solid #EFEFEF;
}
.callModal-box>a:hover {
}
.callModal-box>a:hover:first-of-type {
    border-radius: 4px 4px 0px 0px;
}
.callModal-box>a .fas.fa-phone-square {
    color: #00c43e;
}
/*callModal 撥打電話動態視窗*/

/*landModal 土地增稅試算*/
.land-popup-display {
    display: none;
}
.land-popup-box {
    padding: 16px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;/*background-color: rgba(0,0,0,.8);*/
}
.land-popup-main {
    padding: 16px;
    background-color: #e60012;
    color: #fff;
    border-radius: 4px;
    max-width: 360px;
    white-space: normal;
}
.land-popup-main.land-help-w {
    max-width: 250px;
}
.land-popup-main .close {
    float: none;
    font-size: 40px;
    font-weight: lighter;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: .5;
    position: absolute;
    top: 0px;
    right: 8px;
}

@media (max-width: 680px) {
.land-box>div:first-child {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #EFEFEF;
}
}
/*landModal 土地增稅試算*/

/*loanModal 貸款試算*/
.loan-popup-display {
    display: none;
}
.loan-popup-box {
    padding: 16px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;/*background-color: rgba(0,0,0,.8);*/
}
.loan-popup-main {
    padding: 16px;
    background-color: #e60012;
    color: #fff;
    border-radius: 4px;
    max-width: 360px;
    white-space: normal;
}
.loan-popup-main .close {
    float: none;
    font-size: 40px;
    font-weight: lighter;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: .5;
    position: absolute;
    top: 0px;
    right: 8px;
}
.loan_result>div {
    margin-bottom: 12px;
}
.loan_result>div:last-child {
    margin-bottom: 0px;
}

@media (max-width: 680px) {
.loan-box>div {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #EFEFEF;
}
.loan-box>div:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #EFEFEF;
}
.loan_result>div {
    margin-bottom: 8px;
}
}
/*loanModal 貸款試算*/

/*houseNoteModal 租屋注意事項*/
.houseNote-img-box {
    margin: 0px 16px 0px 0px;
}
.houseNote-img {
    width: 296px;
    height: 200px;
}

@media (max-width: 680px) {
.houseNote-img-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.houseNote-img {
    width: 100%;
    height: 200px;
}
}
/*houseNoteModal 租屋注意事項*/

/*owl-store-easy加盟店*/
.store-easy-box {    
    /*iOS觸控滾動*/
    -webkit-overflow-scrolling: touch;
    
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.store-easy-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0px 5px;
    margin-bottom: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.store-easy-col:nth-last-child(1), .store-easy-col:nth-last-child(2), .store-easy-col:nth-last-child(3), .store-easy-col:nth-last-child(4) {
    margin-bottom: 0px;
}
.store-img-easy {
    height: 146px;
    background-color: #EFEFEF;
    position: relative;
}
.store-img-easy img {
    border-radius: 4px 4px 0px 0px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}
.store-easy-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DCDDDD;
    border-radius: 4px
}
.store-easy-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    width: 100%;
}
@media (hover: hover) {
.store-easy-body a:hover {
    color: #e60012;
}
}
.store-easy-content {
    padding: 8px 10px;
    border-top: 1px solid #EFEFEF;
}

@media (max-width: 768px) {
.store-img-easy {
    height: 116px;
}
}

@media (max-width: 680px) {
.store-easy-box {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap!important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.store-easy-col {
    width: 150px;
    margin-bottom: 0px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
}
.store-img-easy {
    height: 104px;
}
}
/*owl-store-easy加盟店*/

/*articleModal 網站使用條款*/
.article-main-t>div {
    margin-bottom: 12px;
}
.article-main-t>div:last-child {
    margin-bottom: 0px;
}
.article-main-t>p {
    line-height: 26px;
    color: #898989;/*text-indent: 30px;*/
}
.article-main-t ol {
    padding-left: 20px;
}
.article-main-t ul {
    padding-left: 20px;
}
.article-main-t li {
    line-height: 26px;
    color: #898989;
    margin-bottom: 8px;
}

@media (max-width: 680px) {
.article-main-t>div {
    margin-bottom: 8px;
}
.article-main-t>p {
    text-indent: 28px;
}
.article-main-t li {
    margin-bottom: 4px;
}
}

@media (max-width: 320px) {
.article-main-t>p {
    text-indent: 26px;
}
}
/*articleModal 網站使用條款*/

/*infoModal 店內訊息*/
.info-main-content {
    line-height: 26px;
}
.info-main-content p {
    margin-bottom: 0px;
}
.info-main-content p:last-child {
    margin-bottom: 0px;
}
.info-main-content img {
    margin: 6px 0px;
}

@media (max-width: 680px) {
}
/*infoModal 店內訊息*/

/*linkModal 自訂連結*/
.link-main-content>div {
    margin-bottom: 16px;
}
.link-main-content>div:nth-last-child(1), .link-main-content>div:nth-last-child(2), .link-main-content>div:nth-last-child(3) {
    margin-bottom: 0px;
}
@media (hover: hover) {
.link-main-content a:hover {
    color: #e60012;
}
}

@media (max-width: 680px) {
.link-main-content>div {
    margin-bottom: 8px;
}
.link-main-content>div:nth-last-child(2), .link-main-content>div:nth-last-child(3) {
    margin-bottom: 8px;
}
.link-main-content>div:nth-last-child(1) {
    margin-bottom: 0px;
}
}
/*linkModal 自訂連結*/

/*aboutModal 本店簡介*/
.about-img-box {
    margin: 0px 16px 0px 0px;
}
.about-img {
    width: 238px;
    height: 160px;
}
.about-main-content>div {
    margin-bottom: 8px;
}
.about-main-content>div:last-child {
    margin-bottom: 0px;
}
.about-main-content>.d-table>span:first-child {
    white-space: nowrap;    
}
.about-main-content>.d-table>span:last-child {
    word-break: break-all;
}
.about-main-t {
    line-height: 1.5;
    word-break: break-all;
}
.about-main-t p, .about-main-t span, .about-main-t div {
    font-family: "微軟正黑體"!important;
    color: inherit!important;
    white-space: inherit!important;
    text-align: justify!important;
	line-height: 1.5!important;
	background-color: transparent!important;
	font-size: 18px;
}
.about-main-t p:last-child {
    margin-bottom: 0px;
}
.about-main-t img {
    max-width: 100%;
    height: auto;
    margin: 8px 0px;
}
.about-main-t table {
    width: 100%!important;
    margin: 8px 0px;
}
.about-main-t table td {
    padding: 4px!important;
}
.text-img-box-left {
    float: left;
    margin: 4px 16px 4px 0;
}
.text-img-box-right{
    float: right;
    margin: 4px 0px 4px 16px;
}
.img-radius-4px {
    max-width: 100%;
    border-radius: 4px;
}
.about-info-box>div {
    border-bottom: 1px solid #EFEFEF;
}
.about-info-box>div:last-child {
    border-bottom: 0px solid #EFEFEF;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.about-info-box>div:nth-child(odd) {
    background-color: #FBFBFB;
}
.about-info-box>div:nth-child(even) {
    background-color: #EFEFEF;
}
.about-info {
    border-bottom: 1px solid #EFEFEF;
}
.about-info>div {
    padding: 10px 10px;
    line-height: 26px;
    word-break: break-all;
}

@media (max-width: 680px) {
.about-img-box {
    margin: 10px 16px 16px 16px;
}
.text-img-box-left {
    width: 100%;
    text-align: center;
    display: block;
    float: none;
    margin: 0px 0px 8px 0;
}
.text-img-box-right{
    width: 100%;
    text-align: center;
    display: block;
    float: none;
    margin: 0px 0px 8px 0;
}
}
.about-cookie {
    margin-bottom: 16px;
}
.about-cookie:last-child {
    margin-bottom: 0px;
}
.about-cookie>div:first-child {
    padding: 0 16px 0 0;
}
.about-cookie span {
    display: block;
}
.about-cookie-border {
    border-left: 4px solid #EFEFEF;
    padding: 0 16px 0 0;
}
.about-cookie-border::after {
    content: inherit;
}
/*aboutModal 本店簡介*/

/*workModal 工作機會*/
.work-col-md-1 {
    width: 45%;
}
.work-col-md-2 {
    width: 55%;
}
.work-col-md-3 {
    position: relative;
    width: 114px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 114px;
    flex: 0 0 114px;
    max-width: 114px;
    text-align: center;
}
.work-col-md-3-home {
    position: relative;
    width: 216px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 216px;
    flex: 0 0 216px;
    max-width: 216px;
    text-align: center;
}
.work-col-md-4 {
    position: relative;
    width: 190px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    max-width: 190px;
}
.work-col-md-4-home {
    position: relative;
    width: 95px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    max-width: 95px;
}
.work-table-title {
    color: #fff;
    background-color: #e60012;
    border-radius: 4px 4px 0px 0px;
}
.work-table-title>div {
    padding: 6px 8px;
}
.work-table-c {
    color: #595757;
    border-top: 1px solid #EFEFEF;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (hover: hover) {
.work-table-c a:hover {
    color: #e60012;
}
}
.work-table-c:nth-child(odd) {
    background-color: #F6F6F6;
}
.work-table-c:nth-child(even) {
    background-color: #FBFBFB;
}
.work-table-c:last-of-type {
    border-bottom: 0px solid #EFEFEF;
    border-radius: 0px 0px 4px 4px;
}
@media (hover: hover) {
.work-table-c:hover {
    background-color: #EFEFEF;
}
}
.work-table-c>div {
    padding: 6px 8px;
}
.work-btn1::after {
    content: "詳細內容";
}
.work-btn2::after {
    content: "我要應徵";
}

@media (max-width: 680px) {
.work-col-md-1 {
    width: 100%;
}
.work-col-md-4 {
    width: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: auto;
}
.work-col-md-4-home {
    width: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: auto;
}
.work-table-title>div {
    padding: 4px 6px;
}
.work-table-c>div {
    padding: 4px 6px;
}
.work-btn1::after {
    content: "詳細";
}
.work-btn2::after {
    content: "應徵";
}
}
.work-detail-title>div {
    margin: 0px 8px 0px 0px;
}
.work-detail-title>div:last-child {
    margin: 0px 0px 0px 0px;
}
.work-main-t {
    line-height: 26px;
}
.work-main-t >div {
    margin-bottom: 8px;
}
.work-main-t >div:last-child {
    margin-bottom: 0px;
}
.resume-identity>div {
    display: inline-flex;
}

@media (max-width: 680px) {
.m-work-main-t {
    line-height: 26px;
}
.m-work-main-t >div {
    margin-bottom: 8px;
}
.m-work-main-t >div:last-child {
    margin-bottom: 0px;
}
}

.form-data-box.active>div {
    margin-bottom: 44px;
}
.form-data-box.active .invalid-tooltip {
    
}
/*workModal 工作機會*/

/*rent 租屋免費刊登*/
.rent-member-main>div {
    margin: 0 0 8px 0;
}
.rent-member-main>div:last-child {
    margin: 0 0 0px 0;
}
.rent-member-message {
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: #fff;
    border: 1px dashed #DCDDDD;
    border-radius: 4px;
}
.rent-member-message-icon {
    color: #DCDDDD;
    position: absolute;
    top: 10px;
    left: 10px;
}
.rent-member-del-btn {
    margin: 0 0 0 12px;
    padding: 0 0 0 8px;
    border-left: 1px solid #EFEFEF;
}
.rent-member-col-md-1 {
    width: 55%;
}
.rent-member-col-md-2 {
    width: 45%;
}
.rent-member-col-md-3 {
    position: relative;
    width: 114px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 114px;
    flex: 0 0 114px;
    max-width: 114px;
    text-align: center;
}
.rent-member-col-md-4 {
    position: relative;
    width: 66px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 66px;
    flex: 0 0 66px;
    max-width: 66px;
    text-align: center;
}
@media (max-width: 680px) {
.rent-member-col-md-1 {
    width: 100%;
}
.rent-member-col-md-3 {
    width: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: auto;
}
.rent-member-col-md-4 {
    width: 62px;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
    max-width: 62px;
}
}
/*rent 租屋免費刊登*/

/*房地合一稅*/
.table-span-block {
    border: 2px solid #DCDDDD;
    background-color: #fff;
}
.table-span-block td {
    border: 1px solid #DCDDDD;
}
.table-span-block td {
    vertical-align: top;
    padding: 8px 12px;
}
.table-span-block span {
    display: block;
}
.table-span-block-td1 {
    width: 22%;
}
.table-span-block-td2 {
    width: 26%;
}
.table-span-block-td3 {
    width: 26%;
}
.table-span-block-td4 {
    width: 26%;
}
.table-span-block2 {
    border: 2px solid #DCDDDD;
    background-color: #fff;
}
.table-span-block2 td {
    border: 1px solid #DCDDDD;
}
.table-span-block2 td {
    vertical-align: top;
    padding: 8px 12px;
}
.table-span-block2 span {
    display: block;
}
.table-span-block2 tr td:first-child {
    text-align: center;
    width: 84px;
    vertical-align: middle;
    background-color: #fef3ec;
    white-space: nowrap!important;
}
/*房地合一稅*/

/*周圍成交行情列表*/
.small-text {
	font-size: 12px;
	color: #9fa0a0;
	margin-top: -7px;
}
.realvalue-list-box {

}
.realvalue-list-main {

}
.realvalue-box-title {
    line-height: 24px;
    padding: 10px;
    border-bottom: 1px solid #EFEFEF;
    background-color: rgba(230,0,18,0.2)
}
.realvalue-box {
    line-height: 24px;
    padding: 10px;
    border-bottom: 1px solid #EFEFEF;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.realvalue-box:nth-child(odd) {
    background-color: #fff;
}
.realvalue-box:nth-child(even) {
    background-color: #F7F8F8;
}
.realvalue-box:hover {
/*    background-color: #EFEFEF;*/
}
.realvalue-col-md-100 {
    width: 100%;
    padding-right: 4px;
    padding-left: 8px;
    text-align: left;
}
.realvalue-col-md-1 {
    width: 40px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    text-align: center;
}
.realvalue-col-md-2 {
    width: 60px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    text-align: center;
}
.realvalue-col-md-3 {
    width: 72px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    max-width: 72px;
    text-align: center;
}
.realvalue-col-md-4 {
    width: 82px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    max-width: 82px;
    text-align: center;
}
.realvalue-col-md-5 {
    width: 72px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    max-width: 72px;
    text-align: center;
}
.realvalue-col-md-6 {
    width: 100px;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    text-align: center;
}
.m-flex-column-h {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}
.m-920-show {
    display: none!important;
    visibility: hidden;
}
.m-920-show-ib {
    display: none!important;
    visibility: hidden;
}
.overflow {
	overflow: hidden;
}
@media (max-width: 1020px) {
.realvalue-col-md-1, .realvalue-col-md-2, .realvalue-col-md-3, .realvalue-col-md-4, .realvalue-col-md-5, .realvalue-col-md-6 {
    text-align: left;
}
.realvalue-col-md-5 {
    width: 144px;
    -ms-flex: 0 0 144px;
    flex: 0 0 144px;
    max-width: 144px;
}
.realvalue-col-md-6 {
    width: 72px;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    max-width: 72px;
}
.realvalue-col-md-6.date {
    width: 82px;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    max-width: 82px;
}
.realvalue-col-md-100 {
    padding-right: 0px;
    padding-left: 4px;
}
.realvalue-col-md-1 {
    width: 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
}
.realvalue-date {
    color: #fff;
    background-color: #595757;
    padding: 2px 4px;
    border-radius: 4px;
}
.m-flex-column-h {
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.m-920-show {
    display: block!important;
    visibility: visible;
}
.m-920-show-ib {
    display: inline-block!important;
    visibility: visible;
}
.m-920-hide {
    display: none;
    visibility: hidden;
}
}
@media (max-width: 680px) {
.realvalue-col-md-100 {
    padding-right: 0px;
    padding-left: 0px;
}
}
.historyBox {
	cursor: pointer;
	text-decoration: underline;
}
.realvalue-update {
    color: #9fa0a0;
	font-size: 15px;
/*	margin-bottom: 8px;*/
}
.realvalue-distance {
	width: 100%;
    color: #9fa0a0;
	font-size: 15px;
	padding: 10px 12px;
	background-color: #F7F8F8;
}
.realvalue-distance span {
    color: #e60012;
	font-size: 16px;
}
@media (max-width: 1020px) {
.historyBox {
	padding-left: 4px;
}
.realvalue-update {
    text-align: center;
    color: #9fa0a0;
    padding-right: 0px;
}
}
.value_head {
    width: 100%;
    font-weight: bold;
    padding: 10px 12px;
    color: #fff;
    background-color: #e60012;
	border-radius: 4px 4px 0 0;
}
#mapinfo {
    width: auto;
    padding: 25px 25px 25px 25px;
    background-color: #fff;
    box-shadow: 0px 0px 2px 0px rgba(121, 121, 121, 0.5);
    border: 1px solid #CCC;
    position: absolute;
    border-radius: 4px;
    left: -44px;
    z-index: 2;
	
	max-height: 412px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
#mapinfo table {
    width: 460px;
	border-collapse: inherit;
}
#mapinfo>div>table {
	margin-bottom: 8px;
}
#mapinfo>div>table:last-child {
	margin-bottom: 0px;
}
#mapinfo table td {
    width: auto;
    height: 25px;
    background-color: #fff
}
#mapinfo .title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 32px;
	border-bottom: 1px solid #EFEFEF;
}
#mapinfo .history {
	color: #898989;
	margin-bottom: 8px;
}
#mapinfo .history span {
	color: #e60012;
}
#close_mapinfo {
    top: 6px;
    right: -15px;
    position: absolute;
    width: 61px;
    height: 15px;
    cursor: pointer;
    font-size: 14px;
    color: #595757;
}
#mapinfo table .font_01 {
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    background-color: #e60012;
}
#mapinfo table .font_02 {
    color: #515151;
}
#mapinfo table .font_03 {
    color: #ff0000;
}
#mapinfo table .font_04 {
    color: #0095da;
}
.mapinfo-list {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
	opacity: 0;
	transition: all .15s ease-in-out;
	
	padding: 16px;
    z-index: 1900;
    overflow-y: auto;
}
.mapinfo-list.show {
	opacity: 1;
	pointer-events: auto;
}
.mapinfo-list #mapinfo {
	position: relative;
	top: 0px;
    left: 0px;
    pointer-events: none;
}
.mapinfo-list.show #mapinfo {
    pointer-events: auto;
}
@media (max-width: 680px) {
#mapinfo .title {
	max-width: 290px;
}
#mapinfo {
    top: -70px;
    left: 39px;
}
#mapinfo table {
    width: 290px;
}
}
@media (max-width: 320px) {
#mapinfo {
    top: -60px;
    left: 59px;
}
#mapinfo table {
    width: 250px;
}
}
.clinch-box {
	position: relative;
	max-width: 848px;
	width: 100%;
	margin: auto;
	padding: 16px;
	background-color: white;
	line-height: 1.5;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
.clinch-box>* {
	margin-bottom: 12px;
}
.clinch-box>*:last-child {
	margin-bottom: 0px;
}
.clinch-box>.text {
	padding-right: 16px;
	font-size: 18px;
	font-weight: bold;
}
.clinch-box>.text span {
	color: #9fa0a0;
}
.clinch-box>.base {
	font-size: 15px;
}
.clinch-box>.base>* {
	margin-bottom: 12px;
}
.clinch-box>.base>*:last-child {
	margin-bottom: 0px;
}
.clinch-box>.base>.box-box {
	margin-bottom: 0px;
	max-height: 128px;
    height: auto;
    overflow-y: auto;
}
.clinch-box>.base>.title {
	width: 100%;
	background-color: #3E3A39;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: white;
	border-radius: 4px;
}
.clinch-box>.base>.object a {
	text-decoration: underline;
}
.clinch-box>.base>.box-box {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}
.clinch-box>.base>.box-box>.box {
	flex: 1;
	display: flex;
	align-items: center;
	background-color: #EFEFEF;
	padding: 16px;
	margin: 4px;
}
.clinch-box>.base>.box-box>.box>.left {
	flex: 1;
}
.clinch-box>.base>.box-box>.box>.left span {
	color: #e60012;
	margin-right: 4px;
}
.clinch-box>.base>.box-box>.box>.right {
	flex: 2;
	border-left: 1px solid #C9CACA;
	text-align: right;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
.clinch-box>.base>.box-box>.box>.right>.text-box {
	display: flex;
	justify-content: flex-end;
	white-space: nowrap;
}
.clinch-box>.base>.box-box>.box>.right>.text-box>*:first-child {
	flex: 1 1 68px;
	margin: 0 8px;
}
.clinch-box>.base>.box-box>.box>.right>.text-box>*:last-child {
	flex: 1 1 116px;
}
.clinch-box>.base>.box-box>.box>.right>.text-box>.text {
	display: flex;
}
.clinch-box>.base>.box-box>.box>.right>.text-box>.text>*:first-child {
	flex: 1 1 60px;	
}
.clinch-box>.base>.box-box>.box>.right>.text-box>.text>*:last-child {
	flex: 1 1 60px;	
}
.clinch-box>.base>.box-box>.box>.right-v2 {
	flex: 2;
	border-left: 1px solid #C9CACA;
	text-align: right;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (max-width: 680px) {
.clinch-box>.base>.box-box {
	font-size: 13px;
}
.clinch-box>.base>.box-box>.box {
	flex: 0 0 100%;
	margin: 0px;
	margin-bottom: 8px;
}
}
.clinch-box>.trade>* {
	margin-bottom: 12px;
}
.clinch-box>.trade>*:last-child {
	margin-bottom: 0px;
}
.clinch-box>.trade>.title {
	width: 100%;
	background-color: #3E3A39;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: white;
	border-radius: 4px;
}
.clinch-box>.trade>.title>span {
	margin: 0 4px;
	color: white;
}
.clinch-box>.trade>.item-box {
	max-height: 168px;
	height: auto;
	overflow-y: auto;
}
.clinch-box>.trade>.item-box>.item {
	font-size: 14px;
	padding: 12px 0px;	
	border-bottom: 1px solid #DCDDDD;
	display: flex;
	flex-wrap: wrap;
}
.clinch-box>.trade>.item-box>.item:first-child {
	border-top: 1px solid #DCDDDD;
}
.clinch-box>.trade>.item-box>.item:nth-child(even) {
	background-color: #F7F8F8;
}
.clinch-box>.trade>.item-box>.item>.box1 {
	flex: 1;
	display: flex;
	align-items: center;
}
.clinch-box>.trade>.item-box>.item>.box1>.num {
	margin: 0 16px;
	font-size: 12px;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #e60012;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}
.clinch-box>.trade>.item-box>.item>.box1>.content>*:first-child {
	font-weight: bold;	
}
.clinch-box>.trade>.item-box>.item>.box1>.content>*:last-child {
	color: #9fa0a0;;
}
.clinch-box>.trade>.item-box>.item>.box2 {
	flex: 1;
	display: flex;	
}
.clinch-box>.trade>.item-box>.item>.box2>* {
	flex: 1;
	border-left: 1px dashed #C9CACA;
	text-align: center;
	padding: 0 8px;
}
.clinch-box>.trade>.item-box>.item>.box2>div>div:first-child {
	font-weight: bold;
}
.clinch-box>.trade>.item-box>.item>.box2>div>div:last-child {
	color: #9fa0a0;
}
.clinch-box>.trade>.item-box>.item>.box2>div>.text .num {
	font-size: 16px;
	color: #e60012;
}
.clinch-box>.trade>.item-box>.item>.box2>div>.text .old {
	font-size: 12px;
	color: #e68500;
}
@media (max-width: 680px) {
.clinch-box>.trade {
	margin-bottom: 0px!important;
}
.clinch-box>.trade>.item-box>.item {
	font-size: 13px;
}
.clinch-box>.trade>.item-box>.item>* {
	flex: 0 0 100%!important;
	margin-bottom: 8px;
}
.clinch-box>.trade>.item-box>.item {
    padding: 12px 0px;
}
.clinch-box>.trade>.item-box>.item>.box2>* {
	text-align: left;
}
.clinch-box>.trade>.item-box>.item>.box2>*:first-child {
	border-left: 0px solid #C9CACA;
}
}
.clinch-box>.note {
	font-size: 13px;
	color: #9fa0a0;	
	margin-bottom: 0px!important;
}
.clinch-box>.note>ul {
	padding-left: 16px;
	list-style: disc;
	margin: 0;
}
.clinch-box>.note>ul li {
	margin-bottom: 4px;
	float: none;
    display: list-item;
}
.clinch-box>.note>ul li:last-child {
	margin-bottom: 0px;
}
.clinch-box>.close {
	font-size: 18px;
	cursor: pointer;
	color: #9fa0a0;
	position: absolute;
	top: 10px;
	right: 12px;
}
@media (max-width: 680px) {
.clinch-box>.note {
	display: none;
}
}
.price-more-box {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: transparent;
    pointer-events: none;
	opacity: 0;
	transition: all .15s ease-in-out;
	
	padding: 16px;
    z-index: 1900;
    overflow-y: auto;
}
.price-more-box.show {
	opacity: 1;
	pointer-events: auto;
}
/*
.price-more-box .price-more-main {
    pointer-events: none;
}
.price-more-box.show .price-more-main {
    pointer-events: auto;
}
*/
.price-more-main {
	position: absolute;
	top: 148px;
	max-width: 960px;
	width: 100%;
	margin: auto;
	padding: 16px 16px 0 16px;
	background-color: white;
	line-height: 1.5;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
	font-size: 14px;
	
	display: flex;
	flex-wrap: wrap;
}
.price-more-main .close {
	font-size: 18px;
	cursor: pointer;
	color: #9fa0a0;
	position: absolute;
	top: 10px;
	right: 0px;
}
.price-more-main .btn {
	display: block;
	height: 38px;
	line-height: 36px;
}
@media (max-width: 1024px) {
.price-more-box {
	background-color: rgba(0, 0, 0, 0.5);
}
.price-more-main .btn {
	display: block;
}
.price-more-main {
	max-width: 540px;
	position: relative;
	top: 0px;
}
}
.price-more-main>* {
	flex: 1;
	padding: 0 12px;
	margin-bottom: 16px;
}
@media (max-width: 680px) {
.price-more-main .close {
	top: 5px;
}
.price-more-main .btn {
	margin-bottom: 8px;
}
.price-more-main {
	max-width: 388px;
	padding: 16px 8px 0 8px;
	font-size: 13px;
}
.price-more-main>* {
	padding: 0 8px;
}
}
@media (max-width: 320px) {
.price-more-main .close {
	right: 6px;
}
.price-more-box {
	padding: 8px;
}
.price-more-main {
	padding: 16px 8px 0 8px;
	font-size: 12px;
}
.price-more-main>* {
	padding: 0 0px;
}
}
.price-more-main>*>.box {
	position: relative;
    display: block;
    padding-left: 1.25rem;
	margin-bottom: 12px;
	white-space: nowrap;
}
.price-more-main>*>.box:last-child {
	margin-bottom: 0px;	
}
.price-more-main>*>.box>label {	
	margin-bottom: 0;
}
.price-more-main>*>.box>label>input {
	box-sizing: border-box;
    padding: 0;
	position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
	cursor: pointer;
	width: 0px;
	height: 0px;
}
.price-more-main>*>.box>label>input::before {
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    background-image: url(price-more-box-icon.png);
    background-repeat: no-repeat;
    display: block;
    background-position: 0px 0px;
    width: 13px;
    height: 13px;
}
.price-more-main>*>.box>label>input:checked::before {
    background-position: -13px 0px;
}
.price-more-main .number-box {
	position: relative;
    display: block;
	white-space: nowrap;
}
.price-more-main input.custom-input {
	height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 14px;
    display: inline-block;
    border-radius: 3px;
    border: 0;
    border: 1px solid #bfbfbf;
    background-color: #f5f5f5;
	width: 55px;
    text-align: center;
}
.price-more-main input.custom-input::-webkit-outer-spin-button, .price-more-main input.custom-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.price-more-main input[type=number].custom-input {
  -moz-appearance: textfield;
}
.price-more-main .select-box {
	position: relative;
    display: block;
	white-space: nowrap;
	margin-bottom: 11px;
}
.price-more-main .select-box label {
	display: inline-flex;
	align-items: center;
	margin-bottom: 0px;
	margin-right: 16px;
}
.price-more-main .select-box label input {
	margin-right: 6px;
	width: 13px;
    height: 13px;
}
/*周圍成交行情列表*/

/*其他*/
.news-width-flex {
	flex: 0 0 120px;
	max-width: 120px;
	
	text-align: right;
	padding-left: 16px;
}
@media (max-width: 680px) {
.news-width-flex {
	flex: 0 0 98px;
	max-width: 98px;
}
}
.news-object-load+section {
	margin-top: 0px!important;
}
.news-object-load+section>.container>.row>div:nth-child(1) {
	padding-top: 8px;
	border-top: 1px solid #EFEFEF;
}
.news-object-load+section>.container>.row>hr {
	margin-top: 8px!important;
}
@media (max-width: 768px) {

}
.etmall-image-box {
    border-radius: 20px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
#store_map, .store_map {
    width: 100%!important;
    height: 180px;
}

.home-object-home .home-object:nth-child(3) {
    background-image: url(../../images/new/home_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    background-color: #F4F4F4; /*R244 G244 B244 K7%*/
}
main .home-object:nth-child(4) {
    background-color: #F4F4F4; /*R244 G244 B244 K7%*/
}
.tab-bg-low {
    color: #e60012;
    background-color: rgba(230,0,18,.1);
}
.tab-bg-low a {
    color: #e60012;
}
.tab-bg-vr {
    color: #F39800;
    background-color: rgba(243,152,0,.1);
}
.tab-bg-vr a {
    color: #F39800;
}
.tab-bg-d {
    color: #7ab51d;
    background-color: rgba(122,181,29,.1);
}
.tab-bg-d a {
    color: #7ab51d;
}
.tab-bg-mrt {
    color: #006ab2;
    background-color: rgba(0,106,178,.1);
}
.tab-bg-mrt a {
    color: #006ab2;
}
.tab-bg-b {
    color: #595757;
    background-color: rgba(89,87,87,.1);
}
.tab-bg-b a {
    color: #595757;
}
.tab-bg-border {
    color: #595757;
    background-color: #fff;
    border: 1px solid #DCDDDD;
}
.tab-bg-border a {
    color: #595757;
}
.tab-bg-school {
    color: #B28247;
    background-color: rgba(178,130,71,.1);
}
.tab-bg-school a {
    color: #B28247;
}
.tab-bg-none {
    color: #fff;
    background-color: #fff;
}
.tab-bg-none a {
    color: #fff;
}
.t-link-1 {
    color: inherit;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
@media (hover: hover) {
.t-link-1:hover {
    color: #e60012;
}
}
.title-t-link-box .title-t-link {
    color: inherit;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
@media (hover: hover) {
.title-t-link-box:hover .title-t-link {
    color: #e60012;
}
}
.text-line-3 {
    position: relative;
    /*ext-overflow: -o-ellipsis-lastline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text-line-4 {
    position: relative;
    /*ext-overflow: -o-ellipsis-lastline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
@media (min-width: 681px) {
.m-span-block span {
    display: block;
}
}
.modal-content iframe {
    border-radius: 0px 0px 0px 0px;
    /*border-radius: 0px 0px 4px 4px;*/
}
.award-year-box {
    margin: 12px 0 0 0;
}
@media only screen and (max-device-width: 680px) {
.award-year-box {
    margin: 8px 0 0 0;
}
}
.hankbook-img-r {
    float: right;
    margin: 0 -16px -16px 0;
    border-radius: 0px 0 4px 0;
}
.object-counter {
    font-size: 13px;
    color: #FFF;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 10px;
    background-color: #000;
    opacity: .6;
    z-index: 1;
    border-radius: 20px;
}
.object-d-counter {
    font-size: 13px;
    color: #FFF;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 10px;
    background-color: #000;
    opacity: .6;
    z-index: 1;
    border-radius: 20px;
}
.modal-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}
.copy-padding {
    padding: 12px 0px 12px 0px;
}
.copy-padding>div {
    margin-bottom: 0px!important;
}
@media (max-width: 680px) {
.copy-padding>div:first-child {
    margin-bottom: 4px!important;
}
}

@media only screen and (max-device-width: 680px) {
.copy-padding {
    padding: 12px 0px;
}
}
.img-logo {
    max-height: 28px;
}
.pr-important {
    padding-right: 0!important
}
.close2 {
    padding: 10px;
    font-size: 32px;
    font-weight: 100;
    color: #FFF;
    position: absolute;
    top: -15px;
    right: 0px;
    cursor: pointer;
}
.closemodal {
    text-align: center;
    display: block;
    width: 100%;
    padding: 12px 0px;
    border-top: 1px solid #EFEFEF;
    border-radius: 0px 0px 4px 4px;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.closemodal:hover {
}
.modal-body.overflowhidden {
    overflow-x: hidden;
    overflow-y: hidden;
}
.image-modal-header {
    height: 180px;
}
@media (max-width: 768px) {
.image-modal-header {
    height: 156px;
}
}
@media (max-width: 680px) {
.image-modal-header {
    height: 76px;
}
}
@media (max-width: 320px) {
.image-modal-header {
    height: 70px;
}
}
.text-decoration-important {
    text-decoration-line: underline;
    text-decoration-color: #e60012;
}
.star-color {
    color: #e60012;
    position: absolute;
    left: -8px;
}
.star-color::after {
    content: "*";
}
.alert.popup {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 280px;
    height: 50px;
    padding: 14px 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
    z-index: 1;
}
.alert.success {
    color: #fff;
    background-color: #e60012;;
}
.alert.success .fas.fa-exclamation {
    display: none;
}
.alert.success .close>span {
	color: white;
}
.alert.warning {
    color: #fff;
    background-color: #3E3A39;
}
.alert.warning .fas.fa-check {
    display: none;
}
.superman_bg {
    width: 100%;
    height: 148px;
    background: url(../../images/new/superman_bg.png) no-repeat;
    background-position: center center;
}
.superman_text {
    min-width: 220px;
    display: table;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 12px 16px;
    font-weight: 700;
    font-size: 24px;
    background-color: #c30d23;
    border: 2px solid #3E3A39;
    border-radius: 4px;
}
.custom-file.etwarm {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 102px;
    height: calc(36px + 2px);
}
.custom-file-label.etwarm {
    text-align: center;
    position: absolute;
    max-width: 102px;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(36px + 2px);
    padding: 6px 12px;
    line-height: 1.5;
    color: #3E3A39;
    background-color: #fff;
    border: 1px solid #DCDDDD;
    border-radius: 4px;
}
.custom-file-label.etwarm::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 36px;
    padding: 0;
    line-height: 1.5;
    color: #495057;
    /*content: "Browse";*/
    content: "";
    background-color: #e9ecef;
    border-left: 0px solid #DCDDDD;
    border-radius: 0;
}
.custom-file-input.etwarm:focus~.custom-file-label.etwarm {
    border-color: #DCDDDD;
    box-shadow: 0 0 0 0px rgba(0,123,255,.25)
}
.mb16to12 {
    margin-bottom: 16px;
}
.etwarm-map {
    height: 320px;
}
@media (max-width: 680px) {
.mb16to12 {
    margin-bottom: 12px;
}
.etwarm-map {
    height: 250px;
}
}
.m-text-left-c {
    text-align: left;
}
.m-text-right-c {
    text-align: right;
}
.m-text-center-l {
    text-align: center;
}
.m-text-center-r {
    text-align: center;
}
@media (max-width: 680px) {
.m-text-left-c {
    text-align:center;
}
.m-text-right-c {
    text-align: center;
}
.m-text-center-l {
    text-align: left;
}
.m-text-center-r {
    text-align: right;
}
}
.epaper-img {
    max-width: 180px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin: 0px auto;
}
.realestate-img {
    max-width: 250px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin: 0px auto;
}
.ho-th .sale-box {
    border-radius: 0px 4px 4px 0px;
}
.sale-box {
    margin: 0 0 4px 0;
}
@media (max-width: 680px) {
.sale-box {
    margin: 0 0 0px 0;
}
}
.home-search-btn {
    position: relative;
    color: #fff;
    background-color: #3E3A39;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 5;
}
.home-search-btn.active {
    background-color: #e60012;
}
.store-shop-style {
    background: linear-gradient(90deg, rgba(255,149,0,1) 0%, rgba(255,0,0,1) 100%);
    border: 0px;
}
.arrow-red-1 {
    width: 12px;
    height: 12px;
    background-color: #3E3A39;
    position: absolute;
    margin: 0 auto ;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0px , -2px) rotate(45deg);
    z-index: -1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out, translate .15s ease-in-out;;
}
.home-search-btn.active .arrow-red-1 {
    background-color: #e60012;
    transform: translate(0px , 6px) rotate(45deg);
    z-index: -1;
}
.box-p1 {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 4px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.box-p2 {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.box-p3 {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 6px 10px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bg-01 {
    background: url(../../images/new/header_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.w-01 {
    width: 84px;
}
.w-02 {
    width: 76px;
}
.w-03 {
    width: 114px;
}

@media (max-width: 680px) {
.w-01 {
    width: 80px;
}
.w-02 {
    width: 70px;
}
}
.bg-cb1 {
    background-color: #fff;
    border: 1px solid #DCDDDD;
}
.bg-cb2 {
    background-color: #fff;
    border: 1px solid #e60012;
}
/*其他*/



/*openLayersPopup*/
.ol-icon-border {
    display: block;
    margin-top: 2px;
    left: -18px;
    width: 36px;
    height: 36px;
    border: 4px solid #e60012;
    border-radius: 50%;
    position: absolute;
}

/*下方banner*/
.banner-bottom {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1002;
    /*width: 720px;*/
    margin: 0 auto;
}
.banner-bottom>div:first-child {
    display: none;
}
.banner-bottom.show {
    display: block;
}
.banner-bottom-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    padding: 12px;
}
@media (max-width: 680px) {
.banner-bottom {
    width: 100%;
}
}
.bottom-app {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    height: 46px;
    background-color: #e60012;
    opacity: 0.9;
}
.bottom-app-close {
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 15px;
}
.bottom-app-android {
    display: block;
}
.bottom-app-ios {
    display: none;
}
@supports (-webkit-overflow-scrolling: touch) {
.bottom-app-android {
    display: none;
}
.bottom-app-ios {
    display: block;
}
}

/*十大服務*/
.ad-20190320-box {
    height: 444px;
}
.ad-20190320-l {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: -720px;
    padding-right: 720px;
}
.ad-20190320-r {
    -ms-flex: 0 0 720px;
    flex: 0 0 720px;
    width: 720px;
}
@media (max-width: 768px) {
.ad-20190320-l {
    display: none;
}
.ad-20190320-r {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
}
@media (max-width: 680px) {
.ad-20190320-box {
    height: 444px;
}
}
/*十大服務*/

/*東森房屋APP*/
.etwarm-app-bg {
    width: 100%;
    height: 444px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 0px;
    object-fit: cover;
    object-position: center;
    background-image: url(https://www.etwarm.com.tw/etwarm-app/images/etwarm-app-bg-1920.jpg);
}
.etwarm-app-icon-box {
    max-width: 610px;
}
.app-img {
    width: auto;
    max-height: 82px;
}
@media (max-width: 680px) {
.etwarm-app-bg {
    background-image: url(https://www.etwarm.com.tw/etwarm-app/images/etwarm-app-bg-680.jpg);
}
.etwarm-app-icon-box {
    max-width: 306px;
}
.app-img {
    width: auto;
    max-height: 54px;
}
}
/*東森房屋APP*/

/*東森房屋徵才*/
.main-top-box-application-box {
    position: relative;
    width: 100%;
    height: 444px;
    background: url(https://www.etwarm.com.tw/images/jobs-2019/top_1920_444.jpg) no-repeat center center;
    transition: all .15s ease-in-out;
}
.main-top-box-application-box.home {
    height: 550px;
    background: url(https://www.etwarm.com.tw/images/jobs-2019/top_1920_550.jpg) no-repeat center center;
    background-size: cover;
}
.main-top-box-application {
    height: 444px;
}
.main-top-image-01-application {
    position: relative;
    margin: 0 auto;
    top: 38px;
    left: -240px;
    width: 495px;
    height: 258px;
    background: url(https://www.etwarm.com.tw/images/jobs-2019/top-img1.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-02-application {
    position: relative;
    margin: 0 auto;
    top: -22px;
    left: 500px;
    width: 481px;
    height: 428px;
    background: url(https://www.etwarm.com.tw/images/jobs-2019/top-img2n.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
@media (max-width: 1026px) {
.main-top-box-application-box {
}
.main-top-image-01-application {
    top: 68px;
    left: -148px;
    width: 398px;
    background-size: contain;
}
.main-top-image-02-application {
    top: -82px;
    left: 304px;
    width: 404px;
    background-size: contain;
}
}
@media (max-width: 760px) {
.main-top-box-application-box {
    background-size: cover;
}
.main-top-image-01-application {
    top: 24px;
    left: 0px;
    width: 320px;
    height: 167px;
    background-size: contain;
}
.main-top-image-02-application {
    top: 156px;
    left: 12px;
    width: 294px;
    height: 262px;
    background-size: contain;
}
}
@media (max-width: 680px) {
.main-top-box-application-box.home {
    height: 444px;
}
}
@media (max-width: 320px) {
.main-top-image-01-application {
    width: 300px;
    height: 156px;
    background-size: contain;
}
.main-top-image-02-application {
}
}
/*東森房屋徵才*/

/*東森華南寵物險*/
.main-top-box-pet {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 444px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/top_1920_444.png) no-repeat center center;
	background-size: cover;
    transition: all .15s ease-in-out;
}
.main-top-box-pet.home {
    height: 550px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/top_1920_550.png) no-repeat center center;
    background-size: cover;
}
.main-top-image-01-pet {
    position: relative;
    margin: 0 auto;
    top: 28px;
    left: -272px;
    width: 438px;
    height: 378px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/southchina-pet-t1.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-02-pet {
    position: relative;
    margin: 0 auto;
    top: -4px;
    left: 452px;
    width: 550px;
    height: 417px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/southchina-pet-t2.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-03-pet {
    position: relative;
    margin: 0 auto;
    top: 270px;
    left: 150px;
    width: 244px;
    height: 110px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/southchina-pet-t3.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-01-s-pet {
    position: relative;
    margin: 0 auto;
    top: 52px;
    left: 0;
    width: 1920px;
    height: 234px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/southchina-pet-t1-s.png) no-repeat center center;
    background-size: cover;
    transition: all .15s ease-in-out;
}
@media (max-width: 1060px) {
.main-top-box-pet {
}
.main-top-image-01-pet {
    top: 20px;
    left: -154px;
    width: 380px;
    background-size: contain;
}
.main-top-image-02-pet {
    top: 52px;
    left: 300px;
    width: 422px;
    background-size: contain;
}
.main-top-image-03-pet {
    top: -48px;
    left: 40px;
    width: 220px;
    background-size: contain;
}
}
@media (max-width: 724px) {
.main-top-box-pet {
    background-size: cover;
}
.main-top-image-01-pet {
    top: -90px;
    left: 0px;
    width: 320px;
    background: url(https://www.etwarm.com.tw/images/etwarm-southchina-pet/southchina-pet-t4.png) no-repeat center center;
    background-size: contain;
}
.main-top-image-02-pet {
    top: 200px;
    left: -10px;
    width: 342px;
    background-size: contain;
}
.main-top-image-02-pet.home {
    top: 128px;
    left: 0px;
    width: 176px;
    background-size: contain;
}
.main-top-image-03-pet {
    display: none;
    /*
    top: 24px;
    left: -4px;
    width: 214px;
    background-size: contain;
    */
}
}
@media (max-width: 680px) {
.main-top-box-pet.home {
    height: 444px;
}
}
@media (max-width: 320px) {
.main-top-image-01-pet {
    top: -86px;
    left: 0px;
    width: 282px;
    background-size: contain;
}
.main-top-image-02-pet {
    top: 198px;
    left: -20px;
    width: 318px;
    background-size: contain;
}
}
/*東森華南寵物險*/

/*東森生活圈*/
.main-top-box-coin500 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 444px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/top_1920_444.jpg) no-repeat center center;
	background-size: cover;
    transition: all .15s ease-in-out;
}
.main-top-box-coin500.home {
    height: 550px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/top_1920_550.jpg) no-repeat center center;
    background-size: cover;
}
.main-top-image-01-coin500 {
    position: relative;
    margin: 0 auto;
    top: 54px;
    left: -204px;
    width: 509px;
    height: 177px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/t1.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-01-coin500.home {
    top: 24px;
}
.main-top-image-02-coin500 {
    position: relative;
    margin: 0 auto;
    top: -16px;
    left: 450px;
    width: 437px;
    height: 407px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/t3.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-02-coin500.home {
	top: 4px;
    width: 437px;
    height: 523px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/t3home.png) no-repeat center center;
}
.main-top-image-03-coin500 {
    position: relative;
    margin: 0 auto;
    top: 196px;
    left: -454px;
    width: 328px;
    height: 161px;
    background: url(https://www.etwarm.com.tw/images/etwarm-coin500/t2.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}
.main-top-image-03-coin500.home {
    top: 176px;
}
@media (max-width: 1000px) {
.main-top-box {
}
.main-top-image-01-coin500 {
    top: 20px;
    left: -156px;
    width: 386px;
    background-size: contain;
}
.main-top-image-02-coin500 {
    top: 52px;
    left: 305px;
    width: 416px;
    background-size: contain;
}
.main-top-image-03-coin500 {
    top: 92px;
    left: -322px;
    width: 272px;
    background-size: contain;
}
.main-top-image-03-coin500.home {
    top: 138px;
    left: -328px;
}
}
@media (max-width: 724px) {
.main-top-box-coin500 {
    background-size: cover;
}
.main-top-image-01-coin500 {
    top: -14px;
    left: 0px;
    width: 320px;
    background-size: contain;
}
.main-top-image-01-coin500.home {
    top: -16px;
}
.main-top-image-02-coin500 {
    top: 95px;
    left: -10px;
    width: 342px;
    background-size: contain;
}
.main-top-image-02-coin500.home {
    top: 94px;
    left: -18px;
    width: 354px;
    background-size: contain;
}
.main-top-image-03-coin500 {
    top: 206px;
    left: 0px;
    width: 216px;
    background-size: contain;
}
.main-top-image-03-coin500.home {
	display: none;
}
}
@media (max-width: 680px) {
.main-top-box-coin500.home {
    height: 444px;
}
}
@media (max-width: 320px) {
.main-top-image-01-coin500 {
    top: -18px;
    left: 0px;
    width: 286px;
    background-size: contain;
}
.main-top-image-02-coin500 {
    top: 99px;
    left: -26px;
    width: 342px;
    background-size: contain;
}
.main-top-image-02-coin500.home {
    top: 80px;
    left: -20px;
    width: 326px;
    background-size: contain;
}
.main-top-image-03-coin500 {
    top: 206px;
    left: -1px;
    width: 216px;
    background-size: contain;
}
}
/*東森生活圈*/

/*新建案*/
.carousel-item .rema-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	background-image: url("https://www.etwarm.com.tw/rema/images/rema_1920x444.jpg");
	image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 1180px) {
.carousel-item .rema-main-bg {
	background-image: url("https://www.etwarm.com.tw/rema/images/rema_1180x444.jpg");
}
}
@media (max-width: 680px) {
.carousel-item .rema-main-bg {
	background-image: url("https://www.etwarm.com.tw/rema/images/rema_768x444.jpg");
}
}
/*新建案*/

/*top100-2020*/
.carousel-item .top100-2020-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	image-rendering: -webkit-optimize-contrast;
}
.carousel-item .top100-2020-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/top100-2020/1920x444e.jpg");
}
@media (max-width: 1180px) {
.carousel-item .top100-2020-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/top100-2020/1920x444e.jpg");
}
}
@media (max-width: 680px) {
.carousel-item .top100-2020-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/top100-2020/768x444e.jpg");
}
.carousel-item.home .top100-2020-main-bg {
    height: 444px;
}
}
.top100-2020-main-bg .button {
	position: absolute;
	bottom: 32px;
	
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.top100-2020-main-bg .button a {
	margin: 0 6px;
    width: 180px;
    height: 46px;
/*    background-color: rgba(67,67,67,0.53);*/
	border-radius: 23px;
}
@media (max-width: 680px) {
.top100-2020-main-bg .button {
	position: absolute;
	bottom: 24px;
	
    -ms-flex-direction: column;
    flex-direction: column;
}
.top100-2020-main-bg .button a {
	margin: 3px 0px;
}
}
/*top100-2020*/



/*擁抱蛻變打造心房仲*/
.main-footer-box-champion-2020 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 444px;
    background: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/footer_1920_444.jpg) no-repeat center center;
    transition: all .15s ease-in-out;
}
.photo-champion-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
    image-rendering: -webkit-optimize-contrast;
}
.photo-champion-bg.bg0 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_0.jpg);
}
.photo-champion-bg.bg1 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_1.jpg);
}
.photo-champion-bg.bg2 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_2.jpg);
}
.photo-champion-bg.bg3 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_3.jpg);
}
.photo-champion-bg.bg4 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_4.jpg);
}
.photo-champion-bg.bg5 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/1180x444_5.jpg);
}
@media (max-width: 680px) {
.photo-champion-bg.bg0 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_0.jpg);
}
.photo-champion-bg.bg1 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_1.jpg);
}
.photo-champion-bg.bg2 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_2.jpg);
}
.photo-champion-bg.bg3 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_3.jpg);
}
.photo-champion-bg.bg4 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_4.jpg);
}
.photo-champion-bg.bg5 {
	background-image: url(https://www.etwarm.com.tw/images/etwarm-champion-2020/768x444_5.jpg);
}
}
/*擁抱蛻變打造心房仲*/

/*寵物宅*/
.carousel-item .pet-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	image-rendering: pixelated;
}
.carousel-item .pet-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/pet/1920x444-down.jpg");
}
.carousel-item.home .pet-main-bg {
    height: 550px;
}
.carousel-item.home .pet-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/pet/1920x550.jpg");
}
@media (max-width: 1180px) {
.carousel-item .pet-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/pet/1180x444-down.jpg");
}
.carousel-item.home .pet-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/pet/1180x550.jpg");
}
}
@media (max-width: 680px) {
.carousel-item .pet-main-bg.img444 {
	background-image: url("https://www.etwarm.com.tw/images/pet/768x444-down.jpg");
}
.carousel-item.home .pet-main-bg {
    height: 444px;
}
.carousel-item.home .pet-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/pet/768x444.jpg");
}
}
/*寵物宅*/

/*e20210521-1*/
.carousel-item .e20210521-1-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	image-rendering: -webkit-optimize-contrast;
}
.carousel-item.home .e20210521-1-main-bg {
    height: 550px;
}
.carousel-item.home .e20210521-1-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/1920x550.jpg");
}
.carousel-item .e20210521-1-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/1920x444.jpg");
}
@media (max-width: 1180px) {
.carousel-item.home .e20210521-1-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/1180x550.jpg");
}
.carousel-item .e20210521-1-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/1180x444.jpg");
}
}
@media (max-width: 680px) {
.carousel-item.home .e20210521-1-main-bg {
    height: 444px;
}
.carousel-item.home .e20210521-1-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/768x444.jpg");
}
.carousel-item .e20210521-1-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-1/768x444.jpg");
}
}
/*e20210521-1*/
/*e20210521-2*/
.carousel-item .e20210521-2-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	image-rendering: -webkit-optimize-contrast;
}
.carousel-item.home .e20210521-2-main-bg {
    height: 550px;
}
.carousel-item.home .e20210521-2-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/1920x550.jpg");
}
.carousel-item .e20210521-2-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/1920x444.jpg");
}
@media (max-width: 1180px) {
.carousel-item.home .e20210521-2-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/1180x550.jpg");
}
.carousel-item .e20210521-2-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/1180x444.jpg");
}
}
@media (max-width: 680px) {
.carousel-item.home .e20210521-2-main-bg {
    height: 444px;
}
.carousel-item.home .e20210521-2-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/768x444.jpg");
}
.carousel-item .e20210521-2-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/e20210521-2/768x444.jpg");
}
}
/*e20210521-2*/

/*東森嚴選、熱門學區宅*/
.carousel-item .etwarm-school-2021-main-bg {
	background-position: center center;
	background-repeat: no-repeat;
    width: 100%;
    height: 444px;
	image-rendering: -webkit-optimize-contrast;
}
.carousel-item.home .etwarm-school-2021-main-bg {
    height: 550px;
}
.carousel-item.home .etwarm-school-2021-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/1920x550_home.jpg");
}
.carousel-item .etwarm-school-2021-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/1920x444_down.jpg");
}
@media (max-width: 1180px) {
.carousel-item.home .etwarm-school-2021-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/1180x550_home.jpg");
}
.carousel-item .etwarm-school-2021-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/1180x444_down.jpg");
}
}
@media (max-width: 680px) {
.carousel-item.home .etwarm-school-2021-main-bg {
    height: 444px;
}
.carousel-item.home .etwarm-school-2021-main-bg.img550 {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/768x444_home.jpg");
}
.carousel-item .etwarm-school-2021-main-bg {
	background-image: url("https://www.etwarm.com.tw/images/etwarm-school-2021/768x444_down.jpg");
}
}
/*東森嚴選、熱門學區宅*/

.post-box {
	width: 300px;
	height: 444px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("https://www.etwarm.com.tw/images/top100-2020/768x444a.jpg");
	background-size: cover;
	border-radius: 16px;
}
#postModal .times {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 36px;
	color: white;
	z-index: 1;
	cursor: pointer;
	background-color: #c30d23;
	border-radius: 50%;
}

/**/
#contactModal .image-size-cover {
	background-size: contain;
    background-color: whitesmoke;
	border-radius: 4px;
}
#aboutModal .image-size-cover {
	background-size: contain;
    background-color: whitesmoke;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}