/*---------------------------
[Template Structure]
Project: Material
Version: 1.0
Primary Use: Site Template
Layout: Responsive
Platforms: Mobile & Tablet
-----------------------------
@charset "UTF-8"; 

/* Reset Framework For Material Specific */
body{ height:100%; background-color:#ececec;}
h1, h2, h3, h4, h5, h6{ font-weight: 500;}
p{ color:#656565;}
h6{ color:#595959;}
#content{ background-color:#303030;}
.delimiter{ height:2px; border-bottom:1px solid #FFF; border-top:1px solid #cfcfcf; margin-bottom: 20px;}
::-webkit-scrollbar{ display: none;}
.material-box{ background-color:#FFFFFF; margin-left:10px; margin-right:10px; padding-top:30px; padding-bottom:30px; padding-left:20px; padding-right:20px; -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1); box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1); margin-bottom:30px; -webkit-appearance: none; border-radius:2px; background: #e6e6e6;}
@media (min-width:768px){ 
	.responsive-columns{ margin-left:50px; margin-right:50px;} 
	.one-third-responsive .material-box{ margin-left:0px; margin-right:0px;}
	.material-box{ margin-left:50px; margin-right:50px;}
	.notification-page-item{ margin-left: 4%; margin-right: 4%;}
}

.all-elements{ position:absolute; overflow-x:hidden!important; width:100%; height:100%; min-height:100%; max-height:100%;}
.header{ padding-top:20px; padding-bottom:20px; margin-top:20px; background-image:url(../ke01_img/topbg.jpg); background-size:cover;}
.header-top-logo{ width:auto; height:60px; margin-top:2px; display:block; margin:0 auto;}
.header-top-logo img{ height:60px; margin:0 auto; display:block;}
@media (max-width:398px){
	.header-top-logo img{ width:100%; height:auto;}
}
.header-nav-left{ float:left; color:#fff; font-size:36px; margin-right:0px; width:50px; height:90px; margin-top:-15px; text-align:center; line-height:90px; margin-bottom:-15px; margin-left:0px;}
.header-nav-right{ width:60px; height:90px; line-height:90px; text-align:center; margin-top:-15px; margin-bottom:-15px; margin-right:0px; float:right; color:#fff; font-size:36px;}
.header-nav-left:hover{ color:#f1f1f1;}
.slider-container{ padding:0px;}
.sort{ font-size:14px; line-height:40px; margin:-20px 0; font-weight:bold;}
.sort > a{ display:block;}
.sort ul{ margin:0; overflow:hidden; border-top:solid 1px rgba(0,0,0,0.1); display:none;}
.sort ul li{ list-style:none; overflow:hidden; background:#dfdfdf; padding:10px;}
.sort ul li > a{ font-weight:normal; text-transform:uppercase; display:inline-block; line-height:30px; color:#1f1f1f; display:block; height:30px;}
.sort ul li .sub{ overflow:hidden;}
.sort ul li .sub > a{ padding:0 10px; height:30px; line-height:30px; border:1px solid #bbb; display:inline-block; text-align:center; float:left; margin:10px 10px 0 0;}

.more{ margin-left:-20px; margin-right:-20px; padding-left:30px; padding-right:30px; padding-bottom:13px; margin-top:20px; border-top:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.1); margin-bottom:-30px;}
.more a{ font-size:16px;}
.more .more-link{ margin-right:-15px; margin-top:15px; font-weight:600; float:right; padding-left:15px; padding-right:15px; color:#000000;}
.more .simple-link{ margin-right:-20px; margin-top:15px; font-weight:600; float:right; padding-left:20px; padding-right:20px; color:#1f1f1f;}
.more .active{ color:#27ae60;}
.more .share-link{ margin-top:15px; font-weight:600; float:left; padding-left:15px; padding-right:15px; color:#1f1f1f;}
.more .link{ margin-top:15px; font-weight:600; float:right; padding-left:15px; padding-right:15px; color:#1f1f1f;}
.share{ margin-top:45px; margin-bottom:-15px;}
.share a{ font-size:16px; line-height:30px; float:left; padding-left:15px; padding-right:15px; text-transform:uppercase; color:#1f1f1f;}
.share a:first-child{ padding-right:10px;}
.service-column img{ width:150px; height:150px; border-radius:150px; margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:10px;}
.service-column h3{ text-align:center; margin-bottom:0px;}
.service-column em{ color:#0085ca; font-style: italic; display:block; text-align:center; margin-bottom:10px;}
.service-column p{ text-align:center; width:80%; margin-left:auto; margin-right:auto;}
.newsOne{ margin-bottom:15px; background:#FFFFFF; padding:5px 5px 5px 5px; border-radius: 2px;}
.newsOne img{ height:80px; width:80px; float:left; margin-right:10px; border:1px solid #ccc;}
.newsOne .name{ font-size:16px; line-height:24px; margin-bottom:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4d4d4d;}
.newsOne .text{ font-size:13px; line-height:18px; height:54px; overflow:hidden; color:#bebdbd;}
.newsOne .info{ font-size:12px; line-height:22px; text-align:right; color:#bebdbd;}

/*Quote Slider*/

/* 8. Quote Slider */
.quote-slider h4{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; font-size:16px; font-weight:300; width:90%; text-align:center; margin-left:auto; margin-right:auto; line-height:36px; color:#595959!important;}
.quote-slider a{ text-align:center; margin-top:20px;}
.quote-slider span{ margin-top:20px; width:80px; display:block; margin-left:auto; margin-right:auto;}
.quote-slider span i{ color:#f1c40f; font-size:14px;}

/*Featured Project*/
.featured-item img{ width:250px; height:250px; margin-left:auto; margin-right:auto; margin-bottom:20px; border: 1px solid #F8F8F8; padding:5px;}
@media (min-width:768px){
	.featured-project p{ width:70%!important;}
}
.featured-project h3{ padding-bottom:0px; margin-bottom:5px; text-align:center; font-size:24px; line-height:24px; color:#666666;}
.featured-project .enx{ color:#cccccc; text-align:center; display:block; margin-top:10px; margin-bottom:10px; font-size:24px;}
.featured-project p{ text-align:center; margin-bottom:0px; width:80%; margin-left:auto; margin-right:auto; font-size:16px;}

/*Homepage Gallery*/
.homepage-gallery h3{ margin-bottom:0px;}
.homepage-gallery .gallery{ margin-top:15px; margin-bottom:0px;}

/*Footer*/
.footer p{ color: rgba(89, 89, 89, 0.5); font-weight:500; color:#E1E0E0;}
.footer a{ color:#E1E0E0;}
.show-left-sidebar{ background-color: #db4437; width:50px; height:50px; border-radius:50px; color:#FFFFFF; text-align:center; line-height:50px; font-size:14px; position:fixed; z-index:999999; bottom:30px; left:25px; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-transform:scale(1,1); transform:scale(1,1); transition:all 350ms ease-in-out;}
.show-left-sidebar-ball{ -webkit-transform:scale(0,0); transform:scale(0,0); transition:all 300ms ease-in-out;}
.show-left-sidebar i{ text-shadow:0px 1px 0px rgba(0,0,0,0.2);}
.show-left-sidebar:hover{ color:#FFFFFF!important;}
.show-right-sidebar:hoveR{ color:#FFFFFF!important;}
.show-right-sidebar{ background-color: #db4437; width:50px; height:50px; border-radius:50px; color:#FFFFFF; text-align:center; line-height:50px; font-size:14px; position:fixed; z-index:999999; bottom:30px; right:25px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-transform:scale(1,1); transform:scale(1,1); transition:all 350ms ease-in-out;}
.show-right-sidebar-ball{ -webkit-transform:scale(0,0); transform:scale(0,0); transition:all 300ms ease-in-out;}
.show-right-sidebar i{ text-shadow:0px 1px 0px rgba(0,0,0,0.1);}

/*Sidebar*/
.sidebar-header{ background-image:url(../ke01_img/sidebar.jpg); background-size:270px 170px; width:270px; height:170px;}
.sidebar-navigation li:hover{ background-color: #545454; transition:all 450ms ease;}
.sidebar-header p{ color:#c8c7c7; padding-left:30px; font-weight:500; font-size:12px; letter-spacing:0.8px}
.sidebar-logo{ margin-top:50px; margin-left:30px; background-size:200px 60px; display:block;}
.sidebar-logo img{ max-height:60px; max-width:200px;}

/*Sidebar Navigation*/
.selected{ background-color: #404040;}
.selected a em{ color:#c3c3c3!important;}
.selected a i{ color:#DADADA!important;}
.qrcode{ padding-left:30px; list-style:none; padding-bottom:30px;}
.sidebar-navigation{ margin-bottom:30px; list-style:none; padding-top:0px; background:#303030;}
.sidebar-navigation li{ transition:all 450ms ease; padding-left:30px; list-style:none;}
.sidebar-navigation li *{ list-style:none; line-height:60px; font-size:14px; color:#c3c3c3;}
.sidebar-navigation li em{ font-style:normal; padding-left:50px; font-weight:500;}
.sidebar-navigation li a{ font-weight:500; display:block; background: no-repeat 4px center;}

#nav li:nth-child(1) a{ background-image:url(../images/ico/01.png);}
#nav li:nth-child(2) a{ background-image:url(../images/ico/02.png);}
#nav li:nth-child(3) a{ background-image:url(../images/ico/03.png);}
#nav li:nth-child(4) a{ background-image:url(../images/ico/04.png);}
#nav li:nth-child(5) a{ background-image:url(../images/ico/05.png);}
#nav li:nth-child(6) a{ background-image:url(../images/ico/06.png);}
#nav li:nth-child(7) a{ background-image:url(../images/ico/07.png);}
#nav li:nth-child(8) a{ background-image:url(../images/ico/08.png);}

.sidebar-navigation li a i{ font-weight:200!important; font-size:18px; color:##C8C7C7; width:25px; text-align:center; margin-right:30px; position:absolute; margin-top:0px;}
.sidebar-copyright{ font-size:12px; padding-left:30px; line-height:24px; margin-bottom:0px; padding-bottom:32px; opacity:0.5;}

/*Sidebar Form*/
.sidebar-form{}
.sidebar-form .contactField{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu color:rgba(46, 46, 46, 0.5); font-size:14px; font-weight:500; border-left:none; border-right:none; border-top:none; border-bottom:solid 1px rgba(0, 0, 0, 0.1); padding-left:30px; line-height:70px!important; line-height:100%!important; height:70px; vertical-align:middle; padding-bottom:0px; padding-top:5px; margin-bottom:0px; transition:all 400ms ease;}
.sidebar-form .contactField:focus{ color:#595959; transition:all 400ms ease; border-bottom:solid 1px rgba(104, 159, 56, 1)!important;}
.sidebar-form .contactTextarea{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu color:rgba(46, 46, 46, 0.5); font-size:14px; font-weight:500; border-left:none; border-right:none; border-top:none; border-bottom:solid 1px rgba(0, 0, 0, 0.1); padding-left:30px; height:65px; max-height:150px; padding-bottom:20px; padding-top:20px; line-height:24px!important; transition:all 400ms ease; margin-bottom:0px;}
.sidebar-form .contactTextarea:focus{ color:#595959; height:150px; transition:all 400ms ease; border-bottom:solid 1px rgba(104, 159, 56, 1)!important;}
.sidebar-form .button{ margin-top:0px; height:50px!important; line-height:50px!important; padding-top:0px; font-weight:600; -webkit-appearance: none; width:103%!important;}
.sidebar-form #contactSubmitButton{ -webkit-appearance: none; margin-bottom:-0px; transition:all 350ms ease;}
.show-sidebar-form-button{ margin-top:0px!important; transition:all 350ms ease;}
.sidebar-form .button:hover{ transform:none!important;}
.sidebar-form-message{ padding-left:30px; padding-right:30px; font-style:italic; color:#b2b2b2; font-weight:300;}
.sidebar-form .static-notification-red{ margin-bottom:5px; height:50px!important;}

.maps-container{ padding:0px!important;}
.cont p{ margin:0;}
.pn{ margin-top:30px; font-size:14px; line-height:30px;}
.pn a{ background:#db4437; color:#FFFFFF; padding:0 12px; line-height:34px;}
.pn a:first-child{ float:left;}
.pn a:last-child{ float:right;}
.clear{ clear:both;}

/*Maps*/
.maps-container{ display:block!important; padding-bottom:0px; box-sizing:border-box; max-height:200px; overflow:hidden; margin-bottom:30px;}
.maps{ display:block!important; width:100%;  height:260px; overflow:hidden;}

.maps div{ overflow:visible;}
.maps *, .maps *::after, .maps *::before{ box-sizing:content-box;}
.maps input{ display:inline;}

.btbg { line-height:26px; padding:5px; background:#F7F7F7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#595858;}
.marginbottom{ margin-bottom:20px!important;}