/*basesblock1部分*/
#basesCtl {
    width: 1024px;
    height: 581px;
    top: 90px;
    left: 0;
    position: absolute;
    overflow: hidden;
    background-color: #f9f9f9;
}
#bases_block_base {
    top: 0;
    left: 0;
    position: absolute;
}

#bases_kyoten_tex {
    width: 389px;
    height: 27px;
    top: 15px;
    left: 445px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../data/selectbt_img_parts.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
#basesblok1 {
    height: 497px;
    width: 381px;
    top: 57px;
    left: 26px;
    position: absolute;
    overflow: hidden;
background-color: #FFFFFF;
}
#bases_img {
    height: 225px;
    width: 285px;
    top: 48px;
    left: 48px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}
#bases_img > img {
    top: -60px;
    left: -100px;
    position: absolute;
}
.title_base {
    height: 60px;
    width: 285px;
    top: 293px;
    left: 50px;
    position: absolute;
    font-size: 24px;
    color: #231815;
    text-align:left;
    padding: 0;
    margin: 0;
}

/* midashi*/
.midashi_bases{
    font-size: 15px;
    color: #231815;
    text-align: left;
    margin: 0;
    position: absolute;
    /*overflow: hidden;*/
    white-space:nowrap;
    width: 285px;
    height:24px;
}
.midashi_bases._address {
    top: 345px;
    left: 48px;
}
.midashi_bases._area {
    top: 370px;
    left: 48px;
}
.midashi_bases._output {
    top: 395px;
    left: 48px;
}
.midashi_bases._start {
    top: 420px;
    left: 48px;
}
.midashi_bases._panel{
    top: 445px;
    left: 48px;
}
.midashi_bases._nowpower {
    width: 285px;
    height: 25px;
    top: 100px;
    left: 470px;
    position: absolute;
	font-size: 18px;
}

.midashi_bases._4block_salartitle {
    width: 120px;
    height: 40px;
    top: 15px;
    left: 93px;
    position: absolute;
	font-size: 16px;
}
.midashi_bases._4block_salarkW {
    width: 60px;
    height: 30px;
    top: 55px;
    left: 172px;
    position: absolute;
	font-size: 20px;

}
.midashi_bases._4block_environmenttitle {
    width: 140px;
    height: 40px;
    top: 15px;
    left: 93px;
    position: absolute;
	font-size: 16px;
}
.midashi_bases._4block_environmenttC {
    width: 60px;
    height: 30px;
    top: 60px;
    left: 135px;
    position: absolute;
	font-size: 20px;
}
.midashi_bases._4block_environmenttsla {
    width: 20px;
    height: 30px;
    top: 55px;
    left: 165px;
    position: absolute;
    font-size: 30px; 
    line-height: 30px;
}
.midashi_bases._4block_environmenttpar {
    width: 60px;
    height: 30px;
    top: 60px;
    left: 232px;
    position: absolute;
	font-size: 20px;
}
.midashi_bases._4block_weathertitle {
    width: 120px;
    height: 40px;
    top: 15px;
    left: 93px;
    position: absolute;
	font-size: 16px;
}
.midashi_bases._4block_pcstitle {
    width: 120px;
    height: 40px;
    top: 15px;
    left: 140px;
    position: absolute;
	font-size: 16px;
}
.midashi_bases._4block_pcsdai {
    width: 60px;
    height: 30px;
    top: 58px;
    left: 160px;
    position: absolute;
	font-size: 20px;
}
.midashi_bases._imagemodal_close {
    width: 80px;
    height: 30px;
    left: 406px;
    top:397px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}
._4blocks{
    font-size: 30px;
    font-weight: bold;
    color: #231815;
    text-align:right;
    padding-right:1px;
    margin: 0;
}
._4blocks1 {
    width: 140px;
    height: 30px;
    top: 50px;
    left: 25px;
    position: absolute;
}
._4blocks2 {
    width: 130px;
    height: 30px;
    top: 50px;
    left: 0;
    position: absolute;
}

._4block3 {
    width: 62px;
    height: 30px;
    top: 50px;
    left: 170px;
    position: absolute;
}
._4block4 {
    width: 210px;
    height: 30px;
    top: 50px;
    left: 34px;
    position: absolute;
    text-align: center;
}

._4block5 {
    width: 100px;
    height: 30px;
    top: 52px;
    left: 55px;
    position: absolute;
}
/* blocks*/
.basesblok2_top {
    height: 255px;
    width: 569px;
    top: 57px;
    left: 427px;
    position: absolute;
    overflow: hidden;
    background-color: #ffffff;
}

.basesblok2_small {
    width: 280px;
    height: 113px;
    position: absolute;
    background-color: #ffffff;
}
.basesblok2_small1 {
    top: 320px;
    left: 427px;
}
.basesblok2_small2 {
    top: 320px;
    left: 717px;
}
.basesblok2_small3 {
    top: 441px;
    left: 427px;
}
.basesblok2_small4 {
    top: 441px;
    left: 717px;
}

/* deta*/
.hatuden_texnum {
    width: 487px;
    height: 93px;
    top: 137px;
    left: 468px;
    position: absolute;
}
.hatuden_texnum_kw {
    width: 60px;
    top: 137px;
    left: 865px;
    position: absolute;
    overflow: hidden;
    margin-top: 33px;
}
/* icon*/
.basesblok2_small1 > .icon_bases_4block {
    width: 50px;
    height: 50px;
    top: 17px;
    left: 20px;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
}
.basesblok2_small2 > .icon_bases_4block {
    width: 50px;
    height: 50px;
    top: 17px;
    left: 20px;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
}
.basesblok2_small3 > .icon_bases_4block {
    width: 35px;
    height: 35px;
    top: 10px;
    left: 20px;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
	background-size: contain;
}
.basesblok2_small4 > .icon_bases_4block {
    width: 35px;
    height: 35px;
    top: 12px;
    left: 18px;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("../data/cont-bases/icon_PCS.png");
	background-size: contain;
}
.basesblok2_small2 > .icon_no_temperature {
    background-image: url("../data/cont-bases/icon_temperature1.png");
}
.basesblok2_small2 > .icon_hot_temperature {
    background-image: url("../data/cont-bases/icon_temperature.png");
}
.basesblok2_small2 > .icon_cold_temperature {
    background-image: url("../data/cont-bases/icon_temperature2.png");
}

.basesblok2_small3 > .icon_weather_sun {
    background-image: url("../data/icon/icon_sunny.png");
}
.basesblok2_small3 > .icon_weather_cloud {
    background-image: url("../data/icon/icon_cloudiness.png");
}
.basesblok2_small3 > .icon_weather_rain {
    background-image: url("../data/icon/icon_rain.png");
}
.basesblok2_small3 > .ss {
    background-image: url("../data/icon/icon_snow.png");
}
.icon_camera {
    width: 30px;
    height: 23px;
    top: 486px;
    left: 332px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}

.icon_bases._imagemodal_close {
    width: 30px;
    height: 30px;
    top: 397px;
    left: 454px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
}
.icon_bases._webcaeramodal_close {
    width: 682px;
    height: 499px;
    top: 33px;
    left: 81px;
    position: absolute;
    overflow: hidden;
}

/* pulldown*/
#graflistselectScroll {
    top: 132px;
    left: 445px;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #CCCCCC;
}
.graflistSelsectview_bt {
    width: 389px;
    height: 52px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background-color: #FFFFFF;

    cursor: pointer;
}
/* image modal*/
#basew {
    width: 484px;
    height: 429px;
    top: 121px;
    left: 270px;
    position: absolute;
    overflow: hidden;
    background-color: #FFFFFF;
}
#mainuibase> img {
    top: 128px;
    left: 277px;
    position: absolute;
    overflow: hidden;
}
#img_flame {
    width: 470px;
    overflow: hidden;
    height: 375px;
    position: absolute;
    left: 7px;
    top: 7px;
}
/*webcamera modal*/
.webcamera_img {
    top: 135px;
    left: 280px;
    position: absolute;
    overflow: hidden;
    /*cursor: pointer;*/
}