html {background:#f5f5f5 url(/assets/img/bkg.jpg) 50% 0 fixed no-repeat;background-size:100% auto;}


/* ====== systemMSG ===== */
.noticePage {height:100%;position:fixed;width:100%;}
.noticePage  * {margin:0;padding:0;}

.systemNotice {background-color:#fff;}
.systemNotice {box-shadow:0 0 6px #ccc;}



@media screen and (max-width: 1239px) {

.systemNotice {left:3vw;position:fixed;top:28%;width:94vw;}
.systemNotice h3 {background-color:#f3f3f3;border-bottom:1px solid #e6e6e6;border-top:4px solid #0364cf;color:#245a95;font-size:4vw;font-weight:normal;line-height:9vw;padding:0 3vw;}

.systemNotice .c {padding:3vw 6vw 6vw 6vw;}
.systemNotice .c * {font-size:4vw;}
.systemNotice p, .systemNotice p b {color:#f00;}
.systemNotice p {padding-top:4.5vw;}
	
.systemNotice a {color:#39d;}


/* ----- end media query ----- */
}



@media screen and (min-width: 1240px) {

.systemNotice {left:50%;margin-left:-15rem;position:fixed;top:28%;width:30rem;}
.systemNotice h3 {background-color:#f3f3f3;border-bottom:1px solid #e6e6e6;border-top:4px solid #0364cf;color:#245a95;font-size:0.8rem;line-height:2.5rem;padding:0 0.75rem;}
.systemNotice .c {padding:1.5rem 3rem 3rem 3rem;}
.systemNotice .c * {font-size:15px;}
.systemNotice p, .systemNotice p b {color:#f00;}
.systemNotice p {padding-top:1.5rem;text-align:center;}

.systemNotice a:link, .systemNotice a:visited {color:#39d;}
.systemNotice a:hover, .systemNotice a:active {color:#6cf;}


/* ----- end media query ----- */
}