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



@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/* #Media Queries
================================================== */
@media (min-width:1024px) and (max-width:1144px){
.body{width:970px; background-image:none}
#wraper { width:100%}
.container { width:95%}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.body_middle_right
{
	width:100%;
}

.body_middle_header_txt,.full_width
{
	width:95%;
}



.header_top_right
{
	width:100%;
	margin:auto;
	text-align:center;
}


.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
	
}






.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.white22
{
	padding:1%;
}
.yellow_box
{
	padding:1%;
}
.faded_line,.dark_line
{
	margin-top:1%; margin-bottom:1%;
}

.body_middle_right_yellow,.yellow_box { margin-top:15px;}

}


@media (min-width:970px) and (max-width:1024px){
.body{width:970px; background-image:none}
#wraper { width:100%}
.container { width:95%}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.body_middle_right
{
	width:100%;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}

.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}

.body_middle_right_yellow,.yellow_box { margin-top:15px;}
}

@media (min-width:860px) and (max-width:970px){
.body{width:860px; background-image:none}
#wraper { width:100%}
.container { width:95%;background-color:#fff;}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.body_middle_right
{
	width:100%;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}

.body_middle_right_yellow,.yellow_box { margin-top:15px;}
}
@media (min-width:768px) and (max-width:859px){
.body{width:768px; background-image:none}
#wraper { width:100%}
.container { width:95%;background-color:#fff;}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.body_middle_right
{
	width:100%;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}

.body_middle_right_yellow,.yellow_box { margin-top:15px;}
} 


@media (min-width:600px) and (max-width:767px){
.body{width:600px!important;overflow:hidden;}
#wraper { width:100%}
.container { width:95%;background-color:#fff;}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}

.body_middle_right
{
	width:100%;
	margin-top:15px;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}

.body_middle_header_txt,.full_width
{
	width:95%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}
.body_middle_right_yellow,.yellow_box { margin-top:15px;}

} 

@media (min-width:401px) and (max-width:599px){

.body{width:401px!important;overflow:hidden;}
#wraper { width:100%}
.container { width:95%;}
.body_middle_left,.body_middle_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.body_middle_right
{
	width:100%;
	margin-top:15px;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}

.body_middle_right_yellow,.yellow_box { margin-top:15px;}
.footer_right { float:right; width:50%; font-size:12px}
.footer_right a {font-size:12px}
} 


@media (max-width:400px){
.body{width:315px!important;overflow:hidden;}
#wraper { width:100%}
.container { width:95%; background-color:#fff;}

.body_middle_left,.footer_left,.footer_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}

.body_middle_right
{
	width:100%;
	margin-top:15px;
	text-align:center;
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}
.body_middle_right_yellow,.yellow_box { margin-top:15px;}
.footer_right { float:right; width:50%; font-size:12px}
.footer_left { width:30%}
.footer_right a {font-size:12px}
} 


@media (max-width:320px){
.body{width:315px!important;overflow:hidden;}
#wraper { width:100%}
.container { width:95%; background-color:#fff;}

.body_middle_left,.footer_left,.footer_right,.header_bottom,.body_middle_right_yellow,.white22,.black_box,.yellow_box

{
	width:100%;
}
.header_top_left
{
	width:100%;
	margin:auto;
	text-align:center;
}
.header_top_middle
{
	width:100%;
	margin:auto;
	text-align:center;
}

.body_middle_right
{
	width:100%;
	margin-top:15px;
	
}
.header_top_right,.yellow_line
{
	width:100%;
	margin:auto;
	text-align:center;
}
.body_middle_header_txt,.full_width
{
	width:95%;
}
.body_middle
{
	width:100%;
	margin-top:-3%;
}
.body_middle_right_yellow,.yellow_box { margin-top:15px;}
.footer_right { float:right; width:50%; font-size:12px}
.footer_left { width:30%}
.footer_right a {font-size:12px}
}