.map_wrapper{
	width:auto;
	position:relative;
}

.map_wrapper .all_link{
	position:absolute;
	bottom:0px;
}

.map_contianer {
    height: 500px;
    width: 970px;
}

.map_pop_show {
    display: none;
    height: 90%;
    overflow: hidden;
    width: 600px;
}

.map_pop_show ul.select_area_list_pop{
	list-style:none;
	padding:0;
}

.map_pop_show ul.select_area_list_pop li{
	float:left;
	width:200px;
	margin:0px;
}

.map_pop_show ul.select_area_list_pop a{
	display:block;
	line-height:30px;
	padding:7px;
	font-size:13px;
	font-weight:bold;
	color:#333333;
}

.map_pop_show ul.select_area_list_pop a:hover{
	background:#3fc8f4; /*#f5f5f5*/
	color:#FFF;
}

.map_pop_show ul.select_area_list_pop img{
	float:left;
	margin-right:10px;
	width:50px; height:30px;
	border:1px solid #cccccc;
}



/* Show All Section */
#container-section{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:960px;
	margin:0 auto;
	padding-bottom:10px;
	
}
#container-section .grid{
	width:190px;
	/*min-height:100px;*/
	padding: 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	border:1px solid #CCC;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

#container-section .grid h3{
	padding:0;
	margin:0;
}
#container-section .grid ul{
	margin:0; padding:5px 0 0 15px;
}

.all_link a{display:block; height:30px; padding:1px 0; line-height:26px;  font-family: supermarket; font-size:18px;}
.all_link .color_AFRICA,
.all_link .color_ASIA,
.all_link .color_EUROPE,
.all_link .color_NORTHAMERICA,
.all_link .color_SOUTHAMERICA,
.all_link .color_AUSTRALIA
{
	width:26px;
	height:26px;
	float:left;
	margin-right:10px;
}
.all_link .color_AFRICA{background:#f2c679;}
.all_link .color_ASIA{background:#f2799b;}
.all_link .color_EUROPE{background:#76c3e5;}
.all_link .color_NORTHAMERICA{background:#237de8;}
.all_link .color_SOUTHAMERICA{background:#9872ed;}
.all_link .color_AUSTRALIA{background:#93cb73;}


.continent_item{
	background:#efefef; 
	padding:5px 7px; 
	/*font-size:14px;*/
	font-weight:bold;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#container-section .grid ul.country_list{
	margin:0;
	padding:0 0px;
	list-style:none;
}

#container-section .grid ul.country_list li a.country_link:link,
#container-section .grid ul.country_list li a.country_link:visited
{
	display:block;
	line-height:27px;
	margin:10px 0;
	color:#333333;
}
#container-section .grid ul.country_list li a:hover{ background:#f5f5f5;}

/*#container-section .grid ul.country_list li:last-child a.country_link{margin-bottom:0;}*/

#container-section .grid ul.country_list p.flag{
	padding:0; margin:0;	width:42px; height:27px; overflow:hidden; float: left; margin-right: 10px;}

#container-section .grid ul.country_list p.flag img{
	width:40px;
	height:25px;
	border:1px solid #efefef;
}

#container-section .grid ul.country_list p.flag .icon-flag{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
    width:38px;
	height:25px;
	border:1px solid #efefef;
}


#container-section .grid ul.bic_list{
	margin:0;
	padding:0 0 5px 20px;
	list-style-type:square;
}
/*********************/

/*	Tablet Layout: 768px. set=740px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.map_wrapper{width:720px; overflow: scroll; overflow-y:hidden}

#container-section{width: 720px;}
#container-section .grid{width:190px;}
}

/*Mobile Layout: 320px. set=300px*/
@media only screen and (max-width: 767px) {
.map_wrapper{width:280px; overflow: scroll; overflow-y:hidden}

#container-section{width: 240px;}
#container-section .grid{width:190px;}

.map_pop_show {width: 400px;}
}

/*		Wide Mobile Layout: 480px. set=460px*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.map_wrapper{width:440px; overflow: scroll; overflow-y:hidden}

#container-section{width: 430px;}
#container-section .grid{width:177px; padding:10px;}

.map_pop_show {width: 400px;}
.map_pop_show ul.select_area_list_pop li{width:200px;}
}