@charset "utf-8";

/*-------------------------------------------------------------------------------
 ASIDE
 -------------------------------------------------------------------------------*/

#page .aside  {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
#page .aside .aside-body + .aside-body  {
	margin-top: 10px !important;
}
#page .aside-body > * + *  {
	margin-top: 10px !important;
}
#page .aside-body > ul {
	margin: 0!important;
	padding: 0!important;
}
#page .aside-banner-list > li + li {
	margin-top: 10px !important;
}

#page .aside-body img  {
	width: 100%;
	height: auto;
}
#page .aside-body > p img {
	width: 100%;
	height: auto;
}

#page .market-info  {
	border: 1px solid #1F586F;
}
#page .market-info dt  {
	padding: 5px 7px !important;
	padding: .4rem .5rem !important;
	background-color: #1F586F;
	color: #fff;
}
#page .market-info .market-info-title  {
	font-size: 17px;
	font-size: 1.2rem;
}
#page .market-info dd  {
	margin-top: 0 !important;
}
#page .market-info dd table  {
	width: 100%;
}
#page .market-info dd .caption {
	background-color: #3F8597;
	color: #fff;
}
#page .caption-date {
	float: left;
	font-size: 0.9em;
}
#page .caption-title {
	float: right;
	font-size: 0.9em;
}
#page .market-info dd tr:first-child + *,
#page .market-info dd tr:first-child + * + * + * {
	background-color: #EFEFEF;
}
#page .market-info dd th {
	text-align: left;
}
#page .market-info dd th ,
#page .market-info dd td  {
	padding: 5px 7px !important;
	padding: .4rem .5rem !important;
}
#page .market-info dd td  {
	border-left: 1px dashed #ccc;
	text-align: right;
}
#page .market-info p + p  {
	margin-top: 0 !important;
	font-size: 13px;
	font-size: 0.9rem;
}
#page .market-info .plus  {
	color: #2D8CD8;
}
#page .market-info .minus  {
	color: #BB3A2C;
}

#page .aside-intro-mobile  {
	border: 2px solid #BABCBE;
	padding: 15px !important;
}
#page .aside-intro-mobile dt  {
	position: relative;
	padding-left: 20px !important;
	padding-bottom: 1em !important;
	line-height: 2;
	font-size: 14px;
	font-size: 1rem;
	font-weight: bold;
}
#page .aside-intro-mobile dd  {
	font-size: 11px;
	font-size: 0.8rem;
	line-height: 1.4;
	padding-top: 1em !important;
	border-top: 1px solid #C8CACB;
}
#page .aside-intro-mobile dd + dd  {
	margin-top: 1em !important;
}
#page .aside-smart-phone-desc  {
	font-size: 13px;
	font-size: 0.9rem;
}
#page .aside-intro-mobile dt:before  {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 15px;
	height: 27px;
	margin-bottom: 10px !important;
	background: url(/library/img/intro-mobile-heading-icon.png) no-repeat left center;
}
#page .aside-intro-mobile dd > p  {
	font-size: 12px;
	font-size: 0.86rem;
	line-height: 1.4;
	word-break: normal;
}
#page .qr-code img  {
	width: 65%;
}
#page .qr-code  {
	margin-top: 10px !important;
	text-align: center;
}
#page .qr-code-desc  {
	margin-top: 10px !important;
	text-align: left;
}

#page .aside-nav-list > li > a  {
	position: relative;
	display: block;
	height: 100%;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0YzRjNGMyIgb2Zmc2V0PSIwLjc2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0RGREZERiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc4MCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 50%, #f3f3f3 76%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fefefe), color-stop(76%,#f3f3f3), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 50%,#f3f3f3 76%,#dfdfdf 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#fefefe 50%,#f3f3f3 76%,#dfdfdf 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 50%,#f3f3f3 76%,#dfdfdf 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fefefe 50%,#f3f3f3 76%,#dfdfdf 100%);
	border: 2px solid #DEDEDE;
	border-radius: 10px;
	padding: 18px 10px 18px 50px !important;
	font-size: 18px;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	color: #343535;
	text-align: center;
}
#page .aside-nav-list > .aside-nav-list-fund > a {
	padding: 10px 10px 10px 50px !important;
	line-height: 1.3;
}
#page .aside-nav-list > li > a:before  {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 12px;
	width: 46px;
	height: 46px;
	margin-top: -23px !important;
	margin-right: 10px !important;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#page .aside-nav-list > li > .icn-chart:before  {
	background-image: url(/library/img/contents-nav-icon-1.png);
}
#page .aside-nav-list > li > .icn-graph:before  {
	background-image: url(/library/img/contents-nav-icon-2.png);
}
#page .aside-nav-list > li >  .icn-company:before  {
	background-image: url(/library/img/contents-nav-icon-3.png);
}
#page .aside-nav-list > li >  .icn-star:before  {
	background-image: url(/library/img/contents-nav-icon-4.png);
}
#page .aside-nav-list > li >  .icn-glass:before  {
	background-image: url(/library/img/contents-nav-icon-5.png);
}
#page .aside-nav-list > li + li  {
	margin-top: 10px !important;
}
#page .stock-container {
	position: relative;
}
#page .stock-dialog {
	display: none;
	position: absolute;
	width: 950px;
	padding-bottom: 30px !important;
	border: solid 1px #4F81BD;
	border-radius: 5px;
	background-color: #FFFFFF;
	z-index: 9999;
}
#page .stock-dialog .close {
	display: block;
	position: absolute;
	text-decoration: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 15px;
	border: solid 1px #4F81BD;
	background-color: #4F81BD;
	color: #FFFFFF;
	top: -15px;
	right: -15px;
	margin: 0 !important;
}
#page .stock-dialog .close:hover {
	opacity: 1;
}
#page .stock-dialog > h3 {
	color: #4F81BD;
	padding: 10px !important;
	font-size: 20px;
}
#page .stock-dialog > dl {
	text-align: center;
	margin: 0 !important;
}
#page .stock-dialog > dl > dt ,
#page .stock-dialog > dl > dd {
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
}
#page .stock-period-container {
	display: inline-block;
	padding: 0 !important;
}
#page .stock-period-container > li {
	display: inline-block;
	margin: 0 !important;
	line-height: 100%;
}
#page .stock-period-container > li + li  {
	margin-left: 10px !important;
}
#page .stock-period-container > li > a {
	display: inline-block;
	background-color: #E4E4E5;
	padding: 8px 17px !important;
	text-decoration: none;
	border-radius: 5px;
}
#page .stock-period-container > li.no-data {
	display: none;
}
#page .stock-period-container > li > a.selected {
	color: #FFFFFF;
	background-color: #009CE1;
	text-decoration: none;
	cursor: default;
}
#page .stock-period-container > li > a.selected:hover {
	opacity: 1;
}
#page .stock-date-container {
	margin-top: 17px !important;
	/*text-align: center;*/
}
#page .btn-search-panel-period  {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px !important;
	border: 2px solid #DEDEDE;
	font-weight: normal;
	font-size: 12px;
	padding: 3px 12px !important;
}
#page .stock-chart-container {
	position: relative;
	width: 95%;
	height: 280px;
	margin: 0 auto !important;
	border: solid 1px #D8D8D8;
}
#page .stock-axis text {
	font-family: sans-serif;
	font-size: 14px;
}
#page .stock-axis line, .stock-axis path {
	fill: none;
	stroke: #000000;
	shape-rendering: crispEdges;
}
#page .stock-axis.y path {
	fill: none;
	stroke: none;
}
#page .stock-axis.y line {
	stroke: #C0C0C0;
}
#page .stock-axis path.currency-first {
	stroke: #80B4FF;
	stroke-width: 2px;
	fill: none;
}
#page .stock-cover {
	position: absolute;
	background-color: #FFFFFF;
	opacity: 0;
	z-index: 99999;
}
#page .stock-axis line.stock-additional-line {
	fill: none;
	stroke: #FF0000;
}
#page .stock-tip-container {
	display: none;
	position: absolute;
	border: solid 2px #D8D8D8;
	background-color: #FFFFFF;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 10px !important;
}
#page .stock-tip-container > li {
	margin: 0px 10px !important;
}
#page .stock-chart-comment {
	font-size: 0.9em;
	line-height: 1.4;
	width: 95%;
	margin: 15px auto 0 !important;
}
#page .error-message {
	display: none;
	text-align: center;
	color: #FF0000;
}
#page .stock-chart-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	z-index: 9990;
}
#page .display-period  {
	position: relative;
	width: 770px;
	margin: 0 auto !important;
}
#page .display-period > p  {
	float: left;
	padding: 5px 15px 5px 0 !important;
	color: #001A4C;
}
#page .display-period > div  {
	float: left;
	padding: 5px 0 5px 15px !important;
	border-left: 1px solid #001A4C;
}

#page .chart-record-date-container  {
	width: 95%;
	margin: 13px auto 10px auto !important;
	text-align: right;
}
#page .chart-record-date  {
	display: inline-block;
}
#page .chart-record-date > *  {
	font-weight: bold;
}
#page .chart-record-date-inner {
	margin-right: 5px;
}
#page .stock-date-select-box-wrapper  {
	display: inline-block;
}
#page .stock-date-select-box-wrapper > .select-box-wrapper  {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
}
#page .stock-date-select-box-wrapper .select-box-layout  {
	padding: 5px 20px 5px 10px !important;
}