body,td,th {font-size: 14px;color:#333333;background-color: #f1f1f1;}
body {margin:0px auto 0px auto;}
a {	font-size: 14px;color: #333333;}
a:link {text-decoration: none;}
a:visited {	text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #CC0000;}
a:active {text-decoration: none;color: #333333;}
/*-----------------------------------------------*/
.login-top-box {width: auto; height: 80px; background-color: #e4f2fe;}
.login-top {width: 1024px; margin:0px auto 0px auto; padding-top: 20px;}
.login-top-left {float:left; width: 556px; height: 49px;}
.login-top-right {float: right; width: 468px; text-align: right ; padding-top: 30px;}
.login-mid-box {width: auto; height: 583px; background-color: #041b43;}
.login-mid {margin:0px auto 0px auto;}

.login-user {position: absolute;width: 371px;margin-top: 100px;margin-left: 65%;z-index: 9999;}
.login-user-top {width: 371px; height: 10px; background-image:url(../images/login-user_03.png);}
.login-user-mid {width: 371px; height: 290px; background-image:url(../images/login-user_06.png);}
.login-user-tt {
	height: 20px;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 16px;
}
.login-user-ll {
	height: 35px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.login-user-ll2 {
	height: 30px;
	padding-left: 38px;
	padding-top: 5px;		
}
.login-user-ll2-left {float: left; width: 24px; text-align:left;}
.login-user-ll2-right {float: left; width: 100px; text-align:left;}
.login-user-right {
	float: right;
	width: 200px;
	text-align: left;
}
.login-user-submit {
	width: 290px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 30px;
}
.login input[type=submit],
.login input[type=button]{
    display: inline-block;
    vertical-align: middle;
    padding: 12px 24px;
    margin: 0px;
    font-size: 18px;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #1e9fff;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline:none;
    width:100%;
}
.login-text-user {
	width: 250px;
	height: 30px;
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 34px;
	padding-right: 2px;
	text-align: left;
	font-size: 16px;
	background-image:url(../images/login-user_09.png);
	background-attachment:;
	background-repeat:no-repeat; 
}
.login-text-pass {
	width: 250px;
	height: 30px;
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 34px;
	padding-right: 2px;
	text-align: left;
	font-size: 16px;
	background-image:url(../images/login-user_12.png);
	background-attachment:;
	background-repeat:no-repeat; 
}
.login-text2 {
	width: 100px;
	height: 30px;
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 16px;
}
.login-text3 {
	width: 16px;
	height: 16px;
	border: 1px solid #cccccc;
}
.login-user-bottom {width: 371px; height: 10px; background-image:url(../images/login-user_08.png);}

.login-bottom {width: 1024px; margin:0px auto 0px auto; padding-top: 20px; line-height: 26px;}
.login-bottom-c {width: 1024px; margin:0px auto 0px auto;}
.login-bottom-c-left {float: left; width:290px; text-align: right; solid #CCCCCC; padding-right: 20px;}
.login-bottom-c-right {float: right; width: 700px;}

/*-----------------------------------------------*/
ul {margin: 0px;padding: 0px;overflow: hidden;}
#wrapper{
	/* width:1920px; */
	height:583px;
	position:relative;
	background-size: contain;
}

#slider-wrap{
	/* width:1920px; */
	height:583px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:1920px;
	height:583px;
}

#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}

/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}


#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:550px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}

/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}