@charset "utf-8";
/* CSS Document */
/*----------------------------跳窗----------------------------*/
.bac { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.7);opacity: 1;z-index: 9999;}
.outbox {
    position: relative;
    background: #fff6d1;
    color: #565656;
    padding: 0;
    z-index: 9999;
    line-height: 25px;
    width: 600px; height: auto;
    font-size: 17px;
    font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}
.hb-linebox { padding: 18px 22px; position: relative; text-align: center; }
.hb-linebox h1 {
    width: 93%;
    color: #360e00;
    font-size: 25px;
    line-height: 45px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #bebebe;
}

.hb-linebox h2 { font-size: 17px; margin: 10px; line-height: 33px; }
.hb-linebox p.tp, .hb-linebox span.tp {text-decoration: underline; color: #f60000; font-size:30px; padding: 0 5px; width: auto; display: inline-block; }
.hb-linebox span.tp { font-size: 20px;}

.outbox .hb-linebox .cny { border: 1px solid #bebebe;
    display: inline-block;
    padding: 5px 0 18px; width: 95%; }
.outbox .hb-linebox .cny p.check { text-align: center; font-size: 20px;}
.outbox .hb-linebox .cny p.check label{ text-align: center; float: none; width: auto; font-size: 17px;}
.outbox .hb-linebox .cny p.check label.onp{
    vertical-align: top; width: 35%; word-break: break-all;word-wrap: break-word; display: inline-block;
    text-align: left; width: 50%; margin-right: -2px;
}
.outbox .hb-linebox .fill_in { }
.outbox .hb-linebox .fill_in p{ text-align: left; line-height: 27px; margin: 17px auto 0;}
.outbox .hb-linebox .fill_in p.stbuy { text-align: center;}
.outbox .hb-linebox label{ padding:3px; height: 33px; float: left; width: 113px;text-align:right; margin-right: 10px;}
.hb-linebox input { color: #717171; font-size: 16px; width: 70%; display: inline-block; padding:2px 5px;}

.hb-linebox input.bnumber { width: 33.5%;}
.linebtn {
    background: #f60000;
    width: 33%;
    color: #fff;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font: bold 22px/35px Arial, sans-serif;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius:35px;
    margin:20px 10px;
}
.cel { background: #ffc91e; }
.outbox .hb-linebox p.licen { text-align: center; margin: 15px auto 0 auto; }
.y{color: #f60000;}
.s{margin-top: 15px; line-height: 30px;}
/*-----------------------------跳窗-----------------------------*/

@media screen and (max-width: 736px) {
.outbox {
    width: 100%;height: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
}
}

@media screen and (max-width: 600px) {
.outbox .hb-linebox label { width: 120px;}
.hb-linebox input.bnumber { width: 31.5%;}
.hb-linebox input { width: 66%;}
}

@media screen and (max-width: 570px) {
.hb-linebox input.bnumber { width: 31.3%;}
.linebtn { width: 38%; margin: 10px 5px;}
}

@media screen and (max-width: 500px) {
.hb-linebox input.bnumber {width: 45.8%;}
.hb-linebox input { width: 70%; font-size: 15px; text-indent: 2px;}
.outbox .hb-linebox label { width: 84px;}
.outbox .hb-linebox label.m-br { display: block; }
.linebtn { width: 40%;}
}

@media screen and (max-width: 480px) {
.hb-linebox input { width: 68%;}
.outbox .hb-linebox label { width: 80px;}
.linebtn { width: 40%; margin: 10px 3px;}
@-moz-document url-prefix()
{.linebtn { width: 42%; margin: 15px 8px;}
}
}
@media screen and (max-width: 460px) {
.hb-linebox input { width: 65%;}
}

@media screen and (max-width: 370px) { .hb-linebox input { width:60%;}}
@media screen and (max-width: 340px) { .hb-linebox input { width:59%;}}



/*for-跳窗-0307*/
.fancybox-opened{
   z-index: 9999!important;
   -webkit-transform:translateZ(9999px);
   -moz-transform:translateZ(9999px);
   -o-transform:translateZ(9999px);
   transform:translateZ(9999px);
}
/*for-跳窗*/