/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; margin:0; padding:0; background:rgba(163, 232, 223, 0.65);}
div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol { margin:0;}
li { list-style-type:none;}
form,input,button,option,textarea,select { margin:0; padding:0;}
input,button,textarea,select { font:100% Arial, Helvetica, sans-serif;}
a { text-decoration:none; color:#444; outline:none; star:expression(this.Focus=this.blur());}
a:link,a:visited { text-decoration:none;}
a:hover { text-decoration:none; color:#557ba9;}
table { font-size:inherit; }
th { font-weight:normal;}
img { border:0;}
.clear { clear:both; height:0; overflow:hidden;}
td,div{ font-size:12px; color:#333333; line-height:130%; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*加盟流程*/
.container{
    width: 1000px;
    background: #fff;
    padding: 20px;
    margin:0 auto;
}
.container .head{
    color: #0230db;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}
.container .content{
    margin-top: 10px;
    padding: 20px 0px;
}
.container .content.around{
    border: 2px solid #0230db;
    margin-top: 36px;
}
.container .content.bg_f5fafd{
    background: #f5fafd;
}
.container .content .subtitle{
    color: #0230db;
    font-size: 22px;
    text-align: center;
}
.container .content .subtitle.outside{
   position: relative;
    top:-44px;
}
.container .content .subtitle span{
    border: 1px solid #0230db;
    border-radius: 10px;
    padding: 8px 80px;
    display: inline-block;
    background: #fff;
}
.container .content .box-flex.between{
    padding: 20px 10px;
}

.container .content .box-flex{
    display: table;
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    vertical-align:middle;
}

.container .content .box-left{
    /*width: 50%;*/
    margin: 20px 10px;
    vertical-align:middle;
    text-align: center;
    display: inline-block;
    float: left;
}

.container .content .box-right{
    width: 45%;
    padding: 20px 36px;
    vertical-align:middle;
    font-size: 18px;
    line-height: 26px;
    display: inline-table;
    float: right;
}

.container .content .box-right p{
    margin-top:8px;
}
.container .content .box-right text{
    background: yellow;
    font-weight: bold;
    margin-right: 6px;
}

.container .content .box-flex .box-icon{
    width: 300px;
    display: inline-block;
    padding: 10px 12px;
    vertical-align:middle;
    text-align: center;
}

.container .content .box-flex .box-bg{
    /*width: 100%;*/
    padding: 10px 12px;
    vertical-align:middle;
    text-align: center;
}

.qyb{
    width: 440px;
    height: 440px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/QYB.jpg) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.icon1{
    box-shadow:2px 2px 2px #888888;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/icon01.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.icon2{
    box-shadow:2px 2px 2px #888888;
    width:220px;
    height: 220px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/icon02.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.icon3{
    box-shadow:2px 2px 2px #888888;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/icon03.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.info{
    width: 950px;
    height: 480px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/info.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.advantage{
    width: 950px;
    height:550px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/advantage.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
.price{
    width: 560px;
    height: 320px;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-image: url(../image/price.png) ;
    background-size:100% 100%;
    -moz-background-size:100% 100%
}

/*申请流程样式*/
.apply_bg{ width:1000px; margin:0 auto; padding-bottom:30px;}
.apply_bg .apply_bt{ background:url(http://img.etest8.com/lesson/apply_bt.png) no-repeat top center; width:1000px; height:118px;}
.apply_bg .apply_step{ background:url(http://img.etest8.com/lesson/apply_step.png) no-repeat top center; width:950px; height:100px; margin:0 auto; margin-top:30px; margin-bottom:30px; position:relative;}
.apply_bg .apply_step .step1{ font-size:14px; color:#333; position:absolute; top:78px; left:178px;}
.apply_bg .apply_step .step2{ font-size:14px; color:#333; position:absolute; top:78px; left:340px;}
.apply_bg .apply_step .step3{ font-size:14px; color:#333; position:absolute; top:78px; left:815px;}
.apply_bg .apply_step .down_org14{ color:#ff6600;}
.apply_bg .apply_step a.down_org14:hover{ color:#178f8d;}
.apply_bg .apply_condition{ width:900px; margin:0 auto; border:dashed #178f8d 2px; padding:25px 20px; font-size:14px; color:#333; text-align:left; line-height:28px;}
.apply_bg .apply_condition .condition_org{ color:#ff6600; font-size:14px;}
.apply_bg .apply_condition a.condition_org:hover{ color:#178f8d;}

/*在线申请样式*/
.online_bg{ background:#fff; width:1000px; margin:0 auto; padding-bottom:30px;}
.online_bg .online_bt{ background:url(http://img.etest8.com/lesson/online_bt.png) no-repeat top center; width:1000px; height:118px; padding-bottom:30px;}
.online_bg .table_bg{ background:url(http://img.etest8.com/lesson/online_bg.png) no-repeat top center; width:746px; height:600px; margin:0 auto;}
.online_bg .table_bg table { padding-top:51px;}
.online_bg .table_bg table tr td{ padding-top:10px;}
.online_bg .table_bg table tr td.left_td{ font-size:14px; color:#333; text-align:right; padding-right:8px; width:140px;}
.online_bg .table_bg table tr td.left_td .mi_red{ color:#f00; vertical-align:middle; font-size:12px; padding-right:2px; line-height:20px;}
.online_bg .table_bg table tr td .input_name{ background:none repeat scroll 0 0 #f2f5f8; border:solid #7f9db9 1px; height:24px; line-height:22px; width:202px; color:#666; padding-left:3px;}
.online_bg .table_bg table tr td .input_name:focus{ background:none repeat scroll 0 0 #fff; border: 1px solid #74b9f0; box-shadow: 0 0 4px #74b9f0; color:#333; padding-left:3px;}
.online_bg .table_bg table tr td .input_text{ background:none repeat scroll 0 0 #f2f5f8; border:solid #7f9db9 1px; height:110px; line-height:22px; width:400px; padding:0px 3px; color:#666; overflow:auto;}
.online_bg .table_bg table tr td .input_text:focus{ background:none repeat scroll 0 0 #fff; border: 1px solid #74b9f0; box-shadow: 0 0 4px #74b9f0; color:#333; padding:0px 3px;}
.online_bg .table_bg table tr td .input_yzm{ background:none repeat scroll 0 0 #f2f5f8; border:solid #7f9db9 1px; height:24px; line-height:22px; width:100px; color:#666; padding-left:3px;}
.online_bg .table_bg table tr td .input_yzm:focus{ background:none repeat scroll 0 0 #fff; border: 1px solid #74b9f0; box-shadow: 0 0 4px #74b9f0; color:#333; padding-left:3px;}
.online_bg .table_bg table tr td .yzm_img{ padding-left:8px; vertical-align:middle;}
.online_bg .table_bg table tr td .input_address{ background:none repeat scroll 0 0 #f2f5f8; border:solid #7f9db9 1px; height:24px; line-height:22px; width:402px; color:#666; padding-left:3px;}
.online_bg .table_bg table tr td .input_address:focus{ background:none repeat scroll 0 0 #fff; border: 1px solid #74b9f0; box-shadow: 0 0 4px #74b9f0; color:#333; padding-left:3px;}
.online_bg .table_bg table tr td .apply_tj{ background:#358fae; width:159px; height:44px; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:45px; display:block; cursor:pointer; border:none; border-radius:6px; margin-top:10px; float:left;}
.online_bg .table_bg table tr td .apply_tj:hover{ background:#43a1bc; width:159px; height:44px; text-align:center; color:#fae985; font-size:16px; font-weight:bold; line-height:45px;}
.online_bg .table_bg table tr td .apply_tj:active{ background:#27769a; width:159px; height:44px; text-align:center; color:#fae985; font-size:16px; font-weight:bold; line-height:45px;}
.online_bg .table_bg table tr td .apply_rewrite{ background:#ed7f3f; color:#fff; font-size:16px; font-weight:bold; text-align:center; line-height:45px; display:block; cursor:pointer; border:none; border-radius:6px; margin-left:20px; margin-top:10px; float:left; width:159px; height:44px;}
.online_bg .table_bg table tr td .apply_rewrite:hover{ background:#ef8b48; width:159px; height:44px; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:45px;}
.online_bg .table_bg table tr td .apply_rewrite:active{ background:#ea7035; width:159px; height:44px; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:45px;}


/*bottom样式*/
.foot_bg{ background:#e6e6e6 url(http://img.etest8.com/lesson/foot_topbg.png) repeat-x top center; width:1000px; margin:0 auto; padding:20px; text-align:center; line-height:180%;}
.foot_bg a{ color:#ff6600;}
.foot_bg a:hover{ color:#178f8d;}