/* 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 ) Logo Section
04 ) Section 1
05 ) Section 2
06 ) Section 3

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

/******************************/
/*     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-font {
    font-family: Helvetica, sans-serif !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. Logo Section             */
/***********************************/

.logo-section .logo-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    width: 30%;
}

/*************************************/
/*     04. Section 1                */
/***********************************/

.section-1 {
    margin-bottom: 1%;
}

.section-1-paragraph {
    margin-bottom: 2%;
}

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

.section-1-row-1 .image-1-section1 {
    display: block;
    margin-left: auto;
    width: 70%;
    height: 100%;
}

.section-1-row-1 .image-2-section1 {
    display: block;
    margin-right: auto;
    width: 70%;
    height: 100%;
}

@media only screen and (max-width: 600px) {
    .section-1-row-1 .img-1-padding-section-1 {
        padding-right: 1%;
    }
}

@media only screen and (max-width: 600px) {
    .section-1-row-1 .img-2-padding-section-1 {
        padding-left: 1%;
    }
}

.section-1-paragraph-text-sub-title {
    text-align: center;
    font-size: 3vw;
    font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
}

.section-1-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) {
    .section-1-paragraph-text-sub-title {
        text-align: center;
        font-size: 4.2vw;
        font-family: Georgia, "Times New Roman", "KaiTi", "??", STKaiti, "????", serif;
    }
}

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

/* Bottom Spacing */

.bottom-spacing {
    padding-bottom: 3%;
}