@charset "utf-8";
/* CSS Document */
body{font-family:'Noto Sans TC','Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
input,button,select,textarea{outline:none!important;} /*去除藍藍框*/
a{color:#000;text-decoration:none!important;}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{background:#f5f9f7;text-align:center;position: absolute;bottom:0;right:0;width:60px;height:100px;padding-top:31px;cursor:pointer;display:none;-moz-border-radius:100%;-moz-box-shadow:#EEE 0 0 5px}
#goTop span{font-family:'Lexend Deca',sans-serif;font-size:12px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;color:#444c4c;position:relative}
#goTop span::before{position:absolute;content:'';width:1px;height:80%;background-color:#bfbfbf;left:50%;top:-45px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
#goTop:hover span::before{top:-60px;background-color:#444c4c}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
/* @media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
} */
/* 卷軸樣式 */
.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#eee;
}
.scroll02::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #eee;
    background-color:#eee;}
.scroll02::-webkit-scrollbar{width: 4px;}

.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb, .scroll02::-webkit-scrollbar-thumb,.d_menu_h::-webkit-scrollbar-thumb
{
    background-color:#257123;
}

body::-webkit-scrollbar{width:8px;}
.d_menu_h{overflow-y: auto; max-height: 200px;}

.d_menu_h::-webkit-scrollbar,
body::-webkit-scrollbar
{
    width: 4px;
    background-color:#eee;
}
/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }

/*主選單*/
nav {background-color: #Fff;padding: 0!important; position: relative;}
nav::before{position: absolute;content: '';width: 0;height: 5px;background: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #257123);background: linear-gradient(to left, #6fc35b, #257123);bottom: 0;left: 0;-o-transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;}
.change nav::before{width: 100%;right: 0;}
.mr-auto {width: 100%;-webkit-justify-content: flex-end;justify-content: flex-end;}
.lang_box{background-color: #6fc35b;padding: 27px 30px;}
.lang_box ul{list-style:none;padding-left:0;display:-webkit-flex;display:flex;display:-ms-flexbox;margin-bottom: 0;}
.lang_box ul li+li{margin-left:10px;position:relative}
.lang_box ul li+li:before{position:absolute;content:'/';font-size: 8px;color: rgba(255, 255, 255, 0.5);left: -8px;top: 3px;}
.language.active a{opacity: 1;}
.language a {padding: 10px;color: #fff;opacity: .5;}
.navbar-brand{width:200px;padding: 0;}
.dropdown-menu{border:none;border-bottom:3px solid #6fc35b;border-radius:0;box-shadow:0 5px 20px -2px rgba(154, 154, 154, 0.2);margin-top:12px}
.dropdown-menu a{padding:10px 15px}
.dropdown-menu a:hover{background-color:#eaf6e7}
.nav-item {position: relative;}
.nav-item:hover a,.active.nav-item a{color:#257123}
.fblink a {color: #b9b9b9;}
.fblink a span {background-color: #eaf6e7;padding: 4px 12px;}
.lang_box img {
  width: 22px;
}
@media screen and (min-width: 991px){
  .nav-l{display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: calc(100% - 206px);padding-left: 20px;padding-right: 10px;}
  .navbar-expand-lg .navbar-nav .nav-link {padding: 10px 15px;}
  .nav-item:before{position:absolute;content:'';background-color: #6fc35b;width: 7px;height: 7px;border-radius: 60px;left: 50%;transform: translateX(-50%);opacity: 0;top: -5px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
  .nav-item:hover:before,.active.nav-item:before{opacity: 1;top: 0;}
  #sidenav {display: block!important;}
  .sidebar button{display:none}
  /*檔案下載*/
  .down-f-box a:hover{box-shadow:0 0 10px -1px #c7c7c7}
  .down-f-box a:hover::before{width: 0;}
  .down-f-box a:hover::after{width:100px;}
  .down-f-box a:hover .download_icon{right:30px;opacity: 1;}
  .down-f-box a:hover h3{color: #fff;}
  .down-f-box a:hover h3 span{color: #257123;}
}
/*banner*/
.index-banner {position: relative;}
.index-banner::before{position:absolute;content:'';width: 90%;height: 105%;right: 0;background-color: #f0f0f0;z-index: -1;}
.inner-banner,.banner{margin-top: 75px;}
.inner-banner{height: 100%;position: fixed;width: 100%; z-index: -13;}
.banner_box {width: 85%!important;}
.banner-text{position:absolute;right:80px;top:40%;z-index:2;}
.banner-text h1{padding:5px 15px;font-family: 'Lexend Deca', sans-serif;background-color:#6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);color:#ffff;font-size: 30px;margin-right: 60px;margin-bottom: 20px;display:block;position: relative;letter-spacing: 2px;}
.banner-bar{overflow: hidden;width: 65%;height: 2px;background-color: #fff;position: absolute;bottom: 17px;right: 0;}
.banner-bar::before{
  position:absolute;
  content:'';
  width: 25px;
  height: 3px;
  bottom: 0;
  background-color: #444c4c;
  border-radius:2px;
  -webkit-animation:sbannerAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;
  animation:sbannerAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;
}
.banner-text h2{padding: 15px;background-color: #fff;font-size: 40px;color: #5a5a5a;font-weight: 600;letter-spacing: 5px;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0;z-index:5;position:absolute;bottom:10px;right:15px}
.owl-theme .owl-dots .owl-dot span{background:transparent!important;border:1px solid #Fff}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff!important;}
@-webkit-keyframes sbannerAnimation {
  0%{right:-4.8rem}
  100%{right:100%}
}
@keyframes sbannerAnimation {
  0%{right:-4.8rem}
  100%{right:100%}
}
.scroll{position: absolute;right: 20px;bottom: 70px;}
.scroll span{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;font-size: 12px;font-family: 'Lexend Deca', sans-serif;}
.scroll .news_bar{width: 1px;height: 80px;display: table;overflow: hidden;position: absolute;right: 50%;bottom: -90px;z-index: 5;background-color: #fff;}
.scroll .news_bar::after{content:'';position:absolute;z-index:2;display:block;width:1px;height:40px;background-color:#6fc35b;border-radius:2px;-webkit-animation:newsBarAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation:newsBarAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite}
/* 頁尾 */
.footer{position:relative;display:-ms-flexbox;z-index: 0;}
.footer::before,.footer::after{position:absolute;content:'';bottom:0}
.footer::before{width:70%;height:100%;background-color:#444c4c;z-index: 0;}
.footer::after{width:100%;height:100px;background:#6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background:linear-gradient(120deg,#fff 0%,#e4f4e1 100%);z-index:-2}
.footer_l{width:70%;padding: 50px 0 0 10%;position: relative;}
.footer_l,.footer_l a{color:#ffff;text-decoration: none;}
.footer_l a:hover{opacity:.8}
.footer_l ul{list-style:none;padding-left:0;width: calc(100% / 3);float: left;padding-right: 20px;margin-bottom: 0;}
.footer_l p{font-size: 30px;position: relative;font-family: 'Lexend Deca',sans-serif;}
.footer_l p::before{position:absolute;content:'';width:100%;height:1px;background: #6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background:linear-gradient(120deg,#fff 0%,#e4f4e1 100%);bottom: -1px;}
.footer_l ul li{letter-spacing:1px;}
.footer_l ul li,.footer_l ul li a{color: #bcbcbc;}
.footer_l ul li:nth-of-type(1){margin-bottom: 10px;color: #fff;font-size: 18px;}
.footer_l ul li span+span{margin-left: 5px;font-size: 15px;}
.en-footer{font-family:'Lexend Deca',sans-serif;margin-bottom: 5px;}
.footer .copyright{font-size:13px;color:#444c4c;text-align:center;padding-bottom:20px;width: calc(30% - 60px);margin-left:70%;font-family:'Lexend Deca',sans-serif;}
.footer .copyright a{color:#444c4c;display:block}
/*公用*/
.mjtitle{margin-bottom: 35px;}
.mjtitle-en{font-family: 'Lexend Deca', sans-serif;font-size: 40px;color: rgb(57, 71, 65);}
.mjtitle-box{display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mjtitle-tc{font-size: 18px;color: #7e9089;margin-bottom: 0;margin-left: 10px;}
.mjtitle span{position: relative;width: 60px;display: table;height: 4px;}
.mjtitle span::before,.mjtitle span::after{position:absolute;content:'';height: 4px;background-color: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);}
.mjtitle span::before{width: 50px;border-radius: 30px;}
.mjtitle span::after{width: 4px;right: 0;border-radius: 60px;}
.text-style{font-size:17px;letter-spacing: 3px;line-height: 30px;}
.btn-style{padding:12px 30px;cursor: pointer; background-color:#6fc35b;border-radius:60px;display:table;position:relative;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.btn-style div{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.btn-style div span:nth-of-type(1){display:table;color:#fff;/* font-family:'Lexend Deca',sans-serif; */letter-spacing: 1px;font-size:15px;position:relative;z-index:5;}
.btn-style span+span{width:20px;height:20px;display:inline-block;border-radius:60px;background-color:#fff;position:absolute;opacity:.2;z-index:0;right: 19px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.action4{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}
.breadcrumb{background-color:transparent;margin-bottom:0;font-size:15px;letter-spacing:1px;padding:.75rem 0}
.root_bg{position:absolute;right: 5%;top:-120px;}
.breadcrumb li:nth-of-type(1){font-family:'Lexend Deca',sans-serif}
.breadcrumb li{color:#aaa}
.breadcrumb li.active{color:#444c4c}
.breadcrumb li+li{margin-left:30px;position:relative}
.breadcrumb li+li:before{position:absolute;content:'';width:10px;height:1px;background-color:#c9c9c9;top:50%;left:-20px}
/* 頁碼 */
.pagination {-webkit-justify-content: center;justify-content: center;margin-top: 20px;border-top: 1px solid #ffff;padding-top: 50px;}
.pagination li a {color:#999;line-height: 28px;text-align: center;width: 30px;height: 30px;border-radius: 60px;background-color: #fff;display: block;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.pagination li+li{margin-left:10px}
.pagination li a:hover {background-color: #ffffff;color: #6fc35b;}
.pagination li.active a, .pagination li.active a:hover {color: #ffffff;background-color: #6fc35b;}
/*首頁*/
.scroll-type{position: absolute;width: 100%;z-index: -1;top: 0;}
.top-scroll-type-wrap {position: relative;width: 100%;overflow: hidden;height: 330px;}
.top-scroll-type-wrap p{font-size:330px;color: #6fc35b;font-family: 'Lexend Deca', sans-serif;padding:0 50px;font-weight:900;opacity: .08;display:block;position:absolute;top:0;left:0;z-index:1;height:330px;line-height:1;-webkit-transform:translateX(0);transform:translateX(0);white-space:nowrap;}
.top-scroll-type-1 {-webkit-animation: bg-animation-first 40s 0s linear infinite normal;animation: bg-animation-first 40s 0s linear infinite normal;}
.top-scroll-type-2 {-webkit-animation: bg-animation-first 40s -20s linear infinite normal;animation: bg-animation-first 40s -20s linear infinite normal;}
@-webkit-keyframes bg-animation-first {
    0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
    100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

@keyframes bg-animation-first {
    0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
    100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}
.index-about {padding-top: 150px;position: relative;margin-top: 40px;}
.index-about-content article{width: 38%;margin-left: 17%;float:left;}
.index-about-content article p{margin-bottom: 30px;}
.index-about-content figure{float:right;width: 41%;text-align:right;margin-top: 50px;position: relative;}
.index-about-content figure::before{position:absolute;content:'';width:100%;height: 90%;bottom: -40px;left: -40px;background: #6fc35b;background: -webkit-linear-gradient(120deg, rgba(255,255,255,0.1) 0%, rgb(111, 195, 91) 100%);background: linear-gradient(120deg, rgba(255,255,255,0.1) 0%, rgb(111, 195, 91) 100%);z-index: -1;}
.container2{max-width:1280px;margin: 0 auto;position: relative;}
.index-pro{position: relative;margin-top: 80px;padding-top: 100px;padding-bottom: 50px;/* background-color: #fff; */background: #6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background: linear-gradient(180deg,#fff 0%,#e4f4e1 100%);}
.index-pro::before{position: absolute;content: '';background-image: url(../images/index/02.jpg);width: 50%;height: 200px;top: 0;left: 0;}
@-webkit-keyframes newsBarAnimation {
  0%{top:0%}
  100%{top:100%}
}
@keyframes newsBarAnimation {
  0%{top:-4.8rem}
  100%{top:100%}
}
.index-pro .news_bar{width: 1px;height: 120px;display: table;overflow: hidden;position: absolute;right: 50%;top: -60px;z-index: 5;background-color: #fff;}
.index-pro .news_bar::after{
  content:'';
  position:absolute;
  z-index:2;
  display:block;
  width: 1px;
  height: 50px;
  background-color: #6fc35b;
  border-radius:2px;
  -webkit-animation:newsBarAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;
  animation:newsBarAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;
}
.pro_box a:hover .action4{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.index-pro-tt{width:500px;padding: 70px 50px 60px;position:relative;background:#6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background: linear-gradient(120deg,#fff 0%,#e4f4e1 100%);}
.index-pro-tt:before{position:absolute;content:'';width:90%;height:100%;top:0;left:0;box-shadow: -5px 10px 20px -5px rgba(63, 63, 63, 0.1);z-index:-1;}
.pro_box{display: -webkit-flex;display: flex;display: -ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;width: 94%;margin-left: 6%;margin-top: -50px;}
.pro_box a{width: calc(100% / 3 - 30px);display:block;padding: 0 15px;margin-bottom: 20px;font-weight: 600;}
.pro_box a figure{overflow:hidden;margin-bottom: 0;position: relative;z-index: 0;}
.pro_box a:hover .pro_name::before{width:0}
.pro_box .pro_name{
    padding: 10px 0 10px 25px;
    margin-left: 15px;
    margin-top: -10px;
    width: 100%;
    position: relative;
    font-size: 17px;
    letter-spacing: 0.5px;
    z-index: 2;
    background-color: #6fc35b;
    background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);
    background: linear-gradient(to right, #6fc35b, #d5d842);
}
.pro_box a{color: #434343;}
.pro_box a:hover{color:#fff;font-weight:initial;}
.pro_box .pro_name::before{position:absolute;content:'';width: 97%;height: 100%;background-color: #fff;right: 0;top: 0;z-index: -1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.indexNews {margin-top: 50px;margin-bottom: 80px;}
.newstitle {max-width: 170px;margin: 0 auto 50px;}
.newsinfo ul {padding-left: 0;list-style: none;position:relative;display: -webkit-flex;display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap:wrap;border-top: 1px solid #f0f0f0;}
.newsinfo ul:before{position:absolute;content:'';width:1px;height:100%;background-color:#f0f0f0;left: 50%;}
.newsinfo ul li{width: 50%;border-bottom: 1px solid #f0f0f0;}
.newsinfo ul li:nth-of-type(odd){border-left:1px solid #f0f0f0;}
.newsinfo ul li:nth-of-type(even){border-right:1px solid #f0f0f0;}
.newsinfo a{
    padding: 20px 30px;
    display: block;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.newstext{width:calc(100% - 125px);padding: 15px;}
.newsdate{font-size:14px;letter-spacing:1px;font-family:'Lexend Deca',sans-serif;margin-bottom:5px;display:block;color:#7e9089}
.newstext p{margin-bottom:0;font-size:17px;letter-spacing:1px}
.newsinfo a:hover p{color: #257123;}

/*關於*/
.social-page-title{margin-left:-20px}
.inner-title-s{position:relative;margin-bottom: 50px;}
.inner-title-s-box{letter-spacing: 1px;}
.inner-title-s-box span{font-family: 'Lexend Deca',sans-serif;margin-left: 2px;}
.about-page .color-bar{margin: 10px auto;}
.color-bar{position: relative;width: 60px;display: table;height: 4px;}
.color-bar::before,.color-bar::after{position:absolute;content:'';height: 4px;background-color: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);}
.color-bar::before{width: 50px;border-radius: 30px;left: 0;}
.color-bar::after{width: 4px;right: 0;border-radius: 60px;}
.about-pra-1{text-align: center;margin-bottom: 40px;}
.about-pra-2{position:relative;padding-top:50px}
.about-pra-2::before{position:absolute;content:'';width:80%;height: 80%;background: #d8e8d4;top:0;box-shadow: 2px 0 8px -1px rgba(203, 203, 203, 0.3);}
.about-pra-2 .container3{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center}
.about-pra-2-l{max-width:700px;padding:60px 100px 50px 60px;background-color:#6fc35b;color:#ffff;box-shadow: 0 -2px 5px -1px rgba(164, 164, 164, 0.5);}
.about-pra-2-l+figure{max-width: 450px;margin-left:-50px;margin-bottom:0;box-shadow: 0 -2px 5px -1px rgba(100, 100, 100, 0.5);}
.social-page{padding-top: 80px;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items: center;-ms-flex-align: flex-start;align-items: flex-start;}
.social-page figure{max-width: 550px;margin-bottom: 0;}
.social-page article{width: calc(100% - 550px);padding-right:5%;margin-top: 50px;}
.social-page-tbox{display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin-top: 15px;}
.social-slogant{font-size:25px;margin-left: 20px;font-style: italic;color: #3d7b2f;}
.social-page-tt{padding-left: 60px;}
.social-page-tbox .color-bar::before{width:100%;}
.social-page-tbox .color-bar::after{display: none}
.color-bar-move{width: 40px;height: 10px;position: relative;overflow: hidden;}
.color-bar-move::before{position: absolute;content:''; width: 5px;height: 5px;top:50%;transform: translateY(-50%); background-color: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);border-radius: 60px;display: table;-webkit-animation:aboutAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation:aboutAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;}
@-webkit-keyframes aboutAnimation {
  0%{left:-4.8rem}
  100%{left:100%}
}
@keyframes aboutAnimation {
  0%{left:-4.8rem}
  100%{left:100%}
}
.social-slogan h4{background-color: #6fc35b;padding: 6px 10px 8px;display: table;color: #fff;font-size: 19px;letter-spacing: 1px}
.global-location{margin-top:30px}
.global-location ul{background-color:rgba(255,255,255,0.8);padding:30px;box-shadow:0 0 10px -2px rgba(156,156,156,0.5);width: calc(100% / 3 - 20px);list-style: none;margin-bottom: 0;}
.global-location ul p{font-size:20px;border-bottom:1px solid #eaf6e7;padding-bottom:3px;color:#6fc35b}
.global-location li+li{margin-top:7px}
.global-location li i{margin-right: 2px;color: #367f21;}
.about-contact{margin-top:50px}
.about-contact-t{text-align:center;}
.about-contact-t .color-bar{margin:15px auto 0}
/*產品-大類*/
.container3{position: relative;padding: 0 5% 0 10%;}
.innaer-page {padding-top: 350px;margin-bottom: 80px;}
.inner-page-text {position: relative;padding: 130px 0 80px;width: 95%;z-index: 0;}
.inner-page-text::before{position:absolute;content:'';width: 100%;height: 100%;background: #6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background: linear-gradient(150deg,#fff 0%,rgba(228, 244, 225, 0.9) 100%);z-index: -1;top: 0;}
.inner-title{padding: 40px 0 50px 30px;width: 300px;background:#6fc35b;background:-webkit-linear-gradient(120deg,rgba(255,255,255,0.1) 0%,#6fc35b 100%);background:linear-gradient(-60deg,#fff 0%,#e4f4e1 100%);position:absolute;top: -190px;}
.inner-title::before{position:absolute;content:'';width:5px;height:20px;left:0;top: 49px;background-color:#6fc35b;}
.inner-title h1{font-family:'Lexend Deca',sans-serif;font-size: 32px;color:#394741;}
.inner-title span{font-size:15px;color:#7e9089;font-weight:600;letter-spacing:1px}
.inner-pro{display:-webkit-flex;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;border-top: 1px solid #f0f0f0;}
.inner-pro a:hover .action4{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.inner-pro a{width: calc(100% / 3);padding: 20px;display:block;background-color:#fff;border-bottom:1px solid #f0f0f0;}
.inner-pro a:nth-of-type(1){border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
.inner-pro a:nth-of-type(3n+1){border-left:1px solid #f0f0f0;}
.inner-pro a+a{border-right:1px solid #f0f0f0}
.inner-pro figure{margin-bottom:0;overflow: hidden;}
.inner-pro .pro_name{padding: 10px;background-color: #ebf7e8;text-align: center;font-size: 17px;margin: -10px auto 0;width: 95%;z-index: 1;position: relative;top: 0;}
.inner-pro .pro_name::before{position:absolute;content:'';width:1px;height: 18px;background-color: #bdbdbd;left: 50%;top: 40px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.inner-pro a:hover .pro_name{color:#257123;}
.inner-pro a:hover .pro_name::before{top:-10px;background-color:#444c4c}
.sort-form{margin-bottom: 20px;}
/* 產品-項目 */
.pro-side-box{display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
.sidebar {width: 240px;background-color: #Ffff;position: relative;box-shadow: -2px 0 10px -3px#eee;margin-top: 20px;}
.sidebar::before{position:absolute;content:'';width:100%;height: 100%;right: -10px;top: -10px;background-color: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);z-index: -1;} 
.navbar{padding:0}
.sidebar li{display: block;width: 100%;}
.sidebar li.active {background-color:#257123;}
.sidebar li.active a{color:#fff;}
.sidebar li.active a:hover{color:#fff;}
.sidebar li a{padding: 20px;display: block;font-size: 17px;position: relative;letter-spacing: 1px;overflow: hidden;}
.sidebar li a::before{position:absolute;content:'';width: 30px;height: 30px;border-radius: 60px;background-color: #6fc35b;opacity: .1;z-index: 0;left: 10px;top: 50%;transform: translateY(-50%);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.sidebar li a:hover::before{left: 71%;width: 100px; height: 100px;opacity: .5;}
.sidebar li a:hover{color: #257123;}
.sidebar li+li{border-top:1px solid #6fc35b}
.side-form{cursor: pointer;}
.sidebar+.product-list-box{width: calc(100% - 240px - 40px);margin-left: 40px;}
.product-list>a{width: 100%;display: block;padding: 15px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.product-list>a:hover{box-shadow:0 10px 25px -3px rgba(24, 24, 24, 0.2);background-color:#fff;color:#444c4c}
.product-list>a+a{margin-top: 30px;}
.pro-detail-tt{display: -webkit-flex;display: flex;display: -ms-flexbox;}
.pro-img{width: 250px;margin-right: 20px;}
.protext-name{margin-bottom:10px;border-bottom: 1px solid #6fc35b;padding-bottom: 10px;position:relative;}
.protext-name:before{position:absolute;content:'';width: 100px;height:4px;border-radius: 60px;bottom: -2px;left:0;background-color: #6fc35b;background: -webkit-linear-gradient(to left, #6fc35b, #d5d842);background: linear-gradient(to left, #6fc35b, #d5d842);}
.protext-name p{margin-bottom: 0;font-size: 22px;}
.protext-name span{color:#7e9089;}
.protext{position:relative;width: calc(100% - 270px);}
.protext .btn-style{position:absolute;bottom:0;left:calc(100% - 125px)}

.product-list .block{position: relative;display: inline-block;width: 32.333%;margin-bottom: 30px;padding: 5px;
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.product-list .block .pro img{max-width: 100%;}
.product-list .block .text{position: absolute;bottom:0;left: 0;right: 0;background: rgba(24, 127, 196, 1);color: #fff;
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-list .block .text p{margin-top: 10px;}
@media (min-width: 576px){
.modal-dialog{max-width: 700px;}
}
@media (min-width: 769px) {
	.btn-style:hover{padding-right:50px}
  .btn-style:hover span+span{right: 10px;opacity:1;}
  .newsinfo a:hover .btn-style{padding-right: 50px;}
  .newsinfo a:hover .btn-style span+span{right: 10px;opacity:1;}
  .product-list a:hover .btn-style{padding-right:50px}
  .product-list a:hover .btn-style span+span{right: 10px;opacity:1;}
}

/* 產品底層 */
/* .gallery-video-info .product-img{margin-bottom:2.5em;border-radius:1}
.gallery-video-info .product-img .img-thumb{list-style:none;padding:0;margin:0;overflow:hidden;margin-right:-1.3%}
.gallery-video-info .product-img .img-thumb li{float:left;width:18.7%;margin:1.3% 1.3% 1.3% 0}
.gallery-video-info .product-img .img-thumb li img{max-width:100%;border:1px #ddd solid} */
.gallery-video-info .youtube_box{margin:2em 0}
.pro-detail-name{position:relative;margin-top: 50px;}
.top_info{position:relative;padding-top: 10px;}
.top_info::before{position:absolute;content:'';width: 100%;height: 1px;background-color: #6fc35b;top: -12px;z-index: 0;}
.gallery-video-info .detail_name{font-size:40px;letter-spacing:1px;color:#444c4c;font-weight:600;margin-bottom: 5px;}
.gallery-video-info .detail_name2{ margin-bottom:15px;}
.detail_mark{display:inline-block;margin-bottom:0;padding: 3px 20px;letter-spacing:1px;font-size:15px;background-color:#6fc35b;background:-webkit-linear-gradient(to left,#6fc35b,#d5d842);background:linear-gradient(to left,#6fc35b,#d5d842);color:#fff;z-index: 5;position: relative;}

.down-file{margin-top:20px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;-ms-flex-wrap:wrap;}
.down-file a{display:block;padding: 11px 15px;background-color: #def2da;color: #444c4c;border-radius:1px;position:relative;width: 100%;}
.down-file a+a{margin-top:10px}
.down-file a:hover i{color: #397f28;}
.down-file a:before{position:absolute;content:'';width: 0;height: 5px;left: 0;bottom: -2px;background-color: #6fc35b;background: -webkit-linear-gradient(to left,rgba(255, 255, 255, 0.5),#d5d842);background: linear-gradient(to left,rgb(176, 218, 166),#6fc35b);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.down-file a:hover:before{width:100%}
.down-file a i{margin-left:10px;color: #88a681;}
.train-from .btn-style{margin: 0 auto;}
.pro-tArea{margin-top:30px;background-color: #Ffff;padding: 30px;}

.pro-tArea img{max-width: 100%!important;height: auto!important;}
.pro-tArea>p span{background-color: #fff;padding: 0 10px;}
.pro-tArea>p{text-align:center;position:relative;font-size:21px;color:#444c4c;z-index:0}
.pro-tArea>p:before{position:absolute;content:'';width: 100%;height: 1px;background-color: #c9e2c4;top: 50%;left:0;z-index:-1}
.gallery-video-info .btn-style{margin: 30px auto 0;}
.training {text-align: center;margin-top: 10px;border: 2px solid #6fc35b;padding: 20px;}
.training p {font-size: 17px;}
.trainform{width:100%;margin-bottom: 15px;}
.train-from>p span{display:block;color:#6fc35b;font-size:14px;margin-top:5px}
.train-from>p{text-align:center;letter-spacing:1px}
.input1,.input2 {
  width: 100%;
  border: none;
  border-bottom: 1px solid #6fc35b;
  padding: 5px;
  font-size: 15px;
  color: #737373;
}
.page_form{margin-bottom:20px}
/*檔案下載*/
.down-f-box{background-color:#6fc35b;background:-webkit-linear-gradient(to left,#6fc35b,#d5d842);background:linear-gradient(to right,#6fc35b,#d5d842)}
.down-f-box a{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px;position:relative;z-index:1}
.down-f-box a::before,.down-f-box a::after{position:absolute;content:'';height:100%; z-index:-1;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.down-f-box a::before{width:calc(100% - 100px);right:0;background-color:#fff;}
.down-f-box a::after{width:0;left:0;background-color:#444c4c;}
.down-f-box+.down-f-box{margin-top:20px}
.down-f-box .tag{width:80px;color:#fff;font-size:15px;font-family:'Lexend Deca',sans-serif;text-align:center}
.down-f-box .tag strong{display:block;font-weight:initial;font-size:20px}
.down-f-box h3{margin-bottom:0;margin-left:30px;font-size:20px}
.down-f-box h3 span{font-size:15px;color:#6fc35b;display:table;margin-bottom: 2px;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.download_icon{position:absolute;right:0px;font-size:20px;color: #444c4c;opacity: 0;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}


/*news*/
.news-box-all{display:-webkit-flex;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;border-top:1px solid #6fc35b}
.newsbox{width:50%;border-bottom:1px solid #6fc35b}
.newsbox:nth-of-type(odd){border-left:1px solid #6fc35b;border-right:1px solid #6fc35b}
.newsbox:nth-of-type(even){border-right:1px solid #6fc35b}
.newsbox a{padding:20px;display:block}
.newsbox a .date{font-size:14px;margin-bottom:13px;font-family:'Lexend Deca',sans-serif;color:#878787}
.newsbox a h3{font-size:19px;letter-spacing:1px;margin-bottom:15px;border-bottom:1px #d9e4d6 dashed;padding-bottom:15px}
.newsbox a .btn-style{margin-left:calc(100% - 106px);padding:8px 20px}
.newsbox a:hover h3{color:#257123;}
.newsbox a:hover .btn-style{padding-right:40px}
.newsbox a:hover .btn-style span+span{right:10px;opacity:1}

/*4圖4文*/
.page-title{border-bottom:1px solid #6fc35b;position:relative;margin-bottom:30px}
.page-title h1{font-size:31px;letter-spacing:1px}
.tx01{clear:both;margin-bottom:2em}
.tx02{clear:both;overflow:hidden;margin-bottom:2em}
.img-left,.img-left1{float:left;padding-bottom:1em;padding-right:2em}
.img-right,.img-right1{float:right;padding-bottom:1em;padding-left:2em}
.img-left img,.img-right img{max-width:300px}
.img-left1 img,.img-right1 img{max-width:430px}
.img_center img{float:left;padding:1em;width:33.3%;text-align:center}
.top-news-box img{margin-bottom:10px;max-width: 100%;height: auto!important;}
.date-fourimg-txt .page-title{padding:1.5em 0 1em;margin-bottom:1em;position:relative;border-bottom:2px #d8d8d8 dotted;border-top:2px #d8d8d8 dotted}
.date-fourimg-txt .page-title h1{display:table-cell;padding-left:30px;vertical-align:middle}
.date_box{position:absolute;background:#6fc35b;padding:2px 10px;color:#fff;letter-spacing:1px;font-family:'Lexend Deca',sans-serif;right:0;bottom:-13px}
.youtube_area+.btn-style{margin: 30px auto 0;}
/*聯絡我們*/
.contact-innaer-page .inner-page-text{padding-bottom: 0;}
.contact_box{width: 650px;padding: 30px 40px 40px;background: #6fc35b;box-shadow: 0 0 10px -1px #a0a0a0;}
.contact_box+article{padding-left: 30px;}
.contact_box_all{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;max-width: 1250px;margin: 0 auto;position: relative;}
.contact_box_all::before{position:absolute;content:'';height: 100%;width: 80%;background-color: #fff;z-index: -1;left: 10%;top: 50px;}
.bk-text{position:absolute;max-width: 500px;right: 20%;top: 30px;height: 700px;z-index: 0;}
.bk-text p{font-size:8rem;font-weight:600;font-family:'Lexend Deca',sans-serif;opacity:.25;color:#d5d842;line-height:150px;margin-bottom:0}
.bk-text+div{text-align:center;margin-bottom: 90px;position:relative;z-index:2;}
.bk-text+div span:nth-of-type(1){font-size:18px;letter-spacing:1px;}
.bk-text+div span:nth-of-type(2){display:block;color:#6fc35b;font-size:15px}
.move-bar{position: absolute;overflow: hidden;height: 60px;bottom: -70px;left: 50%;width: 10px;}
.move-bar::before{position: absolute;content: '';width: 1px;height: 100%;left: 50%;transform: translateX(-50%);background-color: #cfcfcf;}
.move-bar::after{position: absolute;content: '';width: 5px;height: 5px;left: 50%;transform: translateX(-50%);border-radius: 60px;background-color: #6fc35b;-webkit-animation:bannerAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation:bannerAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;}
@-webkit-keyframes bannerAnimation {
  0%{top:-4.8rem}
  100%{top:100%}
}
@keyframes bannerAnimation {
  0%{top:-4.8rem}
  100%{top:100%}
}
.textarea{height:150px;padding:2.5em .15em 1em!important}
textarea:focus{border:none!important}
.contact_box_all article p{font-size:25px;font-weight:600;margin-bottom:30px;border-bottom:1px solid;color:#6fc35b}
.contact_box_all article p span{font-family:'Lexend Deca',sans-serif}
.contact_box_all ul{margin-bottom:0;list-style:none;padding-left:0;font-size:18px;letter-spacing:1px}
.contact_box_all ul li+li{margin-top:20px}
.contact_box_all ul li a:hover{color:#6fc35b}
.contact_box_all ul li a:hover i{background-color:#eaf6e7;color:#6fc35b}
.notc{font-family: 'Lexend Deca',sans-serif;}
.fb-link span{position:relative;margin-left: 60px;}
.fb-link span::before{position:absolute;content:'';width:40px;height: 1px;background-color: #929292;top: 50%;left: -55px;}
.contact_box_all article ul li i{margin-right: 10px;background: #6fc35b;color: #ffffff;padding: 6px 10px;font-size: 15px;border-radius: 60px;width: 36px;height: 36px;text-align: center;line-height: 25px;}
.contact_page .btn-style{background-color: #fff;}
.contact_page .btn-style div span:nth-of-type(1){color: #6fc35b}
.contact_page .btn-style span+span{background-color: #6fc35b;}
.google-map{margin-top:50px}
.google-map iframe{vertical-align:bottom;}
/*輸入框樣式*/
.input {
	position: relative;
	z-index: 1;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.con_block_l{float: left;width: 49%;}
.con_block_r{float: right;width: 49%;}
.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #ffffff;
	color: #aaa;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #ffffff;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1em 0 0;
	width: 100%;
	font-size: 16px;
	color: #ffffff;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

input:-internal-autofill-selected{
	background-color: transparent!important;
}
/* Hoshi */
.input--hoshi {overflow: hidden;}
.input__field--hoshi {margin-top: 1em;padding: 2em 0.15em 1em;width: 100%;background: transparent;color: #257123;line-height: 30px;}
.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	pointer-events: none;
}
.input__label-content--hoshi {position: absolute;}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left:-1px;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #ffffff;
}

.input__label--hoshi::after {
	margin-top: 2px;
	border-bottom: 4px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}


.input__label--hoshi-color-3::after {
	border-color: #ffffff;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

/*rwd開始*/
@media (max-width: 1200px) {
/*footer*/
.footer::before{width:60%}
.footer .copyright{margin-left:60%;width:calc(40% - 60px);padding-bottom:30px}
.footer_l{width:60%;padding:50px 0 0 50px}
}
@media (max-width: 1024px){
  .navbar-brand {width: 170px;}
  /*fooer*/
  #goTop {height: 80px;padding-top: 20px;}
  #goTop span::before {height: 70%;top: -40px;}
  .footer::before{width:100%;z-index:-3}
  .footer::after{height:80px}
  .footer .copyright{width:100%;margin:0;padding:0 15px 20px}
  .footer_l{width:100%;padding:20px 15px 26px;text-align:center}
  .footer_l p:nth-of-type(1)::before{left:0}
  .footer_l ul{width:100%;padding-right: 0;margin-bottom: 18px;}
  .footer_l ul li span+span{display: block;margin-left: 0;}
}
@media (max-width: 992px) {
  /*主選單*/
  nav.navbar{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .nav-l{width:100%;padding:10px 20px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;}
  .lang_box{width:100%;padding:5px}
  .lang_box ul{-webkit-justify-content:flex-end;justify-content:flex-end}
  .language a{padding:5px 15px}
  .navbar-toggler-icon{background-color:#6fc35b;width:2em;height:3px;border-radius:60px;position:relative}
  .navbar-toggler-icon::before,.navbar-toggler-icon::after{position:absolute;content:'';width:100%;height:3px;background-color:#6fc35b;left:0;border-radius:60px}
  .navbar-toggler-icon::before{top:-9px}
  .navbar-toggler-icon::after{bottom:-9px}
  .navbar-toggler{padding:0}
  .navbar-collapse{position:absolute;background-color:#fff;width:100%;left:0;top:99px;text-align:center;padding-top:5px}
  .navbar-collapse li:nth-of-type(odd){background-color:#f3faf2}
  .navbar-expand-lg .navbar-nav .nav-link{padding:14px}
  nav::before{bottom:-5px;z-index:1}
  .fblink a span{background-color:initial}
  .fblink{background-color:#6fc35b}
  .fblink a{color:#fff;font-size:20px;padding:6px!important}
  /*banner*/
  .inner-banner, .banner {margin-top: 100px;}
  .banner-text h1{font-size:28px}
  .banner-text h2{font-size:30px}
  .banner-text{right:60px}
  .banner-bar{width:55%}

  /*首頁*/
  .index-about{padding-top:30px}
  .index-about-content article{width:90%;float:none;margin:0 auto;padding:0 15px}
  .index-about-content figure{float:none;width:80%;text-align:initial;margin:50px auto 0}
  .index-pro-tt{width: 65%;}
  .pro_box a {width: calc(100% / 2);}
  .pro_box {width: 90%;margin: -50px auto 0;}
  .newsinfo ul li {width: 100%;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
  .newsinfo ul:before {display: none;}
  /*公司簡介*/
  .about-pra-2 .container3{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .about-pra-2-l{width:100%;max-width:100%;padding:30px 30px 60px}
  .about-pra-2-l+figure{max-width:70%;margin:-40px auto 0}
  .about-pra-2{padding-top:30px}
  .about-pra-1{margin-bottom:20px}
  .social-page{flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:50px}
  .social-page article{width:100%;padding-left:10%;margin-top:0}
  .social-page-title{margin-left:0}
  .social-page-tt{padding-left:0}
  .inner-title-s{margin-bottom:20px}
  .social-page figure{margin:-30px auto 0}
  .global-location ul{padding:15px}
  .global-location ul p{font-size:18px}
  .global-location ul{width:100%}
  .global-location ul+ul{margin-top:15px}
  .global-location div{flex-wrap:wrap;-ms-flex-wrap:wrap}
  /*產品*/
  .sidebar{width:100%}
  .pro-side-box{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .sidebar+.product-list-box{width:100%;margin-left:0;margin-top:20px}
  .sidebar button{width:100%;background-color:#fff;border:1px solid #fff;padding:10px;font-size:17px;position: relative;}
  .sidebar button i{margin-left:5px}
  .innaer-page{margin-bottom: 50px;}
  .inner-title {padding: 40px 0 30px 30px;}
  .inner-pro a {width: calc(100% / 2);}
  .inner-pro a:nth-of-type(3n+1) {border-left: initial;}
  .inner-pro a:nth-of-type(2n+1) {border-left: 1px solid #f0f0f0;}
  .product-img {text-align: center;}
  .pro-tArea>p:before, .pro-tArea>p:after {width: 40%;}
  /*最新消息*/
  .newsbox{width:100%}
  .newsbox a{padding:15px}
  .newsbox:nth-of-type(even){border-left:1px solid #6fc35b}
  /*聯絡我們*/
  .contact_box{width:80%;margin-bottom:30px}
  .contact_box_all{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .contact_box+article{padding-left:0}
  .bk-text{top:auto;bottom:0;height:auto;right:10%}
}

@media (max-width: 768px) { 
  /*banner*/
  .banner-text{right:auto;left:20px;top:auto;bottom:-50px}
  .index-banner::before{height:125%}
  .index-about{padding-top:60px}
  .banner-text h2{padding:10px}
  .banner-text h1{margin-bottom:10px}
  .scroll {bottom: 0;}
  /*公用*/
  .mjtitle-en{font-size:35px}
  /*首頁*/
  .index-pro::before {width: 100%;height: 400px;}
  .newstext {width: calc(100% - 96px);}
  .newsinfo a {padding: 15px;}
  /*公司簡介*/
  .inner-title-s{font-size:25px;margin-bottom:15px}
  .about-pra-2{padding-top:0}
  .about-pra-2::before{top:30px}
  .social-slogan h4{font-size:17px;line-height:24px}
  .map {margin-top: 0;}
  /*產品*/
  .innaer-page {margin-bottom: 0;}
  .inner-pro a {width: 100%;border-left: 1px solid #f0f0f0;}
  .inner-title{width: 250px;padding:30px;top:-160px}
  .innaer-page{padding-top:300px}
  .inner-page-text{padding-top:100px}
  .root_bg{top:-100px}
  .gallery-video-info .detail_name {font-size: 35px;}
  .pro-detail-name {margin-top: 40px;}
  .pro-detail-tt{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .pro-img{width:50%;margin:0 auto;text-align:center}
  .protext{width:100%;margin-top:25px}
  .protext .btn-style {position: relative;left: 0;}
  .down-file {flex-wrap: wrap;-ms-flex-wrap:wrap;}
  .down-file a {width: calc(50% - 5px);margin-bottom: 10px;}
  .training {margin-top: 0;}
  /*檔案下載*/
  .down-f-box+.down-f-box{margin-top:15px}
  /*最新消息*/
  .page-title h1 {font-size: 28px;}
  .date_box {font-size: 14px;}
  /*4圖4文*/
  .img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
  .img-left img, .img-right img, .img_center img,
  .img-left1 img, .img-right1 img { display:block; width:100%; max-width:inherit; }
  /*聯絡我們*/
  .bk-text+div{margin-bottom:60px;margin-top:30px}
  .move-bar{height:40px;bottom:-50px}
  .con_block_l{float:none;width:100%}
  .con_block_r{float:none;width:100%}
  .contact_box{width: 100%;margin:0 auto 30px;padding:15px 20px 20px;}
  .contact_box_all::before{left: -25px;}
  .contact_box+article{margin:0 auto}
  .bk-text{left:-20px}
  .bk-text p{opacity:.2}
  .contact_page{position:relative}

}

@media (max-width: 640px) { 
  /*共用*/
  .btn-style {padding: 10px 25px;}
  .text-style {font-size: 16px;line-height: 28px;letter-spacing: 2px;}
  .footer_l{padding-top: 15px}
  /*banner*/
  .banner-text h2 {font-size: 25px;}
  .banner-text h1 {font-size: 22px;}
  .navbar-brand {width: 160px;}
  .inner-banner, .banner {margin-top: 90px;}
  .navbar-collapse {top: 90px;}
  /*首頁*/
  .index-about-content figure::before {left: -25px;bottom: -25px;}
  .pro_box a {width: 100%;}
  .index-pro-tt {width: 400px;padding: 50px 50px 60px;}
  .index-pro .news_bar {height: 100px;}
  .newsinfo a{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}
  .newstext{width:100%;margin-bottom:10px}
  /*公司簡介*/
  .inner-title-s{font-size:22px}
  .social-slogant{font-size:20px}
  .about-contact { margin-top: 20px;}
  .social-page-tt br,.about-contact-t br {display: none;}
  /*產品*/
  .root_bg {display: none}
  .inner-page-text {padding-bottom: 40px;}
  .gallery-video-info .detail_name {font-size: 31px;}
  .pro-detail-name {margin-top: 25px;}
  .pro-tArea>p {font-size: 18px;}
  .pro-tArea>p:before, .pro-tArea>p:after {width: 36%;}
  .pro-tArea {padding: 20px;}
  .pro-img { width: 70%;}

  /*檔案下載*/
  .down-f-box .tag{width:100%;background:#444c4c;color:#6fc35b}
  .down-f-box .tag strong{font-size:16px;display:initial;margin-right:5px}
  .down-f-box a{flex-wrap:wrap;-ms-flex-wrap:wrap;padding:10px}
  .down-f-box a::before{display: none}
  .down-f-box h3{margin-left:0;width:100%;font-size:17px;padding-top:7px;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;justify-content:center}
  .down-f-box h3 span{margin:0 9px 0 0;color:#fff;background-color:#6fc35b;padding:2px 5px;font-size:12px;display:initial}
  /*最新消息*/
  .page-title h1 {font-size: 20px;letter-spacing: 0;margin-bottom: 20px;}
  /*聯絡我們*/
  .bk-text p{font-size:7rem;line-height:130px}
  .contact_box_all article p{font-size:22px;margin-bottom:20px}
  .contact_box_all ul li+li{margin-top:15px}
  .contact_box_all ul{font-size:17px;letter-spacing:0}

}
@media (max-width: 480px) { 
  /*banner*/
  .index-banner::before {height: 135%;}
  .banner-text h1 {display: none;}
  .scroll{display:none}
  .banner_box{width:95%!important}
  /*footer*/
  .footer .copyright{padding:0 60px 20px}
  .footer::after{height:100px}
  .footer_l{padding:20px 15px 20px}
  .footer_l ul p{font-size:20px}
  #goTop{height:100px;padding-top:30px}
  .navbar-brand {width: 120px;}
  /*首頁*/
  .mjtitle-en {font-size: 31px;}
  .index-pro-tt {width: 100%;}
  .index-pro {padding-top: 50px;}
  .index-pro .news_bar {height: 80px;top: -40px;}
  /*內頁*/
  .inner-title h1{font-size:28px;margin-bottom:0}
  .inner-title{padding:20px 30px 25px}
  .inner-title::before{top:30px}
  .inner-banner{background-size: cover!important;}
  .container3 {padding: 0 4% 0 8%;}
  .innaer-page{padding-top:200px}
  /*產品*/
  .inner-title{padding:20px 0 20px 30px;top:-130px}
  .inner-title::before{top:30px}
  .inner-page-text{padding-top:70px}
  .inner-pro a{padding:15px}
  /*六圖六文*/
  .img-left1 img, .img-right1 img { max-width: 100%; }
  .img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
  /*聯絡我們*/
  .bk-text{display:none}
  .contact_box{width:100%}
  .bk-text+div span:nth-of-type(1){font-size:16px}
  .contact_box_all article p{font-size:20px}
  .contact_box_all ul{font-size:16px}
  .contact_box_all article ul li i{width:32px;line-height:20px;font-size:13px;height:32px;margin-right:5px}
  .contact_box_all::before{left:-16px;width: 100%;}
}