#map{display:block;position:relative;direction:rtl;text-align:right;padding:0;font-size:11px;width:100%}
.show-title{display:none;position:absolute;background-color:#333;color:#fff;margin:0!important;padding:0 5px;text-align:center;line-height:26px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;opacity:.8}
.right{display:block;float:right;width:50%}
.list{display:block;margin:0 10px}
.list li{list-style:none}
.list span{background:#242424;color:#ecf0f1;display:block;margin:0 2px;padding:0 8px;line-height:26px;margin-top:10px;margin-bottom:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.list li ul li{display:block;float:right;width:50%}
.list li ul li a{background:#009747;color:#ecf0f1;display:block;padding:0 8px;line-height:26px;margin:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none}
.list li ul li a:hover,.list li ul li a.hover{background:#006d33}
.list ul:before,.list ul:after{display:table;content:" "}
.list ul,.list ul:after{clear:both}
.left{display:block;float:left;width:50%;text-align:center}
.map{height:500px;width:500px}
.map .border path,.map .island path{fill:#fff}
.map .province path{fill:#999}
.map .sea path,.map .lake path{fill:#6caed8}
.map .province path:hover,.map .island path:hover,.map .province path.hover,.map .island path.hover{fill:#009747!important;cursor:pointer}
@media(max-width: 930px) {
.right{width:50%}
}
@media(max-width: 745px) {
.list li ul li{width:50%}
}
@media(max-width: 515px) {
.right,.left{width:100%}
.list li ul li{width:33.333333333333%}
.list li ul li a{font-size:10px!important}
.list li ul li{width:50%}
}
@media(max-width: 250px) {
.list li ul li{width:100%}
}
.clear:before,.clear:after{display:table;content:" "}
.clear,.clear:after{clear:both}