@charset "utf-8";
@font-face {
  font-family: Clearly;
  src: url("clearly-gothic.ttf");
}

html, body, form, input, legend, label, select, option, button, fieldset, textarea, div, p, pre, blockquote, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li {margin:0;padding:0;}
body {
    font-size:14px;
    font-family: Clearly, Tahoma, Geneva, sans-serif;
    color:#fff;
    overflow:hidden;
}
fieldset,img{border:none;}
a{text-decoration:none;}
ol, ul, dl, li {list-style:none;}
.blind {position:absolute;left:-3000px;top:-3000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

.wrp_launcher{width:982px;height:480px;background-color:#000;}
.launcher{overflow:hidden;width:980px;height:478px;border:1px solid #141d25;}
.launcher .main_banner{position:relative;float:left;border-right:1px solid #141d25;width:488px;height:478px;}
.launcher .main_banner .visual_slider{z-index:5;}
.launcher .main_banner .bx-controls{position:absolute;right:20px;top:20px;overflow:hidden;z-index:100;}
.launcher .main_banner .bx-controls a{display:block;float:left;width:30px;height:30px;text-indent:-9999px;}
.launcher .main_banner .bx-controls a:hover{background-position:0px -32px;}
.launcher .main_banner .bx-controls .bx-prev{margin-right:10px;background:url(../image/btn_prev.png?1) no-repeat;}
.launcher .main_banner .bx-controls .bx-next{background:url(../image/btn_next.png?1) no-repeat;}

.launcher .contents{position:relative;width:449px;height:458px;float:left;padding:10px 20px;background:url(../image/bg_left_conts.gif) left top no-repeat;}
.launcher .contents .top_bx{clear:both;overflow:hidden;height:60px;margin-bottom: 12px;}
.launcher .contents .menu_list{float:left;padding-top:1px;}
.launcher .contents .menu_list li{float:left;margin-left:5px;}
.launcher .contents .menu_list li:first-child{margin-left:0px;}
.launcher .contents .menu_list li a{display:block;width:110px;height:440px;background:url(../image/btn_red.jpg?1) no-repeat;color:#d8cabf;font-size:14px;text-align:center;line-height:44px;}
.launcher .contents .menu_list li a:hover{background:url(../image/btn_red_over.jpg?1) no-repeat;}
.launcher .contents .game_grade{float:right;width:91px;height:50px;background:url(../image/bg_grade.jpg) no-repeat;}
.launcher .contents .noti_list{clear:both;padding-bottom: 0px;text-shadow: 0px 0px 3px black, 0px 0px 2px #333;}
.launcher .contents .noti_list dt{overflow:hidden;padding-bottom: 7px;margin-bottom: 5px;color:#ff;border-bottom:1px solid #b02323;3;font-weight:bold;}
.launcher .contents .noti_list dt span{display:block;float:left;}
.launcher .contents .noti_list dt a{display:block;float:right;width:43px;height:16px;background-color:#b02323;border:1px solid #b02323;border-radius:2px;color:#fff;font-size:11px;line-height:16px;text-align:center;}
.launcher .contents .noti_list dd{/* padding-left: 10px; *//* background: url(../image/ico_list_r.gif) 0px 12px no-repeat; */border-bottom: 1px dashed #333;}
.launcher .contents .noti_list dd a{overflow:hidden;display:block;width: 415px;color:#c8c8c8;line-height:1.7em;text-overflow:ellipsis;white-space:nowrap;font-size: 13px;}
.launcher .contents .noti_list dd a:hover{color:#b02323;}
.launcher .contents .noti_list dd.important a{color:#b02323;}
.launcher .contents .noti_list dd p{font-size: 13px;float:Right;margin-top: -20px;}
.launcher .contents .noti_list dd p{color: #646464;}
.launcher .contents .ad_link{position:absolute;bottom:10px;left:20px;display:block;}

/*blue launcher*/
.launcher.blue .main_banner .bx-controls .bx-prev{margin-right:10px;background:url(../image/btn_prev_blue.png) no-repeat;}
.launcher.blue .main_banner .bx-controls .bx-next{background:url(../image/btn_next_blue.png) no-repeat;}
.launcher.blue .main_banner .bx-controls a:hover{background-position:0px -32px;}
.launcher.blue .contents .menu_list li a{display:block;width:110px;height:440px;background:url(../image/btn_blue.jpg) no-repeat;color:#d8cabf;font-size:14px;text-align:center;line-height:44px;}
.launcher.blue .contents .menu_list li a:hover{background:url(../image/btn_blue_over.jpg) no-repeat;}
.launcher.blue .contents .noti_list dt{border-bottom:1px solid #2371b0;}
.launcher.blue .contents .noti_list dd{background:url(../image/ico_list_b.gif) 0px 11px no-repeat;}
.launcher.blue .contents .noti_list dd a:hover{color:#2371b0;}
.launcher.blue .contents .noti_list dd.important a{color:#2371b0;}
.launcher.blue .contents .noti_list dt a{background-color:#2371b0;border:1px solid #2371b0;border-radius:2px;}

/*ToolTip*/
.tooltip {
			border-bottom: 0px dotted #000000;
			color: #FFFFFF;
			outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			text-shadow: 1px 1px 3px black, 0px 0px 2px #333;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 150px; top: 440px; z-index: 99;
			margin-left: 0; width: 400px;
		}
		.tooltip:hover img {
			border: 0; margin: 0;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 2.0em;
			font-weight: bold;
			display: block;
			padding: 0.2em 0 0.6em 0;
			text-shadow: 1px 1px 2px #000000;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		/*.classic {background: #FFFFAA; border: 1px solid #FFAD33; }*/
		.classic {background: transparent; border: none; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


.prefix-5{background: #620907;font-size:13px;padding: 0px 1px;border: 2px solid #7e0504;border-radius: 4px;color: #dd850b;margin-right: 4px;}
.prefix-9{background: #0c0c0c;font-size:13px;padding: 0px 12px;border: 2px solid #991300;border-radius: 4px;color: #ff1f00;margin-right: 4px;}
.prefix-6{background: #313991;font-size:13px;padding: 0px 10px;border: 2px solid #3a43a7;border-radius: 4px;color: #b3bfff;margin-right: 4px;}
.prefix-7{background: #7a218b;font-size:13px;padding: 0px 6px;border: 2px solid #992aad;border-radius: 4px;color: #eda1fb;margin-right: 4px;}
.prefix-8{background: #34892f;font-size:13px;padding: 0px 0px;border: 2px solid #378e31;border-radius: 4px;color: #c3ffbf;margin-right: 4px;}