/*all*/#RWDfullscreen02 { font-family: 'Lato', '微軟正黑體', sans-serif;}#RWDfullscreen02 .container { width: 70%;}/*menu*/ 
.RWDmenu_plus02 .container { width: 90% !important;}.RWDmenu_plus02 .inside { background: rgba(255, 255, 255, 1);}.cd-main-header { background: transparent;}.cd-logo { width: 140px; margin-top: 25px;}.RWDmenu_plus02 .sub-nav.sub-up { margin-top: 0;}.cd-primary-nav>li>a { letter-spacing: 2px; font-size: 16px;}.cd-primary-nav>li:after { height: 0;}@media only screen and (min-width: 1200px){nav.cd-nav {float: left;}.RWDmenu_plus02 .editor { margin-top: 27px;}.cd-primary-nav>.has-children>a::after, .cd-primary-nav>.has-children>a::before {background: #2e3233;}.cd-primary-nav>li>a:hover { color: #0f56ad;}.cd-primary-nav>li>a:hover:after, .cd-primary-nav>li>a:hover:before { background-color: #0f56ad;}.cd-primary-nav>li.has-children.active.hover>a { color: #0f56ad;}.cd-primary-nav>li.has-children.active.hover>a:after, .cd-primary-nav>li.has-children.active.hover>a:before { background-color: #0f56ad;}.cd-primary-nav .cd-secondary-nav>li.active>a, .cd-primary-nav .cd-secondary-nav>li>a:hover { background-color: transparent; color: #0f56ad;}}/*副選單*/ 
.RWDmenu_plus02 .sub-nav { position: absolute; right: 0;}.menu-phone a { color: #ffc800; font-size: 27px; font-weight: 400; letter-spacing: 1px; margin-left: 5px;font-family: 'Lato', sans-serif;font-style: italic; position: relative; top: 3px;}.menu-phone { font-size: 15px; letter-spacing: 1px;color: #fff;}/*.RWDmenu_plus02 .inside:before { content: ""; position: absolute; background: #0f56ad; width: 40px; height: 100%; -webkit-clip-path: polygon(0% 0%, 100% 0%, -20% 100%, 0% 100%); left: 0; top: 0;}*/ 
.RWDmenu_plus02 .inside:after { content: "";position: absolute; background: #0f56ad; width: calc(5% + 350px); height: 100%; -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); right: 0; top: 0;}/*banner*/ 
.RWDbanner_plus01 .slickitem01 .slick-caption { top: 38%;}.slickitem01 .txt1 { position: relative;  font-size: 2.5vw; letter-spacing: 0.5vw;}.slickitem01 .txt2 { position: relative;  font-size: 2.5vw; letter-spacing: 0.5vw; z-index: 1;}.slickitem01 .txt3  { position: relative;  font-size: 1.5vw; letter-spacing: 0.5vw;}.slickitem01 .txt1 span { -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); padding: 10px 100px;background: #152a52;display: inline-block;}.slickitem01 .txt2 span { -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); padding: 10px 100px;background: #152a52;display: inline-block;position: relative;left: 100px;}.slickitem01 .txt3 span { -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); padding: 40px 100px 10px;background: #0f56ad;display: inline-block;left: 150px; position: relative; top: -50px;}.RWDbanner_plus01 .page-scroll { bottom: 20px;}/*共用*/h2.sub-title { display: none !important;}.section-line { display: none !important;}h1.main-title { font-size: 32px !important; font-weight: bold !important; letter-spacing: 5px; color: #0f56ad !important;}/*about*/ 
.about-block { position: relative; padding: 140px 0 0px;}.about-block .RWDparallax_new .container.editor { width: 40% !important; background: rgba(255, 255, 255, 0.9); font-size: 15px;line-height: 30px; padding: 70px 50px; float: right; margin-right: 5%; text-align: justify; letter-spacing: 1px; position: relative;}.RWDparallax_new .picbgbox { height: 670px !important;}.about-btn { display: block; width: 100%; background: #0f56ad; color: #fff; text-align: center; padding: 5px; font-size: 16px; letter-spacing: 2px; margin-top: 30px;transition: all 0.5s;-o-transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;}.RWDparallax_new:hover .about-btn { background: #0e244d; color: #fff;}.about-block h1 { font-size: 32px; font-weight: bold; letter-spacing: 5px; color: #0f56ad; margin-bottom: 30px;}/*service*/ 
.service-block { position: relative; }.service-box {padding: 80px 15px;}.RWDService001 h2 { text-align: center; color: #0f56ad; font-size: 18px; letter-spacing: 2px; font-weight: bold;}.RWDService001 p { font-size: 15px; letter-spacing: 1px; line-height: 30px; color: #666; padding: 0 15px;}.RWDService001 .section-subject {display:none;}.RWDService001 i { margin-bottom: 0; padding: 10%; margin: 0px 30% 30px; border-radius: 50%;background: #fff;box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.12);position: relative;transition: all 0.5s;-o-transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;    top: 0;}.RWDService001 .boxFeature-2:hover i { top: -10px;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a > div { width: 50%; margin-bottom: 30px; }.service-bg { z-index: -1; position: absolute; width: 64%; background: #f5f5f5; height: 130%; right: 0; bottom: 80px;}.service-box-r { width: 70%; float: right;padding: 50px 0 50px;position: relative;}.service-box-l{ width: 30%; float: left; padding-right: 8%; font-size: 15px; line-height: 35px; text-align: justify; letter-spacing: 1px; padding-top:100px;padding-left: 30px;}.service-box-l .RWDedictor001 .section-subject { text-align: left; margin-bottom: 50px;}.service-box-l .RWDedictor001 h1.main-title { margin: 0 !important;}.RWDService001 .row { margin-left: 0; margin-right: 0;}.service-box-r:after {  content: "";  position: absolute;  width: 60px;  height: 60px;  border-right: 60px solid #f5f5f5;  border-bottom: 60px solid transparent;  border-top: 60px solid transparent;  top: 50%;  margin-top: -130px; left: -60px;}.service-block:after { content: ""; position: absolute; background: url(archive/image/customization/200220-service-l.png)no-repeat; background-size: contain; width: 750px; height: 450px;bottom: 0;z-index: -11;transition: all 5s;-o-transition: all 5s; -webkit-transition: all 5s;-moz-transition: all 5s;}.service-block-chang:after { bottom: 50px;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a:nth-child(1) > div > article > i:after { content: "01"; position: absolute; width: 50px; height: 50px; background: #0f56ad; padding: 13px; color: #fff; font-size: 18px;border-radius: 50%;   right: 0; font-style: italic;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a:nth-child(2) > div > article > i:after { content: "02"; position: absolute; width: 50px; height: 50px; background: #0f56ad; padding: 13px; color: #fff; font-size: 18px;border-radius: 50%;   right: 0; font-style: italic;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a:nth-child(3) > div > article > i:after { content: "03"; position: absolute; width: 50px; height: 50px; background: #0f56ad; padding: 13px; color: #fff; font-size: 18px;border-radius: 50%;   right: 0; font-style: italic;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a:nth-child(4) > div > article > i:after { content: "04"; position: absolute; width: 50px; height: 50px; background: #0f56ad; padding: 13px; color: #fff; font-size: 18px;border-radius: 50%;   right: 0; font-style: italic;}/*work*/ 
.work-block { position: relative; padding: 50px 0 160px;}.RWDproduct004 .callout-dark { background-color: transparent; padding: 0;}.RWDproduct004 .heading-title.heading-arrow-bottom::after {display:none;}.RWDproduct004 section { border-bottom: 0;}.RWDproduct004 div.row > div img.img-responsive { width: auto; height: 250px;}.RWDproduct004 .col-md-3.col-sm-3.mix { width: 33.33333%;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div, .RWDproduct004 #portfolio.portfolio-nogutter .item-box { padding: 0 5px !important;}.RWDproduct004 .item-box figure {background: #f5f5f5;}.RWDproduct004 .item-box-desc { margin-bottom: 50px; padding: 0px; text-align: center !important; }.RWDproduct004 .section-subject { margin-bottom: 50px;}.more-btn .btn { background: #0f56ad !important; color: #fff !important; text-align: center !important; padding: 5px; font-size: 16px; letter-spacing: 2px; display: inline-block !important; width: 300px; line-height: 30px;    border-radius: 0;transition: all 0.5s;-o-transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;}.more-btn .btn:hover { background: #0e244d !important; color: #fff;}.RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { color: #333; font-size: 18px; letter-spacing: 2px; font-weight: bold;transition: all 0.5s;-o-transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;padding: 15px;background: #e2e2e2;}.RWDproduct004 #portfolio div.col-md-3:hover h2, .RWDproduct004 #portfolio div.col-md-3:hover h3 { color: #fff;background: #0f56ad;}.RWDproduct004 .item-box figure { background: #f5f5f5;}.work-bg { position: absolute; width: 100%; height: 30%; bottom: 0; background: url(archive/image/customization/200220-bg.jpg); z-index: -1; opacity: 0.4;}.RWDproduct004 #portfolio { overflow: visible;}.row.mix-grid {margin-right: 0;margin-left: 0;}.RWDbtn01 {margin-top: 0;}@media (min-width: 1200px){.work-box {width: 1170px !important;}}/*footer*/ 
.footer-block { position: relative;  padding: 80px 0; background: #0f56ad; font-size: 15px; color: #fff; line-height: 30px; letter-spacing: 1px;}.footer-block a {color: #fff;}.ft-r { position: relative; margin-top: -140px;}.ft-l h1 { font-size: 24px; letter-spacing: 5px; font-weight: bold;}.ft-l i { display: inline-block; width: 20px;}.footer-block iframe { box-shadow: 5px 7px 15px rgba(43, 43, 43, 0.37);}.copy-block { font-size: 12px; letter-spacing: 1px; line-height: 30px;margin-top: 30px;padding: 0 15px;}.RWDssl01 { display: inline-block; margin-right: 15px;}.copy-block .RWDedictor { display: inline-block; margin-right: 15px;}.copyright { display: inline-block;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover { color: #fff; font-size: 12px;}/*top*/ 
.scrollTop002 .ii { font-size: 45px; background: #f3c209; color: #000000;}
/*內頁 start*/

/*通用*/ 
.page_wrapper_bg section.call_to_action{padding: 50px 0 150px 0 !important;min-height: 900px;}.article-text .container {width: 100%;}.pagecontent .article_model[data-seq="0"] {margin-top: 0px !important;}.page_wrapper_bg .row {margin-left:0px;margin-right:0px;}/*文字*/ 
.page_wrapper_bg .pagecontent {line-height: 2;letter-spacing: 2px;font-size: 15px;}/*按鈕*/ 
.btn.btn_back {background: #0f56ad;;font-size: 14px;letter-spacing: 1px;float: right;border-radius: 0px;transition: 0.4s;margin-right: 0px;}.btn.btn_back:hover {background: #0e244d;;transition: 0.4s}.btn.btn_back a {color: #fff;}.btn.btn_back a:hover {color: #fff;}.btn.btn_back:hover > a {color: #fff;}/*標題*/ 
.hgroup h1 {font-size: 32px !important;font-weight: bold !important;letter-spacing: 5px;color: #0f56ad !important;}.hgroup .container {width: 100%;text-align: center;border-bottom: 0px;}/*左側*/ 
.m2018 .products-nav .nav-title {background: #eee;padding: 10px;font-size: 18px;font-weight: bold;color: #222;position: relative;margin-bottom: 30px;}.nav-title::before {content: "";position: absolute;width: 30px;height: 30px;border-right: 20px solid #eeeeee;border-bottom: 20px solid transparent;border-top: 20px solid transparent;top: 50%;margin-top: 12px;left: 14%;transform: rotate(-90deg);}.m2018 .products-nav>ul>li {margin: 0 0 5px 0px;border-bottom: 1px solid #f5f5f5;}.m2018 .products-nav>ul>li>a {font-size: 15px;padding:5px 0px;transition: 0.4s;}.m2018 .products-nav>ul>li>a:hover, .m2018 .products-nav>ul>li.active a {color: #0f56ad;transition: 0.4s;}/*關於我們*/ 
.about_tex {text-align: center;padding: 30px 0px;background: #f5f5f5;margin-bottom: 80px;font-size: 16px;position: relative;}.about_tex::before {content: "";position: absolute;width: 30px;height: 30px;border-right: 30px solid #f5f5f5;border-bottom: 30px solid transparent;border-top: 30px solid transparent;bottom: -40px;margin-left: -15px;left: 50%;transform: rotate(-90deg);}.about_img {width: calc(100%/3 - 4px);display: inline-block;margin-bottom:20px}.about_img2 {width: calc(100%/2 - 4px);display: inline-block;}.about_tex span {font-size: 24px;font-weight: bold;color: #f3c209;}.about_img span i, .about_img2 span i {padding-right: 10px;}.about_img span, .about_img2 span {text-align: center;display: block;padding: 10px 0px;}/*相簿*/ 
.album_d_item a {border-bottom: 0px solid #b2b2b2 !important;background: #f5f5f5;padding-bottom: 0px !important;}.album_d_item .album_item_subject {bottom: 0px;background: #e2e2e2;color: #333;opacity: 1 !important; font-weight: bold;transition: 0.4s;}.album_d_item:hover .album_item_subject {color: #fff;background: #0f56ad;transition: 0.4s;}.album_d_item {width: calc(100%/3);margin-top: 0px;margin-bottom: 80px !important;}.layoutlist_2 .album_item_subject {background: #e2e2e2;color: #333;letter-spacing: 2px;font-weight: bold;transition: 0.4s;}.layoutlist_2 .album_item {height:auto !important}.layoutlist_2 .album_item:hover .album_item_subject {background: #0f56ad;color: #fff;transition: 0.4s;}/*施工規劃*/ 
.plan_box .plan_title {margin: 50px 0px 20px;font-weight: bold;font-size: 18px;background: #0f56ad;color: #fff;display: inline-block;padding: 5px 10px;}.plan_box .plan_img img {margin-bottom: 20px;}/*footer*/ 
.page_wrapper_bg .footer-block .container {width: 70%;}.page_wrapper_bg .ft-l h1 {margin-top: 0px;margin-bottom: 20px;}.page_wrapper_bg .footer-block::before {content: "";width: 100%;height: 50%;top: -30%;background: url(archive/image/customization/200220-bg.jpg);z-index: -1;opacity: 0.4;position: absolute;border: 0;left:0px}

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

@media (max-width: 1700px){#RWDfullscreen02 .container { width: 80%;}.service-bg {width: 66%;}}@media (max-width: 1600px){#RWDfullscreen02 .container { width: 83%;}.service-bg {width: 67%;}.service-block:after { width: 600px; height: 350px;}.RWDparallax_new .picbgbox { height: 700px !important;}}@media (max-width: 1400px){#RWDfullscreen02 .container { width: 90%;}.service-bg {width: 68%;}.slickitem01 .txt1 { font-size: 2.8vw;letter-spacing: 0.8vw;}.slickitem01 .txt2 { font-size: 2.8vw;letter-spacing: 0.8vw;}.slickitem01 .txt3 { font-size: 1.8vw;letter-spacing: 0.5vw;}.slickitem01 .txt1 span { padding: 10px 75px;}.slickitem01 .txt2 span { padding: 10px 75px;}.slickitem01 .txt3 span { padding: 40px 75px 10px;top: -45px;}}@media (max-width: 1300px){#RWDfullscreen02 .container { width: 93%;}.service-bg {width: 69%;}}@media (max-width: 1200px){#RWDfullscreen02 .container {width: 95%;}.service-box-l { padding-right: 7%;}.RWDmenu_plus02 .container { width: 95% !important;}}@media (max-width: 1199px){.cd-logo { margin-top: 10px !important;width: 130px;}.cd-main-header { background: white; padding: 0 0px 0 15px;}.cd-header-buttons { height: 50px; width: 60px; background: #162b54; top: 0;padding-right: 7px !important;}.RWDmenu_plus02 .sub-nav { display: block !important; background: #1057ac; height: 50px; right: 60px;padding: 0 25px;}.RWDmenu_plus02 .editor { margin-right: 0; margin-top: 10px;}.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {background: #ffffff;}nav.cd-nav .bottom-copyright {display: none;}.cd-primary-nav, .cd-primary-nav ul { background: #ffffff;}.cd-primary-nav a, .cd-primary-nav ul a { border-bottom: 1px dashed #ececec;}.cd-header-buttons li { margin-top: 5px;}.about-block { padding: 80px 0 0px;}.about-block .RWDparallax_new .container.editor {width: 44% !important;}.work-bg { height: 32%;}/*內頁*/ 
.page_wrapper_bg .cd-logo {margin-left:25px}.page_wrapper_bg .collapsing_header header {padding:0px}}

/*小螢幕 end*/
/*Pad橫向 start*/
@media (max-width:1024px){
/*banner*/ 
.slickitem01 .txt1 { font-size: 3.2vw;letter-spacing: 0.8vw;}.slickitem01 .txt2 { font-size: 3.2vw;letter-spacing: 0.8vw;}.slickitem01 .txt3 { font-size: 2.2vw;letter-spacing: 0.5vw;}.slickitem01 .txt1 span { padding: 10px 60px;}.slickitem01 .txt2 span { padding: 10px 60px;}.slickitem01 .txt3 span { padding: 40px 60px 10px;top: -45px;-webkit-clip-path: polygon(11% 0%, 100% 0%, 89% 100%, 0% 100%);}/*about*/ 
.about-block .RWDparallax_new .container.editor { padding: 60px 50px;}/*service*/ 
.service-box { padding: 60px 15px;}.service-box-l { padding-right: 6%; padding-top: 60px; padding-left: 0;}.service-block:after {bottom: 50px;}.service-block-chang:after { bottom: 100px;}/*work*/ 
.RWDproduct004 div.row > div img.img-responsive { height: 200px;}/*內頁*/ 
.about_img {width: calc(100%/3 - 6px);}.about_img2 {width: calc(100%/2 - 6px);}/*footer*/ 
.page_wrapper_bg .footer-block .container {width: 95%;padding:0px}
}
/*Pad橫向 end*/
/*pad版 start*/
@media (max-width: 768px) {
/*banner*/ 
.RWDbanner_plus01 .slickitem01 .slick-caption { top: 40%; text-align: center;}.slickitem01 .txt1 { font-size: 6vw;letter-spacing: 1vw;}.slickitem01 .txt2 { font-size: 6vw;letter-spacing: 1vw;}.slickitem01 .txt3 { font-size: 3.2vw;letter-spacing: 0.8vw;}.slickitem01 .txt1 span { padding: 5px 75px;left: 0;}.slickitem01 .txt2 span { padding: 5px 75px;left: 0;}.slickitem01 .txt3 span { padding: 35px 75px 10px;top: -45px;-webkit-clip-path: polygon(11% 0%, 100% 0%, 89% 100%, 0% 100%); left: 30px;}/*about*/ 
.about-block { padding: 80px 0 40px;}.about-block .RWDparallax_new .container.editor {  margin: 0;margin-top: 400px;width: 100% !important;}.RWDparallax_new .picbgbox { height: 400px !important; }.about-block .RWDparallax_new .container.editor { padding: 60px 20px;}/*service*/ 
.service-box { padding: 60px 15px 0;}.service-bg {height: 100%; bottom: 0;}.service-bg { width: 100%;}.service-box-r:after {display:none;}.service-box-l { padding-right: 0; padding-top: 40px; padding-left: 0; width: 100%;float: none;text-align: center;}.service-box-r { width: 100%; float: none;}.service-box-l .RWDedictor001 .section-subject { margin-bottom: 30px;text-align: center;}.RWDService001 p { padding: 0 39px;}.service-bg { background: rgba(245, 245, 245, 0.8);}.service-block:after { width: 100%; height: 50%;}.service-block:after {bottom: 0px;}.service-block-chang:after { bottom: 50px;}/*work*/ 
.work-block { padding: 80px 0 140px;}.RWDproduct004 .col-md-3.col-sm-3.mix { width: 50%;}.work-bg { height: 38%;}/*footer*/ 
.copyright { display: block;}.copy-block .RWDedictor { margin-right: 0;}#sidebar {margin-bottom:30px}/*內頁*/ 
.article-text .container {padding: 0;}/*工程案例*/ 
.album_d_item {width: calc(100%/2);}/*footer*/ 
.page_wrapper_bg .footer-block .container {width: 95% !important;}/*按鈕*/ 
.btn.btn_back {width:100%}
}
/*pad版 end*/
/*phone版 start*/
@media (max-width: 480px) {
#RWDfullscreen02 .container { width: 98%;}.RWDmenu_plus02 .sub-nav { right: 0; width: 100%; top: 50px;right: 0;height: 35px;}.RWDmenu_plus02 .editor { float: none;margin-top: 3px;}.menu-phone { text-align: center;}.menu-phone a {font-size: 20px; top: 2px;}/*banner*/ 
.RWDbanner_plus01 .slickitem01 .slick-caption { top: 35%; width: 100%;}.slickitem01 .txt1 { font-size: 9.5vw;letter-spacing: 1vw;}.slickitem01 .txt2 { font-size: 9.5vw;letter-spacing: 1vw;}.slickitem01 .txt3 { font-size: 5vw;letter-spacing: 0.8vw;}.slickitem01 .txt1 span { padding: 5px 40px;left: 0;}.slickitem01 .txt2 span { padding: 5px 40px;left: 0;}.slickitem01 .txt3 span { padding: 35px 40px 10px;top: -45px;-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); left: 30px;}/*about*/ 
.about-block { padding: 80px 0 20px;}.RWDparallax_new .picbgbox { height: 200px !important;}.about-block .RWDparallax_new .container.editor { margin-top: 200px;}/*service*/ 
.service-box { padding: 40px 15px 0;}.RWDService001 p { padding: 0 15px;}#m_RWDfullscreen02_37_1 > div:nth-child(2) > a > div { width: 100%;margin-bottom: 50px;}.RWDService001 i { padding: 15%; margin: 0px 17% 30px;}.service-block:after {display:none;}/*work*/ 
.work-block { padding: 80px 0 80px;}.RWDproduct004 div.row > div img.img-responsive { height: auto;}.RWDproduct004 .col-md-3.col-sm-3.mix { width: 100%;}/*top*/ 
.scrollTop002 { bottom: 25px; right: 25px;}/*footer*/ 
.footer-block { text-align: center;}.ft-r { margin-top: 40px;}.copy-block { padding: 0px 14px;text-align: center;}.RWDssl01 { display: block; margin-right: 0;}.copy-block .RWDedictor { display: block; margin-right: 0;}/*內頁*//**/ 
.about_img {width: 100%;}.about_img2 {width: 100%;margin-bottom: 20px;}/**/ 
.plan_box .plan_title {width: 100%;text-align: center;}/**/ 
.album1 .page_wrapper_bg .pagecontent {padding: 0px !important;}.album_d_item {width: 100%;margin-bottom: 60px !important;padding:0px}.album1 .album_d_item {margin-bottom: 60px !important;}/**/ 
.page_wrapper_bg .footer-block::before {top:-10%}.page_wrapper_bg .footer-block .container {width: 98% !important;padding: 0px;}
}
/*phone版 end*/