body {
	background: #FFF;
}
ol.tc {
    counter-reset: item;
}
ol.tc li {
    display: block;
    position: relative;
}
ol.tc li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}
.navbar {
	padding: 0px;
}
.nav-item {
	background-color: #ac4886;
}
.jumbotron {
	background-color:transparent;
}
#about, #mkass, #recruit, #tandc, #contactus {
	display: none;
}
#about, #mkass, #recruit, #tandc {
	padding-top: 240px;
	margin-top: -240px
}
div:target {
	display: block !important;
}
/* unvisited link */
a:link {
  color: #95306d;
  text-decoration: none;
}
/* visited link */
a:visited {
  color: #95306d;
  text-decoration: none;
}
/* mouse over link */
a:hover {
  color: #6e136f;
  text-decoration: none;
}
/* selected link */
a:active {
  color: #95306d;
  text-decoration: none;
}
/* unvisited link */
a.white:link {
  color: #FFF;
  text-decoration: none;
}
/* visited link */
a.white:visited {
  color: #FFF;
  text-decoration: none;
}
/* mouse over link */
a.white:hover {
  color: #95306d;
  text-decoration: none;
}
/* selected link */
a.white:active {
  color: #95306d;
  text-decoration: none;
}
/* unvisited link */
a.white2:link {
  color: #FFF;
  text-decoration: none;
}
/* visited link */
a.white2:visited {
  color: #FFF;
  text-decoration: none;
}
/* mouse over link */
a.white2:hover {
  color: #6e136f;
  text-decoration: none;
}
/* selected link */
a.white2:active {
  color: #6e136f;
  text-decoration: none;
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
}
.logo {
	width:100%;
	color: #FFF;
	font-size: 12pt;
	position: absolute;
	top: 24px;
}
.header-mkass {
	background-image: url("../../images/bg_header200.jpg");
	height: 200px;
	text-align: center;
	color: #FFF;
}
.footer-mkass {
	background: #6e136f;
	height: 30px;
	color: #FFF;
	text-align: right;
	padding-left: 40px;
	padding-right: 40px;
}
.text-purple {
	color: #95306d;
}
.content-title {
	text-align:left;
	font-weight:bold;
	font-size:1.3em;
}
.content-text {
	text-align:left;
}
.menu-mkass {
	height: 62px;
	top: 109px;
	background-color: #ac4886;
}
@media (min-width: 320px) {
	.section {
		min-height: 300px;
		/* background: #FFFFFF; */
	}
	.menu-mkass {
		height: 62px;
		top: 110px;
	}
	#notice2 {
		width: 90%;
		padding: 0px 10px 20px 10px;
		margin: 0 auto;
		min-width: 320px;
	}
	.logo {
		width:100%;
		color: #FFF;
		font-size: 14pt;
		position: absolute;
		top: 24px;
	}
}
@media (min-width: 768px) {
	.section {
		min-height: 450px;
		/* background: #FFFFFF; */
	}
	.menu-mkass {
		height: 62px;
		top: 66px;
	}
	#notice2 {
		width: 70%;
		padding: 0px 50px 20px 50px;
		margin: 0 auto;
		min-width: 480px;
		min-height: 400px;
	}
	.logo {
		width:100%;
		color: #FFF;
		font-size: 16pt;
		position: absolute;
		top: 24px;
	}
}
.content {
	padding-top: 220px;
	padding-bottom: 50px;
}
#notice {
    width: 80%;
    max-width: 800px;
    padding: 40px 40px 100px 40px;
    background: #FFF;
    margin: 0 auto;
    box-shadow: 0 0 8px #bbb;
    position: relative;
    text-align: center;
}
#notice h2{
	font-family: 'Roboto', sans-serif;
	color: #2a2513;
	text-shadow: none !important;
	margin: 0;
	padding: 0;
}
#notice p{
	margin-top: 2vh !important;
	line-height: 1.5em;

	    margin-right: 0px;
	    margin-bottom: 0px;
	    margin-left: 0px;
	padding: 0;

	font-family: 'Roboto', sans-serif;
	color: #2a2513;
	text-shadow: none !important;
}
#notice .two_p{
	margin: 10vh 0;
}
#notice .forgetForm_bg {
    position: absolute;
    left: 0 !important;
    bottom: 0;
    
    margin: 0;
    padding: 0;
}
#notice .forgetForm_bg img{
	border: 0;
	max-width: 100%;
	vertical-align: middle;

	margin: 0;
	padding: 0;
}
.generalbox {
    border: 1px solid #cecece;
}
.continuebutton {
    position: relative;
    text-align: center;

    margin: 0;
    padding: 0;
}
.continuebutton form{
    margin: 0;
    padding: 0;
}
.continuebutton form div{
    margin: 0;
    padding: 0;
}
.continuebutton form input{
    width: 120px !important;
    background: rgb(172,72,134) !important;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px;
    text-shadow: none !important;
    margin: 0 0 10px 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -webkit-appearance: button;
    font-family: inherit;
    font-weight: inherit;
}