body{
	font-family: arial,"Noto Sans","Neue Helvetica","Sans-serif","Microsoft Yahei","微软雅黑","Hiragino Sans","Gulim";
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: arial,"Noto Sans","Neue Helvetica","Sans-serif","Microsoft Yahei","微软雅黑","Hiragino Sans","Gulim";
}

.blueText {	color:#004889;}
.redText {	color:#df3232;}
.loadingIcon{
	background: url(img/loading.gif)no-repeat center center;background-size: 32px;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 1000000
}
.QnASection {
	background-color:#ededed;
	min-height:420px;	
}
.QnASection .row {
	width:100%;
}	
.QnASection .itemCell {
	padding:5.5%;
	min-height:290px;
	width:33.3333%;
}
.QnASection .itemCell.redBg a{
	background-color:#df3232;
	height:100%;
}
.QnASection .itemCell.blueBg a{
	background-color:#004889;
	height:100%;
}
.QnASection .itemCell.greenBg a{
	background-color:#007f89;
	height:100%;
}
.QnASection .itemCell.redBg img, .QnASection .itemCell.blueBg img, .QnASection .itemCell.greenBg img{
	width:160px;
}
.QnASection .animateImage {
	width:100%;
	text-align:center;
	margin:34px 0 ;
}
.QnAContainer .QnATitle {
	width:100%;
	padding:0 2%;
	padding-top:95px;
}
.QnAContainer#QRed .QnATitle .itemCell {
	font-size:54px;
	font-weight:medium;
	color:#df3232;
	padding:0 0 45px 0;	
	border-bottom:solid 2px #eee; 
}
.QnAContainer#QBlue, .QnAContainer#QGreen {
	display:none;
}
.QnAContainer#QBlue .QnATitle .itemCell {
	font-size:54px;
	font-weight:medium;
	color:#004889;
	padding:0 0 45px 0;	
	border-bottom:solid 2px #eee; 
}
.QnAContainer#QGreen .QnATitle .itemCell {
	font-size:54px;
	font-weight:medium;
	color:#007f89;
	padding:0 0 45px 0;	
	border-bottom:solid 2px #eee; 
}
.QnAContainer .QnAQuestion {
	width:100%;
	padding:0 2%;	
}
.QnAContainer .QnAQuestion.btn {
	text-align:left;
}
.QnAContainer .QnAQuestion .itemCell {
	font-size:24px;
	font-weight:lighter;
	color:#333;
	padding:40px 0 35px 0;	
	border-bottom:solid 2px #eee; 
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer {
	font-size:20px;
	font-weight:lighter;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer td {
	font-size:14px;	
	text-align:center;
	padding: 10px 0;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerCell {
	display:inline-flex;		
	font-weight:400;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerCellGroup {
	display:block;		
	width:100%;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerGroupTitle {
	font-size:24px;
	font-weight:bold;
	margin: 0 10px;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerGroupTitle.redText {
	padding-top:20px;
}



#answer1A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1A .answerText {padding-left:20px;}
#answer1B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1B .answerText {padding-left:20px;}
#answer1C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1C .answerText {padding-left:20px;}
#answer1D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1D .answerText {padding-left:20px;}
#answer1E {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1E .answerText {padding-left:20px;}
#answer1F {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer1F .answerText {padding-left:20px;}

#answer2A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2A .answerText {padding-left:20px;}
#answer2B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2B .answerText {padding-left:20px;}
#answer2C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2C .answerText {padding-left:20px;}
#answer2D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2D .answerText {padding-left:20px;}
#answer2E {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2E .answerText {padding-left:20px;}
#answer2F {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer2F .answerText {padding-left:20px;}

#answer4A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4A .answerText {padding-left:20px;}
#answer4B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4B .answerText {padding-left:20px;}
#answer4C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4C .answerText {padding-left:20px;}
#answer4D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4D .answerText {padding-left:20px;}
#answer4E {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4E .answerText {padding-left:20px;}
#answer4F {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer4F .answerText {padding-left:20px;}

#answer5A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer5A .answerText {padding-left:20px;}
#answer5B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer5B .answerText {padding-left:20px;}
#answer5C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer5C .answerText {padding-left:20px;}

#answer6A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6A .answerText {padding-left:20px;}
#answer6B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6B .answerText {padding-left:20px;}
#answer6C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6C .answerText {padding-left:20px;}
#answer6D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6D .answerText {padding-left:20px;}
#answer6E {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6E .answerText {padding-left:20px;}
#answer6F {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer6F .answerText {padding-left:20px;}

#answer7A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer7A .answerText {padding-left:20px;}
#answer7B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer7B .answerText {padding-left:20px;}
#answer7C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer7C .answerText {padding-left:20px;}
#answer7D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer7D .answerText {padding-left:20px;}

#answer9A {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9A .answerText {padding-left:20px;}
#answer9B {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9B .answerText {padding-left:20px;}
#answer9C {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9C .answerText {padding-left:20px;}
#answer9D {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9D .answerText {padding-left:20px;}
#answer9E {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9E .answerText {padding-left:20px;}
#answer9F {width:100%; max-width:170px; margin: 0 10px 0 0;}
#answer9F .answerText {padding-left:20px;}

.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerCell img{
	max-width:100%;
}
.QnAContainer .QnAQuestion .itemCell .itemText {
	display:inline-block;
}
.QnAContainer .QnAQuestion .itemCell .itemArrow {
	display:inline-block;
	float:right;
}
.QnAContainer .QnAQuestion .itemCell .itemAnswer {
	display: block;
    word-wrap:break-word;    
    white-space: normal;
	width:100%;
}

.btnShow { display:inline-block; }
.btnHide { display:none; }
.DivHide, .DivShow {
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
	padding:0 0;		
}
.DivShow {            
    max-height:fit-content;  
	padding:30px 0 20px;		
}

.QnASection .itemTitle {
	padding:20px 0;
	font-size:40px;
	color:#D8592A;	
}

#containerMainHeader {
	z-index:5;
	background-color:rgb(0,0,0,0.8);	
}

#changeLangDiv {
    top: 0;
    right: 0;
}

.fixedPosterBox {
    overflow: hidden;
    height: 560px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
}

.languageChange {font-size:20px !important;}

a:link, .btn-link:link, a:visited, .btn-link:visited, a:hover, .btn-link:hover, a:active, .btn-link:active {
    color: #3e3e3e;
}

button, .btn, a, .btn-link {
    color: #3e3e3e;
    background-color: transparent;
    box-shadow: none!important;
    outline: none!important;
}

.bannerText {
	height:100%;
	min-width:1240px;
	text-align:left;
    margin-left:auto;
    margin-right:auto;	
	display: table;	
}
.bannerText img {
	width:556px;
}

.bannerImage
{
 display: table-cell;
 float: none;
 vertical-align: middle;
}
.bannerRow
{
 height: 100%;
 display: table-row;
}

.maxWidth1240.padding0p75 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.maxWidth1240 {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ready *:not(.tooltip):not(.carousel-item) {
    -webkit-transition: -webkit-transform .3s ease-in-out,width .1s ease,height .1s ease,background-color .3s ease,padding .1s ease,margin .1s ease,opacity .2s ease;
    -o-transition: -o-transform .3s ease-in-out,width .1s ease,height .1s ease,background-color .3s ease,padding .1s ease,margin .1s ease,opacity .2s ease;
    transition: transform .3s ease,-webkit-transform .6s ease-in-out,width .1s ease,height .1s ease,background-color .3s ease,padding .1s ease,margin .1s ease,opacity .2s ease;
}

.desktopAccess .animateImageTrigger:hover .mainImage {
    transform: scale(1.1);
}

.mainImage {
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
}
.w-100 {
    width: 100%!important;
}
.position-absolute {
    position: absolute!important;
}

.animateImage {
    overflow: hidden;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.position-relative {
    position: relative!important;
}
.buttonBorder.current {
    font-weight: bold;
}

.buttonBorder {
    position: relative;
    border-bottom: 3px solid transparent;
    padding: .2rem;
}
.buttonBorder.current::after, .desktopAccess .buttonBorder:hover::after {
    height: 4px;
}
.buttonBorder::after {
    content: ' ';
    height: 0;
    background-color: #D8592A;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mobileOnly {display:none;}


@media (max-width: 1200px){
	.QnASection .itemCell {
		padding:4.5%;
		min-height:100px;
		width:33.3333%;
	}
}


@media (max-width: 1024px) {
	.QnASection {	
		min-height:220px;	
	}	
	
	.QnASection .itemCell {
		padding:3.5%;
		min-height:100px;
		width:33.3333%;
	}
	
}

@media (max-width: 991px) {
	.QnASection {	
		min-height:200px;	
	}		
	.QnASection .animateImage { margin:36px 0; }
	.QnASection .row { padding:0.8rem; }
	.QnASection .itemCell {
		padding:2.5%;
		min-height:100px;
		width:33.3333%;
	}
}

@media(max-width: 768px){	
	
	#topLogoNav .col-8 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width:75%; padding-right: 0px; padding-left: 0px;}		
	
	.QnASection .itemCell.redBg img, .QnASection .itemCell.blueBg img, .QnASection .itemCell.greenBg img{	width:105px;}
	.QnASection {		
		min-height:180px;	
	}
	.QnASection .animateImage { margin:12px 0; }
	.QnASection .row { padding:0.5rem; }
	.QnASection .itemCell {
		padding:1.5%;
		min-height:100px;
		width:33.3333%;
	}	
	.QnAContainer#QRed .QnATitle .itemCell,
	.QnAContainer#QBlue .QnATitle .itemCell,
	.QnAContainer#QGreen .QnATitle .itemCell {
		font-size: 28px;
		padding: 0 0 25px 0;
	}
	.QnAContainer .QnAQuestion .itemCell {
		font-size: 16px;
		padding: 28px 0 25px 0;
		font-weight: 400;
	}
	.QnAContainer .QnAQuestion .itemCell .itemAnswer {
		font-size: 14px;
		font-weight: 400;
	}
	.QnAContainer .QnAQuestion .itemCell .itemAnswer .answerGroupTitle {
		font-size:16px;
		font-weight:bold;
		margin: 0 10px;
	}	
	
	.QnAContainer .QnATitle { padding-top:40px;}
	
	
}
@media(max-width: 420px){
	.btm_logo { margin-right:10px; margin-bottom:10px; width:initial;}
	.btm_hlogo { margin-right:10px; margin-left:10px; margin-bottom:8px; width:initial;}
	#containerMainFooter a {text-align:center;}

	.mobileOnly {display:block;}
}
@media(max-width: 375px){
	
	#answer1A, #answer1B, #answer1C, #answer1D, #answer1E, #answer1F,
	#answer2A, #answer2B, #answer2C, #answer2D, #answer2E, #answer2F
	{	width:100%; margin: 0;	text-align:center;	}
	#answer1A table, #answer1B table, #answer1C table, #answer1D table, #answer1E table, #answer1F table 
	{	width:100%; 	}
	#answer2A table, #answer2B table, #answer2C table, #answer2D table, #answer2E table, #answer2F table 
	{	width:100%; 	}	

	
	#answer2A table {margin-right:10px}
	#answer2C table {margin-right:12px}
	#answer2D table {margin-left:15px}

	#answer1A, #answer1B, #answer1C, #answer1D, #answer1E, #answer1F,
	#answer2A, #answer2B, #answer2C, #answer2D, #answer2E, #answer2F,
	#answer4A, #answer4B, #answer4C, #answer4D, #answer4E, #answer4F,
	#answer5A, #answer5B, #answer5C,
	#answer6A, #answer6B, #answer6C, #answer6D, #answer6E, #answer6F,
	#answer7A, #answer7B, #answer7C, #answer7D,
	#answer9A, #answer9B, #answer9C, #answer9D, #answer9E, #answer9F
	{ max-width:160px; }
	
	.fixedPosterBox {    height: 250px;}
	.bannerText img {	width:220px;}	
}

@media(max-width: 320px){
	.QnASection .itemCell.redBg img, .QnASection .itemCell.blueBg img, .QnASection .itemCell.greenBg img
	{ width:85px; }	
	.QnASection .animateImage { margin:10px 0; }
	.QnASection { min-height:150px; }
}

@media (min-width: 375px){
.fixedPosterBox {    height: 250px;}
.bannerText img {	width:220px; margin-top:45px;}
}
@media (min-width: 414px){
.fixedPosterBox {    height: 280px;}
.bannerText img {	width:260px; margin-top:45px;}

}
@media (min-width: 576px){
.fixedPosterBox {    height: 400px;}
.bannerText img {	width:380px; margin-top:80px;}
}
@media (min-width: 640px) {
.fixedPosterBox {    height: 400px;}
.bannerText img {	width:400px; margin-top:80px;}
}
@media (min-width: 768px) {
.fixedPosterBox {    height: 400px;}
.bannerText img {	width:430px; margin-top:80px;}
}
@media (min-width: 992px) {
.fixedPosterBox {    height: 440px;}
.bannerText img {	width:460px; margin-top:80px;}
}
@media (min-width: 1068px){
.fixedPosterBox {    height: 480px;}
.bannerText img {	width:500px; margin-top:80px;}
}
@media (min-width: 1200px){
.fixedPosterBox {    height: 490px;}
.bannerText img {	width:520px; margin-top:80px;}
}
@media (min-width: 1400px){
.fixedPosterBox {    height: 520px;}
.bannerText img {	width:556px; margin-top:80px;}
}
@media (min-width: 1920px){
.fixedPosterBox {    height: 540px;}
.bannerText img {	width:556px; margin-top:80px;}
}