div#container
{
   width: 1024px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#indexBanner
{
   background-color: #00BFFF;
   background: -moz-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -webkit-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -o-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -ms-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   border: 0px #245580 dotted;
   color: #FFFFFF;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-size: 37px;
   text-align: center;
}
#indexBanner span
{
   display: block;
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner1
{
   background-color: #00BFFF;
   background: -moz-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -webkit-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -o-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -ms-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   border: 0px #245580 dotted;
   color: #FFFFFF;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-size: 37px;
   text-align: center;
}
#Banner1 span
{
   display: block;
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner2
{
   background-color: #00BFFF;
   background: -moz-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -webkit-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -o-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: -ms-linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   background: linear-gradient(left,#337AB7 0%,#00BFFF 25%,#337AB7 100%);
   border: 0px #245580 dotted;
   color: #FFFFFF;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-size: 37px;
   text-align: center;
}
#Banner2 span
{
   display: block;
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner1
{
   position: absolute;
   left: 405px;
   top: 67px;
   width: 214px;
   height: 62px;
   z-index: 1;
}
#Banner2
{
   position: absolute;
   left: 659px;
   top: 67px;
   width: 214px;
   height: 62px;
   z-index: 2;
}
#indexBanner
{
   position: absolute;
   left: 151px;
   top: 67px;
   width: 214px;
   height: 62px;
   z-index: 0;
}
@media only screen and (min-width: 480px) and (max-width: 1023px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#indexBanner
{
   left: 79px;
   top: 67px;
   width: 353px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_indexBanner_bkgrnd480.png);
   background-repeat: repeat;
   background-position: left top;
}
#indexBanner span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner1
{
   left: 79px;
   top: 171px;
   width: 353px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_Banner1_bkgrnd480.png);
   background-repeat: repeat;
   background-position: left top;
}
#Banner1 span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner2
{
   left: 79px;
   top: 271px;
   width: 353px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_Banner2_bkgrnd480.png);
   background-repeat: repeat;
   background-position: left top;
}
#Banner2 span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
#indexBanner
{
   left: 53px;
   top: 67px;
   width: 214px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_indexBanner_bkgrnd320.png);
   background-repeat: repeat;
   background-position: left top;
}
#indexBanner span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner1
{
   left: 53px;
   top: 164px;
   width: 214px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_Banner1_bkgrnd320.png);
   background-repeat: repeat;
   background-position: left top;
}
#Banner1 span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
#Banner2
{
   left: 53px;
   top: 264px;
   width: 214px;
   height: 62px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 37px;
   font-family: 微軟正黑體;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00BFFF;
   background-image: url(images/game_Banner2_bkgrnd320.png);
   background-repeat: repeat;
   background-position: left top;
}
#Banner2 span
{
   height: 37px;
   margin: 13px 0px 13px 0px;
}
}