@charset "UTF-8";
/*
CTC Separate Stylesheet
Updated: 2020-06-08 10:48:08
Theme Name: UnderBoot Child
Template: underboot
Author: Talfin
Description: UnderBoot is a Bootstrap 4 WordPress theme. Combination of Underscores starter theme and Bootstrap framework as a starting point for your next WordPress theme or website. WooCommerce support. Block editor support.
Tags: custom-background,custom-logo,custom-menu,featured-images,theme-options,threaded-comments,translation-ready
Version: 0.0.1.1591584488
*/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?es4c8j"); src: url("../fonts/icomoon.eot?es4c8j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?es4c8j") format("truetype"), url("../fonts/icomoon.woff?es4c8j") format("woff"), url("../fonts/icomoon.svg?es4c8j#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

:root { --putty: #b7a596; --warm-grey: #a38e7d; --highlight: #f8885e; --pinkish-grey: #ccc0b3; --camo-green: #4d3829; --pale-brown: #af8b71; --camo-green-two: #513726; --dark-brown: #210e06; --light-peach: #eed8c6; }

.fulllink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; cursor: pointer; z-index: 9; }

html { font-size: 62.5%; }

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

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

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

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

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

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

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

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

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

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

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

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

.slick-dots { position: absolute; bottom: 25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.footer { position: relative; }

.copyright { position: relative; padding: 1.6rem; font-size: 1rem; color: #fff; background: #353535; }

html { margin: 0; padding: 0; overflow-x: hidden; }

body { position: relative; margin: 0; background: #fff; color: #414143; font-family: "Noto Sans TC", sans-serif; letter-spacing: 1.6px; line-height: 1.5; font-size: 1.4rem; }

a { display: block; color: #000000; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }

a:hover { color: #2c2c2c; }

a:focus { color: #2c2c2c; }

*:focus, button:focus, a:focus { outline: 0; }

::-webkit-scrollbar { width: 1px; }

/* this targets the default scrollbar (compulsory) */
img { width: 100%; height: auto; }

h1 { text-indent: -999px; width: 0; }

body, html { scrollbar-face-color: ThreeDFace !important; scrollbar-shadow-color: ThreeDDarkShadow !important; scrollbar-highlight-color: ThreeDHighlight !important; scrollbar-3dlight-color: ThreeDLightShadow !important; scrollbar-darkshadow-color: ThreeDDarkShadow !important; scrollbar-track-color: Scrollbar !important; scrollbar-arrow-color: ButtonText !important; }

::-moz-selection { background: rgba(255, 250, 243, 0.5); color: #fff; text-shadow: none; }

::selection { background: rgba(255, 250, 243, 0.5); color: #fff; text-shadow: none; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { background-color: transparent; }

::-webkit-scrollbar-button { background-color: transparent; }

::-webkit-scrollbar-corner { background-color: transparent; }

input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#loading { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; top: 0; right: auto; left: 0; width: 100vw; height: -webkit-fill-available; height: -moz-available; height: fill-available; min-height: 100%; z-index: 9999; background: #2c2c2c; opacity: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#loading .loading { position: relative; padding-right: 10px; text-align: center; width: 200px; }

#loading .loading .logo { position: relative; margin: auto; }

#loading .loading .logo span, #loading .loading .logo img { position: relative; }

#loading .loading .logo img { width: auto; max-height: 18rem; }

@media all and (min-width: 1366px) { #loading .loading { width: 240px; }
  #loading .loading .logo img { max-height: 20rem; } }

#loading .loading .progress-bar { float: none; margin: 30px auto; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); width: 160px; height: 2px; background-color: rgba(183, 165, 150, 0.5); position: relative; }

#loading .loading .progress-bar:before { content: ""; display: block; width: 0px; height: 4px; position: absolute; top: -1px; border-left: 0px solid #fffaf3; border-left-width: 0; -webkit-animation: progress 1.4s ease-in-out forwards; animation: progress 1.4s ease-in-out forwards; }

@-webkit-keyframes loader { to { opacity: 0; } }

@keyframes loader { to { opacity: 0; } }

@-webkit-keyframes progress { to { border-left-width: 160px; } }

@keyframes progress { to { border-left-width: 160px; } }

.section { height: auto; }

.about_area { width: 100%; }

@media all and (min-width: 1024px) { .about_area { width: 50%; } }

.hover-item { -webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all  .3s; -o-transition: all  .3s; transition: all  .3s; }

.hover-item:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.section_title-wrap { margin: 0 auto 2.5rem; text-align: center; padding-top: 8rem; margin-bottom: 4rem; }

.section_title-wrap img { width: auto; max-height: 7rem; }

.section_title-wrap h2 { margin-top: 1rem; }

body { width: 100vw; overflow-x: hidden; }

.navbar-nav { font-size: 1.6rem; }

.navbar-brand { padding: 1rem; }

.nav-link { padding-left: 3rem !important; }

@media all and (max-width: 1024px) { .nav-link { padding-left: 0; text-align: center; } }

@media all and (max-width: 990px) { .nav-link { margin-left: -6rem; } }

#section-about .line_bg::after, #section-contact .line_bg::after { display: block; width: 100%; margin-left: 3rem; content: ""; background-image: url(../images/sectionline_black.png); background-repeat: no-repeat; background-position: right 3rem; }

@media all and (max-width: 414px) { #section-about .line_bg::after, #section-contact .line_bg::after { display: none; } }

#section-products, #section-item, #section-service-flow { background-color: #2c2c2c; }

#section-products .section_title-wrap, #section-item .section_title-wrap, #section-service-flow .section_title-wrap { position: relative; padding-top: 0; color: #fff; text-align: center; }

#section-products .line_bg::after, #section-item .line_bg::after, #section-service-flow .line_bg::after { display: block; width: 100%; margin-left: 3rem; content: ""; background-image: url(../images/sectionline_white.png); background-repeat: no-repeat; background-position: right 3rem; }

@media all and (max-width: 414px) { #section-products .line_bg::after, #section-item .line_bg::after, #section-service-flow .line_bg::after { display: none; } }

#section-products .line_bg::before, #section-item .line_bg::before, #section-service-flow .line_bg::before { display: block; width: 100%; margin-right: 3rem; content: ""; background-image: url(../images/sectionline_white.png); background-repeat: no-repeat; background-position: left 3rem; }

@media all and (max-width: 414px) { #section-products .line_bg::before, #section-item .line_bg::before, #section-service-flow .line_bg::before { display: none; } }

#section-about .about_contact { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5rem; background-color: #fffaf3; background-image: url(../images/aboutus_bg.png); background-repeat: no-repeat; background-position: 80% top; background-size: 40%; }

@media all and (max-width: 1199px) { #section-about .about_contact { padding: 10rem 10rem 5rem; background-size: calc(30vh); } }

@media all and (max-width: 576px) { #section-about .about_contact { padding: 10rem 5rem; background-size: calc(30vh); } }

#section-about .section_title-wrap { padding-top: 0; margin: 0 0 4rem 0; text-align: left; }

@media all and (max-width: 1199px) { #section-about .section_title-wrap img { height: 3.5rem; } }

.video-fluid { width: 100%; height: 100%; min-height: 42rem; padding-bottom: 0; padding-left: 0.7rem; margin-bottom: -1rem; background-color: #000000; }

@media all and (max-width: 768px) { .video-fluid { min-height: 10rem; } }

/*服務領域*/
#section-products { padding: 10rem 10rem 3rem; }

@media all and (max-width: 576px) { #section-products { padding: 10rem 5rem; } }

#section-products .section_title-wrap { position: relative; padding-top: 0; color: #fff; text-align: center; }

@media all and (max-width: 1199px) { #section-products .section_title-wrap img { height: 3.5rem; } }

@media all and (max-width: 1199px) { #section-products .bussiness { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 2rem; } }

#section-products .bussiness_bgcolor { position: relative; height: 100%; background-color: #404040; }

#section-products .products_img { position: relative; }

#section-products .products_img:hover .hover_icon { display: block; }

#section-products .hover_icon { position: absolute; display: none; width: 100%; height: 100%; background-image: url(../images/playicon.png); background-repeat: no-repeat; background-position: center center; }

@media all and (max-width: 768px) { #section-products .hover_icon { display: block; } }

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

@media all and (max-width: 1536px) { .products_area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } }

@media all and (max-width: 1199px) { .products_area { width: 100%; } }

.products_area .align-content-center { width: 40%; }

@media all and (max-width: 1536px) { .products_area .align-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin-bottom: 2rem; } }

.products_area .products_h3 { height: 6.4rem; }

.products_area .products_h3 img { width: auto; }

@media all and (max-width: 768px) { .products_area .products_h3 img { height: 5rem; } }

@media all and (max-width: 1536px) { .products_area .products_list { margin: 0 auto; } }

.products_area ul > .list_item { padding-left: 0; }

@media all and (max-width: 1536px) { .products_area ul > .list_item { text-align: left; } }

.products_area .double_line { height: 100%; margin-left: 4rem; }

@media all and (-ms-high-contrast: none) { .products_area .double_line { margin-left: 13rem; }
  .products_area *::-ms-backdrop, .products_area .double_line { margin-left: 13rem; } }

@media all and (max-width: 1536px) { .products_area .double_line { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; } }

@media all and (max-width: 768px) { .products_area .double_line { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media all and (max-width: 576px) { .products_area .double_line { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 5%; } }

@media all and (max-width: 414px) { .products_area .double_line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; } }

.products_area .double_line li { float: left; width: 50%; }

@media all and (max-width: 1536px) { .products_area .double_line li { width: 40%; text-align: left; } }

@media all and (max-width: 768px) { .products_area .double_line li { width: 45%; } }

@media all and (max-width: 414px) { .products_area .double_line li { width: 100%; } }

@media all and (max-width: 1536px) { .products_area .double_line li:nth-child(even) { margin-left: 20%; } }

@media all and (max-width: 768px) { .products_area .double_line li:nth-child(even) { margin-left: 0; } }

.products_area { padding: 3rem 6rem; color: #fff; }

@media all and (max-width: 1024px) { .products_area { padding: 3rem 0; } }

/*服務項目*/
#section-item { padding: 5rem 0 0 0; }

@media all and (max-width: 1199px) { #section-item .section_title-wrap img { height: 3.5rem; } }

#section-item .line_bg { padding: 0 5rem; }

#section-item .item_area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media all and (max-width: 1199px) { #section-item .item_area { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 5rem; } }

@media all and (max-width: 576px) { #section-item .item_area { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

#section-item .service_item { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 5); overflow: hidden; background: rgba(0, 0, 0, 0.3); }

@media all and (max-width: 1024px) { #section-item .service_item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 50rem; margin-bottom: 3rem; border: 1px solid #2c2c2c; } }

@media all and (max-width: 576px) { #section-item .service_item { width: 80%; margin: 1rem auto; } }

#section-item .service_item .item_pic { opacity: .5; }

@media all and (max-width: 1199px) { #section-item .service_item .item_pic { width: 22rem; height: 22rem; } }

@media all and (max-width: 576px) { #section-item .service_item .item_pic { width: 100%; height: auto; } }

#section-item .service_item .h3_area { padding: 1rem 2rem; color: #fff; text-align: center; border-bottom: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

@media all and (min-width: 1024px) { #section-item .service_item .h3_area { position: absolute; bottom: 0; z-index: 9; width: 100%; padding: 1rem 1rem; } }

@media all and (max-width: 1199px) { #section-item .service_item .h3_area { padding-top: 6rem; border: none; } }

@media all and (max-width: 576px) { #section-item .service_item .h3_area { position: absolute; top: 50%; z-index: 9; width: 100%; padding: 3rem 1rem 1rem 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

#section-item .service_item .h3_area .item_word { width: auto; height: 3.5rem; }

#section-item .service_item .h3_area .title { margin: .5rem auto 0; }

#section-item .service_item .h3_area .text_content { height: 0; overflow: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); }

@media all and (max-width: 1024px) { #section-item .service_item .h3_area .text_content { height: auto; -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); } }

#section-item .service_item:hover .item_pic { opacity: .8; }

#section-item .service_item:hover .h3_area { background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background: -o-linear-gradient(bottom, black, transparent); background: linear-gradient(0deg, black, transparent); }

#section-item .service_item:hover .h3_area .text_content { display: block; height: auto; margin-top: 1rem; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

#section-item .service_item:first-child > .h3_area { border-left: none; }

/*服務流程*/
#section-service-flow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10rem 10rem; background-image: url(../images/service_bg.jpg); background-attachment: fixed; background-size: cover; }

@media all and (min-width: 1920px) { #section-service-flow { padding: 10rem 20rem; } }

@media all and (max-width: 1536px) { #section-service-flow { padding: 10rem 10rem; } }

@media all and (max-width: 1366px) { #section-service-flow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-items: center; padding: 10rem 10rem; } }

@media all and (max-width: 576px) { #section-service-flow { padding: 10rem 3rem; } }

@media all and (min-width: 1366px) { #section-service-flow .line_bg::before { display: none; } }

@media all and (max-width: 414px) { #section-service-flow .line_bg::before { display: none; } }

@media all and (min-width: 1366px) { #section-service-flow .line_bg::after { display: none; } }

@media all and (max-width: 414px) { #section-service-flow .line_bg::after { display: none; } }

#section-service-flow .section_title-wrap { margin-right: 10rem; }

@media all and (max-width: 1366px) { #section-service-flow .section_title-wrap { padding-top: 0; margin: 0; } }

#section-service-flow .section_title-wrap h2 { color: #fff; text-align: left; }

@media all and (max-width: 1366px) { #section-service-flow .section_title-wrap h2 { text-align: center; } }

@media all and (max-width: 1199px) { #section-service-flow .section_title-wrap img { height: 3.5rem; } }

#section-service-flow .flow { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100rem; }

@media all and (max-width: 1366px) { #section-service-flow .flow { -ms-flex-pack: distribute; justify-content: space-around; width: 100%; margin-top: 10rem; } }

@media all and (max-width: 1199px) { #section-service-flow .flow { -ms-flex-pack: distribute; justify-content: space-around; } }

#section-service-flow .flow-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5rem; }

@media all and (max-width: 1199px) { #section-service-flow .flow-item { margin-right: 0; } }

@media all and (max-width: 768px) { #section-service-flow .flow-item { width: 30rem; margin-left: 0; } }

#section-service-flow .title_item { width: 13rem; padding-top: 10rem; color: #fff; text-align: center; background-repeat: no-repeat; background-position: center top; background-size: contain; }

@media all and (max-width: 768px) { #section-service-flow .title_item { padding-top: 12rem; } }

#section-service-flow .flow-img { width: auto; height: 10rem; margin: auto 1rem; }

/*聯絡我們*/
#section-contact { padding: 10rem; background-color: #efefef; background-image: url(../images/contactus_bg3.png); background-repeat: no-repeat; background-position: left bottom; }

@media all and (min-width: 1920px) { #section-contact { padding: 10rem 40rem; } }

@media all and (max-width: 1366px) { #section-contact { padding: 10rem; background-image: none; } }

@media all and (max-width: 576px) { #section-contact { padding: 10rem 3rem; } }

#section-contact .section_title-wrap { padding-top: 0; margin: 0 0 4rem 0; text-align: left; }

@media all and (max-width: 1366px) { #section-contact .section_title-wrap { text-align: center; } }

@media all and (max-width: 1199px) { #section-contact .section_title-wrap img { height: 3.5rem; } }

#section-contact .line_bg::before { display: none; }

@media all and (max-width: 1366px) { #section-contact .line_bg::before { display: block; width: 100%; margin-right: 3rem; content: ""; background-image: url(../images/sectionline_black.png); background-repeat: no-repeat; background-position: left 3rem; } }

@media all and (max-width: 414px) { #section-contact .line_bg::before { display: none; } }

#section-contact .line_bg::after { display: block; width: 100%; margin-left: 3rem; content: ""; background-image: url(../images/sectionline_black.png); background-repeat: no-repeat; background-position: right 3rem; }

@media all and (max-width: 1366px) { #section-contact .line_bg::after { display: block; width: 100%; margin-left: 3rem; content: ""; background-image: url(../images/sectionline_black.png); background-repeat: no-repeat; background-position: right 3rem; } }

@media all and (max-width: 414px) { #section-contact .line_bg::after { display: none; } }

#section-contact label { margin-bottom: .1rem; }

#section-contact .form_area { margin-right: 3rem; }

@media all and (max-width: 1366px) { #section-contact .form_area { margin-right: 0; } }

#section-contact .form_area #contact_form { width: 80rem; }

@media all and (max-width: 1366px) { #section-contact .form_area #contact_form { width: 100%; } }

#section-contact .form_area .form-control { padding: 2rem 0.5rem; border: none; border-radius: 0.5rem; }

#section-contact .form_area textarea.form-control { min-height: 20rem; margin-bottom: 2rem; }

#section-contact .form_area #submit_button { padding: 1.5rem 3rem; font-size: 1.4rem; color: #000000; border: 1px solid #000000; }

#section-contact .form_area #submit_button:hover { color: #fff; background-color: #000000; }

/*聯絡資訊*/
.contact_info { 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; }

@media all and (max-width: 768px) { .contact_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } }

.contact_info .phone { padding: 1rem 3rem; background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: left center; }

.contact_info .phone a { width: auto; color: #fff; }

.contact_info .email { padding: 1rem 3rem; margin-right: 2rem; background-image: url(../images/email.png); background-repeat: no-repeat; background-position: left center; border-right: 1px solid #fff; }

@media all and (max-width: 768px) { .contact_info .email { margin-right: 0; margin-bottom: 1rem; border: none; } }

.contact_info a { display: inline-block; width: 2.5rem; margin-right: 2rem; }

.copyright_space { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 10rem; }

@media all and (max-width: 1024px) { .copyright_space { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 768px) { .copyright_space { padding: 1rem 2rem; } }

/*影片輪播*/
.html5-elem-wrap { background-color: rgba(255, 255, 255, 0) !important; }

.html5-elem-wrap .html5-image { padding: 0px !important; }

.html5-elem-data-box { display: none !important; }

.html5-next { display: none !important; }

.html5-prev { display: none !important; }

#html5-close { display: none !important; }

.html5-nav-thumb img { width: auto; }

/*雜*/
@media all and (max-width: 414px) { .line_bg::before { display: none; } }

@media all and (max-width: 414px) { .line_bg::after { display: none; } }

.slick-slider .slick-dots li { margin: 0 1rem; }

.slick-slider .slick-dots li button:before { display: block !important; width: 2.4rem !important; height: 2.4rem !important; margin-right: 3rem; content: "" !important; background-color: #fff !important; -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.5); opacity: .5; }

.slick-slider .slick-dots li.slick-active button:before { opacity: .925; }

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print { * { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  @page { size: 210mm 297mm;
    margin: 5mm; }
  .container { width: 1170px; }
  a[href]:after { content: ''; } }

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

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

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

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

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

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

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

.slick-dots { position: absolute; bottom: 25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

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

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

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

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

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

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