#content > div {
	padding-bottom:5%;
}
#www-card{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  box-sizing:border-box;
  padding:30px;
  display:none;
  z-index:100;
}
#page.www-card{
  _overflow:hidden;
}
#page.www-card #www-card{
  display:block;
}
#www-card > div{
  width:100%;
  height:100%;
  position:relative;
  background:#ffffff;
  box-shadow:0 0 10px 0 rgba(0,0,0,.5);
  border-radius:15px;
  max-width: 980px;
  margin: 0 auto;
}
#www-card .close{
  font-size:16px;
  line-height:20px;
	width:20px;
  height:20px;
  border:1px solid #000000;
  text-align:center;
  border-radius:50%;
  color: #000000;
  text-decoration:none;
  position:absolute;
  right:15px;
  top:15px;
}
#www-card .content{
  width:100%;
  height:100%;
  position:relative;
  box-sizing:border-box;
  padding:30px 50px 30px 30px;
}
#www-card .content .block{
  font-size:16px;
  height:100%;
  padding-right:20px;
  overflow:auto;
}
#www-card .content .block,
#www-card .content .block *{
	font-family: 'Lato', sans-serif;
	color: #000000;
}
#www-card .content .block h1{
  font-size:32px;
}
#www-card .content .block h2{
  font-size:24px;
}
#www-card .content .block h3{
  font-size:18px;
}
#www-card .content .block h4{
  font-size:16px;
}
#www-card .content .block p,
#www-card .content .block dir,
#www-card .content .block li{
  font-size:16px;
}
#www-card .content .block ol{
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
#www-card .content .block ol > li{
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
#www-card .content .block ol > li:before{
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
#www-card .content .block li ol > li{
  margin: 0;
}
#www-card .content .block li ol > li:before{
  content: counters(item, ".") ". ";
}
#www-card .content .block table{
  border-collapse:collapse;
}
#www-card .content .block td{
  padding:2px 5px;
}
#www-footer{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000000;
  width:100%;
  height:60px;
  background:#F0F1F5;
  position:fixed;
  bottom:0;
  left:0;
  z-index:99;
}
#www-footer .center{
	width: 980px;
	display: block;
	margin: 0 auto;
}
#www-footer > span{
  display:none;
}
#www-footer > div{
  width:100%;
  height:100%;
  position:relative;
  background:url(img/corner.png) no-repeat right bottom;
  background-size:contain;
box-shadow:inset  0 3px 3px 0px rgba(217,217,217,.6);
}
#www-footer .links{
  float:left;
  margin:20px 0 0 0;
}
#www-footer .links ul{
  list-style:none;
  margin:0;
  padding:0;
}
#www-footer .links li{
  font-size:15px;
  line-height:18px;
  color:#222222;
  display:inline-block;
  margin:0 15px 0 0;
}
#www-footer .links li::before{
  content:'|';
  padding-right:15px;
}
#www-footer .links li:first-child::before{
  display:none;
}
#www-footer .links a{
  color:#222222;
  text-decoration:none;
}
#www-footer .links a:hover{
  color:#FF0001;
}

#www-footer .info{
  float:right;
  margin:20px 0 0 0;
}
#www-footer .info h3{
  font-size:14px;
  line-height:18px;
  color:#FF0001;
  margin:0 0 5px 0;
}
#www-footer .info > span{
  font-size:12px;
  line-height:15px;
  color:#222222;
  _text-transform:uppercase;
  display:block;
}
#www-footer .info dir{
  margin:0;
  padding:0 0 0 30px;
}
#www-footer .info > span a{
  color:#222222;
  text-decoration:none;
}
#www-footer .info > span a:hover{
  text-decoration:underline;
}

@media screen and (max-width: 700px) {
#content{
  padding-bottom:25vw;
}
#www-footer{
  height:25vw;
}
#www-footer .center{
	width:80%;
}
#www-card .content{
  padding:30px 25px 30px 30px;
}
#www-card .close{
  right:10px;
  top:10px;
}
#www-card .content .block{
  padding-right:5px;
}
#www-card .content .block p{
  text-align:justify;
}
}