/* $Id: offline.css | sero-lee */
#main{position:relative;padding:45px 0;margin-top:15px;margin-bottom:15px;background-color:#eee;}
#main .kongyeye-box,
#main .row-box{text-align:left;position:relative;float:left;padding-left:15px;padding-right:15px}
#main .kongyeye-image{text-align:center}
#main .kongyeye-say{padding:30px;background-color:#fff;border-radius:15px;box-shadow:1px 1px 6px 1px rgba(0,0,0,.15);opacity:.85}
#main .kongyeye-say:before{display:block;position:absolute;top:100px;left:-25px;width:40px;height:40px;border:20px solid transparent;border-right-color:#fff}
#main .is-font-image{text-align:center;font-size:10em;line-height:1;color:#FFAD51}
#main .is-font-image>i{line-height:1}
#main .is-font-image>i:before{content:"\ea07";animation:autorun 2s ease-in-out .5s infinite alternate}
#main .is-only-message>h2{white-space:nowrap}
#main .is-only-message>p{font-size:16px;}
/**/
.header,.footer{margin-top:15px;margin-bottom:15px}
.header .logo{padding-top:10px;padding-bottom:10px;}
.footer .copyright{line-height:3}
/**/
@keyframes autorun{
	0%{transform:rotateY(0deg)}
	100%{transform:rotateY(180deg)}
}
/**/
@media (max-width:991px){
	#main .kongyeye-image{text-align:left}
	#main .kongyeye-say:before{top:0;left:200px;margin-left:-20px;margin-top:-40px;border:20px solid transparent;border-bottom-color:#fff}
	#main .col-md-3,
	#main .col-md-9{width:100%}
	#main .col-md-9{}
}
@media (max-width:799px){
	#main{padding:45px 0}
}
@media (max-width:679px){
	#main .is-font-image{font-size:7em}
	#main .is-only-message>h2{font-size:28px}
	#main .is-only-message>p{font-size:14px}
}
@media (max-width:599px){
	#main .is-font-image{display:none}
}
@media (max-width:489px){
	#main .is-only-message{width:100%;overflow:auto}
}