/* now =>2025-07-02 23:33:21*/ 
 /* Last Midoify Time By 2023-05-22 11:04:29 */ 
 /* Last Midoify Time By 1684724669 */ 
 /* Last Midoify Time By Mon, 22 May 2023 03:04:29 +0000 */ 
/* HTTP_IF_MODIFIED_SINCE=>*/ 
/* RWDPAGE_BASE_PAT02 start=> */ 
 /* <= RWDPAGE_BASE_PAT02 end */ 
 /* miracle customization start=> */ 
a{text-decoration:none}a:hover, a:active, a:focus, a:visited {text-decoration:none;}.row {margin-left:0px;margin-right:0px;}.cd-main-content {background: #fff;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #444;}::-webkit-scrollbar-thumb {background: #777;border-radius: 20px;}::-webkit-scrollbar-thumb:hover {background: #888;}/* 反白顏色設定*/ ::selection { background: #333; color: #fff;}::-moz-selection { background:#333; color: #fff;}/*寬*/#RWDfullscreen01 .container {width: 80%;}.banner_block .container {width: 80% !important;}.footer_block .container {width:95% !important}/*loading*/ 
.RWDfakeloader .fl img {width: 100px;animation-name: lo01; animation-duration: 1s;animation-iteration-count: 1;}/*logo*/ 
.RWDmenu_plus03 .logo {width: 170px;transition: 0.4s;}.RWDmenu_plus03 .is-scroll .logo {width: 170px;transition: 0.4s;}/*menu*/ 
.RWDmenu_plus03 .ml-stack-nav-toggle__line {background: #fff;height: 2px;width: 25px;}.RWDmenu_plus03 .ml-stack-nav-toggle {width:25px;transition: 0.4s;margin-top:13px}.RWDmenu_plus03 .ml-stack-nav-toggle__line:nth-child(4) {display: none;}.RWDmenu_plus03 .header {padding: 20px 60px;transition: 0.4s;background: #fff;z-index: 1111;background-color: rgb(0 0 0 / 80%) !important}.RWDmenu_plus03 .header.is-scroll {padding: 20px 60px;background: rgb(0 0 0 / 80%) !important;box-shadow: none;transition: 0.4s;}.RWDmenu_plus03 .is-scroll .ml-stack-nav-toggle {transition: 0.4s;}.RWDmenu_plus03 .ml-stack-nav {width: 100%;background: #000;z-index: 1111 !important;}.RWDmenu_plus03 .ml-stack-nav__menu {background: transparent;}.RWDmenu_plus03 .mCustomScrollBox {display: flex;align-items: center;justify-content: center;}.RWDmenu_plus03 .ml-stack-nav__link {color: #fff;font-size: 18px;letter-spacing: 3px;border-bottom:0px;transition: 0.4s;font-weight: 600;}.RWDmenu_plus03 .mCSB_container {width: 100%;display: flex;justify-content: center;column-gap: 80px;}.RWDmenu_plus03 nav#ml-stack-nav-1 li {min-width: 150px;text-align: center;}.RWDmenu_plus03 .ml-stack-nav__menu_box {margin-top:0}.RWDmenu_plus03 .menu-icon:after, .menu-icon:before {background-color:#fff}.RWDmenu_plus03 .menu-icon {color: #fff;}.RWDmenu_plus03 .ml-stack-nav__link:hover {opacity: 0.8;transition: 0.4s;}.phone-menubelow {display:none !important}/*搜尋*/ 
.RWDmenu_plus03 .features {margin: 15px 20px}.RWDmenu_plus03 .features .search-btn {color: #fff;}.RWDmenu_plus03 #search-box.full .form-control {font-size: 20px;}.RWDmenu_plus03 #search-box.full .ibtn {font-size: 20px;}.RWDmenu_plus03 #search-box.full .search-in {max-width:900px}/*BANNER*/ 
.RWDbanner_plus01 .slick-caption {top: auto;bottom: 12%;}.banner_block .container {width: 80% !important;position: relative;}.banner_block {padding-top: 0px;}/*輪播點*/ 
.RWDbanner_plus01.style-dotnav.dot .slick-dots button {width:8px;height:8px;background: #ccc;border-radius: 50%;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {background: #ccc;}/*文*/ 
.RWDbanner_plus01 .slick-caption .txt1 {letter-spacing: 45px;font-size: 45px;font-family: 'Open Sans', sans-serif;color: #fff;font-weight: 400;line-height: 1.6;}.RWDbanner_plus01 .slick-caption .txt2 {letter-spacing: 7.5px;line-height:1.7;font-size: 14px;font-family: 'Open Sans', sans-serif;color:#898989;margin-top: 60px;}/*線*/ 
.banner_block .container::before {content: "";width: 1px;height: 0px;background: #222;position: absolute;bottom: 8px;transform: rotate(56deg);left: 16px;transform-origin: bottom left 0px;animation-name: bn01; animation-duration: 2s;animation-iteration-count: 1;animation-delay:2s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;display:none}/*about*/ 
.about_block .container {width: 100% !important;padding: 100px 0 130px;position: relative;display: flex;align-items: center;justify-content: center;}.about_block .container .RWDedictor {width: 100%;padding: 0 12%;}/*上*/ 
.txt_top {display: flex;align-items: flex-end;font-family: 'Lora', serif;letter-spacing: 0.5px;line-height: 1.5;color:#515050}.txt_l {width: 600px;display: flex;padding-right:100px}.txt_r {width: calc(100% - 600px);display: grid;grid-template-columns: 1fr 1fr 14fr 1fr;align-items: center;line-height: 2.3;}.s_l, .s_r {width: 50%;}.s_l span, .s_r span {display: flex;flex-direction: column;line-height:1.7;font-size: 18px;}.txt_r .block_01 {display: flex;align-items: center;justify-content: center;}.txt_r .block_02 {margin: 0 15px;font-size: 12px;letter-spacing: 0.5px;display: flex;justify-content: center;line-height:1.5}.txt_r .block_04 {font-size: 12px;letter-spacing: 0.5px;display: flex;justify-content: flex-end;align-items: center;margin: 0 0 0 15px;line-height:1.5}.txt_r .block_03 {width: 100%;}.txt_r hr {margin: 0;border-top: 1px solid #999}.txt_r i {font-size: 12px;}.txt_r i:nth-child(2) {margin:0 15px}/*中*/ 
.txt01 {margin:100px 0 0}.txt01 h2 {font-size: 105px !important;letter-spacing: 5px;color: #515050;margin:0;max-width: max-content;font-family: 'Lora', serif;line-height: 1;font-weight: 400;}.txt01 h2:nth-child(2) {padding-left:174px;margin:45px 0}.txt01 h2:nth-child(3) {padding-left:113px;position: relative;}.txt01 h2:nth-child(3)::before {    content: "Since\A 1996";    font-size: 18px;    font-family: 'Lora', serif;    width: 80px;    display: block;    line-height: 1.3;    color: #C9CACA;    transform: rotate(90deg);    position: absolute;    bottom: 5px;    right: -95px;    letter-spacing: 1px;    font-weight: 100;}/*下*/ 
.txt02 {display: flex;align-items: center;justify-content: center;}.txt02 .block_01 {width: calc(100% - 450px);}.txt02 .block_01 hr {margin: 0;border-top: 1px solid #ddd;}.txt02 .block_02 {width: 450px;letter-spacing: 5px;line-height: 1.5;text-align: right;margin:27px 0 0}.txt02 .block_02 h4 {font-family: 'Noto Sans TC', sans-serif;color: #515050;font-size: 18px;font-weight: lighter;margin: 0;}.txt02 .block_02 h4.txt_en {    font-size: 16px;    letter-spacing: 0;    color: #C9CACA;    font-family: 'Lora', serif;    margin-top: 15px;    font-weight: lighter;    padding-right: 5px;}.txt02 .block_02 h4 span {    letter-spacing: 2px;    margin: 0 5px;    font-family: 'Source Sans Pro', sans-serif;    font-weight: 500;    font-size: 20px;}.animated .txt_block .txt02 {    display: none;}/*過場*/ 
.summer_txt {    min-height: 500px;    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;}.summer_txt h2 {    margin: 0;    font-size: 155px;    color: #fff;font-family: 'Source Sans Pro', sans-serif;line-height:1.5}.summer_txt h5 {    font-size: 16px;    color: #fff;    letter-spacing: 2px;    font-family: 'Noto Sans TC', sans-serif;font-weight: 400;margin: 5px 0 0;line-height:1.5}/*作品*/ 
.logo_block .container {width: 95% !important;padding: 0;}.RWDProduct015 .product_box .imgs_box {padding:0;border:0}.RWDProduct015 .product_box .title {padding: 0;margin-top: 20px;letter-spacing: 1.5px;color: #505050;font-weight: 400;}.RWDProduct015 .product_box {padding: 0 calc(50px / 2);}.logo_block {padding: 100px 0;}.RWDProduct015 .product_box .info {    display: none;}
/*動態 start*/ 


/*loading*/@keyframes lo01{from {opacity: 0;transition: 0.4s}to {opacity: 1;transition: 0.4s}}/*banner*/@keyframes bn01{0% {hegith:0;transition: 0.4s;transform: rotate(56deg);bottom: 8px;left: 16px}100% {height:480px;transition: 0.4s;transform: rotate(56deg);bottom: 8px;left: 16px}}/*about*/ 
.animated .about_block .container::before {animation-name: abimg,fadeInUP;animation-duration: 2s;animation-iteration-count: 1;animation-delay:1s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}.animated .txt_block .txt01 h2:nth-child(2) {animation-delay:1.4s !important;}.animated .txt_block .txt01 h2:nth-child(3) {animation-delay:1.6s !important;}.animated .txt_block .txt02 {animation-name: fadeInLeft;animation-duration: 2s;animation-iteration-count: 1;animation-delay:1.1s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}.animated .txt_block .txt03 {animation-name: fadeInRight;animation-duration: 2s;animation-iteration-count: 1;animation-delay:1.3s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}.animated .line_bg::before {animation-name: abline;animation-duration: 1.5s;animation-iteration-count: 1;animation-delay:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}.animated .about_block .container .RWDedictor::before {animation-name: abtxt01,fadeInUP;animation-duration: 1.5s;animation-iteration-count: 1;animation-delay:2s !important;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}.animated .about_block .container .RWDedictor::after {animation-name: abtxt02,fadeInUP;animation-duration: 1.5s;animation-iteration-count: 1;animation-delay:2s !important;animation-fill-mode:forwards;transition-timing-function:ease-in-out;opacity: 0;}@keyframes abimg{0 {opacity: 0;bottom: 140px;}100% {opacity: 1;bottom: 120px;}}@keyframes abline{0 {heigth:0;opacity: 1;}100% {height:100%;opacity: 1;}}@keyframes abline2{0 {heigth:0;opacity: 1;}100% {height:100%;opacity: 1;}}@keyframes abtxt01{0 {transform: rotate(90deg) translateX(25px);}100% {transform: rotate(90deg) translateX(0px);opacity: 1;}}@keyframes abtxt02{0 {transform: rotate(90deg) translate(-25%, -30px);}100% {transform: rotate(90deg) translate(-25%, 0px);}}

/*動態 end*/ 

/*footer start*/ 


.footer_block {    text-align: right;    font-size: 19px;    letter-spacing: 5px;    color: #595757;    font-family: 'Source Sans Pro', sans-serif;    font-weight: 300;}.footer_block .container {border-top: 1px solid rgb(89 87 87 / 40%);padding: 120px 0 80px;}/*社群*/ 
.RWDsocial001 {background: transparent;padding: 0;right: 5px;margin-bottom: 20px;}#social_media_wrapper a {padding: 0;width: 35px;height: 35px;margin-left: 12px;margin-right:0px;transition: 0.4s;}#social_media_wrapper a:hover {opacity: 0.8;transition: 0.4s;}#social_media_wrapper a:hover, #social_media_wrapper a:active {background: transparent;}/*cookie*/ 
.RWDalert_fancybox.bottom {box-shadow: 1px 0px 2px rgba(20%,20%,40%,0.2) !important;display: flex;align-items: center;justify-content: center;}.RWDalert_fancybox .btn.active {border-radius: 0px;margin-top: 0px;background: #000 !important;border: 0px !important;display: block;padding: 5px 50px;color: #fff !important;font-size: 15px;}.RWDalert_fancybox .btn:hover {opacity: 0.8;color: #fff !important;}.RWDalert_fancybox.bottom .editor {margin-bottom:0 !important;font-size:14px !important;}.RWDalert_fancybox .btn {margin: 0 0 0 30px !important;}/*內頁*/#RWDPAGE_BASE_PAT02 .RWDsocial001 {position: relative;}#RWDPAGE_BASE_PAT02 .paneleffect_v1 {opacity: 1 !important;}#RWDPAGE_BASE_PAT02 .footer_block.fadeInUp {animation-name: auto;}

/*footer end*/ 

/*內頁 start*/ 


/*main*/ 
.page_wrapper_bg .main {top: 83px !important;}.page_wrapper_bg section.call_to_action { padding: 100px 0 85px 0; min-height: 700px;}.page_wrapper_bg section.call_to_action>.container {padding: 0 15px;}.page_wrapper_bg .article-text .container {width: 100%;}/*-------文字--------*/ 
.page_wrapper_bg .article-text, .page_wrapper_bg .article-text div, .page_wrapper_bg .article-text a {font-family: 'Noto Sans TC', sans-serif;}.page_wrapper_bg .hgroup h1 {font-family: 'Lora', serif; font-size: 80px; font-weight: 400; letter-spacing: 2px; line-height: 1; color: #515050; margin: 0;}.page_wrapper_bg .article-text h2 {font-size:24px; line-height: 1.5; letter-spacing:2px; font-weight: 400;}.page_wrapper_bg .article-text h3 {letter-spacing: 2px; line-height: 1.5; margin-bottom: 10px; font-weight: 400; font-size: 24px !important;}.page_wrapper_bg .article-text h4 {font-size: 18px; line-height: 1.7; letter-spacing: 2px; margin: 15px 0 15px; font-weight: 400;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p{font-size:15px; line-height: 2; letter-spacing: 2px; color: #666; font-weight: 300;}._bd_row h1, ._bd_row h2, ._bd_row h3, ._bd_row h4, ._bd_row h5, ._bd_row h6 {font-size: 18px !important; font-weight: 400; color: #515050;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{font-size:15px; line-height: 2; font-weight: 300; color: #666;}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 22px;}._bd_row ul{padding-left: 18px;}/*主標*/ 
.page_wrapper_bg .hgroup .container {width: 100%; border: none;}/*麵包屑*/ 
.hgroup .breadcrumb {font-family: 'Noto Sans TC', sans-serif; font-size:13px; background-color: transparent; border: none; text-align: left; float: none !important; position: relative; bottom: 0; padding: 0; margin: 10px 0 30px; font-weight: 300;}.hgroup .breadcrumb a {color: #666;}.hgroup .breadcrumb a:hover {color: #333;}/*文章編輯*/ 
.RWDeditor01 .model-title {display: none;}.page_wrapper_bg .pagecontent .article_model[data-seq="0"] {margin-top: 0;}/*-------按鈕--------*/ 
.btn {border-radius: 0;}/*回上一頁*/#article .btn.btn_back a, #album .btn.btn_back a {padding: 6px 20px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none; margin-top: 40px !important;}.btn.btn_back a {padding: 3px 15px; background: transparent; color: #505050; transition: all 0.5s ease; border: 1px solid #505050; font-size: 15px; font-weight: 300; letter-spacing: 1px;}.btn.btn_back a:hover {border: 1px solid #505050;color: #fff;background: #505050;}/*確定送出*/ 
.ebtn {float: right; background: transparent !important; padding: 0;}.ebtn a {text-align: center; color: #505050; border: 1px solid #505050; background: transparent; transition: all 0.5s ease; padding: 0px 20px; letter-spacing: 1px;}.ebtn a:hover {color: #fff; background:#505050; border: 1px solid #505050; transition: all 0.5s ease;}/*-------選單--------*//*次選單C*/#sidebar.layoutmenu3 {width: 100%; padding: 0;}.m2018 .products-nav .nav-title {display: none;}#sidebar .products-nav ul {display: flex; padding: 0 5px; margin-bottom: 70px;}.m2018 .products-nav>ul>li {border: none; padding: 0; margin-right: 40px; margin-bottom: 0;}.m2018 .products-nav>ul>li>a {font-size: 15px; line-height: 1.5; font-weight: 400; color:#b5b5b5; transition: all 0.3s ease;}.m2018 .products-nav li.active>a, .m2018 .products-nav li:hover>a {font-weight: 400; color:#000; transition: all 0.3s ease;}/*-------文章列表--------*//*文章列表F*/ 
.article3 .col-md-9.list7.menu3 {width: 100%;}.layoutlist_7 .litem {padding: 0 5px; margin: 0 0 60px !important;}.layoutlist_7 .subject, .layoutlist_7 .subject a {font-size: 15px !important; color: #505050 !important; margin: 15px 0 0 !important; transition: all 0.3s ease; line-height: 1.5;}.layoutlist_7 .litem:hover .subject a {color: #333 !important;}/*-------範例--------*//*圖文輪播*/ 
.RWDslider01 .editor {font-size: 15px; line-height: 2; color: #666; letter-spacing: 2px;}/*時間軸*/ 
.RWDtimeline01 .model-title, .RWDtimeline02 .model-title {color: #515050; font-size: 22px; font-weight: 400; line-height: 1.7;}.RWDtimeline02 .timeline2_list .block .text-in {font-size: 15px; color: #666;}.RWDtimeline01 li.event .point .title {font-size: 22px; font-weight: 500; margin: 0 0 20px 0; color: #515050;}.RWDtimeline01 li.event .point .editor {font-size: 15px; line-height: 1.8; letter-spacing: 2px; color: #666;}/*-------個別--------*//*about*/ 
.about .about-intro, .about .about-ceo {margin-bottom: 150px;}.about .about-intro:before {content: ''; position: relative; width: 240px; height: 1px; background: #cdcdcd; left: 0; top: 0; display: block; margin-bottom: 20px;}.about .about-ceo {display: flex; align-items: flex-end;}.about .about-ceo .pic {margin-right: 30px;}.about .about-ceo .pic img {max-width: 360px;}.about .about-ceo .name p {font-size: 17px; line-height: 1.5; display: flex; flex-direction: column; margin-bottom: 0;}.about .about-ceo .name p span {font-weight: 500;}.about .about-awards p {font-weight: 500; font-size: 17px;}.about .about-awards ul {font-size: 16px; list-style: none; padding: 0;}.about .about-awards ul li span {padding-right: 40px;}/*service*/ 
.service:before {content: ''; position: relative; display: block; width: 80px; height: 1px; background: #cdcdcd; left: 0; top: 0; margin-bottom: 5px;}.service .item {display: flex; margin-bottom: 70px;}.service .item .txt {width: 60%;}.service .item .txt h4 {display: flex; align-items: center;}.service .item .txt h4 span {font-size: 15px; font-weight: 600;}.service .item .txt h4 span:before {content: ''; position: relative; width: 1px; height: 16px; display: inline-block; left: 0; top: 2px; background: #666; margin: 0 16px 0 14px;}.service .item .txt p {margin: 20px 0;}.service .item .txt ul {list-style: none; padding: 0;}.service .item .pic img {max-height: 240px;}/*works*/ 
.article3 .page_wrapper_bg .hgroup .container {display: none;}.articlecontent #sidebar.layoutmenu3 {display: none;}.works-pic {margin: 10px 0;}.works-top {display: flex; margin: 40px 0;}.works-top .top-name .title {font-size: 22px; margin: 0; color: #515050;}.works-top .top-name .subtitle {letter-spacing: 4px; margin-bottom: 15px;}.works-top .top-name .time {font-family: 'lora'; font-size: 14px; margin-top: 20px;}.works-top .top-name .time:before {content: ''; position: relative; display: block; width: 35px; height: 1px; background: #505050;}.works-top .top-txt {margin: 0 6%; width: 35%}.works-top .top-info .item {display: flex;}.works-top .top-info .item p {margin-bottom: 5px; line-height: 1.8;}.works-top .top-info .item .item-title {position: relative; min-width: 158px;}.works-top .top-info .item .item-title:after {content: ''; position: absolute; display: inline-block; width: 1px; height: 13px; background: #666; top: 8px; right: 0; margin: 0 14px;}.works-down {margin-top: 40px;}.works-down h4 {font-size: 22px !important; margin-top: 0 !important; margin-bottom: 10px !important;}.works-down ul {list-style: none; padding-left: 0;}.works-down .down-info li span:after {content: ''; position: relative; display: inline-block; width: 1px; height: 14px; background: #666; margin: 0 10px; top: 2px;}/*contact*/ 
.formdesc.col-md-6 {width: 40%;}.customized_columns.col-md-6.new-width {width: 60%; border-left: 1px solid #cdcdcd; padding-left: 40px;}/*左*/ 
.eforms1 .page_wrapper_bg .hgroup .container {display: none;}.contact h4 {margin-bottom: 45px !important; color: #505050; margin-top: 0 !important;}.contact h4 span {margin-left: 10px;}.contact .item {margin-bottom: 20px;}.contact .item h5 {font-size: 17px; margin-bottom: 5px; color: #505050;}.contact .item p {font-size: 14px; margin-bottom: 0; color: #505050;}.contact .item p a {color: #505050;}.contact .item p a:before {content: ''; position: relative; display: inline-block; background: #666; width: 1px; height: 12px; left: 0; top: 0px; margin: 0 10px;}.contact p.memo {font-size: 14px; margin-top: 45px; color: #505050;}.contact p.memo:before {content: ''; position: relative; display: block; background: #cdcdcd; width: 55px; height: 2px; top: 0; left: 0; margin-bottom: 5px;}label.error {font-weight: 400; min-width: 66px;}#verifycode-error.error {display: inline-block;}/*右*/ 
.new-form .form-horizontal .form-group {border: 1px solid #cdcdcd; padding: 10px;}.new-form .new-width .control-label {font-weight: 300; margin-bottom: 0 !important;}.new-form .new-width .col-md-11 {padding-left: 0;}.customized_columns ._input, .customized_columns select {border: none; background: transparent; box-shadow: none; padding: 3px 0; border-radius: 0;}input[type=checkbox], input[type=radio] {margin: 0px 3px 0px 0 !important;}.boxname {margin-right: 15px;}.new-form .new-width .row .col-md-11 {margin-bottom: 0;}.customized_columns span.options {display: grid; grid-template-columns: repeat(3,18px auto); align-items: baseline;}/*20221004 修改*/ 
.customized_columns span.options{align-items: center}

/*內頁 end*/ 

/*小螢幕 start*/ 


@media (max-width:1700px){.about_block .container .RWDedictor {padding: 0 7%}}@media (max-width:1500px){.RWDphoto004 .xicon-item a.xicon-logo {width: 150px !important;height: 150px !important;}}@media (max-width:1400px){.RWDmenu_plus03 .mCSB_container {column-gap: 50px;}.RWDbanner_plus01 .slick-caption .txt1 {font-size:40px}}@media (max-width:1280px){.RWDphoto004 .xicon-item a.xicon-logo {width: 120px !important;height: 120px !important;}.RWDmenu_plus03 .header.is-scroll {padding: 0px 60px 0;}}

/*小螢幕 end*/ 

/*1199px start*/ 

@media (max-width: 1199px) {
.RWDmenu_plus03 .header {background-color: transparent;}.ml-stack-nav-toggle {margin-top:6px}.RWDbanner_plus01 .slick-caption .txt1 {font-size: 34px;letter-spacing: 40px;}.txt_l {width: 480px;}.txt_r {width: calc(100% - 480px)}.txt02 .block_01 {width:calc(100% - 400px)}.txt02 .block_02 {width:400px;    letter-spacing: 3px;}.txt01 h2:nth-child(3)::before {bottom:0}.txt02 .block_02 h4 {font-size:16px}.RWDProduct015 .product_box {padding: 0 calc(50px / 2);width: calc(100% / 3);}@keyframes bn01{0% {hegith:0;transition: 0.4s;transform: rotate(56deg);bottom: 8px;left: 16px}100% {height:400px;transition: 0.4s;transform: rotate(56deg);bottom: 8px;left: 16px}}/*內頁-main*/ 
.page_wrapper_bg section.call_to_action>.container {width: 95%;}/*內頁-次選單C*/ 
.visible-lg, .visible-md, .visible-sm, .visible-xs {display: block !important;}.device-nav {display: none !important;}/*內頁-about*/ 
.about .about-ceo .pic {margin-right: 20px;}.about .about-ceo .pic img {max-width: 330px;}.about .about-awards ul li span {padding-right: 30px;}/*內頁-contact*/ 
.customized_columns span.options {grid-template-columns: repeat(2,18px auto);}/*內頁-works*/ 
.works-top .top-txt {width: 30%}
}
/*1199px end*/ 

/*1080px start*/ 


@media (max-width: 1080px) {.RWDphoto004 .xicon-item {width: calc(100% / 4 - 30px) !important;margin: 0 calc(30px / 2) 100px !important;}.RWDphoto004 .logo-wall { justify-content: flex-start;}.RWDphoto004 {margin: 30px auto;}.txt01 h2 {font-size: 100px !important;letter-spacing: 2px;}.about_block .container {padding:120px 0}.txt_l {width: 400px;padding-right: 0;}.txt_r {width: calc(100% - 400px);}/*內頁-contact*/ 
.contact p.memo br {display: none;}}

/*1080px end*/ 

/*1024px start*/ 

@media (max-width: 1024px) {
.RWDbanner_plus01.full .banner-slider.bg .slick-item {max-height: calc(100vh - 64px)!important;height: calc(100vh - 64px)!important;}.RWDalert_fancybox.bottom {flex-direction: column;}.RWDalert_fancybox .btn {    margin: 10px 0 0 0 !important;}/*內頁-main*/ 
.page_wrapper_bg section.call_to_action {padding: 70px 0 85px;}/*內頁-主標*/ 
.page_wrapper_bg .hgroup h1 {font-size: 70px;}/*內頁-about*/ 
.about .about-intro, .about .about-ceo {margin-bottom: 130px;}/*內頁-service*/ 
.service .item {margin-bottom: 60px;}.service .item .txt {width: 63%;}.service .item .pic img {max-height: 230px;}/*內頁-works內容*/ 
.works-top {flex-wrap: wrap;}.works-top .top-name {width: 100%; margin-bottom: 40px;}.works-top .top-txt {margin: 0 8% 0 0; width: 45%;}.works-top .top-name .title {display: inline-block; margin-right: 5px;}.works-top .top-name .subtitle {display: inline-block;}/*內頁-contact*/ 
.formdesc.col-md-6 {width: 42%;}.customized_columns.col-md-6.new-width {width: 58%;}
}
/*1024px end*/ 

/*991px start*/ 

@media (max-width: 991px) {
.RWDmenu_plus03 .logo {width: 200px;}.banner_block .container {width: 85% !important;}.RWDmenu_plus03 .ml-stack-nav__link {font-size:16px;letter-spacing: 1px;}.RWDmenu_plus03 nav#ml-stack-nav-1 li {min-width: 130px;}.RWDmenu_plus03 .mCSB_container {column-gap: 30px;}.txt01 h2 {font-size: 80px !important;}.s_l span, .s_r span {font-size: 16px;}.txt_l {width: 350px;padding-right: 0;}.txt_r {width: calc(100% - 350px);}.txt01 h2:nth-child(3)::before {    bottom: -10px;}#m_RWDfullscreen01_50_1 .picbgbox {height: 600px !important;}.summer_txt {min-height:600px !important}.RWDProduct015 .product_box {padding: 0 calc(50px / 2);width: calc(100% / 2);}.logo_block .container {width: 90% !important;}/*內頁-按鈕-確定送出*/ 
.ebtn {margin-right: 0px;}/*內頁-次選單C*/ 
.m2018 .products-nav>ul>li {margin-right: 25px;}/*內頁-contact*/ 
.formdesc.col-md-6 {width: 100%;}.customized_columns.col-md-6.new-width {width: 100%; border-left: none; padding-left: 15px; padding-top: 40px; border-top: 1px solid #cdcdcd;}.form-horizontal .form-group {margin-left: 0; margin-right: 0;}.new-form .new-width .col-md-11 {padding-left: 15px;}.customized_columns span.options {grid-template-columns: repeat(3,18px auto);}label.error {padding-left: 0 !important;}
}
/*991px end*/ 

/*850px start*/ 

@media (max-width: 850px) {
.txt01 h2 {font-size: 65px !important;}.txt01 h2:nth-child(2) {margin:40px 0}/*內頁-about*/ 
.about .about-awards ul {font-size: 15px;}/*內頁-service*/ 
.service .item .txt {width: 90%;}.service .item .txt p br {display: none;}/*內頁-works內容*/ 
.works-top .top-txt {margin: 0 5% 0 0;}
}
/*850px end*/ 

/*800px start*/ 

@media (max-width: 800px) {
.RWDphoto004 .xicon-item {margin-bottom:40px}.RWDphoto004 .xicon-item a.xicon-logo {width: 100px !important;height: 100px !important;}.RWDsocial001 {margin-bottom:8px}.RWDmenu_plus03 .header.is-scroll {padding: 0px 40px 0;}/*內頁-main*/ 
.page_wrapper_bg section.call_to_action>.container {width: 100%;}/*內頁-主標*/ 
.page_wrapper_bg .hgroup .container {margin-left: 0px;  margin-right: 0px; padding: 0 15px;}/*內頁-about*/ 
.page_wrapper_bg .hgroup h1 {font-size: 62px;}.about .about-awards ul {font-size: 15px;}.about .about-awards ul li {line-height: 1.5; margin-bottom: 15px; display: flex;}/*內頁-service*/ 
.service {display: flex; flex-wrap: wrap;}.service:before {position: absolute;}.service .item {width: calc(50% - 20px); flex-direction: column; border-bottom: 1px solid #cdcdcd; padding-bottom: 30px; margin-bottom: 30px;}.service .item:last-child {border: none;}.service .item:nth-child(odd) {margin-right: 40px;}.service .item .txt {width: 100%; min-height: 318px;}.service .item .txt h4 {flex-direction: column; align-items: start;}.service .item .txt h4 span:before {display:none;}.service .item .txt p, .service .item .txt ul {font-size: 14px !important;}.service .item .pic {display: flex; justify-content: center;}.service .item .pic img {max-height: none; width: 80%; height: 100%;}/*內頁-wors內容*/ 
.works-top .top-info {margin-top: 40px;}.works-top .top-txt {margin: 0; width: 100%;}/*內頁-按鈕-確定送出*/ 
.ebtn {width: auto;}/*內頁-範例-圖文輪播*/ 
.RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list {width: 100%; float: none; padding-right: 0px; padding-left: 0px; margin: 0 auto;}.RWDslider01 .text {width: 100%; float: none; margin: 0 auto; padding-bottom: 40px;}.RWDslider01 .control-box, .RWDslider01.pic-right .control-box {position: static; margin-left: inherit; text-align: center;}
}
/*800px end*/ 

/*767px start*/ 

@media (max-width: 767px) {
.txt_top {flex-direction: column-reverse;}.txt_l {width: 100%;flex-flow: wrap;}.s_l span, .s_r span {width: calc(100% / 3);}.s_l, .s_r {width: 70%;display: flex;}.s_l {margin-bottom:15px}.txt_r {width: 100%; margin-bottom: 50px;}.txt01 h2:nth-child(2) {padding-left: 16%;}.txt01 h2:nth-child(3) {padding-left: 12%;}.RWDmenu_plus03 .header {padding:20px 40px}/*內頁-文章列表F*/ 
.layoutlist_7 .litem {width: calc(100% /2 - 1px); min-height: 270px; margin: 0 0 4vw !important;}.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}/*內頁-次選單C*/#sidebar .products-nav ul {flex-wrap: wrap; padding: 0 15px; margin-bottom: 50px;}.m2018 .products-nav>ul>li {width: 30%; margin-right: 0;}
}
/*767px end*/ 

/*750px start*/ 


@media (max-width: 750px) {}

/*750px end*/ 

/*700px start*/ 


@media (max-width: 700px) {.RWDmenu_plus03 .mCSB_container {flex-flow: wrap;}.RWDmenu_plus03 nav#ml-stack-nav-1 li {width: 100%}.RWDphoto004 .xicon-item {width: calc(100% / 3 - 30px) !important;margin-bottom:30px !important}.RWDphoto004 .xicon-item a.xicon-logo {width: 120px !important;height: 120px !important;}.summer_txt h2 {font-size:80px;word-break: break-all;line-height:1}.summer_txt h5 {font-size: 14px;}/*內頁-文章列表F*/ 
.layoutlist_7 .litem {min-height: 255px;}/*內頁-about*/ 
.about .about-intro, .about .about-ceo {margin-bottom: 100px;}}

/*700px end*/ 

/*650px start*/ 


@media (max-width: 650px) {.s_l, .s_r {width: 90%;}.txt01 h2 {letter-spacing:0}/*內頁-文章列表F*/ 
.layoutlist_7 .litem {min-height: 240px;}}

/*650px end*/ 

/*600px start*/ 

@media (max-width: 600px) {
.txt01 h2:nth-child(2) {    padding-left: 0;    float: right;max-width: none;}.txt01 h2:nth-child(3) {    padding-left: 8%;}.RWDProduct015 .product_box {padding: 0;width: 100%;}/*內頁-main*/ 
.page_wrapper_bg section.call_to_action>.container {padding-left: 10px; padding-right: 10px;}.page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg .article-text .container {padding-left: 10px; padding-right: 10px;}/*內頁-主標*/ 
.page_wrapper_bg .hgroup .container {padding: 0;}.page_wrapper_bg .hgroup .container .page_subject {padding: 0 10px !important;}.page_wrapper_bg .hgroup h1 {font-size: 55px;}/*內頁-about*/ 
.about .about-intro:before {width: 100%;}.about .about-intro, .about .about-ceo {margin-bottom: 60px;}.about .about-intro p br {display: none;}.about .about-awards ul li {letter-spacing: 1px; margin-bottom: 30px;}/*內頁-次選單C*/#sidebar .products-nav ul {padding: 0 5px;}.m2018 .products-nav>ul>li {width: 35%;}/*內頁-文章列表F*/ 
.layoutlist_7 .litem {width: 100%; min-height: auto; margin: 0 0 40px !important;}/*內頁-service*/ 
.service:before {width: 100%;}.service .item {width: 100%;}.service .item:nth-child(odd) {margin-right: 0;}.service .item .txt {min-height: auto;}.service .item .pic { justify-content: left;}.service .item .pic img {width: 196px;}.service .item .txt h4 {flex-direction: row; align-items: center;}.service .item .txt h4 span:before {content: ''; position: relative; width: 1px; height: 16px; display: inline-block; left: 0; top: 2px; background: #666; margin: 0 16px 0 14px;}/*內頁-按鈕-回上一頁*/ 
.btn.btn_back {float: none; width: 100%;}/*內頁-按鈕-確定送出*/ 
.ebtn {width: 100%;}/*內頁-圖文輪播*/ 
.RWDslider01 .products-list {margin: 0;}/*內頁-contact*/ 
.customized_columns span.options {grid-template-columns: repeat(2,18px auto);}
}
/*600px end*/ 

/*500px start*/ 


@media (max-width: 500px) {.RWDmenu_plus03 .logo {width: 180px;}.RWDbanner_plus01 .slick-caption .txt1 {font-size: 32px;letter-spacing: 24px;}.RWDbanner_plus01 .slick-caption .txt2 {letter-spacing: 5px;}.txt02 .block_01 {    width: calc(100% - 200px);    padding-right: 50px;padding-top: 12px;}.txt02 .block_02 {    width: 200px;margin-top:0}.txt02 {    align-items: flex-start;}@keyframes bn01{0% {transform: rotate(48deg);}100% {height:320px;transition: 0.4s;transform: rotate(48deg);}}/*內頁-about*/ 
.about .about-ceo {flex-direction: column; align-items: baseline;}.about .about-ceo .pic {margin-right: 0; margin-bottom: 15px;}.about .about-ceo .pic img {max-width: 100%;}}

/*500px end*/ 

/*480px start*/ 

@media (max-width: 480px) {
.RWDmenu_plus03 .is-scroll .logo {width: 150px;}.RWDmenu_plus03 .is-scroll .ml-stack-nav-toggle {margin-top: 26px;}.footer_block .container {padding:60px 0 50px}.txt01 h2 {    font-size: 50px !important;}.txt01 h2:nth-child(2) {    margin: 30px 0;}.txt01 {    margin: 80px 0;}.s_l, .s_r {    width: 100%;}.RWDbanner_plus01.full .banner-slider.bg .slick-item {max-height: calc(100vh - 65px)!important;height: calc(100vh - 65px)!important;}.RWDProduct015 .product_box {margin-bottom:20px}.summer_txt h2 {font-size:50px}/*內頁-works 內容*/ 
.works-top {margin: 30px 0;}/*內頁-次選單C*/ 
.m2018 .products-nav>ul>li {width: 40%;}.RWDmenu_plus03 .features .search-btn {    margin: 0;}.RWDmenu_plus03 .is-scroll .ml-stack-nav-toggle {    margin-top: 13px;}
}
/*480px end*/ 

/*414px start*/ 


@media (max-width: 414px) {.RWDphoto004 .xicon-item {width: calc(100% / 2 - 30px) !important;}.RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {text-align: left;}.banner_block .container {width:100% !important;padding: 0 40px;}.RWDbanner_plus01 .slick-caption {width:100% !important}.banner_block .container::before {left:40px}.footer_block {font-size: 12px;letter-spacing: 2px;}.RWDphoto004 .xicon-item a.xicon-logo {width: 150px !important;height: 120px !important;}.s_l span, .s_r span {    font-size: 13px;}.txt01 h2 {    font-size: 35px !important;}.txt01 h2:nth-child(3)::before {    bottom: -19px;    width: 70px;    font-size: 15px;    right: -80px;}.txt01 h2:nth-child(2) {    margin: 25px 0;}.txt02 .block_02 {letter-spacing:3px}.txt02 .block_02 h4 {font-size:15px}.txt02 .block_01 {padding-right:0}.s_l {margin-bottom: 5px;}.summer_txt h5 {font-size:12px}/*內頁-works內容*/ 
.works-top .top-name .title {display: block; font-size: 20px;}.works-top .top-name .subtitle {display: block;}.works-top .top-txt p {font-size: 14px;}.works-top .top-info .item p {font-size: 14px;}.works-top .top-info .item .item-title {min-width: 148px;}.works-top .top-info .item .item-title:after {margin: 0 12px; top: 6px;}.works-down ul {font-size: 14px;}.works-down h4 {font-size: 20px !important;}/*內頁-範例-時間軸*/ 
.RWDtimeline01 li.event .point .date {font-size: 15px; margin: 0;}}

/*414px end*/ 

/*380px start*/ 

@media (max-width: 380px){
.s_l span, .s_r span {    font-size: 12px;letter-spacing: 0;}.s_l {    margin-bottom: 8px;}.txt01 {    margin: 60px 0;}/*內頁-service*/ 
.service .item .pic img {width: 70%;}.service .item .txt h4 {flex-direction: column; align-items: start;}.service .item .txt h4 span:before {display:none;}/*內頁-contact*/ 
.customized_columns span.options {grid-template-columns: repeat(1,18px auto);}/*內頁-次選單C*/ 
.m2018 .products-nav>ul>li {width: 50%;}
}
/*380px end*/ 

/*350px start*/ 


@media (max-width: 350px) {.RWDbanner_plus01 .slick-caption .txt1 {letter-spacing: 18px;}.RWDmenu_plus03 .header.is-scroll {padding: 0px 20px 0;}.RWDmenu_plus03 .logo {width: 150px;}.RWDmenu_plus03 .ml-stack-nav-toggle {width:25px}}

/*350px end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */