@charset "utf-8";
#trc{width:60%}
#boddyx{
	background: linear-gradient(to right,#CC9999,lightblue);
}
body > .skiptranslate {
    display: none;
}
#google_translate_element a {
  display: none;
}
/* CSS Document */
html{background:white}
body{margin:0px;
top: 0px !important;
}
*{
	box-sizing: border-box;
}
#bit{
	width: 250px;
}
.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame.skiptranslate {
display: none !important;
} 
#google_translate_element{
	background: transparent !important;
	text-align: center;
	width: 200px;
	margin: auto;
}
#google_translate_element select{
	padding: 0px !important;
	outline: none;
	width: 100% !important;
	color: #990000 !important;
	background: transparent !important;
	border: 0px;
	
}
.trans{
	text-align:center;
	background: white;
	
	}
#ese{ padding: 50px;  border-radius: 0px; text-align: center;}
#larg{width:100%; border-bottom:4px solid #F63;}
#tu{box-shadow:0px 0px 2px 1px black; width:500px;  border-radius:9px; color:#666; margin: 0 auto; background: white}
#head{background: white; border-top-style:solid; border-top-color:#F33; border-top-width:0px; border-bottom:2px solid #F33}
#head2{background:white; border-top-style:solid; border-top-color:#F33; border-top-width:0px; display:none; border-bottom:2px solid #F33}
#nad ul{margin:0px; padding:0px; list-style-type:none; font-size:14px}
#nad ul li{display:inline-block;   color:black; }
#nad ul li:hover{background: #000; color:white;}
#nad ul li a:link{font-family:arial;  text-decoration:none; display:block; padding:8px; color:black}
#nad ul li a,visited{font-family:arial;  text-decoration:none; display:block; padding:8px;color:black}
#nad ul li a:hover{font-family:arial;  text-decoration:none; display:block; padding:8px;color:red}
#tg{background:white; color:#060;  border:0px; padding: 10px; outline: none; border-radius: 9px;}
#but{background:transparent; border:0px; color:#F60; font-weight:bold; border-left-style:solid; border-left-width:2px; padding: 10px; outline: none;}
#but:hover{ cursor:pointer}
#cont{width:100%}
#ha{width:100%}
#ma{width:100%; height:400px}
#small{display:block; position:fixed; left:0px; right:0px; top: 0px; 
margin-left: -30%;
width: 0px;
}
#trk{width:100%;  border-radius:0px; background: #990000; padding: 50px;}
#left{width:100%; color:grey; font-size:14px; font-family:arial; line-height:25px; text-align:center; padding: 10px;}

h2{color: #003; font-family:arial;}
h1{color:#060;font-family:arial}
a:link{color:#666; text-decoration:none}
a:visited{color:#666; text-decoration:none}
a:hover{color:green; text-decoration:none}
#btn{ color:white; font-weight:bold;  text-align:center; font-size: 20px;}
#btm{background: linear-gradient(to right,red,#F60); border-radius: 12px; border: 0px solid white; color:white; font-weight:bold; padding:20px;  text-align:center;  width:200px; cursor:pointer; margin: 12px}
#btm:hover{background:red; color:white}
#txt{width:400px; padding: 23px; outline: none;}
#mas{width:300px; border-radius:50%; border:3px solid grey; float:left; margin-left:20px; height:300px}
#mv{width:400px;  float:left; margin-left:20px;}
#mass{width:300px;  float:left; margin-left:20px; font-family:arial; line-height:30px; color:#666; font-size:14px; text-align:justify}
#ig{width:300px; border-radius:50%; height:300px}
#subfoter{background:#990000; background-size:cover; border-top-color: #F30; border-top-width:5px; border-top-style:solid;border-bottom-color: #F30; border-bottom-width:3px; border-bottom-style:solid}
h4{color:white; font-family:arial; font-size:15px}
#on{float:left; margin-left:30px; width:200px; text-align:center}
#footer{background:black; color:lightgrey; text-align:center; height:60px; font-family:Arial, Helvetica, sans-serif}
#abt{color: #666; font-family:arial; line-height:30px; text-align:justify}
#ta{width:300px; margin-left:50px; float:left}
#form{box-shadow:0px 0px 20px 2px black; border-radius:12px; padding:0px; width:100%}
#u,#h{width:100%}
#u{height:30px}
#abt2{color: #666; font-family:arial;  }
#cancel{
		display: none;
	}

.solution{
	display: flex;
	flex-wrap: wrap;
	width: 100;
	justify-content: space-evenly;
	background-image: url("pix/bn.png");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;
	font-family: microsoft new tai lue !important;

}
.cov{
background-image: url("img/3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-family: microsoft new tai lue !important;	
	width: 100%;
	padding: 0px;
	margin-top: 20px;
}
.cob{
	width: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
}

.sol{
	width: 350px;
	font-size: 15px;
	line-height: 25px;
	
	margin-bottom: 10px;
	text-align: center;
}
.key_but{
	padding: 10px;
	font-weight: bold;
	color: white;
	background: #990000;
	width: 300px;
	font-size: 30px;
	margin: 10px;
}
.tan{
	width: 50%;
	font-family: microsoft new tai lue !important;
	color: grey;
	font-size: 14px;	
	line-height: 25px;
	margin: 0 auto;
	margin-bottom: 20px;

}
@media only screen and (max-width:960px){
#head{display:none}
	#head2{display:block}	
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white; border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv,#ig{width:100%; margin-left:0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
}


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

	#cancel{
		display: block;
	}
#head{display:none}
	#head2{display:block}	
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white;border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
	#ig{width:100%; margin-left:0px}
}

@media only screen and (max-width:640px){
#tu{
	width: 95%;
}
	#btm,#txt{
		width: 95%;
		margin-left: 10px;
	}
	#trk{
		padding: 10px;
	}
	.sol{
		width: 100%;
		padding: 10px;
	}
	.tan{
		width: 100%;
	}
	#ese{ padding: 5px;
	}

	#nad ul li a:link{font-family:arial;  text-decoration:none; display:block; padding:8px; color:white}
#nad ul li a,visited{font-family:arial;  text-decoration:none; display:block; padding:8px;color:white}
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white; border-radius:0px; margin-left:0px;border-top-style:solid; border-top-color:#060;text-align:center; padding: 15px;
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px;border-radius: 0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
	#ig{width:100%; margin-left:0px; border-radius: 0px}

}


@media only screen and (max-width:520px){
	#bit{
	    
	  width:100%;  
	}
	
	
	
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	

#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}


@media only screen and (max-width:480px){
	
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#ma{height:200px}
	

#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}



@media only screen and (max-width:300px){
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:200px}
	
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}