@charset "UTF-8";
/* RWDfullscreen01 start=> */ 
 /* <= RWDfullscreen01 end */ 
 /* miracle customization start=> */ 
/**/a:hover, a:active, a:focus, a:visited{text-decoration:none}.row{margin-right:0px;margin-left:0px;}body.wrapper_bg.lang_tw {    font-family: 'Noto Sans TC', sans-serif;    background: #f9f9f9;    overflow-x: hidden;}/*下拉選單*/ .RWDmenu_plus04 .site-nav .menu>li>ul {top: 100%;}.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 {    font-weight: 500;    text-decoration: none;    color: #567f7c;}.RWDmenu_plus04 .site-nav .menu ul li a {text-align: center;letter-spacing:1px;}.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: #333;}.RWDmenu_plus04 .header.is-up .site-nav .menu li.contact_btn a:hover {background:#365351;}.RWDmenu_plus04 .header .site-nav .menu ul {    margin-left: 35px !important;    left: 0 !important;}.RWDmenu_plus04 .header.is-up .site-nav .menu ul {    margin-left: -75px !important;    left: 50% !important;}/*選單*/ .RWDmenu_plus04 {z-index: 11111;}.RWDmenu_plus04 .site-nav .menu li{height:100%;}/*.RWDmenu_plus04 .header:after {    content: "";    position: absolute;    width: 686px;    height: 381px;    background: url(archive/image/customization/ribben_top.webp)no-repeat;    right: 0;    top: 0px;    transition:0.8s;   pointer-events: none;    background-size: contain;}*/ .RWDmenu_plus04 .header.is-up:after{opacity:0;transition:0.8s;}.RWDmenu_plus04 .header {    padding: 0;    background:transparent;    height: 130px;    padding: 0 74px 0px 60px;}.RWDmenu_plus04 .header-in {    align-items: center;}.RWDmenu_plus04 .header .logo {    width: 236px;    transition: 0.3s;    z-index: 1111;    float: none;}.RWDmenu_plus04 .header.is-up .logo {    width: 180px;    transition: 0.3s;}.RWDmenu_plus04 .container {    max-width: 100%;}.RWDmenu_plus04 .site-nav .menu {    text-align: right;    height:100%;}.RWDmenu_plus04 .site-nav .menu>li>a {    letter-spacing: 2px;    font-size: 15px;    line-height: 1.8em;    font-weight:300;}.RWDmenu_plus04 .header.is-up {    background: #f3f1ee;    height:80px;}.RWDmenu_plus04 .site-nav .menu>li>a {    padding: 25px 35px;}.RWDmenu_plus04 .header .container {    padding: 0;    transition:0.3s;}.RWDmenu_plus04 .header.is-up .container {    padding: 0;    padding-right: 0px;    transition:0.3s;    height:100%;}.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: #000;}.RWDmenu_plus04 .header .site-nav .menu>li>a {    padding: 25px 0px 25px 70px;    transition:0.3s;}.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {    padding: 25px 35px;    transition:0.3s;}.RWDmenu_plus04 .header .site-nav .menu li.contact_btn a:after {    content: "";    position: absolute;    background: url(archive/image/customization/contact-form_icon.webp)no-repeat;    left: 39px;    top: 50%;    width: 19px;    height: 19px;    transform: translateY(-50%);    background-size: contain;    filter: brightness(100);     opacity: 0;     transition: 0.3s;}.RWDmenu_plus04 .header.is-up .site-nav .menu li.contact_btn a {    padding-left: 65px;    transition: 0.3s;    height:100%;}.RWDmenu_plus04 .header.is-up .site-nav .menu li.contact_btn a:after {    opacity: 1;    transition: 0.3s;} .RWDmenu_plus04 .header.is-up .site-nav .menu li.contact_btn a {    background: #567f7c;    color: #fff;    transition: 0.3s;    height:100%;}.RWDmenu_plus04 .header .site-nav .menu li.contact_btn {    margin-left: 0px;    transition:0.3S;}.RWDmenu_plus04 .header.is-up .site-nav .menu li.contact_btn {    margin-left: 35px;    transition:0.3S;}.xcontainer {z-index: -11;}/*main*/ .main {    background:#f9f9f9;    margin-top: 130px;}/*banner*/ .banner_block:before {    content: "";    position: absolute;    width: 686px;    height: 381px;    background: url(archive/image/customization/ribben_top.webp)no-repeat;    right: 0;    top: -130px;    transition: 0.8s;    pointer-events: none;    background-size: contain;    z-index: 1111;}.RWDbanner_plus01 .logo img{margin-bottom:0px;}.RWDbanner_plus01 .logo {margin-right: 42px;}.RWDbanner_plus01 {z-index: 111;}.slick-caption > .container {width: 100%;padding:0px;}.banner_block {background: #f3f1ee;position:relative;}.banner_block:after {    content: "";    position: absolute;    width: 701px;    height: 370px;    background: url(archive/image/customization/ribben_down.webp)no-repeat;    right: 0;    bottom: -136px;    z-index: 11;    background-size: contain;}/*.main {margin-top: 77px;}*/ .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #515151;    border: 1px solid #515151;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {    background: transparent;    border: 1px solid #515151;}.RWDbanner_plus01 .slick-caption {top: initial;bottom: 40px;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {    width: 12px;    height: 12px;}.RWDbanner_plus01 .banner-slider {padding-right: 74px;}/*about*/ .about_block {    padding: 200px 0px 100px 0px;    position: relative;    z-index: 1;    background: linear-gradient(to bottom, #f3f1ee 80%, #f9f9f9 100%);}.about_block .part_1 {    width: 80%;    margin: 0 auto;    z-index:1;}.about_block .RWDleft_cont002 > .container {    width: 100%;    padding: 0;}.about_block .RWDleft_cont002 .item-second {    background-color: transparent;    display: flex;    flex-direction: row-reverse;    justify-content: center;    align-items: center;}.about_block .RWDleft_cont002 .item-second .text-box {    background: transparent;    padding: 0 65px;    width: 55%;}.about_block .part_2 {    position: relative;    z-index:-1;    display:none;}.about_block .RWDService002 .section-inner .container {    width: 65%;    padding: 0;    margin-left: 13%;}.about_block .section-line {    display: none !important;}.about_block .RWDService002 h2.sub-title {    display: none !important;}.about_block .funny-boxes.float-shadow > .funny-boxes-icon {    display: none;}.about_block .funny-boxes.not-right-column::before {    display: none;}.about_block .funny-boxes > .funny-boxes-text > h4::after {    display: none;}.about_block .RWDService002 {    padding: 100px 0px;}.about_block .RWDService002 h1.main-title {    text-align: left;    font-size: 26px;    line-height: 1.8em;    letter-spacing: 3px;    font-weight: 400;}.about_block .funny-boxes > .funny-boxes-text > h4 {    text-align: left;    font-size: 18px;    letter-spacing: 2px;    font-weight: 400;    color: #333;    padding-bottom: 0px;    margin-top: 0;    margin-bottom: 20px;}.about_block .part_2:after {    content: "";    position: absolute;    height: 100%;    background: #efebe9;    left: 0;    top: 0;    z-index: -1;}.about_block .RWDService002 .col-sm-4.col-md-4 {    width: calc(100%/3 - 150px);    padding: 0;    text-align: left;    margin-right: 150px;}.about_block .funny-boxes > .funny-boxes-text > p {    text-align: left;    letter-spacing: 1px;    line-height: 1.8em;    color: #454545;    font-size: 15px;}.about_block .RWDService002 .section-subject .col-md-12 {padding: 0;}.about_block .RWDleft_cont002 .item-second .pic {    width: 100%;    z-index: 111;    float: none;}.about_block .RWDleft_cont002 .item-second a {    display: block;    width: 45%;}.about_block .RWDleft_cont002 .item-second:hover .pic img {width: 100%;}.about_block .RWDleft_cont002 .item-second:hover .pic img {transform: scale(1);}.about_block .funny-boxes > .funny-boxes-text > h4 a {color: #333;}.about_block .flipInY {    -webkit-backface-visibility: visible!important;    -ms-backface-visibility: visible!important;    backface-visibility: visible!important;    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;}.about_block .RWDleft_cont002 .item-second .text-box .underline{display:none;}.about_block .RWDleft_cont002 .item-second .text-box .title {    font-size: 32px;    letter-spacing: 3px;    color: #333;    font-weight: 400;    line-height:1.8em;}.about_block .RWDleft_cont002 .item-second .text-box .subtitle {    color: #7a7a7a;    font-weight: 400;    letter-spacing: 1px;    font-size: 16px;    margin-top: 0px;    line-height: 1.8em;}.about_block .RWDleft_cont002 .item-second .text-box .text {    width: 80%;    color: #646464;    letter-spacing: 2px;    line-height: 2em;    font-size: 15px;    margin-top: 50px;    font-weight: 300;}.about_block .about_text.block_2 {margin-top: 20px;}.about_block .RWDleft_cont002 .item-second .text-box a {    display: none;}.RWDbanner010 .swiper-button:hover {    background-color: #dedad8;    transition: 0.3s;}/*service*/ .service_block {    background: #fff;    position: relative;    z-index:1;}.left_symbol {    width: 560px;    background: #92aca3;    position: relative;}.right_item {    width: calc(100% - 560px);    background: #fff;    padding:160px 100px;    z-index:1;}.service_block > .container {    width: 80%;    padding: 0;    display: flex;    flex-direction: row;    justify-content: center;    margin-top: -150px;    box-shadow: 0px 6px 24px -19px #000;}.service_block .RWDleft_cont002 .item-second .text-box {    background: transparent;    width: 100%;    padding: 160px 100px;}.service_block .RWDleft_cont002 .item-second {background-color: transparent;}.service_block .RWDleft_cont002 .item-second .pic {display: none;}.service_block .RWDleft_cont002 > .container {width: 100%;padding: 0;}.service_block .RWDleft_cont002 .item-second .text-box .title {display: none;}.service_block .RWDleft_cont002 .item-second .text-box .subtitle {display: none;}.service_block .RWDleft_cont002 .item-second .text-box .underline {display: none;}.service_block .RWDleft_cont002 .item-second .text-box .text {width: 100%;margin-top:0px;}.service_block .RWDService001 .section-line {display: none;}.service_block .RWDService001 h1.main-title {    font-size: 32px;    line-height: 1.8em;    letter-spacing: 3px;    text-align: left;    color: #333;    font-weight: 400;}.service_block .RWDService001 h2.sub-title {    font-size: 18px;    letter-spacing: 2px;    color: #666;    line-height: 1.8em;    text-align: left;    margin-top: 0;}.service_block .service_block .RWDleft_cont002 .item-second .text-box .text {width: 100%;margin-top: 0;}.service_block .green_logo img {filter: brightness(100);width: 190px;}.green_logo {margin-bottom: 150px;}.green_text {    font-size: 14px;    letter-spacing: 2px;    line-height: 2em;    font-weight: 300;}.green_text h5 {    margin-top: 0;    margin-bottom: 5px;    font-size: 18px;    font-weight: 400;    line-height: 1.8em;    color: #fff;}.service_block .RWDService001 .row .col-md-3.col-sm-6 {    width: calc(100%/2);    margin-bottom: 30px;}.service_block .RWDleft_cont002 .item-second .text-box a {    margin-left: 0;    background: transparent;    border: 0;    padding: 0;    text-align: left;    color: #fff;    font-weight: 300;    font-size: 14px;    letter-spacing: 2px;    margin-top: 80px;    transition: 0.3s;    position:relative;}.service_block .RWDleft_cont002 .item-second .text-box a:hover {    color: #fff;    background-color: transparent;}.RWDService001 i {margin-bottom: 10px;}.RWDService001 i img {    width: 40px;    margin-left: 0;}article.boxFeature-2 h2 {    font-size: 18px;    color: #333;    letter-spacing: 1px;    line-height: 1.8em;    margin-bottom: 0px;    margin-top: 5px;}.RWDService001 p {    font-size: 15px;    letter-spacing: 1px;    line-height: 1.8em;    color: #666;    text-align: left;    margin-top: 10px;    margin-bottom: 50px;    padding-right:50px;    min-height:81px;}.service_block .RWDService001 .row a:nth-child(3) .col-md-3.col-sm-6, .service_block .RWDService001 .row a:nth-child(4) .col-md-3.col-sm-6{margin-bottom:0px;}.service_block .RWDService001 .row a:nth-child(3) .col-md-3.col-sm-6 p, .service_block .RWDService001 .row a:nth-child(4) .col-md-3.col-sm-6 p{margin-bottom:0px;}.service_block .RWDleft_cont002 .item-second .text-box a:after {    content: "";    position: absolute;    width: 50px;    height: 1px;    background: #fff;    top: 50%;    transform: translateY(-50%);    left: 100px;    transition: 0.3s;}.service_block .RWDleft_cont002 .item-second .text-box a:hover:after {    left: 120px;    transition: 0.3s;}/*footer*/ .footer_block {    position: relative;    background: #fff;    padding-top:150px;}.copy_block {    background: #ede8e5;    padding: 10px 0px;    position: relative;}.copy_block > .container {    display: flex;    flex-direction: row;    font-size: 12px;    letter-spacing: 1px;    color: #707070;    line-height: 1.8em;    padding:0px;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover {color: #707070;}.RWDssl01 {margin: 0 20px;}.footermenu ul li {list-style: none;}.footermenu ul {padding-left: 0;}.footermenu ul li h4 {    color: #333;    letter-spacing: 1px;    line-height: 1.8em;    margin-top: 0;    font-size: 15px;    display: inline-block;    margin-right: 30px;    margin-bottom:0px;}.footermenu ul li ul {    display: inline-flex;    flex-direction: row;}.footermenu ul li a {    color: #454545;    font-size: 14px;    letter-spacing: 2px;    line-height: 1.8em;    margin-right: 30px;    transition:0.3s;    font-weight:300;}.footermenu ul li a:hover {    color: #000;    transition: 0.3s;    font-weight: 400;}.footermenu > ul > li {    padding-bottom: 10px;    border-bottom: 1px solid #eee;    margin-bottom: 10px;}.menu_footer {    padding-top: 100px;    margin-top: 50px;    border-top: 1px solid #ccc;    padding-bottom: 100px;}.footer_block > .container {padding: 0;}.menu_footer > .container {    padding: 0;    display: flex;    flex-direction: row;    justify-content: space-between;}.right_keyword {    color: #454545;    font-size: 13px;    letter-spacing: 2px;    line-height: 2em;    opacity: 0.4;    width: 30%;    margin-left: 15%;}.left_menufooter {width: 55%;}.middle_btn, .right_contact {width: calc(100%/3);}.left_logo {width: calc(100%/3 - 50px);}.footer_info {    display: flex;    flex-direction: row;    justify-content: center;    align-items: flex-start;}.logo_block1 {margin-bottom: 50px;}.logo_company {    letter-spacing: 3px;    line-height: 1.8em;    color: #333;    font-size: 17px;}.logo_subtitle {    color: #6c6c6c;    font-size: 15px;    letter-spacing: 1px;    margin-top: 6px;}.left_logo {    padding-right: 50px;    border-right: 1px solid #ccc;    margin-right: 50px;}.contact_btna {    font-size: 16px;    letter-spacing: 1px;    color: #333;    line-height: 1.8em;    margin-bottom: 40px;    margin-top: 0;}.contant_content {    font-size: 13px;    line-height: 2em;    letter-spacing: 1px;}.btn-btn a {    color: #666;    padding: 5px 20px;    border: 1px solid #333;    margin-top: 20px;    display: flex;    width: 250px;    text-align: center;    font-size: 15px;    letter-spacing: 2px;    line-height: 1.8em;    justify-content: center;    align-items: center;}.btn-btn a img {    width: 17px;    margin-right: 10px;    transition: 0.3s;}.btn-btn a:hover img {    filter: brightness(100);    transition: 0.3s;}.btn-btn a:hover {    background: #666;    color: #fff;    transition: 0.3s;}.social_block {margin-top: 30px;}.contect_info ul li {    list-style: none;    font-size: 14px;    letter-spacing: 1px;    color: #666;    line-height: 2.2em;}.contect_info ul {padding-left: 0;}.contect_info ul li i {    margin-right: 10px;    width: 20px;    display: inline-block;    text-align: center;    color: #999;    font-size:18px;}.middle_btn {padding-left: 30px;}.contect_info a:hover {    transition: 0.3s;    color: #000;}.contect_info a {    color: #666;    transition: 0.3s;}.txt1, .txt2 {    text-align: left;    padding-left: 3%;    font-weight: 300;    letter-spacing: 2px;    transform: translateY(-41px);}.contect_info ul li br.address_br {    display: none;}
/*designer start*/ 

/*designer*/ .designer_block {    position: relative;    padding: 0px 0px 150px 0px;    margin-top: 150px;    z-index: 1;    display:none;}.RWDright_cont002 .item-first .text-box .underline {    width: 100%;    height: 1px;    background-color: #cccccc;    transform: translate(-120px, 50px);    margin:0px;}.designer_block .RWDright_cont002 .item-first:hover .pic img {transform: scale(1);}.designer_block .RWDright_cont002 .item-first {background: transparent;}.designer_block > .container {width: 80%;}.designer_block .RWDright_cont002 > .container {width: 100%;padding: 0;}.designer_block .RWDleft_cont002 > .container {width: 100%;padding: 0;}.designer_block .RWDleft_cont002 .item-second {background-color: transparent;}.designer_block .RWDleft_cont002 .item-second .text-box {background: transparent;}.designer_block .RWDleft_cont002 .item-second .text-box {    width: 55%;    padding: 200px 100px 120px 120px;}.designer_block .RWDedictor001 .section-line {display: none;}.designer_block .RWDedictor001 h1.main-title {    color: #333;    letter-spacing: 3px;    font-weight: 400;    line-height: 1.8em;    font-size: 32px;}.designer_block .RWDedictor001 h2.sub-title {    font-size: 18px;    color: #666;    letter-spacing: 1px;    line-height: 1.8em;    margin-top: 0;}.designer_block .RWDright_cont002 .item-first .text-box a{display:none}.designer_block .RWDleft_cont002 .item-second .text-box a{display:none}.designer_block .RWDleft_cont002 .item-second:hover .pic img {transform: scale(1);}.designer_block .RWDright_cont002 .item-first .pic {width: 45%;}.designer_block .RWDleft_cont002 .item-second .pic{width: 45%;z-index:1;}.designer_block .RWDright_cont002 .item-first .text-box {    width: 55%;    padding: 140px 120px;    z-index:-1;}.designer_block .RWDright_cont002 .item-first .text-box .title {    font-size: 28px;    color: #333;    letter-spacing: 2px;    font-weight: 400;    line-height: 1.8em;    display:inline-block;}.designer_block .sub_name {    padding-bottom: 20px;    margin-bottom: 20px;}.designer_block .RWDleft_cont002 .item-second .text-box .title{    font-size: 28px;    color: #333;    letter-spacing: 2px;    font-weight: 400;    line-height: 1.8em;    display:inline-block;}.designer_block2 {margin-top: -50px;}.designer_block .RWDright_cont002 .item-first .pic img {width: 100%;}.designer_block .RWDright_cont002 .item-first .text-box .subtitle, .designer_block .RWDleft_cont002 .item-second .text-box .subtitle {    margin-top: 0;    display: inline-block;    color: #545454;    font-size: 16px;    letter-spacing: 3px;    margin-left: 15px;    font-weight:300;}.designer_block .RWDright_cont002 .item-first .text-box .text, .designer_block .RWDleft_cont002 .item-second .text-box .text {    margin-top: 0px;    width: 100%;    color: #666;    font-size: 15px;    line-height: 2em;}.designer_block .designer_ti ul li {list-style: none;}.designer_block .designer_ti ul {padding-left: 0;}.service_main h4 {    font-size: 17px;    color: #333;    letter-spacing: 2px;    line-height: 1.8em;    margin-top: 0;    margin-bottom: 5px;}.service_main {    margin-top: 30px;    font-size: 15px;    letter-spacing: 2px;    line-height: 2em;    color: #666;    font-weight: 300;}.designer_ti ul li {    list-style: none;    font-size: 15px;    letter-spacing: 2px;    line-height: 2em;    color: #666;    font-weight: 300;}.designer_block2 .sub_name {padding-left: 0;}.designer_block2 .designer_ti{padding-left: 0;}.designer_block2 .service_main {    padding-left: 0;}.designer_block:before {    content: "";    position: absolute;    background: #ede8e5;    width: 20%;    height: 600px;    right: 0;    z-index: -1;    bottom: 30%;}.RWDbtn01 .btn {    border-radius: 0;    background: transparent;    border: 1px solid #818181;    padding: 20px;    letter-spacing: 2px;    font-size: 17px;    line-height: 1.8em;    color: #6b6b6b;}.RWDbtn01 .btn:hover {    border: 1px solid #818181;    color: #fff;}.RWDbtn01 {margin-top: 130px;}.RWDleft_cont002 .item-second .text-box .underline {    width: 120%;    height: 1px;    background-color: #cccccc;    transform: translate(0px, 50px);    margin: 0px;}

/*designer end*/ 
/*設計師裝飾動畫 start*/ 

.designer_block:after {    content: "";    position: absolute;    background: #ede8e5;    width: 20%;    height: 600px;    left: 0;    top: 0;    z-index: -1;}.designer_block1, .designer_block2{position:relative;}.designer_block1:before {    content: "";    position: absolute;    width: 230px;    height: 377px;    background: rgb(134 163 153 / 50%);    left: -54px;    top: -250px;    z-index: 1;}.designer_block2:after {    content: "";    position: absolute;    width: 167px;    height: 304px;    background: rgb(134 163 153 / 50%);    right: -54px;    bottom: -150px;    z-index: 1;}

/*設計師裝飾動畫 end*/ 
/*知識分享 start*/ 

.knowledge_block {    padding: 150px 0px 150px 0px;    position:relative;    z-index:1;    margin-bottom:150px;}.knowledge_block:before {    content: "";    position: absolute;    background: url(archive/image/customization/video_deco_ribben2.webp)no-repeat;    width: 372px;    height: 783px;    left: 0;    top: -31px;    background-size: contain;    z-index: -1;}.knowledge_block .RWDvideo002 .section-subject {display: none;}.knowledge_block .RWDedictor001 .section-line { display: none;}.knowledge_block .RWDedictor001 h1.main-title {    font-size: 32px;    line-height: 1.8em;    color: #333;    letter-spacing: 2px;    font-weight: 400;}.knowledge_block .RWDedictor001 h2.sub-title {    font-size: 18px;    letter-spacing: 2px;    color: #666;    line-height: 1.8em;    font-weight: 300;    margin-top: 0;}.left_video_real .section-inner .container {    width: 100%;    padding: 0;}.left_video_real .section-inner .container .col-sm-6.col-md-4.videoitem {    width: calc(100%/2);    padding: 0 30px;    margin:0px;}.RWDvideo002 figure.effect-sarah img, .RWDvideo002 figure.effect-sarah .iframe {    -webkit-transform: translate(0px,0);    transform: translate(0px,0);}.knowledge_block > .container:nth-child(1) {width: 80%;z-index:1;}.knowledge_block > .container:nth-child(2) {    width: 90%;    margin-left: 10%;    padding: 0;    display: flex;    flex-direction: row;    justify-content: flex-end;}.left_video_real {width: 80%;position: relative;z-index:1;}.right_video_btn {    width: 18%;    position: relative;    padding-left: 32px;    z-index:1;}.figcaption_bottom h2 {    color: #333;    letter-spacing: 2px;    font-size: 17px;    line-height: 1.8em;    font-weight: 400;    margin-bottom:3px;}.figcaption_bottom .h2_line{display:none}.figcaption_bottom p {    color: #666;    letter-spacing: 2px;    line-height: 1.8em;    font-size: 15px;}.figcaption_bottom {padding: 0 40px;}.more_icon img {margin-bottom: 10px;}.more_icon {    text-align: center;    color: #666;    letter-spacing: 2px;    font-size: 15px;    line-height: 1.8em;}.video_more {position: relative;}.more_icon {    text-align: center;    color: #666;    letter-spacing: 2px;    font-size: 15px;    line-height: 1.8em;    position: absolute;    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}.more-pic img {width: 100%;}.right_video_btn .figcaption_bottom {padding-right: 0;opacity:0.4;}.right_video_btn .RWDedictor a:hover .more-pic {    opacity: 0.1;    transition: 0.3s;}.more-pic {    opacity: 0.3;    transition: 0.3s;}.knowledge_block:after {    content: "";    background: #fff;    right: 0;    top: 50%;    height: 90%;    position: absolute;    transform: translateY(-50%);    z-index:-1;    width:93%;}.RWDvideo002 figure.effect-sarah:hover img, .RWDvideo002 figure.effect-sarah:hover .iframe {opacity: 0.7;}.right_video_btn .figcaption_bottom p {    display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.know_btn{display:none}.RWDvideo002 .videoitem:hover figure.effect-sarah img {    transition: 0.8s;    transform: scale(1.1);    opacity: 1;}

/*知識分享 end*/ 
/*案例 start*/ 

.RWDbanner010 {    width: 93%;    margin-left: 7%;}.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{    overflow: visible !important;}.RWDbanner010 img {    max-width: 100%;    width: 100%;}.swiper-slide {    width: 100% !important;}.RWDbanner010 .product_box .main_pic {width: 70%;position:relative;float:right;}.RWDbanner010 .product_box .title>div.text1 {    font-size: 16px;    letter-spacing: 2px;    color: #454545;    font-weight: 400;    line-height: 1.8em;    margin-top: 5px;}.RWDbanner010 .product_box .title>div.text0 {    font-size: 22px;    letter-spacing: 2px;    line-height: 1.8em;    margin-bottom: 0;}.RWDbanner010 .product_box .title {    left: 0;    width: 700px;    top: initial;    bottom: -208px;}/*.swiper-container.thumb_pic_swiper-container.thumb_pic_swiper-container03.swiper-container-fade.swiper-container-initialized.swiper-container-horizontal {    display: none;}.RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container03 {    width: 0%;    padding: 0;}*/ .RWDbanner010 .thumb_pic_swiper-container {    width: 50%;    padding: 15px 0 15px 15px;}.RWDbanner010 .thumb_pic_box {    left: initial;    right: calc(-83%/3 - 15px);    width: calc(83% - 6px);    bottom: 0px;    position: relative;    float: right;    max-width: none;}.RWDbanner010 .product_box_thumb .img_box .imgs::after {background-color:#86a399;}.RWDbanner010 .product_box .main_pic img {    float: none;}.RWDbanner010 .product_box {height:auto;position:initial;}.RWDbanner010:after {    content: "";    position: absolute;    width: 40%;    height: 1px;    background: #c8c8c8;    left: 0;    bottom: 15px;}.RWDbanner010 .product_box .title>div.text2 {    color: #666;    font-size: 15px;    letter-spacing: 1px;    line-height: 2em;}.RWDbanner010 .swiper-pagination {    left: 0;    right: inherit;    top: 60%;    bottom: initial;}.RWDbanner010 .swiper-button {    background-color: #ede8e5;    width: 90px;    height: 90px;}.RWDbanner010 .ii-arrow1:before {    font-size: 20px;    line-height: 50px;}.RWDbanner010 .swiper-button .ii-arrow1 {    display: flex;    justify-content: center;    align-items: center;}.RWDbanner010 .swiper-button-prev {    left: calc(30% - 183px);    top: 71%;}.RWDbanner010 .swiper-button-next {    right: initial;    left: calc(30% - 91px);    top: 71%;}.RWDbanner010 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {    background: #bfbfbf 0 0 no-repeat padding-box;}.RWDbanner010 .swiper-pagination .swiper-pagination-bullet {    background: transparent 0 0 no-repeat padding-box;    border: 1px solid #ccc;}/*住宅空間*/ .homedesign_block .RWDedictor001 {z-index: 111;}.homedesign_block {    padding: 150px 0px;    position: relative;    background: #f9f9f9;}.homedesign_block > .container{width: 100%;margin-right: 0;padding:0;}.homedesign_block .RWDedictor001 .section-line{display:none}.homedesign_block .RWDedictor001 .main-title {    font-size: 32px;    letter-spacing: 3px;    line-height: 1.8em;    color: #333;    font-weight: 400;    margin: 0;}.homedesign_block .RWDedictor001 .sub-title {    font-size: 17px;    letter-spacing: 2px;    margin-top: 0;    color: #666;    line-height: 1.8em;    font-weight: 300;    margin-bottom: 0;}.homedesign_block .RWDedictor001 .section-subject {    text-align: left;    width: 25%;    position: absolute;    top: 100px;    left: 0;    padding-left: 7%;}.homedesign_block .RWDedictor001 .section-subject:after {    content: "";    position: absolute;    width: 50px;    height: 200px;    left: 0;    top: 50%;    background: #86a399;    transform: translateY(-50%);}/*商業空間*/ .busdesign_block .RWDedictor001 {z-index: 111;}.busdesign_block > .container{width: 100%;margin-right: 0;padding:0;}.busdesign_block .RWDedictor001 .section-line{display:none}.busdesign_block {padding-bottom: 150px;position: relative;padding-top:100px;background:#f9f9f9;}.busdesign_block .RWDedictor001 h1.main-title {    font-size: 32px;    letter-spacing: 3px;    line-height: 1.8em;    color: #333;    font-weight: 400;}.busdesign_block .RWDedictor001 h2.sub-title {    font-size: 18px;    letter-spacing: 1px;    margin-top: 0;    color: #666;    line-height: 1.8em;}.busdesign_block .RWDedictor001 .section-subject {    text-align: left;    width: 25%;    position: absolute;    top: 100px;    left: 0;    padding-left: 7%;}.busdesign_block .RWDedictor001 .section-subject:after {    content: "";    position: absolute;    width: 50px;    height: 200px;    left: 0;    top: 50%;    background: #86a399;    transform: translateY(-50%);}.RWDbanner010 .product_box .title>div.text0 {    font-size: 22px;    letter-spacing: 2px;    line-height: 1.8em;    margin-bottom: 0;}/* 20250702 */ .about_block .RWDleft_cont002 .item-second .text-box .text h1 {    font-size: 32px;    letter-spacing: 3px;    line-height: 1.2;    color: #333;    font-weight: 400;    margin: 0 0 1.5rem;}:is(.homedesign_block, .busdesign_block, .knowledge_block) .RWDedictor001 .main-title {    font-size: 32px;    letter-spacing: 3px;    line-height: 1.8em;    color: #333;    font-weight: 400;    margin: 0;    text-align: center;}:is(.homedesign_block, .busdesign_block, .knowledge_block) .RWDedictor001 .sub-title {    font-size: 17px;    letter-spacing: 2px;    margin-top: 0;    color: #666;    line-height: 1.8em;    font-weight: 300;    margin-bottom: 0;    text-align: center;}:is(.homedesign_block, .busdesign_block) .RWDedictor001 .section-subject {    text-align: left;    width: 25%;    position: absolute;    top: 100px;    left: 0;    padding-left: 7%;}.RWDvideo002 .figcaption_bottom>div {    color: #333;    letter-spacing: 2px;    font-size: 17px;    line-height: 1.8em;    font-weight: 400;    margin-bottom: 3px;    display: block;    margin-top: 20px;}.main-title {    font-size: 32px;    line-height: 1.8em;    letter-spacing: 3px;    text-align: left;    color: #333;    font-weight: 400;    margin: 0;}.sub-title {    font-size: 18px;    letter-spacing: 2px;    color: #666;    line-height: 1.8em;    text-align: left;    margin: 0;    font-weight: 300;}.green_text_title {    margin-top: 0;    margin-bottom: 5px;    font-size: 18px;    font-weight: 400;    line-height: 1.8em;    color: #fff;}

/*案例 end*/ 
/*動態 start*/ 

@-webkit-keyframes bg_leftin{0% {     width:0%;}100% {     width:95%;}}.about_block .part_2.animated:after {    animation-name: bg_leftin;    animation-delay: 1.2s;    animation-duration: 3s;    animation-fill-mode: forwards;}@-webkit-keyframes bg_rightin{0% {     width:60%;}100% {     width:93%;}}/*.knowledge_block.animated:after {    animation-name: bg_rightin;    animation-delay: 1.2s;    animation-duration: 3s;    animation-fill-mode: forwards;}*//*案例標題*/ .busdesign_block.animated .RWDedictor001 .section-subject {    animation-name: fadeInLeft;    animation-duration: 2s;    animation-delay: 0.3s;}.homedesign_block.animated .RWDedictor001 .section-subject {    animation-name: fadeInLeft;    animation-duration: 2s;    animation-delay: 0.3s;}/*設計師*/@-webkit-keyframes green_down{0% {     top:-200px;}100% {     top:-150px;}}.designer_block1.animated:before {    animation-name: green_down;    animation-delay: 0.1s;    animation-duration: 8s;    animation-timing-function: ease-in-out;    animation-fill-mode: forwards;}@-webkit-keyframes gray_up{0% {     top:0px;}100% {     top:-100px;}}.designer_block.animated:after {    animation-name: gray_up;    animation-duration: 5s;    animation-delay: 0.2s;    animation-fill-mode: forwards;    animation-timing-function: ease-in-out;}@-webkit-keyframes gray_down{0% {     bottom:30%;}100% {     bottom:20%;}}.designer_block.animated:before {    animation-name: gray_down;    animation-duration: 5s;    animation-delay: 0.5s;    animation-fill-mode: forwards;    animation-timing-function: ease-in-out;}@-webkit-keyframes green_up{0% {     bottom:-100px;}100% {     bottom:-50px;}}.designer_block2.animated:after {    animation-name: green_up;    animation-duration: 5s;    animation-delay: 0.2s;    animation-timing-function: ease-in-out;    animation-fill-mode: forwards;}

/*動態 end*/ 
/*內頁 start*/ 

.call_to_action .container {    width: 80%;    padding: 0;}.hgroup .container {    width: 100%;    border-bottom: 0;    margin-top: 0px;}#RWDPAGE_BASE_PAT02 .banner_block:after {    display: none;}#RWDPAGE_BASE_PAT02 .banner_block:before {    display: none;}#RWDPAGE_BASE_PAT02 .RWDbanner_plus01 .banner-slider {    padding-right: 0;}.call_to_action>.container {    background: #fff;    padding: 100px 0px;    box-shadow: 1px 1px 35px -16px rgb(0 0 0 / 30%);    min-height: 700px;    width: 85%;}section.call_to_action:after {    width: 40%;    height: 100%;    content: "";    position: absolute;    background: #f3f1ee;    top: 0;    left: 0;    z-index: -1;}section.article-text.rwd .container {    width: 90%;}.btn.btn_back {    background: transparent !important;    padding: 0;    border-radius: 0;    width: 100%;    text-align: center;    float: none;}.btn.btn_back a {    width: 250px;    border-radius: 0;    background: #fff;    color: #666;    display: block;    border: 1px solid #666;    padding: 10px 20px;    text-align: center;    margin: 0 auto;}/*標題*/ .hgroup .breadcrumb {    background: #fff;    position: relative;    border-radius: 0;    border: 0;    bottom: 0;    right: 50%;    transform: translateX(50%);}.hgroup .page_subject h1 {    text-align: center;    width: 100%;    display: block;    font-size: 32px;    letter-spacing: 1px;    line-height: 1.8em;    color: #333;    font-weight: 400;}.breadcrumb>li {    letter-spacing: 1px;}/*內頁文字*/ .pagecontent {    font-weight: 400;    letter-spacing: 1px;    color: #666;    line-height: 1.8em;    font-size: 15px;}/*文章*/ .collapsing_header .main {    top: 0 !important;}section.call_to_action {    padding: 100px 0px;    min-height: 700px;}#RWDPAGE_BASE_PAT02 .RWDmenu_plus04 .header {    background: #f9f9f9;}#RWDPAGE_BASE_PAT02 .RWDmenu_plus04 .header.is-up {    background: #f3f1ee;}/*側選單*/ .m2018 .products-nav .nav-title {    background: transparent;    border-bottom: 2px solid #567f7c;    padding: 20px 10px;    font-weight: bold;    color: #333;    letter-spacing: 2px;    font-size: 18px;}.m2018 .products-nav>ul>li>a {    font-size: 15px;    padding: 5px 0px;    transition: 0.3s;    color: #333;}.m2018 .products-nav>ul>li>a:hover {    color: #567f7c;    transition: 0.3s;}/*常見問題*/ .rwd .faq_question {    font-weight: 400;    letter-spacing: 2px;    line-height: 1.8em;    font-size: 17px;    padding: 15px;    border-bottom: 1px solid #eee;}.rwd .faq_answer {    letter-spacing: 1px;    line-height: 2em;    font-size: 15px;    color: #666;    background: #f9f9f9;    padding: 26px;    border-bottom: 1px solid #e8e8e8;}.faq_q_icon {    background: transparent url(archive/image/customization/faq2.webp) 0 0 no-repeat;}.faq_a_icon {    background: transparent url(archive/image/customization/faq2.webp) -27px 2px no-repeat;    width: 24px;    height: 25px;}.faq_open {    background: transparent url(archive/image/customization/faq2.webp) -90px 0px no-repeat;}.faq_close {    background: transparent url(archive/image/customization/faq2.webp) -60px 0px no-repeat;}.faq_item {    border-bottom: 0;}.faq_split {    border-top: 0;}/*關於我們*/ .article1 .btn.btn_back {    display: none;}.article1.id27 .btn.btn_back {    display: block !important;}.article1 section.hgroup {    width: calc(100% - 30%);    margin-left: 25%;}div#sidebar {    transform: translateY(-72px);}.faq1 section.hgroup {    width: calc(100% - 30%);    margin-left: 25%;}.album1 section.hgroup {    width: calc(100% - 30%);    margin-left: 25%;}.video1 .hgroup .page_subject h1 {    width: calc(100% - 30%);    margin-left: 25%;}.RWDeditor01 .model-title {    line-height: 2em;}/*橫桿呈現*/ .calen::-webkit-scrollbar {    width: 3px;    height: 5px;}.calen::-webkit-scrollbar-thumb:horizontal {    background-color: #a6a6a6;    border-radius: 3px;}.calen::-webkit-scrollbar-track-piece:horizontal:decrement,.calen::-webkit-scrollbar-track-piece:horizontal:increment {    background-color: rgba(166, 166, 166, 0.2);}.calen {    overflow-x: auto;    white-space: nowrap;}.calen table td {    padding: 10px;    border-color: #d9d9d9;}.calen table tr:nth-child(1) td {    font-size: 16px;    color: #333;    line-height: 1.8em;    background: #efefef;}.calen table tr:nth-child(2) td {    background: #efefef;}.RWDeditor01 .model-title {    color: #333;    letter-spacing: 2px;    font-size: 17px;    border-bottom: 1px solid #dadada;    padding-bottom: 5px;    line-height: 1.8em;}.traffic_block h4 {    margin-top: 0;}.traffic_block h4 {    font-size: 16px;    color: #567f7c;    margin-bottom: 15px;}.traffic_block ul li {    list-style: none;    margin-bottom: 5px;}.traffic_block ul {    padding-left: 0;}.traffic_block {    font-size: 14px;    letter-spacing: 1px;    line-height: 1.8em;    color: #666;}.car_funtion .traffic_block {    width: 60%;    padding-right: 50px;}ul.traffic_car {    margin-top: 15px;}.car_funtion .tra_map {    width: 40%;}.car_funtion {    display: flex;    flex-direction: row;    justify-content: center;    align-items: flex-start;}.parking_map {    margin-top: 100px;}.parking_area {    margin-top: 50px;}.parking_area ul li:nth-child(1) {    border-left: 0;    padding-left: 0;    margin-left: 0;}.parking_area ul li {    display: inline-block;    margin-left: 10px;    padding-left: 10px;    border-left: 1px solid #efefef;}.parking_map a:hover {    color: #fff;    background: #666;    transition: 0.3s;}.parking_map a {    padding: 10px;    width: 250px;    border: 1px solid #666;    display: block;    text-align: center;    letter-spacing: 1px;    line-height: 1.5em;    color: #666;    transition: 0.3s;}/*聯絡表單*/ .form-horizontal .form-group {    margin-left: 0;    margin-right: 0;}input[type=checkbox],input[type=radio] {    margin: 4px 5px 0px 0px;}span.boxname {    margin-right: 15px;}.form-horizontal .control-label {    width: 190px;    font-weight: 400;    letter-spacing: 1px;    line-height: 1.8em;    font-size: 16px;    color: #333;    padding-left: 10px;    line-height: 34px;}.form-group .col-sm-12.col-md-5 {    width: calc(100%/2 - 190px);    padding-left: 0;    padding-right: 30px;}.customized_columns ._input,.customized_columns select {    border-radius: 0;    box-shadow: none;    background: #f7f7f7;    border: 0;    border-bottom: 1px solid #e8e8e8;}#eForm1>div:nth-child(6)>label {    border-bottom: 2px solid #567f7c;    padding-bottom: 10px;    width: 100%;    margin-bottom: 20px !important;    padding-left: 10px;    padding-right: 10px;}.form-group .col-sm-12.col-md-11 {    width: calc(100% - 190px);    padding-left: 0px;}#eForm1>div:nth-child(10)>label {    border-bottom: 2px solid #567f7c;    padding-bottom: 10px;    width: 100%;    margin-bottom: 20px !important;    padding-left: 10px;    padding-right: 10px;    margin-top: 50px;}.col-sm-6.address-col-2 {    padding-right: 0;}.col-sm-6.address-col-1 {    padding-left: 0;}textarea#eformstw31_00037 {    height: 150px;}#eformsForm_1_3>div>div.row .col-sm-12.col-md-11 {    padding-left: 95px !important;    margin-top: 20px;}.ebtn.currectsend_btn{    background: #567f7c;}.ebtn.currectsend_btn a {    border-radius: 0;    font-size: 14px;    letter-spacing: 1px;    background: #567f7c;    padding: 5px 20px;    width: 200px;    text-align: center;}#eForm1>div:nth-child(10)>div:nth-child(4)>div {    margin-top: 0;}/*設計團隊*/ .layoutlist_7 .cdate {    display: none;}.layoutlist_7 .subject a h6 {    padding-bottom: 10px;    border-bottom: 1px solid #efefef;    margin-top: 30px;    color: #666;    font-size: 14px;}.layoutlist_7 .subject,.layoutlist_7 .subject a {    text-align: center;    letter-spacing: 2px;    line-height: 1.8em;    font-weight: 400;    font-size: 18px;}.layoutlist_7 .litem {    width: calc(100%/2);    padding: 0 30px;}.layoutlist_7 .litem .img:hover img {    padding-right: 20px;    padding-bottom: 20px;    transition: 0.3s;}.layoutlist_7 .litem img {    padding-right: 30px;    padding-bottom: 30px;    transition: 0.3s;}.layoutlist_7 .litem .img:after {    content: "";    position: absolute;    width: 95%;    height: 90%;    background: #92aca3;    right: 0;    bottom: 0;    z-index: -1;}.layoutlist_7 .litem .img {    position: relative;    z-index: 1;}.article1.cid9.articlecontent .main section>#panel_14:after {    width: 678px;    content: "";    position: absolute;    background: url(archive/image/customization/ribben_top.webp) no-repeat;    height: 369px;    background-size: contain;    right: -17%;    top: -127px;    z-index: 111;    background-size: contain;    pointer-events: none;}.article1.cid9.articlecontent .main section>#panel_14:before {    width: 701px;    content: "";    position: absolute;    background: url(archive/image/customization/ribben_down.webp) no-repeat;    height: 370px;    background-size: contain;    right: -17%;    bottom: -127px;    z-index: -1;}.pagedesign_pic {    width: 40%;}.pagedesign_right {    width: 60%;}.pagedesign_title h4 {    display: inline-block;    color: #000;    letter-spacing: 2px;    font-size: 25px;    line-height: 1.8em;    margin-top: 0;    margin-bottom: 0;}.pagedesign_title span.pagesubname {    font-size: 15px;    letter-spacing: 2px;    line-height: 1.8em;    color: #424242;}.pagedesign_title h5 {    line-height: 1.5em;    font-size: 15px;    letter-spacing: 2px;    color: #444;    margin-bottom: 0;    margin-top: 15px;}.pagedesigner_block {    display: flex;    flex-direction: row;}.pagedesign_list ul li {    list-style: none;    margin-bottom: 10px;    border-bottom: 1px solid #efefef;    font-size: 14px;    line-height: 1.8em;    letter-spacing: 2px;    padding: 0 5px 10px 5px;}.pagedesign_list ul {    padding-left: 0;    margin-top: 20px;}.pagedesign_list {    padding: 25px 40px;}.pagedesign_list h4 {    padding: 0 5px;    font-size: 20px;    color: #567f7c;    letter-spacing: 2px;    line-height: 1.8em;}.pagedesign_slogan {    display: flex;    flex-direction: row;    justify-content: center;    align-content: center;    margin-top: 50px;}.pagemain_txt {    width: 150px;    background: rgb(86 127 124 / 30%);    padding: 10px;    text-align: center;    color: #000;    letter-spacing: 2px;    line-height: 1.8em;}.pagemain_word {    width: calc(100% - 150px);    padding: 10px 20px;    border: 1px solid #efefef;    letter-spacing: 1px;    line-height: 1.8em;    font-size: 14px;}.pagedesign_title {    padding: 30px 40px;    background: #fafafa;}.article1.cid9.articlecontent h1.pageTitle {    display: none;}.article1.cid9.articlecontent div#sidebar {    transform: translateY(40px);}.article1.cid9.articlecontent .call_to_action>.container {    padding: 60px 0px 100px 0px;}/*知識影片*/ .video_item {    width: calc(100%/2 - 20px);    margin: 10px !important;    margin-bottom: 30px !important;}.video_item_subject {    font-size: 16px !important;    color: #333;    letter-spacing: 2px;    line-height: 1.8em;    white-space: break-spaces !important;    text-align: center !important;    padding: 0 20px;}/*案例分享*/ .layoutlist_2 .album_item {    width: calc(100%/2);    height: auto !important;    margin-top: 0;    margin-bottom: 30px;}.layoutlist_2 .album_item_subject {    font-size: 18px;    letter-spacing: 2px;    line-height: 1.8em;    color: #333;}.photo_view .flexslider .slides2 img {    height: 100% !important;    max-height: 100px !important;}.album1 .page_content2 {    margin-top: 50px;}.photo_view .flexslider {    background: transparent !important;    border: 0 !important;}.album1.albumcontent .hgroup .page_subject h1 {    display: none;}.album1 .page_desc h1 {    text-align: center;    color: #333;    font-size: 30px;    letter-spacing: 2px;    line-height: 1.8em;    margin-top: 0;    margin-bottom: 20px;}span.portfolio_title {    text-align: center;    display: block;    width: 100%;    letter-spacing: 2px;    line-height: 1.8em;    font-size: 15px;    color: #567f7c;}.album1 div#sidebar {    transform: translateY(0px);}/*案例分享*/ .albumblock_right {    display: flex;    flex-direction: row;    justify-content: center;    align-items: flex-end;}.albumblock_right .album_img {    width: 45%;}.albumblock_right .album_txt {    font-size: 15px;    letter-spacing: 1px;    line-height: 2em;    color: #666;    width: 55%;    padding-bottom: 50px;}.photo_view {    width: 100%;    padding: 30px;    background: rgb(86 127 124 / 10%);    margin-bottom: 100px;}.albumblock_left {    margin-top: 50px;    display: flex;    flex-direction: row;    flex-wrap: wrap;}.albumblock_left .album_img {    width: calc(100%/2);}.albumblock_left .album_img:nth-child(even) {    padding: 10px 0px 10px 10px;}.albumblock_left .album_img:nth-child(odd) {    padding: 10px 10px 10px 0px;}.albumblock_left .album_txt {    margin-top: 50px;}.albumblock_left.slogan .album_img {    width: 100%;    margin-top: 30px;    text-align: center;}.album_main_txt h3 {    text-align: center;    color: #567f7c;    letter-spacing: 1px;    line-height: 1.8em;    margin-top: 50px;    margin-bottom: 5px;    font-size: 30px !important;}.album_main_txt h5 {    text-align: center;    font-size: 15px;    letter-spacing: 1px;    line-height: 1.8em;    margin-bottom: 30px;    margin-top: 0;}.album_main_txt {    line-height: 1.8em;    letter-spacing: 1px;    color: #666;    padding: 0 50px;    margin-bottom: 50px;}.album_contact_info_tw h5,.album_contact_info_ch h5 {    font-size: 16px !important;    letter-spacing: 1px;    line-height: 1.8em;    color: #666}.album_contact_info_tw ul li,.album_contact_info_ch ul li {    list-style: none;    font-size: 14px;    letter-spacing: 1px;    line-height: 1.8em;}.album_contact_info_tw ul,.album_contact_info_ch ul {    padding-left: 0;}.company_album_contact {    padding: 40px;    background: #f7f7f7;}.album_contact_info_tw {    margin-bottom: 20px;    margin-top: 40px;}.album_keyword {    font-size: 13px;    margin-top: 50px;    color: #aeaeae;}.company_album_contact h5 {    font-size: 18px;}.company_album_contact a:hover {    color: #567f7c;}.social_list a {    color: #666;    border: 1px solid #666;    padding: 10px 20px;    display: inline-block;    margin-right: 10px;    float: left;}.social_icon {    margin-bottom: 15px;}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {    outline: 0;    outline: 0;    outline-offset: 0;}.btn.active,.btn:active {    -webkit-box-shadow: none;    box-shadow: none;}.article1.cid9 .page_subject {    display: none;}.layoutlist_2 .album_item:hover .album_item_subject {    color: #567f7c;    transition: 0.3s;}/*【241218 緊急預定】*/ .shoppinglist .main section .container,.shoppinglist section.call_to_action {    padding-top: 0 !important;    padding-bottom: 0 !important;    box-shadow:initial !important;}.RWDshopping_v3{    padding-top: 3rem !important;    padding-bottom: 3rem !important;}/*250423*/#sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {       padding-top: 60px;}/* 20250602 */ .search-block {    padding: 12vw 0;    text-align: center;    min-height: 65vh;}

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

@media (max-width: 1700px) {    /*1680px*/    .about_block .RWDleft_cont002 .item-second .text-box {        padding: 0px 50px;    }    .about_block .RWDService002 .col-sm-4.col-md-4 {        width: calc(100%/3 - 100px);        margin-right: 100px;    }    .homedesign_block .RWDedictor001 .section-subject {        width: 30%;    }    .RWDbanner010 .product_box .title>div.text2 {        font-size: 14px;    }    .RWDbanner010 .product_box .title {        width: 580px;    }    .RWDbanner010 .thumb_pic_box {        right: calc(-85%/3 - 15px);        width: calc(85% - 6px);    }    .busdesign_block .RWDedictor001 .section-subject {        width: 30%;    }    .RWDright_cont002 .item-first .text-box .underline {        width: calc(100% + 120px);    }    .RWDService001 p {        margin-bottom: 20px;        min-height: 90px;    }    .menu_footer {        padding-bottom: 50px;    }    .about_block .RWDleft_cont002 .item-second .text-box {        padding-bottom: 80px;    }    .about_block .RWDleft_cont002 .item-second .pic {        transform: translateY(80px);    }    .RWDbanner010 .product_box .title {        bottom: -250px;    }    .RWDbanner_plus01 .logo {        width: 626px;    }    /* 20250702 */    .RWDmenu_plus04 .header .site-nav .menu>li>a,    .RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {        padding: 25px 15px;    }}@media (max-width: 1600px) {    .about_block .RWDService002 .section-inner .container {        width: 70%;    }    .RWDbanner010 .thumb_pic_box {        right: 0;        width: calc(50% - 6px);        flex-direction: row;        right: 0;        position: absolute;        flex-wrap: wrap;    }    .RWDbanner010 .thumb_pic_swiper-container {        width: 100%;        padding: 15px 0px;    }    .RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container02 {        width: calc(100%/2);        order: 3;    }    .RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container01 {        width: calc(100%/2);        order: 2;    }    .RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container03 {        width: 100%;        order: 1;    }    .RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container01 .img_box {        padding-right: 15px;    }    .RWDbanner010 .thumb_pic_swiper-container.thumb_pic_swiper-container02 .img_box {        padding-left: 15px;    }    .RWDbanner010 .product_box .main_pic {        opacity: 0 !important;    }    .RWDbanner010:after {        width: 45%;    }    .swiper-container-fade .swiper-slide {        height: 100% !important;    }    .RWDbanner010 .thumb_pic_swiper-container {        width: 100%;    }    .RWDbanner010 {        height: 50vw;    }    .RWDbanner010 .product_box .title {        bottom: -100px;    }    .RWDbanner010 .swiper-pagination {        top: initial;        bottom: 100px;    }    .RWDbanner010 .swiper-button-prev {        top: initial;        bottom: 80px;    }    .RWDbanner010 .swiper-button-next {        top: initial;        bottom: 80px;    }    .RWDbanner_plus01 .logo {        width: 516px;    }    .designer_block .RWDright_cont002 .item-first .text-box {        padding: 100px 120px;    }    .busdesign_block {        padding-top: 0;    }    .right_video_btn {        width: calc(18% + 4px);    }    .about_block .RWDleft_cont002 .item-second .pic {        transform: translateY(0px);    }    .RWDService001 p {        padding-right: 0px;    }    /*內頁*/    span.boxname {        font-size: 14px;    }    .form-horizontal .control-label {        font-size: 15px;    }    .albumblock_right .album_txt {        padding-left: 50px;    }    .albumblock_left .album_txt {        padding: 0 50px;    }    .company_album_contact h5 {        font-size: 20px;    }    .album_contact_info_tw h5,    .album_contact_info_ch h5 {        font-size: 15px;        margin-bottom: 0;    }}@media (max-width: 1500px) {    /*1440px*/    .designer_block .RWDright_cont002 .item-first .text-box {        padding: 40px 60px 40px 120px;    }    .designer_block1:before {        width: 182px;        height: 300px;    }    .figcaption_bottom {        padding: 0 20px;    }    .service_block .RWDleft_cont002 .item-second .text-box {        padding: 160px 100px;    }    .service_block>.container {        width: 90%;    }    .right_item {        padding: 140px 50px;    }    .about_block .RWDService002 .section-inner .container {        width: 75%;    }    .RWDbanner010 {        height: 52vw;    }    .designer_block:after {        width: 15%;    }    .designer_block:before {        width: 15%;    }    .RWDleft_cont002 .item-second .text-box .underline {        width: 150%;    }    .RWDbanner010 .swiper-button {        width: 50px;        height: 50px;    }    .RWDbanner010 .ii-arrow1:before {        font-size: 15px;    }    .RWDbanner010 .swiper-button-prev {        left: calc(30% - 141px);    }    .RWDbanner010 .swiper-pagination {        bottom: 80px;    }    .RWDleft_cont002 .item-second .text-box {        width: 55%;    }    .knowledge_block .RWDedictor001 h2.sub-title {        font-size: 16px;    }    .busdesign_block .RWDedictor001 h2.sub-title,    .homedesign_block .RWDedictor001 h2.sub-title {        font-size: 14px;    }    .about_block .RWDleft_cont002 .item-second .text-box .subtitle {        font-size: 16px;        letter-sapcing: 1px;    }    .designer_block .RWDedictor001 h2.sub-title {        font-size: 16px;    }    .service_block .RWDService001 h2.sub-title {        font-size: 16px;    }    .about_block .RWDleft_cont002 .item-second .text-box .text {        font-size: 14px;    }    .about_block .RWDleft_cont002 .item-second .text-box {        padding-left: 0;    }    .busdesign_block {        padding-bottom: 100px;    }    .designer_block {        padding: 0px 0px 100px 0px;    }    .RWDService001 p {        font-size: 13px;    }    .RWDbtn01 {        margin-top: 50px;    }    .designer_block .RWDleft_cont002 .item-second .text-box {        padding-left: 60px;    }    @-webkit-keyframes gray_down {        0% {            bottom: 25%;        }        100% {            bottom: 15%;        }    }    /*內頁*/    pagedesign_list ul li {        letter-spacing: 1px;    }    #eForm1>div:nth-child(6)>label,    #eForm1>div:nth-child(10)>label {        font-size: 18px;    }}@media (max-width: 1400px) {    /*1366px*/    .about_block .RWDleft_cont002 .item-second .text-box {        padding: 0px 20px;    }    .RWDleft_cont002 .item-second .text-box {        width: 53%;    }    .designer_block:before {        width: 16%;        height: 500px;    }    @-webkit-keyframes gray_down {        0% {            bottom: 30%;        }        100% {            bottom: 25%;        }    }    .right_item {        padding: 100px 50px;    }    .about_block:after {        display: none    }    .about_block .part_1 {        width: 90%;    }    .about_block .RWDleft_cont002 .item-second .pic {        transform: translateY(50px);    }    .about_block .RWDService002 .section-inner .container {        margin-left: 7%;        width: 80%;    }    .RWDbanner010 .swiper-button-prev,    .RWDbanner010 .swiper-button-next {        bottom: 58px;    }    .designer_block>.container {        width: 90%;    }    .service_block .RWDleft_cont002 .item-second .text-box {        padding: 140px 100px;    }    .RWDService001 p {        padding-right: 10px;    }    @-webkit-keyframes bg_leftin {        0% {            width: 0%;        }        100% {            width: 100%;        }    }    .RWDbanner010 .product_box .title {        width: 550px;    }    .fl img {        width: 100%;    }    .fl {        width: 300px;    }    .RWDbanner010 .product_box .title>div.text1 {        font-size: 14px;    }    .RWDbanner_plus01 .logo {        width: 493px;    }    /*內頁*/    .parking_map {        margin-top: 80px;    }    .pagecontent {        font-size: 14px;    }}@media (max-width: 1300px) {    /*1300px*/    .about_block:after .about_block .RWDService002 {        padding: 80px 0px;    }    .about_block .RWDService002 .section-inner .container {        width: 85%;    }    .about_block .part_1 {        margin-bottom: 80px;    }    .about_block .RWDleft_cont002 .item-second .pic {        transform: translateY(0px);    }    .knowledge_block>.container:nth-child(2) {        width: 95%;        margin-left: 5%;    }    .right_video_btn .figcaption_bottom h2 {        display: block;        overflow: hidden;        white-space: nowrap;    }    @-webkit-keyframes bg_rightin {        0% {            width: 60%;        }        100% {            width: 100%;        }    }    .homedesign_block {        padding: 50px 0px;    }    .RWDbanner010 .product_box .title {        bottom: -150px;    }    .RWDbanner_plus01 .slick-caption {        bottom: 0px;    }    .RWDmenu_plus04 .header:after {        width: 572px;        height: 313px;        top: 20px;    }    .banner_block:after {        width: 584px;        height: 365px;    }    .homedesign_block {        padding-top: 0;    }    .about_block .RWDleft_cont002 .item-second .text-box {        width: 50%;    }    .about_block .RWDleft_cont002 .item-second a {        width: 50%;    }    .about_block {        padding: 200px 0px 0px 0px;    }    /*內頁*/    .call_to_action>.container {        width: 90%;    }    div#sidebar {        width: 200px;        padding-right: 30px !important;    }    .pagecontent.col-md-9 {        width: calc(100% - 200px);    }    .pagedesign_title h5 {        line-height: 1.5em;        font-size: 14px;        letter-spacing: 1px;    }    .pagedesign_list {        padding: 15px 40px;    }    .call_to_action>.container {        padding: 80px 0px;    }    .company_album_contact {        padding: 40px 50px;    }}@media (max-width: 1200px) {    /*1200px*/    .RWDleft_cont002 .item-second .text-box {        width: 50%;    }    .about_block .RWDService002 .col-sm-4.col-md-4 {        width: calc(100%/3 - 70px);        margin-right: 70px;    }    .homedesign_block .RWDedictor001 .section-subject {        width: 50%;    }    .homedesign_block .RWDedictor001 h2.sub-title {        font-size: 15px    }    .busdesign_block .RWDedictor001 .section-subject {        width: 50%;    }    .busdesign_block .RWDedictor001 h2.sub-title {        font-size: 15px;    }    .designer_block:after {        height: 400px;    }    .designer_block:before {        height: 400px;    }    .RWDbanner010 .product_box .title {        bottom: -150px;    }    .RWDbanner010 {        height: 57vw;    }    .designer_block .RWDright_cont002 .item-first .text-box {        padding: 40px 60px 40px 60px;    }    .designer_block .RWDleft_cont002 .item-second .text-box {        padding: 140px 60px 120px 60px;    }    .RWDmenu_plus04 .site-nav .menu>li>a {        padding: 25px;    }    .footer_block>.container {        width: 90%;    }    .menu_footer>.container {        width: 90%;    }    .copy_block>.container {        width: 90%;    }    .left_logo {        padding-right: 25px;        margin-right: 25px;    }    .left_logo {        width: calc(100%/3 - 25px);    }    .left_symbol {        width: 400px;    }    .service_block .RWDleft_cont002 .item-second .text-box {        padding: 120px 50px;    }    .right_item {        width: calc(100% - 400px);    }    .right_item {        padding: 100px 40px;    }    .left_logo {        padding-right: 30px;        margin-right: 30px;    }    .footer_block .container {        width: 95%;    }    .logo_company {        letter-spacing: 1px;    }    /*內頁*/    section.call_to_action:after {        width: 30%;    }    .form-horizontal .control-label {        width: 180px;    }    .form-group .col-sm-12.col-md-11 {        width: calc(100% - 180px);    }    section.call_to_action {        padding: 80px 0px;    }}

/*小螢幕 end*/ 
/*1199px start*/ 
@media (max-width: 1199px) {
.about_block {    padding: 100px 0px 0px 0px;}.about_block .RWDleft_cont002 .item-second .text-box .text {    font-size: 13px;    width: 100%;}.RWDbanner010 .product_box .title {    width: 550px;}.RWDbanner010 .product_box .title>div.text1 {    font-size: 14px;}.RWDbanner010 .product_box .title>div.text2 {    font-size: 13px;}.homedesign_block {    padding: 80px 0px;}.busdesign_block .RWDedictor001 .section-subject:after {    height: 150px;}.homedesign_block .RWDedictor001 .section-subject:after {    height: 150px;}.RWDbanner010 .swiper-pagination {    bottom: 50px;}.RWDbanner010 .swiper-button-prev,.RWDbanner010 .swiper-button-next {    bottom: 50px;}.figcaption_bottom p {    font-size: 13px;}@-webkit-keyframes green_down {    0% {        top: 0px;    }    100% {        top: 50px;    }}@-webkit-keyframes green_up {    0% {        bottom: -150px;    }    100% {        bottom: -100px;    }}.banner_block:before {    width: 454px;    height: 265px;    right: 0;    top: -87px;}.banner_block:after {    width: 478px;    height: 292px;}.RWDbanner_plus01 .logo {    width: 420px;}.main {    margin-top: 100px;}.RWDmenu_plus04 .header {    height: 100px;}.RWDmenu_plus04 .header .logo {    width: 200px;}.about_block .part_1 {    margin-bottom: 0;}.RWDbanner010 .product_box .title {    bottom: -100px;}.knowledge_block:after {    width: 95%;}.middle_btn {    width: calc(100%/3 - 40px);}.right_contact {    width: calc(100%/3 + 40px);}.right_keyword {    width: 35%;    margin-left: 10%;}.about_block .RWDleft_cont002 .item-second .text-box {    padding: 0px 80px 0px 20px;}.knowledge_block {    margin-bottom: 100px;}.RWDbanner010 .thumb_pic_box {    width: calc(60% - 6px);}.homedesign_block .RWDedictor001 .section-subject {    width: 40%;}.RWDbanner010 .product_box .title {    width: 400px;}.busdesign_block .RWDedictor001 .section-subject {    width: 40%;}.RWDbanner010:after {    width: 39%;}/*內頁*/div#sidebar {    width: 80%;    transform: translateY(0px) !important;    padding-right: 0 !important;    margin: 0 auto 50px auto;    float: none;    padding-left: 0px !important;}section.article-text.rwd .container {    display: flex;    justify-content: flex-start;    align-content: center;    flex-direction: column;}.pagecontent.col-md-9 {    width: 100%;    margin: 0 auto;    float: none;}section.hgroup {    width: 100% !important;    margin-left: 0 !important;}/* 20250702 */ .RWDmenu_plus04 .header {    padding: 0 20px;}.RWDmenu_plus04 .header .site-nav .menu>li>a,.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {    letter-spacing: 1px;    padding: 25px 12px;}.RWDmenu_plus04 .header .logo {    width: 180px;}@media (max-width: 1100px) {.RWDmenu_plus04 .header .logo, .RWDmenu_plus04 .header.is-up .logo {    width: 150px;}}
}
/*1199px end*/ 
/*1024px start*/ 
@media (max-width: 1024px) {
.RWDmenu_plus04 .header {padding-right: 70px;}.RWDmenu_plus04 .header .logo {width: 220px;}.RWDbanner_plus01 .logo {width: 380px;}.about_block .RWDleft_cont002 .item-second .text-box .subtitle {font-size: 14px;}.about_block .funny-boxes > .funny-boxes-text > p {font-size: 12px;}.homedesign_block .RWDedictor001 h1.main-title {font-size: 30px;}.homedesign_block .RWDedictor001 .section-subject {width: 38%;}.RWDbanner010 .product_box .title>div.text0 {font-size: 18px;}.busdesign_block .RWDedictor001 h1.main-title {font-size: 30px;}.busdesign_block .RWDedictor001 .section-subject{width: 38%;}.busdesign_block .RWDedictor001 h2.sub-title, .homedesign_block .RWDedictor001 h2.sub-title{font-size: 13px;}.RWDbanner010 .product_box .title {width: 450px;}.more_icon img {width: 30px;}.more_icon br {display: none;}.RWDbanner010 {height: 60vw;}.RWDbanner010 .product_box .title {bottom: -180px;}.figcaption_bottom h2 {font-size: 15px;}.knowledge_block {padding: 100px 0px;}.right_video_btn {width: calc(18% + 7px);}.RWDbanner010 .swiper-pagination{display:none}.RWDbanner010 .swiper-button-prev {left: 0;}.RWDbanner010 .swiper-button-next {left: 51px;}.designer_block .RWDright_cont002 .item-first .text-box {padding: 40px;}.designer_block .sub_name {font-size: 13px;}.designer_block1:before {width: 100px;    height: 200px;    left: -50px;}.designer_block2:after {width: 100px;height: 200px;}@-webkit-keyframes green_up{0% {     bottom:100px;}100% {     bottom:0px;}}.designer_block .RWDleft_cont002 .item-second .text-box {padding: 140px 40px 120px 40px;}.RWDbtn01 .btn {font-size: 14px;}.homedesign_block {padding: 0px 0px;}@-webkit-keyframes gray_down{0% {     bottom:15%;}100% {     bottom:20%;}}.green_logo {    margin-bottom: 100px;}.service_block .RWDleft_cont002 .item-second .text-box a {margin-top: 60px;}.contect_info ul li {font-size: 12px;}.logo_company {letter-spacing: 1px;}.designer_block2 {margin-top: 50px;}.designer_block .RWDleft_cont002 .item-second .text-box {padding: 40px;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a {background-color: transparent;}.ml-stack-nav-toggle {    padding: 30px 50px 30px 15px;}.knowledge_block:before {height: 650px;}.middle_btn {width: calc(100%/3 - 0px);}.right_contact {width: calc(100%/3 + 0px);padding-left:3%;}.contect_info ul li br.address_br {display: block;}.right_keyword {width: 40%;margin-left: 5%;}.RWDmenu_plus04 .header {padding-right: 58px;}/*內頁*/div#sidebar {width: 100% !important;}/* 20250702 */ .about_block .RWDleft_cont002 .item-second .text-box .text h1,:is(.homedesign_block, .busdesign_block, .knowledge_block) .RWDedictor001 .main-title,.main-title {    font-size: 30px;}.about_block .RWDleft_cont002 .item-second .text-box .text h1 br {     display: none;}.RWDvideo002 .figcaption_bottom>div {     font-size: 15px;}
}
/*1024px end*/ 
/*991px start*/ 
@media (max-width: 991px) {
.about_block .RWDleft_cont002 .item-second .pic {    width: 80%;    margin: 0 auto;    margin-bottom: 50px;    float:none;}.about_block .RWDleft_cont002 .item-second .text-box {    width: 80%;    margin: 0 auto;    float: none;}.designer_block {margin-top: 100px;}@-webkit-keyframes gray_up{0% {     top:-20px;}100% {     top:0px;}}.about_block .RWDService002 .section-inner .container {width: 85%;margin: 0 auto;}.designer_block2 {margin-top: 80px;}.designer_block .RWDleft_cont002 .item-second .text-box {padding: 40px;}.logo_company {font-size: 16px;}.right_keyword {margin-left: 5%;}.left_menufooter {width: 60%;}.footermenu ul li h4 {margin-right: 15px;}.footermenu ul li a {margin-right: 10px;}.contect_info ul li i {font-size: 18px;}.homedesign_block .RWDedictor001 .section-subject {    position: relative;    width: 80%;    text-align: center;    padding-left: 0;    top:0;    margin: 0 auto 50px auto;}.homedesign_block .RWDedictor001 .section-subject:after{display:none}.busdesign_block .RWDedictor001 .section-subject {    position: relative;    width: 80%;    text-align: center;    padding-left: 0;    margin: 0 auto 50px auto;    top:0;}.busdesign_block .RWDedictor001 .section-subject:after{display:none}.RWDbanner010 .thumb_pic_box {    position: relative;    width: 80%;    margin: 0 auto;    right: initial;    float: none;    margin-top:0px;}.RWDbanner010:after{display:none}.RWDbanner010 {height: auto;}.RWDbanner010 .product_box .main_pic {display: none;}.RWDbanner010 .swiper-slide.swiper-slide-active .product_box {padding-top: 0;}.homedesign_block {padding-top: 80px;}.busdesign_block {padding-top: 80px;}.about_block .RWDService002 h1.main-title {text-align: center;}.about_block .RWDService002 .col-sm-4.col-md-4 {margin: 0 20px;width: calc(100%/3 - 40px);}  .about_block .funny-boxes > .funny-boxes-text > p {text-align: center;}.about_block .funny-boxes > .funny-boxes-text > h4 {text-align: center;}.RWDbanner010 .product_box .title {bottom: 0;margin: 0 auto;}.RWDbanner010 {margin: 0 auto;}.RWDbanner010 .swiper-button-prev {left: calc(50% - 50px);}.RWDbanner010 .swiper-button-next {left: calc(50% + 1px);}.RWDbanner010 .swiper-button-prev, .RWDbanner010 .swiper-button-next {bottom: initial;top: 33%;}.more_icon {font-size: 12px;}.RWDbanner010 .main_pic_swiper-container{min-height:100px;}.about_block .RWDService002 .col-sm-4.col-md-4 {float: left;}.RWDbanner010 .product_box .title {width: 100%;}.RWDbanner_plus01.full .banner-slider.bg .slick-item {    max-height: 90vh!important;    height: 90vh!important;}.RWDbanner010 .ii-arrow1:before {color: #666;}.about_block .RWDleft_cont002 .item-second a {width: 80%;margin-top:50px;}.about_block .RWDleft_cont002 .item-second {flex-direction: column-reverse;}.about_block .RWDleft_cont002 .item-second .pic {width: 100%;margin-bottom:0px;}.knowledge_block:before {height: 488px;}/*內頁*/ .hgroup .page_subject h1 { font-size: 28px;}.pagedesign_list ul li {padding: 0 5px 5px 5px;}.article1.cid9.articlecontent h1.pageTitle {    display: block;    margin-bottom: 0;}.pagedesign_title h5 {margin-top: 0;}.pagedesign_title {padding: 25px 40px;}.page_subject h6 {    margin-bottom: 0;    margin-top: 0;    font-size: 14px;    color: #567f7c;}.page_subject {    font-size: 28px;    text-align: center;    letter-spacing: 2px;    line-height: 1.8em;}.article1.cid9 .page_subject {display: block;}
}
/*991px end*/ 
/*850 start*/ 

@media (max-width: 850px) {.left_symbol {width: 100%}.right_item {width: 100%}.service_block > .container {flex-direction: column;}.service_block > .container {    flex-direction: column;    justify-content: center;    align-items: center;}.designer_block > .container {width: 100%;}.designer_block .RWDright_cont002 .item-first .text-box {padding: 20px 40px;width: 60%;}.RWDright_cont002 .item-first .text-box .underline {width: 100%;transform: translate(0px, 48px);}.knowledge_block > .container:nth-child(1) {width: 90%;}.designer_block .RWDright_cont002 .item-first .pic {width: 100%;}.designer_block .RWDright_cont002 .item-first {    display: flex;    flex-direction: row;    justify-content: center;    align-items: center;}.designer_block .RWDright_cont002 .item-first a {    display: block;    width: 40%;}.designer_block .RWDleft_cont002 .item-second {    display: flex;    flex-direction: row-reverse;    justify-content: center;    align-items: center;}.designer_block .RWDleft_cont002 .item-second a {display: block;width: 40%;}.designer_block .RWDleft_cont002 .item-second .pic {width: 100%;}.designer_block .RWDleft_cont002 .item-second .text-box {padding: 0 40px;width:60%;}.RWDleft_cont002 .item-second .text-box .underline {    width: 100%;    transform: translate(0px, 48px);}@-webkit-keyframes green_down{0% {     top:-50px;}100% {     top:0px;}}.footer_info {flex-wrap: wrap;}.left_logo {    width: 100%;    text-align: center;    border-bottom: 1px solid #ccc;    padding-bottom: 30px;    margin-bottom: 50px;    border-right:0;}.middle_btn {width: 50%;padding-left: 0;}.right_contact {width: 50%;}.logo_company {text-align: right;}.logo_subtitle {text-align: right;}.menu_footer {padding-top: 50px;}.left_menufooter {width: 100%;}.right_keyword {    margin-left: 0;    width: 100%;    margin-top:30px;}.menu_footer > .container {flex-direction: column;}.RWDssl01 {margin: 0;}.logo_block1 {margin-bottom: 0;float: left;}.right_item {padding: 50px 40px;}.service_block .RWDleft_cont002 .item-second .text-box {padding: 50px;}.RWDbanner_plus01 .banner-slider {padding-right: 57px;}.RWDbanner010 .swiper-button-prev, .RWDbanner010 .swiper-button-next {top: 36%;}.RWDright_cont002 .item-first .text-box .underline {display:none}.RWDleft_cont002 .item-second .text-box .underline{display:none}.designer_block .sub_name {border-bottom: 1px solid #ccc;}.copy_block > .container {font-size: 9px;}.RWDvideo002.istouch figure.effect-sarah img, .RWDvideo002.istouch figure.effect-sarah .iframe {opacity: 1;}.contect_info ul li br.address_br {    display: none;}.logo_company {padding-top: 18px;}/*內頁*/ .form-horizontal .control-label {    width: 115px;    padding-right: 0 !important;    padding-left: 5px !important;}#eForm1 > div:nth-child(36) > label {width: 180px;}.form-group .col-sm-12.col-md-5 {    width: calc(100%/2 - 115px);    padding-right: 5px !important;}.form-group .col-sm-12.col-md-11 {width: calc(100% - 115px);padding-right: 0px;}#eForm1 > div:nth-child(36) > div {width: calc(100% - 180px);}.pagedesign_title {padding: 15px 40px;}.albumblock_right .album_txt {    padding-bottom: 0px;    font-size: 14px;}section.call_to_action {padding: 0;}.call_to_action > .container {width: 100%;}#RWDPAGE_BASE_PAT02 .footer_block {border-top: 1px solid #efefef;padding-top: 50px;}.albumblock_left .album_txt {padding: 0 80px;}.album_main_txt {padding: 0 80px;}section.call_to_action h4 {font-size: 17px;}.parking_area {margin-top: 30px;}.parking_map {margin-top: 50px;}}

/*850 end*/ 
/*800px start*/ 
@media (max-width: 800px) {
.about_block .RWDleft_cont002 .item-second .pic {width: 100%;}.about_block .RWDleft_cont002 .item-second .text-box {width: 90%;padding:0px;}.about_block .RWDService002 .section-inner .container {width: 90%;}.RWDright_cont002 .item-first .text-box .underline {transform: translate(0px, 76px);}.RWDleft_cont002 .item-second .text-box .underline {transform: translate(0px, 79px);}.contect_info ul li br.address_br { display: none;}.about_block .RWDleft_cont002 .item-second a {width: 90%;}.RWDmenu_plus04 .header .logo {width: 200px;}/*內頁*/ .RWDeditor01 .model-title {font-size: 19px;}.pagedesign_title h5{font-size:13px;}.article1.cid9.articlecontent .main section > #panel_14:before, .article1.cid9.articlecontent .main section > #panel_14:after{display:none}.ebtn.currectsend_btn {background: transparent;}.ebtn.currectsend_btn a {width: 100%;}.left_logo {margin-right: 0;padding-right: 0;}.footer_block .container {width: 85%;}.footer_block .container {    flex-direction: column;    justify-content: center;    align-content: center;}.RWDssl01 {margin: 6px 0px;}.right_contact {width: 54%;}.middle_btn {width: 46%;}.copy_block {padding: 20px 0px;}.albumblock_right .album_txt {line-height: 1.8em;}.albumblock_left .album_txt {padding: 0 50px;}.album_main_txt {padding: 0 50px;}.hgroup .container{margin-left:0;margin-right:0px;}/* 20250702 */ .about_block .RWDleft_cont002 .item-second .text-box .text h1,:is(.homedesign_block, .busdesign_block, .knowledge_block) .RWDedictor001 .main-title,.main-title {    font-size: 28px;    letter-spacing: 1.5px;}
}
/*800px end*/ 
/*767px start*/ 
@media (max-width: 767px) {
.RWDbtn01 .btn {padding: 10px;}.left_video_real .section-inner .container .col-sm-6.col-md-4.videoitem {float: left;}.copy_block > .container {flex-direction: column;font-size: 10px;}.RWDbanner_plus01 .slick-caption {display: none;}/*內頁*/ .pagedesign_list ul li {letter-spacing: 1px;}
}
/*767px end*/ 
/*600px start*/ 
@media (max-width: 600px) {
.RWDmenu_plus04 .header .logo {width: 167px;}.RWDmenu_plus04 .header.is-up .logo {width: 167px;}.RWDbanner_plus01 .banner-slider {padding-right: 50px;}.RWDmenu_plus04 .header {padding-right: 50px;}.about_block .RWDService002 .col-sm-4.col-md-4 {    margin: 0 15px;    width: calc(100%/3 - 30px);}.RWDbanner010 .swiper-button-prev, .RWDbanner010 .swiper-button-next {top: 65%;}.busdesign_block {padding-bottom: 30px;}.right_video_btn {display: none;}.left_video_real .section-inner .container .col-sm-6.col-md-4.videoitem {width: 100%;}.left_video_real {width: 100%;}.knowledge_block > .container:nth-child(2) {width: 90%;margin: 0 auto;}.left_video_real .section-inner .container .col-sm-6.col-md-4.videoitem:nth-child(1) {margin-bottom: 50px;}.video_item {    width: 100%;    margin: 0 0 30px 0 !important;}.knowledge_block .RWDedictor001 h1.main-title {font-size: 30px;}.knowledge_block {padding: 120px 0px 100px 0px;}.designer_block {margin-top: 0px;}.designer_block:after{display:none}.designer_block .RWDright_cont002 .item-first {flex-direction: column;}.designer_block .RWDright_cont002 .item-first a {width: 80%;}.designer_block .RWDright_cont002 .item-first .text-box {width: 80%;}.designer_block .RWDleft_cont002 .item-second {flex-direction: column;}.designer_block .RWDleft_cont002 .item-second a {width: 80%;}.designer_block .RWDleft_cont002 .item-second .text-box {width: 80%;padding: 40px;}.designer_block1:before{display:none}.logo_block1 {float: none;margin-bottom: 20px;}.logo_company {text-align: center;}.logo_subtitle {text-align: center;}.middle_btn {    width: 100%;    text-align: center;}.contact_btna {margin-bottom: 10px;}.btn-btn a {    float: none;    margin: 20px auto 30px auto;}.right_contact {    width: 100%;    text-align: center;}.copy_block > .container {align-items: center;}.designer_block2:after{display:none;}.designer_block:before{display:none;}.service_block .RWDService001 .row .col-md-3.col-sm-6 {float: left;}.RWDbanner_plus01 .logo {    width: 80%;}.main {background-size: 0px 0px, 33% 33%, 0px 0px, 33% 33%;}.RWDbanner010 .thumb_pic_box {    width: 100%;    margin-top: 50px;}.RWDbanner010 .swiper-slide.swiper-slide-active .product_box {padding-top: 50px;}.RWDbanner010 .swiper-button-prev, .RWDbanner010 .swiper-button-next {    top: 19%;}.fl {width: 200px;}.know_btn{display:block}.service_block .RWDService001 .row a:nth-child(3) .col-md-3.col-sm-6{    margin-bottom: 30px;}.RWDbanner010 .product_box .title>div.text2 {    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;}.copy_block > .container {    flex-direction: column;}.left_logo {    padding-right: 0;    margin-right: 0;}.RWDbanner010 .product_box .title>div.text0 {    font-size: 18px;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;}.RWDbanner010 .product_box .title>div.text1 {    font-size: 14px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    line-height: 1.8em;}.RWDbanner010 .swiper-button:hover {background-color: #ede8e5;}.banner_block:before {    width: 227px;    height: 134px;    right: 0;    top: -44px;}.banner_block:after {    width: 233px;    height: 126px;    bottom: -47px;}.about_block .RWDleft_cont002 .item-second .text-box {width: 90%;padding: 0;}.RWDmenu_plus04 .header {padding: 0 3%;}.knowledge_block {margin-bottom: 50px;}.knowledge_block:after {width: 100%;}/*內頁*/ .pagedesigner_block {    flex-direction: column;    justify-content: center;    align-content: center;}.pagedesigner_block {    flex-direction: column;    justify-content: center;    align-items: center;}.pagedesign_pic {width: 80%;}.pagedesign_right {width: 80%;}.pagemain_txt {display: flex;justify-content: center;align-items: center;}.pagedesign_list {padding: 20px 0px;}.layoutlist_2 .album_item_subject {font-size: 16px;}span.portfolio_title br {display: none;}.albumblock_right .album_img {    width: 50%;    float: left;    padding-right: 50px;}.albumblock_right .album_txt {width: 100%;padding-left: 0;}.albumblock_right {display: block;}.albumblock_left .album_txt {padding: 0 20px;margin-top: 20px;}.album_main_txt {padding: 0 20px;}.layoutlist_7 .litem {padding: 0 10px;}.layoutlist_7 .litem img {padding-right: 15px;padding-bottom: 15px;}.call_to_action > .container {padding: 50px 0px;}.car_funtion {flex-direction: column;justify-content: center;align-content: center;}.car_funtion .traffic_block {width: 100%;padding-right: 0;}.car_funtion .tra_map {width: 100%;margin-top: 30px;}section.article-text p {font-size: 13px;}.form-horizontal .control-label {width: 100%;}.form-group .col-sm-12.col-md-5 {width: 100%;}.col-sm-6.address-col-1 {padding-right: 0;margin-bottom: 10px;}.col-sm-6.address-col-2 {padding-left: 0;}#eForm1 > div:nth-child(36) > div {width: 100%;}.form-group .col-sm-12.col-md-11 {width: 100%;}#eformsForm_1_3 > div > div.row .col-sm-12.col-md-11 {padding-left: 0 !important;}.rwd .faq_question {font-size: 15px;}.rwd .faq_answer {font-size: 14px;}
}
/*600px end*/ 
/*480px start*/ 
@media (max-width: 480px) {
.RWDbanner_plus01 .banner-slider {padding-right: 0;}.RWDmenu_plus04 .header {padding-right: 15px;}.RWDmenu_plus04 .header.is-up .logo {width: 120px;}.about_block .RWDleft_cont002 .item-second .text-box {width: 100%;}.about_block .RWDleft_cont002 .item-second .pic{width:100%}.about_block .RWDService002 .col-sm-4.col-md-4 {    float: none;    width: 70%;    margin: 0 auto;}.RWDmenu_plus04 .header.is-up {height: 60px;}.RWDbanner010 .main_pic_swiper-container {width: 90%;}.designer_block .RWDright_cont002 .item-first .text-box {width: 100%;padding:20px;}.designer_block .RWDright_cont002 .item-first a {width: 100%;}.designer_block .RWDleft_cont002 .item-second a {width: 100%;}.designer_block .RWDleft_cont002 .item-second .text-box {width: 100%;padding:20px;}.service_block > .container {margin-top: -50px;}.service_block .RWDService001 .row .col-md-3.col-sm-6 {float: none;width: 100%;}.footer_block {padding-top: 80px;}.left_logo {    padding-right: 0;    margin-right: 0;}.RWDbanner_plus01 .slick-caption {bottom: 80px;}.RWDbanner_plus01 .logo {width: 90%;margin:0 auto;}.footermenu ul li ul {flex-wrap: wrap;}.footermenu ul li:nth-child(1) ul li {width: calc(100%/3);}.right_keyword {font-size: 12px;line-height: 1.8em;}.RWDService001 p {min-height: auto;}.RWDbanner010 .swiper-button-prev, .RWDbanner010 .swiper-button-next {top: 24%;}.RWDbanner010 .swiper-slide.swiper-slide-active .product_box {padding-top: 60px;}.RWDbanner010 .thumb_pic_box {margin-top: 30px;}.designer_block .RWDright_cont002 .item-first .text-box .title {font-size: 23px;}.designer_block .RWDleft_cont002 .item-second .text-box .title{font-size: 23px;}.ml-stack-nav-toggle {padding: 30px 15px;}.RWDmenu_plus04 .header {height: 60px;background: #f3f1ee;}.main {margin-top: 60px;}.RWDmenu_plus04 .header .logo {width: 120px;}.banner_block:before{display:none}.banner_block:after{display:none}.about_block {padding: 80px 0px 0px 0px;}.about_block .RWDleft_cont002 .item-second .text-box .title {font-size: 27px;}.about_block .RWDleft_cont002 .item-second .text-box .text {margin-top: 30px;}.knowledge_block:before{display:none}.RWDbanner_plus01 {overflow: visible;}.RWDbanner_plus01.style-dotnav.control-right .control-box {bottom: -40px;}/*內頁*/ .hgroup .page_subject h1 {margin-bottom: 0px;}.pagecontent.col-md-9 {padding: 0 15px !important;}.rwd .faq_question {padding-left: 0;}.layoutlist_2 .album_item {width: 100%;}.photo_view {background: transparent;padding: 0;}.albumblock_right .album_img {    width: 100%;    float: none;    padding-right: 0;}.albumblock_right .album_txt {margin-top: 50px;}.albumblock_left .album_img {width: 100%;}.albumblock_left .album_img:nth-child(odd) {padding: 10px;}.albumblock_left .album_img:nth-child(even) {padding: 10px;}.company_album_contact h5 { font-size: 18px;}.company_album_contact {padding: 30px 20px;}.albumblock_right .album_txt {padding: 0 20px;}.album1 .page_desc h1 {font-size: 25px;}span.options {    display: grid;    grid-template-columns: 20px calc(100%/2 - 20px) 20px calc(100%/2 - 20px);}.layoutlist_7 .litem {    width: 100%;    margin-bottom: 50px;}.parking_area ul li:nth-child(4) {    border-left: 0px;    padding-left: 0;    margin-left: 0;    display: block;}/* 20250702 */ .about_block .RWDleft_cont002 .item-second a {    width: 100%;}
}
/*480px end*/ 
/*380px start*/ 
@media (max-width: 380px){
.knowledge_block .RWDedictor001 h1.main-title {font-size: 25px;}.busdesign_block .RWDedictor001 h1.main-title {font-size: 25px;}.homedesign_block .RWDedictor001 h1.main-title {font-size: 25px;}.designer_block .RWDedictor001 h1.main-title {font-size: 25px;}/*內頁*/ .pagecontent.col-md-9 {padding: 0 10px !important;}.layoutlist_7 .subject a h6 {margin-top: 20px;}.layoutlist_7 .subject {margin-bottom: 50px !important;}.pagedesign_pic {width: 100%;}.pagedesign_right {width: 100%;}.pagedesign_slogan {flex-direction: column;width: 100%;}.pagemain_txt {width: 100%;}.pagemain_word {width: 100%;}.pagedesign_title {padding: 15px 20px;}.pagecontent {padding: 0px 10px!important;}.about_block .RWDleft_cont002 .item-second .text-box .text h1,:is(.homedesign_block, .busdesign_block, .knowledge_block) .RWDedictor001 .main-title,.main-title {    font-size: 25px;}
}
/*380px end*/ 
/*320px start*/ 
@media (max-width: 320px){
.about_block .RWDleft_cont002 .item-second .text-box .title {font-size: 25px;letter-spacing: 1px;}.service_block .RWDleft_cont002 .item-second .text-box {padding: 30px;}.right_item {padding: 30px;}.RWDbanner_plus01 .logo img {margin-bottom: 0;}/*內頁*/span.options {    display: grid;    grid-template-columns: 20px calc(100% - 20px);    padding-left: 7px;}
}
/*320px end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2025-07-02 13:42:29 */ 
/* last build by :米洛-陳盈亭 */