.date div{display:inline-block;font-size:16px;line-height:100px;}
.good,.bad{clear:both;position:relative;}
.good .title,.bad .title{float:left;width:100px;font-weight:bold;text-align:center;font-size:30pt;position:absolute;top:0;bottom:0;}
.good .title>table,.bad .title>table{position:absolute;width:100%;height:100%;border:none;}
.good .title{background:#ff4444;color:#fff;}
.someday .good .title{background:#aaaaaa;}
.bad .title{background:#ffee44;}
.someday .bad .title{background:#666666;color:#fff;}
.good .content,.bad .content{margin-left:115px;padding-right:10px;padding-top:1px;font-size:15pt;}
.someday .good{background:#aaaaaa;}
.someday .bad{background:#dddddd;}
.good{background:#ffddd3;}
.bad{background:#ffffaa;}
.content ul{list-style:none;margin:10px 0 0;padding:0;}
.content ul li{line-height:150%;font-size:15pt;font-weight:bold;color:#444;}
.content ul li div.description{font-size:11pt;font-weight:normal;color:#777;line-height:110%;margin-bottom:10px;}
.line-tip{font-size:11pt;margin-top:10px;margin-left:10px;}
.direction_value{color:#4a4;font-weight:bold;}
.someday .direction_value{color:#888;}
.goddes_value{color:#f87;}
.someday .goddes_value{color:#777;}
.comment{margin-top:50px;font-size:11pt;margin-left:10px;}
.comment ul{margin-left:0;padding-left:20px;color:#999;}
.info{margin-top:10px;text-align:center;color:#dc143c;font-size:9pt;}
.info strong{background:crimson;color:white;padding:0 3px;margin:0 1px;}
.selecttable{width:100%;}
.selecttable td{text-align:center;padding:10px 0;margin:1px;background:#ccc;cursor:pointer;width:20%;border-radius:2px;}
.selecttable td:hover{background:#aaa;}
.selecttable td.selected{background:#333;color:#fff;}
.roll{height:200px;border:1px solid #faa;margin-top:10px;overflow:hidden;position:relative;}
.card{background:#ffffff;text-align:center;line-height:200px;border-top:1px solid #faa;position:absolute;top:201px;width:100%;}
.card .title{font-size:70pt;font-weight:bold;}
.card.clickable{background:crimson;color:#ffffff;cursor:pointer;}

.nav_table a{padding:0px 10px;}
#weather a{width: 255px;overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}