@charset "big5";
/* CSS Document */

*{margin:0; padding:0;}
#index{padding-bottom:20px;}
#containter{margin:0 auto; padding-top:40px; width:980px;}
#top{margin-bottom:20px; height:200px; background:url(../images/safe.jpg);}
#top img{display:none; width:100%;}
#content{padding:0 30px; color:#333333; font-size:13px; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; line-height:21px;}

#content h2{color:#0066CC; font-size:16px; margin:20px 0 5px;}
#content p{margin-bottom:10px; text-indent:28px;}
#content a:link,#content a:visited{color:#0000FF; text-decoration:none; border-bottom:1px solid;}
#content a:hover,#content a:active{color:#FF0000;}

.img{margin:10px 0; text-align:center;}
.step{color:#0066CC;}
.imp{color:#FF3300;}

@media only screen and (max-width: 768px) {
  #containter{width:100%;}
  #top{height:auto; background:none;}
  #top img{display:block;}
  
  #content{font-size:16px; line-height:24px;}
  #content h2{font-size:20px;}
  #content p{text-indent:35px;}
  .img img{width:100%; max-width:669px;}
}