@import url("font.css"); @import url("default.css"); @import url("main.css"); #wrap {margin:0 auto; padding:0; width: 100%; min-width:1100px; height: 100%; background: url("../images/sub_bg_top.png"); background-repeat: no-repeat; background-position: center top;} /*checkbox/radio*/ /*a*/ .check_a {margin-right:30px; float:left;} .check_a a {margin-top:12px; position:relative; display:block; float:left; width: 16px; height: 16px; vertical-align:middle; background: url("../images/icon_check_srch.png"); background-repeat: no-repeat;} .check_a a.on {background: url("../images/icon_check_srch_on.png"); background-repeat: no-repeat;} .check_a span.txt {padding-left: 10px; display:block; float:left; font-weight: normal;} .check_a.no a {pointer-events:none; background: url("../images/icon_check.png"); background-repeat: no-repeat;} .check_a.no span.txt {color:#a6a6a6;} .check_user {margin:0 auto; width: 16px; height: 16px;} .check_user a {position:relative; display:block;width: 16px; height: 16px; background: url("../images/icon_check.png"); background-repeat: no-repeat;} .check_user a.on {background: url("../images/icon_check_on.png"); background-repeat: no-repeat;} /*추가*/ .check_box a {position:relative; display:block;width: 16px; height: 16px; background: url("../images/icon_check.png"); background-repeat: no-repeat;} .check_box a.on {background: url("../images/icon_check_on.png"); background-repeat: no-repeat;} .check_user_all {margin:0 auto; width: 16px; height: 16px;} .check_user_all a {position:relative; display:block; float:left; width: 16px; height: 16px; vertical-align:middle; background: url("../images/icon_check_all.png"); background-repeat: no-repeat;} .check_user_all a.on {background: url("../images/icon_check_all_on.png"); background-repeat: no-repeat;} /*button_style*/ /*clear*/ .bt_clear {display: block; width: 100%; height: 100%; color: #2F98E4; font-weight: bold;} .con_term .bt_term {margin-top:5px; margin-right:10px; display:block; float:left; width: 60px; height: 30px; line-height: 30px; font-size:13px; text-align:center; border-radius: 5px; color:#d6e1ea; background-color: #598eb4;} .con_term .bt_term:HOVER {color:#d6e1d1; background: #598e36;} .con_term .bt_term.on {color:#02548e; background-color: #cadf00;} .con_term .bt_search {position:absolute; top:5px; left:675px; display:block; float:left; width: 90px; height: 30px; line-height: 30px; font-size:13px; color:#02548e; text-indent:45px; border-radius: 5px; background:url("../images/icon_bt_search.png"); background-repeat:no-repeat; background-position: 15px center; background-color: #cadf00;} .con_term .bt_search:HOVER {background:url("../images/icon_bt_search.png"); background-repeat:no-repeat; background-position: 15px center; background-color: #a2b100;} .bt_down {position:absolute; top:0px; right:15px; display:block; float:left; width: 110px; height: 30px; line-height: 30px; font-size:13px; color:#fff; text-indent:45px; border-radius: 5px; background:url("../images/icon_bt_down.png"); background-repeat:no-repeat; background-position: 15px center; background-color: #00b809;} .bt_down:HOVER {background:url("../images/icon_bt_down.png"); background-repeat:no-repeat; background-position: 15px center; background-color: #008f05;} .bt_down_box {display: reletive; width: 100%; height: 35px;} .bt_search_tp {margin-top:5px; display:block; float:left; width: 90px; height: 30px; line-height: 30px; font-size:13px; text-align:center; border-radius: 5px; color:#02548e; background-color: #cadf00;} .bt_search_tp:HOVER {background-color: #8cac00;} .bt_del, .bt_add {position:absolute !important; left:740px; top:0; display:block; float:left; width: 68px !important; height: 23px !important; line-height: 30px; font-size:12px; color:#0093ff !important; text-align:center; border-radius: 5px; border: 1px solid #0093ff; background: #fff !important;} .bt_del:HOVER, .bt_add:HOVER {color:#fff !important; background-color: #0093ff !important;} .bt_add {position:absolute; left:820px; top:0;} .bt_pop_05_01 {margin-left:10px; position: relative; display: inline-block; width: 157px; height: 40px; line-height: 40px; font-size:16px; color:#fff; font-weight:bold; background: #a0a0a0; border-radius:5px;} .bt_pop_05_01:FIRST-CHILD {margin: 0;} .bt_pop_05_01:HOVER {background: #7c7c7c;} .bt_pop_05_01.on {background: #0093ff;} .bt_add_pop_05, .bt_can_pop_05 {margin:0 10px; display:inline-block; width: 88px; height: 28px; line-height: 30px; font-size:13px; color:#1e91f2; font-weight:bold; text-align:center; border-radius: 5px; border: 1px solid #0093ff; background: #fff;} .bt_can_pop_05:HOVER {border: 1px solid #7c7c7c; color:#7c7c7c;} .bt_add_pop_05 {color:#fff; background: #1e91f2;} .bt_add_pop_05:HOVER {border: 1px solid #7c7c7c; background:#7c7c7c;} .bt_reset {display:inline-block; width: 90px; height: 30px; line-height: 30px; font-size:13px; color:#fff; font-weight:bold; text-align:center; border-radius: 5px; background: #E84B25;} .bt_reset:HOVER {background:#555555;} .bt_unlock {position:absolute; top:0; right:0; display:block; width: 96px; height: 25px; line-height: 25px; font-size:12px; color:#0093ff; font-weight:bold; text-indent:20px; text-align:center; border-radius: 30px; border: 1px solid #0093ff; background: url("../images/icon_lock.png"); background-repeat:no-repeat; background-position:15px center; background-color: #fff;} .bt_unlock.pa_set_r {right:108px;} .bt_unlock.on {background: url("../images/icon_unlock.png"); background-repeat:no-repeat; background-position:10px center;} .bt_unlock:HOVER {color: #fff !important;background: url("../images/icon_unlock_w.png"); background-repeat:no-repeat; background-position:10px center; background-color: #0093ff !important;} .bt_unlock.on:HOVER {color: #fff !important;background: url("../images/icon_lock_w.png"); background-repeat:no-repeat; background-position:15px center; background-color: #0093ff !important;} .bt_set_save {position:absolute; top:0; right:0; display:block; width: 96px; height: 25px; line-height: 25px; font-size:12px; color:#fff; font-weight:bold; text-align:center; border-radius: 30px; border: 1px solid #0093ff; background-color: #0093ff;} .bt_set_save:HOVER {border: 1px solid #7c7c7c; background:#7c7c7c;} /*popup*/ #pop_wrap {position:fixed; z-index:10000; width: 100%; height: 100%; overflow:hidden; background: url("../images/pop_bbg.png");} #pop_wrap .pop_sc_con {max-height: 400px; overflow-y: auto;} #pop_wrap .pop_05 {margin:160px auto; left:100px; padding-bottom:20px; width: 825px; height:auto; border-radius: 5px; background:#fff;} #pop_wrap .pop_05 h1 {margin-bottom:30px; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background: #0093ff; border-radius: 5px 5px 0 0;} #pop_wrap .pop_05 .row {margin:0 auto 20px auto; width: 763px;} #pop_wrap .pop_05 .row label {margin-right:20px; padding-right:25px; display:inline-block; width: 175px; height: 40px; line-height: 40px; font-size: 16px; color: #0093ff; font-weight:bold; text-align: right; background: url("../images/pop_05_sb.png"); background-repeat: no-repeat; background-position: right center;} #pop_wrap .pop_05 .pop_con_box .con_area .txt_box .in_st_pop_05, #pop_wrap .pop_05 .row .in_st_pop_05 {padding:0 10px; width: 478px; height:38px; line-height:40px; font-size:14px; color:#a0a0a0; border-radius: 5px; background:#fff; border: 1px solid #e5e5e5; box-shadow: inset 1.888px 2.331px 5px 0px rgba(153, 153, 153, 0.23);} #pop_wrap .pop_05 .pop_con_box .con_area .txt_box .in_st_pop_05 {margin-left: 10px;} #pop_wrap .pop_05 .row .sp_st_pop_05 {padding-left: 10px; line-height:40px; font-size:14px; color:#242424; font-weight: bold;} #pop_wrap .pop_05 .box_bt {padding-top:10px; width: 100%; height: 40px; text-align: center;} #pop_wrap .pop_05 .row .box_bt {padding:0; position:absolute; left:225px; top:0; width: 500px; height: 40px; text-align: center;} /*inverter_tab*/ .inverter_tab {margin:0 auto; width: 90%; height: 400px;} /* .inverter_tab.pv {margin:0 auto; width: 90%; height: 450px;} */ /* .inverter_tab.wt {margin:0 auto; width: 90%; height: 527px;} */ /* .inverter_tab.pcs {margin:0 auto 13px auto; width: 90%; height: 562px; border:1px solid #0096ff; background-color: #fff; border-radius: 5px;} */ /* .inverter_tab.dg {margin:0 auto; width: 90%; height: 580px;} */ .inverter_tab .box_tab h2 {z-index:10; position: absolute; top: 0; left: 0; width: 148px; height: 43px; font-size: 1em; font-weight: normal; border-radius: 5px 5px 0 0; color: #8a8a8a; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color: #fff;} .inverter_tab .box_tab.tab1 h2 {z-index:0; height: 45px;} .inverter_tab .box_tab.tab1.on h2 {z-index:10; height: 44px;} .inverter_tab .box_tab.on h2 {border-top:1px solid #0096ff; border-left:1px solid #0096ff; border-right:1px solid #0096ff;} .inverter_tab.pcs .box_tab h2 {border: none !important;} .inverter_tab .box_tab.tab2 h2 {left: 158px;} .inverter_tab .box_tab.tab3 h2 {left: 316px;} .inverter_tab .box_tab h2 a {display: block; width: 100%; height: 43px; font-weight: bold; line-height: 43px; color: #8a8a8a; text-align: center; background-color: #fff; border-radius: 5px 5px 0 0} .inverter_tab .box_tab.on h2 a {position:absolute; top:1px; height:44px; color: #0093ff;} .inverter_tab .box_tab .box_table {display:none; position: absolute; top:44px; left: 0; width: 100%; height:355px; overflow-y:auto; border-radius:5px; border: 1px solid #0096ff; background-color: #fff;} .inverter_tab.pcs .box_tab .box_table {border: none !important;} .inverter_tab .box_tab.tab1 .box_table {border-radius: 0px 5px 5px 5px;} .inverter_tab .box_tab.on .box_table{display: block;} .inverter_tab .box_tab .box_table .area_graph {margin:0 auto; padding:20px 0; width: 865px; overflow-y: auto} .inverter_tab .box_tab .box_table .info_graph {clear:both; margin-top:20px; height:16px; text-align: center;} .inverter_tab .box_tab .box_table .info_graph .info_title {position:relative; padding-left:40px; padding-right:40px; float:center; font-size:14px; color:#242424;} .inverter_tab .box_tab h2, .inverter_tab .box_tab .box_table, {-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .box_bt.st_pv {margin-top: 5px;} /*table*/ .con_table .okYn{margin:0 auto; display: block; width: 26px; height: 26px;} .con_table .okYn.on{background: url("../images/table_cn_check.png"); background-repeat: no-repeat;} /*con_bt*/ .con_bt {margin-bottom:10px; height: 25px;} .con_bt a {margin:0 6px; position: relative; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size:12px; color:#5b5b5b; font-weight:bold; background: #e5e5e5; border-radius:25px;} .inverter_tab .box_table .con_table {margin-top: 40px;} .inverter_tab .box_table .con_table .list_top {margin:0px auto; pointer-events:none; z-index:10; width:100%; height:11px; background-color: #4cb3fe; border-radius:5px 5px 0 0; border: 1px solid #e5e5e5; border-bottom: none;} .inverter_tab .box_table .con_table table thead tr th {padding:0; color: #fff; background-color: #4cb3fe; border-left: 1px solid #52a0d8;} .inverter_tab .box_table .con_table table thead tr th:FIRST-CHILD {border-left: none;} .inverter_tab .box_table .con_table table thead tr.non_th_h th {height: 10px; border-right: 1px solid #e5e5e5;} .inverter_tab .box_table .con_table table tbody tr td {height: 110px; font-size: 16px; color:#242424; font-weight: bold; text-align: center;background: url("../images/inver_pv_td_bar.png"); background-repeat: no-repeat; background-position:left center;} .inverter_tab .box_table .con_table table tbody tr td:FIRST-CHILD {background: none;} .inverter_tab .box_table .con_table table tbody tr td .cn_green {padding-top:65px; display: block; width: 100%; height: 60px; color:#00d528; background: url("../images/mi_cn_green.png"); background-repeat: no-repeat; background-position:center 30px;} .inverter_tab .box_table .con_table table tbody tr td .cn_red {padding-top:65px; display: block; width: 100%; height: 60px; color:#da3407; background: url("../images/mi_cn_red.png"); background-repeat: no-repeat; background-position: center 30px;} .inverter_tab .box_table .con_table table tbody tr td .con_txt_green {color:#00991d;} .inverter_tab .box_table .con_table table tbody tr td .con_txt_red {color:#da3407;} .inverter_tab .box_table .con_table table thead tr.t_clear_bottom th {padding: 0px; width: 100%; height:10px; border: none !important;} .inverter_tab .box_table .con_table table tbody tr td.td_gray {color:#6f6f6f; background: #f2f2f2; background: rgba(237,237,237,0.6);} .inverter_tab .box_table .con_table table tbody {background: none;} .inverter_tab .box_table .con_table table tbody tr td .con_txt_green {color:#00991d;} .inverter_tab .box_table .con_table table tbody tr td .con_txt_red {color:#da3407;} .inverter_tab .box_table .con_table table tbody tr {height:40px; line-height:40px; background:none;} /*st_pv*/ .inverter_tab .box_table .con_table.st_pv .list_top {width:670px;} .inverter_tab .box_table .con_table.st_pv .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:-336px; position:absolute; left:50%; bottom:-5px; width:670px; height:10px; background: #fff; border-radius:0 0 5px 5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_pv table {position:reletive; margin:-1px auto 25px auto; width: 672px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_pv table .in_table {margin-top:20px; width: 94%; border: none; background: none; background-color: transparent;} .inverter_tab .box_table .con_table.st_pv table .in_table tr td {height: 40px; background: none; border-left: 1px solid #e5e5e5;} .inverter_tab .box_table .con_table.st_pv table .in_table tr td:FIRST-CHILD {border: none;} .inverter_tab .box_table .con_table.st_pv table .in_table tr.txt_title td {height: 20px; color:#0093ff; border-bottom: 1px solid #e5e5e5;} /*st_wt*/ .inverter_tab .box_table .con_table.st_wt .list_top {width:670px;} .inverter_tab .box_table .con_table.st_wt .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:-336px; position:absolute; left:50%; bottom:-5px; width:670px; height:10px; background: #fff; border-radius:0 0 5px 5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_wt table {position:reletive; margin:-1px auto 25px auto; width: 672px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_wt table .in_table {margin-top:20px; width: 94%; border: none; background: none; background-color: transparent;} .inverter_tab .box_table .con_table.st_wt table .in_table tr td {height: 40px; background: none; border-left: 1px solid #e5e5e5;} .inverter_tab .box_table .con_table.st_wt table tbody tr td.h_40 {height: 40px;} .inverter_tab .box_table .con_table.st_wt table .in_table tr td:FIRST-CHILD {border: none;} .inverter_tab .box_table .con_table.st_wt table .in_table tr.txt_title td {height: 20px; color:#0093ff; border-bottom: 1px solid #e5e5e5;} /*st_pcs*/ .inverter_tab.pcs .box_table .con_table {margin-top: 0;} .inverter_tab .box_table .con_table.st_pcs .list_top {width:670px;} .inverter_tab .box_table .con_table.st_pcs .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:-336px; position:absolute; left:50%; bottom:-5px; width:670px; height:10px; background: #fff; border-radius:0 0 5px 5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_pcs table {position:reletive; margin:-1px auto 25px auto; width: 672px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_pcs table .in_table {margin-top:20px; width: 94%; border: none; background: none; background-color: transparent;} .inverter_tab .box_table .con_table.st_pcs table .in_table tr td {height: 40px; background: none; border-left: 1px solid #e5e5e5;} .inverter_tab .box_table .con_table.st_pcs table tbody tr td.h_40 {height: 40px;} .inverter_tab .box_table .con_table.st_pcs table .in_table tr td:FIRST-CHILD {border: none;} .inverter_tab .box_table .con_table.st_pcs table .in_table tr.txt_title td {height: 20px; color:#0093ff; border-bottom: 1px solid #e5e5e5;} /*st_dg*/ .inverter_tab .box_table .con_table.st_dg .list_top {width:670px;} .inverter_tab .box_table .con_table.st_dg .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:-336px; position:absolute; left:50%; bottom:-5px; width:670px; height:10px; background: #fff; border-radius:0 0 5px 5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_dg table {position:reletive; margin:-1px auto 25px auto; width: 672px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} .inverter_tab .box_table .con_table.st_dg table .in_table {margin-top:20px; width: 94%; border: none; background: none; background-color: transparent;} .inverter_tab .box_table .con_table.st_dg table .in_table tr td {height: 40px; background: none; border-left: 1px solid #e5e5e5;} .inverter_tab .box_table .con_table.st_dg table tbody tr td.h_40 {height: 40px;} .inverter_tab .box_table .con_table.st_dg table .in_table tr td:FIRST-CHILD {border: none;} .inverter_tab .box_table .con_table.st_dg table .in_table tr.txt_title td {height: 20px; color:#0093ff; border-bottom: 1px solid #e5e5e5;} /*pop_con_box*/ #pop_wrap .pop_con_box {margin:0 auto 15px auto; width:670px; height: auto;} #pop_wrap .pop_con_box h1 {margin-bottom: 0 !important; height: 35px; line-height: 35px; background-color: #4cb3ff;} #pop_wrap .pop_con_box .con_area {width: 668px; height: auto; overflow:hidden; border: 1px solid #e5e5e5; border-top: none; border-radius:5px; background-color: #f3f3f3;} #pop_wrap .pop_con_box .con_area ul {display: reletive; width: 100%; height: 100%;} #pop_wrap .pop_con_box .con_area ul li {width: 100%; line-height: 50px; font-size: 16px; color: #242424;} #pop_wrap .pop_con_box .con_area ul li h5.title {float:left; width: 120px; height: 100%; font-size: 16px; color: #242424; text-align: center;} #pop_wrap .pop_con_box .con_area ul li .txt_box {float:left; width: 548px; min-height: 49px; background-color: #fff;} #pop_wrap .pop_con_box .con_area ul li .txt_box span {margin:0 auto; display:block; width:518px; border-top: 1px solid #dcdcdc;} #pop_wrap .pop_con_box .con_area ul li:FIRST-CHILD .txt_box span {border-top: none;} /*header*/ #header {margin:0 auto; width: 1100px; height: 85px;} #header .main_logo {padding-top:27px;} #header .main_logo a {display: block; width: 270px; height: 27px; background: url("../images/logo.png"); background-repeat: no-repeat;} #header .main_nav {position: absolute; top:0; right:0; width: 762px; height: 75px; background: url("../images/menu_bar.png"); background-repeat: no-repeat; background-position: right top;} #header .main_nav ul li {float:right} #header .main_nav ul li a {display:block; width: 152px; height: 75px; line-height: 86px; font-size:16px; color:#003861; font-weight:bold; text-align:center; background: url("../images/menu_bar.png"); background-repeat: no-repeat; background-position: left top;} #header .main_nav ul li a:HOVER {color:#2691f5;} /*container*/ #container {padding-top:25px; width:100%; min-width:1100px; height: auto; min-height:950px;} #container.bg_stats_all {background: url("../images/bg_stats_all.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_solar {background: url("../images/sub_solar.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt {background: url("../images/sub_wt.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms {background: url("../images/sub_bms.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs {background: url("../images/sub_pcs.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg {background: url("../images/sub_diesel.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami {background: url("../images/sub_ami.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con {margin:0 auto; width:1100px; height: auto;} /*left*/ #container .box_con .left_side {float: left; width: 195px;} #container .box_con .left_side ul.box_menu {width: 150px; height: auto; overflow: hidden; background: #fff; background: rgba(255,255,255,0.5); box-shadow:5px 5px 8px 0px rgba(0, 0, 0, 0.1);} #container .box_con .left_side ul.box_menu h1.title {height:70px; line-height:70px; font-size:20px; color:#003861; font-weight:bolder; text-align: center;} #container .box_con .left_side ul.box_menu li {display:block; width: 100%; line-height: 40px; font-size:12px; color:#242424; font-weight:bold; text-indent:30px;} /*l_menu_1*/ #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_01 {background: url("../images/side_menu_01_01.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_02 {background: url("../images/side_menu_01_02.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_03 {background: url("../images/side_menu_01_03.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_04 {background: url("../images/side_menu_01_04.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_05 {background: url("../images/side_menu_01_05.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_06 {background: url("../images/side_menu_01_06.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_1 li.l_menu_07 {background: url("../images/side_menu_01_07.png"); background-repeat: no-repeat; background-position: 10px 0px;} /*l_menu_2*/ #container .box_con .left_side ul.box_menu.l_menu_2 li.l_menu_01 {background: url("../images/side_menu_05_01.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_2 li.l_menu_02 {background: url("../images/side_menu_05_02.png"); background-repeat: no-repeat; background-position: 10px 0px;} /*l_menu_3*/ #container .box_con .left_side ul.box_menu.l_menu_3 li.l_menu_01 {background: url("../images/side_menu_03_01.png"); background-repeat: no-repeat; background-position: 10px 0px;} /*l_menu_5*/ #container .box_con .left_side ul.box_menu.l_menu_5 li.l_menu_01 {background: url("../images/side_menu_05_01.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_5 li.l_menu_02 {background: url("../images/side_menu_05_02.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu.l_menu_5 li.l_menu_03 {background: url("../images/side_menu_05_03.png"); background-repeat: no-repeat; background-position: 10px 0px;} #container .box_con .left_side ul.box_menu li a {padding:0 10px; display:block; width: 130px; height: 39px; line-height: 40px; font-size:12px; color:#242424; font-weight:bold; text-indent:30px; border-bottom:1px solid #dff1ff; background: url("../images/side_menu_arr.png"); background-repeat: no-repeat; background-position: 128px center;} #container .box_con .left_side ul.box_menu li.on a {background: url("../images/side_menu_arr_down.png"); background-repeat: no-repeat; background-position: 128px center;} #container .box_con .left_side ul.box_menu li a.on, #container .box_con .left_side ul.box_menu li a:HOVER {color: #40a4f1;} #container .box_con .left_side ul.box_menu li .menu_down {display: none;} #container .box_con .left_side ul.box_menu li.on .menu_down {display: block;} #container .box_con .left_side ul.box_menu li .menu_down ul li {background-position:0px 0px; background-color:#dff1ff; background-color: rgba(223,241,255,0.6);} #container .box_con .left_side ul.box_menu li .menu_down ul li a {background: none; border-bottom: 1px solid #fff;} #container .box_con .left_side ul.box_menu li .menu_down ul li .menu_down ul li {background-position:0px 0px; background-color:#aadaff; background-color: rgba(133,183,255,0.2);} #container .box_con .left_side ul.box_menu li .menu_down ul li .menu_down ul li a {text-indent:45px; background: url("../images/side_menu_02_arr.png"); background-repeat: no-repeat; background-position: 40px 15px;} /*right*/ #container .box_con .right_side {float: left; width: 905px;} #container .box_con .right_side h1 {position:relative; height:70px; line-height:70px; font-size:20px; color:#242424; font-weight:bold;} #container .box_con .right_side h1.sub_title {font-size:24px;font-weight:normal;} #container .box_con .right_side h1 span {padding-left:30px; font-weight:normal; background: url("../images/depth_arr.png"); background-repeat: no-repeat; background-position: 10px center;} #container .box_con .right_side h1 span:FIRST-CHILD {padding-left:0; background: none;} #container .box_con .right_side .state_main {height:auto; overflow:hidden;} #container.bg_pcs .box_con .right_side .state_main {overflow:visible;} /*con_search*/ #container .box_con .right_side .con_search {z-index:20; margin-bottom:25px; padding:10px 0; width: 905px; height: auto; font-size:14px; color:#ffffff; font-weight:bold; border-radius: 5px; border: 1px solid #004577; background :#025795; background-image: -moz-linear-gradient( -90deg, #025795 0%, #025088 100%); background-image: -webkit-linear-gradient( -90deg, #025795 0%, #025088 100%); background-image: -ms-linear-gradient( -90deg, #025795 0%, #025088 100%); box-shadow:inset 0px 0px 3px 0px rgba(255,255,255,0.5);} #container .box_con .right_side .con_search .row {margin:0 auto; width: 865px; height: 40px; line-height: 40px;} #container .box_con .right_side .con_search .row.num_house {z-index:10;/*height:auto; overflow: hidden;*/} #container .box_con .right_side .con_search .row.num_house .con_check {margin-left:5px; width:760px; height:auto;} #container .box_con .right_side .con_search .row.term {margin-top:10px; padding-top:10px; border-top:1px solid #5284af;} #container .box_con .right_side .con_search .row.term:FIRST-CHILD {margin-top:0; padding-top:0; border: none;} #container .box_con .right_side .con_search .row.term .fix_date {float: left; height: 36px; line-height: 37px; font-weight: normal;} #container .box_con .right_side .con_search .row.term .fix_date span {padding-left: 10px;} #container .box_con .right_side .con_search .row.term .fix_date span:FIRST-CHILD {padding-left: 0;} #container .box_con .right_side .con_search .row h3 {margin-left:20px; margin-right: 20px; float: left; width: 80px; height: 40px; line-height: 40px; text-align: center;} #container .box_con .right_side .con_search .row h3:FIRST-CHILD {margin-left:0px;} #container .box_con .right_side .con_search .row .con_check, #container .box_con .right_side .con_search .row .con_term, #container .box_con .right_side .con_search .row .con_typing {position:relative; float: left; height: 40px; line-height: 40px;} #container .box_con .right_side .con_search .row .con_check .check_m {margin-top:12px; margin-right: 30px; float: left; line-height:10px; font-weight: normal;} #container .box_con .right_side .con_search .row .con_check .check_m span {padding-left: 10px;} #container .box_con .right_side .con_search .row.term .con_term .in_date {margin-left:30px; padding:0 10px; width: 98px; height: 28px; line-height: 28px; font-size:14px; color:#242424; font-weight:bold; border: 1px solid #e5e5e5; border-radius: 5px;} #container .box_con .right_side .con_search .row.term .con_term .con_in_date {margin-left:0px; float: left;} #container .box_con .right_side .con_search .row .con_typing .in_typing {margin-top:5px; margin-right:10px; padding:0 10px; float: left; width: 170px; height: 28px; line-height: 28px; font-size:14px; color:#878787; border: 1px solid #e5e5e5; border-radius: 5px;} #container .box_con .right_side .con_search .row.term .con_term .con_in_date .in_sear_date, #container .box_con .right_side .con_search .row .con_typing .in_sear_date {margin-top:5px; margin-left:10px; margin-right:10px; padding:0 10px; float: left; width: 90px; height: 28px; line-height: 28px; font-size:14px; color:#878787; border: 1px solid #e5e5e5; background: url("../images/icon_cld.png"); background-repeat: no-repeat; background-position:85px center; background-color:#fff; border-radius: 5px;} #container .box_con .right_side .con_search .row .con_typing .in_sear_date:FIRST-CHILD {margin-left: 0;} #container .box_con .right_side .con_search .row.term .con_term .con_in_date .in_sear_date.all_d {width: 120px; background-position: 115px center;} #container .box_con .right_side .con_search .row.term .con_term .con_in_date .in_date_mark {position: absolute; top:0px; left: 159px; font-size:12px; font-wight:normal;} #container .box_con .right_side .con_search .row .con_typing .in_sear_date span {line-height: 40px;} #container .box_con .right_side .con_search .row .con_typing .term_m_pop {position: absolute; left:117px; top:0;} /*selectBox*/ div.selectBox {z-index:10; margin-top:5px; position: relative; float:left; margin-right:20px; text-align: left; width: auto; height: 28px; line-height: 30px; color:#878787; cursor: default;} span.selected {width:134px; text-indent: 10px; font-size: 14px; border: 1px solid #e5e5e5; border-right: none; border-radius: 5px 0 0 5px; background: #f6f6f6; overflow: hidden; background: #ffffff;} span.selectArrow {width: 30px; border: 1px solid #e5e5e5; border-left: none; border-radius: 0 5px 5px 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:url("../images/icon_sel_arr.png"); background-repeat: no-repeat; background-position: center; background-color: #ffffff;} span.selectArrow, span.selected {margin-left:-1px; position: relative; float: left; height: 30px; z-index: 1;} ul.selectOptions {position: absolute; top: 28px; left: -1px; width: 163px; max-height:185px; border: 1px solid #e5e5e5; border-radius:0 0 5px 5px ; overflow-y: auto; background: #fff; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0; z-index:100} li.selectOption {display: block; line-height: 20px; padding: 5px 0 5px 10px; font-size: 14px; list-style: none; margin: 0} li.selectOption:hover {color: #f6f6f6;background: #4096ee;} /*ctl*/ .control_table {margin-bottom: 40px} .control_table .con_table table tbody tr td ul li div.selectBox {left:50%; margin:0; margin-left:-94px; margin-bottom:20px; float: none; color:#242424;} .control_table .con_table table tbody tr td ul li span.selected {width:160px;} .control_table .con_table table tbody tr td ul li span.selectArrow {background:url("../images/icon_sel_arr_blue.png"); background-repeat: no-repeat; background-position: center; background-color: #ffffff;} .control_table .con_table table tbody tr td ul li span.selectArrow, span.selected {margin-left:-1px; position: relative; float: left; height: 30px; z-index: 1;} .control_table .con_table table tbody tr td ul li ul.selectOptions {position: absolute; top: 28px; left: -1px; width: 189px; max-height:200px; border: 1px solid #e5e5e5; border-radius:0 0 5px 5px ; overflow-y: auto; background: #fff; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0;} .control_table .con_table table tbody tr td ul li li.selectOption {display: block; line-height: 20px; padding: 5px 0 5px 10px; width:179px; font-size: 14px; list-style: none; margin: 0; border: none;} .control_table .con_table table tbody tr td ul li li.selectOption:hover {color: #f6f6f6;background: #4096ee;} /*stats*/ .bt_st_more {margin-left:10px; display:inline-block; width: 68px; height: 23px; line-height: 23px; font-size:12px; color:#ff7b2c; font-weight:bold; text-align:center; border-radius:12px; background-color:#fff; border: 1px solid #ffb68b;} .bt_st_more:hover {color:#fff; background-color:#ff7b2c; border: 1px solid #ff7b2c;} /*color*/ #container.bg_stats_all .bt_st_more {margin-top:18px; color:#0094ff; border: 1px solid #009eff;} #container.bg_stats_all .bt_st_more:hover {color:#fff; background-color:#009eff;} /*table*/ #container.bg_stats_all .con_table .bt_st_more {margin:0px; color:#0094ff; border: 1px solid #009eff;} #container.bg_stats_all .con_table .bt_st_more:hover {color:#fff; background-color:#009eff;} #container.bg_wt .bt_st_more {color:#0094ff; border: 1px solid #aadaff;} #container.bg_wt .bt_st_more:hover {color:#fff; background-color:#0094ff; border: 1px solid #0094ff;} #container.bg_bms .bt_st_more {color:#d165e1; border: 1px solid #d165e1;} #container.bg_bms .bt_st_more:hover {color:#fff; background-color:#d165e1;} #container.bg_pcs .bt_st_more {color:#9ab700; border: 1px solid #99b900;} #container.bg_pcs .bt_st_more:hover {color:#fff; background-color:#99b900;} #container.bg_dg .bt_st_more {color:#fa2a63; border: 1px solid #fa2a63;} #container.bg_dg .bt_st_more:hover {color:#fff; background-color:#fa2a63;} #container.bg_ami .bt_st_more {color:#2BC45E; border: 1px solid #2BC45E;} #container.bg_ami .bt_st_more:hover {color:#fff; background-color:#2BC45E;} .bt_st_more.pa_right {position: absolute; top:17px; right:0;} /*bg_stats_all*/ .con_graph_tab {width: 100%; height: 360px;} .con_graph_tab .box_tab h2 {z-index:10; position: absolute; top: 0; left: 0; width: 178px; height: 44px; font-size: 1em; font-weight: normal; border-radius: 5px 5px 0 0; color: #242424; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color: #e5e5e5;} .con_graph_tab .box_tab.on h2 {color: #fff; background-color: #0096ff;} .con_graph_tab .box_tab.tab2 h2 {left: 188px;} .con_graph_tab .box_tab.tab3 h2 {left: 376px;} .con_graph_tab .box_tab h2 a {display: block; width: 100%; height: 44px; font-weight: bold; line-height: 44px; text-align: center; color: #242424;} .con_graph_tab .box_tab.on h2 a {color: #fff;} .con_graph_tab .box_tab .box_graph {display:none; position: absolute; top:45px; left: 0; width: 100%; height:auto; border-top: 1px solid #e5e5e5;} .con_graph_tab .box_tab.on .box_graph {display: block;} .con_graph_tab .box_tab .box_graph .area_graph {margin:0 auto; padding:20px 0; width: 865px; overflow-y: auto} .con_graph_tab .box_tab .box_graph .info_graph {clear:both; margin-top:20px; height:16px; text-align: center;} .con_graph_tab .box_tab .box_graph .info_graph .info_title {position:relative; padding-left:40px; padding-right:40px; float:center; font-size:14px; color:#242424;} .con_graph_tab .box_tab h2, .con_graph_tab .box_tab .box_graph {-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} /*con_wth_info*/ .con_wth_info {position: absolute; top:0; right: 0; width:;} .con_wth_info .box_wth {margin-right:10px; float: left; width:58px; height:58px; color:#4a4b4c; font-weight:bold; text-align: center; border: 1px solid #2691ff; border-radius:30px;} .con_wth_info .box_wth.ch_02 {background: url("../images/wth_icon_tem.png"); background-position: 10px 29px; background-repeat: no-repeat;} .con_wth_info .box_wth.ch_02 h5 {margin-bottom: 2px;} .con_wth_info .box_wth.ch_02 .txt_num {padding-left: 15px} .con_wth_info .box_wth.ch_05 h5 {margin-bottom: 2px;} .con_wth_info .box_wth h5 {margin-top:8px; width: 100%; hegith:14px; line-height:14px; font-size:12px;} .con_wth_info .box_wth span.txt_num {height:20px; line-height:20px; font-size:14px; color:#0077e4;} .con_wth_info .box_wth span.txt_unit {display:block; hegith:12px; line-height:12px; font-size:10px; color:#4a4b4c;} /*날씨아이콘*/ .con_wth_info .box_wth span.icon_w {margin:1px 15px; display:block; width: 32px; height: 32px;} .con_wth_info .box_wth span.icon_w.NB01 {background: url("../images/NB01_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB01_N {background: url("../images/NB01_N_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB02 {background: url("../images/NB02_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB02_N {background: url("../images/NB02_N_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB03 {background: url("../images/NB03_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB03_N {background: url("../images/NB03_N_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB04 {background: url("../images/NB04_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB07 {background: url("../images/NB07_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB08 {background: url("../images/NB08_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB11 {background: url("../images/NB11_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB12 {background: url("../images/NB12_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB13 {background: url("../images/NB13_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB14 {background: url("../images/NB14_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB15 {background: url("../images/NB15_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB16 {background: url("../images/NB16_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB17 {background: url("../images/NB17_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB18 {background: url("../images/NB18_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB20 {background: url("../images/NB20_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB21 {background: url("../images/NB21_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB22 {background: url("../images/NB22_blue.png"); background-position: center; background-repeat: no-repeat;} .con_wth_info .box_wth span.icon_w.NB23 {background: url("../images/NB23_blue.png"); background-position: center; background-repeat: no-repeat;} /*con_dvl*/ #container.bg_stats_all .box_con .right_side .con_dvl {height: 400px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl {float: left; width: 447px; height:365px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl.ch_01 {background: none; background: url("../images/sta_dvl_bar.png"); background-position: right center; background-repeat: no-repeat;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl.ch_02 {background: none;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph {margin-top:50px; padding-left:30px; float: left; width: 205px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .icon_elc_c {pointer-events:none; z-index:10; position: absolute; display:block; width:172px; height: 172px; background: url("../images/sta_icon_elc.png"); background-position: center; background-repeat: no-repeat;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p {position:relative; width: 100%; height:22px;line-height: 22px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p:FIRST-CHILD {margin-top: 20px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p span.graph_color {position:absolute; top:5px; left:50px; display: block; width: 12px; height: 12px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p.ch_pv span.graph_color {background-color:#ff6900;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p.ch_wt span.graph_color {background-color:#0090ff;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p.ch_dg span.graph_color {background-color:#e4007f;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .box_graph .graph_info p span.txt_title {padding-left: 80px; font-size: 12px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt {margin:0; position:absolute; top:60px; left:250px; width: 200px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt h5.title {height: 30px; line-height: 30px; font-size: 24px; color:#242424; font-weight: bold;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt h5.sub_title {height: 30px; line-height: 30px; font-size: 18px; color:#6f6f6f; font-weight: bold;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt .box_mid {height: 60px; line-height: 40px;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt .box_mid .txt_title {font-size: 16px; color:#242424;} #container.bg_stats_all .box_con .right_side .con_dvl .box_dvl .con_txt .box_mid .txt_unit {position:absolute; top:25px; left:0px; font-size: 22px; color:#242424;} /**/ #container.bg_stats_all .con_pv, #container.bg_stats_all .con_wt, #container.bg_stats_all .con_pcs, #container.bg_stats_all .con_bms {margin-bottom:10px; float:left; width: 443px; height: auto; overflow:hidden; border-radius: 5px; border: 1px solid rgb(229, 229, 229);} #container.bg_stats_all .con_pv {margin-right:12px; padding-top: 238px; background: url("../images/sta_pv_bg.png"); background-repeat: no-repeat; background-position:center top; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.7);} #container.bg_stats_all .con_wt {padding-top: 238px; background: url("../images/sta_wt_bg.png"); background-repeat: no-repeat; background-position:center top; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.7);} #container.bg_stats_all .con_pcs {padding-top: 20px; margin-right:12px; height: 288px; background: url("../images/sta_pcs_bg.png"); background-repeat: no-repeat; background-position:left 20px; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.7);} #container.bg_stats_all .con_pcs .con_table.sta {margin-left: 200px;} #container.bg_stats_all .con_bms {padding-top: 20px; height: 288px; background: url("../images/sta_bms_bg.png"); background-repeat: no-repeat; background-position:left 20px; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.7);} #container.bg_stats_all .con_bms .con_table.sta {margin-left: 200px;} #container.bg_stats_all .con_dg {padding-top: 20px; background: url("../images/sta_dg_bg.png"); background-repeat: no-repeat; background-position:left 50px; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.7);} #container.bg_stats_all .con_dg .con_table.sta {margin-left: 440px;} #container.bg_stats_all .con_dg, #container.bg_stats_all .con_ami {margin-bottom:10px; width: 903px; height: auto; overflow:hidden; border-radius: 5px; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.702); border: 1px solid rgb(229, 229, 229);} /*con_ami*/ #container.bg_stats_all .con_ami {} #container.bg_stats_all .con_ami h1 {float: left; width: 160px; height:185px; line-height:185px; text-indent: 40px;} #container.bg_stats_all .con_ami .box_ami {margin-top:16px; float: left; width: 150px; height: 150px; line-height:150px; text-align: center; border-radius: 10px; border: 1px solid #009eff;} #container.bg_stats_all .con_ami .box_ami.ch_01 {margin-right:40px; background: url("../images/sta_icon_wifi.png"); background-repeat: no-repeat; background-position:center 27px; background-color: #f2faff;} #container.bg_stats_all .con_ami .box_ami.ch_02 {margin-right:40px; background: url("../images/sta_icon_plug.png"); background-repeat: no-repeat; background-position:center 27px; background-color: #f2faff;} #container.bg_stats_all .con_ami .box_ami.ch_03 {margin-right:40px; background: url("../images/sta_icon_bolt.png"); background-repeat: no-repeat; background-position:center 27px; background-color: #f2faff;} #container.bg_stats_all .con_ami .box_ami.ch_04 {background: url("../images/sta_icon_scd.png"); background-repeat: no-repeat; background-position:center 27px; background-color: #f2faff;} #container.bg_stats_all .con_ami .box_ami h5 {margin-top:80px; height:20px; line-height:20px; font-size: 16px; color: #0090ff;} #container.bg_stats_all .con_ami .box_ami .txt_num {height:40px; line-height:40px; font-size: 22px; color: #000000;} /*con_dvl*/ #container .box_con .right_side .con_dvl {height: 230px;} #container .box_con .right_side .con_dvl .box_dvl {float: left; width: 185px; height: 160px;} #container .box_con .right_side .con_dvl .box_dvl.ch_01 {background: url("../images/solar_dvl_01.png"); background-repeat: no-repeat; background-position:left top;} #container .box_con .right_side .con_dvl .box_dvl.ch_02 {background: url("../images/solar_dvl_02.png"); background-repeat: no-repeat; background-position:left top;} #container .box_con .right_side .con_dvl .box_dvl.ch_03 {background: url("../images/solar_dvl_03.png"); background-repeat: no-repeat; background-position:left top;} /*wt*/ #container.bg_wt .box_con .right_side .con_dvl .box_dvl.ch_01 {background: url("../images/wt_dvl_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_wt .box_con .right_side .con_dvl .box_dvl.ch_02 {background: url("../images/wt_dvl_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_wt .box_con .right_side .con_dvl .box_dvl.ch_03 {background: url("../images/wt_dvl_03.png"); background-repeat: no-repeat; background-position:left top;} /*bms*/ #container.bg_bms .box_con .right_side .con_dvl .box_dvl.ch_01 {width: 235px; background: url("../images/bms_dvl_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_bms .box_con .right_side .con_dvl .box_dvl.ch_02 {width: 235px; background: url("../images/bms_dvl_02.png"); background-repeat: no-repeat; background-position:left top;} /*dg*/ #container.bg_dg .box_con .right_side .con_dvl .box_dvl.ch_01 {background: url("../images/dg_dvl_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_dg .box_con .right_side .con_dvl .box_dvl.ch_02 {background: url("../images/dg_dvl_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_dg .box_con .right_side .con_dvl .box_dvl.ch_03 {background: url("../images/dg_dvl_03.png"); background-repeat: no-repeat; background-position:left top;} /*ami*/ #container.bg_ami .box_con .right_side .con_dvl {height: 700px; background: url("../images/ami_inverter_bg.png"); background-repeat: no-repeat; background-position:left 250px;} #container.bg_ami .box_con .right_side .con_dvl .box_dvl.ch_01 {width: 235px; background: url("../images/ami_dvl_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_ami .box_con .right_side .con_dvl .box_dvl.ch_02 {width: 235px; background: url("../images/ami_dvl_02.png"); background-repeat: no-repeat; background-position:left top;} #container .box_con .right_side .con_dvl .box_dvl .con_txt {margin-top: 92px; margin-bottom: 8px;} #container .box_con .right_side .con_dvl .box_dvl .con_txt .txt_num {font-size: 40px; color:#242424; font-weight: bold;} #container .box_con .right_side .con_dvl .box_dvl .con_txt .txt_unit {font-size: 20px; color:#242424; vertical-align: bottom;} #container .box_con .right_side .con_dvl .box_dvl h5.title {height:20px; line-height:20px; font-size: 16px; color:#6f6f6f;} /*con_mi*/ #container .box_con .right_side .con_mi {height:530px; background: url("../images/solar_inverter_bg.png"); background-repeat: no-repeat; background-position:left top;} #container .box_con .right_side .con_mi .box_mi {padding-top:225px; float:left; width:195px; height:152px; background: url("../images/sun_operation.png"); background-repeat: no-repeat; background-position:left 55px; } #container .box_con .right_side .con_mi .box_mi.cn_gray {background: url("../images/sun_stop.png"); background-repeat: no-repeat; background-position:left 55px;} #container .box_con .right_side .con_mi .box_mi.cn_red {background: url("../images/sun_problem.png"); background-repeat: no-repeat; background-position:left 55px;} /*solar/.bg_solar*/ #container .box_con .right_side .con_mi .box_mi.ch_01 {z-index:20; position:absolute; top:0; left:5px;} #container .box_con .right_side .con_mi .box_mi.ch_02 {z-index:10; padding-left:53px; position:absolute; top:0; left:134px;} #container .box_con .right_side .con_mi .box_mi.ch_03 {padding-left:120px; position:absolute; top:0; left:255px;} #container .box_con .right_side .con_mi .box_mi h1 {height:24px; line-height:24px; font-size:20px; color:#ff7316; font-weight: bold;} /*wt/.bg_wt*/ #container.bg_wt .box_con .right_side .con_mi {background: url("../images/wt_inverter_bg.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_01 {position:absolute; top:0; left:5px; padding-top:180px; float:left; width:320px; height:260px; background: url("../images/wind_operation_01.gif"); background-repeat: no-repeat; } #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_02 {position:absolute; top:0; left:245px; padding-top:180px; padding-left:135px; float:left; width:300px; height:260px; background: url("../images/wind_operation_02.gif"); background-repeat: no-repeat; background-position:-45px 45px; } #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_01.cn_gray {background: url("../images/wind_stop_01.png"); background-repeat: no-repeat; background-position:right 34px;} #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_02.cn_gray {background: url("../images/wind_stop_02.png"); background-repeat: no-repeat; background-position:left 113px;} #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_01.cn_red {background: url("../images/wind_problem_01.png"); background-repeat: no-repeat; background-position:right 34px;} #container.bg_wt .box_con .right_side .con_mi .box_mi.ch_02.cn_red {background: url("../images/wind_problem_02.png"); background-repeat: no-repeat; background-position:left 113px;} #container.bg_wt .box_con .right_side .con_mi .box_mi h1 {color:#0094ff;} /*bms/.bg_bms*/ #container.bg_bms .box_con .right_side .con_mi {height:380px; background: url("../images/bms_inverter_bg.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_bms .box_con .right_side .con_mi .box_mi.ch_01 {position:absolute; top:0; left:5px; padding-top:90px; padding-left:200px; float:left; width:200px; height:260px; background: url("../images/bms_operation.png"); background-repeat: no-repeat; background-position:50px 90px;} #container.bg_bms .box_con .right_side .con_mi .box_mi.ch_01.cn_gray {background: url("../images/bms_stop.png"); background-repeat: no-repeat; background-position:50px 90px;} #container.bg_bms .box_con .right_side .con_mi .box_mi.ch_01.cn_red {background: url("../images/bms_problem.png"); background-repeat: no-repeat; background-position:50px 90px;} #container.bg_bms .box_con .right_side .con_mi .box_mi h1 {color:#d165e1;} /*pcs/.bg_pcs*/ #container.bg_pcs .box_con .right_side .con_mi {height:290px; background: url("../images/pcs_inverter_bg.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_pcs .box_con .right_side .con_mi.con_event {background: url("../images/pcs_inverter_event.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_pcs .box_con .right_side .con_mi.con_save {background: url("../images/pcs_inverter_save.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_pcs .box_con .right_side .con_mi .box_mi {padding-top:0px; padding-left:330px; float:left; width:auto; height:260px; background:none;} #container.bg_pcs .box_con .right_side .con_mi .box_mi h1 {color:#728b00;} #container.bg_pcs .box_con .right_side .con_mi .box_mi .cn_green {height: 70px !important;} #container.bg_pcs .box_con .right_side .con_mi .box_mi .cn_red {height: 70px !important;} #container.bg_pcs .box_con .right_side .con_mi .box_mi .box_mid .txt_title {width: 40px;} /*dg/.bg_dg*/ #container.bg_dg .box_con .right_side .con_mi {margin-top:10px; height:520px; background: url("../images/dg_inverter_bg.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_01 {position:absolute; top:0; left:5px; padding-top:215px; padding-left:60px; float:left; width:275px; height:260px; background: url("../images/diesel_operation_01.png"); background-repeat: no-repeat; background-position:96px 17px;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_02 {z-index:100;position:absolute; top:0; left:255px; padding-top:215px; padding-left:45px; float:left; width:300px; height:260px; background: url("../images/diesel_operation_02.png"); background-repeat: no-repeat; background-position:-23px 39px;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_01.cn_gray {background: url("../images/diesel_stop_01.png"); background-repeat: no-repeat; background-position:96px 17px;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_02.cn_gray {background: url("../images/diesel_stop_02.png"); background-repeat: no-repeat; background-position:-23px 39px;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_01.cn_red {background: url("../images/diesel_problem_01.png"); background-repeat: no-repeat; background-position:96px 17px;} #container.bg_dg .box_con .right_side .con_mi .box_mi.ch_02.cn_red {background: url("../images/diesel_problem_02.png"); background-repeat: no-repeat; background-position:-23px 39px;} #container.bg_dg .box_con .right_side .con_mi .box_mi h1 {color:#fa2a63;} #container.bg_dg .box_con .right_side .con_mi .box_mi .box_mid .txt_title {display:inline-block; width: 85px; color:#6f6f6f;} #container .box_con .right_side .con_mi .box_mi .cn_green {display: block; width: 46px; height: 60px; background: url("../images/mi_cn_green.png"); background-repeat: no-repeat; background-position: left center;} #container .box_con .right_side .con_mi .box_mi .cn_red {display: block; width: 46px; height: 60px; background: url("../images/mi_cn_red.png"); background-repeat: no-repeat; background-position: center;} #container .box_con .right_side .con_mi .box_mi .box_mid {width: 100%; height: 31px; line-height: 31px; font-size: 16px;} #container .box_con .right_side .con_mi .box_mi .box_mid .txt_title {display:inline-block; width: 70px; color:#6f6f6f;} #container .box_con .right_side .con_mi .box_mi .box_mid .txt_unit {font-weight: bold;} #container .box_con .right_side .con_mi .box_mi .box_mid .txt_unit.con_txt_green {color:#00991d;} #container .box_con .right_side .con_mi .box_mi .box_mid .txt_unit.con_txt_red {color:#da3407;} /*con_clt*/ #container .box_con .right_side .con_clt {position: absolute; top:0px; right:0px; width: 330px; height: 360px;} #container.bg_pcs .box_con .right_side .con_clt {top:-70px;} #container .box_con .right_side .con_clt .clt_graph {margin:0 auto; width: 250px; height: 250px;} #container .box_con .right_side .con_clt .clt_graph.per_00 {background: url("../images/con_clt_grd_00.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/solar_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/solar_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/solar_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/solar_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/solar_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/solar_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/solar_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/solar_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/solar_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/solar_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} /*wt*/ #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/wt_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/wt_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/wt_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/wt_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/wt_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/wt_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/wt_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/wt_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/wt_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_wt .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/wt_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} /*bms*/ #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/bms_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/bms_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/bms_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/bms_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/bms_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/bms_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/bms_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/bms_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/bms_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_bms .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/bms_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} /*pcs*/ #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/pcs_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/pcs_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/pcs_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/pcs_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/pcs_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/pcs_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/pcs_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/pcs_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/pcs_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_pcs .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/pcs_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} /*dg*/ #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/dg_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/dg_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/dg_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/dg_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/dg_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/dg_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/dg_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/dg_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/dg_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_dg .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/dg_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} /*ami*/ #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_01 {background: url("../images/ami_con_clt_grd_01.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_02 {background: url("../images/ami_con_clt_grd_02.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_03 {background: url("../images/ami_con_clt_grd_03.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_04 {background: url("../images/ami_con_clt_grd_04.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_05 {background: url("../images/ami_con_clt_grd_05.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_06 {background: url("../images/ami_con_clt_grd_06.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_07 {background: url("../images/ami_con_clt_grd_07.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_08 {background: url("../images/ami_con_clt_grd_08.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_09 {background: url("../images/ami_con_clt_grd_09.png"); background-repeat: no-repeat; background-position: center top;} #container.bg_ami .box_con .right_side .con_clt .clt_graph.per_10 {background: url("../images/ami_con_clt_grd_10.png"); background-repeat: no-repeat; background-position: center top;} #container .box_con .right_side .con_clt .clt_graph .txt_per {margin:0 auto; display:block; width: 250px; height: 250px; line-height: 230px; font-size:50px; color:#242424; font-weight:bold; text-align: center; background: url("../images/con_clt_bg.png"); background-repeat: no-repeat; background-position: center;} #container .box_con .right_side .con_clt .clt_graph .txt_max_per {position:absolute; top:142px; display:block; width: 250px; height: 32px; line-height: 32px; font-size:20px; color:#6f6f6f; text-align: center;} /*con_wth*/ #container .box_con .right_side .con_wth {position: absolute; top:360px; right:0px; width: 331px; height: 360px;} /*box_wth_bg*/ #container .box_con .right_side .con_wth .box_wth {margin-bottom:10px; width: 331px; height: 56px; line-height: 56px; background: url("../images/con_wth_bg_solar.png"); background-repeat: no-repeat;} /*box_wth_bg > icon*/ /*pv/.bg_solar*/ #container .box_con .right_side .con_wth .box_wth .icon_sun {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_sun.png"); background-repeat: no-repeat; background-position: center;} #container .box_con .right_side .con_wth .box_wth .icon_tem {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_tem.png"); background-repeat: no-repeat; background-position: center;} /*wt/.bg_wt*/ #container.bg_wt .box_con .right_side .con_wth .box_wth {background: url("../images/con_wth_bg_wt.png"); background-repeat: no-repeat;} #container.bg_wt .box_con .right_side .con_wth .box_wth .icon_ws {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_ws.png"); background-repeat: no-repeat; background-position: center;} #container.bg_wt .box_con .right_side .con_wth .box_wth .icon_wv {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_wv.png"); background-repeat: no-repeat; background-position: center;} /*dg/.bg_dg*/ #container.bg_dg .box_con .right_side .con_wth .box_wth {background: url("../images/con_wth_bg_dg.png"); background-repeat: no-repeat;} #container.bg_dg .box_con .right_side .con_wth .box_wth .icon_oil {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_oil.png"); background-repeat: no-repeat; background-position: center;} #container.bg_dg .box_con .right_side .con_wth .box_wth .icon_liter {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_liter.png"); background-repeat: no-repeat; background-position: center;} /*ami/.ami*/ #container.bg_ami .box_con .right_side .con_wth .box_wth {background: url("../images/con_wth_bg_ami.png"); background-repeat: no-repeat;} #container.bg_ami .box_con .right_side .con_wth .box_wth .icon_cnt {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_cnt.png"); background-repeat: no-repeat; background-position: center;} #container.bg_ami .box_con .right_side .con_wth .box_wth .icon_home {margin-left:17px; display: inline-block; width: 63px; height: 56px; background: url("../images/wth_if_home.png"); background-repeat: no-repeat; background-position: center;} #container.bg_ami .box_con .right_side .con_wth .box_wth .txt_unit.con_green {color:#13c900; background: url("../images/ami_cn_green.png"); background-repeat: no-repeat; background-position: 50px center;} #container.bg_ami .box_con .right_side .con_wth .box_wth .txt_unit.con_red {color:#ff3600; background: url("../images/ami_cn_red.png"); background-repeat: no-repeat; background-position: 50px center;} /*20160713 ami rst css*/ #container.bg_ami .con_rst{width: 100%; height: 100px;} #container.bg_ami .con_rst .rst{width: 423px; height: 75px; line-height: 75px; float:right; background: url("../images/con_wth_bg_ami.png"); background-repeat: no-repeat; background-size:100%;} #container.bg_ami .con_rst .rst span{display: inline-block; width: 50px; height: 75px;} #container.bg_ami .con_rst .rst .rst_title{margin-left:15px; font-size:22px; font-weight: bold;} #container.bg_ami .con_rst .rst .rst_kw{margin-right:10px;text-align:right;} /*box_wth > txt*/ #container .box_con .right_side .con_wth .box_wth .txt_title {font-size:16px; color:#6f6f6f;} #container .box_con .right_side .con_wth .box_wth .txt_unit {position:absolute; top:0; right:40px; display:block; width:115px; height:56px; font-size:16px; color:#242424; font-weight:bold; text-align: right;} /*con_rack*/ #container.bg_bms .box_con .right_side .con_rack {position: absolute; top:290px; right:0px; width: 501px; height: 360px;} #container.bg_bms .box_con .right_side .con_rack .rack_table {width: 499px; height: 250px; border:1px solid #e5e5e5; background-color:#fff; border-radius:5px;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul {width: 100%; height: 100px; line-height: 50px;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li {float: left; width: 99px; height: 49px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li.ch_01, #container.bg_bms .box_con .right_side .con_rack .rack_table ul li.ch_06 {border-left: none;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li.ch_01 a {border-top-left-radius:5px;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li.ch_05 a {border-top-right-radius:5px;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li a {position:relative; display:block; width:100%; height: 49px; font-size:16px; color:#d165e1; font-weight: bold; text-align: center;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li a:HOVER {color:#fff; background-color:#e0e0e0;} #container.bg_bms .box_con .right_side .con_rack .rack_table ul li a.on {color:#fff; background-color:#de93ea;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack {width: 100%; height: 154px; border-top: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info {float: left;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info .txt_num {display:block; width:125px; height:110px; line-height:110px; font-size:30px; color: #242424; font-weight:bold; text-align: center;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info:FIRST-CHILD .txt_num {width:124px;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info .title {padding-top:10px; height:30px; line-height:44px; font-size:16px; color: #242424; background-color: #ececec; text-align: center;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info.ch_01 .title {border-bottom-left-radius:5px;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info.ch_04 .title {border-bottom-right-radius:5px;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info .title span {display:block; width:124px; height:22px; line-height:22px; border-left: 1px solid #c9c9c9;} #container.bg_bms .box_con .right_side .con_rack .rack_table .box_rack .box_info:FIRST-CHILD .title span {border-left: none;} /*con_graph*/ #container .box_con .right_side .con_graph {margin-bottom:25px; width: 903px; height: auto; border-radius: 5px; background-color:#fff/*ie7*/; background-color: rgba(255, 255, 255, 0.702); border: 1px solid rgb(229, 229, 229);} #container .box_con .right_side .con_graph .area_graph {margin:0 auto; padding-top:50px; padding-bottom:20px; width: 865px; overflow-y: auto} #container .box_con .right_side .con_graph .info_graph {clear:both; margin-top:40px; margin-bottom:40px; height:16px; text-align: center;} #container .box_con .right_side .con_graph .info_graph .info_title {position:relative; padding-left:40px; padding-right:40px; float:center; font-size:14px; color:#242424;} .info_title .g_info_db {position:absolute; top: 4px; left:0; display: block; width: 22px; height: 10px; background:#003861;} .info_graph .info_title .g_info_green {position:absolute; top: 4px; left:0; margin-right:10px; display: block; width: 22px; height: 10px; background:#1b9b36;} .info_graph .info_title .g_info_green_02 {position:absolute; top: 4px; left:0; margin-right:10px; display: block; width: 22px; height: 10px; background:#1ab700;} .info_graph .info_title .g_info_red {position:absolute; top: 4px; left:0; display: block; width: 22px; height: 10px; background:#b73209;} .info_graph .info_title .g_info_orange {position:absolute; top: 4px; left:0; display: block; width: 22px; height: 10px; background:#ff6600;} .info_graph .info_title .g_info_line_blue {position:absolute; top: 8px; left:0; display: block; width: 22px; height: 2px; background:#2290e6;} .info_graph .info_title .g_info_line_deepred {position:absolute; top: 8px; left:0; display: block; width: 22px; height: 2px; background:#b73209;} .info_graph .info_title .g_info_line_red {position:absolute; top: 8px; left:0; display: block; width: 22px; height: 2px; background:#ff3600;} /*con_table*/ .tr_wrn td {background-color: #ffd0cc !important;} #container .box_con .right_side .con_table .list_top {margin-top:10px; pointer-events:none; z-index:10; width:904px; height:11px; background-color: #4cb3fe; border-right:1px solid #4cb3fe; border-radius:5px 5px 0 0;} #container .box_con .right_side .con_table .list_sum {pointer-events:none; z-index:10; position:absolute; bottom:0; width:100%; height:50px; background: url("../images/table_last_sum.png"); background-repeat: no-repeat;} #container.bg_ami .box_con .right_side .con_table.main .list_sum {pointer-events:none; z-index:10; position:absolute; bottom:0; width:100%; height:50px; background: url("../images/table_last_sum.png"); background-repeat: no-repeat;} #container.bg_bms .box_con .right_side .con_table.ts_bms .list_sum {pointer-events:none; z-index:10; position:absolute; bottom:0; width:100%; height:50px; background: url("../images/bms_table_last_sum.png"); background-repeat: no-repeat;} #container .box_con .right_side .con_table table {position:reletive; margin-top:-1px; margin-bottom:25px; width: 905px; height: auto; background-color:#fff; border-radius:5px;} #container .box_con .right_side .con_table table table.in_table {margin-bottom:0; width: 100%; background:none;} #container .box_con .right_side .con_table table thead {height:auto; font-size:16px; color:#ffffff;} #container .box_con .right_side .con_table table thead tr th {margin-top:8px; margin-bottom:15px; padding:5px 0; height:16px; line-height:20px; background:#4cb3fe; border-left: 1px solid #5788ad;} #container .box_con .right_side .con_table table thead tr th:FIRST-CHILD {padding-left:10px; border: none; border-right: 1px solid #5788ad;} #container .box_con .right_side .con_table table thead tr th.t_bl {padding-left:10px; border: none; border-right: 1px solid #5788ad;} #container .box_con .right_side .con_table table thead tr th.t_br {padding-right:10px !important;} /*bg_stats_all*/ #container.bg_stats_all .box_con .right_side .con_table.sta table thead tr th {padding:0; border-left: 1px solid #52a0d8;} #container.bg_stats_all .box_con .right_side .con_table.sta table thead tr th:FIRST-CHILD {border-left: none; border-right: 1px solid #4cb5ff;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td {height: 40px; font-size: 14px; color:#242424; font-weight: bold;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr:FIRST-CHILD td {height: 60px;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td .cn_green {display: block; width: 100%; height: 60px; background: url("../images/mi_cn_green.png"); background-repeat: no-repeat; background-position:center;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td .cn_red {display: block; width: 100%; height: 60px; background: url("../images/mi_cn_red.png"); background-repeat: no-repeat; background-position: center;} #container.bg_stats_all .box_con .right_side .con_table.sta table thead tr.t_clear_bottom th {padding: 0px; width: 100%; height:10px; border: none !important;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td.td_gray {color:#6f6f6f; background: #f2f2f2; background: rgba(237,237,237,0.6);} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody {background: none;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td .con_txt_green {color:#00991d;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td .con_txt_red {color:#da3407;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr {height:40px; line-height:40px; background:none;} /*pv,wt,dg*/ #container.bg_stats_all .box_con .right_side .con_pv .con_table.sta .list_top, #container.bg_stats_all .box_con .right_side .con_wt .con_table.sta .list_top, #container.bg_stats_all .box_con .right_side .con_dg .con_table.sta .list_top {margin:0 auto; width: 390px; border: 1px solid #e5e5e5; border-bottom: none;} #container.bg_stats_all .box_con .right_side .con_pv .con_table.sta .list_sum, #container.bg_stats_all .box_con .right_side .con_wt .con_table.sta .list_sum, #container.bg_stats_all .box_con .right_side .con_dg .con_table.sta .list_sum {pointer-events:none; z-index:10; margin:0 auto; position:absolute; bottom:0; height:50px; background: url("../images/table_last_sum_392.png"); background-repeat: no-repeat; background-position: center bottom;} #container.bg_stats_all .box_con .right_side .con_pv .con_table.sta table, #container.bg_stats_all .box_con .right_side .con_wt .con_table.sta table, #container.bg_stats_all .box_con .right_side .con_dg .con_table.sta table {position:reletive; margin:-1px auto 25px auto; width: 392px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} /*con_mi*/ /*pv*/ #container.bg_stats_all .box_con .right_side .con_pv .con_mi {position:absolute; top:59px; left:29px; width:340px; height:140px; background: none;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi {width:159px; height:157px; background: url("../images/sun_operation_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi.cn_gray {background: url("../images/sun_stop_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi.cn_red {background: url("../images/sun_problem_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi.ch_01 {z-index:20; position:absolute; top:0px; left:5px;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi.ch_02 {z-index:10; position:absolute; top:0px; left:95px;} #container.bg_stats_all .box_con .right_side .con_pv .con_mi .box_mi.ch_03 {position:absolute; top:0px; left:190px;} /*wt*/ #container.bg_stats_all .box_con .right_side .con_wt .con_mi {position:absolute; top:20px; left:90px; width:220px; height:218px; background: none;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_01 {position:absolute; top:0px; left:0px; width:142px; height:250px; background: url("../images/wind_operation_01.gif"); background-repeat: no-repeat; background-position:left top;background-size:100% 45%;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_02 {position:absolute; top:60px; left:130px; padding-top:215px; padding-left:45px; float:left; width:101px; height:164px; background: url("../images/wind_operation_02.gif"); background-repeat: no-repeat; background-size:100% 37%;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_01.cn_gray {background: url("../images/wind_stop_01_sta.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_02.cn_gray {background: url("../images/wind_stop_02_sta.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_01.cn_red {background: url("../images/wind_problem_01_sta.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_wt .con_mi .box_mi.ch_02.cn_red {background: url("../images/wind_problem_02_sta.png"); background-repeat: no-repeat; background-position:left top;} /*bms*/ #container.bg_stats_all .box_con .right_side .con_bms .con_mi {position:absolute; top:55px; left:60px; width:105px; height:200px; background: none;} #container.bg_stats_all .box_con .right_side .con_bms .con_mi .box_mi.ch_01 {position:absolute; top:0px; left:0px; width:177px; height:180px; background: url("../images/bms_operation_sta.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_bms .con_mi .box_mi.ch_01.cn_gray {background: url("../images/bms_stop_sta.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_bms .con_mi .box_mi.ch_01.cn_red {background: url("../images/bms_problem_sta.png"); background-repeat: no-repeat; background-position:left top;} /*dg*/ #container.bg_stats_all .box_con .right_side .con_dg .con_mi {position:absolute; top:120px; left:115px; width:290px; height:180px; background: none;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_01 {position:absolute; top:5px; left:0px; width:177px; height:180px; background: url("../images/diesel_operation_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_02 {z-index:100; position:absolute; top:28px; left:130px; padding-top:215px; padding-left:45px; float:left; width:177px; height:180px; background: url("../images/diesel_operation_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_01.cn_gray {background: url("../images/diesel_stop_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_02.cn_gray {background: url("../images/diesel_stop_02.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_01.cn_red {background: url("../images/diesel_problem_01.png"); background-repeat: no-repeat; background-position:left top;} #container.bg_stats_all .box_con .right_side .con_dg .con_mi .box_mi.ch_02.cn_red {background: url("../images/diesel_problem_02.png"); background-repeat: no-repeat; background-position:left top;} /*pcs,bms*/ #container.bg_stats_all .box_con .right_side .con_pcs .con_table.sta .list_top, #container.bg_stats_all .box_con .right_side .con_bms .con_table.sta .list_top {margin:0 auto; width: 202px; border: 1px solid #e5e5e5; border-bottom: none;} #container.bg_stats_all .box_con .right_side .con_pcs .con_table.sta .list_sum, #container.bg_stats_all .box_con .right_side .con_bms .con_table.sta .list_sum {pointer-events:none; z-index:10; margin:0 auto; position:absolute; bottom:0; height:50px; background: url("../images/table_last_sum_204.png"); background-repeat: no-repeat; background-position: center bottom;} #container.bg_stats_all .box_con .right_side .con_bms .con_table.sta .list_sum {background: url("../images/table_last_sum_204_g.png"); background-repeat: no-repeat; background-position: center bottom;} #container.bg_stats_all .box_con .right_side .con_pcs .con_table.sta table, #container.bg_stats_all .box_con .right_side .con_bms .con_table.sta table {position:reletive; margin:-1px auto 25px auto; width: 204px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} #container.bg_stats_all .box_con .right_side .con_table.sta table tbody tr td.t_line_td_l span {padding-right: 10px} /*color*/ /*bg_stats_all*/ #container.bg_stats_all .box_con .right_side .con_table table thead tr th.bl_non {border: none !important;} /*solar*/ #container.bg_solar .box_con .right_side .con_table .list_top {background: #ff9c4c; border-right:1px solid #ff9c4c;} #container.bg_solar .box_con .right_side .con_table table thead tr th {background:#ff9c4c; border-left: 1px solid #d88d52;} #container.bg_solar .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none;} /*wt*/ #container.bg_wt .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none;} /*bms*/ #container.bg_bms .box_con .right_side .con_table .list_top {background: #df93ea; border-right:1px solid #df93ea;} #container.bg_bms .box_con .right_side .con_table table thead tr th {background:#df93ea; border-left: 1px solid #c087c8;} #container.bg_bms .box_con .right_side .con_table table thead tr th.bg_dark {height:24px; border:none; background: url("../images/table_line_td_bms.png"); background-position:left top; background-repeat: no-repeat; background-color:#b660af;} #container.bg_bms .box_con .right_side .con_table table thead tr th.b_none {border-left:none; background:none; background-color:#df93ea;} #container.bg_bms .box_con .right_side .con_table table thead tr th.bg_dark.b_none {border-left:none; background:none; background-color:#b660af;} #container.bg_bms .box_con .right_side .con_table table thead tr th.bg_dark span.b_white {display:block; width:100%; height:16px; border-left: 1px solid #cc90c7;} #container.bg_bms .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody {background: none;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.t_s_none, #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.t_s_none td {height: 10px;background-color: #fff; border:none;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.t_s_none td:FIRST-CHILD {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr td {font-size: 16px; color: #242424; font-weight: bold;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr td.bb_1 {border-bottom: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr td.td_gray {background: #ededed;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr td {border-left: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.row_02 td.b_none {border-left:none;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.row_02 td span {display:block; width:100%; height:16px; line-height:16px; border-right: 1px solid #e5e5e5;} #container.bg_bms .box_con .right_side .con_table table.tb_bms tbody tr.row_02 td.b_none span {border:none;} /*pcs*/ #container.bg_pcs .box_con .right_side .con_table .list_top {background: #b7ce4c; border-right:1px solid #b7ce4c;} #container.bg_pcs .box_con .right_side .con_table table thead tr th {background:#b7ce4c; border-left: 1px solid #4e4e4e;} #container.bg_pcs .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none;} /*dg*/ #container.bg_dg .box_con .right_side .con_table .list_top {background: #fb6991; border-right:1px solid #fb6991;} #container.bg_dg .box_con .right_side .con_table table thead tr th {background:#fb6991; border-left: 1px solid #d56785;} #container.bg_dg .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none;} /*ami*/ #container.bg_ami .box_con .right_side .con_table table tbody#amiList tr.tr_list_R {background: #fed1d6; border-right:1px solid #fed1d6;} #container.bg_ami .box_con .right_side .con_table table tbody#amiList tr.tr_list_S {background: #fbfe8d; border-right:1px solid #fbfe8d;} #container.bg_ami .box_con .right_side .con_table table tbody#amiList tr.tr_list_T {background: #99d8fd; border-right:1px solid #99d8fd;} #container.bg_ami .box_con .right_side .con_table table tbody#amiList tr.con_red {color:red;} #container.bg_ami .box_con .right_side .con_table table tbody{ background:none;} #container.bg_ami .box_con .right_side .con_table .list_top {background: #5cd784; border-right:1px solid #5cd784;} #container.bg_ami .box_con .right_side .con_table table thead tr th {background:#5cd784; border-left: 1px solid #5f9a72; text-align: center;} #container.bg_ami .box_con .right_side .con_table table thead tr th:FIRST-CHILD {border: none !important;} #container.bg_ami .box_con .right_side .con_table.main table thead tr th {border: none;} #container.bg_ami .box_con .right_side .con_table table thead tr th span {display:inline-block; width:140px; border-left: 1px solid #5f9a72;} #container.bg_ami .box_con .right_side .con_table table.ami_event thead tr th span {display:inline-block; width:auto; border-left: 1px solid #5f9a72;} #container.bg_ami .box_con .right_side .con_table table thead tr th span:FIRST-CHILD {border: none;} #container.bg_ami .box_con .right_side .con_table table tbody tr td span {display:inline-block; width:140px;} #container.bg_ami .box_con .right_side .con_table table tbody tr td.tr_wrn {background-color: #ffd0cc !important;} #container.bg_ami .box_con .right_side .con_table table tbody tr td .con_dot {text-indent:30px; background: url("../images/event_dot_green.png");background-position:50px center; background-repeat: no-repeat;} #container.bg_ami .box_con .right_side .con_table table tbody tr td .tr_wrn {text-indent:30px; background: url("../images/event_dot_red.png");background-position:50px center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table thead tr.t_head_pn th {padding: 0px;} #container .box_con .right_side .con_table table thead tr.t_clear_top th {padding: 0px; height:10px; border: none;} #container .box_con .right_side .con_table table thead tr.t_clear_bottom th {padding: 0px; height:10px; border: none;} #container .box_con .right_side .con_table table thead tr th.t_bb span {margin:0 auto 5px auto; padding-bottom:10px; display:block; width:94%; border-bottom: 1px solid #ededed;} #container .box_con .right_side .con_table table thead tr th.t_bb.w80 span, #container .box_con .right_side .con_table table thead tr th.t_bb.st_down span {display: block; width: 80%;} #container .box_con .right_side .con_table table thead tr th.t_bt span {padding-bottom:10px; display:block; border-top: 1px solid #5788ad;} #container .box_con .right_side .con_table table tbody {width: 100%; background: url("../images/table_line.png");} #container .box_con .right_side .con_table table tbody tr {height:50px; line-height:50px; font-size:12px; background:none;} #container.bg_ami .box_con .right_side .con_table table tbody tr {height:50px; line-height:50px; font-size:12px; background:none;} /*추 가*/ #container.bg_ami .box_con .right_side .con_table table tbody#amiList tr {height:33px; line-height:33px; font-size:12px; background:none;} #container .box_con .right_side .con_table table tbody tr.list_sum {position:relative; font-weight: bold; background: none;} #container .box_con .right_side .con_table table tbody tr.list_sum .t_line_td_l, #container .box_con .right_side .con_table table tbody tr.list_sum .t_line_td_r {background: none;} #container .box_con .right_side .con_table table tbody tr td {background:none; text-align: center;} #container .box_con .right_side .con_table table tbody tr td .txt_eps {margin:0 auto; display:block; white-space: nowrap; width: 20em; overflow: hidden; text-overflow: ellipsis;} #container .box_con .right_side .con_table table tbody tr td.no_data, #container .box_con .right_side .con_table table tbody tr td.no_search {vertical-align: top; height:492px; font-size:20px; color:#afafaf; text-align: center; background:url("../images/table_line_td_r.png"); background-position: right top; background-repeat: repeat-y; background-color: #fff;} #container .box_con .right_side .con_table table tbody tr td.no_data .t_lb, #container .box_con .right_side .con_table table tbody tr td.no_search .t_lb {position:absolute; width: 100%; height:492px; line-height:30px; background: url("../images/table_line_td_l.png");background-repeat: repeat-y;} #container .box_con .right_side .con_table table tbody tr td.no_data span.icon {margin:50px auto 25px auto; display: block; width: 82px; height:82px; background: url("../images/img_no_data.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td.no_search span.icon {margin:50px auto 25px auto; display: block; width: 82px; height:82px; background: url("../images/img_no_search.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td.t_line_td_l {padding-left:10px; background: url("../images/table_line_td_l.png");background-repeat: repeat-y;} #container .box_con .right_side .con_table table tbody tr td.t_line_td_r {padding-right:10px; background: url("../images/table_line_td_r.png");background-position:right center; background-repeat: repeat-y;} #container.bg_ami .box_con .right_side .con_table table tbody tr td.t_line_td_ami_top {width:1px; background: url("../images/table_line_td_ami_top.png");background-repeat: repeat-y;} #container.bg_ami .box_con .right_side .con_table table tbody tr td.t_line_td_ami {width:1px; background: url("../images/table_line_td_ami.png");background-repeat: repeat-y;} #container.bg_ami .box_con .right_side .con_table table tbody tr td.t_line_td_ami_down {width:1px; background: url("../images/table_line_td_ami_down.png");background-position:right center; background-repeat: repeat-y;} /*bg_weather*/ #container.bg_weather .box_con .right_side .con_table.staw .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:0px; position:absolute; left:0; bottom:0px; width:905px; height:50px; background: url("../images/table_last_sum_02.png") !important; background-repeat: no-repeat; background-position:center bottom;} #container.bg_weather .box_con .right_side .con_table.staw table thead tr th {padding:0; border-left: 1px solid #52a0d8;} #container.bg_weather .box_con .right_side .con_table.staw table thead tr th:FIRST-CHILD {border-left: none; border-right: 1px solid #4cb5ff;} #container.bg_weather .box_con .right_side .con_table.staw table thead tr th.b_none {border-left:none;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td {height: 40px; font-size: 14px; color:#242424; font-weight: bold;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr:FIRST-CHILD td {height: 60px;} #container.bg_weather .box_con .right_side .con_table.staw table thead tr.t_clear_bottom th {padding: 0px; width: 100%; height:10px; border: none !important;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td.td_gray {line-height:20px; color:#6f6f6f; background: url("../images/table_line_td_l_02.png");background-repeat: repeat-y; background-color: #f2f2f2;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td.td_br {padding-right:10px; background: url("../images/table_line_td_r.png");background-position:right center; background-repeat: repeat-y;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td span {display: block; height:24px; line-height:24px; border-right: 1px solid #e5e5e5;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td.td_gray span {height:40px; line-height:20px; border-right:0;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr td.td_br span {border-right:0;} #container.bg_weather .box_con .right_side .con_table.staw table tbody {background: none;} #container.bg_weather .box_con .right_side .con_table.staw table tbody tr {height:40px; line-height:40px; background:none;} /*날씨아이콘*/ #container .box_con .right_side .con_table table tbody tr td span.icon_w {margin:0px auto; display:block; width: 32px; height: 32px;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB01 {background: url("../images/NB01.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB01_N {background: url("../images/NB01_N.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB02 {background: url("../images/NB02.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB02_N {background: url("../images/NB02_N.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB03 {background: url("../images/NB03.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB03_N {background: url("../images/NB03_N.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB04 {background: url("../images/NB04.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB07 {background: url("../images/NB07.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB08 {background: url("../images/NB08.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB11 {background: url("../images/NB11.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB12 {background: url("../images/NB12.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB13 {background: url("../images/NB13.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB14 {background: url("../images/NB14.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB15 {background: url("../images/NB15.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB16 {background: url("../images/NB16.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB17 {background: url("../images/NB17.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB18 {background: url("../images/NB18.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB20 {background: url("../images/NB20.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB21 {background: url("../images/NB21.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB22 {background: url("../images/NB22.png"); background-position: center; background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.icon_w.NB23 {background: url("../images/NB23.png"); background-position: center; background-repeat: no-repeat;} /*현황메인_테이블_아이콘*/ #container .box_con .right_side .con_table table tbody tr td span.table_cn_check {margin:0 auto; display: block; width: 26px; height: 26px;} #container .box_con .right_side .con_table table tbody tr td span.table_cn_check.on {background: url("../images/table_cn_check.png"); background-repeat: no-repeat;} #container .box_con .right_side .con_table table tbody tr td span.table_cn_sms {margin:0 auto; display: block; width: 23px; height: 19px;} #container .box_con .right_side .con_table table tbody tr td span.table_cn_sms.on {background: url("../images/table_cn_sms.png"); background-repeat: no-repeat;} /*con_page*/ #container .con_page {margin-bottom:20px; width:100%; text-align: center;} #container .con_page a {margin:0 6px; position: relative; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size:12px; color:#5b5b5b; font-weight:bold; background: #e5e5e5; border-radius:25px;} #container .con_page a.on, #container .con_page a.on:HOVER {color:#fff; background: #0093ff;} /*color*/ #container.bg_solar .con_page a.on, #container.bg_solar .con_page a.on:HOVER {color:#fff; background: #ff9c4c;} #container.bg_bms .con_page a.on, #container.bg_bms .con_page a.on:HOVER {color:#fff; background: #df93ea;} #container.bg_pcs .con_page a.on, #container.bg_pcs .con_page a.on:HOVER {color:#fff; background: #d165e1;} #container.bg_pcs .con_page a.on, #container.bg_pcs .con_page a.on:HOVER {color:#fff; background: #b7ce4c;} #container.bg_dg .con_page a.on, #container.bg_dg .con_page a.on:HOVER {color:#fff; background: #fb6991;} #container .con_page a:HOVER {background: #b5babd;} #container .con_page a.bt_pre {background: url("../images/page_l.png"); background-repeat: no-repeat; background-position: center;} #container .con_page a.bt_pre.on {background: url("../images/page_l_on.png"); background-repeat: no-repeat; background-position: center;} #container .con_page a.bt_pre.on:HOVER {background: url("../images/page_l_ov.png"); background-repeat: no-repeat; background-position: center;} #container .con_page a.bt_next {background: url("../images/page_r.png"); background-repeat: no-repeat; background-position: center;} #container .con_page a.bt_next.on {background: url("../images/page_r_on.png"); background-repeat: no-repeat; background-position: center;} #container .con_page a.bt_next.on:HOVER {background: url("../images/page_r_ov.png") !important; background-repeat: no-repeat !important; background-position: center !important;} #container .con_page a.bt_pre span, #container .con_page a.bt_next span {position: absolute; left:-9999px; top:-9999px; text-indent: -9999px;} /*control_table*/ .control_table {width: 100%; height:auto;} .control_table h1 {margin-bottom:15px; height: 30px !important; line-height: 30px !important;} .control_table .cnt_info_box {position:absolute; top:0; right:0; width:230px; texe-align:center;} .control_table .cnt_info_box span {margin-left:25px;display:block; float:left; width:80px; height:30px; line-height:30px; font-size: 12px; text-align: right; font-weight: bold;} .control_table .cnt_info_box span.con_green {background: url("../images/ami_cn_green.png"); background-repeat: no-repeat; background-position: left center;} .control_table .cnt_info_box span.con_red {background: url("../images/ami_cn_red.png"); background-repeat: no-repeat; background-position: left center;} .control_table .con_table .list_top {margin:0px auto; pointer-events:none; z-index:10; width:903px !important; height:11px; background-color: #4cb3fe; border-radius:5px 5px 0 0; border: 1px solid #e5e5e5 !important; border-bottom: none !important;} .control_table .con_table .list_sum {pointer-events:none; z-index:10; margin:0 auto; margin-left:0px; position:absolute; left:0; bottom:0px; width:905px; height:50px; background: url("../images/table_last_sum_02.png") !important; background-repeat: no-repeat; background-position:center bottom;} .control_table .con_table table thead tr th {padding:0; color: #fff; background-color: #4cb3fe; border:none !important; border-left: 1px solid #52a0d8 !important;} .control_table .con_table table thead tr th:FIRST-CHILD {border-left: none !important;} .control_table .con_table table thead tr.head_bb th span {margin:0 auto; padding-bottom:10px; display:block; width:90%; border-bottom: 1px solid #52a0d8;} .control_table .con_table table tbody {background: none !important;} .control_table .con_table table tbody tr td {height: 110px; font-size: 16px; color:#242424; font-weight: bold; text-align: center; border-left: 1px solid #e5e5e5} .control_table .con_table table tbody tr td:FIRST-CHILD {border-left: none;} .control_table .con_table table thead tr.t_clear_bottom th {padding: 0px; width: 100%; height:10px; border: none !important;} .control_table .con_table table tbody tr td.td_gray {background-color:#f3f3f3 !important;} .control_table .con_table table tbody {background: none;} .control_table .con_table table tbody tr td .cn_green {padding-top:65px; display: block; width: 100%; height: 60px; color:#00d528; background: url("../images/mi_cn_green.png"); background-repeat: no-repeat; background-position:center 30px;} .control_table .con_table table tbody tr td .cn_red {padding-top:65px; display: block; width: 100%; height: 60px; color:#da3407; background: url("../images/mi_cn_red.png"); background-repeat: no-repeat; background-position: center 30px;} .control_table .con_table table tbody tr td .con_txt_blue {color:#4bb2ff;} .control_table .con_table table tbody tr td .con_txt_red {color:#da3407;} .control_table .con_table table tbody tr td span.title {margin:0px auto; display:block; width:80%; border-bottom:1px solid #e5e5e5;} .control_table .con_table table tbody tr td span.dp_bl {display:block; height:26px;line-height:26px;} .control_table .con_table table tbody tr td .con_txt_green {color:#00991d;} .control_table .con_table table tbody tr td .con_txt_red {color:#F96D35;} .control_table .con_table table tbody tr {height:40px; line-height:40px; background:none;} .control_table .con_table table {position:reletive; margin:-1px auto 25px auto; width: 672px; height: auto; background-color:#fff; background-color:rgba(255,255,255,0.6); border-radius:5px; border: 1px solid #e5e5e5; border-top: none;} .control_table .con_table table .in_table {margin-top:20px; width: 94%; border: none; background: none; background-color: transparent;} .control_table .con_table table .in_table tr td {height: 40px; background: none; border-left: 1px solid #e5e5e5;} .control_table .con_table table .in_table tr td:FIRST-CHILD {border: none;} .control_table .con_table table .in_table tr.txt_title td {height: 20px; color:#0093ff; border-bottom: 1px solid #e5e5e5;} .control_table .con_table table tbody tr td ul li {margin:0 auto; padding: 25px 0 5px 0; position:relative; width:90%; border-top: 1px solid #e5e5e5;} .control_table .con_table table tbody tr td ul li:FIRST-CHILD {border-top: none;} .control_table .con_table table tbody tr td.ta_pcs {width: 130px} .control_table .con_table table tbody tr td.ta_pcs ul li {padding: 0;} .control_table .con_table table tbody tr td .ivt_box {margin-bottom:20px; width:100%; height:21px !important; line-height:21px !important; text-align:center;} .control_table .con_table table tbody tr td .ivt_box h1.title {margin-bottom:0; margin-left:10px; margin-right:20px; float:left; width: 80px; height:21px !important; line-height:21px !important; font-size: 16px !important; text-align: left;} .control_table .con_table table tbody tr td h1.title_02 {margin-top:5px; margin-left:10px; width: 80px; height:30px !important; line-height:40px !important; font-size: 16px !important; text-align: left;} .control_table .con_table table tbody tr td .ivt_box .swch_box {position:absolute; right:10px; width: 70px; height: 21px;} .control_table .con_table table tbody tr td .ivt_box a.swch {margin:0 auto; position:relative; display:block; width: 70px; height: 21px; background: url("../images/swch_gray.png"); background-repeat: no-repeat; background-position: center;} .control_table .con_table table tbody tr td .ivt_box a.swch:FIRST-CHILD {right:0; position:relative;} .control_table .con_table table tbody tr td .ivt_box a.swch .bt_swch {position:absolute; top:0; left:49px; display:block; width: 21px; height: 21px; background: url("../images/bt_swch.png"); background-repeat: no-repeat; background-position: center;} .control_table .con_table table tbody tr td .ivt_box a.swch.on .txt {display: none;} .control_table .con_table table tbody tr td .ivt_box a.swch .txt {position:absolute; top:0; left:15px; display:block; float:left; width: 40px; height: 21px; line-height: 21px; color:#fff; font-weight: normal; text-align: left;} .control_table .con_table table tbody tr td .ivt_box a.swch.on {background: url("../images/swch_green.png"); background-repeat: no-repeat; background-position: center;} .control_table .con_table table tbody tr td .ivt_box a.swch.on .bt_swch {position:absolute; top:0; left:0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;} .control_table .con_table table tbody tr td .ivt_box a.swch .txt.on {display: none;} .control_table .con_table table tbody tr td .ivt_box a.swch.on .txt.on {display:block; line-height: 19px; text-align: right; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .control_table .con_table table tbody tr td .in_st_con {position:absolute; top:10px; left:70px; padding:0 10px; width: 102px; height: 28px; border-radius: 5px; border: 1px solid #e5e5e5;} /*set_table*/ .tt_area {width: 100%; height: 50px; line-height:50px; text-align: center; color: #fff; font-weight:normal; background-color: #4cb3fe;} .t_area {text-align: center; line-height: 1.5em;} .t_area span {padding-left:10px; font-size:14px; color:#4cb3ff; font-weight:normal; background: url("../images/set_dot.png"); background-repeat: no-repeat; background-position: left top;} .in_st_set {margin-left:15px; margin-right:5px; padding:0 10px; width: 104px; height: 30px; line-height:30px; font-size:16px; color:#242424; font-weight:bold; text-align:center; border-radius: 5px; border: 1px solid #e5e5e5;} /*footer*/ /*width/height*/ .hgh_evt {position:relative; height:50px !important; line-height:60px !important;} .lh_20 {line-height: 20px;} /*margin/padding*/ .mg_n {margin: 0 !important;} /*font*/ .fs_16 {font-size: 16px !important;} .f_c24 {color:#242424 !important;} .f_wb {font-weight:bold !important;} .fc_yellow {color:#fff600 !important;} .fc_red {color:#ff6b1b !important;} /*bogo_wrap*/ #bogo_wrap{background:url(../images/bogo_bg.jpg) no-repeat ; width:100%; height:869px; background-size:100% 100%; background-position:center; margin-top:20px; } #bogo_wrap .bogo_title{color:#fff; text-shadow:0 3px 5px #86aed0; width:873px; margin:0 auto; padding:36px 0 11px 0} #bogo_wrap .bogo_title dt{background:url(../images/bogo_icon.png) no-repeat 0 3px; font-weight:600; font-size:36px; float:left; margin:0 11px 0 0; padding:0 0 0 33px; } #bogo_wrap .bogo_title dd{font-size:15px; line-height:18px; letter-spacing:-0.3px} #bogo_container01{background:url(../images/bogo_bg02.png) no-repeat 0 0px; width:1280px; height:575px; margin:auto;} #bogo_container01 .bogo_box_Wrap{overflow:hidden; height:150px; padding:170px 0 0 60px; } #bogo_container01 .pv_box{float:left; } #bogo_container01 .mc_info_bg{background:url(../images/bogo_box_bg.png) no-repeat 0 0; font-weight:600; width:213px; height:36px; margin:0 0 5px 0;} #bogo_container01 .mc_info_bg .title {padding-left: 5px;display: block;width: 80px;line-height: 32px;text-align: center; font-size:14px;} #bogo_container01 .mc_info_bg .txt_num{position: absolute;top: 0;right: 18px;line-height: 34px;font-size: 16px; color:#00ff42} #bogo_container01 .box01{margin:10px 74px 0 0} #bogo_container01 .box02{margin:10px 90px 0 0} #bogo_container01 .box03{margin:10px 87px 0 0} #bogo_container01 .box04{margin:10px 0px 0 0} #bogo_container01 .pv_box.box05 {margin: 0 0 23px 500px;} #bogo_container02 {clear:both; float:right; top:43px;} #bogo_container02 .orange_dl{width:378px; float:left; margin:0 38px 0 0;} #bogo_container02 .orange_dl dt{color:#fff; font-size:12px; background:#ea4808; padding:2px 10px 4px 10px; margin:0 0 10px 0} #bogo_container02 .orange_dl dt span{float:right; font-size:14px;} #bogo_container02 .orange_dl dd {border-radius:8px; background:url(../images/orange_bg.png) repeat; font-size:14px; color:#fff; font-weight:600; width:40px; height:30px; line-height:30px; text-align:center; float:left; margin:5px 7px 5px 7px;} #bogo_container02 .green_dl{width:378px; float:left; margin:0 38px 0 0;} #bogo_container02 .green_dl dt{color:#fff; font-size:12px; background:#3db900; padding:2px 10px 4px 10px; margin:0 0 10px 0} #bogo_container02 .green_dl dt span{float:right; font-size:14px;} #bogo_container02 .green_dl dd {border-radius:8px; background:url(../images/green_bg.png) repeat; font-size:14px; color:#fff; font-weight:600; width:40px; height:30px; line-height:30px; text-align:center; float:left; margin:5px 7px 5px 7px;} #bogo_container02 .sky_dl{width:378px; float:left; margin:0 38px 0 0;} #bogo_container02 .sky_dl dt{color:#fff; font-size:12px; background:#00a7f5; padding:2px 10px 4px 10px; margin:0 0 10px 0} #bogo_container02 .sky_dl dt span{float:right; font-size:14px;} #bogo_container02 .sky_dl dd {border-radius:8px; background:url(../images/sky_bg.png) repeat; font-size:14px; color:#fff; font-weight:600; width:40px; height:30px; line-height:30px; text-align:center; float:left; margin:5px 7px 5px 7px;} /*bogo_wrap*/ /*footer*/ #bogo_footer {background:#1481d5; width:100%;} #bogo_footer .footer_contents{padding:19px 0; width:1210px; height:78px; margin: 0 auto;} #bogo_footer .footer_contents .f_title {float:left; width:203px;margin-left:-150px;} #bogo_footer .footer_contents .f_title h1{color:#fff; font-size:18px; text-align:center; font-weight:600; line-height:21px; margin:0 0 2px 0} #bogo_footer .footer_contents .f_line {background:#72b3e6; height:70px; margin:4px 36px 0; float:left; display:block; width:1px;} #bogo_footer .footer_contents .f_contents01{color:#fff; font-size:16px; overflow:hidden; margin:0 0 5px 0;} #bogo_footer .footer_contents .f_contents01 dt{float:left; font-size:18px; font-weight:600; padding:0 0 0 38px; background:url(../images/f_icon01.png) no-repeat; line-height:32px; height:29px; margin:0 5px 0 0;} #bogo_footer .footer_contents .f_contents01 dd{float:left; padding:0 10px 0 5px; background:url(../images/f_line.gif) no-repeat center right 2px; line-height:32px; letter-spacing:-0.8px;} #bogo_footer .footer_contents .f_contents01 dd.last{background:none; padding:0 0 0 10px;} #bogo_footer .footer_contents .f_contents02{color:#fff; font-size:16px; overflow:hidden} #bogo_footer .footer_contents .f_contents02 dt{float:left; font-size:18px; font-weight:600; padding:0 0 0 38px; background:url(../images/f_icon02.png) no-repeat 0px 3px; line-height:27px; height:32px; margin:6px 5px 0 0;} #bogo_footer .footer_contents .f_contents02 dd{float:left; padding:0 10px 0 5px; background:url(../images/f_line.gif) no-repeat center right 2px; line-height:27px; letter-spacing:-0.8px;} #bogo_footer .footer_contents .f_contents02 dd.last{background:none; padding:0 0 0 10px;} #bogo_footer .footer_contents b{font-weight:600} .fl{float:left !important} .size14{font-size:16px !important} .size12{font-size:12px !important} /*footer*/