@charset "utf-8";  
/*------------------------------------------------------------ 
    News css
------------------------------------------------------------*/

#headline{
	width:100%;
	height:300px;
	padding-top:186px;
	background:#999 url(../img/question.png) no-repeat 50% 50%;
	background-size:cover;
	text-align:center;
}

#headline #main-headline{
	font-size:400%;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 #666;
}

#headline p{
	margin-top:5px;
	font-size:175%;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 #666;
}

.news{
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom:25px;
	margin-bottom:30px;
}

.date{
	color:#96A5A5;
	font-size:125%;
}

.newsHd{
	margin-top:15px;
	font-size:134%;
	font-weight:bold;
}

.newsHd a{
	color:#0099FF;
	font-weight:bold;
}

.text{
	margin-top:15px;
	font-size:117%;
	color:#666;
	line-height:1.5;
}

.text img{
	max-width:100%!important;
	height:auto!important;
}

.text table{ width:100%!important;}
.text table,
.text caption,
.text tbody,
.text tfoot,
.text thead,
.text tr,
.text th,
.text td{
	border:1px solid gray;
    border-spacing:2px;
	border-collapse:separate;
}

.text *{ line-height:1.5;}

.pageNavi{
	width:100%;
	height:53px;
	overflow:hidden;
	margin-top:40px;
}

.pageNavi li{
	float:left;
	height:53px;
	line-height:53px;
	margin-right:15px;
}

.page{ width:53px;}
.page a{
	display:block;
	width:51px;
	height:51px;
	line-height:51px;
	text-align:center;
	background:#F1F1F1;
	border:1px solid #E4E4E4;
	border-radius:5px;
	color:#333;
}

.page a:hover,
.page .selected{
	background:#333;
	border-color:#333;
	color:#fff;
}

.prev,
.next{ width:145px;}

.prev a,
.next a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:53px;
	color:#fff;
	background-color:#3399FF;
	background-repeat:no-repeat;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.prev a{
	background-image:url(../img/icon_prev.png);
	background-position:left 50%;
}

.next a{
	background-image:url(../img/icon_next.png);
	background-position:right 50%;
}

.prev a:hover,
.next a:hover{ background-color:#333;}


.calenderBox{
	width:auto;
	margin-top:40px;
	padding:0 6px 40px;
	background:#E4E4E4;
}

#calenderHd{
	width:100%;
	overflow:hidden;
}

.prevMonth{
	width:20%;
	float:left;
	text-align:center;
}

.nextMonth{
	width:20%;
	float:right;
	text-align:center;
}

.prevMonth a,
.nextMonth a{
	display:inline-block;
	width:100%;
	height:45px;
	text-align:center;
	line-height:45px;
	color:#666;
	font-size:109%;
	-webkit-transition:color 0.2s ease-out;
	-moz-transition:color 0.2s ease-out;
	-o-transition:color 0.2s ease-out;
	transition:color 0.2s ease-out;
	font-family:Arial, Helvetica, sans-serif;
}

.prevMonth a:hover,
.nextMonth a:hover{ color:#000;}


.calenderBox h4{
	width:60%;
	height:45px;
	float:left;
	line-height:45px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:109%;
}

.calender{
	width:100%;
	border-top:1px solid #C7C7C7;
	border-bottom:1px solid #fff;
	border-collapse:separate;
}

.calender th,
.calender td{
	width:14.28571428571429%;
	height:34px;
	text-align:center;
	vertical-align:middle;
	color:#221815;
	border-top:1px solid #fff;
	border-bottom:1px solid #C7C7C7;
}

.calender a{
	display:inline-block;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	background:#333;
	color:#fff;
	border-radius:12px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.calender a:hover{ background:#000;}


.return{
	width:150px;
	height:53px;
}

.return a{
	display:block;
	width:100%;
	height:51px;
	line-height:51px;
	text-align:center;
	color:#333;
	font-size:117%;
	background:#F1F1F1 no-repeat url(../img/icon_return.png) left 50%;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.return a:hover{
	background:#333 no-repeat url(../img/icon_prev.png) left 50%;
	border-color:#333;
	color:#fff;
}


/*------------------------------------------------------------ 
    Medis Queries
------------------------------------------------------------*/ 

@media screen and (max-width: 767px){

#headline{
	height:200px;
	padding-top:86px;
}

#headline #main-headline{ font-size:300%;}
#headline p{ font-size:150%;}

.select{ text-align:center;}
.select select{ display:inline-block;}


.archive{ text-align:center;}
.archive select{ display:inline-block;}

.return{ width:100%;}

}

@media screen and (max-width: 479px){



#headline{
	height:130px;
	padding-top:70px;
}

#headline #main-headline{ font-size:200%;}
#headline p{ font-size:117%;}

.page:nth-of-type(5){ display:none;}


.next,
.prev{ margin:0!important;}
.next{ float:right!important;}

}