#new_room
{
    position:absolute; top:130px; right:0px;
}

#room_wap
{
    width: 100%;
}

#room_wap .admin_room
{
     margin: 10px auto;
     width: 50%;
     border: medium solid #FFCBCB;
     text-align: left;
     font-weight: normal;
}

 .admin_room p
 {
     font-size  : 18px;
     color: red;
     font-weight: normal;
 }

 .admin_room li
 {
	 margin: 3px;
	 padding: 0 0.1em 0 0 ;
	 list-style-type: none ;
     font-size: 50px;
 }

.login_room_wap
{
    margin: 0 auto;
    width: 100%;
    height:300px;
    border: medium solid #FFCBCB;
    text-align: left;
    font-size  : 18px;
}

 .login_room_wap li
 {
     display: inline;
	 margin: 0 ;
	 padding: 0 0.1em 0 0 ;
	 list-style-type: none ;
	 letter-spacing: 0.1em ;
	 font-weight   : bold ;
	 line-height   : 1.3em ;
 }

.sub_room_wap1
{
    float:left;
    margin: 0 auto;
    width: 49%;
    height:300px;
    overflow: auto;
    border: medium solid #FFCBCB;
    text-align: left;
    font-size  : 18px;
}

.sub_room_wap2
{
    float:right;
    margin: 0 auto;
    width: 49%;
    height:300px;
    overflow: auto;
    border: medium solid #FFCBCB;
    text-align: left;
    font-size  : 18px;
}

 .sub_room_wap1 li,
 .sub_room_wap2 li
 {

/*  display: inline ;*/
	 margin: 0 ;
	 padding: 0 0.1em 0 0 ;
	 list-style-type: none ;
	 letter-spacing: 0.1em ;
	 font-weight   : bold ;
	 /* line-height   : 1.3em ; */
 }


 .sub_room_wap1 .viw,
 .sub_room_wap2 .viw,
 .login_room_wap .viw
 {
     text-align: right;
 }

.pr
{
    margin: 3px auto;
}

.about
{
    margin: 3px auto;
    text-align:left;
    width: 50%;
    font-weight: normal;
}

.about p
{
    margin: 3px auto;
}

.about ul li
{
	list-style-type: none ;
    margin: 10px;
    text-align:left;
    border: medium solid #FFCBCB;

}

.about ul li a {
    color:red;
}


.active
{
    background-color: #FFCBCB;
}

.passive
{
    background-color: #FAEBD7;
}