body{
     background: #99CCFF;
     font-family: Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#000000;
     }
.story_menu { padding: 0px 10px; }
.story_menu, .title_series {
     font-size: 12px;
     color: #gray;
     text-decoration: none;
     }
.title_series { text-align: right;}

  .title_up1, .title_up2, .title_down1, .title_down2 {
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    text-decoration: none;
    //text-align: center;
    padding: 0px;
   } 
  .title_up1 {
    position: relative; 
   }
   .title_up1 .title_up2, .title_up1 .title_down1, .title_up1 .title_down2 {
     position: absolute;
   }
   .title_down1, .title_down2 {
    color: #0300BE;
   }
  .title_up1, .title_up2 {
    color: #ffffff;
   }
  .title_up1, .title_down1 {
    font-size: 56px;
   } 
  .title_up2, .title_down2 {
    font-size: 28px;
   }
  .title_up1 { z-index: 2;}
  .title_down1 { z-index: 1; top: -1px; left: -1px;}
  .title_up2 { z-index: 3; top: 48px;  left: 1px;}
  .title_down2 { z-index: 4;  top: 47px; left: 0px;}

.story_title, .story_resume, .title_page {    
     text-decoration: none;
     text-align: center;
     }
.story_title, .story_resume { color: #333399; padding: 20px 0px 10px 0px;}
.title_page { padding: 10px 5px 10px 5px;}

.story_title { font-size: 18px; }
.story_text, .story_resume, .story_tab, .form_input, .form_text, .title_page {
     font-size: 14px;
     }
.story_text {
     background:#FFFFFF;
     padding: 10px;
     }

.story_text, .story_tab, .form_input, .title_page { color: #000000;}
.form_text { background: #EADDEA;}

.baner {
     font-family: arial;
     font-size: 12px;
     color: #000000;
     text-decoration: none;
     text-align: center;
     padding:5px;
     background: #FFFFFF;}

img { border:0px }

hr {
    border: none; /* ԡ鱠檠䱠񞨯
    background-color: #ffffff; /* ע氠쩭馠*/
    color: #ffffff; /* ע氠쩭馠嬿 IE6-7 */
    height: 2px; /* Ӯ캨쩭馠*/
   }

a { color:#0000FF; text-decoration: none}
a:link { color:#0000FF; text-decoration: none}
a:hover, a:visited:hover { color:#006400; text-decoration: underline}
a:visited { color:#006400; text-decoration: none}

/*****************/
/*û𐡤Ό棠*/
/*****************/

.menu * { margin: 0; padding: 0; }

.menu {
     position: relative;
     font-family: arial;
     font-size: 12px;
     text-decoration: none;
     height: 20px;
     width: 100%;
     background: #99CCFF;
     z-index:100;
     padding: 0px;
     text-align: center;}

*.menu {
     position: relative;
     font-family: arial;
     font-size: 12px;
     width: 100%;
     height: 24px;
     background: #99CCFF;
     z-index:100;
     text-align: center;
     /*padding:1px 0px 0px 5px;*/}

.parent { border-collapse: collapse; }

.parent td { padding: 0px; }

.ie6 { border-collapse: collapse; }
.ie6 td { background: none; }

html div.relative { cursor: pointer; }

.relative, .third-level { position: relative;}
.relative {
     background: #EBEAEA;    
     border-top: 1px solid #fff;
     border-left: 1px solid #fff;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }

.sub, .sub2 {
     position: absolute;
     width: 170px;
     padding: 0px 0px 0px 0px;
     background: #ccc;
     text-align: left; }

* html .sub, * html .sub2 { width: 170px; w\idth: 170px; }

.sub { top: 24px; left: 0;}

.menu .sub a {
     display: block;
     background: #EBEAEA;
     border-top: 1px solid #fff;
     border-left: 1px solid #fff;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     color: #454545;
     padding: 4px 4px 4px 12px;
     line-height: 18px;
     height: auto;
     width: 152px; }

.menu .sub a.first { border-top: 0; }

* html .menu .sub a { width: 170px; w\idth: 170px; }

.sub2 { top: 0px; left: 170px; }

.menu a, menu a:link, .menu a:hover, .menu a:visited { text-decoration: none;}

.menu a {
     display: block;
     height: 23px;
     line-height: 23px;
     /*padding: 0px 0px 0px 10px;*/
     font-size: 12px;
     text-decoration: none; }

.relative a.title {color: #454545; padding: 0px 10px 0px 10px;}
.relative a.title:hover,
.menu .sub a:hover { color: #0000FF; background: #FBFBFB;}

.sub { visibility: hidden; }
.sub, .sub2 {z-index: 10000;}

/* timer for action */
#timer_d, #timer_h, #timer_m, #timer_s, .timer_end {color: #f00; font-size: 130%; font-weight: bold;}