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

*{margin:0; padding:0;}
#index{padding-bottom:20px;}
#containter{margin:0 auto; width:980px;}
#top{height:340px; background:url(../images/ad.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 ul{list-style-position:inside;}
#content h2{color:#0066CC; font-size:16px; margin:20px 0 5px;}
#content h3{font-size:13px;}
#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;}

#content table{border-collapse:collapse;}
#content table,#content table th,#content table td{border:1px solid #7fb6dd;}
#content table th,#content table td{text-align:center; padding:6px;}
#content table th{background-color:#d0e5f8; color:#002e79; font-weight:normal;}

#ad_table table{margin:10px; width:900px;}
#ad_table tr:hover{background-color:#e3effb;}
#ad_table_mobile{display:none;}
#ad_table_mobile table{margin:20px 0; width:100%;}
#ad_table_mobile th{width:120px;}

@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 h3{font-size:16px;}
  #content p{text-indent:35px;}
  
  #ad_table{display:none;}
  #ad_table_mobile{display:block;}
}