@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/Content/styles/zh-TW/fonts/fa-brands-400.eot");
  src: url("/Content/styles/zh-TW/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/Content/styles/zh-TW/fonts/fa-brands-400.woff2") format("woff2"), url("/Content/styles/zh-TW/fonts/fa-brands-400.woff") format("woff"), url("/Content/styles/zh-TW/fonts/fa-brands-400.ttf") format("truetype"), url("/Content/styles/zh-TW/fonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {
  font-family: 'Font Awesome 5 Brands';
  padding-right: 5px; }

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: 400;
    src: url("/Content/styles/zh-TW/Content/styles/zh-TW/fonts/fa-regular-400.eot");
    src: url("/Content/styles/zh-TW/Content/styles/zh-TW/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/Content/styles/zh-TW/fonts/fa-regular-400.woff2") format("woff2"), url("Content/styles/zh-TW/fonts/fa-regular-400.woff") format("woff"), url("/Content/styles/zh-TW/fonts/fa-regular-400.ttf") format("truetype"), url("/Content/styles/zh-TW/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: 'Font Awesome 5 Regular';
  font-weight: 400;
  padding-right: 5px; }

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("/Content/styles/zh-TW/fonts/fa-solid-900.eot");
  src: url("/Content/styles/zh-TW/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/Content/styles/zh-TW/fonts/fa-solid-900.woff2") format("woff2"), url("/Content/styles/zh-TW/fonts/fa-solid-900.woff") format("woff"), url("/Content/styles/zh-TW/fonts/fa-solid-900.ttf") format("truetype"), url("/Content/styles/zh-TW/fonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
  font-family: "Font Awesome 5 Solid";
  font-weight: 900;
  padding-right: 5px; }

.fal,
.far {
  font-family: "Font Awesome 5 Pro"; }

.fal {
  font-weight: 300; }

.fa,
.fab,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*------------------------------------*\
  #Generic
\*------------------------------------*/
.go_yes {
    position: absolute;
    display: block;
    top: -8px;
    left: 0px;
    width: 15px;
    height: 15px;
    background: #9a9a9a;
    border-radius: 50px;
    border: 1px solid #9a9a9a;
}

.go_no {
    position: absolute;
    display: block;
    top: -8px;
    left: 0px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #9a9a9a;
}


* {
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  position: relative;
  height: 100%;
  font-family: '微軟正黑體'; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="address"],
input[type="submit"],
input[type="button"],
textarea {
  border-radius: 0;
  border: 1px solid #524f4f;
  width: 100%;
  padding: 3px 10px;
  background-color: transparent;
  border-radius: inherit;
  -webkit-appearance: button; }

input[type="checkbox"] {
  vertical-align: middle;
  border-radius: inherit; }

input:focus {
  outline: none; }

button {
  border: 0;
  outline: none;
  /*kevin*/
  background-color:white;
}

select {
  border: 1px solid #524f4f;
  width: 100%;
  padding: 3px 0 3px 10px;
  background-color: transparent;
  border-radius: inherit; }

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  width: 100%; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./Content/styles/zh-TW/fonts/slick.eot");
  src: url("./Content/styles/zh-TW/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./Content/styles/zh-TW/fonts/slick.woff") format("woff"), url("./Content/styles/zh-TW/fonts/slick.ttf") format("truetype"), url("./Content/styles/zh-TW/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: white;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: white;
      opacity: 0.75; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: auto; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }

  .mfp-arrow-left {
    transform-origin: 0; }

  .mfp-arrow-right {
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/*------------------------------------------------------------------*\
#TouchSpin--copy from Bootstrap v3.3.7 (http://getbootstrap.com)
\*------------------------------------------------------------------*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder {
  color: #999; }

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

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none; }

.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 {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2; }

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

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group .form-control:focus {
  z-index: 3; }

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

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

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 12px;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -1px; }

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2; }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px; }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px; }

/*------------------------------------*\
#header
\*------------------------------------*/
.top_header {
  width: 100%; }

.top_bg {
  background: #cdbab6; }
  .top_bg .top_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 5px 0; }
    .top_bg .top_wrap .top_item {
      max-width: 110px;
      width: 100%;
      border-left: 1px solid #575657;
      border-right: 1px solid #575657; }
      .top_bg .top_wrap .top_item .top_select {
        border: 0; }
        .top_bg .top_wrap .top_item .top_select option {
          color: red;
          font-size: 12px; }
      .top_bg .top_wrap .top_item:first-child {
        border-right: 0; }

.hd_flex_main {
  background: #ffffff;
  padding: 30px;
  width: 100%;
  position: relative; }
  .hd_flex_main .hd_main {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative; }
    .hd_flex_main .hd_main .hd_logo {
      display: block; }
      .hd_flex_main .hd_main .hd_logo img {
        max-width: 215px;
        width: 100%; }
    .hd_flex_main .hd_main .hd_centerarea {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .hd_flex_main .hd_main .hd_centerarea .nav_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .hd_flex_main .hd_main .hd_centerarea .nav_list ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          .hd_flex_main .hd_main .hd_centerarea .nav_list ul li {
            padding-right: 20px;
            position: relative; }
            .hd_flex_main .hd_main .hd_centerarea .nav_list ul li a {
                color: #2f2f2f;
                font-size: 13px;
                transition: color 0.3s;
            }
                .hd_flex_main .hd_main .hd_centerarea .nav_list ul li a:hover {
                    color: #e48070;
                }
    .hd_flex_main .hd_main .nav_position a {
      width: 48px;
      height: 32px;
      position: relative; }
    .hd_flex_main .hd_main .nav_item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      position: relative; }
      .hd_flex_main .hd_main .nav_item .nav_btn {
        padding-left: 20px;
        position: relative; }
        .hd_flex_main .hd_main .nav_item .nav_btn a img {
          max-width: 45px;
          width: 100%; }
        .hd_flex_main .hd_main .nav_item .nav_btn a .nav_num {
          width: 17px;
          height: 17px;
          color: #ffffff;
          position: absolute;
          right: 0;
          bottom: 8px;
          left: 0;
          top: 0;
          margin: auto;
          font-size: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          border-radius: 99em; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip {
          width: 45px;
          position: absolute;
          padding: 5px 0;
          font-size: 13px;
          text-align: center;
          background: #cdbab6;
          color: #ffffff;
          top: -32px;
          left: 8px;
          right: 0;
          margin: auto;
          border-radius: 10px;
          display: none; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 4px 0 4px;
            border-color: #cdbab6 transparent transparent transparent;
            bottom: -6px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip1 {
          width: 70px;
          position: absolute;
          padding: 5px 0;
          font-size: 13px;
          text-align: center;
          background: #cdbab6;
          color: #ffffff;
          top: -32px;
          left: 0;
          right: 0;
          margin: auto;
          border-radius: 10px;
          display: none; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip1:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 4px 0 4px;
            border-color: #cdbab6 transparent transparent transparent;
            bottom: -6px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip2 {
          width: 55px;
          position: absolute;
          padding: 5px 0;
          font-size: 13px;
          text-align: center;
          background: #cdbab6;
          color: #ffffff;
          top: -32px;
          left: 8px;
          right: 0;
          margin: auto;
          border-radius: 10px;
          display: none; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip2:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 4px 0 4px;
            border-color: #cdbab6 transparent transparent transparent;
            bottom: -6px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip3 {
          width: 45px;
          position: absolute;
          padding: 5px 0;
          font-size: 13px;
          text-align: center;
          background: #cdbab6;
          color: #ffffff;
          top: -32px;
          left: 14px;
          right: 0;
          margin: auto;
          border-radius: 10px;
          display: none; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_tooltip3:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 4px 0 4px;
            border-color: #cdbab6 transparent transparent transparent;
            bottom: -6px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu {
          width: 210px;
          /*height: 382px;*/
          background: #cdbab6;
          position: absolute;
          z-index: 2;
          top: 45px;
          right: 0;
          padding: 2px;
          display: none; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu .nav_overflow .nav_item {
            background: #ffffff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -ms-flex-align: start;
                align-items: flex-start;
            padding: 15px 10px;
            margin-bottom: 2px;
            position: relative; }
            .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu .nav_overflow .nav_item .nav_center {
              width: 100%;
              padding: 5px; }
              .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu .nav_overflow .nav_item .nav_center .nav_title {
                color: #534f4e;
                font-size: 12px; }
                .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu .nav_overflow .nav_item .nav_center .nav_title .nav_title1 {
                  display: block;
                  margin-bottom: 5px; }
                  .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu .nav_overflow .nav_item .nav_center .nav_title .nav_title1:last-child {
                    margin-bottom: 5px; }
        .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 {
          width: 210px;
          background: #cdbab6;
          position: absolute;
          z-index: 2;
          top: 45px;
          right: 0;
          padding: 2px;
          display: none; }
            .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow {
                overflow-y: auto;
                height: 315px;
            }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow {
            overflow-y: auto;
            height: 315px; }
            .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow .nav_item {
              background: #ffffff;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              -ms-flex-align: start;
                  align-items: flex-start;
              padding: 15px 10px;
              margin-bottom: 2px;
              position: relative; }
              .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow .nav_item .nav_left {
                width: 50px; }
              .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow .nav_item .nav_right {
                width: calc(100% - 50px);
                padding: 5px; }
                .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow .nav_item .nav_right .nav_title {
                  color: #534f4e;
                  font-size: 12px;
                  width: 80%;
                  overflow: hidden;
                  line-height: 17px;
                  height: 34px; }
              .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_overflow .nav_item .nav_num {
                position: absolute;
                right: 10px;
                bottom: 15px;
                color: #534f4e;
                font-size: 12px;
                letter-spacing: 1px; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_checkout {
            color: #ffffff;
            font-size: 15px;
            font-weight: bold;
            display: block;
            width: 100%;
            height: calc(382px - 315px);
            letter-spacing: 2px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
          .hd_flex_main .hd_main .nav_item .nav_btn .nav_submenu1 .nav_nodata {
            color: #ffffff;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 2px;
            width: 100%;
            height: 382px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }

.hd_fixedsearch {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  background: transparent;
  display: none; }
    .hd_fixedsearch .hd_wrap {
        max-width: 1430px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
  .hd_fixedsearch .hd_search {
    position: absolute;
    width: 161px;
    height: 28px;
    top: 100px;
    right: 50px;
    z-index: 6;
    background: #f0eae9;
    padding-left: 20px;
    padding-right: 3px; }
    .hd_fixedsearch .hd_search .hd_close {
      display: block;
      width: 12px;
      height: 12px;
      position: absolute;
      left: 5px;
      top: 3px; }
    .hd_fixedsearch .hd_search .hd_input {
      padding: 3px 25px 3px 10px;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border-bottom: 1px solid #cdbab6; }
    .hd_fixedsearch .hd_search .hd_searchlink {
      width: 19px;
      height: 19px;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto;
      font-size: 13px;
      color: #cdbab6;
      font-weight: bold; }

@media (max-width: 1023px) {
  .hd_mobile_main {
    background: #ffffff;
    padding: 10px;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    position: relative; }
    .hd_mobile_main .hd_main:after {
      content: "";
      display: table;
      clear: both; }
    .hd_mobile_main .hd_main .hd_menu {
      width: 19px;
      height: 18px;
      display: block;
      position: absolute;
      left: 15px;
      top: 0;
      bottom: 0;
      margin: auto; }
    .hd_mobile_main .hd_main .hd_logo {
      width: 150px;
      height: 21px;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      z-index: 8; } }
.nav_m_fixed {
  display: none; }

@media (max-width: 1023px) {
  .nav_m_fixed {
    background: transparent;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 8; }
    .nav_m_fixed .nav_m_ul {
      width: 120px;
      height: 100%;
      background: #ffffff;
      overflow-y: auto; }
      .nav_m_fixed .nav_m_ul .nav_m_search {
        padding: 32px 27px;
        position: relative;
        border-bottom: 1px solid #c8b6ab; }
        .nav_m_fixed .nav_m_ul .nav_m_search .nav_m_input {
          position: relative;
          width: 100%;
          height: 30px;
          margin: 0 auto;
          display: block;
          border-top: 0;
          border-left: 0;
          border-right: 0;
          border-bottom: 1px solid #c0aa9e;
          padding: 3px 33px 3px 10px; }
        .nav_m_fixed .nav_m_ul .nav_m_search .nav_m_searchlink {
          width: 17px;
          height: 16px;
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 33px;
          margin: auto; }
          .nav_m_fixed .nav_m_ul .nav_m_search .nav_m_searchlink img {
            width: 17px;
            height: 16px; }
      .nav_m_fixed .nav_m_ul .nav_m_li {
        padding: 19px 32px;
        border-bottom: 1px solid #d5c7bf;
        position: relative; }
        .nav_m_fixed .nav_m_ul .nav_m_li:last-child {
          border: 0; }
        .nav_m_fixed .nav_m_ul .nav_m_li img {
          width: 30px;
          height: 30px; }
        .nav_m_fixed .nav_m_ul .nav_m_li a {
          color: #4a3730;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 1px;
          display: inline; }
      .nav_m_fixed .nav_m_ul .arrow:after {
        content: "\f078";
        font-family: "Font Awesome 5 Solid";
        font-weight: 900;
        padding-right: 5px;
        position: absolute;
        top: 23px;
        right: 32px; }
      .nav_m_fixed .nav_m_ul .arrow.active:after {
        content: "\f077";
        position: absolute;
        top: 23px;
        right: 32px; }
      .nav_m_fixed .nav_m_ul .nav_m_ul1 {
        margin: 0 10px;
        display: none; }
        .nav_m_fixed .nav_m_ul .nav_m_ul1 .nav_m_li1 {
          padding: 19px 22px;
          border-bottom: 1px solid #d5c7bf;
          position: relative; }
          .nav_m_fixed .nav_m_ul .nav_m_ul1 .nav_m_li1 a {
            color: #4a3730;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 1px;
            display: inline;
            width: 100%; }
        .nav_m_fixed .nav_m_ul .nav_m_ul1 .arrow:after {
          content: "\f078";
          font-family: "Font Awesome 5 Solid";
          font-weight: 900;
          padding-right: 5px;
          top: 23px;
          right: 22px; }
        .nav_m_fixed .nav_m_ul .nav_m_ul1 .arrow.active:after {
          content: "\f077";
          position: absolute;
          top: 23px;
          right: 22px; }
        .nav_m_fixed .nav_m_ul .nav_m_ul1 .nav_m_ul2 {
          display: none; }
          .nav_m_fixed .nav_m_ul .nav_m_ul1 .nav_m_ul2 .arrow:after {
            content: "\f078";
            font-family: "Font Awesome 5 Solid";
            font-weight: 900;
            padding-right: 5px;
            top: 23px;
            right: 22px; }
          .nav_m_fixed .nav_m_ul .nav_m_ul1 .nav_m_ul2 .arrow.active:after {
            content: "\f077";
            position: absolute;
            top: 23px;
            right: 22px; } }
.df_adwrap {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .df_adwrap .df_content {
    width: 100%;
    margin: 0 auto;
    padding: 15px; }
    .df_adwrap .df_content:after {
      content: "";
      display: table;
      clear: both; }
    .df_adwrap .df_content .df_infowrap {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .df_adwrap .df_content .df_infowrap .df_info .df_adclose {
        color: #ffffff;
        font-size: 15px;
        padding-bottom: 10px;
        display: block; }

.slider_bg {
  margin-bottom: 103px; }
  .slider_bg .slider {
    margin-bottom: 0; }
    .slider_bg .slider .slick-prev {
      background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
      width: 29px;
      height: 100%;
      left: 10px;
      z-index: 1; }
      .slider_bg .slider .slick-prev:before {
        display: none; }
    .slider_bg .slider .slick-next {
      background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
      width: 29px;
      height: 100%;
      right: 10px;
      z-index: 1; }
      .slider_bg .slider .slick-next:before {
        display: none; }
    .slider_bg .slider .slick-dots {
      bottom: 24px; }
      .slider_bg .slider .slick-dots li {
        width: 15px;
        height: 15px; }
        .slider_bg .slider .slick-dots li button {
          width: 15px;
          height: 15px;
          border: 1px solid #fbe6e3;
          background: #fbe6e3;
          border-radius: 10px; }
          .slider_bg .slider .slick-dots li button:before {
            content: ''; }
      .slider_bg .slider .slick-dots li.slick-active button {
        border: 1px solid #565656;
        background: #565656;
        border-radius: 10px; }
        .slider_bg .slider .slick-dots li.slick-active button:before {
          content: ''; }

.df_morewrapper {
  margin-bottom: 140px; }
  .df_morewrapper:after {
    content: "";
    display: table;
    clear: both; }
  .df_morewrapper .df_morewrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center; }
    .df_morewrapper .df_morewrap .df_more {
      max-width: 620px;
      width: calc(100% / 2 - 20px);
      position: relative;
      margin-right: 40px;
      float: left; }
      .df_morewrapper .df_morewrap .df_more:last-child {
        margin-right: 0; }

.df_pdlist {
  margin-bottom: 140px; }
  .df_pdlist .df_pdwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start; }
    .df_pdlist .df_pdwrap .df_pditem {
      max-width: 290px;
      width: calc(100% / 3);
      margin: 0 20px; }
    .df_pdlist .df_pdwrap .df_pdtitle {
      color: #2d2d2d;
      font-size: 13px;
      text-align: center;
      line-height: 20px;
      overflow: hidden;
      height: 40px;
      margin-bottom: 15px; }
    .df_pdlist .df_pdwrap .df_pdiconwrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .df_pdlist .df_pdwrap .df_pdiconwrap .df_icon {
        width: 52px;
        border: 1px solid #ff225e;
        letter-spacing: 1px;
        color: #ff225e;
        padding: 5px 0;
        margin: 0 4px;
        text-align: center;
        font-size: 12px;
        border-radius: 99em; }
      .df_pdlist .df_pdwrap .df_pdiconwrap .df_icon1 {
        width: 52px;
        border: 1px solid #7a73d2;
        letter-spacing: 1px;
        color: #7a73d2;
        padding: 5px 0;
        margin: 0 4px;
        text-align: center;
        font-size: 12px;
        border-radius: 99em; }

.df_moviewrap {
  width: 640px;
  height: 360px;
  margin: 0 auto 140px; }
  .df_moviewrap .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .df_moviewrap .video_container .video_iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.df_sliderwrap {
  margin-bottom: 90px; }
  .df_sliderwrap .df_slidertitle {
    color: #3f3a39;
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 5px; }
  .df_sliderwrap .df_sliderentitle {
    color: #3f3a39;
    font-size: 20px;
    text-align: center;
    margin-bottom: 35px; }
  .df_sliderwrap .df_slidercenter .df_item {
    padding: 30px;
    transition: all 300ms ease; }
    .df_sliderwrap .df_slidercenter .df_item .df_sliderdata {
      display: none; }
  .df_sliderwrap .df_slidercenter .slick-center {
    opacity: 1;
    transform: scale(1.2); }
    .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata {
      display: block; }
      .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 10px 0; }
        .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderleft {
          width: 100%;
          color: #000013;
          font-size: 12px;
          margin-bottom: 5px;
          word-break: break-all; }
        .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: end;
              justify-content: flex-end;
          width: 100%; }
          .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_sliderheart {
            width: 26px;
            height: 22px;
            display: block; }
          .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_slidertalk {
            width: 25px;
            height: 23px;
            display: block; }
          .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_slidernum {
            color: #5c6780;
            font-size: 12px; }
      .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderinfo {
        color: #9d9d9d;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        height: 60px;
        word-break: break-all; }
  .df_sliderwrap .df_slidercenter .slick-prev {
    background: url("/Content/images/zh-TW/icons/prev2.png") no-repeat center center;
    width: 22px;
    height: 100%;
    left: 10px;
    z-index: 1; }
    .df_sliderwrap .df_slidercenter .slick-prev:before {
      display: none; }
  .df_sliderwrap .df_slidercenter .slick-next {
    background: url("/Content/images/zh-TW/icons/next2.png") no-repeat center center;
    width: 22px;
    height: 100%;
    right: 10px;
    z-index: 1; }
    .df_sliderwrap .df_slidercenter .slick-next:before {
      display: none; }
  .df_sliderwrap .df_slidercenter .slick-dots {
    bottom: 24px; }
    .df_sliderwrap .df_slidercenter .slick-dots li {
      width: 15px;
      height: 15px; }
      .df_sliderwrap .df_slidercenter .slick-dots li button {
        width: 15px;
        height: 15px;
        border: 1px solid #fbe6e3;
        background: #fbe6e3;
        border-radius: 10px; }
        .df_sliderwrap .df_slidercenter .slick-dots li button:before {
          content: ''; }
    .df_sliderwrap .df_slidercenter .slick-dots li.slick-active button {
      border: 1px solid #565656;
      background: #565656;
      border-radius: 10px; }
      .df_sliderwrap .df_slidercenter .slick-dots li.slick-active button:before {
        content: ''; }

.df_menulink {
  display: none; }

.df_m_morewrap {
  display: none; }

.footer_mask1 {
  display: none; }

.df_m_info {
  display: none; }

@media (max-width: 1023px) {
  .df_adwrap {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .df_adwrap .df_content {
      width: 100%;
      margin: 0 auto;
      padding: 15px; }
      .df_adwrap .df_content:after {
        content: "";
        display: table;
        clear: both; }
      .df_adwrap .df_content .df_infowrap {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .df_adwrap .df_content .df_infowrap .df_info .df_adclose {
          color: #ffffff;
          font-size: 15px;
          padding-bottom: 10px;
          display: block; }

  .slider_bg {
    margin-bottom: 40px; }
    .slider_bg .slider {
      margin-bottom: 0; }
      .slider_bg .slider .slick-prev {
        background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
        width: 29px;
        height: 100%;
        left: 10px;
        z-index: 1; }
        .slider_bg .slider .slick-prev:before {
          display: none; }
      .slider_bg .slider .slick-next {
        background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
        width: 29px;
        height: 100%;
        right: 10px;
        z-index: 1; }
        .slider_bg .slider .slick-next:before {
          display: none; }
      .slider_bg .slider .slick-dots {
        bottom: -20px; }
        .slider_bg .slider .slick-dots li {
          width: 4px;
          height: 4px;
          margin: 0 8px; }
          .slider_bg .slider .slick-dots li button {
            width: 4px;
            height: 4px;
            border: 1px solid #b7af9c;
            background: #b7af9c;
            border-radius: 10px; }
            .slider_bg .slider .slick-dots li button:before {
              content: ''; }
        .slider_bg .slider .slick-dots li.slick-active button {
          border: 1px solid #4a3730;
          background: #4a3730;
          border-radius: 10px; }
          .slider_bg .slider .slick-dots li.slick-active button:before {
            content: ''; }

  .df_menulink {
    display: block; }
    .df_menulink:after {
      content: "";
      display: table;
      clear: both; }
    .df_menulink .df_item {
      width: calc(100% / 4);
      float: left;
      padding-top: 27px; }
      .df_menulink .df_item a {
        max-width: 114px;
        width: 100%;
        margin: 0 auto;
        display: block; }
      .df_menulink .df_item .df_text {
        color: #484848;
        font-size: 18px;
        font-weight: bold;
        display: block;
        text-align: center;
        margin-top: 17px;
        height: 18px;
        overflow: hidden; }

  .df_morewrapper {
    margin-bottom: 47px; }
    .df_morewrapper:after {
      content: "";
      display: table;
      clear: both; }
    .df_morewrapper .df_morewrap {
      display: none; }
      .df_morewrapper .df_morewrap .df_more {
        max-width: 620px;
        width: calc(100% / 2 - 20px);
        position: relative;
        margin-right: 40px;
        float: left; }
        .df_morewrapper .df_morewrap .df_more:last-child {
          margin-right: 0; }
    .df_morewrapper .df_m_morewrap {
      display: block; }

  .df_pdlist {
    margin-bottom: 47px; }
    .df_pdlist .df_pdwrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: start;
          align-items: flex-start; }
      .df_pdlist .df_pdwrap .df_pditem {
        max-width: inherit;
        width: calc(100% / 3);
        margin: 0px;
        padding: 0 10px; }
      .df_pdlist .df_pdwrap .df_pdtitle {
        color: #2d2d2d;
        font-size: 13px;
        text-align: center;
        line-height: 20px;
        overflow: hidden;
        height: 40px;
        margin-bottom: 15px; }
      .df_pdlist .df_pdwrap .df_pdiconwrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .df_pdlist .df_pdwrap .df_pdiconwrap .df_icon {
          width: 52px;
          border: 1px solid #ff225e;
          letter-spacing: 1px;
          color: #ff225e;
          padding: 5px 0;
          margin: 0 4px;
          text-align: center;
          font-size: 12px;
          border-radius: 99em; }
        .df_pdlist .df_pdwrap .df_pdiconwrap .df_icon1 {
          width: 52px;
          border: 1px solid #7a73d2;
          letter-spacing: 1px;
          color: #7a73d2;
          padding: 5px 0;
          margin: 0 4px;
          text-align: center;
          font-size: 12px;
          border-radius: 99em; }

  .df_moviewrap {
    width: auto;
    height: auto;
    margin: 0 auto 40px; }
    .df_moviewrap .video_container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
      .df_moviewrap .video_container .video_iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

  .df_sliderwrap {
    margin-bottom: 40px; }
    .df_sliderwrap .df_slidertitle {
      color: #3f3a39;
      font-size: 33px;
      font-weight: bold;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 5px;
      display: none; }
    .df_sliderwrap .df_sliderentitle {
      color: #3f3a39;
      font-size: 20px;
      text-align: center;
      margin-bottom: 35px;
      display: none; }
    .df_sliderwrap .df_slidercenter {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .df_sliderwrap .df_slidercenter .df_item {
        padding: 5px;
        transition: all 300ms ease;
        width: calc(100% / 2); }
        .df_sliderwrap .df_slidercenter .df_item .df_sliderdata {
          display: none; }
        .df_sliderwrap .df_slidercenter .df_item a {
          display: block; }
      .df_sliderwrap .df_slidercenter .slick-center {
        opacity: 1;
        transform: scale(1.2); }
        .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata {
          display: block; }
          .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            padding: 10px 0; }
            .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderleft {
              width: 100%;
              color: #000013;
              font-size: 12px;
              margin-bottom: 5px;
              word-break: break-all; }
            .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: end;
                  justify-content: flex-end;
              width: 100%; }
              .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_sliderheart {
                width: 26px;
                height: 22px;
                display: block; }
              .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_slidertalk {
                width: 25px;
                height: 23px;
                display: block; }
              .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderwrap .df_sliderboth .df_sliderright .df_slidernum {
                color: #5c6780;
                font-size: 12px; }
          .df_sliderwrap .df_slidercenter .slick-center .df_sliderdata .df_sliderinfo {
            color: #9d9d9d;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            height: 60px;
            word-break: break-all; }
      .df_sliderwrap .df_slidercenter .slick-prev {
        background: url("/Content/images/zh-TW/icons/prev2.png") no-repeat center center;
        width: 22px;
        height: 100%;
        left: 10px;
        z-index: 1; }
        .df_sliderwrap .df_slidercenter .slick-prev:before {
          display: none; }
      .df_sliderwrap .df_slidercenter .slick-next {
        background: url("/Content/images/zh-TW/icons/next2.png") no-repeat center center;
        width: 22px;
        height: 100%;
        right: 10px;
        z-index: 1; }
        .df_sliderwrap .df_slidercenter .slick-next:before {
          display: none; }
      .df_sliderwrap .df_slidercenter .slick-dots {
        bottom: 24px; }
        .df_sliderwrap .df_slidercenter .slick-dots li {
          width: 15px;
          height: 15px; }
          .df_sliderwrap .df_slidercenter .slick-dots li button {
            width: 15px;
            height: 15px;
            border: 1px solid #fbe6e3;
            background: #fbe6e3;
            border-radius: 10px; }
            .df_sliderwrap .df_slidercenter .slick-dots li button:before {
              content: ''; }
        .df_sliderwrap .df_slidercenter .slick-dots li.slick-active button {
          border: 1px solid #565656;
          background: #565656;
          border-radius: 10px; }
          .df_sliderwrap .df_slidercenter .slick-dots li.slick-active button:before {
            content: ''; }

  .df_m_info {
    display: block;
    margin-bottom: 42px; }
    .df_m_info .df_m_infotitle {
      color: #ffffff;
      font-size: 17px;
      background: #000000;
      text-align: center;
      padding: 10px 0;
      position: relative; }
      .df_m_info .df_m_infotitle:after {
        content: '';
        border: solid #ffffff;
        border-width: 0 1px 1px 0;
        padding: 3px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        width: 4px;
        height: 4px;
        position: absolute;
        top: 15px;
        right: 20px;
        bottom: 0;
        color: #ffffff; }
      .df_m_info .df_m_infotitle.active:after {
        top: 10px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
    .df_m_info .df_m_infocontent {
      display: none; } }
.pd_banner {
  margin-bottom: 85px; }

.pd_wrapper .pd_wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 48px; }
  .pd_wrapper .pd_wrap .pd_left {
    width: 20%;
    padding-top: 50px; }
    .pd_wrapper .pd_wrap .pd_left .pd_alltitle {
      color: #90573f;
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 15px; }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem i {
      display: none; }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .pd_qalist {
      color: #e48070;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 12px;
      display: block; }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block {
        margin-bottom: 30px;
    }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list {
        margin-bottom: 30px;
    }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_activity {
        margin-bottom: 12px;
    }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list .pd_link {
        color: #bd9f9a;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 12px;
        display: block;
    }
    .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list .member_list1 .pd_link1 {
      color: #646565;
      font-size: 12px;
      display: block;
      margin-bottom: 14px; }
  .pd_wrapper .pd_wrap .pd_right {
    width: 80%; }
    .pd_wrapper .pd_wrap .pd_right .pd_top {
      margin-bottom: 10px; }
      .pd_wrapper .pd_wrap .pd_right .pd_top:after {
        content: "";
        display: table;
        clear: both; }
    .pd_wrapper .pd_wrap .pd_right .pd_view {
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .pd_wrapper .pd_wrap .pd_right .pd_view .pd_items {
        color: #646565;
        font-size: 12px;
        border-right: 1px solid #7f8080;
        padding-right: 10px; }
      .pd_wrapper .pd_wrap .pd_right .pd_view .pd_all {
        padding-left: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .pd_wrapper .pd_wrap .pd_right .pd_view .pd_all .pd_alllink {
          color: #646565;
          font-size: 12px;
          display: block;
          padding: 0 5px; }
    .pd_wrapper .pd_wrap .pd_right .pd_data {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .pd_wrapper .pd_wrap .pd_right .pd_data .df_item {
        max-width: 550px;
        width: calc(100% / 3 - 20px);
        margin-left: calc(20px * 3 / 2);
        margin-bottom: 20px; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link {
          display: block;
          margin-bottom: 20px; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position {
            position: relative;
            display: block; }
            .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position .pd_mask {
              position: absolute;
              width: 100%;
              height: 100%;
              display: block;
              top: 0;
              left: 0;
              background: rgba(0, 0, 0, 0.25); }
              .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position .pd_mask .pd_soldout {
                color: #ffffff;
                font-size: 22px;
                display: block;
                max-width: 155px;
                width: 100%;
                margin: auto;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                position: absolute;
                height: 30px;
                border: 1px solid #ffffff;
                height: 50px;
                line-height: 2;
                text-align: center; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_title {
          color: #646565;
          font-size: 12px;
          overflow: hidden;
          letter-spacing: 1px;
          line-height: 15px;
          height: 30px;
          margin-bottom: 5px; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_info {
          color: #646565;
          font-size: 12px;
          margin-bottom: 5px; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price .pd_defaultprice {
            color: #7f7f7f;
            font-size: 12px;
            padding-right: 25px;
            text-decoration: line-through; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price .pd_saleprice {
            color: #000000;
            font-size: 12px;
            font-weight: bold; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item:nth-child(3n+1) {
          margin-left: 0; }

@media (max-width: 1023px) {
  .pd_banner {
    margin-bottom: 20px; }

  .pd_wrapper .pd_wrap {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px; }
    .pd_wrapper .pd_wrap .pd_left {
      width: 100%;
      padding-top: 0;
      text-align: center;
      background: #cdbab6;
      padding: 0 10px; }
      .pd_wrapper .pd_wrap .pd_left .pd_alltitle {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
        border-bottom: 1px solid #ffffff;
        padding: 10px 0; }
      .pd_wrapper .pd_wrap .pd_left .pd_datalist {
        display: none; }
      .pd_wrapper .pd_wrap .pd_left .pd_qaitem i {
        display: inline-block;
        margin-left: 5px; }
      .pd_wrapper .pd_wrap .pd_left .pd_qaitem .pd_qalist {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #ffffff; }
      .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block {
        display: none; }
        .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list .pd_link {
          color: #ffffff;
          font-size: 12px;
          font-weight: bold;
          margin-bottom: 0;
          display: block;
          border-bottom: 1px solid #ffffff;
          padding: 10px 0; }
        .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list .member_list1 {
          display: none; }
          .pd_wrapper .pd_wrap .pd_left .pd_qaitem .member_block .member_list .member_list1 .pd_link1 {
            color: #ffffff;
            font-size: 12px;
            display: block;
            margin-bottom: 0;
            padding: 10px 0; }
    .pd_wrapper .pd_wrap .pd_right {
      width: 100%; }
      .pd_wrapper .pd_wrap .pd_right .pd_top {
        margin-bottom: 10px; }
        .pd_wrapper .pd_wrap .pd_right .pd_top:after {
          content: "";
          display: table;
          clear: both; }
      .pd_wrapper .pd_wrap .pd_right .pd_view {
        margin-bottom: 10px;
        display: none;
        -ms-flex-align: center;
            align-items: center; }
        .pd_wrapper .pd_wrap .pd_right .pd_view .pd_items {
          color: #646565;
          font-size: 12px;
          border-right: 1px solid #7f8080;
          padding-right: 10px; }
        .pd_wrapper .pd_wrap .pd_right .pd_view .pd_all {
          padding-left: 5px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .pd_wrapper .pd_wrap .pd_right .pd_view .pd_all .pd_alllink {
            color: #646565;
            font-size: 12px;
            display: block;
            padding: 0 5px; }
      .pd_wrapper .pd_wrap .pd_right .pd_data {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .pd_wrapper .pd_wrap .pd_right .pd_data .df_item {
          max-width: 550px;
          width: calc(100% / 2 - 5px);
          margin-left: 10px;
          margin-bottom: 20px; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link {
            display: block;
            margin-bottom: 20px; }
            .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position {
              position: relative;
              display: block; }
              .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position .pd_mask {
                position: absolute;
                width: 100%;
                height: 100%;
                display: block;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.25); }
                .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .df_link .pd_position .pd_mask .pd_soldout {
                  color: #ffffff;
                  font-size: 18px;
                  display: block;
                  max-width: 125px;
                  width: 100%;
                  margin: auto;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  position: absolute;
                  border: 1px solid #ffffff;
                  height: 37px;
                  line-height: 2; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_title {
            color: #646565;
            font-size: 12px;
            overflow: hidden;
            letter-spacing: 1px;
            line-height: 15px;
            height: 30px;
            margin-bottom: 5px; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_info {
            color: #646565;
            font-size: 12px;
            margin-bottom: 5px; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price .pd_defaultprice {
              color: #7f7f7f;
              font-size: 12px;
              padding-right: 25px;
              text-decoration: line-through; }
            .pd_wrapper .pd_wrap .pd_right .pd_data .df_item .pd_price .pd_saleprice {
              color: #000000;
              font-size: 12px;
              font-weight: bold; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item:nth-child(3n+1) {
            margin-left: 10px; }
          .pd_wrapper .pd_wrap .pd_right .pd_data .df_item:nth-child(2n+1) {
            margin-left: 0; } }
.pr_top {
  padding: 50px 0; }

.pr_wrapper:after {
  content: "";
  display: table;
  clear: both; }
.pr_wrapper .pr_left {
  width: 50%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .pr_wrapper .pr_left .pdcnt_img_group {
    display: none;
    max-width: 500px;
    width: 100%; }
    .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main {
      margin: 0 0 35px; }
      .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-prev {
        background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
        width: 50px;
        height: 100%;
        left: 0;
        z-index: 1; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-prev:before {
          display: none; }
      .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-next {
        background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
        width: 50px;
        height: 100%;
        right: 0;
        z-index: 1; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-next:before {
          display: none; }
    .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_thumb {
      margin: 0 20px; }
      .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_thumb img {
        margin: 0 10px; }
    .pr_wrapper .pr_left .pdcnt_img_group.active {
      display: block; }
.pr_wrapper .pr_position {
    position: relative;
    max-width: 383px;
}
.pr_wrapper .pr_right {
  width: 50%;
  float: left;
  padding-left: 25px;
  position: relative; }
  .pr_wrapper .pr_right:after {
    content: "";
    display: table;
    clear: both; }
    .pr_wrapper .pr_right .pr_data .pr_promotion {
        color: #e2534b;
        font-size: 16px;
        margin-bottom: 27px;
    }

    .pr_wrapper .pr_right .pr_data .pr_info {
        color: #e2534b;
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .pr_wrapper .pr_right .pr_data .pr_title {
        color: #666666;
        font-size: 23px;
        letter-spacing: 1px;
        margin-bottom: 7px;
        max-width: 355px;
        font-weight: inherit;
    }
  .pr_wrapper .pr_right .pr_data .pr_pdno {
    color: #999999;
    font-size: 13px;
    margin-bottom: 27px; }
    .pr_wrapper .pr_right .pr_data .pr_promotion {
        color: #e2534b;
        font-size: 14px;
        margin-bottom: 27px;
    }
  .pr_wrapper .pr_right .pr_data .pr_pricewrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-bottom: 24px; }
    .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_saleprice {
      color: #e2534b;
      font-size: 28px;
      font-weight: bold;
      letter-spacing: 1px;
      margin-right: 12px; }
    .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_defaultpricetext {
      color: #666666;
      font-size: 13px; }
    .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_defaultprice {
      color: #666666;
      font-size: 13px;
      text-decoration: line-through; }
  .pr_wrapper .pr_right .pr_data .pr_info1 {
    max-width: 307px;
    width: 100%;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 25px 0;
    margin-bottom: 14px; }
    .pr_wrapper .pr_right .pr_data .pr_info1 .pr_title1 {
      color: #666666;
      font-size: 13px;
      margin-bottom: 12px; }
    .pr_wrapper .pr_right .pr_data .pr_info1 .pr_list {
      color: #666666;
      font-size: 13px;
      margin-bottom: 12px; }
      .pr_wrapper .pr_right .pr_data .pr_info1 .pr_list:before {
        content: '';
        width: 12px;
        height: 11px;
        margin-right: 5px;
        background: url("/Content/images/zh-TW/icons/heart_list.png") no-repeat center center;
        display: inline-block; }
    .pr_wrapper .pr_right .pr_data .pr_text {
        color: #666666;
        font-size: 12px;
        margin-bottom: 10px;
    }
  .pr_wrapper .pr_right .pr_data .pdcnt_info_color {
    text-align: left;
    margin: 0 0 10px; }
    .pr_wrapper .pr_right .pr_data .pdcnt_info_color ul {
      margin: 5px 0 0; }
    .pr_wrapper .pr_right .pr_data .pdcnt_info_color li {
      display: inline-block;
      width: 26px;
      height: 26px;
      padding: 3px;
      margin: 0 3px 0 0; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_color li.active {
        border: solid 1px #333; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_color li a {
        display: block; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_color li img {
        max-width: 24px; }
  .pr_wrapper .pr_right .pr_data .pdcnt_info_size {
    text-align: left;
    margin: 0 0 10px; }
    .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap {
      max-width: 166px;
      width: 100%;
      display: none; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap select {
        border: 1px solid #999999; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap.active {
        display: block; }
  .pr_wrapper .pr_right .pr_data .productsDetail_numwrap {
    width: 100%;
    margin-bottom: 30px; }
    .pr_wrapper .pr_right .pr_data .productsDetail_numwrap:after {
      content: "";
      display: table;
      clear: both; }
    .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select {
      float: left; }
    .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .shoppingCart_touchwrap {
      width: 128px;
      border: 1px solid #999999;
      font-size: 15px;
      color: #333333;
      text-align: center; }
      .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .shoppingCart_touchwrap .shoppingCart_touchspin1 {
        font-size: 15px;
        color: #333333;
        text-align: center;
        border: 0; }
  .pr_wrapper .pr_right .pr_btnwrap {
    margin-bottom: 65px; }
    .pr_wrapper .pr_right .pr_btnwrap:after {
      content: "";
      display: table;
      clear: both; }
    .pr_wrapper .pr_right .pr_btnwrap .pr_addcart {
      max-width: 165px;
      width: 100%;
      display: block;
      float: left;
      color: #cdbab6;
      border: 1px solid #cdbab6;
      background: #ffffff;
      text-align: center;
      padding: 10px 0;
      margin-right: 20px;
      font-weight: bold;
      border-radius: 3px; }
      .pr_wrapper .pr_right .pr_btnwrap .pr_addcart.empty {
        display: none; }
    .pr_wrapper .pr_right .pr_btnwrap .pr_buy {
      display: none;
      max-width: 165px;
      width: 100%;
      display: block;
      float: left;
      color: #ffffff;
      border: 1px solid #cdbab6;
      background: #cdbab6;
      text-align: center;
      padding: 10px 0;
      font-weight: bold;
      border-radius: 3px; }
    .pr_wrapper .pr_right .pr_btnwrap .productsDetail_preorderwrap {
      display: none; }
      .pr_wrapper .pr_right .pr_btnwrap .productsDetail_preorderwrap .productsDetail_date {
        color: #666666;
        font-size: 13px;
        line-height: 2;
        letter-spacing: 1px;
        clear: both; }
  .pr_wrapper .pr_right .pc_content {
    max-width: 307px;
    width: 100%;
    border-bottom: 1px solid #999999;
    margin-bottom: 10px; }
    .pr_wrapper .pr_right .pc_content .qa_item .qa_title {
      padding: 10px 0;
      position: relative;
      border-top: 1px solid #999999;
      cursor: pointer; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_num {
        vertical-align: top;
        display: inline-block;
        line-height: 1.5; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_title1 {
        display: inline-block;
        line-height: 1.5;
        color: #656565;
        font-size: 14px;
        font-weight: bold; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_title2 {
        line-height: 1.5;
        color: #656565;
        font-size: 12px;
        float: right;
        margin-right: 5px; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_title i {
        content: '';
        background: url("/Content/images/zh-TW/icons/arrow_bottom.png") no-repeat center center;
        width: 8px;
        height: 8px;
        display: inline-block;
        float: right;
        margin-top: 7px;
        margin-right: 3px; }
    .pr_wrapper .pr_right .pc_content .qa_item .qa_block {
      padding: 10px 7px;
      line-height: 1.5;
      color: #656565;
      display: none;
      background: #e6dcda;
      font-size: 12px; }
  .pr_wrapper .pr_right .pr_social {
    display: -ms-flexbox;
    display: flex; }
    .pr_wrapper .pr_right .pr_social .pr_socialitem {
      display: block;
      max-width: 21px;
      margin-right: 10px; }
  .pr_wrapper .pr_right .pc_wishlist {
    position: absolute;
    right: 0;
    display: none;
    width: 24px;
    height: 23px; }
    .pr_wrapper .pr_right .pc_wishlist .pc_heart {
      width: 24px;
      height: 23px;
      display: inline-block;
      background: url("/Content/images/zh-TW/icons/heart1.png") no-repeat center center; }
    .pr_wrapper .pr_right .pc_wishlist .pc_heartactive {
      width: 24px;
      height: 23px;
      display: inline-block;
      background: url("/Content/images/zh-TW/icons/heart_active.png") no-repeat center center; }
    .pr_wrapper .pr_right .pc_wishlist.active {
      display: block; }

.pdcnt_giftTag {
    font-family: "細明體", serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #656565;
}

.pr_text2 {
  color: #484848;
  font-size: 19px;
  font-weight: bold;
  padding: 40px 0 15px; }

.pr_addcontent {
  display: none; }

.pr_margin {
  margin-bottom: 194px; }

.df_brand3 {
  position: relative;
  margin-bottom: 138px; }
  .df_brand3 .df_title {
    border-bottom: 1px solid #999999; }
    .df_brand3 .df_title:after {
      content: "";
      display: table;
      clear: both; }
    .df_brand3 .df_title .df_title1 {
      color: #666666;
      font-size: 15px;
      font-weight: bold;
      display: block;
      padding-bottom: 3px;
      float: left;
      margin-right: 25px; }
      .df_brand3 .df_title .df_title1.active {
        color: #e2534b;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 2px solid #e2534b; }
  .df_brand3 .df_content {
    padding: 15px 0;
    display: none; }
    .df_brand3 .df_content .df_title1 {
      color: #484848;
      font-size: 13px;
      font-weight: bold;
      display: block;
      margin: 5px 0;
      height: 14px;
      overflow: hidden; }
    .df_brand3 .df_content.active {
      display: block; }

.pr_slider {
  max-width: 927px;
  width: 100%;
  margin: 0 auto;
  background: #fde6dd;
  padding: 7px 0 20px;
  margin-bottom: 119px; }
  .pr_slider .pr_bg {
    background: #ffffff;
    border-top: 2px solid #565656;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    color: #646565;
    font-size: 17px;
    padding: 13px 42px; }
    .pr_slider .pr_bg .df_title {
      margin-bottom: 12px; }
      .pr_slider .pr_bg .df_title .df_title0 {
        color: #646565;
        font-size: 17px; }
    .pr_slider .pr_bg .df_sliderlist .df_item {
      margin: 0 13px;
      border: 1px solid #999999; }
      .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 {
        padding: 13px 10px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .pr_title2 {
          color: #646565;
          font-size: 12px;
          font-weight: bold;
          line-height: 1.4;
          overflow: hidden;
          /*height: 33px;*/
          margin-bottom: 5px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .op_hidden {
          display: none; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .op_select3 {
          width: 100%;
          padding-right: 0;
          margin-bottom: 10px; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .op_select3:after {
            right: 5px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .op_select4 {
            width: calc(100% / 2 - 2.5px);;
            padding-right: 0;
            margin-bottom: 0;
        }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .op_select4:after {
            right: 5px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .pdcnt_info_size1 .selectwrap {
          display: none; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .pdcnt_info_size1 .selectwrap.active {
            display: block; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .lg_select select {
          border: 1px solid #999999;
          width: 100%;
          color: #646565; }
      .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-top: 10px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_price .pr_saleprice1 {
          color: #e2534b;
          font-size: 15px;
          font-weight: bold; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_price .pr_defaultprice1 {
          color: #565656;
          font-size: 13px;
          font-weight: bold;
          text-decoration: line-through; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_cart {
          max-width: 28px;
          width: 100%;
          display: block; }
    .pr_slider .pr_bg .df_sliderlist .slick-prev {
      background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
      width: 29px;
      height: 100%;
      left: -25px;
      z-index: 1; }
      .pr_slider .pr_bg .df_sliderlist .slick-prev:before {
        display: none; }
    .pr_slider .pr_bg .df_sliderlist .slick-next {
      background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
      width: 29px;
      height: 100%;
      right: -25px;
      z-index: 1; }
      .pr_slider .pr_bg .df_sliderlist .slick-next:before {
        display: none; }
    .pr_slider .pr_bg .df_sliderlist .slick-dots {
      bottom: 24px; }
      .pr_slider .pr_bg .df_sliderlist .slick-dots li {
        width: 15px;
        height: 15px; }
        .pr_slider .pr_bg .df_sliderlist .slick-dots li button {
          width: 15px;
          height: 15px;
          border: 1px solid #fbe6e3;
          background: #fbe6e3;
          border-radius: 10px; }
          .pr_slider .pr_bg .df_sliderlist .slick-dots li button:before {
            content: ''; }
      .pr_slider .pr_bg .df_sliderlist .slick-dots li.slick-active button {
        border: 1px solid #565656;
        background: #565656;
        border-radius: 10px; }
        .pr_slider .pr_bg .df_sliderlist .slick-dots li.slick-active button:before {
          content: ''; }

@media (max-width: 1023px) {
  .pr_top {
    display: none;
    padding: 50px 0; }

  .pr_wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .pr_wrapper .pr_left {
    width: 100%;
    float: none;
    margin-bottom: 13px;
    display: block; }
    .pr_wrapper .pr_left .pdcnt_img_group {
      display: none;
      max-width: inherit;
      width: 100%; }
      .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main {
        margin: 0 0 35px; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main img {
          width: 100%; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-prev {
          background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
          width: 50px;
          height: 100%;
          left: 0;
          z-index: 1; }
          .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-prev:before {
            display: none; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-next {
          background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
          width: 50px;
          height: 100%;
          right: 0;
          z-index: 1; }
          .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_main .slick-next:before {
            display: none; }
      .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_thumb {
        margin: 0 20px; }
        .pr_wrapper .pr_left .pdcnt_img_group .pdcnt_img_group_thumb img {
          margin: 0 10px; }
      .pr_wrapper .pr_left .pdcnt_img_group.active {
        display: block; }
    .pr_wrapper .pr_position {
        max-width: inherit;
    }
  .pr_wrapper .pr_right {
    width: 100%;
    float: none;
    padding-left: 0;
    position: relative; }
    .pr_wrapper .pr_right:after {
      content: "";
      display: table;
      clear: both; }
    .pr_wrapper .pr_right .pr_data .pr_info {
      color: #e2534b;
      font-size: 22px;
      letter-spacing: 1px;
      margin-bottom: 10px; }
    .pr_wrapper .pr_right .pr_data .pr_title {
        color: #666666;
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 7px;
        max-width: inherit;
        width: calc(100% - 24px);
    }
    .pr_wrapper .pr_right .pr_data .pr_pdno {
      color: #999999;
      font-size: 11px;
      margin-bottom: 27px; }
    .pr_wrapper .pr_right .pr_data .pr_pricewrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: end;
          align-items: flex-end;
      margin-bottom: 24px; }
      .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_saleprice {
        color: #e2534b;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-right: 8px; }
      .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_defaultpricetext {
        color: #666666;
        font-size: 11px; }
      .pr_wrapper .pr_right .pr_data .pr_pricewrap .pr_defaultprice {
        color: #666666;
        font-size: 11px;
        text-decoration: line-through; }
    .pr_wrapper .pr_right .pr_data .pr_info1 {
      max-width: inherit;
      width: 100%;
      border-top: 1px solid #999999;
      border-bottom: 1px solid #999999;
      padding: 25px 0;
      margin-bottom: 14px; }
      .pr_wrapper .pr_right .pr_data .pr_info1 .pr_title1 {
        color: #666666;
        font-size: 13px;
        margin-bottom: 12px; }
      .pr_wrapper .pr_right .pr_data .pr_info1 .pr_list {
        color: #666666;
        font-size: 13px;
        margin-bottom: 12px; }
        .pr_wrapper .pr_right .pr_data .pr_info1 .pr_list:before {
          content: '';
          width: 12px;
          height: 11px;
          margin-right: 5px;
          background: url("/Content/images/zh-TW/icons/heart_list.png") no-repeat center center;
          display: inline-block; }
    .pr_wrapper .pr_right .pr_data .pdcnt_info_color {
      text-align: left;
      margin: 0 0 10px; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_color ul {
        margin: 5px 0 0; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_color li {
        display: inline-block;
        width: 26px;
        height: 26px;
        padding: 3px;
        margin: 0 3px 0 0; }
        .pr_wrapper .pr_right .pr_data .pdcnt_info_color li.active {
          border: solid 1px #333; }
        .pr_wrapper .pr_right .pr_data .pdcnt_info_color li a {
          display: block; }
        .pr_wrapper .pr_right .pr_data .pdcnt_info_color li img {
          max-width: 24px; }
    .pr_wrapper .pr_right .pr_data .pdcnt_info_size {
      text-align: left;
      margin: 0 0 10px; }
      .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap {
        max-width: inherit;
        width: 100%;
        display: none; }
        .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap select {
          border: 1px solid #999999; }
        .pr_wrapper .pr_right .pr_data .pdcnt_info_size .selectwrap.active {
          display: block; }
    .pr_wrapper .pr_right .pr_data .productsDetail_numwrap {
      width: 100%;
      margin-bottom: 20px; }
      .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select {
        float: none; }
        .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select .selectwrap {
          width: 100%; }
        .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select .input-group {
          width: 100%; }
          .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select .input-group .input-group-btn {
            width: 60px;
            height: 33px; }
            .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select .input-group .input-group-btn .bootstrap-touchspin-down {
              position: absolute;
              width: 60px;
              height: 33px;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
            .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .productsDetail_select .input-group .input-group-btn .bootstrap-touchspin-up {
              position: absolute;
              width: 60px;
              height: 33px;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
      .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .shoppingCart_touchwrap {
        width: 100%;
        border: 1px solid #999999;
        font-size: 15px;
        color: #333333;
        text-align: center; }
        .pr_wrapper .pr_right .pr_data .productsDetail_numwrap .shoppingCart_touchwrap .shoppingCart_touchspin1 {
          font-size: 15px;
          color: #333333;
          text-align: center;
          border: 0; }
    .pr_wrapper .pr_right .pr_btnwrap {
      margin-bottom: 25px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .pr_wrapper .pr_right .pr_btnwrap .pr_addcart {
        max-width: inherit;
        width: calc(100% / 2);
        display: block;
        float: none;
        color: #cdbab6;
        border: 1px solid #cdbab6;
        background: #ffffff;
        text-align: center;
        padding: 10px 0;
        margin-right: 20px;
        font-weight: bold;
        border-radius: 3px; }
        .pr_wrapper .pr_right .pr_btnwrap .pr_addcart.empty {
          display: none; }
      .pr_wrapper .pr_right .pr_btnwrap .pr_buy {
        display: none;
        max-width: inherit;
        width: calc(100% / 2);
        display: block;
        float: left;
        color: #ffffff;
        border: 1px solid #cdbab6;
        background: #cdbab6;
        text-align: center;
        padding: 10px 0;
        font-weight: bold;
        border-radius: 3px; }
      .pr_wrapper .pr_right .pr_btnwrap .productsDetail_preorderwrap {
        display: none; }
        .pr_wrapper .pr_right .pr_btnwrap .productsDetail_preorderwrap .productsDetail_date {
          color: #666666;
          font-size: 13px;
          line-height: 2;
          letter-spacing: 1px;
          clear: both; }
    .pr_wrapper .pr_right .pc_content {
      max-width: inherit;
      width: 100%;
      border-bottom: 1px solid #999999;
      margin-bottom: 10px; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_title {
        padding: 10px 0;
        position: relative;
        border-top: 1px solid #999999;
        cursor: pointer; }
        .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_num {
          vertical-align: top;
          display: inline-block;
          line-height: 1.5; }
        .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_title1 {
          display: inline-block;
          line-height: 1.5;
          color: #656565;
          font-size: 14px;
          font-weight: bold; }
        .pr_wrapper .pr_right .pc_content .qa_item .qa_title .qa_title2 {
          line-height: 1.5;
          color: #656565;
          font-size: 12px;
          float: right;
          margin-right: 5px; }
        .pr_wrapper .pr_right .pc_content .qa_item .qa_title i {
          content: '';
          background: url("/Content/images/zh-TW/icons/arrow_bottom.png") no-repeat center center;
          width: 8px;
          height: 8px;
          display: inline-block;
          float: right;
          margin-top: 7px;
          margin-right: 3px; }
      .pr_wrapper .pr_right .pc_content .qa_item .qa_block {
        padding: 10px 7px;
        line-height: 1.5;
        color: #656565;
        display: none;
        background: #e6dcda;
        font-size: 12px; }
    .pr_wrapper .pr_right .pr_social {
      display: -ms-flexbox;
      display: flex; }
      .pr_wrapper .pr_right .pr_social .pr_socialitem {
        display: block;
        max-width: 21px;
        margin-right: 10px; }
    .pr_wrapper .pr_right .pc_wishlist {
      position: absolute;
      right: 0;
      display: block;
      width: 24px;
      height: 23px; }
      .pr_wrapper .pr_right .pc_wishlist .pc_heart {
        width: 24px;
        height: 23px;
        display: inline-block;
        background: url("/Content/images/zh-TW/icons/heart1.png") no-repeat center center; }
      .pr_wrapper .pr_right .pc_wishlist .pc_heartactive {
        width: 24px;
        height: 23px;
        display: inline-block;
        background: url("/Content/images/zh-TW/icons/heart_active.png") no-repeat center center; }

  .pr_text2 {
    color: #484848;
    font-size: 19px;
    font-weight: bold;
    padding: 40px 0 15px; }

  .pr_addcontent {
    display: none; }

  .pr_margin {
    margin-bottom: 30px; }

  .df_brand3 {
    position: relative;
    margin-bottom: 40px; }
    .df_brand3 .df_title {
      border-bottom: 1px solid #999999;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .df_brand3 .df_title .df_title1 {
        color: #666666;
        font-size: 15px;
        font-weight: bold;
        display: block;
        padding-bottom: 3px;
        float: none;
        margin-right: 0;
        width: calc(100% / 3);
        text-align: center; }
        .df_brand3 .df_title .df_title1.active {
          color: #e2534b;
          font-size: 15px;
          font-weight: bold;
          border-bottom: 2px solid #e2534b; }
    .df_brand3 .df_content {
      padding: 15px 0;
      display: none; }
      .df_brand3 .df_content .df_title1 {
        color: #484848;
        font-size: 13px;
        font-weight: bold;
        display: block;
        margin: 5px 0;
        height: 14px;
        overflow: hidden; }
      .df_brand3 .df_content.active {
        display: block; }

  .pr_slider {
    max-width: 927px;
    width: 100%;
    margin: 0 auto;
    background: #fde6dd;
    padding: 7px 0 20px;
    margin-bottom: 40px; }
    .pr_slider .pr_bg {
      background: #ffffff;
      border-top: 2px solid #565656;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      border-bottom: 1px solid #cdcdcd;
      color: #646565;
      font-size: 17px;
      padding: 13px 5px; }
      .pr_slider .pr_bg .df_title {
        margin-bottom: 12px; }
        .pr_slider .pr_bg .df_title .df_title0 {
          color: #646565;
          font-size: 17px; }
      .pr_slider .pr_bg .df_sliderlist .df_item {
        margin: 0 10px;
        border: 1px solid #999999; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 {
          padding: 13px 10px; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data1 .pr_title2 {
            color: #646565;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.4;
            overflow: hidden;
            /*height: 33px;*/
            margin-bottom: 10px; }
        .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_price .pr_saleprice1 {
            color: #e2534b;
            font-size: 15px;
            font-weight: bold; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_price .pr_defaultprice1 {
            color: #565656;
            font-size: 13px;
            font-weight: bold;
            text-decoration: line-through; }
          .pr_slider .pr_bg .df_sliderlist .df_item .pr_data2 .pr_cart {
            max-width: 28px;
            width: 100%;
            display: block; }
      .pr_slider .pr_bg .df_sliderlist .slick-prev {
        background: url("/Content/images/zh-TW/icons/prev.png") no-repeat center center;
        width: 29px;
        height: 100%;
        left: -25px;
        z-index: 1; }
        .pr_slider .pr_bg .df_sliderlist .slick-prev:before {
          display: none; }
      .pr_slider .pr_bg .df_sliderlist .slick-next {
        background: url("/Content/images/zh-TW/icons/next.png") no-repeat center center;
        width: 29px;
        height: 100%;
        right: -25px;
        z-index: 1; }
        .pr_slider .pr_bg .df_sliderlist .slick-next:before {
          display: none; }
      .pr_slider .pr_bg .df_sliderlist .slick-dots {
        bottom: 24px; }
        .pr_slider .pr_bg .df_sliderlist .slick-dots li {
          width: 15px;
          height: 15px; }
          .pr_slider .pr_bg .df_sliderlist .slick-dots li button {
            width: 15px;
            height: 15px;
            border: 1px solid #fbe6e3;
            background: #fbe6e3;
            border-radius: 10px; }
            .pr_slider .pr_bg .df_sliderlist .slick-dots li button:before {
              content: ''; }
        .pr_slider .pr_bg .df_sliderlist .slick-dots li.slick-active button {
          border: 1px solid #565656;
          background: #565656;
          border-radius: 10px; }
          .pr_slider .pr_bg .df_sliderlist .slick-dots li.slick-active button:before {
            content: ''; } }
.ct_wrapper {
  padding: 0 10px; }
  .ct_wrapper .ct_txt {
    color: #000000;
    font-size: 12px;
    padding-bottom: 5px; }
    .ct_wrapper .ct_txt .ct_num {
      color: #ff0000;
      font-size: 17px;
      padding: 0 3px; }
  .ct_wrapper .ct_bg {
    background: #fde6dd;
    padding-bottom: 17px;
    margin-bottom: 40px; }
  .ct_wrapper .ct_wrap {
    margin-bottom: 12px;
    border: 1px solid #adadab;
    border-top: 2px solid #565656;
    background: #ffffff; }
    .ct_wrapper .ct_wrap .ct_nodata {
      letter-spacing: 2px;
      padding: 80px 0;
      text-align: center;
      color: #231815;
      font-size: 15px; }
    .ct_wrapper .ct_wrap .ct_data {
      padding: 19px 10px 13px;
      margin: 0 18px;
      border-bottom: 1px solid #999999; }
      .ct_wrapper .ct_wrap .ct_data .ct_item {
        margin-bottom: 17px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item:after {
          content: "";
          display: table;
          clear: both; }
        .ct_wrapper .ct_wrap .ct_data .ct_item .ct_link {
          max-width: 130px;
          width: 100%;
          display: block;
          float: left; }
        .ct_wrapper .ct_wrap .ct_data .ct_item .ct_info {
          float: left;
          margin-left: 30px;
          width: calc(100% - (100px + 77px)); }
          .ct_wrapper .ct_wrap .ct_data .ct_item .ct_info .ct_title1 {
            color: #646565;
            font-size: 15px;
            margin-bottom: 8px;
            /*line-height: 1.6;*/ }
        .ct_wrapper .ct_wrap .ct_data .ct_item .ct_close {
          float: right;
          max-width: 14px;
          width: 100%;
          display: block; }
      .ct_wrapper .ct_wrap .ct_data .ct_item1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-bottom: 17px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list .ct_pricewrap .ct_discount {
          color: #e2534b;
          font-size: 15px;
          margin-bottom: 5px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list .ct_pricewrap .ct_saleprice {
          color: #e2534b;
          font-size: 20px;
          margin-bottom: 5px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list .ct_pricewrap .ct_subtotal {
            color: #e2534b;
            font-size: 15px;
            margin-bottom: 5px;
        }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list .ct_price {
            color: #646565;
            font-size: 13px;
            text-decoration: line-through;
            text-align: left;
        }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list1 {
          width: 15%; }
      .ct_wrapper .ct_wrap .ct_data .ct_item2 {
        color: #e2534b;
        font-size: 12px; }
      .ct_wrapper .ct_wrap .ct_data .ct_title2 {
        color: #646565;
        font-size: 15px;
        margin-bottom: 10px; }
      .ct_wrapper .ct_wrap .ct_data .ct_item3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-bottom: 20px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_item4 {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_item4:after {
            content: "";
            display: table;
            clear: both; }
          .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_item4 .ct_tooltip {
            color: #5999d0;
            font-size: 13px;
            padding: 4px;
            border: 1px solid #5999d0;
            float: left;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            margin-right: 5px; }
            .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_item4 .ct_tooltip:before {
              content: '';
              background: url(/Content/images/zh-TW/icons/ct_icon.jpg) center center no-repeat;
              width: 14px;
              height: 13px;
              display: inline-block; }
          .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_item4 .ct_price1 {
            color: #646565;
            font-size: 13px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_txt1 {
          color: #4391da;
          font-size: 14px;
          margin-top: 5px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_right .ct_link1 {
          max-width: 100px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_right .ct_txt2 {
          color: #e2534b;
          font-size: 14px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3:last-child {
          margin: 0; }
      .ct_wrapper .ct_wrap .ct_data:last-child {
        border: 0; }
  .ct_wrapper .ct_freeshipping {
    color: #cdbab6;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 28px; }
  .ct_wrapper .ct_totalwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-bottom: 30px; }
    .ct_wrapper .ct_totalwrap .ct_total {
      max-width: 410px;
      width: 100%; }
      .ct_wrapper .ct_totalwrap .ct_total .ct_item5 {
        color: #646565;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
        margin-bottom: 15px; }
        .ct_wrapper .ct_totalwrap .ct_total .ct_item5 .ct_title3 {
          width: 50%;
          text-align: right; }
        .ct_wrapper .ct_totalwrap .ct_total .ct_item5 .ct_num1 {
            width: 50%;
            text-align: right; }
      .ct_wrapper .ct_totalwrap .ct_total .ct_item6 {
        border-top: 1px solid #c6c6c6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        padding: 10px 0; }
        .ct_wrapper .ct_totalwrap .ct_total .ct_item6 .ct_title4 {
          width: 50%;
          text-align: right;
          color: #e2534b;
          font-size: 14px;
          font-weight: bold; }
        .ct_wrapper .ct_totalwrap .ct_total .ct_item6 .ct_num2 {
          width: 50%;
          text-align: right;
          color: #e2534b;
          font-size: 20px;
          font-weight: bold; }
  .ct_wrapper .ct_btnwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 100%;
    margin-bottom: 200px; }
    .ct_wrapper .ct_btnwrap .ct_btn1 {
      max-width: 167px;
      width: 100%;
      display: block;
      text-align: center;
      padding: 12px 0;
      background: #ffffff;
      color: #cdbab6;
      font-size: 13px;
      border: 1px solid #cdbab6;
      border-radius: 3px; }
    .ct_wrapper .ct_btnwrap .ct_btn2 {
      max-width: 167px;
      width: 100%;
      display: block;
      text-align: center;
      padding: 12px 0;
      background: #cdbab6;
      color: #ffffff;
      font-size: 13px;
      border: 1px solid #cdbab6;
      margin-left: 40px;
      border-radius: 3px; }

@media (max-width: 1023px) {
  .ct_wrapper {
    padding: 0;
    height: 100%; }
    .ct_wrapper .ct_bg {
      padding-bottom: 12px; }
    .ct_wrapper .ct_txt3 {
      color: #646565;
      font-size: 12px;
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .ct_wrapper .ct_txt3:before {
        content: '';
        background: url(/Content/images/zh-TW/icons/ct_icon.png) center center no-repeat;
        width: 13px;
        height: 13px;
        display: inline-block;
        margin-right: 5px; }
    .ct_wrapper .ct_wrap {
      margin-bottom: 18px;
      border: 1px solid #adadab;
      border-top: 2px solid #565656; }
      .ct_wrapper .ct_wrap .ct_title {
        background: #4a3730;
        color: #ffffff;
        font-size: 12px;
        letter-spacing: 3px;
        text-align: center;
        padding: 10px 0; }
      .ct_wrapper .ct_wrap .ct_nodata {
        letter-spacing: 2px;
        padding: 80px 0;
        text-align: center;
        color: #231815;
        font-size: 15px; }
      .ct_wrapper .ct_wrap .ct_data {
        padding: 19px 10px 13px;
        margin: 0; }
        .ct_wrapper .ct_wrap .ct_data .ct_item {
          margin-bottom: 17px; }
          .ct_wrapper .ct_wrap .ct_data .ct_item:after {
            content: "";
            display: table;
            clear: both; }
          .ct_wrapper .ct_wrap .ct_data .ct_item .ct_link {
            max-width: 100px;
            width: 100%;
            display: block;
            float: left; }
          .ct_wrapper .ct_wrap .ct_data .ct_item .ct_info {
            float: left;
            margin-left: 10px;
            width: calc(100% - (66px + 55px)); }
            .ct_wrapper .ct_wrap .ct_data .ct_item .ct_info .ct_title1 {
              color: #646565;
              font-size: 12px;
              margin-bottom: 8px;
              /*line-height: 1.6;*/ }
          .ct_wrapper .ct_wrap .ct_data .ct_item .ct_close {
            float: right;
            max-width: 10px;
            width: 100%;
            display: block; }
        .ct_wrapper .ct_wrap .ct_data .ct_item1 {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between;
          margin-bottom: 17px; }
          .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list .ct_price {
            color: #231815;
            font-size: 14px; }
          .ct_wrapper .ct_wrap .ct_data .ct_item1 .ct_list1 {
            width: 36%; }
        .ct_wrapper .ct_wrap .ct_data .ct_title2 {
          font-size: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .ct_wrapper .ct_wrap .ct_data .ct_title2:before {
            content: '';
            background: url(/Content/images/zh-TW/icons/ct_icon.png) center center no-repeat;
            width: 13px;
            height: 13px;
            display: inline-block;
            margin-right: 5px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_left .ct_txt1 {
          font-size: 12px; }
        .ct_wrapper .ct_wrap .ct_data .ct_item3 .ct_right .ct_txt2 {
          font-size: 12px; }
    .ct_wrapper .ct_freeshipping {
      font-size: 13px; }
    .ct_wrapper .ct_totalwrap .ct_total .ct_item5 {
      font-size: 12px; }
    .ct_wrapper .ct_totalwrap .ct_total .ct_item6 .ct_title4 {
      font-size: 12px; }
    .ct_wrapper .ct_totalwrap .ct_total .ct_item6 .ct_num2 {
      font-size: 14px; }
    .ct_wrapper .ct_btnwrap {
      margin-bottom: 28px; }
      .ct_wrapper .ct_btnwrap .ct_btn1 {
        max-width: inherit;
        margin-bottom: 7px; }
      .ct_wrapper .ct_btnwrap .ct_btn2 {
        max-width: inherit;
        margin-left: 0; } }
.ct_wrapper .op_prev {
  text-align: center;
  background: #c8161d;
  color: #ffffff;
  display: block;
  letter-spacing: 3px;
  padding: 18px 0;
  font-size: 17px; }
  .ct_wrapper .op_prev:before {
    content: '<';
    padding-left: 10px; }
.ct_wrapper .op_next {
  text-align: center;
  background: #c8161d;
  color: #ffffff;
  display: block;
  letter-spacing: 3px;
  padding: 18px 0;
  font-size: 17px; }
  .ct_wrapper .op_next:after {
    content: '>';
    padding-left: 10px; }
.ct_wrapper .op_data {
  padding: 25px 13px;
  margin-bottom: 40px; }
  .ct_wrapper .op_data .op_title {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px; }
    .ct_wrapper .op_data .op_title .op_addr {
      cursor: pointer;
      color: #cdbab6;
      padding-left: 15px; }
  .ct_wrapper .op_data .op_item {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .ct_wrapper .op_data .op_item .op_title1 {
      color: #000000;
      font-size: 13px;
      padding-top: 4px;
      width: 65px; }
    .ct_wrapper .op_data .op_item .op_addrwrap {
      display: -ms-flexbox;
      display: flex; }
    .ct_wrapper .op_data .op_item .op_label {
      margin-left: 10px; }
      .ct_wrapper .op_data .op_item .op_label input {
        border: 1px solid #676667;
        color: #534f4e; }
      .ct_wrapper .op_data .op_item .op_label select {
        border: 1px solid #676667;
        padding: 2px 0 2px 10px;
        color: #534f4e; }
    .ct_wrapper .op_data .op_item .op_choose {
      max-width: 130px;
      width: 100%;
      text-align: center;
      display: block;
      color: #000000;
      font-size: 13px;
      padding: 3px 0;
      border: 1px solid #626262;
      margin-left: 10px; }
    .ct_wrapper .op_data .op_item .op_error {
      width: 100%;
      margin-left: 75px; }
    .ct_wrapper .op_data .op_item .op_txt3 {
      width: 100%;
      margin-left: 75px;
      color: #c52020;
      font-size: 13px;
      margin-top: 5px; }
  .ct_wrapper .op_data .js_recipientInfoBox {
    display: none; }
    .ct_wrapper .op_data .js_recipientInfoBox.active {
      display: block; }
  .ct_wrapper .op_data .op_checkwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
  .ct_wrapper .op_data .op_check {
    font-size: 13px;
    margin-bottom: 15px;
    margin-left: 30px;
    color: #000000; }
    .ct_wrapper .op_data .op_check label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .ct_wrapper .op_data .op_check:first-child {
      margin-left: 0; }
  .ct_wrapper .op_data .op_invoiceType_info {
    display: none; }
    .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 10px; }
      .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_title2 {
        padding-top: 4px;
        color: #000000;
        font-size: 13px;
        width: 130px;
        display: block; }
      .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 {
        margin-left: 10px; }
        .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 select {
          border: 1px solid #676667;
          padding: 2px 0 2px 10px;
          color: #534f4e; }
        .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 input {
          border: 1px solid #676667;
          color: #534f4e; }
    .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_link2 {
      color: #939393;
      font-size: 13px; }
      .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_link2:hover {
        text-decoration: underline; }
    .ct_wrapper .op_data .op_invoiceType_info.active {
      display: block; }
  .ct_wrapper .op_data .op_num {
    padding-left: 35px;
    margin-bottom: 96px; }
    .ct_wrapper .op_data .op_num input {
      margin-left: 47px;
      font-size: 17px;
      color: #231815;
      max-width: 566px;
      width: 100%; }
      .ct_wrapper .op_data .op_num input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #231815; }
      .ct_wrapper .op_data .op_num input::-moz-placeholder {
        /* Firefox 19+ */
        color: #231815; }
      .ct_wrapper .op_data .op_num input::-ms-input-placeholder {
        /* IE 10+ */
        color: #231815; }
      .ct_wrapper .op_data .op_num input::-moz-placeholder {
        /* Firefox 18- */
        color: #231815; }
      .ct_wrapper .op_data .op_num input:first-child {
        margin-left: 0; }
  .ct_wrapper .op_data .op_btnwrap:after {
    content: "";
    display: table;
    clear: both; }
  .ct_wrapper .op_data .op_btnwrap .op_btnleft {
    width: 49%;
    float: left; }
  .ct_wrapper .op_data .op_btnwrap .op_btnright {
    width: 49%;
    float: right; }
.ct_wrapper .op_num {
  color: #646565;
  font-size: 16px; }
.ct_wrapper .op_price {
  color: #e2534b;
  font-size: 20px;
  font-weight: bold; }
.ct_wrapper .op_totalwrap {
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .ct_wrapper .op_totalwrap .op_data1wrap {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 5px; }
      .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_txt {
        color: #646565;
        font-size: 12px; }
      .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_txt1 {
        color: #e2534b;
        font-size: 12px; }
      .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_input {
        border: 0;
        border-bottom: 1px solid #4d4d4d;
        max-width: 120px;
        width: 100%; }
      .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_link {
        display: block;
        color: #646565;
        font-size: 12px;
        border: 1px solid #595859;
        text-align: center;
        max-width: 41px;
        width: 100%;
        padding: 3px 0;
        margin-left: 5px; }
      .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_select {
        margin-left: 5px;
        width: 64%; }
        .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_select select {
          max-width: 175px;
          border: 1px solid #565656;
          color: #646565; }
.ct_wrapper .op_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 120px; }
  .ct_wrapper .op_btn .op_back {
    width: calc(100% / 2 - 25px);
    background: #13b5b1;
    display: block;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    line-height: 1.4;
    font-weight: bold; }
  .ct_wrapper .op_btn .op_done {
    width: calc(100% / 2 - 25px);
    background: #ff0076;
    display: block;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    margin-left: 50px;
    padding: 20px 0;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
    font-weight: bold;
    line-height: 1.4; }
    .ct_wrapper .op_btn .op_done:disabled {
      cursor: default;
      opacity: 0.5; }

.op_message {
  margin-bottom: 40px; }
  .op_message label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .op_message label .op_span {
      color: #231815;
      font-size: 12px;
      display: block;
      width: 95%;
      line-height: 1.6; }
      .op_message label .op_span a {
        color: #939393;
        padding: 0 5px; }
        .op_message label .op_span a:hover {
          text-decoration: underline; }

.op_slider {
  margin-bottom: 40px; }

.op_invoicewrap {
  margin-top: 50px;
  margin-bottom: 40px; }

.op_invoicetxt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #000000;
  font-size: 13px;
  margin-bottom: 5px; }

.op_invoicetxt1 {
  color: #c52020;
  font-size: 13px;
  margin-bottom: 20px; }

.op_invoicetxt2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 5px; }
  .op_invoicetxt2 .op_txt4 {
    color: #000000;
    font-size: 13px; }

.op_setting span {
  color: #000000;
  font-size: 13px; }

.op_txt2 {
  color: #000000;
  font-size: 13px;
  margin-bottom: 15px; }
  .op_txt2 .op_link1 {
    color: #939393; }
    .op_txt2 .op_link1:hover {
      text-decoration: underline; }

.op_phonebook {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.87);
  top: 0;
  left: 0;
  z-index: 10;
  overflow-y: hidden;
  display: none; }
  .op_phonebook .op_content {
    max-width: 664px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #ffffff;
    padding: 30px;
    display: inline-table; }
    .op_phonebook .op_content .popup_title {
      text-align: center;
      color: #484848;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px; }
    .op_phonebook .op_content .op_table {
      height: 230px;
      overflow-y: auto; }
      .op_phonebook .op_content .op_table .addrBook_table {
        width: 100%; }
        .op_phonebook .op_content .op_table .addrBook_table th {
          text-align: center;
          background: #4a3730;
          color: #ffffff;
          padding: 10px 0; }
        .op_phonebook .op_content .op_table .addrBook_table td {
          padding: 10px 0;
          vertical-align: middle;
          color: #484848;
          font-size: 17px; }
          .op_phonebook .op_content .op_table .addrBook_table td:nth-child(4) {
            width: 300px; }
    .op_phonebook .op_content .btn_recipientInfo {
      text-align: center;
      background: #4a3730;
      color: #ffffff;
      padding: 10px 0;
      font-size: 19px;
      display: block;
      margin: 10px auto;
      max-width: 230px;
      width: 100%; }
    .op_phonebook .op_content .op_close {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      top: 0;
      right: -50px; }
.op_phonebook1 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    z-index: 10;
    overflow-y: hidden;
    display: none;
}

    .op_phonebook1 .op_content {
        max-width: 372px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #cdbab6;
        padding: 30px;
        height: 170px;
    }

        .op_phonebook1 .op_content .op_datawrap {
            max-width: 250px;
            width: 100%;
            margin: 0 auto;
        }

        .op_phonebook1 .op_content .popup_title {
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            text-decoration: underline;
            margin-bottom: 20px;
            font-family: 微軟正黑體;
        }

        .op_phonebook1 .op_content .login_inptWrap input {
            color: #ffffff;
            font-size: 14px;
            border: 0;
            border-bottom: 1px solid #ffffff;
            letter-spacing: 1px;
            font-family: 微軟正黑體;
        }

            .op_phonebook1 .op_content .login_inptWrap input::-webkit-input-placeholder {
                color: #ffffff;
                font-size: 14px;
                text-align: center;
                letter-spacing: 1px;
                font-family: 微軟正黑體;
            }

            .op_phonebook1 .op_content .login_inptWrap input::-moz-placeholder {
                color: #ffffff;
                font-size: 14px;
                text-align: center;
                letter-spacing: 1px;
                font-family: 微軟正黑體;
            }

            .op_phonebook1 .op_content .login_inptWrap input::-ms-input-placeholder {
                color: #ffffff;
                font-size: 14px;
                text-align: center;
                letter-spacing: 1px;
                font-family: 微軟正黑體;
            }

            .op_phonebook1 .op_content .login_inptWrap input::-moz-placeholder {
                color: #ffffff;
                font-size: 14px;
                text-align: center;
                letter-spacing: 1px;
                font-family: 微軟正黑體;
            }

        .op_phonebook1 .op_content .btn_recipientInfo {
            text-align: center;
            background: #ffffff;
            color: #cdbab6;
            padding: 10px 0;
            font-size: 15px;
            display: block;
            margin: 12px auto 0;
            max-width: 58px;
            width: 100%;
            font-family: 微軟正黑體;
        }

        .op_phonebook1 .op_content .op_close {
            width: 19px;
            height: 20px;
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
        }

.op_pc_freeshipping {
  display: block; }

.op_phone_freeshipping {
  display: none; }

.op_addr1 {
  display: none; }
  .op_addr1.active {
    display: block; }

.op_txt5 {
    font-size: 12px;
    font-weight: bold;
}

.op_select5 {
    margin-top: 10px;
    margin-bottom: 0;
}

.op_zip {
    width: 65px;
}

@media (max-width: 1023px) {
    .ct_wrapper .ct_bg {
        margin-bottom: 0;
    }

    .ct_wrapper .op_prev {
        text-align: center;
        background: #c8161d;
        color: #ffffff;
        display: block;
        letter-spacing: 3px;
        padding: 18px 0;
        font-size: 17px;
    }

        .ct_wrapper .op_prev:before {
            content: '<';
            padding-left: 10px;
        }

    .ct_wrapper .op_next {
        text-align: center;
        background: #c8161d;
        color: #ffffff;
        display: block;
        letter-spacing: 3px;
        padding: 18px 0;
        font-size: 17px;
    }

        .ct_wrapper .op_next:after {
            content: '>';
            padding-left: 10px;
        }

    .ct_wrapper .op_message {
        margin-bottom: 40px;
    }

        .ct_wrapper .op_message label .op_span {
            width: 90%;
        }

    .ct_wrapper .op_btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 120px;
    }

        .ct_wrapper .op_btn .op_back {
            width: calc(100% / 2 - 25px);
            background: #13b5b1;
            display: block;
            color: #ffffff;
            font-size: 22px;
            text-align: center;
            padding: 20px 0;
        }

        .ct_wrapper .op_btn .op_done {
            width: calc(100% / 2 - 25px);
            background: #ff0076;
            display: block;
            color: #ffffff;
            font-size: 22px;
            text-align: center;
            margin-left: 50px;
            padding: 20px 0;
        }

    .op_phonebook1 .op_content {
        max-width: 372px;
        width: 95%;
    }

    .op_phonebook1 .op_content {
        max-width: 372px;
        width: 95%;
    }
}
@media (max-width: 767px) {
    .ct_wrapper .op_totalwrap {
        display: block;
    }

        .ct_wrapper .op_totalwrap .op_data1wrap {
            width: 100%;
            max-width: 276px;
        }

            .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 {
                margin-bottom: 20px;
            }

                .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 5px;
                }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_txt {
                        color: #646565;
                        font-size: 12px;
                    }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_txt1 {
                        color: #e2534b;
                        font-size: 12px;
                    }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_input {
                        border: 0;
                        border-bottom: 1px solid #4d4d4d;
                        max-width: 93px;
                        width: 100%;
                    }
                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_input1 {
                        border: 0;
                        border-bottom: 1px solid #4d4d4d;
                        width: calc(100% - 72px);
                    }
                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_phone_input {
                        max-width: 202px;
                    }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_link {
                        display: block;
                        color: #646565;
                        font-size: 12px;
                        border: 1px solid #595859;
                        text-align: center;
                        max-width: 41px;
                        width: 100%;
                        padding: 3px 0;
                        margin-left: 5px;
                    }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_select {
                        margin-left: 5px;
                        width: 61%;
                    }

                        .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_list .op_select select {
                            max-width: 175px;
                            border: 1px solid #565656;
                            color: #646565;
                        }

                .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_phone_list .op_select {
                    width: 79%;
                }

                    .ct_wrapper .op_totalwrap .op_data1wrap .op_data1 .op_phone_list .op_select select {
                        max-width: inherit;
                    }

        .ct_wrapper .op_totalwrap .ct_total {
            max-width: inherit;
            margin: 0 auto;
        }

    .ct_wrapper .op_data {
        padding: 25px 0;
        margin-bottom: 0;
    }

        .ct_wrapper .op_data .op_title {
            color: #000000;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 15px;
        }

            .ct_wrapper .op_data .op_title .op_addr {
                cursor: pointer;
                color: #cdbab6;
                padding-left: 15px;
            }

        .ct_wrapper .op_data .op_item {
            display: block;
        }

            .ct_wrapper .op_data .op_item .op_title1 {
                width: 100%;
                margin-bottom: 10px;
                display: block;
            }

            .ct_wrapper .op_data .op_item .op_addrwrap {
                display: block;
            }

            .ct_wrapper .op_data .op_item .op_label {
                margin-left: 0;
                margin-bottom: 10px;
                display: block;
            }

            .ct_wrapper .op_data .op_item .op_choose {
                max-width: inherit;
                width: 100%;
                margin-left: 0;
                margin-bottom: 10px;
            }

            .ct_wrapper .op_data .op_item .op_error {
                margin-left: 0;
            }

            .ct_wrapper .op_data .op_item .op_txt3 {
                margin-left: 0;
            }

        .ct_wrapper .op_data .op_checkwrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .ct_wrapper .op_data .op_check {
            margin-bottom: 15px;
            margin-left: 0;
            width: calc(100% / 3);
        }

            .ct_wrapper .op_data .op_check label {
                -ms-flex-align: start;
                align-items: flex-start;
                line-height: 18px;
            }

            .ct_wrapper .op_data .op_check:first-child {
                margin-left: 0;
            }

        .ct_wrapper .op_data .op_invoiceType_info {
            display: none;
        }

            .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: 10px;
            }

                .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_title2 {
                    width: 100%;
                    display: block;
                    margin-bottom: 10px;
                }

                .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 {
                    margin-left: 0;
                    width: 100%;
                }

                    .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 select {
                        border: 1px solid #676667;
                        padding: 2px 0 2px 10px;
                        color: #534f4e;
                    }

                    .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 input {
                        width: 100%;
                    }

                    .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_itme1wrap .op_label1 .op_phone_select {
                        margin-bottom: 10px;
                    }

            .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_link2 {
                color: #939393;
            }

                .ct_wrapper .op_data .op_invoiceType_info .op_item1 .op_link2:hover {
                    text-decoration: underline;
                }

            .ct_wrapper .op_data .op_invoiceType_info.active {
                display: block;
            }

        .ct_wrapper .op_data .op_num {
            padding-left: 35px;
            margin-bottom: 96px;
        }

            .ct_wrapper .op_data .op_num input {
                margin-left: 47px;
                font-size: 17px;
                color: #231815;
                max-width: 566px;
                width: 100%;
            }

                .ct_wrapper .op_data .op_num input::-webkit-input-placeholder {
                    /* Chrome/Opera/Safari */
                    color: #231815;
                }

                .ct_wrapper .op_data .op_num input::-moz-placeholder {
                    /* Firefox 19+ */
                    color: #231815;
                }

                .ct_wrapper .op_data .op_num input::-ms-input-placeholder {
                    /* IE 10+ */
                    color: #231815;
                }

                .ct_wrapper .op_data .op_num input::-moz-placeholder {
                    /* Firefox 18- */
                    color: #231815;
                }

                .ct_wrapper .op_data .op_num input:first-child {
                    margin-left: 0;
                }

        .ct_wrapper .op_data .op_btnwrap:after {
            content: "";
            display: table;
            clear: both;
        }

        .ct_wrapper .op_data .op_btnwrap .op_btnleft {
            width: 49%;
            float: left;
        }

        .ct_wrapper .op_data .op_btnwrap .op_btnright {
            width: 49%;
            float: right;
        }

    .op_invoicetxt {
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 18px;
    }

        .op_invoicetxt input[type="checkbox"] {
            width: 13px;
        }

        .op_invoicetxt .op_invoicecheck {
            width: calc(100% - 13px);
        }

    .op_invoicetxt1 {
        line-height: 18px;
    }

    .op_invoicetxt2 {
        display: block;
    }

        .op_invoicetxt2 .op_txt4 {
            margin-bottom: 10px;
            display: block;
        }

    .op_txt2 {
        line-height: 18px;
    }

    .op_pc_freeshipping {
        display: none;
    }

    .op_phone_freeshipping {
        display: block;
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
    }

    .op_zip {
        width: 100%;
    }
}
.of_title {
  color: #cdbab6;
  font-size: 31px;
  text-align: center;
  margin: 100px 0 40px; }

.of_txt {
    color: #646565;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
}

  .of_txt:hover {
    text-decoration: underline; }

.of_btn {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  display: block;
  background: #cdbab6;
  max-width: 167px;
  width: 100%;
  margin: 0 auto 164px;
  padding: 12px 0;
  border-radius: 3px; }

.of_margin {
  margin-bottom: 45px; }

@media (max-width: 1023px) {
  .of_title {
    font-size: 18px;
    margin: 0 0 40px; }

  .of_txt {
    font-size: 10px; }

  .of_margin {
    margin-bottom: 30px; }

  .of_btn {
    margin: 0 auto 30px; } }
/*------------------------------------*\
  #login / register / fpw
\*------------------------------------*/
.lg_wrapper {
  padding: 0 10px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .lg_wrapper .lg_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .lg_wrapper .lg_wrap .lg_item {
      width: 50%;
      border-right: 1px solid #413d3c;
      padding: 0 40px; }
      .lg_wrapper .lg_wrap .lg_item .lg_title {
        color: #c0a19b;
        font-size: 19px;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px; }
      .lg_wrapper .lg_wrap .lg_item .lg_content {
        color: #565656;
        font-size: 14px;
        text-align: center;
        margin-bottom: 50px;
        line-height: 20px; }
      .lg_wrapper .lg_wrap .lg_item .lg_datawrap {
        max-width: 317px;
        width: 100%;
        margin: 0 auto; }
        .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label {
          margin-bottom: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_select {
            width: 98px;
            border: 0;
            border-bottom: 1px solid #757575;
            color: #565656; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position {
            position: relative;
            width: calc(100% - 98px - 5px);
            margin-left: 5px;
            display: block;
            padding-top: 1px; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position:after {
              content: '';
              background: url("/Content/images/zh-TW/icons/lg_phone.png") no-repeat center center;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 5px;
              width: 11px;
              height: 17px;
              margin: auto; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position1 {
            position: relative;
            width: 100%;
            display: block; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position1:after {
              content: '';
              background: url("/Content/images/zh-TW/icons/lg_pwd.png") no-repeat center center;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 5px;
              width: 10px;
              height: 13px;
              margin: auto; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position2 {
            position: relative;
            width: 100%;
            display: block; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_position2 .lg_captcha {
              position: absolute;
              top: 0;
              bottom: 20px;
              right: 5px;
              margin: auto;
              width: 80px;
              height: 29px;
              cursor: pointer; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_input {
            border: 0;
            border-bottom: 1px solid #757575;
            color: #565656;
            padding: 3px 26px 3px 10px; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_input::-webkit-input-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_input::-moz-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_input::-ms-input-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lg_input:-moz-placeholder {
              color: #565656; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_label .lb_captcha {
            padding: 3px 95px 3px 10px; }
        .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_function {
          display: block;
          margin-bottom: 40px; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_function .lg_label1 {
            color: #565656;
            font-size: 13px;
            display: block;
            margin-bottom: 10px; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_function .lg_fpw {
            color: #c0a19b;
            font-size: 13px;
            display: block; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_function .lg_fpw:hover {
              text-decoration: underline; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_function .lg_fpw:before {
              content: '';
              background: url("/Content/images/zh-TW/icons/forgot.png") no-repeat center center;
              width: 13px;
              height: 13px;
              display: inline-block;
              margin: 0 7px 0 3px; }
        .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_btn {
          max-width: 243px;
          width: 100%;
          background: #c0a19b;
          color: #ffffff;
          display: block;
          text-align: center;
          padding: 10px 0;
          letter-spacing: 2px;
          margin: 0 auto 15px;
          font-size: 12px; }
        .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_fb {
          max-width: 243px;
          width: 100%;
          margin: 0 auto 15px;
          display: block; }
        .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_txt {
          color: #565656;
          font-size: 13px;
          text-align: center;
          line-height: 20px; }
          .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_txt a {
            color: #4a90e2; }
            .lg_wrapper .lg_wrap .lg_item .lg_datawrap .lg_txt a:hover {
              text-decoration: underline; }
      .lg_wrapper .lg_wrap .lg_item .lg_wrap1 {
        max-width: 317px;
        width: 100%;
        margin: 0 auto; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt1 {
          color: #565656;
          font-size: 17px;
          text-align: center;
          margin-bottom: 10px; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt2 {
          color: #565656;
          font-size: 14px;
          text-align: center;
          margin-bottom: 10px; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_step {
          max-width: 232px;
          width: 100%;
          margin: 0 auto 20px; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label {
          margin-bottom: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_select {
            width: 98px;
            border: 0;
            border-bottom: 1px solid #757575;
            color: #565656; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_position {
            position: relative;
            width: calc(100% - 98px - 5px);
            margin-left: 5px;
            display: block;
            padding-top: 1px; }
            .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_position:after {
              content: '';
              background: url("/Content/images/zh-TW/icons/lg_phone.png") no-repeat center center;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 5px;
              width: 11px;
              height: 17px;
              margin: auto; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_input {
            border: 0;
            border-bottom: 1px solid #757575;
            color: #565656;
            padding: 3px 26px 3px 10px; }
            .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_input::-webkit-input-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_input::-moz-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_input::-ms-input-placeholder {
              color: #565656; }
            .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_label .lg_input:-moz-placeholder {
              color: #565656; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt3 {
          color: #565656;
          font-size: 14px;
          text-align: center;
          margin-bottom: 40px; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_btn1 {
          color: #ffffff;
          font-size: 12px;
          letter-spacing: 2px;
          background: #c0a19b;
          display: block;
          max-width: 107px;
          width: 100%;
          padding: 10px 0;
          text-align: center;
          margin: 0 auto; }
    .lg_wrapper .lg_wrap .no_border {
      border-right: 0; }
    .lg_wrapper .lg_wrap .lg_btn2 {
      color: #6f6a66;
      font-size: 14px;
      text-align: center;
      display: block;
      margin: 78px auto 117px;
      padding-bottom: 2px;
      border-bottom: 1px solid #6f6a66; }
  .lg_wrapper .lg_tabswrap {
    display: none; }
.lg_txt4 {
    font-size: 12px;
    color: #c52424;
    text-align: center;
    line-height: 20px;
}

.lg_mg35 {
    margin-bottom: 35px;
}


@media (max-width: 1023px) {
  .lg_wrapper {
    padding: 0; }
    .lg_wrapper .lg_tabswrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      background: #d7c8c5;
      padding-top: 1px; }
      .lg_wrapper .lg_tabswrap .lg_tabs {
        width: calc(100% / 2);
        text-align: center;
        background: #d7c8c5;
        color: #ffffff;
        padding: 15px 0; }
        .lg_wrapper .lg_tabswrap .lg_tabs.active {
          background: #ffffff;
          color: #d7c8c5; }
    .lg_wrapper .lg_wrap {
      display: block; }
      .lg_wrapper .lg_wrap .lg_item {
        border: 0;
        width: 100%;
        display: none;
        color: #ffffff;
        padding: 30px 10px 45px; }
        .lg_wrapper .lg_wrap .lg_item.active {
          display: block; }
        .lg_wrapper .lg_wrap .lg_item .lg_title {
          display: none; }
        .lg_wrapper .lg_wrap .lg_item .lg_content {
          display: none; }
        .lg_wrapper .lg_wrap .lg_item .lg_wrap1 {
          max-width: 254px; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt1 {
            color: #c0a19b;
            font-size: 15px; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt2 {
            font-size: 13px; }
          .lg_wrapper .lg_wrap .lg_item .lg_wrap1 .lg_txt3 {
            font-size: 11px; }
      .lg_wrapper .lg_wrap .lg_btn2 {
        display: none; } }
/*------------------------------------*\
  #register / register1 / fpw1,2,3
\*------------------------------------*/
.rt_wrap {
  padding: 110px 0 118px; }
  .rt_wrap .rt_item {
    max-width: 515px;
    width: 100%;
    height: 502px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .rt_wrap .rt_item .rt_data {
      max-width: 319px;
      width: 100%;
      margin: 0 auto; }
      .rt_wrap .rt_item .rt_data .rt_txt {
        color: #c0a19b;
        font-size: 19px;
        text-align: center;
        letter-spacing: 1px;
        margin-bottom: 15px; }
      .rt_wrap .rt_item .rt_data .rt_txt1 {
        color: #565656;
        font-size: 17px;
        text-align: center;
        letter-spacing: 1px;
        margin-bottom: 45px; }
      .rt_wrap .rt_item .rt_data .rt_txt2 {
        color: #565656;
        font-size: 14px;
        text-align: center;
        letter-spacing: 1px;
        margin-bottom: 45px; }
      .rt_wrap .rt_item .rt_data .rt_step {
        max-width: 232px;
        width: 100%;
        margin: 0 auto 30px; }
      .rt_wrap .rt_item .rt_data .rt_tel {
        max-width: 210px;
        width: 100%;
        margin: 0 auto 17px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        color: #000000;
        font-size: 17px; }
      .rt_wrap .rt_item .rt_data .lg_label {
        display: block;
        margin-bottom: 15px; }
        .rt_wrap .rt_item .rt_data .lg_label .lg_position {
          position: relative;
          width: 100%;
          display: block;
          padding-top: 1px; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_position:after {
            content: '';
            background: url("/Content/images/zh-TW/icons/lg_phone.png") no-repeat center center;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 5px;
            width: 11px;
            height: 17px;
            margin: auto; }
        .rt_wrap .rt_item .rt_data .lg_label .lg_position1 {
          position: relative;
          width: 100%;
          display: block; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_position1:after {
            content: '';
            background: url("/Content/images/zh-TW/icons/lg_pwd.png") no-repeat center center;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 5px;
            width: 10px;
            height: 13px;
            margin: auto; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_position1.active:after {
            content: '';
            background: url("/Content/images/zh-TW/icons/eye.jpg") no-repeat center center;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 5px;
            width: 16px;
            height: 10px;
            margin: auto; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_position1 .rt_link {
            width: 25px;
            height: 25px;
            position: absolute;
            right: -2px;
            bottom: 1px;
            display: block;
            z-index: 2; }
        .rt_wrap .rt_item .rt_data .lg_label .lg_input {
          border: 0;
          border-bottom: 1px solid #757575;
          color: #565656;
          padding: 3px 26px 3px 10px; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_input::-webkit-input-placeholder {
            color: #565656; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_input::-moz-placeholder {
            color: #565656; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_input::-ms-input-placeholder {
            color: #565656; }
          .rt_wrap .rt_item .rt_data .lg_label .lg_input:-moz-placeholder {
            color: #565656; }
      .rt_wrap .rt_item .rt_data .rt_num {
        color: #565656;
        font-size: 14px;
        text-align: center;
        margin-bottom: 40px;
        display: none; }
      .rt_wrap .rt_item .rt_data .rt_btnwrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .rt_wrap .rt_item .rt_data .rt_btnwrap .rt_btn {
          color: #ffffff;
          font-size: 12px;
          letter-spacing: 2px;
          background: #c0a19b;
          display: block;
          max-width: 107px;
          width: 100%;
          padding: 10px 0;
          text-align: center;
          margin: 0 auto;
          border: 0;
          cursor: pointer;
          border-radius: inherit; }
        .rt_wrap .rt_item .rt_data .rt_btnwrap .rt_btn1 {
          color: #ffffff;
          font-size: 12px;
          letter-spacing: 2px;
          background: #c0a19b;
          display: block;
          max-width: 107px;
          width: 100%;
          padding: 10px 0;
          text-align: center;
          margin: 0 auto; }
      .rt_wrap .rt_item .rt_data .lg_txt {
        color: #565656;
        font-size: 13px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 20px; }
        .rt_wrap .rt_item .rt_data .lg_txt a {
          color: #4a90e2; }
          .rt_wrap .rt_item .rt_data .lg_txt a:hover {
            text-decoration: underline; }
      .rt_wrap .rt_item .rt_data .fpw_txt {
        color: #565656;
        font-size: 13px;
        text-align: center;
        margin-top: 20px; }
  .rt_wrap .rt_btn2 {
    color: #6f6a66;
    font-size: 14px;
    text-align: center;
    margin: 78px auto 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #6f6a66;
    display: block;
    max-width: 190px;
    width: 100%; }

.fpw_fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66);
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .fpw_fixed .fpw_success {
    width: 314px;
    height: 77px;
    background: #ffffff;
    color: #565656;
    font-size: 17px;
    letter-spacing: 2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
    /*IE 8*/
    /*FF 3.5+*/
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 5px; }

@media (max-width: 1023px) {
  .rt_wrap {
    padding: 0 10px; }
    .rt_wrap .rt_item {
      border: 0; }
      .rt_wrap .rt_item .rt_data .rt_btnwrap {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .rt_wrap .rt_item .rt_data .rt_btnwrap .rt_btn {
          color: #ffffff;
          font-size: 12px;
          letter-spacing: 2px;
          background: #c0a19b;
          display: block;
          max-width: 107px;
          width: 100%;
          padding: 10px 0;
          text-align: center;
          border: 0;
          cursor: pointer;
          border-radius: inherit; }
        .rt_wrap .rt_item .rt_data .rt_btnwrap .rt_btn1 {
          color: #ffffff;
          font-size: 12px;
          letter-spacing: 2px;
          background: #c0a19b;
          display: block;
          max-width: 107px;
          width: 100%;
          padding: 10px 0;
          text-align: center; }
    .rt_wrap .rt_btn2 {
      display: none; } }
.mb_wrapper .mb_right .mb_more, .mb_wrapper .mb_right .mb_wrap1 .mb_modify {
  width: 100%;
  display: block;
  text-align: center;
  color: #534f4e;
  font-size: 12px;
  border: 1px solid #534f4e;
  padding: 10px 0;
  margin-bottom: 35px; }

.mb_wrapper {
  padding: 0 10px; }
  .mb_wrapper .mb_top {
    padding: 50px 25px; }
    .mb_wrapper .mb_top .pd_list {
      float: right;
      display: -ms-flexbox;
      display: flex;
      padding-top: 20px; }
      .mb_wrapper .mb_top .pd_list .pd_pdwhat {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .mb_wrapper .mb_top .pd_list .pd_pdwhat img {
          width: 32px;
          height: 20px;
          display: block; }
      .mb_wrapper .mb_top .pd_list .pd_select {
        margin-left: 15px; }
        .mb_wrapper .mb_top .pd_list .pd_select select {
          color: #3e3a39;
          font-size: 16px;
          font-family: '微軟正黑體';
          background: transparent; }
      .mb_wrapper .mb_top .pd_list .select_arrowwrap {
        position: relative;
        display: inline-block;
        padding-right: 0;
        max-width: 180px; }
        .mb_wrapper .mb_top .pd_list .select_arrowwrap select {
          border: 0;
          border-bottom: 1px solid #ebebe8;
          outline: none;
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none; }
      .mb_wrapper .mb_top .pd_list .pd_all {
        color: #3e3a39;
        font-size: 16px;
        font-family: Arial;
        margin-left: 45px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mb_wrapper .mb_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mb_wrapper .mb_mobile_title {
    display: none; }
  .mb_wrapper .mb_left {
    width: 20%; }
    .mb_wrapper .mb_left .mb_pc_title {
      color: #cdbab6;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 65px; }
    .mb_wrapper .mb_left .mb_item {
      margin-bottom: 30px; }
      .mb_wrapper .mb_left .mb_item a {
        width: 100%;
        display: block;
        color: #534f4e;
        font-size: 12px;
        letter-spacing: 1px; }
  .mb_wrapper .mb_right {
    width: 80%; }
    .mb_wrapper .mb_right .mb_title {
      color: #cdbab6;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 10px; }
    .mb_wrapper .mb_right .mb_title1 {
      color: #d1ab9e;
      font-size: 12px;
      margin-bottom: 43px; }
    .mb_wrapper .mb_right .mb_more {
      max-width: 108px;
      float: right; }
    .mb_wrapper .mb_right .mb_wrap1 {
      max-width: 665px;
      width: 100%;
      clear: both; }
      .mb_wrapper .mb_right .mb_wrap1 .mb_item {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt {
          color: #534f4e;
          font-size: 13px;
          margin-right: 17px; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt1 {
          color: #534f4e;
          font-size: 13px;
          margin-right: 17px;
          width: 52px;
          text-align: justify;
          text-justify: inter-ideograph;
          -ms-text-justify: inter-ideograph;
          -moz-text-align-last: justify;
          -webkit-text-align-last: justify; }
          .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt1:after {
            content: '';
            display: inline-block;
            width: 100%; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt2 {
          color: #534f4e;
          font-size: 13px;
          margin-right: 17px;
          width: 66px;
          text-align: justify;
          text-justify: inter-ideograph;
          -ms-text-justify: inter-ideograph;
          -moz-text-align-last: justify;
          -webkit-text-align-last: justify; }
          .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt2:after {
            content: '';
            display: inline-block;
            width: 100%; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt3 {
          color: #534f4e;
          font-size: 13px;
          margin-right: 17px; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_link {
          color: #e37f6f;
          font-size: 13px;
          font-weight: bold;
          text-decoration: underline; }
      .mb_wrapper .mb_right .mb_wrap1 .mb_item1 {
        margin-bottom: 10px; }
      .mb_wrapper .mb_right .mb_wrap1 .mb_modify {
        max-width: 145px;
        margin-left: 15px; }

@media (max-width: 1023px) {
  .mb_wrapper {
    padding: 0 10px; }
    .mb_wrapper .mb_top {
      padding: 0; }
      .mb_wrapper .mb_top .pd_list {
        float: right;
        display: none;
        padding-top: 20px; }
        .mb_wrapper .mb_top .pd_list .pd_pdwhat {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          .mb_wrapper .mb_top .pd_list .pd_pdwhat img {
            width: 32px;
            height: 20px;
            display: block; }
        .mb_wrapper .mb_top .pd_list .pd_select {
          margin-left: 15px; }
          .mb_wrapper .mb_top .pd_list .pd_select select {
            color: #3e3a39;
            font-size: 16px;
            font-family: '微軟正黑體';
            background: transparent; }
        .mb_wrapper .mb_top .pd_list .select_arrowwrap {
          position: relative;
          display: inline-block;
          padding-right: 0;
          max-width: 84px; }
          .mb_wrapper .mb_top .pd_list .select_arrowwrap select {
            border: 0;
            border-bottom: 1px solid #ebebe8;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
                 appearance: none; }
        .mb_wrapper .mb_top .pd_list .pd_all {
          color: #3e3a39;
          font-size: 16px;
          font-family: Arial;
          margin-left: 45px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .mb_wrapper .mb_wrap {
      display: block;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .mb_wrapper .mb_pc_title {
      display: none; }
    .mb_wrapper .mb_mobile_title {
      display: block;
      text-align: center;
      padding: 20px 0;
      color: #4a3730;
      font-size: 13px;
      letter-spacing: 1px;
      border-bottom: 1px solid #231815;
      position: relative; }
      .mb_wrapper .mb_mobile_title:before {
        content: '';
        border: solid black;
        border-width: 0 1px 1px 0;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 2px;
        height: 2px;
        position: absolute;
        top: 5px;
        right: 20px;
        bottom: 0;
        pointer-events: none;
        color: #5b5b5b;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        margin: auto; }
      .mb_wrapper .mb_mobile_title.active:before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        background: #f5f5f5; }
    .mb_wrapper .mb_left {
      width: 100%;
      border-top: 0;
      padding-top: 0;
      display: none; }
      .mb_wrapper .mb_left .mb_item {
        margin-bottom: 0; }
        .mb_wrapper .mb_left .mb_item a {
          max-width: inherit;
          width: 100%;
          display: block;
          text-align: center;
          color: #595757;
          font-size: 13px;
          background: #efefe9;
          letter-spacing: 1px;
          padding: 20px 0;
          margin: 0 auto; }
    .mb_wrapper .mb_right {
      width: calc(100% / 1);
      margin-left: 0;
      margin-top: 20px; }
      .mb_wrapper .mb_right:after {
        content: "";
        display: table;
        clear: both; }
      .mb_wrapper .mb_right .mb_wrap1 {
        max-width: inherit; }
        .mb_wrapper .mb_right .mb_wrap1 .mb_item {
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px; }
          .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt {
            width: calc(100% - 86px); }
          .mb_wrapper .mb_right .mb_wrap1 .mb_item .mb_txt3 {
            width: calc(100% - 100px); } }
.ms_data {
  color: #646565;
  font-size: 13px; }
  .ms_data p {
    margin-bottom: 10px; }

.ms_link {
  color: #4a90e2;
  font-size: 13px; }
  .ms_link:hover {
    text-decoration: underline; }

.od_txt {
  color: #cb0d0d;
  font-size: 12px;
  line-height: 20px; }

.od_fixed {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.66); }
  .od_fixed .od_content {
    max-width: 597px;
    width: 100%;
    height: 592px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 6;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";
    /*IE 8*/
    /*FF 3.5+*/
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ }
    .od_fixed .od_content .od_close {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 10px;
      right: 10px; }
    .od_fixed .od_content .od_invoice {
      background: url(/Content/images/zh-TW/icons/invoice.png) center center no-repeat;
      width: 294px;
      height: 427px;
      margin: 30px auto 20px;
      position: relative; }
      .od_fixed .od_content .od_invoice .od_txt {
        color: #000000;
        font-weight: bold;
        position: absolute;
        top: 100px;
        left: 39px;
        font-size: 29px; }
      .od_fixed .od_content .od_invoice .od_txt1 {
        color: #000000;
        font-weight: bold;
        position: absolute;
        top: 129px;
        left: 42px;
        font-size: 27px; }
      .od_fixed .od_content .od_invoice .od_txt2 {
        color: #000000;
        position: absolute;
        top: 161px;
        left: 18px;
        font-size: 18px; }
      .od_fixed .od_content .od_invoice .od_txt3 {
        color: #000000;
        position: absolute;
        top: 184px;
        left: 17px;
        font-size: 18px; }
      .od_fixed .od_content .od_invoice .od_txt4 {
        color: #000000;
        position: absolute;
        top: 184px;
        left: 156px;
        font-size: 18px; }
        .od_fixed .od_content .od_invoice .od_txt6 {
            color: #000000;
            position: absolute;
            top: 208px;
            left: 156px;
            font-size: 18px;
        }
    .od_fixed .od_content .txtwrap {
      padding: 0 10px; }
      .od_fixed .od_content .txtwrap .od_txt5 {
        font-size: 14px;
        color: #000000;
        line-height: 20px; }

@media (max-width: 767px) {
  .od_fixed .od_content {
    max-width: inherit;
    overflow-y: auto;
    width: 95%;
    height: 500px; }
    .od_fixed .od_content .od_invoice {
      margin: 55px auto 20px; } }
.qa_txt {
  color: #646565;
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 20px; }

.qa_label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .qa_label .qa_title {
    width: 15%;
    color: #646565;
    font-size: 12px; }
  .qa_label .qa_textarea {
    width: 85%;
    height: 75px;
    resize: none;
    border: 1px solid #656565; }
  .qa_label .qa_error {
    margin-left: 15%; }

.qa_btn {
  margin-top: 10px;
  margin-left: 15%;
  margin-bottom: 15px;
  max-width: 157px;
  width: 100%;
  display: block;
  text-align: center;
  background: #c0a19b;
  color: #ffffff;
  padding: 5px 0;
  font-size: 12px;
  letter-spacing: 1px; }

.qa_qaitem {
  margin-bottom: 35px; }
  .qa_qaitem .qa_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px; }
  .qa_qaitem .qa_q {
    color: #646565;
    font-size: 12px; }
  .qa_qaitem .qa_a {
    color: #272727;
    font-size: 12px;
    font-weight: bold; }
  .qa_qaitem .qa_left {
    width: 5%; }
  .qa_qaitem .qa_right {
    width: 95%; }

@media (max-width: 1023px) {
  .qa_data {
    padding: 17px 0 !important; }

  .qa_label {
    display: block; }
    .qa_label .qa_title {
      width: 100%;
      margin-bottom: 10px; }
    .qa_label .qa_textarea {
      width: 100%; }

  .qa_error {
    margin-left: 0 !important; }

  .qa_btn {
    margin: 10px auto 15px; }

  .qa_qaitem .qa_left {
    width: 30px;
    line-height: 20px; }
  .qa_qaitem .qa_right {
    width: calc(100% - 30px);
    line-height: 20px; } }
.dc_data {
  border-top: 0 !important;
  padding: 0 0 17px !important; }

.dc_date {
  display: block; }

.dc_wrap {
  margin-bottom: 310px; }

.dc_txt {
  color: #e37f6f;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px; }

.dc_txt1 {
  color: #e37f6f;
  font-size: 12px;
  margin-bottom: 5px; }

.dc_btn {
  color: #ffffff;
  background: #c0a19b;
  font-size: 12px;
  max-width: 45px;
  display: block;
  text-align: center;
  padding: 5px 0;
  margin: 5px auto 0; }

@media (max-width: 1023px) {
  .dc_wrap {
    margin-bottom: 20px; }

  .dc_txt1 {
    line-height: 20px; }

  .dc_btn {
    max-width: inherit;
    width: 45px;
    display: inline-block;
    margin: 0 0 0 5px; } }
.pc_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.pc_txt {
  color: #534f4e;
  font-size: 12px;
  margin: 8px 15px; }

.pc_price {
  color: #ff2300;
  font-size: 12px;
  margin-left: 10px; }

.pc_btn {
    max-width: 110px;
    width: 100%;
    display: block;
    padding: 5px 0;
    background: #c0a19b;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
}

.pc_wrap {
  padding-bottom: 20px; }
  .pc_wrap .pc_title {
    color: #e37f6f;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px; }
  .pc_wrap .pc_content .pc_item {
    margin-bottom: 20px; }
    .pc_wrap .pc_content .pc_item .pc_title1 i {
      display: none; }
    .pc_wrap .pc_content .pc_item .pc_title1 span {
      color: #e37f6f;
      font-size: 12px;
      font-weight: bold; }
    .pc_wrap .pc_content .pc_item .pc_block {
      color: #534f4e;
      font-size: 12px;
      line-height: 20px; }

@media (max-width: 1023px) {
    pc_mobile_txt {
        margin: 8px 5px;
    }

  .pc_wrap {
    padding-bottom: 20px; }
    .pc_wrap .pc_title {
      color: #e37f6f;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 20px; }
    .pc_wrap .pc_content .pc_item {
      margin-bottom: 20px; }
      .pc_wrap .pc_content .pc_item .pc_title1 i {
        display: inline-block;
        color: #e37f6f;
        font-size: 12px;
        font-weight: bold; }
      .pc_wrap .pc_content .pc_item .pc_title1 span {
        color: #e37f6f;
        font-size: 12px;
        font-weight: bold; }
      .pc_wrap .pc_content .pc_item .pc_block {
        color: #534f4e;
        font-size: 12px;
        line-height: 20px;
        display: none; } }
.rf_data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 25px; }
  .rf_data .rf_title {
    color: #534f4e;
    font-size: 13px;
    width: 125px;
    padding-top: 6px; }
    .rf_data .rf_title .rf_star {
      color: #ff2300;
      font-size: 13px; }
  .rf_data .rf_wrapinput {
    width: calc(100% - 125px); 
    display: flex;
    align-items:center;

  }
    .rf_data .rf_wrapinput .rf_input {
      border: 1px solid #676667;
      max-width: 189px; }
    .rf_data .rf_wrapinput .rf_ctselect {
        height: 23px;
        margin-right: 10px;
    }
        .rf_data .rf_wrapinput .rf_selectwrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }


        .rf_data .rf_wrapinput .rf_selectwrap .rf_select {
            max-width: 85px;
            width: calc(100% / 3 - 10px);
            margin-right: 10px;
        }
.rf_selectwrap.js-birthday select, .rf_selectwrap.js-birthday span, .rf_selectwrap.js-birthday p {
    display: none;
}
.rf_selectwrap.js-birthday.has p {
    display: block;
}
.rf_selectwrap.js-birthday.none select, .rf_selectwrap.js-birthday.none span {
    display: inline-block;
}

  .rf_data .rf_price {
    color: #ff2300;
    font-size: 14px;
    padding-top: 6px; }

.rf_datawrap {
  padding: 20px 0; }
  .rf_datawrap .rf_data1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    color: #cb0d0d;
    font-size: 13px; }
    .rf_datawrap .rf_data1 .rf_item {
      width: 14px;
      line-height: 20px; }
    .rf_datawrap .rf_data1 .rf_info {
      width: calc(100% - 14px);
      line-height: 20px; }
      .rf_datawrap .rf_data1 .rf_info span {
        display: block; }

.rf_label {
  color: #534f4e;
  font-size: 13px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 30px; }

.rf_btn {
  max-width: 155px;
  width: 100%;
  text-align: center;
  display: block;
  color: #ffffff;
  background: #c0a19b;
  padding: 5px 0;
  font-size: 14px;
  margin-bottom: 162px; }

@media (max-width: 1023px) {
  .rf_data .rf_title {
    width: 85px; }
  .rf_data .rf_wrapinput {
    width: calc(100% - 85px); 
  }
    .rf_btn {
        margin: 0 auto 43px;
    } }
@media (max-width: 767px) {
    .rf_data .rf_wrapinput {
        width: calc(100% - 85px);
        display: block;
    }

        .rf_data .rf_wrapinput .rf_ctselect {
            margin-right: 0;
            margin-bottom: 10px;
            width: 100%;

        }
        .rf_data .rf_wrapinput .rf_ctinput {
            margin-bottom: 10px;
        }
            .rf_data .rf_wrapinput .rf_selectwrap {
        display: block;
    }

        .rf_data .rf_wrapinput .rf_selectwrap .rf_select {
            max-width: 189px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 10px;
            display: block;
        }
}
.si_btn {
  color: #ffffff;
  background: #c0a19b;
  font-size: 12px;
  max-width: 157px;
  display: block;
  text-align: center;
  padding: 5px 0; }

.bl_cart {
  width: 28px;
  height: 29px;
  margin-right: 10px; }

.bl_del {
  width: 19px;
  height: 20px; }

.bl_title {
  text-align: left;
  display: block; }

.bl_defaultprice {
  text-decoration: line-through; }

.bl_saleprice {
  color: #e2534b;
  font-size: 12px; }

.bl_btn {
  color: #ffffff;
  background: #cdbab6;
  font-size: 13px;
  display: block;
  text-align: center;
  max-width: 167px;
  width: 100%;
  margin: 0 auto 68px;
  padding: 10px 0;
  border-radius: 5px; }

@media (max-width: 1023px) {
  .bl_defaultprice {
    display: block; } }
.od_wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 45px; }
  .od_wrap .od_data {
    max-width: 345px;
    width: 100%; }
    .od_wrap .od_data .od_item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: end;
          align-items: flex-end;
      margin-bottom: 15px; }
      .od_wrap .od_data .od_item .od_title {
        color: #534f4e;
        font-size: 12px;
        width: 50%;
        text-align: right;
        display: block; }
        .od_wrap .od_data .od_item .od_title .od_txt {
          color: #e2534b;
          font-size: 12px; }
      .od_wrap .od_data .od_item .od_price {
        color: #534f4e;
        font-size: 12px;
        width: 50%;
        text-align: right;
        display: block; }
      .od_wrap .od_data .od_item .od_title1 {
        color: #e2534b;
        font-size: 14px;
        font-weight: bold;
        width: 50%;
        text-align: right;
        display: block; }
      .od_wrap .od_data .od_item .od_price1 {
        color: #e2534b;
        font-size: 20px;
        font-weight: bold;
        width: 50%;
        text-align: right;
        display: block; }
    .od_wrap .od_data .od_line {
      border-bottom: 1px solid #9f9f9e;
      margin-bottom: 20px; }
.od_alert {
    color: #e2534b;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    line-height: 16px;
}

.mp_title {
  color: #534f4e;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px; }

.mp_wrap {
  max-width: 1140px !important;
  margin-bottom: 130px; }

.mp_title1 {
  color: #534f4e;
  font-size: 13px;
  margin-bottom: 12px; }

.mp_phonewrap {
  padding-top: 5px; }
  .mp_phonewrap .mp_phone {
    color: #534f4e;
    font-size: 12px; }
  .mp_phonewrap .mp_txt {
    color: #d1ab9e;
    font-size: 12px; }

.mp_labelwrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .mp_labelwrap .mp_label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #534f4e;
    font-size: 12px; }

.mp_wrap1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mp_wrap1 .mp_select {
    margin-right: 10px; }
    .mp_wrap1 .mp_select select {
      color: #534f4e;
      font-size: 12px;
      height: 23px; }

.mp_btn {
  color: #534f4e;
  font-size: 12px;
  max-width: 83px;
  border: 1px solid #534f4f;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 40px; }

@media (max-width: 1023px) {
  .mp_wrap {
    margin-bottom: 0; }

  .mp_margin {
    margin-bottom: 10px; } }
.rt1_title {
  color: #534f4e;
  font-size: 12px;
  margin-bottom: 10px; }

.rt1_title1 {
  color: #cb0d0d;
  font-size: 12px;
  margin-bottom: 10px; }

.rt2_select {
  max-width: 39px;
  border: 1px solid #9f9f9e;
  height: 24px;
  color: #534f4e;
  font-size: 12px; }

.rt2_select1 {
  max-width: 130px;
  border: 1px solid #9f9f9e;
  height: 24px;
  color: #534f4e;
  font-size: 12px; }

.rt2_input {
  border: 1px solid #9f9f9e !important; }

.rt2_item {
  color: #534f4e;
  font-size: 13px;
  line-height: 20px; }

.rt2_item1 {
  color: #cb0d0d;
  font-size: 13px;
  line-height: 20px; }

.rt2_data {
  padding: 13px 0 30px !important; }

.rt2_checkwrap {
  margin-bottom: 30px; }
  .rt2_checkwrap label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #534f4e;
    font-size: 13px; }

.rt2_btn {
  max-width: 119px;
  width: 100%;
  display: block;
  text-align: center;
  color: #ffffff;
  background: #c0a19b;
  padding: 10px 0;
  font-size: 13px;
  margin-bottom: 225px;
  border-radius: 3px; }

.rt2_error {
    position: absolute !important;
    top: 22px;
    left: 4px;
}
@media (max-width: 1023px) {
  .rt2_checkwrap {
    margin-bottom: 15px; }

  .rt2_btn {
    margin-bottom: 23px; } }

.rt2_error {
    left: 60px;
}

}

@media (max-width: 767px) {
    .rt2_error {
        top: 0;
        left: 0;
        position: relative !important;
    }
}
.rt3_txt {
  color: #534f4e;
  font-size: 13px;
  border-top: 1px solid #534f4e;
  border-bottom: 1px solid #534f4e;
  padding: 13px 0;
  margin-bottom: 17px;
  line-height: 20px; }

.rt3_txt1 {
  color: #534f4e;
  font-size: 13px;
  margin-bottom: 8px; }

.rt3_data {
  max-width: 257px;
  width: 100%;
  height: 127px;
  border: 1px solid;
  margin: 20px 0 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .rt3_data .rt3_btn {
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    max-width: 100px;
    padding: 5px 0;
    background: #000000;
    display: block;
    margin: 0 auto 10px;
    letter-spacing: 1px; }
    .rt3_data .rt3_txt2 {
        color: #6f6a66;
        font-size: 24px;
        text-align: center;
        margin-bottom: 5px;
    }

.rt3_ul {
  margin-bottom: 184px;
  padding-left: 20px; }
  .rt3_ul li {
    list-style: disc;
    color: #534f4e;
    font-size: 13px;
    margin-bottom: 8px; }
  .rt3_ul .rt3_red {
    color: #cb0d0d; }

.rt3_mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .rt3_mask .rt3_content {
    max-width: 372px;
    width: 100%;
    height: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #cdbab6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";
    /*IE 8*/
    /*FF 3.5+*/
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .rt3_mask .rt3_content .rt3_title {
      color: #ffffff;
      font-size: 14px;
      text-decoration: underline;
      margin-bottom: 23px; }
    .rt3_mask .rt3_content .rt3_title1 {
      color: #ffffff;
      font-size: 14px;
      margin-bottom: 23px; }
    .rt3_mask .rt3_content .rt3_btn1 {
      max-width: 58px;
      width: 100%;
      display: block;
      text-align: center;
      padding: 10px 0;
      background: #ffffff;
      color: #cdbab6;
      font-size: 15px;
      margin: 0 auto;
      letter-spacing: 3px; }

.rt3_item {
    height: 120px;
}

@media (max-width: 1023px) {
  .rt3_txt1 {
    line-height: 20px; }

  .rt3_ul {
    margin-bottom: 15px; }
    .rt3_ul li {
      line-height: 20px; } }
@media (max-width: 767px) {
  .rt3_data {
    margin: 20px auto 45px; } }
.ns_title {
  color: #cdbab6;
  font-size: 45px;
  margin: 96px auto 80px;
  max-width: 1145px;
  width: 100%;
  padding: 0 13px; }

.ns_data {
  max-width: 1145px;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .ns_data .ns_item {
    max-width: 348px;
    width: calc(100% / 3);
    padding: 0 13px 58px; }
    .ns_data .ns_item .ns_link {
      width: 100%;
      display: block;
      margin-bottom: 10px; }
    .ns_data .ns_item .ns_title1 {
      color: #595859;
      font-size: 18px;
      margin-bottom: 8px;
      overflow: hidden;
      position: relative;
      line-height: 1.2em;
      max-height: 2.4em;
      text-align: justify;
      margin-right: 0;
      padding-right: 1em; }
      .ns_data .ns_item .ns_title1:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0; }
      .ns_data .ns_item .ns_title1:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white; }
    .ns_data .ns_item .ns_date {
      color: #595859;
      font-size: 12px;
      margin-bottom: 10px; }
    .ns_data .ns_item .ns_summary {
      color: #595859;
      font-size: 13px;
      margin-bottom: 10px;
      overflow: hidden;
      position: relative;
      line-height: 1.2em;
      max-height: 3.6em;
      text-align: justify;
      margin-right: 0;
      padding-right: 1em; }
      .ns_data .ns_item .ns_summary:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0; }
      .ns_data .ns_item .ns_summary:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white; }
    .ns_data .ns_item .ns_more {
      color: #000000;
      font-size: 12px;
      text-align: right;
      display: block; }

@media (max-width: 1023px) {
  .ns_data .ns_item {
    max-width: inherit;
    width: calc(100% / 2); } }
@media (max-width: 767px) {
  .ns_title {
    font-size: 20px;
    margin: 40px auto 27px;
    padding: 0;
    text-align: center; }

  .ns_data .ns_item {
    width: calc(100% / 1);
    padding: 0 0 30px; } }
.nd_title {
  color: #cdbab6;
  font-size: 45px;
  text-align: center;
  padding: 90px 0 82px; }

.nd_wrap {
  max-width: 1082px;
  width: 100%;
  margin: 0 auto; }
  .nd_wrap .nd_top {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #9f9f9e; }
    .nd_wrap .nd_top:after {
      content: "";
      display: table;
      clear: both; }
    .nd_wrap .nd_top .nd_title1 {
      color: #595859;
      font-size: 25px;
      margin-bottom: 10px; }
    .nd_title2 {
        color: #595859;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .nd_wrap .nd_top .nd_date {
      color: #595859;
      font-size: 14px;
      float: left; }
    .nd_wrap .nd_top .nd_link {
      color: #cdbab6;
      font-size: 15px;
      font-weight: bold;
      display: block;
      float: right; }
      .nd_wrap .nd_top .nd_link:hover {
        text-decoration: underline; }
  .nd_wrap .nd_share {
    color: #595859;
    font-size: 14px;
    font-weight: bold; }
  .nd_wrap .nd_txt {
    margin-bottom: 5px; }
  .nd_wrap .nd_sharebtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px; }
    .nd_wrap .nd_sharebtn .nd_icon {
      max-width: 21px;
      display: block;
      width: 100%;
      margin-right: 10px; }
  .nd_wrap .nd_iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .nd_wrap .nd_iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/*------------------------------------*\
  #aboutme, mqa, page
\*------------------------------------*/
.am_left {
    padding-top: 47px;
}



.am_top {
  margin-bottom: 25px; }
  .am_top:after {
    content: "";
    display: table;
    clear: both; }

.am_pc_title {
  margin-bottom: 15px !important; }

.am_item {
  margin-bottom: 20px !important; }

.am_title {
  color: #cdbab6;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #cdbab6;
  padding-bottom: 20px; }

.mqa_title {
  color: #cdbab6;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #cdbab6;
  padding-bottom: 10px; }

.mqa_title1 {
  display: block;
  color: #646565;
  font-size: 12px;
  margin-top: 10px; }

.am_content {
  color: #646565;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0; }
  .am_content .qa_item {
    margin-bottom: 15px; }
    .am_content .qa_item .qa_title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .am_content .qa_item .qa_title i {
        background: url("/Content/images/zh-TW/icons/mqa.png") center center no-repeat;
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 10px; }
      .am_content .qa_item .qa_title.active i {
        background: url("/Content/images/zh-TW/icons/mqa_active.png") center center no-repeat;
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 10px; }
      .am_content .qa_item .qa_title .qa_title1 {
        color: #646565;
        font-size: 12px; }
    .am_content .qa_item .qa_block {
      display: none; }

.pg_title1 {
  color: #9c9c9c;
  font-size: 13px;
  max-width: 955px;
  width: 100%;
  margin: 0 auto 18px;
  padding: 0 13px; }

.pg_title {
  color: #cdbab6;
  font-size: 45px;
  margin: 96px auto 80px;
  max-width: 1145px;
  width: 100%;
  padding: 0 13px;
  text-align: center; }

.pg_data {
  max-width: 955px;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .pg_data .pg_item {
    width: calc(100% / 3); }
    .pg_data .pg_item .pg_link {
      display: block;
      max-width: 293px;
      width: 100%;
      margin: 0 auto 27px; }

@media (max-width: 1023px) {
  .am_item {
    margin-bottom: 0 !important; }

  .pg_title {
    font-size: 20px;
    margin: 40px auto 27px;
    padding: 0;
    text-align: center; }

  .pg_data .pg_item {
    width: calc(100% / 2); }
    .pg_data .pg_item .pg_link {
      display: block;
      max-width: inherit;
      width: 100%;
      padding: 0 10px;
      margin: 0 auto 10px; } }
.gotop {
  width: 44px;
  height: 10px;
  position: fixed;
  right: 45px;
  bottom: 150px;
  opacity: 0;
  cursor: pointer;
  z-index: 9990; }

@media (max-width: 1023px) {
  .gotop {
    width: 44px;
    height: 10px;
    position: fixed;
    right: 20px;
    bottom: 150px;
    opacity: 0;
    cursor: pointer;
    z-index: 9990; } }
/*------------------------------------*\
  #footer
\*------------------------------------*/
footer {
  background: #fbe6e3;
  padding: 72px 0 70px; }
  footer .ft_infowrap {
    margin-bottom: 20px;
    text-align: center; }
    footer .ft_infowrap .ft_info {
      color: #565656;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 10px; }
    footer .ft_infowrap .ft_info1 {
      color: #565656;
      font-size: 19px;
      font-weight: bold;
      margin-bottom: 10px; }
    footer .ft_infowrap .ft_info2 {
      color: #565656;
      font-size: 11px;
      font-weight: bold;
      margin-bottom: 5px; }
    footer .ft_infowrap .ft_info3 {
      color: #565656;
      font-size: 11px;
      font-weight: bold;
      margin-bottom: 5px; }
    footer .ft_infowrap .ft_info4 {
      color: #565656;
      font-size: 11px;
      font-weight: bold; }
  footer .ft_inputwrap {
    max-width: 280px;
    width: 100%;
    margin: 0 auto; }
    footer .ft_inputwrap .ft_input {
      border-left: 0;
      border-right: 0;
      border-top: 0; }
      footer .ft_inputwrap .ft_input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #565656;
        font-size: 13px;
        text-align: center; }
      footer .ft_inputwrap .ft_input::-moz-placeholder {
        /* Firefox 19+ */
        color: #565656;
        font-size: 13px;
        text-align: center; }
      footer .ft_inputwrap .ft_input:-ms-input-placeholder {
        /* IE 10+ */
        color: #565656;
        font-size: 13px;
        text-align: center; }
      footer .ft_inputwrap .ft_input:-moz-placeholder {
        /* Firefox 18- */
        color: #565656;
        font-size: 13px;
        text-align: center; }
  footer .ft_social {
    padding: 35px 0 45px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    footer .ft_social .ft_sociallink {
      display: block;
      padding: 0 10px; }
  footer .ft_clearfix {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    footer .ft_clearfix .ft_list {
      width: calc(100% / 4);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      footer .ft_clearfix .ft_list .ft_item {
        display: table-cell; }
        footer .ft_clearfix .ft_list .ft_item .ft_title {
          position: relative;
          color: #565656;
          font-size: 13px;
          font-weight: bold;
          margin-bottom: 35px; }
        footer .ft_clearfix .ft_list .ft_item .ft_link {
          display: block;
          color: #565656;
          font-size: 13px;
          margin-bottom: 17px; }
          footer .ft_clearfix .ft_list .ft_item .ft_link:hover {
            text-decoration: underline; }
          footer .ft_clearfix .ft_list .ft_item .ft_link:last-child {
            margin-bottom: 0; }
    footer .ft_clearfix .ft_copyright {
      color: #565656;
      font-size: 13px;
      text-align: center;
      margin-top: 40px;
      width: 100%; }

.footer_mask {
  display: none; }

.footer_mitem {
  display: none; }

@media (max-width: 1023px) {
  footer {
    background: #fbe6e3;
    padding: 72px 0 70px; }
    footer .ft_infowrap {
      margin-bottom: 20px;
      text-align: center; }
      footer .ft_infowrap .ft_info {
        color: #565656;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px; }
      footer .ft_infowrap .ft_info1 {
        color: #565656;
        font-size: 19px;
        font-weight: bold;
        margin-bottom: 10px; }
      footer .ft_infowrap .ft_info2 {
        color: #565656;
        font-size: 11px;
        font-weight: bold;
        margin-bottom: 5px; }
      footer .ft_infowrap .ft_info3 {
        color: #565656;
        font-size: 11px;
        font-weight: bold;
        margin-bottom: 5px; }
      footer .ft_infowrap .ft_info4 {
        color: #565656;
        font-size: 11px;
        font-weight: bold; }
    footer .ft_inputwrap {
      max-width: 280px;
      width: 100%;
      margin: 0 auto; }
      footer .ft_inputwrap .ft_input {
        border-left: 0;
        border-right: 0;
        border-top: 0; }
        footer .ft_inputwrap .ft_input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #565656;
          font-size: 13px;
          text-align: center; }
        footer .ft_inputwrap .ft_input::-moz-placeholder {
          /* Firefox 19+ */
          color: #565656;
          font-size: 13px;
          text-align: center; }
        footer .ft_inputwrap .ft_input:-ms-input-placeholder {
          /* IE 10+ */
          color: #565656;
          font-size: 13px;
          text-align: center; }
        footer .ft_inputwrap .ft_input:-moz-placeholder {
          /* Firefox 18- */
          color: #565656;
          font-size: 13px;
          text-align: center; }
    footer .ft_social {
      padding: 35px 0 45px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      footer .ft_social .ft_sociallink {
        display: block;
        padding: 0 10px; }
    footer .ft_clearfix {
      max-width: 768px;
      width: 100%;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      footer .ft_clearfix .ft_list {
        width: calc(100% / 4);
        display: none;
        -ms-flex-pack: center;
            justify-content: center; }
        footer .ft_clearfix .ft_list .ft_item {
          display: table-cell; }
          footer .ft_clearfix .ft_list .ft_item .ft_title {
            position: relative;
            color: #565656;
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 35px; }
          footer .ft_clearfix .ft_list .ft_item .ft_link {
            display: block;
            color: #565656;
            font-size: 13px;
            margin-bottom: 17px; }
            footer .ft_clearfix .ft_list .ft_item .ft_link:hover {
              text-decoration: underline; }
            footer .ft_clearfix .ft_list .ft_item .ft_link:last-child {
              margin-bottom: 0; }
      footer .ft_clearfix .ft_copyright {
        color: #565656;
        font-size: 13px;
        text-align: center;
        margin-top: 40px;
        width: 100%; }
    footer .footer_mitem {
      background: #cdbab6;
      width: 100%;
      height: 44px;
      position: fixed;
      bottom: 0;
      z-index: 4;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
    footer .footer_mlink1 {
      width: calc(100% / 4);
      display: block; }
    footer .footer_m1 {
      height: 26px;
      background: url("/Content/images/zh-TW/icons/footer_m1.png") no-repeat center center; }
    footer .footer_m1active {
        height: 26px;
        background: url("/Content/images/zh-TW/icons/footer_m1active.png") no-repeat center center;
    }
    footer .footer_m2 {
      height: 26px;
      background: url("/Content/images/zh-TW/icons/footer_m2.png") no-repeat center center; }
    footer .footer_m3 {
      height: 26px;
      background: url("/Content/images/zh-TW/icons/footer_m3.png") no-repeat center center; }
    footer .footer_m4 {
      height: 26px;
      background: url("/Content/images/zh-TW/icons/footer_m4.png") no-repeat center center;
      position: relative; }
      footer .footer_m4 span {
        font-size: 12px;
        position: absolute;
        top: 7px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        color: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
    footer .footer_mask {
      width: 100%;
      height: calc(100% - 44px);
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9991;
      display: none; }
    footer .footer_mask1 {
      width: 100%;
      height: calc(100% - 44px);
      background: transparent;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9991;
      display: none; }
    footer .footer_member {
      width: 100%;
      background: #ffffff;
      position: fixed;
      bottom: 44px;
      padding: 0 20px; }
    footer .footer_qa {
      width: 100%;
      background: #cdbab6;
      position: fixed;
      top: 83px;
      height: calc(100% - (33px + 50px + 44px));
      overflow-y: auto;
      padding: 0 10px; }
    footer .footer_help {
        width: 100%;
        background: #cdbab6;
        position: fixed;
        top: 83px;
        height: calc(100% - (33px + 50px + 44px));
        overflow-y: auto;
        padding: 0 10px; }
    footer .footer_memberlist {
      text-align: center;
      border-bottom: 1px solid #dddddd; }
      footer .footer_memberlist:last-child {
        border-bottom: 0; }
      footer .footer_memberlist a {
        display: block;
        width: 100%;
        padding: 15px 0; }
    footer .footer_helplist {
      text-align: left;
      border-bottom: 1px solid #dddddd; }
      footer .footer_helplist:last-child {
        border-bottom: 0; }
      footer .footer_helplist a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        padding: 5px 0; }
        footer .footer_helplist a .footer_messenger1 {
          background: url("/Content/images/zh-TW/icons/f_Messenger.svg") no-repeat;
          width: 35px;
          height: 35px;
          display: inline-block; }
        footer .footer_helplist a .footer_line1 {
          background: url("/Content/images/zh-TW/icons/f_Line.svg") no-repeat;
          width: 35px;
          height: 35px;
          display: inline-block; }
        footer .footer_helplist a .footer_call1 {
          background: url("/Content/images/zh-TW/icons/f_Call.svg") no-repeat;
          width: 35px;
          height: 35px;
          display: inline-block; }
    footer .footer_qalist {
      color: #ffffff;
      text-align: left;
      padding: 10px 5px;
      position: relative;
      font-size: 12px;
      border-bottom: 1px solid #ffffff; }
      footer .footer_qalist a {
        display: block;
        width: 100%; }
      footer .footer_qalist i {
        margin-left: 5px; }
    footer .member_block {
      background: #cdbab6;
      display: none; }
      footer .member_block .footer_link {
        color: #ffffff;
        font-size: 12px; }
        footer .member_block .footer_link i {
          margin-left: 5px; }
    footer .member_list {
      padding: 15px; }
    footer .member_list1 {
      display: none; }
      footer .member_list1 .footer_link1 {
        width: 100%;
        display: block;
        color: #ffffff;
        font-size: 12px;
        padding: 20px 10px 0; }
    footer .m_active {
      display: block; }
    footer .footer_wrap {
      display: block; }
    footer .footer_list1 {
      padding-bottom: 20px; }
    footer .footer_border_none {
      border: 0; } }
.container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .container:after {
    content: "";
    display: table;
    clear: both; }

.wrapper {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  position: relative; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }

.ct_container {
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .ct_container:after {
    content: "";
    display: table;
    clear: both; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.phone {
  display: none; }

.hidden {
  display: none; }

.error {
  color: red;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  text-align: left;
  position: relative; }

.cart_step {
  margin: 107px 0 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .cart_step .cart_item {
    width: calc(100% / 3);
    color: #646565;
    font-size: 15px;
    text-align: center;
    padding-bottom: 10px;
    margin: 0 40px; }
    .cart_step .cart_item.active {
      border-bottom: 2px solid #f9c1a9; }

.heart {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 25px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
  background: url(/Content/images/zh-TW/icons/heart.png) no-repeat 0 -4px; }
  .heart.active {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
    background: url(/Content/images/zh-TW/icons/heart_active.png) no-repeat 0 -4px; }

.pc_breadcrumb {
  float: left; }
  .pc_breadcrumb li {
    display: inline-block;
    padding-right: 5px; }
    .pc_breadcrumb li:after {
      display: inline-block;
      content: ">";
      color: #646565;
      font-size: 12px; }
    .pc_breadcrumb li:last-child:after {
      display: none;
      content: ""; }
    .pc_breadcrumb li a {
      color: #646565; }
      .pc_breadcrumb li a:hover {
        text-decoration: underline; }
    .pc_breadcrumb li span {
      color: #646565;
      font-size: 12px; }
      .pc_breadcrumb li span:hover {
        text-decoration: underline; }
    .pc_breadcrumb li h1 {
        color: #646565;
        font-size: 12px;
        font-weight: inherit;
    }
      .pc_breadcrumb li h1:hover {
        text-decoration: underline; }

.mobile_breadcrumb {
  display: none; }

.select_arrowwrap {
  position: relative;
  display: inline-block; }

.select_arrow:after {
  content: '';
  border: solid black;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 2px;
  height: 2px;
  position: absolute;
  top: 5px;
  right: 20px;
  bottom: 0;
  pointer-events: none;
  color: #5b5b5b; }

.select_active:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  background: #f5f5f5; }

.pagination_wrap {
  width: 100%;
  text-align: center;
  padding-bottom: 52px; }

.pagination_pc {
  text-align: center;
  font-family: Arial; }
  .pagination_pc a {
    padding: 5px;
    display: inline-block;
    color: #646565;
    font-size: 12px; }
  .pagination_pc .active {
    border-bottom: 1px solid #646565; }

.pagination_mobile {
  display: none; }

.touchwrap {
  width: 150px; }
  .touchwrap .bootstrap-touchspin {
    text-align: center; }
    .touchwrap .bootstrap-touchspin .input-group-btn {
      width: 25%;
      border: 1px solid #868685; }
      .touchwrap .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-up {
        cursor: pointer;
        color: #c8161d; }
      .touchwrap .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {
        cursor: pointer; }
    .touchwrap .bootstrap-touchspin .touchspin {
      text-align: center;
      border: 0;
      background: transparent; }
    .touchwrap .bootstrap-touchspin .btn-default {
      background: transparent; }
    .touchwrap .bootstrap-touchspin .form-control {
      font-size: 16px;
      box-shadow: inherit; }

.txt_blueGreen {
  color: #13b5b1; }

.loginwrap {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.87);
  top: 0;
  left: 0;
  z-index: 21;
  overflow: hidden;
  display: none; }
  .loginwrap .op_close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .loginwrap .op_content {
    max-width: 1438px;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fdfcf5;
    padding: 10px;
    height: 600px; }
    .loginwrap .op_content .lg_wrapper {
      padding: 0 10px;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .loginwrap .op_content .lg_wrapper .lg_container {
        max-width: 1438px;
        width: 100%;
        margin: 0 auto;
        padding: 25px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .loginwrap .op_content .lg_wrapper .lg_container .lg_item {
          width: 50%;
          border-right: 1px solid #413d3c;
          padding: 0 40px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_title {
            color: #595757;
            font-size: 28px;
            letter-spacing: 1px;
            text-align: center;
            margin-top: 25px;
            margin-bottom: 25px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label {
            margin-bottom: 20px;
            display: block; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label .lg_title1 {
              color: #595757;
              font-size: 16px;
              letter-spacing: 1px;
              margin-bottom: 10px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label .lg_input {
              height: 32px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: justify;
                justify-content: space-between;
            margin-bottom: 20px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_label1 {
              color: #595757;
              font-size: 14px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_fpw {
              color: #595757;
              font-size: 14px; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_fpw:hover {
                text-decoration: underline; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_btn {
            background: #4a3730;
            color: #ffffff;
            display: block;
            text-align: center;
            padding: 15px 0;
            letter-spacing: 2px;
            margin-bottom: 20px;
            font-size: 16px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or {
            margin-bottom: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or .lg_txt {
              color: #595757;
              font-size: 16px;
              padding: 0 15px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or:before {
              content: '';
              width: 100%;
              border-top: 1px solid #afadad; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or:after {
              content: '';
              width: 100%;
              border-top: 1px solid #afadad; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_fb {
            background: #466091;
            width: 100%;
            display: block;
            text-align: center;
            color: #ffffff;
            padding: 15px 0;
            margin-bottom: 20px;
            font-size: 16px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_google {
            background: #d80d18;
            width: 100%;
            display: block;
            text-align: center;
            color: #ffffff;
            padding: 15px 0;
            margin-bottom: 20px;
            font-size: 16px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_en {
            color: #231815;
            font-size: 32px;
            font-family: 'Arial';
            text-align: center;
            margin-bottom: 30px;
            margin-top: 162px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_firstshopping {
            color: #595757;
            font-size: 18px;
            text-align: center;
            margin-bottom: 30px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_txt1 {
            color: #595757;
            font-size: 18px;
            text-align: center;
            line-height: 2;
            margin-bottom: 50px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_margin {
            margin-bottom: 40px; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item:last-child {
            border-right: 0; }

.fpwwrap {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.87);
  top: 0;
  left: 0;
  z-index: 22;
  overflow: hidden;
  display: none; }
  .fpwwrap .op_close {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    top: 18px;
    right: 18px; }
  .fpwwrap .op_content {
    max-width: 635px;
    width: 90%;
    height: 594px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fcf4f0;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .fpwwrap .op_content .fpw_wrapper {
      max-width: 405px;
      width: 100%; }
      .fpwwrap .op_content .fpw_wrapper .fpw_title {
        color: #595757;
        font-size: 32px;
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 69px; }
      .fpwwrap .op_content .fpw_wrapper .lg_label {
        margin-bottom: 20px;
        display: block; }
        .fpwwrap .op_content .fpw_wrapper .lg_label .lg_title1 {
          color: #595757;
          font-size: 18px;
          letter-spacing: 1px;
          margin-bottom: 10px; }
        .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input {
          height: 48px; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-webkit-input-placeholder {
            color: #9fa0a0;
            font-family: 'Arial';
            font-style: italic; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-moz-placeholder {
            color: #9fa0a0;
            font-family: 'Arial';
            font-style: italic; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-ms-input-placeholder {
            color: #9fa0a0;
            font-family: 'Arial';
            font-style: italic; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input:-moz-placeholder {
            color: #9fa0a0;
            font-family: 'Arial';
            font-style: italic; }
      .fpwwrap .op_content .fpw_wrapper .lg_btn {
        background: #4a3730;
        color: #ffffff;
        display: block;
        text-align: center;
        padding: 15px 0;
        letter-spacing: 2px;
        margin-bottom: 20px;
        font-size: 18px; }
      .fpwwrap .op_content .fpw_wrapper .fpw_txt {
        color: #231815;
        text-align: center;
        font-size: 14px;
        line-height: 1.6; }
        .fpwwrap .op_content .fpw_wrapper .fpw_txt .fpw_link {
          color: #4a3730;
          padding: 0 10px; }

.mobile_title {
  display: none; }

.pc {
  display: block; }

.member_title {
  color: #ffffff;
  background: #c0a19b;
  font-size: 12px;
  padding: 5px 15px;
  margin-bottom: 7px;
  width: 100%; }

.member_data {
  width: 100%;
  border-top: 1px solid #534f4e;
  padding: 17px 15px; }

.member_table {
  text-align: center;
  border-top: 1px solid #676767;
  margin-bottom: 20px; }

.member_table1 {
  text-align: center;
  border-top: 1px solid #534f4e;
  border-bottom: 1px solid #534f4e;
  margin-bottom: 20px; }

.member_left {
  width: 100px; }

.member_left1 {
  width: 35px; }

.member_right {
  width: calc(100% - 100px - 10px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 10px; }

.member_right1 {
  width: calc(100% - 35px - 10px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 10px; }

.member_tr {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0; }
  .member_tr:after {
    content: "";
    display: table;
    clear: both; }

.member_tr1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px 0; }

.member_th {
  width: calc(100% / 7);
  color: #534f4e;
  font-size: 12px; }

.member_th1 {
  width: calc(100% / 4);
  color: #534f4e;
  font-size: 12px; }

.member_th1_1 {
  width: calc(100% / 4 * 2); }

.member_th2 {
  width: calc(100% / 6);
  color: #534f4e;
  font-size: 12px; }

.member_th3 {
  width: calc(100% / 5);
  color: #534f4e;
  font-size: 12px; }

.member_th5 {
  color: #534f4e;
  font-size: 12px; }

.member_th6 {
  width: calc(100% / 11);
  color: #534f4e;
  font-size: 12px; }

.member_th6_1 {
  width: calc(100% / 11 * 2); }

.member_th6_2 {
  width: calc(100% / 11 * 2); }

.member_th7 {
    width: calc(100% / 8);
    color: #534f4e;
    font-size: 12px;
}

.member_td {
  width: calc(100% / 7);
  color: #534f4e;
  font-size: 12px; }

.member_td1 {
  width: calc(100% / 4);
  color: #534f4e;
  font-size: 12px; }

.member_td1_1 {
  width: calc(100% / 4 * 2); }

.member_td2 {
  width: calc(100% / 6);
  color: #534f4e;
  font-size: 12px; }

.member_td3 {
  width: calc(100% / 5);
  color: #534f4e;
  font-size: 12px; }

.member_td4 {
  width: calc(100% / 11);
  color: #534f4e;
  font-size: 12px; }

.member_td4_1 {
  width: calc(100% / 11 * 2); }

.member_td4_2 {
  width: calc(100% / 11 * 2); }

.member_td7 {
    width: calc(100% / 8);
    color: #534f4e;
    font-size: 12px;
}

.member_listborder {
  border-bottom: 1px solid #9f9f9e; }

.member_databorder {
  border: 0; }

.member_link {
  color: #e29fb0; }
  .member_link:hover {
    text-decoration: underline; }

.member_link1 {
  color: #534f4e; }
  .member_link1:hover {
    text-decoration: underline; }

@media (max-width: 1023px) {
  .pc {
    display: none; }

  .phone {
    display: block; }

  .m_wrapper {
    padding: 0; }

  .heart {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    cursor: pointer;
    background: url(/Content/images/zh-TW/icons/heart.png) no-repeat 0 -4px; }
    .heart.active {
      width: 28px;
      height: 28px;
      display: block;
      position: absolute;
      top: 10px;
      right: 0;
      z-index: 2;
      cursor: pointer;
      background: url(/Content/images/zh-TW/icons/heart_active.png) no-repeat 0 -4px; }

  .pc_breadcrumb {
    display: none; }

  .mobile_breadcrumb {
    float: none;
    margin: 0 auto;
    display: table; }
    .mobile_breadcrumb:after {
      content: "";
      display: table;
      clear: both; }
    .mobile_breadcrumb li {
      position: relative;
      float: left;
      padding-right: 5px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .mobile_breadcrumb li:after {
        display: inline-block;
        content: ">";
        color: #595757;
        font-size: 11px; }
      .mobile_breadcrumb li:last-child:after {
        display: none;
        content: ""; }
      .mobile_breadcrumb li a {
        color: #484848; }
      .mobile_breadcrumb li span {
        color: #484848;
        font-size: 11px; }
      .mobile_breadcrumb li h1 {
        color: #484848;
        font-size: 11px;
        line-height: 1.6; }

  .pagination_wrap {
    width: 100%;
    text-align: center;
    padding: 30px 0; }

  .pagination_pc {
    display: block; }
    .pagination_pc a {
      font-size: 10px;
      margin-bottom: 10px; }

  .pagination_mobile {
    display: block;
    text-align: center; }
    .pagination_mobile a {
      padding: 10px;
      color: #737373;
      font-size: 18px; }
    .pagination_mobile span {
      color: #737373;
      font-size: 18px; }

  .op_phonebook {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.87);
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden; }
    .op_phonebook .op_content {
      max-width: 680px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: #ffffff;
      padding: 10px;
      display: inline-table; }
      .op_phonebook .op_content .popup_title {
        text-align: center;
        color: #595757;
        font-size: 18px;
        margin-bottom: 10px; }
      .op_phonebook .op_content .op_table {
        height: 230px;
        overflow-y: auto;
        position: relative; }
        .op_phonebook .op_content .op_table .addrBook_table {
          width: 100%; }
          .op_phonebook .op_content .op_table .addrBook_table tr:nth-child(2n+1) {
            background: #e6e6e6; }
          .op_phonebook .op_content .op_table .addrBook_table th {
            text-align: center;
            background: #13b5b1;
            color: #ffffff;
            padding: 10px 0;
            display: none; }
          .op_phonebook .op_content .op_table .addrBook_table td {
            padding: 10px 0;
            vertical-align: middle;
            color: #484848;
            font-size: 17px;
            display: block;
            padding: 10px 5px 10px 50px;
            line-height: 1.2; }
            .op_phonebook .op_content .op_table .addrBook_table td:first-child {
              position: absolute;
              padding-left: 0; }
      .op_phonebook .op_content .btn_recipientInfo {
        text-align: center;
        background: #4a3730;
        color: #ffffff;
        padding: 10px 0;
        font-size: 13px;
        display: block;
        margin: 10px auto;
        max-width: 230px;
        width: 100%;
        letter-spacing: 1px; }
      .op_phonebook .op_content .op_close {
        width: 37px;
        height: 36px;
        display: block;
        position: absolute;
        top: -45px;
        right: 0; }

  .error {
    color: red;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    text-align: left;
    position: relative; }

  .loginwrap {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.87);
    top: 0;
    left: 0;
    z-index: 21;
    overflow: hidden;
    display: none; }
    .loginwrap .op_close {
      width: 27px;
      height: 27px;
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
    .loginwrap .op_content {
      width: 90%;
      height: 530px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: #fdfcf5;
      padding: 10px;
      display: block;
      overflow-y: auto; }
      .loginwrap .op_content .lg_wrapper {
        padding: 0 10px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .loginwrap .op_content .lg_wrapper .lg_container {
          max-width: 1438px;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          padding: 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .loginwrap .op_content .lg_wrapper .lg_container .lg_item {
            width: 100%;
            border-right: 0;
            border-bottom: 1px solid #413d3c;
            padding: 0; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_title {
              color: #4a3730;
              font-size: 13px;
              letter-spacing: 1px;
              text-align: center;
              padding-bottom: 17px;
              margin-top: 20px;
              margin-bottom: 17px;
              border-bottom: 1px solid #4a3730; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label {
              margin-bottom: 20px;
              display: block; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label .lg_title1 {
                color: #595757;
                font-size: 12px;
                letter-spacing: 1px;
                margin-bottom: 10px; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_label .lg_input {
                height: 28px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: justify;
                  justify-content: space-between;
              margin-bottom: 40px; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_label1 {
                color: #595757;
                font-size: 12px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_fpw {
                color: #595757;
                font-size: 12px; }
                .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_function .lg_fpw:hover {
                  text-decoration: none; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_btn {
              background: #4a3730;
              color: #ffffff;
              display: block;
              text-align: center;
              padding: 15px 0;
              letter-spacing: 2px;
              margin-bottom: 20px;
              font-size: 13px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or {
              margin-bottom: 25px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or .lg_txt {
                color: #595757;
                font-size: 12px;
                padding: 0 15px; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or:before {
                content: '';
                width: 100%;
                border-top: 1px solid #afadad; }
              .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_or:after {
                content: '';
                width: 100%;
                border-top: 1px solid #afadad; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_fb {
              background: #466091;
              width: 100%;
              display: block;
              text-align: center;
              color: #ffffff;
              padding: 15px 0;
              margin-bottom: 20px;
              font-size: 13px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_google {
              background: #d80d18;
              width: 100%;
              display: block;
              text-align: center;
              color: #ffffff;
              padding: 15px 0;
              margin-bottom: 40px;
              font-size: 13px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_en {
              color: #231815;
              font-size: 12px;
              font-family: 'Arial';
              text-align: center;
              margin-bottom: 5px;
              margin-top: 20px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_firstshopping {
              color: #595757;
              font-size: 11px;
              text-align: center;
              margin-bottom: 10px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_txt1 {
              color: #595757;
              font-size: 11px;
              text-align: center;
              line-height: 1.4;
              margin-bottom: 20px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item .lg_margin {
              margin-bottom: 20px; }
            .loginwrap .op_content .lg_wrapper .lg_container .lg_item:last-child {
              border-right: 0;
              border-bottom: 0; }

  .fpwwrap {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.87);
    top: 0;
    left: 0;
    z-index: 22;
    overflow: hidden;
    display: none; }
    .fpwwrap .op_close {
      width: 22px;
      height: 22px;
      display: block;
      position: absolute;
      top: 18px;
      right: 18px; }
    .fpwwrap .op_content {
      max-width: 635px;
      width: 90%;
      height: 330px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: #fcf4f0;
      padding: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .fpwwrap .op_content .fpw_wrapper {
        max-width: 405px;
        width: 100%; }
        .fpwwrap .op_content .fpw_wrapper .fpw_title {
          color: #595757;
          font-size: 13px;
          text-align: center;
          letter-spacing: 2px;
          margin-bottom: 20px; }
        .fpwwrap .op_content .fpw_wrapper .lg_label {
          margin-bottom: 20px;
          display: block; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_title1 {
            color: #595757;
            font-size: 12px;
            letter-spacing: 1px;
            margin-bottom: 10px; }
          .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input {
            height: 28px; }
            .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-webkit-input-placeholder {
              color: #9fa0a0;
              font-family: 'Arial';
              font-style: italic; }
            .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-moz-placeholder {
              color: #9fa0a0;
              font-family: 'Arial';
              font-style: italic; }
            .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input::-ms-input-placeholder {
              color: #9fa0a0;
              font-family: 'Arial';
              font-style: italic; }
            .fpwwrap .op_content .fpw_wrapper .lg_label .lg_input:-moz-placeholder {
              color: #9fa0a0;
              font-family: 'Arial';
              font-style: italic; }
        .fpwwrap .op_content .fpw_wrapper .lg_btn {
          background: #4a3730;
          color: #ffffff;
          display: block;
          text-align: center;
          padding: 15px 0;
          letter-spacing: 2px;
          margin-bottom: 20px;
          font-size: 13px; }
        .fpwwrap .op_content .fpw_wrapper .fpw_txt {
          color: #231815;
          text-align: center;
          font-size: 12px;
          line-height: 1.6; }
          .fpwwrap .op_content .fpw_wrapper .fpw_txt .fpw_link {
            color: #4a3730;
            padding: 0 10px; }

  .mobile_title {
    color: #4a3730;
    font-size: 13px;
    letter-spacing: 2px;
    border-bottom: 1px solid #4a3730;
    display: block;
    text-align: center;
    padding-bottom: 17px; }

  .member_left1 {
    width: 100%; }

  .member_right1 {
    width: 100%;
    margin-left: 0; }

  .member_tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .member_th {
    display: none; }

  .member_listborder {
    border: 0;
    display: none; }

  .member_databorder {
    border-bottom: 1px solid #9f9f9e; }
    .member_databorder:last-child {
      border: 0; }

  .member_td {
    width: calc(100% / 2);
    text-align: left;
    padding: 0 5px 20px; }
    .member_td:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 6.5em;
      display: inline; }

  .member_tr1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }

  .member_th1 {
    width: calc(100% / 1); }

  .member_th1_1 {
    width: calc(100% / 1); }

  .member_td1 {
    width: calc(100% / 2);
    text-align: left;
    padding: 0 5px 20px;
    line-height: 20px; }
    .member_td1:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 6.5em;
      display: inline; }

  .member_td1_1 {
    width: calc(100% / 2); }

  .member_td1_2 {
    position: relative; }
    .member_td1_2:before {
      content: '';
      width: inherit;
      display: none; }

  .dc_date {
    display: inline; }

  .member_td2 {
    width: calc(100% / 2);
    text-align: left;
    padding: 0 5px 20px;
    line-height: 20px; }
    .member_td2:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 7.5em;
      display: inline; }

  .member_td2_1 {
    position: relative; }
    .member_td2_1:before {
      content: ''; }

  .member_td3 {
    width: calc(100% / 2);
    text-align: left;
    padding: 0 5px 20px;
    line-height: 20px; }
    .member_td3:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 4.5em;
      display: inline; }

  .member_td3_1 {
    position: relative; }
    .member_td3_1:before {
      content: ''; }

  .member_td4 {
    width: calc(100% / 2);
    text-align: left;
    padding: 0 5px 20px;
    line-height: 20px; }
    .member_td4:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 4.5em;
      display: inline; }

  .member_td5 {
    width: calc(100% / 1);
    text-align: left;
    padding: 0 5px 20px;
    line-height: 20px;
    color: #534f4e;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .member_td5:before {
      content: attr(data-th) ": ";
      font-weight: bold; }

    .member_td7 {
        width: calc(100% / 2);
        text-align: left;
        padding: 0 5px 20px;
        line-height: 20px;
    }

        .member_td7:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 4.5em;
            display: inline;
        }

  .ct_container {
    padding: 0 10px; }

  .cart_step {
    margin: 40px 0 65px;
    display: block; }
    .cart_step .cart_item {
      text-align: left;
      padding: 5px 0 5px 9px;
      margin: 0;
      width: 100%; }
      .cart_step .cart_item.active {
        border-bottom: 0;
        border-left: 3px solid #f9c1a9;
        padding: 5px 0 5px 5px; }

  .touchwrap {
    width: 106px; }
    .touchwrap .bootstrap-touchspin .input-group-btn {
      width: 32%; } }