.head {
	position:fix;
  margin:0;
  padding:0;
/*	height:100vh; */
	width: 100vw;
/*	background-color: black; */
	color: white;
	text-align:center;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url(../img/tkp_head.png);
	overflow: hidden;
}
.head::-webkit-scrollbar {
   display: none;
}


.desc {
	width:90vw;
	left:4vw;
	color:black;
	background-size: cover; 
	background-position: center; 
	background-image: url(../img/ai_bg.png);
	padding: 0.5vh;
	text-align:left;
	overflow: hidden;

    border-width: 0vh;
    border-radius:1vh;
    -moz-border-radius:1vh;
    -webkit-border-radius:1vh;
}
.desc img {
	height:8vh;
	margin:0.5vh;
	float:left;
    border-radius:0.8vh;
    -moz-border-radius:0.8vh;
    -webkit-border-radius:0.8vh;
}

.desc2 {
	width:90vw;
	left:4vw;
	color:black;
	background-size: cover; 
	background-position: center; 
	background-image: url(../img/ai_bg.png);
	padding: 0.5vh;
	text-align:left;
	overflow: hidden;

    border-width: 0vh;
    border-radius:1vh;
    -moz-border-radius:1vh;
    -webkit-border-radius:1vh;
}
.desc2 img {
	height:8vh;
	margin:0.5vh;
	/* float:left; */
	display: block;
    border-radius:0.8vh;
    -moz-border-radius:0.8vh;
    -webkit-border-radius:0.8vh;
}


.con1 {
	position:relative;
	visibility:hidden;
	width:90vw;
	left:4vw;
	color:black;
	background-size: cover; 
	background-position: center; 
	background-color: white;
	padding: 0.5vh;
	text-align:left;
	overflow: hidden;

    border-width: 0.25vh;
    border-style: outset; /* solid; */
    border-color: gainsboro silver silver gainsboro;/* gray; */
    cursor:pointer;
    border-radius:1.2vh;
    -moz-border-radius:1.2vh;
    -webkit-border-radius:1.2vh;
}
.con1 img {
	height:8vh;
	float:left;
}


.con2 {
	position:relative;
	visibility:hidden;
	width:90vw;
	left:4vw;
	color:black;
	overflow:hidden;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center; 
/*	background-color: black; */
	background-image: url(../img/ai_bg.png);
	padding: 0.5vh;
	text-align:left;
	overflow: hidden;

    border-width: 0.25vh;
    border-style: outset; /* solid; */
    border-color: gainsboro silver silver gainsboro;/* gray; */
    cursor:pointer;
    border-radius:1.2vh;
    -moz-border-radius:1.2vh;
    -webkit-border-radius:1.2vh;
}
.con2::-webkit-scrollbar {
   display: none;
}
.con2 img {
	height:8vh;
	float:left;
}

.con3 {
	position:relative;
	visibility:hidden;
	width:90vw;
	left:4vw;
	color:black;
	background-size: cover; 
	background-position: center; 
	background-color: white;
	padding: 0.5vh;
	text-align:left;
	overflow: hidden;

    border-width: 0.2vh;
    border-style: solid;
    border-color: gainsboro silver silver gainsboro;/* gray; */
/*    cursor:pointer; */
    border-radius:1vh;
    -moz-border-radius:1vh;
    -webkit-border-radius:1vh;
}
.con3 img {
	height:10vh;
	float:left;
}

.con4 {
	position:relative;
	visibility:hidden;
	width:89vw;
	left:4vw;
	color:black;
	overflow:hidden;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center; 
/*	background-color: black; */
	background-image: url(../img/ai_bg.png);
	padding: 1vh;
	text-align:left;
	overflow: hidden;

    border-width: 0.25vh;
    border-style: outset; /* solid; */
    border-color: gainsboro silver silver gainsboro;/* gray; */
    cursor:pointer;
    border-radius:1.2vh;
    -moz-border-radius:1.2vh;
    -webkit-border-radius:1.2vh;

}
.con4 img {
	height:2.8vh;
	float:left;
}