@charset "utf-8";
body {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
table.sound-t {
	width: 100%;
	border: 1px solid #000000;
	font-size: small;
	clear: both;
	text-align: justify;
}
th.td5 {
	width: 5%;
}
th.td15 {
	width: 15%;
}
th.td50 {
	width: 50%;
}
th {
	border: 1px solid #000000;
	font-size: 11pt;
	background-color: #71C3FF;
	color: #1F1F1F;
}
tbody tr td {
	font-size: x-small;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 13pt;
}
.left-50 {
	width: 49%;
	margin-right: 1%;
	float: left;
}
.right-50 {
	width: 49%;
	float: left;
}
.sound-t th {
	text-align: center;
}
.pen-green {
	background: linear-gradient(transparent 40%, #66FFCC 40%);
	font-weight: bolder;
}
.pen-blue {
	background: linear-gradient(transparent 40%, #66ccff 40%);
	font-weight: bolder;
}
.pen-yerrow {
	background: linear-gradient(transparent 40%, #ffff66 40%);
}
.pen-pink {
	background: linear-gradient(transparent 40%, #ff99ff 40%);
}
.img-max {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
blockquote {
    position: relative;
    padding: 0px 10px 5px 40px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #f0f7ff;
    border-top: solid 3px #a5d7ff;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #a5d7ff;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

blockquote p a {
	position: relative;
	z-index: 3;
	line-height: 1.7;
	color: #005CFF;
	font-size: 9pt;
	text-align: right;
}