@charset "utf-8";

/* main.css */

@media screen and (max-width:1023px) {
	#wrap { position:relative; width:100%; overflow:hidden; }
	.container { text-align: center;}

	#slide1 { position: absolute; width:100%; height:900px; display:block; z-index: 8; }
	#slide1 div { height:900px; }

	#slide1 .slideMain1 { background: url(/internet/media/bgMain3.jpg) center; text-align: center; }
	#slide1 .slideMain2 { background: url(/internet/media/bgMain3.jpg) center; text-align: center; }
	#slide1 .slideMain3 { background: url(/internet/media/bgMain3.jpg) center; text-align: center; }
	#slide1 img { width: 60%; max-width: 300px; padding-top: 230px; }
	
	#obj1 { height: 780px; text-align: center; z-index: 9; }

	#bg { display: none; }

	#bnLaund { position: absolute; top: 10px; right: 10px; width:120px; padding: 8px; font: normal 15px/1.4 "Wng"; border:0px ; border-radius: 15px; background: rgba(256, 256, 256, 0.3); color: #FFF; z-index: 8; }
	#bnLaund span { font:bold 16px/1.2 "Wng"; color:#FFF }
	#bnLaund img { position: absolute; top: 30px; right: 20px;  }
	
	#TrackingSearch { position: relative; top: 440px; width: 60%; padding: 5px; border: solid 0px; border-radius: 15px; background: rgba(256, 256, 256, 0.3); z-index: 8; }
	#TrackingSearch b { position: relative; margin: auto; font:bold 18px/2 "Wng"; padding:5px 15px; color: #FFF; }
	#labels { position: relative; height: auto; text-align: center;  }
	#TrackingSearch label { margin: auto; text-align: left; width: 80%; font:bold 16px/1.6 "Wng"; color: aliceblue; display: block; }
	#TrackingSearch input { margin: 0px auto 10px; display: block; width: 80%; height: 30px; box-sizing: border-box;  }
	#TrackingSearch span { font:normal 0.8em/1.6 "Wng"; color: #EEE; }
	#TrackingSearch input[type="submit"] { height: 40px; margin: 15px auto; }

	#obj2 { background: #111; }
	#obj2 img { width: 100%; }


}



@media screen and (min-width:1024px) {
	#wrap { position:relative; width:100%; min-width:<%=vStd%>px; overflow:hidden; }
	.container { text-align: center; }

	#slide1 { display: none; }
	
	#obj1 { margin-top: 110px; padding: 100px; height: 600px; text-align: center; z-index: 9; }

	#bg { position: fixed; left:0; top:0; width: auto; height: auto; min-width:100%; min-height:100%; z-index:-100; background-size: cover; }
	
	
	#bnLaund { position: absolute; top: 500px; right: 20px; width:160px; padding: 15px; font: normal 15px/1.8 "Wng"; border:0px ; border-radius: 15px; background: rgba(256, 256, 256, 0.3); color: #FFF; z-index: 8; }
	#bnLaund span { font:bold 16px/1.2 "Wng"; color:#FFF }
	#bnLaund img { position: absolute; top: 30px; right: 20px;  }
	
	#TrackingSearch { position: absolute; top:600px; right:20px; width:410px; padding: 15px; border: solid 0px; border-radius: 15px; background: rgba(256, 256, 256, 0.3); z-index: 8; }
	#TrackingSearch b { position: absolute; left: 25px; top: 60px; font:bold 18px "Wng"; color: #FFF; }
	#labels { position: relative; height: auto; text-align: center;  }
	#TrackingSearch label { margin: auto; text-align: left; width: 50%; font:bold 16px/1.8 "Wng"; color: aliceblue; display: block; }
	#TrackingSearch input { margin: 0 auto 10px; display: block; width: 50%; box-sizing: border-box;  }
	#TrackingSearch input[type="submit"] { position: absolute; top: 28px; right: 10px; width: 70px; height: 85px; }
	/* 
	#labels { position: absolute; top: 15px; left: 160px; width: 450px; height: 200px; text-align: left;  }
	#TrackingSearch b { position: absolute; top: 20px; left: 10px; font:bold 24px/2 Tahoma, "Wng"; padding:0px 20px ; color: #FFF; }
	#TrackingSearch label { text-align: left; font:bold 14px/2 Tahoma, "Wng"; color: aliceblue; }
	#TrackingSearch span { font:normal 14px/1.6 Tahoma, "Wng"; color: #EEE; }
	#TrackingSearch #key1 { width: 160px;  }
	#TrackingSearch #key2 { width: 200px;  } 
	*/

	#obj2 { width:100%; background: #333; }
	#obj2 img { width: 33.333%; }



}


#slide1 .boxPrev { position:absolute; left:-70px; top:0px; width:25%; height:100%; z-index:4; background:url(/); }
#slide1 .boxNext { position:absolute; right:-70px; top:0px; width:25%; height:100%; z-index:4; background:url(/); }
#slide1 .arrPrev { width:100%; height:100%; background:url(/internet/slides/arrPm.png) center no-repeat; display:none; }
#slide1 .arrNext { width:100%; height:100%; background:url(/internet/slides/arrNm.png) center no-repeat; display:none; }
#slide1 .pagination {	position:absolute; right:20px; top:20px; list-style:none; z-index:5; }
#slide1 .pagination li { float:left; margin:3px; list-style:none; }
#slide1 .pagination li a { width:13px; height:13px; background:url(/internet/slides/pagination.png) 0px 0px; overflow:hidden; display:block; }
#slide1 .pagination li span { display:none; font:Bold 18px/1 "Wng"; }
#slide1 .pagination li a.active, .pagination li a:hover.active { background-position:0px -13px; }
#slide1 .pagination li a:hover { background-position:0px -26px; }

#TrackingSearch input[type="submit"] { cursor: pointer; }

/* CSS Document */