select, option {
  -webkit-appearance : none; /* To gain control over the appearance on WebKit */
  -moz-appearance : none; /* To gain control over the appearance on Gecko */

  /* To gain control over the appearance on Presto (Opera) and Trident (IE)
     Note that it also work on Gecko and has partial effects on WebKit */  
  background : none;
}
.map{
    width:100%;
    max-width: 92.1875%;
    max-width: 100%;
    margin: 0px auto;
    font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
    font-size: 14px;
    line-height: 1.6;
    display: flex;
    align-items: start;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
}


.air-box-form2{
    display: none;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    box-sizing: border-box;
  }

  .map-area {
    float: right;
    /* width: 65%; */
    margin-right: 3%;
    height: 100%; 
  }

  .map-area-option{
    width: 100%;
    position: relative;
    margin-top: 30px;
  }

.map-select{
    padding: 0px 24px;
    width: 100%; 
    /* max-width: 30%; */
    float: left;
    position: relative;
    height: 100%;
}

/* 针对大屏幕（桌面版） */
@media screen and (min-width: 768px) {
    .map-select {
        max-width: 30%;
    }
}

/* 针对小屏幕（手机） */
@media screen and (max-width: 768px) {
    .map-select {
        max-width: none; /* 手机端不限制 max-width */
    }
}

.map-title{
    font-size: 12px;
    line-height: 1.4;
    color: #FFFFFF;
    text-align: center;
    margin-top: 14px;
    display: flex;
    justify-content:space-between;
    align-items:center
}

.map-title-line1{
  height: 1px;
  width: calc( 50% - 90px);
  background-color: #677d8b;
}

.map-title-line2{
  height: 1px;
  width: calc( 50% - 100px);
  background-color: #677d8b;
}

.map-area-maps{
    width: 100%;
    position: relative;
}

/*地図START-------------------------------------------*/
.map-area-map-list{
    position: absolute;
    /* background: #114cc2; */
    background: #68c9f3;
    color: #FFFFFF;
    line-height: 1;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    border-radius: 0.2em;
    cursor: pointer;
    padding: 5px 7px;
    z-index: 0; 
}

.map-area-map-list:hover {
    background: #79a4ee;
    /* background: #fe7c02; */
    transform: scale(1.05);
    z-index: 10; 
}

.map-area-map-list:active {
    transform: scale(0.95) rotate(-2deg); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    z-index: 10; 
} 
/*世界地図--------------------*/
/*アジア*/
#map-area-map-list-1{
    top: 30%;
    left: 33%;
}
/*ハワイ*/
#map-area-map-list-2{
    top: 30%;
    right: 34%;
}
/*ヨーロッパ*/
#map-area-map-list-5{
    top: 15%;
    left: 8%;
}
/*ミクロネシア*/
#map-area-map-list-3{
    bottom: 39%;
    right: 38%;
}
/*北米*/
#map-area-map-list-4{
    top: 15%;
    right: 15%;
}
/*インド洋*/
#map-area-map-list-8{
    bottom: 20%;
    left: 24%;
}
/*中南米*/
#map-area-map-list-10{
    bottom: 23%;
    right: 7%;
}
/*カリブ海*/
#map-area-map-list-9{
    top: 53%;
    right:11%;
}
/*オセアニア*/
#map-area-map-list-6{
    bottom: 18%;
    left: 40%;
}
/*南太平洋*/
#map-area-map-list-7{
    bottom: 18%;
    right: 26%;
}
/*中近東*/
#map-area-map-list-11{
    bottom: 52%;
    left: 15%;
}
/*アフリカ*/
#map-area-map-list-12{
    bottom: 35%;
    left: 7%;
}

/*アジア地図1*/
/*韓国*/
#map-area-map-list-kr{
    top: 21%;
    left: 55%;
}
/*台湾*/
#map-area-map-list-tw{
    top: 44%;
    right: 37%;
}
/*香港*/
#map-area-map-list-hk{
    top: 39%;
    right: 43%;
}
/*ベトナム*/
#map-area-map-list-vn{
    bottom: 35%;
    left: 41%;
}
/*フィリピン*/
#map-area-map-list-ph{
    bottom: 29%;
    right: 35%;
}
/*タイ*/
#map-area-map-list-th{
    bottom: 44%;
    left: 31%;
}
/*シンガポール*/
#map-area-map-list-sg{
    bottom: 12%;
    left: 28%;
}
/*マレーシア*/
#map-area-map-list-my{
    bottom: 24%;
    left: 33%;
}
/*ブルネイ*/
#map-area-map-list-bn{
    bottom: 18%;
    right: 43%;
}
/*インドネシア*/
#map-area-map-list-id{
    bottom: 7%;
    right: 40%;
}
/*インド*/
#map-area-map-list-in{
    bottom: 38%;
    left: 16%;
}
/*カンボジア*/
#map-area-map-list-kh{
    bottom: 35%;
    left: 28%;
}
/*中国*/
#map-area-map-list-cn{
    top: 30%;
    left: 43%;
}
/*マカオ*/
#map-area-map-list-mo{
    top: 47%;
    left: 48%;
}
/*モンゴル*/
#map-area-map-list-mn{
    top: 10%;
    left: 38%;
}
/*ウズベキスタン*/
#map-area-map-list-uz{
    top: 33%;
    left: 10%;
}
/*スリランカ*/
#map-area-map-list-lk{
    bottom: 18%;
    left: 14%;
}
/*ネパール*/
#map-area-map-list-np{
    top: 24%;
    left: 21%;
}
/*ブータン*/
#map-area-map-list-bt{
    top: 29%;
    left: 30%;
}
/*ミャンマー*/
#map-area-map-list-mm{
    top: 38%;
    left: 30%;
}
/*ラオス*/
#map-area-map-list-la{
    top: 48%;
    left: 39%;
}

/*ハワイ地図2--------------------*/
/*ハワイ*/
#map-area-map-list-hi{
    top: 50%;
    left: 50%;
}

/*ヨーロッパ地図5--------------------*/
/*フランス*/
#map-area-map-list-fr{
    top: 56%;
    left: 22%;
}
/*イタリア*/
#map-area-map-list-it{
    bottom: 24%;
    left: 33%;
}
/*スペイン*/
#map-area-map-list-es{
    top: 70%;
    left: 20%;
}
/*ドイツ*/
#map-area-map-list-de{
    top: 35%;
    left: 34%;
}
/*イギリス*/
#map-area-map-list-gb{
    top: 15%;
    left: 10%;
}
/*アイスランド*/
#map-area-map-list-is{
    top: 2%;
    left: 2%;
}
/*アイルランド*/
#map-area-map-list-ie{
    top: 25%;
    left: 10%;
}
/*オーストリア*/
#map-area-map-list-at{
    top: 49%;
    left: 48%;
}
/*ウクライナ*/
#map-area-map-list-ua{
    top: 39%;
    right: 35%;
}
/*オランダ*/
#map-area-map-list-nl{
    top: 35%;
    left: 20%;
}
/*ギリシャ*/
#map-area-map-list-gr{
    bottom: 14%;
    right: 44%;
}
/*クロアチア*/
#map-area-map-list-hr{
    bottom: 39%;
    left: 34%;
}
/*スイス*/
#map-area-map-list-ch{
    top: 47%;
    left: 28%;
}
/*スウェーデン*/
#map-area-map-list-se{
    top: 5%;
    left: 37%;
}
/*デンマーク*/
#map-area-map-list-dk{
    top: 20%;
    left: 29%;
}
/*チェコ*/
#map-area-map-list-cz{
    top: 43%;
    left: 36%;
}
/*ノルウェー*/
#map-area-map-list-no{
    top: 5%;
    left: 22%;
}
/*ハンガリー*/
#map-area-map-list-hu{
    top: 58%;
    left: 50%;
}
/*フィンランド*/
#map-area-map-list-fi{
    top: 5%;
    left: 54%;
}
/*ベルギー*/
#map-area-map-list-be{
    top: 47%;
    left: 10%;
}
/*ポーランド*/
#map-area-map-list-pl{
    top: 28%;
    left: 43%;
}
/*マルタ*/
#map-area-map-list-mt{
    bottom: 15%;
    left: 33%;
}
/*ロシア*/
#map-area-map-list-ru{
    top: 5%;
    right: 5%;
}
/*ポルトガル*/
#map-area-map-list-pt {
    top: 70%;
    left: 6%;
}

/*ミクロネシア地図3--------------------*/
/*グアム*/
#map-area-map-list-gu{
    top: 42%;
    left: 25%;
}
/*パラオ*/
#map-area-map-list-pw{
    top: 52%;
    left: 21%;
}
/*北マリアナ諸島*/
#map-area-map-list-mp{
    top: 33%;
    left: 24%;
}

/*北米地図4--------------------*/
/*アメリカ西部*/
#map-area-map-list-u2{
    top: 52%;
    left: 44%;
}
#map-area-map-list-u1{
    top: 52%;
    left: 64%;
}
#map-area-map-list-ca{
    top: 23%;
    left: 54%;
}

/*インド洋地図8--------------------*/
/*モーリシャス*/
#map-area-map-list-mu{
    bottom: 22%;
    left: 34%;
}
/*モルディヴ*/
#map-area-map-list-mv{
    top: 52%;
    left: 46%;
}
/*セイシェル*/
#map-area-map-list-sc{
    top: 54%;
    left: 29%;
}

/*中南米地図10--------------------*/
/*メキシコ*/
#map-area-map-list-mx {
    top: 5%;
    left: 33%;
}
/*ブラジル*/
#map-area-map-list-br {
    top: 38%;
    right: 34%;
}
/*ペルー*/
#map-area-map-list-pe {
    top: 40%;
    right: 55%;
}
/*チリ*/
#map-area-map-list-cl{
    bottom: 29%;
    right: 48%;
}
/*アルゼンチン*/
#map-area-map-list-ar {
    bottom: 18%;
    right: 37%;
}

/*カリブ海地図9--------------------*/
/*キューバ*/
#map-area-map-list-cu{
    bottom: 50%;
    left: 55%;
}
/*ジャマイカ*/
#map-area-map-list-jm{
    bottom: 35%;
    left: 54%;
}
/*バハマ*/
#map-area-map-list-bs{
    bottom: 60%;
    left: 56%;
}

/*オセアニア地図6--------------------*/
/*オーストラリア*/
#map-area-map-list-au{
    bottom: 45%;
    left: 42%;
}
/*ニュージーランド*/
#map-area-map-list-nz{
    bottom: 20%;
    right: 10%;
}
/*キリバス*/
#map-area-map-list-ki{
    top: 13%;
    right: 5%;
}
/*クリスマス島*/
#map-area-map-list-cx{
    top: 18%;
    left: 20%;
}
/*ココス諸島*/
#map-area-map-list-cc{
    top: 38%;
    left: 14%;
}
/*ニューカレドニア*/
#map-area-map-list-nc{
    bottom: 50%;
    right: 16%;
}
/*マーシャル諸島*/
#map-area-map-list-mh{
    top: 7%;
    right: 18%;
}

/*南太平洋地図7--------------------*/
/*フィジー*/
#map-area-map-list-fj{
    top: 43%;
    left: 38%;
}
/*クック諸島*/
#map-area-map-list-ck{
    top: 55%;
    left: 45%;
}

/*中近東地図11--------------------*/
/*アラブ首長国連邦*/
#map-area-map-list-ae{
    top: 55%;
    left: 45%;
}
/*トルコ*/
#map-area-map-list-tr{
    top: 33%;
    left: 35%;
}
/*アゼルバイジャン*/
#map-area-map-list-az{
    top: 25%;
    left: 45%;
}

/*アフリカ地図12--------------------*/
/*ケニア*/
#map-area-map-list-ke{
    bottom: 21%;
    left: 43%;
}
/*エジプト*/
#map-area-map-list-eg{
    bottom: 45%;
    left: 35%;
}
/*エチオピア*/
#map-area-map-list-et{
    bottom: 31%;
    left: 40%;
}
/*モロッコ*/
#map-area-map-list-ma{
    bottom: 47%;
    left: 15%;
}

/*中国 - city*************************************/
#map-area-map-cn-sia {
    top: 48%;
    left: 38%;
}
#map-area-map-cn-ctu {
    top: 62%;
    left: 38%;
}
#map-area-map-cn-sha {
    top: 60%;
    left: 56%;
}
#map-area-map-cn-can {
    top: 72%;
    left: 53%;
}
#map-area-map-cn-bjs {
    top: 38%;
    left: 52%;
}

/* 香港*************************************/
#map-area-map-hk-hkg {
    top: 73%;
    left: 54%;
}

/* 澳门*************************************/
#map-area-map-mo-mfm {
    top: 76%;
    left: 52%;
}

/* 韩国*************************************/
#map-area-map-sk-pus {
    top: 60%;
    left: 60%;
}

#map-area-map-sk-tae {
    top: 50%;
    left: 50%;
}

#map-area-map-sk-sel {
    top: 17%;
    left: 33%;
}

#map-area-map-sk-cju {
    top: 90%;
    left: 45%;
}

/* 蒙古*************************************/
#map-area-map-mg-uln1 {
    top: 38%;
    left: 60%;
}

#map-area-map-mg-uln {
    top: 43%;
    left: 48%;
}

/* 尼泊尔*************************************/
#map-area-map-np-ktm {
    top: 56%;
    left: 55%;
}

/* 不丹*************************************/
#map-area-map-bt-thm {
    top: 41%;
    left: 35%;
}

#map-area-map-bt-pbh {
    top: 49%;
    left: 30%;
}

/* 乌兹别克斯坦*************************************/
#map-area-map-uz-tas {
    top: 47%;
    left: 65%;
}

#map-area-map-uz-hva {
    top: 46%;
    left: 34%;
}

#map-area-map-uz-ugc {
    top: 42%;
    left: 42%;
}

#map-area-map-uz-skd {
    top: 60%;
    left: 60%;
}

#map-area-map-uz-bhk {
    top: 55%;
    left: 52%;
}

/* 缅甸*************************************/
#map-area-map-mm-rgn {
    top: 54%;
    left: 43%;
}

/* 泰国*************************************/
#map-area-map-th-bkk {
    top: 41%;
    left: 43%;
}
#map-area-map-th-hkt {
    top: 74%;
    left: 31%;
}
#map-area-map-th-usm {
    top: 63%;
    left: 46%;
}
#map-area-map-th-cnx {
    top: 14%;
    left: 41%;
}
#map-area-map-th-pyx {
    top: 49%;
    left: 48%;
}

/*老挝*************************************/
#map-area-map-la-vte {
    top: 44%;
    left: 41%;
}
#map-area-map-la-lpq {
    top: 32%;
    left: 38%;
}

/*印度*************************************/
#map-area-map-in-del {
    top: 24%;
    left: 35%;
}
#map-area-map-in-agr {
    top: 28%;
    left: 42%;
}
#map-area-map-in-jai {
    top: 30%;
    left: 22%;
}
#map-area-map-in-vns {
    top: 34%;
    left: 45%;
}
#map-area-map-in-ixu {
    top: 42%;
    left: 35%;
}
#map-area-map-in-bod {
    top: 40%;
    left: 51%;
}
#map-area-map-in-maa {
    top: 68%;
    left: 41%;
}
#map-area-map-in-bom {
    top: 50%;
    left: 32%;
}

/*斯里兰卡*************************************/
#map-area-map-lk-cmb {
    top: 60%;
    left: 32%;
}
#map-area-map-lk-r06 {
    top: 75%;
    left: 35%;
}
#map-area-map-lk-r42 {
    top: 68%;
    left: 33%;
}
#map-area-map-lk-kdy {
    top: 57%;
    left: 42%;
}
#map-area-map-lk-lk4 {
    top: 45%;
    left: 43%;
}
#map-area-map-lk-nem {
    top: 50%;
    left: 32%;
}
#map-area-map-lk-hri {
    top: 85%;
    left: 50%;
}

/*越南*************************************/
#map-area-map-vn-sgn {
    top: 80%;
    left: 52%;
}
#map-area-map-vn-han {
    top: 15%;
    left: 45%;
}
#map-area-map-vn-dad {
    top: 44%;
    left: 59%;
}
#map-area-map-vn-pqc {
    top: 77%;
    left: 32%;
}
#map-area-map-vn-hiq {
    top: 52%;
    left: 56%;
}
#map-area-map-vn-nha {
    top: 65%;
    left: 60%;
}
#map-area-map-vn-hui {
    top: 42%;
    left: 54%;
}

/*柬埔寨*************************************/
#map-area-map-kh-pnh {
    top: 65%;
    left: 45%;
}
#map-area-map-kh-rep {
    top: 37%;
    left: 35%;
}

/*菲律宾*************************************/
#map-area-map-ph-ceb {
    top: 58%;
    left: 51%;
}

#map-area-map-ph-mnl {
    top: 33%;
    left: 39%;
}

#map-area-map-ph-crk {
    top: 22%;
    left: 35%;
}

#map-area-map-ph-tag {
    top: 65%;
    left: 55%;
}

#map-area-map-ph-eni {
    top: 47%;
    left: 32%;
}

#map-area-map-ph-mph {
    top: 53%;
    left: 25%;
}
#map-area-map-ph-klo {
    top: 50%;
    left: 50%;
}

/*马来西亚*************************************/
#map-area-map-my-kul {
    top: 58%;
    left: 21%;
}

#map-area-map-my-bki {
    top: 33%;
    left: 69%;
}

#map-area-map-my-pen {
    top: 45%;
    left: 5%;
}

#map-area-map-my-lgk {
    top: 35%;
    left: 3%;
}

/*文莱*************************************/
#map-area-map-bn-bwn {
    top: 22%;
    left: 50%;
}

/*印度尼西亚*************************************/
#map-area-map-id-dps {
    top: 73%;
    left: 40%;
}

#map-area-map-id-jkt {
    top: 63%;
    left: 18%;
}


/*美国西*************************************/

#map-area-map-u2-lax {
    top: 51%;
    left: 18%;
}

#map-area-map-u2-sfo {
    top: 43%;
    left: 10%;
}

#map-area-map-u2-las {
    top: 48%;
    left: 32%;
}

#map-area-map-u2-ana {
    top: 57%;
    left: 32%;
}

#map-area-map-u2-san {
    top: 60%;
    left: 18%;
}

#map-area-map-u2-sea {
    top: 22%;
    left: 29%;
}

/*美国东*************************************/

#map-area-map-u1-nyc {
    top: 40%;
    left: 74%;
}

#map-area-map-u1-orl {
    top: 65%;
    left: 58%;
}

#map-area-map-u1-bos {
    top: 32%;
    left: 71%;
}

#map-area-map-u1-chi {
    top: 35%;
    left: 58%;
}

#map-area-map-u1-was {
    top: 45%;
    left: 62%;
}

#map-area-map-u1-atl {
    top: 57%;
    left: 53%;
}

#map-area-map-u1-mia {
    top: 75%;
    left: 65%;
}

/*加拿大****************************************/
#map-area-map-ca-yvr {
    top: 73%;
    left: 17%;
}

#map-area-map-ca-yto {
    top: 80%;
    left: 50%;
}

#map-area-map-ca-yyc {
    top: 66%;
    left: 34%;
}

#map-area-map-ca-ymq {
    top: 75%;
    left: 60%;
}

#map-area-map-ca-yow {
    top: 72%;
    left: 53%;
}

#map-area-map-ca-yyl {
    top: 73%;
    left: 32%;
}
#map-area-map-ca-yea {
    top: 58%;
    left: 35%;
}

#map-area-map-ca-yzf {
    top: 47%;
    left: 34%;
}

/*古巴****************************************/
#map-area-map-cu-hav {
    top: 24%;
    left: 28%;
}
/*牙买加****************************************/
#map-area-map-jm-kin {
    top: 54%;
    left: 65%;
}
/*肯尼亚****************************************/
#map-area-map-ke-nbo {
    top: 57%;
    left: 43%;
}
#map-area-map-ke-masa {
    top: 48%;
    left: 45%;
}
/*モロッコ****************************************/
#map-area-map-ma-cas {
    top: 27%;
    left: 45%;
}
#map-area-map-ma-ait {
    top: 54%;
    left: 40%;
}
#map-area-map-ma-mrz {
    top: 54%;
    left: 61%;
}
#map-area-map-ma-shu {
    top: 14%;
    left: 55%;
}
#map-area-map-ma-fez {
    top: 24%;
    left: 60%;
}
#map-area-map-ma-rak {
    top: 46%;
    left: 42%;
}
#map-area-map-ma-rba {
    top: 19%;
    left: 47%;
}
#map-area-map-ma-ozz {
    top: 46%;
    left: 56%;
}

/*埃及****************************************/
#map-area-map-eg-cai {
    top: 23%;
    left: 48%;
}
#map-area-map-eg-asw {
    top: 68%;
    left: 55%;
}
#map-area-map-eg-abs {
    top: 76%;
    left: 48%;
}
#map-area-map-eg-aly {
    top: 14%;
    left: 40%;
}
#map-area-map-eg-lxr {
    top: 54%;
    left: 52%;
}

/*エチオピア****************************************/
#map-area-map-et-add {
    top: 58%;
    left: 40%;
}

/*アラブ首長国連邦****************************************/
#map-area-map-ae-auh {
    top: 44%;
    left: 47%;
}
#map-area-map-ae-dxb {
    top: 25%;
    left: 58%;
}
/*トルコ****************************************/
#map-area-map-tr-ist {
    top: 32%;
    left: 30%;
}
#map-area-map-tr-ank {
    top: 42%;
    left: 40%;
}

/*アゼルバイジャン****************************************/
#map-area-map-az-bak {
    top: 40%;
    left: 70%;
}

/*メキシコ****************************************/
#map-area-map-mx-cun {
    top: 60%;
    left: 70%;
}
#map-area-map-mx-mex {
    top: 62%;
    left: 45%;
}

/*ブラジル****************************************/
#map-area-map-br-sao {
    top: 65%;
    left: 57%;
}

/*ペルー****************************************/
#map-area-map-pe-lim {
    top: 55%;
    left: 40%;
}

/*チリ****************************************/
#map-area-map-cl-scl {
    top: 45%;
    left: 40%;
}
#map-area-map-cl-ipc {
    top: 40%;
    left: 22%;
}

/*アルゼンチン****************************************/
#map-area-map-ar-bue {
    top: 33%;
    left: 55%;
}

/*ニューカレドニア****************************************/
#map-area-map-nc-nou {
    top: 73%;
    left: 48%;
}
#map-area-map-nc-mee {
    top: 61%;
    left: 73%;
}

/*ニュージーランド****************************************/
#map-area-map-nz-chc {
    top: 61%;
    left: 45%;
}
#map-area-map-nz-akl {
    top: 23%;
    left: 61%;
}

/*オーストラリア****************************************/
#map-area-map-au-syd {
    top: 58%;
    left: 65%;
}
#map-area-map-au-cns {
    top: 19%;
    left: 61%;
}
#map-area-map-au-bne {
    top: 42%;
    left: 68%;
}
#map-area-map-au-mel {
    top: 68%;
    left: 55%;
}
#map-area-map-au-per {
    top: 48%;
    left: 25%;
}
#map-area-map-au-ool {
    top: 50%;
    left: 68%;
}
#map-area-map-au-adl {
    top: 60%;
    left: 46%;
}
#map-area-map-au-ayq {
    top: 40%;
    left: 43%;
}

/*パラオ****************************************/
#map-area-map-pw-ror {
    top: 48%;
    left: 38%;
}

/*キリバス****************************************/
#map-area-map-ki-trw {
    top: 48%;
    left: 0%;
}
#map-area-map-ki-cxi {
    top: 48%;
    left: 38%;
}

/*マーシャル諸島****************************************/
#map-area-map-mh-kwa {
    top: 35%;
    left: 40%;
}
#map-area-map-mh-maj {
    top: 58%;
    left: 58%;
}
/*クリスマス島****************************************/
#map-area-map-cx-xch {
    top: 45%;
    left: 45%;
}

/*ココス諸島****************************************/
#map-area-map-cc-nou {
    top: 45%;
    left: 45%;
}
#map-area-map-cc-mee {
    top: 45%;
    left: 45%;
}

/*台湾****************************************/
#map-area-map-tw-tpe {
    top: 15%;
    left: 55%;
}
#map-area-map-tw-khh {
    top: 65%;
    left: 25%;
}
#map-area-map-tw-txg {
    top: 35%;
    left: 45%;
}
#map-area-map-tw-ttt {
    top: 65%;
    left: 50%;
}
#map-area-map-tw-tnn {
    top: 55%;
    left: 28%;
}
#map-area-map-tw-smt {
    top: 45%;
    left: 45%;
}

/*シンガポール****************************************/
#map-area-map-sg-sen {
    top: 78%;
    left: 55%;
}
#map-area-map-sg-sin {
    top: 45%;
    left: 45%;
}

/*クック諸島****************************************/
#map-area-map-ck-rar {
    top: 78%;
    left: 55%;
}

/*フィジー****************************************/
#map-area-map-fj-suv {
    top: 55%;
    left: 40%;
}
#map-area-map-fj-nan {
    top: 48%;
    left: 15%;
}

/*グアム****************************************/
#map-area-map-gu-gum {
    top: 50%;
    left: 45%;
}

/*北マリアナ諸島****************************************/
#map-area-map-mp-spn {
    top: 70%;
    left: 53%;
}
#map-area-map-mp-tiq {
    top: 73%;
    left: 38%;
}
#map-area-map-mp-rop {
    top: 90%;
    left: 42%;
}
/*バハマ****************************************/
#map-area-map-bs-nas {
    top: 30%;
    left: 46%;
}

/*ハワイ****************************************/
#map-area-map-hi-hnl {
    top: 20%;
    left: 40%;
}
#map-area-map-hi-koa {
    top: 69%;
    left: 61%;
}
#map-area-map-hi-ito {
    top: 65%;
    left: 76%;
}
#map-area-map-hi-jhm {
    top: 33%;
    left: 42%;
}
#map-area-map-hi-ogg {
    top: 38%;
    left: 62%;
}

/*モルディヴ****************************************/
#map-area-map-mv-mle {
    top: 45%;
    left: 40%;
}

/*セイシェル****************************************/
#map-area-map-sc-sez {
    top: 50%;
    left: 54%;
}

/*モーリシャス****************************************/
#map-area-map-mu-mru {
    top: 32%;
    left: 24%;
}

/*アイスランド****************************************/
#map-area-map-is-rek {
    top: 55%;
    left: 24%;
}
#map-area-map-is-aey {
    top: 35%;
    left: 44%;
}
#map-area-map-is-egs {
    top: 40%;
    left: 64%;
}

/*ノルウェー****************************************/
#map-area-map-no-eve {
    top: 35%;
    left: 44%;
}
#map-area-map-no-alf {
    top: 27%;
    left: 53%;
}
#map-area-map-no-osl {
    top: 70%;
    left: 40%;
}

/*スウェーデン****************************************/
#map-area-map-se-sto {
    top: 63%;
    left: 48%;
}
#map-area-map-se-got {
    top: 72%;
    left: 33%;
}
#map-area-map-se-gev {
    top: 22%;
    left: 45%;
}

/*フィンランド****************************************/

#map-area-map-fi-rvn {
    top: 40%;
    left: 48%;
}
#map-area-map-fi-hel {
    top: 76%;
    left: 50%;
}
#map-area-map-fi-ivl {
    top: 22%;
    left: 45%;
}
#map-area-map-fi-vrk {
    top: 68%;
    left: 48%;
}

/*イギリス****************************************/

#map-area-map-gb-lon {
    top: 75%;
    left: 55%;
}
#map-area-map-gb-man {
    top: 66%;
    left: 50%;
}

/*アイルランド****************************************/
#map-area-map-ie-kir {
    top: 66%;
    left: 35%;
}
#map-area-map-ie-wat {
    top: 68%;
    left: 50%;
}
#map-area-map-ie-dub {
    top: 48%;
    left: 55%;
}

/*デンマーク****************************************/
#map-area-map-dk-cph {
    top: 54%;
    left: 55%;
}

/*チェコ****************************************/
#map-area-map-cz-prg {
    top: 42%;
    left: 35%;
}

/*ポーランド****************************************/
#map-area-map-pl-waw {
    top: 46%;
    left: 50%;
}
#map-area-map-pl-wro {
    top: 57%;
    left: 38%;
}

/*ドイツ****************************************/
#map-area-map-de-fra {
    top: 57%;
    left: 35%;
}
#map-area-map-de-muc {
    top: 70%;
    left: 48%;
}
#map-area-map-de-ber {
    top: 36%;
    left: 55%;
}
#map-area-map-de-ham {
    top: 30%;
    left: 42%;
}

/*オランダ****************************************/
#map-area-map-nl-ams {
    top: 42%;
    left: 35%;
}

/*ベルギー****************************************/
#map-area-map-be-lgg {
    top: 40%;
    left: 55%;
}
#map-area-map-be-bru {
    top: 36%;
    left: 38%;
}
#map-area-map-be-anr {
    top: 22%;
    left: 43%;
}

/*スイス****************************************/
#map-area-map-ch-zrh {
    top: 37%;
    left: 48%;
}
#map-area-map-ch-gva {
    top: 66%;
    left: 28%;
}
#map-area-map-ch-brn {
    top: 45%;
    left: 40%;
}

/*フランス****************************************/
#map-area-map-fr-par {
    top: 30%;
    left: 47%;
}
#map-area-map-fr-nce {
    top: 64%;
    left: 62%;
}
#map-area-map-fr-lys {
    top: 50%;
    left: 52%;
}
#map-area-map-fr-mrs {
    top: 64%;
    left: 48%;
}
#map-area-map-fr-i83 {
    top: 32%;
    left: 20%;
}

/*クロアチア****************************************/
#map-area-map-hr-zag {
    top: 24%;
    left: 43%;
}

/*オーストリア****************************************/
#map-area-map-at-szg {
    top: 40%;
    left: 41%;
}
#map-area-map-at-vie {
    top: 38%;
    left: 65%;
}

/*ハンガリー****************************************/
#map-area-map-hu-bud {
    top: 45%;
    left: 43%;
}

/*ポルトガル****************************************/
#map-area-map-pt-lis {
    top: 55%;
    left: 33%;
}
#map-area-map-pt-cbp {
    top: 38%;
    left: 38%;
}
#map-area-map-pt-fao {
    top: 80%;
    left: 45%;
}
#map-area-map-pt-fnc {
    top: 90%;
    left: 13%;
}
#map-area-map-pt-opo {
    top: 25%;
    left: 43%;
}

/*スペイン****************************************/
#map-area-map-es-grx {
    top: 65%;
    left: 43%;
}
#map-area-map-es-bcn {
    top: 36%;
    left: 58%;
}
#map-area-map-es-mad {
    top: 45%;
    left: 40%;
}

/*イタリア****************************************/
#map-area-map-it-flr {
    top: 32%;
    left: 40%;
}
#map-area-map-it-mil {
    top: 22%;
    left: 35%;
}
#map-area-map-it-rom {
    top: 46%;
    left: 44%;
}
#map-area-map-it-vce {
    top: 23%;
    left: 46%;
}
#map-area-map-it-nap {
    top: 56%;
    left: 50%;
}

/*ギリシャ****************************************/
#map-area-map-gr-ath {
    top: 52%;
    left: 47%;
}
#map-area-map-gr-kgs {
    top: 63%;
    left: 60%;
}
#map-area-map-gr-smi {
    top: 55%;
    left: 60%;
}
#map-area-map-gr-jtr {
    top: 70%;
    left: 38%;
}
#map-area-map-gr-rho {
    top: 72%;
    left: 68%;
}

/*マルタ****************************************/
#map-area-map-mt-gzm {
    top: 19%;
    left: 30%;
}
#map-area-map-mt-mla {
    top: 63%;
    left: 53%;
}

/*将图片颜色变灰**/
.gray {
    filter: grayscale(70%);
}

/*中间增加字体提示**/
.message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: red;
    font-size: 23px; /* 根据需要调整字体大小 */
    text-align: center;
    z-index: 1; /* 信息在图片上方 */
}

/*地図END--------------------------------------*/

/* .map-area-maps img{
    
} */

.map-area-map2{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/* CITY地图 */
.map-country-map{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}



/* .map-country-map{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-color: #68c9f3;
    height: 100%;
    color: white;
    display: none;
    overflow-y: scroll;
}

.map-country-map-list{
    background: #68c9f3;
    margin-bottom: 1px;
    padding-left: 1em;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.3s, transform 0.3s;
}

.map-country-map-list:hover {
    background: #fe7c02; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.map-country-map-list:active {
    background: #f3b483; 
    box-shadow: 0 0 10px rgba(255, 165, 0, 0.5); 
    transform: scale(0.98); 
} */

.map-area-map-back{
    width: 50px;
    height: 50px;
    border-radius: 90%;
    /* background: #114cc2; */
    background: #68c9f3;
    color: white;
    position: absolute;
    bottom: 1%;
    right: 1%;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    z-index: 2; /* 确保返回按钮在最上面 */
}

.map-area-map-back:hover {
    background: #fe7c02;
    /* background: #79a4ee; */
    transform: scale(1.05);
}

.map-area-map-back:active {
    transform: scale(0.95) rotate(-2deg); /* 轻微旋转 */
    box-shadow: 0 0 10px orange(0, 0, 0, 0.5); /* 点击时加深阴影 */
}

.map-select-option{
    width: 100%;
}

.map-select-option-box{
    padding: 0 0 3% 0;
    width: 100%;
}

.map-area-option-box{
    overflow: hidden;
}

/* 图片大小 */
/* .map img {
    width: 630px;
    height: 350px;
} */

.map img {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
    transform-origin: center center; /* 缩放中心点 */
}


.map-select-option-box-list1 {
    position: relative; 
} 

.map-select-option-box-list1::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/1.png'); 
    width: 25px;
    height: 25px;
} 

.map-select-option-box-list2 {
    position: relative; 
} 

.map-select-option-box-list2::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/3.png'); 
    width: 25px;
    height: 25px;
} 

.map-select-option-box-list3 {
    position: relative; 
} 

.map-select-option-box-list3::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/2.png'); 
    width: 25px;
    height: 25px;
} 

 .map-select-option-box-list4 {
    position: relative; 
} 

.map-select-option-box-list4::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/2.png'); 
    width: 25px;
    height: 25px;
}  

.map-select-option-box-list-select2-box1 {
    position: relative; 
    float: left; 
} 

.map-select-option-box-list-select2-box1::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/2.png'); 
    width: 25px;
    height: 25px;
} 

.map-select-option-box-list-select2-box2 {
    position: relative; 
    float: left; 
} 

.map-select-option-box-list-select2-box2::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/2.png'); 
    width: 25px;
    height: 25px;
} 

.map-select-option-box-list5 {
    position: relative; 
} 

.map-select-option-box-list5::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 55px; 
    transform: translateY(-88%);
    background-image: url('./img/5.png'); 
    width: 25px;
    height: 25px;
} 

.map-select-option-box-list6 {
    position: relative; 
    margin-bottom: 18px; /* 设置上下间距 */
} 

.map-select-option-box-list-title{
    font-size: 14px;
    color: white;
    font-weight: bold;
    line-height: 30px;
    width: 100%;
}

.space-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.date-select{
  background:none;
  outline:none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.map-select-option-box-list-select{
    font-size: 14px;
    color: black;
    background-color: white;
    height: 30px;
    border-radius: 5px;
    border: 0;
    padding: 0 6px 0 32px;
    line-height: 15px;
    outline: none;
    width: 100%;
    min-width:160px;
    align-items: center;
}

.map-select-option-box-list-select2{
    font-size: 14px;
    color: black;
    background-color: white;
    height: 30px;
    border-radius: 5px;
    border: 0;
    padding: 0 6px 0 32px;
    line-height: 32px;
    outline: none;
    width: 45.5%;
    align-items: center;
}

.map-select-option-box-list-select3{
    font-size: 14px;
    color: black;
    background-color: white;
    height: 30px;
    border-radius: 5px;
    border: 0;
    padding: 0 6px 0 12px;
    line-height: 32px;
    outline: none;
    width: 45.5%;
    align-items: center;
}

.map-select-option-box-button {
    text-align: center;           /* 水平对齐文字到中心 */
    background-color: orange;     /* 按钮背景色为橙色 */
    color: white;                 /* 按钮文字颜色为白色 */
    font-size: 14px;              /* 按钮文字大小 */
    padding: 5px;           /* 内边距，增加按钮大小 */
    border: none;                 /* 去掉按钮边框 */
    border-radius: 3px;          /* 设置按钮圆角 */
    cursor: pointer;              /* 鼠标悬停时显示指针 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s;  
    min-width: 240px;            /* 设置按钮的最小宽度 */
    /* 以下属性确保文本在按钮内部完全居中 */
    display: flex;              
    align-items: center;        
    justify-content: space-around;    
    margin-bottom: 18px;
}

@media screen and (max-width: 677px){
    .map-area{
        display: none;
    }
    .map-select{
        width: 100%;
    }
}

.separator {
    color: white;         /* 设置文本颜色为白色 */
}

/* select选择器样式 */
/* .child-option {
    padding-left: 20px; 
} */