@charset "utf-8";
/* basestyle 
----------------------------------------------------------------------------*/
body{background-color: #171e16;width: 100%; height: 100%;font-family: '微軟正黑體', Microsoft JhengHei, 'Open Sans', sans-serif ;}
a:hover{text-decoration: none;}
.al-c{text-align: center;}
.p-relative{position: relative;}
.clear{clear: both;}
.clear:after{content: '';display: block;clear: both;}
a{transition: all 0.5s ease-in;}
.hint{font-size: 12px;}
.bg-w{background-color: #fff;}
.bg-bk{background-color: #000;color: #fff;}
.f-w{color: #fff;}
.f-g{color: #113819!important;}
ul{padding: 0;margin: 0;list-style: none;}
.half-box{width: 50%;}
#gotop {display: none;position: fixed;right: 20px;bottom: 20px;background: rgba(0,0,0,0.5);cursor: pointer;z-index: 9999;}
#gotop img{display: block;margin: 10px;width: 20px;}
/*icon*/
@font-face {font-family: 'sitefont';src:url('../fonts/sitefont.ttf?inutkw') format('truetype'),url('../fonts/sitefont.woff?inutkw') format('woff'),url('../fonts/sitefont.svg?inutkw#sitefont') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */font-family: 'sitefont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-line:before{content:"\e903";font-size: 28px;line-height: 0;position: relative;top: 7px;display: block;}

.padder_0, .padder_5, .padder_10, .padder_15, .padder_20, .padder_25, .padder_30, .padder_35, .padder_40, .padder_45, .padder_50, .padder_55, .padder_60, .padder_65, .padder_70, .padder_75, .padder_80, .padder_85, .padder_90, .padder_95, .padder_100, .padder_150, .padder_180, .padder_200 {clear: both;width: 100%;}
.padder_40 {height: 40px;}
.padder_5 {height: 5px;}
.padder_100 {height: 100px;}
.padder_50 {height: 50px;}
.padder_60 {height: 60px;}
.padder_20 {height: 20px;}
.padder_80 {height: 80px;}
.padder_150 {height: 150px;}
.padder_120 {height: 120px;}
.padder_176 {height: 176px;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin: 0 3% 1% 0;float: left;display: block;}
.grid_6 {width: 48.5%;}
.grid_12 {width: 100%;}
.omega {margin-right: 0;}
/*區塊*/
/* .s-grid > *{float: left;} */
.grid-2-w > *{width: 48%;margin-right: 2%;}
.grid-3-w > *{width: 32%;margin-right: 2%;}
.grid-4-w > *{width: 23.5%;margin-right: 2%;}
.grid-2-w > *:nth-child(2n),.grid-3-w > *:nth-child(3n),.grid-4-w > *:nth-child(4n){margin-right: 0;}


/* layout 
----------------------------------------------------------------------------*/
.site-container {width: 90%;max-width: 1155px;margin: auto;position: relative;}


/* header 
----------------------------------------------------------------------------*/
.site-navbar{background-color: transparent;border: 0;}
.site-header{position: fixed;top: 0;z-index: 19;padding: 20px 0;}
.header-active.site-header {background-color: rgba(0,0,0,.5);}
.site-header,.custom-logo{transition: all 0.2s ease-in-out;}
.header-active .custom-logo{height: 50px;width: auto;}
.navbar-header,.site-header{width: 100%;}
.navbar{margin-bottom: 0;}
.navbar-brand{padding-top: 0;}
.main-navigation{float: right;}
.site-navbar .site-nav li a,.site-navbar .site-nav li a:hover{color: #fff;}
.site-navbar .site-nav li a:hover{opacity: 0.7;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}




/* 首頁輪播 
----------------------------------------------------------------------------*/
.ms-bullets.ms-dir-v{z-index: 18;}
.ms-view,.ms-slide-container,.master-slider,.ms-container,.ms-inner-controls-cont,.ms-slide{height:100%!important;}
.ms-slide-bgcont img{width: auto!important;max-width: 300%;}
.index-slider{position: relative;}
.index-slider-content,.page-header-text{z-index: 8;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;margin: auto;left: 0;right: 0;width: 90%;color: #fff;text-shadow: 2px 2px 2px #333;}
.index-slider-slogan{line-height: 150%;width: 80%;font-size: 70px;margin: 0 auto;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 30px;}
.index-slider-content p{font-size: 24px;line-height: 150%;}
/* 首頁
----------------------------------------------------------------------------*/
.main-section{color: #fff;}
.home .section-header{font-size: 45px;line-height: 60px;margin-bottom: 20px;text-align: left;width: 100%;}
.section-s-header {font-size: 32px;line-height: 36px;font-size: 12px;line-height: 12px;letter-spacing: 2px;opacity: 0.1;}
.section-text p,.section-text ul,.portfolio-item-text h1 a,.portfolio-item-text h1 a:hover{color: #fff;}
.section-image-holder div {float: right;margin: 0;padding: 0;}
.section-about-img{padding-top: 100px;}
.section-about-img div:first-child{width: 33.3%;margin-top: -295px;max-width: 374px;max-height: 374px;float: left;}
.section-about-img div:last-child{width: 66.6%;}
.section-about-after:after,.section-about-before:after{font-size: 30px;line-height: 1;}
.section-about-after:after{content: 'AFTER';position: absolute;right: -100px;bottom: 0;}
.section-about-before:after{content: 'BEFORE';}

.index-gallery-slider,.index-gallery-item{position: relative;}
.index-gallery-item{background-position: center;background-size: cover;}
.portfolio-item-text {position: absolute;left: 0;right: 0;bottom: 90px;bottom: 105px;z-index: 10;width: 95.238095%;text-align: center;}
.portfolio-item-text h1 {margin-top: 0;font-size: 45px;line-height: 60px;margin-bottom: 30px;position: relative;}
.portfolio-item-text h1{opacity: 0;color: #fff;}
.portfolio-item-text a.button-link {position: absolute;right: 0;bottom: 0;font-size: 12px;line-height: 12px;letter-spacing: 3px;text-transform: uppercase;padding: 0 0 10px 0;border-bottom: #ffffff 1px solid;cursor: pointer;}
.index-gallery-item-link{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);z-index: 9;}
.righter {display: inline-block;float: right;}
.lefter {display: inline-block;float: left;}
.index-gallery-item.slick-active .portfolio-item-text h1,.page-gallery .portfolio-item-text h1{animation: fadeup 2s normal forwards;}@keyframes fadeup {from { opacity: 0; top:20px;}to   { opacity: 1; top:0;}}
.index-gallery-item.slick-active .portfolio-item-text a.button-link,.page-gallery .portfolio-item-text a.button-link{animation: fadeups 2s normal forwards;}@keyframes fadeups {from { opacity: 0; bottom:-20px;}to   { opacity: 1; bottom:0;}}
.team-wrap{width: 90%;}
.team-pic{position:relative;float:left;width:33.333333333%;width:25%;}
.team-pic:hover .cover{opacity:1;}
.team-pic .cover{background:rgba(26, 32, 41, 0.7);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;transition:all 0.17s ease-in-out;}
.team-deets{position:absolute;bottom:15px;left:0;right:0;text-align:center;}
.team-pic .cover h3{font-size:24px;line-height:26px;color:#ffffff;}
.team-pic .cover h4{font-size:16px;line-height:18px;color:#7188A1;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
page/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header-cover,.full-page-main{ text-align: center;height: 600px;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #333;overflow: hidden;position: relative;}
.page-header-cover:before,.full-page-main:before{content: '';display: block;vertical-align: middle ;height: 100%;width: 100%;background: rgba(0,0,0,0.2);position: absolute;top: 0;}
.full-page-main:before{background: rgba(0,0,0,0.8);}
.page-header-text{display: inline-block;color: #fff;vertical-align: middle;position: relative;z-index: 9;text-shadow: none;width: auto;padding: 10px 0;background-color: rgba(255,255,255,0.3);width: 230px;text-align: center;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.full-page-header-top .page-header-text{padding-top: 15%;}
h2.page-header-text{font-size: 40px;padding-bottom: 20px;font-weight: 300;min-height: 100px;}
h2.page-header-text div{font-size: 80%;padding-top: 5px;}
.page-header-text:before{ content: '';display: block;  width: 0; position: absolute;top: -100px;height: 0; border-left: 115px solid transparent;border-right: 115px solid transparent;border-bottom: 100px solid rgba(255,255,255,0.3);}
.page-header-text:after{border-bottom: 1px solid #fff;content: '';display: block;width: 280px;position: absolute;bottom: -5px;left: -25px;}
.page-header-cover h3{position: absolute;bottom: 50px;width: 100%;text-align: center;font-weight: 300;padding: 0 10%;line-height: 120%;}
.page-header-hack{font-size: 50%;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
section/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header-top{padding-top: 120px;}
.category-project .site-main{margin-top: 0; }
.index-arrow{bottom: 100px;width: 100%;font-size: 60px;}
.index-section > *{vertical-align: top;height: 500px;position: relative;}
.section-header{font-size: 26px;text-align: center;font-weight: 300;line-height: 120%;margin: 0 auto 80px;width: 90%;}
.section-sub-header{font-weight: 300;font-size: 18px;text-align: center;}
h2.section-header{font-size: 36px;}
.section{position: relative;overflow: hidden;padding-top: 5%;}
.in-section{padding-top: 2%;}
.section-header > div.en-header{color: #ccc;font-size: 60%;}
.section-header > .desc-header{font-size: 18px;line-height: 150%;padding-top: 30px;}
.section-header > .project-desc-header{padding-top: 40px;}
.section-header > .ps-header{padding-top: 30px;}
.section-header-line:after{content: '';display: inline-block;width: 70px;height: 3px;background-color: #fff;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
聯絡我們/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-contact-list li div{border: 1px solid #fff;display: inline-block;padding: 5px 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.site-contact-list li i{margin-right: 5px;}
.site-contact-list li .contact-main{color:#fff;}
.site-map{height: 600px;margin-bottom: 0;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
達人工法/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-step-list h4{font-size: 30px;border-left: 4px solid #0F9690;padding-left: 8px;position: relative;}
.site-step-list h4 span{font-size: 15px;display: block;margin-bottom: 5px;}
.site-step-list h4 i{position: absolute;right: 0;bottom: 0;font-size: 50px;color: #0F9690; opacity: 0.5;}
.site-step-list-hint{font-size: 14px;}
.site-service-list li{min-height: 80px;margin-bottom: 30px;}
.site-service-list li img{width: 68px;display: inline-block;}
.site-service-list li:nth-child(odd) > *{float: right;text-align: right;}
.site-service-list li:nth-child(even) > *{float: left;}
.site-service-list li:nth-child(odd) img{margin-left: 30px;}
.site-service-list li:nth-child(even) img{margin-right: 30px;}
.site-service-post-list{margin-bottom: 80px;}
.site-service-post-list li{min-height: 30px;margin-bottom: 20px;}
.site-service-post-list li a{color: #fff;}.site-service-post-list li a:hover{opacity: 0.6;}
.site-service-post-list li i{color: #8C8D7B;margin-right: 8px;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
問與答
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-qna-list li .qna-list-cover,.site-qna-list li .qna-list-desc,.site-qna-list li{height: 480px;position: relative;}
.site-qna-list li{background-color: #fff;margin-bottom: 20px;}
.site-qna-list li:nth-child(odd) > *{float: left;}
.site-qna-list li:nth-child(even) > *{float: right;}
.site-qna-list li .qna-list-cover{width: 70%;height: 100%;z-index: 2;}
.site-qna-list li .qna-list-desc{width: 30%;padding:30px;position: relative;}
.site-qna-list li .qna-list-desc h4{font-size: 24px;color: #BFA56A;margin-bottom: 30px;line-height: 120%;}
.site-qna-list li .qna-list-desc p{color: #666;position: relative;z-index: 3;min-height: 150px;}
.qna-list-user-wrap{border-radius: 100%;border: 5px solid rgba(198,175,117,0.5);overflow: hidden;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: 10px;}
.qna-list-user,.qna-list-user-wrap{width: 150px;height: 150px;z-index: 2;}
.site-qna-list li:after{ content: '';display: block; background-color: #EBD8BA;height: 100px;position: absolute;bottom: 0;width: 100%;left: 0;z-index: 1;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
blog
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sidebar-blog,.main-blog,.side-blog-list li >*{float: left;}
.main-blog,.side-blog-list li h5{width: 70%;}
.sidebar-blog,.side-blog-list li .side-blog-list-img{width: 25%;}
.sidebar-blog{margin-left: 5%;}
.sidebar-blog-box{margin-bottom: 30px;}
.sidebar-blog-box h4,.sidebar-blog-box .sidebar-blog-about{text-align: center;}
.side-profile-pic{max-width: 100%;width: auto;display: inline-block;margin: 20px 0;}
.sidebar-blog-box h4{background-color: #013300;color: #fff;padding: 10px;}
.sidebar-blog-box a{color: #BFA56A;}
.sidebar-blog-about-social-list{padding: 10px 0;}
.sidebar-blog-about-social-list a,.side-blog-list li h5 a{color: #000;}
.side-blog-list{padding: 10px 0 20px 0;}
.side-blog-list li .side-blog-list-img{display: block;}
.side-blog-list li {padding-top: 20px;clear: both;}
.side-blog-list li h5{padding-left: 20px;}
.side-blog-list li h5 .side-blog-list-date,.main-blog-list-date{color: #ccc;padding-top: 5px;}
.main-blog{margin-bottom: 30px;}
.main-blog li{margin-bottom: 50px;}
.main-blog-list-header,.entry-header{text-align: center;padding-bottom: 20px;}
.main-blog-list-header h4 a,.main-blog-list-header h4 a:hover,.main-blog-list-header .main-blog-list-date{color: #333;}
.main-blog-list-header h4 a:hover{opacity: 0.7;}
.main-blog-list-header h4{font-size: 30px;}
.main-blog-list-desc,.entry-content{padding: 20px 0;}
.main-blog-list-desc .read-more{display: block;color: #999;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
portfolio
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.work-item-link-img{display: block;}
.work-list {background-color: #fff; display:flex; flex-wrap:wrap; }
.work-list li{width: 33.3%;position: relative;}
.work-item-link-before{position: absolute;width: 100%;opacity: 0;transition: all 0.3s ease-in;}
.work-item-link-before:before{content: '';width: 100%;display: block;height: 100%;background-color: rgba(255,255,255,0.3);text-align: center;}
.work-item-link-before:after{content: 'BEFORE';color: #fff;font-size: 60px;position: absolute;text-align: center;width: 100%;top: 50%;transform: translate(0, -50%);z-index: 9;}
.work-list li:hover .work-item-link-before{opacity: 1;}
.work-item-text{background-color: #fff;text-align: center;padding: 15px;}
.work-item-text a,.work-item-text a:hover{color: #333;}
.work-item-area{color: #ccc;}
.work-tags{text-align: center;padding-bottom: 30px;}
.work-tags li{display: inline-block;margin: 0 3px 5px;}
.work-tags li a{color: #fff;border: 1px solid #fff;opacity: 0.6;display: inline-block;padding: 3px 8px;}
.work-tags li a.active,.work-tags li a:hover{opacity: 1;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
single
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.category-project .site-header,.category-print .site-header{display: none;}
#casepicpage img{opacity: 1;}
.closebox{position: absolute;top: 30px;right: 20px;z-index: 999999;width: 20px;opacity: 0.5;}
.closebox img{width: 100%;}
#swipebox-close:before{content: '';display: block;top: 30px;right: 20px;z-index: 999999;width: 20px;opacity: 0.5;background-image:url(../img/close.png);background-size: contain;background-repeat: no-repeat;height: 20px;position: relative; }
#swipebox-close{background-image: none;}
#casepicpage{padding-top: 0;margin-right: 0;height:100%;}
#arrow_left, #arrow_right {height:67px;position:absolute;right:20px;top:40%;width:36px;z-index:1000;opacity: 0.5;}
#arrow_left {left:20px;}
#arrow_left:hover, #arrow_right:hover {opacity: 0.5;}
#arrow_left, #arrow_right{top:45%;}
#cycle-nav {width: 100%;position: absolute;bottom: 0;z-index: 99;background-color: rgba(0,0,0,0.5);padding-top: 10px;}
#cycle-nav ul {list-style-type:none;text-align: center;}
#cycle-nav ul li {display: inline-block;margin:4px;height:41px;opacity: 0.5;}
#cycle-nav ul li a {float:left;margin:2px;width:50px;}
#cycle-nav ul li.activeSlide {opacity: 1;}


/* press
----------------------------------------------------------------------------*/
.press-list li:nth-child(2n){margin-right: 0;}
.press-item{position:relative;}
.press-image{display:block;float:left;width:100%;height:340px;background-size:cover;background-position:center center;background-repeat:no-repeat;margin-bottom:20px;-webkit-transition:all 0.17s ease-in-out;-moz-transition:all 0.17s ease-in-out;-o-transition:all 0.17s ease-in-out;transition:all 0.17s ease-in-out;}
.press-item .press-item-info{position:relative;padding:20px 0;color:#FFFFFF;}
.press-item .press-item-info h2, .press-item .press-item-info .date, .press-item .press-item-info .view-story{float:left;width:100%;}
.date{font-size:12px;line-height:12px;padding:10px 0 20px;}
.press-item .press-item-info h2, .press-item .press-item-info .date, .press-item .press-item-info .view-story{float:left;width:100%;}
.press-item .press-item-info h2{font-size:30px;line-height:40px;margin: 0;}
.press-item .press-link{position:absolute;top:0;right:0;bottom:0;left:0;}
.press-item:hover .press-image,.press-item:hover .view-story{opacity:0.7;}
.press-nav{text-align: center;border: 0;margin-bottom: 50px;}
.press-nav li{display: inline-block;padding: 0 20px;border-right: 1px solid #fff;line-height: 100%;float: none;}
.press-nav li:last-child {border-right: 0;}
.press-nav li,.press-nav a{font-size: 15px;text-align: center;color: #FFFFFF;}
.press-nav li a{opacity: 0.7;border: 0;background-color: transparent;padding: 0;}
.press-nav > li.active > a, .press-nav > li.active > a:focus, .press-nav > li.active > a:hover, .press-nav > li > a:hover{background-color: transparent;color: #fff;border: 0;opacity: 1;}
.press-item-link{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;}
.category-print #cycle-nav{display: none;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
.nav-links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-links{border-top: 1px solid #eee;padding-top: 20px;margin-top: 50px;}
.nav-links a{color: #333;}
.nav-links i {margin: 0 10px;font-size: 24px;position: relative;top: 2px;color: #013300!important; }
.nav-links .nav-previous,.nav-links .nav-next{width: 50%;}
.nav-links .nav-previous{float: left;}
.nav-links .nav-next{float: right;text-align: right;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
pagination
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagination .page-numbers.next,.pagination .page-numbers.prev,.screen-reader-text,.publications__item.tv .press-link-cover,.publications__item.print .video-link-cover{display: none;}
.pagination .page-numbers{width: 33px;height: 33px;display: inline-block;margin: 0 3px;padding-top: 4px;text-align: center;}
.pagination .current{color: #C8C8C8;}
.pagination  a.page-numbers{color: #013300;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
.slick-slider/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus { outline:none;}
.slick-list.dragging { cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track { position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after { display:table; content:'';}
.slick-track:after { clear:both;}
.slick-loading .slick-track { visibility:hidden;}
.slick-slide { display:none; float:left; height:100%; min-height:1px;width: auto;}
[dir='rtl'] .slick-slide { float:right;}
.slick-slide img { display:block;}
.slick-slide.slick-loading img { display:none;}
.slick-slide.dragging img { pointer-events:none;}
.slick-initialized .slick-slide { display:block;}
.slick-loading .slick-slide { visibility:hidden;}
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden { display:none;}
@charset 'UTF-8'; .slick-loading .slick-list { background:#fff url('slick/ajax-loader.gif') center center no-repeat;}
@font-face { font-family:'slick'; font-weight:normal; font-style:normal; src:url('slick/fonts/slick.eot'); src:url('slick/onts/slick.eot?#iefix') format('embedded-opentype'), url('slick/fonts/slick.woff') format('woff'), url('slick/fonts/slick.ttf') format('truetype'), url('slick/fonts/slick.svg#slick') format('svg');}
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { outline:none;background: none;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25;}
.slick-prev:before,.slick-next:before ,.slides-navigation a.prev:before,.slides-navigation a.next:before{ font-family:'FontAwesome'; font-size:24px; line-height:1; opacity:.75; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
[dir='rtl'] .slick-prev { right:0; left:auto;}
[dir='rtl'] .slick-next { right:auto; left:0;}
.slick-dotted.slick-slider { margin-bottom:10px;}
.slick-dots { position:absolute; bottom:0; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li { position:relative; display:inline-block; width:15px; height:15px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button { font-size:0; line-height:0; display:block; width:15px; height:15px; padding:5px; cursor:pointer;outline:none; background:transparent;border: 2px solid #333;border-radius: 100%;}
.slick-dots li button:hover,.slick-dots li button:focus { outline:none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1;}
.slick-dots li.slick-active button{background: #333;}
/**/
.slick-slider,.slick-track,.slick-list{height: 100%;padding-top: 0;}
.slick-prev,.slick-next{z-index: 999;}
.slick-prev,.slides-navigation a.prev{left: 0;}
.slick-next,.slides-navigation a.next{right: 0;}
.index-gallery-slider .slick-next,.index-gallery-slider .slick-prev,#html5-prev,#html5-next{background: none;position: absolute;top: 40%;width: 50%;left: auto;right: 0;bottom: 0;height: 80%;}
#html5-prev,#html5-next{top: 0!important;}
.slick-next:before ,.slides-navigation a.next:before{ }
.slick-prev:before,.slides-navigation a.prev:before { }

/* footer 
----------------------------------------------------------------------------*/
footer,.index-footer{text-align: center;}
footer{padding: 10px 0;}
.index-footer,.home footer,.page-template-blog footer bg-w,.page-template-project footer bg-w{background: #ffffff;color: #1A2029;position: relative;width: 100%;margin: 0px;clear: both;float: left;}
.index-footer .site-container{display:flex;align-items:center;}
.foot-logo{width: 250px;display: inline-block;}
.foot-logo img{display: inline-block;}
.footer1 {font-size: 25px;line-height: 40px;}
.footer2 {font-size: 20px;line-height: 35px;}
.footer2 span.foot-dot {padding: 0 10px;}
.index-footer a, .index-footer a:visited {color: #1A2029;text-decoration: none;}



@media screen and (max-width: 1200px) {
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
達人工法/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-service-list li{display: block;width: 100%;text-align: center;}
.site-service-list li:nth-child(odd) > *,.site-service-list li:nth-child(even) > *{float: none;text-align: center;}
.site-service-list li:nth-child(odd) img,.site-service-list li:nth-child(even) img{margin: 0;}

}

@media screen and (max-width: 1024px) {
/* 首頁 
----------------------------------------------------------------------------*/
.index-slider-slogan{width: 80%;}
.section-about-after:after{position: relative;right: 0;bottom: auto;}	
.work-item-text h4{min-height: 50px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
問與答
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-qna-list li .qna-list-cover,.site-qna-list li .qna-list-desc,.site-qna-list li{height: 480px;position: relative;}
.site-qna-list li .qna-list-cover{width: 40%;height: 100%;z-index: 2;}
.site-qna-list li .qna-list-desc{width: 60%;padding:30px;position: relative;}

}


@media screen and (max-width: 768px) {
.mobile-hide{display: none;}
.site-container {width: 90%;}
/*區塊*/
.s-grid > *{float: none;}
.grid-2-w > *,.grid-2-w > *:nth-child(2n),.grid-3-w > *,.grid-3-w > *:nth-child(3n),.grid-4-w > *,.grid-4-w > *:nth-child(4n){width: 100%;margin-right: 0;}
.team-list.grid-3-w > *,.team-list.grid-3-w > *:nth-child(3n){width: 48%;margin-right: 2%;display: inline-block;float: none;}
.team-list.grid-3-w > *:nth-child(2n){margin-right: 0;}
h2.section-header{font-size: 26px;}
/* footer 
----------------------------------------------------------------------------*/
.padder_120 {height: 60px;}
.padder_176 {height: 116px;}
.footer1, .footer-big .footer1 {font-size: 18px;line-height: 32px;}
.footer2, .footer-big .footer2 {font-size: 16px;line-height: 28px;}
/* header 
----------------------------------------------------------------------------*/
.site-header {background-color: rgba(0,0,0,.6);}
.navbar-toggle{margin-right: 0;background-color: transparent!important;}
.custom-logo{height: 50px;width: auto;}
.main-navigation{float: none;width: 100%;border: 0px none;box-shadow: none;padding-right: 0;}
.navbar-nav{margin: 20px 0;}
.navbar-nav li{border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 10px;padding-bottom: 10px;}
/* 首頁 
----------------------------------------------------------------------------*/
.section-about-img{padding-top: 0;}
.section-image-holder {margin-top: 80px;}
.section-about-img div:first-child{margin-top: -100px;width: 150px;height: 150px;}
.section-about-img div:last-child{width: calc(100% - 150px);}
.index-slider-content{width: 70%;text-align: left;}
.index-slider-slogan{width: 100%;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
達人工法/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-step-list li{width: 48%!important;float: left;margin-right: 2%!important;}
.site-step-list li > *:nth-child(2n){margin-right: 0!important;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
portfolio
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.work-list li{width: 50%;float: left;}
.work-list li:hover .work-item-link-before{display: none;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
blog
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sidebar-blog,.main-blog{float: none;}
.main-blog,.sidebar-blog{width: 100%;margin-left: 0;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
聯絡我們/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-contact-list li div{display: block;margin-bottom: 5px;}

}

@media screen and (max-width: 640px) {
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{width: 100%;}

/* 首頁 
----------------------------------------------------------------------------*/
.index-slider-slogan{font-size: 50px;padding-bottom: 0;margin-bottom: 20px;}
.index-slider-content p{font-size: 15px;}
.section-header{font-size: 36px;font-weight: normal;}
.section-text p,.section-text ul,.section-about-after:after,.section-about-before:after{font-size: 15px;}
.section-about-img div:first-child{margin-top: -50px;width: 100px;height: 100px;}
.section-about-img div:last-child{width: calc(100% - 100px);}
.team-pic, .team-wrap > .team7:nth-child(n+4), .team-pic img {width: 100%;}
.section-header{margin-bottom: 50px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
contact/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-map{height: 400px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
問與答
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-qna-list li .qna-list-cover{height: 280px;}
.site-qna-list li .qna-list-desc,.site-qna-list li,.site-qna-list li .qna-list-desc p{height: auto;}
.site-qna-list li .qna-list-desc p{min-height: 0;}
.site-qna-list li .qna-list-cover,.site-qna-list li .qna-list-desc{width: 100%;float: none;}
.site-qna-list li .qna-list-desc{min-height: 350px;padding-bottom: 180px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
.nav-links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-links .nav-previous,.nav-links .nav-next{width: 100%;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
single
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#cycle-nav{display: none;}

/* press
----------------------------------------------------------------------------*/
.press-list li{margin-right: 0;width: 100%;}
.press-item .press-item-info h2{font-size: 20px;line-height: 30px;}

}

@media screen and (max-width: 480px) {
.section-about-img div:last-child,.section-about-img div:first-child{width: 100%;margin-top: 0;float: none;height: auto;display: inline-block;}
.portfolio-item-text h1{font-size: 24px;line-height: 30px;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
page/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h2.page-header-text{font-size: 30px;}
.page-header-text{width: 180px;}
.page-header-text:before{border-left: 90px solid transparent;border-right: 90px solid transparent;border-bottom: 80px solid rgba(255,255,255,0.3);top: -80px;}
.page-header-text:after{display: none;}
.page-header-cover h3{font-size: 20px;}

}


@media screen and (max-width: 360px) {

/* 首頁 
----------------------------------------------------------------------------*/
.index-slider-slogan{font-size: 40px;}

/* footer 
----------------------------------------------------------------------------*/
.footer2 span.foot-dot ,.single .foot-logo,.single .site-footer .smallno{display: none;}
.footer2 a{display: block;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
達人工法/
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-step-list li{width: 100%!important;float: none;margin-right: 0!important;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
portfolio
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.work-list li{width: 100%;float: none;}
/* press
----------------------------------------------------------------------------*/
.press-image{height:200px;

}