/* Project : TBK-Foundation Page
   Author: JohnnyCeL
   Created: 7 Nov 2020
   Description: Master CSS file
*/

/*****************************************

/*****************************************
Table Of Contents:

01 ) General Style
02 ) Door Animation & Style
03 ) Main Logo Section
04 ) Navbar Section
05 ) Section 1
06 ）Section 4
07 ）Section 5
08 ）Section 6
09 ）Section 7

******************************************/

/******************************/
/*     01. General Styles     */
/******************************/

body,
html {
    width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.main-container {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

/* Project : TBK-Foundation Page
   Author: JohnnyCeL
   Created: 7 Nov 2020
   Description: Master CSS file
*/

/*****************************************

/*****************************************
Table Of Contents:

01 ) General Style
02 ) Title Section (Section 1)
03 ) Section 1
******************************************/

/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
	width: 100%;
	height: 100%;
}

body {
	background-image: url('../images/bg_body_main.png');
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-size: 100vw 100vw;
	background-position: center center;
	background-repeat: repeat-y;
}

body a {
	color: inherit; /* blue colors for links too */
	text-decoration: none; /* no underline */
}

body a:hover {
	color: black;
	text-decoration: none; /* no underline */
}

.text-adjustment {
	text-align: left !important;
}

.en-sub-title-font {
	text-align: center;
	font-size: 2.5vw;
}

.en-para-font {
	display: flex;
	justify-content: center;
	font-size: 1.5vw;
}

/*************************************/
/*     02. Page Title Section       */
/***********************************/

.page-title {
	margin-top: 1%;
	margin-left: 0.02%;
}


	.page-title .page-title-text {
		font-size: 2.2vw;
		/*font-family: dahei3;*/
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}

	.page-title .page-title-font-specific-color-text {
		color: darkblue;
		font-size: 2.2vw;
		/*font-family: dahei3;*/
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}

	.page-title .page-title-text-en {
		font-size: 1.5vw !important;
		/*font-family: dahei3;*/
	}

	.page-title .page-title-font-specific-color-text-en {
		color: darkblue !important;
		font-size: 1.5vw !important;
		/*font-family: dahei3;*/
	}

@media only screen and (max-width: 600px) {
	.page-title .page-title-text {
		font-size: 3vw;
		/*font-family: dahei3;*/
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}
}

@media only screen and (max-width: 600px) {
	.page-title .page-title-font-specific-color-text {
		color: darkblue;
		font-size: 3vw;
		/*font-family: dahei3;*/
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}
}


/*************************************/
/*          03. Section 1           */
/***********************************/

.section-1 .image-1-section1-news-1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	width: 62%;
}

.section-1 .image-1-section1-news-2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	width: 30%;
	max-height: 70%;
}

@media only screen and (max-width: 600px) {
	.section-1 .image-1-section1-news-2 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3%;
		width: 100%;
	}
}

.section-1 .image-1-section1-news-3 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	width: 35%;
}


@media only screen and (max-width: 600px) {
	.section-1 .image-1-section1-news-3 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3%;
		width: 60%;
	}

}

.paragraph-text {
    display: flex;
    justify-content: center;
    font-size: 2.2vw;
    font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
}

@media only screen and (max-width: 600px) {
	.paragraph-text {
		display: flex;
		justify-content: center;
		font-size: 3.0vw;
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}
}

.title-text {
	color: darkblue;
}

.form-title {
    font-size: 2.0vw;
    font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
}

@media only screen and (max-width: 600px) {
	.form-title {
		font-size: 3.0vw;
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}
}

.download-form-link {
    font-size: 2.0vw;
    color: darkblue;
    font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
}

@media only screen and (max-width: 600px) {
	.download-form-link {
		font-size: 3.0vw;
		color: darkblue;
		font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
	}
}

.download-form-link:hover {
	color: dodgerblue;
}