@charset "utf-8";
/* CSS Document */
body{font-family:'Noto Serif TC',serif,'微軟正黑體',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: #e0e0e0;text-align:center;position: fixed;bottom: 0;right:0;width: 60px;height: 87px;padding-top: 31px;cursor:pointer;display:none;-moz-border-radius:100%;-moz-box-shadow:#EEE 0 0 5px;}
#goTop span{font-family: 'Playfair Display',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: 10px;height: 10px;background-color:#bfbfbf;border-radius: 60px;left: 27%;top: -35px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
#goTop:hover span::before{top: -57px;background-color: #1F60A0;}

/*按鈕*/
.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:#1F60A0;
}

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{padding:0!important;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}

nav::before{position:absolute;content:''}
.nav-l{position:relative;border-bottom:1px solid rgba(255,255,255,.3);}
.mr-auto{width:100%;-webkit-justify-content:flex-end;justify-content:flex-end}

.lang_box.rwd-none{top:-20px;border-left:1px solid #fff;padding-left:20px;margin-left:15px;}
.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;font-family:'Playfair Display',serif}
.lang_box ul li+li:before{position:absolute;content:'';width:10px;height:1px;background-color:rgba(255,255,255,.5);left:-10px;top:13px}
.language.active a{opacity:1}
.language a{padding:0 15px;color:#fff;opacity:.5;display:block}
.search-box{border-left: 1px solid #fff;position: absolute;right: 0;top: 50%;height: 24px;transform: translateY(-50%);text-align: center;z-index: 5;}
.btn-search{padding: 0 25px 0 30px;color: #fff;}
.btn:focus{box-shadow: none!important;}
.navbar-brand{width:300px;padding:0}
.navbar-brand img:nth-of-type(2){display: none;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.dropdown-menu{border:none;border-radius:0;background-color: rgba(255, 255, 255, .75);box-shadow:0 5px 20px -2px rgba(154,154,154,0.2);top: 67px;z-index: -1;left: 50%;transform: translateX(-50%);}
.dropdown-menu a{padding: 10px;text-align: center;}
.dropdown-menu a:hover{background-color: rgba(234, 234, 234, .8);color: #1f60a0;}
.nav-item{position:relative}

.navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-family:'Noto Serif TC',serif}
.nav-item:before{position:absolute;content:'';width: 0;height: 2px;left: auto;right: 0;background: rgba(31, 96, 160, 1);bottom: -27px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}

.change .navbar-brand img:nth-of-type(1){display: none;}
.change .navbar-brand img:nth-of-type(2){display: block;}
.change .navbar-expand-lg .navbar-nav .nav-link{color:#292929;}
.change .lang_box, .change .search-box{border-left: 1px solid #c9c9c9;}
.change .btn-search{color:#777777;}
.search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background: rgba(255, 255, 255, 0.95);position:fixed;z-index:9999;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 50vh;border-radius: 3px;box-shadow: 0 0 30px 3px rgba(93, 93, 93, 0.6);/* border: solid 5px #fff; */}
/*產品搜尋*/
/* .search-box{margin-bottom:10px}
.search-box>.button{border-radius:0;width:100%;padding:12px 40px 10px 25px}
.search-box>.button--shikoba .button__icon{top:20px}
.search-box-show{background-color:#f4f4f4;padding:15px} */
.btn-search-close{font-size:2em;position:absolute;top:0;right: 0;display:none;display:block;}
.search_form{margin:5em 0;width: 65%;}
.search_input{font-family:inherit;font-size:2rem;line-height:1;display:inline-block;box-sizing:border-box;width: 105%;padding:.05em 0;color: #ffffff;border:none;border-bottom: 1px solid #ffffff;background:transparent;}
.search_input::-webkit-input-placeholder{opacity:.3;color:#0b346e}
.search_input::-moz-placeholder{opacity:.3;color:#0b346e}
.search_input:-ms-input-placeholder{opacity:.3;color:#0b346e}
.search_input::-webkit-search-cancel-button,.search_input::-webkit-search-decoration{-webkit-appearance:none}
.search_input::-ms-clear{display:none}
.search_info{font-size:90%;font-weight:700;display:block;width: 90%;margin: 20px auto 0;padding:.85em 0;text-align:right;color: #e60012;}
.search{pointer-events:none;opacity:0;transition:opacity .5s;}
.search-open{pointer-events:auto;opacity:1}
.search::before,.search::after{transition:transform .5s}
.search::before{transform:translate3d(-15px,-15px,0)}
.search::after{transform:translate3d(15px,15px,0)}
.search-open::before,.search-open::after{transform:translate3d(0,0,0)}
.btn-search-close{opacity:0;transform:scale3d(0.8,0.8,1);transition:opacity 0.5s,transform .5s}
.search-open .btn-search-close{opacity: 1;transform:scale3d(1,1,1);color: #a2a2a2;right: 20px;}
.search_form{opacity:0;transform:scale3d(0.8,0.8,1);transition:opacity 0.5s,transform .5s}
.search-open .search_form{opacity:1;transform:scale3d(1,1,1)}
.input1,.input2 {
  width: 100%;
  border: none;
  border-bottom: 1px solid #333333;
  padding: 5px;
  font-size: 17px;
  color: #737373;
  background-color: transparent;
}
.search_form .d-lg-flex select {
    margin-right: 10px;
}
@media screen and (min-width: 991px){
	.change .lang_box ul li+li:before{background-color: rgba(181, 181, 181, 0.5);}
.change .language a{color:#292929;}
  .rwd-show ul{display: none;}
  .change nav{background-color: #fff;}
  .nav-l{display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 10px 15px;}
  .navbar-expand-lg .navbar-nav .nav-link {padding: 10px 15px;}
  .nav-item:hover:before,.active.nav-item:before{right: auto;left: 0;width: 100%;}
  .nav-l .collapse{
    padding-right: 70px;
}
}
/*banner*/
.banner{position: relative;}
.carousel-indicators li {background-color: #8a8a8a;}
.banner-bk::before{position: absolute;content:'';width: 100%;height: 100%;top: 0;background: #0a99d9;background: -webkit-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));background: -o-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));background: -moz-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));background: linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));background-size: 400% 400%;-webkit-animation: raed 10s infinite ease-in-out;-o-animation: raed 10s infinite ease-in-out;-moz-animation: raed 10s infinite ease-in-out;animation: raed 10s infinite ease-in-out;opacity: .9;}
.banner-bk{position: absolute;background-image: url(../images/banner/banner-bk.jpg);z-index: -2;opacity: .5;width: 100%;height: 85%;opacity: .8;}
@-webkit-keyframes raed{
    0%{background-position: 0% 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0% 50%}
}

@-o-keyframes raed{
    0%{background-position: 0% 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0% 50%}
}

@-moz-keyframes raed{
    0%{background-position: 0% 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0% 50%}
    
}@keyframes raed{
    0%{background-position: 0% 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0% 50%}
}
.fill {height: 35vw;width: 85%;margin: 120px 0 0 10%;}
.banner-text{position:absolute;left: 120px;bottom: 10%;/* transform: translateY(-50%); */z-index: 1;/* color: #4a4a4a; */background-color: rgba(255, 255, 255, .5);/* background:-webkit-linear-gradient(90deg,#49c89a,rgb(10, 153, 217)100%); */background: linear-gradient(60deg,rgba(255, 255, 255, .4),rgba(255, 255, 255, 0)100%);padding: 10px 50px 10px 35px;}
.banner-text h1{font-size: 4.5rem;margin-bottom:20px;font-family: 'Playfair Display', serif;mix-blend-mode: difference;font-weight: 600;letter-spacing: 1px;text-decoration: underline;color: #203b80;}
.banner-text h2{font-size: 18px;font-family: 'Noto Serif TC', serif;letter-spacing: 1px;color: #191919;font-style: italic;}
.banner-text h2 span{position:relative;}
.banner-text h2 span+span{margin-left: 50px;}
.banner-text h2 span+span:before{position:absolute;content:'';width: 25px;height:1px;background-color: rgba(144, 144, 144, .8);bottom: -5px;left: -15px;top: 50%;left: -38px;}
/* 頁尾 */
.footer {position: relative;padding: 40px 0 15px;font-family: 'Playfair Display',serif;font-size: 15px;background-color: #fff;}
.footer:before{position:absolute;content:'';background-image: url(../images/all/noise.jpg);width: 100%;height: 100%;opacity: .07;top: 0;}
.copyright{padding-top: 10px;}
.copyright span:nth-of-type(1){width: 450px;}
.hr{width: calc(100% - 450px);height: 1px;background-color: #c7c7c7;}
/*公用*/
.container{position:relative}
.animated-lines {position: fixed;height: 100vh;width: 100%;z-index: 0;}
.animated-lines path {fill: none;stroke: #5EB6DA;stroke-width: 0.5px;vector-effect: non-scaling-stroke;}
.mjtitle{margin-bottom: 35px;}
.mjtitle-t{font-family:'Noto Serif TC',serif;font-size: 2.1rem;position: relative;display: table;}
.mjtitle-t:before{position:absolute;content:'';width: 100px;height:1px;background-color: #333333;right: -120px;top: 50%;}
.text-style{font-size: 17px;letter-spacing: 3px;line-height: 1.8;}
.action4{-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-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);}
.button-circle{cursor:pointer;width:105px;height: 70px;display:block;}
.button-circle .in{position:relative;height:100%}
.btn-t{font-family:'Playfair Display',serif;font-weight:600;position:absolute;right:0;top:50%;transform:translateY(-50%);color:#797979;z-index:5}
.button-svg{position:absolute;top:50%;/* left:0; */width: 70px;height: 70px;transform: translate(0,-50%);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.button-svg svg{vertical-align:top}
path.f{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px;stroke-dashoffset:252.378;stroke-dasharray:0px,999999px}
path.b{fill:none;stroke:rgba(0,0,0,0.15);stroke-miterlimit:10;stroke-width:2px}
.button .b{height:1px;width:100%;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,0.15);overflow:hidden;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.button .f{stroke:#1F60A0;stroke-dashoffset:436;stroke-dasharray:436px;transform:rotate(120deg);transform-origin:50% 50%;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.button-circle:hover path.b{stroke:#eee}
.button-circle:hover path.f{stroke-dashoffset:0}
.button-circle:hover .btn-t{color:#505050}
.button-circle:hover .button-svg{transform: translate(150%,-50%);;width: 50px;height: 50px;}

.breadcrumb{background-color:transparent;margin-bottom:0;font-size:15px;letter-spacing:1px;padding:.75rem 0}
.root_bg{position:absolute;right: 30px;top: -40px;z-index: 1;}
.breadcrumb li:nth-of-type(1){font-family:'Lexend Deca',sans-serif}
.breadcrumb li{color:#aaa;font-size: 13px;font-family: 'Noto Serif TC',serif;}
.breadcrumb li.active{color: #1f60a0;}
.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;margin-bottom: 60px;}
.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: #1f60a0;}
.pagination li.active a, .pagination li.active a:hover {color: #ffffff;background-color: #1f60a0;}
/*首頁*/
.textEN{font-family: 'Playfair Display', serif;font-size: 10rem;font-weight: 600;letter-spacing: 1px;opacity: .35;color: #96d5de;line-height: 1;position: absolute;top: -35px;/* z-index: -1; */}
.animation{transform: translate(-10%, 0);transition-duration: 5000ms;}
.animation.move{transform: translate(6%, 0);}
.index-about {position: relative;margin-bottom: 220px;margin-top: 100px;}
.index-about::before{position:absolute;content:'';background-image: url(../images/index/01.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: left;background-size: cover;width: 85%;height: 420px;z-index: -1;top: 100px;opacity: .8;}
.index-about::after{position:absolute;content:'';width: 400px;height: 115%;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);top: 30px;z-index: -2;right: 30%;opacity: .6;}
.index-about-content{position:relative;}
.index-about-content article{padding: 50px 90px 15px 50px;width: 70%;background-color: rgba(255, 255, 255, .9);box-shadow: 20px 20px 60px rgba(0,0,0,0.2);}
.index-about-content figure{width: 400px;position: absolute;top: 50px;right: 0;box-shadow: 26px 20px 60px rgba(0,0,0,0.2);}
.deco-img{position: absolute;width: 150px;left: 350px;z-index: -1;bottom: -130px;}


.pro_box a:hover .action4{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.index-pro-tt{
    margin-bottom: -80px;
    margin-right: 30px;
    width: 500px;
}
.index-pro{position:relative;overflow: hidden;}
.index-pro:before{position:absolute;content:'';width: 80%;height: 80%;right:0;top:50px;background: rgba(31,96,160,.35);background: -webkit-linear-gradient(180deg,rgba(31,96,160,.35),#fff 100%);background: linear-gradient(180deg,rgba(31,96,160,.35),rgba(255, 255, 255, 0) 100%);}
.pro_box a{width: calc(100% / 2 - 50px);display:block;margin: 0 25px;padding: 0 20px;margin-bottom: 0px;position:relative;color:#434343;}
.index-pro .pro_box a:nth-of-type(2){margin-top: 90px;}
.index-pro .pro_box a:nth-of-type(3){margin-left: -120px;margin-top: -20px;}
.index-pro .pro_box a:nth-of-type(4){margin-top: 80px;}
.pro_box a figure{overflow:hidden;margin-bottom:0;position:relative;z-index:0;}
.pro_box a figure:before,.pro_box a figure:after{position:absolute;content:'';width: 95%;height:100%;right: 0;}
.pro_box a figure:before{background-image:url(../images/all/noise.jpg);opacity:.07;}
.pro_box a figure:after{background-color:rgba(255,255,255,1);z-index: -1;}
.pro_box a:hover .pro_name::before{width:40px;opacity:1;right:auto}
.pro_box .pro_name{position:absolute;right:-50px;bottom:20px;z-index:2;font-family:'Playfair Display',serif}
.pro_box .pro_name:before{position:absolute;content:'';width:0;height:1px;background-color:#1F60A0;left:-55px;right:0;bottom:7px;opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.pro_box .pro_name p:nth-of-type(1){font-size:32px;margin-bottom:5px;font-weight:600}
.pro_series{letter-spacing:.5px;color:#1F60A0;font-size:17px;font-weight:600}

.deco-bk{width: 450px;height: 120%;position: absolute;z-index: -2;top: -70px;left: 100px;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);opacity: .6;}
.indexNews{margin-top: 150px;margin-bottom: 150px;position: relative;}
.indexNews:before,.indexNews:after{position:absolute;content:'';width: 80%;left: 50%;transform: translateX(-50%);height: 80%;top: 10px;}
.indexNews:before{background-image:url(../images/index/04.jpg);z-index: -1;opacity: .45;}
.indexNews:after{
    background: #0a99d9;
    background: -webkit-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));
    background: -o-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));
    background: -moz-linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));
    background: linear-gradient(135deg, rgba(30, 95, 159, .8), rgba(236, 236, 236, 0.1), rgba(30, 95, 159, .5));z-index: -1;}
.newsinfo ul{padding-left:0;list-style:none;}
.newsinfo ul li{width: calc(100% / 3 - 20px);margin: 0 10px;box-shadow: 16px 16px 40px rgba(0,0,0,0.1);background-color: rgba(255, 255, 255, .8);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.newsinfo ul li:hover{background-color: rgba(255, 255, 255, .9);}
.newsinfo a{padding: 30px;display:block;}
.newstext{width: 100%;position: relative;}
.newsdate{font-size:14px;letter-spacing:1px;font-family: 'Playfair Display',serif;margin-bottom: 15px;display: table;margin-left: -40px;color: #ffffff;padding: 5px 15px;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);}
.newstext p{margin-bottom: 30px;font-size:17px;letter-spacing:1px;}
.newsinfo a:hover .button-circle path.b{stroke:#eee}
.newsinfo a:hover .button-circle path.f{stroke-dashoffset:0}
.newsinfo a:hover .button-circle .btn-t{color:#505050}
.newsinfo a:hover .button-circle .button-svg{transform: translate(150%,-50%);;width: 50px;height: 50px;}
/*關於*/
.about-p01{margin-bottom:90px;font-size:20px;text-align:center;position:relative;z-index:1;color:#6d6d6d}
.about-p01 .textEN{z-index:-1}
.about-p02{margin-bottom: 130px;position:relative;z-index:0;}
.about-p02:before{position:absolute;content:'';width: 60%;height: 77%;right: 20px;z-index: -1;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);opacity: .6;}
.about-p02-img{position:relative;width:500px;z-index:1}
.about-p02-img figure:nth-of-type(1){position:absolute;top:-100px;left:-150px;z-index:-1;width:500px}
.about-p02-img+p{width:calc(100% - 450px);margin-left:-50px;margin-bottom:-20px;padding:30px 30px 30px 80px;background-color:rgba(214,214,214,.8)}
.about-p02-img figure:nth-of-type(2){width:400px;margin-left:100px;box-shadow:0 5px 14px -1px rgba(181,181,181,.8);background-color:rgba(255,255,255,.85)}
.about-p03{position:relative;background-color: #fff;padding-bottom: 50px;}
.about-p03:before{position:absolute;content:'';background-image: url(../images/all/noise.jpg);opacity: .1;width: 100%;height: 100%;top: 0;}
.about-p03 p{width: calc(100% - 550px);}
.iso-box{width: 350px;margin-top: -30px;position: relative;}
.iso-box-bar{position:absolute;width: 70%;height: 15px;bottom: 60px;left: -60%;overflow: hidden;}
.iso-box-bar:before{width: 10px;height: 10px;top: 50%;transform: translateY(-50%);border-radius: 60px;border: 1px solid #005595;-webkit-animation: sbannerAnimation 2.5s cubic-bezier(.25,.46,.45,.94) infinite;animation: sbannerAnimation 2.5s cubic-bezier(.25,.46,.45,.94) infinite;}
.iso-box-bar:after{width:100%;height: 1px;top: 50%;background-color: #bcbcbc;}
.iso-box-bar:before,.iso-box-bar:after{position:absolute;content:'';}
@-webkit-keyframes sbannerAnimation {
  0%{right:-4.8rem}
  100%{right:100%}
}
@keyframes sbannerAnimation {
  0%{right:-4.8rem}
  100%{right:100%}
}
.iso-box figure{box-shadow: 0 5px 14px -1px rgba(181,181,181,.8);}
.iso-box figure:nth-of-type(1){width:150px}
.iso-box figure:nth-of-type(2){margin-left: auto;width: 180px;margin-top: 30px;}
.about-p03+.container{padding-bottom:100px}
.about-p04-img{width:400px;margin-top:-30px;position:relative}
.about-p04-img+p{width:calc(100% - 400px);padding-left:60px}
.about-p04-img :nth-of-type(1){position:relative}
.about-p04-img :nth-of-type(1):before{position:absolute;content:'';width: 100%;height: 100%;left: -15px;bottom: -15px;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);}
.about-p04-img :nth-of-type(2){width:90px;position:absolute;bottom:-40px;left:-30px}
/*整合方案*/
.program-box{list-style:none;padding-left:0;padding-bottom: 20px;}
.program-text{position:relative;background-color: rgba(255,255,255,.7);padding:20px 35px 15px 30px;margin-bottom: 20px;box-shadow: 0 0 10px #ddd;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.program-text:before{position:absolute;content:'';width:5px;height:100%;left:0;top:0;background:#1F60A0;background:-webkit-linear-gradient(135deg,#1F60A0,#5eb6da,#35ceb2 100%);background:-o-linear-gradient(135deg,#1F60A0,#5eb6da,#35ceb2 100%);background:-moz-linear-gradient(135deg,#1F60A0,#5eb6da,#35ceb2 100%);background:linear-gradient(135deg,#1F60A0,#5eb6da,#35ceb2 100%)}
.program-text h3{font-size:23px;margin-bottom:10px;color: #1F60A0;}
.program-text h3+p{margin-bottom:5px;color:#7c7c7c}
.program-text:hover{box-shadow: 0 5px 15px -2px #b7b7b7;}
.program-text:hover path.b{stroke:#eee}
.program-text:hover path.f{stroke-dashoffset:0}
.program-text:hover .btn-t{color:#505050}
.program-text:hover .button-svg{transform: translate(150%,-50%);;width: 50px;height: 50px;}
/*產品-大類*/
.inner-banner{height: 20vw;position: relative;background-size: cover!important;}
.innaer-page {position: relative;}
.innaer-page:before{position:absolute;content:'';background-image: url(../images/all/noise.jpg);width: 100%;opacity: .03;height: 100%;top: 0;} 
.inner-page-text {position: relative;z-index: 0;}
.inner-tbox{position: relative;padding: 200px 0;z-index: 2;}
.inner-tbox:before{position:absolute;content:'';width: 50%;height: 26vw;background-color: rgba(31,96,160,.35);top: 0;}
.inner-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%);}
.inner-title h1{font-family: 'Noto Serif TC',serif;font-size: 32px;color: #ffffff;margin-bottom: 0;text-shadow: 0 0 3px rgba(51, 51, 51, .5);position: relative;}
.inner-title h1:before,.inner-title h1:after{position:absolute;content:'';background-color:#fff; width:50px;height:1px;top:50%}
.inner-title h1:before{left:-60px}
.inner-title h1:after{right:-60px}
.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{position: relative;padding-top: 50px;}
.pro-side-box:before{position:absolute;content:'';width: 73%;height: calc(100% + 50px);background-color: rgb(234, 234, 234);right: 0;top: -50px;z-index: 0;}
.navbar{justify-content: center;}
.sidebar {margin-bottom: 40px;}

.sidebar li{margin: 0 5px;}
.sidebar li.active a,.sidebar li a:hover{color:#fff;background-color: #1F60A0;}
.sidebar li a{padding: 15px;background-color: #f8f8f8;display: block;font-size: 15px;color: #757575;position: relative;font-family: 'Noto Serif TC',serif;}
.sidebar li a::before{position:absolute;content:'';width: 96%;height: 95%;border: 1px solid #d6d6d6;z-index: 0;left: 50%;top: 50%;transform: translate(-50%,-50%);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.side-form{cursor: pointer;}
.sidebar+.product-list-box{width: calc(100% - 240px - 40px);margin-left: 40px;}
.product-list>a{display: block;padding: 0 15px 15px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;margin-bottom: 40px;}
.product-list>a:nth-of-type(odd){margin-top: 80px;}
.product-list .pro_name p:nth-of-type(1){color: #1F60A0;}
.protext-name p{margin-bottom: 0;font-size: 22px;}
.protext-name span{color:#7e9089;}
.product-list>a .pro-detail-tt {position: relative;}
.protext{margin-top: -25px;margin-left: 50px;background-color: rgb(162, 162, 162);padding: 40px 15px 15px;min-width: 95%;}
.protext-tbox{letter-spacing: .3px;font-size: 15px;font-family: 'Noto Serif TC',serif;color: #ffffff;margin-bottom: 0;}

/* 產品底層 */
.pro-top-box{position:relative;z-index: 0;/* overflow: hidden; */}
.pro-top-box:before,.pro-top-box:after{position:absolute;content:'';width: 81%;height: 81%;top: 0;z-index: 0;}
.pro-top-box:before{background-image: url(../images/all/noise.jpg);opacity: .1;}
.pro-top-box:after{background-color: #ffffff;z-index: -1;}
.product-img{position: relative;}
.pro-detail-name{position:relative;width: calc(100% - 400px);}
.pro-detail-name:before{position:absolute;content:'';width: 100%;height: 1px;background-color: #cfcfcf;background: rgba(135, 135, 135, 0.35);background: -webkit-linear-gradient(90deg,rgba(135, 135, 135, 0.35),rgba(255, 255, 255, 0) 100%);background: linear-gradient(90deg,rgba(135, 135, 135, 0.35),rgba(255, 255, 255, 0) 100%);bottom: -5px;left: -15px;}
.detail_name{font-family: 'Playfair Display',serif;font-size: 26px;font-weight: 600;display: table;}
.pro-top-box .textEN{z-index: 0;top: 0;}
.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;}
.pro-btn a{margin-left: auto;}
.pro-tArea{margin-top: 20px;padding: 0 0 80px;width: 80%;margin-left: 20%;font-family: 'Noto Serif TC',serif;}
.pro-tArea>p span{padding: 0 10px;font-family: 'Noto Serif TC',serif;font-style: italic;color: #1f60a0;}
.pro-tArea>p{position:relative;font-size: 20px;color:#444c4c;z-index:0;border-bottom: 1px solid #fff;padding-bottom: 5px;}
.page_form{margin-bottom:20px}
/*檔案下載*/
.down-f-box+.down-f-box{margin-top:20px}
.down-f-box .tag strong{font-weight:initial;font-size: 18px;margin-right: 5px;}
.down-f-box h3+p{color: #5b5b5b;}
.down-f-box h3 span{font-size: 14px;color: #dcdcdc;font-style: italic;display:table;margin-bottom: 5px;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.download_icon{font-size:20px;color: #96d5de;position:relative; text-align: right;border-top: 1px solid #eee;padding-top: 10px;/* opacity: 0; */-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.download_icon:before{position:absolute;content:'';width: 0;height:1px;left: 0;top: 0;background-color: #1f60a0;-o-transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.newsbox a:hover .download_icon{color:#1f60a0;}
.newsbox a:hover .download_icon:before{width:100%}
/*news*/
.news-page .deco-bk{z-index: 0;width: 80%; height: 75%;top: -30px;left: auto;right: 0;}
.news-box-all .newsbox{width: calc(50% - 30px);margin: 0 15px 30px;}
.newsbox a{padding:20px 30px 20px;}
.newsbox a .date{font-size:14px;margin-bottom:13px;font-family:'Lexend Deca',sans-serif;color:#878787}
.newsbox a h3{font-size:18px;letter-spacing:1px;margin-bottom:15px;padding-bottom:15px;display: block;}
/*6圖6文*/
.news-page-full {position: relative;z-index: 0;}
.news-page-full:before{position:absolute;content:'';}
.news-page-full:before,.news-page-full:after{position:absolute;content:'';width: calc(100% - (100% - 1175px) / 2);height: calc(100% - 50px);top: 0;z-index: 0;}
.news-page-full:before{background-image: url(../images/all/noise.jpg);opacity: .1;}
.news-page-full:after{background-color: #ffffff;z-index: -1;}
.page-title{position:relative;margin-bottom: 40px;z-index: 0;}
.page-title h1{font-size: 29px;letter-spacing:1px;position: relative;}
.page-title h1:before{position:absolute;content:'';width: 60%;height: 1px;background-color: #cfcfcf;background: -webkit-linear-gradient(90deg,rgba(135, 135, 135, 0.35),rgba(255, 255, 255, 0) 100%);background: linear-gradient(90deg,rgba(135, 135, 135, 0.35),rgba(255, 255, 255, 0) 100%);z-index: 5;bottom: -9px;}
.page-content{padding-top: 40px;}
.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}
.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{letter-spacing:1px;font-family: 'Playfair Display', serif;}
.date_box .date{line-height: 30px;top: 0;z-index: -5;}
.youtube_area{padding-bottom: 90px;}
/*聯絡我們*/
.red{color: #7b2c2c;}
.contact-innaer-page .inner-page-text{padding-bottom: 0;}
.contact_box{width: 650px;position: relative;z-index: 0;padding: 30px 40px 30px;margin-bottom: 50px;margin-top: -150px;background: #ffffff;box-shadow: 20px 20px 60px rgba(0,0,0,0.2);}
.contact-t{margin-bottom: 20px;}
.contact_box:before{position:absolute;content:'';background-image:url(../images/all/noise.jpg);width: 100%;height: 100%;left: 0;top: 0;opacity: .08;z-index: -1;}
.contact_box+article{padding-left: 60px;margin-top: 60px;}
.contact-t span{display: table;margin: 0 auto;}
.contact-t span:nth-of-type(1){font-size: 17px;font-weight: 600;color: #656565;margin-bottom: 5px;letter-spacing: .5px;}
.contact-t span+span{font-size: 13px;}
.textarea{height: 120px;padding: 0.8em!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;font-weight: 600;}
.contact_box_all ul li+li{margin-top:30px}
.contact_box_all ul a{color: #5a5a5a;}
.contact_box_all .info span:nth-of-type(1){font-size: 14px;color: #b3b3b3;font-family: 'Playfair Display', serif;}
.contact_box_all ul li a
.contact_box_all ul li a:hover{color:#565656}
.notc{font-family: 'Playfair Display', serif;}
.contact_box_all article ul li i{margin-right: 10px;background: #1F60A0;background: -webkit-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -o-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: -moz-linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);background: linear-gradient(135deg, #1F60A0, #5eb6da, #35ceb2 100%);color: #ffffff;padding: 6px 10px;font-size: 15px;border-radius: 60px;width: 40px;height: 40px;text-align: center;line-height: 29px;}
.google-map{width: 73%;margin-left: auto;position: relative;margin-top: -100px;}
.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.4em 0.7em 0.5em;
	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;
	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: #1F60A0;
}
.graphic {position: absolute;top: 0;left: 0;fill: none;}
input:-internal-autofill-selected{background-color: transparent!important;}
/* Yoko */
.input__field--yoko {
	z-index: 10;
	width: 100%;
	background: transparent;
	color: #2e2e2e;
/* 	opacity: 0; */
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--yoko {
	position: relative;
	width: 100%;
	color: #b04b40;
	text-align: left;
}

.input__label--yoko::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 4em;
	background: rgba(240, 240, 240, .7);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.textarea+.input__label--yoko::before {
    height: 120px;
}
.input__label--yoko::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.25em;
	background: #1F60A0;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--yoko {
	padding: 0.3em 0 0.5em;
}

.input__field--yoko:focus,
.input--filled .input__field--yoko,.textarea.input--filled  {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/* .textarea:focus + .input__label--yoko::before, */
.input__field--yoko:focus + .input__label--yoko::before
/* .input--filled .input__label--yoko::before  */
{
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.input__field--yoko:focus + .input__label--yoko,
.input--filled .input__label--yoko {
	pointer-events: none;
}

/* .input__field--yoko:focus + .input__label--yoko::after,
.input--filled .input__label--yoko::after {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
} */

/*rwd開始*/
@media (max-width: 1200px) {
  .navbar-brand {width: 220px;margin-right: 0;}
  .nav-item:before {bottom: -20px;}
  .navbar-expand-lg .navbar-nav .nav-link{
    padding: 10px;
}
  .lang_box.rwd-none{
    padding-left: 10px;
}
.btn-search{
    padding: 0 20px 0 20px;
}
.nav-l .collapse{
    padding-right: 55px;
}
  /*banner*/
  .fill {margin: 100px auto 0;width: 90%;height: 40vw;}
  .banner-text{left:20px;bottom:-30px}
  .banner-text h1{font-size:2.8rem;margin-bottom:15px}
  .banner-bk{height:90%}
  /*產品底層*/
  .date_box .date{font-size: 8rem;top: 10px;}
  .news-page-full:before, .news-page-full:after{width: calc(100% - (100% - 990px) / 2);}
  /*首頁*/
  .index-about-content article{padding:30px 90px 15px 30px}
  .index-about-content figure{width:350px}
  .deco-img{left:200px;width:120px;bottom:-100px}
  .text-style{font-size:16px;left:2px}
  /*關於*/
  .about-p02{margin-bottom: 100px;}
  .about-p02-img{width:400px}
  .about-p02-img+p{width:calc(100% - 350px)}
  .about-p02-img figure:nth-of-type(2){width:300px}
  .about-p02:before{width:63%;height:95%;}
  .about-p02-img figure:nth-of-type(1){width:400px;left:-100px;top:-80px}
  .about-p01{font-size:19px}
}

@media (max-width: 992px) {
  /*主選單*/
  nav{background-color: #fff;}
  .navbar-brand{width: 180px;}
  .navbar-brand img:nth-of-type(1){display:none}
  .navbar-brand img:nth-of-type(2){display: block;}
  .rwd-none{display: none;}
  .nav-l{width:100%;padding: 6px 20px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 34px;}
  .lang_box{width:100%;padding:5px;border-bottom: 1px solid #eee;margin-left: 0;padding: 0;position: absolute;top: 0;}
  .change .nav-l{margin-top:0}
  .change .lang_box{opacity:0}
  .lang_box ul{-webkit-justify-content:flex-end;justify-content:flex-end}
  .lang_box ul li+li:before{background-color: rgba(181, 181, 181, 0.5);top: 17px;}
  .language a{color:#292929;padding:5px 15px}
  .navbar-toggler-icon{background-color: #1f60a0;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: #1f60a0;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: #efefef;width:100%;left:0;top: 56px;text-align:center;padding-top:5px;padding-right: 0!important;}
  .nav-item+.nav-item{border-top: 1px solid #fff;}
  .navbar-expand-lg .navbar-nav .nav-link{padding:14px;color: #333;}
  nav::before{bottom:-5px;z-index:1}
  .dropdown-menu {width: 100%;left: 0;transform: initial;}
  .search{
    width: 80%;
}
  .search-box{
    position: initial;
    transform: initial;
    height: auto;
    line-height: 31px;
    border-left: 1px solid #eee;
}
.btn-search{color:#717171;padding: 0 15px;}
.search_form .d-lg-flex select {
    margin: 0 0 25px 0;
}
  /*banner*/
  .inner-banner{height: 25vw;}
  .inner-banner, .banner {margin-top: 90px;}
  .banner-text{right:60px}
  .fill {margin-top: 50px;width: 92%;}
  /*fooer*/
  #goTop {height: 97px;}
  .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 ul p:nth-of-type(1)::before{left:0}
  /*首頁*/
	.index-about::before{width:90%}
	.index-about::after{height:102%}
	.textEN{font-size:7.5rem}
  .index-about{margin-bottom: 150px;}
  .index-about-content article{width: 100%;margin-top: -20px;padding: 20px 20px 70px;}
  .index-about-content figure{position: initial;margin: -90px 30px 0 auto;}
  .pro_box a {width: 96%;margin-left: 0;}
  .index-pro:before{width:75%}
  .index-pro .pro_box a:nth-of-type(2),.index-pro .pro_box a:nth-of-type(3),.index-pro .pro_box a:nth-of-type(4){margin-top:40px}
  .index-pro .pro_box a:nth-of-type(3){margin-left:0}
  .index-pro{overflow:initial}
  .index-pro-tt{width:100%;margin-bottom:20px}
  .newsinfo ul{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .newsinfo a{padding:20px 30px}
  .newstext p{margin-bottom:20px}
  .deco-bk{height:100%;left:0;top:-90px}
  .indexNews:before,.indexNews:after{top:50px}
  .indexNews{margin-top:80px;margin-bottom: 100px;}
  /*共用*/
  .mjtitle-t{font-size:1.8rem}
  .root_bg{top: 0;}
  /*關於*/
  .about-p02{flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.about-p02-img{width:100%}
.about-p02-img+p{width:100%;padding:30px 30px 80px;background-color:#ddd;text-align:center}
.about-p02-img+p br{display:none}
.about-p01{margin-bottom:50px;z-index:0;margin-top:30px}
.about-p02:before{width:100%;height:90%;top:20px}
.about-p02-img figure:nth-of-type(2){width:70%;margin:0 auto}
.about-p02-img figure:nth-of-type(1){top:-50px}
.about-p01 .textEN{top:20px}
.about-p03 .container{flex-wrap:wrap;-ms-flex-wrap:wrap}
.about-p03 p{width:100%;text-align:center}
.iso-box{margin:50px auto -60px;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:55%}
.about-p03{padding:30px 0 0;margin-bottom:100px}
.iso-box-bar{left:50%;transform:translateX(-50%);bottom:auto;top:-45px}
.iso-box figure:nth-of-type(2){margin-top:0}
.about-p04{flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.about-p04-img{margin-top:20px;width:550px}
.about-p04-img+p{width:100%;padding-left:0;text-align:center}
.about-p04-img+p br{display:none;}
.about-p04-img :nth-of-type(2){width:120px;bottom:-60px}
  /*產品*/
  .pro-side-box:before{top: 0;height: 100%;width: 75%;}
  .product-list>a,.product-list>a:nth-of-type(odd){margin-top: 0;margin-bottom: 30px;}
  /*最新消息*/
  .newsinfo ul li {width: 100%;margin-bottom: 15px;}
  .newsinfo ul:before {display: none;}
  /*產品-底*/
  .pro-top-box:before, .pro-top-box:after {width: 100%;}
  .pro-top-box .textEN {font-size: 8rem;top: 20px;}
  .inner-pro a {width: calc(100% / 2);}
  /*最新消息*/
  .news-page .deco-bk{width:90%;height:82%;top:30px}
  /*news-底*/
  .news-page-full:before, .news-page-full:after{width: 100%;}
  /*聯絡我們*/
  .google-map{width: 100%;margin-top: 0;}
  .contact_box_all{flex-wrap:wrap;-ms-flex-wrap:wrap}
  .contact_box{width:100%;margin-top:-100px;margin-bottom:20px}
  .contact_box+article{width:100%;padding:0 0 50px 30px;margin-top:40px}
}

@media (max-width: 768px) { 
  /*banner*/
  .banner-text{right:auto;left:20px;top:auto;bottom:-50px}
  .fill{margin-top: 30px;height: 47vw;}
  .banner-text h1{margin-bottom:10px;font-size: 2.2rem;}
  .inner-title {top: 40%;}
  .inner-title h1{font-size: 28px;}
  .scroll {bottom: 0;}
  /*公用*/
  .mjtitle-t{font-size:1.6rem}
  .sidebar li a{padding: 10px 12px;}
  .button-circle{width: 80px;height: 55px;}
  .button-svg{width: 55px;height: 55px;}
  .program-text:hover .button-svg,.newsinfo a:hover .button-circle .button-svg,.button-circle:hover .button-svg{width: 40px;height: 40px;}
  .btn-t{font-size: 13px;}
  /*首頁*/
  .index-about{padding-top:60px;margin-top: 60px;}
	.index-about::after{right: auto;left: 40px;width: 65%;}
	.textEN{font-size:5.8rem}
	.index-about-content article{margin-top:0}
	.index-about-content figure{margin-top:-80px}
	.index-about::before {width: 100%;background-attachment: initial;}
	.indexNews:before, .indexNews:after {width: 100%;}
	.deco-bk {width: 80%;top: -100px;}
	.indexNews {margin-bottom: 50px;}
   /*關於*/
   .about-p01 .textEN{top:50px;}
	.about-p01{margin-bottom:30px;margin-top: 0;}
	.about-p01 p{margin-bottom:10px}
	.iso-box{width:75%}
	.about-p03{margin-bottom:85px}
  /*整合*/
  .program-text h3{font-size:20px;}
  .program-text{padding: 15px 35px 15px 20px;}
  .program-text a {flex-wrap: wrap;-ms-flex-wrap:wrap;}
  .program-text a>div:nth-of-type(1) {width: 100%;}
  /*產品*/
    /* .search{
    width: 90%;
} */
.search_form{width:80%}
  .product-list>a, .product-list>a:nth-of-type(odd){margin-bottom: 20px;}
  .protext{margin-left: 35px;}
  .pro_box .pro_name{right: -30px;}
  .inner-pro a {width: 100%;border-left: 1px solid #f0f0f0;}
  .pro-detail-tt{flex-wrap:wrap;-ms-flex-wrap:wrap}
  /*最新消息*/
 .news-box-all .newsbox{width:100%}
 .news-page .deco-bk {left: 0;width: 90%;}
 .date_box .date{font-size:5rem;top:20px}
 .page-title h1{font-size:25px}
  /*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; }
  /*聯絡我們*/
  .contact_box{margin-top: -50px;}
  .con_block_l, .con_block_r{float: none;width: 100%;}
}
@media (max-width: 640px) { 
  /*共用*/
  .btn-style {padding: 10px 25px;}
  .text-style {font-size: 16px;line-height: 28px;letter-spacing: 2px;}
  .sidebar{width:100%}
  .sidebar button{width:100%;background-color: #8a8a8a;border:1px solid #fff;padding:10px;font-size:17px;position: relative;color: #fff;}
  .sidebar button i{margin-left:5px}
  #sidenav .navbar{padding:0;margin-top: 5px;}
  .sidebar li{width:100%;margin: 0;}
  .sidebar li+li{margin-top:5px}
  .sidebar li a::before{width:99%;height: 89%;}
  .root_bg{width:100%;right:0;padding-left:20px;position:initial}
  .breadcrumb li+li{margin-left:20px}
  .breadcrumb li+li:before{left:-15px;width:7px}
  .textEN{font-size:4.8rem}
  .mjtitle-t{font-size:1.5rem}
  .mjtitle{margin-bottom:30px}
  /*footer*/
  #goTop{width:100%;height:50px;padding-top:15px}
  #goTop span::before{top:-19px}
  .footer{padding:30px 0 60px}
  .hr{display:none}
  .footer .copyright{text-align:center}
  .copyright span:nth-of-type(1){width:100%}
  /*banner*/
  .fill{margin-top: 20px;height: 50vw;}
  .banner-text h1 {font-size: 22px;}
  .nav-l{padding: 10px 15px 10px 10px;}
  .navbar-brand {width: 180px;}
  .inner-banner{height: 28vw;background-position: center!important;}
  .inner-banner, .banner {margin-top: 96px;}
  .carousel-indicators{display:none}
  .banner-text{bottom: 0;width: 100%;left: 0;padding: 10px 5px 10px 20px;}
  .navbar-collapse {top: 65px;}
  /*首頁*/
  .index-about-content figure{width:70%}
  .deco-img{left:90px;width:110px}
  .pro_box a{width:100%;padding:0 15px 0 0}
  .pro_box .pro_name p:nth-of-type(1){font-size:28px;margin-bottom:0}
  .pro_box a figure:before,.pro_box a figure:after{width:98%}
  .pro_series{font-size:16px}
  .index-pro .pro_box a:nth-of-type(2),.index-pro .pro_box a:nth-of-type(3),.index-pro .pro_box a:nth-of-type(4){margin-top:20px;margin-right:15px}
  .index-about{margin-bottom:125px;margin-top:20px}
  .index-pro:before{width:80%;top:0}
  .newsinfo a{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}
  .newstext{width:100%;margin-bottom:10px}
    /*關於*/
    .about-p02{margin-bottom: 70px;}
    .about-p02:before{width:90%}
.about-p02-img figure:nth-of-type(1){width:350px;left:-60px}
.about-p01 p{margin-bottom:5px;color: #333;}
.about-p01 p br{display:none}
.about-p01 .textEN{top: 0;}
.about-p01{margin-bottom:20px;font-size: 17px;}
.about-p04-img{width: 87%;}
.about-p04-img :nth-of-type(2) {width: 80px;left: 15px;}
  /*產品*/
  .pro-side-box{padding-top:35px}
  .innaer-page{padding-bottom:20px}
  .pro-side-box:before{width: 75%;}
  .pagination{padding-top: 20px;}
  .pro-detail-name {width: 100%;}
  .pro-detail-name:before{width:1px;height:40px;left: 50%;bottom: -90px;background: rgba(135, 135, 135, 0.35);background: -webkit-linear-gradient(180deg,rgba(135, 135, 135, 0.8),rgba(255, 255, 255, 0) 100%);background: linear-gradient(180deg,rgba(135, 135, 135, 0.8),rgba(255, 255, 255, 0) 100%);}
  .detail_name{margin:10px auto -50px}
  .box-p-t{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .pro-top-box .textEN{font-size:7rem}
  .pro-tArea>p{font-size:18px}
  .pro-tArea>p:before,.pro-tArea>p:after{width:36%}
  .pro-tArea{width:100%;margin-left:0;padding-bottom:60px}
  .pro-btn a{margin: 0 auto;}
  /*聯絡我們*/
  .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}
  .contact_box+article {margin-top: 20px;padding-left: 0;}
}
@media (max-width: 575px){
  .pro_box .pro_name{right: -15px;}
  .pro_box a{margin-right:35px}
  .protext{margin-left: 40px;padding:35px 12px 10px;}
  .pro-top-box .textEN{font-size:6rem;left:50%;transform:translateX(-50%)}
  .pro_box .pro_name p:nth-of-type(1) {font-size: 24px;}
  .pro_series {font-size: 14px;}
  .date_box .date {font-size: 3.5rem;top: 15px;}
  .page-title h1{font-size:22px;}
  .page-title{margin-bottom: 35px;}
  .about-p02-img+p{
    padding: 20px 20px 50px;
}
  .about-p02-img figure:nth-of-type(2){width: 80%;}
  .iso-box{display: block;margin-bottom: -30px;}
    .iso-box figure:nth-of-type(1){margin: 0 auto;}
    .iso-box figure:nth-of-type(2){ margin: 20px auto 0;}
}
@media (max-width: 480px) { 
  /*banner*/
  .index-banner::before {height: 135%;}
  .banner-text h1{margin-bottom: 0;}
  .banner-text h2 {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}
  /*首頁*/
  .textEN {font-size: 4.5rem;}
  .index-pro-tt {width: 100%;}
  .index-pro {padding-top: 50px;}
  /*內頁*/
  .inner-title h1{font-size:28px;margin-bottom:0}
  .inner-title::before{top:30px}
  .container3 {padding: 0 4% 0 8%;}
  /*產品*/
  .pro-top-box .textEN{display: none;}
  .inner-title::before{top:30px}
  .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{padding: 20px;}
  .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%;}
}
@media (min-width: 640px){
	.sidebar button{display:none}
   #sidenav {display: block!important;}
	}