@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'chinese-base';
  font-weight: normal;
  src: url("../../fonts/Noto-Sans-Regular.woff");
	font-display: swap;
}

/* CONTENT CONTAINER --START-- */
#content-grid {
	display:block; position: relative;
	margin:0px 12px;
	background-color:white;
}

.grid1 {
	display:block!important;	
  background-color:white;
	box-shadow: none!important;
	padding: 0px!important;
}
.emph-text2 {
  font-style: italic;
}
.hidden-br {
	display:none;
}
/* CONTENT CONTAINER --END-- */




/* PARALLAX SECTION --START-- */
.section {
  position: absolute; width: 100%;
  overflow: hidden; clip: rect(0, auto, auto, 0);
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.4);
  margin:-50px auto 0px!important;
  border-top:solid white 4px; border-bottom:solid white 4px;
	z-index:20;
}
.section .fixed {
  overflow: hidden; width: 85%;
	padding-left:78px!important;
	position: fixed; left: 50%; top: 50%;
  -webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}

.inside-fixed p, h1, h2, ul {
	display:block;
	letter-spacing: 1px; font-family: 'chinese-base';
	-webkit-hyphens: auto!important;
  -ms-hyphens: auto!important;
  hyphens: auto!important;
	word-wrap: break-word;
  overflow-wrap: break-word;
}
.inside-fixed p+p {
	margin:0px;
}

.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:22pt; line-height: 1.5;
}
.find-out {
	display:block; width: 180px;
	padding:2px 5px;
	text-decoration: none; font-size:18pt;
	text-align: center; font-family: 'parallax-text';
	letter-spacing: 1px; font-weight: bold;
}

/*   SLIDE(1)  */
.section:nth-child(1) {
  background-color: white;
  top: 0vh; height: 100vh;
  z-index: 1;
}
.section:nth-child(1) .fixed {
  transform: translate(-50%, -50%);
}
.inside-fixed-01 {
	display:flex; justify-content:center; align-items:center; align-content: center;
	flex-direction: column;
	height:100%; width:100%;
	padding:0; margin:0px;
}

/* Welcome to... */
.inside-fixed-01 h1 {
	font-size:34pt; line-height: 0; text-align: center;
	margin:5% 0 0 0;
	order:1;
}

/* LOGO + INTRO */
.flex_01-1 {
	display:flex; flex-direction: row; flex-wrap:wrap; 
	justify-content:center; align-items:center; align-content: center;
	margin:30px 0 0 0;
	order:2;
}
.flex_01-1 .logo-intro {
	display:block; width:40%;
}
.flex_01-1 h2 {
	display:block;
	font-size:26pt; line-height: 1.25; text-align: center;
	margin:auto 0px auto 3%;
}

/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
    position: relative;
    color: black; background-color: LAVENDER;
    padding: 5px 25px; margin: 35px auto 0px;
    align-self: center;
    border-top: solid 2px DARKSLATEGRAY; border-bottom: solid 2px DARKSLATEGRAY;
		order:3;
}
.inside-fixed-01 .blockquote h1 {
    position: relative;
    font-size: 18pt; line-height: 1.25;
		color: black; text-align: left;
    margin: 0;
}
.inside-fixed-01 .emph-text-over {
	text-transform: lowercase; font-size: 16.5pt;
	color:DARKSLATEGRAY;
}
.inside-fixed-01 .blockquote:before {
    position: absolute;
    content: "“";
		font-size: 8rem; color: DARKSLATEGRAY;
    line-height: 0; font-family: serif;
    top: 17px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
    position: absolute;
    content: "”";
		font-size: 8rem; color: DARKSLATEGRAY;
    line-height: 0; font-family: serif;
    bottom: -35px; right: 10px;
}

/*text - bottom*/
.inside-fixed-01 p {
	font-size:16pt; line-height: 1.25; text-align: center;
	font-weight: bold;
	color: black;
	margin:3% auto 0px;
	order:4;
}

/*   SLIDE(2)  */
.section:nth-child(2) {
  background-color: orangered;
  top: 100vh; height: 100vh;
  z-index: 2;
} 
.section:nth-child(2) .fixed {
  transform: translate(-50%, -50%);
}
.inside-fixed-02 {
	display:flex; flex-direction: column; flex-wrap: wrap;
	justify-content:center; align-items:center;
	height:100%; width:100%;
	padding:0; margin:0px;
}
.inside-fixed-02-1 {
	display:flex; justify-content:center; align-items:center;
}
.inside-fixed-02-1 img {
	display:block; width:80%;
  margin:0px auto; padding: 0px;
}

.inside-fixed-02-2 {
	display:flex; justify-content:center; align-items:center;
	margin:20px auto 0; padding:4px 12px;
	text-align: justify;
	border-right:solid 3px white; border-left:solid 3px white;
}

.inside-fixed-02 p {
	color: white;
}

/*   SLIDE(3)  */
.section:nth-child(3) {
  background-color: grey;
  top: 200vh; height: 100vh;
  z-index: 3;
}.section:nth-child(3) .fixed {
  transform: translate(-50%, -50%);
}

.inside-fixed-03 {
	display:flex; flex-direction: row; flex-wrap: wrap;
	justify-content:center; align-items:center;
	height:100%; width:100%;
	padding:0; margin:0px auto;
}
.inside-fixed-03-1 {
	display:block; width:100%;
	border-left:solid 3px white;
	margin:0px; padding:4px 12px;
	order: 1;
}
.inside-fixed-03-2 {
	order: 2;
}
.inside-fixed-03-2 img {
	display:block; width:80%;
  margin:0px auto; padding: 0px;
}

.inside-fixed-03 p {
	color: white; text-align: left;
}

.inside-fixed-03 .find-out {
	color: gray; background-color: white;
	margin: 7px auto 7px -13px;
	border-radius:0 14px 14px 0; border:thin solid white;
} .inside-fixed-03 .find-out:hover {
	color:white; background-color: gray;
}

/*   SLIDE(4)  */
.section:nth-child(4) {
  background-color: palevioletred;
  top: 300vh; height: 100vh;
  z-index: 4;
}.section:nth-child(4) .fixed {
  transform: translate(-50%, -50%);
}

.inside-fixed-04 {
	display:flex; flex-direction: row; flex-wrap: wrap;
	justify-content:center; align-items:center; align-content: center;
	height:100%; width:100%;
	padding:0; margin:0px;
}
.inside-fixed-04-1 {
	order: 1;
}
.inside-fixed-04-2 {
	display:block; width:60%;
	margin:0px; padding:4px 12px;
	border-right:solid 3px white;
	order: 2;
}
.inside-fixed-04 img {
	display:block; width:65%;
	margin:0px auto; padding: 0px;
}
.inside-fixed-04 p {
	color: white; text-align: right;
}

.inside-fixed-04 .find-out {
	color: palevioletred; background-color: white;
	margin: 7px -13px 7px auto; 
	border-radius:14px 0 0 14px; border:thin solid white;
} .inside-fixed-04 .find-out:hover {
	color:white; background-color: palevioletred;
}


/*   SLIDE(5)  */
.section:nth-child(5) {
  background-color: gold;
  top: 400vh; height: 100vh;
  z-index: 5;
}.section:nth-child(5) .fixed {
  transform: translate(-50%, -50%);
}
.inside-fixed-05 {
	display:flex; flex-direction: column; flex-wrap: wrap;
	justify-content:center; align-items:center; align-items: center;
	height:100%; width:100%;
	padding:0; margin:0px;
}
.inside-fixed-05-1 {
	 display:block;
	 order:1;
}
.inside-fixed-05-1 img {
  display:block; width:75%; 
	margin:0px auto; padding: 0px;
}

.inside-fixed-05-2 {
	display:block; width:100%;
	border-left:solid 3px black; border-right:solid 3px black;
	padding:4px 12px; margin:20px auto 0px;
	order:2;
}
.inside-fixed-05-2 p {
	color: black; text-align: center;
}

/*   SLIDE(6)  */
.section:nth-child(6) {
  background-color: lightseagreen;
  top: 500vh; height: 100vh;
  z-index: 6;
}.section:nth-child(6) .fixed {
  transform: translate(-50%, -50%);
}
.inside-fixed-06 {
	display:flex; flex-direction: row; flex-wrap: wrap;
	justify-content:center; align-items:center; align-items: center;
	height:100%; width:100%;
	padding:0; margin:0px;
}

.inside-fixed-06-1 {
	display:block;
	order:2;
}
.inside-fixed-06-1 img {
  display:block; width:50%; 
	margin: 0px auto 0px 10px; padding: 0px;
}

.inside-fixed-06-2 {
	display:block; width:50%; 
	border-left:solid 3px white;
	padding:4px 12px; margin: 0px;
	order:1;
}
.inside-fixed-06 p {
	color: white; text-align: left;
}
.inside-fixed-06 .find-out {
	color: lightseagreen; background-color: white;
	margin: 7px auto 7px -13px;
	border-radius:0 14px 14px 0; border:thin solid white;
} .inside-fixed-06 .find-out:hover {
	color:white; background-color: lightseagreen;
}

/* SLIDESHOW CONTAINER FULL-SIZE --END-- */



@media screen and (max-width : 1250px ){
.find-out {
	font-size:16pt;
}
.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:21pt; line-height: 1.4;
}

/*  SLIDE(1x1250)  */

/* Welcome to... */
.inside-fixed-01 h1 {
	font-size:32pt;
	margin:5% 0 0 0;
}

/* LOGO + INTRO */
.flex_01-1 h2 {
	font-size:25pt; line-height: 1.1;
	margin:auto 0px auto 3%;
}
/*text - bottom*/
.inside-fixed-01 p {
	font-size:15pt; line-height: 1.25;
	margin:4% auto 0px;
}
/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote h1 {
    font-size: 17pt; line-height: 1.25;
}
.inside-fixed-01 .emph-text-over {
	font-size: 16pt;
}

/*  SLIDE(2x1250)  */
.inside-fixed-02-1 img {
	width:65%;
}
.inside-fixed-02-2 {
	margin:10px auto 0;
}
.inside-fixed-03-2 img {
	width:70%;
}
.inside-fixed-04-1 {
	margin:0px auto 0px 0px;
	order:2;
}
.inside-fixed-04-2 {
	width:80%;
	order: 1;
}
.inside-fixed-04 img {
	width:60%;
}
.inside-fixed-05-1 img {
  width:65%;
}
.inside-fixed-06-1 {
	margin:0px 0px 0px auto;
}
.inside-fixed-06-1 img {
  width:55%;
	margin: 0px auto;
}
}

@media screen and (max-width : 1100px ){
.header-lng {
	margin: 0px auto 10px auto!important;
}
.section {
  margin:0px auto 0px!important;
}
.section .fixed {
	top: 45%;
}
.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:20pt; line-height: 1.4;
}

/*  SLIDE(1x1100)  */
.section:nth-child(1) .fixed {
  top: 35%;
	transform: translate(-50%, -50%);
}

/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 25px; margin: 35px auto 0px;
}

/*text - bottom*/
.inside-fixed-01 p {
	order:1;
	margin:5% auto 0px;
}

/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:32pt;
	margin:10% 0 0 0;
}

/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	margin:6% 0 0 0;
}
.flex_01-1 .logo-intro {
	display:block; width:50%;
}
.flex_01-1 h2 {
	font-size:23pt; line-height: 1.1;
	margin:auto 0px auto 3%;
}
}



@media screen and (max-width : 975px ){
#content-grid {
	margin:0px 8px;
}
.section {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.3);
}
.section .fixed {
	left: 50%; top: 47%;
}

.inside-fixed p, ul, h1, h2 {
	letter-spacing: 0.5px;
}
.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:19pt; line-height: 1.35;
}
.find-out {
	text-decoration: none; font-size:17pt;

}


/*  SLIDE(1x975)  */
.section:nth-child(1) .fixed {
  top: 45%;
	transform: translate(-50%, -50%);
}

/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 25px; margin: 25px auto 0px;
}
.inside-fixed-01 .blockquote h1 {
    font-size: 16pt; line-height: 1.25;
}
.inside-fixed-01 .emph-text-over {
	font-size: 16pt;
}
.inside-fixed-01 .blockquote:before {
		font-size: 6rem;
    top: 14px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
		font-size: 6rem;
    bottom: -29px; right: 10px;
}

/*text - bottom*/
.inside-fixed-01 p {
	font-size:15pt; line-height: 1.2;
	order:1;
	margin:0% auto 0px;
}
/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:30pt;
	margin:7% 0 0 0;
}
/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	margin:7% 0 0 0;
}
.flex_01-1 .logo-intro {
	display:block; width:40%;
}
.flex_01-1 h2 {
	font-size:21pt; line-height: 1.1;
	margin:auto 0px auto 2%;
}

/*  SLIDE(2x975)  */
.inside-fixed-02-1 img {
	width:65%;
}
.inside-fixed-02-2 {
	margin:10px auto 0px;
}
.inside-fixed-03-2 img {
	width:65%;
}
.inside-fixed-04-1 {
	margin:0px auto;
	order:1;
}
.inside-fixed-04-2 {
	width:100%;
	order: 2;
}
.inside-fixed-04 img {
	width:55%;
}
.inside-fixed-05-1 img {
  width:65%;
}
.inside-fixed-05-2 p {
	text-align: justify;
}
.inside-fixed-06-1 {
	margin:0px 0px 0px auto;
}
.inside-fixed-06-2 {
	width:100%; 
	order:1;
}
.inside-fixed-06-1 img {
  width:55%;
}
}


@media screen and (max-width : 850px ){

/*  SLIDE(1x850)  */
/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 25px; margin: 25px auto 0px;
}
.inside-fixed-01 .blockquote h1 {
    font-size: 15pt; line-height: 1.25;
}
.inside-fixed-01 .emph-text-over {
	font-size: 16pt;
}
.inside-fixed-01 .blockquote:before {
		font-size: 6rem;
    top: 14px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
		font-size: 6rem;
    bottom: -29px; right: 10px;
}
/*text - bottom*/
.inside-fixed-01 p {
	font-size:15pt; line-height: 1.2;
	order:1;
	margin:0% auto 0px;
}
/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:30pt;
	margin:6% 0 0 0;
}
/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	display:flex; flex-direction: column; flex-wrap:wrap; 
	justify-content:center; align-items:center; align-content: center;
	margin:5% 0 0 0;
}
.flex_01-1 .logo-intro {
	display:block; width:50%;
}
.flex_01-1 h2 {
	font-size:19pt; line-height: 1.25;
	margin:10px auto 0px;
}
}



@media screen and (max-width : 690px ){

#content-grid {
	margin:0px;
}
.section {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.2);
  margin:0px auto 0px!important;
  border-top:solid white 3px; border-bottom:solid white 3px;
}
.section .fixed {
  overflow: hidden; width: 90%;
	padding-left:0px!important;
	position: fixed; left: 50%; top: 46%;
  -webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}

.inside-fixed p, ul, h1, h2 {
	letter-spacing: 0.25px;
}

.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:18pt; line-height: 1.35;
}
.find-out {
	font-size:16pt;
}

/*  SLIDE(1x690)  */
/*text - bottom*/
.inside-fixed-01 p {
	font-size:14pt; line-height: 1.2;
}
/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 20px; margin: 25px auto 0px;
}
.inside-fixed-01 .blockquote h1 {
    font-size: 14pt; line-height: 1.35;
}
.inside-fixed-01 .emph-text-over {
	font-size: 15pt;
}
.inside-fixed-01 .blockquote:before {
		font-size: 6rem;
    top: 14px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
		font-size: 6rem;
    bottom: -29px; right: 10px;
}

/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:28pt;
	margin:6% 0 0 0;
}
/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	display:flex; flex-direction: column; flex-wrap:wrap; 
	justify-content:center; align-items:center; align-content: center;
	margin:5% 0 0 0;
}
.flex_01-1 h2 {
	font-size:18pt; line-height: 1.1;
	margin:10px auto 0px;
}


/*  SLIDE(2x690)  */
.inside-fixed-02-1 img {
	width:85%;
}
.inside-fixed-02-2 {
	margin:20px auto 0px;
}
.inside-fixed-03-2 img {
	width:75%;
}
.inside-fixed-04-2 {
	margin:10px auto 0px;
	width:100%;
	order: 2;
}
.inside-fixed-04 img {
	width:65%;
}
.inside-fixed-05-1 img {
  width:75%;
}
.inside-fixed-06-1 {
	margin: 0px auto;
}
e-fixed-06-1 img {
  width:60%; margin: 0px auto;
}
}


@media screen and (max-width : 550px ){
.inside-fixed p, ul, h1, h2 {
	letter-spacing: 0.25px;
}
.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:17pt; line-height: 1.25;
}
.find-out {
	font-size:15pt;
}

/*   SLIDE(1x550)  */
.inside-fixed-01 p {
	font-size:14pt; line-height: 1.35;
}
/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 20px; margin: 20px auto 0px;
}
.inside-fixed-01 .blockquote h1 {
    font-size: 14pt; line-height: 1.25;
}
.inside-fixed-01 .emph-text-over {
	font-size: 15pt;
}
.inside-fixed-01 .blockquote:before {
		font-size: 5rem;
    top: 11px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
		font-size: 5rem;
    bottom: -25px; right: 10px;
}
/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:28pt;
	margin:7% 0 0 0;
}
/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	display:flex; flex-direction: column; flex-wrap:wrap; 
	justify-content:center; align-items:center; align-content: center;
	margin:5% 0 0 0;
}
.flex_01-1 .logo-intro {
	display:block; width:60%;
}
.flex_01-1 h2 {
	font-size:17pt; line-height: 1.25;
	margin:10px auto 0px;
}

/*   SLIDE(2x550)  */
.inside-fixed-02-1 img {
	width:90%;
}
.inside-fixed-03-2 img {
	width:70%;
}
.inside-fixed-04 img {
	width:50%;
}
.inside-fixed-05-1 img {
  width:80%;
}
.inside-fixed-06-1 img {
  width:50%;
}
}


@media screen and (max-width : 450px ){

.section .fixed {
  overflow: hidden; width: 90%;
	padding-left:0px!important;
	position: fixed; left: 50%; top: 48%;
  -webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}
.inside-fixed-02 p, .inside-fixed-03 p, .inside-fixed-04 p, .inside-fixed-05 p, .inside-fixed-06 p {
	font-size:15pt; line-height: 1.3;
}
.find-out {
	font-size:14pt;
}

/*   SLIDE(1x450)  */
.inside-fixed-01 p {
	font-size:13pt; line-height: 1.35;
}
/*BLOCKQUOTE div*/
.inside-fixed-01 .blockquote {
	order:2;
 	padding: 5px 15px; margin: 25px auto 0px;
}
.inside-fixed-01 .blockquote h1 {
    font-size: 13pt; line-height: 1.25;
}
.inside-fixed-01 .emph-text-over {
	font-size: 13.5pt;
}
.inside-fixed-01 .blockquote:before {
		font-size: 5rem;
    top: 11px; left: 10px;
}
.inside-fixed-01 .blockquote:after {
		font-size: 5rem;
    bottom: -25px; right: 10px;
}
/* Welcome to... */
.inside-fixed-01 h1 {
	order:3;
	font-size:25pt;
	margin:12% 0 0 0;
}
/* LOGO + INTRO */
.flex_01-1 {
	order:4;
	margin:8% 0 0 0;
}
.flex_01-1 .logo-intro {
	display:block; width:75%;
}
.flex_01-1 h2 {
	font-size:17pt; line-height: 1.35;
	margin:14px auto 0px;
}


}