@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/joinggogo.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 ol,#content ul,#content li{margin:0; padding:0;}
#content ol,#content ul{margin-left:28px;}
#content h2{color:#0066CC; font-size:16px; margin:30px 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;}

.our{margin:10px auto; padding:20px 60px; width:85%; border:double 3px #99CCFF; text-align:right; background:url(../images/joinggogoa.jpg) 0 0 no-repeat;}
.our span{display:inline-block; color:#000066; text-align:center;}

#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:left; padding:6px;}
#content table th{background-color:#d0e5f8; color:#002e79; font-weight:normal;}

.list table{margin:10px auto; width:920px;}
.list tr:hover{background-color:#e3effb;}
.list td{text-align:left;}
.list td:first-child{text-align:center; width:115px;}

@media only screen and (max-width: 768px) {
  #containter{width:100%;}
  #top{height:auto; background:none;}
  #top img{display:block;}
  
  #content{padding:0 20px; font-size:16px; line-height:24px;}
  #content h2{font-size:20px;}
  #content h3{font-size:16px;}
  #content p{text-indent:35px;}
  
  .our{padding:20px; width:90%; background:none;}
  .our span{text-align:left;}
  .joinggogob{display:none;}
  .list table{width:100%;}
  .list td{font-size:15px;}
}