@charset "utf-8";
/* CSS Document */



@media (min-width: 320px) and (max-width: 480px ) {
	.log h1 {
    margin: 0;
    padding: 10px 0 0 0;
    width: 100% !important;
    color: #595959;
    font: normal 36px/1.2em Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
}
	.logo{width:100%;}
	.menu_nav {
    float: none !important;
    width: 500px;
    margin: 0;
    padding: 30px 0 0 0;
}
	.logo{width:100%; float: none; margin:0 auto !important;}
.flex-viewport{height:370px !important}
.test_box{height:270px}
.mid{width:100%;}
.content_resize {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.content .mainbar {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    background: repeat-x bottom;
	
	
}
.content .sidebar {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
}
.fbg_resize {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}
.footer {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    color: #888787;
}
.footer .lf {
    float: none !important;
    text-align: center !important;
}

.footer .rf {
    float: none;
    text-align: center;
}
.menu_nav li a span {
    background: none;
    padding: 10px 10px;
}
.content { width:100%;
    padding: 0 20px 0 20px;
}
ol li input.text {
    width: 96%;
    border: 1px solid #c0c0c0;
    margin: 2px 0;
    padding: 5px 2px;
    height: 36px;
    background: #fff;
}
ol li textarea {
    width: 96%;
    border: 1px solid #c0c0c0;
    margin: 2px 0;
    padding: 2px;
    background: #fff;
}

.menu_nav ul {
    list-style: none;
    padding: 0 0 58px 0;
    margin: 0;
}
}


@media (min-width: 768px) and (max-width:991px ) {
	
	ol li input.text {
    width: 96%;
    border: 1px solid #c0c0c0;
    margin: 2px 0;
    padding: 5px 2px;
    height: 36px;
    background: #fff;
}
ol li textarea {
    width: 96%;
    border: 1px solid #c0c0c0;
    margin: 2px 0;
    padding: 2px;
    background: #fff;
}
	
	.content { width:100%;
    padding: 0 0 0 20px;
}
	
	.mid{width:100%;}
.content_resize {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.content .mainbar {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    background: repeat-x bottom;
	
	
}
.content .sidebar {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
}
.fbg_resize {
    margin: 0 auto;
    padding: 0 20px;
    
}
.footer {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    color: #888787;
}

.footer .lf {
    float: none !important;
    text-align: center !important;
}

.footer .rf {
    float: none;
    text-align: center;
}

	.fbg .c2 {
    padding: 0 16px;
    width: 210px;
}
.menu_nav ul {
    list-style: none;
    padding: 0 0 58px 0;
    margin: 0;
}
}


@media (max-width:320px){
	
.logo{width:100% !important;}	
}


@media (min-width: 1200px){
	

.container {
    width: 1020px;
}


}