.tab{overflow:hidden;}
ul{
	margin:0px;
        
}

.tab li{
	display:inline;
	background:#eee;
	padding:5px 25px;
	float:left;
	margin-left:0px;
	margin-right:1px;
	margin-bottom:0px;
    cursor:pointer;
}
.tab li.li_cyan{}
.tab li.li_cyan:hover{
    background-color:#e0ffff;
}
.tab li.li_cyan.select{background-color:#e0ffff;}
.tab li.li_magenta{}
.tab li.li_magenta:hover{
    background-color:#ffc0cb;
}
.tab li.li_magenta.select{background-color:#ffc0cb;}
.tab li.li_yellow{}
.tab li.li_yellow:hover{
    background-color:#f0e68c;
}
.tab li.li_yellow.select{background-color:#f0e68c;}
.tab li.li_purple{}
.tab li.li_purple:hover{background-color:#d5ccff;}
.tab li.li_purple.select{background-color:#d5ccff;}
.tab li.select{background:#eee;}
.content ul{
	margin:0px;
    background:#eee;
}
.box{
	margin-top:0px;
	margin-left:0px;
	width:800px;
	display:block;
    padding:0px 0px 0px 0px;
    background:#e0ffff;
    overflow:hidden;
}
.box ul{
    margin:0px;
}
.content li{list-style:none;; padding:20px;}

.hide {display:none;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}