@import "fonts/font.css";
body,html{height:100%;-webkit-tap-highlight-color:transparent}
body {
    width:100%;
    font-size:12px;
    line-height:120%;
    font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    background-color:#F5F5F5;
}
.page,body{background-color:#fbf9fe}
.container{overflow:hidden}.container,.page{position:absolute;top:0;right:0;bottom:0;left:0}.page{overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0}.hd{padding:2em 0}.page_desc{text-align:center;color:#888;font-size:14px}.bd.spacing{padding:0 15px}.page_title{text-align:center;font-size:34px;color:#3cc51f;font-weight:400;margin:0 15%}.global_navs{background-color:transparent}.global_navs:after,.global_navs:before{border-color:#d9dbda}.global_navs .icon_nav{width:28px;height:28px;display:block;margin-right:.7em}.page.button .page_title{color:#225fba}.page.button .bd{padding:0 15px}.page.button .button_sp_area{padding:10px 0;width:60%;margin:0 auto;text-align:justify;text-justify:distribute-all-lines;font-size:0}.page.button .button_sp_area:after{display:inline-block;width:100%;height:0;font-size:0;margin:0;padding:0;overflow:hidden;content:"."}.page.cell .page_title{color:#225fba}.page.cell .bd{padding-bottom:30px}.page.toast{background-color:#fff}.page.toast .bd{padding:120px 15px 0}.page.dialog{background-color:#fff}.page.dialog .bd{padding:120px 15px 0}.page.msg{background-color:#fff}.page.panel .bd{padding-bottom:20px}.page.article{background-color:#fff}.page.article .page_title{color:#de7c23}.page.icons{background-color:#fff;text-align:center}.page.icons .page_title{color:#3e24bd}.page.icons .bd{padding:30px 0;text-align:center}.page.icons .icon_sp_area{padding:10px 20px;text-align:left}.page.icons i{margin:0 5px 10px}.search_show{display:none;margin-top:0;font-size:14px}.search_show .weui_cell_bd{padding:2px 0 2px 20px;color:#666}@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}.page.slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards}.page.slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards}
em{ font-style:normal}
.attachment_box{
  float:left;
  width: 100%;
  height:125px;
  font-size: 14px;
  background-position:0 -126px;
  cursor: pointer;
}
.attachment_box:hover{ 
  background-position:0 0;
  cursor: pointer;  
}
.attachment_box em{ 
  position: absolute;
  left: 0px;
  top: 70px;
  z-index:1000;
  float: left;
  width: 100%;
  text-align: center;
  color: #cbcbcb;
  cursor: pointer;  
}
.attachment_box:hover em{ 
  color:#5d9ae0;
}
.input-file {  
  position:absolute;
  left: 0px;
  top: 0px;
  z-index:9999;
  float: left;
  display:block;
  width: 100%;
  height: 125px;
  font-size: 55px;
  font-weight: bold;
  text-indent: -9999px;
  *border: none;
  cursor: pointer;
  filter: alpha(opacity:0);
  opacity: 0;
}
.attachment_box,
.attachment_box:hover {
  background-image: url(images/img-converge.png); 
  background-repeat:no-repeat;
}
.attachment a{
  position:relative;
  float:left;
  width:100%;
  height:125px;
}
.attachment a.list{
  height:60px;
}
.attachment a img{
  position: absolute;
  left:0;
  top:0;
  z-index:0;
  float:left;
  width:100%;
  height:125px;
}
.attachment a.list img{
  height:60px;
}
.attachment a em{
  position: absolute;
  left:0;
  bottom:0;
  z-index:1000;
  float:left;
  width:100%;
  height:1.5rem;
  font-size:14px;
  text-align:center;
  line-height:1.5rem;
  color:#fff;
  background-color:#000;
  filter:alpha(opacity=50); 
  -moz-opacity:0.5; 
  opacity:0.5;
}
.attachment a:hover img{
  z-index:0;
}
/* progress bar */
.attachment_box.up-loading {
  background-color:#f9f9f9;
  background-image:none;  
}
.attachment_box.up-loading.in img {
  width: 100%; 
  height: 125px;
}
.attachment_box.up-loading .progress {
  width:90%;
  margin-left:9px;
  margin-top:45px;
  background-color: #CCC;
}
.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  line-height:20px;
  text-align: right;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top,#149bdf,#0480be);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
  background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
  background-image: -o-linear-gradient(top,#149bdf,#0480be);
  background-image: linear-gradient(to bottom,#149bdf,#0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width .6s ease;
  -moz-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}