@font-face {
    font-family: 'EF_watermelonSalad';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_watermelonSalad.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";

body   { line-height: 1.5em; font-size: 12px; font-family: 'EF_watermelonSalad'; overflow-y: hidden;
  overflow-x: hidden;
cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur),auto;}
html{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur),auto;}
a{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur),auto;}
a:hover{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur),auto;}
*{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur),auto;}
caption	{ display: none; }
html.single:before	{
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
/*html.single > body	{
	z-index: 1;
}*/

button	{ font-size: 12px; font-family: 'EF_watermelonSalad'; }
/*#body	{ padding-bottom: 200px; }*/
.form-input	{ display: block; line-height: 30px; }

input[type="file"]	{ padding-left: 0 !important; }
.form-input,
input[type="text"],
input[type="password"],
input[type="file"],
select	{ box-sizing: border-box; height: 30px; border-width: 1px; border-style: solid; padding: 0 10px; max-width: 100%; font-size: 12px; border-radius:30px; }

.form-input,
input[type="text"].full,
input[type="password"].full,
input[type="file"].full,
select.full	{ width: 100%; }
textarea	{

	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	width: 100%;
	min-height: 50px;
	font-size: 12px;
border-radius: 10px 10px 10px 10px;
}


.ajax-list-box	{
	height: 100px;
	overflow-y: auto;
	margin-top: 10px;
	padding: 5px;
}
.ajax-list-box ul,
.ajax-list-box li	{ display: block; margin: 0; padding: 0; position: relative; }
.ajax-list-box li	{ margin-bottom: 5px; }
.ajax-list-box li a	{
	display: block;
	position: relative;
	padding: 10px 0 10px 70px;
	min-height: 40px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 13px;
}
.ajax-list-box li a .ui-thumb		{ position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; }
.ajax-list-box li a .ui-thumb img	{ max-width: 100%; }
.ajax-list-box .no-data				{ line-height: 50px; text-align: center; margin-top: 10px; }


hr.line	{
	display: block;
	position: relative;
	clear: both;
	margin: 10px 0;
	border: none;
	padding: 0;
	height: 1px;
}
hr.padding	{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 30px;
}
hr.padding.small	{
	height: 5px;
}

.co_container .co_content a, .more_open_close {color:inherit;}

#bo_v_img img	{
	height: auto  !important;
}


#no_design_gnb	{ 
	text-align: center; 
} 

.close-header #header	{ width: 0px !important; }
.close-header #body		{ margin-left: 0 !important; }
.close-header body		{ min-width: 0; }

@media all and (max-width: 1000px) {
	.close-header #header	{ width: auto !important; }
}

html.single .bgm-player	{ display: none !important; }
div.co_content .bgm-player {display: inline-block !important;}

/********************
	TWITTER
*********************/

.timeline-Body					{ border: none; font-size: 12px; }
.timeline-Widget				{ background: none; }
.timeline-Body-notification,
.timeline-Tweet-actions,
.timeline-Header				{ display: none; }
.timeline-Viewport	{ height: 100%; overflow: auto; }
.timeline-TweetList	{ display: block; list-style: none; margin: 0; padding: 0; }
.timeline-Tweet		{ position: relative; padding: 20px 5px; }
.timeline-Tweet:before	{ content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; border-top-width: 1px; border-top-style: dashed; }
.timeline-TweetList li:first-child .timeline-Tweet	{ padding-top: 0; }

.TweetAuthor-link	{ display: block; position: relative; padding-left: 40px; height: 30px; margin-bottom: 10px; }
.TweetAuthor-avatar	{ display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 5px; overflow: hidden; }
.TweetAuthor-screenName		{ color: #777; font-size: 11px; }

.timeline-Tweet-metadata		{ display: block; position: relative; font-size: 11px; text-align: right; color: #777; padding-right: 10px; }
.timeline-Tweet-metadata a		{ color: #777; }

.MediaCard-mediaContainer	{ padding-bottom: 20px !important; }

.timeline-LoadMore	{ display: none; }
.Emoji	{ width: 15px; vertical-align: middle; }
.NaturalImage-image,
.CroppedImage-image	{ height: auto !important; }
.u-floatLeft, .u-floatRight	{ display: none; }


/**************************************************************
	기본 오브젝트
***************************************************************/

.ui-btn	{
	display: inline-block;
	position: relative;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	height: 28px;
	padding: 0 15px;
	box-sizing: border-box;
	cursor: pointer;
            border-radius:30px;
}
a.ui-btn	{
	line-height: 26px;
            border-radius:30px;
}

.ui-btn.small	{
	height: 25px;
	line-height: 23px;
	font-size: 12px;
            border-radius:30px;
}
.ui-btn.full	{ width: 100%; }


.ui-btn.admin	{
	background: ;
	color: #fff;
	border-color: ##FFFFFF;
}
.ui-btn.disable	{ opacity: .3; }


.theme-box	{
	display: block;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
background-color: rgba(255,255,255,0.7);
    border-radius: 20px 20px 20px 20px;
}

table { 
	width: 100%;
	padding:0;
	border-spacing:0px;
	border:0;
	border-collapse:collapse;
	table-layout: fixed;
}
th, td	{
	border: none;
}

.theme-form				{ table-layout: fixed; }
.theme-form td			{ padding: 5px; height: 30px; }
.theme-form th			{ padding: 5px 10px; }
.theme-form .frm_info	{ display: block; font-size: 12px; padding: 0 0 8px 0; }

.theme-list				{ table-layout: fixed; }
.theme-list thead th	{ height: 30px; }
.theme-list td			{ padding: 5px; height: 30px; }
.theme-list td.no-data	{ padding: 5px; text-align: center; line-height: 200px; }

/*@media all and (max-width: 640px) {
	.theme-list,
	.theme-list tbody,
	.theme-list thead,
	.theme-list tr,
	.theme-list td,
	.theme-list th	{
		display: block;
		position: relative;
		height: auto;
	}
	.theme-list thead	{ display: none; }

}*/

.frm_info	{ display: block; font-size: 12px; padding: 0 0 8px 0; opacity: .7; }


/**************************************************************
	배경음악 이퀄라이저 효과
***************************************************************/

.bgm-player { text-align: center;  }
.bgm-player .title {
	display: inline-block;
	vertical-align: middle;
	font-family: 'HakgyoansimWoojuR';
	line-height: 30px;
	font-size: 13px;
}
.bgm-player ul	 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right:15px;
}
.bar-equalizer	{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 90px;
	height: 25px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	margin-left: 15px;
}

.bar-equalizer i {
	display: block;
	float: left;
	width: 1px;
	margin-right: 2px;
	border-radius: 5px;
	margin-top: 15px;
	transform: translateY(-50%);
	
	transition: height 0.3s linear;
	-webkit-transition: height 0.3s linear;
	-moz-transition: height 0.3s linear;
	-ms-transition: height 0.3s linear;
	-o-transition: height 0.3s linear;
}

.bgm-player li	{ display: inline-block; }
.bgm-player li a	{
	display: inline-block;
	vertical-align:middle;
	position: relative;
	width: 12px;
	height: 100%;
	line-height: 27px;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
}
.bgm-player li a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: 0;
	text-align: center; 
	font-size: 12px;
}
.bgm-player li a.play:before	{ content: "▶"; }
.bgm-player li a.stop:before	{ content: "■"; }


/**************************************************************
	Web Size Viewer Control - 반응형 코딩
	-
	모바일 기준 : width 1000px
***************************************************************/

@media all and (min-width:1001px) {
	.only-pc	{  }
	.only-ta	{ display: none !important; }
	.only-mo	{ display: none !important; }

	.not-pc	{ display: none !important; }
	.not-ta	{  }
	.not-mo	{  }
}

@media all and (max-width:1000px) and (min-width: 1001px) {
	.only-pc	{ display: none !important; }
	.only-ta	{  }
	.only-mo	{ display: none !important; }

	.not-pc	{  }
	.not-ta	{ display: none !important; }
	.not-mo	{  }
}

@media all and (max-width: 1000px) {
	.only-pc	{ display: none !important; }
	.only-ta	{ display: none !important; }
	.only-mo	{  }

	.not-pc	{  }
	.not-ta	{  }
	.not-mo	{ display: none !important; }
}


/*******************************************
	모바일 메뉴 스타일 (헤더 설정)
********************************************/

#header .fix-layout	{ padding: 0; }
#logo a{display:block;max-width: 225px; margin:0 auto;}
#bgm_box{padding-top:10px;}
#login_box {padding-top:10px;}
#login_box .ui-btn {padding:0 8px;}
#footer{clear:both;}
@media all and (max-width: 1000px) {
	body	{ width: 100%; }
	#logo	{ padding: 0 10px; z-index:0;float:none;line-height:50px;top: auto; left: auto; transform: translateX(0) translateY(0); position: relative; text-align: center;}
	
	#body	{ margin-left: 0px; margin-top: 60px; }

	#header .fix-layout	{ padding: 0; height:100%; }
	#header	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		z-index: 999;
		width: auto;
		height: 50px;
		overflow: visible;
	}
	#gnb_wrapper	{
		position: fixed;
		top: 0;
		right: -280px;
		bottom: 0;
		width: 280px;
		z-index: 999;
		overflow-y: auto;
	}

#no_design_gnb	{
	float:none;display:block;text-align:center;padding-top:70px;
	}
#no_design_gnb li	{
	display: block; 
	line-height:30px;
	margin-bottom:20px;
}

#login_box, #bgm_box {float:none;}

	#gnb_control_box		{
		position: absolute;
		top: 50%;
		margin-top: -20px;
		right: 10px;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		text-align: center;
	}
	#gnb_control_box:before	{
		content: "";
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
	}
	#gnb_control_box img	{
		display: inline-block;
		max-width: 50%;
		max-height: 50%;
		vertical-align: middle;
		margin-left: -12%;
		opacity: 1;
	}

	#gnb_control_box,
	#gnb_control_box * {
		transition: all 0s ease;
		-webkit-transition: all 0s ease;
		-ms-transition: all 0s ease;
	}

	.open-gnb #gnb_wrapper	{ right: 0; }
	.open-gnb #gnb_control_box	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 0;
		width: auto;
		height: auto;
	}
	.open-gnb #gnb_control_box img	{ opacity: 0; }
}


/**************************************************************
	탭 설정
***************************************************************/

#tab_list	{
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#tab_list li	{
	display: block;
	position: relative;
	float: left;
}
#tab_list li a	{
	display: block;
	position: relative;
	border-bottom-width: 0;
}
#tab_list li + li a	{
	border-left-width: 0px;
}


/**************************************************************
	페이지 설정
***************************************************************/

.pg_wrap	{
	display: block;
	position: relative;
	text-align: center;
	padding: 20px 0;
}
.pg_wrap .pg_page	{
	display: inline-block;
	position: relative;
	height: 30px;
	line-height: 28px;
	min-width: 30px;
	box-sizing: border-box;
	padding: 0 5px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
            border-radius:30px;
}

.pg_wrap .pg_control	{
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
            border-radius:30px;
}
.pg_wrap .pg_control:before	{ 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: 0;
	text-align: center;
	font-size: 14px;
}
.pg_wrap .pg_start, .pg_wrap .pg_end {min-width:42px;}
.pg_wrap .pg_start:before	{ content: "처음"; }
.pg_wrap .pg_end:before		{ content: "맨끝"; }
.pg_wrap .pg_prev:before	{ content: "이전"; }
.pg_wrap .pg_next:before	{ content: "다음"; }


/**************************************************************
	쪽지함 설정
***************************************************************/

.ui-chatting-memo		{
	position: relative;
	margin: 10px 0;
	padding: 10px 0;
}

.ui-chatting-memo .ui-message	{
	position: relative;
	padding: 10px 0 10px 80px;
}

.ui-chatting-memo .ui-message .ui-thumb		{
	position: absolute;
	top: 10px;
	left: 0;
	width: 70px;
	overflow: hidden;
}
.ui-chatting-memo .ui-message .info			{
	position: absolute;
	top: 10px;
	right: 10px;
}
.ui-chatting-memo .ui-message .ico-new		{
	display: inline-block;
	font-size: 11px;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	background: #cb0000;
	text-align: center;
	line-height: 14px;
	font-style: normal;
	margin-left: 10px;
	color: #fff;
}
.ui-chatting-memo .ui-message .ico-total	{
	display: inline-block;
	font-size: 11px;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	text-align: center;
	line-height: 14px;
	font-style: normal;
	margin-left: 5px;
	padding: 0;
}
.ui-chatting-memo .ui-message .text			{
	padding: 10px;
	line-height: 1.6em;
	margin: 10px 0;
	overflow: hidden;
	min-height: 50px;
}
.ui-chatting-memo .ui-message .text a		{
	display: block;
	position: relative;
	min-height: 50px;
}
.ui-chatting-memo .ui-message .text.mine		{ opacity: .8; }
.ui-chatting-memo .ui-message .info strong		{ font-weight: normal; }

.ui-list-control		{ text-align: right; }

@media all and (max-width: 480px) {
	.ui-chatting-memo .ui-message				{ padding-left: 60px; padding-right: 0; }
	.ui-chatting-memo .ui-message .ui-thumb		{ width: 50px; left: 0; }
	.ui-chatting-memo .ui-message .ico-total	{ display: none; }
	.ui-chatting-memo .ui-message .total-text	{ display: none; }

	.ui-chatting-memo .ui-message .pc			{ display: none; }
	.ui-chatting-memo .ui-message .mo			{ display: inline; }
}


/*** 쪽지 보기 내부 리스트 ***/
.ui-chatting-memo #load_talk_prev		{

}
.ui-chatting-memo #load_talk_prev:before	{

}

.ui-chatting-list						{ position: relative; padding: 15px 0; }
.ui-chatting-list .ch-item				{ position: relative; padding-left: 75px; margin-bottom: 15px;}
.ui-chatting-list .ch-item .ui-thumb	{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 70px;
	overflow: hidden;
}
.ui-chatting-list .ch-item .detail		{ padding: 0; }
.ui-chatting-list .ch-item .info		{
	position: relative;
	text-align: right;
	padding: 5px;
}
.ui-chatting-list .ch-item p			{
	display: inline-block;
	padding: 0 5px;
}
.ui-chatting-list .ch-item .text		{
	min-height: 25px;
	margin: 0;
	padding: 10px;
	line-height: 1.6em;
}

.ui-chatting-list .ch-item.right				{ padding-left: 0; padding-right: 70px; }
.ui-chatting-list .ch-item.right .ui-thumb		{ left: auto; right: 0; }
.ui-chatting-list .ch-item.right .info			{ text-align: left; }
.ui-chatting-list .ch-item.right .detail		{ opacity: .8; }

.ui-memo-write					{ position: relative; height: 80px; } 
.ui-memo-write .textarea		{ position: relative; width: 100%; height: 100%; }
.ui-memo-write .textarea textarea	{ width: 100%; height: 100%; }
.ui-memo-write .win_btn			{ margin-top: 5px; }

@media all and (max-width: 640px) {
	.ui-chatting-list .ch-item	{ padding: 0 !important; }
	.ui-chatting-list .ch-item .ui-thumb	{ display: none; }
}


/****************************************************
	Search Box
****************************************************/

.searc-sub-box	{
	position: relative;
	clear: both;
	padding: 30px 0px;
	max-width:500px;
	float:right;
}
.searc-sub-box:after{content:"";display:block;clear:both;}
.ui-search-box	{
	position: relative;
	padding-left: 100px;
	padding-right: 80px;
	margin-top: 5px;
}
.ui-search-box .sch_category	{
	position: absolute;
	top: 0;
	left: 0;
	width: 95px;
	line-height: 30px;
}
.ui-search-box .sch_button	{
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
}
.ui-search-box span	{
	display: block;
	padding: 0 15px;
}
.ui-search-box select,
.ui-search-box input[type="text"],
.ui-search-box button	{ display: block; width: 100%; }


/****************************************************
	Inventory Popup Viewer
****************************************************/

.inven-popup-viewer,
.inven-popup-viewer *		{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; font-family: 'HakgyoansimWoojuR'; }

.inven-popup-viewer				{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 370px;
	margin-left: -150px;
	margin-top: -185px;
	z-index: 9000;
	padding: 25px 40px;
	box-sizing: border-box;
}

.inven-item-box			{ position: relative; margin-right: 25px; padding-left: 25px;  border-right-width: 0px; }

.inven_popup_viewer_close	{ display: none; }
.inven-popup-on .inven_popup_viewer_close		{ display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8900;  }
.inven_popup_viewer_close a		{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; OVERFLOW: hidden; text-indent: -999px; }

.inven-popup-viewer.default-form .inner-content	{ position: relative; height: 100%; }
.inven-popup-viewer.default-form .inner-content .error { position: absolute; top: left: 0; right: 0;  text-align: center; line-height: 100px; font-family: 'HakgyoansimWoojuR'; }
.inven-popup-viewer.default-form .inner-content a		{  }

.inven-popup-viewer.default-form .info				{ position: relative; text-align: center; padding: 15px 0; }
.inven-popup-viewer.default-form .info .ui-thumb	{  }
.inven-popup-viewer.default-form .info .ui-thumb img	{ width: 50px; height: 50px; }

.inven-popup-viewer.default-form .text		{ position: relative;  }
.inven-popup-viewer.default-form .text .title	{ font-size: 14px; text-align: center; margin-bottom: 10px; padding-bottom: 10px;}
.inven-popup-viewer.default-form .text .title span	{ display: none; }

.inven-popup-viewer.default-form .text .item-content-box		{ height: 170px; overflow-y: auto; }
.inven-popup-viewer.default-form .text .item-content-box div	{ line-height: 1.4em; text-align: center; }
.inven-popup-viewer.default-form .text div.default				{  }
.inven-popup-viewer.default-form .text div.effect				{  padding-top: 15px; }
.inven-popup-viewer.default-form .text div.memo					{  padding-top: 15px; }

.inven-popup-viewer.default-form .control-box		{ clear: both; position: relative; padding: 10px 0 0; text-align: center; }
.inven-popup-viewer.default-form .control-box li	{ display: inline-block; }
.inven-popup-viewer.default-form .control-box li a	{ display: block;  }

.inven-popup-viewer.default-form .add-item-form					{ position: relative; height: 30%; margin-top: 10px; }
.inven-popup-viewer.default-form .add-item-form .item-info		{ position: relative; margin-bottom: 5px; }
.inven-popup-viewer.default-form .add-item-form .item-info label	{ display: none; }
.inven-popup-viewer.default-form .add-item-form .item-info span		{ display: block; font-size: 11px; padding-top: 8px; }
.inven-popup-viewer.default-form .add-item-form input				{ width: 100%; box-sizing: border-box; }
.inven-popup-viewer.default-form .add-item-form .item-input			{ position: relative; margin-bottom: 5px; }
.inven-popup-viewer.default-form .add-item-form .ui-style-btn.type4	{ position: absolute; right: 87px; bottom: -44px; height: 25px; line-height: 25px; }

.inven-popup-viewer.default-form .send-item-form						{ position: relative; height: 30%; }
.inven-popup-viewer.default-form .send-item-form input,
.inven-popup-viewer.default-form .send-item-form select					{ width: 100%; box-sizing: border-box; }
.inven-popup-viewer.default-form .send-item-form input					{ padding: 0 10px; }
.inven-popup-viewer.default-form .send-item-form .item-input			{ position: relative; margin-bottom: 5px; }
.inven-popup-viewer.default-form .send-item-form .ui-style-btn.type4	{ position: absolute; right: 87px; bottom: -44px; height: 25px; line-height: 25px; }




#goto_top	{ position: absolute; right: 10px; bottom: 50px; z-index: 50; /*position:fixed;bottom:50px;right:7%;display:none;width:40px;height:40px;text-align:center;font:40px/45px bold;color:#edd6a2;cursor:pointer; background:white;border-radius:40px;border:1px solid #f2dcaa;z-index:999; */}

@media all and (max-width: 1000px) {
	#goto_top	{ bottom: 50px; }
}



#submenu	{
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 140px;
	box-sizing: border-box;
	padding: 10px 0;
}

#submenu li	{
	font-size: 13px;
	font-weight: 600;
	padding: 8px 20px;
}
#subpage	{
	position: relative;
	margin-left: 180px;
	padding-top: 10px;
}
#subpage section	{
	padding-bottom: 50px;
}

@media all and (max-width: 1000px) { 
	#submenu	{
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		padding: 10px;
		text-align: center;
		transform: translateY(0) !important;
	}
	#submenu li	{
		display: inline-block;
		padding: 5px;
		font-size: 12px;
	}
	#subpage	{ margin-left: 0; }
}

.page-title			{ font-size: 18px; padding: 10px 0 20px; }
.page-title span	{ font-size: 14px; opacity: .8; font-weight: 400; }

.sub-title	{ font-size: 14px; padding: 0 0 10px; } 

hr.padding	{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 30px;
}


.ui-memo-alram-box,
.ui-call-alram-box	{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	text-align: center;
}


.marquee span	{
	display: block;
	position:relative;
	overflow: hidden;
}

.marquee span i:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
 
.marquee span i {
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:10s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:10s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:10s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:10s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


<html>
<head>
<style>
body { background-color: #000; }
#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 117px 1613px #FFF , 1488px 635px #FFF , 944px 914px #FFF , 647px 277px #FFF , 1792px 1205px #FFF , 656px 1517px #FFF , 820px 1839px #FFF , 1153px 1400px #FFF , 870px 13px #FFF , 550px 702px #FFF , 1155px 1056px #FFF , 88px 1709px #FFF , 1450px 1090px #FFF , 1929px 457px #FFF , 1390px 905px #FFF , 1771px 269px #FFF , 1741px 669px #FFF , 432px 64px #FFF , 563px 996px #FFF , 1918px 1873px #FFF , 1845px 1211px #FFF , 231px 1503px #FFF , 37px 220px #FFF , 1970px 495px #FFF , 1812px 925px #FFF , 67px 1398px #FFF , 535px 279px #FFF , 1837px 829px #FFF , 1945px 685px #FFF , 1677px 1817px #FFF , 1317px 1415px #FFF , 1785px 905px #FFF , 1787px 1554px #FFF , 802px 1296px #FFF , 512px 1101px #FFF , 583px 1364px #FFF , 336px 558px #FFF , 979px 334px #FFF , 106px 792px #FFF , 204px 34px #FFF , 1845px 1763px #FFF , 445px 1599px #FFF , 386px 453px #FFF , 471px 952px #FFF , 1466px 1676px #FFF , 1885px 303px #FFF , 51px 1717px #FFF , 1211px 299px #FFF , 1546px 1887px #FFF , 1067px 33px #FFF , 1088px 1326px #FFF , 1938px 760px #FFF , 470px 648px #FFF , 1213px 269px #FFF , 1767px 78px #FFF , 977px 976px #FFF , 1926px 175px #FFF , 722px 1512px #FFF , 945px 227px #FFF , 1811px 99px #FFF , 1912px 1406px #FFF , 1602px 1243px #FFF , 610px 449px #FFF , 654px 1393px #FFF , 1930px 1193px #FFF , 258px 1184px #FFF , 89px 265px #FFF , 824px 1494px #FFF , 1506px 1435px #FFF , 1027px 753px #FFF , 1px 1197px #FFF , 530px 1161px #FFF , 864px 1555px #FFF , 1610px 1604px #FFF , 1035px 1114px #FFF , 1456px 133px #FFF , 1196px 1253px #FFF , 361px 1037px #FFF , 834px 351px #FFF , 436px 1676px #FFF , 1194px 1007px #FFF , 1141px 647px #FFF , 319px 454px #FFF , 937px 1769px #FFF , 1872px 1013px #FFF , 733px 643px #FFF , 1250px 511px #FFF , 189px 296px #FFF , 1639px 163px #FFF , 1584px 336px #FFF , 1912px 1343px #FFF , 1298px 1307px #FFF , 1750px 902px #FFF , 1129px 845px #FFF , 1899px 1470px #FFF , 1427px 232px #FFF , 1391px 838px #FFF , 1225px 1819px #FFF , 190px 1366px #FFF , 1865px 518px #FFF , 203px 1383px #FFF , 1455px 614px #FFF , 423px 354px #FFF , 1678px 1790px #FFF , 241px 608px #FFF , 1089px 730px #FFF , 1342px 38px #FFF , 1848px 249px #FFF , 1874px 1785px #FFF , 1040px 1837px #FFF , 751px 261px #FFF , 510px 1975px #FFF , 52px 795px #FFF , 1786px 1310px #FFF , 498px 712px #FFF , 190px 375px #FFF , 1341px 722px #FFF , 43px 1394px #FFF , 1821px 1687px #FFF , 106px 130px #FFF , 1717px 1978px #FFF , 168px 151px #FFF , 183px 740px #FFF , 945px 1381px #FFF , 669px 1170px #FFF , 1285px 1816px #FFF , 110px 1217px #FFF , 1623px 813px #FFF , 869px 647px #FFF , 867px 582px #FFF , 735px 1240px #FFF , 519px 1896px #FFF , 132px 156px #FFF , 1649px 193px #FFF , 241px 1109px #FFF , 643px 484px #FFF , 574px 1282px #FFF , 1952px 564px #FFF , 1978px 145px #FFF , 329px 903px #FFF , 1674px 617px #FFF , 1978px 558px #FFF , 1808px 1715px #FFF , 1526px 1238px #FFF , 475px 1330px #FFF , 810px 425px #FFF , 1709px 634px #FFF , 1658px 336px #FFF , 425px 194px #FFF , 352px 96px #FFF , 148px 180px #FFF , 1139px 1046px #FFF , 1809px 1233px #FFF , 1669px 171px #FFF , 263px 1394px #FFF , 534px 715px #FFF , 396px 1008px #FFF , 589px 1445px #FFF , 1190px 381px #FFF , 1709px 279px #FFF , 520px 891px #FFF , 1136px 1867px #FFF , 1280px 1233px #FFF , 836px 296px #FFF , 1348px 646px #FFF , 1539px 913px #FFF , 423px 781px #FFF , 1271px 1805px #FFF , 696px 564px #FFF , 1549px 804px #FFF , 303px 1555px #FFF , 1449px 1903px #FFF , 66px 687px #FFF , 1164px 856px #FFF , 1958px 1326px #FFF , 125px 157px #FFF , 508px 1669px #FFF , 465px 725px #FFF , 1925px 1440px #FFF , 405px 793px #FFF , 278px 110px #FFF , 1084px 1065px #FFF , 1077px 705px #FFF , 663px 1844px #FFF , 734px 263px #FFF , 870px 1761px #FFF , 103px 1169px #FFF , 1506px 1295px #FFF , 1883px 926px #FFF , 335px 1361px #FFF , 1126px 1284px #FFF , 257px 1165px #FFF , 837px 580px #FFF , 1211px 1362px #FFF , 1137px 1380px #FFF , 135px 632px #FFF , 1491px 1965px #FFF , 1098px 195px #FFF , 506px 417px #FFF , 693px 1243px #FFF , 622px 1862px #FFF , 1412px 1343px #FFF , 948px 1894px #FFF , 1315px 1363px #FFF , 754px 1098px #FFF , 1931px 930px #FFF , 1831px 342px #FFF , 1751px 1839px #FFF , 84px 775px #FFF , 1662px 1488px #FFF , 617px 1769px #FFF , 1869px 1292px #FFF , 963px 432px #FFF , 371px 1114px #FFF , 37px 642px #FFF , 21px 1184px #FFF , 602px 366px #FFF , 414px 524px #FFF , 282px 244px #FFF , 1689px 868px #FFF , 943px 681px #FFF , 898px 679px #FFF , 449px 1774px #FFF , 1678px 1313px #FFF , 475px 1811px #FFF , 1146px 1509px #FFF , 1151px 1863px #FFF , 1617px 846px #FFF , 82px 1077px #FFF , 324px 1317px #FFF , 1516px 885px #FFF , 1706px 1526px #FFF , 1925px 1180px #FFF , 553px 967px #FFF , 1072px 536px #FFF , 1715px 1816px #FFF , 185px 286px #FFF , 1362px 1600px #FFF , 628px 1938px #FFF , 1187px 412px #FFF , 569px 211px #FFF , 1959px 1356px #FFF , 1571px 105px #FFF , 319px 1111px #FFF , 36px 1364px #FFF , 502px 1788px #FFF , 1051px 1993px #FFF , 1617px 773px #FFF , 424px 1507px #FFF , 1623px 1955px #FFF , 307px 662px #FFF , 183px 1048px #FFF , 1919px 1453px #FFF , 1006px 1817px #FFF , 468px 673px #FFF , 1142px 1375px #FFF , 1228px 443px #FFF , 1734px 552px #FFF , 20px 1041px #FFF , 1783px 334px #FFF , 98px 1237px #FFF , 1356px 1940px #FFF , 853px 1779px #FFF , 1910px 560px #FFF , 1174px 1656px #FFF , 110px 1724px #FFF , 542px 1771px #FFF , 1758px 1931px #FFF , 1463px 1401px #FFF , 1155px 84px #FFF , 1504px 835px #FFF , 750px 322px #FFF , 407px 1900px #FFF , 1600px 1141px #FFF , 657px 886px #FFF , 526px 714px #FFF , 18px 836px #FFF , 1546px 1548px #FFF , 22px 469px #FFF , 594px 1466px #FFF , 1160px 1078px #FFF , 627px 1055px #FFF , 195px 699px #FFF , 1099px 684px #FFF , 530px 551px #FFF , 1160px 1325px #FFF , 894px 727px #FFF , 1157px 98px #FFF , 136px 1483px #FFF , 1875px 1975px #FFF , 1803px 566px #FFF , 318px 1073px #FFF , 1866px 1656px #FFF , 543px 414px #FFF , 719px 474px #FFF , 1115px 738px #FFF , 353px 875px #FFF , 184px 1938px #FFF , 1854px 1534px #FFF , 420px 1698px #FFF , 1480px 1550px #FFF , 522px 203px #FFF , 1897px 1904px #FFF , 975px 1708px #FFF , 1774px 602px #FFF , 1908px 274px #FFF , 61px 715px #FFF , 983px 1156px #FFF , 326px 1013px #FFF , 641px 290px #FFF , 1522px 120px #FFF , 405px 1637px #FFF , 1021px 1099px #FFF , 631px 1145px #FFF , 982px 1967px #FFF , 200px 651px #FFF , 795px 351px #FFF , 790px 1082px #FFF , 144px 1572px #FFF , 1542px 901px #FFF , 158px 1524px #FFF , 849px 1843px #FFF , 1807px 203px #FFF , 1747px 45px #FFF , 1603px 1738px #FFF , 617px 1966px #FFF , 342px 748px #FFF , 1779px 1173px #FFF , 1428px 152px #FFF , 589px 1998px #FFF , 1940px 1838px #FFF , 115px 272px #FFF , 1217px 1395px #FFF , 1402px 1491px #FFF , 1833px 1814px #FFF , 243px 966px #FFF , 319px 578px #FFF , 813px 364px #FFF , 669px 882px #FFF , 551px 134px #FFF , 1819px 920px #FFF , 740px 1826px #FFF , 1021px 952px #FFF , 1575px 453px #FFF , 324px 419px #FFF , 929px 417px #FFF , 885px 1112px #FFF , 503px 187px #FFF , 1908px 362px #FFF , 1063px 1601px #FFF , 169px 1792px #FFF , 789px 963px #FFF , 1697px 948px #FFF , 1761px 1810px #FFF , 1844px 1591px #FFF , 1709px 949px #FFF , 1402px 1396px #FFF , 1037px 225px #FFF , 1832px 518px #FFF , 1728px 1782px #FFF , 194px 1421px #FFF , 1395px 742px #FFF , 1478px 1325px #FFF , 40px 593px #FFF , 1732px 117px #FFF , 51px 158px #FFF , 1598px 1672px #FFF , 701px 849px #FFF , 1403px 1979px #FFF , 145px 1414px #FFF , 550px 906px #FFF , 1366px 460px #FFF , 142px 1379px #FFF , 34px 1864px #FFF , 1346px 308px #FFF , 293px 998px #FFF , 21px 1868px #FFF , 540px 1033px #FFF , 60px 746px #FFF , 1602px 1476px #FFF , 180px 804px #FFF , 345px 1982px #FFF , 1439px 640px #FFF , 939px 1834px #FFF , 20px 432px #FFF , 492px 1549px #FFF , 109px 1579px #FFF , 1796px 1403px #FFF , 1079px 519px #FFF , 1664px 389px #FFF , 1627px 1061px #FFF , 823px 419px #FFF , 1399px 1882px #FFF , 1906px 344px #FFF , 1189px 848px #FFF , 117px 882px #FFF , 1262px 33px #FFF , 1048px 434px #FFF , 1208px 1309px #FFF , 1616px 408px #FFF , 1833px 853px #FFF , 1433px 1656px #FFF , 811px 1861px #FFF , 439px 1672px #FFF , 1105px 248px #FFF , 328px 1652px #FFF , 13px 1658px #FFF , 685px 987px #FFF , 985px 403px #FFF , 1664px 1206px #FFF , 1993px 1925px #FFF , 440px 917px #FFF , 1835px 319px #FFF , 1404px 1907px #FFF , 624px 1443px #FFF , 843px 954px #FFF , 478px 1567px #FFF , 895px 1602px #FFF , 1231px 871px #FFF , 1267px 1646px #FFF , 475px 334px #FFF , 784px 796px #FFF , 1294px 199px #FFF , 109px 702px #FFF , 1978px 362px #FFF , 291px 940px #FFF , 971px 1343px #FFF , 74px 719px #FFF , 36px 715px #FFF , 1007px 1423px #FFF , 860px 314px #FFF , 631px 177px #FFF , 1900px 1590px #FFF , 1239px 1348px #FFF , 1346px 1270px #FFF , 1934px 1475px #FFF , 1553px 559px #FFF , 588px 1969px #FFF , 670px 1269px #FFF , 1484px 376px #FFF , 20px 1424px #FFF , 1396px 8px #FFF , 969px 244px #FFF , 1807px 538px #FFF , 1873px 891px #FFF , 636px 1142px #FFF , 1474px 1562px #FFF , 763px 350px #FFF , 663px 700px #FFF , 500px 1469px #FFF , 1302px 722px #FFF , 181px 291px #FFF , 266px 893px #FFF , 1403px 654px #FFF , 492px 460px #FFF , 1503px 1369px #FFF , 23px 1662px #FFF , 349px 333px #FFF , 1435px 1017px #FFF , 1441px 705px #FFF , 1708px 1446px #FFF , 1041px 911px #FFF , 1063px 780px #FFF , 1158px 1356px #FFF , 767px 1454px #FFF , 1912px 797px #FFF , 1731px 1759px #FFF , 1378px 1390px #FFF , 1815px 1364px #FFF , 960px 270px #FFF , 1343px 427px #FFF , 275px 203px #FFF , 1319px 1092px #FFF , 1455px 770px #FFF , 283px 1503px #FFF , 1505px 901px #FFF , 1738px 1561px #FFF , 1526px 1935px #FFF , 1757px 669px #FFF , 1640px 620px #FFF , 1750px 722px #FFF , 748px 66px #FFF , 1149px 540px #FFF , 159px 953px #FFF , 200px 1426px #FFF , 515px 1110px #FFF , 1552px 737px #FFF , 1094px 1459px #FFF , 778px 799px #FFF , 1031px 523px #FFF , 743px 1825px #FFF , 1100px 882px #FFF , 1088px 1836px #FFF , 255px 599px #FFF , 67px 1361px #FFF , 247px 1721px #FFF , 1722px 346px #FFF , 1822px 155px #FFF , 452px 1973px #FFF , 415px 1960px #FFF , 1109px 57px #FFF , 273px 1392px #FFF , 404px 1071px #FFF , 1212px 353px #FFF , 370px 460px #FFF , 795px 1523px #FFF , 1932px 340px #FFF , 51px 1473px #FFF , 1268px 364px #FFF , 1512px 1862px #FFF , 1678px 1801px #FFF , 1796px 579px #FFF , 254px 251px #FFF , 1466px 1717px #FFF , 893px 379px #FFF , 1153px 923px #FFF , 913px 1808px #FFF , 791px 789px #FFF , 417px 1924px #FFF , 1336px 1599px #FFF , 1695px 908px #FFF , 1120px 114px #FFF , 493px 1949px #FFF , 68px 1905px #FFF , 969px 481px #FFF , 1420px 1095px #FFF , 800px 1117px #FFF , 390px 234px #FFF , 356px 1644px #FFF , 1098px 1486px #FFF , 1360px 521px #FFF , 149px 1198px #FFF , 354px 747px #FFF , 1749px 487px #FFF , 470px 76px #FFF , 1672px 289px #FFF , 1731px 545px #FFF , 1547px 1590px #FFF , 498px 692px #FFF , 398px 1592px #FFF , 1846px 1237px #FFF , 1537px 1474px #FFF , 1726px 1374px #FFF , 1922px 858px #FFF , 376px 321px #FFF , 985px 227px #FFF , 234px 1421px #FFF , 760px 745px #FFF , 1990px 1132px #FFF , 1560px 1597px #FFF , 338px 1310px #FFF , 1924px 1664px #FFF , 547px 1747px #FFF , 1639px 1282px #FFF , 1202px 337px #FFF , 1985px 779px #FFF , 737px 456px #FFF , 89px 501px #FFF , 963px 792px #FFF , 655px 1447px #FFF , 1492px 1994px #FFF , 1171px 254px #FFF , 892px 827px #FFF , 1735px 442px #FFF , 1474px 1187px #FFF , 846px 1518px #FFF , 557px 1805px #FFF , 738px 945px #FFF , 795px 68px #FFF , 663px 1956px #FFF , 1607px 290px #FFF , 1524px 15px #FFF , 1097px 1911px #FFF , 157px 1939px #FFF , 935px 1065px #FFF , 1809px 1708px #FFF , 164px 1157px #FFF , 83px 855px #FFF , 625px 501px #FFF , 814px 398px #FFF , 552px 695px #FFF , 597px 1546px #FFF , 1237px 1417px #FFF , 628px 284px #FFF , 866px 767px #FFF , 1403px 1394px #FFF , 765px 1563px #FFF , 1648px 109px #FFF , 1205px 1659px #FFF , 921px 1313px #FFF , 1319px 243px #FFF , 18px 125px #FFF , 7px 777px #FFF , 181px 418px #FFF , 1062px 1892px #FFF , 382px 106px #FFF , 994px 751px #FFF , 964px 234px #FFF , 40px 118px #FFF , 278px 706px #FFF , 1540px 1978px #FFF , 425px 1661px #FFF , 1050px 321px #FFF , 735px 1729px #FFF , 1438px 260px #FFF , 1229px 1109px #FFF , 186px 1041px #FFF , 244px 1184px #FFF , 392px 1472px #FFF , 670px 1249px #FFF , 1260px 1443px #FFF , 1977px 1511px #FFF , 1240px 773px #FFF , 303px 513px #FFF , 63px 1530px #FFF , 610px 792px #FFF , 1987px 1647px #FFF , 676px 1597px #FFF , 1740px 1244px #FFF , 816px 1661px #FFF , 351px 802px #FFF , 252px 1082px #FFF , 31px 365px #FFF , 1453px 984px #FFF , 667px 1233px #FFF , 1247px 1800px #FFF , 839px 270px #FFF , 775px 913px #FFF , 1966px 1398px #FFF , 499px 813px #FFF , 922px 1982px #FFF , 1409px 1902px #FFF , 1499px 1766px #FFF , 721px 899px #FFF , 788px 807px #FFF , 989px 1355px #FFF , 1248px 1274px #FFF , 849px 1091px #FFF , 1799px 1036px #FFF , 1486px 700px #FFF , 170px 1989px #FFF , 1275px 799px #FFF , 772px 2000px #FFF , 1642px 362px #FFF , 216px 940px #FFF , 1893px 281px #FFF , 1944px 1298px #FFF , 1294px 400px #FFF , 1523px 441px #FFF , 1829px 340px #FFF , 468px 170px #FFF , 1099px 967px #FFF , 1331px 665px #FFF , 1174px 1553px #FFF , 1567px 325px #FFF , 1028px 1399px #FFF , 781px 1451px #FFF , 1912px 1954px #FFF , 874px 873px #FFF , 1298px 1722px #FFF , 1879px 706px #FFF , 57px 1221px #FFF , 1116px 1432px #FFF , 48px 811px #FFF , 101px 916px #FFF , 677px 304px #FFF , 1203px 639px #FFF , 1391px 199px #FFF , 1895px 1988px #FFF , 1462px 1023px #FFF , 1216px 1751px #FFF , 1261px 663px #FFF , 1290px 1119px #FFF , 137px 1793px #FFF , 1052px 1470px #FFF , 1561px 226px #FFF , 1156px 402px #FFF , 709px 693px #FFF , 1040px 1911px #FFF , 1624px 1115px #FFF , 551px 475px #FFF , 416px 1090px #FFF , 1183px 451px #FFF , 58px 765px #FFF , 743px 1016px #FFF , 198px 369px #FFF , 1645px 1503px #FFF , 997px 22px #FFF , 1447px 1323px #FFF , 379px 883px #FFF , 1171px 1195px #FFF , 919px 133px #FFF , 1400px 517px #FFF , 725px 804px #FFF , 1600px 699px #FFF , 357px 581px #FFF , 266px 1713px #FFF , 848px 1749px #FFF , 1963px 1045px #FFF , 119px 1136px #FFF;
  -webkit-animation: animStar 50s linear infinite;
  -moz-animation: animStar 50s linear infinite;
  -ms-animation: animStar 50s linear infinite;
  animation: animStar 50s linear infinite;
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
</style>
</head>
<body>
<div id="stars"></div>
</body>
</html>