@charset "UTF-8";
/* CSS Document */


body{ font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color:#666;
font-size:15px}

img.bg {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: auto;
    width: 100%;
}


.reddiv{

width:100%;

text-align:center;
position:absolute;
top:40px;

 

}

.reddiv2{

width:294px;

 position:absolute;
 top:30px; 
 left:40px;
 

}





.introduction{
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	background-color:#333;
    height: 400px;
    width: 100%;
}
.link1:visited{
	font-size:25px;
	line-height:35px;
	color:#ffffff;

	text-decoration:none;
	
	}
.link1:link{
	font-size:25px;
	line-height:35px;
	color:#ffffff;
	text-decoration:none;
	
	}
	
.link1:hover{
	font-size:25px;
	line-height:35px;
	color:#ffffff;
	background-color:#000;
	
	
	}
	
	.girl{
		float:right;
		
		background-image:url(images/girl.png);
		height:500px;
		width:40%;
		background-size: auto auto;
		background-origin: padding-box;
		background-repeat:no-repeat;
		background-position:right;
		
		
		}
		
		
.bba{

 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(40, 40, 40);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 80px;
    padding-left: 20px;
    padding-top: 17px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 294px;

}
.bba:visited{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(40, 40, 40);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 35px;
    padding-left: 45px;
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 249px;
	color:#ffffff;
	text-decoration:none;}

.bba:link{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(40, 40, 40);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 35px;
    padding-left: 45px;
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 249px;
	color:#ffffff;
	text-decoration:none;}

.bba:hover{
  background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(100, 6, 24);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;}
.menu22{font-size:16px;
font-family:Verdana;
font-weigth:300; 
top:-4px; 
position:relative;
font-weight:bold}
.bba img{float:left;position:relative;top:-4px}

.bba2:visited{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(40, 40, 40);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 30px;
    padding-left: 45px;
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 249px;
	color:#ffffff;
	text-decoration:none;}


.bba2:link{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(40, 40, 40);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 32px;
    padding-left: 45px;
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 249px;
	color:#ffffff;
	text-decoration:none;}

.bba2:hover{
  background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(100, 6, 24);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;}
.bba2 img{float:left;position:relative;top:-7px}
.menu23{font-size:16px;
font-family:Verdana;
font-weigth:300; 
top:-8px; 
position:relative;
font-weight:bold}
.page2bg{
	background-image:url(images/bg2.png);
width:100%;
height:219px}
.page2bg2{
background-color:#6b0b1a;
float:right;
height:250px;
width:100%;
text-align:center}

.bba3{

 background-attachment: scroll;
    background-clip: border-box;
    background-color:rgb(105,10,26);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 75px;
    padding-left: 20px;
    padding-top: 17px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 185px;

}
.bba3:visited{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(105,10,26);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 25px;
   
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width:110px;
	color:#ffffff;
	text-decoration:none;}

.bba3:link{
 background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(105,10,26);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 25px;
    
    padding-top: 18px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease;
    width: 118px;
	color:#ffffff;
	text-decoration:none;}

.bba3:hover{
  background-attachment: scroll;
    background-clip: border-box;
    background-color:#333;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;}

.bba img{float:left;position:relative;top:-4px}
.location{width:133px;float:left}
.menu24{font-size:16px;
font-family:Verdana;
font-weigth:300; 
top:-8px; 
position:relative;
font-weight:bold}

.imgpotision{float:left;position:relative;top:-7px}
.title{font-size:22px;
font-family:Verdana;
font-weight:bold;

}
.content{font-size:16px;
font-family:Verdana;}

.bg3 {
  background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;

}
.panel{ margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 509px;
	background-color:#ffffff;
	height:172px;
	
	margin-top:200px;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	text-align:center;
	padding-top:150px;
	border:1px solid #333;
	
	}
	.paneltitle{ margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size:30px;
     color:#ffffff;
	 text-align:center;
	 margin-top:200px;
	 width:70%;
	
	
	}
	.paneltitle2{ 

    font-size:30px;
     
	 text-align:center;
	 margin-top:0;
	 width:100%;
	
	 height:60px;
	
	
	
	}
		.paneltitle3{ 

    font-size:30px;
     background-color:#280762;
	 text-align:center;
	 
	 width:100%;
	
	
	
	}
	.paneltitle33{ 

    font-size:30px;
    
	 text-align:center;
	 
	 width:100%;
	
	
	
	}
			.paneltitle4{ 

    font-size:30px;
     background-color:#ffffff;
	 text-align:center;
	 margin-top:0px;
	 width:100%;
	
	
	
	}
	.panelbutton{ margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 209px;
	background-color:#000000;
	height:32px;
	border:2px solid #E10EF3;
	
	color: #ffffff;

	text-align:center;
	padding:15px;
	border-radius:20px;
	margin-top:10px;

	
	
	}
	.paneltexttitle{
		width:80%;
	text-align:center;
	
	margin-left: auto;
	margin-right: auto; 
	overflow-x: hidden;
	overflow-y: hidden; 
	border-radius:10px; 
	
	padding-top:50px;
	color:#fff;
	font-weight:300
	}
	.paneltexttitle2{
		width:80%;
	text-align:center;
	height:60px;
	margin-left: auto;
	margin-right: auto; 
	overflow-x: hidden;
	overflow-y: hidden; 
	border-radius:10px; 
	height:50px;
	padding-top:50px;
	color:#000;
	font-weight:300
	}
.panel27{ margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 509px;
	
	height:172px;
	
	margin-top:200px;
	
	text-align:center;
	padding-top:150px;
	
	
	}
	
	.panel2{ margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: hidden;
  
	height:67px;
	width:230px;
	
	
	margin-top:280px;
	
	}
		.panel3{  height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: center;
    top: -300px;
    width: 334px;
	
	}
.workcontent{
	
	width:910px;
	
	  
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: center;
    top: 10px;
   
	
	
}
.workcontent li{
	width:300px;float:left;
	background-color:transparent;!important
	
}
	.mail:link{color:#088eab;
	text-decoration:none;
font-size:12px;}
	.mail:visited{color:#088eab;
	text-decoration:none;
font-size:12px;
}
	.mail:hover{color:#088eab;
	text-decoration: none;
font-size:12px;
}
	#red1{font-size:12px;
	color:#c2081b;
	}
	
		#red2{font-size:12px;
	color:#c2081b;
	}
	.none{display:none}
	.signin{height:32px;width:330px;background-color:#9e0f1d;color:#ffffff;font-size:18px; cursor: pointer; border:none;font-family:STHeiti;padding-top:8px}
	
	.panel4{  height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: center;
  
    width: 405px;
	
	}
	.panel5{  
    margin-left: auto;
    margin-right: auto;
    top: 30px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: center;
  
    width:100%;

	
	}
	.font20{font-size:24px;
	font-family:STHeiti }
	
	.font21{font-size:24px;
	font-family:微软雅黑}
	
	.index4top{margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 940px;
	border-left:1px solid #ccc;

	height:auto;
	border-top:0px solid #ad041c;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
	padding-left:30px;
	padding-right:30px;}
	
	.font14{font-size:14px;
	font-family:微软雅黑 }
	
	
	.font50{font-size:35px;
	font-family:STHeiti;
	color:#4f4f4f}
		.font19{font-size:19px;
	font-family:STHeiti;
	color:#ad041c;
	line-height:40px  }
		.font12{font-size:15px;
	font-family:STHeiti;
	color:#666;
	line-height:18px
	 }
.font12w{font-size:15px;
	font-family:STHeiti;
	color:#666;
	line-height:28px
	 }
	 	.font34{font-size:24px;
	font-family: STHeiti;
	color:#333;
	line-height:40px
	 }
	 .font16{font-size:16px;
	font-family: STHeiti;
	color:#0f65d8;
	line-height:20px
	 }
	 	 .font14gray{font-size:14px;
	font-family: STHeiti;
	color:#8d8687;
	line-height:12px
	 }
	 
	 .font12gray{font-size:12px;
	font-family: STHeiti;
	color:#8d8687;
	line-height:12px
	 }
	 .redline{background-color:#dc0927;
	 width:6px;
	 height:30px}
	 
	  .font14gray{font-size:14px;
	font-family: STHeiti;
	color:#8d8687;
	font-weight:bold
	
	 }
	 
	 	.font122gray{font-size:15px;
	font-family:STHeiti;
	color:#666;
	line-height:25px
	 }
	 .font192{font-size:19px;
	font-family: 微软雅黑;
	color:#ad041c;
	line-height:40px}
	
	.font122{font-size:15px;
	font-family:微软雅黑;
	color:#333;
	line-height:22px
	 }
	 	.font342{font-size:24px;
	font-family:微软雅黑;
	color:#333;
	line-height:50px
	 }
	 
	 .font14gray2{font-size:14px;
	font-family: 微软雅黑;
	color:#8d8687;
	font-weight:bold
	
	 }
	 
	
	 
	 .font502{font-size:30px;
	font-family:微软雅黑;
	color:#4f4f4f}
	
	  .font14gray2{font-size:14px;
	font-family: 微软雅黑;
	color:#8d8687;
	font-weight:bold
	
	 }
	 
	  .font162{font-size:16px;
	font-family: 微软雅黑;
	color:#333;
	line-height:20px
	 }
	 
	 	.font122gray2{font-size:12px;
	font-family:微软雅黑;
	color:#8d8687;
	line-height:15px
	 }
	 
	 .font14active:link{font-size:14px;
	font-family:微软雅黑;
	text-decoration:none }
	 .font14active:hover{font-size:14px;
	font-family:微软雅黑;
	color:#3364af;
	text-decoration:none; }
	 .font14active:visited{font-size:14px;
	font-family:微软雅黑;
	text-decoration:none;
	color:#000; }
	.bg31{  
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -10;}
.bg318{  
    background-position: center 0;
   /* background-repeat: no-repeat;*/
    /*background-size: cover;*/
    height: 393px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -10;
	 }
	.screen-content{background-color: rgb(255, 255, 255);
    height: 100%;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    position: relative;}
	.surface{box-sizing: border-box;
    height: 100%;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: padding-bottom;
    transition-timing-function: ease;
    width: 100%;}
	.st-content{background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;}
	
	.st-pusher{background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    left: 0;
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease;}
	
	 .font166{font-size:20px;
	font-family: STHeiti;
	color:#616161;
	line-height:30px;
	font-style:italic;
	 }
	 
	 	.font144{font-size:16px;
	font-family:微软雅黑;
	color:#616161;
	font-style:italic; }
	.menu15{font-size:16px;
	font-family:微软雅黑;
	color:#000;
	line-height:40px;
	text-decoration:none;
	font-weight:bold;
	 }
	 
	 .menu15:link{font-size:16px;
	font-family:STHeiti;
	color:#000;
	line-height:40px;
	text-decoration:none;
	cursor:pointer;
	
		font-weight:;
	 }
	  .menu15:visited{font-size:16px;
	font-family:STHeiti;
	color:#000;
	line-height:40px;
	text-decoration:none;
	cursor:pointer;
	 }
	 	.menu15:hover{font-size:16px;
	font-family:STHeiti;
	color:#d4d4d4;
	line-height:40px;
	text-decoration:none;
	cursor:pointer;
		
	 }




	 ul{width:1020px;
	 margin:auto;
	 list-style-type: none;}
	 li{width:500px;
	 background-color:#900;
	 height:auto;
	 float:left}
	 .outdiv{width:100%; height: 100%;left: 0;
    top: 0;background-color:#FFF; filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;z-index:10000;position:absolute; overflow:hidden}
	.outdiv2{ 
    height:700px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-100px;
    width: 1100px;
    z-index: 10000;
	 margin-top:-200px;
    margin-left:-500px;}
	.rightblack{width:270px;height:637px;float:left;background-color:#666;padding-top:50px;padding-left:30px}
	.picopacity{filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;}
		.picopacity:hover{filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor:pointer;}
	.mywork1{width:95%;padding-left:5%;padding-top:30px;height:150px;border-bottom:1px solid #ececec;background-color:#fff;}
	.myworkfont{font-size:28px;color:#2b435d;line-height:35px}
	.myworkfont2{font-size:24px;color:rgb(153, 0, 0);line-height:35px}
	.textbox{border:1px solid #e2e2e2;background-color:#f1f1f1;width:1104px;padding-bottom:10px;padding-top:10px}
	
	.try{height:100px; position:relative;  display:none;}
	.newul{width:983px;}
.newul li{width:300px;background-color:#fff;margin-right:15px;margin-top:20px}

.intrs1{height:75px;background-color:#b20505;width:100%;position:relative;top:-105px; filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;text-align:center;padding-top:25px;color:#fff;border-top:1px solid #ccc;display:none}
	
	.twoversion{
		width:150px;
		background-color:#333;
		display:none; 
		float:left;
		height:50px;
		position:relative;
		left:200px;
		padding-top:4px;
		text-align:left;
		top:-100px;
		
		
		}
		.hoverlink{
			color:#FFF; 
			
			height:22px;
			padding-left:10px;
			text-decoration:none;
			line-height:22px;
			text-align:left;
			
			}
			
			.hoverlink:visited{
			color:#FFF; 
			
			height:22px;
			padding-left:10px;
			text-decoration:none;
			line-height:22px;
			
			}
			.hoverlink:hover{
			color:#999; 
			
			height:22px;
			padding-left:10px;
			text-decoration:none;
			line-height:22px;
			cursor:pointer;
		
			
			}

.titlelink:link{
	font-size:50px;
	color:#fff;
	text-decoration: none;
	
}

.titlelink:visited{
	font-size:50px;
	color:#fff;
	text-decoration: none;
}
.paging{
	width:40px;
	height:30px;
	border:1px solid #16A6BE;
	background-color:#D7F4F0;
	text-align: center;
	padding-top:10px;
	float:left;
	margin-right:10px
	
	
}
.paginglocate{
	width:1020px;
	 
	position:absolute;
	left:45%;
	margin-top:10px;
	margin-bottom:20px;
	
	
}
.pagingtext:link{
	font-size:14px;
	text-decoration: none;
	color:#0B6560;
	
}
.pagingtext:hover{
	font-size:14px;
	text-decoration:underline;
	color:#0B6560;
	
}
.pagingtext:visited{
	font-size:14px;
	text-decoration: none;
	color:#0B6560;
	
}
.maodian:link{
	font-size:16px;
	text-decoration: none;
	color:#0895cf;
	
}
.maodian:hover{
	font-size:16px;
	text-decoration: underline;
	color:#0895cf;
	
}
.maodian:visited{
	font-size:16px;
	text-decoration: none;
	color:#0895cf;
	
}
.leftmenu:link{
	font-size:16px;
	text-decoration:none;
	color:#fff;
	
}
.leftmenu:hover{
	font-size:16px;
	text-decoration:underline;
	color:#fff;
	
}
.leftmenu:visited{
	font-size:16px;
	text-decoration:none;
	color:#fff;
	
}

.titlelink2:link{
	font-size:20px;
	color:#fff;
	text-decoration: none;
	
}

.titlelink2:visited{
	font-size:20px;
	color:#fff;
	text-decoration: none;
}

.buttonlink:link{
	font-size:20px;
	color:#fff;
	text-decoration: none;
	background-image:url(images/cvbutton.png);
	
	}

.buttonlink:visited{
	font-size:20px;
	color:#fff;
	text-decoration: none;
	background-image:url(images/cvbutton.png);
}


.img-overlay img {
  position: relative;
  vertical-align: top;
  width:75%;
}

.overlay {
  display: flex;
  position: absolute;
  color: #fff;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(41, 42, 44, 0.5);
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .25s;
}

.img-overlay {
  position: relative;
  display: inline-block;

}

.img-overlay:hover .overlay {
  opacity: 1;
   width:75%;
   margin-left: auto;
  margin-right: auto;
}









.img-overlay2 {
  position: relative;
  display: inline-block;

}

.img-overlay2:hover .overlay {
  opacity: 1;
   width:95%;
   margin-left: auto;
  margin-right: auto;
}






.img-overlay3 {
  position: relative;
  display: inline-block;

}

.img-overlay3:hover .overlay {
  opacity: 1;
   width:100%;
   margin-left: auto;
  margin-right: auto;
}


.menulink1{
font-size:16px;
color:#fff;
text-decoration:None;
line-height:55px;
font-weight:bold;
margin-left:40px;

}
.menulink1:link{
font-size:16px;
color:#fff;
text-decoration:None


}
.menulink1:hover{
font-size:16px;
color:#FE1884;
text-decoration:None


}


.menulink2{
font-size:14px;
color:#fff;
text-decoration:None;
line-height:30px;

margin-left:40px;

}
.menulink2:link{
font-size:14px;
color:#fff;
text-decoration:None


}
.menulink2:hover{
font-size:14px;
color:#FE1884;
text-decoration:None


}



.topmenu{
font-size:16px;
color:#fff;
text-decoration:None;
line-height:60px;
font-weight:bold;


}
.topmenu:link{
font-size:16px;
color:#000;
text-decoration:None;





}
.topmenu:hover{
font-size:16px;
color:#FE1884;
text-decoration:None


}
.topmenu:visited{
font-size:16px;
color:#000;
text-decoration:None


}
.topmenu:visited:hover{
font-size:16px;
color:#FE1884;
text-decoration:None;


}


.topmenu2{
font-size:16px;
color:#fff;
text-decoration:None;
line-height:60px;



}
.topmenu2:link{
font-size:16px;
color:#fff;
text-decoration:None;
margin-left:40px;





}
.topmenu2:hover{
font-size:16px;
color:#FE1884;
text-decoration:None;
margin-left:40px;


}
.topmenu2:visited{
font-size:16px;
color:#fff;
text-decoration:None;
margin-left:40px;


}
.topmenu2:visited:hover{
font-size:16px;
color:#FE1884;
text-decoration:None;
margin-left:40px;


}
.whitelabel{
color:#fff;
border:1px solid #fff;
padding:5px;
font-size:12px;
	border-radius: 12px;
	padding-left:10px;
	padding-right:10px;
}



			
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.more-details a {
  display: inline-block;
  padding: 2px 30px;
  background-color: #C53406;
  color: #fff;
	font-size:16px;
  border-radius: 5px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease;
	
}

.more-details a:hover {
  background-color: #902402;
}