#mainLayout{
	background-image: url("../LOGO/gkwlogo.png");
	max-width:1500px;
	margin:0 auto;
	background-attachment:fixed
}

@font-face {
	font-family:font2;
	src: url(https://www.socpk.com/fonts/Manrope-Medium.ttf);
	
}

.data{
	border-collapse: collapse;
	text-align:center;
	width:90%;
}

.socName{
	width:250px;
	text-align:right;
	color:#BBBBBB;
	font-family:font2;
}

.logo{
	width:50px;
}

.logo img{
	width:55px;
	padding:0 8px;
	vertical-align:middle;
}


.ratioBar {
    width: 100%;
    /*height: 18px;*/
    /* background: black; */
}

.ratio {
    height: inherit;
	position:relative;
    border-radius: 0 20px 20px 0;
    background: #37916C;
	animation-name: barAnmi;
	animation-duration: 1s;
	transition-timing-function: ease-in;
	transition:0.4s;
	text-align:right;
		font-family:font2;

}

.ratio2 {
    height: inherit;
    border-radius: 0 20px 20px 0;
    background: #75CBA8;
	animation-name: barAnmi;
	animation-duration: 1s;
	transition-timing-function: ease-in;
	transition:0.4s;
	text-align:right;	
		font-family:font2;

}

.downBtn{
	text-decoration:none;
	color:white;
	border: 2px solid white; 
	cursor:pointer;
	/*background:#17E8E0;*/
	padding:6px 2%;	
	margin:0 2%;
	border-radius:120px; 
	font-weight: bold;
		}
        	
.downBtn:hover{
	background:#75CBA8;
}

#btn1:hover{
	background:#75CBA8;
	/*color: black;*/
}
#btn2:hover{
	background:#37916C;
}
/*#btn3:hover{*/
/*	background:#FF5E23;*/
/*}*/
/*#btn4:hover{*/
/*	background:#FB9D1A;*/
/*}*/
/*#btn5:hover{*/
/*	background:#E50C0C;*/
/*}*/
/*#btn6:hover{*/
/*	background:#00BDFF;*/
/*}*/



.ratioBar a{
    position:absolute;
	padding-left:0.2%;
	color:white;	
	/*font-size:10px;*/
}



@keyframes barAnmi{
	0%   {width: 0%}
}

#caption{
	text-align:center;
	letter-spacing: 3px;
	font-size:60px;
	margin-top:50px;
	color:#75CBA8;
	font-weight: bold;
} 

#notice{
	text-align:center;
	margin:-40px 0 20px 0;
	color:#C1C1C1;
} 



.info{
	/* position:absolute; */
	width:200px;
	display: block;
	margin:100px auto 0 auto;
}

#author{
	/* position:absolute; */
	color:#666666;
	display: block;
	text-align:center;
	margin-bottom:100px;
	font-size:16px;
	width:200px;
}

.ratioLine{
	height:0px;
	background:black;
	position:inherit;
	font-family:font2;
}


.ratioLineHeight{
	width:1px;
	background:#444444;
	position:parent;
	font-size: 20px;

	margin-left:100%;
	color:#BBBBBB;
}


.floatBtn{
	position: fixed;	      
    bottom: 5%;		
    right: 5%;	

}