@charset "utf-8";
/* CSS Document */
html{background-image:url(pix/s2.jpg); background-position:center; background-attachment:fixed; background-size:cover; background-repeat:no-repeat}
body{margin:0px}
#head{border-top:5px solid #C90}
#head2{border-top:5px solid #C90; display:none}
#navi{background:#C90; text-align:center;  margin-bottom:3px; position:sticky; top:0px}
#ng1{position:sticky; top:0px}
#mc{ cursor:pointer}
#navi ul{margin:0px; padding:0px; list-style-type:none;}
#navi ul li{background:#C90;  display:inline-block;  margin-left:10px; width:110px}
#navi ul li:hover{background:#09C;  }
#navi ul li a:link{color:black; font-family:arial; font-size:15px; text-decoration:none; display:block; padding:6px; font-weight:bold}
#navi ul li a,visited{color:black; font-family:arial; font-size:15px; text-decoration:none;display:block; padding:6px; font-weight:bold}
#navi ul li a:focus{background:#09C}
#navi ul li a:hover{color:white}
#cont{width:1000px; box-shadow:0px 0px 50px  1px black ; margin:auto; background:white}
#ma{width:100%; height:400px}
#tt{background:rgba(0,0,0,0.7); width:400px; position:absolute;bottom:57px; color:white; font-size:24px; font-weight:bold; text-align:center; border-radius:9px}
#tec,#ga{float:left; }
#tec{width:550px; text-align:justify; color:#666; font-family: "Times New Roman", Times, serif; line-height:30px}
#ga{border-radius:12px; box-shadow:0px 0px 20px 1px black;margin-left:80px; }
#btm{background:#09C; text-align:center; border:0px; height:40px; color:white; border-radius:9px; width:150px; cursor:pointer;font-weight:bold}
#btm:hover{background:red; font-weight:bold}
#btn{background:#09C; text-align:center; border:0px; height:40px; color:white; border-radius:9px;font-weight:bold}
#txt{width:100%; height:30px; border:2px dotted #09C}
#txt:focus{background:#F93; color:blue}
h2{color:#09C}
#mv{float:left; width:300px; margin-left:20px ; color:#666; font-family:"Times New Roman", Times, serif; line-height:30px; text-align:justify; }
#ig{width:200px; border-radius:50%; height:200px; margin:auto; border:3px solid lightgrey}
#mas{ width:300px; text-align:center;border-radius:50%;}
#mass{width:300px;}
a:link{color:#09C; text-decoration:none}
a:visited{color:#09C; text-decoration:none}
a:hover{color:red; text-decoration:underline}
#subfoter{background:rgba(0,0,0,0.9); border-top:10px solid #C90;border-bottom:5px solid #C90}
#on{float:left; width:300px; margin-left:130px; text-align:center}
h4{color:lightgrey}
#footer{background:rgba(0,0,0,1); text-align:center; color:lightgrey}
#nb{display:none; position:absolute; top:0px; right:0px}
#ng2{display:none; position:sticky;top:0px}
#about{display:none; position:fixed; top:0px;  left:0px; right:0px; background:rgba(0,0,0,0.8); font-family:arial; color:#666; line-height:30px; height:100%; width:100%;overflow:auto;}
#about>div{width:1000px; background:white; margin:auto; padding:5px; text-align:justify }

#contact{display:none; position:fixed; top:0px;  left:0px; right:0px; background:rgba(0,0,0,0.8); font-family:arial; color:#666; line-height:30px; height:100%; width:100%;overflow:auto;}
#contact>div{width:1000px; background:white; margin:auto; padding:5px; text-align:justify }
#service{display:none; position:fixed; top:0px;  left:0px; right:0px; background:rgba(0,0,0,0.8); font-family:arial; color:#666; line-height:30px; height:100%; width:100%;overflow:auto;}
#service>div{width:1000px; background:white; margin:auto; padding:5px; text-align:justify }
#bax{cursor:pointer}
#ta{float:left; width:400px; margin-left:40px}
#ty{box-shadow:0px 0px 20px 2px black; border-radius:9px}
#bau{position:absolute; top:0px; left:170px; cursor:pointer}
#bav{position:absolute; top:0px; left:170px; cursor:pointer}
#bacr{position:absolute; top:0px; left:170px; cursor:pointer}
#u{width:300px; height:30px}
#h{width:300px; }
#tracking{display:none; position:fixed; top:0px;  left:0px; right:0px; background:rgba(0,0,0,0.8); font-family:arial; color:#666; line-height:30px; height:100%; width:100%;overflow:auto;}
#tracking>div{width:1000px; background:white; margin:auto; padding:5px; text-align:justify }

@media only screen and (max-width:960px){
	
	#head{display:none}
	#head2{display:block}
	#navi ul li{background:#C90;  display:block;  margin-left:0px; width:100%}
	#nb{display:block}
	#ng1{display:none}
	#cont{width:100%}
	#ma{height:200px; width:100%}
	#mv{width:100%; margin-left:0px}
	#tec,#ga{width:100%;}
	#ga{ margin-left:0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#mas{width:100%}
	#mass{width:100%}
	#tt{width:98%;}
	h2{text-align:center}
	#about>div{width:100%; background:white; margin:auto; padding:5px; text-align:justify }
	#contact>div{width:100%; background:white; margin:auto; padding:5px; text-align:left }
	#bav{position:absolute; top:0px; left:0px}
	#bau{position:absolute; top:0px; left:0px}
	#bav{position:absolute; top:0px; left:0px}
	#bacr{position:absolute; top:0px; left:0px}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px; text-align:left}
	#h,#u{width:100%}
	#service>div{width:100%; background:white; margin:auto; padding:5px; text-align:justify }
	#tracking>div{width:100%; background:white; margin:auto; padding:5px; text-align:justify }
	
	
}