/*demo3.css*/

.cpc ul{
    margin: 0 auto;
    list-style: none;
}
.cpc ul li{
    line-height:60px;
	font-size:16px;
	border: solid 1px #ccc;
    
}

.cpc ul li:hover{border:solid 1px #56aa03;}

/*隐藏input固有的选择小方块*/
.cpc ul li input{
    display: none;
}
/*默认情况下div是隐藏的*/
.cpc ul li div{
    display: none;
}

.cpc ul li div a{
	display:block;
	height:60px;
    line-height:60px;
	font-size:14px;
	color:#333;
	border-bottom: dotted 1px #ccc;
}
/*设置label大小并将其设置块级元素， 可以点击任何一个地方都能达到效果*/
.cpc ul li label{
    display: block;
    height: 60px;
    margin-left:40px;
	color:#333;
	font-weight: bold;
}
/*当选中某个label，将div显示 "+" 表示只能找到后面的一个兄弟*/
.cpc ul li input[type=checkbox]:checked+label+div{
    display: block;
    padding: 0 0 0 40px;