/**
 * -------------------------
 * UI Window
 * -------------------------
 */
.u-window{
	display:none; 
	position:fixed; 
	z-index:1000; 
	left:0; 
	top:0; 
	/* border-radius:5px; 
	border:1px solid #ccc; */
  /*box-shadow:0 0 5px #ccc;*/
  transform: translate(-50%,-50%);
}
.u-window .header{
  position: relative;
	/* height:36px; 
	background:#f2f2f2; 
	color:#333;
	border-bottom:1px solid #ccc;  */
}
.u-window .header > .title{
	/* line-height:36px; 
	font-size:14px; 
	text-indent:12px; */
}
.u-window .header > .close{
	position:absolute; 
	right:12px;
	top:12px; 
	border:none;
	background:transparent; 
	width:21px; 
	height:21px; 
	cursor:pointer;
	/* font-size:0;
	color:transparent;
	background-image: url(../images/ui-close.png); */
	background-size: cover;
	transition: all .4s;
}

.u-window .header > .close:hover{
	transform: rotate(180deg);
}

.u-window .body{
	/* padding:14px;  */
	/* background:#fff; */
}

/* ------------
 * UI Toast
 * ------------ */
 
.u-toast {
    display:none;
    position:fixed;
    _position:absolute;
    left:0;
    top:50px;
    text-align:center;
    width:100%;
    z-index:10000;
}

.u-toast div {
    display:inline-block;
    *display:inline; zoom:1;
    font-size:12px;
    line-height:20px;
    padding:5px 20px;
    color:#fff;
}

.u-toast .success {background-color:#69af01;}
.u-toast .error {background-color:#f77e7e;}
.u-toast .info {background-color:#5bc0de;}
.u-toast .warn{background-color:#f0ad4e;}

.u-loading{
	 display: none; 
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -70px;
	z-index: 9999;
}

.u-loading .content{
	width: 140px;
	padding-top: 25px;
	padding-bottom: 5px;
	margin: 5px auto;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-image: url(./images/loading.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #333;
	background-color: rgba(0,0,0,.6);
	border-radius: 5px;
}

.ui-topic {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px;
  position: absolute;
  top: 100px;
  left: 200px; }

.ui-topic .inner_html {
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  font-family: arial; }

.ui-topic .inner_html a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #990000; }

.ui-topic .inner_html a:hover {
  border-bottom: 2px solid #990000; }

.ui-topic {
  color: #00ff00; }
  .ui-topic .itemDesc {
    width: 260px;
    margin-top: 10px;
    color: #a1e5ff; }
  .ui-topic .type2 {
    color: #fff; }
  .ui-topic .type3 {
    margin-bottom: 10px; }
  .ui-topic .green,
  .ui-topic .strength,
  .ui-topic .agility,
  .ui-topic .mentality,
  .ui-topic .iniMovementSpeed,
  .ui-topic .healthPoint,
  .ui-topic .manaPerSecond,
  .ui-topic .skillStats,
  .ui-integralAddition,
  .ui-topic .smPerSecond,
  .fightingCapAdd {
    color: #00ff00; }
  .ui-topic .skillAdd1 {
    margin-top: 10px; }
  .ui-topic .skillAdd1,
  .ui-topic .skillAdd2 {
    width: 260px; }
    .ui-topic .skillAdd1,
    .ui-topic .skillAdd2 {
      color: #0088ff; }
  .ui-topic .purple {
    color: #9205EA; }
  .ui-topic .gold,
  .ui-topic .type3 {
    color: #FFCC11; }
  .ui-topic .dGold {
    color: #dd9955; }
  .ui-topic .orange,
  .ui-topic .magicValue {
    color: #FF8800; }
  .ui-topic .blue {
	color: #0088ff; }
	
.ui-topic .desc{
	max-width: 300px;
	word-break: break-all;
}

.u-mask{
    display: none;
    background: #000;
    position: fixed;
    _position: absolute;
    top: 0px;
    filter: Alpha(Opacity=88);
    opacity: 0.88;
    width: 100%;
    z-index: 3;
    height: 100%;
    _height: 3540px;    
}

.u-window .u-btn.dismiss,
.u-window .u-btn.disable{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;  
}