a{text-decoration:none}a:hover, a:active, a:focus, a:visited {text-decoration:none;}.row {margin-left:0px;margin-right:0px;}/*loading*/ 
.RWDfakeloader {position: relative;}.RWDfakeloader .fl img {width: 80px}/*logo*/ 
.RWDmenu_plus03 .logo {width: 40px;margin-top:25px}/*menu*/ 
.RWDmenu_plus03 .header {padding: 0 30px;}.RWDmenu_plus03 .header.is-scroll {background-color: transparent;box-shadow: none;}.ml-stack-nav-toggle {position: absolute;left: 29px;top: 80px;width: 40px;height:40px;margin: 0;}.ml-stack-nav-toggle__line {width: 38px;background: #fff;height: 1.2px;}.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(2) {top: 14px;}.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(3) {top: 14px;}.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(4) {display:none}.ml-stack-nav__link {transition: 0.4s;}.ml-stack-nav__link:hover {color: #02B3E5 !important;transition: 0.4s;}.ml-stack-nav {    border-top-right-radius: 30px;    border-bottom-right-radius: 30px;    right: auto;    left: 0;transform: translate3d(-100%,0,0);    -o-transform: translate3d(-100%,0,0);    -webkit-transform: translate3d(-100%,0,0);}.RWDmenu_plus03 .overlay {z-index:100}.ml-stack-nav__back {color:#9BC83A;border-bottom: 1px solid #9BC83A;}/*banner*/ 
.banner_block {padding-left: 100px;position: relative;}.banner_block::before {content: "";width: 100%;height: 100%;background: #02B3E5;position: absolute;top: 0;left: 0;z-index:-2}.banner_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.RWDbanner_plus01 .logo img {height: 350px !important;margin-bottom: 0 !important;object-fit: contain;}.RWDbanner_plus01 .slick-caption {top: 50%;transform: translateY(-50%);}.RWDbanner_plus01 .slick-active .fadeInLeft01, .RWDbanner_plus01>.slick-caption .fadeInLeft01 {animation-name: fadeInUp;}/*輪播點*/ 
.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: #20bce8}/*統一圖文*/ 
.RWDleft_cont002 .item-second {background: transparent;}.RWDleft_cont002 .item-second .text-box {background: transparent;padding: 0 100px 0 0;position: relative;}.RWDleft_cont002 .item-second .text-box a {display:none}.RWDleft_cont002 .item-second .text-box .underline {display:none}.RWDleft_cont002 .item-second .text-box .text {width: 100%;line-height: 2;text-align: justify;font-size: 16px;letter-spacing: 1px;}.RWDleft_cont002 .item-second .text-box .title {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;}.RWDleft_cont002 .item-second .text-box .title span {font-family: 'Noto Sans TC', sans-serif;font-weight: 300;letter-spacing: 0;margin-right: 6px;}.RWDleft_cont002 .item-second:hover .pic img {transform: scale(1);}.RWDright_cont002 .item-first {background: transparent;}.RWDright_cont002 .item-first .text-box a {display:none}.RWDright_cont002 .item-first .text-box .underline {display:none}.RWDright_cont002 .item-first .text-box .text {width: 100%;line-height: 2;text-align: justify;font-size: 16px;letter-spacing: 1px;}.RWDright_cont002 .item-first .text-box {padding:0 0 0 80px}.RWDright_cont002 .item-first:hover .pic img {transform: scale(1);}/*理念*/ 
.culture_block {padding: 100px 0;position: relative;}.culture_block::before {content: "";width: 100%;height: 100%;background: #02B3E5;position: absolute;top: 0;left: 0;z-index:-2}.culture_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.culture_block .RWDleft_cont002 .item-second .text-box .subtitle {    font-family: 'Noto Serif TC', serif;    font-size: 34px;    font-weight: 700;    letter-spacing: 2px;    line-height: 1;    writing-mode: vertical-lr;    position: absolute;    right: 0;    top: 8px;    margin: 0 100px 0 0;}.culture_block .RWDleft_cont002 .container {width: 100%;padding: 0 0 0 11%;}.culture_block .RWDleft_cont002 .item-second .text-box {width: 600px;}.culture_block .RWDleft_cont002 .item-second .pic {width: calc(100% - 600px);}.culture_block .RWDleft_cont002 .item-second .text-box .text {margin-top: 200px;}.culture_block .top_block {margin-bottom: 200px;}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box .title {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box .subtitle {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;margin-top:0}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box {width: 600px;padding-left: 100px;}.culture_block .bottom_block .RWDright_cont002 .item-first .pic {width:calc(100% - 600px)}.culture_block .bottom_block .RWDright_cont002 .container {width: 80%;}.culture_block .bottom_block .RWDright_cont002 .item-first .pic img {height: 650px;object-fit: cover;object-position: center;width: 100%;}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box .text {margin-top:120px}/*意匠*/ 
.concept_block .top_block {padding-bottom:100px}.concept_block .top_block .RWDedictor008 {display: flex;align-items: flex-start;}.concept_block .top_block .concept_left {width: 60%;padding-left:11%;position: relative;display: flex;align-items: flex-start;}.concept_block .top_block .concept_right {width: 40%;padding-left: 80px;}.concept_block .top_block .concept_right img {width: 100%;height: 1000px;object-fit: cover;}.concept_block .top_block .concept_left .concept_txt {position: relative;color:#fff;width:600px;padding-right:100px}.concept_block .top_block .concept_left .concept_txt .title_block .title {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;}.concept_block .top_block .concept_left .concept_txt .title_block .title span {font-family: 'Noto Sans TC', sans-serif;font-weight: 300;letter-spacing: 0;margin-right: 6px;}.concept_block .top_block .concept_left .concept_txt .title_block .subtitle {font-family: 'Noto Serif TC', serif;font-size: 34px;font-weight: 700;letter-spacing: 2px;line-height: 1;writing-mode: vertical-lr;position: absolute;right: 0;top: 8px;margin-right:100px}.concept_block .top_block .concept_left .concept_txt .text {line-height: 2;text-align: justify;font-size: 16px;letter-spacing: 1px;margin-top: 200px;}.concept_block .top_block .concept_simg {width: calc(100% - 600px);}.concept_block .top_block .concept_simg img {width: 100%;height: 400px;object-fit: cover;object-position: top;}.concept_block .top_block .concept_simg .img01 {margin-bottom: 50px;}.concept_block .top_block .concept_simg h4 {font-size: 15px;line-height: 1.5;color: #000;letter-spacing: 0.5px;font-weight: bold;}/*左腦主張*/ 
.concept_block {padding: 100px 0;position: relative;}.concept_block .container {width: 100%;padding: 0 0 0 11%;}.concept_block::before {content: "";width: 100%;height: 100%;background: #9BC83A;position: absolute;top: 0;left: 0;z-index:-2}.concept_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.concept_block .RWDleft_cont002 .item-second .text-box .subtitle {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;margin-top: 0;}.concept_block .RWDleft_cont002 .container {width: 100%;padding: 0 0 0 11%;}.concept_block .RWDleft_cont002 .item-second .text-box {width: 600px;}.concept_block .RWDleft_cont002 .item-second .pic {width: 100%;}.concept_block .RWDleft_cont002 .item-second .text-box .text {margin-top: 120px;}.concept_block .RWDleft_cont002 .item-second > a {width:calc(100% - 600px)}.concept_block .RWDleft_cont002 .item-second {display: flex;align-items: flex-end;flex-direction: row-reverse;}/**/ 
.works_block {padding: 100px 0;position: relative;}.works_block::before {content: "";width: 100%;height: 100%;background: #02B3E5;position: absolute;top: 0;left: 0;z-index:-2}.works_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.works_block .RWDleft_cont002 .container {width: 100%;padding: 0 11%;}.works_block .RWDleft_cont002 .item-second .text-box {width: 600px;}.works_block .RWDleft_cont002 .item-second .pic {width: calc(100% - 680px);}.works_block .RWDleft_cont002 .item-second .text-box .text {margin-top: 200px;}.works_block .top_block {margin-bottom: 200px;}.works_block .RWDleft_cont002 .item-second .text-box .subtitle {    font-family: 'Noto Serif TC', serif;    font-size: 34px;    font-weight: 700;    letter-spacing: 2px;    line-height: 1;    writing-mode: vertical-lr;    position: absolute;    right: 0;    top: 8px;    margin: 0 100px 0 0;}/**/ 
.news_block {padding: 100px 0;position: relative;}.news_block::before {content: "";width: 100%;height: 100%;background: #9BC83A;position: absolute;top: 0;left: 0;z-index:-2}.news_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.news_block .container {width: 80%;}.news_block .RWDleft_cont002 .container {width: 100%;padding: 0;}.news_block .RWDleft_cont002 .item-second {display: flex;flex-direction: row-reverse;align-items: baseline;}.news_block .RWDleft_cont002 .item-second .pic {width: 100%;}.news_block .RWDleft_cont002 .item-second > a {width: calc(100% - 600px);padding-left: 135px;}.news_block .RWDleft_cont002 .item-second .text-box {width: 600px;padding: 0 100px 0 0;transform: translateY(-100px);}.news_block .RWDnews_listblock h2 {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;color:#fff}.news_block .RWDnews_listblock h3 {font-family: 'Noto Serif TC', serif;font-size: 34px;font-weight: 700;letter-spacing: 2px;line-height: 1;writing-mode: vertical-lr;position: absolute;right: 0;top: 8px;margin: 0 100px 0 0;color:#fff}.news_block .RWDnews_listblock h2 span {font-family: 'Noto Sans TC', sans-serif;font-weight: 300;letter-spacing: 0;margin-right: 6px;}.news_block .RWDnews_listblock {width: 600px;padding-right: 100px;position: absolute;top: 0;left: 0;z-index:1}.news_block .RWDnews_listblock ul {margin: 200px 0 0 0;color: #fff;font-size: 15px;letter-spacing: 0.5px;}.news_box {position: relative;}.RWDnews_listblock li a {color: #fff;line-height: 1.5;}.RWDnews_listblock li {border-bottom: 1px solid rgb(255 255 255 / 60%);}/* index link */ 
.index .item-second a,.index .item-first a{    pointer-events: none;}
/*內頁 start*/

body .page_wrapper_bg,html {    letter-spacing: 1px;}.page_wrapper_bg a:hover,.page_wrapper_bg a:focus {    color: #02B3E5;}.page_wrapper_bg p,.page_wrapper_bg h3,.page_wrapper_bg ul,.page_wrapper_bg span{    color: #fff;}.page_wrapper_bg section.call_to_action>.container {    width: 80%;}.page_wrapper_bg section.hgroup .container {    width: 100%;    margin: 2rem auto 4rem;}.page_wrapper_bg .article-text .container {    width: 90%;}.page_wrapper_bg section.call_to_action {    padding: 2rem 0 7rem 0;}.page_wrapper_bg .hgroup .breadcrumb {    border: solid 0px #ccc;    background-color: transparent;    font-weight: 600;    bottom: unset;}.page_wrapper_bg .page_subject {    display: flex;    flex-direction: row;    border-bottom: 1px solid #fff;    align-items: center;    margin-top: 1rem ;}.page_wrapper_bg .breadcrumb>li+li:before,.page_wrapper_bg .hgroup .breadcrumb a {    color: #fff;}.page_wrapper_bg .hgroup .container {    border-bottom: 0px;}.pagecontent .article_model[data-seq="0"] {    margin-top: 0px!important;}/* Btn */ 
.page_wrapper_bg .btn_back{    border-radius: 0px;    margin-top: 20px;    background: #02B3E5 !important;    border: 0px !important;    padding: 15px 50px;    font-size: 15px;    float: right;}.page_wrapper_bg .btn_back a{    color: #fff !important;}.article1.id24 .RWDeditor01 .model-title{    display: none;}/* Banner */ 
.page_wrapper_bg .RWDbanner_plus01 .container {    width: 80%;}.page_wrapper_bg .banner_block::before {    z-index: -1;}.page_wrapper_bg section.call_to_action::before {    content: "";    width: 100%;    height: 100%;    background: #9BC83A;    position: absolute;    top: 0;    left: 0;    z-index: -2;}.page_wrapper_bg section.call_to_action::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.page_wrapper_bg .pageTitle span {    font-family: 'Noto Sans TC', sans-serif;    font-weight: 300;    letter-spacing: 0;    margin-right: 6px;}.page_wrapper_bg .pageTitle {    font-family: 'Noto Serif TC', serif;    font-size: 26px;    font-weight: 700;    letter-spacing: 1.5px;    line-height: 1.5;    color: #fff;}.layoutlist_8 .article_subject{    font-family: 'Noto Serif TC', serif;    font-size: 20px;    font-weight: 700;    letter-spacing: 1.5px;    line-height: 1.5;    color: #fff;}.layoutlist_8 .item{    border-bottom: 1px solid #fff;}.layoutlist_8 .item:nth-child(2){    padding: 0px 0px 44px!important; }.layoutlist_8.rwd .listdate .day,.layoutlist_8 .listdate .day,.layoutlist_8 .listdate .yearmonth{    color: #fff;}/* Portfolio */ 
.portfolio {    display: flex;    flex-direction: row;    flex-wrap: wrap;    padding-bottom: 5rem;    border-bottom: 1px solid #fff;}.portfolio .main-image,.portfolio .portfolio-info {    width: 50%;}.portfolio .portfolio-info {    padding: 0rem 10rem 0rem 5rem;    position: relative;}.portfolio .portfolio-info h3 {    font-size: 35px;    font-family: 'Noto Serif TC', serif;    font-weight: 700;    letter-spacing: 1.5px;    line-height: 1.5;    color: #fff;}.portfolio .portfolio-info h3 span {    font-size: 20px;}.portfolio .portfolio-info h4 {    font-size: 4rem;    color: #ffffff69;    transform: rotate(90deg);    position: absolute;    font-family: 'Noto Serif TC', serif;    font-weight: 700;    right: -60px;    bottom: 2rem;}.portfolio .portfolio-info ul {    list-style: square;    color: #fff;    font-size: 16px;    font-weight: 500;    padding-left: 20px;    margin-top: 3rem;}.portfolio .portfolio-info li {    line-height: 2;}.portfolio .portfolio-info p {    color: #fff;    font-size: 16px;    font-weight: 500;    line-height: 1.5;    letter-spacing: 1px;    margin-top: 3rem;}.layoutlist_8 .list_subject .summary a,.page_wrapper_bg p{    color: #fff;    font-size: 16px;    font-weight: 500;    line-height: 1.5;    letter-spacing: 1px;}.portfolio .image {    display: flex;    margin: 0rem -1.5rem;}.portfolio .image img {    width: calc(100%/3 - 3rem);    margin: 3rem 1.5rem 0;}.portfolio.item-02 {    flex-direction: row-reverse;}.portfolio.item-02 .portfolio-info {    padding: 0rem 5rem 0rem 10rem;}.portfolio.item-02 .portfolio-info h4 {    right: unset;    left: -50px;}.portfolio.item-03 .portfolio-info {    width: 50%;    padding: 0rem 5rem 0rem 10rem;}.portfolio.item-03 .main-image {    width: 50%;    margin: 0rem -1.5rem;    display: flex;    align-items: center;}.portfolio.item-03 .portfolio-info h4 {    right: unset;    left: -50px;}.portfolio.item-03 .main-image img {    width: calc(50% - 1.5rem);    margin: 0rem 1.5rem 0rem;}.portfolio.item-04 .portfolio-info h4 {    right: -60px;}.portfolio.item-04 .portfolio-info {    width: 100%;    padding: 0rem 6rem 3rem 0rem;}.portfolio.item-04 .main-image {    width: 100%;    display: flex;    align-items: center;    margin: 0rem -1.5rem;}.portfolio.item-04 .main-image img {    width: calc(50% - 1.5rem);    margin: 0rem 1.5rem 0rem;}.portfolio.item-04 .portfolio-info h4 {    bottom: 6rem;}.portfolio.item-04 {    border-bottom: 0px solid #fff;}/* timeline */ 
.article2.id76 .pagecontent {    background: #fff;    padding: 3rem!important;}.page_wrapper_bg .RWDtimeline01 .model-title,.page_wrapper_bg .RWDtimeline02 .model-title {    font-family: 'Noto Serif TC', serif;    font-size: 26px;    font-weight: 700;    letter-spacing: 1.5px;    line-height: 1.5;    color: #000;}.page_wrapper_bg .RWDtimeline01 li.event .point .date,.page_wrapper_bg .RWDtimeline02 .timeline2_list .block .year {    font-size: 13px;}.page_wrapper_bg .RWDtimeline01 li.event .point .title {    font-size: 20px;    color: #000;}.page_wrapper_bg .RWDtimeline01 li.event .point .date{    color:#888;}/* sidebar */#sidebar .products-nav{    background: #fff;}.page_wrapper_bg .m2018 .products-nav .nav-title {    background: #02B3E5 ;    color: #fff;    font-weight: 500;    padding: 10px 20px;    text-align: left;    font-weight: bold;    font-size: 18px;    margin-bottom: 0px;}.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a:hover {    color: #02B3E5 ;    transition: 0.4s;}.page_wrapper_bg #sidebar .products-nav ul{    padding: 0px 20px;}.page_wrapper_bg .m2018 .products-nav>ul>li>a {    padding: 15px 0px;    transition: 0.4s;    color: #000;}.page_wrapper_bg .m2018 .products-nav>ul>li {    padding: 0 0 0px 0px;    margin: 0px;    border-bottom: 1px solid #02B3E5;}.page_wrapper_bg .m2018 .products-nav>ul>li:last-child{    border-bottom: 0px}.page_wrapper_bg .m2018 .products-nav ul li>ul>li.active>a, .page_wrapper_bg .m2018 .products-nav ul li>ul>li.is-open>a,.page_wrapper_bg .m2018 .products-nav ul .active>a{    color: #02B3E5 ;    transition: 0.4s;}/* slick */ 
.page_wrapper_bg .products-item .editor {    color: #fff;    font-size: 16px;    font-weight: 500;    line-height: 1.8;    letter-spacing: 1px;}.page_wrapper_bg .RWDslider01 .control-box {    color: #e3e3e3;}.page_wrapper_bg .RWDslider01 .control-box .slick-dots li,.page_wrapper_bg .RWDslider01 .slick-arrow:before {    color: #fff;}.page_wrapper_bg .RWDslider01 .slick-dots button {    font-size: 22px;}/* Privacy */ 
.privacy-page .content-part li {    list-style: square;    line-height: 1.5;    margin-bottom: 0.5rem;}.privacy-page .content-part ul {    padding-left: 20px;}.privacy-page .content-part {    flex-direction: column;    row-gap: 3rem;    align-items: start;    display: grid;}.privacy-page .content-text {    flex-direction: column;}.privacy-page .content-part h3 {    margin-bottom: 2rem;    font-size: 24px;}.privacy-page p{    margin-top: 0rem;}.privacy-page{    width: 80%;    margin: auto;}

/*內頁 end*/
/*footer start*/

.footer_block {padding: 80px 0;position: relative;}.footer_block::before {content: "";width: 100%;height: 100%;background: #02B3E5;position: absolute;top: 0;left: 0;z-index:-2}.footer_block::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.footer_block .container {display: flex;align-items: flex-start;width:80%}.footer_block .contact_txt {position: relative;color:#fff;width:600px;padding-right:100px}.footer_block .contact_txt .title_block .title {font-family: 'Noto Serif TC', serif;font-size: 26px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;}.footer_block .contact_txt .title_block .title span {font-family: 'Noto Sans TC', sans-serif;font-weight: 300;letter-spacing: 0;margin-right: 6px;}.footer_block .contact_txt .title_block .subtitle {font-family: 'Noto Serif TC', serif;font-size: 34px;font-weight: 700;letter-spacing: 2px;line-height: 1;writing-mode: vertical-lr;position: absolute;right: 0;top: 8px;margin-right:100px}.footer_block .contact_txt .text {line-height: 2;text-align: justify;font-size: 16px;letter-spacing: 1px;margin-top: 200px;}.footer_block .contact_txt b {margin-top:50px;display: block;}.footer_block .contact_txt b a {color:#fff}.footer_block .ft_right {width: calc(100% - 600px);padding-left: 135px;}.media_icon {    font-size: 22px;    margin-top: 15px;    display: flex;}.media_icon a {    padding: 5px;    background: #fff;    width: 35px;    height: 35px;    display: flex;    text-align: center;    align-items: center;    justify-content: center;    margin-right: 10px;    border: 1px solid #038caf;    border-radius: 50px;transition: 0.4s;}.media_icon a:hover {background: #038caf;color:#fff;transition: 0.4s;}.mail_icon {color:#000}.fb_icon {color:#038caf}/*cookie*/ 
.RWDalert_fancybox.bottom {width: 500px;padding: 30px 60px 20px !important;box-shadow: 1px 0px 2px rgba(20%,20%,40%,0.2) !important;}.RWDalert_fancybox .btn.active {border-radius: 0px;margin-top: 20px;background: #02B3E5 !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 a {color: #02B3E5;font-weight: bold;transition: 0.4s;}.RWDalert_fancybox.bottom a:hover {color:#02B3E5;transition: 0.4s;}/*scrollTop*/ 
.scrollTop002 {right: 10px;bottom: 80px;}

/*footer end*/
/*小螢幕 start*/

@media (max-width:1920px) {    .concept_block .top_block .concept_simg img {        height: 280px    }    .concept_block .top_block .concept_right img {        height: 750px    }    .page_wrapper_bg section.call_to_action>.container {        width: 90%;    }    .page_wrapper_bg .RWDbanner_plus01 .container {        width: 90%;    }    .privacy-page {        width: 100%;    }}@media (max-width:1850px) {    .news_block .RWDleft_cont002 .item-second .pic img {        object-fit: cover;        width: 100%;        height: 850px;        transform: unset;    }    .news_block .RWDleft_cont002 .item-second>a {        padding-left: 80px;    }    .footer_block .ft_right {        padding-left: 80px;    }}@media (max-width:1700px) {    .concept_block .top_block .concept_left {        width: 70%    }    .concept_block .top_block .concept_right {        width: 40%;    }}@media (max-width:1600px) {    .culture_block .RWDleft_cont002 .container,    .concept_block .RWDleft_cont002 .container {        padding: 0 0 0 7%    }    .culture_block .bottom_block .RWDright_cont002 .container,    .news_block .container {        width: 88%;    }    .concept_block .top_block .concept_left {        width: 88%;        padding: 0 0 0 7%    }    .works_block .RWDleft_cont002 .container {        padding: 0 7%    }    .footer_block .container {        width: 88%;    }    .page_wrapper_bg section.call_to_action>.container {        width: 95%;    }    .page_wrapper_bg section.hgroup .container {        width: 95%;    }    .page_wrapper_bg .article-text .container {        width: 90%;    }    .article3 .page_wrapper_bg .article-text .container {        width: 90%;    }}@media (max-width:1366px) {    .concept_block .top_block .RWDedictor008 {        flex-direction: column;    }    .concept_block .top_block .concept_left {        width: 100%;    }    .concept_block .top_block .concept_simg .img01,    .concept_block .top_block .concept_simg .img02 {        display: flex;        align-items: end;    }    .concept_block .top_block .concept_simg .img01 h4,    .concept_block .top_block .concept_simg .img02 h4 {        padding: 0 15px;    }    .concept_block .top_block .concept_simg img {        height: auto;        object-fit: contain;    }    .concept_block .top_block .concept_right img {        object-fit: cover;        object-position: top;        height: auto;    }    .concept_block .top_block .concept_right {        width: 100%;        padding: 80px 0 0;    }    .news_block .container {        width: 100%;        padding: 0 0 0 7%;    }    .news_block .RWDleft_cont002 .item-second .pic img {        height: 650px    }    .culture_block .RWDleft_cont002 .item-second .text-box,    .culture_block .bottom_block .RWDright_cont002 .item-first .text-box,    .concept_block .top_block .concept_left .concept_txt,    .concept_block .RWDleft_cont002 .item-second .text-box,    .news_block .RWDnews_listblock,    .news_block .RWDleft_cont002 .item-second .text-box,    .footer_block .contact_txt,    .works_block .RWDleft_cont002 .item-second .text-box {        width: 500px;    }    .culture_block .RWDleft_cont002 .item-second .pic,    .culture_block .bottom_block .RWDright_cont002 .item-first .pic,    .concept_block .top_block .concept_simg,    .concept_block .RWDleft_cont002 .item-second>a,    .news_block .RWDleft_cont002 .item-second>a,    .footer_block .ft_right {        width: calc(100% - 500px);    }    .works_block .RWDleft_cont002 .item-second .pic {        width: calc(100% - 600px);    }    .RWDleft_cont002 .item-second .pic img {        object-fit: cover;        height: 700px;    }}@media (max-width:1280px) {    .culture_block .RWDleft_cont002 .container,    .concept_block .RWDleft_cont002 .container {        padding: 0 0 0 9%;    }    .culture_block .bottom_block .RWDright_cont002 .container {        width: 85%;    }    .works_block .RWDleft_cont002 .container,    .concept_block .top_block .concept_left,    .news_block .container {        padding: 0px 0 0 9%;    }    .works_block .RWDleft_cont002 .item-second .pic {        width: calc(100% - 500px);    }    .culture_block .top_block {        margin-bottom: 100px;    }    .concept_block .top_block .concept_simg img {        width: 300px;    }    .footer_block .container {        width: 100%;        padding: 0 0 0 9%    }    .culture_block .bottom_block .RWDright_cont002 .container {        width: 100%;        padding: 0 9% 0 0;    }    .news_block .RWDleft_cont002 .item-second>a,    .footer_block .ft_right {        padding-left: 0    }    .page_wrapper_bg section.call_to_action {        padding: 2rem 0 4rem 0;    }    .portfolio .portfolio-info {        padding: 0rem 5rem;    }    .portfolio .image img {        width: calc(100%/3 - 2rem);        margin: 2rem 1rem 0;    }    .portfolio .image {        margin: 0rem -1rem;    }    .portfolio.item-02 .portfolio-info {        padding: 0rem 4rem 0rem 6rem;    }    .portfolio .portfolio-info ul,    .portfolio .portfolio-info p {        margin-top: 2rem;    }    .portfolio.item-03 .portfolio-info {        padding: 0rem 4rem 0rem 6rem;    }    .page_wrapper_bg section.hgroup .container {        margin: 2rem auto 2rem;    }    .portfolio .portfolio-info h4 {        transform: unset;        right: 0px;        top: 10px;        bottom: unset;    }    .portfolio .portfolio-info {        padding: 0rem 0rem 0rem 3rem    }    .portfolio.item-04 .portfolio-info h4,    .portfolio .portfolio-info h4 {        font-size: 3rem;    }    .portfolio.item-03 .portfolio-info,    .portfolio.item-02 .portfolio-info {        padding: 0rem 3rem 0rem 0rem;    }    .portfolio.item-03 .portfolio-info h4 {        left: -40px;    }    .portfolio.item-03 .portfolio-info h4,    .portfolio.item-02 .portfolio-info h4 {        left: unset;        right: 40px;    }    .portfolio.item-04 .portfolio-info {        padding: 0rem 0rem 3rem 0rem;    }    .portfolio.item-04 .portfolio-info h4 {        right: 0px;    }}

/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {
.RWDmenu_plus03 .header {    background-color: transparent;}  .portfolio .portfolio-info h3 {        margin-top: 0px;    }    .RWDtimeline02 .timeline2_list .block .text-in{        max-width: 115px;    }    .portfolio .portfolio-info h4{        top: -15px;    }    .page_wrapper_bg section.call_to_action>.container {        width: 94%;    }
}
/*1199px end*/
/*1024px start*/
@media (max-width: 1024px) {
.concept_block .top_block .concept_left {    flex-direction: column;padding: 0 9%;}.concept_block .top_block .concept_simg {    width: 100%;    display: flex;    align-items: flex-start;margin-top:40px}.concept_block .top_block .concept_simg .img01, .concept_block .top_block .concept_simg .img02 {    flex-direction: column;    align-items: flex-start;    width: calc(100% / 2);margin-bottom:0}.concept_block .top_block .concept_left .concept_txt {    width: 100%;    padding: 0;}.concept_block .top_block .concept_left .concept_txt .title_block .subtitle {margin-right:0}.RWDbanner_plus01.full .banner-slider.bg .slick-item {max-height: calc(100vh - 75px)!important;height: calc(100vh - 75px)!important;}    .article2.id76 .pagecontent{        padding: 0rem 3rem 4rem!important;    }    .page_wrapper_bg .article-text .container {        width: 95%;    }    .portfolio .portfolio-info ul,    .portfolio .portfolio-info p {        margin-top: 1rem;    }    .portfolio .portfolio-info {        padding: 0rem 3rem 0rem 3rem;    }    .page_wrapper_bg .products-item .editor,    .portfolio .portfolio-info ul,    .page_wrapper_bg p,    .portfolio .portfolio-info p {        font-size: 14px;        font-weight: 400;    }
}
/*1024px end*/
/*991px start*/
@media (max-width: 991px) {
.ml-stack-nav-toggle {position: relative;left: auto;right: 0;top: auto;margin: 25px 15px 5px 0;}.RWDmenu_plus03 .header, .RWDmenu_plus03 .header.is-scroll {background: #02b3e5;padding: 0;z-index:100}.RWDmenu_plus03 .logo {margin-top: 13px;margin-left: 15px;}.RWDmenu_plus03 .header::before {    content: "";    width: 70px;    height: 70px;    position: absolute;    background: #9bc83a;    right: 0;    top: 0;}.RWDmenu_plus03 .header::after {    content: "";    width: 100%;    height: 100%;    background: transparent;    background-image: linear-gradient(rgb(255 255 255 / 30%) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(white 1px, transparent 0), linear-gradient(90deg, white 1px, transparent 0);    background-size: 0px 0px, 0px 0px, 10px 10px, 10px 10px;    position: absolute;    top: 0;    left: 0;    z-index: -1;    opacity: 0.12;}.banner_block {padding:0}.culture_block .RWDleft_cont002 .container, .concept_block .RWDleft_cont002 .container, .works_block .RWDleft_cont002 .container {padding: 0 70px;}.culture_block .RWDleft_cont002 .item-second .pic, .culture_block .bottom_block .RWDright_cont002 .item-first .pic, .concept_block .top_block .concept_simg, .concept_block .RWDleft_cont002 .item-second > a, .news_block .RWDleft_cont002 .item-second > a, .footer_block .ft_right {width: 100%;}.culture_block .RWDleft_cont002 .item-second .text-box, .culture_block .bottom_block .RWDright_cont002 .item-first .text-box, .concept_block .top_block .concept_left .concept_txt, .concept_block .RWDleft_cont002 .item-second .text-box, .news_block .RWDnews_listblock, .news_block .RWDleft_cont002 .item-second .text-box, .footer_block .contact_txt, .works_block .RWDleft_cont002 .item-second .text-box {width: 100%;padding: 0;}.culture_block .RWDleft_cont002 .item-second {display: flex;flex-direction: column-reverse;}.culture_block .RWDleft_cont002 .item-second .text-box .subtitle {margin-right:0}.culture_block .RWDleft_cont002 .item-second .text-box {margin-bottom:40px}.culture_block .bottom_block .RWDright_cont002 .container {width: 100%;padding: 0 70px;}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box, .concept_block .RWDleft_cont002 .item-second .text-box {margin-bottom:40px}.culture_block .RWDright_cont002 .item-first {display: flex;flex-direction: column-reverse;}.culture_block .bottom_block .RWDright_cont002 .item-first .pic img {height: auto;object-fit: contain;object-position: unset;}.concept_block .top_block .concept_simg img {width: 100%;}.concept_block .top_block .concept_simg {grid-column-gap: 50px;}.concept_block .RWDleft_cont002 .item-second {flex-direction: column-reverse;}.concept_block  .RWDleft_cont002 .item-second .pic img {object-fit: contain;height: auto;}.concept_block .top_block .concept_simg .img01 h4, .concept_block .top_block .concept_simg .img02 h4 {padding: 0;}.works_block .RWDleft_cont002 .item-second {display: flex;flex-direction: column-reverse;}.works_block .RWDleft_cont002 .item-second .text-box .subtitle {margin-right:0;}.works_block .RWDleft_cont002 .item-second .pic {width: 100%;}.works_block .RWDleft_cont002 .item-second .text-box {margin-bottom:40px}.works_block .RWDleft_cont002 .container, .concept_block .top_block .concept_left, .news_block .container {padding: 0 70px}.news_block .RWDnews_listblock {position: relative;}.news_block .RWDnews_listblock h3 {margin-right:0}.news_block .RWDleft_cont002 .item-second .text-box {transform: unset;margin: 100px 0 40px;}.news_block .RWDleft_cont002 .item-second .pic img {height: auto;object-fit: contain;}.news_block .RWDleft_cont002 .item-second {flex-direction: column-reverse;}.footer_block .container {padding: 0 70px;flex-direction: column;}.ft_left {width: 100%;margin-bottom:40px}.footer_block .contact_txt .title_block .subtitle {margin-right:0}.RWDmenu_plus03 .header.is-scroll {box-shadow: 0 4px 9px hsl(193deg 57% 34% / 40%);}.ft_right iframe {height: 300px;}.RWDleft_cont002 .item-second .pic img {    object-fit: contain;    height: auto;}  .layoutlist_8 .item:nth-child(2){        padding: 20px 5px!important;    }    .portfolio .portfolio-info h4 {        top: 10px;    }    .page_wrapper_bg section.call_to_action>.container {        width: 100%;    }    .article3 .page_wrapper_bg .article-text .container,    .article2 .pagecontent.menu8{        padding: 15px!important;    }    .article2.id76 .pagecontent{        margin: 0px 15px;        padding: 0rem 3rem 7rem!important;    }    #sidebar{        margin-bottom: 2rem;    }    .article3 .page_wrapper_bg .article-text .container {        width: 95%;    }    .page_wrapper_bg .article_model .privacy-page p{        margin-bottom: 0rem;        margin-top: 0rem;    }  .page_wrapper_bg .RWDbanner_plus01{        top: 25px;    }    .page_wrapper_bg  .article_model p{        margin-bottom: 2rem;    }    .privacy-page .content-part h3 {        margin-bottom: 1rem;        margin-top: 0rem;    }    .RWDeditor01 .row{        display: flex;    }    .RWDeditor01 .col-md-6{        width: 50%;    }    .RWDtimeline02 .timeline2_list .block .text-in{        max-width:unset;    }    .layoutlist_8.rwd{        display: flex;        flex-direction: row;        flex-wrap: wrap;    }    .layoutlist_8.rwd .item {        padding: 20px 5px;        width: 50%;        border-bottom: 0px;    }    .layoutlist_8.rwd .listdate,    .layoutlist_8.rwd .list_subject,    .layoutlist_8.rwd .list_img{        width: 100%;    }    .layoutlist_8.rwd .listdate .day{        font-size: 12px;        letter-spacing: 2px;    }    .layoutlist_8 .listdate .day, .layoutlist_8.rwd .listdate .yearmonth {        display: inline-block;    }    .layoutlist_8.rwd .listdate {        margin: 0px 0 0;    }    .layoutlist_8.rwd .list_img+.list_subject {        margin-top: 10px;    }
}
/*991px end*/
/*870px start*/

@media (max-width: 870px) {    .portfolio .main-image,    .portfolio .portfolio-info {        width: 100%;    }    .pagecontent .article_model[data-seq="0"] {        margin-top: 0px !important;    }    .portfolio.item-04 .portfolio-info,    .portfolio .portfolio-info {        padding: 0rem 0rem 0rem 0rem;    }    .portfolio.item-01,    .portfolio.item-04,    .portfolio.item-03,    .portfolio.item-02 {        flex-direction: column-reverse;    }    .portfolio-info {        order: 1;    }    .portfolio .image img {        margin: 2rem 1rem 2rem;    }    .portfolio.item-04 .main-image,    .portfolio.item-03 .main-image {        margin: 2rem -1.5rem;    }    .portfolio.item-03 .main-image,    .portfolio.item-03 .portfolio-info {        width: 100%;    }    .portfolio.item-02 .portfolio-info,    .portfolio.item-03 .portfolio-info {        padding: 0rem 0rem 0rem 0rem;    }    .portfolio.item-04 .portfolio-info h4 {        bottom: 2rem;    }    .portfolio.item-03 .portfolio-info h4,    .portfolio.item-02 .portfolio-info h4 {        right: 0px;    }    .portfolio.item-04 {        padding-bottom: 2rem;    }}

/*870px end*/
/*820px start*/

@media (max-width: 820px) {    .privacy-page .content-part {        row-gap: 3rem;    }    .article2 .page_wrapper_bg .article-text .container {        width: 95%;    }    .pagecontent .RWDeditor01 {        margin-top: 60px !important;    }    .article2 .page_wrapper_bg section.call_to_action {        padding: 2rem 0 5rem 0;    }}

/*820px end*/
/*767px start*/
@media (max-width: 767px) {
.news_block .RWDnews_listblock h2 span {width:auto}    .page_wrapper_bg .article-text .container {        width: 100%;    }    .article3 .page_wrapper_bg .article-text .container {        width: 100%;    }    .RWDeditor01 .row{        display: flex;        flex-direction: column;    }    .RWDeditor01 .col-md-6{        width: 100%;    }         .article2 .pagecontent.menu3,    .article3 .page_wrapper_bg .article-text .container,    .article2 .pagecontent.menu8{        padding: 0px!important;    }    .article2.id76 .pagecontent {        padding: 0rem 2rem 8rem!important;    }.article2.id76 .pagecontent {        margin: 0px;    }
}
/*767px end*/
/*680px start*/

@media (max-width: 680px) {    .RWDtimeline02 .timeline2_list .block .text-in {        max-width: 100px;    }}

/*680px end*/
/*600px start*/
@media (max-width: 600px) {
.news_block .RWDnews_listblock ul span, .RWDnews_listblock li a {width:100%}.RWDnews_listblock li a {margin-left:0}.culture_block .RWDleft_cont002 .container, .concept_block .RWDleft_cont002 .container, .works_block .RWDleft_cont002 .container, .culture_block .bottom_block .RWDright_cont002 .container {padding: 0 30px;}.concept_block .top_block .concept_simg {grid-column-gap: 0;flex-direction: column;grid-row-gap: 30px;}.concept_block .top_block .concept_simg .img01, .concept_block .top_block .concept_simg .img02 {width:100%}.culture_block .bottom_block .RWDright_cont002 .item-first .text-box .text, .concept_block .RWDleft_cont002 .item-second .text-box .text {margin-top: 40px;}.works_block .RWDleft_cont002 .container, .concept_block .top_block .concept_left, .news_block .container, .footer_block .container {padding: 0 30px;}.RWDalert_fancybox.bottom {width:100%}    .layoutlist_8 .list_subject .summary {        margin: 10px 0;        font-size: 15px;        font-weight: 400;    }    .layoutlist_8.rwd{        flex-direction: column;    }    .layoutlist_8.rwd .item{        width: 100%;        padding: 30px 0px;    }    .RWDeditor01 .col-md-6 {        padding: 0px;    }    .page_wrapper_bg .btn_back{        width: 100%;    }    .RWDtimeline02 .timeline2_list .block .text-in {        max-width: unset;    }    .privacy-page .content-part {        row-gap: 2rem;    }    .article2 .page_wrapper_bg .article-text .container {        width: 100%;    }        .RWDslider01 .pic-list{        width: 100%;        padding: 0px 0px!important;           }    .RWDslider01 .text{        width: 100%;        }    .page_wrapper_bg .pageTitle {        margin-bottom: 40px;    }    .page_wrapper_bg .hgroup .breadcrumb {        right: unset;        bottom: 0px;        padding: 10px 0px;    }    .page_wrapper_bg .page_subject {        padding: 0px;    }    .article2.id28 .page_wrapper_bg .article-text .container {        width: 100%;    }    .article1 .page_wrapper_bg .article-text .container {        padding: 0px;    }    .page_wrapper_bg .article-text .container {        width: 100%;    }    .portfolio.item-03 .main-image,    .portfolio.item-04 .main-image,    .portfolio .image {        flex-direction: column;        margin: 0rem 0rem;    }    .portfolio.item-03 .main-image img,    .portfolio.item-04 .main-image img,    .portfolio .image img {        margin: 1.5rem 0rem 1rem;        width: 100%;    }    .portfolio .main-image {        margin-top: 1.5rem;    }    .portfolio.item-04 .portfolio-info h4,    .portfolio .portfolio-info h4 {        font-size: 2rem;        right: 0px;        bottom: unset;        top: -10px;        transform: unset;    }    .portfolio.item-02 .portfolio-info,    .portfolio.item-03 .portfolio-info,    .portfolio.item-04 .portfolio-info,    .portfolio .portfolio-info {        padding: 0rem;    }    .portfolio.item-03 .portfolio-info h4,    .portfolio.item-02 .portfolio-info h4 {        left: unset;        right: 0px;    }    .layoutlist_8 .item:nth-child(2) {        padding: 30px 0px!important;    }
}
/*600px end*/
/*480px start*/
@media (max-width: 480px) {
.RWDbanner_plus01 .page-scroll {bottom:0px}
}
/*480px end*/
/*414px start*/

@media (max-width: 414px) {    .page_wrapper_bg section.call_to_action>.container {        padding: 10px;    }    .RWDbanner_plus01 .slick-caption.txt-left,    .RWDbanner_plus01 .slick-caption.txt-right {        text-align: center;        width: 100%;    }}

/*414px end*/
/*380px start*/
@media (max-width: 380px){
.culture_block .RWDleft_cont002 .item-second .text-box .subtitle, .concept_block .top_block .concept_left .concept_txt .title_block .subtitle, .works_block .RWDleft_cont002 .item-second .text-box .subtitle, .news_block .RWDnews_listblock h3, .footer_block .contact_txt .title_block .subtitle {position: relative;writing-mode: unset;font-size: 26px;}.footer_block .contact_txt .text {margin-top:70px}.culture_block .RWDleft_cont002 .item-second .text-box .text, .concept_block .top_block .concept_left .concept_txt .text, .works_block .RWDleft_cont002 .item-second .text-box .text, .news_block .RWDnews_listblock ul {margin-top:40px}.RWDleft_cont002 .item-second .text-box .text {margin-top:0}.news_block .RWDnews_listblock h2 {margin-bottom:0}
}
/*380px end*/