@charset "utf-8";
/* CSS Document */
/*plant*/
.about-plant { position: relative; width: 100%; color: #FFF; text-align: center; padding-top: 6.5em; padding-bottom: 6.5em; }
.about-plant:before, .about-historical:before { position: absolute; top: 0; content: ''; display: block; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; }
.about-plant .inner { width: 80%; margin: auto; }
.two-combine { width: 100%; }
.hide-quality, .hide-plant { visibility: hidden; width: 90%; max-width: 1140px; margin: auto; }
.hide-mobile-quality { display: none; }
.slick-quality { text-align: center; font-size: 1.125rem; }
.slick-plant { text-align: center; font-size: .875rem; }
.slick-quality img { margin: auto; width: 165px; }
.slick-plant img { margin: auto; /*width: 340px;*/ }
.hide-quality .slick-prev, .hide-plant .slick-prev { left: -10%; top: 34%; background: url(../img/slick-prev.png) no-repeat; background-size: 100%; width: 45px; height: 45px; transition: .5s ease; }
.hide-quality .slick-prev:hover, .hide-plant .slick-prev:hover { background: url(../img/slick-prev-hover.png) no-repeat; background-size: 100%; }
.hide-quality .slick-next, .hide-plant .slick-next { right: -10%; top: 34%; background: url(../img/slick-next.png) no-repeat; background-size: 100%; width: 45px; height: 45px; transition: .5s ease; }
.hide-quality .slick-next:hover, .hide-plant .slick-next:hover { background: url(../img/slick-next-hover.png) no-repeat; background-size: 100%; }
.page-about .home-footer { margin-top: 10em; }
.hide-process .inner { width: 100%; max-width: 920px; margin: 0 auto 5em; }
.hide-process .inner>li { float: left/*控制圖片*/; width: 50%; }
.hide-process .inner>li a { display: block; }
.hide-process .inner>li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.process-img { text-align: center; width: 100%; max-width: 435px; overflow: hidden; margin: auto; }
.process-img img { transition: .5s ease; }
.process-txt p { font-size: 1.125rem; font-weight: bold; max-width: 322px; width: 90%; margin: 1em auto; }
.process-txt ul { list-style-type: disc; max-width: 322px; width: 90%; margin: auto; font-size: .9375rem; font-weight: 100; color: #000; }
.process-txt ul li { color: #333; line-height: 1.5;/*1.5*/ margin-bottom: 10px; }
.all-process { width: 100%; max-width: 1440px; margin:  auto 1%;/*auto*/ } /* ISO IMAGE 位置*/ /**/
.process-list { width: 24%;/*14.28%*/ float: LEFT;/**/ height: 177px; background-color: #EDEDED;/*#5c5c5c / #EDEDED*/ color: #FFF; border-right: 1px solid/*1px*/ #FFF; text-align: center; padding: 1em; }
/* width: 15.5%;  float: left;  height: 177px; background-color: #EDEDED;/*#5c5c5c / #EDEDED  color: #FFF; border-right: 1px solid  #FFF; text-align: center; padding: 1em; } ISO灰色底*/
.process-list i { font-size: 1.875rem; display: block; font-weight: bold; font-style: normal; margin-bottom: 10px; }
.process-list p { font-size: .8125rem; font-weight: 200; letter-spacing: .05em; text-transform: uppercase; }
.process-list { transition: .5s ease; }
.process-list img { margin: auto; }
.process-list:hover { background-color: #6ABDE5; }/*#E60012  / #EDEDED控制環境發展點選背景色*/
.about-contact { margin: 0 auto 10em; width: 90%; max-width: 720px; background-color: #e60012; color: #FFF; text-align: center; padding-top: 3em; padding-bottom: 3em; }
.about-contact p { font-size: 1.25rem; font-weight: bold; margin: 0; margin-bottom: 1em; }
.about-contact p span { display: block; }
.btn-red { display: block; margin: auto; font-size: .75rem; border: 1px solid #FFF; width: 200px; height: 38px; line-height: 38px; text-align: center; }
.hvr-rectangle-out.btn-red { background: #e60012; }
.hvr-rectangle-out.btn-red:before { background: rgba(0,0,0,.2); }
.slick-dots li button:before { background-color: #969696; }