@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");
html {
  overflow-y: hidden; }

html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  text-align: left;
  overflow: visible;
  font-size: 15px;
  color: #333333;
  background-color: #fff;
  line-height: 1.6;
  font-family: 'Nunito Sans','微軟正黑體','Microsoft JhengHei' ,'Abel', 'Lato','Oxygen', 'Raleway', sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pace:after {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(162, 213, 201, 0.8);
    z-index: 99999;
    display: block; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #A2D5C9;
  position: fixed;
  z-index: 200000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px; }

/*共用屬性*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-overflow-scrolling: touch; }

a {
  text-decoration: none;
  color: inherit; }

a:active, a:hover {
  outline: none; }

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

input[type="text"] {
  -webkit-appearance: none;
  outline: 0; }

/*-----泛用表格-----*/
.t {
  display: table; }
  .t > .t-row {
    display: table-row; }
    .t > .t-row > .t-cell {
      display: table-cell;
      vertical-align: middle;
      border-collapse: collapse;
      margin: 0;
      padding: 0; }

dl {
  padding: 5px 0;
  font-size: 0; }
  dl dt, dl dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem; }

/*定義區塊*/
.container {
  margin: auto;
  position: relative;
  z-index: 100;
  width: 1200px;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.wrap {
  padding: 20px 0; }

.row {
  margin-left: -10px;
  margin-right: -10px; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-left: 10px;
  padding-right: 10px; }

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.pic {
  position: relative;
  font-size: 0;
  width: 100%;
  height: 0;
  display: block; }
  .pic > span {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0; }
    .pic > span:before {
      content: ' ';
      display: inline-block;
      height: 100%;
      width: 0;
      vertical-align: middle; }
    .pic > span > img, .pic > span > iframe {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
    .pic > span > iframe {
      width: 100%;
      height: 100%; }

/*-----RWD地圖&Youtube影片-----*/
.map, .video, .iframe {
  position: relative;
  width: 100%;
  height: 0; }
  .map iframe, .video iframe, .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.cf:after,
.row:after,
dl:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden; }

.bg-img {
  background-size: cover;
  display: block;
  width: 100%;
  height: 0;
  background-position: 50% 50%; }

/*-----排版-----*/
.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

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

.align-m {
  display: inline-block;
  vertical-align: middle; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.underline {
  text-decoration: underline; }

main {
  position: relative;
  z-index: 5000;
  display: block; }

article {
  position: relative;
  background-image: url(../_img/layout/logo2.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 30px auto;
  padding-top: 100px; }

section {
  padding-top: 50px;
  padding-bottom: 50px; }

.content {
  max-width: 1020px;
  margin: auto; }

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

.txt-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.txt-center {
  text-align: center !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-right {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 80px; }
  .tab-list li a {
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    padding: 1rem 30px;
    border-bottom: 2px solid #D7E0E5;
    line-height: 1; }
  .tab-list li.active a, .tab-list li:hover a {
    border-bottom: 2px solid #A2D5C9;
    color: #A2D5C9; }

.list1 > li {
  margin: 50px 0; }
  .list1 > li .title {
    font-size: 1.6rem;
    line-height: 1.2; }
    .list1 > li .title:after {
      content: '';
      display: block;
      height: 1px;
      width: 5.2rem;
      background-color: #A2D5C9;
      margin: 20px 0; }

.img-list > li {
  margin: 50px 0; }
  .img-list > li .title {
    margin-bottom: 20px; }
    .img-list > li .title span {
      font-size: 1.3rem;
      color: #A2D5C9; }
    .img-list > li .title p {
      font-size: 1.3rem; }
    .img-list > li .title:after {
      content: '';
      display: block;
      width: 10rem;
      height: 3px;
      background-color: #A2D5C9; }

.mc1 {
  color: #A2D5C9; }

.red {
  color: red; }

.txt {
  font-size: 1rem;
  line-height: 2; }

.txt_about_one {
  font-size: 1rem;
  line-height: 25px;
  margin-bottom: 20px; }

.txt-big {
  font-size: 1.3rem;
  line-height: 1.8; }

.txt-larger {
  font-size: 1.6rem;
  line-height: 1.8; }

.txt-30 {
  font-size: 2rem; }

.txt-25 {
  font-size: 1.6rem; }

.bold {
  font-weight: bold; }

.txt-line {
  position: relative; }
  .txt-line:after {
    content: '';
    display: block;
    width: 100px;
    height: 5px;
    background-color: #A2D5C9;
    margin: 30px auto; }

.c2 {
  color: #666666; }

.c-white {
  color: #fff; }

.main-title {
  display: inline-block;
  margin: 7rem 0 2rem;
  text-align: left; }
  .main-title .t1 {
    font-size: 1rem;
    color: #A2D5C9; }
  .main-title .t2 {
    font-size: 3rem;
    color: #A2D5C9;
    font-family: 'Catamaran';
    letter-spacing: 3px; }
  .main-title:after {
    content: '';
    display: block;
    width: 2px;
    height: 30px;
    background-color: #FADBB1;
    margin-left: 1.9rem; }
  .main-title.center {
    text-align: center; }
    .main-title.center:after {
      margin-left: auto;
      margin-right: auto; }
  .main-title.fancybox {
    margin-top: 1rem; }
  .main-title.dark .t1,
  .main-title.dark .t2 {
    color: #000; }
  .main-title.dark:after {
    background-color: #000; }
  .main-title.mx-0 {
    margin: -6rem 0 2rem; }

.main-title1 {
  display: inline-block;
  margin: 0 2rem;
  text-align: left;
  color: #fff; }
  .main-title1 .t1 {
    font-size: 1rem;
    color: #fff; }
  .main-title1 .t2 {
    font-size: 2rem;
    color: #fff;
    font-family: 'Catamaran';
    letter-spacing: 3px; }
  .main-title1.center {
    text-align: center; }
    .main-title1.center:after {
      margin-left: auto;
      margin-right: auto; }
  .main-title1.dark .t1,
  .main-title1.dark .t2 {
    color: #000; }
  .main-title1.dark:after {
    background-color: #000; }

.main-title2 {
  text-align: center;
  margin-bottom: 4rem; }
  .main-title2 p {
    display: inline-block;
    font-size: 2.4rem; }
    .main-title2 p:after {
      content: '';
      display: block;
      width: 100px;
      height: 3px;
      background-color: #A2D5C9;
      margin: auto; }
  .main-title2.txt-left p:after {
    margin: 0; }

.button-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  outline: none;
  background: none;
  border-radius: 0;
  font-size: 1rem;
  cursor: pointer; }

.btn {
  display: inline-block;
  width: 145px;
  font-family: 'Catamaran';
  font-size: 1rem;
  color: #A2D5C9; }
  .btn.btn1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .btn.btn1 span {
      display: block;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
    .btn.btn1 .line {
      height: 2px;
      background-color: #A2D5C9; }
      .btn.btn1 .line:first-child {
        width: 50%; }
      .btn.btn1 .line:last-child {
        width: 70%; }
    .btn.btn1 .t {
      width: 50%;
      text-align: center; }
    .btn.btn1:hover span {
      width: 100% !important;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
    .btn.btn1:hover .t {
      color: #FADBB1; }
    .btn.btn1:hover .line {
      background-color: #FADBB1; }
  .btn.btn2 {
    padding: 10px;
    font-size: 1rem;
    min-width: 300px;
    border: 1px solid #000;
    color: #000;
    margin: 1rem 0; }
    .btn.btn2:hover {
      background-color: #000;
      color: #fff; }
  .btn.btn3 {
    min-width: 200px;
    max-width: 100%;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #A2D5C9;
    padding: 8px;
    color: #A2D5C9; }
    .btn.btn3:hover, .btn.btn3.active {
      border: 2px solid rgba(162, 213, 201, 0);
      color: #000;
      background-image: -webkit-linear-gradient(315deg, #A2D5C9 30%, #FADBB1 130%);
      background-image: -o-linear-gradient(315deg, #A2D5C9 30%, #FADBB1 130%);
      background-image: linear-gradient(135deg, #A2D5C9 30%, #FADBB1 130%);
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
  .btn.btn4 {
    min-width: 200px;
    text-align: center;
    color: #fff;
    background-color: #A2D5C9;
    border-radius: 5px;
    padding: 8px; }
    .btn.btn4:hover {
      background-color: #FADBB1;
      color: #fff; }

.pb0 {
  padding-bottom: 0; }

.ma {
  margin-left: auto;
  margin-right: auto; }

.mt-2 {
  margin-top: 20px; }

.mt-5 {
  margin-top: 50px; }

.my-2 {
  margin-bottom: 20px;
  margin-top: 20px; }

.mb-5 {
  margin-bottom: 50px; }

.pt-auto {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px; }

.pt-5 {
  padding-top: 50px; }

.py-2 {
  padding: 20px; }

.pb-5 {
  padding-bottom: 50px; }

.px-2 {
  padding-left: 20px;
  padding-right: 20px; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.privacy li {
  list-style-position: outside;
  list-style-type: square; }

.baseline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.line-t1 {
  border-top: 1px solid #FADBB1; }

.line-y {
  border-top: 1px solid #FADBB1;
  border-bottom: 2px solid #FADBB1; }

.line-b2 {
  border-bottom: 2px solid #FADBB1; }

.line-auto {
  border: 1px solid #FADBB1; }

.line-hr {
  width: 100%;
  height: 2px;
  border: none;
  background-color: #FADBB1;
  margin: 30px 0; }

.rwd-table {
  background: #fff;
  overflow: hidden;
  min-width: 100%; }
  .rwd-table tr.item {
    border-bottom: 1px dashed #FADBB1; }
    .rwd-table tr.item:last-child {
      border-bottom: 0; }
  .rwd-table th, .rwd-table td {
    margin: 0.5em 1em;
    text-align: left;
    vertical-align: middle; }
  .rwd-table th {
    display: none;
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #FADBB1; }
  .rwd-table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .rwd-table td .p-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .rwd-table td .p-box .p-img {
        width: 50px;
        margin-right: 10px; }
    .rwd-table td.num-fream {
      width: auto; }
      .rwd-table td.num-fream .num {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: 1px solid #666666;
        margin-right: 0px; }
        .rwd-table td.num-fream .num input {
          border: 0px;
          background-color: #fff;
          font-size: 1.2rem;
          color: #666666; }
          .rwd-table td.num-fream .num input[type=button] {
            width: 30px;
            height: 30px;
            line-height: 20px;
            cursor: pointer; }
          .rwd-table td.num-fream .num input.num-box {
            max-width: 50px;
            text-align: center;
            border-left: 1px solid #666666;
            border-right: 1px solid #666666; }
    .rwd-table td::before {
      content: attr(data-th) " : ";
      font-weight: bold;
      width: 6.5em;
      color: #000;
      font-weight: bold;
      background-color: #eee;
      display: block;
      margin-right: 20px;
      padding: 10px; }

@media (min-width: 680px) {
  .rwd-table td::before {
    display: none; }
  .rwd-table td.num-fream {
    width: 50px; }
    .rwd-table td.num-fream .num {
      margin-right: 20px; }
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
    padding: 1em !important; }
    .rwd-table th:first-child, .rwd-table td:first-child {
      padding-left: 0; }
    .rwd-table th:last-child, .rwd-table td:last-child {
      padding-right: 0; } }

.form > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .form > li.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .form > li.two > div {
      width: 48%; }
      .form > li.two > div + div {
        margin-left: 4%; }
  .form > li > div {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .form > li .input,
  .form > li .select-row,
  .form > li .textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 45px; }
    .form > li .input label,
    .form > li .select-row label,
    .form > li .textarea label {
      font-weight: bold;
      width: 90px; }
  .form > li .input input[type="text"],
  .form > li .input input[type="password"] {
    width: calc(100% - 90px);
    background-color: #FADBB1;
    border: 0;
    padding: 0;
    margin: 0px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem; }
  .form > li .select-row .select {
    width: calc(100% - 90px);
    background-color: #FADBB1;
    border: 0;
    padding: 0;
    margin: 0px;
    position: relative; }
    .form > li .select-row .select.width {
      width: calc(100% - 300px);
      margin: 0 0 0 auto; }
    .form > li .select-row .select select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      padding: 0;
      margin: 0;
      border: none;
      background: none;
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 1rem;
      z-index: 100; }
    .form > li .select-row .select:after {
      content: '\f107';
      display: block;
      position: absolute;
      top: 0;
      right: 1rem;
      line-height: 45px;
      font-family: 'Font Awesome 5 Pro';
      font-size: 1.5rem;
      font-weight: lighter; }
  .form > li .textarea {
    width: 100%; }
    .form > li .textarea textarea {
      width: calc(100% - 90px);
      padding: 0;
      margin: 0;
      height: 250px;
      padding-left: 20px;
      padding-right: 20px;
      border: none;
      background-color: #FADBB1;
      line-height: 45px;
      font-size: 1rem;
      outline: none; }

.form-row .btn4 {
  margin-top: 50px; }

.swiper-button-prev,
.swiper-button-next {
  outline: none;
  width: 3rem;
  height: 3rem;
  background: none;
  margin: auto 0;
  top: 0;
  bottom: 0; }
  .swiper-button-prev i,
  .swiper-button-next i {
    font-size: 3rem;
    color: #A2D5C9; }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    opacity: 1; }

.swiper-button-prev {
  left: 0;
  text-align: left; }

.swiper-button-next {
  right: 0;
  text-align: right; }

.bread {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 2rem 0; }
  .bread li {
    color: #666666;
    font-size: .95rem; }
    .bread li + li:before {
      content: '>';
      display: inline-block;
      vertical-align: center;
      color: #666666;
      margin: 0 3px; }

.pages {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 100px; }
  .pages .page {
    display: block;
    width: 30px;
    height: 30px;
    color: #A2D5C9;
    text-align: center;
    line-height: 30px;
    margin-left: .5rem;
    margin-right: .5rem;
    border-bottom: 3px solid transparent; }
    .pages .page.active, .pages .page:hover {
      border-bottom: 3px solid #FADBB1; }

.fancybox-slide > * {
  border-radius: 20px; }
  .fancybox-slide > * .fancybox-close-small::after {
    content: '–';
    background-color: #FADBB1; }

.template {
  overflow: hidden;
  position: relative; }

.container {
  padding-left: 75px; }

.for-offset {
  height: 0; }

#index header {
  background-color: rgba(255, 255, 255, 0.5); }
  #index header #main-nav .menu {
    border-bottom: 0px solid #fff; }
    #index header #main-nav .menu .nav-item a {
      color: #808080; }
    #index header #main-nav .menu .nav-item.social i {
      color: #A2D5C9; }
    #index header #main-nav .menu .nav-item:hover a, #index header #main-nav .menu .nav-item.active a {
      color: #A2D5C9; }
    #index header #main-nav .menu .nav-item:hover.social i, #index header #main-nav .menu .nav-item.active.social i {
      color: #A2D5C9; }
    #index header #main-nav .menu .nav-item.dropdown .sub-menu .sub-menu-item a {
      color: #fff; }
    #index header #main-nav .menu .nav-item.dropdown .sub-menu .sub-menu-item:hover a, #index header #main-nav .menu .nav-item.dropdown .sub-menu .sub-menu-item.active a {
      color: #A2D5C9; }
  #index header.active {
    background-color: #000;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
    #index header.active #main-nav .menu {
      border-bottom: none !important; }
      #index header.active #main-nav .menu .nav-item > a {
        color: #fff; }
      #index header.active #main-nav .menu .nav-item.social i {
        color: #A2D5C9; }
      #index header.active #main-nav .menu .nav-item:hover > a, #index header.active #main-nav .menu .nav-item.active > a {
        color: #A2D5C9; }
      #index header.active #main-nav .menu .nav-item:hover.social i, #index header.active #main-nav .menu .nav-item.active.social i {
        color: #fff; }

#about header {
  background-color: rgba(0, 0, 0, 0.4); }
  #about header #main-nav .menu {
    border-bottom: 0px; }
    #about header #main-nav .menu .nav-item a {
      color: #fff; }
    #about header #main-nav .menu .nav-item:hover a, #about header #main-nav .menu .nav-item.active a {
      color: #A2D5C9; }

header {
  z-index: 8000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear; }
  header .flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px; }
  header #logo {
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    header #logo img {
      display: block;
      visibility: hidden; }
  header #main-nav {
    width: calc(100% - 10px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    header #main-nav .menu {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      border-bottom: 2px solid #A2D5C9; }
      header #main-nav .menu .nav-item {
        text-align: center;
        position: relative;
        margin: 0 1.5rem;
        position: relative;
        padding-bottom: 20px; }
        header #main-nav .menu .nav-item:hover > a, header #main-nav .menu .nav-item.active > a {
          color: #A2D5C9; }
        header #main-nav .menu .nav-item > a {
          font-size: 1rem;
          display: block;
          position: relative;
          color: #000;
          font-weight: bold; }
        header #main-nav .menu .nav-item.social i {
          color: #A2D5C9;
          font-size: 1.6rem; }
        header #main-nav .menu .nav-item.social img {
          width: 25px;
          height: auto; }
        header #main-nav .menu .nav-item.icon {
          margin: 0 8px;
          display: block; }
        header #main-nav .menu .nav-item.member {
          position: relative;
          cursor: pointer; }
          header #main-nav .menu .nav-item.member:hover .member-nav-item li a {
            color: #fff !important; }
            header #main-nav .menu .nav-item.member:hover .member-nav-item li a:hover {
              color: #000 !important; }
          header #main-nav .menu .nav-item.member .member-nav-item {
            position: absolute;
            top: 44px;
            left: -60px;
            width: 150px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
            header #main-nav .menu .nav-item.member .member-nav-item li a {
              display: block;
              background-color: #A2D5C9;
              padding: 12px 5px;
              border-bottom: 1px solid #fff;
              color: #fff; }
              header #main-nav .menu .nav-item.member .member-nav-item li a:hover {
                color: #000; }
            header #main-nav .menu .nav-item.member .member-nav-item li:nth-last-child(1) a {
              border-radius: 0px 0 20px 20px;
              border: none; }
            header #main-nav .menu .nav-item.member .member-nav-item.show {
              opacity: 1;
              visibility: visible;
              -webkit-transition: all .2s ease;
              -o-transition: all .2s ease;
              transition: all .2s ease; }
        header #main-nav .menu .nav-item.cart {
          cursor: pointer;
          position: relative; }
          header #main-nav .menu .nav-item.cart:hover .cart-btn a {
            color: #fff !important; }
            header #main-nav .menu .nav-item.cart:hover .cart-btn a:hover {
              color: #000 !important; }
          header #main-nav .menu .nav-item.cart .shopping-num {
            position: absolute;
            top: -8px;
            right: -8px;
            background-color: #FADBB1;
            color: #333333;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            cursor: pointer; }
          header #main-nav .menu .nav-item.cart .cart-nav-item {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
            header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item {
              position: absolute;
              border: 2px solid #A2D5C9;
              padding: 10px;
              right: -50px;
              top: 44px;
              background-color: #fff; }
              header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table {
                width: 300px; }
                header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table tr th, header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table tr td {
                  padding: 5px !important;
                  text-align: left; }
                header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table tr td.pro-name {
                  width: 180px; }
                header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table tr td.pro-num {
                  text-align: center; }
                header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .table tr.tr-line {
                  border-bottom: 1px solid #A2D5C9;
                  margin-bottom: 15px;
                  padding-bottom: 15px; }
              header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .cart-btn {
                margin: 15px 0 10px; }
                header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .cart-btn a {
                  display: block;
                  background-color: #A2D5C9;
                  border-radius: 11px;
                  width: 90px;
                  color: #333333;
                  margin: 0 0 0 auto;
                  line-height: 30px;
                  text-align: center; }
                  header #main-nav .menu .nav-item.cart .cart-nav-item .cart-sub-item .cart-btn a:hover {
                    color: #000; }
            header #main-nav .menu .nav-item.cart .cart-nav-item.show {
              opacity: 1;
              visibility: visible;
              -webkit-transition: all .2s ease;
              -o-transition: all .2s ease;
              transition: all .2s ease; }
        header #main-nav .menu .nav-item.dropdown {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          position: relative; }
          @media only screen and (min-width: 1025px) {
            header #main-nav .menu .nav-item.dropdown:hover .sub-menu {
              display: block; } }
          header #main-nav .menu .nav-item.dropdown i {
            display: none;
            font-size: 2rem; }
          header #main-nav .menu .nav-item.dropdown .sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            min-width: 100%;
            width: 120px;
            background-color: #A2D5C9;
            border: 1px solid #A2D5C9; }
            header #main-nav .menu .nav-item.dropdown .sub-menu .sub-menu-item a {
              display: block;
              padding: 5px;
              color: #fff; }
              header #main-nav .menu .nav-item.dropdown .sub-menu .sub-menu-item a:hover {
                background-color: #fff;
                color: #A2D5C9; }
          @media only screen and (max-width: 1024px) {
            header #main-nav .menu .nav-item.dropdown {
              display: block; }
              header #main-nav .menu .nav-item.dropdown i {
                display: block;
                position: absolute;
                right: 0;
                top: 10px;
                padding-right: 1rem;
                padding-left: 1rem;
                cursor: pointer; }
              header #main-nav .menu .nav-item.dropdown .sub-menu {
                display: none;
                position: relative;
                width: 100%;
                max-width: 100%; }
                header #main-nav .menu .nav-item.dropdown .sub-menu.active {
                  display: block; } }
  header.active {
    background-color: #000;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
    header.active #main-nav .menu {
      border-bottom: none !important; }
      header.active #main-nav .menu .nav-item > a {
        color: #fff; }
      header.active #main-nav .menu .nav-item:hover > a, header.active #main-nav .menu .nav-item.active > a {
        color: #A2D5C9; }

#phone-icon {
  position: absolute;
  right: 70px;
  top: 25px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  display: none;
  z-index: 9999; }
  #phone-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    #phone-icon ul .social {
      margin: 0 10px; }
      #phone-icon ul .social i {
        color: #A2D5C9;
        font-size: 1.8rem;
        cursor: pointer; }
      #phone-icon ul .social img {
        width: 25px;
        height: auto; }
    #phone-icon ul .member-nav-item {
      position: relative;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      #phone-icon ul .member-nav-item .member-sub-item {
        position: absolute;
        width: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        left: -60px;
        top: 10px; }
        #phone-icon ul .member-nav-item .member-sub-item li a {
          display: block;
          background-color: #A2D5C9;
          padding: 12px 5px;
          border-bottom: 1px solid #fff;
          color: #fff; }
          #phone-icon ul .member-nav-item .member-sub-item li a:hover {
            color: #000; }
        #phone-icon ul .member-nav-item .member-sub-item li:nth-last-child(1) a {
          border-radius: 0px 0 20px 20px;
          border: none; }
      #phone-icon ul .member-nav-item.show {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease; }
    #phone-icon ul .shopping-num {
      position: relative;
      top: -35px;
      right: -15px;
      background-color: #FADBB1;
      color: #333333;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      cursor: pointer; }
    #phone-icon ul .cart-nav-item {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      #phone-icon ul .cart-nav-item .cart-sub-item {
        position: absolute;
        border: 2px solid #A2D5C9;
        padding: 10px;
        right: 0;
        top: 30px;
        background-color: #fff; }
        #phone-icon ul .cart-nav-item .cart-sub-item .table {
          width: 300px; }
          #phone-icon ul .cart-nav-item .cart-sub-item .table tr th, #phone-icon ul .cart-nav-item .cart-sub-item .table tr td {
            padding: 5px !important; }
          #phone-icon ul .cart-nav-item .cart-sub-item .table tr td.pro-name {
            width: 180px; }
          #phone-icon ul .cart-nav-item .cart-sub-item .table tr td.pro-num {
            text-align: center; }
          #phone-icon ul .cart-nav-item .cart-sub-item .table tr.tr-line {
            border-bottom: 1px solid #A2D5C9;
            margin-bottom: 15px;
            padding-bottom: 15px; }
        #phone-icon ul .cart-nav-item .cart-sub-item .cart-btn {
          margin: 15px 0 10px; }
          #phone-icon ul .cart-nav-item .cart-sub-item .cart-btn a {
            display: block;
            background-color: #A2D5C9;
            border-radius: 11px;
            width: 90px;
            color: #333333;
            margin: 0 0 0 auto;
            line-height: 30px;
            text-align: center; }
            #phone-icon ul .cart-nav-item .cart-sub-item .cart-btn a:hover {
              color: #000; }
      #phone-icon ul .cart-nav-item.show {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease; }
  #phone-icon.active {
    right: 330px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }

footer {
  width: 100%;
  text-align: center; }
  footer .container {
    padding-top: 50px;
    padding-bottom: 50px; }
  footer a:hover {
    text-decoration: underline; }
  footer #footer-logo:before {
    content: '';
    display: block;
    width: 1px;
    height: 100px;
    margin: 0 auto 20px;
    background-color: #000; }
  footer #footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0; }
    footer #footer-nav > li {
      margin-left: 10px;
      margin-right: 10px; }
  footer #copyright {
    font-size: .95rem; }

#go-to-top {
  position: fixed;
  bottom: 50px;
  z-index: 8999;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  cursor: pointer;
  width: 40px; }

.zi5000 {
  position: relative;
  z-index: 5000; }

.no-carriage {
  display: inline-block;
  background: #A2D5C9;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 0 7px;
  margin: 0 3px; }

#index article {
  padding-top: 0; }

.scrolldown {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .scrolldown span {
    display: block;
    position: relative; }
  .scrolldown .span1 {
    width: 2px;
    height: 105px;
    background-color: #fff; }
  .scrolldown .span2 {
    width: 2px;
    height: 100px;
    background-color: #fff;
    margin-left: 10px;
    top: -50px; }
  .scrolldown .span3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1rem;
    color: #fff;
    font-family: 'Catamaran';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: -100px; }
    .scrolldown .span3:before {
      content: '';
      display: block;
      vertical-align: text-center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 2px;
      height: 70px;
      margin: auto;
      margin-bottom: 5px;
      background-color: #fff; }

#banner {
  position: relative;
  z-index: 8000;
  width: 100%;
  height: 100%;
  top: 0; }
  #banner .banner-logo img {
    -webkit-animation: pulse 1.5s linear both 1;
    animation: pulse 1.5s linear both 1; }
  #banner .swiper-slide .bg-img {
    width: 100%;
    height: 100vh;
    position: relative; }
    #banner .swiper-slide .bg-img:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: rgba(230, 235, 241, 0.05); }
  #banner .swiper-slide.rwd {
    display: none !important; }
  #banner .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    background-image: url(../_img/layout/logo1.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 30px auto; }
  #banner .banner-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 12%; }

.banner-slider2 {
  width: 100%;
  max-width: 1050px;
  margin-left: auto;
  margin-top: 100px; }
  .banner-slider2 .bg-img {
    width: 100%;
    padding-bottom: 38%; }
  .banner-slider2 .swiper-pagination {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    min-height: 20px; }
    .banner-slider2 .swiper-pagination .swiper-pagination-bullet {
      background: none;
      width: 10px;
      height: 10px;
      opacity: 1;
      border-radius: 0;
      position: relative;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
      .banner-slider2 .swiper-pagination .swiper-pagination-bullet:before {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        background-color: #FADBB1; }
      .banner-slider2 .swiper-pagination .swiper-pagination-bullet:hover, .banner-slider2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 20px;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear; }
        .banner-slider2 .swiper-pagination .swiper-pagination-bullet:hover:before, .banner-slider2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
          background-color: #A2D5C9; }
  .banner-slider2:before {
    content: '';
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    -webkit-transform: translate(-5%, 5%);
    -ms-transform: translate(-5%, 5%);
    transform: translate(-5%, 5%);
    background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff);
    background-image: -o-linear-gradient(45deg, #FADBB1, #fff);
    background-image: linear-gradient(45deg, #FADBB1, #fff); }

.index-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .index-about .txt-row .about-title {
    max-width: 450px; }
  .index-about .txt-row .about-detail {
    max-width: 650px; }
  .index-about .button-row .txt-right {
    padding: 30px;
    padding-right: 0;
    position: relative;
    display: block;
    overflow: hidden; }
    .index-about .button-row .txt-right:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: -webkit-linear-gradient(45deg, #A2D5C9 -20%, #FFFFFF 50%);
      background-image: -o-linear-gradient(45deg, #A2D5C9 -20%, #FFFFFF 50%);
      background-image: linear-gradient(45deg, #A2D5C9 -20%, #FFFFFF 50%);
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      z-index: 50; }
    .index-about .button-row .txt-right:hover {
      background-image: -webkit-linear-gradient(45deg, #A2D5C9 -20%, #A2D5C9 100%);
      background-image: -o-linear-gradient(45deg, #A2D5C9 -20%, #A2D5C9 100%);
      background-image: linear-gradient(45deg, #A2D5C9 -20%, #A2D5C9 100%);
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
      .index-about .button-row .txt-right:hover:before {
        left: 100%;
        top: -100%; }
      .index-about .button-row .txt-right:hover .btn1 .t {
        color: #fff; }
      .index-about .button-row .txt-right:hover .btn1 .line {
        background-color: #fff; }
    .index-about .button-row .txt-right .btn1 {
      position: relative;
      z-index: 100; }

.index-p {
  padding-top: 50px;
  position: relative; }
  .index-p:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 90%;
    background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff 50%);
    background-image: -o-linear-gradient(45deg, #FADBB1, #fff 50%);
    background-image: linear-gradient(45deg, #FADBB1, #fff 50%);
    opacity: .8; }

.index-p-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.index-p-slider .p-logo-row {
  padding-top: 50px;
  width: 40%; }
  .index-p-slider .p-logo-row img {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.index-p-slider .p-img {
  width: 60%;
  text-align: center; }
  .index-p-slider .p-img img {
    max-height: 500px; }

.news-slider-row {
  margin: 50px auto;
  position: relative; }
  .news-slider-row:before {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 980px;
    height: 100%;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FADBB1), color-stop(50%, #fff));
    background-image: -webkit-linear-gradient(bottom, #FADBB1, #fff 50%);
    background-image: -o-linear-gradient(bottom, #FADBB1, #fff 50%);
    background-image: linear-gradient(bottom, #FADBB1, #fff 50%);
    opacity: .5; }

.news-slider .img-row {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: block; }
  .news-slider .img-row .bg-img {
    width: 100%;
    padding-bottom: 36%; }

.news-slider .txt-row {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px; }
  .news-slider .txt-row .n-title {
    line-height: 2rem;
    height: 4rem;
    overflow: hidden;
    text-align: center; }
  .news-slider .txt-row .n-detail {
    line-height: 2rem;
    height: 2rem;
    overflow: hidden; }

.index-contact {
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem;
  background-image: -webkit-linear-gradient(45deg, #A2D5C9 -30%, #FADBB1 50%);
  background-image: -o-linear-gradient(45deg, #A2D5C9 -30%, #FADBB1 50%);
  background-image: linear-gradient(45deg, #A2D5C9 -30%, #FADBB1 50%);
  position: relative; }

#index #section5 {
  position: relative;
  z-index: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#FADBB1), color-stop(50%, #fff));
  background-image: -webkit-linear-gradient(left, #FADBB1, #fff 50%);
  background-image: -o-linear-gradient(left, #FADBB1, #fff 50%);
  background-image: linear-gradient(left, #FADBB1, #fff 50%); }
  #index #section5 .container {
    padding-top: 50px;
    padding-bottom: 50px; }

.ui.selection.dropdown {
  border: 2px solid #A2D5C9; }
  .ui.selection.dropdown:hover {
    border: 2px solid #A2D5C9; }
  .ui.selection.dropdown > .dropdown.icon {
    color: #A2D5C9; }

.ui.selection.active.dropdown .menu {
  border: 2px solid #A2D5C9;
  margin-left: -2px;
  margin-right: -2px;
  display: block;
  min-width: calc(100% + 4px);
  max-height: 150px;
  -webkit-overflow-scrolling: auto; }

::-webkit-scrollbar {
  -webkit-appearance: none; }
  ::-webkit-scrollbar:vertical {
    width: 12px; }
  ::-webkit-scrollbar:horizontal {
    height: 12px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff; }

#about article {
  padding-top: 0; }

section {
  padding: 0; }

#about #fullpage section .container {
  padding-right: 100px; }

#fp-nav {
  z-index: 9001; }
  #fp-nav ul li {
    width: 10px;
    height: 30px;
    padding: 0;
    margin: 0; }
    #fp-nav ul li:last-child {
      display: none; }
    #fp-nav ul li a {
      width: 100%;
      height: 100%; }
      #fp-nav ul li a span {
        width: 100%;
        height: 100%;
        font-size: 0;
        margin: 0;
        left: 0;
        top: 0;
        clip: none;
        border-radius: 0;
        background: none;
        border-left: 2px solid #FADBB1; }
      #fp-nav ul li a.active + .fp-tooltip {
        -webkit-transition: opacity .2s ease-in;
        -o-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in;
        width: auto;
        opacity: 1; }
      #fp-nav ul li a.active span {
        width: 100%;
        height: 100%;
        font-size: 0;
        margin: 0;
        left: 0;
        top: 0;
        clip: none;
        border-radius: 0;
        border-left: 2px solid #A2D5C9; }
    #fp-nav ul li .fp-tooltip {
      color: #A2D5C9;
      line-height: 30px;
      font-family: 'Nunito Sans','微軟正黑體','Microsoft JhengHei' ,'Abel', 'Lato','Oxygen', 'Raleway', sans-serif; }
    #fp-nav ul li:hover a span {
      width: 100%;
      height: 100%;
      font-size: 0;
      margin: 0;
      left: 0;
      top: 0;
      clip: none;
      border-radius: 0; }
    #fp-nav ul li:hover a.active span {
      width: 100%;
      height: 100%;
      font-size: 0;
      margin: 0;
      left: 0;
      top: 0;
      clip: none;
      border-radius: 0; }

.about-content.content0 {
  width: 100%;
  max-width: 960px;
  padding: 190px 25px 80px;
  margin-top: -115px;
  color: #fff; }
  .about-content.content0 .txt-row {
    max-width: 510px;
    position: relative;
    z-index: 100; }
  .about-content.content0 .title {
    margin-bottom: 30px; }

.about-content.content1 {
  width: 100%;
  max-width: 960px;
  background-image: url(../_img/about/img01.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 90px 25px;
  margin-top: -60px; }
  .about-content.content1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    right: 0;
    display: block;
    background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff);
    background-image: -o-linear-gradient(45deg, #FADBB1, #fff);
    background-image: linear-gradient(45deg, #FADBB1, #fff);
    opacity: .5;
    z-index: -1;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
    max-width: 1000px; }
  .about-content.content1 .txt-row {
    max-width: 510px;
    position: relative;
    z-index: 100; }
  .about-content.content1 .title {
    margin-bottom: 30px; }

.about-content.content2 {
  position: relative; }
  .about-content.content2 .title {
    margin-bottom: 20px; }
  .about-content.content2 .txt {
    max-width: 485px; }
  .about-content.content2 .txt-row {
    position: relative;
    z-index: 100; }
  .about-content.content2 .img-row {
    position: absolute;
    position: relative;
    z-index: 50;
    right: 0;
    top: -200px;
    text-align: right; }
    .about-content.content2 .img-row img {
      position: relative;
      z-index: 200; }
    .about-content.content2 .img-row:before {
      content: '';
      z-index: 100;
      position: absolute;
      width: 100%;
      height: 50%;
      display: block;
      left: 0;
      bottom: 0;
      background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff 20%);
      background-image: -o-linear-gradient(45deg, #FADBB1, #fff 20%);
      background-image: linear-gradient(45deg, #FADBB1, #fff 20%);
      -webkit-transform: translate(0px, 80px);
      -ms-transform: translate(0px, 80px);
      transform: translate(0px, 80px); }

.about-content.content3 {
  color: #fff; }
  .about-content.content3 .item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 50px auto; }
    .about-content.content3 .item-row .item {
      width: 300px;
      min-height: 300px;
      max-width: 100%;
      background-color: rgba(162, 213, 201, 0.6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center; }
      .about-content.content3 .item-row .item .icon-txt {
        margin-top: 20px;
        font-size: 1.2rem;
        font-weight: bold; }
  .about-content.content3 .txt-row .txt {
    max-width: 670px;
    margin-top: 30px; }

.about-content.content4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .about-content.content4 .txt-row {
    padding-left: 30px; }
    .about-content.content4 .txt-row .item + .item {
      margin-top: 30px; }
    .about-content.content4 .txt-row .txt-25 {
      margin-bottom: 20px; }
    .about-content.content4 .txt-row .list > li {
      font-weight: bold;
      line-height: 30px; }
      .about-content.content4 .txt-row .list > li:before {
        content: '\f00c';
        font-family: 'Font Awesome 5 Pro';
        font-size: 1.3rem;
        color: #A2D5C9;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
        margin-right: 5px; }

#about #section0 {
  background-image: url(../_img/about/img00.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-bottom: 20px; }

#about #section3 {
  background-image: url(../_img/about/img03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-bottom: 20px; }

#fp-nav {
  display: block !important; }

@media only screen and (max-width: 1366px) {
  .main-title .t2 {
    font-size: 2rem; }
  .main-title.mx-0 {
    margin: 7rem 0 2rem; }
  .about-content.content1 {
    padding: 30px; }
    .about-content.content1 .txt-row {
      width: 100%;
      max-width: 100%; }
  .about-content.content3 .item-row {
    margin-top: 20px;
    margin-bottom: 20px; }
    .about-content.content3 .item-row .item {
      max-width: 200px;
      min-height: 200px; } }

@media only screen and (max-width: 1024px) {
  .about-content.content4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content4 .txt-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 20px;
      width: 100%;
      padding: 0; }
      .about-content.content4 .txt-row .item {
        margin-top: 0 !important; } }

@media only screen and (max-width: 767px) {
  #fp-nav {
    display: none !important; }
  #about #fullpage .section .container {
    padding-right: 30px; }
  .about-content.content1:after {
    display: none; }
  .about-content.content2 .img-row {
    position: static; }
    .about-content.content2 .img-row:before {
      display: none; }
  .about-content.content3 .item-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content3 .item-row .item {
      margin: 20px 0; }
  .about-content.content4 .txt-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content4 .txt-row .item {
      width: 100%; }
      .about-content.content4 .txt-row .item + .item {
        margin-top: 30px !important; } }

.n-list {
  margin-top: 50px; }
  .n-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #FADBB1;
    padding: 30px 0; }
    .n-list .item .left {
      padding-right: 10%; }
    .n-list .item .date {
      color: #A2D5C9; }
    .n-list .item .n-title {
      font-size: 1.3rem;
      font-weight: bold;
      line-height: 2rem;
      height: 2rem;
      overflow: hidden;
      margin: 20px 0; }
    .n-list .item .n-detail {
      font-size: 1rem;
      line-height: 2rem;
      height: 6rem;
      overflow: hidden; }

.news-inner .date {
  color: #A2D5C9; }

.news-inner .n-title {
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 2px solid #FADBB1; }

.news-inner .main-img {
  margin: 30px 0; }
  .news-inner .main-img img {
    display: block;
    margin: auto; }

.news-inner .editor {
  padding-bottom: 30px;
  border-bottom: 2px solid #FADBB1;
  margin-bottom: 50px; }

.r-list .item .left {
  width: calc(100% - 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .r-list .item .left .img-row {
    width: 100%;
    max-width: 350px;
    position: relative;
    overflow: hidden; }
    .r-list .item .left .img-row .bg-img {
      width: 100%;
      padding-bottom: 55%;
      position: relative; }
      .r-list .item .left .img-row .bg-img:hover {
        opacity: .8; }
      .r-list .item .left .img-row .bg-img:before {
        content: '';
        position: absolute;
        display: block;
        width: 80%;
        height: 80%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat; }
  .r-list .item .left .txt-row {
    width: calc(100% - 350px);
    padding-left: 5%; }

.r-list .item .right {
  width: 150px; }

.request-inner .n-title {
  border-bottom: 0; }

.request-inner.form-page .date {
  margin-top: 50px; }

.request-inner.form-page .n-title {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #FADBB1; }

.dist-select {
  margin: 50px 0;
  position: relative;
  z-index: 9000; }

.store-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 50px; }
  .store-row .item {
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer; }
    .store-row .item .in {
      border-bottom: 2px solid #FADBB1;
      height: 100%;
      padding: 20px 0; }
    .store-row .item .store-name {
      font-size: 1.2rem;
      font-weight: bold;
      color: #A2D5C9;
      margin-bottom: 10px; }
    .store-row .item .address,
    .store-row .item .tel {
      padding-left: 35px;
      position: relative;
      line-height: 30px; }
      .store-row .item .address:before,
      .store-row .item .tel:before {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: bold;
        font-size: 1.3rem;
        width: 30px;
        text-align: center;
        color: #A2D5C9; }
    .store-row .item .address:before {
      content: '\f3c5'; }
    .store-row .item .tel:before {
      content: '\f095'; }

.map-info-box .store-name {
  font-size: 1.2rem;
  font-weight: bold;
  color: #A2D5C9;
  margin-bottom: 10px; }

.map-info-box .address,
.map-info-box .tel {
  padding-left: 35px;
  position: relative;
  line-height: 30px; }
  .map-info-box .address:before,
  .map-info-box .tel:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.3rem;
    width: 30px;
    text-align: center;
    color: #A2D5C9; }

.map-info-box .address:before {
  content: '\f3c5'; }

.map-info-box .tel:before {
  content: '\f095'; }

.map-info-box .btn4 {
  margin-top: 20px; }

#google-map {
  width: 100%;
  height: 500px; }

.contact-txt-row {
  text-align: center;
  margin-bottom: 50px; }
  .contact-txt-row .icon {
    display: block;
    margin: 0 auto; }
  .contact-txt-row .num {
    font-size: 2rem;
    color: #A2D5C9;
    font-weight: bold;
    margin: 10px auto;
    display: block; }

.p-category .item .bg-img {
  width: 100%;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
  padding: 5% 10%;
  position: relative; }
  .p-category .item .bg-img:hover:before {
    opacity: .0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
  .p-category .item .bg-img:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #E6EBF1;
    opacity: .7;
    z-index: 50;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
  .p-category .item .bg-img .p-category-name {
    font-size: 2rem;
    font-weight: bold;
    z-index: 100; }

.p-list-category {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 50px; }
  .p-list-category .swiper-slide {
    text-align: center; }

.p-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .p-list .item {
    width: 50%;
    padding: 5px; }
    .p-list .item .in {
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .p-list .item .img-row {
      width: 36%;
      padding: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      .p-list .item .img-row .pic {
        width: 100%;
        padding-bottom: 121%; }
      .p-list .item .img-row .activity-star {
        position: absolute;
        top: 0px;
        left: 0px; }
      .p-list .item .img-row .activity-txt {
        position: absolute;
        bottom: 30px;
        right: 5px;
        width: 50px;
        height: 50px;
        padding: 5px;
        border-radius: 50px;
        font-size: 15px;
        text-align: center;
        line-height: 20px;
        background-color: #A2D5C9; }
    .p-list .item .txt-row {
      width: 64%;
      padding-left: 5%;
      padding-right: 5%;
      padding: 5%; }
      .p-list .item .txt-row .p-name {
        text-align: center;
        margin: 20px 0;
        line-height: 2.5rem;
        height: 2.5rem;
        overflow: hidden; }
      .p-list .item .txt-row .p-detail {
        line-height: 2rem;
        height: 6rem;
        overflow: hidden;
        margin-bottom: 20px; }
      .p-list .item .txt-row .p-price {
        color: #A2D5C9;
        font-size: 1.2rem;
        margin-top: -15px;
        margin-bottom: 20px;
        height: 30px; }
      .p-list .item .txt-row .p-icon-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 30px; }
        .p-list .item .txt-row .p-icon-box .social {
          margin-top: 10px; }
          .p-list .item .txt-row .p-icon-box .social i {
            color: #A2D5C9;
            font-size: 1.6rem; }
        .p-list .item .txt-row .p-icon-box a {
          padding-top: 2px; }
          .p-list .item .txt-row .p-icon-box a .heart {
            cursor: pointer; }
            .p-list .item .txt-row .p-icon-box a .heart::after {
              content: '\f004';
              font-family: 'Font Awesome 5 Pro';
              color: #A2D5C9;
              font-size: 1.6rem; }
            .p-list .item .txt-row .p-icon-box a .heart.active::after {
              font-weight: 800; }
    .p-list .item.favourite-delete {
      position: relative; }
      .p-list .item.favourite-delete .favour-dele {
        opacity: 0;
        position: absolute;
        right: 0;
        top: -2px;
        width: 30px;
        height: 30px;
        background-color: #FADBB1;
        border-radius: 50%;
        vertical-align: middle;
        padding: 8px; }
      .p-list .item.favourite-delete:hover .favour-dele {
        opacity: 1; }

#p-top {
  margin: 50px 0; }
  #p-top .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #p-top .img-row,
  #p-top .txt-row {
    width: 50%; }
  #p-top .img-row .pic {
    width: 100%;
    padding-bottom: 100%; }
  #p-top .txt-row {
    padding-right: 3%; }
    #p-top .txt-row .p-name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #p-top .txt-row .p-name .activity-txt {
        right: 5px;
        width: 50px;
        height: 50px;
        padding: 5px;
        border-radius: 50px;
        font-size: 15px;
        text-align: center;
        line-height: 20px;
        background-color: #A2D5C9;
        margin-right: 10px; }
    #p-top .txt-row .editor {
      margin-bottom: 30px; }
      #p-top .txt-row .editor::before {
        content: '';
        display: block;
        width: 2px;
        height: 30px;
        background-color: #FADBB1;
        margin: 10px 0; }
    #p-top .txt-row .price-num-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #p-top .txt-row .price-num-box .num {
        margin-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #666666; }
        #p-top .txt-row .price-num-box .num input {
          border: 0px;
          background-color: #fff;
          font-size: 1.2rem;
          color: #666666; }
          #p-top .txt-row .price-num-box .num input[type=button] {
            width: 30px;
            height: 30px;
            line-height: 20px;
            cursor: pointer; }
          #p-top .txt-row .price-num-box .num input.num-box {
            max-width: 50px;
            text-align: center;
            border-left: 1px solid #666666;
            border-right: 1px solid #666666; }
    #p-top .txt-row .free-shipping {
      width: 50px;
      height: 50px;
      padding: 5px;
      border-radius: 50px;
      font-size: 13px;
      text-align: center;
      line-height: 38px;
      background-color: #A2D5C9;
      margin-left: 20px; }
    #p-top .txt-row .heart {
      margin-left: 20px; }
      #p-top .txt-row .heart::before {
        content: '\f004';
        font-family: 'Font Awesome 5 Pro';
        color: #A2D5C9;
        font-size: 1.6rem;
        margin-right: 10px;
        vertical-align: middle; }
      #p-top .txt-row .heart.active::before {
        font-weight: 800; }

.p-main-editor {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 2px solid #FADBB1;
  border-bottom: 2px solid #FADBB1; }

.text-box {
  background-color: #E6EBF1;
  padding: 10px;
  text-align: left;
  max-width: 600px; }

.text-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 90px; }
  .text-btn .forget {
    text-align: right; }
  .text-btn .register {
    text-align: left;
    border-bottom: 2px dotted #A2D5C9; }

.step-box {
  max-width: 300px;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 18px; }
  .step-box .step {
    color: #A2D5C9;
    border: 2px solid #A2D5C9;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    background-color: #fff;
    position: relative; }
    .step-box .step::after {
      content: '';
      width: 150px;
      height: 1px;
      position: absolute;
      background-color: #333333;
      top: 50%;
      left: -50px;
      z-index: -1; }
    .step-box .step.active {
      background-color: #A2D5C9;
      color: #333333; }

.detil-row .detil-title {
  cursor: pointer; }
  .detil-row .detil-title::after {
    content: '\f106';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .detil-row .detil-title.active::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }

.detil-row .item-cart {
  border: 1px solid #FADBB1;
  padding: 20px;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  display: table-column; }
  .detil-row .item-cart.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: block; }
  .detil-row .item-cart .item-row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed #FADBB1;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .detil-row .item-cart .item-row ul:last-child {
      border: 0px;
      margin-bottom: 0px; }
    .detil-row .item-cart .item-row ul .p-row .row-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .detil-row .item-cart .item-row ul .p-row .row-box .p-img {
        width: 50px;
        margin-right: 20px; }
      .detil-row .item-cart .item-row ul .p-row .row-box .p-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .detil-row .item-cart .item-row ul .p-row .row-box .p-txt .p-name {
          color: #000; }
        .detil-row .item-cart .item-row ul .p-row .row-box .p-txt .p-ml {
          font-size: 12px;
          color: #666;
          text-align: left; }

.payment-row .form-row .from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .payment-row .form-row .from input[type="radio"] {
    display: none; }
    .payment-row .form-row .from input[type="radio"] + label span {
      display: inline-block;
      width: 19px;
      height: 19px;
      margin: -2px 10px 0 0;
      vertical-align: middle;
      border: 2px solid #FADBB1;
      border-radius: 25px;
      cursor: pointer; }
    .payment-row .form-row .from input[type="radio"]:checked + label span {
      background-color: #FADBB1;
      cursor: pointer; }

.order-row .order-box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .order-row .order-box-row .order-box {
    margin: 20px 20px; }

.order-num,
.order-member {
  color: #497949; }

.order-txt-row {
  max-width: 320px;
  margin: 0 auto;
  border: 2px solid #FADBB1; }
  .order-txt-row .order-txt-title {
    padding: 5px 20px;
    border-bottom: 2px solid #FADBB1; }

.member-order-btn-box {
  border-bottom: 2px solid #FADBB1; }
  .member-order-btn-box .m-o-menu-btn {
    display: none; }
  .member-order-btn-box .member-order-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .member-order-btn-box .member-order-btn li.order-btn {
      padding: 0 20px;
      font-size: 16px;
      border-right: 2px solid #FADBB1;
      color: #A2D5C9; }
    .member-order-btn-box .member-order-btn li:last-child {
      border: 0px; }
    .member-order-btn-box .member-order-btn li a:hover, .member-order-btn-box .member-order-btn li a.active {
      color: #000; }

.member-order-list-main-title {
  background-color: #E6EBF1;
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .member-order-list-main-title .order-list-status,
  .member-order-list-main-title .order-list-day,
  .member-order-list-main-title .order-list-price,
  .member-order-list-main-title .order-list-total,
  .member-order-list-main-title .order-list-run {
    width: 150px;
    text-align: center; }
  .member-order-list-main-title .order-list-status {
    width: 100px; }
  .member-order-list-main-title .order-list-product {
    width: 300px;
    text-align: left; }
  .member-order-list-main-title .order-list-run {
    text-align: left; }

.m-o-list-box {
  background-color: #fff;
  margin: 15px 0px;
  padding: 10px 0;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
  .m-o-list-box .m-o-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #FADBB1;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .m-o-list-box .m-o-list .order-list-status,
    .m-o-list-box .m-o-list .order-list-day,
    .m-o-list-box .m-o-list .order-list-price,
    .m-o-list-box .m-o-list .order-list-total,
    .m-o-list-box .m-o-list .order-list-run {
      width: 150px;
      text-align: center; }
    .m-o-list-box .m-o-list .order-list-status {
      width: 100px; }
    .m-o-list-box .m-o-list .order-list-product {
      width: 300px; }
    .m-o-list-box .m-o-list .order-list-product,
    .m-o-list-box .m-o-list .order-list-run {
      text-align: left; }
    .m-o-list-box .m-o-list .order-list-status {
      color: #F6940F; }
    .m-o-list-box .m-o-list span {
      padding: 0 25px; }
      .m-o-list-box .m-o-list span:last-child {
        padding-right: 50px; }
      .m-o-list-box .m-o-list span.small-txt {
        padding: 0px;
        display: block;
        color: #666666;
        font-size: 13px; }
      .m-o-list-box .m-o-list span.other-p {
        padding: 5px 0 0 0;
        margin: 15px 0 0 0;
        border-top: 1px dotted #FADBB1;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .m-o-list-box .m-o-list:last-child {
      border: 0px; }
    .m-o-list-box .m-o-list a {
      display: block; }
      .m-o-list-box .m-o-list a.order-btn {
        color: #000;
        margin: 3px 0; }
        .m-o-list-box .m-o-list a.order-btn:hover {
          color: #475A60; }
  .m-o-list-box.o-p-list {
    margin: 0px;
    -webkit-box-shadow: none;
    box-shadow: none; }

.message-inner {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px;
  margin: 20px 0; }
  .message-inner .message-t-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px; }
    .message-inner .message-t-box .read-icon img {
      vertical-align: middle; }
    .message-inner .message-t-box span:last-child {
      padding-right: 10px; }
    .message-inner .message-t-box span.message-time i {
      margin-left: 20px; }
    .message-inner .message-t-box span.message-time.active i {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .message-inner .message-box {
    margin: 5px 0 0 0;
    padding-top: 5px;
    border-top: 2px solid #FADBB1;
    height: 0;
    opacity: 0; }
    .message-inner .message-box.show {
      height: auto;
      opacity: 1; }
    .message-inner .message-box .message-txt-box {
      padding-left: 20px; }
      .message-inner .message-box .message-txt-box .message-txt {
        margin: 5px 0;
        padding: 10px; }
      .message-inner .message-box .message-txt-box .message-reply {
        margin-left: 10px;
        padding: 10px;
        background-color: #E6EBF1; }
    .message-inner .message-box .form-row.message-form {
      margin-top: 40px;
      padding-top: 20px;
      border-top: 2px #FADBB1 dotted; }

@media only screen and (max-width: 1024px) {
  body {
    right: 0px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
    body.active {
      right: 300px;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
  section {
    /*&:first-child {
			padding-top: 0;
		}*/ }
  .container {
    width: 768px; }
  header {
    background: none !important;
    z-index: 9999; }
    header #logo {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      margin-left: -20px;
      margin-top: 20px;
      display: inline-block; }
      header #logo img {
        visibility: visible;
        max-height: 60px; }
    header .container {
      width: 100%;
      background: rgba(255, 255, 255, 0.5); }
    header .flex {
      width: 100%;
      display: block;
      padding-top: 0;
      height: 60px; }
    header #main-nav {
      width: 300px;
      height: 100%;
      position: fixed;
      display: block;
      right: -300px;
      top: 0;
      background-color: #333;
      padding-top: 50px;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
      header #main-nav.active {
        right: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear; }
      header #main-nav .menu {
        width: 100%;
        display: block;
        border-bottom: none !important; }
        header #main-nav .menu .nav-item {
          width: 100%;
          margin: 0;
          color: #fff; }
          header #main-nav .menu .nav-item:before {
            display: none !important; }
          header #main-nav .menu .nav-item > a {
            padding: 1rem 0;
            color: #fff; }
          header #main-nav .menu .nav-item.icon {
            display: none; }
          header #main-nav .menu .nav-item .sub-menu {
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            opacity: 1;
            visibility: visible;
            width: 100%;
            display: none; }
            header #main-nav .menu .nav-item .sub-menu.show {
              -webkit-transform: none;
              -ms-transform: none;
              transform: none;
              display: block; }
            header #main-nav .menu .nav-item .sub-menu > li:hover > a, header #main-nav .menu .nav-item .sub-menu > li.active > a {
              color: #fff; }
            header #main-nav .menu .nav-item .sub-menu > li > a {
              color: #333333; }
  #phone-icon {
    display: block; }
  #burger {
    width: 25px;
    height: 20px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: 25px;
    cursor: pointer;
    z-index: 9000; }
    #burger span {
      background-color: #5e5e5e;
      display: block;
      position: absolute;
      top: 9px;
      left: 0;
      right: 0;
      height: 2px;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-transition-delay: 0.2s, 0s;
      -o-transition-delay: 0.2s, 0s;
      transition-delay: 0.2s, 0s; }
      #burger span:before, #burger span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        background-color: #5e5e5e;
        -webkit-transition-duration: 0.2s, 0.2s;
        -o-transition-duration: 0.2s, 0.2s;
        transition-duration: 0.2s, 0.2s;
        -webkit-transition-delay: 0.2s, 0s;
        -o-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s; }
      #burger span:before {
        top: -8px;
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, -webkit-transform;
        -o-transition-property: top, transform;
        transition-property: top, transform;
        transition-property: top, transform, -webkit-transform; }
      #burger span:after {
        bottom: -8px;
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, -webkit-transform;
        -o-transition-property: bottom, transform;
        transition-property: bottom, transform;
        transition-property: bottom, transform, -webkit-transform; }
    #burger.active span {
      background-color: transparent;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      #burger.active span:before, #burger.active span:after {
        background-color: #aaa;
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,-webkit-transform;
        -o-transition-property: top,transform;
        transition-property: top,transform;
        transition-property: top,transform,-webkit-transform;
        -webkit-transition-duration: 0.2s, 0.2s;
        -o-transition-duration: 0.2s, 0.2s;
        transition-duration: 0.2s, 0.2s;
        -webkit-transition-delay: 0s, 0.2s;
        -o-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s; }
      #burger.active span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      #burger.active span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .progress-bottom .progress-img02 {
    right: 0; }
  .swiper-button-prev,
  .swiper-button-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  #banner .container {
    background: none; }
  article {
    background: none; }
  .r-list .item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .r-list .item .left .img-row,
    .r-list .item .left .txt-row {
      width: 100%; }
    .r-list .item .left .txt-row {
      padding-left: 0;
      margin-top: 20px; }
  .order-row .order-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .order-row .order-box-row .order-box {
      margin: 10px; }
  .form > li .select-row .select.width {
    width: calc(100% - 90px);
    margin: 0 0 0 auto; } }

@media only screen and (max-width: 768px) {
  .member-order-btn-box .m-o-menu-btn {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px; }
  .member-order-btn-box .member-order-btn {
    display: block;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    height: 0;
    background-color: #F2F2F2; }
    .member-order-btn-box .member-order-btn li.order-btn {
      padding: 10px 0;
      border: 0px; }
    .member-order-btn-box .member-order-btn.show {
      opacity: 1;
      visibility: visible;
      height: auto; }
  .member-order-list-main-title {
    display: none; }
  .m-o-list-box .m-o-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .m-o-list-box .m-o-list .order-list-status,
    .m-o-list-box .m-o-list .order-list-day,
    .m-o-list-box .m-o-list .order-list-product,
    .m-o-list-box .m-o-list .order-list-price,
    .m-o-list-box .m-o-list .order-list-total {
      width: 90%;
      margin: 5px 5% 5px 5%;
      text-align: left; }
    .m-o-list-box .m-o-list .order-list-run {
      width: 100%;
      margin: 10px 0 0 0; }
      .m-o-list-box .m-o-list .order-list-run ul {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0px 30px; }
    .m-o-list-box .m-o-list .order-list-product::before,
    .m-o-list-box .m-o-list .order-list-price::before,
    .m-o-list-box .m-o-list .order-list-total::before {
      display: block;
      background-color: #aaa;
      margin-bottom: 5px;
      color: #fff;
      font-weight: 800;
      padding-left: 5px; }
    .m-o-list-box .m-o-list .order-list-product::before {
      content: '商品'; }
    .m-o-list-box .m-o-list .order-list-price::before {
      content: '單價'; }
    .m-o-list-box .m-o-list .order-list-total::before {
      content: '總價'; } }

@media only screen and (max-width: 640px) {
  .container {
    padding-left: 30px;
    padding-right: 30px; }
  .btn.btn2 {
    min-width: 200px; }
  body,
  html {
    font-size: 13px; }
  body.active {
    right: 200px; }
  main {
    margin: 0 !important; }
  header #logo {
    margin-left: -10px; }
  header #burger {
    top: 1.8rem; }
  header #main-nav {
    width: 200px;
    right: -200px; }
    header #main-nav .menu .nav-item.social {
      display: none !important; }
  #phone-icon {
    display: block; }
    #phone-icon.active {
      right: 200px; }
    #phone-icon ul .cart-nav-item .cart-sub-item {
      right: -50px; }
  footer {
    position: static; }
    footer #footer-info {
      display: block; }
  #inner-banner .bg-img {
    height: 300px; }
  #index #section1 .container {
    padding-left: 0;
    padding-right: 0; }
  .index-about {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .index-about .txt-row {
      margin-bottom: 30px; }
  .index-p-slider .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .index-p-slider .swiper-slide .p-logo-row,
    .index-p-slider .swiper-slide .p-img {
      width: 100%;
      text-align: center; }
    .index-p-slider .swiper-slide .p-logo-row {
      padding-top: 0; }
      .index-p-slider .swiper-slide .p-logo-row .p-logo {
        max-width: 70%;
        margin: 0 auto; }
    .index-p-slider .swiper-slide .p-img img {
      max-height: 200px; }
  .p-category .item .bg-img {
    height: 100px; }
    .p-category .item .bg-img .p-category-name {
      font-size: 1.2rem; }
  .p-list .item {
    width: 100%;
    margin: 30px auto; }
  #p-top .txt-row,
  #p-top .img-row {
    padding: 0;
    width: 100%;
    margin: 20px 0; }
  .n-list .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .n-list .item .left,
    .n-list .item .right {
      width: 100%; }
    .n-list .item .left {
      padding-right: 0; }
    .n-list .item .right {
      text-align: right;
      margin-top: 20px; }
  .r-list .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .r-list .item .left,
    .r-list .item .right {
      width: 100%;
      padding: 0; }
    .r-list .item .right {
      text-align: right;
      margin-top: 20px; }
  .form > li > div {
    width: 100% !important;
    margin-left: 0 !important; }
  .form > li .select-row .select.width {
    width: calc(100% - 90px);
    margin: 0 0 0 auto; }
  .form > li .select-row .select.width-100 {
    width: calc(100% - 90px);
    margin: 0 0 0 auto; }
    .form > li .select-row .select.width-100 select {
      position: relative;
      padding: 15px 20px; }
  .store-row .item {
    width: 50%; }
  .map-info-box .btn4 {
    max-width: 100%;
    width: 100%;
    min-width: 0; }
  .message-inner .message-t-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px; }
    .message-inner .message-t-box span:last-child {
      padding-top: 10px; } }

@media only screen and (max-width: 480px) {
  #banner .swiper-slide.pc {
    display: none !important; }
  #banner .swiper-slide.rwd {
    display: block !important; }
  .detil-row .item .item-row ul {
    display: block; }
    .detil-row .item .item-row ul .p-num, .detil-row .item .item-row ul .p-price {
      width: 50%;
      margin: 0 0 0 auto;
      text-align: right; } }

@media only screen and (max-width: 320px) {
  body,
  html {
    font-size: 10px; } }

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