body {background-color: white;}

.cl_Main {
position: absolute;
top:6%;
width:70%;
height:35.5%;
left:50%;
margin-left:-35%;
background-color:white;
z-index:101;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
}

.sp_Tit {
background-color: ;
position: absolute;
top:0%;
width:100%;
left:50%;
margin-left:-50%;
height:5%;
text-align:center;
font-family:calibri;
font-size:50px;
color:black;
font-weight: bold;
}


.sp_dt {
position: absolute;
top:33%;
width:100%;
height:5%;
text-align:center;
font-family:calibri;
font-size:22px;
color:black;
}


.sp_show_Impre {
position: absolute;
top:93%;
width:100%;
height:5%;
text-align:center;
font-family:calibri;
font-size:18px;
color:black;
}

.cl_href {
color:black;
font-weight: bold;
text-decoration: none;
}



.cl_div_Impre {
position: absolute;
top:42%;
width:60%;
height:55%;
left:50%;
margin-left:-30%;
background-color:white;
z-index:102;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
overflow: auto;
}



.sp_Impre_Text {
position: absolute;
top: 9%;
width:90%;
height:100%;
left:50%;
margin-left:-45%;
text-align:left;
font-family:calibri;
font-size:16px;
color:black;
}

@media screen and (max-width: 1400px) {

.sp_Tit {
font-size:42px;
}
.sp_show_Impre {
top:110%;
}

}


@media screen and (max-width: 1100px) {

.sp_Tit {
font-size:32px;
}
.sp_name {
font-size:28px;
}
.sp_dt {
font-size:16px;
}

}



@media screen and (max-width: 910px) {

.sp_Tit {
font-size:24px;
}
.sp_name {
font-size:22px;
}
.sp_dt {
font-size:15px;
}

}


@media screen and (max-width: 420px) {

.cl_Main {
position: absolute;
top:1%;
width:98%;
height:35.5%;
left:50%;
margin-left:-49%;
}

.sp_Tit {
font-size:21.5px;
left:0%;
margin-left:0;
}

.sp_dt {
top:40%;
font-size:16px;
}

.sp_show_Impre {
top:120%;
}

.cl_div_Impre {
top:45%;
width:94%;
left:50%;
margin-left:-47%;
height:55%;
}

.sp_Impre_Tit {
font-size:17px;
}

.sp_Impre_Text {
font-size:14px;
        }

}