.cms-main-area {   }
/**----------------
 about 
--------------------*/
 /* Banner 內文字 =====================================================================*/
 #cms-main .cms-main-banner-txt p { font-size: 15px; margin: 0!important; color: #fff;}
/**----------------
 about 
--------------------*/
.cms-about h2 { font-size:1.75rem; font-weight: 400; margin:5% 0 1% 0; color:#de5f0c; }
#cms-main .cms-about h3 { font-size: 1.5rem;   display: block;margin:5% 0; color:#0d386d;  }
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto;   }
#cms-main .cms-about p { margin:5% auto; font-size:1.063rem; font-weight:400; line-height:2rem; width: 100%; display: flex;  color:#56667a;	}
.cms-about figure img{ width: 100%; max-width: 100%; display: block; }
.cms-about-wrap{width: 100%; max-width: 1200px; margin:0 auto; padding:0px 20px; display: flex; flex-wrap: wrap; justify-content: center;  }

/*about us----*/
 
.cms-about-box {width: 100%;   margin:5% 0; padding:15px;  display: flex; flex-wrap: wrap; flex-direction: row; background-color: rgba(255, 255, 255, 0.5);  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)}
.cms-about-box .cms-about-box-style{ padding:30px; background: #fff; }
.cms-about-1 {width: 100%;  padding:5vh 0;   display: flex; flex-wrap: wrap; justify-content: center;   background-image: linear-gradient(to top, #fef3d3 0%, #fff 100%); }
.cms-about-1 .cms-about-box{  width:40%; margin:5% auto; padding:30px 20px; }
.cms-about-1-pic { width:50%; padding:0;  display: flex;flex-wrap: wrap; justify-content: flex-end;align-content: center; align-items: center; }
.cms-title-h4 { width:100%; height: auto; margin:0 auto;   position: relative; z-index: 9; display: flex; justify-content: flex-start; align-items: flex-start;  flex-wrap: wrap; flex-direction:column; background: none;}
#cms-main .cms-title-h4 h2{ margin:20px 0px 0px 20px; color:#0f396d;font-weight: 400; font-size: 2.25rem; position: relative; z-index: 9; }
#cms-main .cms-title-h4 p{ margin:0px 0px 0px 25px; font-size:0.9375rem; font-weight: 700!important;color:#0f396d; position: relative; z-index: 9; }
#cms-main .cms-title-h4 h2:before { content: '';position: absolute;  margin-top: -90px; width:200px; height:106px; background: url("../images/index/title-2.svg") no-repeat left top; z-index: 0;} 
#cms-main .cms-title-h4 h3{ margin:40px 0px 0px 25px; color:#eb5e02;  }

 .cms-about-2{width: 100%; padding:0px 15px 0px 15px;  background: #fff;}
.cms-about-2:before{  content: ""; display: block; width:100%; height:200px; position:absolute;z-index:1; pointer-events: none;margin-top: -200px; background: url("../images/index/bg-circle.svg") right top repeat-x; background-size: 100% auto; background-color: transparent; animation:bgcircle 10s linear infinite;    }
@keyframes bgcircle {
    0%{transform:scale(1);}
    50%{transform:scale(1.25); }
    100%{transform:scale(1);}
}
 
.cms-about-2-left { width: 50%; padding: 30px; display: flex; flex-wrap: wrap;align-content: center;  }
#cms-main .cms-about-2-left p{  margin:5% auto; font-size:1.063rem; font-weight:400; line-height:2rem; width: 100%; display: flex;  color:#0d386d; }
.cms-about-2-right { width: 50%;padding:0px 30px; display: flex;  justify-content: flex-start;flex-wrap: wrap; }
.cms-about-img{ width: 100%;padding: 0px; display: flex;  justify-content: flex-start;flex-wrap: wrap;}
.cms-about-img li{width: calc(100% / 2 - 20px); margin:10% auto; background: #fff; border-radius:20px;  box-shadow: 0px 2px 5px rgba(0,0,0,.4); list-style: none;}
.cms-about-img li img{  border-radius:20px 20px 0px 0px; }
.cms-about-img li figcaption{width: 100%; display: flex; }
.cms-about-img li figcaption h4::before{content: ""; position: relative; left:-30px; top:15px; display: block; width: 20px; height: 4px;border-radius:15px;  background:#fe9912;}
.cms-about-img li figcaption h4{ margin-left: 50px; font-size: 1.15rem; font-weight: 700;}

@media (max-width: 991.98px) {
.cms-about-1 .cms-about-box{  width:100%;padding-bottom: 100px;  }
.cms-about-1-pic { width:100%; justify-content:center;  }
.cms-about-box{box-shadow: none;}   
.cms-about-2-left { width: 100%;}
.cms-about-2-right { width: 100%; padding: 0px;}
}


.penguin-wrap{ width:100%; height: 150px; margin-top: 0px; display: flex; flex-wrap: wrap; position: relative;}
.penguin { position: absolute; left: 8%; top: 5%; display: block; width: 98px; height: 150px;  background: url("../images/index/penguin-3.svg") no-repeat center;  -webkit-animation: pro 3s infinite ease-in-out both; animation: pro 10s infinite ease-in-out both; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;  z-index: 9; }
.penguin-one {
      position: absolute;
      left: 18%;
      top: 0;
       display: block;
      width: 74px;
      height: 150px;
      background: url("../images/index/penguin-1.svg") no-repeat center;
      -webkit-animation: pro 3s infinite ease-in-out both;
      animation: pro 3s infinite ease-in-out both;
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      z-index: 9; }
.penguin-two {
      position: absolute;
      left:12%;
      top: -10%;
       display: block;
      width: 96px;
      height: 150px;
      background: url("../images/index/penguin-2.svg") no-repeat center;
      -webkit-animation: proTwo 3s infinite ease-in-out both;
      animation: proTwo 6s infinite ease-in-out both;
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      z-index:9;}
.penguin-four {
      position: absolute;
      right:5%;
      top: 4%;
       display: block;
      width: 96px;
      height: 150px;
      background: url("../images/index/penguin-1.svg") no-repeat center;

 animation:bgcircle 4s linear infinite;
      z-index:9; }
.penguin-five {
          position: relative;
          right: 1%;
          top: 8%;
           display: block;
          width: 100px;
          height: 150px;
          background: url("../images/index/penguin-4.svg") no-repeat center;
     animation: wave 15s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(1450px, 0px, 0); 
          z-index: 9;}
@-webkit-keyframes pro {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  30% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg); }
  45% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg); }
  60% {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  75% {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg); } }
@keyframes pro {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  30% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg); }
  45% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg); }
  60% {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  75% {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg); } }
@-webkit-keyframes proTwo {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  30% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  45% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg); }
  60% {
    -webkit-transform: rotate(-3.6deg);
    transform: rotate(-3.6deg); }
  75% {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg); } }
@keyframes proTwo {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  30% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  45% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg); }
  60% {
    -webkit-transform: rotate(-3.6deg);
    transform: rotate(-3.6deg); }
  75% {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg); } }
@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -600px;
  }
}
@keyframes swell {
  0%,
	100% {
    transform: translate3d(0, -15px, 0);
  }
  50% {
    transform: translate3d(0, 0px, 0);
  }
}
@media (max-width: 1024px) {
.penguin-two , .penguin-one,.penguin-five {display: none;}
.penguin {top:-20px;} 
.penguin-four {top:-20px;}    
}
.cms-main-facility:before{  content: ""; display: block; width:100%; height:200px; position:relative;z-index:99; pointer-events: none;margin-top: -50px; background: url("../images/index/nav-bg-01.svg") right top repeat-x; background-size: 100% auto; background-color: transparent; animation:bgcircle 5s linear infinite; }
.cms-main-facility { width: 100%; padding:0px 0px 100px 0; margin:0; position: relative; display: flex; flex-wrap: wrap; background:#fffaf1; z-index: 1;}
.cms-main-facility-item { width:100%;display: flex; flex-wrap: wrap;  }
#cms-main .cms-main-facility-item h3{ margin:0px 0px 25px 0; width: 100%;  font-size:1.5rem; color:#0d386d; font-weight: 700;  position: relative;   }
.title-facility{ display: flex; width: 140px; height: 70px; margin:0px 0px 0px 100px;  background: url("../images/index/icon-house.svg") no-repeat left top;}
.cms-main-txt{width: 70%;   margin: auto auto 5% auto; display: flex; flex-wrap: wrap;}
#cms-main .cms-main-txt p { margin:2% auto; font-size:1.063rem; font-weight:400; line-height:2rem; width: 100%; display: flex;  color:#56667a;  }
.cms-main-facility-title{flex: 0 0 30%;}

@media (max-width: 991.98px) {
.cms-main-facility {  padding:0px 0px 20px 0;  }
.cms-main-facility:before{ margin-top: -40px;  background-size: 200% auto; z-index:9; animation:none; }  
.cms-main-facility-title{flex: 0 0 100%;}
.cms-main-txt{width: 100%; }
    
}

   /*about us*/
.cms-about-wrap .edit{ display: inline-block; margin:2% auto 2% 40%; max-width:100%; padding:2vh 0; text-align: right;}
.cms-about-wrap .edit-half{display: inline-block; width:70%; margin:0 auto; padding: 2rem; }
 
/*----------------------------------------/
 園區設施
----------------------------------------*/
.cms-about-5{ padding:15vh 0 30px 0px; background:#fff;  }
.cms-main-product-item { width:100%;  margin:0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-around; align-items: center; }
.cms-main-product-item li{margin: 0px auto;  padding: 50px 30px 0px 30px;  width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: center;  align-content: center; transition: all 0.3s linear 0s; z-index: 1; }
.cms-main-product-item li:hover { }
.cms-main-product-item li figure { position: relative;   width:100%; max-width:100%; height: auto; align-items: flex-start;   transition: all 0.5s ease 0s; border-radius:15px;  }
.cms-main-product-item li figure img {  width: 100%; max-width: 100%; transition: all 0.3s;  border-radius:15px;  }
.cms-main-product-item li:hover figure img { transform: scale(1.1);  opacity: 0.6;  border-radius:15px;}
.cms-main-product-item li .cms-item-inner { position: relative; z-index: 2; bottom:10px; width:100%; height: auto;  text-align: center;    }
.cms-main-product-item li .cms-item-title { margin:0 auto; padding:30px 0px 5px 0px; color:#524441; font-size:1.25rem; font-weight: 700!important; }
.cms-main-product-item li .cms-item-text p{ margin:0px; padding: 0 ; font-size:0.9rem;  font-weight:500; color:#936f35; line-height: 1.5rem;  overflow: hidden; text-overflow: ellipsis;   text-overflow: initial;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.cms-main-product-item .slick-current { margin:-30px auto auto auto;  transform: scale(1.1); z-index: 9;  transition: all .5s ease; -webkit-transition: all .5s ease; moz-transition: all .5s ease;  -o-transition: all .5s ease;  -ms-transition: all .5s ease;  border-radius:15px;}	
.cms-main-product-item .slick-dots {bottom:-30px;  }	
.cms-main-product-item .slick-prev { left:0; z-index: 99; }
.cms-main-product-item .slick-next { right:0; }
@media (max-width: 991.98px) {
.cms-about-5{ padding:5vh 0; }
.cms-main-product-item  { margin:14% auto 0 auto;}
 }


 
/*about-brand 01----*/
.bg-brand{padding:100px 0px; background:url("../images/about/about-bg-2.jpg") no-repeat left top; background-size: 80% auto; z-index: 1;}
.cms-main-about-box{  width: 100%; max-width: 1360px; margin: auto;  display: flex; flex-wrap: wrap; justify-content: space-around;position: relative; z-index: 1; }
.cms-main-about-txt{width: 55%; margin:0 0 0 50px ; padding:30px 40px;  line-height:2.5rem;  color:#000; word-break: keep-all;}
.cms-main-about-pic{width:40%; margin-top:2%; padding:0px 15px;position: relative; z-index:9;  }
.cms-main-about-pic img{position: relative; z-index: 9; border-radius:99rem;  }
.cms-main-about-txt p{margin:30px 0px 60px 0px; font-size: 1.125rem;  line-height:1.85rem;   }
.cms-main-about-txt-p{margin:40px 0px 60px 25px;  width: 80%; word-break: normal;  }

@media (max-width: 991.98px) {
.bg-brand{ background-size:150% auto;}
.bg-brand .cms-title-h4{ width: auto; justify-content: center!important;}
.bg-brand .cms-main-about-txt{ justify-content: center!important;}

}
.cms-pic{position: relative; z-index: 9;}
.cms-main-about-pic::before { display: block; content: ''; width: 500px; height:500px; position: absolute; left: -20px; top: 1vh;  z-index: 0; margin-bottom: 3.5rem; border:2.5px solid rgba(234, 91, 3, 1); border-left-color: rgba(255, 204, 0, 1);animation: loader-spin 3s infinite linear; vertical-align: top;  border-radius: 50%; opacity:0.5;  }
.cms-main-about-pic::after { display: block; content: ''; width: 350px; height:350px; position: absolute; left: 200px; top: 7vh; z-index: 0; margin-bottom: 3.5rem;  border: 1.5px solid rgba(234, 91, 3, 1); border-left-color: rgba(255, 204, 0, 1); animation: loader-spin 2s infinite linear; vertical-align: top; border-radius: 50%; opacity:0.3;}
.cms-main-about-pic .slick-dots { bottom: -30px;}

@keyframes loader-spin {
  0% {  transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
  
@media (max-width: 991.98px) {
.cms-main-about-box{  flex-direction: column-reverse; }
.cms-main-about-txt{width: 100%; margin:0 ; padding:30px 15px; line-height:2.5rem;  color:#000; word-break: keep-all;  }
.cms-main-about-pic{width:80%; margin: auto;   }
.cms-main-about-pic::after{  bottom: -30px; }
#cms-main .cms-main-about-txt a.cms-btn-more{ width: 80%;}
}
 @media (max-width: 767.98px) {
.cms-main-about-pic{width:90%; margin: auto;}
 .cms-main-about-pic::before {  width: 300px; height:300px;   }
.cms-main-about-pic::after {  width: 350px; height:350px; left:0px;top:5%; }    
}

.cms-main-brand{ width: 100%;  margin: auto;  display: flex; flex-wrap: wrap;padding:100px 0px; background:url("../images/about/about-bg-end.jpg") no-repeat left bottom; background-size: 100% auto; }
 



/*---------------------------------
best-wrap
----------------------------------------*/
 
.cms-best-wrap{  width: 100%; height: auto;  margin:0 auto; padding:40px 0px 20px 0px; overflow: hidden;  background-image: linear-gradient(to top, #fff 70%, #e9dfd6 100%);  }
.cms-best-wrap .cms-main-product-item { width:100%; max-width: 1200px;  overflow: hidden; padding:30px 15px; margin: auto; }
.cms-best-wrap .cms-main-product-item li { width: calc(100% - 10px); margin: 10px 5px; padding: 15px 0px; height: auto; position: relative; transition: all 0.3s linear 0s; z-index: 1; background: #fff;  }

.cms-main-product-item li:hover {/* transform: scale(1.05);*/}
.cms-main-product-item li a figure { position: relative;   width:100%; max-width:70%; height: auto;  margin: auto; overflow: hidden; transition: all 0.5s ease 0s; }
.cms-main-product-item li a figure img {  width: 100%; max-width: 100%; transition: all 0.3s; -webkit-transform: translate3d(0,0px,0);transform: translate3d(0px,0px,0px);  }
.cms-main-product-item li:hover figure img ,.cms-main-product-item li:hover a h3{  opacity: 0.7; -webkit-filter:grayscale(1); -webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
#cms-main .cms-main-product-item li a h3{ margin: 0 auto; font-size:1.15rem; font-weight: 400;  text-align: center;  color:#411f1f; overflow: hidden; word-break:break-all; word-wrap:break-word;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
#cms-main .cms-main-product-item li a span.cms-main-product-unit{ margin: 0 auto 10px auto; font-size:0.875rem; color:#b3a5a5;line-height: 1.5;   text-align: center;  overflow: hidden; word-break:break-all; word-wrap:break-word;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; }
.cms-main-product-item li a span.cms-main-product-price{ display: flex; justify-content: center; margin:0px auto;font-size:1rem; color:#c8a062;  font-weight: 700; }
.cms-main-product-item li a span.cms-main-product-price-origin{ display: flex; justify-content: center; margin:0px auto;font-size:.85rem; color:#717171;  font-weight: 700;text-decoration: line-through; }
.cms-best-wrap .cms-main-product-item .slick-current {  transform: scale(1); border-radius:0px; }	

.cms-main-product-item .slick-prev { left:0; z-index: 11; }
.cms-main-product-item .slick-next { right:10px; z-index: 11; }
.cms-best-wrap .slick-dots li button:before{ color: #fff; }
.cms-main-product-item li:after,.cms-main-product-item li:before {pointer-events: none; content: ''; width: 100%; height: 100%; box-sizing: border-box;  position: absolute; top: 0;  left: 0;  transform: scale(0); transition: 0.5s;z-index:0; }
.cms-main-product-item li:after { border-top: 5px solid #caab96;  border-right: 5px solid #caab96;  transform-origin: 100% 0%;}
.cms-main-product-item li:before { border-bottom: 5px solid #caab96; border-left: 5px solid #caab96;   transform-origin: 0 100%;}
.cms-main-product-item li:hover:after,.cms-main-product-item li:hover:before {  transform: scale(0.5);}

 
 /* Visit ====================================================================== */

.cms-title { margin:0px auto; width: 100%; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; flex-direction:column;}
#cms-main .cms-title h1{ margin:0px; font-weight: 400; color:#eb5e02;  font-size:2rem;  }
#cms-main .cms-title h3 { margin:35px 0px 0px 0px; width:100%;  position: relative; z-index: 1;  color:#945e34;font-weight: 700; font-size: 2.25rem;  }
#cms-main .cms-title p{   justify-content: center;margin: 15px auto; font-size:0.9375rem; font-weight: 700!important;color:#0d386d; }
/*-------------------*/
/***** 關於我們純文字區塊 *****/
/*------------------*/
 .cms-main-about-content {width:100%;  max-width:1100px; margin: 0 auto; padding:80px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index:1;}
.cms-main-about-content blockquote{width:100%;  max-width:600px; margin: 0 auto; display: flex; justify-content: center;  text-align-last: center; color: #0d386d;font-size:1.313rem; font-weight: 700; line-height: 2rem; }
.cms-main-about-txt{ margin:5% auto; padding:0px 15px;display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.cms-main-about-txt-1{  width: 50%; }
.cms-main-about-txt-2{  width: 35%; }

.item-circle{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 80px; height:80px; border-radius:50%; background: #f39139;}
.item-circle i{ display: flex;  color: #fff; font-size: 3rem; font-weight: 300; }
.item-wrap{flex: 0 0 70%; padding-left: 15px; }
#cms-main .item-wrap h3 {margin-bottom: 15px; color:#0d386d; line-height: 1.75rem;  }
#cms-main .item-wrap p { color:#56667a;  font-weight: 400!important; font-size:0.9375rem; line-height: 1.75rem;  }

@media (max-width: 767.98px) {
.cms-main-about-content {width: 100%;  max-width:600px; margin:0 auto ; padding:50px 10px;  }
}
  

.cms-visit-wrap{width: 100%; margin:2% 0; padding:0px 15px 0px 50px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
#cms-main .cms-visit-wrap .item-wrap p { margin:1% 0; color:#10376b; font-weight: 400!important; font-size:1rem; line-height: 1.75rem;  }

.shadow{box-shadow: 0px 5px 6px rgba(0,0,0,.3);}
.Mobile{display: none;}
.visit-wrap{ width: 100%; max-width: 100%; display: flex; flex-wrap: wrap;  margin:10% auto; align-content: center;   position: relative; z-index: 1;  }
.visit-right{width:80%; margin: auto; display: flex; flex-wrap: wrap;  flex-direction: column; justify-content: center; align-content: center;  align-items: center; }
 .visit-left{ display: flex; width:80%; margin: 0 auto 30px auto; position: relative; z-index: 1; box-shadow: 0px 5px 6px rgba(0,0,0,.3); }
.visit-box-fully{ width: 100%; max-width: 100%;}
.visit-block { width: 100%; max-width: 1100px;margin: 30px auto;  font-size:0.95rem; }
.visit-box:not(:first-child) .visit-box__title { margin-top: 45px; }
.visit-box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; border-bottom: 1px dotted #c19e56; }
.visit-box__title .t-icon { 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; width: 70px; height: 70px; border-radius: 100%; background:#f3f4f7; }
.visit-box__title .t-title { margin-left: 15px; font-size: 1.45rem; color:#bb8200; }
.visit-box__inner { margin: 30px 0px; font-size:100%; line-height:1.65rem; }
.visit-box__inner a { color: #775b1b; text-decoration: underline;  }
.t-title-line { width: 100%; font-size: 1.5rem; margin-bottom: 20px; padding:0px 0px 20px 20px;  }

@media all and (min-width: 1101px) { 
.bg-light{background: #f6f7f9; }
.Mobile{display: block;}
.visit-right{width:60%; }
.visit-left{ width:30%; margin:-20% auto -10px auto;  }
.visit-box__inner a:hover { opacity: .5; } 
}


/* for ie=========================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.visit-right{  display:inline-block; padding:5% 5% 20% 20%;}
.visit-left{ box-shadow:none; }

}

.visit-box__inner p { margin:10px; font-size: 1rem; }
.visit-box__inner span { color: #bb8200; }
.sp-brown { color:#b39a60; }
.sp-brown-dark {color: #bb8200; }
.visit-box__inner .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#3e434e;}
.visit-box__inner .t-price-big { font-size: 2rem; color: #fc7788; }
.visit-box__inner .t-price-small { color:#ac0b0b; }
.visit-box__inner .tab { margin-bottom: 25px; }
.visit-box__inner .tab td { text-align: center; padding: 15px 8px; border-right: 1px solid #d6d6d6; }
.visit-box__inner .tab tr:first-child th:first-child {  padding-top:10px;  font-size: 1.75rem; line-height:2.5rem;  font-weight: normal; }
.visit-box__inner .tab tr:first-child td { width: 120px; }
.visit-box__inner .tab tr:last-child td, .visit-box__inner .tab tr:last-child th { border-bottom: 1px solid #d6d6d6; }
.visit-box__inner .tab--blue tr:first-child th:first-child { color: #fff; background: #23acc0; }
.visit-box__inner .tab--blue tr:first-child td { background: #D3F0F4; }
.visit-box__inner .tab--red { border: 1px solid #FFBDCB;}
.visit-box__inner .tab--red tr:first-child th{ color: #fff; background: #F0849C;padding-top:10px;  font-size: 1.75rem; line-height:2.5rem;  font-weight: normal; }
.visit-box__inner .tab--red tr:last-child td, .visit-box__inner .tab--red tr:last-child th { border-bottom: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr:nth-child(even) td { background: #FFDDE1; }
.visit-box__inner .tab--red tr:nth-child(even) td:not(:last-child) { border-right: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr td{  text-align: left; border-right: 1px solid #FFBDCB;border-bottom: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr th{  text-align: center; border-right: 1px solid #FFBDCB;border-bottom: 1px solid #FFBDCB; }
.visit-box__inner .tab--pink tr th,.visit-box__inner .tab--pink tr:first-child th:first-child { color: #fff; background:#d0ab67; border-bottom: solid 1px #fff;width:100px; padding-top:10px;  font-size: 1.35rem; line-height:2.5rem;  font-weight: normal;  }
.visit-box__inner .tab--pink tr:nth-child(odd) td { background: #efe8db; }
.visit-box__inner .tab--pink tr:nth-child(odd) td:not(:last-child) { border-right: 1px solid #efe8db; }
.visit-box__inner .tab--pink tr td{text-align: left;border-right: 1px solid #d0ab67; }
.visit-box__inner .tab--pink{ border: 1px solid #d0ab67; }
.visit-box__inner .tab--pink tr:last-child td, .visit-box__inner .tab--pink tr:last-child th { border-bottom: 1px solid #d0ab67; }
.visit-box__inner .googlemap { position: relative; width: 100%; padding-bottom: 115%; }
.visit-box__inner .googlemap iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.visit-box__inner table.datatable { margin-bottom: 25px; }
.visit-box__inner table.datatable td, .visit-box__inner table.datatable th { border: 1px solid #ccc; text-align: center; padding: 15px 8px; }
.visit-box__inner ul { margin-left: 20px; }
.visit-box__inner ul li { position: relative; margin-bottom: 15px; font-size: 1rem; line-height:1.65rem; color:#3e434e; }
.visit-box__inner ul li::before { position: absolute; top: 8px; left: -20px; content: ''; width: 8px; height: 8px; border-radius: 100%; background:#c19e56; }
.visit-box__inner ol { list-style-type: decimal; display: block; page-break-before: avoid; padding-left: 20px; }
.visit-box__inner ol li { margin-bottom:10px;  display: list-item; list-style-type: inherit; font-size:1rem; line-height:1.65rem; color:#3e434e;}
.visit-box__inner .time-line { margin: 90px 0px; position: relative; margin-left: 20px; }
.visit-box__inner .alert { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px;}
.visit-box__inner .alert-block { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fdf6e9; border: 1px solid #d0ab67; border-radius: 4px;}
.visit-box__inner .alert-block .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#a78244;}
 @media all and (min-width: 1101px) { 
.visit-box__inner .time-line { 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; margin-left: 0; } }
.visit-box__inner .time-line::before { position: absolute; top: 90px; left: -12px; width: 6px; height: calc(100% - 180px); content: ''; background: #3985D3; }
@media all and (min-width: 1101px) {
.visit-box__inner .time-line::before { top: calc(50% - 3px); left: 80px; width: calc(100% - 160px); height: 6px; } 
}
.visit-box__inner .time-line li { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px;  min-height: 180px; margin-bottom: 30px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li { margin-top: 245px; margin-bottom: 0; } }
.visit-box__inner .time-line li::before { z-index: 1; width: 13px; height: 13px; background: #F9A75E; border: 5px solid #F8DA5E; top: calc(50% - 9px); left: -20px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li::before { top: -44px; left: calc(50% - 13px); }
.visit-box__inner .time-line li:nth-child(even) { margin-top: 0px; margin-bottom: 245px; }
.visit-box__inner .time-line li:nth-child(even)::before { top: auto; left: calc(50% - 13px); bottom: -44px; } }
.visit-box__inner .time-line__name { text-align: center; margin-bottom: 15px; }
.visit-box__inner .time-line__pic .imgfix { width: 100%; max-width: 160px; border-radius: 5px; padding-bottom: 75%; }

@media all and (max-width: 1100px) { 
.visit-box__inner .time-line__pic .imgfix { margin: 0 auto; padding-bottom: 37.8%; } 
}
.visit-box--stroke .visit-box__title { border-bottom: none; }
.visit-box--stroke .visit-box__inner a { color: #3985d2; }
.visit-box--stroke .visit-box__inner .t-title { position: relative; color: #3985d2; margin-left: 20px; }
.visit-box--stroke .visit-box__inner .t-title::before, .visit-box--stroke .visit-box__inner .t-title::after { position: absolute; content: ''; border-radius: 100%; border: 1px solid #3985d2; }
.visit-box--stroke .visit-box__inner .t-title::before { width: 15px; height: 15px; top: 6px; left: -20px; }
.visit-box--stroke .visit-box__inner .t-title::after { width: 7px; height: 7px; top: 10px; left: -16px; }


/* Table ====================================================================== */
.tab-scroll { overflow-x: auto; }