@charset 'UTF-8';

@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont9b1a.eot?v=4.0.1');src:url('font/fontawesome-webfontd41d.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont9b1a.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont9b1a.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont9b1a.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

@mixin alpha-attribute($attribute, $color, $background) {
  $percent: alpha($color) * 100%;
  $opaque: opacify($color, 1);
  $solid-color: mix($opaque, $background, $percent);
  #{$attribute}: $solid-color;
  #{$attribute}: $color;
}

#nav {
/*background: -moz-linear-gradient(center top , #252525, #636363) repeat scroll 0% 0% #61B8DB;*/
    background-color:#252525;
   text-align:center;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
   
   min-width:1000px; 
    z-index: 10000;
    cursor: default;
     border-bottom: 5px solid #969696; 
	height: 130px;
}
#nav ul {
    margin-bottom: 0px;
	
}

#nav2 {
    /*background: -moz-linear-gradient(center top , #252525, #636363) repeat scroll 0% 0% #61B8DB;*/
    background-color:#252525;
    text-align:center;
    left: 0px;
    top: 130px;
    width:100%;
    
    min-width:1000px;
    z-index: 10000;
    cursor: default;
    border-bottom: 5px solid #969696;
    height: 75px;
    position:fixed;
}
#nav2 ul {
    margin-bottom: 0px;
    
}
#nav2 li {
    display: inline-block;
}
#nav2 a {
    padding: 0.2em 1em;
    margin: 0.6em 0.2em;
    font-weight: 600;
    font-size:20px;
    border-radius: 8px;
    transition: background-color 0.2s ease-in-out 0s;
    color: #ece7f2;
}
#nav2 a {
    position:relative;
    display: block;
    color: #cccccc;
    text-decoration: none;
    outline: 0px none;
    font-family: "Open Sans",sans-serif;
}
#nav2 a:hover
{
    color: #969696;
    border-bottom-color: rgba(255,255,255,0);
    /*		-webkit-transform: scale(1,1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1)
     */	}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	
}
#contain {
    position: relative;
    overflow: hidden;
}
#nav li {
    display: inline-block;
}
#nav a {
    padding: 0.2em 1em;
    margin: 0.6em 0.2em;
    font-weight: 600;
	font-size:20px;
    border-radius: 8px;
    transition: background-color 0.2s ease-in-out 0s;
    color: #ece7f2;
}
#nav a {
    position:relative;
    display: block;
    color: #cccccc;
    text-decoration: none;
    outline: 0px none;
	font-family: "Open Sans",sans-serif;
}
#nav a:hover
		{
			color: #969696;
			border-bottom-color: rgba(255,255,255,0);
	/*		-webkit-transform: scale(1,1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
	*/	}

#container{
	background-color:white;
	text-align: 60% 30%;
}
.wrapper-style1 {
    background-image: none;
    background-color: #FFF;
}
.wrapper-first {
    box-shadow: none;
}
#top {
}
section:last-child, article:last-child {
    margin-bottom: 0px;
}

#wrapper{
    position:relative;
	width:1100px;
	height:45%;
	margin-top:30px;
	overflow:hidden;
	visibility:hidden;
}
#banner{
	 position:relative;
	width:650px;
	height:550px;
	background:url(../image/1897-full.png),url(../image/1a.png);
	
	background-repeat:no-repeat ,no-repeat;
	background-size:22% 45%;
	background-position:5% 65% , 35% 65%;
	float:left;
	background-color:white;
	}
#banner p{
	font-family: "Open Sans",sans-serif;
	font-size:20px;
	font-weight:10px;
	color:black;
	padding-top:20px;
	text-align:center;
	font-stretch:condensed;
/*	letter-spacing:1px;*/
/*	text-shadow:0px 1px 1px #000; */
	}
#banner h1{
	font-family:"Open Sans",sans-serif;
	font-size:50px;
	font-weight:bold;
	color:green;
	padding-top:50px;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0px 1px 1px #000;
	}
#banner h2{
	font-family: "Open Sans",sans-serif;
	font-size:25px;
	font-weight:bold;
	color:green;
	padding-top:10px;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0px 1px 5px rgba(0,0,0,.9);
	}
#banner a{
	font-family: "Open Sans",sans-serif;
	font-size:30px;
	color:white;
	float:right;
	margin-right:200px;
	background-color:#930;
	padding:7px 14px;
	border-radius:2px;
	margin-top:20px;
	text-decoration:none;
	}	
#banner1{
	position:relative;
	width:650px;
	height:550px;
	background:url(../image/virus2.png),url(../image/Virus.png);
	background-repeat:no-repeat , no-repeat;
	background-size:22% 45%;
	background-position:5% 65% , 35% 65%;
	float:left;
	background-color:white;
	
	}
#banner1 p{
	font-family: "Open Sans",sans-serif;
	font-size:20px;
	font-weight:10px;
	color:black;
	padding-top:20px;
	text-align:center;
	font-stretch: condensed;
/*	letter-spacing:1px;*/
/*	text-shadow:0px 1px 1px #000; */
	}
#banner1 h1{
	font-family:"Open Sans",sans-serif;
	font-size:50px;
	font-weight:bold;
	color:green;
	padding-top:50px;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0px 1px 1px #000;
	}
#banner1 h2{
	font-family:"Open Sans",sans-serif;
	font-size:30px;
	font-weight:300;
	color:green;
	padding-top:50px;
	letter-spacing:0px;
	text-align:center;
	text-shadow:0px 1px 1px #000;
	}

#banner1 a{
	font-family: "Open Sans",sans-serif;
	font-size:30px;
	color:white;
	float:right;
	margin-right:200px;
	background-color:#930;
	padding:7px 14px;
	border-radius:2px;
	margin-top:20px;
	text-decoration:none;
	}	
#banner2{
	 position:relative;
	width:650px;
	height:550px;
	background:url(../image/hurry3.png);
	background-repeat:no-repeat;
	background-size:40% 23%;
	background-position:5% 65%;
	float:left;
	background-color:white;
		}


#banner2 p{
	font-family: "Open Sans",sans-serif;
	font-size:20px;
	font-weight:30px;
	color:black;
	padding-top:20px;
	text-align:center;
	font-stretch: condensed;
/*	letter-spacing:1px;*/
/*	text-shadow:0px 1px 1px #000; */
	}
#banner2 h1{
	font-family:"Open Sans",sans-serif;
	font-size:50px;
	font-weight:bold;
	color:green;
	padding-top:50px;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0px 1px 1px #000;
	}
#banner2 h2{
	font-family:"Open Sans",sans-serif;
	font-size:30px;
	font-weight:300;
	color:green;
	padding-top:50px;
	letter-spacing:0px;
	text-align:center;
	text-shadow:0px 1px 1px #000;
	}

#banner2 a{
	font-family: "Open Sans",sans-serif;
	font-size:30px;
	color:white;
	float:right;
	margin-right:200px;
	background-color:#930;
	padding:7px 14px;
	border-radius:2px;
	margin-top:20px;
	text-decoration:none;
	}
.box{
	position:absolute;
    top:150px;
    left:50%;
	width:45%;
	height:500px;
	@include alpha-attribute('background-color', rgba(black, 0.5), blue); 
/*	background-color:#5f14f2 ; */
	float:right;
	}

.button {
	padding: 1em 2.35em;
	font-size: 1.1em;
	position: relative;
	display: inline-block;
	color:#ece7f2;
	text-decoration: none;
	font-weight: 700;
	border: 0px none;
	outline: 0px none;
	cursor: pointer;
	border-radius: 8px;
	/*text-shadow: -1px -1px 0.5px rgba(0, 0, 0, 0.5);*/
overflow: hidden;
background: -moz-linear-gradient(center top , #252525, #636363) repeat scroll 0% 0% #61B8DB;
box-shadow: 0px 0px 0px 1px #000 inset, 0px 2px 1px 0px rgba(255, 255, 255, 0.75) inset;
transition: background-color 0.2s ease-in-out 0s;
background-color:#636363;
}
#but a:hover
		{
			color: #969696;
			border-bottom-color: rgba(255,255,255,0);
			font-size:1.1em;
	/*		background-size: 10%;
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)*/
		}

a.anchor1 {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

a.anchor2 {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}