@import url("font-awesome.min.css");
HTML {
	BACKGROUND: url(index.jpg) fixed 100% 5%; background-size: cover
}
BODY {
	BACKGROUND: url(index.jpg) fixed 100% 5%; background-size: cover;	font-family:"Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";
}
.cBoth {
	CLEAR: both
}
UL,li{list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A {
	TEXT-DECORATION: none
}
#main-wrapper {
	MARGIN: 0px auto; WIDTH: 970px
}
#iphone-frame {
	HEIGHT: 580px; POSITION: relative; FLOAT: left; MARGIN: 15px 0px 0px; WIDTH: 510px
}
#iphone {
	OVERFLOW: hidden; HEIGHT: 742px; BACKGROUND: url(iphone.png); POSITION: relative; FLOAT: left; MARGIN: 0px auto; Z-INDEX: 2; WIDTH: 420px
}
#iframe-iphone {
	OVERFLOW: hidden; HEIGHT: 575px; MARGIN-LEFT: 32px; MARGIN-TOP: 73px; WIDTH: 358px
}
#iphone IFRAME {
	HEIGHT: 575px; WIDTH: 370px; BACKGROUND-COLOR: #fff
}
.left-half {
	POSITION: relative; FLOAT: right; MARGIN: 200px 45px 90px; WIDTH: 358px
}
H1 {
	FONT-SIZE: 25px; FONT-FAMILY: 'NotethisRegular'; FONT-WEIGHT: normal; COLOR: #000; MARGIN: 20px 0px 0px; text-shadow: 0 1px 0 #fff
}
.columns {
	OVERFLOW: hidden
}
.left-saoyisao {
	HEIGHT: 40px; COLOR: #4e4a4a; TEXT-ALIGN: center; LINE-HEIGHT: 40px; WIDTH: 207px
}
.left-column {
	FLOAT: left; WIDTH: 207px
}
.top-bar {
	MARGIN: 30px auto 0px; WIDTH: 358px
}
.oznamy {
	DISPLAY: none
}
#change-theme {
	POSITION: relative; LEFT: 50px; TOP: 20px
}
.ctrl_panel {
	FLOAT: left; PADDING-TOP: 110px
}
.pre_btn {
	MARGIN-BOTTOM: 40px; DISPLAY: block
}
.next_btn {
	DISPLAY: block
}
.btn {
	CURSOR: pointer; FONT-SIZE: 12px; BORDER-TOP: #2096F9 1px solid; HEIGHT: 70px; BORDER-RIGHT: #2096F9 1px solid; BACKGROUND: #2096F9; BORDER-BOTTOM: #2096F9 1px solid; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 20px; PADDING-LEFT: 8px; LEFT: 50%; BORDER-LEFT: #2096F9 1px solid; TOP: 47px; PADDING-RIGHT: 8px; WIDTH: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px
}
.ctrl_panel A:hover {
	BORDER-TOP: #dadada 1px solid; BORDER-RIGHT: #dadada 1px solid; BORDER-BOTTOM: #dadada 1px solid; COLOR:#2096F9; BORDER-LEFT: #dadada 1px solid; BACKGROUND-COLOR: #fff
}
.left-column img{ width:100px;}
#headt{
	width:100%;
	float:left;
	height:30px;
	min-width:1200px; background-color:rgba(0,0,0,.6); position:fixed; left:0px; bottom:0px;
}
#body_1{width:1200px; margin-left:auto; margin-right:auto;}
#t1{ width:1200px; float:left; line-height:30px; color:#fff; font-size:12px;}
#t1 .left{ float:left; width:600px; float:left; font-size:14px; font-weight:bold}
#t1 .right{ width:520px; float:right; text-align:right;}
#t1 span{
	color:#fff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#t1 A{
	color:#fff;
	padding-left:6px;
	padding-right:6px;
	text-decoration: none;
}
#t1 A:hover{color:#fff;}#qt{ width:352px; float:right;}
#qt{ width:100%; float:left;}
#qt ul{list-style-type:none;}
#qt ul li{ width:110px; float:left; height:30px;text-align:center; font-size:14px;	POSITION: relative;
	DISPLAY: inline; font-weight:bold; cursor:pointer; z-index:1000}
#qt ul li .ewm{ position:absolute; left:0px;bottom:-250px;   padding:5px; background-color:#F2F2F2;  z-index:1000;
	background-repeat: no-repeat;transition:all 0.3s ease-in-out 0s; z-index:100; width:140px; }
#qt ul li .ewm .img1{ width:100px; height:100px;}
#qt ul li .ewm p{ text-align:center; margin-top:2px; font-size:12px; font-weight:normal; color:#333333;}
#qt ul li .ewm p b{ color:#0089E1; font-size:15px;}
#qt ul li i{ margin-right:10px; font-size:15px; color:#FF6600;}
#qt ul li:hover{ color:#fff;} 
#qt ul li:hover .ewm{ display:block;	 bottom:30px;filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1;
	background-repeat: no-repeat;}
#qt ul li.kg{
	width:6px;
	float:left;
	background-image: url(xn_h_15_wrap.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#ys{ position:fixed; z-index:1000;border-radius:5px; overflow:hidden;; right:1.5%; top:15%;box-shadow: 0px 2px 6px #aaa;-webkit-box-shadow:0px 2px 6px #aaa;-moz-box-shadow: 0px 2px 6px #aaa;}
#ys ul{list-style-type:none;}
#ys ul li{ width:50px; height:50px; float:left; text-align:center; background-color:#f5f5f5;}
#ys ul li i{ font-size:20px; line-height:50px;}
#ys ul li a{ color:#333333; display:block;}
#ys ul li a.sec{ background-color:#0089E1; color:#FFFFFF}