.toggle-box {
    margin-top: 20px;
}

.toggle-box p {
    margin: 0;
    padding: 0;
}
.toggle-note, .toggle-note1, .toggle-note2 {
	font-size:9px;
	letter-spacing:normal;
	float: right;
	margin-right: 10px;
	padding-top: 10px;
}
.toggle-title, .toggle-title1, .toggle-title2 {
	color:#FFC;
    width: 100%;
    margin-bottom: 10px;
    padding: 4px;
    background: #4b7b65;
    border: 1px solid #aabec1;
    cursor: pointer;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
	font-size:18px;
	letter-spacing: 8px;
	font-weight:400;
	text-indent: 50px;
}

.toggle-title:hover,
.toggle-title:active,
.toggle-title1:hover,
.toggle-title1:active,
.toggle-title2:hover,
.toggle-title2:active {
    background: #054e1b;
    color: #ffcc33;
}

.active {
    background: #054e1b;
    color: white;
}
.toggle-title a {
    color: #000;
}

.toggle-content {
    padding-bottom: 10px;
}
.toggle-content h2{
	font-size:16px;
	margin-left:3em;
	color:#666;
}
@media (max-width:800px){
.toggle-title, .toggle-title1, .toggle-title2 {
	letter-spacing: 2px;
	text-indent: 0px;
	text-align:center;
}
.toggle-content h2{
	font-size:14px;
}
}
@media (max-width:445px){
.toggle-title, .toggle-title1, .toggle-title2 {
	letter-spacing: 1px;
	font-size: 14px;
}
.toggle-note, .toggle-note1, .toggle-note2 {
	font-size:8px;
	padding-top: 5px;
}
.toggle-content h2{
	font-size: 12px;
	text-align:center;
	margin:auto;
}
}