* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Tahoma', sans-serif;
    color: #666;
    font-size: 1em;
    background: #f9f9f9;
    background: #fff;
    line-height: 1.6em;
}

ul,
li {
    list-style: none;
}

#container {
	width: 100%;
    max-width: 1010px;
    margin: 30px auto;
    overflow: auto;
}

#expand, #shrink {
	cursor: pointer;
}

h1,h3 {
    text-align: left;
}

h1 { font-size: 24px; margin-bottom: 10px;}
h3 { font-size: 16px; margin-left: 20px; }


.title {
    background: #6bb170;
    color: #fff;
    text-align: left;
}

.faq li {
    padding: 5px 20px;
}


.faq li.q {
    background: #eee;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
}

.faq li.a {
    background: #ddd;
    display: none;
	font-size: 14px;
	padding-left: 50px;
}

.faq li.a_fix {
    background: #ddd;
    display: block;
	font-size: 14px;
	padding-left: 50px;
}

.rotate {
    transform: rotate(90deg);
}

@media(max-width: 800px) {
    #container {
        width: 90%;
    }
}