.hkpu-overlayer{

}
.hkpu-wrap{
    padding: 0 20px;
    box-sizing: border-box;
}
.hkpu-wrap *{
    box-sizing: border-box;
}
.hkpu-popup{
				top: 20%;
    background:#12b2b2;
    padding:30px;
    position: relative;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 99999999;
}
.hkpu-close{
    position: absolute;
    right:-20px;
    top:-20px;
    width:46px;
    height:46px;
    color:#fff;
    border-radius: 50%;
    background-color:#000;
    text-align: center;
    line-height: 40px;
    border:3px solid #fff;
    font-size:33px;
    cursor: pointer;
}



.title {
font-family:Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    text-align:center;


}
.title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 30%;
    height: 2px;
    
}
.subtitle {
font-family:Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height:60px;
    font-weight: 500;
    line-height: 40px;
     color: #fff;
    text-align:center;
}
.subtitle span,
.p span {
font-style: italic;
    color: #333;
    font-weight: 700;
    padding: 0 4px;
 color: #fff;
     line-height:40px;

}

a.wlink {color:#fff; text-decoration:none;}
a.wlink:visited {color:#fff; text-decoration:none;}
a.wlink:hover {color: #fff; text-decoration:underline;}
a.wlink:active { color:#fff; text-decoration:none;}