.li_listyle ul {
  list-style: disc;
  list-style-position: inside;
}
.li_listyle ol {
  list-style: disc;
  list-style-position: decimal;
}

/*=========================================================================
*
*header-wrap
*
===========================================================================*/

.header-wrap .container {
	background: url(../../images/main-header-bg.jpg)no-repeat center top;
	height: 82px;
}
.header-logo {
	position: absolute;
	color: white;
	font-size: 2.5em;
	font-weight: bold;
	text-transform:uppercase;
	text-shadow: 0px 5px 10px rgba(0,0,0,.7);
	left:40px;
	top:30px;
	font-family: "Arial";
}
.nav-top a {
	position: absolute;
	color:#9797ff;
	top:47px;
	right:40px;
	font-size: .9em;
}
.nav-top a:hover,.nav-top a:focus {color: white;text-decoration: underline;}

@media (max-width: 650px) {
	.header-logo {font-size: 2em;left:35px;}
	.nav-top a {top:40px;}
}
@media (max-width: 554px) {
	.header-logo {font-size: 1.5em;}
	.nav-top a {top:35px;}
}
@media (max-width: 450px) {
	.header-wrap .container {background-position: right -100px top;}
	.header-logo {top:15px;}
	.header-logo i {display: block;}
}
@media (max-width: 350px) {
	.header-logo {left:20px;}
	.nav-top a {right:20px;}
}

/*=========================================================================
*
*contents-wrap
*
===========================================================================*/

.main-wrap {
	background: #ebebeb;
	padding: 2em;
}
.main-title {
	font-size: 1.5em;
	margin: 1em 0;
	color:#39399c;
}
.main-content {line-height: 1.5;color: #363636;margin-bottom: 2em;}
.main-content figure {margin:1em 0;}
.main-kx h3 {font-size: 1.2em;color: #39399c;margin:1em 0; }
.main-kx h3 i {margin-right:10px;}
.main-kx ul li a {
	display: inline-block;
	color: #7b7b7b;
	margin-left: 2em;
	padding: 8px 0;
}
.main-kx ul li a:hover,.main-kx ul li a:focus {color: black;text-decoration: underline;}
.main-content ul,.main-content ol {padding-left: 1.5em;}
.main-content ul {list-style-type: decimal;}
.main-content ol li,
.main-content ul li {list-style-type: inherit;}
.main-content a {color:#007eff;}
.main-content a:hover,.main-content a:focus {text-decoration: underline;}
.main-album {margin:30px 0 0 0;overflow: hidden;}
.main-album ul {margin-left: -30px;}
.main-album ul li {
	float: left;
	width:calc((100% - 90px)/3);
    margin-left: 30px;
}
.main-album li figcaption {
	display: block;
	text-align: center;
	color: #7e7e7e;
	padding: 10px;
	height:5em;
	line-height: 1.2;
}
.previous-btn {background:white;text-align: right;}
.previous-btn a {color: #39399c;display: inline-block;padding: 13px 40px;}
.previous-btn a i {margin-right:10px;}
.previous-btn a:hover,.previous-btn a:focus {color:#5ea4f4;text-decoration: underline;}
@media (max-width: 350px) {
	.main-wrap {padding: 20px;}
	.previous-btn a {padding: 13px 20px;}
}