div.back {
    width: 1367px;
    height: 1982px;
    background: url(https://watertele.egat.co.th/Bhumibol65/img/background.gif);
    border: 0px solid black;
    position: relative;
    font-size: 10px;
}
table > tbody > tr:hover {
    background: inherit !important;
}

div.back .data_BBU01 {
    position: absolute;
    top: 85px;
    left: 310px;
    /*width:54px;   height:60px;*/
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU01 {
    position: absolute;
    top: 50px;
    left: 230px;
    width: 155px;
    height: 70px;
}
div.back .station_BBU01 {
    position: absolute;
    top: 90px;
    left: 410px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBU02 {
    position: absolute;
    top: 260px;
    left: 450px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU02 {
    position: absolute;
    top: 240px;
    left: 440px;
    width: auto;
    height: auto;
}
div.back .station_BBU02 {
    position: absolute;
    top: 275px;
    left: 400px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBU03 {
    display: none;
    position: absolute;
    top: 60px;
    left: 80px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU03 {
    position: absolute;
    top: 625px;
    left: 210px;
    width: auto;
    height: auto;
}
div.back .station_BBU03 {
    position: absolute;
    top: 655px;
    left: 135px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBU04 {
    position: absolute;
    top: 830px;
    left: 140px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU04 {
    position: absolute;
    top: 820px;
    left: 20px;
    width: auto;
    height: auto;
}
div.back .station_BBU04 {
    position: absolute;
    top: 840px;
    left: 238px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBU05 {
    display: none;
    position: absolute;
    top: 60px;
    left: 80px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU05 {
    position: absolute;
    top: 995px;
    left: 420px;
    width: auto;
    height: auto;
}
div.back .station_BBU05 {
    position: absolute;
    top: 990px;
    left: 576px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBU06 {
    position: absolute;
    top: 255px;
    left: 188px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBU06 {
    position: absolute;
    top: 220px;
    left: 85px;
    width: auto;
    height: auto;
}
div.back .station_BBU06 {
    position: absolute;
    top: 240px;
    left: 225px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD01 {
    position: absolute;
    top: 1080px;
    left: 520px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD01 {
    position: absolute;
    top: 1070px;
    left: 395px;
    width: auto;
    height: auto;
}
div.back .station_BBD01 {
    position: absolute;
    top: 1078px;
    left: 602px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD02 {
    position: absolute;
    top: 1165px;
    left: 740px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD02 {
    position: absolute;
    top: 1145px;
    left: 740px;
    width: auto;
    height: auto;
}
div.back .station_BBD02 {
    position: absolute;
    top: 1180px;
    left: 690px;
    width: 35px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD03 {
    position: absolute;
    top: 1200px;
    left: 540px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD03 {
    position: absolute;
    top: 1175px;
    left: 440px;
    width: auto;
    height: auto;
}
div.back .station_BBD03 {
    position: absolute;
    top: 1215px;
    left: 615px;
    width: 40px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD04 {
    position: absolute;
    top: 1300px;
    left: 770px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD04 {
    position: absolute;
    top: 1285px;
    left: 770px;
    width: auto;
    height: auto;
}
div.back .station_BBD04 {
    position: absolute;
    top: 1308px;
    left: 715px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD05 {
    position: absolute;
    top: 1360px;
    left: 500px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD05 {
    position: absolute;
    top: 1350px;
    left: 390px;
    width: auto;
    height: auto;
}
div.back .station_BBD05 {
    position: absolute;
    top: 1355px;
    left: 585px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD06 {
    display: none;
    position: absolute;
    top: 1070px;
    left: 775px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD06 {
    position: absolute;
    top: 1430px;
    left: 1030px;
    width: auto;
    height: auto;
}
div.back .station_BBD06 {
    position: absolute;
    top: 1452px;
    left: 976px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}

div.back .data_BBD07 {
    position: absolute;
    top: 1615px;
    left: 1065px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD07 {
    position: absolute;
    top: 1600px;
    left: 1065px;
    width: 170px;
    height: auto;
    z-index: 1;
}
div.back .station_BBD07 {
    position: absolute;
    top: 1620px;
    left: 1005px;
    width: 40px;
    height: 60px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD08 {
    /* display: none; */
    position: absolute;
    top: 1820px;
    left: 965px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD08 {
    position: absolute;
    top: 1814px;
    left: 790px;
    width: auto;
    height: auto;
}
div.back .station_BBD08 {
    position: absolute;
    top: 1815px;
    left: 1055px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}

div.back .data_BBD09 {
    position: absolute;
    top: 745px;
    left: 830px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD09 {
    position: absolute;
    top: 745px;
    left: 830px;
    width: auto;
    height: auto;
    z-index: 1;
}
div.back .station_BBD09 {
    position: absolute;
    top: 755px;
    left: 767px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}
div.back .data_BBD10 {
    position: absolute;
    top: 955px;
    left: 775px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
div.back .popup_BBD10 {
    position: absolute;
    top: 955px;
    left: 775px;
    width: auto;
    height: auto;
    z-index: 1;
}
div.back .station_BBD10 {
    position: absolute;
    top: 958px;
    left: 711px;
    width: 40px;
    height: 70px;
    font-weight: bold;
    color: #000000;
}

#main {
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #2c4f85;
    padding: 0;
    background: #3697b4;
}
#show_data {
    border-collapse: initial;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    /* border-color:#777777;*/
    border-color: rgba(119, 119, 119, 0.66);
    padding: 2px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.66);
}
#show_data td.show_wl {
    /*
 	padding: 3px 5px 3px 5px;
	background:   #F5F5F5;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
    border-color:#777777;
    border-width:1px;
    border-style:solid;
    */
}
#show_data td.show_wl_only {
    padding: 3px 5px 3px 5px;
    background: #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: #777777;
    border-width: 1px;
    border-style: solid;
}
#show_data td.show_disch {
    padding: 3px 5px 3px 5px;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: #777777;
    border-width: 1px;
    border-style: solid;
}

#tb_round {
    /*background: #F5F5F5;*/
    border-collapse: initial;
    background: rgba(255, 255, 255, 0.66);
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    /* border-color:#777777;*/
    border-color: rgba(119, 119, 119, 0.66);
    padding: 0;
    box-shadow: 0px 0px #000000;
    border-radius: 10px;
}
#tb_round tr.head {
    /*background: #EDC0F3;*/
    background: rgba(255, 255, 255, 0.2);
    color: #3f3c3c;
}
#tb_round tr.head td:first-child {
    border-top-left-radius: 10px;
    padding: 3px 3px 3px 3px;
}
#tb_round tr.head td:last-child {
    border-top-right-radius: 10px;
    padding: 3px 3px 3px 3px;
}
#tb_round tr.wl {
    background: #ebe9e9;
    /*background:black;*/
    color: black;
}
#tb_round tr.wl td {
    padding: 3px 5px 3px 5px;
}
#tb_round tr.disch {
    background: #ebe9e9;
    color: black;
}
#tb_round tr.disch td {
    padding: 3px 5px 3px 5px;
}
#tb_round tr.rain {
    background: #ebe9e9;
    color: black;
}
#tb_round tr.rain td {
    padding: 3px 5px 3px 5px;
}
#tb_round tr.date {
    background: #ebe9e9;
    color: black;
}
#tb_round tr.date td {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 5px 3px 5px;
}

div.symbol {
    z-index: 0;
    position: absolute;
    top: 10px;
    left: 1000px;
    border-width: 1px;
    border-color: rgba(119, 119, 119, 0.66);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0);
    /*padding:1px 5px 1px 5px;*/
    padding: 0;
    width: 250px;
}
#tb_symbol {
    /*background: #F5F5F5;*/
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    /*border-color:#777777; */
    border-color: rgba(119, 119, 119, 0.66);
    padding: 0;
    box-shadow: 0px 0px #000000;
    border-radius: 8px;
    /*background: #EBE9E9;*/
    background: rgba(255, 255, 255, 0.66);
    padding: 0px 0px 0px 0px;
}
#tb_symbol tr.head {
    background: #f5f5f5;
    color: #3f3c3c;
}
#tb_symbol tr.head td:first-child {
    border-top-left-radius: 8px;
}
#tb_symbol tr.head td:last-child {
    border-top-right-radius: 8px;
}
#tb_symbol td.normal {
    padding: 5px 5px 5px 5px;
}
#tb_symbol td.bottomLine {
    padding: 5px 5px 5px 5px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #777777;
}