/*
 *= require dropdown
*/
@mixin background-gradient($from:#3966AE,$to:#263C7B){
	background: $from;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from($from), to($to));
	background: -webkit-linear-gradient($from, $to);
	background: -moz-linear-gradient($from, $to);
	background: -ms-linear-gradient($from, $to);
	background: -o-linear-gradient($from, $to);
	background: linear-gradient($from, $to);
}
*{
margin:0;
padding:0;
}
body{
background:#244470 image-url("index/background.png");
font-family:"\5FAE\8F6F\96C5\9ED1";
}
a{
text-shadow:1px 1px 1px #0C2549;
text-decoration:none;
}
#nav a{
transition:all .3s ease-in-out;
text-decoration:none;
}
#nav a:link{
color:white;
}
#nav a:hover{
color:white;
}
#nav a:visited{
color:white;
}

#nav{
width:900px;
height:50px;
background:#244470;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#5B82B7;
border-radius:0 0 5px 5px;
color:white;
margin:0 auto;
font:small-caps 12px "\5FAE\8F6F\96C5\9ED1";
text-shadow:1px 1px 2px #0C2549;
@include background-gradient();
}
.nav_logo{
width:120px;
height:30px;
margin:0 0 0 5px;
padding:10px 0 10px 5px;
border-width:0 1px 0 0;
border-style:solid;
border-color:rgba(0, 0, 0, 0.2);
display:block;
font:25px bold 'Nunito',sans-serif;
float:left;
font-size:24px;
}
.nav_link{

min-width:60px;
height:30px;
padding:10px;
border-width:0 1px 0 0;
border-style:solid;
border-color:rgba(0, 0, 0, 0.2);
display:block;
font:15px/30px "\5FAE\8F6F\96C5\9ED1";
float:left;
text-align:center;
}
#main{
width:99.99%;
height:310px;
margin:60px 0 0 0;
background:rgba(243,243,243,0.6);
border-width:1px 0 0 1px;
border-style:solid;
border-color:#e1e1e1;
}
#main_sub{
width:900px;
margin:0 auto;
padding:30px 0 0 0;
height:280px;
}
#information{
width:390px;
float:left;
}
.title{
font-size:45px ;
font-weight:bold;
font-family:'Nunito',sans-serif;
}
.subtitle{
font:30px "\5FAE\8F6F\96C5\9ED1";
}
.subinc{
font-size:15px;
color:#525252;
text-shadow:1px 1px 1px #f1f1f1;
margin:0 0 0 140px;
}
#download{
width:200px;
height:60px;
background:#AA7B2D;
border:rgba(255,255,255,0.3) solid 3px;
border-radius:10px;
margin:50px auto 0 auto;
}
.download_active{
color:white;
text-shadow:0px 0px 5px rgba(255,255,255,0.6);
font-size:25px;
text-align:center;
margin:5px 0 0 0;
display:block;
}
.download_information{
color:#f1f1f1;
text-shadow:0px 0px 2px rgba(255,255,255,0.4);
font-size:10px;
display:block;
text-align:center;
}
#slider{
clear:both;
width:500px;
padding:0;
margin:0 auto;
z-index:0;
clear:both;
display:block;
float:right;
top:-212px;
*top:0;
}
.show1{
width:500px;
height:275px;
background:image-url("index/01.png");

border-radius:10px;
}
.show2{
width:500px;
height:275px;
background:image-url("index/02.png");

border-radius:10px;
}
.show3{
width:500px;
height:275px;
background:image-url("index/03.png");

border-radius:10px;
}
footer{
width:900px;
margin:0 auto;
}
footer h2{
 font:bold 15px/130% "\5FAE\8F6F\96C5\9ED1";
 color:#2e2e2e;
 text-shadow:1px 1px 1px #dedede;
}
#footer1{
height:200px;
width:300px;
border-right:1px #bfbfbf dashed;
margin-top:10px;
float:left;
}
#footer1 a{
 font:12px/130% "\5FAE\8F6F\96C5\9ED1";
 color:#2a2a2a;
 text-shadow:1px 1px 1px #dedede;
}
#footer2{
height:200px;
width:300px;
border-right:1px #bfbfbf dashed;
margin-top:10px;
float:left;
}
#footer3{
width:280px;
float:left;
margin-top:10px;
padding-left:10px;
}
#footer3 a{
 font:12px/130% "\5FAE\8F6F\96C5\9ED1";
 color:#2a2a2a;
 text-shadow:1px 1px 1px #dedede;
}
