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

@media screen {
  body {
    width: 100%;
  }
}
@media print {
  body {
    width: 100%;
  }
}




@media only screen and (min-width: 768px) and (max-width: 990px) 

{
	body{
		overflow-x:hidden;}
		
.main_div{
		width:100%;
		margin:0 auto;
}
header{
		width:100%;
}
.top_bg{
	height:120px;
	width:100%;
}
.top_left{
	float:right;
	text-align:center;
	width:70%;
}
.top_right{
	float:left;
	width:100%;
}
#logo{
	text-align:center;
	margin:0 auto;
	width:100%;
}
#logo img{
	max-width:100%;
}

.about_text{
	padding:5px;
	width:95%;
}
.banner_bg{
	padding:10px;
	width:100%;
}
footer{
	width:100%;
}
.le_box{
	margin-left:10px;
	width:80%;
}
.flo{
	margin-left:10px;
	width:80%;
}
.le_box1{
	margin-left:10px;
	width:80%;
}
.te11{
	width:100%;
}
.copy{
	height:80px;
	text-align:center;
}
.copyright{
	width:100%;

	text-align:center;
}

.img{
	width:100%;
}
.left_img{
	width:50%;
}
.about{
	width:50%;
}
.about_bg{
	width:30%;
	margin-right:10px;
}
.text_about{
	width:90%;
}
.search_right{
	width:70%;
	float:left;
}
.con_right{
	margin-left:-15px;
	float:left;
	width:50%;
}
.login_inputs2{
	height:100px;
	line-height:24px;
	border-radius:5px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
	.f7{
	color:#000000;
	font-size:16px;
	width:90%;
	float:left;
	margin-bottom:10px;
	text-align:left;
	font-family: 'Trirong', serif;
}
.login_input2{
	height:100px;
	line-height:24px;
	border-radius:5px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
.login_input1{
	height:120px;
	line-height:24px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
login_input {
    height: 35px;
    line-height: 24px;
    border-radius: 5px;
    background: #FFFFFF;
    border: #c2c2c2 1px solid;
    padding-left: 10px;
    width: 100%;
}
}


@media only screen and (max-width: 640px) 
	{	
	
	body{
		overflow-x:hidden;}
		
.main_div{
		width:100%;
		margin:0 auto;
}
header{
		width:100%;
}
.top_bg{
	height:120px;
	width:100%;
}
.top_left{
	float:right;
	text-align:center;
	width:70%;
}
.top_right{
	float:left;
	width:100%;
}
#logo{
	text-align:center;
	margin:0 auto;
	width:100%;
}
#logo img{
	max-width:100%;
}

.about_text{
	padding:5px;
	width:95%;
}
.banner_bg{
	padding:10px;
	width:90%;
}
footer{
	width:100%;
}
.le_box{
	margin-left:10px;
	width:80%;
}
.flo{
	margin-left:10px;
	width:80%;
}
.le_box1{
	margin-left:10px;
	width:80%;
}
.te11{
	width:100%;
}
.copy{
	height:80px;
	text-align:center;
}
.copyright{
	width:100%;

	text-align:center;
}
.img{
	width:100%;
}
.left_img{
	width:50%;
}
.about{
	width:50%;
}
.about_bg{
	width:30%;
	margin-right:10px;
}
.text_about{
	width:90%;
}
.search_right{
	width:70%;
	float:left;
}
}

@media only screen and (max-width: 480px) 
{
	
	body{
		overflow-x:hidden;}
		
.main_div{
		width:100%;
		margin:0 auto;
}
header{
		width:100%;
}
.top_bg{
	height:150px;
	width:100%;
}
.top_left{
	float:right;
	text-align:center;
	width:70%;
}
.top_right{
				padding-bottom:20px;
	float:left;
	width:100%;
}
#logo{
	text-align:center;
	margin:0 auto;
	width:100%;
}
#logo img{
	max-width:100%;
}
nav{
	width:100%;
}
.about_text{
	padding:5px;
	width:95%;
}
.banner_bg{
	padding:10px;
	width:90%;
}
footer{
	width:100%;
}
.le_box{
	margin-left:10px;
	width:80%;
}
.flo{
	margin-left:10px;
	width:80%;
}
.le_box1{
	margin-left:10px;
	width:80%;
}
.te11{
	width:100%;
}
.copy{
	height:100px;
	text-align:center;
}
.copyright{
	width:100%;

	text-align:center;
}
.img{
	width:100%;
}
.left_img{
	width:50%;
}
.about{
	width:50%;
}
.about_bg{
	width:30%;
	margin-right:10px;
}
.text_about{
	width:90%;
}
.search_right{
	width:70%;
	float:left;
}
}

@media only screen and (max-width: 320px) 

{body{
		overflow-x:hidden;}
		
.main_div{
		width:100%;
		margin:0 auto;
}
header{
	height:auto;
		width:100%;
}
.top_bg{
	height:150px;
	width:100%;
}
.top_left{
	float:right;

	text-align:center;
	width:70%;
}
.top_right{
		padding-bottom:20px;
	float:left;
	width:100%;
}
#logo{
	text-align:center;
	margin:0 auto;
	width:80%;
}
#logo img{
	max-width:100%;
}
nav{
	width:100%;
}
.about_text{
	padding:5px;
	width:95%;
}
.banner_bg{
	padding:10px;
	width:90%;
}
footer{
	width:100%;
}
.le_box{
	margin-left:10px;
	width:80%;
}
.flo{
	margin-left:10px;
	width:80%;
}
.le_box1{
	margin-left:10px;
	width:80%;
}
.te11{
	width:100%;
}
.copy{
	height:120px;
	text-align:center;
}
.copyright{
	width:100%;

	text-align:center;
}
.img{
	width:100%;
}
.left_img{
	width:50%;
}
.about{
	width:50%;
}
.about_bg{
	width:30%;
	margin-right:10px;
}
.text_about{
	width:90%;
}
.search_right{
	width:70%;
	float:left;
}
.con_right{
	float:left;
	width:80%;
}
.login_inputs2{
	height:100px;
	line-height:24px;
	border-radius:5px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
	.f7{
	color:#000000;
	font-size:16px;
	width:90%;
	float:left;
	margin-bottom:10px;
	text-align:left;
	font-family: 'Trirong', serif;
}
.login_input2{
	height:100px;
	line-height:24px;
	border-radius:5px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
.login_input1{
	height:120px;
	line-height:24px;
	background:#FFFFFF;
	border:#c2c2c2 1px solid;
	padding-left:10px;
	width:100%;
}
.login_input {
    height: 35px;
    line-height: 24px;
    border-radius: 5px;
    background: #FFFFFF;
    border: #c2c2c2 1px solid;
    padding-left: 10px;
    width:100%;
}
}