.investor .page-content-container {
	width: 890px;
    margin: 0px auto 0px;
    padding: 0px;
}
.investor .page-content-container .title {
/*     border-bottom: 1px solid #6c6c6c; */
    margin: 0px auto;
    text-align: center;
    font-size: 26px;
    margin-bottom: 40px;
    color: #6c6c6c;
}
.investor .page-content-container .title p {
    font-size: 32px;
    color: #00498f;
    margin-bottom: 20px;
}
.investor .page-content-container .latest-news {
	padding-left: 0px;
}
.investor .page-content-container .investor-links {
	padding-right: 0px;
}
.investor-shareprice {
	margin-top: 40px;
}
.investor-shareprice .ful-three-col-block {
    width: 729px;
    position: relative;
    margin: 0px auto 40px;
}
.investor-shareprice .ful-three-col-block .col-md-4 {
	padding-left: 0px;
	padding-right: 0px;
}
.investor-shareprice .ful-three-col-block .value-left {
	padding-left: 0px;
}
.investor-shareprice .ful-three-col-block .value-left .price {
	float: left;
}
.investor-shareprice .ful-three-col-block .value-right {
	padding-right: 0px;
}
.investor-shareprice .ful-three-col-block .value-right .price {
	float: right;
}
.investor-shareprice .ful-three-col-block .value {
    font-size: 65px;
    color: #6c6c6c;
    margin-bottom: 0px;
    text-align: center;
}
.investor-shareprice .ful-three-col-block .name {
    font-size: 17px;
    color: #6c6c6c;
    text-align: center;
}
.investor-shareprice .ful-three-col-block .value-rise {
    color: #4077ab;
}
.investor-shareprice .ful-three-col-block .value-drop {
    color: #df4a32;
}
.investor-stocktable .page-content-container {
    width: 890px;
    margin: 0px auto 80px;
    padding: 0px 0px;
}
.sp-table {
    width: 100%;
    margin-bottom: 40px;
}
.sp-table .row-o, .sp-table .row-e {
    height: 50px;
}
.sp-table .row-e {
    background: #dbe6f0;
}
.sp-table .row-o {
    background: #FFF;
}
.sp-table .param {
    text-align: left;
    padding-left: 82px;
    font-size: 17px;
    color: #00498f;
}
.sp-table .value {
    text-align: right;
    padding-right: 82px;
    font-size: 17px;
    color: #6c6c6c;
}
.sp-table .sp-bottom {
    border-top: 1px solid #d0d0d0;
    height: 90px;
    background: #f8f8f8;
}
.sp-table .sp-bottom td {
    padding: 0px 82px;
}
.sp-table .sp-bottom td p {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 0px;
    color: #6c6c6c;
}
.investor-stocktable .page-content-container .readmore-blue {
    width: 100px;
    margin: 0px auto;
}
/*.investor-fr .page-content-container .content {
	padding: 0 82px 60px;
}

.investor-fr .page-content-container .content .links {
	padding: 0 20px 20px 0;
}

.investor-fr .page-content-container .content .links .subtitle {
	font-size: 26px;
	padding-bottom: 20px;
}

.investor-fr .page-content-container .content .links .link {
	width: 100%;
	padding-bottom: 16px;
}

.investor-fr .page-content-container .content .cover {
	float: right;
	padding: 0 0 20px 20px;
}

.investor-fr .page-content-container .content .cover img {
	max-width: 100%;
}
*/

.investor .page-content-container .content .links .link .filename {
    width: 80%;
    float: left;
    font-size: 17px;
}
.investor .page-content-container .content .links .link .filename .filesize {
	font-size: 14px;
    color: #666;
}
.investor .page-content-container .content .links .link .buttons {
    width: 30px;
    float: left;
    text-align: right;
}
.investor .page-content-container .content .links .readmore-blue {
    margin-top: 20px;
}
.investor-info {
	margin-bottom: 80px;
}
.investor-info .content {
    padding-left: 82px;
}
.investor-info .page-content-container .title {
    padding-left: 82px;
    text-align: left;
}
.investor-info .page-content-container .investor-links .title {
    padding-left: 74px;
    text-align: left;
}
.investor-info .page-content-container .investor-links .content {
    padding-left: 76px;
}
.investor-info .page-content-container .content .links .link {
    padding-bottom: 16px;
}
.investor-info .page-content-container .content p {
    width: auto;
    margin: 0px auto 10px;
}
.investor-info .page-content-container .content p a {
    color: #00498f;
    padding-left: 20px;
    background: url("../img/arrow_blue.svg") center left no-repeat;
}
.investor .investor-shareperformance-h {
	border-bottom: 1px solid #d0d0d0;
	margin: 0px auto 20px;
}
.investor .investor-shareperformance-h .col-md-6 {
	padding: 0px;
}
.investor .investor-shareperformance-h .col-md-6 .name {
	text-align: left;
    padding-left: 82px;
    font-size: 26px;
    color: #00498f;
}
.investor .investor-shareperformance-h .col-md-6 .date {
	text-align: right;
    padding-right: 82px;
    font-size: 26px;
    color: #030303;
}
.sp-chart {
    width: 890px;
    margin: 0px auto 40px;
}
.sp-chart .sp-chart .desc {
    margin-bottom: 14px;
}
.sp-chart .desc {
    font-size: 17px;
    color: #6c6c6c;
}
.sp-chart .blue-title {
    width: 50%;
    float: left;
    background: #00498f;
    color: #FFF;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding-left: 136px;
}
.sp-chart .chart-value {
    width: 50%;
    float: left;
    height: 50px;
    background: #fafafa;
    border: 1px solid #cdcdcd;
}
.sp-chart .chart-value .bootstrap-select {
    padding-left: 40px;
}
.sp-chart .chart-value .bootstrap-select > .dropdown-toggle,
.sp-chart .chart-value .btn-group.open .dropdown-toggle {
    height: 20px;
    font-size: 17px;
    color: #00498f;
    border: 0px;
    outline: none !important;
    text-decoration: none;
}
.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li.selected a,
.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 10px 50px 10px 50px;
    outline: none;
}
.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-toggle .caret {
	/*display: none;*/
    margin-top: 6px;
}
.bootstrap-select.btn-group .dropdown-menu li.selected a {
    background: #00498f !important;
    color: #FFF;
    font-size: 17px;
}
.sp-chart .sp-chart-option {
    margin-bottom: 4px;
}
.sp-chart .chart-value .bootstrap-select {
    padding-left: 40px;
}
.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li.selected a,
.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 10px 50px 10px 50px;
    font-size: 17px;
}
.sp-chart .option-tech .chart-value .value {
    width: 40%;
}
.sp-chart .option-tech .chart-value .inputs {
    float: right;
    width: 60%;
    padding-top: 8px;
}
.sp-chart .option-tech .chart-value input.number {
    width: 76px;
    text-align: center;
    font-size: 17px;
    color: #00498f;
    margin-right: 10px;
}
.sp-chart .option-tech .chart-value input.number.disabled {
    background: #e9e9e9;
    border: 1px solid #cdcdcd;
}
.sp-chart .option-tech .chart-value input.number.last {
    margin-right: 0px;
}
.sp-chart .submit-box {
    border-bottom: 1px solid #CCC;
    padding-bottom: 4px;
}
.sp-chart .submit-box p {
    float: left;
    padding-top: 14px;
    margin: 0px auto 0px;
}
.sp-chart .submit-btn {
    float: right;
}
.sp-chart .submit-btn input {
    background: #4b90cd;
    border: 0px;
    color: #FFF;
    width: 160px;
    height: 55px;
    font-size: 17px;
}
.sp-chart .chart {
    padding-top: 40px;
}
.sp-chart .chart img {
    width: 100%;
}
.sp-stocktable {
	width: 890px;
	margin: 0px auto;
}
.sp-stocktable p.title {
    margin: 24px 24px;
    color: #00498f;
    font-size: 17px;
}
.sp-stocktable .blue-bar {
    background: #00498f;
}
.sp-stocktable .blue-bar .sdate,
.sp-stocktable .blue-bar .edate {
    color: #FFF;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding-left: 24px;
}
.sp-stocktable .sdate,
.sp-stocktable .sdate-val {
    width: 230px;
    float: left;
    padding-left: 0px;
}
.sp-stocktable .grey-bar {
    background: #fafafa;
    border-bottom: 1px solid #d0d0d0;
}
.sp-stocktable .sdate-val,
.sp-stocktable .edate-val {
    padding-top: 8px;
}
.sp-stocktable .sdate,
.sp-stocktable .sdate-val {
    width: 230px;
    float: left;
    padding-left: 0px;
}
.sp-stocktable .sdate-val input {
    color: #00498f;
    width: 200px;
    height: 40px;
    font-size: 18px;
    padding-left: 20px;
}
.sp-stocktable .edate-val input {
    color: #00498f;
    width: 200px;
    height: 40px;
    font-size: 17px;
    padding-left: 20px;
}
.sp-stocktable .submit-btn {
    float: right;
}
.sp-stocktable .submit-btn input {
    background: #4b90cd;
    border: 0px;
    color: #FFF;
    width: 140px;
    height: 55px;
    font-size: 17px;
}
.sp-stocktable .edate,
.sp-stocktable .edate-val {
    width: 230px;
    float: left;
    padding-left: 0px;
}
table.his-table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
table.his-table thead {
    flex: 0 0 auto;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #d0d0d0;
}

.his-table-container {
    height: 380px;
}
table.his-table thead, table.his-table tbody tr {
    display: table;
    table-layout: fixed;
}
table.his-table tbody tr {
    width: 100%;
    height: 60px;
}
table.his-table tbody tr.row-even {
    background: #f8f8f8;
}
table.his-table tbody tr td {
    text-align: right;
    font-size: 17px;
}
table.his-table thead tr td.date {
    text-align: left;
    padding-left: 25px;
    width: 190px;
}
table.his-table thead tr td.oprice, table.his-table tbody tr td.val-oprice {
    width: 120px;
}
table.his-table thead tr td.oprice, table.his-table thead tr td.high, table.his-table thead tr td.low, table.his-table thead tr td.cprice, table.his-table thead tr td.volume {
    text-align: center;
}
table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
    width: 100px;
}
table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
    width: 100px;
}
table.his-table thead tr td.cprice, table.his-table tbody tr td.val-cprice {
    width: 140px;
}
table.his-table thead tr td.volume, table.his-table tbody tr td.val-volume {
    width: 150px;
}
table.his-table thead tr td {
    color: #00498f;
    font-size: 17px;
}
table.his-table thead tr td.date {
    text-align: left;
    padding-left: 25px;
    width: 190px;
}
table.his-table tbody tr td.val-date {
    text-align: left;
    padding-left: 25px;
    width: 190px;
}
table.his-table tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
    /* height: 100px; */
}
table.his-table tbody tr td.val-volume {
    padding-right: 50px;
}
.his-table-bottom {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.his-table-bottom p {
    font-size: 14px;
    color: #6c6c6c;
    margin-bottom: 0px;
    line-height: 60px;
}
.management-chart-block {
	width: 890px;
	margin: 0px auto;
}
.management-chart {
	text-align: center;
    margin-bottom: 40px;
}
.management-chart .chart-btn {
	margin-bottom: 40px;
}
.management-chart .chart-btn a {
    background: url("../img/btn_chart_open.png") center right no-repeat;
    padding: 20px 40px;
    color: #00498f;
    font-size: 17px;
}
.management-chart .chart-btn.closed a {
    background: url("../img/btn_chart_close.png") center right no-repeat;
    padding: 20px 40px;
}



/*==============================
=            Common            =
==============================*/

.investor-fr .page-content-container .content {
	padding: 0 82px 60px;
}

.investor-fr .page-content-container .content .links {
	padding: 0 15px 20px 0;
}

.investor-fr .page-content-container .content .links .subtitle {
	font-size: 26px;
	padding-bottom: 20px;
}

.investor-fr .page-content-container .content .links .link {
	width: 100%;
	padding-bottom: 16px;
}

.investor-fr .page-content-container .content .cover {
	float: right;
	padding: 0 0 20px 15px;
}

.investor-fr .page-content-container .content .cover img {
	max-width: 100%;
}


.investor-fr .page-content-container .content .cover {
	padding: 0 0 20px 0;
}

.investor-fr .page-content-container .content .links {
	padding: 0 0 20px 0;
}

.investor-fr .page-content-container .content>.col-md-6:nth-child(1) {
	padding-left: 15px;
}

.investor-fr .page-content-container .content>.col-md-6:nth-child(2) {
	padding-right: 15px;
}

.investor-fr .page-content-container .content .links .link {
	position: relative;
}

.investor-info .page-content-container .content .links .link {
	position: relative;
}

.investor-fr .page-content-container .content .links .link:last-child {
	padding-bottom: 0;
}

.investor .page-content-container .content .links .link .filename {
	width: 100%;
	padding-right: 45px;
}

.investor .page-content-container .content .links .link .buttons {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}
.investor-fr-inner .page-content-container {
    margin: 40px auto 0px;
}
.investor-related-links .page-content-container {
    width: 766px;
    margin: 0px auto 40px;
}
.investor-related-links .page-content-container .title {
	color: #1d468b;
	font-size: 17px;
	border-bottom: 2px solid #1d468b;
	padding: 10px 20px;
}
.investor-related-links .page-content-container .links {
	margin-left: 0px;
}
.investor-related-links .page-content-container .links .link {
    list-style: none;
	border-bottom: 1px solid #6c6c6c;
	padding: 16px 10px 16px 50px;
	margin-bottom: 0px;
	background: url("../img/arrow_blue.svg") no-repeat;
	background-position: 20px center;
}
.investor-related-links .page-content-container .links .link a {
	color: #6c6c6c;
	font-size: 17px;
}

/*=====  End of Common  ======*/
.tree {
    width: 870px;
    margin: 0px auto;
}
.tree ul {
	padding: 20px 0px 0px 0px;
	position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	margin: 0;
}

.tree li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
	content: '';
	position: absolute; top: 0; left: 50%;
    width: 1px;
    height: 20px;
    background: #CCC;
    margin: 0px 5px;
}
.tree > ul > li > a {
	width: 250px;
	height: 60px;
    max-width: none;
}
.tree li a {
	border: 2px solid #274785;
	padding: 5px 10px;
	text-decoration: none;
	color: #274785;
	font-size: 12px;
	/*display: inline-block;*/
	display: inline-table;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	
	width: 160px;
	height: 60px;
	
}

.tree li a span {
	display: table-cell;
	vertical-align: middle;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #274785;
	color: #FFF;
	/*border: 1px solid #94a0b4;*/
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

@media (max-width: 991px)  {
	.tree {
		width: 740px;
	}
	.tree li a {
		width: auto;
		max-width: 140px;
		width: 130px\9;
    }
}
@media (max-width: 880px)  {
	.tree {
		width: 660px;
	}
	.tree li a {
		width: auto;
		max-width: 120px;
		width: 110px\9;
    }
}
@media (max-width: 768px)  {
	.tree {
		width: 510px;
	}
	.tree li a {
		width: auto;
		max-width: 90px;
		width: 90px\9;
    }
	.tree > ul > li > a {
		width: auto;
	}
	.tree li:only-child {
		padding: 0px 0px 0px 0px;
	}
}
@media (max-width: 580px)  {
	.tree {
		width: 280px;
	}
	.tree > ul li ul {
		margin-left: 60px;
	}
	.tree > ul > li > a {
		width: 180px;
		height: 50px;
		padding: 5px 20px;
	}
	.tree li {
		margin: 0px 0;
		text-align: left;
		list-style-type: none;
		position: relative;
		padding: 16px 5px 0px 5px;
		width: 100%;
	}
	.tree ul {
		padding-top : 0px;
	}
	.tree ul ul::before {
		display: none;
	}
	.tree > ul > li:last-child::before {
		display: none;
	}
	.tree li:first-child::before {
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
	} 
	.tree li:last-child::after {
		border-left: 0px;
		border-top: 1px solid #ccc;
	}
	.tree li:first-child::after {
		border-radius: 0 0 0 0;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
	}
	.tree > ul ul li:only-child {
    	padding: 16px 5px 0px 5px;
	}
	.tree > ul ul li:only-child::after, .tree li:only-child::before {
		display: block;
	}
	.tree > ul ul li:only-child {
		padding-top: 16px;
	}
	.tree li::before{
		content: '';
		position: absolute; 
		top: 0;
		width: 1px; 
		height: 100%;
		right: auto; 
		left: -25px;
		border-left: 1px solid #ccc;
		bottom: 50px;
	}
	.tree li::after{
		content: '';
		position: absolute; 
		top: 40px; 
		width: 30px; 
		height: 20px;
		right: auto; 
		left: -25px;
		border-top: 1px solid #ccc;
	}
	.tree li a {
		padding: 5px 15px;
		text-decoration: none;
		width: 148px;
		max-width: none;
		height: 50px;
		font-size: 14px;
		text-align: center;
	}

	/*Remove connectors before root*/
	.tree > ul > li::before, .tree > ul > li::after{
		border: 0;
	}
	/*Remove connectors after last child*/
	.tree li:last-child::before{ 
		height: 40px;
		border-right: 0px;
	}

}