@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:7100;}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:12px}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr {margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px}
blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:12px 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/
.clearfix:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.clear{clear:both;}

/**/
.mt10{ margin-top:30px}
.mt5{ margin-top:5px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt50{ margin-top:50px}
.m10{ margin:10px}
.ml10{ margin-left:10px}
.ml30{ margin-left:30px}
.mr10{ margin-right:10px}
.ml5{ margin-left:5px}
.pt5{ padding-top:5px}
.p10{ padding:10px}
.p20{ padding:20px}
.em2{ text-indent:2em}
.fl{ float:left}
.fr{ float:left}
.center{ text-align:center}

.help-tip{
	position: absolute;
	top: 18px;
	right: 18px;
	text-align: center;
	background-color: #BCDBEA;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
}


.section1-right-bg:hover span{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.section1-right-bg span{
	display: none;
    text-align: left;
    background-color: rgb(30, 32, 33);
    width: 300px;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    right: 330px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    line-height: 1.4;
    margin-top: 20px;
    padding: 20px;
    border-radius: 3px;
}

.section1-right-bg span:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}
.section1-right-bg span:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	    margin-top: 8px;
	top:-12px;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}