@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);
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,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
	margin:0;
	padding:0;
}
 section, footer, aside, nav, main, article, figure {
    display: block;
} 
body{ margin:0px; padding:0px; background:url(../images/bg.jpg) no-repeat; display:table; background-attachment:fixed; background-size:cover;   width:100%;  height:100%;}
.main{ width:50%; height:auto; margin:0 auto;text-align:center; margin-top:50px; margin-bottom:50px;   }
.main1{ width:80%; height:auto; margin:0 auto;text-align:center; margin-top:50px; margin-bottom:50px;   }
.web_list{ width:100%; height:auto;  text-align:center;}
.web_list ul{ margin:0px; padding:0px;}
.web_list ul li{ list-style:none; display:inline-block; text-align:center; margin-top:10px;}
.web_list ul li img{ width:90%;}
.pastweb_list{ width:100%; height:auto;  text-align:center;/* margin-top:175px;*/}
.pastweb_list ul{ margin:0px; padding:0px;}
.pastweb_list ul li{ list-style:none; display:inline-block; text-align:center; margin-top:10px;}
.pastweb_list ul li img{ width:90%;}

/***********************media*******************************/

 @media only screen and (min-width: 768px) and (max-width: 959px) { .main{ width:100%;} }

 @media only screen and (min-width: 480px) and (max-width: 767px) { .main{ width:100%;}}
 
 @media only screen and (min-width: 320px) and (max-width: 480px) { .main{ width:100%;}}