@charset "utf-8";
/* CSS Document */

.panelbox:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


body.bg-gray{background:#f5f5f5}
.page{width:100%;height: 100%;}
.page.hidden{overflow:hidden}
.header{width:100%;position:fixed; z-index:10;top:0;left:0;right:0;background:#fff;border-bottom: 1px solid #ddd;}
.header.default{position:relative;}
.header.elife{border-bottom: 1px solid #fff; box-shadow:0 3px 5px #F6F6F6}
.header h2{text-align:center;font-size:18px;line-height:50px;}
.footer{width:100%;height:50px; position:fixed; z-index:10; bottom:0;left:0;right:0;border-top:1px solid #EEEDEE;background:#fff}
.footer.noborder{border:none}
.footer.icbc-footer{position:relative;}
.footer.book-footer,.footer.footer-auto{height:auto;}
.footer.noborder-top{border-top:none}
.footer.padding-top5{padding-top:5px;}
.footer.padding-bot5{padding-bottom:5px;}
.header,.content,.footer,.panelbox{width:100%;}
.content{width:100%;padding:51px 0; overflow:hidden}
.content.padding-lacunae{padding:51px 0 10px 0;}
.content.padding-top{padding:51px 0 0 0;}
.content.percen-scroll{height:85%; background:#f2f2f2}
.content.percen-scroll-high{height:100%; background:#f2f2f2}
.content.nopaddingtop{padding:0 0 10px 0;}
.content.nopadding{padding:0}
.content.paddingbottom{padding:0 0 51px 0;}
.content.padding-or{padding:0 0 100px 0;}
.panelbox{background:#fff}
.panelbox.marginTop10{margin-top:10px;}
.panelbox.marginTop15{margin-top:15px;}
.panelbox.marginTop30{margin-top:30px;}
.panelbox.margin-side{width:auto;margin-left:10px;margin-right:10px;}
.panelbox.margin-bot20{}
.panelbox.bordertop{border-top:5px solid #ddd}
.panelbox.borderbot{border-bottom:5px solid #ddd}
.panelbox.paddingop10{margin-top:10px;}
.panelbox.paddingTop5{padding-top:5px;}
.panelbox.padding10{width:auto;padding:10px;}
.panelbox.padding5{width:auto;padding:5px;}
.panelbox.padding15{width:auto;padding:15px;}
.panelbox.paddingtop15{padding:15px 0;}
.panelbox.padding15side{width:auto;padding:0 15px;}
.panelbox.padding25side{width:auto;padding:0 25px;}
.panelbox.bg-color{background:#FBFBFB}
.panelbox.bg-color-dark{background:#F4F4F4}
.panelbox.bg-color-book{background:#F3F3F3;}
.panelbox.bg-color-liyellow{background:#FFE8D0}
.panelbox.nobackground{background:none}
.panelbox.line-height18{line-height:18px;}
.panelbox.imgbanner{font-size:0; overflow:hidden}
.panelbox.paddingtop40{padding-top:40%;}
.panelbox.relative{ position:relative}
.imgbox{font-size:0; overflow:hidden}


.halfbox{width:50%;}



@media (max-width:349px) {
.panelbox.padding15side{width:auto;padding:0 10px;}	
.panelbox.padding25side{width:auto;padding:0 15px;}

.content{padding:45px 0 70px 0;}
.content.padding-lacunae{padding:45px 0 10px 0;}
.content.padding-top{padding:45px 0 0 0;}
.content.percen-scroll{height:80%}
.content.nopaddingtop{padding:0 0 10px 0;}


.footer{height:40px;}
.footer.book-footer{height:auto;}

.header-icbc{height:44px;}

.panelbox.paddingtop40{padding-top:30%;}
}