body {
  padding: 0px;
  margin: 0px;
  background: #d0eae7;

  font-family: Microsoft JhengHei,PMingLiU,serif;
  
}

img 
{
     height: auto;
     max-width: 100%;
}

#main_content
{
    position:relative;
    margin: 0 auto;
    
    width: 310px;
}

#top_img 
{
    z-index: 0;
}

#top_img img
{
    margin-bottom: 0px;
    border: 0px;
    outline:none;
    vertical-align: bottom;
}

#top_options
{
    margin-top: -500px;
}

#logo {
  margin-top:-200px;
}

#center_img img
{
    margin-top: 0px;
    border: 0px;
    outline:none;
    vertical-align: top;
}

#footer_img img
{
    margin-top: 0px;
    border: 0px;
    outline:none;
    vertical-align: top;
}


@media screen and (min-width: 320px) and (max-width: 479px) {
  #main_content{
          
          margin: 0 auto;
          width: 310px;
     }

     #top_options{
    margin-top: -487%;
   }
   #year{
    width:28%;
    margin-left: 15px;
    margin-top:-10px;
   }
  .link{
    max-width: 70%;
  }

   #logo{
    margin-top:-90px;
    width:90%;
   }
   .gap{
    margin-top: 40px;
   }

}

@media screen and (min-width: 480px) and (max-width: 599px) {
  #main_content{
          
          margin: 0 auto;
          width: 480px;
     }

  #top_options{
    margin-top: -482%;
   }
   #year{
    width:28%;
    margin-left: 15px;
    margin-top:-15px;
   }
 
  .link{
    max-width: 70%;
  }
  .gap{
    margin-top: 50px;
   }

   #logo{
    margin-top:-160px;
    width:90%;
   }
}


@media screen and (min-width: 600px) and (max-width: 800px) {


  #main_content{
        
        margin: 0 auto;
        width: 590px;
   }

   #top_options{
    margin-top: -487%;
   }
   #year{
    width:28%;
    margin-left: 15px;
    margin-top:45px;
   }
  .link{
    max-width: 70%;
  }

  .gap{
    margin-top: 70px;
   }

   #logo{
    width:80%;
   }

}

@media screen and (min-width: 800px) {

/*如果使用者視窗寬度 >= 1200px */
  #main_content{
        
        margin: 0 auto;
        width: 100%
   }

   #top_options{
    margin-top: -3750px;
  }

  #year{
    margin-left: 15px;
    margin-top:-15px;
  }
  .gap{
    margin-top: 130px;
   }

}