*,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box; }
small,.small {font-size: 80%;font-weight: 400; }
.kitchen-container{width: 100%;padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto; }
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -10px;margin-left: -10px}
.position-relative {position: relative !important; }
.mb-3 {margin-bottom: 1rem !important; }
.mt-5{margin-top: 3rem !important; }
.mt-6 {margin-top: 4rem !important; }
.mx-auto {margin-right: auto;margin-left: auto !important; }

.process-pic, .col-box{position: relative;width: 100%;padding: 0;margin-right: auto;margin-left: auto;}
.process-pic .img{max-width: 100%;height: auto}
@media (min-width: 981px) {
.process-pic {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; }
.col-box {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
}

.kitchen-box{width: 100%;float: left;margin:140px 0 60px}
.toptx-container{width: 1200px;margin:0 auto}
.kitchen-title{width:100%; float:left; margin:0 0 20px;text-align: center}
.kitchen-title h1{ font-size: 32px;line-height: 1.2em; font-family: 'Noto Sans TC', sans-serif;font-weight:500;letter-spacing:.2em;text-indent:-.2em;margin: 0;padding: 0}
.kitchen-subtitle{ width:65%;float:left; line-height:2em;margin: 0 17.5%;font-size:18px;font-family: 'Noto Sans TC', sans-serif;font-weight:400;letter-spacing:.1em;text-indent:-.1em;text-align: center}
.infotitle{width: 100%; font-size:24px;letter-spacing: 0.1em; margin-bottom: 30px; font-family: 'Noto Sans TC', sans-serif;font-weight:500}
.integrated-kitchen{width: 1280px;margin: 0 auto 80px}
.slider-big-sub{width: 100%;height:100px;position: relative}
.itemdate{width:100%; float: left; writing-mode: vertical-lr;font-size: 17px;letter-spacing: .1em; font-family: 'Noto Sans TC', sans-serif;font-weight:500;padding-left:15px}
.number{font-size: 26px;position: absolute;bottom:5px;left:-20px;}
.process .slider-big .swiper-slide.swiper-slide-active .slider-big-text {width: 95%;margin-right:5%; padding-left:25px}
.process-item {padding: 1rem 2rem}

@media screen and (max-width: 1280px) {
.kitchen-box{margin:130px 0 40px}
.toptx-container{width:90%}
.integrated-kitchen{width: 90%;margin: 0 auto 80px}
.kitchen-subtitle{ width:80%;margin: 0 10%}
.slider-big-sub{width:90%;height:80px;margin: 0 3%}
}
@media only screen and (max-width: 980px) {
.kitchen-box{margin:110px 0 30px 0;}
.kitchen-container{width: 100%;padding: 0;margin: 0}
.integrated-kitchen{margin: 0 auto 50px}
.kitchen-title h1{ font-size: 28px}
.process-item {padding:30px}
.mt-6{margin-top:1rem!important}
}
@media only screen and (max-width: 550px) {
.kitchen-box{margin:90px 0 30px;}
.kitchen-title{margin:0 0 15px}
.kitchen-title h1{ font-size: 24px}
.kitchen-subtitle{width:94%;margin: 0 3%; line-height:1.8em}
.infotitle{margin-bottom:0;padding-left: 10px;font-size:22px;}
.mt-5{margin-top: 1.5rem !important; }
}

.text-center {text-align: center !important; }
.text-white {color: #fff !important; }
img {display: block;max-width: 100%;height: auto; }
.fs-1 { font-size: 1.0625rem; }
.fs-3 {font-size: 1.25rem; }
.fs-6 {font-size: 1.875rem; }
@media (max-width: 767.98px) {
.fs-1 {font-size: 0.77273rem; }
	.fs-3 {font-size: 0.90909rem; }
	.fs-6 {font-size: 1.36364rem; }}
.photo {width: 100%;height: 0;padding-bottom: 100%;position: relative; }
.photo span {position: absolute;width: 100%;height: 100%;left: 0;top: 0;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; }
.photo span img,.photo span iframe {max-width: 100%;max-height: 100%; }
.photo.pic-4by3 {padding-bottom: 75%; }
.photo.pic-16by9 {padding-bottom: 56.25%; }
.photo.cover span img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover; }
.swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;outline: none; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #3e3a39; }

.swiper-button-prev,.swiper-button-next {position: absolute;cursor: pointer;z-index: 1000;width: auto;height: auto;top: 50%;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
  margin: 0;outline: none;background: none; }
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {display: none; }
.swiper-arrows {background: none;color: #fff;padding-left: 25px;padding-right: 25px;display: block;border-bottom: 2px solid #fff; }
.swiper-arrows:hover {color: #898989;border-color: #898989; }
.swiper-arrows:hover:before {background-color: #898989 !important; }
.swiper-button-prev {left: 0; }
.swiper-button-prev.swiper-arrows:before {content: '';position: absolute;display: block;width: 2px;height: 15px;background-color: #fff;left: 0;bottom: 0;
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom; }
.swiper-button-next {right: 0; }
.swiper-button-next.swiper-arrows:before {content: '';position: absolute;display: block;width: 2px;height: 15px;background-color: #fff;right: 0;bottom: 0;
-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom; }
.slider-big .photo {padding-bottom: 60%; }
.slider-small .bg-img {width: 100%;padding-bottom: 100%; }
#integrated .swiper-pagination {margin-bottom: 30px; }
#integrated .swiper-pagination .swiper-pagination-bullet {background: transparent;padding-right: 150px;padding-bottom: 25px;position: relative;color: rgba(255, 255, 255, 0.5);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
#integrated .swiper-pagination .swiper-pagination-bullet::before {content: '';width: 100%;height: 2px;background: rgba(255, 255, 255, 0.5);position: absolute;left: 0px;bottom: 0px; }
#integrated .swiper-pagination .swiper-pagination-bullet::after {content: '';width: 100%;height: 3px;background: rgba(255, 255, 255, 0);position: absolute;left: 0px;bottom: 0px; }
#integrated .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color: white; }
#integrated .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: indexline 5s linear forwards;animation: indexline 5s linear forwards; }
#integrated .swiper-button-prev {left: 50px;border: 1px solid #fff;width: 35px;height: 35px;
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;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
  border-radius: 55rem;background: rgba(35, 24, 21, 0.2);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
#integrated .swiper-button-prev:hover {background: rgba(255, 255, 255, 0.3); }
#integrated .swiper-button-next {right: 50px;border: 1px solid #fff;width: 35px;height: 35px;
  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;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 55rem;background: rgba(35, 24, 21, 0.2);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
#integrated .swiper-button-next:hover {background: rgba(255, 255, 255, 0.3); }
#integrated .swiper-slide {position: relative; }
#integrated .swiper-slide .integrated-text {position: absolute;z-index: 999;color: #fff;
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	-webkit-box-align: center;-ms-flex-align: center;
    align-items: center;top: 100px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);text-shadow: 0.1em 0.1em 0.2em #000; }
#integrated .swiper-slide .more-box {position: absolute;z-index: 999;bottom: 80px;right: 80px; }
#integrated .swiper-slide .integrated-text .title{font-size: 30px;margin-bottom: 10px;line-height: 1.5em}
#integrated .swiper-slide .integrated-text .sub-title{font-size: 15px}

@media (max-width: 991.98px) {
#integrated .swiper-pagination {margin-bottom: 10px; }
#integrated .swiper-pagination .swiper-pagination-bullet {padding-right: 80px; }
#integrated .swiper-slide .more-box {bottom: 40px;right: 50px; } }

@media (max-width: 767.98px) {
#integrated .swiper-pagination {margin-bottom: 0px; }
#integrated .swiper-pagination .swiper-pagination-bullet {padding-right: 40px; }
#integrated .swiper-button-prev {left: 10px;width: 30px;height: 30px; }
#integrated .swiper-button-next {right: 10px;width: 30px;height: 30px; }
#integrated .swiper-slide .integrated-text {top: 20px;width: 90%; }
#integrated .swiper-slide .more-box {bottom: 20px;right: 30px; } }

@media (max-width: 480px) {
#integrated .swiper-slide .integrated-text {top: 25px;width: 70%; }
#integrated .swiper-slide .integrated-text .title{font-size: 20px;margin-bottom:5px;line-height: 1.3em}
#integrated .swiper-slide .integrated-text .sub-title{font-size: 15px}

}

@-webkit-keyframes indexline {
  0% {
    width: 0%;
    background: white; }
  100% {
    width: 100%;
    background: white; } }

@keyframes indexline {
  0% {
    width: 0%;
    background: white; }
  100% {
    width: 100%;
    background: white; } }

.process .slider-big .swiper-slide .slider-big-title, .process .slider-big .swiper-slide .slider-big-sub, .process .slider-big .swiper-slide .slider-big-text { opacity: 0; }
.process .slider-big .swiper-slide .line {margin: 10px 0 20px 15px;width: 1px;height:60px;position: relative; }
.process .slider-big .swiper-slide .line::before {content: '';width: 1px;background: #a28a78;position: absolute;left: 0;top: 0; }
.process .slider-big .swiper-slide.swiper-slide-active .slider-big-img {-webkit-animation: sliderbig 1s linear forwards;animation: sliderbig 1s linear forwards; }
.process .slider-big .swiper-slide.swiper-slide-active .slider-big-title {-webkit-animation: slidertextdown 1s 0.2s linear forwards;animation: slidertextdown 1s 0.2s linear forwards; }
.process .slider-big .swiper-slide.swiper-slide-active .slider-big-sub {-webkit-animation: slidertextdown 1s 0.4s linear forwards;animation: slidertextdown 1s 0.4s linear forwards; }
.process .slider-big .swiper-slide.swiper-slide-active .line::before {-webkit-animation: sliderline 0.5s 0.6s linear forwards;animation: sliderline 0.5s 0.6s linear forwards; }
.process .slider-big .swiper-slide.swiper-slide-active .slider-big-text {-webkit-animation: slidertextdown 1s 1s linear forwards;animation: slidertextdown 1s 1s linear forwards; }

@media screen and (max-width: 1280px) {
.process .slider-big .swiper-slide .line {margin: 10px 0 20px 25px }
}
@media screen and (max-width: 980px) {
.process .slider-big .swiper-slide .line {margin: 10px 0 20px 30px;}
}
@-webkit-keyframes sliderbig {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes sliderbig {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes slidertextdown {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slidertextdown {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes sliderline {
  0% {
    height: 0px; }
  100% {
    height: 70px; } }

@keyframes sliderline {
  0% {
    height: 0px; }
  100% {
    height: 70px; } }

.process .slider-small .process-box {cursor: pointer; }
.process .slider-small .process-box .process-img {width: 80px;height: 80px;margin: 0 auto 1rem;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;text-align: center}
.process .slider-small .process-box .process-img svg path {-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.process .slider-small .process-box .process-title {color: #898989;position: relative;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; }
.process .slider-small .process-box .process-title i {position: relative;-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);top: -1px;color: #000;font-size: 16px;opacity: 0;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; }
.process .slider-small .process-box .process-title::before {content: '';width: 0%;height: 1px;background: #000;bottom: 0;left: 0;position: absolute;-webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear; }
.process .slider-small .process-box .process-title::after {content: '\f105';font-family: 'FontAwesome';top: -3px;right: -25px;font-weight: 100;color: #a48b78;position: absolute; }
.process .slider-small .process-box .process-text {color: #898989; }
.process .slider-small .process-box:nth-child(2) .process-title::after {right: -50px; }
.process .slider-small .process-box:nth-child(3) .process-title::after {right: -35px; }
.process .slider-small .process-box:nth-last-child(1) .process-title::after {display: none; }
.process .slider-small .process-box.swiper-slide-thumb-active .process-img svg path, .process .slider-small .process-box:hover .process-img svg path {fill: #000; }
.process .slider-small .process-box.swiper-slide-thumb-active .process-title, .process .slider-small .process-box:hover .process-title {color: #000; }
.process .slider-small .process-box.swiper-slide-thumb-active .process-title i, .process .slider-small .process-box:hover .process-title i {opacity: 1; -webkit-transform: translateX(2px);-ms-transform: translateX(2px);
transform: translateX(2px); }
.process .slider-small .process-box.swiper-slide-thumb-active .process-title::before, .process .slider-small .process-box:hover .process-title::before {width: 100%; }
.fa,.fad{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-angle-left:before{content:"\f104";font-family: 'FontAwesome';}.fa-angle-right:before{content:"\f105";font-family: 'FontAwesome';}
.fad.fa-long-arrow-left:after{content:"\10f177"}.fad.fa-long-arrow-right:after{content:"\10f178"}

@media screen and (max-width: 1280px) {
.process .slider-small .process-box .process-img {width: 60px;height: 60px;margin-bottom: 1rem}
}

.inlk-wrapper{width: 100%; float: left;margin:100px 0 90px}
.inlk-title{width:100%; float:left; margin:0 0 50px;text-align: center}
.inlk-title h2{font-size:42px;line-height: 1.2em; font-family: 'Noto Sans TC', sans-serif;font-weight:500;letter-spacing:.2em;text-indent:-.2em;margin:0}
.inlk-title p{margin:0 0 35px;font-family: 'Noto Sans TC', sans-serif;font-weight:500;font-size: 18px;letter-spacing:.2em;text-indent:-.2em;}
.footer-btn{float:left;width:100%; padding:0; margin:0; text-align:center;line-height:1.8em}
  .footer-btn a{display: inline-block;width:220px; height:100px; margin:0; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#000;border-radius:50%; border:1px solid #000;line-height: 100px;font-family: 'Noto Sans TC', sans-serif;font-weight:500;font-size: 18px;}
  .footer-btn a:hover {border:1px solid #fb0807;transform: scale(1.05);}

@media screen and (max-width: 1600px) {
.inlk-wrapper{margin:80px 0 70px}
}
@media screen and (max-width: 1280px) {
.inlk-wrapper{margin:60px 0 50px}
.inlk-title{margin:0 0 40px}
.inlk-title h2{font-size:38px}
}
@media screen and (max-width:980px) {
.inlk-wrapper{margin:55px 0 50px}
.inlk-title{margin:0 0 35px}
.inlk-title h2{font-size:32px}
.inlk-title p{margin:0 0 25px}
}
@media screen and (max-width:767px) {
.inlk-title{margin:0 0 35px}
.inlk-title h2{font-size:30px}
.inlk-title p{margin:0 0 25px}
}
@media screen and (max-width:480px) {
.inlk-wrapper{margin:35px 0 30px}
.inlk-title{margin:0 0 25px}
.inlk-title h2{font-size:24px;letter-spacing:0;text-indent:0;}
.inlk-title p{margin:0 0 20px;letter-spacing:0;text-indent:0;}
  .footer-btn a{display: inline-block;width:180px; height:90px; line-height: 90px}

}