/* 特效*/@-webkit-keyframes bounceIn {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes bounceIn {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.bounceIn {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}/*loading*/ 
.fl img {width: 200px;}/*menu*/ 
.RWDmenu_plus03 .header {padding: 0 30px; height: 60px;}.ml-stack-nav-toggle__line {height: 2px; background: #333;}.RWDmenu_plus03 .features {border-color: #999;}.RWDmenu_plus03 .copyright {display: none;}.ml-stack-nav__link:hover {color: #000;}.RWDmenu_plus03 .header.is-scroll .menu_tel {transform: translate(0px, 0px);}.menu_tel {font-family: 'Noto Sans TC', sans-serif; font-weight: 300 !important; letter-spacing: 1px; font-size: 16px !important; color: #e1eef6 !important; display: inline-block; padding: 1px 20px; border-radius: 10px; transform: translate(0px, -60px); transition: .5s all; background: #01508d; margin-top: 5px; margin-right: 10px;}.menu_tel a {font-size: 18px; color: #fff;}.menu_tel span {display: block; text-align: center; font-size: 14px; letter-spacing: 2px;}.RWDmenu_plus03 .header.is-scroll .menu_pro {transform: translate(0px, -11px);}.menu_pro {    font-family: 'Noto Sans TC', sans-serif;    font-weight: 300 !important;    letter-spacing: 1px;    display: inline-block;    padding: 1px 20px;    border-radius: 10px;    transform: translate(0px, -75px);    transition: .5s all;    background: #3689bd;    margin-right: 10px; color: #fff; font-size: 18px; line-height: 49px;}.RWDmenu_plus03 .features i {font-size: 16px;}.RWDmenu_plus03 .header.is-scroll .menu_pro:hover {color: #fff; cursor: pointer;}.RWDmenu_plus03 .header.is-scroll .menu_tel:hover {cursor: pointer;}/*logo*/ 
.RWDmenu_plus03 .logo {width: 130px; padding-top: 10px; transition: 0.5s ease;}.RWDmenu_plus03 .header.is-scroll .logo {position: absolute; background: #fff; box-shadow: 1px 1px 5px #ccc; padding: 12px 12px 15px;}/*banner*/ 
.banner_block {position: relative; overflow: hidden;}.banner_block::before {    content: '';    background: url(archive/image/customization/banner_bg-02.png) no-repeat;    width: 2000px;    height: 240px;    display: block;    position: absolute;    bottom: 0;    left: 0;    background-size: contain;    z-index: 1;}.banner_block .container {    width: 100%;    max-width: 850px;    float: left;    padding-left: 12%;}.txt1 {    font-family: 'Noto Sans TC', sans-serif;    font-weight: 500 !important;    letter-spacing: 3px;    font-size: 44px !important;    color: #333 !important;    border-radius: 10px;}.txt2 {    font-family: 'Noto Sans TC', sans-serif;    font-weight: 500 !important;    letter-spacing: 4px;    font-size: 23px !important;    color: #fff;    display: block;    padding: 0 30px;    border-radius: 10px;    background: rgb(54 137 189);    width: fit-content;    margin: auto; margin-top: 20px !important;}.RWDbanner_plus01 .slick-caption {top: 37%;}.RWDbanner_plus01.style-dotnav.control-left .plus-banner-container {z-index: 21;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {background: #3689bd;}.main {overflow: hidden;}/*scroll*/ 
.RWDbanner_plus01 .page-scroll a::after {content: ""; position: absolute; width: 1px; height: 50px; border-right: 1px solid #004F8D; left: 45%; bottom: -95px; animation: web_menu002 ease-out 2.5s infinite; animation-direction: alternate; z-index: 11111;}.RWDbanner_plus01 .page-scroll {left: 1%; margin-left: 0; width: auto; bottom: 110px; z-index:22;}.RWDbanner_plus01 .page-scroll.style-custom span {font-size: 12px; color: #004F8D !important; transform: rotate(90deg); font-weight: bold; font-family: 'Noto Sans TC', sans-serif;}@keyframes web_menu002{0% { transform: translate(0px, 0px);}  50% {transform: translate(0px, -20px);}  100% {transform: translate(0px, 0px);}  }/*共通*/h1.main-title {font-family: 'Noto Sans TC', sans-serif; font-weight: 500 !important; letter-spacing: 4px; font-size: 38px !important; color: #333 !important;}h2.sub-title {font-family: 'Noto Sans TC', sans-serif; font-weight: 300 !important; letter-spacing: 2px; font-size: 17px !important; color: #777 !important; line-height: 1.5;}.section-line{display:none !important;}/*service_block*/ 
.service_block {position: relative; padding: 80px 0; overflow: hidden;}.service_block .container {width: 100%; max-width: 1450px;}.RWDService001 i.iconBig::before {content: ''; width: 100px; height: 100px; border: 2px dashed #ddd; border-radius: 50%; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); z-index: -1;}.RWDService001 i {width: 40px; position: relative; margin: auto; margin: 30px auto 50px;}.RWDService001 p {padding: 0px 15px;}.boxFeature-2 h2 {margin: 20px 0; text-align: center; display: block; position: relative; float: none; padding-top: 15px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400; font-size: 22px; letter-spacing: 2px; color: #333; transition: .5s all;}.boxFeature-2:hover h2 {color: #004F8D;}.RWDService001 p {font-size: 15px; letter-spacing: 2px; line-height: 1.8; text-align: left;}.service_block .container {width: 100%; max-width: 1450px;}.RWDService001 i.iconBig::after {content: ''; width: 100px; height: 100px; background: #3689bd; border-radius: 50%; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); opacity: 0; z-index: -1; transition: .3s all;}article.boxFeature-2:hover .iconBig::after {width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); opacity: 0.3;}.service_block::before {content: ''; position: absolute; z-index: -1; width: 570px; height: 300px; background-image: url(archive/image/customization/dotBg1.png); display: block; bottom: 0; opacity: .3;}.service_block::after {content: ''; position: absolute; z-index: -1; width: 440px; height: 300px; background-image: url(archive/image/customization/dotBg1.png); display: block; top: 0; opacity: .3; right: 0;}/*product_block*/ 
.product_block {position: relative; padding: 80px 0; background: linear-gradient(135deg, rgb(255 153 153 / 0.1), rgb(255 215 0 / 0.1));}.product_block .container {width: 100%; }.RWDproduct003 .section-inner {padding: 0;}.RWDproduct003 .section-subject {display: none !important;}.meet-the-team .team-item > .team-element {display: flex; flex-direction: column-reverse;}.meet-the-team .team-item > .team-element > .team-inner {position: relative; display: block; opacity: 1; background-color: transparent;}.meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content > h4 {text-align: center; display: block; position: relative; float: none; padding-top: 25px; font-family: 'Noto Sans TC', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; color: #333;}.meet-the-team .team-item > .team-element:hover > img {-webkit-transform: scale(1.05); transform: scale(1.05);}.meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content > p {display: none;}.product_title {width: 15%; float: left; padding-left: 50px;}.RWDedictor001 .section-subject {margin-bottom: 120px;}.product_box {width: 80%; float: right; padding-right: 35px;}.product_title h1.main-title {text-align: left;}.product_title h2.sub-title {text-align: left; line-height: 1.8;}a.pro_btn {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 116px; height: 116px; border: 1px solid #dadada; border-radius: 50%; font-size: 14px; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; color: #fff; text-transform: uppercase; cursor: pointer;  transition: .5s all;}a.pro_btn::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; background-color: #00508f;    width: 100px; height: 100px; border-radius: 50%;}a.pro_btn:hover {opacity: .8;}div#m_RWDfullscreen02_37_2 {display: none;}/*news_block*/ 
.news_block {position: relative; padding: 80px 0;}.news_block .container {width: 100%; max-width: 1450px;}.RWDnews005 h4 {text-align: center; font-family: 'Noto Sans TC', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; color: #333;}ul.text-left.size-12.list-inline.list-separator {font-family: 'Noto Sans TC', sans-serif; font-weight: 400 !important; letter-spacing: 1px; font-size: 13px !important; color: #777 !important; text-align: center;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {border-radius: 50%;background: #00508f; border: none; color: #fff; font-size: 18px; width: 40px !important; height: 40px !important; line-height: 40px;}.RWDnews005 .owl-carousel .owl-wrapper-outer {overflow: hidden;}.RWDnews005 .owl-carousel {overflow: visible;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -45px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -45px;}.RWDnews005 .controlls-over .owl-pagination {display: none;}/*footer*/ 
.footer_block {padding: 80px 0 60px; display: flex; background-color: #001f37; color: #ddd; letter-spacing: 2px; font-size: 15px; line-height: 1.8; font-family: 'Noto Sans TC', sans-serif;}.footer_block .container {width: 100%; max-width: 1450px;}.ft_company {width: 70%; float: left;}.ft_box {display: flex;}.ft_logo {width: 50%;}.ft_info {width: 50%;}.ft_logo h5 {font-family: 'Noto Sans TC', sans-serif; font-weight: 100; font-size: 15px; color: #fff;}.ft_logo h3 {font-family: 'Noto Sans TC', sans-serif; font-weight: 400; color: #fff !important; font-size: 24px !important;}.ft_info span {font-weight: 600; margin-right: 15px;}.ft_info a {color: #ddd;}/*copyright*/ 
.copy_block {font-size: 10px; text-align: right; color: #a6adb6; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; letter-spacing: 1px; width: 30%; float: right;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover {color: #a6adb6; font-size: 10px;}.RWDsocial002 .iconRounded {border: none; color: #fff; background-color: transparent;}.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {background-color: transparent;}.tooltip {background: transparent !important;}
/*內頁 start*/

/*--------------------共通設定--------------------*/ 
.page_wrapper_bg .pagecontent{font-size:15px;color:#666;letter-spacing:2px;line-height:2.2;}.page_wrapper_bg .call_to_action {min-height:700px;}.page_wrapper_bg .hgroup h1{font-size:38px;font-weight:800;color:#333;}.page_wrapper_bg ul.breadcrumb.pull-right {letter-spacing:2px;border-radius:0;}/*---標題置中---*/ 
.page_wrapper_bg .hgroup h1{text-align: center;}ul.breadcrumb.pull-right {position: relative;margin: 20px 0 10px 0;padding: 0;bottom: 10px;border: none;background: none;float: none !important;text-align: center;}/*---產品頁---*//*-左側列表-*/ 
.m2018 .products-nav .toggle-submenu::after{right: 10px; top: 75%;}.page_wrapper_bg .m2018 .products-nav .nav-title {background:#3689bd;padding: 20px 20px;color: #fff;font-weight:600;letter-spacing:2px;margin-bottom: 0;}.page_wrapper_bg .products-nav{background-color: #fcfcfc;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}.page_wrapper_bg .m2018 .products-nav{ margin-top:15px; }.page_wrapper_bg .m2018 .products-nav ul li{margin:0;padding:0;position: relative; width: 100%;}.page_wrapper_bg .m2018 .products-nav ul li a {color:#333;font-size:15px;padding: 14px 20px;font-weight:500;}.page_wrapper_bg .products-nav ul li.active {border-bottom:1px solid #3689bd;background-color:#ffffff;}.page_wrapper_bg .products-nav ul>li:hover {background-color: transparent;color:#3689bd;font-weight: 600;}.page_wrapper_bg .products-nav ul>li:after {content:"";position: absolute;width: 0%;height: 1px;background:#3689bd;left: 0;bottom: -1px;transition: all .5s ease;}.page_wrapper_bg .products-nav ul>li:hover:after {width: 100%;}/*---商品列表頁---*/ 
.page_wrapper_bg .layoutlist_2 .item, .layoutlist_4 .item {border: none;}.page_wrapper_bg .product_list_item{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}.page_wrapper_bg .product_list_item img{transition:.6s ease;}.page_wrapper_bg .product_list_item:hover img{transform: scale(1.1);}.page_wrapper_bg .item .subject{margin: 0;}.page_wrapper_bg .item .subject A.itemlink{ display: block;font-weight: 700;  padding: 15px;text-align: center;transition: .5s ease;  }.RWDproduct_page .products-info .name {font-weight: 900;}/*---新聞頁---*/ 
.page_wrapper_bg .layoutlist_8 .article_subject{color:#333;font-size:20px;font-weight:900;}.page_wrapper_bg .layoutlist_8 .list_subject .summary a {font-size:15px;font-weight:100;color:#555;letter-spacing:1px;line-height:2;}.page_wrapper_bg .layoutlist_8 .listdate .yearmonth{color:#333;}.page_wrapper_bg .layoutlist_8 .listdate .day {color:#3689bd;font-size:38px;}.page_wrapper_bg div._col.listdate.col-sm-2.col-md-2{text-align:center;}/*若需要無圓角設計，可填入這個*/ 
.page_wrapper_bg .customized_columns ._input, .customized_columns select {border-radius: 0px;}/*-型錄下載-*/ 
.download.layoutlist_3.pagetype2 {margin-top: 30px;}.layoutlist_3 .download_subject {font-size: 16px;font-weight: 500;}.download .search-go{color: #fff;}.oneline {border-bottom: 1px solid #fff;}.RWDproduct_page .file_area {width: calc(100% - 77px)!important;}/*---聯絡我們---*/ 
.page_wrapper_bg .customized_columns ._input, .page_wrapper_bg .customized_columns select {background-color: #fff;}/*--------------------全站按鈕(開始)--------------------*//*---全站按鈕-(產品、新聞、聯絡我們)---*/ 
.btn.btn_back, .ebtn{    width: 150px !important;    float: right !important;    margin: 30px 0 0 !important;    padding: 0 !important;    border: 0 !important;    border-radius: 0px !important;    background: transparent !important;    color: inherit !important;}.btn.btn_back>a, .ebtn>a{    width: 150px !important;    padding: 4px 0 !important;    color: #fff !important;    transition: .5s ease !important;    text-align: center !important;    display: block !important;    margin: 0 !important;    background: #01508d !important;    border: 1px solid #01508d !important;    border-radius: 10px !important;    line-height: 2 !important;    font-size: 15px !important;}/*型錄下載*/    span.search-go{background-color: #01508d; color:#fff; transition: .5s ease;}    .no-touch .layoutlist_3 .dbtn_v2{background-color: #01508d;border: 1px solid #01508d;color:#fff;transition: .5s ease;}@media (max-width: 1200px) {.download.layoutlist_3.pagetype2 .col-md-4 {width: 50%;}}@media (min-width: 1024px) {    .btn.btn_back>a:hover, .ebtn>a:hover{    color: #fff !important;    background:#3689bd!important;    border: 1px solid #3689bd!important;}    span.search-go:hover {background:#3689bd;color: #fff;}    .dd-option:hover {background:#3689bd;color: #fff;}    .page_wrapper_bg ul.breadcrumb.pull-right a:hover{color:#333;}    .no-touch .layoutlist_3 .dbtn_v2:hover {background:#3689bd;border-color:#3689bd;color: #fff;}}/*--------------------全站按鈕(結束)--------------------*/ 
.formdesc.col-md-6 {    color: #777;}

/*內頁 end*/
/*小螢幕 start*/

@media (max-width:1680px){.banner_block .container {padding-left: 5%;}}@media (max-width:1440px){.banner_block::before {height: 175px;}.txt1 {font-size: 38px !important;}.txt2 {font-size: 20px !important; margin-top: 15px !important;}.banner_block .container {padding-left: 3%; max-width: 700px;}.product_title {padding-left: 30px; width: 18%;}.RWDedictor001 .section-subject {margin-bottom: 50px;}.service_block .container {max-width: 1170px;}.news_block .container {max-width: 1170px;}.footer_block .container {max-width: 90%;}}@media (max-width:1280px){.banner_block::before {height: 155px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -13px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -13px;}}@media (max-width:1199px){.RWDmenu_plus03 .edit {display: block !important;}.RWDmenu_plus03 .header {background: transparent;}.footer_block .container {max-width: 100%;}.banner_block .container {max-width: 630px;}.txt1 {font-size: 36px !important;}.txt2 {font-size: 18px !important;}.scrollTop002 {bottom: 200px;}}

/*小螢幕 end*/
/*Pad橫向 start*/
@media (max-width:1024px){
.RWDmenu_plus03 .header.is-scroll .logo {width: 100px;}.txt1 {font-size: 30px !important;}.banner_block .container {max-width: 500px; padding-left: 5%;}h1.main-title {font-size: 32px !important;}h2.sub-title {letter-spacing: 1px; font-size: 16px !important;}.meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content > h4 {font-size: 16px;}a.pro_btn {width: 200px; height: 50px; border-radius: 10px;}a.pro_btn::before {width: 190px; height: 40px; border-radius: 10px;}.service_block::before {display: none;}.service_block::after {display: none;}.product_title {padding-left: 0px; float: none; width: 100%;}.product_title h1.main-title {text-align: center;}.product_title h2.sub-title {text-align: center;}.product_box {padding-right: 0; width: 100%;}div#m_RWDfullscreen02_54_1 a.pro_btn {display: none;}div#m_RWDfullscreen02_37_2 {display: block; text-align: center; margin-top: 20px;}.RWDnews005 .controlls-over .owl-pagination {display: block;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {display: none;  margin-top: 15px;}.ft_logo h3 {font-size: 22px !important; padding: 0 0 5px;}.ft_logo h5 {font-size: 14px;}/*型錄按鈕*/ 
.no-touch .layoutlist_3 .dbtn_v2:hover{background-color: #01508d;border: 1px solid #01508d;color:#fff;transition: .5s ease;}/*---選單間距---*/#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]){margin-top: 20px;}
}
/*Pad橫向 end*/
/*991px start*/
@media (max-width: 991px) {
.banner_block .container {float: none; width: 100%; padding-left: 15px; max-width: 100%;}.RWDbanner_plus01 .slick-caption {top: 20%;}.txt1 {font-size: 34px !important;}.txt2 {font-size: 20px !important;}article.boxFeature-2 {margin-bottom: 45px;}.ft_company {width: 100%;}.copy_block {width: 100%; text-align: center; align-items: center; margin-top: 50px;}.ft_logo {width: 100%;}.ft_info {width: 100%;}.ft_box {flex-direction: column;}.ft_logo h3 {text-align: center;}.ft_logo h5 {text-align: center;}.ft_info {text-align: center;}
}
/*991px end*/
/*pad版 start*/
@media (max-width: 768px) {
.banner_block::before {height: 95px;}/*--------------------共通設定--------------------*//*---全站文字---*/section.article-text p {    font-size: 16px;    line-height: 2.4;    letter-spacing: 2px;}/*---Cookies---*/ 
.RWDalert_fancybox .btn.active {width: 120px;}
}
/*pad版 end*/
/*phone版 start*/
@media (max-width: 480px) {
.RWDmenu_plus03 .header {padding: 0 15px;}.RWDmenu_plus03 .edit {display: none !important;}.RWDbanner_plus01 .slick-caption {top: 28%;}.txt1 {font-size: 22px !important;}.txt2 {font-size: 18px !important;}.RWDbanner_plus01 .page-scroll {left: 0;bottom: 70px;}article.boxFeature-2 {margin-bottom: 80px;}.service_block {padding: 50px 0;}.product_block {padding: 50px 0;}.news_block {padding: 40px 0;}.footer_block {padding: 50px 0 50px;}.banner_block::before {height: 50px;}#m_RWDfullscreen02_36_1 > div:nth-child(2) > a:nth-child(4) > div > article { margin-bottom: 0;}.ml-stack-nav-toggle {margin-top: 20px;}.RWDmenu_plus03 .features div {margin-top: 20px; margin-right: 10px;}.RWDmenu_plus03 .logo {width: 80px;}.RWDmenu_plus03 .header.is-scroll .logo {width: 80px;}.RWDmenu_plus03 .header.is-scroll .logo {padding: 6px 6px 10px;}.scrollTop002 {bottom: 10%; right: 15px;}a.box_tel {    position: fixed;    display: block;    z-index: 21;    bottom: 0;    width: 100%;    text-align: center;    background: #3689bd;    color: #fff;    line-height: 2;    font-family: 'Noto Sans TC', sans-serif;    font-weight: 300;    letter-spacing: 1px; padding: 8px 0;}/*搜尋*/ 
.RWDsearch_page .list-img>ul>li {width: 100%;}/*---產品頁---*/ 
.layoutlist_2 .col-xs-12{width: 100%;}/*---新聞頁---*/ 
.layoutlist_8 .list_subject .summary {margin: 5px 0;}.page_wrapper_bg div._col.listdate.col-sm-2.col-md-2 {text-align: left;}.page_wrapper_bg .layoutlist_8 .listdate .day{font-size: 12px;color: #333;}/*---全站按鈕(開始)---*//*按鈕置中100%*/ 
.btn.btn_back, .ebtn, #join_form .btn-primary, .btn-primary{width: 100%!important;}.btn.btn_back>a, .ebtn>a#join_form .btn-primary>a, .btn-primary>a{width: 100%!important;}.RWDproduct_page .download_container .btn {height: 29px;}/*聯絡我們按鈕*/ 
.btn.btn_back>a, .ebtn>a{width:100%!important;}/*---全站按鈕(結束)---*//*---下載---*/ 
.download.layoutlist_3.pagetype2 .col-md-4 {width: 100%;}/*產品型錄*/ 
.RWDproduct_page #file_dlist, .RWDproduct_page .dd-select, .RWDproduct_page .dd-selected {line-height: 32px;}
}
/*phone版 end*/
/*iphone5 start*/
@media (max-width: 320px){
.txt1 {    font-size: 20px !important;}
}
/*iphone5 end*/