@charset "UTF-8";
/*****-----------------------**********/
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

em {
  font-style: italic;
}

strong,
.strong {
  font-weight: 900;
}

/*BASE STYLESHEET 共用樣式*/
.small-text {
  font-size: 1.4rem;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-main-c {
  color: #ff8a00;
}

a.text-main-c:hover {
  color: #ffba52;
}

.text-primary {
  color: #ff8a00;
}

a.text-primary:hover {
  color: #ffba52;
}

.text-secondary {
  color: #00b4c9;
}

a.text-secondary:hover {
  color: #33c3d4;
}

.text-info {
  color: #0c87dd;
}

a.text-info:hover {
  color: #3d9fe4;
}

.text-highlight {
  color: #f7316e;
}

a.text-highlight:hover {
  color: #f95a8b;
}

.bg-primary {
  background-color: #ffeccc;
}

a.bg-primary:hover {
  background-color: #ffda99;
}

.bg-secondary {
  background-color: #ccf0f4;
}

.bg-success {
  background-color: #ebfaee;
}

a.bg-secondary:hover {
  background-color: #99e1e9;
}

.bg-info {
  background-color: #ECF6FC;
}

a.bg-info:hover {
  background-color: #9ecff1;
}

.bg-highlight {
  background-color: #fff0f6;
}

a.bg-highlight:hover {
  background-color: #fcadc5;
}

small {
  font-size: 10pt;
  font-weight: 100;
}

blockquote {
  padding: 5px 15px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #c1c1c1;
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.m-blockqt li {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 32px;
}

.m-blockqt-title {
  font-size: 1.5rem;
  font-size: 15px;
  font-weight: 900;
  color: #474747;
  margin-bottom: 5px;
}

.border-main-c {
  border-color: #ff8a00;
}

.border-sub01 {
  border-color: #00b4c9;
}

.border-sub02 {
  border-color: #ff8a00;
}

.border-sub03 {
  border-color: #0c87dd;
}

.border-sub04 {
  border-color: #85623b;
}

.border-sub05 {
  border-color: #59b400;
}

.border-sub06 {
  border-color: #f7316e;
}

.bg-main-c {
  background: #ff8a00 !important;
}

.bg-main-c-l {
  background: #ffba52 !important;
}

.bg-sub01-c {
  background: #00b4c9 !important;
}

.bg-sub01-c-l {
  background: #33c3d4 !important;
}

.bg-sub02-c {
  background: #ff8a00 !important;
}

.bg-sub02-c-l {
  background: #ffba52 !important;
}

.bg-sub03 {
  background: #0c87dd !important;
}

.bg-sub03-c-l {
  background: #3d9fe4 !important;
}

.bg-sub04-c {
  background: #85623b !important;
}

.bg-sub04-c-l {
  background: #9d8162 !important;
}

.bg-sub05-c {
  background: #59b400 !important;
}

.bg-sub05-c-l {
  background: #7ac333 !important;
}

.bg-sub06-c {
  background: #f7316e !important;
}

.bg-sub06-c-l {
  background: #f95a8b !important;
}

.bg-grey09 {
  background: #474747 !important;
  color: #fff !important;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.danger {
  color: #f7316e;
  font-weight: 900;
  text-decoration: underline;
}

.bg-default {
  color: #d6d6d6;
  border: 1px solid #858585;
}

.arlert {
  padding: 15px;
}

.main-c {
  color: #ff8a00 !important;
}

.sub01-c {
  color: #00b4c9 !important;
}

.sub02-c {
  color: #ff8a00 !important;
}

.sub03-c {
  color: #0c87dd !important;
}

.sub04-c {
  color: #85623b !important;
}

.sub05-c {
  color: #59b400 !important;
}

.sub06-c {
  color: #f7316e !important;
}

.offerTag {
  display: inline-block;
  padding: 3px;
  color: #fff;
  background: #f7316e;
  border-radius: 5px;
}

.celebTag {
  display: inline-block !important;
  padding: 3px;
  background: linear-gradient(to bottom, rgb(252, 234, 187) 0%, rgb(252, 205, 77) 50%, rgb(248, 181, 0) 51%, rgb(251, 223, 147) 100%);
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
}

.celebTag01-c {
  background: #ddd6f3;
  background: -webkit-linear-gradient(to left, #ddd6f3, #faaca8);
  background: linear-gradient(to left, #ddd6f3, #faaca8);
}

.tags > em {
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 5px;
  margin: 0 5px 5px 0;
  color: #fff;
  cursor: default;
  font-style: normal;
  border-radius: 3px;
}
.tags > em.new {
  background-color: #ff8a00;
}
.tags > em.pre {
  background-color: #0c87dd;
}
.tags > em.bid {
  background-color: #85623b;
}
.tags > em.prebid {
  background-color: #25ca96;
}

.tag-main {
  position: absolute;
  left: 0;
  color: #fff;
  z-index: 100;
  font-weight: 600;
  cursor: default;
  font-style: normal;
}
@media (min-width: 48em) {
  .tag-main {
    left: -5px;
  }
}
.tag-main.tag-hot {
  top: 20px;
  background: linear-gradient(135deg, #ff8a00, #ff4300);
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
}
@media (min-width: 48em) {
  .tag-main.tag-hot {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.tag-main.tag-hot ~ .tag-sale {
  top: 57px;
}
.tag-main.tag-sale {
  top: 20px;
  background-color: #f7316e;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 48em) {
  .tag-main.tag-sale {
    padding: 0 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.tag-main.tag-history {
  left: 10px;
  top: -5px;
  width: 80px;
  height: 45px;
  line-height: 25px;
  padding: 10px 0;
  background-color: transparent;
  color: white;
}
.tag-main.tag-history::before, .tag-main.tag-history::after {
  content: "";
  position: absolute;
  top: 43px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.tag-main.tag-history::before {
  left: 0;
  border-width: 15px 45px 0 0;
  border-radius: 0 0 0 3px;
}
.tag-main.tag-history::after {
  right: 0;
  border-width: 0 45px 15px 0;
  border-radius: 0 0 3px 0;
}
.tag-main.tag-history.sub01 {
  background-color: #00b4c9;
}
.tag-main.tag-history.sub01::before {
  border-top-color: #00b4c9;
}
.tag-main.tag-history.sub01::after {
  border-right-color: #00b4c9;
}
.tag-main.tag-history.sub02 {
  background-color: #ff8a00;
}
.tag-main.tag-history.sub02::before {
  border-top-color: #ff8a00;
}
.tag-main.tag-history.sub02::after {
  border-right-color: #ff8a00;
}
.tag-main.tag-history.sub03 {
  background-color: #0c87dd;
}
.tag-main.tag-history.sub03::before {
  border-top-color: #0c87dd;
}
.tag-main.tag-history.sub03::after {
  border-right-color: #0c87dd;
}
.tag-main.tag-history.sub04 {
  background-color: #9d8162;
}
.tag-main.tag-history.sub04::before {
  border-top-color: #9d8162;
}
.tag-main.tag-history.sub04::after {
  border-right-color: #9d8162;
}
.tag-main.tag-history.sub05 {
  background-color: #59b400;
}
.tag-main.tag-history.sub05::before {
  border-top-color: #59b400;
}
.tag-main.tag-history.sub05::after {
  border-right-color: #59b400;
}
.tag-main.tag-history.sub06 {
  background-color: #f7316e;
}
.tag-main.tag-history.sub06::before {
  border-top-color: #f7316e;
}
.tag-main.tag-history.sub06::after {
  border-right-color: #f7316e;
}

.remark {
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
  padding: 15px 10px;
}

.tag-shadow {
  position: absolute;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #333 transparent transparent;
}
.tag-shadow.tag-hot {
  display: none;
}
.tag-shadow.tag-sale {
  display: none;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  line-height: normal;
  top: 50%;
  transform: translateY(-50%);
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}

output {
  display: block;
  padding-top: 4px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #5c5c5c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.form-control:-moz-placeholder {
  color: #adadad;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #adadad;
}
.form-control::-webkit-input-placeholder {
  color: #adadad;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    line-height: 34px;
  }
  input[type=date].input-sm, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 0;
  margin-right: 10px;
}

input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  line-height: 34px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-required .control-label {
  color: #ff8a00;
  font-weight: 600;
}

.has-success .control-label {
  color: #59b400;
}

.has-error .control-label {
  color: #f7316e;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #707070;
}

@media (min-width: 48em) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 4px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 48em) {
  .form-horizontal .control-label {
    padding-top: 4px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 48em) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 48em) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.btn {
  border: 1px solid transparent;
  display: inline-block;
  color: #fff;
  padding: 6px 12px;
  line-height: 1.42857143;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
  transition-timing-function: ease-in;
  transition-duration: 0.3s;
}
.btn:hover {
  color: #fff;
  text-decoration: none;
}
.btn:active {
  outline: 0;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}
.btn.pull-right {
  margin-left: 10px;
}

.btn-main-color {
  background-color: #ffba52;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}
.btn-main-color:hover {
  background-color: #ff8a00;
}
.btn-main-color.disabled, .btn-main-color[disabled], fieldset[disabled] .btn-main-color, .btn-main-color.disabled:hover, .btn-main-color[disabled]:hover, fieldset[disabled] .btn-main-color:hover, .btn-main-color.disabled:focus, .btn-main-color[disabled]:focus, fieldset[disabled] .btn-main-color:focus, .btn-main-color.disabled.focus, .btn-main-color[disabled].focus, fieldset[disabled] .btn-main-color.focus, .btn-main-color.disabled:active, .btn-main-color[disabled]:active, fieldset[disabled] .btn-main-color:active, .btn-main-color.disabled.active, .btn-main-color[disabled].active, fieldset[disabled] .btn-main-color.active {
  background-color: #ffba52;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}

.btn-main-color-line {
  background-color: #fff;
  color: #ff8a00;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}
.btn-main-color-line:hover {
  background-color: #ff8a00;
}
.btn-main-color-line.active {
  color: #fff;
  background-color: #d66c0f;
}
.btn-main-color-line.active:hover {
  background-color: #ff8a00;
}
.btn-main-color-line.disabled, .btn-main-color-line[disabled], fieldset[disabled] .btn-main-color-line, .btn-main-color-line.disabled:hover, .btn-main-color-line[disabled]:hover, fieldset[disabled] .btn-main-color-line:hover, .btn-main-color-line.disabled:focus, .btn-main-color-line[disabled]:focus, fieldset[disabled] .btn-main-color-line:focus, .btn-main-color-line.disabled.focus, .btn-main-color-line[disabled].focus, fieldset[disabled] .btn-main-color-line.focus, .btn-main-color-line.disabled:active, .btn-main-color-line[disabled]:active, fieldset[disabled] .btn-main-color-line:active, .btn-main-color-line.disabled.active, .btn-main-color-line[disabled].active, fieldset[disabled] .btn-main-color-line.active {
  background-color: #fff;
  color: #ff8a00;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}

.btn-default {
  background-color: #adadad;
  border-color: #adadad #858585 #858585 #adadad;
}
.btn-default:hover {
  background-color: #707070;
}
.btn-default.active {
  color: #5c5c5c;
  background-color: #fff;
}
.btn-default.active:hover {
  background-color: #eaeaea;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #adadad;
  border-color: #adadad #858585 #858585 #adadad;
}

.btn-default-line {
  background-color: #fff;
  color: #707070;
  border-color: #adadad #858585 #858585 #adadad;
}
.btn-default-line:hover {
  background-color: #858585;
}
.btn-default-line.active {
  color: #fff;
  background-color: #707070;
}
.btn-default-line.active:hover {
  background-color: #707070;
}
.btn-default-line.disabled, .btn-default-line[disabled], fieldset[disabled] .btn-default-line, .btn-default-line.disabled:hover, .btn-default-line[disabled]:hover, fieldset[disabled] .btn-default-line:hover, .btn-default-line.disabled:focus, .btn-default-line[disabled]:focus, fieldset[disabled] .btn-default-line:focus, .btn-default-line.disabled.focus, .btn-default-line[disabled].focus, fieldset[disabled] .btn-default-line.focus, .btn-default-line.disabled:active, .btn-default-line[disabled]:active, fieldset[disabled] .btn-default-line:active, .btn-default-line.disabled.active, .btn-default-line[disabled].active, fieldset[disabled] .btn-default-line.active {
  background-color: #fff;
  color: #333;
  border-color: #858585 #5c5c5c #5c5c5c #858585;
}

.btn-primary {
  background-color: #ff8a00;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}
.btn-primary:hover {
  background-color: #d96c00;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #ff8a00;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}

.btn-primary-line {
  background-color: #fff;
  color: #ff8a00;
  border-color: #ffba52 #ff8a00 #ff8a00 #ffba52;
}
.btn-primary-line:hover {
  background-color: #ffba52;
}
.btn-primary-line.active {
  color: #fff;
  background-color: #ff8a00;
}
.btn-primary-line.active:hover {
  background-color: #ff8a00;
}
.btn-primary-line.disabled, .btn-primary-line[disabled], fieldset[disabled] .btn-primary-line, .btn-primary-line.disabled:hover, .btn-primary-line[disabled]:hover, fieldset[disabled] .btn-primary-line:hover, .btn-primary-line.disabled:focus, .btn-primary-line[disabled]:focus, fieldset[disabled] .btn-primary-line:focus, .btn-primary-line.disabled.focus, .btn-primary-line[disabled].focus, fieldset[disabled] .btn-primary-line.focus, .btn-primary-line.disabled:active, .btn-primary-line[disabled]:active, fieldset[disabled] .btn-primary-line:active, .btn-primary-line.disabled.active, .btn-primary-line[disabled].active, fieldset[disabled] .btn-primary-line.active {
  background-color: #fff;
  color: #ff8a00;
  border-color: #ff8a00 #b35300 #b35300 #ff8a00;
}

.btn-secondary {
  background-color: #66d2df;
  border-color: #66d2df #33c3d4 #33c3d4 #66d2df;
}
.btn-secondary:hover {
  background-color: #19bbce;
}
.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active {
  background-color: #66d2df;
  border-color: #66d2df #33c3d4 #33c3d4 #66d2df;
}

.btn-secondary-line {
  background-color: #fff;
  color: #00b4c9;
  border-color: #66d2df #33c3d4 #33c3d4 #66d2df;
}
.btn-secondary-line:hover {
  background-color: #19bbce;
}
.btn-secondary-line.active {
  color: #fff;
  background-color: #00b4c9;
}
.btn-secondary-line.active:hover {
  background-color: #00b4c9;
}
.btn-secondary-line.disabled, .btn-secondary-line[disabled], fieldset[disabled] .btn-secondary-line, .btn-secondary-line.disabled:hover, .btn-secondary-line[disabled]:hover, fieldset[disabled] .btn-secondary-line:hover, .btn-secondary-line.disabled:focus, .btn-secondary-line[disabled]:focus, fieldset[disabled] .btn-secondary-line:focus, .btn-secondary-line.disabled.focus, .btn-secondary-line[disabled].focus, fieldset[disabled] .btn-secondary-line.focus, .btn-secondary-line.disabled:active, .btn-secondary-line[disabled]:active, fieldset[disabled] .btn-secondary-line:active, .btn-secondary-line.disabled.active, .btn-secondary-line[disabled].active, fieldset[disabled] .btn-secondary-line.active {
  background-color: #fff;
  color: #00b4c9;
  border-color: #66d2df #33c3d4 #33c3d4 #66d2df;
}

.btn-info {
  background-color: #6db7eb;
  border-color: #6db7eb #3d9fe4 #3d9fe4 #6db7eb;
}
.btn-info:hover {
  background-color: #2493e0;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #6db7eb;
  border-color: #6db7eb #3d9fe4 #3d9fe4 #6db7eb;
}

.btn-info-line {
  background-color: #fff;
  color: #0c87dd;
  border-color: #6db7eb #3d9fe4 #3d9fe4 #6db7eb;
}
.btn-info-line:hover {
  background-color: #2493e0;
}
.btn-info-line.active {
  color: #fff;
  background-color: #0c87dd;
}
.btn-info-line.active:hover {
  background-color: #0c87dd;
}
.btn-info-line.disabled, .btn-info-line[disabled], fieldset[disabled] .btn-info-line, .btn-info-line.disabled:hover, .btn-info-line[disabled]:hover, fieldset[disabled] .btn-info-line:hover, .btn-info-line.disabled:focus, .btn-info-line[disabled]:focus, fieldset[disabled] .btn-info-line:focus, .btn-info-line.disabled.focus, .btn-info-line[disabled].focus, fieldset[disabled] .btn-info-line.focus, .btn-info-line.disabled:active, .btn-info-line[disabled]:active, fieldset[disabled] .btn-info-line:active, .btn-info-line.disabled.active, .btn-info-line[disabled].active, fieldset[disabled] .btn-info-line.active {
  background-color: #fff;
  color: #6db7eb;
  border-color: #6db7eb #3d9fe4 #3d9fe4 #6db7eb;
}

.btn-success {
  background-color: #9bd266;
  border-color: #9bd266 #7ac333 #7ac333 #9bd266;
}
.btn-success:hover {
  background-color: #69bb19;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #9bd266;
  border-color: #9bd266 #7ac333 #7ac333 #9bd266;
}

.btn-success-line {
  background-color: #fff;
  color: #59b400;
  border-color: #9bd266 #7ac333 #7ac333 #9bd266;
}
.btn-success-line:hover {
  background-color: #69bb19;
}
.btn-success-line.active {
  color: #fff;
  background-color: #59b400;
}
.btn-success-line.active:hover {
  background-color: #59b400;
}
.btn-success-line.disabled, .btn-success-line[disabled], fieldset[disabled] .btn-success-line, .btn-success-line.disabled:hover, .btn-success-line[disabled]:hover, fieldset[disabled] .btn-success-line:hover, .btn-success-line.disabled:focus, .btn-success-line[disabled]:focus, fieldset[disabled] .btn-success-line:focus, .btn-success-line.disabled.focus, .btn-success-line[disabled].focus, fieldset[disabled] .btn-success-line.focus, .btn-success-line.disabled:active, .btn-success-line[disabled]:active, fieldset[disabled] .btn-success-line:active, .btn-success-line.disabled.active, .btn-success-line[disabled].active, fieldset[disabled] .btn-success-line.active {
  background-color: #fff;
  color: #9bd266;
  border-color: #9bd266 #7ac333 #7ac333 #9bd266;
}

.btn-grey {
  background-color: #eaeaea;
  color: #858585;
  border-color: #eaeaea #d6d6d6 #d6d6d6 #eaeaea;
}
.btn-grey:hover {
  background-color: #adadad;
}

.btn-grey-line {
  background-color: #eaeaea;
  color: #858585;
  border-color: #d6d6d6 #adadad #adadad #d6d6d6;
}
.btn-grey-line:hover {
  background-color: #c1c1c1;
}

.btn-highlight {
  background-color: #fa83a8;
  border-color: #fa83a8 #f95a8b #f95a8b #fa83a8;
}
.btn-highlight:hover {
  background-color: #f8457c;
}
.btn-highlight.disabled, .btn-highlight[disabled], fieldset[disabled] .btn-highlight, .btn-highlight.disabled:hover, .btn-highlight[disabled]:hover, fieldset[disabled] .btn-highlight:hover, .btn-highlight.disabled:focus, .btn-highlight[disabled]:focus, fieldset[disabled] .btn-highlight:focus, .btn-highlight.disabled.focus, .btn-highlight[disabled].focus, fieldset[disabled] .btn-highlight.focus, .btn-highlight.disabled:active, .btn-highlight[disabled]:active, fieldset[disabled] .btn-highlight:active, .btn-highlight.disabled.active, .btn-highlight[disabled].active, fieldset[disabled] .btn-highlight.active {
  background-color: #fa83a8;
  border-color: #fa83a8 #f95a8b #f95a8b #fa83a8;
}

.btn-highlight-line {
  background-color: #fff;
  color: #f7316e;
  border-color: #fa83a8 #f95a8b #f95a8b #fa83a8;
}
.btn-highlight-line:hover {
  background-color: #f8457c;
}
.btn-highlight-line.active {
  color: #fff;
  background-color: #f7316e;
}
.btn-highlight-line.active:hover {
  background-color: #f7316e;
}
.btn-highlight-line.disabled, .btn-highlight-line[disabled], fieldset[disabled] .btn-highlight-line, .btn-highlight-line.disabled:hover, .btn-highlight-line[disabled]:hover, fieldset[disabled] .btn-highlight-line:hover, .btn-highlight-line.disabled:focus, .btn-highlight-line[disabled]:focus, fieldset[disabled] .btn-highlight-line:focus, .btn-highlight-line.disabled.focus, .btn-highlight-line[disabled].focus, fieldset[disabled] .btn-highlight-line.focus, .btn-highlight-line.disabled:active, .btn-highlight-line[disabled]:active, fieldset[disabled] .btn-highlight-line:active, .btn-highlight-line.disabled.active, .btn-highlight-line[disabled].active, fieldset[disabled] .btn-highlight-line.active {
  background-color: #fff;
  color: #fa83a8;
  border-color: #fa83a8 #f95a8b #f95a8b #fa83a8;
}

.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333;
  height: auto;
  border-radius: 3px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  height: auto;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  height: auto;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-fb {
  background: #3e59a5;
  color: #fff;
}
.btn-fb:hover {
  background: #4D6DC7;
  border-color: #3e59a5;
}

.btn-app {
  background: #ff8a00;
  color: #fff;
}
.btn-app:hover {
  background: #ffba52;
  border-color: #ff8a00;
}

.btn-google {
  background: #d62d20;
  color: #fff;
}
.btn-google:hover {
  background: #E63A2D;
  border-color: #d62d20;
}

.btn-level-h, .btn-level-m {
  font-size: 1.6rem;
  font-weight: bolder;
  display: inline-block;
  padding: 5px;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.3s;
}

.btn-level-m {
  background: #59b400;
}
.btn-level-m small {
  display: block;
  font-size: 9pt;
}
.btn-level-m:hover {
  text-decoration: none;
  color: #fff;
  border-color: #59b400;
  background: #7ac333;
}

.btn-level-h {
  background: #f7316e;
}
.btn-level-h small {
  display: block;
  font-size: 9pt;
}
.btn-level-h:hover {
  text-decoration: none;
  color: #fff;
  border-color: #f7316e;
  background: #f95a8b;
}

.level-m {
  background: none;
  color: #59b400;
}
.level-m:hover {
  background: none;
}

.level-h {
  background: none;
  color: #f7316e;
}
.level-h:hover {
  background: none;
}

.btn-panels {
  margin-top: 15px;
}

.modal-error .modal-title {
  color: #f7316e;
}

.modal-success .modal-title {
  color: #59b400;
}
.modal-success .subtitle {
  color: #7ac333 !important;
  font-weight: bold;
}

.modal-fail .modal-title {
  color: #f7316e;
}
.modal-fail .subtitle {
  color: #F73131;
  text-align: center;
  font-weight: bold;
}

.modal-reminder .modal-title {
  color: #FF5252;
}
.modal-reminder .modal-body {
  margin: 0 36px;
}
.modal-reminder .reminder-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  padding-top: 15px;
}
.modal-reminder .reminder-title span {
  color: #0c87dd;
}
.modal-reminder .reminder-text {
  font-size: 15px;
}
.modal-reminder .reminder-text span.blue {
  color: #0c87dd;
}
.modal-reminder .reminder-text span.red {
  color: #FF5252;
}
.modal-reminder .ctrl-panel-center > button {
  margin-right: 5px;
}

.modal-title .fa {
  margin-right: 5px;
}

.modal-content iframe {
  overflow: hidden;
  width: 100%;
  float: left;
}

.modal-header .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  margin-top: -2px;
}
.modal-header .close:hover,
.modal-header .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  opacity: 1;
  color: #919191;
  font-size: 32px;
  font-weight: normal;
  margin-top: 0;
}

.modal-title .caption {
  color: #999;
  font-size: 12px;
  margin-left: 4px;
  font-weight: normal;
}

.modal-body {
  position: relative;
  padding: 0 15px 15px;
}
.modal-body p {
  color: #5c5c5c;
  margin-top: 5px;
  font-size: 1.5rem;
  text-align: center;
}
@media (max-width: 399.8px) {
  .modal-body p {
    font-size: 13px;
  }
}
.modal-body .subtitle {
  color: #f7316e;
  text-align: center;
  letter-spacing: 0.1px;
  font-weight: bold;
}

.modal-footer {
  padding: 0 15px 15px;
  text-align: right;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

p.modal-list-title {
  margin-top: 10px;
  font-weight: 600;
  text-align: left;
}
p.modal-list-title.list-highlight {
  color: #f7316e;
}

.modal-list {
  margin-left: 20px;
  text-align: left;
}
.modal-list.list-disc {
  list-style-type: disc;
}
.modal-list.list-decimal {
  list-style-type: decimal;
  margin-left: 35px;
}
.modal-list p {
  text-align: left;
}

.modal-em {
  display: inline-block;
  margin: 0 5px;
  border-bottom: 1px solid #474747;
  font-style: normal;
}

.modal-banner {
  text-align: center;
  margin-top: 20px;
}
.modal-banner img {
  display: block;
  margin: 0 auto;
}

.panel-body .col-obj-ul {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

.col-obj-ul {
  padding-bottom: 10px;
}

.col-obj-list.off .content::after {
  content: "此物件不存在···";
  display: block;
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -1px;
  background: rgba(82, 80, 80, 0.87);
  border: 1px solid rgba(53, 53, 53, 0.71);
  line-height: 95px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.col-obj-list,
.col-obj-select-list {
  padding: 0;
  border-radius: 3px;
}
.col-obj-list .content,
.col-obj-select-list .content {
  position: relative;
  margin: 10px;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
}
.col-obj-list .content:hover,
.col-obj-select-list .content:hover {
  border-color: #858585;
}
.col-obj-list label,
.col-obj-select-list label {
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-weight: 100;
}
.col-obj-list section,
.col-obj-select-list section {
  border: 1px solid #d6d6d6;
  background-color: #fff;
  margin: -1px;
  border-radius: 3px;
  transition: all 0.3s;
}
.col-obj-list input[type=checkbox], .col-obj-list input[type=radio],
.col-obj-select-list input[type=checkbox],
.col-obj-select-list input[type=radio] {
  position: absolute;
  right: 0;
  margin: 5px;
}
.col-obj-list input[type=checkbox]:checked ~ section, .col-obj-list input[type=radio]:checked ~ section,
.col-obj-select-list input[type=checkbox]:checked ~ section,
.col-obj-select-list input[type=radio]:checked ~ section {
  border-color: #ff8a00;
}
.col-obj-list input[type=checkbox]:checked ~ section .col-img, .col-obj-list input[type=radio]:checked ~ section .col-img,
.col-obj-select-list input[type=checkbox]:checked ~ section .col-img,
.col-obj-select-list input[type=radio]:checked ~ section .col-img {
  background-color: transparent;
}
.col-obj-list input[type=checkbox]:checked ~ section .price, .col-obj-list input[type=radio]:checked ~ section .price,
.col-obj-select-list input[type=checkbox]:checked ~ section .price,
.col-obj-select-list input[type=radio]:checked ~ section .price {
  color: #5c5c5c;
}
.col-obj-list input[type=radio]:checked ~ section,
.col-obj-select-list input[type=radio]:checked ~ section {
  background-color: rgba(255, 162, 0, 0.5);
}
.col-obj-list input[type=checkbox]:checked ~ section,
.col-obj-select-list input[type=checkbox]:checked ~ section {
  background-color: rgba(255, 162, 0, 0.1);
}
.col-obj-list .col-img,
.col-obj-select-list .col-img {
  background-color: #eaeaea;
  width: 76px;
  height: 98px;
  text-align: center;
  overflow: hidden;
  padding: 6px;
  margin-right: 10px;
  vertical-align: middle;
  float: left;
  border-radius: 3px 0 0 3px;
}
.col-obj-list .col-img span,
.col-obj-select-list .col-img span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.col-obj-list .col-img img,
.col-obj-select-list .col-img img {
  vertical-align: middle;
}
.col-obj-list .col-img .form-inline,
.col-obj-select-list .col-img .form-inline {
  float: none;
  margin: 0 auto 10px;
  text-align: center;
}
.col-obj-list .col-text,
.col-obj-select-list .col-text {
  padding: 5px;
}
.col-obj-list .col-text ul li,
.col-obj-select-list .col-text ul li {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  white-space: nowrap;
}
.col-obj-list .col-text .price,
.col-obj-select-list .col-text .price {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  color: #ff8a00;
}

.modal-report-container .modal-header {
  padding: 0;
}
.modal-report-container .modal-body {
  padding-left: 0;
  padding-right: 0;
}
.modal-report-container .modal-body .form-horizontal {
  box-shadow: none;
}
.modal-report-container .modal-body .form-horizontal .panel-body {
  border-top: 0;
}
.modal-report-container .modal-footer {
  padding: 0;
}

.modal-loan-container .modal-header {
  padding: 0;
}
.modal-loan-container .modal-body {
  padding-left: 0;
  padding-right: 0;
}
.modal-loan-container .block-loan-count .ui-slider {
  padding: 40px 30px 70px 27px;
}

.breadcrumbs {
  font-size: 14px;
  font-size: 1.4rem;
  min-height: 20px;
  margin: 2.5rem 0;
}
.breadcrumbs .glyphicon-menu-right {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 0 5px;
  color: #d6d6d6;
}
.breadcrumbs .fa-map-marker {
  margin: 0 5px;
}
.breadcrumbs .fa-angle-right {
  margin: 0 5px;
  color: #d6d6d6;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.tooltip.top {
  padding: 5px 0;
}
.tooltip.right {
  padding: 0 5px;
}
.tooltip.bottom {
  padding: 5px 0;
}
.tooltip.left {
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 300px;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #474747;
  border-radius: 3px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #474747;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #474747;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #474747;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #474747;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

/*LAYOUT*/
.Subbar {
  margin-top: 70px;
}
@media (max-width: 767.8px) {
  .Subbar {
    margin-top: 15px;
  }
}

.bottom-offset {
  margin-bottom: 30px;
}

.offset-large-btm {
  margin-bottom: 3rem;
}

.offset-top-lg-btm {
  margin-top: 3rem;
}

.offset-top-s {
  margin-top: 25px;
}

/*COLOR STYLESHEET 顏色樣式*/
.bd-orange {
  border: 1px solid #ff7d0a;
  color: #ff7d0a;
}

.plugin {
  margin: 0.8em 0 0;
  padding-left: 8px;
}

.w-lg {
  font-size: 20px;
  font-size: 2rem;
}

.block-title {
  font-weight: bolder;
  padding: 0 15px;
  margin-top: 25px;
}
.block-title .time {
  display: inline-block;
  color: #858585;
  background: #eaeaea;
  border: 1px solid #adadad;
  padding: 2px 5px;
  font-size: 1.7rem;
  font-size: 17px;
  border-radius: 2px;
}
.block-title.border {
  border: 1px solid #eaeaea;
  box-shadow: #c1c1c1 0px 1px 2px;
  border-radius: 3px;
}
.block-title.border-lt {
  border-left: 5px solid transparent;
  height: 28px;
  line-height: 30px;
}
.block-title.border-lt.sub01 {
  border-color: #00b4c9;
  color: #00b4c9;
}
.block-title.border-lt.sub02 {
  border-color: #ff8a00;
  color: #ff8a00;
}
.block-title.border-lt.sub03 {
  border-color: #0c87dd;
  color: #0c87dd;
}
.block-title.border-lt.sub04 {
  border-color: #85623b;
  color: #85623b;
}
.block-title.border-lt.sub05 {
  border-color: #59b400;
  color: #59b400;
}
.block-title.border-lt.sub06 {
  border-color: #f7316e;
  color: #f7316e;
}
.block-title.border-lt.sub07 {
  border-color: #ff8a00;
  color: #333;
}

.block-content {
  margin-top: 10px;
  padding: 20px;
  border-style: solid;
  border-color: #d6d6d6;
  border-radius: 3px;
}
.block-content.border {
  border-width: 1px;
  box-shadow: #c1c1c1 0px 1px 2px;
}
.block-content.border-bt {
  border-width: 0 0 1px 0;
}
.block-content .description {
  color: #858585;
  font-size: 1.8rem;
  letter-spacing: 0.1px;
}
.block-content .table-item th {
  position: relative;
}
.block-content .table-item th,
.block-content .table-item .table-title {
  vertical-align: middle;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  font-weight: bolder;
}
.block-content .table-item th span,
.block-content .table-item .table-title span {
  display: inline-block;
}
.block-content .table-item .table-title {
  color: #5c5c5c;
  display: block;
  padding: 5px 0;
}
.block-content .table-item td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 1.5rem 1rem;
}
.block-content .table-item .rowspan-2 td {
  padding: 0.75rem 1rem;
}
.block-content .table-item span {
  display: block;
}
.block-content .table-item a {
  display: inline-block;
  text-decoration: none;
}
.block-content .table-item .form-group {
  width: auto;
}
.block-content .table-item .form-group button {
  margin-left: 10px;
}
.block-content .table-item .level-h span, .block-content .table-item .level-m span {
  display: inline-block;
}
.block-content .table-item .promo-lw span,
.block-content .table-item .promo-nm span,
.block-content .table-item .promo-hh span {
  position: absolute;
  color: #fff;
  padding: 1px 3px;
  font-size: 13px;
  font-size: 1.3rem;
  top: 2px;
  right: 2px;
}
.block-content .table-item .promo-lw span {
  background-color: #ffba52;
}
.block-content .table-item .promo-nm span {
  background-color: #33c3d4;
}
.block-content .table-item .promo-hh span {
  background-color: #f95a8b;
}

.jqplot-target {
  position: relative;
  color: #5c5c5c;
}

.jqplot-axis {
  font-size: 0.9em;
}

.jqplot-xaxis {
  margin-top: 10px;
}

.jqplot-x2axis {
  margin-bottom: 10px;
}

.jqplot-yaxis {
  margin-right: 10px;
}

.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
  margin-left: 10px;
  margin-right: 10px;
}

.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick,
.jqplot-yMidAxis-tick {
  position: absolute;
  white-space: pre;
}

.jqplot-xaxis-tick {
  top: 0;
  left: 15px;
  vertical-align: top;
}

.jqplot-x2axis-tick {
  bottom: 0;
  left: 15px;
  vertical-align: bottom;
}

.jqplot-yaxis-tick {
  right: 0;
  top: 15px;
  text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
  right: -20px;
  margin-right: 0;
  padding: 1px 5px 1px 5px;
  z-index: 2;
  font-size: 1.5em;
}

.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
  left: 0;
  top: 15px;
  text-align: left;
}

.jqplot-yMidAxis-tick {
  text-align: center;
  white-space: nowrap;
}

.jqplot-xaxis-label {
  margin-top: 10;
  pxfont-size: 11;
  ptposition: absolute;
}

.jqplot-x2axis-label {
  margin-bottom: 10;
  pxfont-size: 11;
  ptposition: absolute;
}

.jqplot-yaxis-label {
  margin-right: 10;
  pxfont-size: 11;
  ptposition: absolute;
}

.jqplot-yMidAxis-label {
  font-size: 11;
  ptposition: absolute;
}

.jqplot-y2axis-label,
.jqplot-y3axis-label,
.jqplot-y4axis-label,
.jqplot-y5axis-label,
.jqplot-y6axis-label,
.jqplot-y7axis-label,
.jqplot-y8axis-label,
.jqplot-y9axis-label {
  font-size: 11pt;
  margin-left: 10px;
  position: absolute;
}

.jqplot-meterGauge-tick {
  font-size: 0.75em;
  color: #999;
}

.jqplot-meterGauge-label {
  font-size: 1em;
  color: #999;
}

table.jqplot-table-legend {
  margin: 5px;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
  position: absolute;
  font-size: 0.9em;
}

td.jqplot-table-legend {
  vertical-align: middle;
  padding-right: 3px;
}

td.jqplot-seriesToggle:hover,
td.jqplot-seriesToggle:active {
  cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
  text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
  padding: 1px;
}

div.jqplot-table-legend-swatch {
  width: 0;
  height: 0;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

.jqplot-title {
  top: 0;
  left: 0;
  padding-bottom: 0.5em;
  font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
  border: 1px solid #c1c1c1;
  font-size: 0.75em;
}

.jqplot-cursor-tooltip {
  border: 1px solid #c1c1c1;
  font-size: 0.75em;
  white-space: nowrap;
  background-color: rgba(208, 208, 208, 0.5);
  padding: 1px;
}

.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
  border: 1px solid #d6d6d6;
  font-size: 0.9em;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 3px;
  border-radius: 3px;
}

.jqplot-point-label {
  font-size: 0.75em;
  z-index: 2;
}

td.jqplot-cursor-legend-swatch {
  vertical-align: middle;
  text-align: center;
}

div.jqplot-cursor-legend-swatch {
  width: 1.2em;
  height: 0.7em;
}

.jqplot-error {
  text-align: center;
}

.jqplot-error-message {
  position: relative;
  top: 46%;
  display: inline-block;
}

div.jqplot-bubble-label {
  font-size: 0.8em;
  padding-left: 2px;
  padding-right: 2px;
  color: rgb(51, 51, 51);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
  background-color: rgba(230, 230, 230, 0.7);
}

div.jqplot-noData-container {
  text-align: center;
  background-color: rgba(245, 245, 245, 0.3);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 8px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.85;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0.7;
  filter: "alpha(opacity=70)";
  -ms-filter: "alpha(opacity=70)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.progress {
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #d6d6d6;
  letter-spacing: 0;
}
.progress.progress--small li {
  font-size: 1.3rem;
}
@media (min-width: 48em) {
  .progress.progress--small li {
    font-size: 1.5rem;
  }
}
.progress.progress--medium li {
  font-size: 1.5rem;
}
@media (min-width: 48em) {
  .progress.progress--medium li {
    font-size: 1.8rem;
  }
}
.progress.progress--large li {
  font-size: 1.8rem;
}
@media (min-width: 48em) {
  .progress.progress--large li {
    font-size: 2rem;
  }
}
.progress li {
  position: relative;
  display: table-cell;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}
.progress li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto 10px;
  background: #d6d6d6;
  color: #fff;
  width: 3em;
  height: 3em;
  text-align: center;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
}
.progress li:after {
  content: "";
  position: absolute;
  display: block;
  background: #d6d6d6;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em\9 ;
}
.progress li:last-child:after {
  display: none !important;
}
.progress li.is-complete {
  color: #474747;
}
.progress li.is-complete:before, .progress li.is-complete:after {
  background: #474747;
}
.progress li.is-active {
  color: #ff8a00;
}
.progress li.is-active:before {
  background: #ff8a00;
}

.block-subtitle {
  margin-bottom: 10px;
}
.block-subtitle small {
  margin-left: 5px;
}

#paymentRemind-modal .modal-body {
  color: #666;
  font-size: 15px;
}
#paymentRemind-modal .modal-body p {
  line-height: 1.2;
  text-align: center;
}
#paymentRemind-modal .modal-body .fa {
  font-size: 44px;
  color: #ff8a00;
}
#paymentRemind-modal .paymentRemind-modal__note {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 15px 0;
}
#paymentRemind-modal .paymentRemind-modal__days {
  color: #EB5757;
  font-size: 17px;
  font-weight: bold;
}

.form-credit .panel-body {
  font-weight: bold;
}
.form-credit .panel-body .highlight-num {
  font-size: 19px;
  color: #EB5757;
}

.obj-detail.container {
  overflow-x: hidden;
}
.obj-detail ~ .copyright {
  padding-bottom: 80px;
}
@media (min-width: 62em) {
  .obj-detail ~ .copyright {
    padding-bottom: 1rem;
  }
}
.obj-detail .progress {
  padding: 50px 0 25px 0;
}
.obj-detail .ctrl-panel {
  padding: 25px 0;
  border-top: 1px solid #d6d6d6;
}
.obj-detail.obj-detail-edit .ctrl-panel {
  padding: 40px 0;
  border-top: none;
}
.obj-detail > .row {
  margin-top: 15px;
}
@media (min-width: 30em) {
  .obj-detail > .row {
    margin-top: 30px;
  }
}
.obj-detail h3 {
  font-weight: 600;
}
.obj-detail h3 .title {
  display: block;
}
.obj-detail h3 .tags {
  display: block;
}
.obj-detail .tags-flag {
  position: relative;
  display: inline-block;
  background-color: #ff873f;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 100;
  margin-top: 5px;
  color: #fff;
  border-radius: 3px;
}
.obj-detail .tags-flag::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 10px;
  top: 38px;
  border-style: solid;
  border-width: 8px 6px 0px 6px;
  border-color: #ff873f transparent transparent transparent;
}

/* 物件次要資訊 */
.box-info-pt ul {
  line-height: 0.5;
  margin-top: 0.5em;
}
.box-info-pt .content {
  list-style: none;
}
.box-info-pt .content li {
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  padding: 0 25px 0 0;
  position: relative;
  height: 24px;
  line-height: 24px;
}
.box-info-pt .content li:first-child {
  color: #858585;
  font-size: 13px;
  font-size: 1.3rem;
}
.box-info-pt .content li:first-child .price-ori {
  color: #474747;
}
.box-info-pt .content li:first-child .price-now {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  color: #f7316e;
  margin: 0 4px;
}
.box-info-pt .content li:first-child .price-now.price-history {
  color: #5c5c5c;
}
.box-info-pt .content li:last-child {
  padding-right: 0;
}
.box-info-pt .content li:last-child:after {
  width: 0;
}
.box-info-pt .content li:after {
  content: "";
  height: 50%;
  right: 12px;
  position: absolute;
  top: 50%;
  width: 1px;
  transform: translateY(-50%);
  background-color: #d6d6d6;
}
.box-info-pt .content li .inner {
  color: #474747;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0 2px;
}

/* 物件照片 */
.box-media {
  position: relative;
  text-align: center;
  margin: 10px -15px 0;
  z-index: 1;
  border-width: 1px 0;
  border-style: solid;
  border-color: #d6d6d6;
}
@media (min-width: 48em) {
  .box-media {
    margin: 10px auto 0;
    border: none;
  }
}
.box-media .tag-vr {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 26px;
  box-shadow: 0 1px 3px 0;
  line-height: 26px;
  border-radius: 13px;
  background-color: #24D295;
  color: #fff;
  top: 200px;
}
@media (min-width: 30em) {
  .box-media .tag-vr {
    top: 275px;
  }
}
@media (min-width: 60em) {
  .box-media .tag-vr {
    top: 430px;
  }
}
.box-media .media-stage {
  height: 240px;
  background-color: #474747;
  overflow: hidden;
}
@media (min-width: 30em) {
  .box-media .media-stage {
    height: 320px;
  }
}
@media (min-width: 48em) {
  .box-media .media-stage {
    margin-bottom: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 60em) {
  .box-media .media-stage {
    height: 480px;
  }
}
.box-media .media-stage button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  font-size: 36px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  opacity: 0.3;
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  transition: 0.3s ease-out;
}
.box-media .media-stage:hover button {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.box-media .media-stage [aria-label=Previous] {
  left: 15px;
}
.box-media .media-stage [aria-label=Next] {
  right: 15px;
}
.box-media .media-stage .slick-slide {
  height: 240px;
}
.box-media .media-stage .slick-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.box-media .media-stage .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 25em) {
  .box-media .media-stage .slick-slide img {
    height: 100%;
  }
}
@media (min-width: 30em) {
  .box-media .media-stage .slick-slide {
    height: 320px;
  }
}
@media (min-width: 60em) {
  .box-media .media-stage .slick-slide {
    height: 480px;
  }
}
.box-media .media-stage .no-image {
  background-color: #eaeaea;
}
.box-media .media-stage .no-image .fa {
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -50px;
  font-size: 28px;
  font-size: 2.8rem;
}
.box-media .media-stage .no-image .fa span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
.box-media .media-nav {
  padding: 0;
  margin-bottom: 10px;
  display: none;
  height: 70px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .box-media .media-nav {
    display: block;
  }
}
.box-media .media-nav .slick-slide {
  height: 50px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 48em) {
  .box-media .media-nav .slick-slide {
    height: 70px;
    margin: 0 5px;
  }
}
.box-media .media-nav .slick-slide a {
  display: block;
  height: 300px;
  left: 50%;
  line-height: 200px;
  margin: -150px 0 0 -90px;
  position: absolute;
  top: 50%;
  width: 180px;
}
.box-media .media-nav .slick-slide a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.box-media .media-nav .slick-slide a img {
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}
.box-media .media-nav .slick-slide span {
  background-color: rgb(255, 255, 255);
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.box-media .media-nav .slick-slide.slick-center span, .box-media .media-nav .slick-slide.slick-current span {
  border: 3px solid #ff8a00;
  background-color: rgba(255, 255, 255, 0);
  opacity: 0.99;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
}
@media (max-width: 639.8px) {
  .box-media .remark span {
    display: block;
  }
}

/* 次要按鈕 */
.breadcrumbs {
  display: none;
  border-bottom: 1px solid #eaeaea;
  margin: 15px -15px;
  padding: 0 15px;
}
@media (min-width: 30em) {
  .breadcrumbs {
    display: block;
  }
}
@media (min-width: 48em) {
  .breadcrumbs {
    margin: 2.5em 0 0;
    padding: 0;
  }
}

/* 快速導覽列 */
.box-fast-nav {
  position: relative;
  top: -10px;
}
@media (min-width: 62em) {
  .box-fast-nav {
    z-index: 1;
    top: inherit;
  }
}
@media (min-width: 48em) {
  .box-fast-nav.stick {
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #fff;
    width: calc(100% - 40px);
  }
}
@media (min-width: 62em) {
  .box-fast-nav.stick {
    width: calc(75% - 37.5px);
  }
}
@media (min-width: 80em) {
  .box-fast-nav.stick {
    width: 922.5px;
  }
}
.box-fast-nav .content {
  line-height: 36px;
  text-align: center;
  border-bottom: 2px solid #eaeaea;
  display: none;
}
@media (min-width: 48em) {
  .box-fast-nav .content {
    display: inherit;
  }
}
.box-fast-nav .content:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.box-fast-nav .content li {
  display: inline-block;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
}
.box-fast-nav .content li a {
  display: block;
  color: #707070;
  text-decoration: none;
  padding: 0 15px;
  margin-bottom: -2px;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #eaeaea;
  transition: 0.3s ease-out;
}
.box-fast-nav .content li a:hover {
  color: #333;
  border-color: #474747;
}
.box-fast-nav .content li:last-child a:after {
  display: none;
}
.box-fast-nav .content li.current a, .box-fast-nav .content li.active a {
  font-weight: 600;
  color: #ff8a00;
  border-color: #ff8a00;
}

/* 次要按鈕 */
.sub-nav {
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 10;
  display: flex;
  gap: 5px;
  align-items: center;
}
@media (min-width: 30em) {
  .sub-nav {
    right: 63px;
  }
}
@media (min-width: 48em) {
  .sub-nav {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 62em) {
  .sub-nav {
    right: 34px;
  }
}
.sub-nav li {
  display: flex;
  align-items: center;
}
.sub-nav li a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 5px;
  height: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
  line-height: 1.75;
  border-radius: 3px;
}

/* 分享按鈕 */
.social-nav {
  position: absolute;
  top: 61px;
  right: 0;
  z-index: 10;
  display: flex;
  gap: 5px;
  align-items: center;
}
@media (min-width: 30em) {
  .social-nav {
    top: 27px;
  }
}
@media (min-width: 48em) {
  .social-nav {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 62em) {
  .social-nav {
    right: -5px;
  }
}
.social-nav li {
  display: flex;
  align-items: center;
}
.social-nav li a {
  display: inline-flex;
  font-size: 24px;
}
.social-nav li a.fb {
  color: #4a6ea9;
}
.social-nav li a.line {
  color: #06c755;
}
@media (min-width: 62em) {
  .social-nav li a.line {
    display: none;
  }
}

/* boxMain Public */
.box-main {
  position: relative;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 25px;
  z-index: 1;
}
.box-main:last-child {
  border-bottom: none;
}
@media (min-width: 48em) {
  .box-main {
    border-bottom-width: 2px;
  }
}
.box-main.box-fast-nav {
  border-bottom: 0;
}
.box-main h3 {
  font-weight: 600;
  font-size: 24px;
  margin-top: 15px;
}
.box-main h3 .btn {
  float: right;
  margin: 15px;
}

/* 房屋詳情 */
.box-info-all .content {
  margin-top: 15px;
}
.box-info-all .content > li {
  float: none;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 30em) {
  .box-info-all .content > li {
    float: left;
    width: calc(50% - 7.5px);
    text-align: left;
  }
}
.box-info-all .content > li:first-of-type {
  margin-right: 15px;
}
.box-info-all .content > li .info-group {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box-info-all .content > li .info-group dd {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.box-info-all .content > li .info-group .title {
  font-weight: 600;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #eaeaea;
  font-size: 1em;
}
.box-info-all .content > li .info-group .subtitle {
  width: 4em;
  font-size: 13px;
  white-space: nowrap;
  text-align-last: justify;
}
.box-info-all .content > li .info-group .subtitle.hascolor {
  color: #999;
}
.box-info-all .content > li .info-group .remark {
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
  margin-left: 5px;
}
.box-info-all .content > li .info-group .loan {
  border: 1px solid #ffce7a;
  padding: 15px;
  margin: 15px 15px 0;
  background-color: #fff7e6;
  box-shadow: #ffe0a3 0 2px 0;
  border-radius: 3px;
}
.box-info-all .content > li .info-group .loan .link-edit {
  display: inline-block;
  color: #007acf;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;
  margin-left: 5px;
}
.box-info-all .content > li .info-group .loan .link-edit:hover {
  text-decoration: underline;
}
.box-info-all .content > li .info-group .loan .remark {
  text-align: left;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: 0;
}
.box-info-all .content > li .info-group .loan .remark .logo-provide {
  display: inline-block;
  width: 130px;
  vertical-align: middle;
  margin: 0 5px 4px;
}
.box-info-all .content li.w100p {
  width: 100%;
}
.box-info-all .content li.w100p dd {
  display: block;
}
.box-info-all .content > li p {
  text-align: justify;
}

.box-provide .content {
  padding: 15px;
}
.box-provide .content .list-provide li {
  margin-bottom: 20px;
}
@media (min-width: 30em) {
  .box-provide .content .list-provide li {
    margin-bottom: 10px;
  }
}
.box-provide .content .list-provide .item-title {
  display: block;
  margin: 0 10px 10px 0;
  padding: 4px 2px;
  color: #ff8a00;
  font-weight: 600;
}
@media (min-width: 30em) {
  .box-provide .content .list-provide .item-title {
    float: left;
    margin-bottom: 0;
  }
}
@media (min-width: 30em) {
  .box-provide .content .list-provide .item-inner {
    width: calc(100% - 110px);
    display: inline-block;
  }
}
.box-provide .content .list-provide .item-inner b {
  position: relative;
  float: left;
  padding: 4px 20px 4px 0;
}
.box-provide .content .list-provide .item-inner b:after {
  content: "/";
  position: absolute;
  width: 20px;
  text-align: center;
  color: #d6d6d6;
}
.box-provide .content .list-provide .item-inner b:last-child:after {
  display: none;
}
@media (min-width: 30em) {
  .box-provide .content .list-provide .item-inner b {
    margin-left: 0;
  }
}
.box-provide .content .list-provide .item-inner b a {
  text-decoration: none;
}

/* 特色描述 */
.box-feature {
  text-align: center;
  padding-bottom: 30px;
}
.box-feature h4 {
  color: #85623b;
  font-weight: 900;
  margin: 8px 0;
  font-size: 1.5rem;
}
.box-feature h4:after {
  content: "-";
  margin-left: 8px;
}
.box-feature h3 {
  text-align: left;
}
.box-feature .content {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: left;
  margin-top: 15px;
  word-break: break-all;
}
.box-feature .content.gradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 150px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0 );
}
.box-feature .content p {
  word-wrap: break-word;
  word-break: normal;
}
.box-feature .content .vip {
  border-top: 1px dotted #d6d6d6;
  margin-top: 30px;
  padding-top: 30px;
}
.box-feature .btn-switch {
  display: inline-block;
  cursor: pointer;
  padding-top: 15px;
  text-decoration: none;
  font-size: 15px;
  font-size: 1.5rem;
}
.box-feature .btn-switch .fa-angles-down {
  margin-left: 3px;
  color: #999;
}
.box-feature .remark {
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
  margin-top: 30px;
}

/* 相似物件實價登錄行情 */
.box-similar-price {
  display: none;
}
@media (min-width: 48em) {
  .box-similar-price {
    display: block;
  }
}
.box-similar-price .content {
  padding: 15px;
}
.box-similar-price .content .tab-panel .tabs {
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  height: 35px;
  padding: 0;
}
.box-similar-price .content .tab-panel .tabs li {
  float: left;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  color: #858585;
  border-right: 1px solid #eaeaea;
  cursor: default;
}
.box-similar-price .content .tab-panel .tabs li:first-child {
  border-radius: 3px 0 0 0;
}
.box-similar-price .content .tab-panel .tabs li .title, .box-similar-price .content .tab-panel .tabs li a, .box-similar-price .content .tab-panel .tabs li i {
  float: left;
}
.box-similar-price .content .tab-panel .tabs li .title b {
  font-weight: 600;
}
.box-similar-price .content .tab-panel .tabs li .title b:after {
  content: "+";
  text-align: center;
  padding: 0 5px;
  font-weight: 100;
}
.box-similar-price .content .tab-panel .tabs li .title b:last-child:after {
  content: "";
  padding: 0;
}
.box-similar-price .content .tab-panel .tabs li a {
  display: block;
  padding: 0 2px;
  color: #007acf;
}
.box-similar-price .content .tab-panel .tabs li.active {
  color: #474747;
  top: 0;
  _top: 1px;
  z-index: 99;
  display: block;
  background-color: #fff;
}
.box-similar-price .content .tab-panel .tabs li.active a:hover {
  background-color: #fff;
}
.box-similar-price .content .tab-panel .tabs li .fa {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 7px;
  cursor: pointer;
  text-align: center;
}
.box-similar-price .content .tab-panel .tab-container {
  clear: left;
  width: 100%;
  background-color: #fff;
}
.box-similar-price .content .tab-panel .tab-container .tab-content {
  padding: 15px 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.box-similar-price .content .tab-panel .tab-container .tab-content.charts {
  padding: 15px 30px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table {
  width: 100%;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table tr:last-child td {
  border: none;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table th, .box-similar-price .content .tab-panel .tab-container .tab-content table td {
  text-align: center;
  height: 35px;
  line-height: 35px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table td {
  border-bottom: 1px dashed #eaeaea;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th02,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td02 {
  text-align: left;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td03,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td04,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td05 {
  text-align: right;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th01,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td01 {
  width: 65px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th03,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td03 {
  width: 65px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th04,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td04 {
  width: 80px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th05,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td05 {
  width: 55px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th06,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td06 {
  width: 90px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th07,
.box-similar-price .content .tab-panel .tab-container .tab-content table .td07 {
  width: 45px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .th08 {
  width: 52px;
  padding-right: 17px;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td01 {
  font-size: 12px;
  font-size: 1.2rem;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td08 {
  width: 35px;
  font-size: 12px;
  font-size: 1.2rem;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td02 .inner {
  height: 35px;
  overflow: hidden;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td04 .inner {
  font-weight: 600;
}
.box-similar-price .content .tab-panel .tab-container .tab-content table .td05 .inner {
  font-weight: 600;
  color: #ff8a00;
}
.box-similar-price .content .tab-panel .tab-container .tab-content .tab-title {
  background-color: #eaeaea;
}
.box-similar-price .content .tab-panel .tab-container .tab-content .tab-list {
  border: 1px solid #eaeaea;
  border-top: none;
  max-height: 185px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.box-similar-price .content .tab-panel .tab-container .tab-content .tab-list table {
  border-top: none;
}
.box-similar-price .content .remark {
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
}

/* 地圖 */
.box-map .content {
  padding: 15px 0;
}
.box-map .content .list-around {
  padding-bottom: 10px;
}
.box-map .content .list-around li {
  margin-bottom: 20px;
}
.box-map .content .list-around .item-title {
  display: block;
  color: #adadad;
}
@media (min-width: 30em) {
  .box-map .content .list-around .item-title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.box-map .content .list-around .item-inner b {
  padding-right: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}
.box-map .content .list-around .item-inner b:not(:last-of-type):after {
  content: ",";
  color: #c1c1c1;
}
@media (min-width: 30em) {
  .box-map .content .list-around .item-inner b {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.box-map .content .list-around .item-inner b a {
  text-decoration: none;
}
.box-map .content #localmap {
  height: 50vh;
}
.box-map .content .map {
  background-color: #eaeaea;
  height: 300px;
}
.box-map .content .subject {
  margin: 5px 0 0 -5px;
}
.box-map .content .subject li {
  display: inline-block;
  width: 33.3333%;
  padding: 0 0 5px 5px;
  text-align: center;
}
@media (min-width: 30em) {
  .box-map .content .subject li {
    width: 20%;
  }
}
@media (min-width: 40em) {
  .box-map .content .subject li {
    width: 20%;
  }
}
@media (min-width: 60em) {
  .box-map .content .subject li {
    width: 11.1111%;
  }
}
@media (min-width: 62em) {
  .box-map .content .subject li {
    width: 11.1111%;
  }
}
@media (min-width: 80em) {
  .box-map .content .subject li {
    width: 11.1111%;
  }
}
.box-map .content .subject li:last-child {
  margin: 0;
}
.box-map .content .subject li button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.box-map .content .ads {
  display: none;
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
}
@media (min-width: 48em) {
  .box-map .content .ads {
    display: block;
  }
}
.box-map .content .ads .ad {
  display: inline-block;
  text-align: center;
  margin: 5px 5px 0;
}
.box-map .content .ads .ad:first-child {
  margin-left: 0;
  margin-right: 0;
}

/* obj-slide */
.box-obj-slide .content {
  padding: 15px 40px;
}
.box-obj-slide .content button {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 10;
  border-radius: 50%;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  transition: 0.3s ease-out;
}
.box-obj-slide .content:hover button {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.box-obj-slide .content .fa-angle-left {
  left: 7.5px;
}
.box-obj-slide .content .fa-angle-right {
  right: 7.5px;
}
.box-obj-slide .content .slick-slide {
  text-align: center;
  margin: 0 5px;
}
.box-obj-slide .content .slick-slide a {
  display: block;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #d6d6d6;
  padding: 5px;
}
.box-obj-slide .content .slick-slide a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.box-obj-slide .content .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}
.box-obj-slide .content .info {
  text-align: left;
  padding: 5px 5px 0;
}
.box-obj-slide .content .info li {
  display: inline-block;
  padding-right: 5px;
}
.box-obj-slide .content .info li:first-child {
  display: block;
}
.box-obj-slide .content .info li:first-child .price-ori {
  text-decoration: line-through;
  margin-right: 5px;
}
.box-obj-slide .content .info li:first-child .price-now {
  font-weight: 600;
}
.box-obj-slide .content .info li:last-child {
  display: block;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

/* 瀏覽紀錄 推薦物件 */
.box-record .content .slick-slide a,
.box-recommend .content .slick-slide a {
  height: 120px;
}
.box-record .content .info li,
.box-recommend .content .info li {
  color: #474747;
}
.box-record .content .info li:first-child .price-now,
.box-recommend .content .info li:first-child .price-now {
  color: #f7316e;
}

/* 聯絡資訊 */
@media (min-width: 62em) {
  .box-contact {
    display: block;
  }
}
.box-contact .content {
  padding: 15px;
}
.box-contact .content > *,
.box-contact .content img,
.box-contact .content ul {
  float: left;
}
.box-contact .content img {
  width: 74px;
  height: 74px;
}
.box-contact .content .agency {
  margin: 0 30px 15px 0;
}
.box-contact .content .agency ul {
  margin-left: 15px;
}
.box-contact .content .number {
  margin-bottom: 15px;
  padding: 10px 10px 0;
  background-color: #f7f8f9;
  border-radius: 3px;
}
.box-contact .content .number ul {
  margin: 0 15px 10px 0;
}
.box-contact .content .number ul:last-of-type {
  margin-right: 0;
}
.box-contact .content .title {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px;
  color: #858585;
  line-height: 1;
}
.box-contact .content .name {
  line-height: 36px;
}
.box-contact .content .verify {
  line-height: 1;
}
.box-contact .content .verify .fa {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-right: 2px;
  color: #85623b;
}
.box-contact .content .item-title {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
}
.box-contact .content .item-inner {
  color: #474747;
  margin-top: 5px;
  text-align: center;
  border-radius: 3px;
}
.box-contact .content .item-inner [class*=fa-],
.box-contact .content .item-inner b {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 25em) {
  .box-contact .content .item-inner [class*=fa-],
.box-contact .content .item-inner b {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.box-contact .content .item-inner [class*=fa-] {
  padding: 0 5px;
  color: #59b400;
}
.box-contact .content .item-inner b {
  margin: 0 3px;
}

.box-recommend {
  border: none;
}
.box-recommend .fa {
  display: none;
}

.box-messenger {
  padding: 0;
  margin: 0;
  border: none;
  position: fixed;
  bottom: 70px;
  background-color: #474747;
  transition: 0.3s ease-out;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 62em) {
  .box-messenger {
    bottom: 0;
  }
}
.box-messenger.close {
  box-shadow: none;
}
.box-messenger.close .fa {
  color: #adadad;
}
@media (min-width: 62em) {
  .box-messenger.close .fa {
    color: #474747;
  }
}
.box-messenger.close h3:hover .fa-times {
  color: #adadad;
}
.box-messenger.close .fa-minus {
  display: none;
}
.box-messenger h3 {
  cursor: pointer;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  margin-top: 0;
  height: 32px;
  line-height: 32px;
  padding-left: 12px;
  font-weight: normal;
}
.box-messenger h3:before {
  display: none;
}
.box-messenger h3 .fa {
  float: right;
  margin: 7px 9px 0 0;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.8rem;
}
.box-messenger h3 .fa:hover {
  transition: 0.3s ease-out;
  color: #ff8a00;
}
.box-messenger .content {
  background-color: #fff;
}
.box-messenger .content.none {
  border: none;
  overflow: hidden;
  height: 0;
  padding: 0;
}

/* 互動訊息 */
.box-messenger {
  display: none;
  width: calc(100% - 40px);
  left: 20px;
  z-index: 350;
}
@media (min-width: 30em) {
  .box-messenger {
    width: 280px;
    left: 50%;
    margin-left: -150px;
  }
}
@media (min-width: 40em) {
  .box-messenger {
    left: auto;
    right: 80px;
    margin-left: 0;
  }
}
@media (min-width: 62em) {
  .box-messenger {
    left: 50%;
    right: auto;
    margin-left: -60px;
  }
}
@media (min-width: 70em) {
  .box-messenger {
    margin-left: -20px;
  }
}
@media (min-width: 80em) {
  .box-messenger {
    margin-left: 20px;
  }
}
@media (max-width: 479.8px) {
  .box-messenger.close {
    top: auto;
    width: 280px;
    left: 50%;
    margin-left: -150px;
  }
}
.box-messenger.close .content {
  height: 0;
  padding: 0;
}
.box-messenger h3 b {
  float: left;
  width: 8px;
  height: 8px;
  background: #fff;
  margin: 12px 10px 0 0;
  border-radius: 50%;
}
.box-messenger h3 b.online {
  background-color: #9bd266;
}
.box-messenger h3 b.offline {
  background-color: #adadad;
}
.box-messenger h3 em {
  float: left;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 3px;
}
.box-messenger .content {
  position: relative;
  overflow: auto;
  word-break: break-all;
}
.box-messenger .content iframe {
  display: block;
  height: 360px;
  width: 100%;
  padding: 0;
}

/* side public */
.side-bar.col-md-3 {
  position: static;
}

.box-side h3 {
  font-weight: 600;
  text-align: center;
  padding: 5px 0;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 10px;
}

.box-stick {
  margin: 0 -15px;
  border-top: 1px solid #eaeaea;
  padding: 0 15px;
}
@media (min-width: 48em) {
  .box-stick {
    border-width: 2px;
    margin: 0px 0 0;
    padding: 0;
  }
}
@media (min-width: 62em) {
  .box-stick {
    border: 0;
  }
}
.box-stick.stick {
  position: fixed;
  top: 0;
}
.box-stick > h3 {
  font-weight: 600;
  position: relative;
  line-height: 50px;
  padding-left: 15px;
  margin: 15px -15px;
}
.box-stick > h3:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 24px;
  margin: 13px 0;
  left: 0;
  background-color: #ff8a00;
}
@media (min-width: 48em) {
  .box-stick > h3 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  .box-stick > h3 {
    display: none;
  }
}

.lf-ghost {
  height: 0 !important;
}

/* 相似物件資訊 */
.box-similar-info {
  display: none;
  margin: 0 0 10px;
}
.box-similar-info .fa {
  position: absolute;
  font-size: 14px;
  font-size: 1.4rem;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.box-similar-info .content {
  margin-top: 10px;
  padding: 0 5px;
}
.box-similar-info .content li {
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 70em) {
  .box-similar-info .content li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.box-similar-info .inner, .box-similar-info a {
  padding: 0 2px;
}

.box-owner {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  z-index: 400;
  background-color: #ff8a00;
}
@media (min-width: 62em) {
  .box-owner {
    position: relative;
    height: auto;
    background-color: transparent;
    z-index: auto;
  }
}

/* 優質房仲專家 */
.box-agency {
  float: left;
}
@media (min-width: 62em) {
  .box-agency {
    float: none;
  }
}
.box-agency h3 {
  display: none;
}
@media (min-width: 62em) {
  .box-agency h3 {
    display: block;
  }
}
.box-agency h3 .fa {
  position: absolute;
  font-size: 14px;
  font-size: 1.4rem;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #474747;
  right: 0;
}
.box-agency .info {
  padding: 10px;
  color: #fff;
  font-weight: 600;
}
@media (min-width: 62em) {
  .box-agency .info {
    position: relative;
    padding: 0;
    color: #474747;
    font-weight: 100;
  }
}
.box-agency .info li {
  font-size: 13px;
  font-size: 1.3rem;
}
.box-agency .info .obj-master {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.box-agency .info .obj-master ul .title {
  color: #fff7e6;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master ul .title {
    color: #858585;
  }
}
.box-agency .info .obj-master ul .name .online {
  display: none;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master ul .name .online {
    display: inline-block;
  }
}
.box-agency .info .obj-master ul .charge {
  display: none;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master ul .charge {
    display: block;
    top: 24px;
    left: 0;
    color: #b6a189;
  }
}
.box-agency .info .obj-master ul .verify {
  display: none;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master ul .verify {
    display: flex;
    gap: 5px;
  }
}
.box-agency .info .obj-master ul .verify .icon-verify {
  font-size: 15px;
  font-size: 1.5rem;
  color: #85623b;
}
.box-agency .info .obj-master ul .verify .icon-status {
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 0;
  border: 1px solid transparent;
  margin-right: 3px;
  border-radius: 3px;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master ul .verify .icon-status {
    display: block;
    float: left;
  }
}
.box-agency .info .obj-master ul .verify .icon-status.online {
  color: #59b400;
  border-color: #59b400;
}
.box-agency .info .obj-master ul .verify .icon-status.online:before {
  background-color: #59b400;
}
.box-agency .info .obj-master ul .verify .icon-status.offline {
  color: #adadad;
  border-color: #adadad;
}
.box-agency .info .obj-master ul .verify .icon-status.offline:before {
  background-color: #adadad;
}
.box-agency .info .obj-master ul .verify .icon-status:before {
  margin-right: 4px;
  padding: 3px;
  color: #fff;
}
.box-agency .info .obj-master img {
  width: 50px;
  height: 50px;
}
@media (min-width: 62em) {
  .box-agency .info .obj-master img {
    display: block;
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 70em) {
  .box-agency .info .obj-master img {
    width: 80px;
    height: 80px;
  }
}
.box-agency .info .obj-master-name {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.box-agency .info .obj-master.a-full {
  width: 100%;
}
.box-agency .info .corp {
  position: absolute;
  left: 70px;
  top: 43px;
  white-space: nowrap;
  max-width: calc(100% - 170px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 62em) {
  .box-agency .info .corp {
    position: relative;
    left: 0;
    top: 0;
    max-width: 100%;
    overflow: auto;
    text-overflow: inherit;
    white-space: normal;
  }
}
.box-agency .info .branch {
  display: none;
}
@media (min-width: 62em) {
  .box-agency .info .branch {
    display: block;
    color: #999;
  }
}
.box-agency .info .check {
  color: #999;
  display: none;
  z-index: -1;
}
@media (min-width: 62em) {
  .box-agency .info .check {
    display: block;
    z-index: 0;
  }
}
.box-agency .obj-handle {
  display: none;
}
@media (min-width: 62em) {
  .box-agency .obj-handle {
    display: block;
  }
}
.box-agency .obj-handle li {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1rem;
  border-right-width: 1px;
  border-style: solid;
  border-color: #d6d6d6;
  padding-right: 5px;
  margin-right: 5px;
}
.box-agency .obj-handle li:last-child {
  border-right-width: 0;
  padding-right: 0;
  margin-right: 0;
}
.box-agency .obj-handle li a, .box-agency .obj-handle li span {
  padding: 0 2px;
}

/* 物件聯絡資訊 */
.box-obj-contact {
  margin-top: 10px;
  float: right;
}
@media (min-width: 62em) {
  .box-obj-contact {
    display: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.box-obj-contact > ul > li {
  float: right;
}
@media (max-width: 991.8px) {
  .box-obj-contact > ul > li {
    margin-right: 10px;
  }
}
@media (min-width: 62em) {
  .box-obj-contact > ul > li {
    float: none;
    margin-left: -5px;
  }
}
.box-obj-contact > ul > li:first-of-type .btn-obj-contact {
  margin-top: 0;
}
.box-obj-contact .btn-interested .btn-obj-contact .mask {
  display: inline-block;
  right: 8px;
  top: 8px;
  padding: 0 10px;
  position: absolute;
  color: #fff;
  background-color: #00b4c9;
  border-radius: 3px;
  border-bottom: 5px solid #0594a5;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-interested .btn-obj-contact .mask {
    display: block;
    position: relative;
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    top: auto;
    right: auto;
    border-radius: 0;
  }
}
.box-obj-contact .btn-interested .btn-obj-contact .mask .title {
  font-size: 1.8rem;
  line-height: 50px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-interested .btn-obj-contact .mask .title {
    font-size: 2.4rem;
    line-height: 58px;
  }
}
.box-obj-contact .btn-interested .btn-obj-contact .mask:active {
  border-bottom: 0px solid #0594a5;
  top: 9px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-interested .btn-obj-contact .mask:active {
    top: auto;
    border-bottom: none;
  }
}
.box-obj-contact .btn-interested .btn-obj-contact .mask:active .title {
  line-height: 56px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-interested .btn-obj-contact .mask:active .title {
    line-height: 58px;
  }
}
.box-obj-contact .insert-note {
  display: none;
  padding-left: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 62em) {
  .box-obj-contact .insert-note {
    display: block;
  }
}
.box-obj-contact .insert-note span {
  display: block;
  padding: 5px 10px;
}
.box-obj-contact .btn-obj-contact {
  float: left;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-obj-contact {
    margin-top: 5px;
    padding-left: 5px;
    height: auto;
  }
}
.box-obj-contact .btn-obj-contact > a {
  display: none;
  text-align: center;
  cursor: pointer;
}
.box-obj-contact .btn-obj-contact > a:hover {
  text-decoration: none;
}
@media (max-width: 991.8px) {
  .box-obj-contact .btn-obj-contact > a {
    color: #fff;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-obj-contact > a {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #3d9fe4;
    color: #3d9fe4;
    overflow: visible;
    text-indent: 0;
    transition: 0.3s ease-out;
  }
  .box-obj-contact .btn-obj-contact > a:hover {
    background-color: #3d9fe4;
    color: #fff;
  }
}
.box-obj-contact .btn-obj-contact > a [class*=fa-] {
  font-size: 28px;
  margin: 5px 0;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-obj-contact > a [class*=fa-] {
    display: inline;
    font-size: 15px;
    margin: 0 2px;
  }
}
.box-obj-contact .btn-obj-contact > a em {
  display: block;
  font-style: normal;
  font-size: 13px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-obj-contact > a em {
    display: inline;
    text-indent: 0;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-1-1 {
    width: 100%;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-1-2 {
    width: 50%;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-1-3 {
    width: 33.3333%;
  }
}
@media (min-width: 30em) {
  .box-obj-contact .btn-show-pad a {
    display: block;
  }
}
.box-obj-contact .btn-show-phone a {
  display: block;
}
.box-obj-contact .btn-large a {
  color: #fff;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-large a {
    font-size: 13px;
    font-size: 1.3rem;
    height: 68px;
    line-height: 24px;
  }
  .box-obj-contact .btn-large a:hover {
    color: #fff;
  }
}
@media (min-width: 80em) {
  .box-obj-contact .btn-large a {
    font-size: 15px;
    font-size: 1.5rem;
    height: 84px;
    line-height: 32px;
  }
}
.box-obj-contact .btn-large a i,
.box-obj-contact .btn-large a em {
  display: block;
}
.box-obj-contact .btn-large a i {
  font-size: 28px;
  margin: 10px 0 2px;
}
@media (min-width: 80em) {
  .box-obj-contact .btn-large a i {
    font-size: 32px;
    margin-top: 15px;
  }
}
.box-obj-contact .btn-large a em {
  text-indent: -9999px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-large a em {
    text-indent: 0;
  }
}
.box-obj-contact .btn-phone.btn-vrhouse.active .item-title {
  font-weight: bold;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone.btn-vrhouse.active > a .mask .number .item-inner {
    background-color: #ffce7a;
    font-weight: bold;
    cursor: pointer;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone > a {
    height: auto;
    line-height: inherit;
    position: relative;
    border-color: #2493e0;
    border-bottom-color: #0c87dd;
    text-align: left;
    padding: 5px 0;
  }
  .box-obj-contact .btn-phone > a:hover {
    background-color: #54abe7;
    border-color: #54abe7;
    border-bottom-color: #3d9fe4;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .box-obj-contact .btn-phone > a:hover .fa-phone {
    color: #54abe7;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone > a em {
    display: none;
  }
}
.box-obj-contact .btn-phone > a .fa-phone, .box-obj-contact .btn-phone > a .fa-star {
  color: #fff;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone > a .fa-phone, .box-obj-contact .btn-phone > a .fa-star {
    display: inline-block;
    font-size: 30px;
    font-size: 3rem;
    right: 15px;
    position: absolute;
    width: 44px;
    height: 44px;
    text-align: center;
    background-color: #f7f7f7;
    color: #2493e0;
    margin: 5px 0;
    padding-top: 7px;
    border-radius: 50%;
  }
}
.box-obj-contact .btn-phone > a .mask {
  display: none;
  overflow: hidden;
  height: 54px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone > a .mask {
    display: block;
  }
}
.box-obj-contact .btn-phone > a .mask .remark {
  display: none;
}
.box-obj-contact .btn-phone > a .mask .remark .fa {
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.box-obj-contact .btn-phone > a .mask .note {
  display: none;
}
.box-obj-contact .btn-phone > a .mask .note a {
  display: inline-block;
}
.box-obj-contact .btn-phone > a .mask .title {
  line-height: 58px;
}
.box-obj-contact .btn-phone > a .mask .number .item-title {
  display: none;
  color: #474747;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone > a .mask .number .item-inner {
    line-height: 1;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.box-obj-contact .btn-phone > a .mask .number .item-inner b {
  line-height: 30px;
}
.box-obj-contact .btn-phone > a .mask .number .item-inner .tel,
.box-obj-contact .btn-phone > a .mask .number .item-inner .phone {
  font-size: 27px;
  margin: 0 3px;
}
.box-obj-contact .btn-phone > a .mask .number .item-inner .protect-tel {
  font-size: 27px;
  margin: 0 3px;
}
.box-obj-contact .btn-phone > a .mask .number .item-inner .protect-phone {
  font-size: 18px;
  margin: 0 3px;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone.active {
    margin-top: 10px;
  }
}
.box-obj-contact .btn-phone.active > a {
  cursor: pointer;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone.active > a {
    height: auto;
    background-color: #f7f7f7;
    border: none;
    color: #fff;
    cursor: default;
    padding: 10px;
  }
  .box-obj-contact .btn-phone.active > a .fa-phone {
    display: none;
  }
}
.box-obj-contact .btn-phone.active > a .mask {
  height: auto;
}
.box-obj-contact .btn-phone.active > a .mask .remark {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  border-bottom: 1px dotted #d6d6d6;
  color: #333;
  padding-top: 0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.box-obj-contact .btn-phone.active > a .mask .title {
  display: none;
}
.box-obj-contact .btn-phone.active > a .mask .number {
  padding-bottom: 5px;
}
.box-obj-contact .btn-phone.active > a .mask .number:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-phone.active > a .mask .number .item-title {
    display: block;
  }
  .box-obj-contact .btn-phone.active > a .mask .number .item-inner {
    width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    padding: 5px;
    margin-top: 5px;
    color: #474747;
    background-color: #a2d8ff;
    text-align: center;
    border-radius: 3px;
  }
}
.box-obj-contact .btn-phone.active > a .mask .number .tel,
.box-obj-contact .btn-phone.active > a .mask .number .phone,
.box-obj-contact .btn-phone.active > a .mask .number .protect-tel,
.box-obj-contact .btn-phone.active > a .mask .number .protect-phone {
  font-size: 21px;
  font-size: 2.1rem;
  margin: 0 3px;
}
.box-obj-contact .btn-phone.active > a .mask .note {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  border: 1px solid #eaeaea;
  color: #333;
  padding: 10px;
  background-color: #f7f8f9;
  margin-bottom: 10px;
  border-radius: 3px;
}
.box-obj-contact .btn-phone.active > a .mask .remark-bottom {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #5c5c5c;
  margin-top: 10px;
  text-align: center;
}
.box-obj-contact .btn-message a {
  color: #fff;
}
@media (min-width: 25em) {
  .box-obj-contact .btn-message a {
    display: block;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-message a {
    border-color: #59b400;
    background-color: #59b400;
  }
  .box-obj-contact .btn-message a:hover {
    border-color: #7ac333;
    background-color: #7ac333;
  }
}
.box-obj-contact .btn-reserve a {
  color: #fff;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-reserve a {
    border-color: #f95a8b;
    color: #f95a8b;
  }
  .box-obj-contact .btn-reserve a:hover {
    background-color: #f95a8b;
  }
}
.box-obj-contact .btn-bid {
  font-weight: 600;
}
.box-obj-contact .btn-bid a {
  display: none;
  color: #fff;
}
@media (min-width: 30em) {
  .box-obj-contact .btn-bid a {
    display: block;
  }
}
@media (min-width: 62em) {
  .box-obj-contact .btn-bid a {
    border-color: #ffba52;
    color: #ffba52;
  }
  .box-obj-contact .btn-bid a:hover {
    background-color: #ffba52;
  }
}
.box-obj-contact .btn-price a {
  color: #fff;
}
@media (min-width: 62em) {
  .box-obj-contact .btn-price a {
    border-color: #33c3d4;
    color: #33c3d4;
  }
  .box-obj-contact .btn-price a:hover {
    background-color: #33c3d4;
  }
}
.box-obj-contact .box-coupon {
  display: none;
}
@media (min-width: 62em) {
  .box-obj-contact .box-coupon {
    display: block;
  }
}
.box-obj-contact .box-coupon:after, .box-obj-contact .box-coupon:before {
  clear: both;
}
.box-obj-contact .box-coupon p {
  margin: 10px 0;
}
.box-obj-contact .box-coupon .btn-obj-contact .b {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  font-weight: 900;
  transition: ease-out 0.3s;
}
@media (min-width: 70em) {
  .box-obj-contact .box-coupon .btn-obj-contact .b {
    font-size: 1.5rem;
  }
}
@media (max-width: 1119.8px) {
  .box-obj-contact .box-coupon .btn-obj-contact .b i {
    display: none;
  }
}
.box-obj-contact .box-coupon .btn-obj-contact .b:active {
  border-color: transparent;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus1 {
  background-color: #ffa36b;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus1:hover {
  background-color: #ff873f;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus1:active {
  background-color: #ffb182;
  border-color: #ff9251 !important;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus2 {
  background-color: #25ca96;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus2:hover {
  background-color: #04d493;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus3 {
  background-color: #4c95f3;
}
.box-obj-contact .box-coupon .btn-obj-contact .btn-plus3:hover {
  background-color: #2b87fb;
}

.npp-reserv {
  display: none;
}
@media (min-width: 62em) {
  .npp-reserv {
    display: block;
  }
}

.box-contact-form {
  margin-top: 10px;
}
@media (min-width: 62em) {
  .box-contact-form {
    margin-top: 0px;
  }
}
.box-contact-form h3 {
  text-align: center;
  padding-top: 8px;
  font-size: 1.8rem;
  background: rgba(240, 240, 240, 0.5);
}
.box-contact-form .contact-main {
  background-color: rgba(240, 240, 240, 0.5);
  padding: 10px 10px;
}
@media (min-width: 48em) {
  .box-contact-form .contact-main {
    padding: 5px 10px 10px;
  }
}
.box-contact-form .contact-main .btn-group {
  display: block;
}
.box-contact-form .contact-main .btn-group label {
  width: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  color: #5c5c5c;
  font-weight: bold;
  border-width: 0 0 2px;
  border-color: #d6d6d6;
  padding-top: 9px;
  padding-bottom: 7px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.box-contact-form .contact-main .btn-group label, .box-contact-form .contact-main .btn-group label:hover, .box-contact-form .contact-main .btn-group label.active {
  background-color: transparent;
}
.box-contact-form .contact-main .btn-group label.active {
  color: #fff;
  border-color: #ff8a00;
  background-color: #ffba52;
}
.box-contact-form .contact-main .form-group {
  position: relative;
  margin-bottom: 5px;
}
.box-contact-form .contact-main .form-group.has-error {
  border: 2px solid #F73131;
}
.box-contact-form .contact-main .form-group.has-error + .has-error {
  border-top: 0;
}
.box-contact-form .contact-main .form-group.is--required::after {
  content: "*";
  position: absolute;
  top: 5px;
  left: 5px;
  color: #f73131;
  line-height: 1;
  z-index: 1;
}
.box-contact-form .contact-main .form-group .fr {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -8px;
  color: #5c5c5c;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 62em) {
  .box-contact-form .contact-main .form-group .fr {
    display: none;
  }
}
@media (min-width: 70em) {
  .box-contact-form .contact-main .form-group .fr {
    display: block;
  }
}
.box-contact-form .contact-main .form-group .form-control {
  padding: 10px 15px;
  border-radius: 3;
  transition: all 0.3s;
}
.box-contact-form .contact-main .form-group .form-control:focus, .box-contact-form .contact-main .form-group .form-control:hover {
  border-color: #0c87dd;
  box-sizing: 0 0 0 2px rgba(12, 135, 221, 0.15);
}
.box-contact-form .contact-main .form-group .form-control:focus {
  box-shadow: 0 0 0 2px rgba(12, 135, 221, 0.15);
}
.box-contact-form .contact-main .form-group .form-control[type=text], .box-contact-form .contact-main .form-group .form-control[type=tel], .box-contact-form .contact-main .form-group .form-control[type=email] {
  height: 40px;
  padding-left: 40px;
}
@media (min-width: 62em) {
  .box-contact-form .contact-main .form-group .form-control[type=text], .box-contact-form .contact-main .form-group .form-control[type=tel], .box-contact-form .contact-main .form-group .form-control[type=email] {
    padding-left: 15px;
  }
}
@media (min-width: 70em) {
  .box-contact-form .contact-main .form-group .form-control[type=text], .box-contact-form .contact-main .form-group .form-control[type=tel], .box-contact-form .contact-main .form-group .form-control[type=email] {
    padding-left: 40px;
  }
}
.box-contact-form .contact-main .form-group .error-block {
  position: absolute;
  top: 8px;
  right: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #F73131;
}
.box-contact-form .contact-main .form-group.form-name input {
  padding-right: 120px;
}
.box-contact-form .contact-main .form-group.form-name .error-block {
  right: 125px;
}
.box-contact-form .contact-main .form-group .form-inline {
  position: absolute;
  right: 15px;
  top: 4px;
}
.box-contact-form .contact-main .form-group .form-inline .radio-inline {
  padding-top: 4px;
  padding-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7;
  margin-right: 5px;
}
.box-contact-form .contact-main .form-group .form-inline .radio-inline:last-of-type {
  margin-right: 0;
}
.box-contact-form .contact-main .form-group .form-inline .radio-inline input {
  margin-left: -16px;
}
.box-contact-form .contact-main .form-group.form-message {
  margin-top: 5px;
  border-top: 1px solid #eaeaea;
}
.box-contact-form .contact-main .form-group.form-message textarea {
  resize: none;
  font-size: 13px;
  font-size: 1.3rem;
}
.box-contact-form .contact-main .help-block {
  margin: 0;
  padding: 5px 5px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
.box-contact-form .contact-main .btn-block {
  height: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  border-radius: 0;
}
.box-contact-form .has-error .form-control {
  border-color: #F73131;
}
.box-contact-form .contact-sub {
  display: none;
  margin-top: 10px;
}
@media (min-width: 62em) {
  .box-contact-form .contact-sub {
    display: block;
    margin-top: 5px;
  }
}
@media (min-width: 70em) {
  .box-contact-form .contact-sub {
    margin-top: 10px;
  }
}
.box-contact-form .contact-sub p {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 10px;
  line-height: 1;
}
.box-contact-form .contact-sub p:first-of-type {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-contact-form .contact-sub p:last-of-type {
  margin-top: 5px;
}
.box-contact-form .contact-sub p:last-of-type > .fr {
  display: none;
}
@media (min-width: 62em) {
  .box-contact-form .contact-sub p:last-of-type > .fr {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 28px;
    font-size: 2.8rem;
    color: #0c87dd;
  }
}
.box-contact-form .contact-sub p:last-of-type a {
  display: block;
  font-weight: bold;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-contact-form .contact-sub p:last-of-type a:hover {
  text-decoration: none;
}
@media (min-width: 62em) {
  .box-contact-form .contact-sub p:last-of-type a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 70em) {
  .box-contact-form .contact-sub p:last-of-type a {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.box-contact-form .contact-sub p:last-of-type span {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #F73131;
  padding-top: 5px;
}
.box-contact-form .contact-sub p:last-of-type span .fa {
  margin-right: 3px;
}
.box-contact-form .contact-sub .btn {
  display: none;
  float: left;
  margin-top: 5px;
  height: 40px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background-color: #9bd266;
  border-color: #9bd266 #7ac333 #7ac333 #9bd266;
}
.box-contact-form .contact-sub .btn:hover {
  background-color: #69bb19;
}
@media (min-width: 62em) {
  .box-contact-form .contact-sub .btn {
    display: block;
    margin-top: 10px;
  }
}

/* 物件計數 */
.box-count {
  padding: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  display: none;
  color: #707070;
  background-color: #f7f8f9;
}
@media (min-width: 62em) {
  .box-count {
    display: block;
  }
}
.box-count li {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
}
.box-count li:first-child {
  margin-right: 15px;
}
.box-count li .inner {
  margin: 0 2px;
}

/* 黃金發燒區 */
.box-hot {
  display: none;
}
@media (min-width: 62em) {
  .box-hot {
    display: block;
  }
}
.box-hot .content button {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -39px;
  font-size: 24px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 10;
  border-radius: 50%;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  transition: 0.3s ease-out;
}
.box-hot .content:hover button {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.box-hot .content .fa-angle-left {
  left: 5px;
}
.box-hot .content .fa-angle-right {
  right: 5px;
}
.box-hot .content .slick-slide {
  text-align: center;
}
.box-hot .content .slick-slide a {
  display: block;
  width: 160px;
  height: 120px;
  margin: 0 auto;
}
.box-hot .content .slick-slide a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.box-hot .content .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
}
.box-hot .content .info {
  padding: 10px 0;
}
.box-hot .content .info li {
  display: inline-block;
  color: #474747;
  padding: 0 2px;
}
@media (min-width: 60em) {
  .box-hot .content .info li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (min-width: 80em) {
  .box-hot .content .info li {
    padding: 0 5px;
  }
}
.box-hot .content .info li:first-child {
  color: #f7316e;
  font-weight: 600;
}
.box-hot .content .info li:last-child {
  padding: 0;
  width: 100%;
}

.ads-side {
  display: none;
  text-align: center;
}
@media (min-width: 62em) {
  .ads-side {
    display: block;
  }
}

/*提示訊息*/
.box-message {
  border: 1px solid #fdd6e2;
  background-color: #feeaf0;
  border-radius: 3px;
}
.box-message .fa {
  display: block;
  padding: 30px 0;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
}
.box-message .fa span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.npp-obj .box-obj-contact {
  margin-top: 5px;
}
@media (min-width: 62em) {
  .npp-obj .box-obj-contact {
    float: none;
    display: block;
  }
}
.npp-obj .box-obj-contact .btn-reserve.btn-show-phone {
  display: block;
}
@media (min-width: 62em) {
  .npp-obj .box-obj-contact .btn-reserve.btn-show-phone {
    display: none;
  }
}

#chevron {
  position: relative;
  text-align: center;
  padding: 12px;
  margin-bottom: 6px;
  height: 60px;
  width: 80px;
}
#chevron::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51%;
  background: red;
  -webkit-transform: skew(0deg, 6deg);
  -moz-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}
#chevron::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: red;
  -webkit-transform: skew(0deg, -6deg);
  -moz-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}

.block-warning {
  text-align: center;
  font-size: 700px;
  display: inline-block;
  border: 2px solid #f73131;
  padding: 5px 10px;
  width: 100%;
  font-size: 1.5rem;
  color: #f73131;
  border-radius: 3px;
}

.npp-obj .box-owner .box-obj-contact {
  position: relative;
}
.npp-obj .box-owner .box-obj-contact .block-warning {
  font-size: 1.3rem;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  width: 160px;
  padding: 0 0;
  position: absolute;
  bottom: -25px;
  right: 3px;
  z-index: 15;
}
@media (min-width: 30em) {
  .npp-obj .box-owner .box-obj-contact .block-warning {
    padding: 5px 5px;
    width: 200px;
    font-size: 1.5rem;
    bottom: -45px;
    right: 10px;
  }
}
@media (min-width: 62em) {
  .npp-obj .box-owner .box-obj-contact .block-warning {
    position: relative;
    width: 100%;
    right: 0;
    bottom: 0;
  }
}
.npp-obj .box-owner .b.disabled {
  cursor: not-allowed !important;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
  border: none;
  border-bottom: none;
}
.npp-obj .box-owner .btn-reserve.btn-show-phone {
  display: block;
}
@media (min-width: 62em) {
  .npp-obj .box-owner .btn-reserve.btn-show-phone {
    display: none;
  }
}
.npp-obj .main .is-sellout .block-warning {
  font-weight: 600;
  width: auto;
  position: absolute;
  right: 10px;
  top: 25px;
  font-size: 1.3rem;
}
@media (min-width: 30em) {
  .npp-obj .main .is-sellout .block-warning {
    right: 10px;
    top: 20px;
    font-size: 1.5rem;
  }
}

.btn-main-color {
  font-weight: 700;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0;
  white-space: nowrap;
  line-height: 40px;
  padding: 0 10px;
  width: 100%;
  border-radius: 3px;
  height: 44px;
  font-size: 16px;
  font-size: 1.6rem;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  background: linear-gradient(180deg, #ff5a00 0, #ff9f00);
}
.btn-main-color:hover {
  background: linear-gradient(180deg, #ff7326 0, #ffad26);
}

.breadcrumb {
  font-size: 0.9em;
  padding-bottom: 10px;
}
.breadcrumb__separator {
  margin: 0 5px;
}

.name h2 {
  font-size: 1em;
}

.main > h1 {
  font-size: 30px;
  font-weight: 900;
  margin-top: 10px;
}
.main > h1 .fr {
  vertical-align: text-top;
  font-size: 24px;
  margin: 12px 8px 0 0;
}

.address {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #858585;
}
.address a {
  color: #ff8a00;
  margin-right: 4px;
  display: flex;
  font-size: 1.8rem;
}

.box-info-all .w100p .info-group ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.box-info-all .w100p .info-group ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.box-info-all .w100p .info-group b {
  font-weight: bolder;
}