@charset "utf-8";
.relbox {
position:relative;
width:100%;
height:100%;	
}

.unibg {
position:absolute;		
background:rgba(0,0,0,.8); 
width:100%;
height:100%;
left:0px;
top:0px;	
}

/*tb*/
.tb {
display:table;	
}
.tb[class~=full]{
width:100%;	
}
.tr {
display:table-row;	
}
.td {
display:table-cell;
}
/*reg*/

.regpopbox {
position:absolute;	
width:100%;
height:100%;
left:0px;
top:0px;
z-index:100;
font-family:chaparral-pro,Lucida Grande,Verdana,Tahoma,Georgia,"MHei","微軟正黑體","Microsoft JhengHei","Heiti TC";
}

.regpopbox .cbox {
position:absolute;	
width:920px;
height:640px;
left:50%;
top:100px;
margin-left:-460px;
background-image:url(../imgok/reg/bg.jpg);
background-position:0px 45px;
box-shadow:0 0 10px rgba(0,0,0,.8); 
}

.regpopbox .cbox .titlebox {
 width:100%;
 height:50px;
 display:block;
 background-color:#e4007f;
 text-align:center;
 position:relative;
}

.regpopbox .cbox .titlebox .close {
position:absolute;
right:0px;
cursor:pointer;
}
.regpopbox .cbox .formbox {
 width:100%;
 height:600px;
 padding:10px 50px;
 box-sizing:border-box; 
 text-align:center;
}
.regpopbox .cbox .formbox  .sub{
margin:20px auto
}

.regpopbox .cbox .formbox .tb .td {
width:50%;
padding:0px 10px;
}

.regpopbox .cbox .formbox .ctitle {
text-align:left;
font-weight:bold;
padding-left:5px;

}
/*formbox left*/
.regpopbox .cbox .formbox .left {
border-right:1px solid #cccccc;	
}
.regpopbox .cbox .formbox .pbox{
width:176px;
height:179px;
display:block;
margin:10px 15px 20px 0px;
border-radius:5px;
background-size:cover;
position:relative;
display:inline-block;
cursor:pointer;
}
.regpopbox .cbox .formbox .pbox .ck {
position:absolute;
bottom:0px;
left:0px;	
opacity:0;
}

.regpopbox .cbox .formbox .pbox[class~=on] .ck,.regpopbox .cbox .formbox .pbox:hover .ck {
opacity:1;
}

.regpopbox .cbox .formbox .p1 {
background-image:url(../imgok/reg/p1.jpg);	
}
.regpopbox .cbox .formbox .p2 {
background-image:url(../imgok/reg/p2.jpg);	
}
.regpopbox .cbox .formbox .p3 {
background-image:url(../imgok/reg/p3.jpg);	
margin-bottom:0px
}
.regpopbox .cbox .formbox .p4 {
background-image:url(../imgok/reg/p4.jpg);	
margin-bottom:0px
}

/*right*/
.regpopbox .cbox .formbox .iptbox {
font-size:9pt;	
width:375px;
height:40px;
border:1px solid #e4007f;
border-radius:3px;
margin:9px 0px;
text-align:left;
background:#ffffff;
position:relative;
overflow:hidden;
color:#999999;
}

.regpopbox .cbox .formbox .iptbox span {
padding:10px 0px 0px 100px;

}

.regpopbox .cbox .formbox .iptbox input{
 width:	360px;
 height:30px;
 margin:3px 5px;
 border:0px;
 font-size:12pt;
}
.regpopbox .cbox .formbox .iptbox input[type=file]{
opacity:0;
position:absolute;	
left:2px;
top:2px;

}
.regpopbox .cbox .formbox .iptbox .upicon {
position:absolute;	
left:2px;
top:2px;
}

.regpopbox .cbox .formbox .agreebox {
font-size:9pt;	
text-align:left;
width:100%;
cursor:pointer;
position:relative;
}
.regpopbox .cbox .formbox .agreebox label {
cursor:pointer	
}
.regpopbox .cbox .formbox .agree {
position:absolute;
opacity:0;
}
.regpopbox .cbox .formbox .ckimg {
margin-bottom:-5px
}

.regpopbox .cbox .formbox .btnbox {
text-align:right;
margin:20px 0px;
}
.regpopbox .cbox .formbox .btnbox .sending{
#e4007f;
}

.regpopbox .okbox {
 position:absolute;
 width:500px;
 height:250px;
 margin-left:-250px;
}

.regpopbox .okbox h3 {
text-align:center;
margin:30px 0px 10px 0px;
}
.regpopbox .okbox h1 {
text-align:center;
font-weight:bold;
font-size:20pt;
margin:20px 0px;
}
.regpopbox .okbox .btnbox {
text-align:center;
margin:10px 0px;
cursor:pointer;
}

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


} /*end w1600*/
@media screen  and (max-width: 1350px) {


} /*end w1200*/
@media screen  and (max-width: 1200px) {


} /*end w1200*/
@media screen  and (max-width: 1080px) {


} /*end w1080*/

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


} /*end w960*/

@media screen  and (max-width: 800px) {
.regpopbox {
overflow:hidden;	
}


.regpopbox .cbox ,.regpopbox .okbox {
width:100%;	
left:0px;
top:0px;
margin-left:0px;
margin-top:50px;
height:auto;
min-height:600px;
background:url(../imgok/reg/mbg.jpg);
}

.regpopbox .okbox  {
min-height:250px;	
height:250px;
overflow:hidden;	
}


.regpopbox .cbox .formbox,.regpopbox .okbox .msbbox{
min-height:600px;	
height:auto;
padding:0px;
margin:0px;
}

.regpopbox .okbox .msgbox {
min-height:250px;	
height:250px;

}

.regpopbox .cbox .formbox {
padding:15px;	
}
.regpopbox .cbox .sub {
width:100%;	
}

.regpopbox .cbox .tb,.regpopbox .cbox .tr,.regpopbox .cbox .td {
 display:block;
 width:100%;
}
.regpopbox .cbox #regform .tb .tr .left,.regpopbox .cbox #regform .tb .tr .right {
 display:block;
 width:100%;
 border-width:0px;	
}

.regpopbox .cbox #regform .tb .tr .td {
padding:0px;
margin:0px;
}

.regpopbox .cbox .ctitle,.regpopbox .cbox .agreebox {
margin:9px 4.5%;	
}
.regpopbox .cbox .formbox .iptbox {
font-size:9pt;	
width:90%;
height:40px;
border:1px solid #e4007f;
border-radius:3px;
margin:9px 4.5%;
text-align:left;
background:#ffffff;
position:relative;
overflow:hidden;
color:#999999;
}

.regpopbox .cbox .pseg {
display:block;
width:100%;
clear:both;	
}


.regpopbox .cbox .formbox .btnbox {
text-align:center;	
}

/*mobile*/    
     .regpopbox .closer{
        position: absolute;
        right:0;
        top:-41px;
        width: 35px;
        height: 35px;
        background: url(../img/film/closer-popup.png) repeat 0 0;
        cursor: pointer;
    }
    .regpopbox .closer:hover{
        background-position: 0 -35px;
    }


} /*end w800*/
@media screen  and (max-width: 640px) {


} /*end w640*/
@media screen  and (max-width: 480px) {
.regpopbox .cbox .formbox {
padding:5px;	
}
	
.regpopbox .cbox #regform .pbox {
width:140px;
height:140px;
margin:0px;
}

.regpopbox .cbox #regform .pbox .ck {
width:24px;	
margin-left:1px;
}

} /*end w480*/


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


} /*end w320*/