@charset "utf-8";
/*
  danny 201803
  1. $Reset
  2. $font
  3. $body,html
  4. $共用
  5. $Mobile
  6. $Pad
  7. $橫的版型
  8. $Pc
  9. $1025~1279
*/


/* $Mobile
--------------------------------------------------------------------------------------*/
/*  物件介紹  */
.item__detail-container{ width: 100%;  margin: 0 auto; padding: 0px 5% 10% 5%; box-sizing: border-box;}
.item__detail__header{ border-bottom: 2px solid #e0e0e0; padding: 0px 0 15px 0; }
/* 物件名稱介紹  */
.header__intro{ display: inline-block;}
.header__intro>li{ display: inline-block; vertical-align: middle; }
.header__intro>li:first-child{ font-size: 1.25rem; width: 100%;  color: #010101;  vertical-align: middle; }
.header__intro>li:nth-child(2){ font-size: 0.75rem; color: #000; margin-right: 0px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header__intro>li:nth-child(2)>span{ color: #000; }
.header__intro .icon--new:after{ content: ""; display: inline-block; background-image: url(../images/item__header__icon__01--w.gif); width: 27px;  height: 18px;  background-size: cover; }
.header__intro .icon--vr:after{ content: ""; display: inline-block; background-image: url(../images/item__header__icon__02--w.gif); width: 36px;  height: 18px;  background-size: cover; }
/* 物件編號功能  */
.header__num{ display: flex; width: 95%; margin: 0 auto;  }
.header__num>li{ display: inline-block; font-size: 0.75rem; color: #b2b2b2; letter-spacing: normal; *display:inline-block; zoom: 1; margin-right: 8px; vertical-align: middle; }
.header__num>li:first-child{ margin-right: 5px; color: #000; }
.header__num>li:after{ cursor: pointer; }
.icon--fb:after{ content: ""; display: block; width: 26px; height: 20px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -26px 0; }
.icon--line:after{ content: ""; display: block; width: 26px; height: 20px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -52px 0; }
.icon--printer:after{ content: ""; display: block; width: 26px; height: 20px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -78px 0; }
.icon--mycollect{ width: 20px; height: 20px; line-height: 20px; border-radius: 3px; border: 1px solid #920783; text-align: center; vertical-align: middle; margin-left: 5px; }
.icon--mycollect:after{ content:"\f005"; font-size: 0.9375rem; color: #920783; }
.icon--mycollect.active:after{ font-weight:900; }
.line-box{ display: none;  }
li.icon--printer{  }
.iteminfo-box{ display: block;   }
.iteminfo-box .infopup{ width: 90%; height: auto; border-radius: 3px; background: #fff; border: 1px solid #920783; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); box-sizing: border-box; padding: 40px 20px;  color: #8a8585; font-size: 0.875rem; line-height: 20px; z-index: 999; }
.iteminfo-box .infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s cubic-bezier(.23,1,.32,1);}
.iteminfo-box .infopup__closeX:hover{ cursor: pointer;  }
.iteminfo-box .infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.iteminfo-box .infopup__tit{ font-size: 1rem; color: #920783; line-height: 40px; }
.iteminfo-box .infoborder{ border: 1px solid #ccc; box-sizing: border-box; padding: 5px; margin: 10px 0 0 0;   }
/* layout div */
.item__detail__main{ width: 90%; margin: 20px auto 30px; display: flex; flex-direction: column; }
.main--L{ display: block; width:100%; order: 2; }
.main--R{ display: block; width: 100%; order: 1; }

.businesscall-box{ width: 100vw; height: 100%;  position: fixed; left: 0; top: 0px; background: rgba(255,255,255,0.95); z-index: 9999; box-sizing: border-box; padding: 20px 15px 20px 20px; }
.businesscall-box .service__appointment{ margin: 40px 0 0 0; display: block;   }
.down-box{ width: 100vw; height: 100%;  position: absolute; left: 0; top: 0px; background: rgba(255,255,255,0.95); z-index: 9999; box-sizing:border-box; padding: 20px 15px 20px 20px; }
.down-box .service__appointment{ margin: 40px 0 0 0; display: block; }
.down-box .appointement__form{ font-size: 1rem; /* color: #bababa; */ color: #000; }
.down-box .appointement__form>li{ position: relative; margin-bottom: 10px;}
.down-box .appointement__form>li:nth-child(1) ul{ display: inline-block;  min-width: 45%; margin: 0 0 0 0;}
.down-box .appointement__form>li:nth-child(1)>span{ display: inline-block; width: 51%; }
.down-box .appointement__form>li:nth-child(1) li:first-child{ width: 45%; }
.down-box .appointement__form>li:nth-child(1) li{  width: auto; display: inline-block; position: relative; vertical-align: middle; margin-right: 10px; }
.down-box .appointement__form>li:nth-child(2) li{ display: inline-block; position: relative; vertical-align: middle; margin-right: 10px;  } 
.down-box .appointement__form>li:nth-child(2) li:first-child{ width: 49%; } 
.down-box .appointement__form>li:nth-child(2) li:first-child input[type=text]{ width: 100%; height: 40px; font-size: 1rem; /* color: #bababa; */ color: #000; }
.down-box .appointement__form>li:nth-child(3) input[type=text]{ width: 49%; height: 40px; font-size: 1rem; /* color: #bababa; */ color: #000; margin-right: 2%;  }
.down-box .appointement__form>li:nth-child(3) input[type=text]:last-child{ margin-right: 0; }
.down-box .appointement__form>li:nth-child(4) li{ display: inline-block;  margin-right: 10px; position: relative; font-size: 1rem; /* color: #bababa;  */ color: #000;  }
.down-box .appointement__form>li:nth-child(n+5){ font-size: 0.875rem; color: #920783;  }
.down-box .appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer;}
.down-box .appointement__form input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem;}
.down-box .appointement__form input[type=radio]:checked + label:before { content:'\f058'; font-weight: 900; color:#920783;}

/* 表格 物件資訊 */
.info__table{ display:  table; width: 100%; margin:0px 0; font-size: 0.75rem; color: #0a0a0a; }
.info__table:nth-of-type(1){ margin: 30px 0 0 0; }
.info__table:nth-of-type(3){ margin: 0 0 30px 0; }
.info__tr{ display: table-row; }
.info__table:nth-of-type(1) .info__tr:nth-child(odd){ background: #f7f7f7; }
.info__table:nth-of-type(2) .info__tr:nth-child(even){ background: #f7f7f7; }
.info__table:nth-of-type(3) .info__tr:nth-child(even){ background: #f7f7f7; }
.info__td{ display: table-cell; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 0 0 10px; }
.info__td:first-child{ width: 80px; color: #525252; border-right:1px solid #e0e0e0;}
.info__td:nth-child(2){ padding: 0 0 0 15px; }
.info__td>button{ width: 72px; height: 20px; line-height: 20px; background: #ff8133; font-size: 0.75rem; float: right;  margin: 10px 10px 0 0; }
.info__td>button:after{ content: "\e876"; }
.info__td.subtit{  color: #525252; }
.info__td .subtit02{ display: inline-block; width: 80px;  margin: 0 10px 0 10px; color: #525252; }
.info__td .subtit03{ display: inline-block; width: 80px;  margin: 0 10px 0 78px; color: #525252; }
button.floatnone{ float: none; margin: 0 0 0 10px; }
.info02__table{ width: 100%; font-size: 0.75rem; border-spacing: 0; margin: 30px 0;}
.info02__table tr{ height: 40px; }
.info02__table tr:nth-child(even){ background: #f7f7f7; }
/*.info02__table tr:nth-child(4) td:first-child { border-right: none; padding: 15px 10px 10px 10px; }*/
.info02__table td{ box-sizing: border-box; padding: 0 10px; }
.info02__table td:first-child{ width: 70px; border-right:1px solid #e0e0e0; }
.info02__table td:nth-child(2){ width: 105px;  }
.info02__table td:nth-child(3){ width: 57px; border:1px solid #e0e0e0; border-width: 0 1px; }
.info02__table td:nth-child(2) button{ margin: 0 0 0 0;  }
.info02__table td:nth-child(odd){ color: #555; }
.info02__other{}
.info02__other>li{ display: inline-block; min-width: 49%; height: 32px; }
.info02__other>li>span{ color: #0a0a0a; }
.info02__table button{ min-width: 60px; height: 20px; line-height: 20px; background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }
.info02__table button:after{ content: "\f0fe"; margin: 0 0 0 5px; }
/* 20190612 */
.info02__table .msg_bnt{position: relative;}
.info02__table .msg_bnt img{vertical-align: text-top;width: 13px;height: 13px;}
.info02__table .msg_bnt:hover .msg_text{display:block;}
.info02__table .msg_text{display:none;background-color:#fff;position: absolute;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;left: -6px;top: -35px;border: 1px solid #CCC;padding: 5px;font-size: 12px;color: #000;width: 150px;}
.info02__table .msg_text:before{position: absolute;content: '';width: 6px;height: 6px;border-style: solid;border-width: 1px;border-color: #CCC transparent transparent #CCC;background: #FFF;left: 8px;bottom: -5px;transform: rotateZ(225deg);}

/*  聯絡仲介 */
.service__contact{  }
.service__contact__photo{ display: inline-block; width: 60px; height: 60px; border-radius: 3px; overflow: hidden; margin-right:10px; vertical-align: middle; }
/*.service__contact__photo img{ width: 100%; height: 100%; }*/
.service__contact__photo .inner {display:block; background-size:cover; background-position:top center; height: 100%; border-radius:3px; background-repeat:no-repeat; }
.service__contact__info{ display: inline-block; vertical-align: middle; position: relative; }
.contact__tit{ font-size: 0.875rem; color: #7D7D7D; }
.contact__tit a{ color: #7D7D7D; text-decoration: none; }
.contact__name{ font-size: 1.125rem; color: #000; margin-right: 15px;}
.contact__name a{ color: #000; }
.contat__add{ font-size: 0.8125rem; color: #7D7D7D; }
.contact__phone{ font-size: 1rem; color: #000;  }
.tel_agree{font-size: 0.875rem;}
.tel_agree a{color:#920783;}
.contact__icn__phone:after{content:"\f095"; font-weight: 900; margin-right: 5px;}
.contact__phone__line{ display: inline-block; width: 1px; height: 20px; border-right: 1px solid #d8d8d8; margin: 0 10px; }
.contact__icn__line:after{ content: ""; display: inline-block; width: 20px; height: 19px; background: url(../images/LINE02.svg); cursor: pointer; }


/* 基本資料 */
.basicinfo-box{ width: 90%; margin: 0 auto 30px; font-size: 0.9375rem; }
.basicinfo-box table{ width: 100%; border: 1px solid #bfbfbf; border-width: 1px 1px 0 1px; border-collapse:collapse;  }
.basicinfo-box table tr{ height: 45px;  }
.basicinfo-box table td{ box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #bfbfbf; }
.basicinfo-box table td.subinfo{ padding: 0 20px 0 30px; }
.basicinfo-box table td:first-child{ width: 40%; background: #f4f4f4; border-right: 1px solid #bfbfbf; color: #797979; }
.basicinfo-box table button{ display: inline-flex; align-items: center; min-width: 60px; height: 20px; line-height: 20px; background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }  
.basicinfo-box table button:after{ content: "\f0fe"; margin: 0 0 0 5px; }


/* 右邊物件資訊跟連、跟預約服務 */
.item-info{ font-size: 1rem; line-height: 1.5em; }
.item_num{ font-size: 0.875rem; line-height: 1.5em; color: #7b7b7b;  }
.item_name{ font-size: 1.5625rem; line-height: 1.5em; color: #070707;  }
.item_name:after{ content: ''; display: block; width: 100%; border-bottom: 2px solid #920783; margin: 5px 0 10px; }
.hightlightprice{ font-size: 2.5rem; color: #f00;  }
.throughprice{ text-decoration: line-through; margin: 0 0 0 10px; }
.item_add{ margin: 5px 0 0px 0; }
.item-btn{ margin: 5px auto 10px auto; }
.item-btn>button:first-child{ background: #fdab2a; }
.item-info .item-btn>button{ display: inline-flex; justify-content: center; align-items: center; width: 29vw; height: 30px; line-height: 30px; font-size: 0.875rem; position: relative; margin: 0 0 5px 0; }
.item-info .item-btn>button:after{ content: "\e876"; }
.item-info .item_price .noteinfo{ font-size: 0.8125rem; color: #999; margin: 0 0 0 10px;  }
.item_other{ display: flex; flex-wrap: wrap; }
.item_other:before{ content: ''; display: block; width: 100%; border-bottom: 1px solid #920783; margin: 10px 0; }
.item_other>li{ margin: 0 10px 0 0; }
.item_other{ margin: 0 0 30px 0; }
.item_other>li{ min-width: 30%; }
.item_other>li:before{ color: #920783; font-size: 1.125rem; margin: 0 10px 0 0; }
.item_other .noteinfo{ font-size: 0.75rem; color: #999; }
.icon_space:before{ content: '\e92d'; }
.icon_room:before{ content: '\e92c'; }
.icon_age:before{ content: '\e92b'; }
.icon_floor:before{ content: '\e92a'; }
.contact-tab{ display: flex; justify-content: space-between; }
.contact-tab>li{ display: flex; justify-content: center; align-items: center; width: 49.5%; height: 40px; border-radius: 5px 5px 0 0; background: #f5d6f2; font-size: 1.5rem; color: #920783; cursor: pointer; }
.contact-tab>li.active{ background: #920783; color: #fff; }
.item-contact{ display: none; }
.mobile-contact .item-contact{ display: block; }
.mobile-contact{ width: 90%; margin: 0 auto 15px; }
/*  聯絡仲介 */
.service__contact{ display: block; border: 1px solid #920783; box-sizing: border-box; padding: 10px 10px 10px 10px; }
.service__user{ margin: 15px 0 0 0; }
.service__contact__photo{ display: inline-block; width: 80px; height: 80px; border-radius: 5px; overflow: hidden; margin-right: 10px; vertical-align: middle; border: 1px solid #920783; }
.service__contact__photo>a{ width: 100%; }
.service__contact__photo img{ width: 100%; }
.service__contact__info{ display: inline-block; vertical-align: middle; position: relative; }
.service__contact button{ width: 100%; background: #fdab2a; }
.contact__tit{ font-size: 0.875rem; color: #000; }
.contact__tit a{ color: #000; text-decoration: none; }
.contact__tit a:hover{ color: #920783; }
.contact__name{ font-size: 1.5rem; font-weight: 600; color: #000; margin-right: 5px;}
.contact__name a{ color: #000; text-decoration: none; }
.contat__add{ font-size: 0.875rem; color: #000; margin: 0 0 5px 0; }
.contact__phone{ display: flex; align-items: center; font-size: 1.5rem; color: #000;  }
.contact__phone a{ text-decoration: none; color: #000; }
.contact__icn__phone:after{ content:"\e926"; margin-right: 6px; font-size: 1.875rem; color: #920783; }
.contact__icn__mobile{height: 28px;width: 28px;position: relative;background: #920783;border-radius: 3px;margin: 0px 6px 0 -1px}
.contact__icn__mobile:after{content: "\f10b";margin-right: 6px;padding: 0px 7px 0 7px;font-size: 1.3rem;color: #FFF;position: absolute;top: 1.5px;font-weight: 600;}
.contact__phone__line{ display: inline-block; width: 1px; height: 20px; border-right: 1px solid #d8d8d8; margin: 0 10px; }
.contact__icn__line:after{ content: ""; display: inline-block; width: 26px; height: 25px; background: url(../images/LINE02.svg); cursor: pointer; }
.contact__line-pup{ width: 376px; height: 285px; border-radius: 3px; background: #fff; border: 1px solid #920783; box-sizing: border-box; padding: 40px 20px; font-size: 1.25rem; color: #b4b4b4; position: absolute; left: -108px; top: -240px; z-index: 999;   }
.contact__line-pup>img{ display: block; margin: 20px auto;   }
.contact__line-pup__closeX{ position: absolute; right: 10px; top: 10px;  transition: all 0.2s ease-out;}
.contact__line-pup__closeX:hover{ cursor: pointer;  }
.contact__line-pup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
/* 立即預約看屋 */
.service__appointment{ margin: 12px 0 0 0; display: block; }
.appointment__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin-bottom: 10px; }
.service__appointment button{ width: 100%; margin: 0 1% 0 0;  height: 50px; text-align: center; font-size: 1rem; font-weight: bold;}
.service__appointment button + button{ margin: 0 0 0 0; }
.appointement__form{ font-size: 1rem; color: #000; margin-bottom: 10px;  }
.appointement__form>li{ /*display: flex; justify-content: space-between;*/ }
.appointement__form>li input[type=text]{ width: 49%; height: 40px; line-height: 40px; font-size: 1rem; color: #000;  }
.appointement__form>li input[type=tel]{ width: 49%; height: 40px; line-height: 40px; font-size: 1rem; color: #000;  }
.appointement__form>li:nth-child(2) input[type=text]{ width: 49%; height: 40px; font-size: 1rem; color: #000; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=text]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(2) input[type=tel]{ width: 49%; height: 40px; font-size: 1rem; color: #000; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=tel]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(4) li{ display: inline-block;  margin-right: 10px; position: relative; }
.appointement__form>li:nth-child(n+5){ font-size: 0.875rem; color: #920783;  }
.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer;}
.input__agree input[type=radio]{position:absolute; top:0; left:0; width:50px; height:100%; opacity:0; z-index:2; cursor:pointer;}
.appointement__form input[type=radio] + label:before {content:'\f10c'; color:#ccc; margin-right:.2rem;}
.appointement__form input[type=radio]:checked + label:before {content:'\f058'; color:#920783;}
.input__agree{ display: flex;  }
.agree_input{ width: 49%; position: relative; margin: 0 0 0 0; color: #920783; font-size: 0.75rem;   }
.input__agree input[type=checkbox]:first-child{width:65px;}


/* item__photo-block */
.item__photo-block{position: relative;}
.item__photo-block .hide{display:none !important;}
  .ai_button {
   position: absolute;
   top: 20px;
   left: 61px;
   z-index: 5;
   display: inline-flex;
   height: 40px;
  }
  .ai_button__group {
   display: inline-flex;
   align-items: center;
   height: 100%;
   padding: 3px;
   border-radius: 999px;
   background: #404141;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
   box-sizing: border-box;
  }
  .ai_button__item {
   display: flex;
   align-items: center;
   gap: 8px;
   height: 100%;
   padding: 0 16px;
   border: none;
   border-radius: 999px;
   cursor: pointer;
   font-size: 15px;
   font-weight: 600;
   line-height: 1;
   white-space: nowrap;
   background: transparent;
   color: #fff;
  }
  .ai_button__item,
  .ai_button__item:hover,
  .ai_button__item:focus,
  .ai_button__item:active {
   background-color: transparent;
   outline: none;
  }
  .ai_button__item.is-active,
  .ai_button__item.is-active:hover,
  .ai_button__item.is-active:focus,
  .ai_button__item.is-active:active {
   background-color:#FFF;
   color:#920783;
  }
  .ai_button__item:not(.is-active):hover {
   background-color: rgba(255, 255, 255, .15);
  }
  .ai_button__icon {
   width: 20px;
   height: 20px;
   flex: none;
   background-color: currentColor;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;
   mask-size: contain;
  }
  .ai_button__icon--current {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg%3E%3Cpath fill='%23fff' d='M17.447,0H2.553C1.143,0,0,1.143,0,2.554v14.894C0,18.857,1.143,20,2.553,20h14.894 C18.857,20,20,18.857,20,17.447V2.554C20,1.143,18.857,0,17.447,0z M2.124,17.447V2.554c0-0.237,0.193-0.431,0.43-0.431h14.894 c0.236,0,0.429,0.193,0.429,0.431v7.554l-4.031-3.114L2.973,17.866l0.01,0.01h-0.43C2.316,17.876,2.124,17.684,2.124,17.447z M17.447,17.876H5.965l8.061-8.06l3.851,2.975v4.656C17.876,17.684,17.684,17.876,17.447,17.876z'/%3E%3Cpath fill='%23fff' d='M6.914,10.639c1.763,0,3.192-1.429,3.192-3.191S8.677,4.255,6.914,4.255c-1.763,0-3.191,1.43-3.191,3.192 S5.151,10.639,6.914,10.639z M6.914,6.379c0.589,0,1.069,0.479,1.069,1.068S7.503,8.515,6.914,8.515 c-0.588,0-1.067-0.479-1.067-1.067S6.326,6.379,6.914,6.379z'/%3E%3C/g%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg%3E%3Cpath fill='%23fff' d='M17.447,0H2.553C1.143,0,0,1.143,0,2.554v14.894C0,18.857,1.143,20,2.553,20h14.894 C18.857,20,20,18.857,20,17.447V2.554C20,1.143,18.857,0,17.447,0z M2.124,17.447V2.554c0-0.237,0.193-0.431,0.43-0.431h14.894 c0.236,0,0.429,0.193,0.429,0.431v7.554l-4.031-3.114L2.973,17.866l0.01,0.01h-0.43C2.316,17.876,2.124,17.684,2.124,17.447z M17.447,17.876H5.965l8.061-8.06l3.851,2.975v4.656C17.876,17.684,17.684,17.876,17.447,17.876z'/%3E%3Cpath fill='%23fff' d='M6.914,10.639c1.763,0,3.192-1.429,3.192-3.191S8.677,4.255,6.914,4.255c-1.763,0-3.191,1.43-3.191,3.192 S5.151,10.639,6.914,10.639z M6.914,6.379c0.589,0,1.069,0.479,1.069,1.068S7.503,8.515,6.914,8.515 c-0.588,0-1.067-0.479-1.067-1.067S6.326,6.379,6.914,6.379z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ai_button__icon--ai {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg%3E%3Cpolygon fill='%23fff' points='8.392,5.46 9.225,3.937 10.748,3.103 9.225,2.27 8.392,0.747 7.558,2.27 6.035,3.103 7.558,3.937 '/%3E%3Cpolygon fill='%23fff' points='4.186,9.833 5.217,7.945 7.103,6.915 5.217,5.883 4.186,3.998 3.155,5.883 1.269,6.915 3.155,7.945 '/%3E%3Cpolygon fill='%23fff' points='15.962,10.727 14.931,12.612 13.045,13.644 14.931,14.675 15.962,16.563 16.993,14.675 18.879,13.644 16.993,12.612 '/%3E%3Cpath fill='%23fff' d='M19.744,3.586l-2.616-3.178c-0.199-0.242-0.492-0.39-0.806-0.407c-0.31-0.012-0.619,0.098-0.843,0.316 L0.338,15.085C0.124,15.294,0.001,15.582,0,15.881c-0.001,0.3,0.117,0.588,0.329,0.8l2.991,2.991C3.538,19.891,3.826,20,4.112,20 c0.284,0,0.569-0.107,0.788-0.323l14.766-14.58C20.079,4.689,20.113,4.033,19.744,3.586z M4.117,17.298l-1.399-1.399l8.757-8.542 l1.347,1.346L4.117,17.298z M14.417,7.127L13.081,5.79l3.09-3.014l1.19,1.444L14.417,7.127z'/%3E%3C/g%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg%3E%3Cpolygon fill='%23fff' points='8.392,5.46 9.225,3.937 10.748,3.103 9.225,2.27 8.392,0.747 7.558,2.27 6.035,3.103 7.558,3.937 '/%3E%3Cpolygon fill='%23fff' points='4.186,9.833 5.217,7.945 7.103,6.915 5.217,5.883 4.186,3.998 3.155,5.883 1.269,6.915 3.155,7.945 '/%3E%3Cpolygon fill='%23fff' points='15.962,10.727 14.931,12.612 13.045,13.644 14.931,14.675 15.962,16.563 16.993,14.675 18.879,13.644 16.993,12.612 '/%3E%3Cpath fill='%23fff' d='M19.744,3.586l-2.616-3.178c-0.199-0.242-0.492-0.39-0.806-0.407c-0.31-0.012-0.619,0.098-0.843,0.316 L0.338,15.085C0.124,15.294,0.001,15.582,0,15.881c-0.001,0.3,0.117,0.588,0.329,0.8l2.991,2.991C3.538,19.891,3.826,20,4.112,20 c0.284,0,0.569-0.107,0.788-0.323l14.766-14.58C20.079,4.689,20.113,4.033,19.744,3.586z M4.117,17.298l-1.399-1.399l8.757-8.542 l1.347,1.346L4.117,17.298z M14.417,7.127L13.081,5.79l3.09-3.014l1.19,1.444L14.417,7.127z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ai_button::after {
   content: "";
   position: absolute;
   top: -15px;
   right: -15px;
   width: 32px;
   height: 32px;
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cg%3E%3Crect x='33.967' y='7.494' transform='matrix(0.7072 0.707 -0.707 0.7072 20.6862 -21.6876)' fill='%23F4A400' width='5.12' height='13.276'/%3E%3Crect x='36.727' y='26.115' fill='%23F4A400' width='13.273' height='5.122'/%3E%3Crect x='18.763' y='0.002' fill='%23F4A400' width='5.123' height='13.271'/%3E%3Crect x='35.18' y='36.858' transform='matrix(-0.7073 0.7069 -0.7069 -0.7073 95.1815 47.5808)' fill='%23F4A400' width='5.12' height='13.276'/%3E%3Crect x='3.944' y='5.623' transform='matrix(-0.7072 0.707 -0.707 -0.7072 19.7715 16.332)' fill='%23F4A400' width='5.12' height='13.274'/%3E%3C/g%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: contain;
   pointer-events: none;
  }
  .ai_button__tip {
   position: absolute;
   top: 51px;
   left: 125px;
   z-index: 5;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   background: #fff;
   border-radius: 5px;
   padding: 5px 10px 5px 5px;
   font-size: 15px;
   font-weight: bold;
   color: #222;
   min-width: 185px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  }
  .ai_button__tip::before {
   content: "";
   position: absolute;
   top: -3px;
   left: 20px;
   width: 10px;
   height: 10px;
   background: #fff;
   transform: rotate(45deg);
   border-radius: 2px;
   z-index: -1;
  }
  .ai_button__tip-new {
   flex: none;
   display: inline-flex;
   align-items: center;
   background: transparent;
   border: 1.5px solid #96473f;
   color: #96473f;
   font-size: 12px;
   font-weight: bold;
   line-height: 1;
   padding: 5px 10px;
   border-radius: 999px;
  }
  .item__photo-block__ai-note {
   display: none;
   position: absolute;
   bottom: 14px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 5;
   background: rgba(0, 0, 0, .55);
   color: #fff;
   font-size: 0.85rem;
   padding: 6px 14px;
   border-radius: 4px;
   white-space: nowrap;
  }
  .item__photo-block.is-ai-mode .item__photo-block__ai-note {
   display: block;
  }

.item__photo{}
.item__photo li{ width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
.item__photo li>img{ width: auto;	height: auto; max-height:50vh; max-width:100%; }
.item__photo-prev{ display: none; }
.item__photo-next{display: none;}
/* item__photo bxSlider */
.item__photo-block .bx-wrapper{ position: relative;  width: 100%;  } 
/* photo__thumbnail-block */
.photo__thumbnail-block{}
.photo__thumbnail{}
.photo__thumbnail>li{ display: inline-block; width: 40px; height: 40px;  overflow: hidden; position: relative; }
.photo__thumbnail>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0;  }
.photo__thumbnail>li img{ width: auto; height: 40px;  position: absolute; left:50%; transform: translateX(-50%);}
.photo__thumbnail>li.active img,.photo__thumbnail>li:hover img { opacity: .4; }
/* photo__thumbnail bxSlider */
.photo__thumbnail-block .bx-wrapper{ position: relative;  display: inline-block; width: calc(100% - 238px); padding: 10px 0 0 25px; }   
.photo__thumbnail-block .bx-controls-direction a{ position: absolute; top: 58%; text-indent: -9999px; width: 15px; height: 30px; transform: translateY(-50%); }
.photo__thumbnail-block .bx-prev{ left:0px; background: url(../images/house__detail__arrow.png);  background-size: 200%; background-position: 0 0; }
.photo__thumbnail-block .bx-next{ right:-25px; background: url(../images/house__detail__arrow.png); background-size: 200%; background-position: -100% 0; }
/* photo__pattern */
.photo__thumbnail-block>div:nth-child(2){ margin-left: 35px; }
.photo__pattern{ display: inline-block;  width: 40px; height: 40px; border: 1px solid #d7d7d7; margin-left: 3px; position: relative; overflow: hidden; }
.photo__pattern>img{ width: 30px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/* photo__ vr */
.photo__vr, .photo__yt, .photo__map, .photo__ai{ display: inline-block;   width: 40px; height: 40px; border: 1px solid #d7d7d7; margin-left: 3px; position: relative; overflow: hidden;  }
.photo__vr>a, .photo__yt>a, .photo__map>a, .photo__ai>a{width: 100%; height: 100%;position: relative; overflow: hidden; display:block;}
.photo__vr>a>img, .photo__yt>a>img, .photo__map>a>img, .photo__ai>a>img{ width: 40px; height: auto; position: absolute;	left: 50%; top: 50%; transform: translate(-50%,-50%); }
.photops{ font-size: 0.75rem; color: #919191; margin: 10px 0 0 0; }


.lifefunction-container{ width: 90%; margin: 0 auto; }
/* .item__contents-box{ display: none; } */



/* 猜你可能也會喜歡這些物件  */
.item__recommand-container{ width: 90%;  margin: 0 auto 30px auto; }
.item__recommand-slider{ width: 100%;  border-radius:3px; border: 1px solid #c0c0c0; box-sizing: border-box; padding: 30px 20px; }
.item__recommand-box{ font-size: 0; letter-spacing: -4px; text-align: center; }
.item__recommand-box>li{ display: inline-block;  letter-spacing: normal; *display:inline-block; zoom:1; text-align: left; position: relative; transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.item__recommand-box>li>a{ display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0;  }
.item__recommand-box>li>u>img{ width: auto;  height: auto; min-height:150px; max-height:200px; max-width:100%; overflow:hidden; transition:  all 0.2s cubic-bezier(.23,1,.32,1); }
.item__recommand__tit{ font-size: 1.125rem; margin-bottom: 20px; color: #000; text-align: center; }
.item__recommand__name{ font-size: 1.125rem; color: #404040; border-bottom: 1px solid #d4d4d4; padding: 15px 0 10px; margin-bottom: 10px;  }
.item__recommand__info{ font-size: 0.9375rem; color: #575757;  }
.item__recommand__info--line{ width: 1px; height: 20px; border-right: 1px solid #dadada; margin: 0 10px; }
.item__recommand__info>span{ color: #000; }
.item__recommand__info>span:first-child{ color: #ff1907; font-weight: bold;}
/* item__recommand-container bxSlider */
.item__recommand-container .bx-wrapper{ position: relative; }   
.item__recommand-container .bx-controls-direction a{ position: absolute; top: 20%; text-indent: -9999px; width: 23px; height: 46px; }
.item__recommand-container .bx-prev{ left:-17px; background: url(../images/recommand__arrow.png); background-size: 200%; background-position: 0 0; }
.item__recommand-container .bx-next{ right:-17px; background: url(../images/recommand__arrow.png); background-size: 200%; background-position: -100% 0; }
.item__recommand-container .bx-pager{ text-align: center; margin: 30px auto 0;  }
.item__recommand-container .bx-pager-item { display: inline-block; width: 12px; height: 12px; background: #aaa; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.item__recommand-container .bx-pager-item>a{ display: block; text-indent: -9999px; }
.item__recommand-container .bx-pager.bx-default-pager a.active{ background: #920783; }


/* headertit */
.headertit{ font-size: 1.25rem; font-weight: 600; color:#920783; display: none; }
.headertit:after{ content: ''; display: block; width: 100%; border-bottom: 3px solid#920783; margin: 6px 0 10px; }
.house__contents__tit{ display: none; }


/* 基本資料 */
/* .basicinfo-box{ width: 1230px; margin: 0 auto 90px; font-size: 1.125rem; }
.basicinfo-box table{ width: 100%; max-width: 750px; border: 1px solid #bfbfbf; border-width: 1px 1px 0 1px; border-collapse:collapse;  }
.basicinfo-box table tr{ height: 45px;  }
.basicinfo-box table td{ box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #bfbfbf; position: relative; }
.basicinfo-box table td.subinfo{ padding: 0 20px 0 37px; }
.basicinfo-box table td:first-child{ width: 33%; background: #f4f4f4; border-right: 1px solid #bfbfbf; color: #797979; }
.basicinfo-box table button{ display: inline-flex; align-items: center; min-width: 60px; height: 20px; line-height: 20px; background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }  
.basicinfo-box table button:after{ content: "\f0fe"; font-weight: bold; margin: 0 0 0 5px; } */


/* 物件特色 */
.features-box{ width: 90%; margin: 0 auto 10px; font-size: 1rem; line-height: 1.5em; color: #535353;  }
.features-other{ display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 20px 0; }
.features-other>li{ width: 100%; box-sizing: border-box; padding: 0 10px 0 5px; font-size: 0.875rem; line-height: 2em;}
.features-other>li:before{ content: '\f005'; font-weight: bold; color: #920783; font-size: 0.75rem; margin: 0 5px 0 0; }


/* house__features */
.house__features{ display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; box-sizing: border-box; padding: 0 0 0 0;  }
.house__features>li{ display: flex; width: 50%; box-sizing: border-box; padding: 0 10px 0 5px; margin: 0 0 10px 0; }
.featrues__icon{ display: inline-block; width: 40px; height: 40px; margin: 0 5px 0 0; }
.featrues__icon>img{ width: 100%; height: auto; }
.features__info-block{ height: 100%; display: inline-block; vertical-align: middle; }
.features__tit{ font-size: 1rem; line-height: 1.5em; color:  #920783; margin: 0 0 0px 0; }
.features__tit02{ font-size: 0.75rem; line-height: 1.2em; color: #181818; }
.features__info{ font-size: 0.75rem; color: #181818; }
.features__info>span{ font-size: 1rem; color: #fdab2a; }


.houseinfo-box{ width: 100vw; height: 100%;  position: absolute; left: 0; top: 0px; background: rgba(255,255,255,0.95); z-index: 99999; box-sizing:border-box; padding: 20px 15px 20px 20px; display: none; }
.houseinfo-box .infopup{ width: 100%;   }
.houseinfo-box .infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s ease-out;}
.houseinfo-box .infopup__closeX:hover{ cursor: pointer;  }
.houseinfo-box .infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.houseinfo-box .infopup__tit{ font-size: 1.25rem; font-weight: 600; color: #920783; line-height: 40px; }
.houseinfo-box .infoborder{ border: 1px solid #ccc; box-sizing: border-box; padding: 5px; margin: 10px 0 0 0;  }
.houseinfo-box .txt-box{ font-size: 0.9375rem; line-height: 1.5em; margin: 40px 0 0 0; }


.housedata-box{ width: 100vw; height: 100%;  position: absolute; left:0; top: 0px; background: rgba(255,255,255,0.95); z-index: 99999; box-sizing: border-box; padding: 20px 15px 20px 20px; font-size: 0.875rem;  }
.housedata__tit{ font-size: 1.25rem; font-weight: 600; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin: 40px 0 10px 0;  }
.housedata__note{ color: #a2a2a2; }
.housedata-box .info02__table{ margin: 10px 0 10px 0; }
.housedata-box .info02__table td{ padding: 10px 10px; }
.housedata-box .info02__table td:first-child{ width: 120px; }



/* 生活機能 地圖與實景對照 成交行情 */
.integrated-container{ width: 100%; min-width: 100%; box-sizing: border-box; padding: 20px 5% ; }
.integrated-container .item__tab-container{ display: none; }
.integrated-container .item__contents__tit.mobile{ height: 50px; line-height: 50px;  border-radius:3px; background: #920783; font-size: 1.5rem; color: #fff; font-weight: normal; box-sizing: border-box; padding: 0px 20px; margin: 0 0 10px 0; }
#deal>.quotes-container.mobile{min-height:508px;}
/* 地圖與實景對照 */
.mapphoto-box{   }
.mapphoto__map{ display: block; width: 100%; height: 350px; border: 1px solid #b6b6b6; position: relative; margin-bottom: 10px;   }
.mapphoto__map>img{ width: 100%; height: 100%; }
.mapphoto__map .map{ display: block; position: absolute; left: 0; top: 0; }
.mapphoto__map .mappin{ position: absolute;  width: 24px; height: 32px; left: 50px; top: 50px; }
.mapphoto__map .mappin>img{ width: 100%; height: auto; }
.mapphoto__photo{ display: block; width: 100%; height: 350px; border: 1px solid #b6b6b6; margin-bottom: 50px;  }
.mapphoto__photo>img{ width: 100%;  height: 100%; }
/* 生活機能 */
.lifefunction-box{ height: 535px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; margin-bottom: 50px; }
.lifefunction__map{ width:100%; height:537px; border: 1px solid #b6b6b6; margin-bottom:50px; }
/* lifefunction__icon-box */
.lifefunction__icon-box{ width: 44px; overflow: hidden; height:100%; background: #fff; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 30px 0 0 10px; border-right: 1px solid #b6b6b6; font-size: 1rem; color: #9b9a9a; transition: all 0.2s cubic-bezier(.23,1,.32,1); }
.icon-box__closeX{}
.icon-box__closeX>span{display:}
.icon-box__closeX>span:after{  content:"\e88a"; display: block; font-size: 1.125rem; color: #ccc; position: absolute; right: 13px; top: 10px;  }
.icon-box__closeX>span.active:after{  content:"\e880"; color: #920783;  }
.lifefunction__icon-box>li{ height: 35px; line-height: 35px; white-space: nowrap;  }
.lifefunction__icon-box>li a{ color: #9b9a9a; text-decoration: none;  }
.lifefunction__icon-box>li.active a,.lifefunction__icon-box>li:hover a{ color: #920783;}
.lifefunction__icon-box>li:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; margin-right: 10px; vertical-align: middle; position:static;    }
.lifefunction__icon-box>li.map__icon__01:before{ background-position: 0 0; }
.lifefunction__icon-box>li.map__icon__02:before{ background-position: -22px 0; }
.lifefunction__icon-box>li.map__icon__03:before{ background-position: -44px 0; }
.lifefunction__icon-box>li.map__icon__04:before{ background-position: -66px 0; }
.lifefunction__icon-box>li.map__icon__05:before{ background-position: 0 -22px; }
.lifefunction__icon-box>li.map__icon__06:before{ background-position: -22px -22px; }
.lifefunction__icon-box>li.map__icon__07:before{ background-position: -44px -22px; }
.lifefunction__icon-box>li.map__icon__08:before{ background-position: -66px -22px; }
.lifefunction__icon-box>li.map__icon__09:before{ background-position: 0 -44px; }
.lifefunction__icon-box>li.map__icon__10:before{ background-position: -22px -44px; }
.lifefunction__icon-box>li.map__icon__11:before{ background-position: -44px -44px; }
.lifefunction__icon-box>li.map__icon__12:before{ background-position: -66px -44px; }
.lifefunction__icon-box>li.map__icon__13:before{ background-position: 0 -66px; }
.lifefunction__icon-box>li.map__icon__14:before{ background-position: -22px -66px; }
/* mappin */
.mappin{ position: absolute; width: 24px; height: 32px; left: 50%; top: 50%; }
.mappin>img{ width: 100%; height: auto; }
/* mapicon */
.map__icon__01:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 0;   }
.map__icon__02:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px 0; }
.map__icon__03:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px 0; }
.map__icon__04:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px 0; }
.map__icon__05:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -22px; }
.map__icon__06:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -22px; }
.map__icon__07:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px -22px; }
.map__icon__08:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px -22px; }
.map__icon__09:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -44px; }
.map__icon__10:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -44px; }
.map__icon__11:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px -44px; }
.map__icon__12:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px -44px; }
.map__icon__13:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -66px; }
.map__icon__14:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -66px; }
/* quotes__mobile */
.quotes-box.mobile{ width: 100%; box-sizing: border-box; padding: 0 5% 0%; }
.quotes-box.mobile{  }
.quotes-container.mobile .bx-pager{ text-align: center; margin: 30px auto 0;  }
.quotes-container.mobile .bx-pager-item { display: inline-block; width: 12px; height: 12px; background: #aaa; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.quotes-container.mobile .bx-pager-item>a{ display: block; text-indent: -9999px; }
.quotes-container.mobile .bx-pager.bx-default-pager a:hover, .quotes-container.mobile .bx-pager.bx-default-pager a.active{ background: #920783;  }
.quotes-container.mobile .bx-wrapper{ position: relative; /*  width: 312px; padding-top: 10px; */ }   
.quotes-container.mobile .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -9999px; width: 26px; height: 50px; transform: translateY(-50%); }
.quotes-container.mobile .bx-prev{ left:-15px; background: url(../images/recommand__arrow.png);  background-size: 200%; background-position: 0 0; }
.quotes-container.mobile .bx-next{ right:-15px; background: url(../images/recommand__arrow.png); background-size: 200%; background-position: -100% 0; }
/* quotes__map-box */
.quotes__map-box{ height: 535px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; }
.quotes__map{ position: absolute; left: 0; top: 0; }
.quotes__item{ position: absolute;  width: 100px; height: 100px; border-radius: 50%; background: #fff;  border: 1px solid #920783; font-size: 0.75rem;  color: #797979;  text-align: center; box-sizing: border-box; padding: 20px 5px 0; cursor: pointer;}
.quotes__item>p:first-child>span{ font-size: 1.875rem; color: #920783; }
.quotes__item>p:last-child>span{ font-size: 0.875rem; color: #920783; }
/* quotes__list-box */
.quotes__list-box{ width: 350px; height: 100%; background: #fff;  position: absolute; right: -350px; border-left: 1px solid #b6b6b6; box-sizing: border-box; padding: 50px 30px 30px; transition:all 0.3s cubic-bezier(.23,1,.32,1); overflow: auto;}
.closeX{ position: absolute; right: 10px; top: 10px;  transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.closeX:hover{ cursor: pointer; transform:  rotate(180deg); }
.closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.quotes__list{ margin-bottom: 15px; transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.quotes__list__tit{ font-size: 1.25rem; color: #000; box-sizing: border-box; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #920783; }
.quotes__list__price{ font-size: 0.875rem;  color: #575757; margin-bottom: 3px; }
.quotes__list__price>span{ font-size: 1.25rem; }
.quotes__list__price>span:nth-child(n+2){ margin-left: 10px; color: #ff1907;}
.quotes__list__info{ font-size: 0.875rem; color: #575757; line-height: 25px; }
.quotes__list__info>span{ color: #000; }
.quotes__list__info--line{ display: inline-block; width: 1px; height: 18px; border-right: 1px solid #d5d5d5; margin: 0 10px; vertical-align: middle;   }
.quotes__list__data{ font-size: 0.875rem; color: #575757; line-height: 25px; }
.quotes__list__data>span{ color: #000; }
/* quotes__table-box */
.quotes__table-box{ width: 100%;  min-height: 535px;  border-radius:3px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; border:1px solid #920783; background: #fff; display: none;      }
.quotes__table__table{ display: table; width: 100%; }
.quotes__table__tr{ display: table-row; height: 50px; line-height: 50px; text-align: center; }  
.quotes__table__td{ display: table-cell; box-sizing: border-box; padding: 0 10px; border: 1px solid #920783; border-width: 0 1px 1px 0; font-size: 0.875rem; color: #8a8585; }
.quotes__table__td:last-child{ border-right: none; }
.quotes__table__tr.odd{ background: #f7f7f7; }
.quotes__table__tr:first-child{ background: #f0fcf0;  }
.quotes__table__tr:first-child .quotes__table__td{ font-size: 1rem; color: #000; }
.quotes__table__tr:first-child .quotes__table__td a{ text-decoration: none;  color: #920783; }
.quotes__table__tr:first-child .quotes__table__td:after{content:"\f0dc"; color: #920783; margin-left: 10px; }
.quotes__table__tr .quotes__table__td:first-child>span { margin-right: 5px; }
.quotes__table__link{ margin: 25px 0 0 15px; }
.quotes__table__link>li{ display: inline-block; font-size: 0.875rem;  margin-right: 30px; position: relative; }
.quotes__table__link>li>a{ text-decoration: none; color: #920783; }
.quotes__table__link>li>a:before{ content: ""; display: inline-block; width: 18px;  height: 25px; background: url(../images/quotes__table__link__icon.png); background-size: 200%; margin-right: 5px; vertical-align: middle;   }
.quotes__table__link>li:nth-child(2) a:before{ background-position: -100% 0;  }
.quotes__table__link>li:last-child{ float: right; margin:-5px 15px 0 0;      }
.quotes__table__link>li:last-child>button{ width: 180px; font-size: 0.875rem; color: #fff; }
.infopup{ width: 396px; height: 258px;  border-radius: 3px; background: #fff; border: 1px solid #920783; position: absolute; left: -180px; top: -270px; box-sizing: border-box; padding: 40px 20px;  color: #8a8585; font-size: 0.875rem; line-height: 20px; }
.infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s cubic-bezier(.23,1,.32,1);}
.infopup__closeX:hover{ cursor: pointer;  }
.infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.infopup__tit{ font-size: 1rem; color: #920783; line-height: 40px; }
.quotes__table__link li:nth-child(1) .infopup{ left: -9px; }





/* 影音區塊 */
.channel-container{ width: 90%; margin: 0 auto; box-sizing: border-box; padding: 30px 0 50px 0; }
/* 標籤 */
.channel-container .item__tab-box{ width: 100%; }
.channel-container .item__tab{ border-top: 3px solid #920783; }
.channel-container .item__tab>li{ border-radius:0 0 3px 3px; margin: 2px 2px 0 0; }
.channel-container .item__tab>li.active{ margin: 0 2px 0 0;  }
/* 內容 */
.video-container{ width: 100%;  background: #fff; position: relative; box-sizing: border-box; }
/* 影音 */
.video-box, .vr-box{ display: block; }
.video-box .video-block, .vr-box .vr-block{ width: 100%;  box-sizing: border-box; margin: 0 auto;  }
.video-box .video-block>iframe{ width: 100%; height: 66vw; }
.vr-box .vr-block>iframe{ width: 100%; height: 66vw; min-height: 480px; }
.vr-box .vr-block>button {position: absolute; right: 0; top: -40px; padding: 0 10px; line-height: 40px; height: 40px; font-size: 1rem; border-radius: 3px 3px 0 0;}
.vr-box .vr-block>button:after {content: "\f065"; color:#fff; margin:0 0 0 5px; font-weight: 900;}
/* 影音看屋推薦 */
.video__recommand-box, .vr__recommand-box{ display: block; width: 100%; height: auto; border-radius: 3px; vertical-align: top; box-sizing: border-box; padding: 0px; margin-top: 20px;}
.video__recommand-box h5, .vr__recommand-box h5{ font-size: 1.25rem; color: #474747; font-weight: normal; }
.video__recommand-box h5:after, .vr__recommand-box h5:after{ content: ""; display: block; border-bottom: 1px solid #d0d0d0; margin: 10px 0 15px 0; }
.video__recommand__item, .vr__recommand__item{ font-size: 0.9375rem;  color: #656565; margin-bottom: 5px; }
.video__recommand__item img, .vr__recommand__item img{ display: inline-block; margin-right: 10px; width:127px; height:auto; max-height:71px; }
.video__recommand__item>li, .vr__recommand__item>li{ position: relative; margin-bottom: 15px;}
.video__recommand__item>li:last-child, .vr__recommand__item>li:last-child{ margin-bottom: 0; }
.video__recommand__item>li>a, .vr__recommand__item>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition:all 0.2s cubic-bezier(.23,1,.32,1); background: #000; opacity: 0;}
.video__recommand__iteminfo, .vr__recommand__iteminfo{ display: inline-block; vertical-align: top;}
.video__recommand__iteminfo__name, .vr__recommand__iteminfo__name{ color: #920783; }
.video__recommand-box .button--more{ display: block; width: 100%; height: 60px; line-height: 60px; border-radius: 3px; background: #920783; font-size: 1.25rem; vertical-align: top; color: #fff; margin-top: 20px; position: static; }





/* 更多詳細照片 */
.item__morephoto-container{ width: 90%; border-radius:3px; border: 1px solid #c0c0c0; margin: 0px auto 60px auto; box-sizing: border-box; padding: 30px 20px; }
.item__morephoto__tit{ font-size: 1.125rem; margin-bottom: 30px; color: #000; text-align: center; }
.item__morephoto-box{ }
.item__morephoto-box>li{ width: 100%; height: auto;  margin: 0 0 15px 0;  }
.item__morephoto-box>li>img{ width: 100%; height: auto; }
.item__morephoto__icon{ font-size: 0.75rem; color: #919191; margin: 10px 0 0 0; }





/* service__icon-box */
.service__icon-box{ display: flex; width: 100%; height: 60px; background: #920783; position: fixed;  bottom: 0;  z-index: 9998;  }
.service__icon-box>li{ width: calc( 100% / 4); height: 60px; line-height: 60px;  font-size: 0.8125rem; color: #fff; display: flex; justify-content: center; align-items: center; }
.service__icon-box>li:nth-child(1){ background: #de33ce; }
.service__icon-box>li:nth-child(4){ background: #fdab2a; }
.service__icon-box>li a{font-size: 0.75rem; color: #fff;text-decoration:none;}
.service__icon-box>li + li{ border-left:1px solid #fff; }
.service__icon-box>li:before{ content: ""; display: inline-block; width: 25px; height: 25px;  background: url(../images/service__iconV2.png); background-size: 400%; vertical-align: middle; margin-right: 3px; }
.service__icon-box>li:nth-child(1):before{  background-position: -300% 0; }
.service__icon-box>li:nth-child(2):before{  background-position: -300% 0; }
.service__icon-box>li:nth-child(3):before{  background-position: -200% 0; }
.service__icon-box>li:nth-child(4):before{  background-position: -100% 0; }





/* scrollheader-box */
.scrollheader-container{ width: 100%; height: 60px; background: #920783; position: fixed; top: 0; z-index: 9999;   }
.scrollheader{ width: 1230px; margin: 0 auto; letter-spacing: -4px; font-size: 0; color: #fff;  text-align: right;  }
.scrollheader>li{ display: inline-block; letter-spacing: normal; font-size: 1rem; line-height: 60px; box-sizing: border-box; vertical-align: middle; }
.scrollheader>li:after{ content: ""; display: inline-block;  width: 1px; height: 20px;  border-right: 1px solid #fff; margin: 0 20px; vertical-align: middle;  }
.scrollheader>li>a{ text-decoration: none;  color: #fff; }
.scrollheader>li>a:hover{ text-decoration: underline; }
.scrollheader>li:nth-child(6){ min-width: 320px; height: 40px; border-radius: 3px; border: 1px solid #fff; vertical-align: middle;  line-height: 40px; box-sizing: border-box; padding: 0 5px; margin:0 10px 0 10px;       }
.scrollheader>li:nth-child(6)>span{ margin-left: 10px;   }
.scrollheader>li button{ width: 85px; height: 40px; font-size: 1rem; background: #fdab2a;   }
.scrollheader__num{ color: #fff;  float:left; }
.scrollheader>li:first-child:after{ display: none;   }
.scrollheader>li:nth-child(n+5):after{ display: none; }
.scrollheader>li:nth-child(5){ margin-right: 10px;   }





/* 立即預約看屋 */
.service__appointment{ margin: 25px 0 0 0; }
.appointment__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin-bottom: 10px; }
.service__appointment button{ width: 100%; margin: 0 1% 0 0; height: 50px; line-height: 50px; text-align: center; font-size: 1rem; font-weight: bold;}
.service__appointment button + button{ margin: 0 0 0 0; }
.appointement__form{ font-size: 1rem; color: #bababa; }
.appointement__form>li{ position: relative; margin-bottom: 10px;}
.appointement__form>li:nth-child(1) li{ display: inline-block; position: relative; vertical-align: middle; margin-right: 10px;  } 
.appointement__form>li:nth-child(1) li:first-child{ width: 49%; } 
.appointement__form>li:nth-child(1) li:first-child input[type=text]{ width: 100%; height: 40px; font-size: 1rem; color: #bababa; }
.appointement__form>li:nth-child(2) input[type=text]{ width: 49%; height: 40px; font-size: 1rem; color: #bababa; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=text]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(3) li{ display: inline-block;  margin-right: 10px; position: relative; }
.appointement__form>li:nth-child(4){ font-size: 0.875rem; color: #920783;  }
.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
.input__agree input[type=radio]{position:absolute; top:0; left:0; width:50px; height:100%; opacity:0; z-index:2; cursor:pointer;}
.appointement__form input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
.appointement__form input[type=radio]:checked + label:before { content:'\f058'; font-weight: 900; color:#920783; }





/* 預約看屋送出 */
.appointment__pup-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(255,255,255,0.9); z-index: 9999;  }
.appointment__pup{ width: 92%;  border-radius: 3px; border:1px solid #920783; background: #f8f8f8; margin: 10px auto; box-sizing: border-box; padding-bottom: 20px;   }
.appointment__pup__header{ font-size: 1rem; color: #920783;  height: auto; min-height: 40px; line-height: 20px; text-align: left; border-bottom: 1px solid #920783; margin-bottom: 20px; box-sizing: border-box; padding: 10px;  }
.appointment__pup h4{ display: inline-block;  font-size: 1rem;  font-weight: normal; color: #000;  position: relative; left: 50%; transform: translateX(-50%); }
.appointment__pup h4:after{ content: ""; width: 100%; display: block; border-bottom: 1px solid #000; margin: 5px 0 20px 0; }
.appointment__pup .hlight{ font-size: 1.25rem;  padding: 0 15px 0 0; }
.recommand-container{ width: 1004px; margin: 0 auto; text-align: center; font-size: 0; letter-spacing: -4px;}
.recommand-container>li{ display: inline-block;  width: 311px;  background: #fff;  margin: 0 23px 0 0; vertical-align: top; letter-spacing: normal; *display: inline; zoom: 1;  position: relative;  padding-bottom: 20px; }
.recommand-container:last-child{ margin-right: 0; }
.recommand-container>li>a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition: all 0.1s cubic-bezier(.23,1,.32,1);   }
.recommand-container>li>img{ width: 100%; height: auto; }
.appointment__pup .iteminfo{ width: 90%; margin: 0 auto; font-size: 0.875rem;  color: #575757; box-sizing: border-box; text-align: left;  }
.appointment__pup .iteminfo__name{ border-bottom: 2px solid #920783;  padding: 10px 0; text-align: center;}
.appointment__pup .iteminfo__name span{ display: inline-block; padding: 0 15px; }
.appointment__pup .iteminfo__space{ padding: 10px 0; text-align: left;  }
.appointment__pup .iteminfo__space span{ display: inline-block; vertical-align: middle; }
.appointment__pup .iteminfo__space span.line:after{ content: ""; display: inline-block;  width: 1px; height: 20px;  margin:0 15px 0px; border-right: 1px solid #d5d5d5; vertical-align: bottom;     }
.appointment__pup .iteminfo__space span:first-child{ padding: 0; }
.appointment__pup .iteminfo__space span:nth-child(2){ padding-left: 3px;  }
.appointment__pup .iteminfo__space span:last-child{ padding-right: 0; }
.appointment__pup .iteminfo__other{ font-size: 0; letter-spacing:-4px; }
.appointment__pup .iteminfo__other li{ display: inline-block; box-sizing: border-box; padding: 9px;  text-align: center;  font-size: 0.75rem; color: #ff1907; border:1px solid #ffbfbd; border-radius:3px; margin-right: 5px; letter-spacing: normal; *display: inline; zoom: 1;  }
.appointment__pup .iteminfo__other li:last-child{ margin-right: 0; }
.appointment__pup__button{ text-align: center; margin-top: 20px;  }
.appointment__pup__button>li{display: inline-block;  margin-right: 5px; }
.appointment__pup__button>li:last-child{ margin-right: 0;  }
.appointment__pup__button button{ width: 40vw; height: 60px; font-size: 1rem;  }
.appointment__checkbox{ position: relative; font-size: 1rem; color: #920783; box-sizing: border-box; padding: 30px 10px 0; text-align: center;  }
.appointment__checkbox input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 1rem; color: #8b8b8b;}
.appointment__checkbox input[type=checkbox]+ label:before { content:'\f0c8'; color:#920783; margin-right:.2rem;}
.appointment__checkbox input[type=checkbox]:checked + label:before { content:'\f14a'; font-weight: 900; color:#920783;}
/* 預約看屋送出 bxslider */
.appointment__pup .bx-wrapper{ width: 90%; }
.appointment__pup .bx-pager{ text-align: center; margin: 20px auto 0;  }
.appointment__pup .bx-pager-item { display: inline-block; width: 12px; height: 12px; background: #aaa; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.appointment__pup .bx-pager-item>a{ display: block; text-indent: -9999px; }
.appointment__pup .bx-pager.bx-default-pager a:hover, .appointment__pup .bx-pager.bx-default-pager a.active{ background: #920783;  }
.appointment__pup .bx-wrapper{ margin: 0 auto; position: relative; }   
.appointment__pup .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -9999px; width: 45px; height: 91px; transform: translateY(-50%); }
.appointment__pup .bx-prev{ left:-60px; background: url(../images/index__arrow.png);  background-position: 0 0; }
.appointment__pup .bx-next{ right:-60px; background: url(../images/index__arrow.png); background-position: -45px 0; }
/* itemlist-box */
.itemlist-box{ border: none; }
.itemlist-box>li{ display: inline-block;  width: 311px;  background: #fff;  margin: 0 7px 0 0; vertical-align: top; letter-spacing: normal; *display: inline; zoom: 1;  position: relative; padding: 0 0 20px 0; }
.itemlist-box:last-child{ margin-right: 0; }
.itemlist-box>li>a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition:all 1s cubic-bezier(.23,1,.32,1);  }
.itemlist-box>li>u>img{ width: 100%; }
.itemlist-box .hlight{ font-size: 1.25rem; padding: 0 15px 0 0; font-weight: bold; }
.itemlist-box .iteminfo{ width: 90%; margin: 0 auto; font-size: 0.9375rem;  color: #575757; box-sizing: border-box; text-align: left;  }
.itemlist-box .iteminfo__name{ border-bottom: 2px solid #920783;  padding: 10px 0; text-align: center; overflow: hidden; height:20px;}
.itemlist-box .iteminfo__name span{ display: inline-block; padding: 0 15px; }
.itemlist-box .iteminfo__space{ padding: 10px 0; text-align: center; }
.itemlist-box .iteminfo__space span{ display: inline-block; vertical-align: middle; }
.itemlist-box .iteminfo__space span.line:after{ content: ""; display: inline-block;  width: 1px; height: 20px;  margin:0 8px 0px; border-right: 1px solid #d5d5d5; vertical-align: bottom;     }
.itemlist-box .iteminfo__space span:first-child{ padding: 0; }
.itemlist-box .iteminfo__space span:nth-child(2){ padding-left: 3px; }
.itemlist-box .iteminfo__space span:last-child{ padding-right: 0; }
.itemlist-box .iteminfo__other{ font-size: 0; letter-spacing:-4px; }
.itemlist-box .iteminfo__other li{ display: inline-block; box-sizing: border-box; padding: 9px;  text-align: center;  font-size: 0.75rem; color: #ff1907; border:1px solid #ffbfbd; border-radius:3px; margin-right: 5px; letter-spacing: normal; *display: inline; zoom: 1;  }
.itemlist-box .iteminfo__other li:last-child{ margin-right: 0; }





/* 手機版立即預約看屋 降價通知  */
.contact-box.mobile{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 5%  5%; background: rgba(255,255,255,0.95); z-index: 9999;  }
.mobile__appointment{ display: block;  }
.appointment__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin-bottom: 10px; }
.mobile__appointment button{ width: 100%; height: 60px; line-height: 60px;  text-align: center; font-size: 1rem; font-weight: bold; }
.appointement__form{ font-size: 1rem; /* color: #888; */ color: #000; margin-bottom: 20px; }
.appointement__form>li{ position: relative; margin-bottom: 10px;}
.appointement__form>li:nth-child(1) li{ display: inline-block; position: relative; vertical-align: middle; margin-right: 10px;  } 
.appointement__form>li:nth-child(1) li:first-child{ width: 49%; } 
.appointement__form>li:nth-child(1) li:first-child input[type=text]{ width: 100%; height: 40px; line-height: 40px; font-size: 1rem; /* color: #888; */ color: #000; }
.appointement__form>li:nth-child(2) input[type=text]{ width: 49%; height: 40px; line-height: 40px; font-size: 1rem; /* color: #888; */ color: #000; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=text]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(3) li{ display: inline-block;  margin: 10px 10px 0 0;  position: relative; }
.appointement__form>li:nth-child(4){ font-size: 0.875rem; color: #920783; margin: 15px 0;  }
.appointement__form>li a{ color: #920783; }
.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
.appointement__form input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
.appointement__form input[type=radio]:checked + label:before { content:'\f058'; font-weight: 900; color:#920783; }
.close-box{ width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #920783; position: absolute;  right: 20px; top: 20px;  text-align: center; }
.close-box span{ color: #fff; font-size: 1.25rem; }
.info02__table{ width: 100%; font-size: 0.75rem; border-spacing: 0; margin: 30px 0;}
.info02__table tr{ height: 40px; }
.info02__table tr:nth-child(even){ background: #f7f7f7; }
/*.info02__table tr:nth-child(4) td:first-child { border-right: none; padding: 15px 10px 10px 10px; }*/
.info02__table td{ box-sizing: border-box; padding: 0 10px; }
.info02__table td:first-child{ width: 70px; border-right:1px solid #e0e0e0; }
.info02__table td:nth-child(2){ width: 105px;  }
.info02__table td:nth-child(3){ width: 57px; border:1px solid #e0e0e0; border-width: 0 1px; }
.info02__table td:nth-child(2) button{ margin: 0 0 0 0;  }
.info02__table td:nth-child(odd){ color: #555; }
.info02__other{}
.info02__other>li{ display: inline-block; min-width: 49%; height: 32px; }
.info02__other>li>span{ color: #0a0a0a; }
.info02__table button{ min-width: 60px; height: 20px; line-height: 20px;  background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }
.info02__table button:after{ content: "\f0fe"; margin: 0 0 0 5px;  }
.agree_input{ position: relative; margin: 0 0 10px 0; }


/* select-box */
.select-box{ display: inline-block; width: 160px; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #920783; position: relative; vertical-align: middle; }
.select-box:after{ display: inline-block; content: "\e874"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; color: #920783;   }
select{ background: transparent; width: 160px; padding: 0px 10px; font-size: 0.9375rem;  color: #797979; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  vertical-align: top; font-family: Verdana,"微軟正黑體","新細明體","蘋果儷黑體", Arial, Helvetica, sans-serif;}
.service__contact .select-box{ display: inline-block; width: 48%; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #ccc; position: relative; vertical-align: middle; }
.service__contact .select-box:after{ display: inline-block; content: "\e910"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; color: #000; pointer-events: none;   }
.service__contact select{ background: transparent; width: 100%; padding: 0px 10px; font-size: 1rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  vertical-align: top; font-family: Verdana,"微軟正黑體","新細明體","蘋果儷黑體", Arial, Helvetica, sans-serif;}
input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=radio] + label:before {content:'\f10c'; color:#ccc; margin-right:.2rem; }
input[type=radio]:checked + label:before {content:'\f058'; color:#920783; }


.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
.appointement__form input[type=radio] + label:before {content:'\f111'; color:#000 margin-right:.2rem; }
.appointement__form input[type=radio]:checked + label:before {content:'\f058'; font-weight: bold; color:#920783; }
.appointement__form input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
.appointement__form input[type=checkbox] + label:before {content:'\e91b'; color:#000; margin-right:.2rem; }
.appointement__form input[type=checkbox]:checked + label:before {content:'\f058'; font-weight: bold; color:#920783; }




/* 同意條款 */
.agree__pup-box{ position: fixed; left: 0; top: 0; width: 100%; height: 80%;  background: rgba(255,255,255,0.9); z-index: 9999; box-sizing: border-box; padding: 0 0 50px 0;   }
.agree__pup{width: 92%; height: 95vh;  border-radius: 3px; border:1px solid #920783; background: #f8f8f8; margin: 10px auto; box-sizing: border-box; padding-bottom: 20px;    }
.agree__pup__header{ font-size: 1rem; color: #920783;  height: auto; min-height: 40px; line-height: 20px; text-align: left; border-bottom: 1px solid #920783; margin-bottom: 10px; box-sizing: border-box; padding: 10px;  }
.agree__pup h4{ display: inline-block;  font-size: 1rem;  font-weight: normal; color: #000;  }
.agree__pup__txt-box{ height: 65vh; overflow: auto; }
.agree__pup__txt{ font-size: 0.8125rem; line-height: 1.5rem; color: #767676; box-sizing: border-box; padding: 10px 20px;   }
.agree__pup__txt ul:first-of-type{ list-style: decimal; margin: 10px 0 30px 0;  }
.agree__pup__txt ul:last-of-type{ list-style: disc; margin: 10px 0 10px 0;  }
.agree__pup__txt ul li{ margin-left: 25px; }
.agree__pup__button{ text-align: center; margin:20px 0; }
.agree__pup__button>li{display: inline-block; margin-right: 5px; }
.agree__pup__button button{ width: 80vw; height: 60px; font-size: 1rem;}





/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

.item__detail-container{ padding: 0px 5% 7% 5%; }
/* photo__thumbnail-box */
.photo__thumbnail-box .bx-wrapper{  width: 80%;  }  
/* item__photo-block */
.item__photo-block{ width: 100%; position: relative; }
.item__photo{ width: 100%;   }
.item__photo li{ height:552px;}
.item__photo li>img{ width: auto;	height: 100%; max-height:552px; max-width:830px;}
/*.item__photo-prev{ position: absolute; z-index: 9999; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block; }
.item__photo-prev:after{  content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__prev.png); opacity: 0.8;}
.item__photo-prev:hover:after{ opacity: 1; }
.item__photo-next{position: absolute; z-index: 9999; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block;}
.item__photo-next:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__next.png); opacity: 0.8;}
.item__photo-next:hover:after{ opacity: 1; }*/

.item__photo-block .bx-wrapper{ position: relative;  display: inline-block; width: 90vw;  } 
.item__photo-block .bx-controls-direction a{ position: absolute; z-index: 9999; top: 50%; transform: translateY(-50%); display: inline-block;}
.item__photo-block .bx-prev{ left:10px;  }
.item__photo-block .bx-prev:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__prev.png); opacity: 0.8;}
.item__photo-block .bx-prev:hover:after{ opacity: 1; }
.item__photo-block .bx-next{ right:10px; }
.item__photo-block .bx-next:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__next.png); opacity: 0.8;}
.item__photo-block .bx-next:hover:after{ opacity: 1; }

/* 猜你可能也會喜歡這些物件  */
.item__recommand-container .bx-wrapper{ width: 85%; margin: 0 auto; }   
/* 影音區塊 */
.channel-container{ width: 90%; margin: 0 auto; box-sizing: border-box; padding: 30px 0; }  
.video-container{ width: 100%; display: flex;  }
.video-box{ min-width: 440px; margin-right: 10px;}
.vr-box .vr-block>button{display:none;}
.video__recommand-box{ display: inline-block;  min-width: 40%; height: auto; border-radius: 3px; background: #fff; vertical-align: top; box-sizing: border-box; padding: 10px 15px 15px 15px; margin: 0; border:1px solid #920783; transform: scale(0.85); transform-origin: left top; }
.video__recommand-box h5{ font-size: 1.25rem; color: #474747; font-weight: normal; }
.video__recommand-box h5:after{ content: ""; display: block; border-bottom: 1px solid #d0d0d0; margin: 10px 0 15px 0; }
.video__recommand__item{ font-size: 0.9375rem;  color: #656565; margin-bottom: 5px; }
.video__recommand__item img{ display: inline-block; margin-right: 4px; width:127px; height:auto; max-height:71px;}
.video__recommand__item>li{ position: relative; margin-bottom: 5px;}
.video__recommand__item>li:nth-child(n+3){ display: none; }
.video__recommand__item>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition:all 0.2s cubic-bezier(.23,1,.32,1); background: #000; opacity: 0;}
.video__recommand__iteminfo{ display: inline-block; vertical-align: top;}
.video__recommand__iteminfo__name{ color: #920783; }
.video__recommand-box .button--more{ display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius: 3px; background: #920783; font-size: 1rem; vertical-align: top; color: #fff; margin: 0px auto 0 auto; position: relative; }
/* 更多詳細照片 */
.item__morephoto-box{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.item__morephoto-box>li{ width: 48.5%; height: auto;  margin: 0 0 15px 0;  }
.item__morephoto-box>li>img{ width: 100%; height: auto; }
/* 同意條款 */
.agree__pup{ height: 90vh; }
.agree__pup__txt-box{ height: calc(65vh - 60px); }





}





/* $橫的版型 */
@media screen and (orientation:landscape){ 


}


@media screen and (max-width: 600px){
.item__recommand-container .bx-viewport { min-height: 302px; }
.vr-box .vr-block>iframe, #aroundScenes iframe{height:66vh;}
}

@media screen and (max-width: 768px) {
.ai_button {
left: 10px;/* transform: translateX(-50%); */top: 10px;transform: scale(0.8); /* 縮小到 80% 大小 */transform-origin: top left;
}
.ai_button__tip {
left: auto;
right: 20px;
white-space: nowrap;
}
.ai_button__tip::before {
left: auto;
right: 24px;
}
}


/* $Pc
--------------------------------------------------------------------------------------*/
/* @media screen and (min-width: 768px){ */
@media screen and (min-width: 1025px){

/*  物件介紹  */
.item__detail-container, .house_detail_notFound{ width: 1230px;  margin: 0 auto; padding: 0 0 0 0; box-sizing: border-box; }
.item__detail__header{ border-bottom: 2px solid #e0e0e0; padding: 10px 0 15px 0;  }
/* 物件名稱介紹  */
.header__intro{ display: inline-block;}
.header__intro>li{ display: inline-block; vertical-align: middle; }
.header__intro>li:first-child{ font-size: 1.5rem; color: #010101;  vertical-align: middle; width: auto; }
.header__intro>li:first-child:after{ content: ""; display: inline-block; width: 1px; height: 24px;  border-right: 1px solid #dedede; margin: 0 15px; vertical-align: middle; }
.header__intro>li:nth-child(2){ font-size: 1rem; color: #000; margin-right: 15px; width: auto;  }
.header__intro>li:nth-child(2)>span{ color: #000; }
.header__intro .icon--new:after{ content: ""; display: inline-block; background-image: url(../images/item__header__icon--w.gif); margin-right: 3px; width: 41px;  height: 27px; background-position: 0px 0px; }
.header__intro .icon--vr:after{ content: ""; display: inline-block; background-image: url(../images/item__header__icon--w.gif); margin-right: 3px; width: 54px;  height: 27px; background-position: -41px 0px; cursor: pointer; }
/* 物件編號功能  */
.header__num{ display: flex; width: auto; margin: 0 0 0 0; }
.header__num>li{ display: inline-block; font-size: 0.9375rem; color: #000; letter-spacing: normal; *display:inline-block; zoom: 1; margin-right: 0px; vertical-align: middle; }
.header__num>li:first-child{ margin-right: 0px; }
.header__num>li:after{ cursor: pointer; }
.icon--fb:after{ content: ""; display: block; width: 39px; height: 30px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -39px 0; }
.item__num>li.icon--line{  }
.icon--line:after{ content: ""; display: block; width: 39px; height: 30px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -78px 0; }
.icon--printer:after{ content: ""; display: block; width: 39px; height: 30px; background: url(../images/header__num__icon.png); background-size: 300%; background-position: -117px 0; }
.icon--mycollect{ width: 30px; height: 30px; line-height: 30px; border-radius: 3px; border: 1px solid #920783; text-align: center; vertical-align: middle; margin-left: 5px;     }
.icon--mycollect:after{ content:"\f005"; font-size: 1rem; color: #920783; }
.icon--mycollect.active:after,.icon--mycollect:hover:after{ font-weight:900; }
.line-box{ display: block;   }
.line-box .infopup{ width: 680px; height: auto; border-radius: 3px; background: #fff; border: 1px solid #920783; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); box-sizing: border-box; padding: 40px 20px;  color: #8a8585; font-size: 0.875rem; line-height: 20px; z-index: 999; }
.line-box .infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s cubic-bezier(.23,1,.32,1);}
.line-box .infopup__closeX:hover{ cursor: pointer;  }
.line-box .infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.line-box .infopup__tit{ font-size: 1rem; color: #920783; line-height: 40px; }
.line-box .infoborder{ border: 1px solid #ccc; box-sizing: border-box; padding: 5px; margin: 10px 0 0 0;   }
.iteminfo-box{ display: block;   }
.iteminfo-box .infopup{ width: 680px; height: auto; border-radius: 3px; background: #fff; border: 1px solid #920783; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); box-sizing: border-box; padding: 40px 20px;  color: #8a8585; font-size: 0.875rem; line-height: 20px; z-index: 999; }
.iteminfo-box .infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s cubic-bezier(.23,1,.32,1);}
.iteminfo-box .infopup__closeX:hover{ cursor: pointer;  }
.iteminfo-box .infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.iteminfo-box .infopup__tit{ font-size: 1rem; color: #920783; line-height: 40px; }
.iteminfo-box .infoborder{ border: 1px solid #ccc; box-sizing: border-box; padding: 5px; margin: 10px 0 0 0; }
/* layout div */
.item__detail__main{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; }
.main--L{ width: 750px; order: 1; }
.main--R{ width: 440px; order: 2; position: absolute; background: #fff; right:0; }

.businesscall-box{ width: 450px; height: auto;   position: absolute; left: 50%; transform: translateX(-50%); top: 36px; background: #fff; z-index: 9999; padding: 20px 15px 20px 15px; border: 1px solid #920783; }
.businesscall-box .service__appointment{ margin: 64px 0 0 0; }
.down-box{ width: 450px;  height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: 30px; background: #fff; z-index: 9999; padding: 20px 15px 20px 20px; border: 1px solid #920783; }
.down-box .service__appointment{ margin: 64px 0 0 0; }
.down-box .appointement__form{ font-size: 1rem; /* color: #bababa; */ color: #000; }
.down-box .appointement__form>li{ position: relative; margin-bottom: 10px;}
.down-box .appointement__form>li:nth-child(1) ul{ display: inline-block;  min-width: 45%; margin: 0 0 0 0;}
.down-box .appointement__form>li:nth-child(1)>span{ display: inline-block; width: 51%; }
.down-box .appointement__form>li:nth-child(1) li:first-child{ width: 38%; }
.down-box .appointement__form>li:nth-child(1) li{  width: auto; display: inline-block; position: relative; vertical-align: middle; margin-right: 10px; }
.down-box .appointement__form>li:nth-child(2) li{ display: inline-block; position: relative; vertical-align: middle; margin-right: 10px;  } 
.down-box .appointement__form>li:nth-child(2) li:first-child{ width: 57%; } 
.down-box .appointement__form>li:nth-child(2) li:first-child input[type=text]{ width: 100%; height: 40px; font-size: 1rem; /* color: #bababa; */ color: #000; }
.down-box .appointement__form>li:nth-child(3) input[type=text]{ width: 49%; height: 40px; font-size: 1rem;/*  color: #bababa; */ color: #000; margin-right: 2%;  }
.down-box .appointement__form>li:nth-child(3) input[type=text]:last-child{ margin-right: 0; }
.down-box .appointement__form>li:nth-child(4) li{ display: inline-block;  margin-right: 10px; position: relative; font-size: 1rem; /* color: #bababa; */ color: #000;  }
.down-box .appointement__form>li:nth-child(n+5){ font-size: 0.875rem; color: #920783;  }
.down-box .appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer;}
.down-box .appointement__form input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem;}
.down-box .appointement__form input[type=radio]:checked + label:before {content:'\f058'; font-weight: 900; color:#920783;}

/* item__photo-block */
.item__photo-block{ width: 100%; position: relative; }
.item__photo{ width: 100%;   }
.item__photo li{ height:499px;}
.item__photo li>img{ width: auto;	height: 100%; max-height:499px; max-width:750px;}
/*.item__photo-prev{ position: absolute; z-index: 9999; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block; }
.item__photo-prev:after{  content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__prev.png); opacity: 0.8;}
.item__photo-prev:hover:after{ opacity: 1; }
.item__photo-next{position: absolute; z-index: 9999; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; display: inline-block;}
.item__photo-next:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__next.png); opacity: 0.8;}
.item__photo-next:hover:after{ opacity: 1; }
.item__photo-block .bx-wrapper{ position: relative;  display: inline-block; width: 90vw;  } */

.item__photo-block .bx-wrapper{ position: relative;  display: inline-block; width: 90vw;  } 
.item__photo-block .bx-controls-direction a{ position: absolute; z-index: 9999; top: 50%; transform: translateY(-50%); display: inline-block; text-indent: -9999px;}
.item__photo-block .bx-prev{ left:10px;  }
.item__photo-block .bx-prev:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__prev.png); opacity: 0.8;}
.item__photo-block .bx-prev:hover:after{ opacity: 1; }
.item__photo-block .bx-next{ right:10px; }
.item__photo-block .bx-next:after{ content: '';  display: block; width: 49px; height: 81px; background: url(../images/house__slider__next.png); opacity: 0.8;}
.item__photo-block .bx-next:hover:after{ opacity: 1; }

.housedata-box{ width: 370px; height: auto; position: absolute; left: 57%; transform: translateX(-50%); top: 40px; background: #fff; z-index: 9999; padding: 20px 15px 20px 20px; border: 1px solid #920783; font-size: 0.875rem;  }
.housedata__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin: 40px 0 10px 0;  }
.housedata__note{ color: #a2a2a2; }
.housedata-box .info02__table{ margin: 10px 0 10px 0; }
.housedata-box .info02__table td{ padding: 10px 10px; }
.housedata-box .info02__table td:first-child{ width: 120px; }


.scroll-wrape{ width: 1230px; margin: 0 auto; position: relative; }

/* photo__thumbnail-box */
.photo__thumbnail-block{}
.photo__thumbnail{}
.photo__thumbnail>li{ display: inline-block; width: 90px; height: 90px;  overflow: hidden; position: relative; }
.photo__thumbnail>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0;  }
.photo__thumbnail>li img{ width: auto; height: 90px;  position: absolute; left:50%; transform: translateX(-50%);}
.photo__thumbnail>li.active img,.photo__thumbnail>li:hover img { opacity: .4; }
/* photo__thumbnail bxSlider */
.photo__thumbnail-block .bx-wrapper{ position: relative;  display: inline-block; width: 281px; padding: 10px 0 0 35px; }   
.photo__thumbnail-block .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -9999px; width: 23px; height: 46px; transform: translateY(-50%); }
.photo__thumbnail-block .bx-prev{ left:0px; background: url(../images/house__detail__arrow.png);  background-size: 200%; background-position: 0 0; }
.photo__thumbnail-block .bx-next{ right:-35px; background: url(../images/house__detail__arrow.png); background-size: 200%; background-position: -100% 0; }
/* photo__pattern */
.photo__thumbnail-block>div:nth-child(2){ margin-left: 43px; }
.photo__pattern{ display: inline-block;  width: 90px; height: 90px; border: 1px solid #d7d7d7; margin-left: 3px; position: relative; overflow: hidden; }
.photo__pattern>img{ width: 80px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
/* photo__vr */
.photo__vr, .photo__yt, .photo__map, .photo__ai{ display: inline-block;   width: 90px; height: 90px; border: 1px solid #d7d7d7; margin-left: 6px; position: relative; overflow: hidden;  }
.photo__vr>a>img, .photo__yt>a>img, .photo__map>a>img, .photo__ai>a>img{ width: 90px; height: auto; position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%); }


/* 右邊物件資訊跟連、跟預約服務 */
.item-info{ font-size: 1.125rem; line-height: 1.5em; }
.item_num{ font-size: 1rem; line-height: 1.5em; color: #7b7b7b;  }
.item_name{ font-size: 1.875rem; line-height: 1.5em; color: #070707;  }
.item_name:after{ content: ''; display: block; width: 100%; border-bottom: 2px solid #920783; margin: 5px 0 10px; }
.hightlightprice{ font-size: 2.5rem; color: #f00;  }
.throughprice{ text-decoration: line-through; margin: 0 0 0 10px; }
.item_add{ margin: 5px 0 0px 0; }
.item-btn{ margin: 5px auto 10px auto; position: relative; }
.item-btn>button:first-child{ background: #fdab2a; }
.item-info .item-btn>button{ display: inline-flex; justify-content: center; align-items: center; width: 90px; height: 24px; line-height: 24px; font-size: 0.875rem; position: relative; margin: 0 0 0 0; }
.item-info .item-btn>button:after{ content: "\e876"; }
.item-info .item_price .noteinfo{ font-size: 0.8125rem; color: #999; margin: 0 0 0 10px;  }
.item_other{ display: flex; flex-wrap: wrap; }
.item_other:before{ content: ''; display: block; width: 100%; border-bottom: 1px solid #920783; margin: 10px 0; }
.item_other>li{ margin: 0 15px 0 0; }
.item_other{ margin: 0 0 30px 0; }
.item_other>li{ min-width: 35%; }
.item_other>li:before{ color: #920783; font-size: 1.25rem; margin: 0 10px 0 0; }
.item_other .noteinfo{ font-size: 0.75rem; color: #999; }

.icon_space:before{ content: '\e92d'; }
.icon_room:before{ content: '\e92c'; }
.icon_age:before{ content: '\e92b'; }
.icon_floor:before{ content: '\e92a'; }
.contact-tab{ display: flex; justify-content: space-between; }
.contact-tab>li{ display: flex; justify-content: center; align-items: center; width: 49.5%; height: 40px; border-radius: 5px 5px 0 0; background: #f5d6f2; font-size: 1.5rem; color: #920783; cursor: pointer; }
.contact-tab>li.active{ background: #920783; color: #fff; }
.item-contact{ display: block; }
.mobile-contact{ display: none; }


/*  聯絡仲介 */
.service__contact{ display: block; border: 1px solid #920783; box-sizing: border-box; padding: 10px 10px 10px 10px; }
.service__user{ margin: 20px 0 0 0; }
.service__contact__photo{ display: inline-block; width: 100px; height: 100px; border-radius: 5px; overflow: hidden; margin-right: 18px; vertical-align: middle; border: 1px solid #920783; }
.service__contact__info{ display: inline-block; vertical-align: middle; position: relative; }
.service__contact button{ width: 100%; background: #fdab2a; }
.contact__tit{ font-size: 1rem; color: #000; }
.contact__tit a{ color: #000; text-decoration: none; }
.contact__tit a:hover{ color: #920783; }
.contact__name{ font-size: 1.875rem; font-weight: 600; color: #000; margin-right: 5px;}
.contact__name a{ color: #000; text-decoration: none; }
.contat__add{ font-size: 1rem; color: #000; margin: 0 0 5px 0; }
.contact__phone{ display: flex; align-items: center; font-size: 1.5rem; color: #000;  }
.contact__icn__mobile{margin: 0px 10px 0 -1px;}
.contact__icn__phone:after, .contact__icn__mobile:after{ margin-right: 10px; }
.contact__phone__line{ display: inline-block; width: 1px; height: 20px; border-right: 1px solid #d8d8d8; margin: 0 10px; }
.contact__icn__line:after{ content: ""; display: inline-block; width: 26px; height: 25px; background: url(../images/LINE02.svg); cursor: pointer; }
.contact__line-pup{ width: 376px; height: 285px; border-radius: 3px; background: #fff; border: 1px solid #920783; box-sizing: border-box; padding: 40px 20px; font-size: 1.25rem; color: #b4b4b4; position: absolute; left: -108px; top: -240px; z-index: 999;   }
.contact__line-pup>img{ display: block; margin: 20px auto;   }
.contact__line-pup__closeX{ position: absolute; right: 10px; top: 10px;  transition: all 0.2s ease-out;}
.contact__line-pup__closeX:hover{ cursor: pointer;  }
.contact__line-pup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }


/* 立即預約看屋 */
.service__appointment{ margin: 12px 0 0 0; display: block; }
.appointment__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin-bottom: 10px; }
.service__appointment button{ display: block; width: 100%; margin: 0 auto 0 auto;  height: 50px; text-align: center; font-size: 1rem; font-weight: bold;}
.service__appointment button + button{ margin: 0 0 0 0; }
.appointement__form{ font-size: 1rem; color: #000; margin-bottom: 10px;  }
.appointement__form>li{ /*display: flex; justify-content: space-between;*/ }
.appointement__form>li input[type=text]{ width: 49%; height: 40px; font-size: 1rem; color: #000;  }
.appointement__form>li input[type=tel]{ width: 49%; height: 40px; font-size: 1rem; color: #000;  }
.appointement__form>li:nth-child(2) input[type=text]{ width: 49%; height: 40px; font-size: 1rem; color: #000; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=text]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(2) input[type=tel]{ width: 49%; height: 40px; font-size: 1rem; color: #000; margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=tel]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(4) li{ display: inline-block;  margin-right: 10px; position: relative; }
.appointement__form>li:nth-child(n+5){ font-size: 0.875rem; color: #920783;  }
.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer;}
.input__agree input[type=radio]{position:absolute; top:0; left:0; width:50px; height:100%; opacity:0; z-index:2; cursor:pointer;}
.appointement__form input[type=radio] + label:before {content:'\f10c'; color:#ccc; margin-right:.2rem;}
.appointement__form input[type=radio]:checked + label:before {content:'\f058'; color:#920783;}
.input__agree{ display: flex;  }
.agree_input{ width: 49%; position: relative; margin: 0 0 0 0; color: #920783; font-size: 1rem;  }
.input__agree input[type=checkbox]:first-child{width:65px;}


.houseinfo-box{ width: 450px; height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: 30px; background: #fff; z-index: 9999; padding: 20px 15px 20px 20px; border: 1px solid #920783; box-sizing: border-box; font-size: 1rem; line-height: 1.5em;  }
.houseinfo-box .infopup{  }
.houseinfo-box .infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s ease-out;}
.houseinfo-box .infopup__closeX:hover{ cursor: pointer;  }
.houseinfo-box .infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.houseinfo-box .infopup__tit{ font-size: 1.25rem; color: #920783; line-height: 40px; font-weight: 600; }
.houseinfo-box .infoborder{ border: 1px solid #ccc; box-sizing: border-box; padding: 5px; margin: 10px 0 0 0;  }
.houseinfo-box .txt-box{ margin: 30px 0 0 0; }


/* select-box */
.select-box{ display: inline-block; width: 160px; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #920783; position: relative; vertical-align: middle; }
.select-box:after{ display: inline-block; content: "\e874"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; color: #920783;   }
select{ background: transparent; width: 160px; padding: 0px 10px; font-size: 0.9375rem;  color: #797979; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  vertical-align: top; font-family: Verdana,"微軟正黑體","新細明體","蘋果儷黑體", Arial, Helvetica, sans-serif;}
.service__contact .select-box{ display: inline-block; width: 49%; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #ccc; position: relative; vertical-align: middle; }
.service__contact .select-box:after{ display: inline-block; content: "\e910"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 1; color: #000; pointer-events: none;   }
.service__contact select{ background: transparent; width: 100%; padding: 0px 10px; font-size: 1rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  vertical-align: top; font-family: Verdana,"微軟正黑體","新細明體","蘋果儷黑體", Arial, Helvetica, sans-serif;}
input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=radio] + label:before {content:'\f10c'; color:#ccc; margin-right:.2rem; }
input[type=radio]:checked + label:before {content:'\f058'; color:#920783; }


/* 表格 物件資訊 */
.info__table{ display:  table; width: 100%; margin: 0 0 0px 0; font-size: 0.9375rem; color: #0a0a0a;   }
.info__table:nth-of-type(1){ margin: 0 0 0 0; }
.info__table:nth-of-type(3){ margin: 0 0 20px 0; }
.info__tr{ display: table-row; }
.info__table:nth-of-type(1) .info__tr:nth-child(odd){ background: #f7f7f7; }
.info__table:nth-of-type(2) .info__tr:nth-child(even){ background: #f7f7f7; }
.info__table:nth-of-type(3) .info__tr:nth-child(even){ background: #f7f7f7; }
.info__td{ display: table-cell; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 0 0 10px; }
.info__td:first-child{ width: 94px; color: #525252; border-right:1px solid #e0e0e0;}
.info__td:nth-child(2){ padding: 0 0 0 15px; }
.info__td.subtit{  color: #525252; }
.info__td .subtit02{ display: inline-block; width: 80px;  margin: 0 10px 0 10px; color: #525252; }
.info__td .subtit03{ display: inline-block; width: 80px;  margin: 0 10px 0 78px; color: #525252; }
.info__td>button{ width: 72px; height: 20px; line-height: 20px; background: #ff8133; font-size: 0.75rem; float: right;  margin: 10px 10px 0 0; }
.info__td>button:after{ content: "\e876"; }
button.floatnone{ float: none; margin: 0 0 0 10px; }
.info02__table{ width: 100%; font-size: 0.875rem; border-spacing: 0; margin: 0 0 15px 0;}
.info02__table tr{ height: 40px; }
.info02__table tr:nth-child(even){ background: #f7f7f7; }
/*.info02__table tr:nth-child(4) td:first-child { border-right: none; padding: 15px 10px 10px 10px; }*/
.info02__table td{ box-sizing: border-box; padding: 0 10px; }
.info02__table td:first-child{ width: 78px; border-right:1px solid #e0e0e0; }
.info02__table td:nth-child(2){ width: 110px; padding: 6px 6px 6px 6px; }
.info02__table td:nth-child(2) button{ margin: 0 0 0 0; }
.info02__table td:nth-child(3){ width: 56px; border:1px solid #e0e0e0; border-width: 0 1px; }
.info02__table td:nth-child(odd){ color: #555; }
.info02__other{}
.info02__other>li{ display: inline-block; min-width: 49%; height: 32px; }
.info02__other>li>span{ color: #0a0a0a; }
.info02__table button{ min-width: 60px; height: 20px; line-height: 20px; background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }  
.info02__table button:after{ content: "\f0fe"; margin: 0 0 0 5px; }






/* 猜你可能也會喜歡這些物件  */
.item__recommand-container{ width: 1230px; margin: 100px auto; }
.item__recommand-slider{ width: 750px; border-radius:3px; border: 1px solid #c0c0c0; box-sizing: border-box; padding: 30px 60px; }
.item__recommand-box{ font-size: 0; letter-spacing: -4px; text-align: center;   }
.item__recommand-box>li{ display: inline-block; width: 244px; letter-spacing: normal; *display:inline-block; zoom:1; text-align: left; position: relative; transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.item__recommand-box>li>a{ display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0;  }
.item__recommand-box>li>u {width:278px;height:184px; overflow:hidden;display:block; text-align:center;}
.item__recommand-box>li>u>img{ width: auto; height: auto; min-height:150px; max-height:200px; max-width:100%; overflow:hidden; transition:  all 0.2s cubic-bezier(.23,1,.32,1); }
.item__recommand-box>li:hover img{ opacity: 0.7; }
.item__recommand__tit{ font-size: 1.125rem; margin-bottom: 30px; color: #000; text-align: center; }
.item__recommand__name{ font-size: 1.125rem; color: #404040; border-bottom: 1px solid #d4d4d4; padding: 15px 0 10px; margin-bottom: 10px;  }
.item__recommand__info{ font-size: 0.9375rem; color: #575757;  }
.item__recommand__info--line{ width: 1px; height: 20px; border-right: 1px solid #dadada; margin: 0 10px; }
.item__recommand__info>span{ color: #000; }
.item__recommand__info>span:first-child{ color: #ff1907; font-weight: bold;}
/* item__recommand-container bxSlider */
.item__recommand-container .bx-wrapper{ position: relative; }   
.item__recommand-container .bx-controls-direction a{ position: absolute; top: 20%; text-indent: -9999px; width: 23px; height: 46px; }
.item__recommand-container .bx-prev{ left:-38px; background: url(../images/recommand__arrow.png); background-size: 200%; background-position: 0 0; }
.item__recommand-container .bx-next{ right:-38px; background: url(../images/recommand__arrow.png); background-size: 200%; background-position: -100% 0; }



/* headertit */
.headertit{ font-size: 1.5rem; font-weight: 600; color: #920783; display: block; }
.headertit:after{ content: ''; display: block; width: 100%; max-width: 750px; border-bottom: 3px solid #920783; margin: 6px 0 10px; }
.house__integrated-box .house__contents__tit,.basicinfo-box .house__contents__tit,.features-box  .house__contents__tit{ height: 50px; line-height: 50px;  border-radius:3px; background: #89d7c7; font-size: 1.5rem; color: #fff; font-weight: normal; box-sizing: border-box; padding: 0px 20px; margin: 0 0 10px 0; display: none; }




/* 基本資料 */
.basicinfo-box{ width: 1230px; margin: 0 auto 90px; font-size: 1.125rem; }
.basicinfo-box table{ width: 100%; max-width: 750px; border: 1px solid #bfbfbf; border-width: 1px 1px 0 1px; border-collapse:collapse;  }
.basicinfo-box table tr{ height: 45px;  }
.basicinfo-box table td{ box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #bfbfbf; position: relative; }
.basicinfo-box table td.subinfo{ padding: 0 20px 0 37px; }
.basicinfo-box table td:first-child{ width: 33%; background: #f4f4f4; border-right: 1px solid #bfbfbf; color: #797979; }
.basicinfo-box table button{ display: inline-flex; align-items: center; min-width: 60px; height: 20px; line-height: 20px; background: #920783; font-size: 0.75rem; margin: 0 0 0 5px; }  
.basicinfo-box table button:after{ content: "\f0fe"; font-weight: bold; margin: 0 0 0 5px; }





/* 物件特色 */
.features-box{ width: 1230px; margin: 0 auto 90px; font-size: 1rem; line-height: 2em; color: #535353;  }
.features-other{ display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; margin: 0 0 40px 0; }
.features-other>li{ width: 50%; box-sizing: border-box; padding: 0 10px 0 5px; font-size: 1rem; }
.features-other>li:before{ content: '\f005'; color: #920783; font-weight: bold; font-size: 0.875rem; margin: 0 5px 0 0; }


/* house__features */
.house__features{ display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; box-sizing: border-box; padding: 0 0 0 0;  }
.house__features>li{ display: flex; width: 50%; box-sizing: border-box; padding: 0 10px 0 5px; margin: 0 0 25px 0; }
.featrues__icon{ display: inline-block; width: 60px; height: 60px; margin:0 8px 0 0; }
.featrues__icon>img{ width: 100%; height: auto; }
.features__info-block{ height: 100%; display: inline-block; vertical-align: middle; }
.features__tit{ font-size: 1.125rem; line-height: 1.5em; color: #920783; margin: 0 0 0px 0; }
.features__tit02{ font-size: 1rem; line-height: 1.2em; color: #181818; }
.features__info{ font-size: 1rem; color: #181818; }
.features__info>span{ font-size: 1.5rem; color: #fdab2a; }



/* 生活機能 地圖與實景對照 成交行情 */
.integrated-container{ width: 100%; min-width: 1230px; background: #f3e7f5; padding: 0 0 50px; display: block; }
.integrated-container .item__tab-container{ display: block; width: 1230px; margin: 0 auto; }
/* 標籤 */
.integrated-container .item__tab{ border-top: 3px solid #920783; }
.integrated-container .item__tab>li{ border-radius:0 0 3px 3px; margin: 2px 2px 0 0; }
.integrated-container .item__tab>li:hover,.integrated-container .item__tab>li.active{ margin: 0 2px 0 0; }
/* table__viewselect */
.table__veiwselect-box{ font-size: 1rem; color: #8b8b8b; position: absolute;  right: 300px; top: 18px; display: block; }
.table__veiwselect-box li{display: inline-block; margin-right: 10px; position: relative;}
.table__veiwselect-box input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 1rem; color: #8b8b8b;}
.table__veiwselect-box input[type=checkbox]+ label:before {content:'\f111'; color:#ccc; margin-right:.2rem;}
.table__veiwselect-box input[type=checkbox]:checked + label:before {content:'\f058'; font-weight: 900; color:#920783;}
.table__veiwselect-box li:first-child input[type=checkbox]+ label:before {color:#920783;}
.table__veiwselect-box li:first-child input[type=checkbox]:checked + label:before {color:#920783;}
.table__veiwselect-box li:last-child input[type=checkbox]+ label:before {color:#f29600;}
.table__veiwselect-box li:last-child input[type=checkbox]:checked + label:before {color:#f29600;}
/* item__viewselect */
.item__viewselect-box{ position: absolute; right: 5px; top: 18px; display: block;  }
.item__viewselect-box>li{display: inline-block; margin-right: 10px; cursor: pointer; }
.item__viewselect-box>li:after{ content: ""; display: inline-block; width: 31px; height: 25px; background: url(../images/house__viewselect.png) no-repeat; background-size: 300%;  }
li.item__viewselect--list:after{ background-position: 0 0; }
li.item__viewselect--map:after{ background-position: -31px 0; }
li.item__viewselect--printer:after{ background-position: -62px 0; }
li.item__viewselect--list:hover:after,li.active.item__viewselect--list:after{ background-position: 0 -25px; }
li.item__viewselect--map:hover:after,li.active.item__viewselect--map:after{ background-position: -31px -25px; }
li.item__viewselect--printer:hover:after,li.active.item__viewselect--printer:after{ background-position: -62px -25px; }
.integrated-container .item__contents__tit{ display: none; }
.integrated-container .item__contents-box{ display: block; width: 1230px; margin: 0 auto; }

/* 地圖與實景對照 */
.mapphoto-box{ font-size: 0;  letter-spacing:-4px;  height: 535px; }
.mapphoto__map{ display: inline-block; width: 610px; height: 535px; border: 1px solid #b6b6b6; position: relative; vertical-align: top; margin-right: 10px; letter-spacing:normal; *display: inline-block; zoom: 1; margin-bottom: 0px; }
.mapphoto__map .map{ display: block; position: absolute; left: 0; top: 0; }
.mapphoto__map .mappin{ position: absolute;  width: 24px; height: 32px; left: 50px; top: 50px; }
.mapphoto__map .mappin>img{ width: 100%; height: auto; }
.mapphoto__photo{ display: inline-block; width: 602px; height: 535px; border: 1px solid #b6b6b6; vertical-align: top; letter-spacing:normal; *display: inline-block; zoom: 1; margin-bottom: 0; }
.mapphoto__photo>img{ width: 100%; height: 100%; }
/* 生活機能 */
.lifefunction-container{ width: 100%; max-width: 1230px; margin: 0 auto; box-sizing: border-box; padding: 0 0 50px 0; }
.lifefunction-box{ width: 750px; height: 535px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; margin-bottom: 0; }
.lifefunction__map{ }
.icon-box__closeX.mobile{ display: none; }
/* lifefunction__icon-box */
.lifefunction__icon-box{ width: 170px;overflow: hidden; height:100%; background: #fff; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 15px 0 0 10px; border-right: 1px solid #b6b6b6; font-size: 1rem; color: #9b9a9a; }
.lifefunction__icon-box>li{ height: 35px; line-height: 35px; white-space: nowrap;  }
.lifefunction__icon-box>li a{ color: #9b9a9a; text-decoration: none;  }
.lifefunction__icon-box>li.active a,.lifefunction__icon-box>li:hover a{ color: #920783;}
.lifefunction__icon-box>li:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; margin-right: 10px; vertical-align: middle; position:static;  }
.lifefunction__icon-box>li.map__icon__01:before{ background-position: 0 0; }
.lifefunction__icon-box>li.map__icon__02:before{ background-position: -22px 0; }
.lifefunction__icon-box>li.map__icon__03:before{ background-position: -44px 0; }
.lifefunction__icon-box>li.map__icon__04:before{ background-position: -66px 0; }
.lifefunction__icon-box>li.map__icon__05:before{ background-position: 0 -22px; }
.lifefunction__icon-box>li.map__icon__06:before{ background-position: -22px -22px; }
.lifefunction__icon-box>li.map__icon__07:before{ background-position: -44px -22px; }
.lifefunction__icon-box>li.map__icon__08:before{ background-position: -66px -22px; }
.lifefunction__icon-box>li.map__icon__09:before{ background-position: 0 -44px; }
.lifefunction__icon-box>li.map__icon__10:before{ background-position: -22px -44px; }
.lifefunction__icon-box>li.map__icon__11:before{ background-position: -44px -44px; }
.lifefunction__icon-box>li.map__icon__12:before{ background-position: -66px -44px; }
.lifefunction__icon-box>li.map__icon__13:before{ background-position: 0 -66px; }
.lifefunction__icon-box>li.map__icon__14:before{ background-position: -22px -66px; }
/* mapicon */
.map__icon__01:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 0;   }
.map__icon__02:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px 0; }
.map__icon__03:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px 0; }
.map__icon__04:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px 0; }
.map__icon__05:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -22px; }
.map__icon__06:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -22px; }
.map__icon__07:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px -22px; }
.map__icon__08:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px -22px; }
.map__icon__09:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -44px; }
.map__icon__10:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -44px; }
.map__icon__11:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -44px -44px; }
.map__icon__12:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -66px -44px; }
.map__icon__13:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: 0 -66px; }
.map__icon__14:before{ content: ""; display: inline-block; width: 22px; height: 22px; background:url(../images/map/map-icon.png) no-repeat; background-size: 400%; position: absolute; background-position: -22px -66px; }
/* map__info-box */
.map__info-box{ min-width: 200px; height: auto;  border-radius: 3px; border: 1px solid #920783; background: #fff; position: absolute; box-sizing: border-box; padding: 15px; font-size: 1rem; color: #797979;  text-align: center;}
.map__info-box h3{ font-size: 1.25rem;  color: #920783; text-align: center; }
.map__info-box h3:after{ content: ""; display: block; border-bottom: 1px solid #920783; margin: 10px 0 15px 0; }
.map__info__mrt{ text-align: center; width: 200px; text-align: center;  margin: 5px 0 0 0; }
.map__info__mrt>li{ display: inline-block; font-size: 0.875rem; min-width: 80px; text-align: left; margin: 10px 5px 5px 0; }
.map__info__mrt>li:nth-child(2n+2){  margin: 10px 0px 5px 0; }
.map__info__mrt>li>span{ margin-right: 5px; }
.map__info-box:before{ content: ""; display: block; width: 0px; height: 0px; border-width: 15px; border-style: solid; border-color: transparent transparent #920783 transparent; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
.map__info-box:after{ content: ""; display: block; width: 0px; height: 0px; border-width: 15px; border-style: solid; border-color: transparent transparent #fff transparent; position: absolute; top: -29px; left: 50%; transform: translateX(-50%); }
/* quotes__mobile */
.quotes-container.mobile{ display: none; }
/* quotes__map-box */
.quotes__map-box{ height: 535px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; }
.quotes__map{ position: absolute; left: 0; top: 0; }
.quotes__item{ position: absolute;  width: 100px; height: 100px; border-radius: 50%; background: #fff;  border: 1px solid #920783; font-size: 0.75rem;  color: #797979;  text-align: center; box-sizing: border-box; padding: 20px 5px 0; cursor: pointer;}
.quotes__item>p:first-child>span{ font-size: 1.875rem; color: #920783; }
.quotes__item>p:last-child>span{ font-size: 0.875rem; color: #920783; }
/* quotes__list-box */
.quotes__list-box{ width: 350px; height: 100%; background: #fff;  position: absolute; right: -350px; top: 0;  border-left: 1px solid #b6b6b6; box-sizing: border-box; padding: 50px 30px 30px; transition:all 0.3s cubic-bezier(.23,1,.32,1); overflow: auto;}
.closeX{ position: absolute; right: 10px; top: 10px;  transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.closeX:hover{ cursor: pointer; transform:  rotate(180deg); }
.closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.quotes__list{ margin-bottom: 45px; transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.quotes__list:hover{ background: #f4f3f1; }
.quotes__list__tit{ font-size: 1.25rem; color: #000; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #920783; }
.quotes__list__price{ font-size: 0.875rem;  color: #575757; margin-bottom: 3px; }
.quotes__list__price>span{ font-size: 1.25rem; }
.quotes__list__price>span:nth-child(n+2){ margin-left: 10px; color: #ff1907;}
.quotes__list__info{ font-size: 0.875rem; color: #575757; line-height: 25px; }
.quotes__list__info>span{ color: #000; }
.quotes__list__info--line{ display: inline-block; width: 1px; height: 18px; border-right: 1px solid #d5d5d5; margin: 0 10px; vertical-align: middle;   }
.quotes__list__data{ font-size: 0.875rem; color: #575757; line-height: 25px; }
.quotes__list__data>span{ color: #000; }
/* quotes__table-box */
.quotes__table-box{ width: 100%;  min-height: 535px;  border-radius:3px; position: relative; border: 1px solid #b6b6b6; overflow: hidden; border:1px solid #920783; background: #fff;  display: block;   }
.quotes__table__table{ display: table; width: 100%; }
.quotes__table__tr{ display: table-row; height: 50px; line-height: 50px; text-align: center; }  
.quotes__table__td{ display: table-cell; box-sizing: border-box; padding: 0 10px; border: 1px solid #920783; border-width: 0 1px 1px 0; font-size: 0.875rem; color: #8a8585; }
.quotes__table__td.colspan{border:none;padding:0;}
.quotes__table__td.colspan>div{width:1px;}
.quotes__table__td.colspan>div>div{width: 1190px; position: relative; border-bottom: 1px solid #920783; padding: 5px 10px 5px 30px; line-height: 25px; text-align: left; font-size:.75rem;}
.quotes__table__td:last-child{ border-right: none; }
.quotes__table__tr.memo{height: 23px;line-height: 23px;}
.quotes__table__tr.odd, .quotes__table__tr.odd .quotes__table__td.colspan>div>div{ background: #f7f7f7; }
.quotes__table__tr:first-child{ background: #e2bceb;  }
.quotes__table__tr:first-child .quotes__table__td{ font-size: 1rem; color: #000; }
.quotes__table__tr:first-child .quotes__table__td a{ text-decoration: none;  color: #920783; }
.quotes__table__tr:first-child .quotes__table__td:after{content:"\f0dc"; font-weight: 900; color: #920783; margin-left: 10px; }
.quotes__table__tr .quotes__table__td:first-child>span { margin-right: 5px; }
.quotes__table__link{ margin: 25px 0 15px 15px; }
.quotes__table__link>li{ display: inline-block; font-size: 0.875rem;  margin-right: 30px; position: relative; }
.quotes__table__link>li>a{ text-decoration: none; color: #920783; }
.quotes__table__link>li>a:before{ content: ""; display: inline-block; width: 18px;  height: 25px; background: url(../images/quotes__table__link__icon.png); background-size: 200%; margin-right: 5px; vertical-align: middle;   }
.quotes__table__link>li:nth-child(2)>a:before{ background-position: -100% 0;  }
.quotes__table__link>li:last-child{ float: right; margin:-5px 15px 0 0;      }
.quotes__table__link>li:last-child>button{ width: 180px; font-size: 0.875rem; color: #fff; }
.infopup{ width: 396px; height: 258px;  border-radius: 3px; background: #fff; border: 1px solid #920783; position: absolute; left: -180px; top: -270px; box-sizing: border-box; padding: 40px 20px;  color: #8a8585; font-size: 0.875rem; line-height: 20px; }
.infopup__closeX{ position: absolute; right: 10px; top: 20px;  transition: all 0.2s cubic-bezier(.23,1,.32,1);}
.infopup__closeX:hover{ cursor: pointer;  }
.infopup__closeX:after{content:"\e870"; color: #920783; font-size: 2rem; }
.infopup__tit{ font-size: 1rem; color: #920783; line-height: 40px; }
.quotes__table__link li:nth-child(1) .infopup{ left: -9px; }
.quotes__list__pagenum{ margin-left: 20px; }
.quotes__list__pagenum li{ display: inline-block; min-width: 27px; height: 27px; line-height: 27px; border-radius: 3px; background: #f7f7f7; text-align: center; color: #666;}
.quotes__list__pagenum li a{ display: block; width: 100%; height: 100%; text-decoration: none; color: #666; font-size: 0.875rem;  }
.quotes__list__pagenum li{ margin-right: 6px;}
.quotes__list__pagenum li:last-child{ margin: 0 0 0 10px; background: none; }
.quotes__list__pagenum li:last-child:hover{ background:none; cursor: default; }
.quotes__list__pagenum li:hover,.quotes__list__pagenum li.active{ background: #e1a8db; }





/* 影音區塊 */
.channel-container{ width: 1230px; margin: 0 auto; box-sizing: border-box; padding: 100px 0; }  
/* 標籤 */
.channel-container .item__tab{ border-top: 3px solid #920783; }
.channel-container .item__tab>li{ border-radius:0 0 3px 3px; margin: 2px 2px 0 0; }
.channel-container .item__tab>li:hover,.channel-container .item__tab>li.active{ margin: 0 2px 0 0; }
/* 內容 */
.video-container{ width: 100%;  min-width: 1230px; position: relative; box-sizing: border-box; padding: 8px 0 0px 0; display: block; }
/* 影音 */
.video-box{ display: inline-block; margin-right: 10px;}
.video-box .video-block{ width: 900px;  }
.vr-box, .vr-box .vr-block{ width: 100%;  }
.video-box .video-block>iframe{width:100%;height:650px;}
.vr-box .vr-block>button{display:none;}
.vr-box, .vr-box .vr-block>iframe{height:650px;}
/* 影音看屋推薦 */
.video__recommand-box, .vr__recommand-box{ display: inline-block; width: 313px; height: 504px; border-radius: 3px; background: #fff; vertical-align: top; box-sizing: border-box; padding: 15px; margin: 0; border:1px solid #920783; }
.video__recommand-box h5, .vr__recommand-box h5{ font-size: 1.25rem; color: #474747; font-weight: normal; }
.video__recommand-box h5:after, .vr__recommand-box h5:after{ content: ""; display: block; border-bottom: 1px solid #d0d0d0; margin: 10px 0 15px 0; }
.video__recommand__item, .vr__recommand__item{ font-size: 0.9375rem;  color: #656565; margin-bottom: 5px; }
.video__recommand__item img, .vr__recommand__item img{ display: inline-block; margin-right: 4px; width:127px; height:auto; max-height:71px; }
.video__recommand__item>li, .vr__recommand__item>li{ position: relative; margin-bottom: 10px;}
.video__recommand__item>li:last-child, .vr__recommand__item>li:last-child{ margin-bottom: 0; }
.video__recommand__item>li>a, .vr__recommand__item>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition:all 0.2s cubic-bezier(.23,1,.32,1); background: #000; opacity: 0;}
.video__recommand__item>li:hover>a, .vr__recommand__item>li:hover>a{ opacity: 0.35;  }
.video__recommand__iteminfo, .vr__recommand__iteminfo{ display: inline-block; vertical-align: top;}
.video__recommand__iteminfo__name, .vr__recommand__iteminfo__name{ color: #920783; }
.video__recommand-box .button--more, .vr__recommand-box .button--more{ display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius: 3px; background: #920783; font-size: 1rem; vertical-align: top; color: #fff; margin: 20px 0 0 3px; position: relative; }
.video__recommand-box .button--more:hover, .vr__recommand-box .button--more:hover{ background: #fdab2a; cursor: pointer;}





/* 更多詳細照片 */
.item__morephoto-container{ width: 1230px; border-radius:3px; border: 1px solid #c0c0c0; margin: 0px auto 100px auto; box-sizing: border-box; padding: 30px 60px; }
.item__morephoto__tit{ font-size: 1.125rem; margin-bottom: 30px; color: #000; text-align: left; }
.item__morephoto-box{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.item__morephoto-box>li{ width: 542px; height: 360px; overflow: hidden; margin: 0 0 25px 0; text-align:center;  }
.item__morephoto-box>li>img{ height:100%; width:auto; max-width:100%; display:inline; }
.item__morephoto__icon{ font-size: 0.75rem; color: #919191; margin: 10px 0 0 0; }





/* service__icon-box */
.service__icon-box{ display: none; }
.service__appointment{ margin: 12px 0 0 0; display: block; }
.appointment__tit{ font-size: 1.25rem; color: #920783; padding: 0 0 10px 0; border-bottom: 1px solid #920783; margin-bottom: 10px; }
.service__appointment button{ width: 100%; margin: 0 1% 0 0;  height: 50px; line-height: 50px; text-align: center; font-size: 1rem; font-weight: bold;}
.service__appointment button + button{ margin: 0 0 0 0; }
.appointement__form{ font-size: 1rem; /* color: #888; */ color: #000; margin-bottom: 10px;  }
.appointement__form>li{ position: relative; margin-bottom: 10px;}
.appointement__form>li:nth-child(1) li{ display: inline-block; position: relative; vertical-align: middle; margin-right: 10px;  } 
.appointement__form>li:nth-child(1) li:first-child{ width: 49%; } 
.appointement__form>li:nth-child(1) li:first-child input[type=text]{ width: 100%; height: 40px; font-size: 1rem; /* color: #888; */ color: #000;  }
.appointement__form>li:nth-child(2) input[type=text]{ width: 49%; height: 40px; font-size: 1rem; /* color: #888; */ color: #000;  margin-right: 2%;  }
.appointement__form>li:nth-child(2) input[type=text]:last-child{ margin-right: 0; }
.appointement__form>li:nth-child(3) li{ display: inline-block;  margin: 10px 10px 0 0;  position: relative; }
.appointement__form>li:nth-child(4){ font-size: 0.875rem; color: #920783; margin: 15px 0;  }
.appointement__form>li:nth-child(4) li{ display: inline-block;  margin-right: 10px; position: relative; }
.appointement__form>li:nth-child(n+5){ font-size: 0.875rem; color: #920783;  }
.appointement__form input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer;}
.input__agree{ display: flex; }
.input__agree input[type=radio]{position:absolute; top:0; left:0;/*  width:50px; */ height:100%; opacity:0; z-index:2; cursor:pointer;}
.appointement__form input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem;}
.appointement__form input[type=radio]:checked + label:before {content:'\f058'; font-weight: 900; color:#920783;}
.agree_input:first-child{ width: 60%; position: relative; margin: 0 0 0 0; }





/* 預約看屋送出 */
.appointment__pup-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(255,255,255,0.9); z-index: 9999; }
.appointment__pup{ width: 1230px; height: 700px; border-radius: 3px; border:1px solid #920783; background: #f8f8f8; margin: 100px auto; }
.appointment__pup__header{ font-size: 1.25rem;  color: #920783;  height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #920783; margin-bottom: 40px; padding: 0; }
.appointment__pup h4{ display: inline-block;  font-size: 1.25rem;  font-weight: normal; color: #000;  position: relative; left: 50%; transform: translateX(-50%); }
.appointment__pup h4:after{ content: ""; width: 100%; display: block; border-bottom: 1px solid #000; margin: 10px 0 30px 0;  }
.appointment__pup .hlight{ font-size: 1.5rem;  padding: 0 15px 0 0; }
.recommand-container{ width: 1004px; margin: 0 auto; text-align: center; font-size: 0; letter-spacing: -4px;}
.recommand-container>li{ display: inline-block;  width: 311px;  background: #fff;  margin: 0 23px 0 0; vertical-align: top; letter-spacing: normal; *display: inline; zoom: 1;  position: relative;  padding-bottom: 20px; transition: all 0.2s cubic-bezier(.23,1,.32,1); }
.recommand-container>li:hover{ box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); transform: translate(0, -5px);}
.recommand-container:last-child{ margin-right: 0; }
.recommand-container>li>a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition: all 0.1s cubic-bezier(.23,1,.32,1);   }
.recommand-container>li>img{ width: 100%; height: auto; }
.recommand-container>li:hover>a{ }
.appointment__pup__button{ text-align: center; margin-top: 30px;  }
.appointment__pup__button>li{display: inline-block;  margin-right: 5px; }
.appointment__pup__button button{ width: 240px; height: 40px; font-size: 1rem;  font-weight: bold; }
.appointment__checkbox{ position: relative; font-size: 1rem; color: #920783; box-sizing: border-box; padding: 10px 15px; text-align: left;  }
.appointment__checkbox input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 1rem; color: #8b8b8b;}
.appointment__checkbox input[type=checkbox]+ label:before {content:'\f0c8'; color:#920783; margin-right:.2rem;}
.appointment__checkbox input[type=checkbox]:checked + label:before {content:'\f14a'; font-weight: 900; color:#920783;}
.elatter-box .appointment__checkbox{ text-align: center; }
/* 預約看屋送出 bxslider */
.appointment__pup .bx-wrapper{ width: 90%; }
.appointment__pup .bx-pager{ text-align: center; margin: 20px auto 0;  }
.appointment__pup .bx-pager-item { display: inline-block; width: 12px; height: 12px; background: #aaa; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.appointment__pup .bx-pager-item>a{ display: block; text-indent: -9999px; }
.appointment__pup .bx-pager.bx-default-pager a:hover, .foryou-box .bx-pager.bx-default-pager a.active{ background: #920783;  }
.appointment__pup .bx-wrapper{ margin: 0 auto; position: relative; }   
.appointment__pup .bx-controls-direction a{ position: absolute; top: 50%; text-indent: -9999px; width: 45px; height: 91px; transform: translateY(-50%); }
.appointment__pup .bx-prev{ left:-60px; background: url(../images/index__arrow.png);  background-position: 0 0; }
.appointment__pup .bx-next{ right:-60px; background: url(../images/index__arrow.png); background-position: -45px 0; }
/* elatter */
.elatter-box{ display: flex; justify-content: center; margin: 20px 0 0 0; }
/* itemlist-box */
.itemlist-box{ border: none; }
.itemlist-box>li{ display: inline-block;  width: 311px;  background: #fff;  margin: 0 7px 0 0; vertical-align: top; letter-spacing: normal; *display: inline; zoom: 1;  position: relative; padding: 0 0 20px 0; min-height:336px; }
.itemlist-box:last-child{ margin-right: 0; }
.itemlist-box>li>a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition:all 1s cubic-bezier(.23,1,.32,1);  }
.itemlist-box .hlight{ font-size: 1.25rem; padding: 0 15px 0 0; font-weight: bold; }
.itemlist-box .iteminfo{ width: 280px; margin: 0 auto; font-size: 0.9375rem;  color: #575757; box-sizing: border-box; text-align: left;  }
.itemlist-box .iteminfo__name{ border-bottom: 2px solid #920783;  padding: 10px 0; text-align: center;}
.itemlist-box .iteminfo__name span{ display: inline-block; padding: 0 15px; }
.itemlist-box .iteminfo__space{ padding: 10px 0; text-align: center; width:279px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.itemlist-box .iteminfo__space span{ display: inline-block; vertical-align: middle; }
.itemlist-box .iteminfo__space span.line:after{ content: ""; display: inline-block;  width: 1px; height: 20px;  margin:0 8px 0px; border-right: 1px solid #d5d5d5; vertical-align: bottom;     }
.itemlist-box .iteminfo__space span:first-child{ padding: 0; }
.itemlist-box .iteminfo__space span:nth-child(2){ padding-left: 3px; }
.itemlist-box .iteminfo__space span:last-child{ padding-right: 0; }
.itemlist-box .iteminfo__other{ font-size: 0; letter-spacing:-4px; }
.itemlist-box .iteminfo__other li{ display: inline-block; box-sizing: border-box; padding: 9px;  text-align: center;  font-size: 0.75rem; color: #ff1907; border:1px solid #ffbfbd; border-radius:3px; margin-right: 5px; letter-spacing: normal; *display: inline; zoom: 1;  }
.itemlist-box .iteminfo__other li:last-child{ margin-right: 0; }





/* 同意條款 */
.agree__pup-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(255,255,255,0.9); z-index: 9999; }
.agree__pup{ width: 1230px; height: 660px; border-radius: 3px; border:1px solid #920783; background: #f8f8f8; margin: 100px auto;   }
.agree__pup__header{ font-size: 1.25rem; color: #920783; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #920783; margin-bottom: 20px; padding: 0; }
.agree__pup h4{ display: inline-block;  font-size: 1.25rem;  font-weight: normal; color: #000;  }
.agree__pup__txt-box{ height: auto;  }
.agree__pup__txt{ font-size: 1rem; line-height: 30px; color: #767676; box-sizing: border-box; padding: 20px; height:60vh; overflow:auto;  }
.agree__pup__txt ul:first-of-type{ list-style: decimal; margin: 10px 0 30px 0;  }
.agree__pup__txt ul:last-of-type{ list-style: disc; margin: 10px 0 10px 0;  }
.agree__pup__txt ul li{ margin-left: 25px; }
.agree__pup__button{ text-align: center; margin-top: 10px;  }
.agree__pup__button>li{display: inline-block; margin-right: 5px; }
.agree__pup__button button{ width: 240px; height: 40px; font-size: 1rem;  font-weight: bold; }

}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){
.item__detail__main{ display: flex; }
.item__detail-container{ width: 98%; }
.main--L{ margin-right: 5px; /*transform: scale(0.9); transform-origin: top left;*/ }
/* 猜你可能也會喜歡這些物件  */
.item__recommand-container{ width: 98%; }
/* 生活機能 地圖與實景對照 成交行情 */
.integrated-container{ width: 100%; min-width: auto; }
.integrated-container .item__tab-container{ width: 100%; }
.integrated-container .item__contents-box{ width: 98%; }
/* 影音區塊 */
.channel-container{ width: 98%; } 
/* 內容 */
.video-container{ width: 100%; min-width: auto; display: flex; justify-content: center; position: relative; box-sizing: border-box; padding: 8px 0 0px 0; transform: scale(0.858); transform-origin: center top; }
.video__recommand-box, .vr__recommand-box{  flex-shrink: 0; width:auto; height: auto;  }
.vr-box .vr-block>button{display:none;}
/* 更多詳細照片 */
.item__morephoto-container{ width: 98%; }
.item__morephoto-box>li{ width: 49%; height: auto; margin: 0 0 1% 0; }
.shortcut-container{ display: none; }

}