/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.HLP .key-color {color: #005b89;}
.HLG .key-color {color: #007060;}
.HLP .key-border {border-color: #005b89;}
.HLG .key-border {border-color: #007060;}
.HLP .key-color-lt {color: #00a0d2 !important;}
.HLG .key-color-lt {color: #00ad7d !important;}
.HLP .key-bg {background-color: #e7f6fd;}
.HLG .key-bg {background-color: #eef6ea;}
.jade {color: #5bc4bf !important;}
.orange {color: #e2984c !important;}
.white {color: #ffffff !important;}
.lt-green {color: #8db160 !important;}
.gray {color: #7b9cad !important;}

.ZH .menu-link {font-size: 1rem;}
.nowrap { white-space: nowrap; }

/* ----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/
.heading-block h4 {font-size: 2.75vw; font-weight: 500;}
.ZH .heading-block h4 {letter-spacing: 0.3rem;}

.heading-block.jade::after {border-top: 3px solid #5bc4bf;}
.heading-block.orange::after {border-top: 3px solid #e2984c;}
.heading-block.blue::after {border-top: 3px solid #005b89;}
.heading-block.gray::after {border-top: 3px solid #7b9cad;}
.heading-block.green::after {border-top: 3px solid #8db160 !important;}

#content p {
	font-size: 1.175rem;
	line-height: 2.3125rem;
	font-weight: 400;
}
.ZH #content p {font-weight: 300;}

#section-review .heading-block h4, #section-sd .heading-block h4, 
#section-review p, #section-sd p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

@media (max-width: 992px) {
	#section-review .heading-block h4 { color: #e2984c !important; text-shadow: none;}
	#section-sd .heading-block h4 { color: #8db160 !important; text-shadow: none;}
	#section-review p, #section-sd p {
		color: #333 !important; text-shadow: none;
	}
}

#content p.small {
	line-height: inherit; 
	font-size: 1.125rem;
	font-weight: 400;
}
.ZH #content p.small {font-weight: 300;}

#section-value h4 {margin-bottom: 1rem;}

@media (max-width: 767.98px){

	.title-block h1 + span { font-size: 18px; }

	.title-block h2 + span { font-size: 17px; }

	.title-block h3 + span { font-size: 15px; }

	.title-block h4 + span { font-size: 13px; }

	.heading-block h1 { font-size: 30px; }

	.heading-block h2 { font-size: 26px; }

	.heading-block h3 { font-size: 22px; }

	.heading-block h4 { font-size: 1.75rem; }

	.heading-block h1 + span { font-size: 20px; }

	.heading-block h2 + span { font-size: 18px; }

	.heading-block h3 + span,
	.heading-block h4 + span { font-size: 17px; }

	.emphasis-title h1,
	.emphasis-title h2 { font-size: 44px !important; }

}
@media (max-width: 576px){
	.testi-content br {display: none;}
}
/* ----------------------------------------------------------------
	Download
-----------------------------------------------------------------*/
#Download .heading-block {margin-bottom: 0rem;}
#Download .heading-block::after {border-top: none;}
.HLP .dl-head {background-image: url('../images/download-head-bg-HLP.png'); background-size: 90%; background-position-x: right; background-position-y: 6.5rem; background-repeat: no-repeat;}
.HLG .dl-head {background-image: url('../images/download-head-bg-HLG.png'); background-size: 90%; background-position-x: right; background-position-y: 6.5rem; background-repeat: no-repeat;}
.HLP #section-download {background-image: url('../images/download-side-bg-HLP.png'); background-size: 28%; background-position-x: left; background-position-y: center; background-repeat: no-repeat;}
.HLG #section-download {background-image: url('../images/download-side-bg-HLG.png'); background-size: 28%; background-position-x: left; background-position-y: center; background-repeat: no-repeat;}
#Download .heading-block h4 {font-size: 1.5rem; width: fit-content;}
#Download.ZH .heading-block h4 {letter-spacing: 0.3rem; font-weight: 700;}
#Download .cover-image {margin-bottom: 2rem;}
#Download .cover-image img {width: 100%; height: auto; border: 1px solid #898989;}
button.download-full {
    font-size: 0.9rem;
    font-weight: 500;
    color: #005b89;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    background-image: url(../images/icon-download-HLP.png);
    background-repeat: no-repeat;
    background-position: left 0.75rem;
    padding-left: 1.25rem;
    border: 0px;
}
.HLP button.download-full {background-image: url(../images/icon-download-HLG.png);}


.HLP button.download-full,
.HLP .download-table .download-header h5,
.HLP .download-table .download-header h3,
.HLP .download-table p,
.HLP .download-table a
{color: #005b89;}

.HLG button.download-full,
.HLG .download-table .download-header h5,
.HLG .download-table .download-header h3,
.HLG .download-table p,
.HLG .download-table a
{color: #007060;}

button.download-full:hover {color: #5bc4bf !important;}

.download-table {display: table; width: 100%; margin-top: 0rem; background-color: #ffffff;}
.download-table .download-header, .download-table .download-cell {display: table-row;}
.download-table .download-cell .download-item1, 
.download-table .download-cell .download-item2 {
    display: table-cell;
    border-bottom: 1px solid #ffffff;
    padding: 0 0.75rem;
}
.download-table .download-header .download-title, 
.download-table .download-cell .download-item1 {width: 100%;}
.download-table .download-header .download-size, 
.download-table .download-cell .download-item2 {width: 30%; text-align: right;}
.download-table .download-header .download-title, 
.download-table .download-header .download-size {
    display: table-cell;
    border-bottom: none;
    padding: 0 0.75rem;
    vertical-align: top;
    height: 3rem;
}
.download-table .download-header h5,
.download-table .download-header h3 {color: #005b89; font-size: 1.175rem; margin: 0;}
.ZH .download-table .download-header h5,
.ZH .download-table .download-header h3 {font-weight: 700;}
.download-table p {color: #005b89; margin: 0.25rem 0 !important; width: 100%;}
.download-table p.dot {display: inline-grid; grid-template-columns: min-content auto;}
.download-table a {color: #005b89; display: contents;}
.HLP .download-table a:hover .download-cell {background-color: #e7f6fd;}
.HLG .download-table a:hover .download-cell {background-color: #eef6ea;}
.HLP .download-table a:hover p {color: #00a0d2;}
.HLG .download-table a:hover p {color: #00ad7d;}
.download-table .square-dot {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-grid;
    background-color: #00a0d2;
    margin-right: 0.5rem;
    margin-top: 0.7rem;
}
.HLP .download-table .square-dot {background-color: #00a0d2;}
.HLG .download-table .square-dot {background-color: #00ad7d;}
.HLP .download-table a:hover .square-dot {background-color: #005b89;}
.HLG .download-table a:hover .square-dot {background-color: #007060;}

@media (max-width: 768px) {
	#Download .dl-head {background-image: none;}
	#Download #section-download {background-image: none;}
}
@media (min-width: 768px) {
	#Download .dl-head {background-size: 50%;}
	#Download #section-download {background-position-y: 38%;}
}
@media (min-width: 992px) {
	#Download .dl-head {background-position-x: right; background-position-y: center;}
	#Download .cover-image {padding-right: 4rem;}
	.download-table .square-dot {margin-top: 0.9rem;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
	#Download .dl-head {background-position-x: right; background-position-y: center; background-size: 65%;}
	#Download #section-download {background-position-y: 45%;}
}
@media (min-width: 1500px) {
	#Download #section-download {background-position-y: 52%; background-size: 30%;}
}
@media (min-width: 1800px) {
	#Download #section-download {background-position-y: 62%; background-size: 34%;}
}