
.section{
	text-align:center;
}
#section0 { background:#FFF url(../images/pattern1.jpg) left top; }
#section0 .contentarea { position:absolute; margin:-200px auto 0 auto; background: url(../images/al.png) center top no-repeat; width:100%; height:460px; }

#section1 { background:#e9e9e9 url(../images/home-bg.jpg) center center no-repeat;  }
#section1 .intro { width:538px; padding:20px; display:none; background:#FFF; text-align:justify;   }
.on { display:block !important; }

#section1 ul { margin:0 auto; width:775px; list-style:none; text-align:center; background:#FFF; opacity:0.7; padding:30px 0 24px 0;  }
#section1 ul li { display:inline; margin:0 50px;  }
#section1 ul li a { font-size:48px; text-decoration:none; color:#e42027; }
#section1 ul li a:hover { text-decoration:none; color:#000; }


#section2 { background:#FFF; background-size:cover; }
#section2 .intro1 { width:538px; padding:20px; display:none; background:#FFF; text-align:justify;   }
.on { display:block !important; }
#section2 a {  text-decoration:none; font-size:24px;  }
#section2 a:hover { text-decoration:none; color:#000;  }

.button {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e31e24;
  text-decoration: none;
  color: #FFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hollow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #e31e24, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hollow:hover, .hollow:focus, .hollow:active {
  background: none;
}


@media only screen and (max-width:480px) {
#section0 { background:#FFF url(../images/pattern1.jpg) left top; }
#section0 .contentarea { position:absolute; margin:-50px auto 0 auto; background: url(../images/al_480.png) center top no-repeat; width:100%; height:460px; }
#section1 { background:#e9e9e9 url(../images/home-bg.jpg) center center no-repeat;  }
#section1 .intro { width:538px; padding:20px; display:none; background:#FFF; text-align:justify;   }
#section1 ul { margin:0 auto; width:70%; list-style:none; text-align:center; background:#FFF; opacity:0.7; padding:10px 0 ;  }
#section1 ul li { display:inline; margin:0 20px;  }
#section1 ul li a { font-size:14px; text-decoration:none; color:#e42027; }
#section1 ul li a:hover { text-decoration:none; color:#000; }

}