.ehead{    
    width:70%;
    margin:0 auto;
    height:150px;
    border:1px solid;
    padding: 5px;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
}
.icolor{
    background-color:#ffffff;
}
.ecolor{
    background-color:#ffff66;
}
.etitle{
    margin:0 auto;
    width:100%;
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
    cursor: pointer;
}
.gtitle{
    color:green;
}
.etxt{
    padding: 15px;
    width:8%;
    display:inline-block;
    overflow:hidden;
}
.htxt{
    display:none;
}
.mtxt{
    padding: 15px;
    width:80%;
    display:inline-block;
    overflow:hidden;
    font-weight:bold;
    color:red;
    height:28px;
}
#ebox1{
    padding:8px;
    width:15%;
    display:inline-block;
    cursor: pointer;
    float:left;
}
#ebox2{
    width:60%;
    display:inline-block;
    margin: auto;
    text-align: center;
    cursor: pointer;
}
#ebox3{
    width:15%;
    padding:8px;
    display:inline-block;
    cursor: pointer;
    float:right;
}
.elbtn{
    width:28px;
    height:28px;
    background-color:white;
    display:inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow:hidden;
} 
.erbtn{
    width:28px;
    height:28px;
    background-color:white;
    display:inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow:hidden;
    float:right;
} 
.erbtn48{
    width:48px;
    height:48px;
    background-color:white;
    display:inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow:hidden;
    float:right;
}  
.erbtn100{
    width:100px;
    height:48px;
    background-color:white;
    display:inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow:hidden;
    float:right;
}  
.ehelp{
    text-decoration: underline;
    color:blue;
    vertical-align:top;
}
.ework{
    background-color:#ffffff;
    cursor: pointer;
    width:90%;
    margin:0 auto;
    height:2000px;
    border:1px solid;
    padding: 5px;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
}
/****************************online***************************************/
.ncolor{
    background-color:#ffccff;
}
.nbtnGREEN{
    padding: 5px;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
    width:60px; 
    height:16px; 
    border:1px solid; 
    margin:2px;
    cursor: pointer;
    background-color: green;
    display:inline-block;
}
.nbtnRED{
    padding: 5px;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
    width:60px; 
    height:16px; 
    border:1px solid; 
    margin:2px;
    cursor: pointer;
    text-align:center;
    background-color: red;
    display:inline-block;
}
/****************************************************************************/
.pwork{  /*project table*/
    background-color:#ffffff;
    width:80%;
    margin:0 auto;
    height:1200px;
    border:1px solid;
    padding: 5px;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
}
.ptbls {  /*ladders table*/
    border:1px solid;
    overflow:scroll;
    height:300px;
}    
.ptbls TD, .ptbls TH {
    border:0px solid;
    margin:16px auto;
    font-weight:bold;
}
.ptxt{
    width:100%;
}
.parea{
    width:100%;
    height:100px;
}
.ptxt input[type='text']{
    font-size:16px;
    font-weight:bold;
}
/***editor******************************************************************/
#Grem   {width:500px;height:100px;}
#Erem   {width:350px;}
#Etag   {width:350px;}
#Evalue {width:350px;}
/****************************************************************************/
.efoot{
    background-color:#ffffff;
    width:70%;
    margin:0 auto;
    height:500px;
    border:1px solid;
    padding: 15px;
    overflow:scroll;
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
}
.edbg{
    display:block;
    height:450px;
    background-color:#ffffff;
    width:70%;
    overflow:scroll;
    margin:0 auto;
    padding: 15px;
    border:1px solid;
}
.ead{
    width:70%;
    height:66px;
    margin:0 auto;
    padding: 15px;
    border:1px solid;
    background-color:#A0E0FF;  
    border-radius:15px;
    box-shadow: 8px 8px 3px 3px rgba(0, 0, 0, 0.12);
    text-align: center;
}
.eadp{
    width:64px;
    height:64px;
    text-align: center;
}
.eadm{
    width:100px;
    height:45px;
    text-align: center;
}
/*------------license.php,help.php--------------------------------------------*/
#Lasis, #Lorigin, #Lyours, #Hstart,#Hprj,#Hpcompile,#Hedit,#Hecompile
{
    width:80%;
    border:1px solid;
    background-color:#ffffff;  
    border-radius:15px;
    overflow: hidden;
    margin:0 auto;
    padding: 15px;
    font-size:16px;
    font-weight:bold;
    white-space: pre;  
}
.himg{
    width:100%;
}
