/* CSS Document */

.service {
	.ask-list {
		.item {
			margin-bottom: 6px;
			input {
				display: none;
			}
			label {
				display: block;
				height: 59px;
				line-height: 59px;
				padding: 0 10px;
				border: 1px solid #f5f5f5;
				background-color: #f5f5f5;
				cursor: pointer;
			}
			.text-area {
				padding: 20px 13px;
				display: none;
				border: 1px solid #b4b4b4;
				border-top: 0;
			}
			input:checked~.text-area {
				display: block;
			}
			input:checked~label {
				border: 1px solid #b4b4b4;
			}
		}
	}
	.service-download {
		.item {
			position: relative;
			height: 60px;
			background-color: #f5f5f5;
			margin-bottom: 6px;
			a {
				display: block;
				height: 59px;
				line-height: 59px;
				padding: 0 30px;
				background-image: url(../images/download_ico.png);
				background-repeat: no-repeat;
				background-position: 96% center;
				position: relative;
				z-index: 1;
				transition: $tr4;
			}
			em {
				position: absolute;
				height: 60px;
				top: 0;
				left: 0;
				display: block;
				z-index: 0;
				transition: $tr4;
				width: 0;
			}
			&:hover {
				a {
					color: #36adcf;
					transition: $tr4;
					background-image: url(../images/download_h_ico.png);
				}
				em {
					background-color: #f4f4f4;
					width: 100%;
					transition: $tr4;
				}
			}
		}
	}
}