body {
    margin: 0;
    background-color: #F1F8FA;
    cursor: default;
    font-family: "Arial", Arial, Sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

a.forward_button {
    position: absolute;
    width: 89px;
    height: 25px;
    background-image: url('forward_button.png');
}
a.forward_button:hover {
    background-image: url('forward_button_hover.png');
}

div.header {
    position: absolute;
    color: Black;
    font-size: 18px;
}

div.caption {
    position: absolute;
    color: Black;
    font-size: 14px;
}

img.map {
    position: absolute;
    z-index: 0;
    border: 1px solid #B6B6B6;
}

div.map {
    position: absolute;
    z-index: 1;
}
div.pikto_div_24 {
    position: absolute;
    width: 24px;
    height: 14px;
    line-height: 14px;
    background-image: url('pikto_hom_24_bg.png');
    color: White;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
div.pikto_div_24_2 {
    position: absolute;
    width: 40px;
    height: 13px;
    line-height: 13px;
    background-image: url('pikto_hom_24_2_bg.png');
    color: White;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
div.pikto_div_32 {
    position: absolute;
    width: 36px;
    height: 22px;
    line-height: 22px;
    background-image: url('pikto_hom_32_bg.png');
    color: White;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
div.pikto_div_32_2 {
    position: absolute;
    width: 60px;
    height: 20px;
    line-height: 20px;
    background-image: url('pikto_hom_32_2_bg.png');
    color: White;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
div.pikto_div_48 {
    position: absolute;
    width: 42px;
    height: 25px;
    line-height: 25px;
    background-image: url('pikto_hom_48_bg.png');
    color: White;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
div.pikto_div_64 {
    position: absolute;
    width: 56px;
    height: 33px;
    line-height: 33px;
    background-image: url('pikto_hom_64_bg.png');
    color: White;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}

div.button_group {
    position: absolute;
    z-index: 1;
    border-right: 1px solid #B6B6B6;
    border-top: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
}
div.button {
    float: left;
    background-image: url('button_bg.png');
    background-repeat: repeat-x;
    text-align: center;
    color: #404040;
    font-size: 12px;
    line-height: 23px;
    height: 23px;
    margin: 0;
    border-left: 1px solid #B6B6B6;
    padding: 0;
}
div.button:hover {
    background-image: url('button_hover_bg.png');
}

div.button_active {
    background-image: url('button_active_bg.png');
    color: #FFFFFF;
}
div.button_active:hover {
    background-image: url('button_active_bg.png');
}

div.button_disabled {
    background-image: url('button_bg.png');
    color: #A0A0A0;
}
div.button_disabled:hover {
    background-image: url('button_bg.png');
}

div.button_standalone {
    position: absolute;
    z-index: 1;
    background-image: url('button_bg.png');
    background-repeat: repeat-x;
    text-align: center;
    color: #404040;
    font-size: 12px;
    line-height: 23px;
    height: 23px;
    margin: 0;
    border: 1px solid #B6B6B6;
    padding: 0;
}
div.button_standalone:hover {
    background-image: url('button_hover_bg.png');
}

div.button_active {
    background-image: url('button_active_bg.png');
    color: #FFFFFF;
}
div.button_active:hover {
    background-image: url('button_active_bg.png');
}

a.old_page_link {
    position: absolute;
    text-align: center;
    color: White;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid #B6B6B6;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    background-image: url('old_page_link_bg.png');
}
a.old_page_link:hover {
    text-decoration: none;
    _background-image: url('old_page_link_bg.png');
}

select.ibox {
    position: absolute;
    height: 23px;
    font-size: 12px;
    border: 1px solid #B6B6B6;
    color: #626262;
    background: #F9F9F9;
    _background-image: url('select_bg.png');
    background-repeat: repeat-x;
}
select.ibox_active {
    color: Black;
    background: #F89300;
    _background-image: url('button_active_bg.png');
    background-repeat: repeat-x;
}
div.time_caption {
    position: relative;
    float: left;
    z-index: 1;
    text-align: center;
    color: #001c4b;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    height: 11px;
    margin: 0;
    padding: 0;
}
div.time_caption_disabled {
    color: #A0A0A0;
}
div.tail_caption {
    font-size: 9px;
    font-weight: normal;
}
div.rule {
    position: absolute;
    left: 40px;
    top: -11px;
    z-index: 1;
    width: 2px;
    height: 6px;
    margin: 0;
    padding: 0;
    background-color: #B6B6B6;
}
div.rule_56 {
    position: absolute;
    left: 28px;
    top: -11px;
    z-index: 1;
    width: 2px;
    height: 6px;
    margin: 0;
    padding: 0;
    background-color: #B6B6B6;
}

div#kej_kim_box {
    position: relative;
    width: 683px;
    height: 334px;
    border-top: 1px solid #F7F9FB;
    border-bottom: 1px solid #F7F9FB;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-image: url('kej_kim_bg.png');
    background-repeat: repeat-x;
}
div.box_665 {
    position: relative;
    width: 681px;
    height: 551px;
    border-top: 1px solid #F7F9FB;
    border-bottom: 1px solid #F7F9FB;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-image: url('tim_tej_bg.png');
    background-repeat: repeat-x;
}

div.mapname_label {
    position: absolute;
    z-index: 2;
    width: 440px;
    height: 27px;
    line-height: 27px;
    padding: 0 8px 0 8px;
    color: Black;
    font-size: 16px;
    font-weight: bold;
}
div.date_label {
    position: absolute;
    z-index: 1;
    height: 18px;
    line-height: 18px;
    padding: 0 8px 0 8px;
    color: Black;
    font-size: 13px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.6);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF, endColorstr=#B2FFFFFF, GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF, endColorstr=#B2FFFFFF)";*/
}
div.kej_kim_date_label {
    position: absolute;
    z-index: 1;
    height: 18px;
    line-height: 18px;
    padding: 0 8px 0 8px;
    color: Black;
    font-size: 13px;
    background-image: url('date_label_bg.png');
    background-repeat: repeat-x;
}
div.date_label_slide {
    position: absolute;
    z-index: 1;
    height: 18px;
    line-height: 18px;
    padding: 0 8px 0 8px;
    color: Black;
    font-size: 13px;
    background-color: #F89300;
}
div.prev_button {
    position: absolute;
    width: 33px;
    height: 33px;
    background-image: url('prev_button.png');
}
div.next_button {
    position: absolute;
    width: 33px;
    height: 33px;
    background-image: url('next_button.png');
}
a#kej_text {
    text-decoration: none;
    color: Black;
}
div#kej_text_div {
    position: absolute;
    width: 272px;
    height: 58px;
    overflow: auto;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
}
a:visited#kej_text {
    text-decoration: none;
    color: Black;
}

div.tab {
    position: absolute;
    width: 100px;
    height: 61px;
    top: 0px;
}
img.tab_bg {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
}
div.tab_name {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 90px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-align: center;
}
img.tab_pikto {
    position: absolute;
    left: 11px;
    top: 23px;
}
div.tab_temp {
    position: absolute;
    left: 45px;
    top: 23px;
    width: 50px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

a.fw_14d_button {
    position: absolute;
    width: 63px;
    height: 48px;
    background-image: url('fw_14d_button.png');
}
a.fw_14d_button:hover {
    background-image: url('fw_14d_button_hover.png');
}

div.ct_pikto_text {
    position: absolute;
    top: 167px;
    width: 82px;
    font-size: 11px;
    text-align: center;
}

div.ct_rise_time {
    position: absolute;
    left: 446px;
    width: 35px;
    height: 13px;
    font-size: 11px;
    color: Black;
}
select.city_select {
    position: absolute;
    height: 23px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #B6B6B6;
    color: Black;
    background: #F9F9F9;
}
select.data_select {
    position: absolute;
    height: 23px;
    font-size: 12px;
    border: 1px solid #B6B6B6;
    color: Black;
    background: #F9F9F9;
}

div.et_column {
    position: absolute;
    top: 40px;
    width: 67px;
    height: 403px;
}
div.et_column_float {
    float: left;
    position: relative;
    left: 32px;
    top: 40px;
    width: 67px;
    height: 403px;
}
.et_column_graph {
    position: absolute;
    top: 239px;
    left: 0px;
    width: 66px;
    height: 48px;
    z-index: 2;
}
div.et_column_date {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 62px;
    font-size: 12px;
    text-align: center;
}
div.et_column_day {
    position: absolute;
    top: 19px;
    left: 2px;
    width: 62px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
div.et_column_text {
    position: absolute;
    left: 1px;
    width: 62px;
    font-size: 10px;
    text-align: center;
}
div.et_column_tmpmax {
    position: absolute;
    top: 123px;
    left: 2px;
    width: 62px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #b80000;
}
div.et_column_tmpmin {
    position: absolute;
    top: 143px;
    left: 2px;
    width: 62px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #003ae1;
}
div.et_column_avgtmpmax {
    position: absolute;
    top: 277px;
    left: 2px;
    width: 62px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #b80000;
}
div.et_column_avgtmpmin {
    position: absolute;
    top: 297px;
    left: 2px;
    width: 62px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #003ae1;
}
div.et_column_rectmpmin {
    position: absolute;
    top: 183px;
    left: 2px;
    width: 62px;
    font-size: 9px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    color: #003ae1;
}
div.et_column_rectmpmax {
    position: absolute;
    top: 156px;
    left: 2px;
    width: 62px;
    font-size: 9px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    color: #b80000;
}
div.et_rise_time {
    position: absolute;
    left: 35px;
    width: 26px;
    height: 13px;
    font-size: 11px;
    color: Black;
}
div.et_popup {
    position: absolute;
    z-index: 3;
    top: 60px;
    width: 376px;
    border: 1px solid #4e607b;
    outline: 1px solid Black;
    background: rgb(17, 51, 161);
    background: rgba(17, 51, 161, 0.9);
}
div.et_popup_date {
    clear: both;
    width: 366px;
    margin: 2px 4px 8px 4px;
    font-size: 14px;
    text-decoration: underline;
    color: White;
}
div.et_popup_cell {
    position: relative;
    float: left;
    width: 94px;
    height: 94px;
}
img.et_popup_cell_img {
    position: absolute;
    left: 23px;
    top: 1px;
}
div.et_popup_cell_text {
    position: absolute;
    left: 2px;
    top: 48px;
    width: 90px;
    font-size: 12px;
    color: White;
    text-align: center;
}
div.et_popup_tmpmax {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 90px;
    font-size: 18px;
    font-weight: bold;
    color: #ffa200;
    text-align: center;
}
div.et_popup_tmpmin {
    position: absolute;
    left: 2px;
    top: 25px;
    width: 90px;
    font-size: 18px;
    font-weight: bold;
    color: #b1e1ff;
    text-align: center;
}
div.et_popup_avgtmpmax {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 90px;
    font-size: 14px;
    font-weight: bold;
    color: #ffa200;
    text-align: center;
}
div.et_popup_avgtmpmin {
    position: absolute;
    left: 2px;
    top: 25px;
    width: 90px;
    font-size: 14px;
    font-weight: bold;
    color: #b1e1ff;
    text-align: center;
}
div.et_popup_rectmpmax {
    position: absolute;
    left: 2px;
    top: 0px;
    width: 90px;
    font-size: 10px;
    font-weight: normal;
    line-height: 110%;
    color: #ffa200;
    text-align: center;
}
div.et_popup_rectmpmin {
    position: absolute;
    left: 2px;
    top: 29px;
    width: 90px;
    font-size: 10px;
    font-weight: normal;
    line-height: 110%;
    color: #b1e1ff;
    text-align: center;
}


div.et_column_cell {
    position: absolute;
    width: 67px;
    height: 94px;
    left: 0px;
}
div.et_column_rectmpmax {
    position: absolute;
    left: 2px;
    top: 0px;
    width: 63px;
    font-size: 10px;
    font-weight: normal;
    line-height: 110%;
    color: #b80000;
    text-align: center;
}
div.et_column_rectmpmin {
    position: absolute;
    left: 2px;
    top: 16px;
    width: 63px;
    font-size: 10px;
    font-weight: normal;
    line-height: 110%;
    color: #003ae1;
    text-align: center;
}



div.et_sunrise_time {
    position: absolute;
    left: 54px;
    width: 30px;
    height: 13px;
    font-size: 11px;
    color: #fff225;
}
div.et_moonrise_time {
    position: absolute;
    left: 54px;
    width: 30px;
    height: 13px;
    font-size: 11px;
    color: #bfdbfe;
}
div.tim_popup {
    position: absolute;
    z-index: 3;
    width: 125px;
    border: 1px solid #4e607b;
    outline: 1px solid Black;
    background: rgb(17, 51, 161);
    background: rgba(17, 51, 161, 0.7);
}
div.tim_popup_title {
    clear: both;
    width: 121px;
    margin: 1px 2px 4px 2px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: White;
}
/*
div.tim_popup_camlink {
    position: absolute;
    left: 95px;
    top: 5px;
}
*/
div.tim_popup_data {
    clear: both;
    width: 121px;
    margin: 1px 2px 1px 2px;
    font-size: 9px;
    text-decoration: none;
    color: White;
}
a.nodecoration {
    text-decoration: none;
}
a:visited.nodecoration {
    text-decoration: none;
}
span.sup {
    position: relative;
    top: -6px;
    font-size: 60%;
}
div.bubble {
    position: absolute;
    z-index: 4;
    padding: 1px 2px 1px 2px;
    font-size: 10px;
    line-height: 12px;
    color: Black;
    background-color: #FFFFA0;
    border: 1px solid #B6B6B6;
}
div.question {
    position: absolute;
    font-size: 18px;
    font-weight: bolder;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    color: Black;
    _background-color: #FFFFA0;
    border: 1px solid #B6B6B6;
}
div.mk_et_column {
    position: absolute;
    top: 32px;
    width: 66px;
    height: 288px;
}