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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }
ul, li{list-style:none; margin:0; padding:0}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
a{text-decoration:none;}
img{max-width:98%; max-height:98%;}
.cf:after {
    clear: both;
}
body{font-size:100%; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; background-attachment:fixed }
#wrapper{margin:0;}
#wrap{margin:0 auto; width:100%; }
.hdng{font-size:200%; color:#F90; text-align:center; border-bottom:1px solid #333}
.listt{width:71%; margin:0 auto;}
.route{ font-size:60%; color:#FFF; width:100%; display:block ; clear:both; line-height:22px;  }
div.listt{ background:rgba(231, 231, 231, 0.77); padding:2%;}
div.listt a {font-size:140%; color:#FFCC33; }
div.box{background:#5e626a; padding:5px; margin-bottom:25px }
 div.box span.ioyo{font-size:60%; float:right; background:#141e31; padding:9px }
 .frmbox{width:75%; margin:0 auto; padding-left:0px; background:#000}
 @media only screen and (max-width: 1024px) {div#header div#nav ul li a{ }}
 
@media only screen and (max-width: 768px) {

	 div#header div#nav ul li a{font-size:90%;}
	div#header div#nav, div#header h1{width:99%; display:block; margin:0 auto }
 div#address{font-size:85%;}
 div#imgdiv{background-size:170%; height:150px;}
   
 
 }
 @media only screen and (max-width: 480px) {
	 body{font-size:88%;}
	  .hdng{font-size:150%; }
	  .listt{width:80%; margin:0 auto;}
	 div#header div#nav,  div#header h1, div#header div#nav ul{width:99%; display:block; margin:0 auto; }
	 div#address{width:84%; font-size:85%;}
	 div#header div#nav ul li a{font-size:90%; color:#FFFFFF; padding:6px 5px;  text-decoration:none; float:right;  }
	  
	  div#imgdiv{background-size:190%; height:130px;}
	 }
	 
	 @media only screen and (max-width: 320px) {
 		 div#header h1 img{max-width:100%; max-height:100%;}
		 div#header div#nav ul li a{font-size:80%; padding:6px 3px; }
		  div#imgdiv{background-size:200%; height:100px;}
		  div.box span.ioyo{font-size:73%; width:90%; background:#141e31; padding:9px; display:block }
		  div.box a, .route {font-size:100%;} 
		 }
		  @media only screen and (max-width: 280px) {
		 
			  div#header{width:100%; margin:0 auto; }
			  div#header div#nav ul li a{font-size:80%; padding:6px 3px; }
			  div#imgdiv{background-size:200%; height:100px;}
			   .hdng, div.listt a{font-size:100%; }
			     div.box span.ioyo{font-size:100%; width:90%; background:#141e31; padding:9px; display:block }
				div.box a, .route {font-size:100%; color:#FFCC33; }
		   }