@charset "utf-8";

@import url(../css/clinic/smartphone.css);

body>header nav ul li a,body>header nav ul li a:hover,.more a,body>footer address>span a,body>footer address>span a:hover,.btn a,dl.box>dt,form input[type="button"],form input[type="submit"],#main>h3:first-child,body>footer>ul li a,#up a,dl.box>dt,dl.box>dt.on{
background-color:#324672;
color:#fff;
}

body>footer address>span.mail a,#main p.btn .mail a{
background-color:#534741;
}

body>header{
background-color:#1a1e3e;
}

#index{
background-color:#1a1e3e !important;
}

#first-area{
color:#fff;
}

ul.topCotents li{
margin-bottom:10px;
}

h1{
color: #FFF;
}

h3, h3 a, .h3, .h3 a, body>footer>dl>dt {
color: #000000;
}




.slider{
	width:100%;
	height:100%;
	margin:0 auto;
	padding-top:45%;
	position:relative;
}
.slider ul{
	margin:0;
	padding:0;
	list-style:none;
}
.slider ul li{
	width:960px;
/*	height:460px;*/
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:10s;
}

.slider ul li img{
margin:0 0 0 2% !important;
left:4%;
}

/**/
.slider ul li:nth-child(1){
	animation-name:slider;
	animation-delay:-2s;
}
.slider ul li:nth-child(2){
	animation-name:slider;
	animation-delay:3s;
	opacity:0;
}
/*.slider ul li:nth-child(3){
	animation-name:slider;
	animation-delay:13s;
	opacity:0;
}*/


@keyframes slider{
	0%{
		opacity:0;
	}
	25%{
		opacity:1;
	}
	50%{
		opacity:1;
	}
	75%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}