body,
html {
	line-height: 1;
	height: 100%;
	width: 100%; 
	/*background-image: url("images/FinalKV-300.png");*/
	background-position: center;
	background-repeat: repeat;
	background-size: cover;
	/* min-height: 1000px; */
}

.h4{
	font-family: 'Noto Sans TC', sans-serif;
}

.container-fluid{
	Position:relative;
	min-height: 100vh;
	/*background-image: url("images/FinalKV-100.png");*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*text-align: center;*/
	background-color: #ffffff;
}

 /* Header*/ 
.header {
	position: sticky;
	position: -webkit-sticky;
	top: 0; /* required */
	z-index: 5;
	background-color: #ffffff;
}

.header .bannerImage {
    height: 30px;
    margin: 0px 0px 0px 0px;
}

.header .logoImage {
    width: 45%;
    margin: 0px 0px 20px 5%;

}

.title {
    Position:relative;
    margin: 20px 0px 15px 0px;
    text-align: center;
}
.titleImage {
    width: 45%;
    text-align: center;
}

/* Content */

.content {
    Position:relative;
    text-align: left;
    padding-bottom:30px;   /* Height of the footer */
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
}

.textcenter{
	text-align: center;
}
.textleft{
	text-align: left;
}

/* Button */

.mainicon {
	width: 45%;
	padding-top:15px;
}

.backicon{
  text-align: center;
  width: 40%;
  padding-top:15px;
  padding-bottom: 30px;
}

.buttonicon{
	text-align: center;
}

/* Footer */

.footer {
	Position:absolute;
	height:30px;   /* Height of the footer */
	bottom:0;
	width: 100%;
}

.footer .licenseImg{
    Position:absolute;
    bottom:0px;
}

.footer .footerimg{
    Position:absolute;
    bottom:0px;
}

.footer .footerimgC {
    position: absolute;
    top: 0%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -100%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
}


@media only screen and (min-width: 1025px) {
    .container-fluid {
      max-width: 500px;
      margin: 0 auto;
	}
}
@media only screen and (min-aspect-ratio: 1/2) {