img { max-width: 100%; height: auto;}a,a:hover,a:active,a:focus,a:visited { transition: .5s ease; text-decoration: none; color: #464646;}.row { margin-right: 0px; margin-left: 0px;}body.wrapper_bg { font-family: 'Noto Serif TC', serif !important; letter-spacing: 1px; line-height: 1.5; font-size: 15px; font-weight: 500; color: #555; background-image: url('archive/image/customization/page-bg.jpeg'); background-repeat: repeat;}/*容器設定*/#RWDfullscreen01 .container { width: 78%; margin: auto;}.RWDbanner005.frac-top .fraction_block.frac-top { display: none;}.RWDbanner005 .title_block,.RWDproduct004 .section-subject{ margin-top:0rem; margin-bottom:6rem; padding: 0;}.RWDproduct004 section{ margin: 0; padding: 0;}.service-block .container,.team-block .container{ margin:10rem auto 5rem!important;}.RWDproduct004 .heading-title{ margin-top:0rem;}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}/*loading*/ .fl { width: 180px;}.fl img { width: 100%;}/* navi */ .RWDmenu_plus04 .logo { width: 260px;}.RWDmenu_plus04 .header { background: rgb(255,255,255); background: linear-gradient(0deg, rgb(255 255 255 / 5%) 0%, rgba(249,249,249,1) 100%); z-index: 899; transition: .5s ease;}.RWDmenu_plus04 .header.is-up{ background: rgb(255,255,255); transition: .5s ease;}.RWDmenu_plus04 .menu li a{ color: #000; font-size: 16px!important; letter-spacing: 3px; font-weight: 600;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after{ border-color: #77aca7;}.RWDmenu_plus04 .site-nav .menu{ text-align: right;}.RWDmenu_plus04 .container{ width: 100%!important; max-width: unset;}.RWDmenu_plus04 .features{ width: 300px;}.RWDmenu_plus04 .features .edit{ float: right;}.RWDmenu_plus04 .features .navi-btn{ border-top: 5px solid #317c2f; background: #00c300; top:0; letter-spacing: 2px; clip-path: polygon(100% 0, 100% 100%, 50% 88%, 0 100%, 0 0); position: absolute; padding: 2rem 1.3rem; display: flex; align-items: center; transition: .3s ease; color: #fff; font-size: 16px; font-weight: 900; flex-direction: column; right: 0;}.RWDmenu_plus04 .features .navi-btn:hover{ background: #019701; transition: .3s ease;}.RWDmenu_plus04 .features .search-btn{ float: left;}.RWDmenu_plus04 .features .navi-btn i{ color: #fff; font-size: 20px;}.RWDmenu_plus04 .features .navi-btn i:hover{ color: #fff;}.RWDmenu_plus04 .features .navi-btn span{ margin-top: 0.3rem;}.RWDmenu_plus04 .site-nav .menu>li>a{ padding: 10px 5px; margin: 0px 10px; transition: .3s ease; border-bottom: 1px solid transparent;}.RWDmenu_plus04 .site-nav .menu ul li>a{ text-align: center;}.RWDmenu_plus04 .site-nav .menu>li:not(.has-child)>a:hover{ background: transparent; color: #000; border-bottom: 1px solid #77aca7; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu li.active a,.RWDmenu_plus04 .site-nav .menu a:hover{ background: transparent; color: #000;}.RWDmenu_plus04 .site-nav .menu ul li a:hover{ text-decoration: none; font-size: 15px!important; font-weight: 600; color: #77aca7;}.RWDmenu_plus04 .features i:hover{ color: #77aca7; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu ul li a{ font-size: 15px!important; font-weight: 600;}.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after{ border-color: #77aca7;}.RWDmenu_plus04 .site-nav .menu ul{ background: #fff;}.RWDbanner_plus01.style-dotnav .control-box .control{ text-align: right; padding-right: 5rem; padding-bottom: 35px}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #77aca7;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button{ background: #77aca7; opacity: .5;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a,.RWDmenu_plus04 #mobile-menu .menu>li.active{ background-color:#77aca7;}/* banner */ .RWDbanner_plus01 .page-scroll{ bottom: 0px;}.RWDbanner_plus01 .slick-caption{ top: 45%;}/* font */ .environment-block .RWDedictor008 .main-title,.about-block .section-title,.RWDbanner005 .title_block .title_tw,.RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1{ color: #000; font-size: 50px; font-weight: 600; letter-spacing: 5px; margin-bottom: 2rem;}.about-block .section-sub-title,.RWDbanner005 .title_block .title_en,.RWDproduct004 h2.sub-title{ color: #383838; font-size: 24px; font-weight: 600; letter-spacing: 2px; margin: 0; padding: 0; padding-top: 2rem;}.about-block .section-sub-title::before,.RWDproduct004 h2.sub-title::before,.RWDbanner005 .title_block .title_en:before{ content: ""; position: absolute; background: url(archive/image/customization/decorate-02.png); width: 25vw; height: 13px; background-size: contain; top: 0; left: 0; background-repeat: no-repeat;}.RWDproduct004 #portfolio div.col-md-3 h3{ color: #000; font-size: 20px; font-weight: 600; letter-spacing: 2px; margin-bottom: .5rem; line-height: 1.5; transition: all 0.5s;}.about-block .section-sub-des,.RWDproduct004 .list-inline{ color: #828282; font-size: 15px; letter-spacing: 2px; font-weight: 500; text-align: justify; height: auto!important;}/* btn */ .RWDbanner005 .more-btn,.btn{ color: #fff; border: 0px; background: #77aca7; width: 250px; height: unset; padding: 15px 0px; font-size: 20px; display: block; text-align: center; font-weight: 600; line-height: 1; border-radius: 30px; transition: 0.5s ease; justify-content: center;}.RWDbanner005 .more-btn__arrow{ display: none;}.RWDbanner005 .more-btn:hover{ background-color: #606060;}/* service */ .service-block .RWDproduct004 .callout-dark { background-color: transparent;}.service-block .RWDproduct004 h2.sub-title,.service-block .RWDproduct004 .heading-title.heading-arrow-top h1, .service-block .RWDproduct004 .heading-title.heading-arrow-bottom h1{ text-align: left; position: relative; line-height: 1.5;}.service-block .RWDproduct004 .item-box-desc{ padding: 15px 20px;}.service-block .RWDproduct004 section{ border: 0px;}.service-block .RWDproduct004 .heading-title.heading-arrow-bottom::after{ display: none;}.service-block .RWDproduct004 #portfolio .row{ grid-template-columns: repeat(4, 1fr); display: grid; row-gap: 10rem;}.service-block .RWDproduct004 #portfolio .row::before,.service-block .RWDproduct004 #portfolio .row::after{ display: none;}.service-block .RWDproduct004 #portfolio.portfolio-nogutter .row > div{ width: 100%; padding: 0px 10px!important;}.RWDproduct004 div.row > div img.img-responsive{ -webkit-filter: drop-shadow(0px 1px 3px #ccc); filter: drop-shadow(0px 1px 3px #ccc); transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s;}.RWDproduct004 div.row > div img:hover{ transform: scale(1.02); transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s;}.RWDproduct004 #portfolio .item-box:hover h3{ color: #77aca7; transition: all 0.5s;}.service-block{ position: relative;}/* .service-block:before{ content: ""; position: absolute; background: #fbf4b966; width: 94%; height: 38vh; background-size: contain; top: 25rem; left: 0; z-index: -2;} */ .service-block .RWDproduct004 h2.sub-title::after{ content: "Service"; position: absolute; right: 0; font-size: 100px; color: #77aca747; line-height: 1; top: -30px; font-weight: 600; letter-spacing: -1px;}.service-block .container:before{ content: ""; position: absolute; background: #fbf4b966; width: 94%; height: 20vw; background-size: contain; top: 430px; left: 0; z-index: -2;}.service-block .container::after{ content: ""; position: absolute; background: #fbf4b966; width: 94%; height: 20vw; background-size: contain; bottom: 0; right: 0; z-index: -2;}.service-block::before{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-01.png); width: 200px; height: 200px; background-size: contain; top: 20rem; right: 3%; opacity: .8; z-index: -1;}.service-block::after{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-01.png); width: 200px; height: 200px; background-size: contain; bottom: 15vw; left: 3%; opacity: .8; transform: scaleX(-1); z-index: -1;}/* Team */ .team-block .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title{ text-align: left; position: relative;}.team-block .RWDbanner005.title-left .more-btn{ bottom: 0; top: unset;}.team-block .RWDbanner005.title-left .title_block{ width: 100%;}.team-block .RWDbanner005 .title_block .title_en::after { content: "Our Team"; position: absolute; right: 0; font-size: 90px; color: #77aca747; line-height: 1; top: -30px; letter-spacing: -1px; font-weight: 600;}.team-block .RWDbanner005 .swiper-left .main-title,.team-block .RWDbanner005 .swiper-right .main-title{ font-size: 24px; color: #383838; overflow:visible;}.team-block .RWDbanner005 .swiper-right,.team-block .RWDbanner005 .swiper-left{ border-right:0px; border-left:0px;}.team-block .RWDbanner005 .swiper-left .subtitle, .team-block .RWDbanner005 .swiper-right .subtitle{ font-size: 17px; color: #77aca7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 700; margin-bottom: 1rem;}.team-block .RWDbanner005 .price{ color: #686868; font-size: 16px; letter-spacing: 2px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.team-block .RWDbanner005 .sqare_shadow{ background-color: #77aca7; border-radius: 50px; top: 35%!important;}.team-block .RWDbanner005 .sqare_shadow.swiper-next:after, .team-block .RWDbanner005 .sqare_shadow.swiper-prev:after{ border-top: 2px solid #fff; border-left: 2px solid #fff; opacity: .8;}.team-block .RWDbanner005 .add-cart:before{ display: none;}.team-block .RWDbanner005 .swiper-center .main-title{ font-size: 30px; text-align: left;}.team-block .RWDbanner005 .swiper-center .subtitle{ font-size: 20px; color: #77aca7; font-weight: 600; margin-bottom: 1rem; text-align: left; padding-bottom: 1rem; border-bottom: 1px dashed rgb(119 172 167 / 50%);}.team-block .RWDbanner005 .swiper-center .price{ color: #686868; font-size: 17px; letter-spacing: 2px; font-weight: 400; text-align: left;}.team-block .RWDbanner005.title-left .more-btn{ position: relative; margin: auto;}.team-block .RWDbanner005 .sliderWarp{ margin-bottom: 5rem;}.team-block{ position: relative;}.team-block::after{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-03.png); background-repeat: no-repeat; background-size: contain; width: 12vw; height: 12vw; bottom: 0%; left: 10%;}.team-block .RWDbanner005.frac-bottom .fraction_block.frac-bottom{ display: none;}/* About */ .about-block .RWDright_cont002 .item-first{ background: rgb(251 244 185 / 40%); display: flex; flex-direction: row; align-items: flex-end; justify-content: center;}.about-block .container{ width: 100%!important; padding: 0px; margin: 15rem auto 5rem!important;}.about-block{ overflow: hidden;}.about-block .RWDright_cont002 .item-first .pic img,.about-block .RWDright_cont002 .item-first:hover .pic img{ transform: unset; width: 100%;}.about-block .RWDright_cont002 .item-first a{ width: 60%; pointer-events: none; cursor: pointer;}.about-block .RWDright_cont002 .item-first .pic{ width: 100%; margin-top: -25rem; overflow: visible;}.about-block .RWDright_cont002 .item-first .pic::after{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-01.png); width: 200px; height: 200px; background-size: contain; top: unset; bottom: -10%; right: -7%; left: unset; opacity: .8; z-index: 1; background-color: unset; visibility: visible; transform: scaleX(-1);}.about-block .RWDright_cont002 .item-first .text-box{ color: #686868; padding: 8rem 0rem 13rem 6rem;}.about-block .section-sub-title{ position: relative;}.about-block .RWDright_cont002 .item-first .text-box .text{ overflow: visible; width: 72%;}.about-block .section-sub-des{ margin-top: 2.5rem; line-height: 1.5;}.about-block .RWDright_cont002 .item-first .text-box a{ display: none;}.about-block .RWDright_cont002 .item-first .text-box::before{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-04.png); background-repeat: no-repeat; background-size: contain; width: 250px; height: 250px; top: -5%; right: 30%;}.about-block .RWDright_cont002 .item-first .text-box .underline{ height: 0px;}/* .about-block .container::before{ content: "ddddd"; position: absolute; background-image: url(archive/image/customization/decorate-05.svg); background-repeat-y: repeat; background-size: contain; width: 100%; height: 9vw; top: -32%; right: 0;} */ .about-block .container::before{ background: url(archive/image/customization/wave.svg) repeat-x; position: absolute; top: -5rem; width: 5000px; height: 100px; animation: wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite, swell 8s ease -1.25s infinite; transform: translate3d(0, 0, 0); opacity: .4; background-repeat: repeat;} @keyframes wave { 0% { margin-left: 0; } 100% { margin-left: -2500px; } } @keyframes swell { 0%, 100% { transform: translate3d(0, -20px, 0); } 50% { transform: translate3d(0, -19px, 0); } } .about-block .RWDright_cont002 .item-first .text-box .text{ position: relative; }.about-block .RWDright_cont002 .item-first .text-box .text::after { content: "About Us"; position: absolute; right: 0; font-size: 90px; color: #77aca747; line-height: 1; bottom: -50%; letter-spacing: -1px; font-weight: 600;}/* Environment */ .environment-block .container{ margin: 5rem auto 0rem!important;}.environment-block .RWDedictor008 .title_item{ width: 78%; margin: 0rem auto 5rem;}.environment-block .RWDedictor008 .sub-title,.environment-block .RWDedictor008 .main-title{ text-align: left;}.environment-block .RWDedictor008 .main-title{ margin-bottom: 1rem;}.environment-block .RWDedictor008 .sub-title{ font-size: 85px; color: #77aca747; line-height: 1; padding: 0; letter-spacing: -1px; font-weight: 600; margin-top: 0px;}.environment-block .RWDedictor008 .section-line{ position: absolute; background-color: #ccc; display: block; height: 1px; width: 40vw; bottom: 30px; right: 13%;}.environment-block .container{ width: 100%!important; padding: 0px;}/* footer */ .footer-block .container{ margin: 5rem auto 2.5rem!important; display: flex; flex-direction: row; flex-wrap: wrap;}.footer-block .section-title{ font-size: 24px; letter-spacing: 3px; font-weight: 600; border-bottom: 1px solid #ccc; margin-bottom: 3rem; padding-bottom: 1rem; color: #000;}.footer-block .footer-title{ width: 100%;}.footer-block .footer-left{ width: 20%;}.footer-block .footer-right{ width: 80%;}.footer-block .footer-right .RWDedictor{ display: flex; flex-direction: row;}.footer-block .footer-info,.footer-block .footer-map{ width: 50%;}.footer-block .social-media .btn{ background: #00c300; font-size: 18px; font-weight: 700; padding: 12px 0px; color: #fff;}.footer-block .social-media .btn i{ font-size: 23px; top: 3px; position: relative; line-height: 18px;}.footer-block .social-media .btn:hover{ background: #019701; color: #fff; transition: .3s ease;}.footer-block .RWDsocial002 ul.socialNetwork li{ padding-right: 0.5rem;}.footer-block .RWDsocial002 .pull-right { float: left !important; margin: 2rem 0rem 2rem;}.footer-block .copy-right,.footer-block .copy-right a,.copyright_desc{ text-align: left; color: #d0d0d0; font-size: 13px; letter-spacing: 0;}.footer-block .RWDsocial002 .iconRounded { transition: .3s ease; padding: 0; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #ffffff6e;}.footer-block .RWDsocial002 .iconRounded:hover{ background-color: #fff; transition: .3s ease;}.footer-block .RWDsocial002 li:nth-child(1) .iconRounded{ color: #1578fb; border: 1px solid #ccc;}.footer-block .RWDsocial002 li:nth-child(2) .iconRounded{ color: #fb2725; border: 1px solid #ccc;}.footer-block .RWDsocial002 li:nth-child(3) .iconRounded{ border: 1px solid #ccc; width: 40px; height: 40px;}.footer-block .RWDsocial002 li:nth-child(3) .iconRounded img{ width: 16px; height: 15px;}.footer-block .footer-info { padding-left: 1rem; padding-right: 1rem; font-weight: 400;}.footer-block .footer-info li br { display: block;}.footer-block .footer-info li br:nth-child(3),.footer-block .footer-info li:last-child br{ display: none;}.footer-block .footer-info ul{ list-style: none; padding-left: 0px;}.footer-block .footer-info li{ margin-bottom: .6rem; font-size: 15px;}.footer-block .footer-info li span{ font-weight: 600; padding-right: 0.5rem; color: #444;}.footer-block .footer-info p{ margin-top: 2rem; margin-bottom: 0; color: #999;}.footer-block .footer-info a:hover{ color: #77aca7;}.fix-btn{ display: none;}/* go top */ .scrollTop002{ bottom: 10%; right: 30px;}.scrollTop002 .ii{ border-radius: 0px; font-size: 40px; transition: .5s ease; border-radius: 50px; background: #77aca7;}.scrollTop002 .ii:hover{ color: #464646!important; transition: .5s ease;}/* cookie */ .RWDalert_fancybox .btn:hover{ border-color: #606060; background: #606060 !important;}.RWDalert_fancybox.bottom .editor a{ text-decoration: underline;}.RWDalert_fancybox.bottom .editor a:hover{ color: #fff;}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 100%; padding: 30px 25px 20px !important; box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important; background: rgba(255, 255, 255, 90%) !important; color: #000 !important; left: auto !important; right: 0px !important; line-height: 1.8 !important;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: #77aca7; background: #77aca7 !important; border-radius: 0px;}.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: #888;}/*20220919*/ .RWDmenu_plus04 .logo { z-index: 21;}.about_link_block {position: relative; top: 60px;} /*內頁 start*/ /*內頁底部距離*/ .page_wrapper_bg .main section.call_to_action{position: relative;padding:80px 0 200px 0;min-height:700px;}section.hgroup .container { width: 100%;margin-left: 0; margin-right: 0;}.main section .container .article-text > .container {width: 100%;padding:0px;}.btn.active, .btn:active { box-shadow: none;}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}/*頁尾裝飾*/ .page_wrapper_bg .main section.call_to_action:before { position: absolute; content: ""; background-image: url(archive/image/customization/decorate-03.png); background-repeat: no-repeat; background-size: contain; width: 11vw;height: 11vw;bottom: 0%;right: 5%; transform: scaleX(-1); z-index: -1;}/*內頁寬度*/ .page_wrapper_bg .main section.call_to_action>.container { width: 78%;}/*內頁全背景*/body.page_wrapper_bg {font-family: 'Noto Serif TC', serif !important;letter-spacing: 1px; line-height: 1.5; font-size: 15px; color: #555;}body.page_wrapper_bg .main.cd-main-content {background-image: url(archive/image/customization/page-bg.jpeg); background-repeat: repeat;}/*內頁上選單*/ .page_wrapper_bg .RWDmenu_plus04 .header { border-bottom: 1px solid rgb(123 131 130 / 30%);}/*內頁頁尾*/ .page_wrapper_bg .footer-block > .container {width: 78% !important; }/*標題&麵包屑左右*//*內頁大標題*/ .page_wrapper_bg .hgroup > .container { padding: 0 30px 0; border-bottom: none;margin-bottom: 45px;margin-top: 0px;}.page_wrapper_bg .page_subject {padding: 0px; display: flex; justify-content: space-between; align-items: baseline;}#RWDPAGE_BASE_PAT02 .hgroup h1 {font-size: 40px;margin-bottom: 5px;color: #000;font-weight: 700;letter-spacing: 2px;line-height: 1.5;}/*麵包屑*/ .page_wrapper_bg .hgroup .breadcrumb {padding: 0;border: none;position: static; bottom: auto;right: auto;background-color: transparent;}.page_wrapper_bg .breadcrumb>li>a { color: #555;}.page_wrapper_bg .breadcrumb>li>a:hover {color:#83a2a2; }/*文字統一設定*/ .page_wrapper_bg .article-text h2 {font-weight: 500;color: #000;font-size:28px;line-height: 1;letter-spacing:2px;}.page_wrapper_bg .article-text h3 {font-weight: 500;color: #000;font-size:24px;letter-spacing: 2px;line-height: 1.5;margin: 0 0 10px;}.page_wrapper_bg .article-text h4 {font-weight: 500;color: #000;font-size: 20px;line-height: 1.7;letter-spacing: 2px;margin: 0px 0 10px;}.page_wrapper_bg .article-text h5 {font-size: 18px;line-height: 1.7;letter-spacing: 1px;margin: 0px 0 10px;}.page_wrapper_bg .article-text h6 {font-size: 16px;line-height: 1.7;letter-spacing: 1px;margin: 0px 0 10px;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p, .RWDtimeline01 li.event .point .editor, .RWDslider01 .editor, .RWDtimeline02 .timeline2_list .block .text-in, .layoutlist_8 .list_subject .summary a, ._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td { font-weight: 500;color: #828282;letter-spacing: 2px;line-height: 1.7;font-size: 15px;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{color: #828282;font-size:15px;line-height: 1.8; font-weight: 500;}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 20px;}._bd_row ul{padding-left: 20px;}ul.content_list { padding-left: 20px;}/*統一間距*/ .content_item { display: flex; flex-wrap: wrap; margin-bottom: 100px;}.content_item:last-child { margin-bottom: 0px;}/*按鈕們*//*內頁返回按鈕*/ .page_wrapper_bg .btn_back {letter-spacing: 2px;background: transparent;padding: 0px;margin: 0px;float: right;margin-top: 30px;line-height: 1.5;}.page_wrapper_bg .btn.btn_back a {display: block;min-width: 180px;padding: 10px;border: 1px solid #77aca7;font-size: 15px;color: #77aca7;font-weight: 400;border-radius: 30px;transition: 0.5s ease;}.page_wrapper_bg .btn_back a:hover {background: #77aca7;color: #fff;transition: 0.5s ease;}.page_wrapper_bg .ebtn {letter-spacing: 2px;background: transparent;padding: 0px;float: right;margin-top: 30px;line-height: 1.5;}.page_wrapper_bg .ebtn a {text-align: center;display: block;min-width: 180px;border: 1px solid #77aca7;font-size: 15px;padding: 10px;color: #77aca7;border-radius: 30px;transition: 0.5s ease;}.page_wrapper_bg .ebtn a:hover {background: #77aca7;color: #fff;transition: 0.5s ease;}/*內頁共通Line*/ .content_item.share_item04 a.line_btn.btn, .content_step_item a.line_btn.btn, .contact_all a.line_btn.btn { background: #00c300; color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 15px;}/*時間軸*/ .RWDtimeline02 { padding-top: 0;}.RWDtimeline02 .model-title, .RWDtimeline01 .model-title { color: #000; font-size: 24px; font-weight: 500; line-height: 1.8; text-decoration: none;}.RWDtimeline02 .control-box {top: 0;}.RWDtimeline02 .control-box .slick-arrow { width: 45px; height: 45px;border: 1px solid #77aca7;}.RWDtimeline02 .control-box .slick-arrow:hover { border-color: #77aca7;}.RWDtimeline02 .control-box .slick-next:after, .RWDtimeline02 .control-box .slick-prev:after { border-color: transparent #77aca7 transparent transparent;}.RWDtimeline02 .timeline2_list .block .year, .RWDtimeline01 li.event .point .date { font-size: 14px; color: #888;padding-bottom: 5px;}.RWDtimeline01 li.event .point .title { font-size: 20px; font-weight: 500; margin: 0 0 15px 0; line-height: 1.5;color: #000;}.RWDtimeline01 li.event:before { width: 15px;height: 15px;border: 1px solid #77aca7; background: #77aca7; left: -1px;}.RWDtimeline02 .timeline2_list .block .text-in { min-height: 85px;}.RWDtimeline01 .line_dot2 span {display: none;}/*圖文輪播*/ .RWDslider01 .control-box .slick-dots li { color: #77aca7;}/*編輯器*/ .RWDeditor01 .model-title { color: #000;letter-spacing: 1px; font-weight: 500; line-height: 1.5;}/*服務項目*/ .service_item { display: flex; flex-wrap: wrap;}.service_card { width: calc(100% / 4 - 31px);margin: 0 15px 35px; display: flex; flex-direction: column;}.service_card .content_text { padding: 0 15px;}.service_card .content_pic { margin-bottom: 10px;}/*服務項目文字*/ .service_card .content_text h4>span { padding-right: 8px;}.service_card .content_text h4>small { color: #555;font-size: 16px;}.service_card .content_text h4 { font-weight: 700; color: #000;}/*隱私權政策*/ .privacy_all { width: 100%; max-width: 1200px; margin: 0 auto;}.privacy_all .content_item.privacy_first {margin-top: 50px;}.privacy_all .content_item { display: block;}/*常見問答*/ .faq1 .layoutlist_2 { background: rgb(255 255 255 / 80%); padding: 60px 80px; box-shadow: 0 0 20px #e3e3e3;}.faq_item { margin: 0; border-bottom: 1px solid #ccc;}.rwd .faq_question { color: #000;font-size: 17px; letter-spacing: 1px; font-weight: 500; padding: 25px 15px;}.rwd .faq_answer { font-size: 15px; letter-spacing: 1px; line-height: 1.8; padding: 25px 25px;}/*環境介紹*/ .album1 .layoutlist_2 { display: flex; flex-wrap: wrap;}.layoutlist_2 .album_item { margin: 0 15px 35px; height: auto !important; width: calc(100% / 4 - 31px); padding: 0; float: none;}.album_item img { max-height: none !important; width: 100%;}.layoutlist_2 .album_item_subject { padding: 0; margin: 10px 0 0; font-size: 20px; letter-spacing: 2px; color: #000; line-height: 1.5; font-weight: 600;}.layoutlist_2 .album_item:hover .album_item_subject {color: #77aca7; }/*相簿內列表*/ .row .album_d_item { border-bottom: none;margin: 0 0 35px !important;}.row .album_d_item a { border-bottom: none; height: auto; padding-bottom: 0;}.page_content1v1 .album_d_item .album_item_subject { overflow: unset; line-height: 1.5; bottom: auto;left: auto; background: transparent; color: #000; font-size: 18px; letter-spacing: 1px; padding: 0; margin: 10px 0 0; height: auto;opacity: 1 !important;}/*相簿點擊*/ .fancybox-opened .fancybox-skin .photo_desc { font-size: 16px; letter-spacing: 1px; font-family: 'Noto Serif TC', serif !important;color: #000;}/*列表樣式F*/ .layoutlist_7 .subject, .layoutlist_7 .subject a {text-align: center;}.page_wrapper_bg .layoutlist_7 .subject a{color: #000;font-size: 20px;font-weight: 500;line-height: 1.5;letter-spacing: 2px;}.page_wrapper_bg .layoutlist_7 .subject a:hover{color: #77aca7;}.page_wrapper_bg .layoutlist_7 .cdate{text-align: center;}.page_wrapper_bg .layoutlist_7 .cdate a{color: #888;text-align: center;letter-spacing: 1.5px;}.page_wrapper_bg .layoutlist_7 .litem:hover .subject a {color: #77aca7;}.layoutlist_7 .litem img { transition: .4s ease;}.layoutlist_7 .litem .img { overflow: hidden;}.layoutlist_7 .litem:hover img { transform: scale(1.05); transition: .4s ease;}/*活動講座資料夾層級*/ .cate_list.row .col-sm-6.col-md-3 { margin: 0 15px 35px; width: calc(100% / 4 - 31px);}.cate_list .subject { font-size: 20px !important; letter-spacing: 2px; font-weight: 500; margin: 10px 0 0; line-height: 1.5;} .cate_list .subject a {color: #000;}.cate_list.row .col-sm-6.col-md-3:hover .subject a {color: #77aca7;}/*慢慢心文*/ .content_item.share_item02 .content_text_all { width: calc(53% - 100px); margin-left: 100px;}.content_item.share_item02 .content_pic { width: 47%;}.content_item.share_item02 .content_pic img { width: 100%;}.content_item.share_item02 .content_text_all .content_text:last-child {margin-bottom: 0;}.content_item.share_item02 .content_text_all .content_text { margin-bottom: 50px;}.content_item.share_item02 .content_text_all .content_text h4 { padding-bottom: 5px; border-bottom: 1px solid rgb(153 153 153 / 70%); margin: 0 0 20px;}.content_item.share_item04 .content_text { display: flex; justify-content: center; align-items: center;flex-direction: column;width: 100%;}.content_item.share_item04 {background: #ffffffcf; padding: 80px 40px;}/*專業合作團隊*/ .article2.id120 .RWDeditor01 .model-title { display: none;}.article2.id120 .pagecontent .RWDeditor01 { margin-top: 0;}/*合作團隊按鈕*/ .doctor_list_item { display: flex; flex-wrap: wrap;background: rgb(255 255 255 / 80%);padding: 80px;}.doctor_list_item a.doctor_card { width: calc(100% / 6 - 31px); margin: 0 15px 35px; display: flex; flex-direction: column; align-items: center; justify-content: center;font-size: 16px; color: #000; font-weight: 500;}.doctor_list_item a.doctor_card .content_pic { margin-bottom: 10px; border: 1px solid #eee; overflow: hidden;}.doctor_list_item a.doctor_card:hover { color:#77aca7;}.doctor_list_item a.doctor_card .content_pic img { transition: .5s ease;}.doctor_list_item a.doctor_card:hover .content_pic img { transform: scale(1.05); transition: .5s ease;}/*醫師共通設定*/ .content_item.doctor_info_item, .doctor_list_item { margin-bottom: 100px;}.content_item.doctor_info_item .content_pic img { width: 100%;}.content_item.doctor_info_item .content_text_all { width: calc(65% - 100px); margin-left: 100px;}.content_item.doctor_info_item .content_pic {width: 35%;}.content_item.doctor_info_item .content_text { margin-bottom: 35px;}.content_item.doctor_info_item .content_text h2 { display: inline-block; border: 1px solid rgb(107 179 172 / 42%); font-weight: 700; padding: 10px 30px; background: rgb(255 255 255 / 50%); color: #6bb3ac;font-size: 30px; margin: 0;}.content_item.doctor_info_item .content_text h4 { line-height: 1;margin: 0 0 10px;}/*醫師定位*/ .doctor_item { position: absolute; top: -150px;}/*預約流程*/ .article3.id132 .page_wrapper_bg .page_subject { flex-direction: column; align-items: center; justify-content: center;}.content_step_item { display: flex; flex-wrap: wrap;max-width: 1000px; margin: 0 auto; }.content_step { width: 100%; display: flex; padding: 35px 50px; background: #fff; margin-bottom: 20px; position: relative; align-items: center;}.content_step_item .content_step .step_num { font-size: 80px; font-weight: 300; line-height: 80px; color: rgb(119 172 167 / 50%);margin-right: 30px; padding-right: 30px; border-right: 1px solid #dadada;}.content_step_item .content_step h5 { color: #333; line-height: 1.5; margin: 0 0 15px; font-weight: 500;}a.form_btn.btn:hover { color: #fff;}/*聯絡我們*/ .article6.id144 .page_wrapper_bg .page_subject { flex-direction: column; align-items: center; justify-content: center;}.contact_all { display: flex; flex-wrap: wrap;max-width: 1000px; margin: 0 auto; background: rgb(255 255 255 / 80%);}.contact_all .content_pic { width: 100%;}.contact_all .content_text { padding: 80px 100px 0; width: 100%;}.contact_all .content_text h2 {font-weight: 600; padding-bottom: 15px; margin: 0 0 30px; border-bottom: 1px solid #ccc; text-align: center;}.contact_info ul { padding-left: 0; list-style: none;}.contact_info ul li { padding-bottom: 15px;}.contact_info ul li span { color: #000;padding-right: 10px; font-weight: 600;}.contact_all a.line_btn.btn { margin: 45px auto 0; width: 300px; position: relative;}.contact_info ul li:nth-child(2) small { display: block;}/*隱私權政策*/ .article7.id60 .page_wrapper_bg .page_subject { flex-direction: column; align-items: center;} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 2048px) { .service-block::before, .service-block::after, .about-block .RWDright_cont002 .item-first .pic::after { width: 150px; height: 150px; } .about-block .RWDright_cont002 .item-first .text-box::before { width: 200px; height: 200px; top: -15%; } .service-block .item-box-desc h3 br { display: none; } .RWDproduct004 #portfolio .row { row-gap: 8rem; } .service-block .container, .team-block .container { margin: 8rem auto 4rem !important; } .environment-block .RWDedictor008 .title_item, #RWDfullscreen01 .container { width: 80%; } .about-block .RWDright_cont002 .item-first .text-box { padding: 2rem 0rem 10rem 6rem; } .footer-block .copy-right, .footer-block .copy-right a, .copyright_desc { letter-spacing: 0px; } .about-block .RWDright_cont002 .item-first .text-box .text::after { bottom: -40%; } .service-block .RWDproduct004 #portfolio .row { row-gap: 6rem; } .service-block::before { top: 23rem; } .footer-block .footer-right { padding-left: 60px; }/*內頁*/ .page_wrapper_bg .main section.call_to_action>.container { width: 80%;}}@media (max-width: 1920px) { .RWDbanner_plus01 .slick-caption { top: 30%; } .footer-block> .container { width: 90% !important; } .service-block .RWDproduct004 #portfolio.portfolio-nogutter .row>div { padding: 0px 5px !important; } .about-block .RWDright_cont002 .item-first .text-box .text { width: 74%; } .service-block .RWDproduct004 h2.sub-title::after { font-size: 80px; } .team-block .RWDbanner005 .title_block .title_en::after, .about-block .RWDright_cont002 .item-first .text-box .text::after, .environment-block .RWDedictor008 .sub-title { font-size: 70px; } .about-block .RWDright_cont002 .item-first .text-box .text::after { bottom: -30%; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 0rem 8rem 6rem; } .environment-block .container { margin: 2rem auto 0rem !important; } .service-block .container:before { top: 460px; } .service-block::before { top: 25rem; } .team-block .RWDbanner005 .title_block .title_en::after { top: 0px; } .service-block .RWDproduct004 h2.sub-title::after { top: -20px; } .about-block .RWDright_cont002 .item-first .text-box::before { top: -25%; }/*內頁*/ .page_wrapper_bg .main section.call_to_action>.container { width: 85%;}.article1.id42 .page_wrapper_bg .main section.call_to_action>.container { width: 95%;padding:0;}.page_wrapper_bg .footer-block> .container { width: 90% !important;}.content_item.doctor_info_item .content_text_all { width: calc(60% - 80px); margin-left: 80px;}.content_item.doctor_info_item .content_pic {width: 40%;}.doctor_list_item a.doctor_card { width: calc(100% / 5 - 31px);}.content_step_item .content_step h5 { font-size: 16px; line-height: 1.7;}.content_item.share_item02 .content_text_all { width: calc(50% - 80px); margin-left: 80px;}.content_item.share_item02 .content_pic { width: 50%;}}@media (max-width: 1800px) { #RWDfullscreen01 .container { width: 85%; } .environment-block .RWDedictor008 .title_item, #RWDfullscreen01 .container { width: 85%; } .about-block .RWDright_cont002 .item-first .text-box .text { width: 78%; } .RWDproduct004 #portfolio .row { row-gap: 5rem; } .RWDproduct004 #portfolio div.col-md-3 h3, .RWDproduct004 .list-inline { letter-spacing: 1px; } .service-block::before, .service-block::after, .about-block .RWDright_cont002 .item-first .pic::after { width: 120px; height: 120px; } .service-block::before { right: 0%; } .service-block::after { left: 0%; } .environment-block .container { margin: 3rem auto 0rem !important; } .footer-block .footer-left { width: 25%; } .footer-block .footer-right { width: 75%; padding-left: 0px; } .footer-block .footer-info { padding-left: 1rem; padding-right: 1rem; } .environment-block .RWDedictor008 .title_item{ margin: 0rem auto 3rem; } .service-block .container:before, .service-block .container::after { width: 97%; }/*內頁*/ .page_wrapper_bg .main section.call_to_action>.container { width: 90%;}} @media (max-width: 1681px){ .footer-block .footer-info li:last-child br { display: block; } }@media (max-width: 1680px) { .RWDbanner_plus01 .logo { width: 700px; } .service-block .container, .team-block .container { margin: 6rem auto 3rem !important; } .RWDbanner005 .title_block, .RWDproduct004 .section-subject { margin-bottom: 3rem; } .about-block .RWDright_cont002 .item-first .text-box .text { width: 80%; } .footer-block .container { margin: 3rem auto 2rem !important; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 0rem 8rem 3rem; } .team-block .RWDbanner005 .sliderWarp { margin-bottom: 3rem; } .footer-block .footer-info li:last-child br{ display: block; } .RWDmenu_plus04 .features{ width: 250px; } .RWDmenu_plus04 .menu li:hover a{ font-size: 15px!important; line-height: 15px; }}@media (max-width: 1500px) { .RWDbanner_plus01 .logo { width: 600px; } .environment-block .RWDedictor008 .title_item, #RWDfullscreen01 .container { width: 90%; } .service-block .container:before { top: 370px; } .service-block::before, .service-block::after, .about-block .RWDright_cont002 .item-first .pic::after { width: 90px; height: 90px; } .RWDmenu_plus04 .menu li a, .RWDmenu_plus04 .features .edit a { font-size: 15px !important; letter-spacing: 1px; } .environment-block .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { font-size: 42px; letter-spacing: 3px; margin-bottom: 1rem; } .service-block .RWDproduct004 h2.sub-title::after { font-size: 60px; top: -10px; } .team-block .RWDbanner005 .title_block .title_en::after, .about-block .RWDright_cont002 .item-first .text-box .text::after, .environment-block .RWDedictor008 .sub-title { font-size: 50px; } .about-block .section-sub-title, .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title { font-size: 22px; padding-top: 1.5rem; } .RWDproduct004 #portfolio div.col-md-3 h3{ font-size: 18px; } .service-block .RWDproduct004 .item-box-desc { padding: 15px 10px; } .about-block .section-sub-des, .RWDproduct004 .list-inline { font-size: 14px; letter-spacing: 1.5px; } .team-block .RWDbanner005 .swiper-left .main-title, .team-block .RWDbanner005 .swiper-right .main-title { font-size: 20px; } .team-block .RWDbanner005 .swiper-left .subtitle, .team-block .RWDbanner005 .swiper-right .subtitle { font-size: 16px; } .team-block .RWDbanner005 .price { font-size: 14px; letter-spacing: 1px; -webkit-box-orient: unset; overflow: unset; text-overflow: unset; } .team-block .RWDbanner005 .swiper-center .main-title { font-size: 24px; text-align: center; } .team-block .RWDbanner005 .swiper-center .subtitle { font-size: 17px; } .team-block .RWDbanner005 .swiper-center .price { font-size: 15px; letter-spacing: 1px; } .RWDbanner005 .more-btn, .btn { font-size: 18px; } .about-block .section-sub-des { margin-top: 2rem; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 0rem 4rem 3rem; } .about-block .RWDright_cont002 .item-first .text-box::before { width: 180px; height: 180px; } .about-block .RWDright_cont002 .item-first .text-box .text::after { bottom: -19%; } .about-block .RWDright_cont002 .item-first .pic::after { right: -5%; } .service-block::before { top: 20rem; } .environment-block .container { margin: 0rem auto 0rem !important; } .about-block .container { margin: 10rem auto 3rem !important; } .about-block .RWDright_cont002 .item-first .text-box .text { width: 85%; } .footer-block .footer-info { width: 60%; } .footer-block .footer-map { width: 40%; } .RWDmenu_plus04 .logo { width: 230px; position: absolute; top: 3px; } .footer-block .footer-info p { margin-top: 1rem; } .RWDmenu_plus04 .features{ width: 200px; }/*內頁*/ .page_wrapper_bg .main section.call_to_action>.container { width: 90%;}.service_card { width: calc(100% / 3 - 31px);}.doctor_list_item {padding: 60px;}.content_item.doctor_info_item .content_text_all { width: calc(60% - 40px); margin-left: 40px;}}@media (max-width: 1366px) { .service-block .RWDproduct004 #portfolio .row{ grid-template-columns: repeat(3, 1fr); display: grid; row-gap: 1rem; padding: 2rem; background:#fbf4b966; } .service-block .container:before, .service-block .container:after, .about-block .RWDright_cont002 .item-first .pic::after, .service-block::before, .service-block::after{ display: none; } .team-block::after{ width: 160px; height: 160px; } .RWDproduct004 #portfolio::before{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-01.png); width: 120px; height: 120px; background-size: contain; top: -3rem; right: -3rem; opacity: .8; z-index: -1; } .RWDproduct004 #portfolio::after{ content: ""; position: absolute; background-image: url(archive/image/customization/decorate-01.png); width: 120px; height: 120px; background-size: contain; bottom: -3rem; left: -3rem; opacity: .8; z-index: -1; } .RWDproduct004{ overflow-x: visible; } .service-block::after{ bottom: 17vw; } .service-block::before { top: 20rem; } .about-block .RWDright_cont002 .item-first a{ width: 50%; } .about-block .section-sub-des { margin-top: 1.5rem; } .RWDmenu_plus04 .site-nav .container{ margin-left: 0!important; } .footer-block .copy-right, .footer-block .copy-right a, .copyright_desc{ font-size: 12px; }/*內頁*/ .page_wrapper_bg .main section.call_to_action { padding-bottom: 100px;}.page_wrapper_bg .main section.call_to_action>.container { width: 95%;}.doctor_list_item a.doctor_card { width: calc(100% / 5 - 21px); margin: 0 10px 35px;}.content_item.doctor_info_item .content_text { margin-bottom: 25px;}.content_item.doctor_info_item .content_text h2 { font-size: 24px;}.content_item.share_item02 .content_text_all { width: calc(50% - 40px); margin-left: 40px;}.content_item.share_item02 .content_pic img { margin-top: -500px;}.share_all .content_item { margin-bottom: 50px;}.content_item.share_item02 .content_text_all {width: 100%; margin: 30px auto 0;}.content_item.share_item02 .content_pic { width: 100%; overflow: hidden; max-height: 550px;}.doctor_list_item a.doctor_card { width: calc(100% / 4 - 21px);}}@media (max-width: 1280px) { .RWDmenu_plus04 .site-nav .menu>li>a{ margin: 0px 5px; } .environment-block .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { font-size: 36px; } .about-block .section-sub-title, .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title { font-size: 20px; } .service-block .container, .team-block .container { margin: 4rem auto 2rem !important; } .team-block .RWDbanner005 .swiper-left .main-title, .team-block .RWDbanner005 .swiper-right .main-title { font-size: 18px; } .team-block .RWDbanner005 .swiper-center .main-title { font-size: 22px; } .team-block .RWDbanner005 .swiper-center .subtitle { font-size: 16px; } .footer-block .section-title { font-size: 22px; letter-spacing: 2px; } .footer-block .footer-info li{ font-size: 15px; } .footer-block .footer-info p{ margin-top: 1.5rem; font-size: 14px; } .footer-block .footer-right { width: 74%; } .footer-block .footer-left { width: 26%; } .service-block .container:before { top: 365px; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .RWDbanner_plus01 .logo { width: 550px; } .about-block .RWDright_cont002 .item-first .pic{ margin-top: -20rem; } .RWDmenu_plus04 .features { width: 150px; } .RWDmenu_plus04 .logo { width: 200px; top: 5px; } .footer-block> .container { width: 100% !important; padding: 0 40px; } .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - 60px) !important; height: calc(100vh - 60px) !important; }/*內頁*/ .page_wrapper_bg .footer-block> .container { width: 100% !important; padding: 0 40px;}.content_item.doctor_info_item .content_text_all ul.content_list, .content_item.doctor_info_item .content_text_all p { font-size: 14px; line-height: 1.6;}.RWDtimeline01 li.event .point .title, .layoutlist_2 .album_item_subject, .page_wrapper_bg .layoutlist_7 .subject a, .service_card .content_text h4 {font-size: 18px; letter-spacing: .5px;}.service_card .content_text h4>span {padding-right: 5px;}.page_wrapper_bg .main section.call_to_action:before {display: none;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) { .service-block .RWDproduct004 #portfolio .row{ padding: 1.4em; } .RWDmenu_plus04 .menu li a, .RWDmenu_plus04 .features .edit a { font-size: 14px !important; } .RWDbanner005 .sqare_shadow { width: 40px; height: 40px; } .RWDbanner005 .sqare_shadow.swiper-prev{ left: -20px; } .RWDbanner005 .sqare_shadow.swiper-next{ right: -20px; } .RWDmenu_plus04 .logo { width: 180px; top: 10px; } .RWDmenu_plus04 .features .navi-btn{ padding: 1.5rem 1rem; } .RWDmenu_plus04 .site-nav .menu>li>a { margin: 0px 3px; } .RWDmenu_plus04 .features { width: 150px; } .about-block .RWDright_cont002 .item-first .text-box, .about-block .RWDright_cont002 .item-first a { width: 100%; } .about-block .RWDright_cont002 .item-first .text-box .text::after { bottom: -35%; } .about-block .RWDright_cont002 .item-first .text-box{ width: 85%; margin: auto; padding: 0; } .about-block .RWDright_cont002 .item-first .text-box .text { width: 100%; text-align: center; } .RWDproduct004 h2.sub-title::before, .RWDbanner005 .title_block .title_en:before{ width: 35vw; } .about-block .section-sub-title::before{ width: 35vw; left: unset; margin: auto; } .about-block .RWDright_cont002 .item-first .text-box::before{ right: 3%; } .about-block .RWDright_cont002 .item-first{ flex-direction: column-reverse; } .about-block .RWDright_cont002 .item-first .pic { margin-top: 0rem; } .footer-block .footer-left{ width: 100%; order: 3; display: flex; } .footer-block .footer-title { order: 1; } .footer-block .footer-right { width: 100%; order: 2; padding: 0rem 0rem 1rem; } .footer-block .section-title{ margin-bottom: 1.5rem; } .footer-block .footer-info{ padding: 0; width: 50%; } .footer-block .footer-map { width: 50%; padding-left: 3rem; } .footer-block .social-media{ display: flex; margin: 1rem 0rem 0rem; width: 50%; } .footer-block .social-media .RWDedictor, .footer-block .social-media .RWDsocial002{ width: 50%; } .footer-block .social-media .RWDsocial002{ display: flex; justify-content: flex-end; } .footer-block .RWDsocial002 .pull-right{ margin: 0rem; } .footer-block .copy-right { width: 50%; padding-left: 3rem; margin: 1rem 0rem 0rem; } .footer-block .container { margin: 2rem auto 2rem !important; } } /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .features{ width: 180px; } .RWDmenu_plus04 .features .edit{ display: block; } .RWDmenu_plus04 .features:after{ display: none; } .RWDbanner_plus01 .slick-caption { top: 32%; } .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 17px; }/*內頁*/ .service_card { width: calc(100% / 3 - 21px); margin: 0 10px 35px;}.doctor_list_item, .faq1 .layoutlist_2 { padding: 50px 40px;}#RWDPAGE_BASE_PAT02 .hgroup h1 {font-size: 36px;}.page_wrapper_bg .hgroup > .container {padding: 0 20px 0;}.layoutlist_7 .row { display: flex; flex-wrap: wrap;}.layoutlist_7 .litem { width: calc(100% / 3 - 31px); margin: 0 15px 35px !important; padding: 0;}.layoutlist_2 .album_item, .cate_list.row .col-sm-6.col-md-3{ width: calc(100% / 3 - 31px);}.page_content1v1 .row { display: flex; flex-wrap: wrap;}.row .album_d_item { padding: 0; float: none;width: calc(100% / 3 - 31px); margin: 0 15px 35px !important;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .RWDbanner_plus01 .logo { width: 600px; } .environment-block .RWDedictor008 .sub-title, .environment-block .RWDedictor008 .main-title { text-align: center; } .RWDbanner_plus01 .slick-caption.txt-right { text-align: center; } .RWDbanner_plus01 .slick-caption { top: 35%; } .team-block .RWDbanner005.frac-bottom .fraction_block.frac-bottom{ display: flex; margin-bottom: 10px; margin-top: 0px; } .team-block .RWDbanner005 .swiper-center .swiper-slide-active .subtitle{ max-height: unset; } .team-block .RWDbanner005 .swiper-center .main-title { font-size: 20px; } .team-block .RWDbanner005 .swiper-center .main-title{ margin-bottom: 1rem; } .footer-block .footer-info p { margin-top: 1rem; letter-spacing: 0; } .footer-block .social-media .btn{ width: unset; } .service-block .RWDproduct004 #portfolio .row { grid-template-columns: repeat(2, 1fr); padding: 1.8em; } .footer-block .footer-info li br:nth-child(3), .footer-block .footer-info li:last-child br{ display: block; } .RWDbanner005 {width: 100%;transform: translate(0px, 0px);left: 0;} .RWDbanner005 .sqare_shadow {display: none;} .RWDbanner005.frac-bottom .fraction_block.frac-bottom {display: flex;} .RWDbanner005 .title_block, .index .section-subject {margin-bottom: 50px;} .RWDbanner005 .title_block {padding: 0 30px;} .RWDbanner005 .title_block .title_en, .index h2.sub-title, .RWDbanner005 .title_block .title_en, .index h2.sub-title {font-size: 16px;} .RWDbanner005 .swiper-center .swiper-slide {height: auto; max-width: initial;-webkit-transform: perspective(0px) translateZ(0px);transform: perspective(0px) translateZ(0px);} .RWDbanner005 .swiper-center .swiper-slide.swiper-slide-next {-webkit-transform: perspective(0px) translateX(0px) translateZ(0px);transform: perspective(0px) translateX(0px) translateZ(0px);} .RWDbanner005 .swiper-center .swiper-slide.swiper-slide-prev {-webkit-transform: perspective(0px) translateX(0px) translateZ(0px);transform: perspective(0px) translateX(0px) translateZ(0px);} .RWDbanner005 .swiper-center .swiper-slide.swiper-slide-active {max-width: 100%;} .RWDbanner005 .swiper-center {padding: 0 3rem;} .RWDbanner005.title-left .title_block{ padding: 0 3rem; margin-bottom: 2rem; } .team-block::after{ display: none; } .RWDbanner005.frac-top .fraction_block.frac-top { display: flex; margin-bottom: 20px; }/*內頁*/ .doctor_list_item a.doctor_card { width: calc(100% / 3 - 21px);}.content_item.doctor_info_item { flex-direction: column-reverse;align-items: center;padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid #eee;}.content_item.doctor_info_item .content_text_all { width: 80%; margin-left: 0; }.content_item.doctor_info_item .content_pic { width: 80%;}.content_item.doctor_info_item .content_text h2 { font-size: 26px; width: 100%; text-align: center;}.contact_all .content_text { padding: 60px 60px 0;}.content_item.doctor_info_item .content_text { margin-bottom: 35px;} } /*991px end*/ /*900px start*/ @media (max-width: 900px) { .about-block .RWDright_cont002 .item-first .text-box .text::after { bottom: -25%; } .environment-block .RWDedictor008 .title_item, #RWDfullscreen01 .container { width: 95%; } .environment-block .RWDedictor008 .title_item{ padding: 0px 15px; } .RWDproduct004 #portfolio::after, .RWDproduct004 #portfolio::before{ width: 100px; height: 100px; } .RWDproduct004 #portfolio::before{ top: -2rem; right: -2rem; } .RWDproduct004 #portfolio::after{ bottom: -2rem; left: -2rem; } .service-block .RWDproduct004 h2.sub-title::after { font-size: 50px; top: 0px; } .about-block .section-sub-title, .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title { padding-top: 1rem; letter-spacing: 1px; } .team-block .RWDbanner005 .title_block .title_en::after, .about-block .RWDright_cont002 .item-first .text-box .text::after, .environment-block .RWDedictor008 .sub-title { font-size: 40px; } .RWDmenu_plus04 .features .navi-btn span{ line-height: 1; }/*內頁*//*內頁*/ .page_wrapper_bg .main section.call_to_action>.container { width: 95%;}} /*900px end*/ /*850px start*/ @media (max-width: 850px) { .RWDtimeline01 li.event:before { left: 45px;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*內頁*/ .service_card { width: calc(100% / 2 - 31px); margin: 0 15px 35px;}.RWDtimeline01 li.event .point .title, .layoutlist_2 .album_item_subject, .page_wrapper_bg .layoutlist_7 .subject a, .service_card .content_text h4 { font-size: 17px;letter-spacing: 1px;}.content_item.share_item02 .content_pic img { margin-top: -300px;}.page_wrapper_bg .hgroup > .container { padding: 0;}.page_wrapper_bg .page_subject {flex-direction: column; align-items: center;}#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 32px;}.privacy_all .content_item { margin-bottom: 60px;} } /*800px end*/ /*768px start*/ @media (max-width: 768px) { .footer-block .footer-info li br:nth-child(3), .footer-block .footer-info li:last-child br{ display: block; } .RWDbanner_plus01 .logo { width: 550px; }/*內頁*/ .main section .container .article-text > .container .pagecontent { padding: 0 !important;}.page_wrapper_bg .main section.call_to_action>.container { padding: 0 15px;}.layoutlist_7 .litem, .layoutlist_2 .album_item, .cate_list.row .col-sm-6.col-md-3, .row .album_d_item { width: calc(100% / 2 - 31px);}.content_step { padding: 35px 35px;}} /*768px end*/ /*767px start*/ @media (max-width: 767px) { .scrollTop002 { right: 10px; bottom: 60px; } .about-block .RWDright_cont002 .item-first .text-box::before { width: 150px; height: 150px; } .RWDbanner_plus01 .slick-caption { top: 20%; } .footer-block .footer-info li:last-child br { display: none; } .RWDbanner005 .swiper-center .add-cart, .RWDbanner005 .swiper-center .main-title, .RWDbanner005 .swiper-center .price, .RWDbanner005 .swiper-center .subtitle { opacity: 1; } .RWDbanner005 .swiper-center .main-title { color: #555; } .RWDbanner005 .swiper-center .swiper-slide { height: unset; } .team-block .RWDbanner005 .sliderWarp { margin-bottom: 0rem; } .team-block::after { bottom: 10%; left: 5%; } .footer-block .footer-right .RWDedictor { flex-direction: column; } .footer-block .footer-info, .footer-block .footer-map { width: 100%; } .footer-block .footer-map { padding-top: 2rem; padding-left: 0rem; } .team-block .RWDbanner005.title-left .title_block { display: flex; flex-direction: column; align-items: center; } .service-block .RWDproduct004 h2.sub-title::after, .team-block .RWDbanner005 .title_block .title_en::after, .about-block .RWDright_cont002 .item-first .text-box .text::after, .environment-block .RWDedictor008 .sub-title { display: none; } .RWDproduct004 h2.sub-title::before, .about-block .section-sub-title::before { width: 58vw; } .RWDbanner005 .title_block .title_en:before { width: 100%; } .footer-block .copy-right { text-align: right; } .footer-block .copy-right, .footer-block .social-media { width: 100%; } .footer-block .footer-left { flex-direction: column; } .footer-block .copy-right { padding-left: 0rem; display: flex; flex-wrap: nowrap; flex-direction: row; flex-wrap: wrap; margin-top: 35px; padding-left: 0rem; text-align: left; letter-spacing: 1px; line-height: 1.5; } .RWDbanner_plus01 .page-scroll {display: none;} .footer-block .footer-info li br:nth-child(3), .footer-block .footer-info li:last-child br { display: none; } .about-block .container { margin: 7rem auto 3rem !important; } .footer-block .section-title, .environment-block .RWDedictor008 .main-title { text-align: center; } .service-block { overflow: hidden; }.team-block .RWDbanner005.title-left .more-btn { margin: 20px auto 0;}.RWDbanner_plus01.style-dotnav .control-box .control{ text-align: center; padding-right: 0rem;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #ffffff; box-shadow: 0px 0px 3px 1px #00000042;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button{ background: #ffffff; box-shadow: 0px 0px 3px 1px #00000042; opacity: .5;}/*內頁*/ .service_card { width: calc(100% / 2 - 21px); margin: 0 10px 35px;}.doctor_list_item a.doctor_card {width: calc(100% / 2 - 21px);} } /*767px end*/ /*600px start*/ @media (max-width: 600px) { .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 83vh !important; height: 83vh !important;} .RWDbanner005 .swiper-center { padding: 0 0rem; } .RWDbanner005.title-left .title_block { padding: 0 0rem; } .RWDbanner_plus01 .logo { width: 100%; } .service-block .RWDproduct004 #portfolio .row { grid-template-columns: repeat(2, 1fr); } .team-block::after{ display: none; } .team-block .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title{ text-align: center; } .RWDproduct004 h2.sub-title::before, .about-block .section-sub-title::before, .RWDbanner005 .title_block .title_en:before { width: 100%; left: 0; } .environment-block .RWDedictor008 .title_item{ margin: 0rem auto 1rem; } .scrollTop002{ right: 15px; } .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { margin-bottom: 1rem; } .about-block .section-sub-title, .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title{ padding-top: 1rem; } .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 17px; } .footer-block .footer-info li br:nth-child(3), .footer-block .footer-info li:last-child br { display: block; } .about-block .section-sub-des, .RWDproduct004 .list-inline{ letter-spacing: 1px; }/*內頁*/ .layoutlist_7 .litem, .layoutlist_2 .album_item, .cate_list.row .col-sm-6.col-md-3, .row .album_d_item { width: 100%;margin: 0 auto 35px;}.contact_info ul li { width: 100%; padding-bottom: 20px;}.contact_all .content_text { padding: 40px 40px 0;}.doctor_list_item, .faq1 .layoutlist_2 { padding: 30px 30px;}.page_wrapper_bg .main section.call_to_action { padding-top: 40px; padding-bottom: 80px;}.content_item.share_item02 .content_pic img { margin-top: -100px;}.service_card { width: 100%; margin: 0 auto 35px;}.content_item.doctor_info_item .content_pic, .content_item.doctor_info_item .content_text_all { width: 100%;}.contact_info ul li span { display: block;}.content_item.doctor_info_item .content_pic, .content_item.doctor_info_item .content_text_all { width: 90%;} } /*600px end*/ /*500px start*/ @media (max-width: 500px) { .environment-block .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { font-size: 28px; } .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { margin-bottom: 0.5rem; } .about-block .section-sub-title, .RWDbanner005 .title_block .title_en, .RWDproduct004 h2.sub-title { font-size: 17px; } .about-block .section-sub-title{ letter-spacing: 0px; } .RWDbanner_plus01 .page-scroll { bottom: 50px; } .team-block .RWDbanner005.title-left .more-btn{ width: 100%; max-width: unset; } .footer-block .social-media .RWDedictor, .RWDmenu_plus04 .features .edit{ display: none; } .footer-block .social-media .RWDsocial002{ justify-content: flex-start; } .fix-btn{ display: block; position: fixed; bottom: 0; width: 100%; z-index: 1000; } .fix-btn .btn{ width: 100%; background: #00c300; border-radius: 0px; color: #fff; padding: 20px 0px; } .fix-btn .btn i{ font-size: 23px; top: 3px; position: relative; line-height: 18px; } .footer-block .container { margin: 4rem auto 4rem !important; } .about-block .container { margin: 7rem auto 2rem !important; } .service-block .RWDproduct004 #portfolio .row{ padding: 1rem; } .about-block .RWDright_cont002 .item-first .text-box::before { right: 0%; top: -30%; } .RWDproduct004 #portfolio::before { right: -1rem; } .RWDproduct004 #portfolio::after { left: -1rem; } .footer-block .social-media .RWDsocial002{ width: 100%; } .service-block .RWDproduct004 #portfolio .row { grid-template-columns: repeat(1, 1fr); } .RWDmenu_plus04 .features { width: unset; } .about-block .RWDright_cont002 .item-first .text-box{ width: 90%; } .footer-block> .container { padding: 0px 30px; }/*內頁*/ .page_wrapper_bg .footer-block> .container { padding: 0 30px;}.contact_all { background: transparent;}.contact_all .content_text {padding: 0;}.contact_all a.line_btn.btn { margin: 30px auto;}} /*500px end*/ /*480px start*/ @media (max-width: 480px) { #RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 28px; letter-spacing: 1px;}.doctor_list_item, .faq1 .layoutlist_2 {padding: 0; background: transparent; box-shadow: none;}.doctor_list_item a.doctor_card { font-size: 14px; letter-spacing: 1px;}.content_item.doctor_info_item .content_text h2 { font-size: 22px;}.content_step_item .content_step .step_num {font-size: 32px; margin-right:0; border-right: none; padding-right: 0px; line-height: 1;padding-bottom: 15px;}.content_item.share_item04 a.line_btn.btn, .content_step_item a.line_btn.btn, .contact_all a.line_btn.btn, a.form_btn.btn { width: 100%;}.content_step { padding: 30px; align-items: center;flex-direction: column;}.content_step .content_text { width: 100%;}.RWDtimeline01 li.event:before { left: 24px;}.page_wrapper_bg .btn.btn_back, .page_wrapper_bg .btn.btn_back a { width: 100%;}.content_item.share_item04 { background: transparent; padding: 0; text-align: center;}.contact_info ul li small { display: block;font-size: 100%;}.contact_all .content_text h2 { font-size: 24px;} } /*480px end*/ /*380px start*/ @media (max-width: 380px){ .RWDedictor008 .main-title, .about-block .section-title, .RWDbanner005 .title_block .title_tw, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1 { font-size: 30px; } .footer-block .footer-info li{ letter-spacing: 0px; } } /*380px end*/