body {

	background-color: #000;

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

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

#main_content
{
    position:relative;
    margin: 0 auto;
    
    width: 100%
}

#top_img 
{
    z-index: 0;
}

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

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


#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 (max-width: 480px) {

/*如果使用者視窗寬度 <= 480px */

     #main_content{
          
          margin: 0 auto;
          width: 100%
     }


    #top_options
    {
        margin-top: -80%;
    }

    #top_options img
    {
        height: auto;
        max-width: 60%;
    }


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

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

}

@media screen and (max-width: 768px) {

/*如果使用者視窗寬度 <= 768px */

  #main_content{
        
        margin: 0 auto;
        width: 100%
   }
  

}

@media screen and (min-width: 768px) and (max-width: 992px) {

/*如果使用者視窗寬度 768px ~ 992px */

  #main_content{
        
        margin: 0 auto;
        width: 100%
   }
  

}

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

/*如果使用者視窗寬度 >= 1200px */


}