/* CSS Document */
@import "basic_css.css";
@import "stylesheet.css";

body{
	font-family:'MyriadPro-Regular';}

.main{

	max-width:900px;
    width:100%;
	margin:0 auto;

	display:table;

}



.content{

	margin:20px auto;

}



.logo{

	width:300px;

	margin:20px auto;

}



.left_area, .right_area{

	float:left;

}



.left_area{

	background:#DCDCDC;

	width:350px;
	display: none;

}



.right_area{

	max-width:450px;
	width:100%;
	margin: auto;
	float: none;

}



.add{

	width:310px;

	height:300px;

	background:#fff;

	padding:5px;

	border:1px solid #AEADB2;

	margin:20px auto;

}



.add img{

	width:100%;

	height:100%;

}



.news_date{

	max-width:250px;
    width:100%;
	margin:20px auto;

}



.news_date a{

	height:90px;
	display: inline-block;
	width:100%;	
	/*display:flex;
	    aspect-ratio: 1;
	        justify-content: center;
    align-items: center;*/

	background:#DCDCDC;

	color:#3A3A3A;

	text-align:center;

	line-height:90px;

	font-size:30px;

	font-weight:bold;

	font-family:'MyriadPro-Regular';

}



.news_date a:hover{

	background:#FFDE21;

}



.divider{

	width:100%;
    margin:auto;
	height:10px;

	background:#DCDCDC;

}



.pagination{

	width:610px;

	display:table;

	margin:0 auto;

}



.pre a, .next a, .page a{

	width:18px;

	height:33px;

	float:left;

	display:block;

	margin:30px 10px; 

	color:#3A3A3A;

}



.page a{

	width:33px !important;

	text-align:center;

	font-size:20px;

	font-weight:bold;

	line-height:35px;

	background:#DCDCDC;

	font-family:'MyriadPro-Regular';

}



.pre a{

	background:url(../images/next-pre.jpg) 0 0 no-repeat;

}



.page a:hover{

	background:#FFDE21;

}



.next a{

	background:url(../images/next-pre.jpg) -40px 0 no-repeat;

}



.pre a:hover{

	background:url(../images/next-pre-hover.jpg) 0 0 no-repeat;

}



.next a:hover{

	background:url(../images/next-pre-hover.jpg) -40px 0 no-repeat;

}

	

.login_area{

	width:450px;

	margin:17% auto;

	border:1px solid;

	background:#DCDCDC;

	padding:40px;

	font-family: 'MyriadPro-Regular';

	font-size:15px;

	display:table;

}



.login_area input{

	margin-left:30px;

	border-radius:5px;

	border:1px solid #666;

	-moz-border-radius:5px;

	-o-border-radius:5px;

	-webkit-border-radius:5px;

	padding:5px;

}



.login_area input[type="submit"]{

	font-family: 'MyriadPro-Regular';

	font-size:15px;

	background:#900;

	color:#fff;

	border:none;

	padding:8px 15px 5px 15px;

	cursor:pointer;

}



.log{

	text-align:right;

	margin:10px;

}



.log a{

	color:#F30;

	font-family:arial;

}



.login_area a{

	color:#666;
	display: block;

}



.login_area a:hover,  .log a:hover{

	color:#999;

}



.login_area td{

	padding:5px 0;

}



.login_area h1{

	text-align:center;

	margin-bottom:30px;

}



.pagination  {

		display: table;

		margin: 20px auto;

		padding: 20px;

		width: 99%;

	}



	.pagination ul {

		font-family:arial;

		font-size: 18px;

		margin: 0;

		padding: 0;

		text-align: center;

	}



	.pagination li{

		display: inline;

		list-style-type: none;

		padding-bottom: 1px;

		margin: 0px 3px;

	}

	.pagination a, .pagination a:visited {

		background: none repeat scroll 0 0 #D3D3D3;

		color: #333;

		margin-left: 1px;

		padding: 1px 7px;

		text-decoration: none;

	}

	.pagination a:hover, .pagination a:active {

		background: none repeat scroll 0 0 #FFDE21;

		color: #333;

	}

	.pagination a.currentpage {

		background: none repeat scroll 0 0 #FFDE21;

		color: #333 !important;

		cursor: default;

		font-weight: bold;

	}

	.pagination a.disablelink {

		color: #797979 !important;

		cursor: default;

	}

	.pagination a.disablelink:hover {

		color: #929292;

		cursor: default;

	}

	.pagination a.prev {

		color: #DDDDDD;

		font-size: 12px;

		font-weight: normal;

		margin-left: 5px;

	}

	.pagination a.next {

		color: #666666;

		font-size: 12px;

		font-weight: normal;

		margin-left: 5px;

	}

	.header{ background:#f1f1f1; padding:10px; display: flex; justify-content: space-between; align-items: center; margin-bottom:50px;}
	a{ display:inline-block; }


	.alert-danger {
		color: red;
	}

	.text-center {
		text-align: center;
	}

	.alert-success {
		color: green;
	}

	.mb-1 {
		margin-bottom: 1px
	}
	.mb-2 {
		margin-bottom: 2px
	}
	.mb-3 {
		margin-bottom: 3px
	}
	.mb-4 {
		margin-bottom: 4px
	}

	.mb-5 {
		margin-bottom: 5px
	}
	
@media (max-width: 767px) {
	.avc{width:100%;}
	.right_area{max-width:none;}
	.news_date a{ font-size:24px;}
	.logo {width: 250px;}
    
}