/* now =>2025-07-29 23:30:29*/
/* Last Midoify Time By 2021-04-13 09:34:43 */
/* Last Midoify Time By 1618277683 */
/* Last Midoify Time By Tue, 13 Apr 2021 01:34:43 +0000 */
/* HTTP_IF_MODIFIED_SINCE=>*/
/* RWDPAGE_BASE_PAT02 start=> */
/* <= RWDPAGE_BASE_PAT02 end */
/* miracle customization start=> */
#toTop{display:none !important;}/*a{color: #CA3E5E;}*/a:hover{color: #333;}/**/
.fl {width:250px;}.fl img {width: 100%;animation-name: zeroall;animation-duration: 2.5s;}.RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {background: #187fc3;}.RWDmenu_plus04 .logo {width: 210px;margin-top: 18px;}.RWDmenu_plus04 .header {box-shadow: 2px 2px 3px rgb(222 217 217 / 46%);background: #51adcf;}.RWDmenu_plus04 .site-nav .menu {text-align: left;}.RWDmenu_plus04 .site-nav .menu>li>a {font-size: 15px;letter-spacing: 2px;color: #fff;}.RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>a:hover {background: transparent;color:#caeeff;}.RWDmenu_plus04 .site-nav .menu ul li>a {text-align: center;}.RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { text-decoration: none; font-weight: normal; color: #187fc3;}.RWDmenu_plus04 .lang-select-label:hover:after, .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {border-color: #fff;border-width: 1px 1px 0 0;}.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .RWDmenu_plus04 .lang-select-label:after, .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .RWDmenu_plus04 .site-nav .menu li.has-child>a:after{border-color: #fff;border-width: 1px 1px 0 0;}.RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .RWDmenu_plus04 .lang-select {color: #fff;}.RWDmenu_plus04 .features .share-group a {position: relative;}.RWDmenu_plus04 .features .share-group a img { position: absolute; width: 40px !important; left: 25px; top: -3px;}.RWDmenu_plus04 .features .share-group a:hover span { background: #fff; border: 1px solid #70aed7; color: #187fc3; transition: all 0.5s ease 0s;}.RWDmenu_plus04 .features .share-group span{ font-size: 16px; letter-spacing: 2px; background: #ffd286; display: inline-block; text-align: center; padding: 8px 15px 8px 65px; color: #373f42; font-weight: bold; border-radius: 15px; border: none; transition: all 0.5s ease 0s;border: 1px solid #ffd286;}.RWDmenu_plus04 .features .share-group.main_share { float: right; padding: 18px 0 18px 10px;}.RWDmenu_plus04 .features i img { width: 21px;}.RWDmenu_plus04 .features .search-btn {padding: 30px 10px;}/*區塊*/
.brand_block {position: relative;padding: 100px 0;}.brand_block .container {width: 80%;}.product_block .container {width:75%;}.product_block { position: relative; padding: 100px 0; background: #f9f9f9 !important; box-shadow:0px 5px 4px 2px rgb(220 220 220 / 25%);}.news_block{position: relative;padding: 100px 0 50px;}.news_block .container {width: 75%;}/**/
.product_block:before { content: ""; position: absolute; background: url(archive/image/customization/0323prbg.png)no-repeat; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.85;}/*標題*/
.index .section-subject {margin-bottom:50px !important;}.index h1.main-title { color:#0278ae !important; font-size: 38px; font-weight: bold; line-height: 1.8; margin: 0; letter-spacing: 3px;}.index h2.sub-title { color:#0278ae !important; margin: 0; line-height: 1.8; font-size: 17px; letter-spacing: 2px; font-weight: normal; margin: 0;}.index .section-line {height: 2px;margin-top: 30px !important;background: -webkit-linear-gradient(90deg, rgb(139, 98, 49), rgb(255, 208, 86));background: linear-gradient(90deg, rgb(139, 98, 49), rgb(255, 208, 86));width: 100px;margin: 0 auto;}.RWDproduct002_v2 .section-line {display: none;}/*商品*//*.RWDproduct002_v2 .portfolio-item > .inner-content {border: 1px dotted #ddd;border-radius: 25px;}*/
.RWDproduct002_v2{padding: 0;}.page_content1 #productbx_bg{border: 1px #E2E2E2 solid;background: #FFFFFF;}.RWDproduct002_v2 .showbottom:hover .portfolio-bottom h4{color: #11528a;}.RWDproduct002_v2 .portfolio-bottom { padding: 0 15px;}/**/
.RWDproduct004 h2.sub-title br { display: none;}.RWDproduct002_v2 .active .btn.btn-rj { background-color: #fff; color: #0278ae; opacity: 1; font-weight: bold;}.RWDproduct002_v2 .btn.btn-rj { background-color:#0278ae; color: #fff; border: 1px solid #0278ae; transition: all 0.5s ease 0s; width: 100%; font-size: 18px; font-weight: bold; border-radius: 15px; letter-spacing: 3px; padding: 7px 0; position: relative;}.RWDproduct002_v2 .filter-portfolio ul > li { margin: 0px 10px; width: calc(100%/3 - 20px);}.RWDproduct002_v2 .filter-portfolio ul { width: 35%; margin: 0 0 30px; float: right;}.RWDproduct002_v2 .btn.btn-rj:hover { background-color: #fff; color: #0278ae; opacity: 1; font-weight: bold;}.RWDproduct002_v2 .portfolio-bottom-summary h4{ margin: 10px auto 10px; font-size: 20px; letter-spacing: 2px; color: #11528a; line-height: 1.5; border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; font-weight: bold;}.RWDproduct002_v2 .portfolio-bottom-summary p{ color: #555; letter-spacing: 1px; font-size: 14px; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}.RWDproduct002_v2 .bounceIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {background: #fff; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 7px rgb(104 104 104 / 32%); width: calc(25% - 31px); margin: 0 15px 40px;}.RWDproduct002_v2 .row .col-md-12{padding:0;}.RWDproduct002_v2 .portfolio-item{margin-bottom: 35px;}.RWDproduct002_v2 .section-inner .row:nth-child(2) .col-md-12{ position: absolute; top: 45px; right: 0;}.RWDproduct002_v2 .section-subject {text-align: left;}/**/
.RWDproduct002_v2 .btn-box .btn { background: #0278ae; color: #fff; font-size: 15px; border: none; line-height: 1; max-width: 250px; width: 100%; border-radius: 15px; letter-spacing: 2px; font-weight: bold; transition: .3s ease; padding: 15px 0;}.RWDproduct002_v2 .btn-box .btn:hover { background: #ddd; color: #333; transition: .3s ease;}/*RWDproduct004*/
.RWDproduct004 .callout-dark {background-color: transparent;padding: 0;border: 0;}.RWDproduct004 .heading-title.heading-arrow-bottom::after {display:none;}.RWDproduct004 .nopadding {border: 0;}.RWDproduct004 a {display: block;}.RWDproduct004 .row {margin-right: 0;margin-left: 0;}.RWDproduct004 #portfolio {overflow:visible;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {padding: 0 15px !important;width: calc(100%/3);margin: 0 0 0px !important;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 25px;background: #fff;transition: .4s ease-in-out;}.RWDproduct004 .item-box-desc {margin-bottom: 0;padding: 35px 40px 40px;}.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 20px; letter-spacing: 2px; color: #000; line-height: 1.5; border-bottom: 1px solid #d6d6d6; padding-bottom: 10px;}.RWDproduct004 .list-inline { font-size: 15px; letter-spacing: 2px; line-height: 1.6; margin: 10px 0 0 !important; color: #555; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;height: auto !important;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(3n+1), .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(3n+3) {margin-top: 30px !important;}.RWDproduct004 {overflow-x: visible !important;}@media (min-width: 1200px) {.RWDproduct004 #portfolio.portfolio-nogutter .item-box:hover {transform: translateY(-10px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);}}/*RWDnews005*/
.RWDnews005 .owl-carousel.owl-padding-10 .owl-item p { font-size: 15px !important; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 90%; padding-left: 30px; margin-top: -8px; display: -webkit-box; -webkit-box-orient: vertical; color: #555; letter-spacing: 1px;}.RWDnews005 span { opacity: 0.3; padding: 0 10px;}.RWDnews005 h3 { display: inline-block; color: #324853; font-weight: bold; letter-spacing: 2px; line-height: 1.5; font-size: 18px;}.RWDnews005 h4 { font-size: 18px; margin: 0; display: inline-block; color: #324853; font-weight: bold; letter-spacing:1px; line-height: 1.5;}.RWDnews005 .margin-top-20 { margin:20px 0 !important; padding-left:30px;}.RWDnews005 .owl-carousel .owl-item div {text-align: left;transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;border-radius: 0;}.RWDnews005 .controlls-over .owl-pagination {display: none;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div { color: #989898; background: transparent; border: none; border-radius: 0; display: flex; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; font-size: 40px;}.RWDnews005 .owl-carousel .owl-wrapper-outer {overflow: hidden; padding:0;}.RWDnews005 .owl-carousel {overflow: visible;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -65px;}.RWDnews005 .controlls-over .owl-controls .owl-next{right: -65px;}.RWDnews005 .owl-carousel.owl-padding-10 {margin-left: 0;margin-right: 0;}/*cookie*/
.RWDalert_fancybox.bottom {width: 500px;padding: 30px 60px 20px !important;box-shadow: 1px 0px 2px rgba(20%,20%,40%,0.2) !important;background: rgba(255, 255, 255, 90%) !important;color: #000 !important;left: auto !important;right: 0 !important;line-height: 1.5 !important;}.RWDalert_fancybox a{color: #000;border-bottom: 1px solid #555;}.RWDalert_fancybox.bottom .editor {font-size: 14px !important;letter-spacing: 2px !important;}.RWDalert_fancybox .btn.active {border-radius: 0px;margin-top: 20px;background: #ccc !important;border: 1px solid #ccc !important;display: block;padding: 5px 50px;color: #333 !important;font-size: 14px !important;}.RWDalert_fancybox .btn:hover {background: #333 !important;color: #fff !important;}
/*footer start*/
.footer_block .container { width: 60%; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column;}.footer_block { font-size: 17px; letter-spacing: 3px; background: #51adcf; margin: 0; border-top: none; padding: 180px 0 60px; color: #fff;position: relative;}.footer_block:before { content: ""; position: absolute; background: url(archive/image/customization/0323ft2.png)no-repeat; width: 100%; height: 500px; background-size: contain; top: -65px; z-index: 0;}.footer_block a { color: #fff;}.footer_bg { content: ""; position: absolute; background: url(archive/image/customization/ft-milk2.png)bottom no-repeat; width: 100%; height: 290px; bottom: 0; opacity: 0.8; background-size: cover; z-index: -1;}/**/
.left_logo {width:300px;}.ft_top {width: 100%;}.ft_bottom { display: flex; align-items: center; width: 100%; margin: 40px 0; border-top: 1px solid #d2d2d2; padding-top: 40px;}/**/
.mid_sec { display: flex; align-items: flex-start;}.mid_item.mid1 { border-right: 1px solid #d2d2d2; padding-right: 40px; margin-right: 40px;}.ft_bottom .RWDedictor { width: 50%;}/**/
.ft_right .RWDedictor { display: flex; justify-content: center;}.ft_button a { display: block; text-align: center; width: 230px; margin: 10px 0; padding: 15px 0; border-radius: 15px; color: #fff !important;letter-spacing: 1px;font-weight: bold;}.ft_button.ft_line a { background: #29c02c; transition: .3s ease;}.ft_button.ft_line a:hover { background: #13a116; transition: .3s ease;}.ft_button.ft_fb a { background: #4aa3ef;transition: 33s ease;}.ft_button.ft_fb a:hover { background: #187fc3; transition: .3s ease;}.mid_item a { color: #fff !important; font-size: 25px; font-weight: bold; line-height: 2;letter-spacing:1px;}/*-*/
.copyright_block a { color:#98d9f1;}.copyright_block {flex-wrap: wrap; display: flex; font-size: 12px; padding: 7px 0; color:#98d9f1; width:100%;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover {color:#98d9f1 !important;}.bottom_block { position: relative;}.ft_button a>img { width: 25px !important; display: inline-block; margin-right: 8px;}.RWDsocial002 ul.socialNetwork li {margin: 0 7px;}.RWDsocial002 .iconRounded {border: 2px solid #51adcf;color: #51adcf;}.RWDsocial002 .iconRounded {width: 50px;height: 50px;padding-top: 14px;margin-right:0px;font-size: 20px; transition: .5s all;padding-left: 2px;}.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover { background-color: #fff; color: #51adcf; opacity: .75;}.scrollTop002 {bottom: 90px;}.scrollTop002 .ii {font-size: 40px;background: #cccccc;border-radius: 10px;}/*0331維護新增*/div#m_RWDBASE_PAT01_38_4 { width: 100%; color: #fff; letter-spacing: 2px; font-size: 15px; line-height: 1.8; margin-bottom: 30px;}.copyright_block h6 { display: inline-block; margin: 0; font-size: 15px; color: #fff;}div#m_RWDBASE_PAT01_38_4 a { color: #fff;}
/*footer end*/
/*內頁 start*/
/*內頁長度*/section.call_to_action{min-height: 800px; padding: 35px 0 80px;}/*toTop隱藏*/#toTop{display:none !important;}/*title*/h1.pageTitle {font-size: 38px; letter-spacing: 3px; font-weight: 600; line-height: 1.5; text-align: center; margin: 0; color: #0278ae;}.hgroup .breadcrumb{background:transparent;border:none;position:relative;float:none!important;bottom:0;text-align:center;padding:0;letter-spacing:1px;font-size:14px}.hgroup .container{border:none}.hgroup .breadcrumb a {transition: .5s all; color: #555;}/*內文*/section.article-text, section.article-text p {font-size: 15px; letter-spacing: 2px; line-height: 2; color: #555;}.webdesc {padding: 0 0 30px;text-align: center;}/*回上層*/
.btn.btn_back {float: right; margin-right: 0; padding: 0; margin-top: 30px; background: transparent;}.btn.btn_back a {padding: 0 15px; border: 1px solid #0278ae; color: #0278ae; font-size: 14px; letter-spacing: 2px; transition: .5s all; display: block; line-height: 2.5;}.btn.btn_back a:hover {background: #0278ae; color: #fff;}/*新編輯器*/
.pagecontent .article_model[data-seq="0"] {margin-top: 0px !important;}.RWDslider01 .editor {font-size: 15px !important; line-height: 2 !important; color: #555 !important; letter-spacing: 2px;}.RWDtimeline01 li.event .point .editor {font-size: 15px; color: #555; line-height: 2; letter-spacing: 2px;}.RWDtimeline01 li.event .point .title {font-size: 20px; letter-spacing: 2px;}/*頁籤*/
.tabs nav li.tab-current a::before {background: #0278ae !important;}.RWDproduct_page .tab-box .tab-menu li.active a:before {background: #0278ae !important;}/*側選單2*/#sidebar .products-nav>ul> li.active>ul { display: block;}#sidebar {padding-bottom: 30px;}.xrow {width: 100%;height: 100%; position: relative;display: inline-block;}#sidebar .products-nav{background: #f5f5f5;}.m2018 .products-nav .nav-title {background: #43825e; font-size: 17px; padding: 10px 15px; text-align: left; margin-bottom: 0; color: #fff; letter-spacing: 2px; font-weight: 500;}.page_wrapper_bg .products-nav>ul>li {border-bottom: 1px solid #ddd;padding: 10px 0px; margin-bottom: 0px;text-align: left;transition: 0.4s;}.page_wrapper_bg .products-nav>ul> li.active, .page_wrapper_bg .products-nav>ul>li:hover {border-bottom: 1px solid #43825e;}.page_wrapper_bg .products-nav>ul> li.active > a, .page_wrapper_bg .products-nav>ul>li:hover > a{color: #333;font-weight: 500;}.m2018 .products-nav>ul>li>a {padding-right: 0;color: #888;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li:hover>a, .m2018 .products-nav ul li>ul>li.is-open>a {color: #111;font-weight: 600;}.m2018 .products-nav ul>li>.toggle-submenu { top: 10px;}.m2018 .products-nav>ul>li>a {font-size: 15px;padding: 5px 15px;}#sidebar > div > div > ul > li > ul > li:last-child {border-bottom: none;}#sidebar > div > div > ul > li > ul > li { border-top: 1px solid #ddd; padding: 10px 0 5px;margin-top:5px;}li.has-child.is-open {background: #f5f5f5;}li.has-child.is-open .has-child {padding: 10px 0px 0px;background: transparent;}.page_wrapper_bg .products-nav>ul> li.active {padding-left: 0px;padding-right: 0px;}.article7 .m2018 .products-nav .nav-title {letter-spacing: 2px;}.m2018 .products-nav ul li {padding-left: 0;}#sidebar > div > div > ul > li > ul > li {padding: 10px 0px 5px 20px;}/*產品專區 列表*/
.layoutlist_7 .subject, .layoutlist_7 .subject a { color: #121212 !important; font-weight: bold; letter-spacing: 1px; line-height: 1.5; font-size: 18px !important; text-align: center;}.layoutlist_7 .cdate, .layoutlist_7 .cdate a { display: none;}h4.inner_tit { font-size: 20px !important; letter-spacing: 2px; color: #121212; line-height: 1.5 !important; border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; font-weight: bold;}.product2 h4.inner_tit { font-size: 18px !important;}.list_subject a {color: #121212; font-size: 18px !important; font-weight: bold;}.summary a {color: #777; font-size: 15px;}.layoutlist_2 .list_subject .summary {margin: 20px 0;}.layoutlist_2 .article_subject {font-size: 18px; letter-spacing: 2px; font-weight: 500;}.listdate .yearmonth {padding-bottom: 5px !important;}.listdate .day {color: #555; letter-spacing: 1px;line-height: 1.5 !important;}.layoutlist_2 .list_subject .summary {margin: 10px 0 !important;}._col.listdate {text-align: center;}.layoutlist_2 .list_subject a { font-size: 18px !important; font-weight: bold; color: #121212 !important;}/*好評見證列表*/
.layoutlist_4 .item { background: #fff; padding: 30px 15px; border-radius: 10px; box-shadow: 2px 2px 7px rgb(104 104 104 / 33%); margin: 0 0 40px; border-bottom: none;}.fixrow { padding-left: 0 !important; padding-right: 0 !important;}.flex_box { display: flex; position: relative; width: 100%;}/*產品介紹列表*/
.layoutlist_2 .item, .layoutlist_4 .item {margin-top: 0; margin-bottom: 45px;}.layoutlist_2 .subject {margin: 15px 0; font-size: 15px; text-align: center; letter-spacing: 1.5px;}/*產品介紹*/#mobile-fixed, .RWDproduct_page {font-size: 15px; line-height: 1.8;}.RWDproduct_page .products-info .name {margin-bottom: 7px; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: 2px; color: #000;}.RWDproduct_page .products-info .subname {font-size: 15px; line-height: 1.8; letter-spacing: 2px; color: #555;}.RWDproduct_page .products-info .name-box {padding: 0 0 20px; border-bottom: 1px solid #ccc; margin-bottom: 25px;}.RWDproduct_page .products-info .txt .title {margin-bottom: 7px; padding-bottom: 0; border-bottom: none;}#mobile-fixed .btn-shop .btn, .RWDproduct_page .btn-shop .btn {border-radius: 25px; transition: .5s all;}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover, .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: #e08d8b; color: #fff;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background: #e5e5e5; color: #555;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: #f1f1f1; color: #555;}#mobile-fixed .btn-shop .btn.notice, .RWDproduct_page .btn-shop .btn.notice {background: #f1f1f1; color: #555;}.RWDproduct_page .ibtn { font-size: 15px; display: block; background: #0278ae; color: #fff; border: none; line-height: 1; width: 100%; border-radius: 15px; letter-spacing: 2px; font-weight: bold; transition: .3s ease; padding: 15px 0;}.RWDproduct_page .btn-other i.ii {display: none;}.RWDproduct_page .list-inline .item, .RWDproduct_page .list-inline>li { display: block;}.RWDproduct_page .ibtn:hover { background: #ddd; color: #333; transition: .3s ease;}.RWDproduct_page .products-info .combination_info, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .txt { font-size: 15px; letter-spacing: 2px; line-height: 1.8;}/*影片*/a.poplink { color: #121212;}.video_item_subject { font-size: 17px !important; font-weight: bold; text-align: center !important;}.video_item { width: calc(100% / 3); margin: 0 0 30px !important;}/*詢問車*/
.RWDquiry .btn.normal:hover { background: #0278ae; color: #fff;}.RWDquiry .btn.normal { border-radius: 15px; font-size: 15px; color: #0278ae; border-color: #0278ae; background: transparent; transition: .5s all;}.RWDquiry .btn.bg2:hover { background: #ddd; color: #333; border-color: #ddd;}.RWDquiry .btn.bg2 { background: #0278ae; color: #fff;}
/*內頁 end*/
/*動態 start*/
/*scroll*/@keyframes web_menu002{0%{ transform: translate(0px, 0px);} 50%{transform: translate(0px, -50px);}100%{transform: translate(0px, 0px);}}@-webkit-keyframes zeroall { 0% { opacity: .1; } 30% { opacity: 1; }}
/*動態 end*/
/*小螢幕 start*/
@media (max-width: 1500px) {.RWDproduct002_v2 .filter-portfolio ul {width: 45%;}.brand_block .container {width: 90%;}.product_block .container {width:85%;}.news_block .container {width: 85%;}.news_block {padding: 100px 0 0;}.footer_block .container {width: 55%;}.ft_bottom .RWDedictor {width: 70%;}.footer_block:before {top:0px;}.copyright_block {flex-direction: column;}}@media (max-width: 1200px) {.footer_block .container {width:70%;}}@media (max-width: 1150px) {.RWDmenu_plus04 #mobile-menu, .RWDmenu_plus04 .ml-stack-nav-toggle, .RWDmenu_plus04 .toggle-menu { display: block;}.RWDmenu_plus04 .features { margin-right: 10px; padding-right: 20px; position: relative; float: right;}.RWDmenu_plus04 .features:after { content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #81c8e3;}.ml-stack-nav-toggle i { display: none;}.ml-stack-nav-toggle { padding: 45px 30px 30px 15px;}.ml-stack-nav-toggle__line { background: #ffffff;}}@media (max-width: 1100px) {.RWDmenu_plus04 .site-nav .menu>li>a {padding: 25px 10px;}}
/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {
.RWDmenu_plus04 .header {padding: 0 1vw;}
}
/*1199px end*/
/*1024px start*/
@media (max-width: 1024px) {
.RWDmenu_plus04 .header { padding: 0 3vw;}.brand_block {padding:80px 0;}.product_block {padding:80px 0;}.news_block .container {padding-bottom:80px;}.news_block{padding:80px 0 0;}.ml-stack-nav-toggle i {display: none;}.RWDmenu_plus04 .features {margin-right: 10px;padding-right: 20px;}.ml-stack-nav-toggle {padding: 45px 30px 30px 15px;}.ml-stack-nav-toggle__line {right: 0;}.RWDmenu_plus04 #mobile-menu .menu>li.active {background-color: #187fc3;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a {background-color: transparent;}.ml-stack-nav-toggle__line {background: #ffffff;}.RWDmenu_plus04 .features:after {background-color: #81c8e3;}.RWDmenu_plus04 .phone-group a {background: #51adcf; padding: 8px 15px 8px 15px !important; color: #fff; font-weight: bold; border-radius: 15px;}.RWDmenu_plus04 .phone-group span {font-size: 16px; letter-spacing: 2px;}.RWDproduct004 .item-box-desc {padding: 35px 20px 40px;}.RWDproduct004 #portfolio div.col-md-3 h3 {font-size: 18px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {width: calc(100%/3 - 17px);margin: 0 8px 40px;}.RWDproduct002_v2 .portfolio-bottom-summary h4 {font-size: 18px;letter-spacing: 1px;}.RWDproduct002_v2 .section-inner .row:nth-child(2) .col-md-12 {top: 60px;}.ft_button a {width: 100%;padding: 15px 15px;}.ft_button a>img {width: 13px !important;}
}
/*1024px end*/
/*991px start*/
@media (max-width: 991px) {
.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(3n+1), .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(3n+3) {margin-top: 0px !important;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {padding: 0 10px !important;}.RWDproduct004 .list-inline {font-size: 14px;}.RWDproduct004 .item-box-desc {padding: 25px 20px 30px;}.RWDproduct004 #portfolio div.col-md-3 h3 {font-size: 16px;text-align: center;}.RWDproduct002_v2 .section-subject {text-align: center;}.RWDproduct002_v2 .section-inner .row:nth-child(2) .col-md-12 {top: 0;position: relative;}.RWDproduct002_v2 .filter-portfolio ul {width: 75%;margin: 0 auto 30px;float: none;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {display: none;}.RWDnews005 .controlls-over .owl-pagination {display: block;margin-top: 20px;}.footer_block:before {top: 0px;height: 200px;background-size: cover;}.mid_item.mid1 {padding-right: 30px;margin-right: 30px;}.mid_sec {justify-content: inherit;}.left_logo {margin: 0 auto;}.ft_bottom {margin: 30px 0;padding-top: 30px;border-bottom: 1px solid #d2d2d2;padding-bottom: 30px;}.copyright_block {text-align: center;}.brand_block .container {padding:0;}.product_block .container{padding:0;}.news_block .container {padding:0;}.footer_block .container {width:95%;}/*內頁*/h1.pageTitle {font-size: 30px;}.product2 .layoutlist_2 .col-xs-12.col-sm-6.col-md-3 { width: calc(100% / 3);}.ebtn.currectsend_btn { width: auto;}.btn.btn_back { width: auto;}.cate_list .col-sm-6.col-md-4 { width: 50%; float: left;}.listdate .yearmonth { display: inline-block;}.listdate .day { display: inline-block; color: #afafaf !important; font-size: 12px !important; letter-spacing: 2px;}.listdate { border-left: none !important; width: 100%;}.list_subject { width: 100%;}.layoutlist_4 .listdate .day::before { content: '/';}.layoutlist_4 .list_subject { margin-top: 10px;}
}
/*991px end*/
/*800px start*/
@media (max-width: 800px) {
.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 50px !important;}.pagecontent .RWDtimeline01 {margin-top: 50px !important;}h1.pageTitle {margin-bottom: 0;}
}
/*800px end*/
/*767px start*/
@media (max-width: 767px) {
.RWDmenu_plus04 .features .share-group.main_share {display: none;}.RWDmobile_bottom_v2 .icon {display: none;}.RWDmobile_bottom_v2 .text {font-size: 16px;letter-spacing: 2px;font-weight: bold;}.mobile_bottom__a, .mobile_bottom__a:hover, .mobile_bottom__a:active, .mobile_bottom__a:focus {background: #f97e00;padding: 15px 0;}.RWDproduct004 .item-box-desc {padding: 25px 20px 30px;}.RWDproduct004 #portfolio div.col-md-3 h3 {text-align: center;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {width: 100%;margin: 0 0 30px !important;}.ft_mid {width: 100%;}.mid_item.mid1 {padding-right: 0;margin-right: 10px;}.mid_item {width: 50%;}.ft_right {width: 100%;margin-top: 30px;}.ft_right .RWDedictor {flex-direction: column;}.ft_button a {width: 100%;padding: 10px 15px;}.copyright_block {padding: 10px 0 50px;flex-direction: column;text-align: center;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {padding: 15px 5px;}/*內頁*/
.product2 .layoutlist_2 .col-xs-12.col-sm-6.col-md-3 { width: calc(100% / 2);}.layoutlist_7 .litem { width: calc(100% / 2); float: left;}.RWDproduct_page .btn-other li button { display: block; padding: 15px 0;}.video_item { width: calc(100% / 2); float: left;}.RWDproduct_page .products-editor { padding-top: 30px;}
}
/*767px end*/
/*600px start*/
@media (max-width: 600px) {
.RWDmenu_plus04 .logo {width: 170px;margin-top: 20px;}.RWDmenu_plus04 .features { margin-right: 15px;padding-right: 15px;}.ml-stack-nav-toggle {padding: 45px 15px 30px 15px;}.brand_block {padding: 50px 0 ;}.product_block {padding:50px 0;}.news_block .container {padding-bottom:0px;}.news_block{padding:50px 0 0;}.index h1.main-title {font-size: 28px;letter-spacing: 1px;}.index h2.sub-title {font-size: 15px;letter-spacing: 1px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {width: calc(50% - 11px);margin: 0 5px 30px;}.RWDproduct002_v2 .portfolio-bottom-summary h4 {font-size: 16px;}.RWDproduct002_v2 .filter-portfolio ul {width: 100%;}.RWDproduct002_v2 .filter-portfolio ul > li {margin: 0px 10px;width: calc(100%/3 - 20px);}.RWDproduct002_v2 .btn.btn-rj {font-size: 16px;letter-spacing: 1px;}.RWDproduct002_v2 .btn.btn-rj:before {margin-right: 8px;}.RWDproduct002_v2 .btn.btn-rj:after {left: calc(50% - 36px);}.RWDproduct002_v2 .btn-box .btn {max-width: 90%;}.RWDproduct004 h2.sub-title br { display: block;}.footer_block {font-size: 14px; letter-spacing:1px;padding: 130px 0 60px;}.ft_mid {width: 100%;}.mid_item.mid1 {padding-right: 0;margin-right: 15px;}.mid_item {width: 50%;}.ft_bottom { margin: 30px 0 0; padding-top: 30px; border-bottom: none; padding-bottom: 0; flex-direction: column;}.ft_bottom .RWDedictor { width: 100%;}.mid_item a {font-size: 18px;}.ft_button a {width: 100%;padding: 10px 15px;}.copyright_block {padding: 10px 0 0px;flex-direction: column;text-align: center;}.footer_block:before {height:110px;}.RWDsocial002 { margin: 30px 0;}.RWDsocial002 .iconRounded { width: 45px; height: 45px; padding-top: 12px; margin-right: 0px; font-size: 18px;padding-left: 1px;}.left_logo { margin: 0; width: 80%;}.scrollTop002 {bottom: 130px;right: 5px;}.scrollTop002 .ii {font-size: 30px;background: #cccccc;border-radius: 10px;}.RWDbanner_plus01.style-dotnav.control-left .control-box, .RWDbanner_plus01.style-dotnav.control-right .control-box {position: relative;bottom: 15px !important;}.RWDalert_fancybox.bottom .editor, .RWDalert_fancybox.bottom .btn-box {display: block !important;}.RWDalert_fancybox.bottom {padding: 30px 30px 20px !important;width: 100%;}.RWDalert_fancybox .btn.active {display: block !important;margin: 20px 0 0 !important;width: 100% !important;}.copyright_block h6 {display: block;margin: 10px 0;}/*內頁*/
.product2 .layoutlist_2 .col-xs-12.col-sm-6.col-md-3 { width: 100%;}h1.pageTitle {font-size: 28px !important;margin-bottom: 5px;}section.call_to_action .container { padding-left: 10px !important; padding-right: 10px !important;}#mobile-fixed .fixed-in { width: 100%;}#mobile-fixed .fixed-in { width: 100%; max-width: 100%;}#mobile-fixed .btn-box {padding-left: 0px; width: 100%;}#mobile-fixed .btn-box .normal { max-width: 100%;}#mobile-fixed .btn-box .normal { letter-spacing: 1px; border: none; background: #f1f1f1; color: #555;}#mobile-fixed .btn-box .normal.bg2 { background: #e5e5e5;}#mobile-fixed .btn-box.step1 li, #mobile-fixed .btn-box.step2 li { width: 49%;}.ebtn.currectsend_btn { width: 100%;}.btn.btn_back { width: 100%;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 40px !important;}.pagecontent .RWDtimeline01 {margin-top: 40px !important;}.ebtn.currectsend_btn {margin-right: 0px;}.RWDslider01 .pic-list { padding-right: 0; width: 100%;}.RWDslider01 .text { width: 100%; padding-top: 20px;}.RWDslider01.pic-right .pic-list { padding-left: 0;}.cate_list .col-sm-6.col-md-4 { width: 100%; float: left;}.layoutlist_7 .litem { width: 100%;}.RWDproduct_page .btn-other li { width: 100%; padding: 0;}.img_ch img { width: 100% !important;}.img_ch {margin-bottom: 30px;}.video_item { width: 100%;}
}
/*600px end*/
/*380px start*/
@media (max-width: 380px){
.RWDquiry .btn-box { text-align: center;}
}
/*380px end*/
/*370px start*/
@media (max-width: 370px){.RWDmenu_plus04 .logo { width: 155px; margin-top: 22px;}.footer_block {font-size: 14px;letter-spacing: 0px;}.mid_item a {font-size: 15px;}.brand_block .container {width: 95%;}.product_block .container {width:80%;}.news_block .container {width: 90%;}.footer_block .container {width: 100%;}.RWDproduct002_v2 .portfolio-bottom-summary h4 {font-size: 15px;}.RWDproduct002_v2 .filter-portfolio ul > li {margin: 0 5px;width: calc(100%/3 - 10px);}.RWDproduct002_v2 .btn.btn-rj {font-size: 14px;}.RWDmenu_plus04 .header { padding: 0 15px;}.RWDmenu_plus04 .features { margin-right: 7px; padding-right: 7px;}.RWDmenu_plus04 .logo { width: 140px; margin-top: 25px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item { width: calc(100% - 1px); margin: 0 0px 30px;}}
/*370px end*//* <= miracle customization end */
/* user customization start=> */
/* <= user customization end */