@charset "utf-8";
 
.u-panel-area {
    border: solid #337ab7 1px;
    border-radius: 5px;
}

.g-area-global {
    width: 100%;
    padding: 10px;
}

.g-area-china {
    width: calc(50% - 3px);
    padding: 10px;
}

.s-button-first {
    margin-left: 0;
}

#modal-area .modal-dialog {
    width: 54%;
}

#modal-area li {
    white-space: normal;
    width: 240px;
    text-align: center;
}

#modal-area li a {
}

#modal-area li a img {
    width: 180px;
    height: 120px;
    vertical-align:top;
}

.u-map{
    display: inline-block;
    z-index: 80;
    position: relative;
    top: 0px;
    text-align: center;
} 

.u-map img {
    border: solid #337ab7 1px;
    border-radius: 5px;
}

.shape-border-china {
    height: 0;
}

.shape-border-china div {
    display:none;
    background-size: cover;
    position: relative;
    z-index: 90;
}

.shape-border-global div {
    position: absolute;
    z-index: 90;
    border:1px dashed #fff;
}

.shape-border-global div button {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-color: #fff;
}

.shape-global-active {
    background-color: rgba(255, 255, 255, 0.3);
    border: solid #46b8da 2px !important;
}

.shape-global-active button {
    color: #000 !important;
    background-color: #5bc0de !important;
}

#j-border-china-dongbei {
    background-image: url("../cn/image/pic/cloud/dongbei.png");
    width: 245px;
    height: 224px;
    left: 807px;
    top: -804px;
}

#j-border-china-neimeng {
    background-image: url("../cn/image/pic/cloud/neimeng.png");
    width: 435px;
    height: 241px;
    left: 482px;
    top: -801px;
}

#j-border-china-xibei {
    background-image: url("../cn/image/pic/cloud/xibei.png");
    width: 568px;
    height: 266px;
    left: 127px;
    top: -739px;
}

#j-border-china-xizang {
    background-image: url("../cn/image/pic/cloud/xizang.png");
    width: 313px;
    height: 146px;
    left: 200px;
    top: -548px;
}

#j-border-china-xinan {
    background-image: url("../cn/image/pic/cloud/xinan.png");
    width: 195px;
    height: 200px;
    left: 484px;
    top: -516px;
}

#j-border-china-huanan {
    background-image: url("../cn/image/pic/cloud/huanan.png");
    width: 264px;
    height: 128px;
    left: 592px;
    top: -400px;
}

#j-border-china-huabei {
    background-image: url("../cn/image/pic/cloud/huabei.png");
    width: 147px;
    height: 123px;
    left: 677px;
    top: -640px;
}

#j-border-china-jiangnan {
    background-image: url("../cn/image/pic/cloud/jiangnan.png");
    width: 206px;
    height: 119px;
    left: 650px;
    top: -485px;
}

#j-border-china-huanghuai {
    background-image: url("../cn/image/pic/cloud/huanghuai.png");
    width: 188px;
    height: 86px;
    left: 677px;
    top: -569px;
}

#j-border-china-jianghan {
    background-image: url("../cn/image/pic/cloud/jianghan.png");
    width: 82px;
    height: 63px;
    left: 666px;
    top: -504px;
}

#j-border-china-jianghuai {
    background-image: url("../cn/image/pic/cloud/jianghuai.png");
    width: 125px;
    height: 67px;
    left: 730px;
    top: -512px;
}
 
#j-shape-global {
    width: 896px; 
    height: 446px; 
    top: 48px; 
    left: 48px;
}

#j-shape-global button {
    float: right;
    margin-top: 170px;
    margin-right: -1px;
}

#j-shape-np {
    width:896px; 
    height: 40px; 
    top: 48px; 
    left: 48px;
}

#j-shape-np button {
    margin-top: -1px;
    margin-left: 75px;
}

#j-shape-sp {
    width:896px; 
    height: 74px; 
    top: 420px; 
    left: 48px;
}

#j-shape-sp button {
    margin-left: 75px;
    margin-top: -1px;
}

/* #j-shape-na {
    width: 290px; 
    height: 150px; 
    top: 90px; 
    left: 600px;
}

#j-shape-na button {
    float: right;
    margin-top: 50px;
    margin-right: -88px;
}

#j-shape-sa {
    width: 135px;
    height: 175px;
    top: 240px;
    left: 800px;
}

#j-shape-sa button {
    margin-top: 70px;
    margin-left: -91px;
    float: left;
} */

#j-shape-br {
    width: 525px; 
    height: 300px; 
    top: 90px; 
    left: 75px;
}

#j-shape-br button {
    float:left;
    margin-top: 298px;
}

#j-shape-sco {
    width:185px; 
    height: 85px; 
    top: 130px; 
    left: 160px;
}

#j-shape-sco button {
    float: right;
    margin-top: -22px;
}

#j-shape-cac {
    width: 110px; 
    height: 190px; 
    top: 170px; 
    left: 170px;
}

#j-shape-cac button {
    float: left;
    margin-top: 188px;
}

#j-shape-china {
    width: 155px; 
    height: 130px; 
    top: 135px; 
    left: 305px;
}

#j-shape-china button {
    margin-top: -40px;
}

#j-shape-nwp {
    width: 130px;
    height: 125px;
    top: 155px;
    left: 370px;
}

#j-shape-nwp button {
    float: right;
    margin-top: 55px;
    margin-right: -70px;
}