@charset "UTF-8";
/**
 * Created by eviloni on 2016/3/17.
 */
/* ----------------------------------------------------------------------
	uukt - layout$m-padding-left-right 手機 < 480
-------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
	uukt - fontsize
-------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
	手機 < 480
-------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
	uukt - color
-------------------------------------------------------------------------*/
body {
  background: #F5F5F5; }

.post-content.middle {
  padding-left: 16px;
  padding-right: 16px;
  border-left: 1px solid #CDE0e0; }

.sp-button {
  border: 2px solid #F79096; }

.sp-selected-button {
  background-color: #F79096; }

.sp-full-screen-button {
  color: #fff; }

/* ----------------------------------------------------------------------
	slider-left-middle-right
-------------------------------------------------------------------------*/
.sidebar-left {
  padding: 0 16px 0 0; }

.sidebar-left .quick-button {
  background: transparent;
  border: 0px; }

.sidebar-left .quick-button > ul > li {
  float: unset; }

.sidebar-left .quick-button > ul > li a:focus {
  background: transparent;
  border: 0px;
  color: #444; }

.sidebar-left .quick-button > ul > li a.do-anchor {
  background: #FFF;
  border: 1px solid #ccc;
  color: #444; }

.sidebar-left .quick-button > ul > li a strong {
  font-weight: normal; }

.sidebar-left .quick-button > ul > li a:hover,
.sidebar-left .quick-button > ul > li a:active {
  background: #FFF;
  border: 1px solid #ccc;
  color: #444; }

.sidebar-left .quick-button li.dropdown.bg-red {
  background: #EF4665;
  border: 0; }

.sidebar-left .quick-button li.dropdown.bg-red > a {
  color: #fff;
  border: 0;
  background: #EF4665; }

.sidebar-left .quick-button li.dropdown.bg-red > a:hover,
.sidebar-left .quick-button li.dropdown.bg-red > a:active,
.sidebar-left .quick-button li.dropdown.bg-red > a::selection {
  background: #eb173e; }

.sidebar-left .quick-button li.dropdown.bg-blue {
  background: #0066CC; }

.sidebar-left .quick-button li.dropdown.bg-blue > a {
  color: #fff;
  border: 0;
  background: #0066CC; }

.sidebar-left .quick-button li.dropdown.bg-blue > a:hover,
.sidebar-left .quick-button li.dropdown.bg-blue > a:active,
.sidebar-left .quick-button li.dropdown.bg-blue > a::selection {
  background: #135ba2; }

/* ----------------------------------------------------------------------
	slider--middle
-------------------------------------------------------------------------*/
.post-content.middle section {
  padding: 0;
  margin-bottom: 32px; }

.post-content.middle section .border-body {
  padding: 16px; }

.post-content.left-side.middle {
  padding-left: 0px;
  padding-right: 16px;
  border: 0px; }

#scrollTicket {
  overflow: hidden;
  background: #F5F5F5; }

#scrollTicket .border-body,
#scrollRoom .border-body {
  padding: 16px 0 0 0; }

#scrollPhotoMsg > .border-body {
  padding: 16px 0; }

#scrollPhotoMsg .empty-photo-msg {
  background: #FFF;
  padding: 16px;
  border: 1px solid #DCE0E0;
  margin: 16px 0 0 0; }

#scrollMV > .border-body {
  padding: 0; }

.post-content.middle section .border-body h4 {
  font-size: 16px;
  font-weight: normal; }

.post-content.middle section .border-body > .content {
  margin: 0; }

.post-content.middle section .border-body .line-row {
  padding: 8px 0; }

.post-content.middle section .border-body .line-row:not(:first-child) {
  border-top: 1px solid #DCE0E0; }

/* ----------------------------------------------------------------------
	優惠訊息
-------------------------------------------------------------------------*/
#scrollSpecial .border-body {
  padding: 16px 0; }

#scrollSpecial .border-body ol {
  list-style-type: none;
  padding: 0; }

#scrollSpecial .border-body ol > li {
  padding: 8px 0; }

#scrollSpecial .border-body ol > li:not(:first-child) {
  border-top: 1px dashed #ddd; }

#scrollSpecial .border-body ol > li .special-brief {
  padding: 0 16px;
  position: relative; }

#scrollSpecial .border-body ol > li .special-brief .info {
  width: 100%; }

#scrollSpecial .border-body ol > li .special-brief .info .title {
  color: #EF4665;
  font-size: 16px;
  margin: 0;
  font-weight: normal; }

#scrollSpecial .border-body ol > li .special-brief .info .hover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer; }

#scrollSpecial .border-body ol > li .special-brief .info .hover-link:hover,
#scrollSpecial .border-body ol > li .special-brief .info .hover-link:active {
  background: rgba(0, 0, 0, 0.1); }

#scrollSpecial .border-body ol > li .duration {
  margin-bottom: 4px;
  font-size: 13px;
  color: #555; }

/* ----------------------------------------------------------------------
	價格表
-------------------------------------------------------------------------*/
section.table-price .border-body.embed-table {
  padding: 0; }

section.table-price .price-wide {
  display: block; }

section.table-price .price-mobile {
  display: none; }

section.table-price table {
  width: 100%; }

section.table-price table thead,
section.table-price table tbody tr {
  border-bottom: 1px solid #ddd; }

section.table-price table thead tr td,
section.table-price table tbody tr td {
  padding: 8px 1px;
  color: #555;
  font-size: 13px;
  line-height: 16px; }

section.table-price table thead tr td:not(:first-child),
section.table-price table tbody tr td:not(:first-child) {
  text-align: center;
  border-left: 1px solid #ddd; }

section.table-price table tbody tr td.price {
  color: #EC5858; }

section.table-price .booking {
  margin-top: 40px;
  font-size: 16px;
  padding: 12px 32px;
  min-width: 260px;
  border-radius: 0; }

/* ----------------------------------------------------------------------
	房型照片
-------------------------------------------------------------------------*/
.border-body > .full-photo {
  width: calc(50% - 4px);
  float: left;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  border: 1px solid #DCE0E0;
  background: #FFF; }

.border-body > .full-photo:nth-child(2n+1) {
  margin-right: 8px; }

.owl-demo .item img {
  display: block;
  width: 100%;
  height: auto; }

.full-photo > .owl-demo .owl-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none; }

.full-photo > .owl-demo .owl-controls .owl-pagination {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: auto; }

.owl-theme .owl-controls .owl-page span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.6); }

.owl-theme .owl-controls .owl-page.active span {
  background: white; }

.full-photo > .owl-demo .owl-controls .owl-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%); }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-prev,
.full-photo > .owl-demo .owl-controls .owl-buttons .owl-next {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #31383C;
  pointer-events: auto;
  color: transparent;
  opacity: 1; }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-prev:after,
.full-photo > .owl-demo .owl-controls .owl-buttons .owl-next:after {
  content: '';
  border-bottom: 2px solid #fafafa;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%; }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-prev:after {
  border-left: 2px solid #fafafa;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg) translateY(-50%);
  left: 8px; }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-next:after {
  border-right: 2px solid #fafafa;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-45deg) translateY(-50%);
  right: 8px; }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-prev {
  left: 0; }

.full-photo > .owl-demo .owl-controls .owl-buttons .owl-next {
  right: 0; }

.border-body > .full-photo .bottom-info .room-info {
  float: left;
  width: calc(100% - 50px);
  padding: 8px;
  min-height: 50px; }

.border-body > .full-photo .bottom-info .room-info .room-name {
  color: #444;
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 16px; }

.border-body > .full-photo .bottom-info .room-info .room-tag {
  color: #EF4665;
  font-size: 14px;
  line-height: 14px;
  margin: 0; }

.border-body > .full-photo .bottom-info .photo-info {
  float: left;
  width: 50px; }

.border-body > .full-photo .bottom-info .photo-info .circle-photo {
  background: #444;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  margin-top: 8px;
  margin-left: 8px;
  position: relative;
  cursor: pointer; }

.border-body > .full-photo .bottom-info .photo-info .circle-photo img {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute; }

/* ----------------------------------------------------------------------
	標題
-------------------------------------------------------------------------*/
.container > .row > .detail-title > h1 {
  text-align: center;
  margin: 24px 0;
  font-size: 32px;
  color: #0066CC; }

/* ----------------------------------------------------------------------
	設備
-------------------------------------------------------------------------*/
.device-list {
  overflow: auto; }

.device-list .item {
  width: 33%;
  float: left;
  margin-bottom: 16px; }

.device-list .icon-box {
  margin: 0; }

.device-list .icon-box .title {
  color: #444;
  line-height: 32px;
  margin: 0 0 0 40px;
  font-weight: normal; }

.device-list .icon-box .content {
  color: #555;
  margin: 0 0 0 40px;
  font-weight: normal; }

.device-list .icon-box .icon.u-c-g0 {
  border-color: #3FBB9B; }

.device-list .icon-box .icon.u-c-g0 i:after {
  box-shadow: 0 0 0 3px #3FBB9B; }

.device-list .icon-box .icon i {
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  -moz-background-size: contain;
  background-size: contain;
  width: 16px;
  height: 16px;
  top: 6px;
  left: 6px; }

.device-list .icon-box .icon {
  width: 32px;
  height: 32px;
  border: 2px solid #3FBB9B;
  margin-bottom: 8px; }

.device-list .icon-box:hover > .icon {
  width: 32px;
  height: 32px;
  border: 2px solid #3FBB9B; }

.device-list .icon-box .icon.u-c-g0 i:after {
  box-shadow: none; }

.device-list .icon-box .icon i.breakfast {
  background-image: url("../images/detail/breakfast.svg"); }

.device-list .icon-box .icon i.parking {
  background-image: url("../images/detail/parking.svg"); }

.device-list .icon-box .icon i.credit {
  background-image: url("../images/detail/credit.svg"); }

.device-list .icon-box .icon i.wifi {
  background-image: url("../images/detail/wi-fi.svg"); }

.device-list .icon-box .icon i.pets {
  background-image: url("../images/detail/pets.svg"); }

.device-list .icon-box .icon i.bathtub {
  background-image: url("../images/detail/bathtub.svg"); }

.device-list .icon-box .icon i.yard {
  background-image: url("../images/detail/yard.svg"); }

.device-list .icon-box .icon i.pool {
  background-image: url("../images/detail/pool.svg"); }

.device-list .icon-box .icon i.hot-springs {
  background-image: url("../images/detail/hot-springs.svg"); }

.device-list .icon-box .icon i.wheel-chair {
  background-image: url("../images/detail/wheel-chair.svg"); }

.device-list .icon-box .icon i.language {
  background-image: url("../images/detail/language.svg"); }

.device-list .icon-box .icon i.bbq {
  background-image: url("../images/detail/bbq.svg"); }

.device-list .icon-box .icon i.camping {
  background-image: url("../images/detail/camping.svg"); }

.device-list .icon-box .icon i.elevator {
  background-image: url("../images/detail/elevator.svg"); }

.device-list .icon-box .icon i.venue {
  background-image: url("../images/detail/venue.svg"); }

.device-list .icon-box .icon i.wash-machine {
  background-image: url("../images/detail/wash-machine.svg"); }

/* ----------------------------------------------------------------------
	分析
-------------------------------------------------------------------------*/
.radar {
  margin-bottom: 16px;
  display: none; }

.radar canvas {
  margin-left: auto;
  margin-right: auto; }

.left-right-align {
  position: relative; }

.left-right-align .title {
  position: relative;
  width: calc(100% - 100px);
  color: #0066CC; }

.left-right-align .content {
  position: absolute;
  top: 0;
  right: 0px; }

/* ----------------------------------------------------------------------
	星星
-------------------------------------------------------------------------*/
.custom-review > .content > .review-rate {
  color: #F9BF04;
  font-size: 20px; }

/* ----------------------------------------------------------------------
	nav 左邊標題 及 評價
-------------------------------------------------------------------------*/
.detail-brief {
  display: none; }

/* ----------------------------------------------------------------------
	介紹
-------------------------------------------------------------------------*/
.introduce .hr-title {
  color: #999; }

.introduce p {
  color: #555;
  font-size: 15px; }

.introduce .hr-title abbr {
  background-color: #F5F5F5; }

/* ----------------------------------------------------------------------
	統計
-------------------------------------------------------------------------*/
.detail-header {
  background: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 1px 10px 0 rgba(0, 0, 0, 0.19); }

.detail-header h1 {
  font-size: 26px;
  color: #444; }

#mainMenu > ul {
  height: auto; }

nav#mainMenu.main-menu ul.short-cut li a {
  color: #444;
  font-size: 15px;
  line-height: 15px;
  font-weight: normal;
  height: auto; }

nav#mainMenu.main-menu ul.short-cut li:hover {
  background: #F5F5F5; }

nav#mainMenu.main-menu ul.short-cut li:active {
  background: #EEE; }

nav#mainMenu.main-menu ul.short-cut li.dropdown.bg-red {
  background: #EF4665;
  border-radius: 4px; }

nav#mainMenu.main-menu ul.short-cut li.dropdown.bg-red:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.5);
  -ms-transform: translate(0, -1px);
  /* IE 9 */
  -webkit-transform: translate(0, -1px);
  /* Safari */
  -o-transform: translate(0, -1px);
  transform: translate(0, -1px); }

nav#mainMenu.main-menu ul.short-cut li.dropdown.bg-red:active {
  box-shadow: none;
  background: #eb173e;
  -ms-transform: translate(0, 0);
  /* IE 9 */
  -webkit-transform: translate(0, 0);
  /* Safari */
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

nav#mainMenu.main-menu ul.short-cut li.dropdown.bg-red a {
  color: #fff; }

/* ----------------------------------------------------------------------
	統計
-------------------------------------------------------------------------*/
.detail-count .icon {
  text-align: center;
  width: 58px;
  height: 58px; }

.detail-count .icon.u-c-b0 {
  border-color: rgba(59, 177, 227, 0.9); }

.detail-count .icon.u-c-b0 i:after {
  box-shadow: 0 0 0 3px rgba(59, 177, 227, 0.9); }

.detail-count .icon.u-c-y2 {
  border-color: #F9BF04; }

.detail-count .icon.u-c-y2 i:after {
  box-shadow: 0 0 0 3px #F9BF04; }

.detail-count .icon.u-c-r0 {
  border-color: #F79096; }

.detail-count .icon.u-c-r0 i:after {
  box-shadow: 0 0 0 3px #F79096; }

.detail-count .icon.u-c-g0 {
  border-color: #3FBB9B; }

.detail-count .icon.u-c-g0 i:after {
  box-shadow: 0 0 0 3px #3FBB9B; }

.detail-count .icon i.view {
  background-image: url("../images/detail/countView.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0; }

.detail-count .icon i.review {
  background-image: url("../images/detail/countReview.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0; }

.detail-count .icon i.photo {
  background-image: url("../images/detail/countPhoto.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0; }

.detail-count .icon i.favorite {
  background-image: url("../images/detail/countFavorite.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0; }

.detail-count .icon:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.detail-count .icon img {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  margin-left: -4px; }

/* ----------------------------------------------------------------------
	參考資訊
-------------------------------------------------------------------------*/
.prices-table .price-table {
  font-size: 14px;
  margin-bottom: 0; }

.reference {
  clear: left;
  height: auto;
  overflow: auto; }

.reference > .title {
  min-width: 110px;
  float: left;
  padding: 8px 0; }

.reference > .title p {
  font-size: 16px;
  margin: 0;
  color: #333; }

.reference > .content {
  font-size: 15px;
  float: left;
  padding: 8px 0;
  width: calc(100% - 110px);
  overflow: auto;
  color: #666; }

.prices-table .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F5F5F5; }

.prices-table .table-bordered > tbody > tr > td {
  border: 1px solid #f5f5f5; }

.prices-table .table-responsive > .table-bordered tr > td,
.prices-table .clone > .table-bordered tr > td {
  vertical-align: middle; }

.prices-table .clone {
  display: none;
  pointer-events: none; }

/* ----------------------------------------------------------------------
	右邊側欄
-------------------------------------------------------------------------*/
.sidebar-right {
  background: #FFF;
  padding-top: 16px; }

.sidebar-right .widget {
  margin-bottom: 32px; }

/* ----------------------------------------------------------------------
	民宿基本資料
-------------------------------------------------------------------------*/
.widget > .widget-heading > h4,
h4.widget-title {
  color: #555; }

.widget-contact-us .header-img {
  width: 100%; }

.widget-contact-us .header-img.max-240 {
  max-width: 240px; }

.widget-contact-us ul.list-icons > li {
  padding: 0;
  font-size: 14px; }

.widget-contact-us ul.office-icon {
  padding: 16px 0; }

.widget-contact-us ul.list-icons {
  margin-top: 16px; }

.widget-contact-us ul.list-icons > li {
  padding: 0px;
  margin-bottom: 8px; }

.widget-contact-us ul.list-icons > li .title {
  display: inline-block;
  vertical-align: top; }

.widget-contact-us ul.list-icons > li .cotent {
  display: inline-block;
  vertical-align: top; }

.widget-contact-us ul.list-icons > li .cotent a {
  cursor: pointer;
  padding: 2px;
  display: block; }

.widget-contact-us ul.list-icons > li .cotent a:hover {
  color: #111;
  background: rgba(0, 0, 0, 0.1); }

.widget-contact-us ul.list-icons > li .do-action {
  font-size: 14px;
  color: #EF4665;
  border: 1px solid #EF4665;
  padding: 2px 4px;
  display: inline-block; }

.widget-contact-us ul.list-icons > li > .border-link {
  color: #0066CC;
  border: 1px solid #0066CC;
  padding: 4px; }

.widget-contact-us ul.list-icons > li.other-link .relative-web {
  list-style-type: none;
  padding: 0; }

.widget-contact-us ul.list-icons > li.other-link .relative-web li {
  margin-bottom: 8px;
  padding: 0; }

.widget-contact-us ul.list-icons > li.other-link .relative-web li img {
  max-width: 100%; }

.widget-contact-us ul.list-icons > li.other-about a {
  color: #0066CC;
  cursor: pointer;
  border: 1px solid #0066CC;
  padding: 2px 4px;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 8px; }

.widget-contact-us ul.list-icons > li.other-link a {
  color: #0066CC;
  cursor: pointer;
  border: 1px solid #0066CC;
  padding: 2px 4px;
  margin: 0;
  font-size: 14px;
  max-width: 100%;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 75px;
  overflow: hidden; }

.widget-contact-us ul.list-icons > li.other-link p {
  color: #0066CC;
  border: 1px solid #0066CC;
  padding: 2px 4px;
  margin: 0;
  font-size: 14px;
  max-width: 100%;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 75px;
  overflow: hidden; }

.widget-contact-us ul.list-icons > li.other-link a:hover {
  text-decoration: underline !important; }

/* ----------------------------------------------------------------------
	位置
-------------------------------------------------------------------------*/
.detail-position .position-block {
  display: inline-block; }

.detail-position .google-map,
.detail-position .street-map {
  width: 200px;
  text-align: center; }

.detail-position .street-map {
  margin-top: 8px; }

.detail-position .google-map img,
.detail-position .street-map img {
  width: 100%; }

.detail-position .position-block .position-title {
  color: #0066CC;
  border: 1px solid #0066CC;
  padding: 4px;
  display: inline-block;
  margin-top: 8px; }

/* ----------------------------------------------------------------------
	附近推薦
-------------------------------------------------------------------------*/
body .nearby > ul.portfolio-filter > li {
  width: 46px;
  text-align: center;
  border-radius: 0;
  padding: 8px 4px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  float: unset; }

body .nearby > .portfolio-filter > li:not(.ptf-active) {
  background: #959595;
  color: #FFF; }

body .nearby > .portfolio-filter > li.ptf-active.view {
  background: #1EBFE6; }

body .nearby > .portfolio-filter > li.ptf-active.food {
  background: #FBB12F; }

body .nearby > .portfolio-filter > li.ptf-active.play {
  background: #F79096; }

body .nearby > .portfolio-filter > li.ptf-active.inn {
  background: #3FBB9B; }

/* ----------------------------------------------------------------------
	tab分頁
-------------------------------------------------------------------------*/
.tabs-navigation li.active a, .tabs-navigation li.active a:focus {
  background: #FFFFFF;
  border-color: #dddddd #dddddd transparent;
  box-shadow: none;
  color: #2e343c; }

.tabs-navigation li.active a:hover, .tabs-navigation li a:hover {
  background: #FFFFFF;
  border-color: #dddddd #dddddd transparent;
  box-shadow: none;
  color: #2e343c; }

.tabs-content {
  background: transparent; }

.simple .tabs-navigation li.active a, .simple .tabs-navigation li.active a:focus, .simple .tabs-navigation li.active a:hover {
  border-color: #F79096;
  color: #D32F2F;
  background: transparent; }

/* ----------------------------------------------------------------------
	優惠訊息
-------------------------------------------------------------------------*/
blockquote.special {
  background: #FFF;
  border-left: 5px solid #FEDDDD;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 1px 10px 0 rgba(0, 0, 0, 0.19);
  margin-right: 4px; }

blockquote .title {
  color: #D32F2F;
  font-size: 22px;
  margin-bottom: 20px; }

blockquote .content {
  color: #555;
  font-size: 15px;
  cursor: pointer;
  display: block; }

blockquote .content i {
  margin-right: 16px; }

blockquote.special .dl-inline {
  overflow: hidden; }

blockquote.special dl dt {
  clear: left;
  float: left;
  padding-right: 0px; }

blockquote.special dl dt a {
  color: #0066CC; }

blockquote.special dl dd {
  float: left;
  margin-left: 16px; }

blockquote.special dl dt .duration {
  color: #555;
  font-size: 13px;
  line-height: 13px;
  margin-left: 16px; }

blockquote.special dl dt i {
  margin-right: 4px; }

.embed-block {
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  overflow: hidden;
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }

/* ----------------------------------------------------------------------
	菜單
-------------------------------------------------------------------------*/
.menu-root {
  background: #FFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 1px 10px 0 rgba(0, 0, 0, 0.19); }

.menu .post-item .post-content-details {
  clear: left;
  width: 100%; }

.menu .post-item .group-title {
  background: transparent;
  vertical-align: middle;
  text-align: left;
  border-bottom: 2px solid #FBB12F;
  cursor: pointer;
  padding: 8px 0px; }

.menu .post-item .group-title .title {
  font-size: 17px;
  color: #444;
  width: calc(100% - 125px);
  display: inline-block; }

.post-item > .group-title .count {
  font-size: 12px;
  color: #777;
  display: inline-block;
  width: 60px;
  text-align: right; }

.post-item > .group-title .collapse-btn {
  display: inline-block;
  width: 45px; }

.post-item.hide-menu > .group-title .collapse-btn:after {
  content: '看全部';
  font: normal normal normal 14px/1 FontAwesome;
  left: 8px;
  font-size: 13px;
  color: #777;
  border: 1px solid #777; }

.post-item > .group-title .collapse-btn:after {
  content: '隱藏';
  font: normal normal normal 14px/1 FontAwesome;
  left: 8px;
  font-size: 13px;
  color: #777;
  border: 1px solid #777; }

.menu .post-item .post-image {
  width: 100%;
  margin-bottom: 8px;
  margin-right: 8px;
  margin-left: 0px;
  clear: both;
  overflow: auto;
  padding: 0 8px; }

.menu .post-item .post-image > a {
  width: 80px;
  height: auto;
  float: left;
  margin-right: 8px; }

.menu .post-item .post-image > a > img {
  width: 80px;
  height: 60px; }

.menu .post-item .post-image > .menu-content {
  float: left;
  width: calc(100% - 88px);
  height: auto; }

.menu .post-item .post-image > .menu-content:before {
  content: "";
  vertical-align: middle;
  height: 100%;
  display: inline-block; }

.menu .post-item .post-image > .menu-content table {
  margin: 0;
  width: calc(100% - 8px);
  vertical-align: middle;
  display: inline-table; }

.menu .post-item .post-image > .menu-content table tr td {
  border: 0px;
  padding: 8px 0px;
  color: #555;
  font-size: 14px; }

.menu .post-item .post-image > .menu-content table tr td:last-child {
  text-align: right;
  padding-right: 4px; }

.menu .post-item .post-content-details {
  padding: 0 8px; }

.menu .post-item .post-content-details table tr td {
  border: 0px;
  padding: 8px 0px;
  color: #444;
  font-size: 14px; }

.menu .post-item .post-content-details table tr td:last-child {
  text-align: right;
  padding-right: 4px; }

.post-item.hide-menu > .post-content-details {
  display: none; }

/* ----------------------------------------------------------------------
	產品說明
-------------------------------------------------------------------------*/
#scrollPriceTB .border-body {
  padding: 0 16px; }

.post-content.middle section .border-body .activity-group {
  text-align: center;
  padding: 16px 0; }

.post-content.middle section .border-body .activity-group > h4 {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 2px solid #0066CC;
  display: inline-block;
  padding: 0 8px; }

.post-content.middle section .border-body .activity-group > p {
  font-size: 15px;
  color: #555; }

.post-content.middle section .border-body .activity-group .list-root .list-title {
  border-bottom: 1px solid #999; }

.post-content.middle section .border-body .activity-group .list-root .list-content {
  position: relative; }

.post-content.middle section .border-body .activity-group .list-root .list-content > a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer; }

.post-content.middle section .border-body .activity-group .list-root .list-content.click:hover,
.post-content.middle section .border-body .activity-group .list-root .list-content.click:active {
  background: rgba(0, 0, 0, 0.2); }

.post-content.middle section .border-body .activity-group .list-root .list-content.bottom-line {
  padding: 4px 0;
  border-bottom: 1px dashed #999;
  cursor: auto; }

.post-content.middle section .border-body .activity-group .list-root .font-tb {
  width: 100%;
  display: table-cell; }

.post-content.middle section .border-body .activity-group .list-root .back-tb {
  width: 100%;
  display: table-cell; }

.post-content.middle section .border-body .activity-group .list-root .title {
  min-width: 120px;
  display: table-cell;
  text-align: left;
  padding-right: 4px; }

.post-content.middle section .border-body .activity-group .list-root .title.full-width {
  max-width: none; }

.post-content.middle section .border-body .activity-group .list-root .price {
  min-width: 64px;
  display: table-cell;
  text-align: right;
  padding-left: 4px; }

.post-content.middle section .border-body .activity-group .list-root .content {
  width: 100%;
  display: table-cell;
  text-align: left;
  padding-right: 4px; }

.post-content.middle section .border-body .activity-group .list-root .content.link {
  text-decoration: underline; }

.post-content.middle section .border-body .activity-group .list-root .content .collapse-data .more-btn a.text-underline {
  color: #555; }

.post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title {
  color: #0066CC;
  font-size: 16px; }

.post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title > strong {
  font-weight: normal; }

.post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title > a {
  color: #0066CC;
  font-size: 16px;
  text-decoration: underline !important; }

.post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .content {
  color: #555;
  font-size: 14px; }

.post-content.middle section .border-body .activity-group .list-root .list-content > .price {
  color: #EF4665;
  font-size: 15px; }

/* ----------------------------------------------------------------------
	商家相片
-------------------------------------------------------------------------*/
#scrollGallery > .border-body {
  padding: 16px 0 0 0;
  overflow: hidden; }

.store-gallery .list-root .card {
  width: calc(33.33333333% - 32px/3);
  float: left;
  margin-bottom: 16px;
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease; }

.store-gallery .list-root .card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-transform: translate(0, -2px);
  /* IE 9 */
  -webkit-transform: translate(0, -2px);
  /* Safari */
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px); }

.store-gallery .list-root .card:nth-child(3n+1),
.store-gallery .list-root .card:nth-child(3n+2) {
  margin-right: 16px; }

.store-gallery .list-root .card:nth-child(3n+1) {
  clear: left; }

.store-gallery .list-root .card .photo {
  width: 100%; }

.store-gallery .list-root .card .buttom-info {
  padding: 8px; }

.store-gallery .list-root .card .buttom-info .title {
  font-size: 15px;
  text-align: center;
  margin: 0;
  color: #444; }

/* ----------------------------------------------------------------------
	評論
-------------------------------------------------------------------------*/
.detail-review {
  text-align: center; }

.detail-review .circle-photo,
.detail-review-list .circle-photo,
.modal-body .circle-photo {
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 36px;
  height: 36px;
  padding: 2px;
  background-image: url("../images/d-avatar.png");
  border: 2px solid #3FBB9B;
  background-position: center center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px; }

.detail-review .circle-photo img,
.detail-review-list .circle-photo img,
#modal-review .circle-photo img {
  width: 34px;
  height: 34px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 50%; }

.detail-review p {
  color: #555;
  font-size: 15px; }

.detail-review .review-rate-large i {
  color: #F9BF04;
  font-size: 36px; }

.detail-review .review-rate-large a {
  cursor: pointer; }

.detail-review .review-rate-large {
  margin-bottom: 32px; }

.detail-review a.button {
  color: #3FBB9B;
  border-color: #3FBB9B;
  border: 2px solid;
  margin-bottom: 32px;
  font-weight: normal;
  padding: 12px 32px; }

.detail-review a.button:hover {
  background: #3FBB9B;
  color: #fff; }

.detail-review a.button:active {
  background: #32957b; }

.detail-review-list {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 16px; }

.detail-review-list .review-row {
  padding-top: 16px;
  padding-bottom: 16px; }

.detail-review-list .review-row:not(:last-child) {
  border-bottom: 1px solid #DDD; }

.detail-review-list .review-row .brief {
  height: 36px; }

.detail-review-list .review-row .brief:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.detail-review-list .circle-photo {
  float: left;
  margin-bottom: 0px; }

.detail-review-list .review-rate {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  color: #F9BF04; }

.detail-review-list .post-date {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  margin-bottom: auto;
  color: #555;
  font-size: 12px; }

.detail-review-list .review-row .review-content {
  margin-top: 8px;
  margin-left: 48px;
  color: #555;
  font-size: 15px;
  margin-bottom: 0px;
  padding-bottom: 16px; }

.detail-review-list .review-row .review-source {
  margin-bottom: 0;
  text-align: right;
  font-size: 12px;
  color: #777; }

/* ----------------------------------------------------------------------
	撰寫評論
-------------------------------------------------------------------------*/
.review .modal-body {
  text-align: center; }

.review .modal-body .circle-photo {
  margin-top: 32px; }

.review .modal-body .review-rate-large i {
  color: #F9BF04;
  font-size: 36px; }

.review .modal-body .form-control {
  margin: 16px;
  width: calc(100% - 32px); }

.review .modal-footer .btn {
  background: transparent; }

/* ----------------------------------------------------------------------
	留言照片
-------------------------------------------------------------------------*/
.photomsg .empty-photo-msg {
  border: 1px solid rgba(62, 184, 171, 0.9);
  padding: 16px;
  width: auto;
  display: inline-block;
  margin-top: 32px; }

.photomsg .post-item {
  background: #FFF;
  padding-bottom: 0px; }

.photomsg .post-item:hover, .photomsg .post-item:focus {
  margin-top: -16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.photomsg .circle-photo {
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 36px;
  height: 36px;
  padding: 2px;
  background-image: url("../images/d-avatar.png");
  border: 2px solid #3FBB9B;
  background-position: center center;
  float: left;
  position: relative; }

.photomsg .post-description p {
  padding: 16px 8px; }

.photomsg .circle-photo img {
  width: 34px;
  height: 34px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 50%; }

.photomsg .post-thumbnail-entry {
  border-bottom: 0px;
  margin: 0;
  padding: 4px 8px; }

.photomsg .post-thumbnail-content {
  float: left;
  height: 50px;
  margin: 0;
  padding: 4px 8px; }

.photomsg .post-thumbnail-content p {
  margin: 0;
  line-height: 16px; }

/* ----------------------------------------------------------------------
  附近推薦
-------------------------------------------------------------------------*/
.portfolio-filter li, .portfolio-filter .filter-active-title {
  padding: 8px; }

.portfolio-item div.portfolio-description {
  width: 100%;
  padding: 5px 0 10px; }

.portfolio-item div.portfolio-description > p {
  margin-bottom: 0px;
  line-height: 14px; }

h6.hc-title {
  width: 100%;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
  font-size: 13px; }

img.user_img_center {
  float: left;
  display: block;
  margin-right: 20px;
  background-position: center center;
  background-size: cover;
  height: 50px;
  width: 50px; }

.post-content-details div.post-thumbnail-entry {
  width: 100%; }

.post-item div.post-thumbnail-content {
  height: 50px;
  line-height: 50px; }

.post-item .post-thumbnail-content span.post-date {
  vertical-align: middle;
  display: inline-block;
  line-height: 1em; }

.post-description p {
  margin-bottom: 0; }

div.post-meta {
  margin-bottom: 0; }

.grid-articles .post-entry .post-entry-meta {
  padding: 0 16px 16px; }

/* ----------------------------------------------------------------------
	票券中心
-------------------------------------------------------------------------*/
.list-root .card-vertical {
  border: 1px solid #DCE0E0;
  background: #FFF;
  float: left;
  width: calc(50% - 4px);
  margin-bottom: 12px; }

.list-root .card-vertical:hover,
.list-root .card-vertical:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 1px 5px 0 rgba(0, 0, 0, 0.5);
  -ms-transform: translate(0, -2px);
  /* IE 9 */
  -webkit-transform: translate(0, -2px);
  /* Safari */
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px); }

.list-root .card-vertical:nth-child(2n+1) {
  margin-right: 4px; }

.list-root .card-vertical:nth-child(2n+2) {
  margin-left: 4px; }

.list-root .card-vertical img {
  width: 100%; }

.list-root .card-vertical .card-content .brief {
  padding: 8px; }

.list-root .card-vertical .card-content .brief a h3 {
  color: #0066CC;
  font-size: 16px;
  margin: 0; }

.list-root .card-vertical .card-content .detail .info {
  padding: 0 8px;
  color: #555;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 75px; }

.list-root .card-vertical .card-content .detail .ticket-type {
  background: #2794CC;
  color: #fff;
  margin-left: 8px;
  font-size: 12px;
  padding: 4px 4px;
  display: inline-block;
  line-height: 12px; }

.list-root .card-vertical .card-content .function {
  border-top: 1px dashed #DCE0E0;
  position: relative;
  height: 40px; }

.list-root .card-vertical .card-content .function .price-block {
  float: left;
  width: calc(100% - 84px);
  height: 100%; }

.list-root .card-vertical .card-content .function .price-block .price-special {
  color: #EF4665;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 16px; }

.list-root .card-vertical .card-content .function .price-block .price-origin {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 12px;
  color: #999;
  text-decoration: line-through; }

.list-root .card-vertical .card-content .function .price-block:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 4px; }

.list-root .card-vertical .card-content .function .btn {
  border: 0;
  background: #EF4665;
  color: #FFF;
  border-radius: 0;
  top: 0;
  right: 0;
  font-size: 15px;
  float: left;
  padding: 9px 12px; }

/* ----------------------------------------------------------------------
	網友推薦文章
-------------------------------------------------------------------------*/
.push-article > .card-root > .card {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ddd;
  overflow: auto; }

.push-article > .card-root > .card > a {
  width: 70px;
  height: 70px;
  float: left; }

.push-article > .card-root > .card > a > img {
  width: 100%;
  height: 100%; }

.push-article > .card-root > .card > .content {
  width: calc(100% - 70px);
  float: left;
  padding-left: 8px; }

.push-article > .card-root > .card > .content > .blog,
.push-article > .card-root > .card > .content > .title {
  clear: left;
  display: block; }

.push-article > .card-root > .card > .content > .blog {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 24px; }

.push-article > .card-root > .card > .content > .title {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px; }

.show-mobile {
  display: none; }

/* ----------------------------------------------------------------------
    UUKT優惠券
-------------------------------------------------------------------------*/
#scrollCoupon .border-heading {
  display: none; }

#scrollCoupon .border-body {
  border: 2px solid #009ECC;
  padding: 0;
  min-height: 111px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  position: relative; }

#scrollCoupon .border-body > img {
  border-right: 1px solid #009ECC;
  float: left;
  width: 180px;
  height: 111px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #01CBFD;
  background-image: url("/uukt_3/images/uukt_coupon.jpg"); }

#scrollCoupon .border-body > .coupon-info {
  float: left;
  width: calc(100% - 180px);
  padding: 8px; }

#scrollCoupon .border-body > .coupon-info .info {
  color: #0066CC;
  margin: 0;
  line-height: 22px;
  font-size: 16px; }

#scrollCoupon .border-body > .coupon-info .print-coupon {
  font-size: 15px;
  text-align: right; }

#scrollCoupon .border-body > .coupon-info .print-coupon a {
  color: #666;
  text-decoration: underline !important;
  cursor: pointer; }

#coupon-modal .modal-body {
  height: auto;
  position: relative; }

#coupon-modal .modal-body .info {
  min-height: 100px;
  padding: 32px 16px;
  text-align: center;
  margin: 0;
  font-size: 16px;
  color: #0066CC; }

#coupon-modal .modal-body .ps {
  list-style-type: none;
  text-align: center;
  font-size: 14px;
  color: #666; }

#coupon-modal .modal-body > img {
  width: 298px; }

#coupon-modal .modal-body button.close {
  width: 100%;
  height: 44px;
  color: #444;
  font-size: 15px;
  opacity: 1;
  border-top: 1px solid #ddd; }

#coupon-modal .modal-body button.close:active {
  background: rgba(0, 0, 0, 0.1); }

/* ----------------------------------------------------------------------
	主要功能
-------------------------------------------------------------------------*/
.main-function .content {
  text-align: center; }

.main-function .content .brief {
  text-align: center;
  font-size: 16px; }

.main-function .content .btn {
  color: #FFF;
  font-size: 15px;
  border-radius: 0;
  min-width: 240px;
  max-width: 340px;
  display: block;
  margin: 0 auto 10px auto; }

.main-function .content .btn.red {
  background-color: #EF4665; }

.main-function .content .btn.red:hover,
.main-function .content .btn.red:active {
  background-color: #eb173e; }

.main-function .content .btn.blue {
  background-color: #0066CC; }

.main-function .content .btn.blue:hover,
.main-function .content .btn.blue:active {
  background-color: #135ba2; }

.main-function .content .btn.green {
  background-color: #3FBB9B; }

.main-function .content .btn.green:hover,
.main-function .content .btn.green:active {
  background-color: #32957b; }

.main-function .content.online-booking .brief {
  color: #EF4665; }

.main-function .content.vacant-room .brief,
.main-function .content.atm-booking .brief {
  color: #0066CC; }

/* ----------------------------------------------------------------------
	加入收藏
-------------------------------------------------------------------------*/
.favorite-btn {
  border: 2px solid #EF4665;
  max-height: 36px;
  cursor: pointer; }

.favorite-btn:active {
  background: rgba(239, 70, 101, 0.2); }

.favorite-btn .favorite-img {
  background-color: transparent;
  width: 32px;
  height: 32px;
  float: left;
  background-image: url("/uukt_3/images/favorite/heart-empty.png");
  background-position: center center;
  background-size: 24px;
  background-repeat: no-repeat;
  border-right: 2px solid #EF4665; }

.favorite-btn.added .favorite-img {
  background-color: transparent;
  background-image: url("/uukt_3/images/favorite/d-heart-full.png"); }

.favorite-btn .favorite-hint {
  line-height: 32px;
  width: 120px;
  text-align: center;
  color: #EF4665;
  font-size: 14px; }

.favorite-btn.added .favorite-hint {
  background-color: transparent; }

.head-misc {
  position: relative; }

.head-misc .favorite-btn {
  position: absolute;
  top: 0;
  right: 0; }

.m-favorite-block {
  text-align: center;
  padding-bottom: 32px; }

.m-favorite-block .favorite-btn {
  display: none; }

/* ----------------------------------------------------------------------
  網友還對這些景點感興趣
-------------------------------------------------------------------------*/
.post-content.middle section.other-view .border-body {
  padding: 16px 0; }

.other-view .list-root {
  padding: 0;
  width: 100%;
  overflow: hidden; }

.other-view .list-root .card {
  width: calc(33.33333% - 6px);
  float: left;
  margin-bottom: 16px;
  background: #FFF;
  border: 1px solid #DCE0E0; }

.other-view .list-root .card.visible-540 {
  display: none; }

.other-view .list-root .card:nth-child(3n+1),
.other-view .list-root .card:nth-child(3n+2) {
  margin-right: 8px; }

.other-view .list-root .card .photo-block {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #EEE; }

.other-view .list-root .card .photo-block .photo {
  width: 100%; }

.other-view .list-root .card .introduce {
  min-height: 34px;
  padding: 0 8px; }

.other-view .list-root .card .title {
  margin: 8px 0 0 0;
  line-height: 18px; }

.other-view .list-root .card .title .value {
  font-size: 15px;
  margin: 0;
  color: #444;
  line-height: 18px;
  display: inline-block;
  overflow: hidden;
  height: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.other-view .list-root .card .title .value:hover {
  color: #0066CC; }

.other-view .list-root .card .review {
  margin-bottom: 16px;
  line-height: 16px;
  color: #F9BF04; }

.other-view .list-root .card .review .review-count {
  font-size: 12px;
  color: #666; }

/* ----------------------------------------------------------------------
  推薦附近民宿
-------------------------------------------------------------------------*/
.post-content.middle section.push-inn .border-body {
  padding: 16px 0; }

.push-inn .list-root {
  padding: 0;
  width: 100%;
  overflow: hidden; }

.push-inn .list-root .card {
  width: calc(33.33333% - 6px);
  float: left;
  margin-bottom: 16px;
  background: #FFF;
  border: 1px solid #DCE0E0; }

.push-inn .list-root .card:nth-child(3n+1),
.push-inn .list-root .card:nth-child(3n+2) {
  margin-right: 8px; }

.push-inn .list-root .card .photo-block {
  position: relative;
  width: 100%;
  display: inline-block; }

.push-inn .list-root .card .photo-block .photo {
  width: 100%; }

.push-inn .list-root .card .introduce {
  min-height: 34px;
  padding: 0 8px; }

.push-inn .list-root .card .title {
  margin: 8px 0 0 0;
  line-height: 18px; }

.push-inn .list-root .card .title .value {
  font-size: 15px;
  margin: 0;
  color: #444;
  line-height: 18px;
  display: inline-block;
  overflow: hidden;
  height: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.push-inn .list-root .card .title .value:hover {
  color: #0066CC; }

.push-inn .list-root .card .review {
  margin-bottom: 16px;
  line-height: 16px;
  color: #F9BF04; }

.push-inn .list-root .card .review .review-count {
  font-size: 12px;
  color: #666; }

.push-inn .list-root .card .border-btn {
  width: 100%;
  margin: 0;
  font-size: 15px;
  padding: 8px 16px;
  border-radius: 0;
  color: #444;
  background: transparent;
  border-top: 1px solid; }

.push-inn .list-root .card .border-btn.red {
  color: #EF4665; }

.push-inn .list-root .card .border-btn.red:hover {
  background: #EF4665;
  color: #FFF; }

.push-inn .list-root .card .border-btn.red:active {
  background: #D63E5A;
  color: #FFF; }

.push-inn .list-root .card .border-btn.blue {
  color: #1874D0; }

.push-inn .list-root .card .border-btn.blue:hover {
  background: #1874D0;
  color: #FFF; }

.push-inn .list-root .card .border-btn.blue:active {
  background: #1568BA;
  color: #FFF; }

.push-inn .list-root .card .tags {
  position: absolute;
  left: 0;
  bottom: 30px; }

.push-inn .list-root .card .tags .tag {
  background: #999;
  color: #FFF;
  padding: 4px 8px;
  font-size: 14px; }

.push-inn .list-root .card .tags .tag.red {
  background: #EC5858; }

.push-inn .list-root .card .special {
  width: 100%;
  min-height: 31px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 0 2px 8px; }

.push-inn .list-root .card .special .value {
  max-height: 27px;
  line-height: 14px;
  font-size: 12px;
  color: #EF4665;
  margin: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.push-inn .list-root .card .special .value:hover {
  text-decoration: underline !important; }

.push-inn .more-inn {
  margin-top: 32px;
  width: 100%;
  text-align: center; }

.push-inn .more-inn .btn.more {
  border: 0;
  border-radius: 0;
  background: #EF4665;
  color: #fff;
  font-size: 15px;
  padding: 12px 32px; }

.push-inn .more-inn .btn.more:active {
  background: #eb173e; }

/* ----------------------------------------------------------------------
	匯款資訊
-------------------------------------------------------------------------*/
#bank-modal .content {
  padding: 16px; }

#bank-modal .modal-body > .row {
  padding: 16px; }

#dialog-vaccount .bank-account {
  margin: 16px 0;
  background: #FFFF99;
  padding: 8px;
  color: #444; }

/* ----------------------------------------------------------------------
	google embed map
-------------------------------------------------------------------------*/
.google-map .embed {
  position: relative; }

.google-map .embed a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

@media (max-width: 991px) {
  #logo {
    display: none; }

  /* ----------------------------------------------------------------------
      標題
  -------------------------------------------------------------------------*/
  .detail-brief {
    display: block;
    float: left;
    width: calc(100% - 80px);
    top: 16px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1; }

  #header.header-sticky .detail-brief {
    top: 10px; }

  body.top-search-active .detail-brief {
    opacity: 0; }

  .detail-brief .logo {
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 0px;
    float: left; }

  .detail-brief .detail-title {
    width: calc(100% - 30px);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
    height: 24px; }

  /* ----------------------------------------------------------------------
      下面標題
  -------------------------------------------------------------------------*/
  .detail-header h1 {
    font-size: 22px; }

  /* ----------------------------------------------------------------------
  	標題
  -------------------------------------------------------------------------*/
  .container > .row > .detail-title > h1 {
    font-size: 22px;
    margin: 16px 0; }

  /* ----------------------------------------------------------------------
  	slider-left-middle-right
  -------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------
  	slider-left
  -------------------------------------------------------------------------*/
  .sidebar-left {
    padding: 0;
    width: 100%;
    text-align: center; }

  .sidebar-left .quick-button {
    background: #FFFFFF;
    border: 1px solid #DCE0E0;
    margin-bottom: 32px; }

  .sidebar-left .main-menu {
    padding: 0;
    width: auto;
    display: inline-block; }

  .sidebar-left .main-menu li {
    display: inline-block;
    float: unset; }

  .sidebar-left .quick-button > ul > li a:hover,
  .sidebar-left .quick-button > ul > li a:active {
    background: transparent;
    border: 0px; }

  .sidebar-left .dropdown:not(.show-mobile) {
    display: none; }

  .sidebar-left .quick-button > ul > li a.do-anchor {
    background: transparent;
    border: 0; }

  /* ----------------------------------------------------------------------

  -------------------------------------------------------------------------*/
  .post-content.middle {
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
    clear: both; }

  .post-content.middle section.border-background .border-heading {
    border: 0px; }

  .post-content.middle section.border-background .border-heading:not(.two-line) h2 {
    border-bottom: 2px solid;
    padding-left: 16px;
    padding-right: 16px; }

  /* ----------------------------------------------------------------------
     網友推薦文章
-------------------------------------------------------------------------*/
  .post-content.middle section.blog-recommend .border-body > .widget {
    text-align: center; }

  .post-content.middle section.blog-recommend .border-body > .widget > .card-root {
    text-align: left; }

  .post-content.middle section.blog-recommend .border-body > .widget > .widget-title {
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-block; }

  /* ----------------------------------------------------------------------
      附近推薦
  -------------------------------------------------------------------------*/
  body .nearby {
    text-align: center; }

  body .nearby > ul.portfolio-filter > li {
    height: 34px;
    margin-right: 4px; }

  /* ----------------------------------------------------------------------
      列表
  -------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------
      右邊
  -------------------------------------------------------------------------*/
  #sidebar {
    width: 100%; }

  .sidebar-right .widget > .widget-heading,
  .portfolio > .widget-heading {
    text-align: center; }

  .sidebar-right .widget > .widget-heading > h4,
  .portfolio > .widget-heading > h4 {
    display: inline-block;
    border-bottom: 2px solid;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px; }

  /* ----------------------------------------------------------------------
      分類
  -------------------------------------------------------------------------*/
  .widget.widget-tags {
    text-align: center; }

  .widget.widget-tags .tags {
    display: inline-block; }

  /* ----------------------------------------------------------------------
      民宿基本資料
  -------------------------------------------------------------------------*/
  .widget-contact-us > .left-widget {
    width: 40%;
    float: left; }

  .widget-contact-us > ul.right-widget {
    width: 60%;
    float: left;
    margin-top: 0;
    padding-left: 16px; }

  /* ----------------------------------------------------------------------
  	位置
  -------------------------------------------------------------------------*/
  .detail-position {
    text-align: center; }

  .detail-position .google-map:not(.only-one),
  .detail-position .street-map {
    width: calc(50% - 4px);
    float: left;
    max-width: 200px;
    margin-top: 0; }

  .detail-position .google-map {
    margin-right: 8px; }

  /* ----------------------------------------------------------------------
      線上訂房
  -------------------------------------------------------------------------*/
  .bottom-layout {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    z-index: 100;
    color: #FFF;
    font-size: 15px;
    cursor: pointer; }

  .bottom-layout.bg-red {
    background: #EF4665;
    border-top: 2px solid #eb173e; }

  .bottom-layout.bg-red:active {
    color: #CCC;
    background: #eb173e; }

  .bottom-layout.bg-blue {
    background: #0066CC;
    border-top: 2px solid #004d99; }

  .bottom-layout.bg-blue:active {
    color: #CCC;
    background: #004d99; }

  .show-mobile {
    display: block; } }
/* ----------------------------------------------------------------------
	隱藏帳號
-------------------------------------------------------------------------*/
.full-collapse-block {
  overflow: hidden;
  height: 0; }

.full-collapse-block.expands {
  height: auto; }

@media (max-width: 767px) {
  body {
    background: #FFF; }

  .container {
    padding: 0px; }

  /* ----------------------------------------------------------------------
  	slider-left
  -------------------------------------------------------------------------*/
  .sidebar-left .quick-button {
    border-left: 0px;
    border-right: 0px; }

  .sidebar-left .quick-button.fit-3-2 {
    border: 0px; }

  .sidebar-left .quick-button.fit-3-2 .main-menu {
    padding: 0;
    width: calc(100% - 8px);
    display: block;
    margin-left: 8px; }

  .sidebar-left .quick-button.fit-3-2 .main-menu li.fit-3-2 {
    border: 1px solid #979797;
    width: calc(33.333333333% - 8px);
    float: left;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 8px; }

  .sidebar-left .quick-button.fit-3-2 .main-menu li.fit-3-2.bg-red {
    border: 1px solid #EF4665; }

  .sidebar-left .quick-button.fit-3-2 .main-menu li.fit-3-2.bg-blue {
    border: 1px solid #0066CC; }

  /* ----------------------------------------------------------------------
      slider--middle
  -------------------------------------------------------------------------*/
  .post-content.middle section {
    padding: 0 0 32px 0;
    margin-bottom: 0px; }

  .post-content.left-side.middle {
    padding: 0px; }

  .room-status-row.border-background {
    border: 0; }

  .post-content.middle section.border-background {
    padding: 0;
    border: 0px; }

  /* ----------------------------------------------------------------------
      UUKT優惠券
  -------------------------------------------------------------------------*/
  #scrollCoupon {
    padding: 0 0 16px 0; }

  #scrollCoupon .border-heading {
    display: block; }

  #scrollCoupon .border-body {
    border: 0px;
    padding: 16px; }

  #scrollCoupon .border-body > img {
    width: 100px;
    height: 100px;
    border: 1px solid #009ECC;
    background-image: url("/uukt_3/images/uukt_coupon_m.jpg"); }

  #scrollCoupon .border-body > .coupon-info {
    width: calc(100% - 100px);
    padding: 0 0 0 16px;
    position: relative;
    font-size: 15px; }

  #scrollCoupon .border-body > .coupon-info .print-coupon {
    position: relative;
    font-size: 15px;
    float: right;
    right: 0;
    margin-top: 20px; }

  /* ----------------------------------------------------------------------
        空房資訊
  -------------------------------------------------------------------------*/
  #scrollRoom {
    background: #F5F5F5;
    padding-bottom: 16px; }

  /* ----------------------------------------------------------------------
        空房資訊
  -------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------
        注意事項
  -------------------------------------------------------------------------*/
  #scrollAbout .collapse-block .content.more.coll:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 90%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 90%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, whitesmoke 90%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F5F5F5', endColorstr='#F5F5F5',GradientType=0 );
    /* IE6-9 */ }

  /* ----------------------------------------------------------------------
     網友推薦文章
-------------------------------------------------------------------------*/
  .post-content.middle section.blog-recommend {
    border-top: 1px solid #DDD; }

  /* ----------------------------------------------------------------------
      票券中心
  -------------------------------------------------------------------------*/
  #scrollTicket .border-body, #scrollRoom .border-body {
    padding: 16px; }

  /* ----------------------------------------------------------------------
      價格表
  -------------------------------------------------------------------------*/
  section.table-price .border-body.embed-table {
    padding: 16px; }

  /* ----------------------------------------------------------------------
         MV
   -------------------------------------------------------------------------*/
  #scrollMV {
    padding: 0 0 32px 0; }

  #scrollMV > .border-body {
    padding: 0 16px; }

  /* ----------------------------------------------------------------------
	商家相片
-------------------------------------------------------------------------*/
  #scrollGallery > .border-body {
    padding: 16px;
    background: #F5F5F5;
    border-bottom: 1px solid #ddd; }

 /* ----------------------------------------------------------------------
      留言照片
-------------------------------------------------------------------------*/
  #scrollPhotoMsg {
    background: #F5F5F5;
    padding: 0; }

  #scrollPhotoMsg .photomsg.post-item {
    overflow: auto;
    width: calc(100% - 16px); }

  #scrollPhotoMsg .photomsg.post-item > .horizontal-list {
    width: 200000px; }

  #scrollPhotoMsg .photomsg.post-item > .horizontal-list > .post-item {
    width: 250px;
    margin-right: 8px; }

  #scrollPhotoMsg .empty-photo-msg {
    margin: 0px;
    border: 0;
    padding: 32px 16px; }

 /* ----------------------------------------------------------------------
      右邊
-------------------------------------------------------------------------*/
  #sidebar {
    border-top: 1px solid #DCE0E0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0; }

  /* ----------------------------------------------------------------------
	加入收藏
  -------------------------------------------------------------------------*/
  .head-misc .favorite-btn {
    display: none; }

  .m-favorite-block .favorite-btn {
    display: inline-block; }

  /* ----------------------------------------------------------------------
    網友還對這些景點感興趣
  -------------------------------------------------------------------------*/
  .post-content.middle section.other-view {
    background: #F5F5F5; }

  .post-content.middle section.other-view .border-body {
    padding: 16px 8px; }

  /* ----------------------------------------------------------------------
    推薦附近民宿
  -------------------------------------------------------------------------*/
  .post-content.middle section.push-inn {
    background: #F5F5F5; }

  .post-content.middle section.push-inn .border-body {
    padding: 16px 8px; } }
@media (max-width: 600px) {
  /* ----------------------------------------------------------------------
    上面照片 slider
  -------------------------------------------------------------------------*/
  #my-slider .sp-padding {
    padding: 0 8px; }

  #my-slider p.sp-layer {
    font-size: 12px; }

  /* ----------------------------------------------------------------------
    價格表
  -------------------------------------------------------------------------*/
  section.table-price .container > .title {
    text-align: center;
    border: 0; }

  section.table-price .price-wide {
    display: none; }

  section.table-price .price-mobile {
    display: block; }

  section.table-price .price-mobile > .row {
    margin: 0;
    display: table;
    padding: 0px 0;
    width: 100%; }

  section.table-price .price-mobile > .row:not(:first-child) {
    border-top: 1px solid #bbb; }

  section.table-price .price-mobile > .row .title {
    font-size: 14px;
    width: 150px;
    float: left;
    padding: 4px 8px 4px 0; }

  section.table-price .price-mobile > .row ul.content {
    font-size: 14px;
    width: calc(100% - 150px);
    padding-right: 8px;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0; }

  section.table-price .price-mobile > .row ul.content li {
    overflow: hidden;
    padding: 2px 0; }

  section.table-price .price-mobile > .row ul.content li:not(:last-child) {
    border-bottom: 1px dashed #ddd; }

  section.table-price .price-mobile > .row .content .day-title {
    width: calc(100% - 60px);
    float: left; }

  section.table-price .price-mobile > .row .content .prices {
    width: 60px;
    float: left;
    text-align: right; }

  section.table-price .price-mobile > .row .title,
  section.table-price .price-mobile > .row ul.content li .day-title {
    color: #555; }

  section.table-price .price-mobile > .row ul.content li .prices {
    color: #EF4665; }

  /* ----------------------------------------------------------------------
      網友還對這些景點感興趣
    -------------------------------------------------------------------------*/
  .other-view .list-root .card .title .value {
    font-size: 14px;
    line-height: 17px;
    height: 17px; }

  .other-view .list-root .card .tags .tag {
    background: #999;
    color: #FFF;
    padding: 2px 6px;
    font-size: 12px; }

  /* ----------------------------------------------------------------------
    推薦附近民宿
  -------------------------------------------------------------------------*/
  .push-inn .list-root .card .title .value {
    font-size: 14px;
    line-height: 17px;
    height: 17px; }

  .push-inn .list-root .card .tags .tag {
    background: #999;
    color: #FFF;
    padding: 2px 6px;
    font-size: 12px; } }
@media (max-width: 540px) {
  /* ----------------------------------------------------------------------
    票券中心
  -------------------------------------------------------------------------*/
  .list-root .card-vertical:nth-child(n) {
    width: 100%;
    margin: 0 0 12px 0; }

  /* ----------------------------------------------------------------------
	商家相片
  -------------------------------------------------------------------------*/
  #scrollGallery > .border-body {
    padding: 8px; }

  .store-gallery .list-root .card {
    width: calc(50% - 4px); }

  .store-gallery .list-root .card:nth-child(2n+1) {
    margin-right: 8px;
    clear: left; }

  .store-gallery .list-root .card:nth-child(2n+2) {
    float: left;
    margin-right: 0px;
    clear: none; }

  .store-gallery .list-root .card .buttom-info {
    padding: 4px; }

  .store-gallery .list-root .card .buttom-info .title {
    font-size: 14px; }

  /* ----------------------------------------------------------------------
      網友還對這些景點感興趣
    -------------------------------------------------------------------------*/
  .other-view .list-root .card {
    width: calc(50% - 4px);
    margin-bottom: 16px; }

  .other-view .list-root .card.visible-540 {
    display: block; }

  .other-view .list-root .card:nth-child(2n+1) {
    margin-right: 8px; }

  .other-view .list-root .card:nth-child(2n+2) {
    margin-right: 0; }

  /* ----------------------------------------------------------------------
  推薦附近民宿
-------------------------------------------------------------------------*/
  .push-inn .list-root .card {
    width: calc(50% - 4px);
    margin-bottom: 16px; }

  .push-inn .list-root .card:nth-child(2n+1) {
    margin-right: 8px; }

  .push-inn .list-root .card:nth-child(2n+2) {
    margin-right: 0; } }
@media (max-width: 499px) {
  /* ----------------------------------------------------------------------
  房型照片
-------------------------------------------------------------------------*/
  .border-body > .full-photo {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    position: relative; }

  .border-body > .full-photo > img {
    height: 200px; }

  .border-body > .full-photo:nth-child(2n+1) {
    margin-right: 0; } }
@media (max-width: 479px) {
  /* ----------------------------------------------------------------------
      post-content middle
  -------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------
  	房型照片
  -------------------------------------------------------------------------*/
  .border-body > .full-photo > img {
    height: 160px; }

  /* ----------------------------------------------------------------------
      產品說明
  -------------------------------------------------------------------------*/
  .post-content.middle section .border-body .activity-group .list-root .list-title .content {
    display: none; }

  .post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title {
    display: block;
    width: 100%;
    max-width: none; }

  .post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title {
    font-size: 15px; }

  .post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .title > a {
    font-size: 15px; }

  .post-content.middle section .border-body .activity-group .list-root .list-content .font-tb > .content {
    font-size: 13px;
    line-height: 20px; }

  .post-content.middle section .border-body .activity-group .list-root .list-content > .price {
    font-size: 14px; }

  /* ----------------------------------------------------------------------
      heading
  -------------------------------------------------------------------------*/
  .heading {
    padding-left: 8px;
    padding-right: 8px; }

  /* ----------------------------------------------------------------------
      統計
  -------------------------------------------------------------------------*/
  .detail-count .icon-box .icon {
    position: absolute;
    border: 0px; }

  .detail-count .icon-box p {
    position: absolute;
    left: 80px;
    top: 0px; }

  .detail-count .icon-box .counter span {
    position: absolute;
    right: 16px;
    font-size: 20px;
    line-height: 58px; }

  .detail-count .icon.u-c-b0 {
    text-align: center;
    width: 58px;
    height: 58px;
    border-color: rgba(59, 177, 227, 0.9); }

  .detail-count .icon:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle; }

  .detail-count .icon img {
    display: inline-block;
    vertical-align: middle;
    width: 28px; }

  /* ----------------------------------------------------------------------
	優惠訊息
-------------------------------------------------------------------------*/
  blockquote.special {
    border-left: 5px solid #FEDDDD;
    margin-left: 8px;
    margin-right: 8px; }

  blockquote .title {
    font-size: 20px; }

  blockquote .content {
    font-size: 15px; }

  blockquote.special dl dt .duration {
    font-size: 12px;
    line-height: 12px;
    padding-top: 4px; }

  blockquote.special .dl-inline dt {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 4px; }

  blockquote.special .dl-inline dt i {
    display: inline-block; }

  blockquote.special .dl-inline dt a {
    display: inline-block;
    width: calc(100% - 18px);
    vertical-align: top;
    cursor: pointer; }

  blockquote.special .dl-inline dd {
    font-size: 15px;
    line-height: 20px; }

  blockquote.special .dl-inline dd a {
    color: #666; }

  blockquote.special dl dt i {
    margin-right: 4px; }

  /* ----------------------------------------------------------------------
      菜單
  -------------------------------------------------------------------------*/
  .menu-root {
    margin-left: 8px;
    margin-right: 8px; }

  .menu .post-item .group-title {
    font-size: 17px; }

  .menu .post-item .title {
    font-size: 15px; }

  .menu .post-item .price {
    font-size: 14px; }

  .menu .post-item .post-content-details table tr td {
    font-size: 14px; }

  .menu .post-item .post-content-details {
    clear: left;
    width: 100%; }

  /* ----------------------------------------------------------------------
  	設備
  -------------------------------------------------------------------------*/
  .device-list .item {
    width: calc(50% - 8px);
    float: left;
    margin-bottom: 16px; }

  .device-list .item:nth-child(2n+1) {
    margin-right: 8px; }

  /* ----------------------------------------------------------------------
      評論
  ----------------------------------------------------------------------*/
  .detail-review p {
    font-size: 15px; }

  .detail-review-list .review-row .review-content {
    font-size: 15px; }

  /* ----------------------------------------------------------------------
    民宿基本資料
-------------------------------------------------------------------------*/
  .widget-contact-us ul.list-icons > li {
    font-size: 15px; }

  .widget-contact-us > .left-widget {
    width: 100%;
    float: left;
    text-align: center; }

  .widget-contact-us > .left-widget > img {
    display: none; }

  .widget-contact-us > ul.right-widget {
    width: 100%;
    float: left;
    margin-top: 16px;
    padding-left: 0px; } }
@media (max-width: 375px) {
  /* ----------------------------------------------------------------------
    UUKT優惠券
-------------------------------------------------------------------------*/
  #scrollCoupon .border-body > img {
    width: 70px;
    height: 70px; }

  #scrollCoupon .border-body > .coupon-info {
    width: calc(100% - 70px);
    padding: 0 0 0 8px; }

  /* ----------------------------------------------------------------------
  -------------------------------------------------------------------------*/
  .list-root .card .card-content .function .price-block {
    margin-left: 4px; }

  .list-root .card .card-content .function .price-block:before {
    display: none; }

  .list-root .card .card-content .function .price-block .price-special {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 12px; }

  .list-root .card .card-content .function .price-block .price {
    display: block;
    font-size: 15px; }

  .list-root .card .card-content .function > .price-origin + .price-block:before {
    display: inline-block; }

  .list-root .card .card-content .function .price-origin {
    font-size: 12px;
    line-height: 12px; }

  .list-root .card .card-content .function > .price-origin + .price-block .price-special,
  .list-root .card .card-content .function > .price-origin + .price-block .price {
    display: inline-block;
    margin-top: 0px;
    line-height: 24px; }

  /* ----------------------------------------------------------------------
  房價表
-------------------------------------------------------------------------*/
  section.table-price .price-mobile > .row .title {
    width: 80px; }

  section.table-price .price-mobile > .row ul.content {
    width: calc(100% - 80px); } }
@media (max-width: 424px) {
  .detail-position .google-map:not(.only-one),
  .detail-position .street-map {
    width: 200px;
    float: none;
    max-width: 200px;
    margin-top: 0; } }

/*# sourceMappingURL=detail.css.map */