@import url('reset.css');
@import url('font.css');


.popup_title { position: absolute; top: 0; left: 0; width: 100%; font-size: 18px; background: #064C98; color: #eee; padding: 10px 25px; border-radius: 4px; }
.popup_title2 { position: absolute; top: 0; left: 0; width: 100%; font-size: 18px; background: #e80101; color: #eee; padding: 10px 25px; border-radius: 4px; }

.close a { position: absolute; top: 7px; right: 10px; }
.btn-l { float:left; width:100%;  margin:0 0px 30px 25px; text-align:left;}


a.btn-layerClose { font-size: 24px; color: #aaa;  }
a:hover.btn-layerClose { font-size: 24px; color: #fff;  }

a.btn-layerButton { padding: 7px 20px ;  background: #0c83c1; font-size: 14px; color: #fff; font-weight:500;  border-radius: 3px;}



.pop-container1 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer1 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #eee; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer1 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer1 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer1 { display: block;}



.pop-container2 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer2 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer2 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer2 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer2 { display: block;}


.pop-container3 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer3 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer3 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer3 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer3 { display: block;}

.pop-container3-1 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer3-1 { display: none; position: absolute; top: 50%; left: 50%; width: 900px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer3-1 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer3-1 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer3-1 { display: block;}


.pop-container4 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer4 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer4 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer4 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer4 { display: block;}


.pop-container5 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer5 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer5 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer5 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer5 { display: block;}


.pop-container6 {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer6 { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer6 { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer6 .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer6 { display: block;}


.pop-container_alert {  display:block; margin: 65px 25px 30px 25px; height: auto;}
.pop-layer_alert { display: none; position: absolute; top: 50%; left: 50%; width: 400px; height: auto; background: #fff; border:1px solid #fff; z-index: 10; border-radius: 5px;}
.dim-layer_alert { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer_alert .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.pop-layer_alert { display: block;}