@font-face {
  font-family: 'q';
  src: url('fonts/Quark-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Quark-Light.otf')  format('opentype'),
	     url('fonts/Quark-Light.woff') format('woff'), url('fonts/Quark-Light.ttf')  format('truetype'), url('fonts/Quark-Light.svg#fonts/Quark-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'qb';
  src: url('fonts/Quark-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Quark-Bold.otf')  format('opentype'),
	     url('fonts/Quark-Bold.woff') format('woff'), url('fonts/Quark-Bold.ttf')  format('truetype'), url('fonts/Quark-Bold.svg#fonts/Quark-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'c';
	src: url('fonts/Circular.eot');
	src: local('☺'), url('fonts/Circular.woff') format('woff'), url('fonts/Circular.ttf') format('truetype'), url('fonts/Circular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'cb';
	src: url('fonts/CircularBold.eot');
	src: local('☺'), url('fonts/CircularBold.woff') format('woff'), url('fonts/CircularBold.ttf') format('truetype'), url('fonts/CircularBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'h';
	src: url('fonts/handsean.eot');
	src: local('☺'), url('fonts/handsean.woff') format('woff'), url('fonts/handsean.ttf') format('truetype'), url('fonts/handsean.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
    font-family:pen;
    font-size:16px;
}

.bc-area{
    min-height:30px;
}

.hover .over{
    display:none;
}
.hover:hover .over{
    display:block;    
}
.hover:hover .on{
    display:none;
}
.current .over{
    display:block;
}
.current .on{
    display:none;
}
a.active .over{
    display:block;
}
a.active .on{
	display:none;
}



ul{
	margin:0;
	padding-left:20px;
}
li{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	line-height:1;
}
p{
	margin:10px 0;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}
form{
	display:block;
	margin:0;
	padding:0
}
.clear{
	display:block!important;
	line-height:0!important;
	float:none!important;
	height:0!important;
	border:none!important;
	padding:0!important;
	margin:0!important;
	clear:both!important;
	width:0!important;
	overflow:hidden!important;
	font-size:0!important
}
.message{
    display:none !important;
}
button,input[type="submit"],input[type="button"]{
	cursor:pointer;
	outline:none;
}


/* general content */
/* paging
.paging span span,.paging a span{	
    display:inline-block;
    line-height:1;
}
.page-first,.page-last{
	display:none;
}
.paging .current{
    color:blue;
} */
.blockData{
background: #fff;
padding: 35px;
border-radius: 30px;
padding-bottom: 30px;
margin-top: 170px;    
}
.blockData .msg {
padding-bottom: 30px;
font-size: 32px;
letter-spacing: 0.4px;
min-height: 65px;
display: block;
}

.blockMsg{

}


/*
div.layout-bg1::after{
    opacity:1;
}
div.layout-bg2::after{
    opacity:0;
}

.website-box {
  width: 100%;height: 6000px;display: block;
  position: relative;
}
.website-box::after {
  content: "";top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;   
  opacity: 0.2;
}
*/