.detail_box_outer_noti .no_date{
	font-size: 40px;
    padding-top: 21px;
}
.detail_box_outer_noti .no_main_title{
   font-size: 56px;
    font-weight: 700;
    line-height: 90px;
    padding-top: 28px;
    padding-bottom: 54px;
    border-bottom: 1px solid #000;
    margin-bottom: 74px;
}
.detail_box_outer_noti .no_title{
	    font-size: 48px;
    font-weight: 700;
    padding-bottom: 65px;
}
.detail_box_outer_noti .no_div{
	margin-bottom: 38px;
}
.detail_box_outer_noti .no_div .no_label{
	font-size:40px;
	font-weight:700;
    padding-bottom: 25px;
}
.detail_box_outer_noti .no_div .no_content{
	font-size:40px;
    padding-bottom: 21px;
}

.detail_box_outer_noti .no_div .no_list{
	padding-left:30px;
	position:relative;
}
.detail_box_outer_noti .no_div .no_list:before{
	content:'';
	position:absolute;
	top:20px;
	left:0;
	width:10px;
	height:10px;
	background:#000;
	border-radius:50%;
}
.detail_box_outer_noti .view_detail{
	    font-size: 62px;
    font-weight: 700;
    padding-bottom: 21px;
    color: #fff;
    background: #48c0b6;
    border-radius: 80px;
    display: block;
    margin: auto;
    line-height: 160px;
    width: 600px;
    text-align: center;
    padding: 0 !important;
    margin-top: 69px;
}
.detail_box_outer_noti .view_detail_a{
	
    width: 800px;
}






.errorbg{
background: red !important;

}
form.events-form .control input.error{
background: red !important;
}
form.events-form .erro .select_box label:after{
	background: red !important;
}
.disa_btn{
	pointer-events: none !important;
	background-color: #9d9d9d !important;
}
.ena_btn{
	pointer-events: auto !important;
	background-color: #f8863b !important;
}
.profile_box .photo img{
	    max-height: 100%;
		max-width: 100%;
		width: auto !important;
		height: auto !important;
}
.noti_box h2 {
    margin-bottom: 133px !important;
}
.noti_box .page-container {
    padding: 79px 60px 0 !important;
}
.noti_box .info .message {
    font-size: 42px !important;
    font-weight:700 !important;
    margin-bottom: 0px !important;
}
.noti_box .info{
    width:100% !important;
}
.noti_box .event{
    margin-bottom: 25px !important;
    padding-left: 58px !important;
    border-bottom:1px solid #b5b5b5;
        padding-bottom: 25px !important;
}
.noti_box .event .info .title {
    margin-top: 0 !important;
    font-size: 42px !important;
    font-weight: 400 !important;
}
.noti_box .unread{
    position:relative;
}
.noti_box .unread:before{
    content:'';
    position:absolute;
    top:8px;
    left:0;
    border-radius:50%;
    background:#f57920;
    width:30px;
    height:30px;
}
.noti_box .events .event .info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 0 !important;
}
@font-face {
    font-family: Roboto;
    src: url(../font/Roboto-Bold_0.ttf);
}
.error{

    border-bottom: 1px solid red !important;
}
@font-face {
    font-family: Roboto;
    src: url(../font/Roboto-Regular.ttf);
}
.app{
    overflow: hidden;
	position:relative;
	width:100%;
	height:100%;
    font-size: 0;
	max-width:1125px;
	margin:auto;
	background: url(../img/3/logo-bg.png) no-repeat top center;
}
#inpage_body{
    position: relative;
    overflow: hidden;
}
.inpage_body_inner{
    overflow:hidden !important;
}
.hfix_box #main >div{
    height:100%;
}
.hfix_box #main >div .page{
    height:100%;
}
.hfix_box #main >div .page >div{
    height:100%;
}
.hfix_box #main >div .page >div .page-container{
    height:100%;
}
.main_body.panel_page{
	background: url(../img/3/header-bg.png) no-repeat top center #dfecff;
}
.main_body.news_page{
	background: url(../img/6/bg.png) no-repeat top center #dfecff;
}
.main_body.member_page{
    background: url(../img/2/2-bg.png) no-repeat top/cover;
}
.main_body.login_page{
    background: url(../img/1/bg.png) no-repeat top/cover;
}
#main_iframe{
	position:relative;
	width:100%;
	height:100%;
    overflow-y: auto;
}
#menu_iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:100;
    transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
}
#full_iframe{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:100;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#detail_iframe{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:100;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
	height: calc(100% - 280px);
}
#full_detail_iframe{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:100;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#full_detail_iframe.detail_opened{
	transform: translateX(0%);
}
#full_detail_iframe3{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:103;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#full_detail_iframe3.detail_opened{
	transform: translateX(0%);
}
#extra_ifirame{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
    background: url(../img/2/2-bg.png) no-repeat top/cover;
	z-index:100;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#extra_ifirame.detail_opened{
	transform: translateX(0%);
}
#extra_ifirame2{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:105;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#extra_ifirame2.detail_opened{
	transform: translateX(0%);
}
#full_detail_iframe2{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:100;
    transform: translateX(100%);
    transition: all 0.4s ease-in-out;
}
#full_detail_iframe2.detail_opened{
	transform: translateX(0%);
}
#detail_iframe.detail_opened{
	transform: translateX(0%);
}
#btm_iframe{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#173e6e;
	z-index:104;
    transform: translateY(100%);
    transition: all 0.4s ease-in-out;
}
#btm_iframe.btm_opened{
	transform: translateY(0%);
}
#menu_iframe.menu_opened{
	 transform: translateX(0%);
}
#nav_iframe{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:280px;
	background:#143463;
	z-index:99;
}
#loading_iframe{
	position:fixed;
	width:100%;
	height:100%;
	/* background-color:rgba(255,255,255,0.8); */
	background:#143463;
    top: 0;
    left: 0;
	z-index:-1;
	display:block;
}
html{
	/* overflow-y: auto; */
}
body{
	/* background: url(img/layout/7.4.jpg) no-repeat top center; */
	/* opacity:0.5; */
}
#nav_iframe_inner{
	overflow-y: hidden;
}