.left {float: left}
.right {float: right}

.btn_2 .bl_left,
.btn_2 .bl_right,
.btn_2 .bl_center {background: url("../images/btn_2.png") 0 0 no-repeat;}

.btn_2 .bl_left {background-position:  0 -100px; padding-left: 67px;}
.btn_2 .bl_right {background-position:  100% -200px;  padding-right: 67px}
.btn_2 .bl_center {
    background-position:  0 0;
    background-repeat: repeat-x;
    height: 46px;
    line-height: 39px;
    display: block;
    text-align: center;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px white;
    font-size: 13px;
}

.btn_2:hover .bl_left {background-position:  0 -150px;}
.btn_2:hover .bl_right {background-position:  100% -250px;}
.btn_2:hover .bl_center {background-position:  0 -50px;}

.input .bl_left,
.input .bl_right,
.input .bl_center {background: url("../images/input_round.png") 0 0 no-repeat;}

.input .bl_left {padding-left: 11px;}
.input .bl_right {background-position:  100% -100px;  padding-right: 11px}
.input .bl_center {background-position: 0 -50px; background-repeat: repeat-x; padding: 4px 0 3px}

.input input {border: 0 none; outline: 0 none;  display: block; color: #707070; font-weight: bold; font-size: 13px;line-height:13px;width: 100%; background: none}

.input.error .bl_left {background-position:  0 -25px;}
.input.error .bl_right {background-position: 100% -125px;}
.input.error .bl_center {background-position: 0 -75px;}

.btn_4 .bl_left,
.btn_4 .bl_right,
.btn_4 .bl_center {background: url("../images/btn_4.png") 0 0 no-repeat;}

.btn_4 .bl_left { padding-left: 27px;}
.btn_4 .bl_right {background-position: 100% -120px; padding-right: 24px}
.btn_4 .bl_center {background-position: 0 -60px; background-repeat: repeat-x;  height: 27px;}
.btn_4:hover .bl_left {background-position:  0 -30px;}
.btn_4:hover .bl_right {background-position:  100% -150px;}
.btn_4:hover .bl_center {background-position:  0 -90px;}


#reg {width: 423px; height: 624px; overflow: hidden; font-family: Tahoma, "Times New Roman", serif; font-size: 13px;}
#reg .bl_top {background: url("../images/index/reg/r_tc.png") 43px 0 no-repeat; height: 141px; position: relative}
#reg .bl_top .bl_left {background: url("../images/index/reg/r_tl.png") 0 0 no-repeat; height: 25px; width: 43px; position: absolute; left: 0; bottom: 0}
#reg .bl_top .bl_right {background: url("../images/index/reg/r_tr.png") 0 0 no-repeat; height: 25px; width: 44px; position: absolute; right: 0; bottom: 0}

#reg .r_left {background: url("../images/index/reg/r_l.png") 0 0 no-repeat; padding-left: 43px;}
#reg .r_right {background: url("../images/index/reg/r_r.png") 100% 0 no-repeat; padding-right: 44px;}
#reg .r_center {background: url("../images/gray_bg.jpg") 0 0 repeat; height: 350px;}

#reg .bl_bottom {background: url("../images/index/reg/r_b.png") 0 0 no-repeat; height: 73px;}
#reg .bl_bottom .bl_footer {background: url("../images/index/reg/r_f.png") 0 0 no-repeat; height: 57px; width: 148px; position: relative; top: 16px; left: 137px;}

#reg .row {padding: 0 17px; margin-bottom: 15px}
#reg label {float: left; width: 100px; font-size: 14px; color: #379ebd; cursor: pointer; font-weight: bold}
#reg .fl_w {float: left; width: 200px;}
#reg .btn_2 {width: 250px; margin: 0 auto}

#reg .cusel {margin: 12px 5px 0 0 }
#reg .cusel.clrm {margin-right: 0 }

.iradio_wrap {width: 19px; height: 17px;}

.iradio_wrap .iradio {background: url("../images/radio.png") 0 0 no-repeat; display: inline-block; width: 19px; height: 17px; cursor: pointer}
.iradio_wrap .iradio:hover {background-position: 0 -20px;}
.iradio_wrap .iradio.active {background-position: 0 -40px;}
.iradio_wrap .iradio.active:hover {background-position: 0 -60px;}

.iradio_wrap input {display: none}

.close_bt {width: 22px; height: 23px; background: url("../images/close.png") 0 0 no-repeat}
.close_bt:hover {background-position: 0 -22px;}

#reg .close_bt {position: absolute; top: 88px; right: 18px;}



.gender {background: url("../images/index/gender.png") 100% 0 no-repeat; padding: 18px 45px 0 0; float: left; margin-right: 20px;}
.gender.female {background-position: 100% 100%;}

.row.code {text-align: right}

#codeimg {height: 45px}

#reg #error { position: absolute; bottom: 10px; color: #f00; text-align: center; left: 35px; width: 350px}


.popup_wrap {padding: 3px;}

.popup_wrap .popup_border {
    background: url("../images/gray_bg.jpg") 0 0 repeat;
    border: 4px solid #a2a2a2;
}
.popup_wrap .popup_content {
    min-height: 60px;
}

.popup_wrap .popup_content .error, .popup_wrap .popup_content .success  {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 5px;
}

.popup_wrap .popup_content .error {color: #b94a48;}
.popup_wrap .popup_content .success {color: #468847;}

.popup_wrap .popup_border.border_radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popup_wrap .popup_border_1 {
    border: 1px solid #767676;
    border-left: 0 none;
}

.popup_head_1 {
    padding: 0 15px;
    margin: -23px -5px 0 -4px;
}
.popup_head_1 .ph1_bg, .popup_head_1 .ph1_left, .popup_head_1 .ph1_right {
    background: url("../images/style_head_popup.png") 0 -70px repeat-x;
}

.popup_head_1 .ph1_left {
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -15px;
}

.popup_head_1 .ph1_right {
    background-position:  100% -35px;
    background-repeat: no-repeat;
    margin-right: -15px;
}

.popup_head_1 .ph1_content {
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    min-width: 200px;
    min-height: 27px;
    max-height: 35px;
}


.fancybox-bg,
#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
    background: none;
}

.fancybox-ie #fancybox-bg-n,
.fancybox-ie #fancybox-bg-ne,
.fancybox-ie #fancybox-bg-e,
.fancybox-ie #fancybox-bg-se,
.fancybox-ie #fancybox-bg-s,
.fancybox-ie #fancybox-bg-sw,
.fancybox-ie #fancybox-bg-w,
.fancybox-ie #fancybox-bg-nw { filter: false; }