﻿

a { text-decoration: none;}

.clear{ clear:both;}	
a:hover{text-decoration: none;}
#mapwrapper {
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	/*background-color:transparent;*/
	min-width:220px; }
    
    
.flt-l{/* float: left; */}
#tip{ width: auto; height: auto; margin: 0px auto; display: none; position: absolute;}
.aro{ position: relative; top: 5px;}
.contanir {
    width: 200px;
    border-radius: 10px !important;
    background-color: #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 12px; border: 1px solid #fff;     box-shadow: 0 4px 8px 0 rgb(102 102 102 / 20%), 0 6px 20px 0 rgb(102 102 102 / 20%);
}
.txt1{font-family: Roboto, sans-serif; font-size: 16px; color: #fff; margin-bottom: 2px; margin-left: 10px;}
.b2{ margin: 0px auto;}
.cont-1{ font-family: Roboto, sans-serif; font-size: 15px; color: #fff;  padding: 10px 52px 10px 10px; -webkit-border-radius: 10px; background-color: #4a4949; -moz-border-radius: 10px; border-radius: 10px; min-height: 150px;}
.cont-2{ font-family: Roboto, sans-serif; font-size: 15px; color: #fff;  padding: 10px 52px 10px 10px; -webkit-border-radius: 10px; background-color: #4a4949; -moz-border-radius: 10px; border-radius: 10px; margin-left: 12px; min-height: 150px;}
.t1{ font-family: Roboto, sans-serif; font-size: 15px; color: #fff; line-height: 19px;}
.clr{ clear: both;  height:0px; line-height: 0px; font-size: 0px;}
.pdb{ padding-bottom: 10px;}    

@media screen and (max-width: 240px){
	svg {
		height:150px;
		width:98%;
		margin:0px;	
    }
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:150px;
		padding:2%;	}
}
@media screen and (max-width: 320px) and (min-width: 241px){
	svg {
		height:204px;
		width:98%;
		margin:0px;	
    }
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	
    }
	#msg_title {
		margin:0 auto;
		min-height:25px; 
    }
	#msg_data {
		margin:15px auto 5px;
		height:155px;
		padding:2%;	
    }
}
@media screen and (max-width: 400px) and (min-width: 321px){
	svg {
		height: auto;
		width:98%;
		margin:0px;
		}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:160px;
		padding:2%;	}
}
@media screen and (max-width: 480px) and (min-width: 401px){
	svg {
		height:310px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:165px;
		padding:2%;	}
}
@media screen and (max-width: 568px) and (min-width: 481px){
	svg {
		height:370px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:170px;
		padding:2%;	}
}
@media screen and (max-width: 685px) and (min-width: 569px){
	svg {
		height: 290px;
		float:left;
		width:64%; }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:242px;
		padding:2%;	}
}
@media screen and (max-width: 768px) and (min-width: 686px){
	svg {
		float:left;
		 }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:290px;
		padding:2%;	}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
	svg {
		/* float:left; */
		}
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:320px;
		padding:2%;	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px){
	svg {
		height: 504px; margin-left: -15px; margin-top: -25px;}
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:430px;
		padding:2%;	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px){
	svg {
		/*height: 675px;
		float:left;
		width:64%; */
       /* width: 69%;*/
    }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:538px;
		padding:2%;	}
}
@media screen and (min-width: 1601px){
	svg {
		height: auto;
		float:left;
		width:64%; }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:657px;
		padding:2%;	}
		.popular_deatil {    margin-bottom: 35px;}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
