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

html,
body {
  height: 100%;
}

body {
  font-family: '新細明體';
  font-size: 14px;
}

ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}

/*---------------------------首頁----------------------------*/
.m-top{
  height: auto;
  /* width: 99.9%;
  background: url(../images/top-bg.jpg) repeat-x; */
}
.m-top-logo{
  float: left;
}
.m-top-logo2{
  display: none;
}

.m-top-text{
  float: left;
  color: #747474;
}
.m-top-text b{
  color: crimson;
}
.m-top-btn{
  float: right;
}
.m-top-btn>.btn{
  padding: 0px;
}
.m-top-btn a{
  float: right;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.m-top-btn a .m-top-btn-1{
  height: auto;
  border: 1px  solid #007aff;
  border-radius: 5px;
  padding: 1px 20px;
  color: #007aff;
}
.m-top-btn a .m-top-btn-2{
  height: auto;
  border: 1px  solid #a7a7a7;
  border-radius: 5px;
  padding: 1px 20px;
  color: #a7a7a7;
}
.jrza{
  height: auto;
  background-color: #4d9ace;
  border-radius: 5px;
  padding: 0px 20px;
  color: #fff;
}
.jrza .glyphicon{
  margin-top: 10px;
}

.navbar-nav{
  margin: 0;
}
.navbar{
  min-height: 38px;
  margin-bottom: 5px;
  border: 0px;
}
.navbar-collapse{
  padding: 0;
}

.banner{
  float: left;
  width: 100%;
  /* height: 38px; */
  font-size: 15px;
}
.banner>li>div{
  float: left;
  width: 100%;
  text-align: center;
  height: 38px;
  line-height: 38px;
}
.banner li a{
  color: #fff;
  font-weight: bold;
}
.banner>div>a{
  color: #fff;
  font-weight: bold;
}
.banner .banner-1{
  background-color: #58c9e9;
}
.banner .banner-2{
  background-color: #4d9ace;
}
.banner .banner-3{
  background-color: #07b8be;
}
.banner .banner-4{
  background-color: #67b362;
}
.banner .banner-5{
  background-color: #ee9b3b;
}
.banner .banner-6{
  background-color: #dd2e3f;
}
.banner .banner-7{
  background-color: #e425a6;
}
.banner .banner-8{
  background-color: #9f3794;
}
.banner .banner-9{
  background-color: #d6ac8e;
}
.banner .banner-10{
  background-color: rgb(194, 4, 194);
}

.main-con{
  float: left;
  width: 99.9%;
  height: auto;
}
.main-con .col-xs-12{
  padding-left: 0px;
  padding-right: 0px;
}
.m-login{
  float: left;
  /* background: url(../images/m-login.jpg) no-repeat; */
  margin-top: 15px;
  border-right: 1px solid  #e3eaf1;
  border-left: 1px solid;
  border-image: linear-gradient(to top, #fff, #bbdbff) 1;
}
.m-login2{
  float: left;
  /* background: url(../images/m-login.jpg) no-repeat; */
  margin-top: 15px;
  border-right: 1px solid  #e3eaf1;
  border-left: 1px solid;
  border-image: linear-gradient(to top, #fff, #bbdbff) 1;
}
.m-login-title{
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  color: #3e3e3e;
  font-size: 15px;
  margin-bottom: 5px;
  border-top: 1px solid #bbdbff;
  border-bottom: 1px solid #bbdbff;
  --gradient-start: #fefeff;
    --gradient-start-text: '#fefeff';
    --gradient-end: #dfeeff;
    --gradient-end-text: '#dfeeff';
    background: linear-gradient( 
180deg
 , var(--gradient-start), var(--gradient-end));
}
.m-login-con{
  float: left;
  width: 100%;
  margin: 1px auto;
}
.m-login-con div{
  float: left;
}
.m-login-con .form-control{
  height: 26px;
  padding: 2px 6px;
  font-size: 14px;
}
.m-login-con .col-sm-4{
  text-align: right;
  padding-right: 8px;
  padding-left: 0px;
  line-height: 28px;
}
.m-login-con .col-sm-8{
  padding-right: 35px;
  padding-left: 0px;
}
.m-login-con .col-sm-3{
  text-align: right;
  padding-right: 0px;
  padding-left: 0px;
  line-height: 28px;
}
.m-login-con .col-sm-8 input{
  width: 100%;
}
.yzm .col-sm-8 input{
  width: 50%;
  float: left;
}
.yzm .col-sm-8>p{
  margin-bottom: 10px;
}
.yzm .yzm-pic{
  float: right;
}
.m-login-con .m-login-btn{
  float: right;
  padding: 3px 20px;
  margin-bottom: 2px;
}
.m-login-con .btn-primary{
  float: left;
}
.m-login-con img{
  max-width: 100%;
}
.m-login-btn{
  border: 0;
  color: #fff;
  padding: 5px 20px;
  font-weight: bold;
  margin-bottom: 5px;
  --gradient-start: #0167b1;
    --gradient-start-text: '#0167b1';
    --gradient-end: #0c3d7f;
    --gradient-end-text: '#0c3d7f';
    background: linear-gradient( 
180deg
 , var(--gradient-start), var(--gradient-end));
 border-radius: 4px;
}
.m-login-password{
  color: #6e6e6e;
  font-size: 13px;
  margin-right: 12px;
}
.m-login-regist{
  color: #6e6e6e;
  font-size: 13px;
  margin-left: 12px;
}
.password-regist a:hover div{
  text-decoration: underline;
}
.password-regist .col-sm-8 {
  padding-right: 5px;
}

.m-pic{
  float: right;
  height: auto;
  margin-top: 15px;
  margin-bottom: 20px;
  border: 1px solid #cce4fe;
}
.carousel-control{
  width: 6%;
}
.carousel-control.left{
  background-image: none;
}
.carousel-control.right{
  background-image: none;
}
.carousel-indicators .active {
  background-color: #cce2fb;
}
.carousel-indicators {
  bottom: 0px;
}
.carousel-indicators li{
  border: 1px solid #cce2fb;
}

.m-ggao{
  float: left;
  width: 100%;
  height: auto;
  /* margin-top: 6px; */
}
.m-ggao .col-md-6{
  padding: 0;
}
.m-ggao .m-ggao-con{
  float: left;
  height: 90px;
  border-top: 2px solid  #e3eaf1;
  border-left: 2px solid;
  border-image: linear-gradient(to top, #f2f5f5, #d7e1e6) 1;
}
.m-ggao-con>div{
  width: 100%;
  height: 90px;
  --gradient-start: #e5ecf2;
    --gradient-start-text: '#e5ecf2';
    --gradient-end: #f2f5f5;
    --gradient-end-text: '#f2f5f5';
    background: linear-gradient( 
180deg
 , var(--gradient-start), var(--gradient-end));
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}
.m-ggao .m-ggao-con:last-child{
  border-right: 2px solid #d7e1e6;
}
.ggao_img{
  float: left;
  width: 25%;
  margin: 0;
}
.ggao_img img{
  max-width: 90% !important;
}
.ggao_con{
  float: right;
  width: 73%;
  margin-right: 2%;
  padding-left: 2%;
}
.ggao_con_1{
  float: left;
  width: 100%;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  font-weight: bold;
  background-image: linear-gradient(#dbdbdb, rgb(158, 158, 158),#646464, #000, #000, #000);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ggao_con_2{
  float: left;
  width: 100%;
  height: 46px;
  line-height: 15px;
  color: #588da9;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.m-question{
  float: left;
  width: 100%;
  height: auto;
  margin-top: 16px;
  margin-bottom: 32px;
}
.m-question-title{
  float: left;
  width: 100%;
  text-align: center;
  height: 45px;
  margin-bottom: 20px;
}
.m-question-title>div{
  margin: 0px auto;
  width: 144px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/qes.jpg) no-repeat;
}
.m-question-con{
  float: left;
  width: 100%;
  height: auto;
}
.m-question-xian{
  width: 100%;
  float: left;
  height: 1px;
  border-bottom: 1px solid #ccd2d5;
}
.m-question-con-one{
  float: left;
  height: auto;
  border-right: 1px solid #ccd2d5;
  padding-right: 38px;
  padding-bottom: 20px;
}
.m-question-con-1{
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.m-question-con-1 .jia{
  float: left;
  width: 15px;
  height: 15px;
  line-height: 13px;
  background-color: #7a82ed;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-top: 8px;
  margin-right: 10px;
}
.m-question-con-2{
  color:#535353;
}
.m-question-con-two{
  float: left;
  width: 50%;
  height: auto;
  padding-left: 38px;
  padding-bottom: 20px;
}
.m-question-con-three{
  float: left;
  width: 50%;
  height: auto;
  border-right: 1px solid #ccd2d5;
  padding-right: 38px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.m-question-con-four{
  float: left;
  width: 50%;
  height: auto;
  padding-left: 38px;
  padding-top: 30px;
  padding-bottom: 30px;
}
/*---------------------------首頁結束----------------------------*/

/*---------------------------about----------------------------*/
.re-ok{
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.re-ok span{
  float: left;
  width: 100%;
  line-height: 26px;
}
.re-ok b{
  color: crimson;
}
.re-ok .m-login-btn{
  padding: 3px 10px;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.erji-ggao{
  float: left;
}
.ph_member {
    display: none;
    margin-bottom: 6px;
}
.ph_member div{
  margin-bottom: 3px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  --gradient-start: #e5ecf2;
  --gradient-start-text: '#e5ecf2';
  --gradient-end: #f2f5f5;
  --gradient-end-text: '#f2f5f5';
  background: linear-gradient( 180deg , var(--gradient-start), var(--gradient-end));
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  font-weight: bold;
  color: rgb(65, 65, 65);
}
#start {
  margin-bottom: 5px;
}
#start:hover {
  cursor: pointer;
}
#end:hover {
  cursor: pointer;
}
.erji-ggao .m-ggao-con{
  margin-bottom: 6px;
}
.erji-all{
  margin-top: 10px;
}
.erji-right{
}
.erji-title{
  float: left;
  width: 100%;
  border: 1px solid #d8e2ed;
}
.czhm{
  float: left;
  width: 100%;
  background-image: url(../images/bz_top.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 57px;
  max-height: 57px;
  background-position: bottom;
  margin-top: 6px;
}

.czhm-info {
  display: inline-block;
  float: right;
  padding: 5px 30px;
  border-radius: 22px;
  background-color: #3391fa;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  margin-right: 23%;
 }
 .czhm-info:hover {
  z-index: 11;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
 }

 .haolist{
  padding-bottom: 15px;
 }
 @media (min-width: 576px){
.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
}
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
 .modal-app .modal-footer {
  border-top: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}
.haolist .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  
  border: 0px solid #fff;
  border-bottom-color: #fff;
}
.haolist .nav-tabs {
  border-bottom: 0px solid #ddd;
}
.haolist .nav-tabs>li>a {
  border: 0px solid #fff;
  border-radius: 5px;
  background-color: #e5e5e5;
  margin-top: 10px;
  color: #000;
}
.haolist .nav-tabs>li.active a{
  background-color: #3391fa;
  color: #fff;
}
.haolist li{
  text-align: center;
}
.haolist .nav-tabs {
  border-bottom: 0px solid #ddd;
}
.haomore .tab-pane{
  float: left;
  width: 100%;
  margin: 6px auto;
}
.haomore .tab-pane p>span{
  float: left;
  text-align: center;
}
.hyp{
  text-align: center;
  cursor: pointer;
}
.hyp .glyphicon{
  top: 3px;
  margin-right: 3px;
}
.erji-title-1{
  float: left;
  width: 50%;
  font-weight: bold;
}
.erji-title-2{
  float: left;
  width: 50%;
  text-align: right;
}
.erji-title-2 img{
  max-width: 100%;
}
.infom{
  float: left;
  width: 28%;
}
.infom-all{
  width: 100%;
  height: 50px;
  line-height: 50px;
  --gradient-start: #e5ecf2;
  --gradient-start-text: '#e5ecf2';
  --gradient-end: #f2f5f5;
  --gradient-end-text: '#f2f5f5';
  background: linear-gradient( 180deg , var(--gradient-start), var(--gradient-end));
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.infom_con_1{ 
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  background-image: linear-gradient(#dbdbdb, rgb(158, 158, 158),#646464, #000, #000, #000);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-infom{
}
.table-infom input{
  width: 66%;
  float: left;
  display: block;
  margin-right: 3px;
}
.table-infom td>label>input[type=radio]{
  width:auto;
  float: left;
  margin-top: 10px;
}
.table-infom td>label>input[type=checkbox]{
  width:auto;
  float: left;
  padding-top: 0px;
}
.infom-all span{
  float: left;
  margin: auto 5px;
}
.infom a:hover span{
  color: #007aff;
}
.infom-all .glyphicon{
  line-height: 50px;
  padding-left: 12px;
  color: #3f3e3e;
}
.radio-inline{
  line-height: 33px;
}

.b1{
  color: #58c9e9;
}
.b2{
  color: #4d9ace;
}
.b3{
  color: #56a5da;
}
.b4{
  color: #026cb3;
}
.b5{
  color: #07b8be;
}
.b6{
  color: #01959a;
}
.b7{
  color: #34c66e;
}
.b8{
  color: #0c9003;
}
.b9{
  color: #e68719;
}
.b10{
  color: #d05706;
}
.b11{
  color: #f63245;
}
.b12{
  color: #c80452;
}
.b13{
  color: #ed0fa5;
}
.b14{
  color: #c20d9a;
}
.b15{
  color: #c230b3;
}
.b16{
  color: #931185;
}
.b17{
  color: #d89260;
}
.b18{
  color: #c1560a;
}
.erji-con{
  float: left;
  width: 100%;
  height: auto;
  line-height: 30px;
  border-right: 1px solid #e3eaf1;
  border-left: 1px solid;
  border-image: linear-gradient(to top, #fff, #d8e2ed) 1;
  padding-left: 15px;
  padding-right: 15px;
  color: #3e3e3e;
  margin-bottom: 33px;
}
.erji-about{
  float: left;
  width: 100%;
}
/*--------------------------about結束----------------------------*/


/*--------------------------news----------------------------*/
.erji-news{
  float: left;
  width: 100%;
}
.erji-news li{
  float: left;
  width: 100%;
  border: 1px solid #e2eaf3;
  background-color: #f6f9ff;
  margin-bottom: 13px;
  padding: 10px 10px;
}
.erji-news li a{
  color: #023685;
}
/* .erji-news li:last-child{
  border-bottom: 0px dashed #d8e2ed;
} */
.erji-news li div:last-child{
  margin-bottom: 3px;
  color: #6d6d6d;
}
.erji-news .glyphicon{
  top: 3px;
  margin-right: 5px;
}
.newsinfo-title{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 10px;
}
.newsinfo-date{
  float: left;
  width: 100%;
  text-align: center;
  color: #858585;
}
.glyphicon-globe{
  margin: auto 20px;
}
.newsinfo-count{
  float: left;
  width: 100%;
  text-align: center;
  color: #858585;
}
.newsinfo-date .glyphicon{
  margin-right: 3px;
  padding-top: 2px;
}
.newsinfo-con{
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.news-title{
  float: right;
  width: 83%;
  height: 33px;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.news-date{
  float: left;
  width: 17%;
  height: 33px;
  overflow: hidden;
  text-align: left;
}

/*--------------------------news結束----------------------------*/

/*--------------------------service----------------------------*/
.erji-service{
  float: left;
  width: 100%;
  line-height: 33px;
}
.erji-service b{
  font-weight: bold;
  color: #039ba0;
  font-size: 16px;
}
.erji-service span{
  color: #64d5f5;
  padding-right: 6px;
  font-size: 16px;
}
.erji-service .glyphicon{
  top: 3px;
}
.erji-service div{
  background-color: #effafa;
  margin-bottom: 15px;
  padding: 10px 10px;
}
.erji-service table{
  border: 1px solid #ddd;
  background-color: #2f7f81;
  color: #fff;
}
.erji-service table td {
  border: 1px solid #fff;
}
.erji-service table th {
  border: 1px solid #fff;
}


/*--------------------------contact----------------------------*/
.erji-contact{
  float: left;
  width: 100%;
  line-height: 30px;
}
.erji-contact label{
  text-align: right;
}
.erji-contact .form-horizontal .control-label{
  padding-top: 1px;
}
/*--------------------------question----------------------------*/
.erji-question{
  float: left;
  width: 100%;
  line-height: 30px;
}
.erji-question span{
  margin-right: 6px;
  color: #f63245;
}
.panel-title{
  font-size: 14px;
  font-weight: bold;
  color: #a31794;
}
.erji-question a{
  text-decoration: none;
}
.erji-question a:hover{
  color: #a31794;
}
.erji-question a:link{
  color: #a31794;
}
.erji-question a:active{
  color: #a31794;
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #fdf4fc;
  border-color: #fef0fd;
}
.panel-default {
  border-color: #f7e3f5;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #f7e3f5;
}


.modal-footer {
  border-top: 0px solid #e5e5e5;
}
.modal-footer .col-md-5{
  text-align: left;
}
.modal-footer .col-md-5 .btn-primary{
  padding-left: 15px;
  text-align: center;
}
.modal-footer .m-login-btn{
  padding: 5px 15px;
  margin-left: 5px;
}
.modal-title {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.usertop2{
  text-align: center;
  background-color: #4d9ace;
}
.usertop2 h5{
  font-weight: bold;
  color: #fff;
  margin: 5px auto
}
.top2active{
  background-color: #07b8be;
}
.tabservice td{
}
.tabservice th,.tabservice td{
  text-align: center;
  background-color: #2f7f81;
  color: #fff;
  vertical-align: middle!important;
}
.erji-about img{
  max-width: 100%;
}
.sqgg{
  color: #d05706;
  font-size: 16px;
  line-height: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.sqgg b{
  color: #fff;
  background-color: #eb9533;
  padding: 12px 20px;
  border-radius: 20px;
}
.sqgg_info b{
  color: #fff;
  background-color: #fd0000;
  padding: 5px 5px;
}
.sqgg_info{
  background-color: #fff;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.shibai{
  color: #fd0000;
}
.chengg{
  color: #0c9003;
}
.btn-warning2 {
  color: white;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  background-color: #eb5a32;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ed6d49), to(#eb5a32));
  background-image: -webkit-linear-gradient(top, #ed6d49, #eb5a32);
  background-image: -moz-linear-gradient(top, #ed6d49, #eb5a32);
  background-image: -ms-linear-gradient(top, #ed6d49, #eb5a32);
  background-image: -o-linear-gradient(top, #ed6d49, #eb5a32);
  background-image: linear-gradient(top, #ed6d49, #eb5a32);
  border-color: #ed6d49 #ed6d49 #eb5a32;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-warning2:hover{
  color: white;
  background-color: #c54522;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c54522), to(#eb5a32));
  background-image: -webkit-linear-gradient(top, #c54522, #eb5a32);
  background-image: -moz-linear-gradient(top, #c54522, #eb5a32);
  background-image: -ms-linear-gradient(top, #c54522, #eb5a32);
  background-image: -o-linear-gradient(top, #c54522, #eb5a32);
  background-image: linear-gradient(top, #c54522, #eb5a32);
  border-color: #c54522 #c54522 #c54522;
}
.cus_yellow{
  background-color: #4d9ace;
  color: #fff;
  text-align: center;
}
.cus_yellow th{
  text-align: center;
}
.lixir{
  margin-bottom: 12px;
}
.lixir .glyphicon{
  font-weight:100;
  margin-right: 3px;
}
.lixir .btn{
  float: left;
  font-weight: bold;
  margin-right: 5px;
  font-size: 13px;
}
.yuezu{
  color: #f72237;
  font-weight: bold;
}
.table h4{
  margin-top: 5px;
}
.dianhuab{
  display: table;
}
.dianhuab td{
  display: table-cell;
  vertical-align: middle!important;
  line-height: 22px;
}
.table-infom textarea {
  width: 66%;
  float: left;
  display: block;
  margin-right: 3px;
}
.fuxuan{
  margin-top: 6px;
}
.fenzu{
  float: left;
}
.fenzu>.dropdown{
  background-color: #838485;
  border-radius: 3px;
  color: #fff;
  padding: 0px 9px;
}
.fenzu>.dropdown>a{
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}

.dianhuab td.hidden-phone{
  line-height: 22px;
}
.csrq .col-md-2{
  padding-left: 0;
}


/*---------------------------尾部----------------------------*/
.footer{
  position: absolute;
  bottom: 0px;
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 26px;
}
.footer-con{
  background-color: #f3f3f4;
  color: #505050;
  padding:15px 15px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  
  padding: 5px;
  line-height: 30px;
}
#contentall {
  position: relative;
  width: 100%;
  padding-bottom: 110px;
  box-sizing: border-box;
  min-height: 100%;
}