@charset "UTF-8";
/* CSS Document */
body {background-color:#fff!important;color:#222!important;}


/* ----------------------------------*/
/* Header & Footer & Global Element Style */
/* ----------------------------------*/
/*header {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#BBB!important; background-image:url(../images/background/bg-head-texture.png)!important; border-bottom:1px solid #A48248!important;}*/
footer {background-color:#A48248!important; background-image:url(../images/background/bg-head-texture.png)!important; border-bottom:1px solid #A48248!important;}/*20200109-調整*/
header.header-mobile .container .col-md-12 {margin-bottom:0;}
footer *, footer a, footer a:visited {color:#fff;}
#logo .logo {height:50px; width:auto; margin-left:40px;}
.logo_flow {width:112px; height:auto; position:fixed; left:0; top:0; z-index:1001;}
#mainmenu a {font-size: initial!important; color:#18191b;}
#mainmenu a:hover, #mainmenu>li>a.active,
#mainmenu li:hover > a {color:#000!important;}
#mainmenu li a:after {color:#18191b!important;}
#mainmenu.line-separator a {padding-left:10px;}
#mainmenu.line-separator li a:after{content:"|"; font-size:14px;margin-left:10px;}
header.header-mobile #mainmenu li a{color:#333!important;}
header.header-mobile #mainmenu > li > span{background-image:url(../images/ui/arrow-down-invert.png);}
header.header-mobile #mainmenu li span.active{background:url(../images/ui/arrow-up-invert.png) center no-repeat;}
#back-to-top {width: 50px; height: 50px; line-height: 50px; border-radius: 50%; right:20px; bottom: 20px; background-color:#937137!important; }
#back-to-top:before {color:#FFF!important;}
address span strong {color:#fff!important;}
address span {border-bottom-color:rgba(255,255,255, 0.5);}
section,
#content {background-color:#fff!important;}
/*.subfooter {background: #222;}*/
a {color: #000;}
a:hover,
h1,h2,h3,h4,h5 {color:#000;}

/* ----------------------------------*/
/* Widget  */
/* ----------------------------------*/
#widget {position:fixed; right:20px; bottom:19%; display:inline; z-index:999;transition:0.3s linear;}
#widget ul {margin:0; padding:0; list-style: none; overflow:hidden;}
#widget li {margin:0 0 2px 0; padding:0; list-style: none; overflow:hidden;}
#widget a {width:50px; height:50px; color:#FFF; text-decoration: none; display:block; line-height: 50px; overflow:hidden; border-radius: 25px; float: right; transition:.2s;border:1px solid #ccc;background-color: #ffffffab;}
a.linkemail i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    float: left;
}
a.linkemail {
    background: rgb(147,113,55);
}
#widget a:hover {width:170px; transition:.3s;background-color: #ffffffc2;border:1px solid #ccc;}
#widget img {width:50px; height:50px; padding:11px; border:none; float:left;}
#widget em {font-style:normal; font-size:15px; float:left;color:#000;}
#widget .todown {width:50px!important; background:#937137; font-size:22px; line-height: 50px; text-align: center; opacity:1;}
#widget .gallery {background:#937137;}
#widget .language {background:rgb(97,165,240);}
#widget .messenger {background:rgb(0,132,255);}
#widget .line {background:rgb(13,209,47);}
#widget .Facebook {background:#3B5998;}
#widget .Email {background:#E60000;}
#widget .Phone {background:#FF802C;}

#widget .wechat {background:rgb(13,209,47);}
#widget #comments {position:relative; height:50px; transition:.1s; border-radius: 25px;}
#widget #comments li {position:absolute; right:0px; bottom:0px; opacity:0; transition:.1s;}
#widget #comments li:last-child {margin-bottom:0;}
#widget #comments.show {min-height:fit-content; margin:0px; transition:.2s;}
#widget #comments.show li {position:static; opacity:1; transition-duration:.2s;}

#widget-act {width:50px; height:50px; background:transparent; position:fixed; right:20px; bottom:11%; display:block; z-index:1000; border-radius:25px; color:#FFF;transition:0.3s linear;}
#widget-act i {width:50px; height:50px; line-height: 50px; font-size:28px; text-align: center; float:left;}

body.rise #widget,
body.rise #widget-act { transition:bottom 0.1s linear; }
body.rise #widget .todown {opacity:0; cursor:default;}

/* ----------------------------------*/
/* Home Page  */
/* ----------------------------------*/
#view-all-projects {background-color:#CCC!important;background-image:url(../images/background/bg-head-texture.png); background-size:40px 40px!important;}
#section-why-choose-us-3 {background: url(../images/background/bg-home-05.jpg) top fixed!important;}
#section-cta-1 {background: url(../images/background/bg-home-06.jpg) top fixed!important;}

.de_tab.tab_steps .de_nav li span {background-image:url(../images/background/bg-head-texture.png); background-size:40px 40px!important;}
.contain-bg {background-position:right bottom!important; background-attachment: fixed!important; background-repeat: no-repeat!important; background-color:#fff!important; background-size:contain!important;}
#filters a {font-size:15px!important;}
.timer {color:#222;}
.separator span:before, .separator span:after {border-color: rgba(164, 130, 72,.3);}

/* ----------------------------------*/
/* News  */
/* ----------------------------------*/
.crumb a {color:#000!important;}
.date-box .day {background-image:url(../images/background/bg-head-texture.png); background-size:40px 40px!important;}
.date-box .month {letter-spacing: 2px!important; color:#000!important;}
.blog-list h3 a,
h4 {color: #000;}
.post-meta,
.share-box {margin:0 0 5px 0}
.post-meta span i {margin-right:5px;}
.owl-carousel,
.owl-carousel li {margin:0; padding:0; list-style: none;}
.post-text {margin-bottom:50px;}
.post-tags {margin:0 0 50px 80px; padding:0; list-style: none; overflow: hidden;}
.post-tags li {margin:0 5px 5px 0; padding:0; overflow: hidden; float:left;}
.post-tags li a {color: #A48248; font-size: 12px; text-decoration: none; border: solid 1px rgba(164, 130, 72,.3); padding: 5px 8px 5px 8px; float:left;}
.post-tags li a:hover {color:#000; border-color:rgba(164, 130, 72,1)}
.blog-list li {border-bottom: solid 1px rgba(164, 130, 72,.3);}
.blog-list .btn-more:hover {background-color:#222; color:#fff;}
.pagination li a:hover,
.widget_tags li a:hover {color: #fff; background:#A48248;}
.post-meta,
.post-meta span {border-color: #ccc;}
hr {border-color:rgba(164, 130, 72,.3)}


.project-info h2, .project-info h4 { color:#FFF;}

.de_tab.tab_steps .de_nav li.active span {background-color:#fff; color: #000; border: solid 2px rgba(164, 130, 72,1);}
.de_tab.tab_steps .de_nav li .v-border {border-color:rgba(164, 130, 72,.7)!important;}
.de_tab.tab_steps .de_tab_content {border-color:rgba(164, 130, 72,.8)!important;}


.expand {border: solid 1px rgba(0,0,0,.1); border-bottom: none; background: rgba(0,0,0,.02);}
.expand-group .expand:nth-child(odd) {background: rgba(0,0,0,.04);}
.expand-group .expand:last-child {border-bottom: solid 1px rgba(0,0,0,.1);}


#contact_form input[type=submit], #contact_form input[type=submit]:hover {border-color:#000;}

/* ----------------------------------*/
/* Responsive  */
/* ----------------------------------*/
@media (max-width: 992px){
	.logo_flow {position:absolute;}
	#view-all-projects .container .row .col-md-8,
	#view-all-projects .container .row .col-md-8 h2 {margin-bottom:0;}
	.modal-language .modal-content .row>div:first-child {margin-bottom:10px;}
}
@media (max-width: 767px){
	#logo .logo { margin-left:60px;}
}
/*@media only screen and (max-width: 1200px) {*/
	/*header.header-mobile #mainmenu>li:first-child>a:first-child {padding-left:60px;}*//*20200109-隱藏*/
	header.header-mobile #mainmenu li,
	header.header-mobile #mainmenu li ul li,
	header.header-mobile #mainmenu li ul li a {border-color: rgba(0,0,0,.3)!important;}
	#logo .logo {margin-left:0px;}/*20200109-添加*/
	.logo_flow {display:none;}/*20200109-添加*/
/*}*/




/* ----------------------------------*/
/* 20191106-會議記錄-修改 */
/* ----------------------------------*/
body {font-size:17px;}
h3 ,
.project-name,
.carousel-item .pf_text .project-name {font-size: 19px;font-weight:600}
.widget h4 {font-size:20px;}
#subheader .crumb,
.widget_tags li a {font-size: 15px;}
.pagination li a {padding:10px;}
address span strong {width: 80px;}
.recurit .btn {padding-left:15; padding-right:15px; color:#FFF;}
.recurit .messenger {background:rgb(147,113,55);}
.recurit .line {background:rgb(13,209,47);}
.recurit img {height:26px; margin:0 10px 0 0;}




/* ----------------------------------*/
/* 20191227-會議記錄-修改 */
/* ----------------------------------*/
@media only screen and (max-width: 500px/* Old Value is 992px */) {		
	#menu-btn{
		position:absolute!important;
		top:0px; right:0px;
	}
}
@media (max-width: 767px){
	#filters li,
	#filters li.pull-right { width:50%; margin-right:0px!important; float:left!important;}
	#filters li a {display:inline-block!important; width:100%!important;}
/* 20200324-修改時間軸 */
	.timeline.exp:before {
		left: 0px;
	}

	.timeline.exp .tl-block .tl-bar {
		margin-left: -13px;
	}

	.timeline.exp .tl-message {
		margin-left: 0px;
	}

	.timeline .tl-message {
		margin-left: 0px;
		top: 0;
		margin-top: 0px;
		margin-bottom: 50px;
	}

}

@media (max-width: 1200px){
	.tp-caption {left:5vw!important;}
}

@media (max-width: 1200px){
	.big-white {font-size:20px !important;}
}

@media (max-width: 1200px){
	.ultra-big-white {font-size:28px !important;line-height:20px !important;}
}