
.wrap_expiration *{
    font-family:'Arial';
}
.content_expiration {
    padding:85px 0 55px;
    background:url(../images/expiration/bg_content.png) repeat 0 0;
}
.content_expiration .content_area{
    position:relative;
    width:99%;
    max-width:815px;
    margin:0 auto;
    border:1px solid #bbcfde;
    background-color:#fff;
}
.content_area .dubu_mole{
    display:block;
    position:absolute;
}
.content_area .dubu_characters2{
    width:125px;
    height:159px;
    bottom:-20px;
    left:-45px;
    background:url(../images/expiration/dubu_characters.png) no-repeat 0 0;
}
.content_area .dubu_characters{
    width:211px;
    height:232px;
    top:170px;
    right:-98px;
    background:url(../images/expiration/dubu_characters2.png) no-repeat 0 0;
}
.content_area .dubu_characters2{

}


.content_area .content_top{
    position:relative;
    padding:22px 0 0 37px;
    background-color:#fff;
}
.content_area .content_middle{
    position:relative;
    margin-top:45px;
    background-color:#fff;
}
.content_area .content_middle h2{
    padding-bottom:35px;
    margin:0 55px;
    color:#7a7a7a;
    font-size:60px;
	font-weight:600;
	letter-spacing:-3px;
    text-align:center;
    border-bottom:1px solid #d0d0d0;
}
.content_area .content_middle h2 span{
    color:#1880ca;
}
.content_area .content_middle p strong{
    display:block;
    margin:33px 0 20px;
    font-size:17px;
    color:#5b5b5b;
}
.content_area .content_middle p{
    margin-top:40px;
    color:#5b5b5b;
    font-size:17px;
    text-align:center;
}
.content_area .content_bottom{
    position:relative;
    padding-top:50px;
    background-color:#fff;
}
.content_area .content_bottom ul{
    overflow:hidden;
}
.content_area .content_bottom ul li{
    position:relative;
    width:100%;
    padding:30px 0;
    color:#1880ca;
    font-size:14px;
	font-weight:normal;
	letter-spacing:0.2px;
    text-align:center;
    background-color:#eef1f4;
}
.content_area .content_bottom ul li span{
    display:inline-block;
    height:18px;
	padding-left:33px;
    margin-right:30px;
    color:#7a7a7a;
	font-weight:600;
    background:url(../images/expiration/lco_biz_info.png) no-repeat 0 0;
}
.content_area .content_bottom ul li .ico_msg{
    background-position:0 1px;
}
.content_area .content_bottom ul li .ico_mail{
    background-position:0 -19px;
}
.content_area .content_bottom ul li .ico_time{
    background-position:0 -40px;
}


.biz_info{
    position:relative;
    padding:26px 10px 30px;
    background-color:#434343;
}
.biz_info:after{
    display:block;
    content:'';
    position:absolute;
    top:-14px;
    left:0;
    width:100%;
    height:14px;
    background:url(../images/expiration/bg_biz.png) repeat-x 0 0;

}

.biz_info .biz_info_area{
    width:99%;
    max-width:815px;
    margin:0 auto;
}


.biz_info_area dl{
    overflow:hidden;
}
.biz_info_area dt{
    float:left;
    font-size:22px;
    color:#dfdfdf;
}
.biz_info_area dd{
    float:left;
    margin-left:90px;
}
.biz_info_area dd ul{

}
.biz_info_area dd ul li{
	line-height:24px;
    margin-top:10px;
    color:#b8b8b8;
    font-size:15px;
}
.biz_info_area dd ul li:first-child{
    margin-top:0;
}
.biz_info_area dd ul li span{
    display:inline-block;
    width:76px;
    line-height:28px;
    margin-right:10px;
    border-radius:30px;
    text-align:center;
    vertical-align:middle;
    background-color:#383838;
}

.banner_info{
    background-color:#e1e1e1;
}
.banner_info ul{
    overflow:hidden;
    width:99%;
    max-width:815px;
    margin:0 auto;
}
.banner_info ul li{
    position:relative;
    float:left;
    width:50%;
    padding:55px 0;
    text-align:center;
}
.banner_info ul li:first-child:after{
    display:block;
    content:'';
    position:absolute;
    top:55px;
    bottom:55px;
    right:0;
    width:2px;
    background:url(../images/expiration/bg_line.png) repeat-y 0 0;
}
.banner_info ul li img{
    display:inline-block;
    margin-right:30px;
    vertical-align:middle;
}
.banner_info ul li dl{
    display:inline-block;
    margin-left:-5px;
    text-align:left;
    vertical-align:middle;
}
.banner_info ul li dt{
    font-size:25px;
    color:#373737;
}
.banner_info ul li dd{
    margin-top:8px;
    font-size:12px;
    color:#7a7a7a;
    line-height:18px;
}
@media all and (min-width:911px){
    .content_area .content_middle h2{
        line-height:68px;
    }

}

@media all and (min-width:768px) and (max-width:991px){
    .content_area .dubu_mole{
        display:none;
    }
    .content_expiration{
        padding:40px 0;
    }
    .content_area .content_middle{
        margin-top:30px;
    }
    .content_area .content_middle h2{
        margin:0 45px;
        padding-bottom:25px;
        font-size:45px;
        line-height:50px;
    }
    .content_area .content_bottom{
        padding-top:30px;
    }
    .biz_info_area dd{
        margin-left:40px;
    }
}

@media all and (max-width:768px){
    .content_area .dubu_mole{
        display:none;
    }
    .content_area .content_top{
        padding:10px 0 0 20px;
    }
    .content_expiration{
        padding:30px 0 40px;
    }
    .content_area .content_middle{
        padding:0 20px;
        margin-top:20px;
    }
    .content_area .content_middle h2{
        margin:0 20px;
        padding-bottom:15px;
        font-size:36px;
        line-height:40px;
    }
    .content_area .content_middle h2 em{
        display:block;
    }
    .content_area .content_middle p strong{
        margin:20px 0 15px;
        font-size:14px;
    }
    .content_area .content_middle p{
		margin-top:20px;
        font-size:12px;
    }
    .content_area .content_middle p br{
        display:none;
    }
    .content_area .content_bottom{
        padding-top:20px;
    }
    .content_area .content_bottom ul li{
        width:100% !important;
    }
    .content_area .content_bottom ul li:after{
        top: 15px;
        left:20px;
        right:20px;
        height:auto;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #fff;
        border-width:1px 0;
    }
    .biz_info{
        padding:15px 20px;
    }
    .biz_info_area dt{
        width:100%;
        font-size:18px;
    }
    .biz_info_area dd{
        width:100%;
        margin-left:0;
        margin-top:10px;
    }
    .biz_info_area dd ul li{
        text-indent:-55px;
        padding-left:55px;
        font-size:13px;
    }
    .biz_info_area dd ul li span{
        width:65px;
        text-indent:0;
        line-height:26px;
    }
    .banner_info{
        padding:0 20px;
    }
    .banner_info ul li{
        padding:15px 0;
        width:100%;
        text-align:left;
    }
    .banner_info ul li img{
        width:25%;
        margin-right:5%;
        max-width:115px;
    }
    .banner_info ul li dl{
        width:70%;
    }
    .banner_info ul li dt{
        margin-top:2px;
        font-size:20px;
    }
    .banner_info ul li dd{
        margin-top:2px;
    }
    .banner_info ul li dd br{
        display:none;
    }
    .banner_info ul li:first-child:after{
        top:inherit;
        bottom:0;
        left:0;
        width:auto;
        height:2px;
        background:url(../images/expiration/bg_line2.png) repeat-x 0 0;
    }
}