@charset "utf-8";
/* CSS Document */

body { background:url(images/bg.png); color:#CCC; }
body.hethan { background:#FFF; }
.dk-body { width:800px; margin:0 auto; padding-top:10px; position:relative; }
.dk-bodyhh { text-align:center; margin:0 auto; padding-top:10px; position:relative; }
.dk-bodyH { width:100%; clear:both; margin-top:5px; }
.dk-bodyK { width:100%; clear:both; height:252px; }
.dk-bodyHx { width:682px; height:242px; margin:0 auto; position:relative; }
.dk-body .dk-bodyTi { background:url(images/title.png) center no-repeat; width:100%; height:50px; }
.dk-body .dk-bodyWdg { background:url(images/contruction.png) no-repeat; width:361px; height:285px; position:absolute; bottom:0; left:0; }
.dk-body .dk-bodyWdg a { width:100%; height:100%; display:block; }
.dk-body .dk-bodyCpr { position:absolute; bottom:0; right:0; width:424px; height:226px; text-align:center; }
.dk-body .dk-bodyCpr p { margin:6px 0; font-size:14px; }
.dk-body .dk-bodyCpr p.dk-bodyCprT { font-size:18px; margin:28px 0 16px; color:#CC3; }
.dk-bodyCprMr { margin-top:10px; text-align:right !important; }
.dk-bodyCprMr a { color:#eee; text-shadow:0 0 3px #000; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif; }
.dk-body .dk-bodyDk { background:url(images/titdk.png) center no-repeat; width:100%; height:45px; }
.dk-bodyWa { background:url(images/war01.png) no-repeat; position:absolute; top:10px; left:0; width:118px; height:111px; z-index:888; }
.dk-bodyWb { background:url(images/war02.png) no-repeat; position:absolute; bottom:0; right:0; width:122px; height:85px; z-index:888; }
.dk-bodyRl, .dk-bodyRr { background:url(images/arr.png) no-repeat; width:44px; height:46px; z-index:77; }
.dk-bodyRl { position:absolute; top:48px; left:24%; }
.dk-bodyRr { position:absolute; top:48px; right:24%; }
.dk-bodyFx { width:80%; height:162px; margin:16px auto 0; position:relative; }
.dk-bodyFxA { background:rgba(51,51,51,0.6); float:left; width:100%; height:100%; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.dk-bodyFxAx { color:#FFF; padding-top:46px; text-align:center; }

.countdownTimerWrap { width:48%; margin:0 auto; }
.countdownTimer { float:left; width:100%; }
.countdownTimerWrap .days,  .countdownTimerWrap .hours, 
.countdownTimerWrap .minutes,  .countdownTimerWrap .seconds, 
.countdownTimerWrap .splitter { float:left; }
.countdownTimerWrap .number, .countdownTimerWrap .splitter { text-shadow:0 1px 3px #000; font-size: 46px;
font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#eee; }
.countdownTimerWrap .text { font-size:14px; color:#ccc; }

.progressBar {
	width:98%;
	height: 34px;
	background:rgba(0,0,0,0.4);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 3px 3px 4px 3px;
	border:1px solid #000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.progressBarFill {
	width: 100%;
	height: 34px;
	overflow: hidden;
	float: left;
}
.progressBarFillLeft {
	width: 7px;
	height: 34px;
	background-repeat: none;
	float: left;
}
.progressBarFillRight {
	width: 7px;
	height: 34px;
	background-repeat: none;
	float: right;
}
.progressBarFillMiddle {
	height: 34px;
	background-repeat: repeat-x;
	overflow: hidden;
	font-size: 16px;
	line-height: 35px;
	font-weight: bold;
}

.green .progressBarFillLeft { background: url(images/progress_bar_fill_left_green.png); }
.blue .progressBarFillLeft { background: url(images/progress_bar_fill_left_blue.png); }
.yellow .progressBarFillLeft { background: url(images/progress_bar_fill_left_yellow.png); }
.purple .progressBarFillLeft { background: url(images/progress_bar_fill_left_purple.png); }
.red .progressBarFillLeft { background: url(images/progress_bar_fill_left_red.png); }
.gray .progressBarFillLeft { background: url(images/progress_bar_fill_left_gray.png); }

.green .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_green.png); color: #214200; text-shadow: #d2f000 0 1px 0; }
.blue .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_blue.png); color: #001742; text-shadow: #3bd5f0 0 1px 0; }
.yellow .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_yellow.png); color: #422b00; text-shadow: #fbed00 0 1px 0; }
.purple .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_purple.png); color: #350042; text-shadow: #ef80f2 0 1px 0; }
.red .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_red.png); color: #420000; text-shadow: #f28080 0 1px 0; }
.gray .progressBarFillMiddle { background: url(images/progress_bar_fill_middle_gray.png); color: #3f3f3f; text-shadow: #eeeeee 0 1px 0; }

.green .progressBarFillRight { background: url(images/progress_bar_fill_right_green.png); }
.blue .progressBarFillRight { background: url(images/progress_bar_fill_right_blue.png); }
.yellow .progressBarFillRight { background: url(images/progress_bar_fill_right_yellow.png); }
.purple .progressBarFillRight { background: url(images/progress_bar_fill_right_purple.png); }
.red .progressBarFillRight { background: url(images/progress_bar_fill_right_red.png); }
.gray .progressBarFillRight { background: url(images/progress_bar_fill_right_gray.png); }

.progressDescription {
	width: 412px;
	height: auto;
	margin: 0 auto;
}
.progressDescriptionHeader {
	width: 412px;
	height: 20px;
	background: url(images/progress_description_header.png);
	background-repeat: no-repeat;
}
.progressDescriptionMiddle {
  width: 380px;
  height: auto;
  padding: 5px 16px;	background: url(images/progress_description_middle.png);
	background-repeat: repeat-y;
}
.progressDescriptionMiddle h1 {
	font-size: 16px;
	color: #ddd;
	padding-bottom: 5px;
}
.progressDescriptionMiddle p {
	font-size: 14px;
	color: #bbb;
}
.progressDescriptionFooter {
	width: 412px;
	height: 10px;
	background: url(images/progress_description_footer.png);
	background-repeat: no-repeat;
}