/* ================================================== */
/* 01. Text Style */
/* ================================================== */



.textcolor{
  color: #17a43b;
}


/* ================================================== */
/* 01. vertical menu */
/* ================================================== */
body{background:#fff}
.center-menu{margin:30px auto; float:none;}
.center-menu ul{width:100%; padding-left:0;}
.center-menu ul li{width:100%; min-height:30px; margin-bottom:2px; background:#f4f4f4; list-style:none; padding:10px;}
.center-menu ul li i{color:#ccc; padding-right:5px;color:#4f4f4f;}
 
.center-menu ul li a{color:#4f4f4f; display:block; text-decoration:none; width:100%;}
.center-menu ul li:nth-child(1){border-right: 5px solid #8d54a3}
.center-menu ul li:nth-child(2){border-right: 5px solid #6CC437}
.center-menu ul li:nth-child(3){border-right: 5px solid #f28c1d}
.center-menu ul li:nth-child(4){border-right: 5px solid #e94979}
.center-menu ul li:nth-child(5){border-right: 5px solid #00B0F0}
.center-menu ul li:nth-child(6){border-right: 5px solid #cc3333}
.center-menu ul li:nth-child(7){border-right: 5px solid #FABE09}
.center-menu ul li:nth-child(8){border-right: 5px solid #e94979}
.center-menu ul li:nth-child(9){border-right: 5px solid #8d54a3}
.center-menu ul li:nth-child(10){border-right: 5px solid #6CC437}
.center-menu ul li:nth-child(11){border-right: 5px solid #f28c1d}
.center-menu ul li:nth-child(12){border-right: 5px solid #e94979}
.center-menu ul li:nth-child(13){border-right: 5px solid #00B0F0}
.center-menu ul li:nth-child(14){border-right: 5px solid #F46652}
.center-menu ul li:nth-child(15){border-right: 5px solid #FABE09}
.center-menu ul li:nth-child(16){border-right: 5px solid #6CC437}
.center-menu ul li:nth-child(17){border-right: 5px solid #f28c1d}
.center-menu ul li:nth-child(18){border-right: 5px solid #e94979}
.center-menu ul li:nth-child(19){border-right: 5px solid #00B0F0}
.center-menu ul li:nth-child(20){border-right: 5px solid #F46652}
.center-menu ul li:nth-child(21){border-right: 5px solid #FABE09}





/*.center-menu .active
{
	background-color: #ff9600;
}
*/


.center-menu ul li:hover a{color:#fff; text-decoration:none;}
.center-menu ul li:hover a i{color:#fff; text-decoration:none;}
.center-menu ul li:nth-child(1):hover{background-color:#8d54a3}
.center-menu ul li:nth-child(2):hover{background-color:#6CC437}
.center-menu ul li:nth-child(3):hover{background-color:#f28c1d}
.center-menu ul li:nth-child(4):hover{background-color:#e94979}
.center-menu ul li:nth-child(5):hover{background-color:#00B0F0}
.center-menu ul li:nth-child(6):hover{background-color:#cc3333}
.center-menu ul li:nth-child(7):hover{background-color:#FABE09}
.center-menu ul li:nth-child(8):hover{background-color:#e94979}
.center-menu ul li:nth-child(9):hover{background-color:#8d54a3}
.center-menu ul li:nth-child(10):hover{background-color:#6CC437}
.center-menu ul li:nth-child(11):hover{background-color:#f28c1d}
.center-menu ul li:nth-child(12):hover{background-color:#e94979}
.center-menu ul li:nth-child(13):hover{background-color:#00B0F0}
.center-menu ul li:nth-child(14):hover{background-color:#F46652}
.center-menu ul li:nth-child(15):hover{background-color:#FABE09}
.center-menu ul li:nth-child(16):hover{background-color:#6CC437}
.center-menu ul li:nth-child(17):hover{background-color:#f28c1d}
.center-menu ul li:nth-child(18):hover{background-color:#e94979}
.center-menu ul li:nth-child(19):hover{background-color:#00B0F0}
.center-menu ul li:nth-child(20):hover{background-color:#F46652}
.center-menu ul li:nth-child(21):hover{background-color:#FABE09}




.active1{background-color:#8d54a3;}
.active2{background-color:#6CC437}
.active3{background-color:#f28c1d}
.active4{background-color:#e94979}
.active5{background-color:#00B0F0}
.active6{background-color:#cc3333}
.active7{background-color:#FABE09}
.active8{background-color:#e94979}
.active9{background-color:#8d54a3}
.active10{background-color:#6CC437}
.active11{background-color:#f28c1d}
.active12{background-color:#e94979}
.active13{background-color:#00B0F0}
.active14{background-color:#F46652}
.active15{background-color:#FABE09}
.active16{background-color:#6CC437}
.active17{background-color:#f28c1d}
.active18{background-color:#e94979}
.active19{background-color:#00B0F0}
.active20{background-color:#F46652}
.active21{background-color:#FABE09}


.center-menu .active1 a{color:#fff;}
.center-menu .active2 a{color:#fff;}
.center-menu .active3 a{color:#fff;}
.center-menu .active4 a{color:#fff;}
.center-menu .active5 a{color:#fff;}
.center-menu .active6 a{color:#fff;}
.center-menu .active7 a{color:#fff;}
.center-menu .active8 a{color:#fff;}
.center-menu .active9 a{color:#fff;}
.center-menu .active10 a{color:#fff;}
.center-menu .active11 a{color:#fff;}
.center-menu .active12 a{color:#fff;}
.center-menu .active13 a{color:#fff;}
.center-menu .active14 a{color:#fff;}

.resize {
    font-size: 14px;
    color: #93a0a7;

}






.demof img {
float: left;
width: 80px;
margin: 5px 15px 0 0;
}
.demof a {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: orange;
}



.et-run {
background-color: #0cf;
color: white;
border: 1px solid black;
}