@charset "UTF-8";
html, body {
  overflow-x: hidden !important;
  font-family: '黑體-繁', '微軟正黑體', sans-serif; }

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

.btn-default:hover {
  color: #fff;
  background-color: #c69c6d;
  border-color: #c69c6d; }

/*
@media (max-width: 991px) {
	#approveModalCenter *{
		font-size:3rem !important;
		& input{
			height:2em;
		}
		// & button.close{
			// width:3rem !important;
		// }
	}
}
@media (max-width: 768px) {
	#approveModalCenter *{
		font-size:2rem !important;
		& input{
			height:2em;
		}
		// & button.close{
			// width:2rem !important;
		// }
	}
}
@media (min-width: 992px) {
	#approveModalCenter *{
		font-size:16px !important;
		& input{
			height:2em;
		}
		// & button.close{
			// width:3rem !important;
		// }
	}
}
*/
#approveModalCenter * {
  font-size: 16px !important; }
  #approveModalCenter * input {
    height: 2em; }
  #approveModalCenter * .modal-content {
    color: #fff; }
    #approveModalCenter * .modal-content small {
      font-size: 12px !important; }
    #approveModalCenter * .modal-content h3 {
      font-size: 22px !important;
      font-weight: bold; }
  #approveModalCenter * .modal-header {
    border-bottom: 0; }
    #approveModalCenter * .modal-header h5 {
      font-size: 22px !important;
      font-weight: bold; }
  #approveModalCenter * .modal-footer {
    border-top: 0; }
    #approveModalCenter * .modal-footer button {
      border: 1px solid #fff; }
  #approveModalCenter * .form-wrap {
    display: block; }
  #approveModalCenter * .response-wrap {
    display: none; }

.bg1 {
  background: url("../images/bg1.jpg") center top; }

.bg2 {
  background: url("../images/bg2.jpg") center top; }

.bg3 {
  background: url("../images/bg3.jpg") center top repeat-y; }

.bg4 {
  background: url("../images/bg4.jpg") center top repeat-y; }

.bg5 {
  background: url("../images/bg5.jpg") center top repeat-y; }

.size-14 {
  font-size: 0.875em; }

.size-16 {
  font-size: 1em; }

.size-18 {
  font-size: 1.125em; }

.size-20 {
  font-size: 1.25em; }

.size-24 {
  font-size: 1.5em; }

.size-30 {
  font-size: 1.875em; }

@media (max-width: 991px) {
  .size-14 {
    font-size: 1.75em; }

  .size-16 {
    font-size: 2em; }

  .size-18 {
    font-size: 2.25em; }

  .size-20 {
    font-size: 2.5em; }

  .size-24 {
    font-size: 3em; }

  .size-30 {
    font-size: 3.75em; } }
.pt-16 {
  padding-top: 1rem; }

.pt-32 {
  padding-top: 2rem; }

.pt-36 {
  padding-top: 2.25rem; }

.pt-64 {
  padding-top: 4rem; }

.pt-110 {
  padding-top: 6.875rem; }

.pb-16 {
  padding-bottom: 1rem; }

.pb-32 {
  padding-bottom: 2rem; }

.pb-36 {
  padding-bottom: 2.25rem; }

.pb-46 {
  padding-bottom: 2.875rem; }

.pb-110 {
  padding-bottom: 6.875rem; }

.w-640 {
  width: 40em; }

.w-700 {
  width: 43.75em; }

a:hover {
  text-decoration: none; }

.parts, .part {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.btn-go {
  display: block;
  position: fixed;
  width: 5.9375em;
  height: 5.9375em;
  right: 5em;
  bottom: 0;
  top: 0;
  margin: auto 0;
  z-index: 99; }
  .btn-go span {
    font-size: 1.5625em;
    line-height: 1.12em;
    color: #FFFFFF; }

@media (max-width: 767px) {
  .btn-go {
    display: block;
    position: fixed;
    width: 8.90625em;
    height: 8.90625em;
    right: 1.25em;
    bottom: 0;
    top: 0;
    margin: auto 0;
    z-index: 99; }
    .btn-go span {
      font-size: 2.34375em;
      line-height: 1.12em;
      color: #FFFFFF; } }
.wrapper {
  position: relative; }

@media (min-width: 768px) {
  body.scrolling .header {
    height: 5.5125em; } }
@media (min-width: 768px) {
  body.scrolling .header .logo {
    padding-top: 0; }
    body.scrolling .header .logo > a {
      width: 12.43125em; } }

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  height: 8.78906em; }
  @media (min-width: 768px) {
    .header {
      height: 9.1875em; } }
  .header .inner {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 87.56798756798757%; }
    @media (min-width: 768px) {
      .header .inner {
        width: 92.23958333333333%; } }
  .header .logo {
    position: relative;
    width: 15.77831em; }
    .header .logo > a {
      display: block;
      width: 100%; }
  @media (min-width: 768px) {
    .header .logo {
      width: 16.5625em;
      padding-top: 1.375em;
      margin-left: 5.875em; }
      .header .logo > a {
        width: 13.8125em; } }
  @media (min-width: 992px) {
    .header .logo:first-child:before {
      content: '';
      display: block;
      position: absolute;
      width: 1000px;
      height: 1px;
      background-color: #ffffff;
      top: 0;
      bottom: 0;
      left: -1000px;
      margin: auto 0; } }
  .header .menu {
    top: 8.78906em; }
    @media (min-width: 767px) {
      .header .menu {
        top: 9.1875em; } }
    @media (min-width: 992px) {
      .header .menu {
        top: 0; } }
  @media (max-width: 991px) {
    .header .menu {
      background: url("../images/bg5.jpg") center top;
      background-size: auto auto;
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      text-align: center;
      padding-top: 2.5em; }
      .header .menu a {
        position: relative;
        padding: 0 1.1875em; }
        .header .menu a span {
          font-size: 2.625em;
          line-height: 2.5em;
          color: #8c6239; } }
  @media (min-width: 992px) {
    .header .menu {
      position: relative; }
      .header .menu:after {
        content: '';
        display: block;
        position: absolute;
        width: 1000px;
        height: 1px;
        background-color: #ffffff;
        top: 0;
        bottom: 0;
        right: -1000px;
        margin: auto 0; }
      .header .menu > div {
        overflow: hidden; }
        .header .menu > div > div {
          position: relative; }
          .header .menu > div > div:first-child:before {
            content: '';
            display: block;
            position: absolute;
            width: 1000px;
            height: 1px;
            background-color: #ffffff;
            top: 0;
            bottom: 0;
            left: -1000px;
            margin: auto 0; }
          .header .menu > div > div:not(:last-child):after {
            content: '';
            display: block;
            position: absolute;
            width: 1px;
            height: 0.7975em;
            background-color: #ffffff;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto 0; }
      .header .menu a {
        position: relative;
        padding: 0 1.25em; }
        .header .menu a span {
          font-size: 1.25em;
          line-height: 1.2em;
          letter-spacing: 0.1em;
          color: #ffffff; }
      .header .menu a:hover {
        text-decoration: none; } }
  .header .btn-menu img:nth-child(1) {
    display: block; }
  .header .btn-menu img:nth-child(2) {
    display: none; }
  .header.active .btn-menu img:nth-child(1) {
    display: none; }
  .header.active .btn-menu img:nth-child(2) {
    display: block; }
  @media (max-width: 991px) {
    .header.active .menu {
      display: block !important; } }
  .header .btn-menu {
    width: 4.8125em; }
    .header .btn-menu:hover {
      cursor: pointer; }

.label-title .en span {
  font-size: 1.5em;
  color: #C69C6D;
  line-height: 1.25em; }
  @media (max-width: 991px) {
    .label-title .en span {
      font-size: 2.25rem; } }
.label-title .tc span {
  font-size: 2.25em;
  letter-spacing: 0.1em;
  color: #8C6239;
  line-height: 1.25em; }
  @media (max-width: 991px) {
    .label-title .tc span {
      font-size: 3.375rem; } }

.footer {
  background: url("../images/bg5.jpg") center top; }
  .footer .inner {
    position: relative;
    background: url("../images/bg-footer.png") center top no-repeat;
    background-size: 100% auto;
    padding-top: 8.75em;
    padding-bottom: 16.25em; }
    .footer .inner .links {
      padding-top: 5.625em;
      padding-bottom: 4.125em; }
      .footer .inner .links a {
        width: 3.75em;
        margin: 0 0.75em; }
        @media (max-width: 991px) {
          .footer .inner .links a {
            width: 5.625em; } }
    .footer .inner .address span {
      font-size: 1.3125em;
      line-height: 1.5em;
      letter-spacing: 0.05em;
      color: #000000; }
      @media (max-width: 991px) {
        .footer .inner .address span {
          font-size: 1.96875em; } }
    .footer .inner .address span:nth-child(2) {
      color: #C69C6D;
      font-size: 1.125em;
      padding: 0 0.5em; }
      @media (max-width: 991px) {
        .footer .inner .address span:nth-child(2) {
          font-size: 1.96875em; } }
  @media (max-width: 991px) {
    .footer .inner > div {
      width: 92.23958333333333%;
      margin-left: auto;
      margin-right: auto; } }

.arrows1 .slick-prev:before {
  content: ''; }
.arrows1 [dir='rtl'] .slick-prev:before {
  content: ''; }
.arrows1 .slick-next:before {
  content: ''; }
.arrows1 [dir='rtl'] .slick-next:before {
  content: ''; }
.arrows1 .slick-arrow {
  width: 2em;
  height: 2em; }
  @media (max-width: 991px) {
    .arrows1 .slick-arrow {
      width: 3em;
      height: 3em; } }
.arrows1 .slick-prev {
  background: url("../images/btn/btn-prev.png") center center no-repeat;
  background-size: cover;
  left: 2em;
  z-index: 90; }
.arrows1 .slick-next {
  background: url("../images/btn/btn-next.png") center center no-repeat;
  background-size: cover;
  right: 2em;
  z-index: 90; }

.arrows2 .slick-prev:before {
  content: ''; }
.arrows2 [dir='rtl'] .slick-prev:before {
  content: ''; }
.arrows2 .slick-next:before {
  content: ''; }
.arrows2 [dir='rtl'] .slick-next:before {
  content: ''; }
.arrows2 .slick-arrow {
  width: 3.75em;
  height: 3.75em; }
.arrows2 .slick-prev {
  background: url("../images/btn/btn-prev2.png") center center no-repeat;
  background-size: cover;
  left: -4.5em;
  z-index: 90; }
  @media (max-width: 991px) {
    .arrows2 .slick-prev {
      left: -2.5em; } }
.arrows2 .slick-next {
  background: url("../images/btn/btn-next2.png") center center no-repeat;
  background-size: cover;
  right: -4.5em;
  z-index: 90; }
  @media (max-width: 991px) {
    .arrows2 .slick-next {
      right: -2.5em; } }

.arrows2s .slick-prev:before {
  content: ''; }
.arrows2s [dir='rtl'] .slick-prev:before {
  content: ''; }
.arrows2s .slick-next:before {
  content: ''; }
.arrows2s [dir='rtl'] .slick-next:before {
  content: ''; }
.arrows2s .slick-arrow {
  width: 2.25em;
  height: 2.25em;
  top: 0.9375em; }
.arrows2s .slick-prev {
  background: url("../images/btn/btn-prev2.png") center center no-repeat;
  background-size: cover;
  z-index: 90; }
.arrows2s .slick-next {
  background: url("../images/btn/btn-next2.png") center center no-repeat;
  background-size: cover;
  z-index: 90; }

.dot1 .slick-dots {
  z-index: 90;
  height: 1.25em;
  padding-top: 9.375em; }
  .dot1 .slick-dots li {
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #c69c6d;
    color: #f4e5d6;
    border-radius: 1em !important;
    overflow: hidden; }
    .dot1 .slick-dots li button {
      opacity: 0; }
    .dot1 .slick-dots li.slick-active {
      background: #c69c6d !important; }

.dot2 {
  margin-bottom: 0 !important; }
  .dot2 .slick-dots {
    position: absolute;
    z-index: 90;
    height: 1.25em;
    bottom: 3.125em; }
    .dot2 .slick-dots li {
      width: 1.25em;
      height: 1.25em;
      border: 2px solid #c69c6d;
      color: #f4e5d6;
      border-radius: 1em !important;
      overflow: hidden; }
      .dot2 .slick-dots li button {
        opacity: 0; }
      .dot2 .slick-dots li.slick-active {
        background: #c69c6d !important; }

.hidden {
	display:none !important;
}