.popupdim {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.9;

z-index: 10000;
}
.popupbox {
background-color: #fff;
width: 60%;
height: 70%;
border: 1px solid #333;
position: fixed;
padding:5px;
top: 15%;
left:20%;
min-height:350px;
z-index: 10001;
overflow: hidden;
}
.close {
position: absolute;
font-family:MinionPro-Medium;
top: 5px;
right: 5px;
display: inline;
cursor: pointer;
color:white;
font-size:16px;
z-index:1000;
width:30px;
background:red;
height:30px;
text-align: center;
border-radius:16px;
line-height:30px;
opacity:1 !important;
}
.popup_wrapper
{
position: relative;
}
.popup_title
{
float: left;
width:99%;
background:#112646;
border-radius:2px;
color:white;
font-size:20px;
padding:5px;
margin-bottom:10px;

}
.popup_content
{
float: left;
width:100%;

color:black;
margin-bottom:10px;
height:350px;
overflow: auto;
padding-bottom:5px;
font-family:MinionPro-Medium;
}
.popup_content img
{
max-width:90%;
height: auto !important;
}
.close1
{
float: right;
padding:3px 10px;
border-radius:3px;
border:1px solid #178fe8;
color:black;
font-size:16px;
font-family:MinionPro-Medium;
cursor: pointer;
}
.close2 
{
float: right;
color:black !important;
font-size:20px;
font-family:MinionPro-Medium;
cursor: pointer;
position: absolute;
top:5px;
right:0;

border-radius:10px;
width:30px;
height:40px;
}
.close2  a
{

font-size:24px;
padding:4px 6px;
text-align: center;
}

#josForm {
background:url(../images/rg_f_bg.jpg) repeat-x bottom #f6f6f6;
width: 300px;

border: 1px solid #81acbd;
position: fixed;
padding:5px;
top: 15%;
left: 49%;
margin-left: -155px;
margin-top: -70px;
z-index: 10001;
color:#81acbd;
padding:5px 15px;
line-height:18px;
font-family:arial;
}
#loginForm,.u_reset  {
background:url(../images/rg_f_bg.jpg) repeat-x bottom #f6f6f6;
width: 370px;
border: 1px solid #81acbd;
position: fixed;
padding:5px;
top: 32%;
left: 47%;
margin-left: -159px;
margin-top: -70px;
z-index: 10001;
color:black;
padding:5px 15px;
line-height:18px;
font-family:arial;
}
#registerForm
{
background:url(../images/rg_f_bg.jpg) repeat-x bottom #f6f6f6;
width: 700px;
border: 1px solid #81acbd;
position: fixed;
padding:5px;
top: 20%;
left: 36%;
margin-left: -159px;
margin-top: -70px;
z-index: 10001;
color:black;
padding:5px 15px;
line-height:18px;
font-family:arial;
}
.module_popup img
{
width:500px;
height:255px;
}
.module_thongbao img
{
width:100%;
height: auto;
}


/* thong bao */
.dim, .popupdim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.9;
    z-index: 10000;
}
.result_popupbox {
background-color: #fff;width: 60%;border: 1px solid #333;position: fixed;
padding:5px;top: 15%;left:20%;z-index: 10001;min-width:200px;
margin:auto;
}
.result_popupbox .msgerror{
font-weight:bold;text-align:center;font-size:16px;
}
.ok_button{
float:left;width:100%;text-align:center;margin:10px 0;
}
.ok_button a
{
padding:10px 20px;font-weight:bold;color:#333;border:1px solid #ddd;border-radius:6px;
}
.ok_button a:hover{border-color:#c0c0c0;color:black;}
.result_popupbox .close a{
color:white;
}
.result_popupbox .msgsuccess{
font-weight:bold;text-align:center;font-size:16px;
}
@media only screen and (max-width: 600px)
{
.result_popupbox {
background-color: #fff;width: 90%;border: 1px solid #333;position: fixed;
padding:5px;top: 15%;left:5%;z-index: 10001;min-width:200px;
margin:auto;
}
}