.clfix:after,.clear:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clfix,.clear{clear:both;display:block}
.clfix,.clear{zoom:1}
.fl{float:left}
.fr{float:right}
.clearfix {clear:both;}
.bold {font-weight:bold;}
.align-center{text-align:center}

html{height:100%;background-color:#eee}
body{height:100% !important;background-color:#eee}
#wrap{position:relative;min-height:100%;background-color:#eee}

/* ==================header================== */

header{overflow:hidden;display:block;clear:both;position:fixed;z-index:699;top:0;left:0;width:100%;height:55px;background-color:#3b1e1e;color:#fff;text-align:center}
header #logo{display:inline-block;line-height:55px}
header #logo a{font-size:1.5em;font-weight:700;color:#fff;text-decoration:none}
header #logo img{width:auto;height:45px;margin:0 10px;vertical-align:middle}


/* ==================container================== */

#container{position:relative;padding-top:100px;padding-bottom:100px}

/* ==================footer================== */

#footer{position:absolute;z-index:2;bottom:0;width:100%;height:100px;padding:20px 20px;border-top:1px solid #ddd;background-color:#eee;text-align:center}
#footer address,#footer p{font-size:12px;line-height:18px;color: #8a8d90}

.inner{max-width:1600px;width:100%;margin:0 auto;padding:0 20px}
.box-768{width:100%;margin:0 auto;padding-right:20px;padding-left:20px}
.alert{font-size:0.875em;letter-spacing:-.05em}

@media screen and (min-width:768px){
	.box-768{max-width:768px}
}
@media screen and (min-width:1024px){
	.inner{max-width:1600px;padding:0 50px}
	header{text-align:left;padding:0 20px}
}
@media screen and (min-width:1700px){
	.inner{max-width:1700px;padding:0 70px}
}
@media screen and (max-width:1919px){
  body{font-size:16px}
}
@media screen and (max-width:1600px){
  body{font-size:15px}
}
@media screen and (max-width:1024px){
  body{font-size:14px}
}
@media screen and (max-width:480px){
  body{font-size:13px}
}
@media (max-width:360px){
	body{font-size:12px}
}