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

a{transition: 0.4s !important}
a:hover{transition: 0.4s !important}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gurajada', serif;
	margin-bottom: 10px;
	margin-top: 10px;
}

h1 {
	font-size: 250%;
}

h2 {
	font-size: 225%;
}

h3, h4, h5, h6 {
	font-size: 200%;
	color: #373737;
	margin-bottom: 0px;
    margin-top: 0px;
}

h4 {
    color: #02557b;
    margin-bottom: 0px;
    margin-top: 0px;
}

.logo {font-size: 500%; 
	color:#ffffff; 
	margin-bottom: -15px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;}
.logo-sub {font-size: 250%; color:#ffffff; margin: 0; letter-spacing: 3px;}

p {font-family: 'Noto Serif TC', serif;}

.blue-text {color:#07628C;}

.box-top-text {
    font-size: 250%;
    font-family: 'Gurajada', serif;
    color: #373737;
    margin-bottom: 0px;
    margin-top: 0px;
}


.box-bottom-text {
    font-size: 200%;
    font-family: 'Gurajada', serif;
    color: #02557b;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: 3px;
}

.line {
border-top: 2px solid #555;
border-bottom: 2px solid #555;
    border-left: 0;
    border-right: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
margin-top: -5px;
}

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 /* unvisited link */
a:link {
  color: #02557b;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: #02557b;
}

/* mouse over link */
a:hover {
  color: #0675a8;
}

/* selected link */
a:active {
  color: #02557b;
} 

.footer {font-size: 14px;}

 /* unvisited link */
.footer a:link {
  color: #FFFFFF;
  text-decoration: none;
}

/* visited link */
.footer a:visited {
  color: #FFFFFF;
}

/* mouse over link */
.footer a:hover {
  color: #0675A8;
}

/* selected link */
.footer a:active {
  color: #FFFFFF;
} 


.container {
  position: relative;
  text-align: center;
  color: white;
  font-family: 'Gurajada', serif;
  font-size: 40px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p7LBM-1-style-3-sub {
background-color:#DFDFDF;
}
.p7LBM-1-style-4 {
min-height: 64.9vh;
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.logo {font-size: 350%;}
}



.p7LBM-1-style-4 li{
	font-family: 'Noto Serif TC', serif;
}