@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#d6920b;}
a:hover{ color:#d6920b}
html{ font-size:62.5%}
body{font-size:1.4rem; background:#282828; color:#d6920b;font-family:Arial, Helvetica, sans-serif}
div,ul,dl,dd,dt{height:auto; overflow:hidden}
.clear{padding:0; width:100%; height:1px; clear:both;}
h1,h2,h3,h4{ font-weight:normal; font-family:Bell MT}
.wrap{ max-width:1000px; margin:0 auto; width:100%;}
.mg10{ margin-top:10px;}
.fullbox{
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.header{ width:100%; position:relative}
.logo{margin-top:30px; text-align:center}
.sertel{ position:absolute; right:0; top:10px; color:#999}

#nav{width:100%;text-align:center;height:27px; margin:10px 0 20px;}
#nav ul a{ font-size:1.4rem;line-height:25px; text-align:center; padding:0 20px;text-transform:uppercase; display:inline-block;}
#nav ul a.selected{ border:1px solid #d6920b}

.mbi_nav{ width:100%;line-height:65px;height:65px; position:relative; display:none;}
.mbi_nav_home{position:absolute; display:block;background:url(../Images/bg-home.png) no-repeat left center; padding-left:35px; left:10px; top:0;font-family:Bell MT;font-size:2rem;}
.mbi_menu{ display:block; right:10px; position:absolute; top:0; width:50px; height:100%; padding-top:15px}
.mbi_menu span{ display:block; height:3px; width:60%; margin:0 auto; background:#d6920b; margin-top:7px;}

.hid_menu {position:absolute; left:0; width:100%; z-index:9999;font-family:Bell MT; display:none;}
.hid_menu li{ float:none;font-size:1.6rem; width:100%; background:#fff; border-bottom:1px solid #eee; height:auto; line-height:45px; text-align:center}
.hid_menu li a{display:block;text-transform:uppercase;}



.footer{width:100%;text-align:center; margin-top:25px; border-top:2px solid #d6920b;  padding:30px 0; line-height:20px;}


@media only screen and (max-width:1000px) {
	.wrap{ margin:0 10px; width:auto}
}
@media only screen and (max-width:900px) {
	.mbi_nav{ display:block}
	#nav{ display:none}
}



.project_sec_in{ margin:0 -15px;}
.project_sec_in div{ float:left; width:33.33%; margin-bottom:20px;}
.project_sec dl{ margin:0 15px;}
.project_sec dl dt{ border:1px solid #333;}
.project_sec dl dt img{ display:block; width:100%}
.project_sec dl dd{ text-align:center; margin-top:10px; font-size:14px;}
.project_sec dl dd a{ color:#333}


@media only screen and (max-width:800px) {
	.project{padding: 15px 40px;}
	.project_sec_in{ margin:0 -5px;}
	.project_sec_in div{ width:50%;}
	.project_sec dl{ margin:0 5px;}
	.footer{ font-size:12px;}
}