/* Minification failed. Returning unminified contents.
(186,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(187,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(188,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(189,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(190,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1241,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(1310,44): run-time error CSS1046: Expect comma, found '50'
(1310,50): run-time error CSS1046: Expect comma, found '/'
(1311,36): run-time error CSS1046: Expect comma, found '50'
(1311,42): run-time error CSS1046: Expect comma, found '/'
(3178,32): run-time error CSS1046: Expect comma, found '0'
(3178,36): run-time error CSS1046: Expect comma, found '/'
(4159,44): run-time error CSS1046: Expect comma, found '50'
(4159,50): run-time error CSS1046: Expect comma, found '/'
(4160,36): run-time error CSS1046: Expect comma, found '50'
(4160,42): run-time error CSS1046: Expect comma, found '/'
(4308,34): run-time error CSS1046: Expect comma, found '0'
(4308,38): run-time error CSS1046: Expect comma, found '/'
(4391,32): run-time error CSS1046: Expect comma, found '0'
(4391,36): run-time error CSS1046: Expect comma, found '/'
(4728,1): run-time error CSS1019: Unexpected token, found ','
(5714,1): run-time error CSS1019: Unexpected token, found ']'
(6403,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6409,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8447,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8448,8): run-time error CSS1035: Expected colon, found '{'
(8451,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8452,8): run-time error CSS1035: Expected colon, found '{'
(8457,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8458,8): run-time error CSS1035: Expected colon, found '{'
(8461,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8462,8): run-time error CSS1035: Expected colon, found '{'
(8467,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8468,8): run-time error CSS1035: Expected colon, found '{'
(8471,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8472,8): run-time error CSS1035: Expected colon, found '{'
(8478,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8482,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8488,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8493,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8500,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8504,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8510,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
html,
body {
  margin:0 auto;
  padding:0;
  min-height: 100%;
  height:auto;
  height:100% !important;
  min-width:360px;
}
body {
    background: #5DBCD6;
    font-family: Arial,sans-serif;
    font-weight: 400;
}
 a,* {
   outline: none !important; /* for Firefox Google Chrome  */
   behavior:expression(this.onFocus=this.blur()) !important; /* for IE */
   text-decoration: none;
 }

/* a:hover {
  opacity: .7;
} */
strong {
  font-weight: 600;
}

.warp {
  margin:0 auto;
  padding:0;
  width:100%;
  height:100%;
  min-height: 500px;
}
.lang-area {
  width: 160px;
  height: 100%;
  display: inline-block;
  position: absolute;
}
header {
  background:#fff;
  box-shadow:0 0 8px rgba(0,0,0,.4);
  height:auto;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index: 99999999;
  min-height:70px;
}
.update_tips {
    background:#c40404;
    color:#fff;
    padding:5px 40px;
	text-align:center;
}
.update_tips + div + div + .ajmenu{
    position:absolute;
    bottom:0px;
    top:auto;
    top:unset;
}
.update_tips + div + div .moreHideContent{
	top:99px;
}
 .h-left,.h-right,.topnav ul li {
   display:inline-block;
 }
 .h-left {
   float:left;
   height:70px;
   overflow:hidden;
 }
 .h-right {
   float:right;
   position: relative;
   /* margin:0 110px 0 0; */
 }
  .topnav ul {
    margin: 0;
    padding: 0;
  }
  .topnav li {
    height:52px;
    padding-top:20px;
    float:left;
  }
  .active {
    background:#137E9F;
  }
  .topnav{
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .topnav a {
    display: block;
    color:#003647;
    font-size:16px;
    padding: 3px 31.5px;
  }
  .topnav a:hover,.moreHideList li a:hover{
    color: #D53C00;
  }
  .active a,.topnav li.active a:hover{
    color:#fff;
  }
  .fnav .active {
    background: none;
    color:#000;
  }
  .logo {
    display: block;
    margin: 8px 0 0px 40px;
    height: 40px;
    width: auto;
	float:left;
  }
  .top_desc{
    margin-left: 10px;
    font-size:14px;
    color:#6b6b6b;
	float:left;
	margin-top:37px;
  }

/* nav */
ul,
li {
  list-style: none;
}
.margin18{
    margin:18px 0;
	margin-bottom:10px;
}
.marginfinish{
    margin:22px auto 0 !important;
}
.content {
    padding-top: 98px;
}
.ajmenu {
  cursor:pointer;
  /* display:block !important; */
  display: none;
  position:fixed;
  right:40px;
  top:7px;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 999;
}

.ajmenu + nav.menu {
  opacity: 0;
  display:none;
}
.ajmenu.is-active + nav.menu {
  opacity: .9
}
.ui-menu__conent {
  display:block;
  height:30px;
  position: relative;
}
.ui-menu__line {
  background: #f58446;
  height:4px;
  left:0;
  position: absolute;
  top:0;
  -webkit-transform: translateY(0px) translateZ(0px);
  -moz-transform: translateY(0px) translateZ(0px);
  -ms-transform: translateY(0px) translateZ(0px);
  -o-transform: translateY(0px) translateZ(0px);
  transform: translateY(0px) translateZ(0px);
  -webkit-transition: background-color: 0.35s ease 0s, transform 0.17s cubic-bezier(0.21, 0.6, 0.35, 1)0s, opacity 0.17s cubic-bezier(0.21, 0.61, 0.35, 1)0s;
  -moz-transition: background-color: 0.35s ease 0s, transform 0.17s cubic-bezier(0.21, 0.6, 0.35, 1)0s, opacity 0.17s cubic-bezier(0.21, 0.61, 0.35, 1)0s;
  -ms-transition: background-color: 0.35s ease 0s, transform 0.17s cubic-bezier(0.21, 0.6, 0.35, 1)0s, opacity 0.17s cubic-bezier(0.21, 0.61, 0.35, 1)0s;
  -o-transition: background-color: 0.35s ease 0s, transform 0.17s cubic-bezier(0.21, 0.6, 0.35, 1)0s, opacity 0.17s cubic-bezier(0.21, 0.61, 0.35, 1)0s;
  transition: background-color: 0.35s ease 0s, transform 0.17s cubic-bezier(0.21, 0.6, 0.35, 1)0s, opacity 0.17s cubic-bezier(0.21, 0.61, 0.35, 1)0s;
  width:100%;
}
.ui-menu__line1,.ui-menu__line2,.ui-menu__line3 {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.ui-menu__line1 {
  top:0;
}
.ui-menu__line2 {
  top:8px;
}
.ui-menu__line3 {
  top:16px;
}
.is-active .ui-menu__line1 {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
.is-active .ui-menu__line2 {
  opacity: 0;
}
.is-active .ui-menu__line3 {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}
input[type="checkbox"] {
  display: none;
}
input[type="password"]{
  transition: all 1s ease;
}
input[type="password"]:focus,
input[type="password"]:active {
  /*border: 1px solid rgba(110, 110, 125, 0.6);
  box-shadow:0 0 2px rgba(15, 250, 210, 0.4);*/
}
input[disabled="disabled"] {

}


.menu {
  background:#ECF9F8;
  padding:25px 0;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  top:70px;
  right:-600px;
  height:calc(100% - 70px);
  box-shadow: 0px 3px 6px #00000066;
  width: 250px;
  z-index: 99999999;
  text-align: center;
  overflow: auto;
  box-sizing:border-box;
}
.menu.updateTips{
	top:96px;
}
 .pcnone {
   display: none !important;
 }
 .m-indox-wrap{
  padding-bottom: 200px;
 }
 .m-inbox {
  height: auto;
  margin-bottom: 80px;
}
.m-inbox a {
   color: #003647;
   display: block;
   padding:0px 40px;
   line-height: 40px;
   font-size: 16px;
   text-align: left;
 }
 .m-inbox a.active {
    color:#fff;
  }
 .m-inbox>div{
     color:#7c7c80;
     text-align:left;
     padding:10px 40px;
     margin-top:20px;
 }
  .m-inbox>div:nth-child(1){
      margin-top:0px;
  }
  /*.m-inbox a.protectPdf:after{
    content:"";
    display: block;
    max-width:150px;
    width:100%;
    border: 1px solid #B3D8DC;
    margin-top: 40px;
  }*/
  .m-inbox a.feedback:before{
	content:"";
    display: block;
    max-width:150px;
    width:100%;
    border: 1px solid #B3D8DC;
    margin-top:20px;
    position:relative;
    top:-10px;
  }

/* menu style */
.ptow,
.wtop,
.ptoj,
.jtop,
.etop,
.ptop,
.lock {
  position: relative;
}

.ptow::before,
.wtop::before,
.ptoj::before,
.jtop::before,
.etop::before,
.ptop::before,
.lock::before {
  content: "";
  display: block;
  height: 30px;
  left: 20px;
  position: absolute;
  width: 30px;
  top: 18px;
}


.ptoj::before {
  background: rgba(0, 0, 0, 0) url("/Content/images/sidemenu_pdfjpg.png") no-repeat scroll 0 0;
}
.jtop::before {
  background: rgba(0, 0, 0, 0) url("/Content/images/sidemenu_jpgpdf.png") no-repeat scroll 0 0;
}
.etop::before {
  background: rgba(0, 0, 0, 0) url("/Content/images/sidemenu_exelpdf.png") no-repeat scroll 0 0;
}
.ptop::before {
  background: rgba(0, 0, 0, 0) url("/Content/images/sidemenu_pptpdf.png") no-repeat scroll 0 0;
}
.lock::before {
  background: rgba(0, 0, 0, 0) url("/Content/images/sidemenu_encrypt.png") no-repeat scroll 0 0;
}

/* menu style end */
.mt-box {
  text-align: center;
  margin: 0 auto 200px;
  max-width: 1000px;
  width: 100%;
}
.mt-box h1,
.mt-box p {
  color:#187b92;
}
.mt-icon {
  background: url('/Content/images/mt-bg.png') no-repeat;
  height:256px;
  width:620px;
  margin: 130px auto 0;
}

.breadcrumbs_container {
    max-width: 1000px;
    margin: 0 auto;
    font-size:16px;
    color:#fff;
    margin-top:25px;
    margin-bottom:50px;
}
.breadcrumbs_container a, .breadcrumbs_container a:hover {
    font-size: 16px;
    color: #fff;
}
.breadcrumbs_container .breadcrumbs_split {
    margin:0 5px;
}
.t-box {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    max-width: 1000px;
    min-height: 345px;
    width: 100%;
    /*margin: 190px auto 0;*/
    margin: 20px auto 0;
    position: relative;
    /* position:absolute;
  left:50%;
  top:40%;
  margin: -150px 0 0 -500px; */
}
.t-box.support,
.t-box.adminlogin,
.t-box.adminlogin {
  background: #fff;
  padding: 40px 50px;
  height: auto;
  margin: 110px auto !important;
  position: relative;
  left: auto;
  top: auto;
}
.t-box.about.cfix{
  background: #fff;
  padding: 40px 50px;
  height: auto;
  margin: 110px auto;
  position: relative;
  left: auto;
  top: auto;
}
.t-box.about{
    /*margin-bottom:40px !important;*/
}
 .t-box.about h1,
 .t-box.about h2,
 .t-box.about h3,
 .t-box.about p,
 .t-box.about ul li,
 .t-box.support h1,
 .t-box.support h2,
 .t-box.support h3,
 .t-box.support p,
 .t-box.support ul li {
   color: #363636;
 }
 .t-box.about h1,
 .t-box.about h2,
 .t-box.about h3,
 .t-box.support h1,
 .t-box.support h2,
 .t-box.support h3 {
   font-size: 28px;
   font-weight: 400;
 }
 .t-box.about p,
 .t-box.support p {
   padding-left: 3px;
 }
 .t-box.about p,
 .t-box.about ul li,
 .t-box.support p,
 .t-box.support ul li {
   line-height: 27px;
   font-size: 15px;
 }
 .t-box.about h1,
 .t-box.support h1 {
   margin: 0;
 }
 .t-box.about ul,
 .t-box.support ul {
   padding-left:19px;
 }
 .t-box.about ul li,
 .t-box.support ul li {
   list-style: decimal;
 }
 .t-box.support p {
   margin: 30px 0 20px;
 }
 .t-box.support a {
   color:#f58546;
 }
 .t-left {
   background:#DFE8EA;
   border-radius: 10px  0 0 10px;
   /*float:left;*/
   width:30%;
   height:100%;
   position:absolute;
 }
 /* pdf to word */
  .pdf2word {
    /*background:url('/Content/images/pdftoword.png') no-repeat;*/
    height:176px;
    /*margin: 22% auto 0 21%;*/
    margin: 40px auto 0;
    position: relative;
    width:100%;
    /*background-size:cover;*/
  }

  .box__icon.p2w {
    background: url('/Content/images/pdf.png') no-repeat;
    height:71px;
    width:63px;
    margin:50px auto 0;
  }
  #dropbox .box__icon.p2w{
	  margin-top:30px;
  }
  /* pdf to word end */
  /* word to pdf */
   .word2pdf {
     /*background:url('/Content/images/wordtopdf.png') no-repeat;*/
     height:176px;
     /*margin: 22% auto 0 21%;*/
     margin: 40px auto 0;
     position: relative;
    width:100%;
    /*background-size:cover;*/
   }

   .box__icon.w2p {
     background: url('/Content/images/word.png') no-repeat;
     height:71px;
     width:63px;
     margin:50px auto 0;
   }
   /* word to pdf end */
   /* pdf to jpg */
    .pdf2jpg {
      /*background:url('/Content/images/pdfjpg.png') no-repeat;*/
      height:176px;
      /*margin: 22% auto 0 20%;*/
      margin: 40px auto 0;
      position: relative;
      width:100%;
      /*background-size:cover;*/
    }

    .box__icon.p2j {
      background: url('/Content/images/pdf.png') no-repeat;
      height:71px;
      width:63px;
      margin:50px auto 0;
    }
	#dropbox .box__icon.p2j{
		margin-top:30px;
	}
    /* pdf to jpg end */
   /* pdf to img */
    .pdf2img {
      /*background:url('/Content/images/extractpicture.png') no-repeat;*/
      height:156px;
      /*margin: 22% auto 0 20%;*/
      margin: 22% auto 0;
      position: relative;
      width:158px;
    }
    #previewContent{
        height:100%;
        overflow:hidden;
        display:flex;
    }
    #previewContent .previewLeft {
        width:145px;
        border-right:2px solid #eee;
        position:relative;
        text-align:center;
    }
    #previewContent .previewRight {
        flex:1;
        position:relative;
    }
    #previewContent .previewContainer{
        height:100%;
        width:100%;
        overflow-y:auto;
        overflow-x:hidden;
    }
    #previewContent .previewItem{
        display:inline-block;
        /*align-items:center;
        justify-content:center;*/
        width:110px;
        height:155px;
        margin:10px;
        position:relative;
        border-radius: 3px;
        background: #f6f6f6;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    #previewContent .previewLeft .previewItem{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
    #previewContent .previewItemSelected{
        background:#e6e6e6;
    }
    .preview_download{
        position:absolute;
        bottom:2px;
        left:50%;
        transform:translateX(-50%);
        cursor:pointer;
        height:32px;
        width:32px;
        background: url('/Content/images/icons/down.png') no-repeat;
        border-radius:50%;
    }
    .preview_download:hover{
        background: url('/Content/images/icons/down_highlight.png') no-repeat;
    }
    .preview_download:active{
         -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    #previewContent .previewRight .previewItem img{
        max-width:100%;
        max-height:100%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    .preview_download{
        display:none;
    }
    .previewLoading{
        position:absolute;
        height:50px;
        width:50px;
        top:50%;
        margin-top:-25px;
        left:50%;
        margin-left:-25px;
        background:url('/Content/images/icons/Waiting_create.gif') no-repeat;
        background-size:100%;
    }
    .previewNull{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    .previewItem .folderName{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        margin-top:10px;
        max-width:90%;
    }
    .previewItem .pdffolder{
        height:48px;
        width:48px;
        background:url('/Content/images/icons/folder.png') no-repeat;
    }
    .previewItem.previewItemSelected .pdffolder{
        background:url('/Content/images/icons/folder_open.png') no-repeat;
    }
    /* pdf to img end */
    /* jpg to pdf */
     .jpg2pdf {
       /*background:url('/Content/images/jpg_pdf.png') no-repeat;*/
       height:176px;
       /*margin: 22% auto 0 21%;*/
       margin: 40px auto 0;
       position: relative;
        width:100%;
        /*background-size:cover;*/
     }

     .box__icon.j2p {
       background: url('/Content/images/jpg.png') no-repeat;
       height:71px;
       width:63px;
       margin:50px auto 0;
     }
     /* jpg to pdf end */
     /* excel to pdf */
      .excel2pdf {
        /*background:url('/Content/images/excel_pdf.png') no-repeat;*/
        height:176px;
        /*margin: 22% auto 0 22%;*/
        margin: 40px auto 0;
        position: relative;
        width:100%;
        /*background-size:cover;*/
      }

      .box__icon.e2p {
        background: url('/Content/images/excel.png') no-repeat;
        height:71px;
        width:63px;
        margin:50px auto 0;
      }
      /* excel to pdf end */
      /* ppt to pdf */
       .ppt2pdf {
         /*background:url('/Content/images/ppt_pdf.png') no-repeat;*/
         height:176px;
         /*margin: 22% auto 0 22%;*/
         margin: 40px auto 0;
         position: relative;
         width:100%;
         /*background-size:cover;*/
       }

       .box__icon.p2p {
         background: url('/Content/images/ppt.png') no-repeat;
         height:71px;
         width:63px;
         margin:50px auto 0;
       }
       /* ppt to pdf end */
       /* protect pdf */
        .protectpdf {
          /*background:url('/Content/images/encrypt.png') no-repeat;*/
          height:156px;
          /*margin: 22% auto 0 21%;*/
          margin: 22% auto 0;
          position: relative;
          width:100%;
          text-align:center;
        }

        .box__icon.pp {
          background: url('/Content/images/encrypt2.png') no-repeat;
          height:71px;
          width:63px;
          margin:50px auto 0;
        }
		#dropbox .box__icon.pp{
			margin-top:30px;
		}
        /* ppt to pdf end */
         /* mergepdf */
      .mergepdf {
        /*background:url('/Content/images/mergepdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
          width:100%;
          text-align:center;
      }
      /* mergepdf */
       /* splitpdf */
      .splitpdf_icon {
        /*background:url('/Content/images/splitpdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
          width:100%;
          text-align:center;
      }
      /* splitpdf */
      /* removepdf */
      .removepdf_icon {
        /*background:url('/Content/images/movepdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
          width:100%;
          text-align:center;
      }
      /* removepdf */
      /* compresspdf */
      .compresspdf_icon {
        /*background:url('/Content/images/compresspdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* compresspdf */
      /* addwatermark */
      .addwatermark_icon {
        /*background:url('/Content/images/addwatermark.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* addwatermark */
      /* removewatermark */
      .removewatermark_icon {
        /*background:url('/Content/images/addwatermark.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* removewatermark */
      /* html2pdf */
      .html2pdf_icon {
        /*background:url('/Content/images/htmltopdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* html2pdf */
      /* txt2pdf */
      .txt2pdf_icon {
        /*background:url('/Content/images/txttopdf.png') no-repeat;*/
        height:176px;
        /*margin: 22% auto 0 21%;*/
        margin: 40px auto 0;
        position: relative;
        width:100%;
        /*background-size:cover;*/
      }
       .box__icon.t2p {
        background: url('/Content/images/txt.png') no-repeat;
        height:71px;
        width:63px;
        margin:50px auto 0;
      }
      /* txt2pdf */
      /* organizepdf */
      .organizepdf_icon{
        /*background:url('/Content/images/managepdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* organizepdf */
      /* pdf2excel */
      .pdf2excel_icon{
        /*background:url('/Content/images/pdftoexcel.png') no-repeat;*/
        height:176px;
        /*margin: 22% auto 0 21%;*/
        margin: 40px auto 0;
        position: relative;
        width:100%;
        /*background-size:cover;*/
      }
      /* pdf2excel */
      /* pdf2txt */
      .pdf2txt_icon{
        /*background:url('/Content/images/pdftotxt.png') no-repeat;*/
        height:176px;
        /*margin: 22% auto 0 21%;*/
        margin: 40px auto 0;
        position: relative;
        width:100%;
        /*background-size:cover;*/
      }
      /* pdf2txt */
      /* pdf2ppt */
      .pdf2ppt_icon{
        /*background:url('/Content/images/pdftoppt.png') no-repeat;*/
        height:176px;
        /*margin: 22% auto 0 21%;*/
        margin: 40px auto 0;
        position: relative;
        width:100%;
        /*background-size:cover;*/
      }
      /* pdf2ppt */
       /* rotatepdf */
      .rotatepdf_icon{
        /*background:url('/Content/images/rotatepage.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
          width:100%;
          text-align:center;
      }
      /* rotatepdf */
       /* addpagenumber */
      .addpagenumber_icon{
        /*background:url('/Content/images/addpagenumber.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* addpagenumber */
      /* signpdf */
      .signpdf_icon{
        background:url('/Content/images/sign.png') no-repeat;
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
          width:100%;
          text-align:center;
      }
      /* signpdf */
       /* pdfunlock */
      .pdfunlock_icon{
        /*background:url('/Content/images/unlocking.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* pdfunlock */
       /* office2pdf */
      .office2pdf{
        /*background:url('/Content/images/othertopdf.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }

       .box__icon.o2p {
         background: url('/Content/images/all.png') no-repeat;
         height:71px;
         width:63px;
         margin:50px auto 0;
       }
      /* office2pdf */
      /* pdf2office */
      .pdf2office_icon{
        /*background:url('/Content/images/pdftoother.png') no-repeat;*/
        height:156px;
        /*margin: 22% auto 0 21%;*/
        margin: 22% auto 0;
        position: relative;
        width:100%;
        text-align:center;
      }
      /* pdf2office */
 .t-right {
   background:#fff;
   border-radius: 0  10px 10px 0;
   float:right;
   width:70%;
   min-height:345px;
   /*height:100%;*/
 }
  .error {
    background: url('/Content/images/error.png') no-repeat;
    height: 72px;
    width: 72px;
    margin: 22px auto 0;
    background-size: contain;
  }
.btn-box {
  text-align: center;
  display: inline-block;
  /*margin-top: 20px;*/
}

.fs-12.pro {
  color:#fff;
  display: none;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  margin-left: 29%;
}

.btn {
  border: 1px solid #707070;
  border-radius: 4px;
  display: inline-block;
  margin: 0 6px;
  padding: 7px 40px;
  text-align: center;
  font-size: 16px;
  margin: 12.5px 6px;
}
 .btn.reUpload,
 .btn.down,
 .btn.free,
 .btn.protect {
   background:#D65D2F;
   color:#fff;
   border: 1px solid rgba(255,255,255,0);
 }
.btn.protect {
  margin-top: 27px !important;
  cursor: pointer;
  width: 35%;
}
.btn.protect.none {
  cursor: no-drop;
  background: #dcdcdd;
}

.btnfb {
  background: #f58446 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #fff;
  display: table !important;
  font-size: 18px;
  margin: 40px auto !important;
  padding: 5px 60px 12px;
}

.btnfb:hover {
  opacity: .7;
}

.btn.re {
   color:#706383;
 }
.box__input {
  padding:25px;
}
.box__button.do {
  display: none;
}
.cfix::before,
.cfix::after {
  content:'';
  display:block;
  clear: both;
}
.t-center {
  text-align: center;
  padding: 0 21px;
  font-size: 14px;
  line-height: 23px;
}

.fs-13 {
  font-size:13px;
  color: #333;
}
.fs-18 {
  font-size: 18px;
}
.fs-30 {
  font-size: 30px !important;
}

.filename.t-center {
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden;
  width:90%;
  margin: 4.5% auto 0;
}

.exfilename {
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden;
  /*width:90%;*/
  display: inline-block;
}
.exfilename{
    text-align:center;
}
.exfilename_div{
    padding: 0 20px;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.exdone_result{
    position:relative;
}
.evaluteResult,.evaluteResult:hover{
    display:none;
    position:absolute;
    right:20px;
    top:0;
    overflow:hidden;
    color: #3c3c3c;
}
.evalute_dialog .radio{
    margin-bottom: 15px;
}
.evalute_dialog textarea::-webkit-input-placeholder,.evalute_dialog textarea::-moz-placeholder,.evalute_dialog textarea:-moz-placeholder,.evalute_dialog textarea::-ms-input-placeholder{
    color:red;
    font-size:15px;
    line-height:50px;
}
.evalute_dialog textarea{
    line-height:25px;
    width:100%;
    height:144px;
    font-size:15px;
    color:#8d8d8d;
    padding:10px;
    resize:none;
    box-sizing:border-box;
    border:1px solid #cfcfcf;
    border-radius:3px;
}
.evalute_dialog .evalute_radio_label{
    color:#3c3c3c;
    font-size:15px;
}
.evalute_tips1,.evalute_tips2{
    font-size:18px;
    color:#d53c00;
    font-weight:bold;
}
.evalute_tips1{
    margin-bottom:15px;
}
.evalute_tips2{
    margin-top:15px;
    margin-bottom:15px;
}
.evalutepanel1,.evalutepanel2{
    margin-left:28px;
    margin-bottom:15px;
}
.evalute_dialog .passwordSubmitdiv{
    text-align:center;
    margin-top:30px;
}
#evalute_ok,#evalute_cancel{
    font-size:15px;
    width:125px;
    height:38px;
    border-radius:3px;
    /*border:1px solid #939393;*/
    background:#D53C00;
    color:#fff;
    border:none;
    margin-right:20px;
}
#evalute_ok:hover{
    background:#f35416;
}
#evalute_ok:active{
    background-color:#c83800;
}
#evalute_cancel{
    background:#f5fcff;
    border:1px solid #979797;
    color:#1d2225;
}
#evalute_cancel:hover{
    background:#e8eff2
}
#evalute_cancel:active{
    background:#dde5e8;
}
.evalute_dialog input[type="radio"]:checked+label::before,.evalute_dialog .radio [type=radio]:not(:checked)+label:before{
    height:16px;
    width:16px;
    flex:0 0 16px;
}
.evalute_dialog .radio [type=radio]:checked+label:after,.evalute_dialog .radio [type=radio]:not(:checked)+label:after{
    background:#767676;
    height:8px;
    width:8px;
    left:4px;
    margin-top:-4px;
}
.evasuccessicon,.evaloadingicon,.evafailicon{
    position:relative;
    text-align:center;
    padding:30px 0;
}
.evasuccessicon>span,.evaloadingicon>span,.evafailicon>span{
    display:inline-block;
    height:48px;
    width:48px;
    background: url(../Content/images/icons/evalutesuccess.png) no-repeat center;
    background-size:100%;
}
.evaloadingicon>span{
    background: url(../Content/images/icons/waiting.gif) no-repeat center;
    background-size:100%;
}
.evafailicon>span{
    background: url(../Content/images/icons/evafailicon.png) no-repeat center;
    background-size:100%;
}
.evasuccessinfo{
    font-size:15px;
    text-align:center;
}
 label strong {
   color:#39bfd3;
 }
 label span {
   color:#b5c0c3;
 }

/* preview */
#fileElem {
  display: none;
}

#dropbox,
.exdone,
.exerror,
.uperror,
.upload,
.error-boxs,
.exchangebox,
.uploadbox
 {
background: #F5FCFF;
border: 1px dashed #96BFCA;
border-radius: 8px;
cursor: pointer;
display: block;
margin: 20px;
padding: 3px 10px;
text-align: center;
color: #6E6E6E;
letter-spacing: 1px;
font-size: 18px;
min-height: 218px;
}
#dropbox{
	min-height:200px;
	margin-bottom:15px;
}
.exdone,
.exerror,
.upload,
.uperror,
.error-boxs,
.exchangebox,
.uploadbox {
  cursor: unset; !important;
}
.exdone,
.exerror,
.uperror,
.maxlimit,
.upload,
.error-boxs,
.errormsg,
.exchangebox,
.uploadbox {
  display: none;
}
/*.exdone p{
  margin-top: 9%;
}*/
.addFavorite,.convertFail{
    color:#3c3c3c;
    float:right;
    cursor:pointer;
    line-height:30px;
    height:30px;
    margin-right:20px;
    margin-left:20px;
}
.addFavorite:hover,.convertFail:hover{
    color:#3c3c3c;
}
.failTips{
    margin-bottom:-15px;
}
.failTips::after {
  content:'';
  display:block;
  clear: both;
}
.exdone{
    text-align:center;
}
.exdone_container{
    /*padding: 10px 20px 25px;*/
    padding-top:10px;
    padding-bottom:25px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}

.exdone_btn_container{
    /*position:relative;
    margin:15px auto;*/
    display:flex;
    justify-content:center;
    align-items:center;
}
.exdone_container{
    text-align:left;
}
.exdone_container .btn{
    width:100%;
    height:80px;
    line-height:80px;
    background: #D53C00;
    color: #fff;
    display:inline-block;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    z-index: 998;
    -webkit-box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: 0;
    border-radius: 5px;
    text-align:center;
    padding:0;
    width:310px;
    white-space:nowrap;
}
.exdone_btn_container {
    /*width:310px;*/
}
.exdone_container .btn:hover {
    background-color: #f35416;
}
.exdone_container .btn:active{
    background-color: #c83800;
}
.exdone_reselect{
    /*margin-right:25px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-75px;*/
    flex:1;
    display:flex;
    justify-content:flex-end;
}
.exdone_reselect a{
    height:50px;
    width:50px;
    background: url(../Content/images/icons/reselect.png) no-repeat center;
    background-size:100%;
    margin-right:25px;
}
.exdone_reselect a:hover{
    background: url(../Content/images/icons/reselect_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave{
    /*margin-left:25px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-125px;
    width:100px;*/
    flex:1;
}
.exdone_cloudsave ul{
    margin-left:25px;
    width:100px;
}
.exdone_cloudsave ul li{
    display:inline-block;
    float:left;
    display:none;
}
.exdone_cloudsave ul li a{
    display:inline-block;
    height:50px;
    width:50px;
    float:left;
}
.exdone_cloudsave ul li:nth-child(1) a{
    background: url(../Content/images/icons/googledrive.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(1) a:hover{
    background: url(../Content/images/icons/googledrive_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(2) a{
    background: url(../Content/images/icons/link.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(2) a:hover{
    background: url(../Content/images/icons/link_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(3) a{
    background: url(../Content/images/icons/dropbox.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(3) a:hover{
    background: url(../Content/images/icons/dropbox_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(4) a{
    background: url(../Content/images/icons/done_delete.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(4) a:hover{
    background: url(../Content/images/icons/done_delete_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(5) a{
    background: url(../Content/images/icons/enjoylink.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(5) a:hover{
    background: url(../Content/images/icons/enjoylinklink_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(6) a{
    background: url(../Content/images/icons/previewphoto.png) no-repeat center;
    background-size:100%;
}
.exdone_cloudsave ul li:nth-child(6) a:hover{
    background: url(../Content/images/icons/previewphoto_highlight.png) no-repeat center;
    background-size:100%;
}
.exdone_other_container ul li{
    display:inline-block;
}
.exdone_other_container ul li a{
    display:inline-block;
    height:50px;
    width:50px;
}
.exdone_other_container ul li:nth-child(1) a{
    background: url(../Content/images/icons/compress.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(1) a:hover{
    background: url(../Content/images/icons/compress_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(2) a{
    background: url(../Content/images/icons/addpassword.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(2) a:hover{
    background: url(../Content/images/icons/addpassword_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(3) a{
    background: url(../Content/images/icons/mergepdf.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(3) a:hover{
    background: url(../Content/images/icons/mergepdf_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(4) a{
    background: url(../Content/images/icons/rotatepdf.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(4) a:hover{
    background: url(../Content/images/icons/rotatepdf_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(5) a{
    background: url(../Content/images/icons/deletepage.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(5) a:hover{
    background: url(../Content/images/icons/deletepage_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(6) a{
    background: url(../Content/images/icons/split.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(6) a:hover{
    background: url(../Content/images/icons/split_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(7) a{
    background: url(../Content/images/icons/arrange.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(7) a:hover{
    background: url(../Content/images/icons/arrange_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(8) a{
    background: url(../Content/images/icons/watermark.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(8) a:hover{
    background: url(../Content/images/icons/watermark_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(9) a{
    background: url(../Content/images/icons/addnumber.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(9) a:hover{
    background: url(../Content/images/icons/addnumber_highlight.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(10) a{
    background: url(../Content/images/icons/jpgtopdf.png) no-repeat center;
}
.exdone_other_container ul li:nth-child(10) a:hover{
    background: url(../Content/images/icons/jpgtopdf_highlight.png) no-repeat center;
}
.exdone_title{
    font-size:21px;
    font-weight:bold;
    color:#3C3C3C;
}
.exdone_title1{
    font-size:15px;
    color:#000000;
    margin-top:10px;
}
.exdone_other_container{
    margin-top:12px;
    display:flex;
    justify-content:center;
}
.sharefile_content{
    padding:0 30px 30px;
}
.sharefile_content .title{
    font-size:18px;
    color:#d53c00;
    font-weight:bold;
    margin-bottom:18px;
}
.sharefile_content .filepath{
    padding-left:36px;
    height:42px;
    box-sizing:border-box;
    border:1px solid #cfcfcf;
    display:block;
    width:100%;
    border-radius:4px;
    background:url(../Content/images/icons/url.png) no-repeat 6px center;
}
.sharefile_content .copybtn{
    background:#619581;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    border:0;
    height:42px;
    padding:0 12px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    position:absolute;
    right:0;
    top:0;
}
#dropbox p{
    margin-top:18px;
}
.errormsg {
  text-align: center;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:20px;
}
.dactive{
background:#fff !important;
}
.protect-form {
  text-align: center;
}
.protect-form input {
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  display: block;
  height: 44px;
  margin-top:15px;
  padding: 0 7px;
  box-sizing:border-box;
  width: 100%;
  font-size: 15px;
  letter-spacing: 3px;
  font-family: "Microsoft YaHei","Noto Sans TC",Arial,sans-serif;
  padding-right:44px;
  color: #333333;
}
.protect-form input:focus{
    outline:none;
}
.protect-form .inputDIV{
    position:relative;
}
.protect-form .eyeIcon{
    display:inline-block;
    height:44px;
    width:44px;
    background: #bbbbbb url(../Content/images/icons/password_hide.png) no-repeat center;
    position:absolute;
    top:0;
    right:0;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    cursor:pointer;
}
.protect-form .eyeIcon.openEye{
    background: #bbbbbb url(../Content/images/icons/password_show.png) no-repeat center;
}
.protect-form .eyeIcon.closeEye{
    background: #bbbbbb url(../Content/images/icons/password_hide.png) no-repeat center;
}
.progress-holder{
  width: 97%;
  padding: 2px;
  background: #CCCCCC;
  border-radius: 3px;
  margin: 10px auto;
}
#progress{
height: 6px;
display:block;
width: 0%;
border-radius: 2px;
background: -moz-linear-gradient(center top , #6fcee7 20%, #6fcee7 80%) repeat scroll 0 0 transparent; /* IE hack */
background: -ms-linear-gradient(bottom, #6fcee7, #6fcee7); /* chrome hack */
background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#6fcee7), to(#6fcee7)); /* safari hack */
background-image: -webkit-linear-gradient(top, #6fcee7, #6fcee7); /* opera hack */
background-image: -o-linear-gradient(#6fcee7,#6fcee7);
}
.preview{
}
.percents{
float: right;
}
.preview-image{
box-shadow: 3px 3px 3px #888888;
width: 70px;
height: 70px;
float: left;
margin-right: 10px;
}
.file-info{
height: 50px;
float: left;
width: auto;
margin-bottom: 10px;
border: 1px solid blue;
}
.file-info span{
margin: 3px 2px;
font-size: 12px;
float:left;
display: block;
min-width: 100px;
overflow: auto;
border: 1px solid red;
overflow: none;
}
.upload-progress{
display: none;
}

.maxlimit {
  text-align: center;
}
.maxlimit > p {
  margin: -10px 0 10px 0;
}


/* preview end */
.exchangebox,
.done,
.done-error {
  display: none;
}

.done-exdone {
  display: block;
}

footer {
  background: #333333;
  bottom:0;
  /* position:fixed; */
  left:0;
  width:100%;
  position:relative;
  z-index:100;
}

.cr {
  color: #579eb0;
  text-align: center;
  margin: 0 0 9px 0;
  font-size:13px;
}

.fnav {
  text-align: center;
  margin: 7px 0;
  padding: 0;
}
.fnav li {
  display:inline-block;
  margin:0 7px;
}
 .fnav a {
   color:#cdebf3;
 }
 .m-flang {
   bottom: 16px;
   color: #cdebf3;
   cursor: pointer;
   position: absolute;
   right:27px;
 }
 .lang {
   color:#cdebf3;
   position:absolute;
   right: 30px;
   bottom: 0;
 }
  .lang-active {
   position: relative;
  }
  .lang-active a {
    color:#333;
  }
  .lang-active ul {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    color: #333;
    display: none;
    margin: 0 !important;
    padding: 7px 30px;
    position: absolute;
    right: -12px;
	bottom: 45px;
    text-align: left;
    width: 760px;
  }
  .lang-active ul.simple{
	width:87px;
  }
  .topnav .lang-active ul.simple{
	right:-65px;
  }
  .topnav .lang-active ul.simple::after{
	right:43%;
  }
  footer .lang-active ul.simple::after{
	right:77%;
  }
  .lang-active ul::after {
    background: #fff none repeat scroll 0 0;
    bottom: -8px;
    box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 20px;
    right: 26%;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
  }
  footer>.mf-box>.content1000>.footerBlock .lang-active ul{
	right: unset;
    left: -77px;
	}
	footer .lang-active ul::after{
		right:92%;
	}
.lang-active li {
  margin: 10px 0;
  float:left;
  margin-right: 30px;
  width: 160px;
  height:20px;
}

.exchangebox > p {
  margin: 35px 0 0;
}
.exchangebox h2{
  font-size: 20px;
}
/* animation */
/* pdf to word */
.box__uploading.ptw {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/* .box__uploading.ptw::before {
  -webkit-animation: ptwb 2s ease infinite;
  -moz-animation: ptwb 2s ease infinite;
  -ms-animation: ptwb 2s ease infinite;
  -o-animation: ptwb 2s ease infinite;
  animation: ptwb 2s ease infinite;
  background: url('/Content/images/pdf.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
} */

@-webkit-keyframes ptwb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes ptwb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes ptwb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes ptwb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes ptwb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* pdf to word end */
/* word to pdf */
.box__uploading.wtp {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.wtp::before {
  -webkit-animation: wtpb 2s ease infinite;
  -moz-animation: wtpb 2s ease infinite;
  -ms-animation: wtpb 2s ease infinite;
  -o-animation: wtpb 2s ease infinite;
  animation: wtpb 2s ease infinite;
  background: url('/Content/images/word.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes wtpb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes wtpb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes wtpb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes wtpb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes wtpb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* word to pdf end */
/* pdf to jpg */
.box__uploading.ptj {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.ptj::before {
  -webkit-animation: ptjb 2s ease infinite;
  -moz-animation: ptjb 2s ease infinite;
  -ms-animation: ptjb 2s ease infinite;
  -o-animation: ptjb 2s ease infinite;
  animation: ptjb 2s ease infinite;
  background: url('/Content/images/pdf.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes ptjb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes ptjb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes ptjb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes ptjb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes ptjb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* pdf to jpg end */
/* jpg to pdf */
.box__uploading.jtp {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.jtp::before {
  -webkit-animation: jtpb 2s ease infinite;
  -moz-animation: jtpb 2s ease infinite;
  -ms-animation: jtpb 2s ease infinite;
  -o-animation: jtpb 2s ease infinite;
  animation: jtpb 2s ease infinite;
  background: url('/Content/images/jpg.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes jtpb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes jtpb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes jtpb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes jtpb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes jtpb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* jpg to pdf end */
/* excel to pdf */
.box__uploading.etp {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.etp::before {
  -webkit-animation: etpb 2s ease infinite;
  -moz-animation: etpb 2s ease infinite;
  -ms-animation: etpb 2s ease infinite;
  -o-animation: etpb 2s ease infinite;
  animation: etpb 2s ease infinite;
  background: url('/Content/images/excel.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes etpb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes etpb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes etpb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes etpb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes etpb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* excel to pdf end */
/* ppt to pdf */
.box__uploading.ptp {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.ptp::before {
  -webkit-animation: ptpb 2s ease infinite;
  -moz-animation: ptpb 2s ease infinite;
  -ms-animation: ptpb 2s ease infinite;
  -o-animation: ptpb 2s ease infinite;
  animation: ptpb 2s ease infinite;
  background: url('/Content/images/ppt.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes ptpb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes ptpb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes ptpb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes ptpb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes ptpb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* ppt to pdf end */
/* protect pdf */
.box__uploading.pp {
  /*animation: ptw 10s ease;*/
  background: url('/Content/images/transform_animate_tilt.svg') no-repeat;
  width: 64px;
  height: 71px;
  margin: 28px auto 13px;
}
/*.box__uploading.pp::before {
  -webkit-animation: ppb 2s ease infinite;
  -moz-animation: ppb 2s ease infinite;
  -ms-animation: ppb 2s ease infinite;
  -o-animation: ppb 2s ease infinite;
  animation: ppb 2s ease infinite;
  background: url('/Content/images/encrypt2.png') no-repeat;
  content:'';
  display:block;
  position: absolute;
  height:71px;
  width:63px;
}*/

@-webkit-keyframes ppb {
  0% { margin-left: -150px; opacity: 0; -webkit-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -webkit-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -webkit-transform: scale(1,1);}
}
@-moz-keyframes ppb {
  0% { margin-left: -150px; opacity: 0; -moz-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -moz-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -moz-transform: scale(1,1);}
}
@-ms-keyframes ppb {
  0% { margin-left: -150px; opacity: 0; -ms-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -ms-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -ms-transform: scale(1,1);}
}
@-o-keyframes ppb {
  0% { margin-left: -150px; opacity: 0; -o-transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; -o-transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; -o-transform: scale(1,1);}
}
@keyframes ppb {
  0% { margin-left: -150px; opacity: 0; transform: scale(1,1);}
  50% { margin-left: -75px; opacity: 1; transform: scale(.8,.8);}
  100% { margin-left: 0px; opacity: 0; transform: scale(1,1);}
}
/* protect pdf end */

/* animation end */


/* feedback */
.feedbackBox {
  width: 50%;
  margin: 100px auto 140px;
}
.feedbackBox h2 {
  /*border-bottom: 1px solid #ffff;*/
  padding-bottom: 16px;
  font-weight: 100;
  color: #fff;
  font-size: 44px;
}
.feedbackgroup {
  margin-top: 25px;
}

.feedbackgroup label {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
}

.feedbackerror {
  color: red;
}

.feedbackgroup label + input {
  border: 2px solid #809fcf;
  border-radius: 4px;
  color: #333;
  font-size: 18px;
  font-family: "Microsoft YaHei","Noto Sans TC",Arial,sans-serif;
  height: 40px;
  padding: 0px 0px 4px 12px;
  width: 450px;
}

.feedbackgroup label + textarea {
  border: 2px solid #809fcf;
  border-radius: 4px;
  color: #333 !important;
  font-family: "Microsoft YaHei","Noto Sans TC",Arial,sans-serif;
}

.feedbackIfon {
  height: 120px;
  padding: 10px;
  width: 98%;
  font-size: 18px;
}

.filegroup {
  margin-top: 15px;
}
.filegroup label {
  margin-right: 20px;
}


.feedbackbox1 p,
.feedbackbox2 p {
  margin: 0;
}

/* attachment */

.filehidden {
  overflow: hidden;
  margin-top: 9px;
  position: relative;
  height: 33px;
}

.filehidden input[id='file'] {
  display: none;
}
.filehidden #button {
  left: 42px;
  position: absolute;
  top: 2px;
  cursor: pointer;
}

.filehidden > .fbval {
    left: 39px;
    position: absolute;
    top: 2px;
}

.fbclear {
    float: right;
    margin: -1px 0 0 7px;
    padding: 3px;
    cursor: pointer;
}
.fbclear,
#clearbtn {
  display: none;
}

#fbclear {
  width: 12px;
  height: 16px;
  background: url('../Content/images/icon_clear.png') no-repeat center center/contain;
  display: inline-block;
  cursor: pointer;
}

.attachment {
  background: url(../Content/images/ico_attachment.png) no-repeat;
  width: 34px;
  height: 35px;
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  cursor: pointer;
}


.attachmentInput {
    margin: -2px 0 0 -29px;
    padding: 3px 0 0 2px;
}

@media all and (-ms-high-contrast:none)
 {
   .attachment {
     background: url(../Content/images/ico_attachment.png) no-repeat;
     width: 34px;
     height: 35px;
     position: relative;;
     cursor: pointer;
   } /* IE10 */
   #attachment {
     position: absolute;
     left: 70px;
     top: 7px;
     padding:3px;
   }
 *::-ms-backdrop, .attachment {
      background: url(../Content/images/ico_attachment.png) no-repeat;
      width: 34px;
      height: 35px;
      position: relative;;
      cursor: pointer;
    } /* IE11 */
    #attachment {
      position: absolute;
      left: 70px;
      top: 7px;
      padding:3px;
    }
 }

/*--chrome only--*/

@media screen and (-webkit-min-device-pixel-ratio:0){
  #attachment {
    margin: 1px 0 0 -38px;
    padding: 3px 0 0 2px;
  }

}

#itemContainer{
  padding: 0;
}

#itemContainer li {
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin: 12px auto;
  min-height: 70px;
  padding: 15px;
}

.feedbackusername {
  color: #333;
  font-size: 19px;
  font-weight: 400;
}

.feedbackdate {
  color: #333;
  font-size: 16px;
}

.feedbackinfo {
  margin: 10px 0;
}

.hasborderbottom {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}

.adminfeedbackinfo {
  font-size: 14px;
  margin: 10px 0;
  padding-left: 54px;
}

.adminfeedbackinfo::before {
  /*background: #61bfd8 none repeat scroll 0 0;
  color: #fff;
  content:"�^�_";
  display: block;
  height: 20px;
  left: -4px;
  padding: 3px 7px;
  position: absolute;
  top: 1px;*/
}

/*FOX�ק�*/
.info_box {
  background: #61bfd8 none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 20px;
  left: -4px;
  padding: 3px 7px;
  position: absolute;
  top: 1px;
}

.feedbackdate {
  margin-left: 10px;
}

.feedbackbox1 {
  border-bottom: 1px solid #cdfdff;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.feedbackbox2 {
  position: relative;
}

.fbnumber {
  background: #61bfd8 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  padding: 7px 14px;
}

.gotop {
  display: none;
  bottom: 90px;
  position: fixed;
  right: 30px;
  color: #fff;
}

/*input[type=text]:focus,
input[type=textarea]:focus {
    border: 2px solid #0189b0 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(145, 162, 244, 0.9) !important;
}*/


/* component */

/* 20170222 */
.feedbackBox ul {
    min-height: auto !important;
}

/* 20160617 */
.err2 {
  display: none;
}
/* 20160617 end */

.lightbox {
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 99;
  top:0;
  left:0;
}


.exfilename {
  display:inline-block;
  text-align: center;
  color:#333;
  margin: 0 auto;
  /*padding:0 20px;*/
}

.color-1{
  color: #D53C00;
  text-decoration: underline;
}
.mt50 {
  margin-top:50px !important;
}
.mgoa {
  margin: 9px auto 0 !important;
}

.fs-12 {
  font-size: 12px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.help-block.with-errors{
    margin-top:15px;
    padding: 25px 0;
    color: #fff;
    background-color:#e5322d;
    display:none;
    border-radius:3px;
    opacity:0.8;
}
/*.help-block.with-errors {
  border: 1px solid #dcdcdd;
  border-radius: 11px;
  bottom: 80px;
  box-shadow: 1px 1px 6px rgba(45, 140, 180, 0.2);
  display: none;
  padding: 15px;
  position: absolute;
  right: 53px;
  text-align: center;
  width: 119px;
}*/
/*.help-block.with-errors::before {
  background: #fff none repeat scroll 0 0;
  border-left: 1px solid #dcdcdd;
  border-top: 1px solid #dcdcdd;
  bottom: 40%;
  content: "";
  display: block;
  height: 12px;
  left: -8px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 12px;
}*/
@media screen and (max-width: 484px) {
    .index_footer p.copyright{
        text-align:center;
        line-height:normal;
        padding-top:8px;
    }
    .index_footer p.copyright span{
        display:block;
    }
}
@media screen and (max-width: 921px) {
    .helpContainer .leftMenu{
        background:#fff;
        z-index:9;
        border-radius:5px 0 0 5px;
    }
    .helpContainer .toggleMenu{
        display:inline-block;
        width:20px;
        height:100px;
        background:#fff;
        position:absolute;
        right:-20px;
        top:50%;
        transform:translateY(-50%);
        cursor:pointer;
        z-index:10;
        border-radius:0 5px 5px 0;
        border-top:1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .helpContainer .toggleMenu:after{
        content:'';
        display:inline-block;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        height:0;
        width:0;
        border-left:10px solid #000;
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
    }
    .helpContainer .leftMenu.menuOpen .toggleMenu:after{
        border-left:none;
        border-right:10px solid #000;
    }
    .helpContainer .helpContent{
        padding-left:0;
    }
    .helpContainer .helpBody{
        left:0;
    }
    .helpContainer .leftMenu{
        left:-200px;
    }
    .helpContainer .leftMenu.menuOpen{
        left:0px;
    }
}

@media screen and (max-width: 921px) {
  .feedbackBox {
    width: auto;
    padding: 10px 20px;
    margin: 50px auto 130px;
  }
}


@media screen and (min-width:1001px) and (max-width:1200px) {
  .t-box.about,
  .t-box.support {
    max-width: auto;
    width: 90%;
  }
}

@media screen and (max-width:767px) {

   /* 20160628 */
   .cr {
     text-align: left;
   }
   /* 20160628 end  */

  /*.lang-active ul::after {
    background: #39bfd3 none repeat scroll 0 0;
    bottom: -8px;
    box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 20px;
    left: 40%;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
  }*/
   .fnav {
     margin: 10px 0 0 0;
     padding: 0 0 4px 0;
     text-align: left;
   }
   .fnav li {
     margin: 0 10px 0 0;
   }
   .fnav li:after {
     background: #87b7c5;
     content:'';
     display: inline-block;
     width:1px;
     height:10px;
     margin-left: 15px;
   }
   .fnav li:last-child:after {
     background: #1a6376;
   }
   .fnav a {
     color:#87b7c5;
   }

    .lang {
      margin: 0;
      left:-10px;
    }

    /* .lang-active ul {
       background:#39bfd3;
       color:#fff;
       padding:10px 19px 7px 7px;
       right:auto;
       left: -18px;
       bottom:94px;
     }
	footer>.mf-box>.content1000>.footerBlock .lang-active ul{
		bottom:30px;
	}*/
     .m-fnav {
       background: url('/Content/images/tool.png') no-repeat;
       background-size:100%;
       cursor: pointer;
       display: block;
       width:32px;
       height:32px;
       position: absolute;
       bottom: 3px;
       left: 110px;
     }
     /*.m-flang {
       color: #39bfd3;
       cursor: pointer;
       position: relative;
       right: auto;
       bottom : auto;
     }
     .lang-active a {
       color:#fff;
     }*/
     .mt-box {
       width: 90%;
       padding: 0;
     }
     .mt-icon {
       background-size: 100%;
       height: 300px;
       width:100%;
       margin: 50px auto 0;
     }
     .box__icon {
       /*margin: 15px auto 0 !important;*/
     }
     .fs-12.pro.done {
       padding-bottom: 140px;
     }
     .feedbackIfon {
       width: 93%;
     }
     .paginationjs-pages ul {
       padding: 0;
     }

     .paginationjs-page.J-paginationjs-page.active > a {
       background: #fff;
       color: #333;
     }
     .gotop {
       bottom: 100px;
       right: 20px;
       z-index: 9999;
     }
      .buttonList .choosefile,.buttonList .sortfiles,.buttonList .buttonSetting{
          height:40px !important;
          width:40px !important;
      }
      .buttonList .buttonSetting {
          display:inline-flex;
      }
      .container_right button.confirmBtn{
          width:252px;
      }
      div.container_right{
          position:absolute;
          right:0;
          top:0;
          width:300px;
          transition: transform 0.4s ease-in;
          transform:translateX(300px)
      }
      div.container_right.showBar{
         transform:translateX(0px)
      }
      
    .buttonList{
	    transition:all 0.4s ease-in;
    }
    .buttonList.showBar{
        right:320px;
    }
}
@media screen and (max-width:640px) {
  .logo {
    margin: 13px 0 0 19px;
  }
  .h-left {
    float: none;
    display: block;
  }
  .help-block.with-errors {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdd;
    border-radius: 11px;
    bottom: auto;
    box-shadow: 1px 1px 6px rgba(45, 140, 180, 0.2);
    display: none;
    left: 70px;
    padding: 15px;
    position: absolute;
    right: auto;
    text-align: center;
    top: 240px;
    width: 119px;
  }
  .help-block.with-errors::before {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #dcdcdd;
    border-top: 1px solid #dcdcdd;
    bottom: -7px;
    content: "";
    display: block;
    height: 12px;
    left: 43%;
    position: absolute;
    transform: rotate(-140deg);
    width: 12px;
  }
  .protect-form > form {
    /*width:300px;*/
    position: relative;
    margin: 0 auto;
  }
  .help-block.with-errors {
    right: auto;
    bottom: auto;
    top: -27px
  }
  .protect-form > .box__icon.pp {
     height: auto;
  }
  .fs-12.pro {
    padding: 15px 20px;
    line-height: 26px;
  }
  .feedbackgroup label + input {
    width: 94.6%;
  }
  .exdone_container .btn {
      width:200px;
  }
  .exdone_cloudsave{
      width:80px;
  }
  .exdone_reselect a{
      height:40px;
      width:40px;
  }
  .exdone_cloudsave ul li a{
      height:40px;
      width:40px;
  }
    .sharefile_content{
        padding:0 20px 20px;
    }
}

@media screen and (max-width:484px) {
  .lang-active ul {
    bottom: 138px;
  }
  .filename,
   p.t-center{
     font-size: 13px;
  }
  .exdone_container .btn{
      width:100px;
  }
   .exdone .btn{
    font-size:18px;
    height:50px;
    line-height:50px;
  }
   .exdone_cloudsave ul{
       margin-left:12px;
   }
   .exdone_reselect a{
       margin-right:12px;
   }
}
/* new  */
.alert-callback{
  color: #D53C00;
  margin-top: -5px;
}
.content1000{
  max-width: 1000px;
  width:100%;
  margin:auto;
}
.uploadInfo{
  margin-top: 38px;
  margin-bottom: 0;
}
.mobileTitle{
  text-align: center;
  color: #3C3C3C;
  font-size: 23px;
  font-weight: 600;
  display: none;
  margin-top:20px;
}
.greenHbtn{
  padding: 13px 10px 0px;
  height:70px;
  display: inline-block;
  background: transparent linear-gradient(0deg, #74C75F 0%, #73D45A 0%, #27A707 60%, #4FB535 100%) 0% 0% no-repeat padding-box;
  color:#fff;
  text-align: center;
  box-sizing:border-box;
}
.greenHbtn:hover{
  background: transparent linear-gradient(0deg, #74C75F 0%, #86FB8A 0%, #1CBB0B 60%, #6BDC4E 100%) 0% 0% no-repeat padding-box;
}
.greenHbtn h2{
  font-size: 17px;
  margin-bottom: 0;
  text-shadow: 0.5px 0.87px 1px #0000004D;
  font-weight: 200;
}
.greenHbtn span{
   display: inline-block;
   font-size: 13px;
   margin-top: 4px;
}
.greenHbtn span:after{
  content:"";
  display: inline-block;
  width:18px;
  height:15px;
  background-image: url('/Content/images/y_download_btn.png');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-left: 2px;

}
.moreBtn:after{
  content:"";
  display: inline-block;
  border-top:4px solid #003647;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  vertical-align: middle;
  margin-left: 4px;
}
.moreHideContent{
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029,inset 0 7px 9px -7px #00000029;
  padding: 20px 22px;
  /*max-width: 191px;*/
  width:100%;
  position: fixed;
  top:70px;
  left: 0px;
  opacity: 0;
  /*visibility: hidden;*/
  overflow:hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display:none;
  z-index:999;
}
.moreHideContent.active{
   display: block; 
  /*visibility: visible;*/
  opacity: 1;
}
.moreHideContent>div{
    overflow:hidden;
    display:flex;
}
.moreHideContent>div>div{
    width:14%;
    float:left;
    padding:0 20px;
    box-sizing:border-box;
}
.moreHideContent .list_title{
    color:#7c7c80;
    margin-bottom:20px;
}
.moreHideList{
  width:100%;
  padding: 0;
  margin:0;
}
.moreHideList li{
    /*padding: 10px 0;*/
}
.moreHideList li.protectPdf{
  padding: 12px 0 20px;
  border-bottom: 1px solid #00000029;
  margin-bottom: 10px;
}

.protectPdf:before{
  content:"";
  display: inline-block;
  width:9px;
  height:18px;
  background-image: url('/Content/images/keyIcon.png');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 6px;
}
.moreHideList li a{
  color: #003647;
  margin:10px 0;
  display:inline-block;
}
.exchangeInfo {
  text-align: center;
  width:100%;
  /* padding: 10px 0; */
  min-height: 50px;
  position: relative;
}
.exchangeInfo p{
  position: absolute;
  width:100%;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  opacity: 0;
  font-size: 15px;
  color: #D53C00;
  /*line-height: 50px;*/
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  margin:18px 0;
}
.exchangeInfo p a{
    color: #D53C00;
    text-decoration:underline;
}
.exchangeInfo p.active{
  opacity: 1;
  z-index: 1;
  background-color: transparent;
}
/* support */
.faqimage{
    text-align:center;
    margin-bottom:40px;
}
.faqimage img{
    max-width:80%;
}
.supportContainer{
    overflow:hidden;
}
.supportContent{
  width:100%;
  max-width:1000px;
  margin: 150px auto;
  text-align: left;
  margin-bottom: 272px;
}
.supportContent.questionContent{
  width:calc(100% - 80px);
  max-width:2500px;
  margin: 110px auto;
  margin-bottom:40px;
  text-align: left;
  /*margin-bottom: 272px;*/
  padding:40px 50px;
  background:#fff;
  border-radius:10px;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  /*box-sizing:border-box;*/
  position:relative;
  box-sizing:border-box;
}
.leftMenu{
    width:200px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    border-right:1px solid #ccc;
}
.leftMenu>ul{
    padding-top:30px;
    padding-left:0px !important;
    text-align:center;
}
.leftMenu>ul>li{
    height:40px;
    line-height:40px !important;
    list-style:none !important;
}
.leftMenu>ul>li.selected{
    background-color:#f4f4f4;
    color:#0F9F6A;
}
.supportContent h1{
  font-size: 33px;
  color:#fff;
  font-weight: 200;
}
.supportContent.questionContent h1{
  color:#363636;
}
.supportContent h1:before{
  content:"";
  display: inline-block;
  width:38px;
  height:38px;
  background-image: url('/Content/images/questionIcon.png');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: text-bottom;
  margin-right: 6px;
}
.supportContent.questionContent h1:before{
  background-image: url('/Content/images/questionIcon1.png');
}
.supportList{
  padding: 30px 0 ;
  color:#fff;
}
.supportContent.questionContent .supportList{
    color:#363636;
}
.supportList li{
  text-align: left;
  border-bottom: 1px solid #94D9EC;
  padding: 19px 0;
  font-size: 18px;
  font-weight: 200;
}
.supportContent.questionContent .supportList li{
  border-bottom: 1px solid #cccccc;
}
.supportList li:last-child{
  border-bottom: 0;
}
.supportList li .title{
  cursor: pointer;
  font-size: 18px;
}
.supportContent.questionContent .supportList li .title{
    color:#003647;
}
.supportList li .title:before{
   content: " + ";
}
.supportList li .hideBlock{
  max-height: 0;
  overflow: hidden;
  font-size: 15px; 
  line-height: 24px; 
  margin-left:15px;
}
.supportList li .hideBlock a{
  text-decoration: underline;
}
.supportList li .hideBlock a:hover{
  color:#74ffca;
}
.supportContent.questionContent .supportList li .hideBlock a{
  color:#363636;
}
.supportList li .hideBlock.active{
  max-height: 280px;
  background-color: transparent;
  transition: all 0.5s;
}
.supportList li .hideBlock.longBlock.active{
    max-height:none;
}
.supportList li .hideBlock.longBlock img{
    max-width:556px;
    /*width:100%;*/
}
/*about*/
.aboutContainer .about .about_header_image{
    width:170px;
    height:45px;
    background:url(../Content/images/logo.png) no-repeat top center;
    background-size:100%;
    margin:0 auto;
    /*margin-bottom:40px;*/
    max-width:80%;
}
.aboutContainer .about .about_header_title{
    font-size:15px;
    color:#6b6b6b;
    text-align:center;
}
.aboutContainer .about p{
    margin-top:10px;
}
.aboutContainer .about h4{
    font-size: 28px;
    font-weight: 400;
    color:#363636;
}
.aboutContainer .about h1{
    margin-top:40px;
}
.aboutContainer .about h2,.aboutContainer .about h3,.aboutContainer .about h4{
    margin-top:20px;
}
.aboutContainer .about .about_footer{
    margin-top:20px;
}
.aboutContainer .about .about_footer_image{
    width:53px;
    height:26px;
    background:url(../Content/images/logo_gaaiho_about.PNG) no-repeat top center;
    background-size:100%;
    display:inline-block;
    margin-bottom:-4px;
}
.aboutContainer .about .managezj_footer_image{
    width:28px;
    height:28px;
    background:url(../Content/images/rightpdf/rlogo_gaaiho_about.png) no-repeat top center;	
} 
.aboutContainer .about .about_footer_weibo{
    width:31px;
    height:31px;
    background:url(../Content/images/ico_weibo.png) no-repeat top center;
    background-size:100%;
    display:inline-block;
    margin-bottom:-9px;
}
/*index*/
.index{
    /*padding-top:170px;*/
    text-align:center;
    overflow:hidden;
    padding-bottom:120px;
}
.index .box_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.index .box{
    width:16.5%;
    float:left;
    min-height:588px;
    background:#fff;
    margin-right:20px;
    border-radius:10px;
    padding:10px;
    box-sizing:border-box;
    margin-top:20px;
    min-width:215px;
    max-width:320px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.index .box:last-child{
    margin-right:0px;
}
.index .box .box_title{
    width:100%;
    height:74px;
    line-height:74px;
    font-size:28px;
    color:#000;
    border-radius:8px;
}
.index .box1 .box_title{
    background-color:#6acf7f;
}

.index .box2 .box_title{
    background-color:#78adde;
}

.index .box3 .box_title{
    background-color:#f17562;
}

.index .box4 .box_title{
    background-color:#70d3ed;
}

.index .box5 .box_title{
    background-color:#f4bc46;
}
.index .box .box_item{
    margin-top:55px;
}
.index .box .box_item:last-child{
	margin-bottom:20px;
}
.index .box .box_item>a{
    font-size:22px;
    color:#333;
    cursor:pointer;
}
.index .box1 .box_item>a{
    border-bottom:1px solid #6acf7f;
}
.index .box2 .box_item>a{
    border-bottom:1px solid #78adde;
}
.index .box3 .box_item>a{
    border-bottom:1px solid #f17562;
}
.index .box4 .box_item>a{
    border-bottom:1px solid #70d3ed;
}
.index .box5 .box_item>a{
    border-bottom:1px solid #f4bc46;
}
.index .box3 .box_item:nth-child(1){
    margin-top:45px;
    padding-top:130px;
    background:url(../Content/images/index_word.png) no-repeat top center;
}
.index .box3 .box_item:nth-child(2){
    margin-top:64px;
    padding-top:130px;
    background:url(../Content/images/index_pic.png) no-repeat top center;
}
.index .box3 .box_item:nth-child(1)>a,.index .box3 .box_item:nth-child(2)>a{
    padding-top:130px;
}
.removewatermark_new>a{
    position:relative;
}
.removewatermark_new>a:after{
    content:"";
    width:31px;
    height:15px;
    position:absolute;
    right:-34px;
    top:-5px;
    background:url(../Content/images/icons/new.png) no-repeat center center;
}
.index_footer{
    background:#56b5ce;
}
.index_footer .footerBlock{
    margin:0 auto;
}
.index_footer .copyright,.index_footer .copyright a{
    font-size:14px;
    color:#bbe1eb;
    line-height:50px;
}
.index_footer .copyright span{
    margin-right:10px;
}
.topnav.index_topnav{
    margin-right:35px;
}
.topnav.index_topnav a{
    padding:3px 12px;
    font-size:16px;
    color:#003647;
}
.topnav.index_topnav .lang a{
	padding:0px;
	line-height:30px;
}
.topnav.index_topnav .active a{
    color:#fff;
}
.topnav.index_topnav>ul>li{
    padding-top:20px;
}
.topnav.index_topnav .desktop{
    font-weight:bold;
    font-size:18px;
	max-width:200px;
}
.topnav.index_topnav .desktop>a{
	padding-right:0px;
}
.topnav .account{
	position:relative;
    padding:0 0px 0px 10px;
}
.topnav .account>.items{
	position:absolute;
	right:0px;
	background:#fcfcfc;
	min-width:50px;
	padding:10px 20px;
	text-align:center;
    top:70px;
    box-shadow: 0px 3px 6px #00000029, inset 0 7px 9px -7px #00000029;
}
.topnav .account.login>.items{
	min-width:100px;
}
.topnav .account>.items>.login,.topnav .account>.items .exitlogin{
	cursor:pointer;
}
.topnav .account>.items .username{
	margin-bottom:10px;
}
.topnav .account.nologin>i{
	display:block;
	width:24px;
	height:24px;
	background:url("/Content/images/offline.png") no-repeat center center;
	background-size:contain;
	cursor:pointer;
}
.topnav .account.login>i{
	display:block;
	width:24px;
	height:24px;
	background:url("/Content/images/online.png") no-repeat center center;
	background-size:contain;
	cursor:pointer;
}
.topnav .language{
    padding:3px 15px;
    position:relative;
}
.topnav .m-flang{
    color:#333;
    font-size:16px;
    color:#003647;
    position:static;
}
.topnav .lang{
    top:50px;
}
.topnav .lang-active ul{
    top:0px;
    bottom:auto;
    right:-195px;
}
.topnav .lang-active ul::after{
    top: -8px;
    bottom: auto;
    box-shadow: 2px -2px 0 #ccc;
}
.topnav .lang li{
    height:30px;
    padding-top:0px;
}
 .lang li.current{
	background:url("/Content/images/selected.png") no-repeat left center;
	padding-left:16px;
	box-sizing:border-box;
 }
 .lang li.current a{
	font-weight:600;
 }
.menu .dividing{
    padding:0;
}
.menu .dividing a:last-child:before{
    display:none;
}
.menu .dividing a:first-child:before {
    content: "";
    display: block;
    max-width: 150px;
    width: 100%;
    border: 1px solid #B3D8DC;
    margin-top: 20px;
    position: relative;
    top: -10px;
}
/* footer */
.flexContent{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
  position: relative;
}
.mf-box {
  padding: 10px 20px;
}
.footerBlock{
  display: inline-block;
}
.d50{
  width:50%;
}
.d60{
  width:64%
}
.d40{
  width:36%
}
#langSelect{
  width:118px;
  padding: 6px 12px;
  background-color: #FFFFFF;
  border: 1px solid #707070;
}
.footerContent{
  position: relative;
}
.footerContent:before,.footerContent:after{
  content:"";
  display: block;
  position: absolute;
  width:50%;
  height:100%;
  top:0;
}
.footerContent:before{
  left:0;
  background-color: #137E9F;
}
.footerContent:after{
  right:0;
  background-color: #0C495E;
}
.linkInfoContent,.aboutContent{
  min-height: 339px;
  padding-top: 35px;
  display: inline-block;
}
.InfoContent{
  text-align: left;
  /* margin-top: 35px; */
}
.linkInfoContent .InfoContent{
  display: inline-block;
  width: 100%;
  padding: 0 20px 0 0;
}
.linkInfoContent .InfoContent p{
  color:#fff;
  margin-bottom: 45px;
  font-size: 15px;
}
.aboutContent .InfoContent{
  display: inline-block;
  max-width: 330px;
  width: 100%;
  padding-left: 30px;

}
.aboutContent .InfoContent h3{
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
}
.aboutContent .InfoContent p{
  font-size: 14px;
  margin-bottom: 33px;
}
.linkList{
  padding: 0;
}

.linkList li{
  margin-bottom: 10px;
}
.linkList li img{
  vertical-align: middle;
  margin-right: 22px;
}
.linkList li a{
  font-size: 15px;
  color: #86E9FE;
  text-decoration: underline;
  font-weight: 300;
}
.linkInfoContent{
  background-color: #137E9F;
  text-align: right;
  width:64%;
}

.aboutContent{
  background-color: #0C495E;
  text-align: left;
  color: #DBF6FE;
  width:36%;
}
.copyright{
  font-size: 12px;
  color: #B9B9B9;
  text-align: right;
  margin:0;
}
.copyright a{
  color: #B9B9B9;
}
.community{
  margin:38px auto;
  text-align:left;
}
.community span{
  font-size: 14px;
}
.community .icon{
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
/* resetcss start */
footer>.mf-box>.content1000>.footerBlock{
	height:50px;
}
footer>.mf-box>.content1000>.footerBlock .m-flang{
	left:0;
	top:0;
	bottom:0;
	line-height:50px;
	background:url("/Content/images/language_2.png") no-repeat left center;
	padding-left:20px;
}
footer>.mf-box>.content1000>.footerBlock .lang{
	left: 37px;
	right:83px;
    right: initial;
	padding-left: 40px;
    margin: 16px 0;
}
footer>.mf-box>.content1000>.footerBlock .lang-active ul{
	bottom:33px;
}
.promotion1 {
    background:url(../../Content/images/promotion/banner_large.png) no-repeat center center;
    background-color:#46b758;
}
/* resetcss end */
/* media query new */
@media screen and (max-width:1199px){
  .h-right,.t-left{
    display: none;
  }
  .content{
      padding:0 20px;
  }
  .t-box{
    height: auto;
  }
  .content1000{
    max-width: 100%;
  }
  .mobileTitle{
    display: block;
  }
  .t-right{
    width:100%;
    border-radius: 10px;
    padding-bottom: 30px;
  }
  .ajmenu{
    display: inline-block;
    width:40px;
  }
  .ajmenu .ui-menu__conent{
    margin:16px 0;
  }
  .index .box_wrapper{
    padding: 0 40px;
  }
  .flexContent.moblieColumn{
    flex-direction: column;
  }
  .linkInfoContent,.aboutContent{
    width: 100%;
    min-height: 250px;
  }
  .linkInfoContent .InfoContent,.aboutContent .InfoContent{
    padding: 0;
  }
  .aboutContent .InfoContent{
    max-width: 100%;
  }
  .aboutContent .InfoContent p{
    padding: 0 20px;
  }
  .InfoContent{
    text-align: center;
  }
  .community {
    max-width: 214px;
    text-align: center;
 }
 .linkList{
  text-align: center;
  max-width: 214px;
  margin: auto;
 }
 .linkList.center{
   text-align: center;
 }
 .d40,.d60{
   width: 50%;
 }
 .t-box.about,.supportContent.questionContent{
	 box-sizing:border-box;
 }
 .supportContent.questionContent{
	width:100%;
 }
 /* resetcss start */
 footer>.footerContent>.content1000>.footerBlock .linkList{
  max-width: 250px;
 }
 footer>.mf-box>.content1000>.footerBlock .m-flang{
	 padding-left:10px;
 }
 .fs-12.pro{
	margin-left:0px;
 }
 
  .exchangeInfo p{
    line-height: normal;
  }
  div.container_right{
    width:300px;
  }
  .container_right button.confirmBtn{
    width:252px;
  }
  div.pageMargin_container{
    width:145px;
  }
  div.editor_toolbar_option {
      padding:0;
  }
  div.container_sign_toolpreview{
      display:none;
  }
  /*.confirmBtnBg:after{
      width:300px !important;
  }*/
  .promotion1{
      background:url(../Content/images/promotion/banner_medium.png) no-repeat center center;
      background-color:#46b758;
  }
  .addFavorite, .convertFail{
      height:auto;
      line-height:normal;
  }
}
 @media screen and (max-width: 767px){
	/*footer>.mf-box>.content1000>.footerBlock .lang-active ul{
		right: auto;
		left: -84px;
		bottom: 48px;
	}*/
  }
  @media screen and (max-width:639px){
    footer>.mf-box>.content1000>.footerBlock .lang-active ul{
		bottom: 98px;
	}  
	.promotion1{
        background:url(../Content/images/promotion/banner_small.png) no-repeat center center;
        background-color:#46b758;
    }
  }
 @media (min-width:768px){
     .col-md-6{
         -ms-flex:0 0 50%;
         flex:0 0 50%;
         max-width:50%;
     }
 }
 @media screen and (max-width:1200px){
     .index .box3{
         display:none;
     }
     div.pdf2office_content .office_img{
         height:100px;
         width:100px;
     }
     .top_desc{
         margin-left:40px;
         top: -1px;
		 position: relative;
		 float: initial;
     }
     .logo{
        margin-top: 5px !important;
		float: initial;
		height: 40px;
		box-sizing: border-box;
		margin-bottom: 5px !important;
     }
    .update_tips + .h-left .logo {
        margin-top: 10px !important;
		margin-bottom: 10px !important;
    }
 }
/* resetcss end */
@media screen and (max-width:639px){
  .index .box_wrapper{
    padding: 0 20px;
  }
  .d60,.d40{
    width:100%;
  }
  .btn{
    margin: 12.5px 6px;
  }
  div.container{
      width:calc(100%);
      left:0px;
  }
  div.container_right{
      width:250px;
  }
  div.buttonList.showBar{
      right:250px;
  }
  .container_right button.confirmBtn{
      width:202px;
  }
  div#overlayContainer .dialog{
      width:80%;
  }
  button#passwordSubmit, button#cancelSubmit{
      width:80px;
  }
}

.fileInput {
    background: white;
    color: black;
    margin-top: 5px;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
}
.container{
	width: calc(100% - 40px);
    height: 830px;
    position: relative;
    top: 90px;
    background: #fff;
    left: 20px;
    border-radius: 10px;
    display:flex;
    overflow:hidden;
    min-height:500px;
}
.container.update_tips{
	padding:0px;
	text-align:unset;
	top:120px;
}
.container_right{
	width:440px;
	height:100%;
	/*float:right;*/
	border-left: 1px solid #ccc;
	box-sizing:border-box;
    /*overflow-x:hidden;
    overflow-y:auto;
    position:relative;*/
    position:relative;
    z-index:10;
    background-color:#fff;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.container_right .sidebar{
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
    height:100%;
    /*padding-bottom:120px;*/
    box-sizing:border-box;
    position:relative;
}
.container_right .resetContent_cover{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,0.6);
    z-index:99;
}
.container_right .resetContent_cover>div{
    margin:auto;
    margin-top:300px;
    text-align:center;
}
.container_right .resetContent_cover p{
    color:#fff;
}
/*.confirmBtnBg:after{
    content:"";
    width:440px;
    position:absolute;
    height:130px;
    bottom:0px;
    background:linear-gradient(0deg,#fff,#fff 70%,hsla(0,0%,100%,.5) 95%,hsla(0,0%,100%,0));
}*/
.container_left{
	/*float:left;*/
	width:calc(100% - 440px);
	height:100%;
	position:relative;
    flex:1;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.draginBg{
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	padding-top:300px;
	z-index:10;
}
.container_left.mouseover .draginBg{
	display:block;
}
.filesWrapper{
	
}
.filesWrapper .zorro_scrollcontent{
	padding:20px 70px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	box-sizing:border-box;
}
.fileitem{
	margin: 5px;
    width: 198px;
    height: 244px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    /*border: 1px solid rgba(0,0,0,0);*/
    border-radius:3px;
    background: #f6f6f6;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
	/*padding-top:10px;*/
}
.fileitem:hover{
    background: #e6e6e6;
}
.fileitem.targetdiv,.file.mubiao,.range.targetdiv{
	border:1px dashed #e5322d;
}
.fileitem.mubiao>*{
	display:none !important;
}
.fileitem .operation{
	top: 3px;
    right: 3px;
    position: absolute;
    display: none;
    z-index: 9;
}
.fileitem .operation>div{
    padding: 3px;
    width: 24px;
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    text-align: center;
    background: rgba(0,0,0,.1);
    background: #e5e5e9;
    margin-left: 4px;
    z-index: 1030;
    border-radius: 100%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fileitem .operation>div.rotate{
    background: url(../Content/images/icons/rotate.png) no-repeat center;
}
.fileitem .operation>div.rotate:hover{
    background: url(../Content/images/icons/rotatehighlight.png) no-repeat center;
}
.fileitem .operation>div.delete{
    background: url(../Content/images/icons/delete.png) no-repeat center;
}
.fileitem .operation>div.delete:hover{
    background: url(../Content/images/icons/deletehighlight.png) no-repeat center;
}
.fileitem .picture{
	/*width: 200px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    position: relative;*/
    -webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
    box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
    display:inline-flex;
}
.fileitem .picture.noShadow{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.fileitem .picture canvas,.range_canvas canvas{
    height:155px;
    width:110px;
}
.filename,.pagenum{
    position:absolute;
    left:0;
    bottom:10px;
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px;
    box-sizing: border-box;
	text-align:center;
	margin-top:13px;
    font-size:12px;
    color:#161616;
}
#filecount{
	background-color: #e74100;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    min-width: 24px;
    min-height: 24px;
    line-height:20px;
    margin-top: -8px;
    margin-left: -8px;
    font-size: 11px;
    font-weight: 600;
	display:none;
    border:2px solid #e74100;
    box-sizing:border-box;
}
.buttonList{
	position:absolute;
	top:40px;
	//left:-80px;
	z-index:9;
    width:50px;
    text-align:center;

    right:20px;
}
.hideButton .choosefile,.hideButton #filecount,.hideButton .sortfiles{
    display:none;
}
.choosefile,.sortfiles,.buttonSetting,.deletefile{
	width: 50px;
    height: 50px;
	font-size:24px;
	font-weight:bold;
    border-radius: 100%;
    background:url(../Content/images/icons/add.png) no-repeat center;
    color: #fff;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);*/
	border:0;
	cursor:pointer;
}
.buttonList .deletefile{
    display:none;
    background:url(../Content/images/icons/clear.png) no-repeat center;
}
.hideButton .deletefile{
    display:block;
}
.hideButton.hideAllButton .deletefile{
    display:none;
}
.buttonSetting{
    display:none;
}
.buttonSetting[isOpenBar="0"]{
    background:url(../Content/images/icons/show.png) no-repeat center;
}
.buttonSetting[isOpenBar="0"]:hover{
    background:url(../Content/images/icons/showhighlight.png) no-repeat center;
}
.buttonSetting[isOpenBar="1"]{
    background:url(../Content/images/icons/hide.png) no-repeat center;
}
.buttonSetting[isOpenBar="1"]:hover{
    background:url(../Content/images/icons/hidehighlight.png) no-repeat center;
}
.sortfiles[sortType],.sortfiles[sortType][sortOrder="asc"]{
    height:42px;
    width:42px;
    font-size:14px;
    background:url(../Content/images/icons/sort.png) no-repeat center;
}
.sortfiles[sortType="word"][sortOrder="desc"]{
    background:url(../Content/images/icons/sort_2.png) no-repeat center;
}
.sortfiles[sortType="word"]:hover,.sortfiles[sortType="word"][sortOrder="asc"]:hover{
    background:url(../Content/images/icons/sorthighlight.png) no-repeat center;
}
.sortfiles[sortType="word"][sortOrder="desc"]:hover{
    background:url(../Content/images/icons/sort_2highlight.png) no-repeat center;
}
.sortfiles[sortType="number"],.sortfiles[sortType="number"][sortOrder="asc"]{
    background:url(../Content/images/icons/sortnumber.png) no-repeat center;
}
.sortfiles[sortType="number"][sortOrder="desc"]{
    background:url(../Content/images/icons/sortnumber_2.png) no-repeat center;
}
.sortfiles[sortType="number"]:hover,.sortfiles[sortType="number"][sortOrder="asc"]:hover{
    background:url(../Content/images/icons/sortnumberhighlight.png) no-repeat center;
}
.sortfiles[sortType="number"][sortOrder="desc"]:hover{
    background:url(../Content/images/icons/sortnumber_2highlight.png) no-repeat center;
}
.choosefile:hover{
    background:url(../Content/images/icons/addhighlight.png) no-repeat center;
}
.deletefile:hover{
    background:url(../Content/images/icons/clearhighlight.png) no-repeat center;
}
.disabled.choosefile{
    background:url(../Content/images/icons/adddisabled.png) no-repeat center;
    cursor:not-allowed;
}
.container_right>.sidebar>.title{
	font-size: 24px;
    font-weight: 600;
    height:70px;
    line-height: 70px;
    letter-spacing: 0;
    color: #3c3c3c;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.2);
    position: relative;
    background-color: #f3f3f3;
	border-top-right-radius:10px;
}
.container_right .content{
	/*padding: 12px 16px 4px;*/
    padding: 0 24px;
    font-size:15px;
    color:#3c3c3c;
}
.container_right .content.nopadding{
	padding:0px;
    padding-bottom:125px;
}
.container_right.addwatermark .content.nopadding{
    padding-bottom:140px;
}
.container_right .info{
    margin-top:20px;
	margin-bottom: 16px;
    border: 0;
    border-radius: 4px;
    text-align: left;
    background-position: 12px;
    background-repeat: no-repeat;
    padding: 24px;
    color: #383e45;
    background-color: #d9edf7;
}
.container_right .confirmBtnBg{
    position: absolute;
    /*bottom: 24px;*/
    right: 24px;
    background:linear-gradient(0deg,#fff,#fff 70%,hsla(0,0%,100%,.5) 95%,hsla(0,0%,100%,0));
    z-index:99;
    bottom:0px;
    left:24px;
    height:100px;
}
.container_right.addwatermark .confirmBtnBg{
    height:140px;
}
/*.container_right.addwatermark .confirmBtnBg,.container_right.splitpdf .confirmBtnBg{
    margin:24px;
    position:initial;
}*/
.container_right .confirmBtn,.container_right #preview{
    width:392px;
    background: #D53C00;
    color:#fff;
	width: 389px;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 28px;
    height: 80px;
	line-height: 80px;
    font-weight: 600;
    margin: 0;
    z-index: 998;
    -webkit-box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border:0;
    border-radius:5px;
}
.container_right .confirmBtn.font26{
	font-size:26px;
}
.container_right #preview{
    bottom:114px;
    height:34px;
    line-height:34px;
    font-size:14px;
    background:#626870;
    padding:0;
    margin-bottom:10px;
}
.container_right .confirmBtn[disabled],.container_right .confirmBtn[disabled]:hover{
    background-color:#e6e6e6;
    cursor:not-allowed;
}
.container_right .confirmBtn:hover{
    background-color:#f35416;
}
.container_right .confirmBtn:active{
    background-color:#c83800;
}
#overlayContainer .confirmBtn{
    width: 150px;  
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
}
/******************** splitpdf,removepdf start ********************/
/*.container_right.splitpdf{
    background:#f3f3f3;
    overflow-y:auto;
    overflow-x:hidden;
}*/
.container_right .option_tab_wrapper {
    display:-ms-flexbox;
    display:flex;
    padding:0px;
    margin:0px;
}
.container_right .option_tab_wrapper .option_tab.tab_this{
    color:#161616;
    border-bottom:1px solid rgba(0,0,0,0);
    background:#fff;
}
.container_right .option_tab_wrapper .option_tab.tab_this:hover{
    background:none;
}
.container_right .option_tab_wrapper .option_tab{
    padding:14px;
    position:relative;
    border:0;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    text-align:center;
    color:#7c7c80;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    cursor:pointer;
    background-color:#f3f3f3;
}
.container_right .option_tab_wrapper .option_tab:hover{
    background-color:#eaeaea;
}
.container_right .option_tab_wrapper .option_tab .option_tab_image{
    width:48px;
    height:48px;
    margin:auto;
}
.container_right .option_tab_wrapper .option_tab .option_tab_image_title{
    font-size:15px;
    font-weight:500;
    letter-spacing:.3px;
    margin-bottom:0;
    line-height:16px;
    color:#7c7c80;
}
.container_right .option_tab_wrapper .option_tab.tab_this .option_tab_image_title{
    font-weight:bold;
    color:#000;
}
.option_tab_content{
	display:none;
}
.option_tab_content.content_active{
	display:block;
}
.option_tab_content>.option_panel_content{
    background:#fff;
}
.option_panel_content{
	padding:24px 24px 0px;
    font-size: 15px;
    color: #000;
}
.option_panel_content .checkbox{
    padding-top:15px;
}
.option_panel_content.option_panel_content1{
    padding:24px 24px 20px;
}
.self_range_addrange{
    padding:10px 50px;
    border:1px solid #707070;
    border-radius:5px;
    background:none;
    display:block;
    margin:auto;
}
.option_panel_content .option_title{
	font-size:15px;
	font-weight:500;
	color:#D53C00;
	letter-spacing:.3px;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:18px;
}
.option_panel_content .option_image{
    margin:0;
    padding:0;
	cursor:pointer;
	display:-ms-flexbox;
	display:flex;
}
.option_panel_content .option_image_item{
    padding:8px 18px;
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:50%;
    text-align:center;
    color:#7c7c80;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    background:#f3f3f3;
    border-radius:4px;
    box-shadow:0 2px 2px 0 rgb(0 0 0 / 10%);
    -webkit-transtion:none;
    -o-transition:none;
    transition:none;
    border:2px solid rgba(0,0,0,0);
    font-size:15px;
    height:44px;
    box-sizing:border-box;
}
.option_panel_content .option_image_item:nth-child(1){
    margin-right:8px;
}
.option_panel_content .option_image_item:hover{
    background-color:#eaeaea;
}
.option_panel_content .option_image_item.option_this{
    color:#D53C00;
    border:2px solid #d53c00;
}
.option_panel_content .option_image_item.option_this:hover{
    background-color:#f3f3f3;
}
.form_group{
    overflow:hidden;
    line-height:30px;
}
.option_panel_content .form_group label{
    float:left;
}
.splitpdf .option_panel_content .form_group label{
    color: #D53C00;
}
.option_panel_content .form_group #fixed_range_value{
    position:relative;
    float:right;
    height:30px;
    line-height:30px;
    width:80px;
    text-align:right;
    padding-right:24px;
    border-radius:3px;
    border:1px solid #ccc;
    box-sizing:border-box;
}
.option_panel_content .form_group #extract_pages,#remove_pages{
    display:block;
    height:30px;
    line-height:30px;
    width:100%;
    padding-right:24px;
    border-radius:3px;
    background:0;
    border:1px solid #ccc;
    box-sizing:border-box;
    text-indent:10px;
}
.filesWrapper.splitpdf{
	display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.splitpdf .range_element, .removepdf .range_element{
    width:170px;
    height:215px;
    margin:4px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-line-pack:distribute;
    align-content:space-around;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    border:1px solid rgba(0,0,0,0);
    background:#f6f6f8;
    box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);
}
.splitpdf .range_container,.removepdf .range_container{
    margin:4px;
    padding:4px;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    overflow:hidden;
    border:1px dashed #626870;
}
.splitpdf .page_info,.removepdf .page_info{
    position:absolute;
    height:25px;
    width:100%;
    bottom:0;
    left:0;
}
.splitpdf .page_info .file_info_name,.removepdf .page_info .file_info_name{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    font-size:12px;
    line-height:16px;
    padding:4px;
    border:1px solid rgba(0,0,0,0);
    text-align:center;
}
.splitpdf .range_to{
    width:12px;
    height:20px;
}
.splitpdf .range_title{
    text-align:center;
    color:#e5322d;
}
#merge_after_range,#merge_after_range1{
    display:block;
}
#split-extract .range_container{
    border:none;
    margin:0;
}
#split-extract .range.range_selected,#split-remove .range.range_selected{
    position:relative;
}
#split-extract .range.range_selected:after{
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    background:url(../Content/images/icons/selected.png) no-repeat center center;
    background-color:#4acd86;
    border:1px solid #1d9d58;
    border-radius:100%;
    width:24px;
    height:24px;
    display:block;
}
#split-remove .range.range_selected:after{
    content:"×";
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:hsla(0,0%,100%,.6) url() 50% no-repeat;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:45px;
    color:#e5322d;
}
.range{
    border:1px solid #ddd;
    margin:15px;
}
#split-fixed .range,#split-ranges-rendered .range,#split-remove .range,#split-extract .range{
    border:0;
    margin:5px;
}
input[type=number]{
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-ouer-spin-button{
    -webkit-appearance:none;
    background:rgba(0,0,0,0) url(../Content/images/icons/arrow.png) no-repeat 50%;
    margin:0;
    width:24px;
    opacity:0.8;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
}
.rangeslist{
    background:#fff;
}
.rangeslist .ranges{
    padding:15px 0px 20px 10px;
    border-bottom:1px solid #ccc;
    position:relative;
    box-sizing:border-box;
}
.rangeslist .ranges:hover{
    background-color:#f3f3f3;
}
.rangeslist .ranges .range_remove{
    width:30px;
    height:30px;
    position:absolute;
    top:6px;
    right:6px;
    cursor:pointer;
    background:url(../Content/images/icons/delete.png) no-repeat center center;
}
.rangeslist .ranges .range_remove:hover{
    background:url(../Content/images/icons/deletehighlight.png) no-repeat center center;
}
.rangeslist .title{
    font-size:15px;
    color:#D53C00;
}
.form_group_boxed{
    border:1px solid #aeaeb2;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    width:auto;
    border-radius:3px;
    overflow:hidden;
    margin-top:18px;
    margin-right:6px;
    height:42px;
}
.ranges label{
    max-width:80px;
    font-size:12px;
    display:flex;
    color:#454545;
    background: #f3f3f3;
    height: 100%;
    line-height: 40px;
    padding: 0 10px 0;
}
.ranges input{
    font-size:15px;
    color:#454545;
    width:90px;
    height:30px;
    text-align:right;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding:8px 24px 8px 12px;
    position:relative;
    border:0;
    box-sizing:border-box;
}
.ranges .d-flex{
    width:100%;
    -ms-flex-align:center;
    align-items:center;
}
.d-flex{
    display:-ms-flexbox;
    display:flex;
}
.icon-drag{
    display:block;
    -ms-flex:0 0 25px;
    flex:0 0 25px;
    width:25px;
    height:25px;
    background:url(../Content/images/icons/handle.png) no-repeat center center;
    cursor:move;
    margin:12px;
    position:relative;
    top:3px;
}
input[type="checkbox"]{
    position:absolute;
    clip:rect(0,0,0,0);
}
input[type="checkbox"] + label::before{
    content:"";
    display:inline-block;
    width:19px;
    height:19px;
    border-radius:2px;
    text-align:center;
    line-height:19px;
    border:1px solid #8c8c8c;
    margin-right:10px;
    position:relative;
    top:4px;
}
input[type="checkbox"]:checked + label::before{
    background:url(../Content/images/icons/check.png) no-repeat center center;
}
/******************** splitpdf,removepdf end ********************/
/******************** addpagenumber start ********************/
/*.container_right .sidebar{
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
}*/
.radio [type=radio]:checked,.radio [type=radio]:not(:checked){
    position:absolute;
    left:-9999px;
}
.radio [type=radio]:checked+label,.radio [type=radio]:not(:checked)+label{
    position:relative;
    cursor:pointer;
}
.radio [type=radio]+label{
    display:flex;
    text-align:left;
    align-items:center;
}
input[type="radio"]:checked+label::before,.radio [type=radio]:not(:checked)+label:before{
    content:"";
    display:inline-block;
    width:22px;
    height:22px;
    flex:0 0 22px;
    border:1px solid #aeaeb2;
    border-radius:100%;
    background:#fff;
    margin-right:12px;
    margin-top:0px;
    display:block;
    box-sizing:border-box;
}
.radio [type=radio]:checked+label:after{
    opacity:1;
    transform:scale(1);
}
.radio [type=radio]:checked+label:after,.radio [type=radio]:not(:checked)+label:after{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:50%;
    margin-top:-7px;
    left:4px;
    flex:0 0 14px;
    font-size:16px;
    line-height:16px;
    transition:all .2s;
    background:#4acd86;
    border-radius:100%;
}
.radio [type=radio]:not(:checked)+label:after{
    opacity:0;
    transform:scale(0);
}
.facing-page{
    display:flex;
    margin:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.facing-page .fileitem{
    margin:0;
    box-shadow:none;
}
.facing-page .fileitem:nth-child(1){
    flex-direction:row;
    justify-content:flex-end;
}
.facing-page .range_container{
    margin:5px;
}
.facing-page .fileitem:nth-child(1) .file_bullet_left{
    right:4px;
    left:auto;
}
.facing-page .fileitem:nth-child(1) .file_bullet_right{
    left:4px;
    right:auto;
}

.facing-page .fileitem:nth-child(2){
    flex-direction:row;
    justify-content:flex-start;
}
.file_bullet--small.file_bullet_left{
    left:0;
}
.file_bullet--small.file_bullet_right{
    right:0;
}
.file_bullet--small.file_bullet_bottom{
    bottom:0;
}
.file_bullet--small.file_bullet_top{
    top:0;
}

.file_bullet--big.file_bullet_left{
    left:8px;
}
.file_bullet--big.file_bullet_right{
    right:8px;
}
.file_bullet--big.file_bullet_bottom{
    bottom:8px;
}
.file_bullet--big.file_bullet_top{
    top:8px;
}
.pagenumbers_input{
    height: 42px;
    width: 100%;
    border-radius:4px;
    border:none;
}
.customizeText{
    display:none;
    margin-top:10px;
}
.addpagenumber_options{
    display:flex;
    justify-content:space-between;
}
.pageMargin_container{
    width:245px;
}
,.container_right.addpagenumber .confirmBtnBg{

}
/******************** addpagenumber end ********************/
/******************** addwatermark start ********************/
/*.container_right.addwatermark{
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
}*/
.range_canvas{
    position:relative;
    display:inline-flex;
}
.file_bullet{
    position:absolute;
    width:20px;
    height:20px;
    border-radius:100%;
    background:#e5322d;
    -webkit-box-shadow:0 0 8px 2px #fff;
    box-shadow:0 0 8px 2px #fff;
}
.file_bullet_top{
    top:4px;
}
.file_bullet_bottom{
    bottom:7px;
}
.file_bullet_left{
    left:4px;
}
.file_bullet_right{
    right:4px;
}
.file_bullet_center{
    left:50%;
    -weblit-transform:translateX(-50%);
    transform:translateX(-50%);
}
.file_bullet_middle{
    top:50%;
    -weblit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.file_bullet_center.file_bullet_middle{
    -weblit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.option_page{
    width:70px;
    border:1px solid #aeaeb2;
}
.option_page>*,.option_page>*>*,.option_page_item{
    height:25px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:1 1 0%;
    flex:1 1 0%;
    padding:0;
    background:none;
}
.option_page .option_active{
    background:rgba(255,0,0,0.2);
    position:relative;
}
.option_page .option_active.hiddenc{
    background:none;
}
.option_page .option_active:after,.option_next:after{
    content:"";
    display:block;
    position:absolute;
    right:24px;
    top:50%;
    -webkie-transform:translateY(-50%);
    transform:translateY(-50%);
}
.option_page .option_active:after{
    display:block;
    top:50%;
    left:50%;
    width:16px;
    height:16px;
    -webkie-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:#e5322d;
    border:0;
    line-height:18px;
    text-align:center;
    border-radius:100%;
}
.option_page .option_active.hiddenc:after{
    display:none;
}
.option_page>*>*{
    cursor:pointer;
    border-bottom:1px dashed #aeaeba;
    border-right:1px dashed #aeaeba;
}
.option_page .disabled{
    cursor:not-allowed;
    background-color:#ccc;
}
/*.option_active,.option_active:hover{
    background:#f6f6f8;
}*/
.option_page_position:last-child{
    border-right:0;
}
.row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.option_panel_content .form_group .row label{
    display:-ms-flex;
    display:flex;
    margin-bottom:8px;
}
select,select.input{
    border-radius:4px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url(../Content/images/icons/arrow_select.png);
    background-repeat:no-repeat;
    background-position:right 10px center;
    padding:2px 32px 6px 12px;
    box-shadow:none;
    height:42px;
    width:100%;
}
select::-ms-expand{
    display:none;
}
.col-md-6{
    padding-right:16px;
    box-sizing:border-box;
}
#tab_text input.option{
    height:42px;
    width:100%;
    box-sizing:border-box;
    border-radius:4px;
    border:1px solid #cfcfcf;
    font-size:15px;
    text-indent:8px;
}
.editor_toolbar_options{
    position:relative;
    z-index:22;
    box-shadow:none;
    padding:0;
    margin:0;
    display:-ms-flexbox;
    display:flex;
    border-radius:8px;
    -ms-flex-align:center;
    align-items:center;
    font-size:12px;
}
.editor_toolbar_block{
    padding:0 6px;
    cursor:pointer;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    background:#fff;
    min-width:24px;
    height:24px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.editor_toolbar_option{
    min-width:24px;
    height:24px;
    margin:0 2px;
    padding:4px 6px;
    border-radius:4px;
    position:relative;
    display:inline-block;
    cursor:pointer;
}
.editor_option,.editor_option_selector{
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
}
.editor_option_selector:after{
    content:"";
    background:url(../Content/images/icons/font_arrow.png) no-repeat 50%;
    width:4px;
    height:4px;
    margin-left:6px;
}
.editor_option_content{
    position:absolute;
    background:#fff;
    width:max-content;
    top:auto;
    bottom:35px;
    padding:12px;
    border-radius:4px;
    left:50%;
    transform:translateX(-30%);
    box-shadow:0 3px 6px  0 rgba(0 0 0 / 14%);
}
.toolbar_fontsize .editor_option_selector{
    background:url(../Content/images/icons/size.png) no-repeat center center;
}
.toolbar_fontsize .editor_option_selector .font-size{
    width:24px;
    height:24px;
}
.toolbar_fontfamily .editor_option_selector .font-selected{
    font-size:16px;
}
.toolbar_format .editor_toolbar_option{
    float:left;
}
.input[type=range],input[type=range],select[typeof=range]{
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-radius:6px;
    height:2px !important;

}
.rangeinput{
    width:72px;
    height:42px;
    text-align:right;
    padding:8px 24px 8px 12px;
    position:relative;
    top:2px;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    box-sizing:border-box;
    border-radius:4px;
    font-size:15px;
    border:1px solid #aeaeb2;
}
.form_group.form_group_inline3{
    overflow:initial;
    width:100px;
    float: left;
    position: relative;
    top: 4px;
    margin-right: 10px;
}
#textformatOptionsFontSizeText{
    float:left;
}
.toolbar_format .editor_toolbar_option.active{
    background:#f6f6f8;
    box-shadow:inset 0 1px 3px 0 #999;
}
.option_btn{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    width:240px;
    margin:4px auto;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    -ms-flex-pack:start;
    justify-content:flex-start;
    border-radius:4px;
    letter-spacing:0.3px;
    text-align:center;
    line-height:18px;
    color:#161616;
    padding:0;
    overflow:hidden;
    background:#f3f3f3;
    border:0;
}
#pickwatermark{
    display:-ms-flexbox;
    display:flex;
}
.option_btn_icon{
    padding:12px;
    width:55px;
    -ms-flex:0 0 55px;
    flex:0 0 55px;
    height:100%;
    min-height:45px;
    background:#ff6a58;
    box-sizing:border-box;
}
.option_btn span{
    padding:12px;
    text-transform:uppercase;
}
#watermarkPreview{
    background:url(../Content/images/icons/photo.png) no-repeat center center;
    background-color:#d53c00;
    background-size:contain !important;
}
.layui-icon-close:before{
    content:"" !important;
}
.layui-icon-down:before{
    display:none;
}
.uploadimg_error{
    color:#d53c00;
}
.option_panel_content.single_file{
    padding-top:30px;
}
.editor_option.bold{
    background:url(../Content/images/icons/bold.png) no-repeat center center;
}
.editor_option.italic{
    background:url(../Content/images/icons/italic.png) no-repeat center center;
}
.option_panel_content .option_image_item.upfile,.option_panel_content .option_image_item.downfile{
    height:120px;
    padding-top:62px;
}
.upfile{
    background:url(../Content/images/icons/above.png) no-repeat center 20px !important;
}
.downfile{
    background:url(../Content/images/icons/under.png) no-repeat center 20px !important;
}
.upfile.option_this{
    background:url(../Content/images/icons/above_selected.png) no-repeat center 20px !important;
}
.downfile.option_this{
    background:url(../Content/images/icons/under_selected.png) no-repeat center 20px !important;
}
.font-selector{
    padding:5px 0;
}
.container_right .layui-colorpicker{
    box-sizing:border-box;
    width:24px !important;
    height:24px !important;
    padding:4px !important;
}
.container_right .layui-colorpicker-trigger-i{
    display: block;
    color: #FFF;
    font-size: 10px;
    line-height: 13px;
}
/******************** addwatermark end ********************/
/******************** html2pdf start ********************/
#dropbox.html2pdf p{
    min-height:48px;
    box-sizing:border-box;
}
.container_right.html2pdf .confirmBtnBg{
    bottom:44px;
}
.container_right.html2pdf .option_panel_content .option_title{
    margin-bottom:15px;
}
.container_right.html2pdf .errorMsg{
    height:20px;
}
.t-right .html2pdf{
    padding: 50px 24px 35px 24px !important;
    background: #fff;
    text-align: left!important;
    font-size: 14px !important;
    cursor:default !important;
    box-sizing:border-box;
}
.input_error,.input.error{
    border:1px solid #e5322d !important;
    background:#fff;
    margin:0px;
}
.t-right .html2pdf .input{
    padding-left:36px;
    height:42px;
    width:100%;
    border:1px solid #aeaeb2;
    box-sizing:border-box;
    border-radius:4px;
    margin-top:10px;
    background:url(../Content/images/icons/url.png) no-repeat 6px center;
}
.inpurweb_btn{
    height:40px;
    line-height:40px;
    padding:0 30px;
    border-radius:3px;
    float:right;
    margin-top:30px;
    background: #D65D2F;
    color: #fff;
    border: 1px solid rgba(255,255,255,0);
}
.option_panel_content .form_group_btn .input{
    height:42px;
    width:100%;
    padding-left:36px;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #cfcfcf;
    flex:1 1 auto;
    background:url(../Content/images/icons/url.png) no-repeat 6px center;
}
#refreshUrl{
    font-size:18px;
    background:url(../Content/images/icons/refresh.png) no-repeat center center;
    background-color:#bbbbbb;
    height:42px;
    line-height:42px;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    border:1px solid #bbb;
}
.form_group_btn{
    position:relative;
}
.input_icon{
    position:relative;
    flex:1 1 auto;
}
.waitMsgError,.waitMsg{
    position:absolute;
    color:#fff;
    z-index:6999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:150px;
    min-height:150px;
    background:rgba(0,0,0,0.8);
    padding-bottom:180px;
    text-align:center;
}
.waitMsgError .title2,.waitMsg .title2{
    margin-top:20vh;
    font-size:24px;
    font-weight:600;
    line-height:34px;
    margin-bottom:12px;
    letter-spacing:0;
}
.waitMsgError p,.waitMsg p{
    margin-bottom:15px;
    font-size:15px;
    line-height:24px;
}
.waitMsg .title3{
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-bottom:12px;
}
.moreinfo{
    width:16px;
    height:16px;
    background:url(../Content/images/icons/info.png) no-repeat center center;
    position:relative;
    top:2px;
    left:5px;
}
.option_image_item.noborder{
    padding-top:60px;
    height:100px;
    background:url(../Content/images/icons/noborder.png) no-repeat center 20px;
}
.option_image_item.noborder.option_this{
    background:url(../Content/images/icons/noborder_selected.png) no-repeat center 20px;
}
.option_image_item.littleborder{
    padding-top:60px;
    height:100px;
    background:url(../Content/images/icons/smallborder.png) no-repeat center 20px;
}
.option_image_item.littleborder.option_this{
    background:url(../Content/images/icons/smallborder_selected.png) no-repeat center 20px;
}
.option_image_item.bigborder{
    padding-top:60px;
    height:100px;
    background:url(../Content/images/icons/largeborder.png) no-repeat center 20px;
}
.option_image_item.bigborder.option_this{
    background:url(../Content/images/icons/largeborder_selected.png) no-repeat center 20px;
}

.option_image_item.vertical{
    padding-top:60px;
    height:100px;
    background:url(../Content/images/icons/portrait.png) no-repeat center 10px;
}
.option_image_item.vertical.option_this{
    background:url(../Content/images/icons/portrait_selected.png) no-repeat center 10px;
}

.option_image_item.horizon{
    padding-top:60px;
    height:100px;
    background:url(../Content/images/icons/scenery.png) no-repeat center 10px;
}
.option_image_item.horizon.option_this{
    background:url(../Content/images/icons/scenery_selected.png) no-repeat center 10px;
}
.html2pdf_loading{
    height:120px;
    background:url(../Content/images/icons/Waiting_create.gif) no-repeat center center;
    margin-bottom:10px;
}
.add_left{
    height:120px;
    background:url(../Content/images/icons/add_left.png) no-repeat center center;
}
::-webkit-input-placeholder{
    color:#acacac;
}
::-moz-placeholder{
    color:#acacac;
}
::-ms-input-placeholder{
    color:#acacac;
}
/******************** html2pdf end ********************/
/******************** compresspdf start ********************/
.option_select_item{
    border-bottom:1px solid #aeaeb2;
    padding:24px 60px 24px 24px;
    cursor:pointer;
    position:relative;
}
.option_select_item_title{
    color:#e5322d;
    line-height:18px;
    margin-bottom:4px;
}
.option_select_item.item_active,.option_select_item:hover{
    background:#f6f6f8;
}
.option_select_item.item_active:after{
    content:"";
    display:block;
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    background:#4acd86 url(../Content/images/icons/selected.png) no-repeat center center;
    border-radius:100%;
    border:1px solid #1d9d58;
    width:28px;
    height:28px;
}
.compresspdf_radio_container{
    margin-top:5px;
}
.compresspdf_radio_container li{
    margin:10px 0;
}
/******************** compresspdf end ********************/
/******************** encryptpdf start ********************/
.encryptpdf_label1{
    color:#d53c00;
}
.encryptpdf_label1,.encryptpdf_label2{
    margin-top:24px;
    text-align:left;
}
/******************** encryptpdf end ********************/
/******************** pdf2jpg start ********************/
.pdf2jpg_select .option_select_item{
    display:flex;
    align-items:center;
}
.pdf2jpg_img1{
    height:54px;
    width:54px;
    background: url(../Content/images/tojpg.png) no-repeat center center;
    margin-right:20px;
}
.pdf2jpg_img2{
    height:54px;
    width:54px;
    background: url(../Content/images/extractpic.png) no-repeat center center;
    margin-right:20px;
}
.pdf2jpg_option_container{
    flex:1;
}
/******************** pdf2jpg end ********************/
/******************** organizepdf end ********************/
.fileListItem{
    height:75px;
    line-height:75px;
    padding:0 20px;
    padding-right:50px;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    background-color:#f6f6f6;
}
.fileListItem:hover{
    background-color:#e6e6e6;
}
.fileListItem.active{
    opacity:1;
}
.organizeItem.fileitem{
    /*border-width:10px !important;
    border-style:solid;*/
}
.fileListHeader{
    padding:20px 0 12px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.all_reset{
    display:none;
    float:right;
    padding:5px 15px;
    background-color:#f6f6f8;
    cursor:pointer;
}
.all_reset:hover{
    background-color:#e5e5e9;
}
.closeFileList{
    display:none;
    padding:3px;
    height:24px;
    width:24px;
    cursor:pointer;
    background: url(../Content/images/icons/delete.png) no-repeat center;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    z-index:99;
}
.closeFileList:hover{
    background: url(../Content/images/icons/deletehighlight.png) no-repeat center;
}
.fileListItem.active .closeFileList{
    display:block;
}
.blankPageBtn{
    position:absolute;
    height:42px;
    width:42px;
    z-index:99;
    top:50%;
    margin-top:-21px;
    display:none;
    cursor:pointer;
    border-radius:50%;
}
.blankPageBtn.blankPageLeft{
    left:-21px;
}
.blankPageBtn.blankPageRight{
    right:-21px;
}
.dragAnimation{
    transition:transform 1s;
}
.fileListTitle{
    color:#e74100;
    font-size:14px;
}
/******************** organizepdf end ********************/
/******************** organizemap start ********************/
.organizemap_page{
   /*height: 700px;
   width: 600px;*/
   height:auto;
   width:auto;
   margin:10px auto;
   position:relative;
   background:transparent;
   box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
   border-radius: 3px;
}
.organizemap_page.a3_page{
    height:1131px;
    width:1600px;
}
.organizemap_page.a4_page{
    height:1131px;
    width:800px;
}
.organizemap_page.a5_page{
    height:566px;
    width:800px;
}
.organizemap_page.letter_page{
    height:822px;
    width:1064px;
}
.organizemap_page:hover{
    background:transparent;
}
.organizemap_page .rowsContainer{
    white-space:nowrap;
}
.organizemap_page .imgViewer{
    height:auto;
    width:auto;
    box-sizing:border-box;
    margin:0;
    display:inline-block;
    position:relative;
    vertical-align:top;
}
.organizemap_page .imgViewer.freeitem{
    position:absolute;
}
.organizemap_page .imgViewer .picture{
    max-width:100%;
    max-height:100%;
    float:left;
    display:inline-flex;
}
.organizemap_page .imgViewer .picture canvas{
    /*max-width:100%;
    max-height:100%;*/
    height:auto;
    width:auto;
}
.option_panel_content .organizemap_input {
    position: relative;
    float: right;
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: right;
    padding-right: 24px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.organizemap_page .imgViewer .operation{
    top: 3px;
    right: 3px;
    position: absolute;
    display: none;
    z-index: 9;
}
.organizemap_page .imgViewer:hover .operation{
    display:block !important;
}
.organizemap_page .operation>div {
    padding: 3px;
    width: 24px;
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    text-align: center;
    background: rgba(0,0,0,.1);
    background: #e5e5e9;
    margin-left: 4px;
    z-index: 1030;
    border-radius: 100%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.organizemap_page .operation>div.delete {
    background: url(../Content/images/icons/delete.png) no-repeat center;
}
.organizemap_page .operation>div.rotate {
    background: url(../Content/images/icons/rotate.png) no-repeat center;
}
/******************** organizemap end ********************/
/******************** rotatepdf start ********************/
.rotateContent{
    padding-top:20px;
}
.rotate_btn_content,.rotate_select_content{
    display:flex;
    margin-left:-4px;
    margin-right:-4px;
}
.rotate_title{
    display:flex;
    align-items:center;
}
.rotate_title_left{
    flex:1;
}
.rotate_btn_container .title,.rotate_select_container .title{
    color: #e74100;
    font-size: 15px;
    padding:10px 0;
}
.rotateBtn1{
    height:88px;
    flex:1;
    background-color:#f3f3f3;
    margin:4px;
    border-radius:4px;
    border:2px solid transparent;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
}
.rotateBtn2{
    height:45px;
    line-height:45px;
    flex:1;
    padding-left:65px;
    position:relative;
    border-radius:4px;
    overflow:hidden;
    background-color:#f3f3f3;
    margin:4px;
    cursor:pointer;
}
.rotateBtn2:after{
    content:'';
    display:inline-block;
    height:45px;
    width:55px;
    position:absolute;
    left:0;
    top:0;
}
.rotateBtn2.rotateBtn_right:after{
     background:#D53C00 url('/Content/images/icons/toright.png') no-repeat center center;
}
.rotateBtn2.rotateBtn_left:after{
     background:#D53C00 url('/Content/images/icons/toleft.png') no-repeat center center;
}
.rotateBtn2:hover{
    background-color:#e6e6e6;
}
.rotateBtn2:hover:after{
    background-color:#f35416;
}
.rotateBtn2:active:after{
    background-color:#c83800;
}
.rotate_selected{
    color:#D53C00;
    border:2px solid #D53C00;
    /*background:#e6e6e6;*/
}
.rotate_hover{
    color:#626879;
    border:2px solid #161616;
}
.rotate_file_selected{
    background-color:#fff;
}
.hidden{
    display:none;
}
.resetAll{
    /*float:right;*/
    padding:5px 15px;
    background-color:#f6f6f6;
    cursor:pointer;
    /*margin-top:-5px;*/
    border-radius:3px;
}
.resetAll:hover{
    background-color:#e6e6e6;
}
.resetAll.disabled,.resetAll.disabled:hover{
    background-color:#e6e6e6;
    cursor:not-allowed;
}
.rotateBtn_all .rotate_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/all.png') no-repeat center center;
}
.rotateBtn_select1 .rotate_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/portrait.png') no-repeat center center;
}
.rotateBtn_select2 .rotate_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/scenery.png') no-repeat center center;
}
.rotateBtn_all.rotate_selected .rotate_image{
    background: url('/Content/images/icons/all_selected.png') no-repeat center center;
}
.rotateBtn_select1.rotate_selected .rotate_image{
    background: url('/Content/images/icons/portrait_selected.png') no-repeat center center;
}
.rotateBtn_select2.rotate_selected .rotate_image{
    background: url('/Content/images/icons/scenery_selected.png') no-repeat center center;
}
/******************** rotatepdf end ********************/
/******************** signpdf start ********************/
.container_sign_toolpreview{
    width:242px;
    background:#f6f6f8;
    display:flex;
}
.container_sign_toolpreview.closed{
    width:auto;
}
.container_sign_toolpreview>.div{
    height:100%;
}
.sign_tool_content{
    flex:1;
}
.container_sign_toolpreview.opened  .sign_tool_content{
    flex:1;
}
.container_sign_toolpreview.closed .sign_tool_content{
    flex:0;
}
.sign_preview.fileitem{
    align-items:center;
    width:auto;
    margin:12px auto;
    height:auto;
    box-shadow:none;
    padding-bottom:25px;
}
.sign_preview.fileitem .pagenum,.sign_preview.fileitem .filename{
    bottom:0;
}
.sign_preview.fileitem:hover{
    background:transparent;
}
.sign_page{
   /*height: 700px;
   width: 600px;*/
   height:auto;
   width:auto;
   margin:10px auto;
   position:relative;
   background:transparent;
   box-shadow:none;
}
.sign_page:hover{
    background:transparent;
}
.sign_page_select{
    border:1px solid #007bff;
    box-sizing:border-box;
}
.signComment{
    position:absolute;
    cursor:all-scroll;
}
.comment_border{
    position:absolute;
    height:100%;
    width:100%;
    border:2px solid #268070;
    box-sizing:border-box;
}
].comment_image{
    position:absolute;
    z-index:8;
}
.comment_image canvas{
    height:100%;
    width:100%;
}
.comment_move_left_top{
    position:absolute;
    left:-5px;
    top:-5px;
    width:8px;
    height:8px;
    cursor:nw-resize;
    background-color:#5aa;
}
.comment_move_right_top{
    position:absolute;
    right:-5px;
    top:-5px;
    width:8px;
    height:8px;
    cursor:ne-resize;
    background-color:#5aa;
}
.comment_move_left_bottom{
    position:absolute;
    left:-5px;
    bottom:-5px;
    width:8px;
    height:8px;
    cursor:ne-resize;
    background-color:#5aa;
}
.comment_move_right_bottom{
    position:absolute;
    right:-5px;
    bottom:-5px;
    width:8px;
    height:8px;
    cursor:nw-resize;
    background-color:#5aa;
}
.signOption{
    display:flex;
}
.signOption>div{
    background:#f1f1f1;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:290px;
    width:310px;
}
.signOption>div:nth-child(1){
    margin-right:25px;
}
.sign_icon{
    height:135px;
    width:135px;
    background:red;
    margin-top:18px;
}
.sign_icon_self{
     background: url('/Content/images/icons/own.png') no-repeat center center;
}
.sign_icon_other{
     background: url('/Content/images/icons/other.png') no-repeat center center;
}
.sign_btn{
    margin-top:30px;
    padding: 0 50px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#D53C00;
    color:#fff;
    border-radius:5px;
    cursor:default;
}
.sign_btn:hover{
    background:#f35416;
}
.sign_btn:active{
    background:#c83800;
}
.sign_tips,.signOption_tips{
    margin-top:15px;
    font-size:14px;
    color:#6e6e6e;
}
.signOption_title{
    font-size:20px;
    color:#3c3c3c;
    font-weight:bold;
    margin-bottom:30px;
}
.sign_tool_toogle{
    cursor:pointer;
    width:12px;
    background:#e1e1e1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.sign_tool_toogle.opened:after{
    content:'';
    height:0;
    width:0;
    border-top:8px solid transparent;
    border-right:8px solid #626870;
    border-bottom:8px solid transparent;
}
.sign_tool_toogle.closed:after{
    content:'';
    height:0;
    width:0;
    border-top:8px solid transparent;
    border-left:8px solid #626870;
    border-bottom:8px solid transparent;
}
.comment_move_operation{
    height:20px;
    position:absolute;
    top:-10px;
    right:10px;
    display:flex;
    z-index:9;
}
.comment_move_delete,.comment_move_options{
    height:20px;
    width:20px;
    cursor:pointer;
    background: url(/Content/images/icons/sign_properties.png) no-repeat center center;
}
.comment_move_delete:hover,.comment_move_options:hover{
    opacity:0.5;
}
.comment_move_delete{
    margin-left:5px;
    background: url(/Content/images/icons/sign_delete.png) no-repeat center center;
}
.sign_page_sign{
    display:none;
    background-color: #e74100;
    color: #fff;
    position: absolute;
    right:-12px;
    top:20px;
    border-radius: 100%;
    min-width: 24px;
    min-height: 24px;
    line-height: 20px;
    margin-top: -8px;
    margin-left: -8px;
    font-size: 11px;
    font-weight: 600;
    border: 2px solid #e74100;
    box-sizing: border-box;
    text-align:center;
}
.sign_preview .picture{
    position:relative;
    cursor:pointer;
}
.signCanvasDIV{
    position:relative;
    height:240px;
}
#signCanvas{
    z-index:100;
    cursor:default;
}
.canvasError{
    border:1px solid #e5322d;
    box-sizing:border-box;
}
.signpos_range{
    display:none;
}
.signBtn_select1 .sign_image{
    height: 32px;
    width: 64px;
    background: url(/Content/images/icons/simple.png) no-repeat center center;
    margin-bottom:10px;
}
.signBtn_select1:hover,.signBtn_select2:hover{
    color:#D53C00;
}
.signBtn_select1:hover .sign_image{
    background: url(/Content/images/icons/simple_selected.png) no-repeat center center;
}
.signBtn_select2 .sign_image{
    height: 32px;
    width: 64px;
    background: url(/Content/images/icons/upload.png) no-repeat center center;
    margin-bottom:10px;
}
.signBtn_select2:hover .sign_image{
    background: url(/Content/images/icons/upload_selected.png) no-repeat center center;
}
.sign_btn_content, .sign_select_content {
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
}
.signBtn1{
    height: 88px;
    flex: 1;
    background-color: #f3f3f3;
    margin: 4px;
    border-radius: 4px;
    border: 2px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.sign_dialog_footer{
    height:70px;
    background:#f3f3f3;
    border-top:1px solid #cccccc;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.buttonCancel,.buttonOk{
    font-size: 15px;
    width: 125px;
    height: 38px;
    line-height:38px;
    border-radius: 3px;
    background: #D53C00;
    color: #fff;
    border: none;
    margin-right: 20px;
    text-align:center;
    cursor:default;
    box-sizing:border-box;
}
.buttonCancel{
    background: #f5fcff;
    border: 1px solid #979797;
    color: #1d2225;
}
/*.buttonOk{
    margin-left:10px;
    margin-right:20px;
    color:#fff;
    background:#D53C00;
}*/
.buttonOk:hover{
    background:#f35416;
}
.buttonCancel:hover{
    background: #e8eff2;
}
#signDialog{
    padding:0;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
#signDialog>div{
    padding:0 20px;
}
#signDialog>div.sign_dialog_content{
    padding:20px;
}
.signpos_radio{
    margin-top:4px;
    margin-bottom:5px;
    width:55%;
    display:inline-block;
}
.signpos_radio .radio{
    margin-bottom:15px;
}
.signpos_info{
    width:45%;
    display:inline-block;
    font-size:12px;
    color:#6e6e6e;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}
.signpos_range{
    /*height:186px;*/
}
.signpos_range .rangeslist{
    height:186px;
    overflow-y:auto;
}
.signpos_range .rangeslist .ranges{
    padding:10px;
}
.signpos_range .form_group_boxed{
    margin-top:4px;
}
.signpos_range .option_panel_content{
    padding-top:10px;
}
.comment_move_point{
    z-index:100;
}
.cursorMove{
    cursor:move;
}
.pdfsign_dialog{
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:99999;
}
.pdfsign_cover{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
}
.pdfsign_content{
    padding:30px;
    overflow:hidden;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    border-radius:10px;
    min-width:450px;
    max-width:80%;
}
.sign_dialog_title{
    font-size: 20px;
    color: #3c3c3c;
    font-weight: bold;
    padding:20px;
    background-color:#f3f3f3;
    border-bottom:1px solid #cccccc;
}
.signMove{
    position:absolute;
    background-color:#ebf3f5;
    border:1px solid #759db8;
    box-sizing:border-box;
    padding:0;
    opacity:0.5;
    z-index:9999;
}
/******************** signpdf end ********************/
/******************** pdf2office start ********************/
.pdf2office_title{
    font-size:20px;
    color:#3c3c3c;
    font-weight:bold;
    margin-bottom:20px;
}
.pdf2office_content{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.pdf2office_content>div{
    width:176px;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:10px;
    padding-bottom:10px;
}
.pdf2office_content>div:hover{
    background:#f3f3f3;
}
.pdf2office_content .office_img{
    height:128px;
    width:128px;
    margin-bottom:10px;
}
.pdf2office_content .office_title{
    font-size:18px;
    color:#6e6e6e;
    text-align:center;
}
.pdf2office_content div[type="pdf2word"] .office_img{
    background: url('/Content/images/office_word.png') no-repeat center center;
    background-size:100% 100%;
}
.pdf2office_content div[type="pdf2excel"] .office_img{
    background: url('/Content/images/office_excel.png') no-repeat center center;
    background-size:100% 100%;
}
.pdf2office_content div[type="pdf2ppt"] .office_img{
    background: url('/Content/images/office_powerpoint.png') no-repeat center center;
    background-size:100% 100%;
}
.pdf2office_content div[type="pdf2jpg"] .office_img{
    background: url('/Content/images/office_pic.png') no-repeat center center;
    background-size:100% 100%;
}
.pdf2office_content div[type="pdf2txt"] .office_img{
    background: url('/Content/images/office_txt.png') no-repeat center center;
    background-size:100% 100%;
}
.pdf2office_dialog{
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:99999;
}
.pdf2office_cover{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
}
#pdf2office{
    padding:30px;
    overflow:hidden;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    border-radius:10px;
    max-width:70%;
    width:940px;
}
/******************** pdf2office end ********************/
/******************** jpg2pdf start ********************/
.jpg2pdfContent{
    padding-top:20px;
    padding-left:24px;
    padding-right:24px;
}
.jpg2pdf_select_Content{
    display:flex;
    margin-left:-4px;
    margin-right:-4px;
}
.jpg2pdf_title{
    color: #e74100;
    font-size: 15px;
    padding:15px 0;
    text-align:center;
}
.jpg2pdfBtn1,.jpg2pdfBtn2{
    height:88px;
    flex:1;
    background-color:#f3f3f3;
    margin:4px;
    border-radius:4px;
    border:2px solid transparent;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
}
.jpg2pdf_selected{
    color:#D53C00;
    border:2px solid #D53C00;
}
.jpg2pdf_hover{
    color:#626879;
    border:2px solid #161616;
}
.jpg2pdf_file_selected{
    background-color:#fff;
}
.jpg2pdfBtn_select1 .jpg2pdf_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/portrait.png') no-repeat center center;
}
.jpg2pdfBtn_select2 .jpg2pdf_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/scenery.png') no-repeat center center;
}
.jpg2pdfBtn_select3 .jpg2pdf_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/noborder.png') no-repeat center center;
}
.jpg2pdfBtn_select4 .jpg2pdf_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/smallborder.png') no-repeat center center;
}
.jpg2pdfBtn_select5 .jpg2pdf_image{
    height:48px;
    width:48px;
    background: url('/Content/images/icons/largeborder.png') no-repeat center center;
}
.jpg2pdfBtn_select1.jpg2pdf_selected .jpg2pdf_image{
    background: url('/Content/images/icons/portrait_selected.png') no-repeat center center;
}
.jpg2pdfBtn_select2.jpg2pdf_selected .jpg2pdf_image{
    background: url('/Content/images/icons/scenery_selected.png') no-repeat center center;
}
.jpg2pdfBtn_select3.jpg2pdf_selected .jpg2pdf_image{
    background: url('/Content/images/icons/noborder_selected.png') no-repeat center center;
}
.jpg2pdfBtn_select4.jpg2pdf_selected .jpg2pdf_image{
    background: url('/Content/images/icons/smallborder_selected.png') no-repeat center center;
}
.jpg2pdfBtn_select5.jpg2pdf_selected .jpg2pdf_image{
    background: url('/Content/images/icons/largeborder_selected.png') no-repeat center center;
}
/******************** jpg2pdf end ********************/
/******************** error start ********************/
#error{
	position: fixed;
    top: 80px;
    left: 20px;
}
.container.update_tips #error{
    top: 110px;
}
#error-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#error-container>div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
	height:auto;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
	background-color: #e5322d;
}

#error-container>div:hover {
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#error-container>.error-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important;
	background-size: initial;
}

#error-container>.error-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important;
	background-size: initial;
}

#error-container>.error-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important;
	background-size: initial;
}

#error-container>.error-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important;
	background-size: initial;
}

#error-container.error-bottom-center>div,#error-container.error-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#error-container.error-bottom-full-width>div,#error-container.error-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}
/******************** error end ********************/
/******************** scrollbar start ********************/
.scrollbar{
	display:none;
	width:5px;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#e5322d;
	border-radius:0px;
	visibility:visible;
	min-height:20px;
}
.scrollbar_x{
	display:none;
	height:5px;
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#e5322d;
	border-radius:0px;
	visibility:visible;
	min-width:20px;
}
/*.scrollbar:hover,.scrollbar_x:hover{
	background-color:rgba(198,198,198,0.70);
}
.scrollbar:active.scrollbar_x:active{
	background-color:rgba(184,184,184,0.60);
}*/
.monkey_scroll_wrapper{
	position:relative;
	overflow:hidden;
	visibility:visible;
	width: 100%;
    height: 100%;
	padding:0;
	margin:0;
}
.monkey_scroll_hider.scrolling{
	overflow:hidden;
	margin-right:17px;
	margin-bottom:17px;
	position:absolute;
	left:0;
	right:-17px;
	top:0;
	bottom:-17px;
}
.show_which_channel_is_active.monkey_scroller{
	visibility:visible;
	overflow-y:scroll;
	overflow-x:scroll;
	height:auto;
	
	position:absolute;
	left:0px;
	right:-17px;
	top:0;
	bottom:0;

}
/*.zorro_scrollcontent{
	min-height:100%;
}*/
.loading_content{
	position: absolute;
	top:70px;
	left:0;
	right:0;
	bottom:70px;
	z-index: 999;
	background-color: #fff;
}
.loading_content:after{
	position: absolute;
	content:'';
	display: inline-block;
	height:56px;
	width:56px;
	background: url(../../images/image_loading.gif) no-repeat center center;
	top:50%;
	left:50%;
	margin-top:-28px;
	margin-left:-28px;
}
/******************** scrollbar end ********************/ 

/******************** animate start ********************/ 
@-webkit-keyframes changePosition {
    0% {transform:scale(1);}
	50% {transform:scale(1.1);}
	100% {transform:scale(1);}
}

@keyframes changePosition {
    0% {transform:scale(1);}
	50% {transform:scale(1.1);}
	100% {transform:scale(1);}
}
.fileitem.move,.range.move{
	animation:changePosition 500ms;
	-webkit-animation:changePosition 500ms;
}
/******************** animate end ********************/ 
/******************** filethumbnail start ********************/ 
.thumbnailTXT{
    background: url('/Content/images/txt.png') no-repeat center center;
}
.thumbnailEncrypt{
    background: url('/Content/images/encrypt2.png') no-repeat center center;
}
.thumbnailWORD{
    background: url('/Content/images/word.png') no-repeat center center;
}
.thumbnailPPT{
    background: url('/Content/images/ppt.png') no-repeat center center;
}
.thumbnailJPG{
    background: url('/Content/images/jpg.png') no-repeat center center;
}
.thumbnailEXCEL{
    background: url('/Content/images/excel.png') no-repeat center center;
}
.thumbnailPDF{
    background: url('/Content/images/pdf.png') no-repeat center center;
}
canvas.thumbnailPPT,canvas.thumbnailJPG,canvas.thumbnailEXCEL,canvas.thumbnailWORD,.thumbnailEncrypt,.thumbnailTXT,.thumbnailPDF{
    background-color:#fff;
}
/******************** filethumbnail end ********************/ 


/******************** password start ********************/ 
.pwdpanel{
    padding:20px;
}
.diffpwd{
    padding-top:10px;
}
.fileitem1_filename{
    margin:10px 0;
}
.pwdpanel input[type="checkbox"]{
    display:block;
}
.pwdpanel .input_text{
    height: 42px;
    width: 300px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    font-size: 15px;
    text-indent: 8px;
}
.samepwd{
    margin-top:30px;
}
/******************** password end ********************/ 
/******************** password alert panel start ********************/ 
#overlayContainer{
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:99999999;
}
#overlayContainer .dialog{
    width:500px;
    display:inline-block;
    padding:30px;
    background-color:#fff;
    border-radius:4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
#inputContainer{
    max-height:500px;
    overflow:auto;
}
#password_label{
    font-size:20px;
    font-weight:600;
    text-align:center;
    color:#3c3c3c;
}
.encryptItemName,.password_checkbox{
    text-align:left;
    margin-top:10px;
    font-size:15px;
    color:#000000;
}
.encryptItemName{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.passwordSubmitdiv{
    text-align:center;
    margin-top:30px;
}
#passwordSubmit,#cancelSubmit{
    font-size:15px;
    width:125px;
    height:38px;
    border-radius:3px;
    /*border:1px solid #939393;*/
    background:#D53C00;
    color:#fff;
    border:none;
    margin-right:20px;
}
#passwordSubmit:hover{
    background:#f35416;
}
#passwordSubmit:active{
    background-color:#c83800;
}
#cancelSubmit{
    background:#f5fcff;
    border:1px solid #979797;
    color:#1d2225;
}
#cancelSubmit:hover{
    background:#e8eff2
}
#cancelSubmit:active{
    background:#dde5e8;
}

/******************** password alert panel end ********************/ 

/******************** deletefile toolbar start ********************/ 
.select_toolbar{
    position:absolute;
    left:30px;
    z-index:99;
}
.select_toolbar .select_action{
    width:30px;
    height:30px;
    margin-left:25px;
    position:relative;
}
.select_toolbar .deleteFile{
    width:30px;
    height:30px;
    position:absolute;
    top:6px;
    right:6px;
    cursor:pointer;
    background:url(../Content/images/icons/delete.png) no-repeat center center;
}
.select_toolbar select{
    margin:0 12px;
    max-width:250px;
}
.select_toolbar_options{
    overflow:hidden;
    background:#f6f6f8;
    border:1px solid #999;
    padding:8px 0;
    border-radius:8px;
}
.select_toolbar_options>div{
    float:left;
}
.select_toolbar .select_list{
    margin-right:12px;
}
/******************** deletefile toolbar end ********************/ 
/******************** openfile error start ********************/ 
.load_error{
    padding:30px;
    font-size:16px;
    position:relative;
    height:100%;
    box-sizing:border-box;
}
.load_error .btns{
    position:absolute;
    bottom:30px;
}
.load_error .btns a{
    color:#3c3c3c;
    cursor:pointer;
    border:1px solid #b3b3b3;
    border-radius:3px;
    padding:10px 30px;
    margin-right:10px;
    float:left;
}
.load_error .btns .refreshUrl{
    background:#D53C00;
    border-color:#D53C00;
    color:#fff;
}
.load_error .btns .backToIndex{
    margin-right:0;
}
/******************** openfile error end ********************/ 
/******************** openfileTips start ********************/ 
.openfileTips{
    width:206px;
    height:366px;
    position:fixed;
    bottom:0px;
    right:0px;
    z-index:1000;
    cursor:pointer;
}
.openfileTips.step0{
    width:64px;
    height:64px;
    right:20px;
    bottom:20px;
    background:url(../Content/images/tips/small.png) no-repeat center center;
    background-size:contain;
}
.openfileTips.step1{
    background:url(../Content/images/tips/3.png) no-repeat center center;
    background-size:contain;
}

.openfileTips.step2{
    background:url(../Content/images/tips/1.png) no-repeat center center;
    background-size:contain;
}

.openfileTips.step3{
    background:url(../Content/images/tips/2.png) no-repeat center center;
    background-size:contain;
}
.openfileTips.step1 .tips_text,.openfileTips.step3 .tips_text{
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 14px;
    background: #fff;
    right: 20px;
    height: 59px;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}
.openfileTips.step3 .tips_text{
    height:76px;
}
.openfileTips.step1 .tips_text:after,.openfileTips.step3 .tips_text:after{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 56px;
    left: 111px;
    border-left: 4px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
}
.openfileTips.step3 .tips_text:after{
    top:73px;
}
.openfileTips.step2 .tips_text{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 130px;
    font-size: 15px;
}
/******************** openfileTips end ********************/ 

/******************** qq start ********************/ 
.qq{
    display:none;
}
.qq.cn_bg{
    display:block;
    width:79px;
    height:25px;
    background:url('/Content/images/qq/button_qq.jpg') no-repeat center center;
    position:fixed;
    right:5px;
    bottom:55%;
    cursor:pointer;
    z-index:1;
}
.qq.cn_bg span{
     display:none;
}
.qq.toggled{
    width:250px;
    height:200px;
    background:url('/Content/images/qq/button_qq_2.png') no-repeat center center;
    background-size:contain;
    cursor:default;
    bottom:51%;
}
.qq.toggled span{
    display:block;
    position:absolute;
    top:107px;
    left:108px;
    font-size:13px;
    background:#fff;
}
/******************** qq end ********************/
/******************** extra start ********************/
.efont1{
    font-size:30px;
    color:#fff57c;
    text-align:center;
    padding-bottom:40px;
}
.eBold{
    font-weight:bold;
}
.efont2{
    line-height:1.5;
    font-size: 15px;
    color: #fff;
}
.efont3{
    font-size: 18px;
    color: #fff;
}
.eContainer {
    width: 100%;
    max-width: 1000px;
    margin: 70px auto;
    margin-top:50px;
    text-align: left;
}
.ePart1 ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.ePart1 ul li{
    width:calc(50% - 27.5px);
    padding-left:100px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:35px;
}
.ePart1 ul li>div:nth-child(2){
    margin-top:15px;
}
.ePart1 ul li:before {
    content: '';
    display: inline-block;
    width:70px;
    height:70px;
    position:absolute;
    left:0;
    top:0;
}
.ePart0.ePart1.pdf2txt_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/pdf2txt/0_advantage_1.png') no-repeat;
}

.ePart0.ePart1.pdf2txt_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/pdf2txt/0_advantage_2.png') no-repeat;
}

.ePart0.ePart1.pdf2txt_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/pdf2txt/0_advantage_3.png') no-repeat;
}

.ePart1.pdf2txt_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/pdf2txt/1_advantage_1.png') no-repeat;
}
.ePart1.pdf2txt_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/pdf2txt/1_advantage_2.png') no-repeat;
}
.ePart1.pdf2txt_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/pdf2txt/1_advantage_3.png') no-repeat;
}
.ePart1.pdf2txt_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/pdf2txt/1_advantage_4.png') no-repeat;
}
.ePart2>div>ul {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    grid-gap:50px;
}
.ePart2>div>ul>li {
    flex: 1;
    text-align:left;
    display:inline-block;
    padding:25px 20px 15px 20px;
    background-color:#e4f0ed;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.ePart2 ul li > div h3 {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: bold;
}
.ePart2 ul li .part2_content {
    font-size: 15px;
    color: #3c3c3c;
    margin: 15px 0px;
    line-height: 25px;
}
.ePart2 ul li .part2_content ul{
    padding-left:20px;
}
.ePart2 ul li .part2_content ul li {
    list-style-type: disc;
}
.ePart2.pdfunlock_epart2 ul li {
    width: calc(50% - 25px);
}
.ePart2 ul li image {
    width: 100%;
}
.ePart3>div{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.ePart3 > div >div{
    width:calc(50% - 22.5px);
}
.ePart3 > div > div:nth-child(1){
    text-align:center;
}
.btnGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}
.eButton {
    height: 60px;
    line-height: 60px;
    background-color: #23bce0;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    padding: 0 10px;
    border: none;
    border-radius: 3px;
}
.eButton:hover {
    color: #fff;
}
.ePart5 > div {
    display: flex;
    justify-content: space-between;
}
.ePart5{
    margin-bottom:100px;
}
.ePart5 dl dt {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
}
.ePart5 dl dd{
    margin-bottom:15px;
}
.ePart5 dl dd > a {
    font-size: 15px;
    color: #fff;
}
.ePart1.addwatermark_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_1.png') no-repeat;
}

.ePart1.addwatermark_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_2.png') no-repeat;
}

.ePart1.addwatermark_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_3.png') no-repeat;
}

.ePart1.addwatermark_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_4.png') no-repeat;
}
.ePart1.addwatermark_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_5.png') no-repeat;
}
.ePart1.pdfunlock_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_1.png') no-repeat;
}

.ePart1.pdfunlock_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_2.png') no-repeat;
}

.ePart1.pdfunlock_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_2.png') no-repeat;
}

.ePart1.pdfunlock_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_4.png') no-repeat;
}

.ePart1.protectpdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_1.png') no-repeat;
}
.ePart1.protectpdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_2.png') no-repeat;
}
.ePart1.protectpdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/protectpdf/4_advantage_3.png') no-repeat;
}
.ePart1.protectpdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/protectpdf/4_advantage_4.png') no-repeat;
}
.ePart1.protectpdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_4.png') no-repeat;
}

.ePart1.removepdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/removepdf/5_advantage_1.png') no-repeat;
}
.ePart1.removepdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/removepdf/5_advantage_2.png') no-repeat;
}
.ePart1.removepdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/pdf2txt/1_advantage_2.png') no-repeat;
}
.ePart1.removepdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_4.png') no-repeat;
}
.ePart1.removepdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/removepdf/5_advantage_5.png') no-repeat;
}
.ePart1.removepdf_epart1 ul li:nth-child(6):before {
    background: url('/Content/images/extra/removepdf/5_advantage_6.png') no-repeat;
}

.ePart1.rotatepdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/rotatepdf/6_advantage_1.png') no-repeat;
}
.ePart1.rotatepdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/rotatepdf/6_advantage_2.png') no-repeat;
}
.ePart1.rotatepdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/rotatepdf/6_advantage_3.png') no-repeat;
}
.ePart1.rotatepdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/protectpdf/4_advantage_3.png') no-repeat;
}

.ePart1.ppt2pdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_1.png') no-repeat;
}
.ePart1.ppt2pdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_2.png') no-repeat;
}
.ePart1.ppt2pdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_3.png') no-repeat;
}
.ePart1.ppt2pdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.ppt2pdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_5.png') no-repeat;
}

.ePart1.splitpdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/splitpdf/8_advantage_1.png') no-repeat;
}
.ePart1.splitpdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/splitpdf/8_advantage_2.png') no-repeat;
}
.ePart1.splitpdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.splitpdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_3.png') no-repeat;
}

.ePart1.jpg2pdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/jpg2pdf/9_advantage_1.png') no-repeat;
}
.ePart1.jpg2pdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/jpg2pdf/9_advantage_2.png') no-repeat;
}
.ePart1.jpg2pdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.jpg2pdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_3.png') no-repeat;
}
.ePart1.jpg2pdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_4.png') no-repeat;
}

.ePart1.compresspdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_1.png') no-repeat;
}
.ePart1.compresspdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/compresspdf/10_advantage_2.png') no-repeat;
}
.ePart1.compresspdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.compresspdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/pdfunlock/3_advantage_4.png') no-repeat;
}

.ePart1.word2pdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_1.png') no-repeat;
}
.ePart1.word2pdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/word2pdf/11_advantage_2.png') no-repeat;
}
.ePart1.word2pdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.word2pdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/word2pdf/11_advantage_4.png') no-repeat;
}
.ePart1.word2pdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_4.png') no-repeat;
}

.ePart1.pdf2jpg_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/pdf2jpg/12_advantage_1.png') no-repeat;
}
.ePart1.pdf2jpg_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/jpg2pdf/9_advantage_2.png') no-repeat;
}
.ePart1.pdf2jpg_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}
.ePart1.pdf2jpg_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_4.png') no-repeat;
}

.ePart1.mergepdf_epart1 ul li:nth-child(1):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_1.png') no-repeat;
}
.ePart1.mergepdf_epart1 ul li:nth-child(2):before {
    background: url('/Content/images/extra/mergepdf/13_advantage_2.png') no-repeat;
}
.ePart1.mergepdf_epart1 ul li:nth-child(3):before {
    background: url('/Content/images/extra/mergepdf/13_advantage_5.png') no-repeat;
}
.ePart1.mergepdf_epart1 ul li:nth-child(4):before {
    background: url('/Content/images/extra/ppt2pdf/7_advantage_4.png') no-repeat;
}

.ePart1.mergepdf_epart1 ul li:nth-child(5):before {
    background: url('/Content/images/extra/addwatermark/2_advantage_4.png') no-repeat;
}

.ePart1.mergepdf_epart1 ul li:nth-child(6):before {
    background: url('/Content/images/extra/mergepdf/13_advantage_6.png') no-repeat;
}
@media screen and (max-width: 1040px) {
    .ePart1 ul li{
        width:100%;
    }
    .ePart2.pdfunlock_epart2 ul li{
        width:100%;
    }
    .ePart3 > div > div {
        width: 100%;
    }
    .ePart3 > div > div:nth-child(2){
        margin-top:30px;
    }
    .ePart3 > div > div img{
        width:auto !important;
    }
    .btnGroup{
        justify-content:center;
        grid-gap:10px;
        flex-wrap:wrap;
    }
    .ePart2 > div > ul > li {
        max-width: 300px;
    }

}
/******************** extra end ********************/ 

.pdf2word>.title,.word2pdf>.title,.pdf2jpg>.title,.jpg2pdf>.title,.excel2pdf>.title,.ppt2pdf>.title,.protectpdf>.title,.mergepdf>.title,.splitpdf_icon>.title,.removepdf_icon>.title,
.compresspdf_icon>.title,.addwatermark_icon>.title,.html2pdf_icon>.title,.txt2pdf_icon>.title,.organizepdf_icon>.title,.pdf2excel_icon>.title,
.pdf2txt_icon>.title,.pdf2ppt_icon>.title,.rotatepdf_icon>.title,.addpagenumber_icon>.title,.pdfunlock_icon>.title,.office2pdf>.title,.removewatermark_icon>.title,.pdf2img>.title,.pdf2office_icon>.title{
  text-align:center;
  color:#3c3c3c;
  font-size:22px;
  font-weight: bold;
  margin-top:17px;
}
.protectpdf>.title,.mergepdf>.title,.splitpdf_icon>.title,.removepdf_icon>.title,
.compresspdf_icon>.title,.addwatermark_icon>.title,.html2pdf_icon>.title,.organizepdf_icon>.title,
.rotatepdf_icon>.title,.addpagenumber_icon>.title,.pdfunlock_icon>.title,.office2pdf>.title,.removewatermark_icon>.title,.pdf2img>.title,.pdf2office_icon>.title{
  margin-top:32px;
}
@media screen and (max-width:1000px) {
  .logo {
    margin: 5px 0 5px 19px;
  }
  .top_desc{
    margin-left:19px;
  }
}
/**
 
 @Name: layui
 @Author: 賢心
 @Site: www.layui.com
 
 */


/** 初始化 **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:hover{outline:0}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/** 初始化全局標籤 **/
body{line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
hr{height: 1px; margin: 10px 0; border: 0; clear: both;}
a{color: #333; text-decoration:none; }
a:hover{color: #777;}
a cite{font-style: normal; *cursor:pointer;}

/** 基礎通用 **/
.layui-border-box, .layui-border-box *{box-sizing: border-box;}
/* 消除第三方ui可能造成的衝突 */.layui-box, .layui-box *{box-sizing: content-box;}
.layui-clear{clear: both; *zoom: 1;}
.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}
.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
/* 三角形 */.layui-edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden;}
.layui-edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid;}
.layui-edge-right{border-left-color: #999; border-left-style: solid;}
.layui-edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid;}
.layui-edge-left{border-right-color: #999; border-right-style: solid;}
/* 單行溢出省略 */.layui-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* 遮罩選中 */.layui-unselect,.layui-icon, .layui-disabled{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
/* 禁用 */.layui-disabled,.layui-disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important;}
/* 純圓角 */.layui-circle{border-radius: 100%;}
.layui-show{display: block !important;}
.layui-hide{display: none !important;}

/** 圖示字體 **/
@font-face {
  font-family: 'layui-icon';
  src: url('/Scripts/layui/font/iconfont.eot?v=256');
  src: url('/Scripts/layui/font/iconfont.eot?v=256#iefix') format('embedded-opentype'),
       /*url('/Scripts/layui/font/iconfont.woff2?v=256') format('woff2'),*/
       url('/Scripts/layui/font/iconfont.woff?v=256') format('woff'),
       url('/Scripts/layui/font/iconfont.ttf?v=256') format('truetype'),
       url('/Scripts/layui/font/iconfont.svg?v=256#layui-icon') format('svg');
}
                    
.layui-icon{
  font-family:"layui-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* font-class */
.layui-icon-reply-fill:before{content:"\e611"}
.layui-icon-set-fill:before{content:"\e614"}
.layui-icon-menu-fill:before{content:"\e60f"}
.layui-icon-search:before{content:"\e615"}
.layui-icon-share:before{content:"\e641"}
.layui-icon-set-sm:before{content:"\e620"}
.layui-icon-engine:before{content:"\e628"}
.layui-icon-close:before{content:"\1006"}
.layui-icon-close-fill:before{content:"\1007"}
.layui-icon-chart-screen:before{content:"\e629"}
.layui-icon-star:before{content:"\e600"}
.layui-icon-circle-dot:before{content:"\e617"}
.layui-icon-chat:before{content:"\e606"}
.layui-icon-release:before{content:"\e609"}
.layui-icon-list:before{content:"\e60a"}
.layui-icon-chart:before{content:"\e62c"}
.layui-icon-ok-circle:before{content:"\1005"}
.layui-icon-layim-theme:before{content:"\e61b"}
.layui-icon-table:before{content:"\e62d"}
.layui-icon-right:before{content:"\e602"}
.layui-icon-left:before{content:"\e603"}
.layui-icon-cart-simple:before{content:"\e698"}
.layui-icon-face-cry:before{content:"\e69c"}
.layui-icon-face-smile:before{content:"\e6af"}
.layui-icon-survey:before{content:"\e6b2"}
.layui-icon-tree:before{content:"\e62e"}
.layui-icon-ie:before{content:"\e7bb"}
.layui-icon-upload-circle:before{content:"\e62f"}
.layui-icon-add-circle:before{content:"\e61f"}
.layui-icon-download-circle:before{content:"\e601"}
.layui-icon-templeate-1:before{content:"\e630"}
.layui-icon-util:before{content:"\e631"}
.layui-icon-face-surprised:before{content:"\e664"}
.layui-icon-edit:before{content:"\e642"}
.layui-icon-speaker:before{content:"\e645"}
.layui-icon-down:before{content:"\e61a"}
.layui-icon-file:before{content:"\e621"}
.layui-icon-layouts:before{content:"\e632"}
.layui-icon-rate-half:before{content:"\e6c9"}
.layui-icon-add-circle-fine:before{content:"\e608"}
.layui-icon-prev-circle:before{content:"\e633"}
.layui-icon-read:before{content:"\e705"}
.layui-icon-404:before{content:"\e61c"}
.layui-icon-carousel:before{content:"\e634"}
.layui-icon-help:before{content:"\e607"}
.layui-icon-code-circle:before{content:"\e635"}
.layui-icon-windows:before{content:"\e67f"}
.layui-icon-water:before{content:"\e636"}
.layui-icon-username:before{content:"\e66f"}
.layui-icon-find-fill:before{content:"\e670"}
.layui-icon-about:before{content:"\e60b"}
.layui-icon-location:before{content:"\e715"}
.layui-icon-up:before{content:"\e619"}
.layui-icon-pause:before{content:"\e651"}
.layui-icon-date:before{content:"\e637"}
.layui-icon-layim-uploadfile:before{content:"\e61d"}
.layui-icon-delete:before{content:"\e640"}
.layui-icon-play:before{content:"\e652"}
.layui-icon-top:before{content:"\e604"}
.layui-icon-firefox:before{content:"\e686"}
.layui-icon-friends:before{content:"\e612"}
.layui-icon-refresh-3:before{content:"\e9aa"}
.layui-icon-ok:before{content:"\e605"}
.layui-icon-layer:before{content:"\e638"}
.layui-icon-face-smile-fine:before{content:"\e60c"}
.layui-icon-dollar:before{content:"\e659"}
.layui-icon-group:before{content:"\e613"}
.layui-icon-layim-download:before{content:"\e61e"}
.layui-icon-picture-fine:before{content:"\e60d"}
.layui-icon-link:before{content:"\e64c"}
.layui-icon-diamond:before{content:"\e735"}
.layui-icon-log:before{content:"\e60e"}
.layui-icon-key:before{content:"\e683"}
.layui-icon-rate-solid:before{content:"\e67a"}
.layui-icon-fonts-del:before{content:"\e64f"}
.layui-icon-unlink:before{content:"\e64d"}
.layui-icon-fonts-clear:before{content:"\e639"}
.layui-icon-triangle-r:before{content:"\e623"}
.layui-icon-circle:before{content:"\e63f"}
.layui-icon-radio:before{content:"\e643"}
.layui-icon-align-center:before{content:"\e647"}
.layui-icon-align-right:before{content:"\e648"}
.layui-icon-align-left:before{content:"\e649"}
.layui-icon-loading-1:before{content:"\e63e"}
.layui-icon-return:before{content:"\e65c"}
.layui-icon-fonts-strong:before{content:"\e62b"}
.layui-icon-upload:before{content:"\e67c"}
.layui-icon-dialogue:before{content:"\e63a"}
.layui-icon-video:before{content:"\e6ed"}
.layui-icon-headset:before{content:"\e6fc"}
.layui-icon-cellphone-fine:before{content:"\e63b"}
.layui-icon-add-1:before{content:"\e654"}
.layui-icon-face-smile-b:before{content:"\e650"}
.layui-icon-fonts-html:before{content:"\e64b"}
.layui-icon-screen-full:before{content:"\e622"}
.layui-icon-form:before{content:"\e63c"}
.layui-icon-cart:before{content:"\e657"}
.layui-icon-camera-fill:before{content:"\e65d"}
.layui-icon-tabs:before{content:"\e62a"}
.layui-icon-heart-fill:before{content:"\e68f"}
.layui-icon-fonts-code:before{content:"\e64e"}
.layui-icon-ios:before{content:"\e680"}
.layui-icon-at:before{content:"\e687"}
.layui-icon-fire:before{content:"\e756"}
.layui-icon-set:before{content:"\e716"}
.layui-icon-fonts-u:before{content:"\e646"}
.layui-icon-triangle-d:before{content:"\e625"}
.layui-icon-tips:before{content:"\e702"}
.layui-icon-picture:before{content:"\e64a"}
.layui-icon-more-vertical:before{content:"\e671"}
.layui-icon-bluetooth:before{content:"\e689"}
.layui-icon-flag:before{content:"\e66c"}
.layui-icon-loading:before{content:"\e63d"}
.layui-icon-fonts-i:before{content:"\e644"}
.layui-icon-refresh-1:before{content:"\e666"}
.layui-icon-rmb:before{content:"\e65e"}
.layui-icon-addition:before{content:"\e624"}
.layui-icon-home:before{content:"\e68e"}
.layui-icon-time:before{content:"\e68d"}
.layui-icon-user:before{content:"\e770"}
.layui-icon-notice:before{content:"\e667"}
.layui-icon-chrome:before{content:"\e68a"}
.layui-icon-edge:before{content:"\e68b"}
.layui-icon-login-weibo:before{content:"\e675"}
.layui-icon-voice:before{content:"\e688"}
.layui-icon-upload-drag:before{content:"\e681"}
.layui-icon-login-qq:before{content:"\e676"}
.layui-icon-snowflake:before{content:"\e6b1"}
.layui-icon-heart:before{content:"\e68c"}
.layui-icon-logout:before{content:"\e682"}
.layui-icon-file-b:before{content:"\e655"}
.layui-icon-template:before{content:"\e663"}
.layui-icon-transfer:before{content:"\e691"}
.layui-icon-auz:before{content:"\e672"}
.layui-icon-console:before{content:"\e665"}
.layui-icon-app:before{content:"\e653"}
.layui-icon-prev:before{content:"\e65a"}
.layui-icon-website:before{content:"\e7ae"}
.layui-icon-next:before{content:"\e65b"}
.layui-icon-component:before{content:"\e857"}
.layui-icon-android:before{content:"\e684"}
.layui-icon-more:before{content:"\e65f"}
.layui-icon-login-wechat:before{content:"\e677"}
.layui-icon-shrink-right:before{content:"\e668"}
.layui-icon-spread-left:before{content:"\e66b"}
.layui-icon-camera:before{content:"\e660"}
.layui-icon-note:before{content:"\e66e"}
.layui-icon-refresh:before{content:"\e669"}
.layui-icon-female:before{content:"\e661"}
.layui-icon-male:before{content:"\e662"}
.layui-icon-screen-restore:before{content:"\e758"}
.layui-icon-password:before{content:"\e673"}
.layui-icon-senior:before{content:"\e674"}
.layui-icon-theme:before{content:"\e66a"}
.layui-icon-tread:before{content:"\e6c5"}
.layui-icon-praise:before{content:"\e6c6"}
.layui-icon-star-fill:before{content:"\e658"}
.layui-icon-rate:before{content:"\e67b"}
.layui-icon-template-1:before{content:"\e656"}
.layui-icon-vercode:before{content:"\e679"}
.layui-icon-service:before{content:"\e626"}
.layui-icon-cellphone:before{content:"\e678"}
.layui-icon-print:before{content:"\e66d"}
.layui-icon-cols:before{content:"\e610"}
.layui-icon-wifi:before{content:"\e7e0"}
.layui-icon-export:before{content:"\e67d"}
.layui-icon-rss:before{content:"\e808"}
.layui-icon-slider:before{content:"\e714"}
.layui-icon-email:before{content:"\e618"}
.layui-icon-subtraction:before{content:"\e67e"}
.layui-icon-mike:before{content:"\e6dc"}
.layui-icon-light:before{content:"\e748"}
.layui-icon-gift:before{content:"\e627"}
.layui-icon-mute:before{content:"\e685"}
.layui-icon-reduce-circle:before{content:"\e616"}
.layui-icon-music:before{content:"\e690"}

/* 基本佈局 */
.layui-main{position: relative; width: 1140px; margin: 0 auto;}
.layui-header{position: relative; z-index: 1000; height: 60px;}
.layui-header a:hover{transition: all .5s; -webkit-transition: all .5s;}
.layui-side{position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 200px; overflow-x: hidden;}
.layui-side-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden;}
.layui-body{position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box;}

/* 後臺框架大佈局 */.layui-layout-body{overflow: hidden;}
.layui-layout-admin .layui-header{background-color: #23262E;}
.layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden;}
.layui-layout-admin .layui-body{position: fixed; top: 60px; bottom: 44px;}
.layui-layout-admin .layui-main{width: auto; margin: 0 15px;}
.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; height: 44px; line-height: 44px; padding: 0 15px; background-color: #eee;}
.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px;}
.layui-layout-admin .layui-header .layui-nav{background: none;}
.layui-layout-left{position: absolute !important; left: 200px; top: 0;}
.layui-layout-right{position: absolute !important; right: 0; top: 0;}

/* 柵格佈局 */
.layui-container{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.layui-fluid{position: relative; margin: 0 auto; padding: 0 15px;}

.layui-row:before, .layui-row:after{content: ''; display: block; clear: both;}
.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12
,.layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12
,.layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12
,.layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12
{position: relative; display: block; box-sizing: border-box;}

.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12{float: left;}
.layui-col-xs1{width: 8.33333333%;}
.layui-col-xs2{width: 16.66666667%;}
.layui-col-xs3{width: 25%;}
.layui-col-xs4{width: 33.33333333%;}
.layui-col-xs5{width: 41.66666667%;}
.layui-col-xs6{width: 50%;}
.layui-col-xs7{width: 58.33333333%;}
.layui-col-xs8{width: 66.66666667%;}
.layui-col-xs9{width: 75%;}
.layui-col-xs10{width: 83.33333333%;}
.layui-col-xs11{width: 91.66666667%;}
.layui-col-xs12{width: 100%;}

.layui-col-xs-offset1{margin-left: 8.33333333%;}
.layui-col-xs-offset2{margin-left: 16.66666667%;}
.layui-col-xs-offset3{margin-left: 25%;}
.layui-col-xs-offset4{margin-left: 33.33333333%;}
.layui-col-xs-offset5{margin-left: 41.66666667%;}
.layui-col-xs-offset6{margin-left: 50%;}
.layui-col-xs-offset7{margin-left: 58.33333333%;}
.layui-col-xs-offset8{margin-left: 66.66666667%;}
.layui-col-xs-offset9{margin-left: 75%;}
.layui-col-xs-offset10{margin-left: 83.33333333%;}
.layui-col-xs-offset11{margin-left: 91.66666667%;}
.layui-col-xs-offset12{margin-left: 100%;}

/* 超小螢幕(手機) */
@media screen and (max-width: 768px) {
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
}

/* 小型螢幕(平板) */
@media screen and (min-width: 768px) {
  .layui-container{width: 750px;}
  .layui-hide-sm{display: none!important;}
  .layui-show-sm-block{display: block!important;}
  .layui-show-sm-inline{display: inline!important;}
  .layui-show-sm-inline-block{display: inline-block!important;}

  .layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12{float: left;}
  .layui-col-sm1{width: 8.33333333%;}
  .layui-col-sm2{width: 16.66666667%;}
  .layui-col-sm3{width: 25%;}
  .layui-col-sm4{width: 33.33333333%;}
  .layui-col-sm5{width: 41.66666667%;}
  .layui-col-sm6{width: 50%;}
  .layui-col-sm7{width: 58.33333333%;}
  .layui-col-sm8{width: 66.66666667%;}
  .layui-col-sm9{width: 75%;}
  .layui-col-sm10{width: 83.33333333%;}
  .layui-col-sm11{width: 91.66666667%;}
  .layui-col-sm12{width: 100%;}
  /* 列偏移 */
  .layui-col-sm-offset1{margin-left: 8.33333333%;}
  .layui-col-sm-offset2{margin-left: 16.66666667%;}
  .layui-col-sm-offset3{margin-left: 25%;}
  .layui-col-sm-offset4{margin-left: 33.33333333%;}
  .layui-col-sm-offset5{margin-left: 41.66666667%;}
  .layui-col-sm-offset6{margin-left: 50%;}
  .layui-col-sm-offset7{margin-left: 58.33333333%;}
  .layui-col-sm-offset8{margin-left: 66.66666667%;}
  .layui-col-sm-offset9{margin-left: 75%;}
  .layui-col-sm-offset10{margin-left: 83.33333333%;}
  .layui-col-sm-offset11{margin-left: 91.66666667%;}
  .layui-col-sm-offset12{margin-left: 100%;}
}
/* 中型螢幕(桌面) */
@media screen and (min-width: 992px) {
  .layui-container{width: 970px;}
  .layui-hide-md{display: none!important;}
  .layui-show-md-block{display: block!important;}
  .layui-show-md-inline{display: inline!important;}
  .layui-show-md-inline-block{display: inline-block!important;}
  
  .layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12{float: left;}
  .layui-col-md1{width: 8.33333333%;}
  .layui-col-md2{width: 16.66666667%;}
  .layui-col-md3{width: 25%;}
  .layui-col-md4{width: 33.33333333%;}
  .layui-col-md5{width: 41.66666667%;}
  .layui-col-md6{width: 50%;}
  .layui-col-md7{width: 58.33333333%;}
  .layui-col-md8{width: 66.66666667%;}
  .layui-col-md9{width: 75%;}
  .layui-col-md10{width: 83.33333333%;}
  .layui-col-md11{width: 91.66666667%;}
  .layui-col-md12{width: 100%;}
  /* 列偏移 */
  .layui-col-md-offset1{margin-left: 8.33333333%;}
  .layui-col-md-offset2{margin-left: 16.66666667%;}
  .layui-col-md-offset3{margin-left: 25%;}
  .layui-col-md-offset4{margin-left: 33.33333333%;}
  .layui-col-md-offset5{margin-left: 41.66666667%;}
  .layui-col-md-offset6{margin-left: 50%;}
  .layui-col-md-offset7{margin-left: 58.33333333%;}
  .layui-col-md-offset8{margin-left: 66.66666667%;}
  .layui-col-md-offset9{margin-left: 75%;}
  .layui-col-md-offset10{margin-left: 83.33333333%;}
  .layui-col-md-offset11{margin-left: 91.66666667%;}
  .layui-col-md-offset12{margin-left: 100%;}
}
/* 大型螢幕(桌面) */
@media screen and (min-width: 1200px) {
  .layui-container{width: 1170px;}
  .layui-hide-lg{display: none!important;}
  .layui-show-lg-block{display: block!important;}
  .layui-show-lg-inline{display: inline!important;}
  .layui-show-lg-inline-block{display: inline-block!important;}
  
  .layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12{float: left;}
  .layui-col-lg1{width: 8.33333333%;}
  .layui-col-lg2{width: 16.66666667%;}
  .layui-col-lg3{width: 25%;}
  .layui-col-lg4{width: 33.33333333%;}
  .layui-col-lg5{width: 41.66666667%;}
  .layui-col-lg6{width: 50%;}
  .layui-col-lg7{width: 58.33333333%;}
  .layui-col-lg8{width: 66.66666667%;}
  .layui-col-lg9{width: 75%;}
  .layui-col-lg10{width: 83.33333333%;}
  .layui-col-lg11{width: 91.66666667%;}
  .layui-col-lg12{width: 100%;}
  /* 列偏移 */
  .layui-col-lg-offset1{margin-left: 8.33333333%;}
  .layui-col-lg-offset2{margin-left: 16.66666667%;}
  .layui-col-lg-offset3{margin-left: 25%;}
  .layui-col-lg-offset4{margin-left: 33.33333333%;}
  .layui-col-lg-offset5{margin-left: 41.66666667%;}
  .layui-col-lg-offset6{margin-left: 50%;}
  .layui-col-lg-offset7{margin-left: 58.33333333%;}
  .layui-col-lg-offset8{margin-left: 66.66666667%;}
  .layui-col-lg-offset9{margin-left: 75%;}
  .layui-col-lg-offset10{margin-left: 83.33333333%;}
  .layui-col-lg-offset11{margin-left: 91.66666667%;}
  .layui-col-lg-offset12{margin-left: 100%;}
}

/* 列間隔 */
.layui-col-space1{margin: -0.5px;}
.layui-col-space1>*{padding: 0.5px;}
.layui-col-space2{margin: -1px;}
.layui-col-space2>*{padding: 1px;}
.layui-col-space4{margin: -2px;}
.layui-col-space4>*{padding: 2px;}
.layui-col-space5{margin: -2.5px;}
.layui-col-space5>*{padding: 2.5px;}
.layui-col-space6{margin: -3px;}
.layui-col-space6>*{padding: 3px;}
.layui-col-space8{margin: -4px;}
.layui-col-space8>*{padding: 4px;}
.layui-col-space10{margin: -5px;}
.layui-col-space10>*{padding: 5px;}
.layui-col-space12{margin: -6px;}
.layui-col-space12>*{padding: 6px;}
.layui-col-space14{margin: -7px;}
.layui-col-space14>*{padding: 7px;}
.layui-col-space15{margin: -7.5px;}
.layui-col-space15>*{padding: 7.5px;}
.layui-col-space16{margin: -8px;}
.layui-col-space16>*{padding: 8px;}
.layui-col-space18{margin: -9px;}
.layui-col-space18>*{padding: 9px;}
.layui-col-space20{margin: -10px;}
.layui-col-space20>*{padding: 10px;}
.layui-col-space22{margin: -11px;}
.layui-col-space22>*{padding: 11px;}
.layui-col-space24{margin: -12px;}
.layui-col-space24>*{padding: 12px;}
.layui-col-space25{margin: -12.5px;}
.layui-col-space25>*{padding: 12.5px;}
.layui-col-space26{margin: -13px;}
.layui-col-space26>*{padding: 13px;}
.layui-col-space28{margin: -14px;}
.layui-col-space28>*{padding: 14px;}
.layui-col-space30{margin: -15px;}
.layui-col-space30>*{padding: 15px;}


/** 頁面元素 **/
.layui-btn, .layui-input, .layui-textarea, .layui-upload-button, .layui-select{outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}

/* 引用 */.layui-elem-quote{margin-bottom: 10px; padding: 15px; line-height: 22px; border-left: 5px solid #009688; border-radius: 0 2px 2px 0; background-color: #f2f2f2;}
.layui-quote-nm{border-style: solid; border-width: 1px; border-left-width: 5px; background: none;}
/* 字段集合 */.layui-elem-field{margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid;}
.layui-elem-field legend{margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300;}
.layui-field-title{margin: 10px 0 20px; border-width: 0; border-top-width: 1px;}
.layui-field-box{padding: 10px 15px;}
.layui-field-title .layui-field-box{padding: 10px 0;}

/* 進度條 */
.layui-progress{position: relative; height: 6px; border-radius: 20px; background-color: #e2e2e2;}
.layui-progress-bar{position: absolute; left: 0; top: 0; width: 0; max-width: 100%; height: 6px; border-radius: 20px; text-align: right; background-color: #5FB878; transition: all .3s; -webkit-transition: all .3s;}
.layui-progress-big,
.layui-progress-big .layui-progress-bar{height: 18px; line-height: 18px;}
.layui-progress-text{position: relative; top: -20px; line-height: 18px; font-size: 12px; color: #666}
.layui-progress-big .layui-progress-text{position: static; padding: 0 10px; color: #fff;}


/*

  面板
 
*/


/* 折疊面板 */
.layui-collapse{border-width: 1px; border-style: solid; border-radius: 2px;}
.layui-colla-item,
.layui-colla-content{border-top-width: 1px; border-top-style: solid;}
.layui-colla-item:first-child{border-top: none;}
.layui-colla-title{position: relative; height: 42px; line-height: 42px; padding: 0 15px 0 35px; color: #333; background-color: #f2f2f2; cursor: pointer; font-size: 14px; overflow: hidden;}
.layui-colla-content{display: none; padding: 10px 15px; line-height: 22px; color: #666;}
.layui-colla-icon{position: absolute; left: 15px; top: 0; font-size: 14px;}

/* 卡片面板 */
.layui-card{margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.layui-card:last-child{margin-bottom: 0;}
.layui-card-header{position: relative; height: 42px; line-height: 42px; padding: 0 15px; border-bottom: 1px solid #f6f6f6; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.layui-card-body{position: relative; padding: 10px 15px; line-height: 24px;}
.layui-card-body[pad15]{padding: 15px;}
.layui-card-body[pad20]{padding: 20px;}
.layui-card-body .layui-table{margin: 5px 0;}
.layui-card .layui-tab{margin: 0;}

/* 常規面板 */
.layui-panel{}

/* 窗口面板 */
.layui-panel-window{position: relative; padding: 15px; border-radius: 0; border-top: 5px solid #E6E6E6; background-color: #fff;}

/* 其他輔助 */
.layui-auxiliar-moving{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: none; z-index: 9999999999;}


/* 

  默認主題 
  
*/


/* 背景顏色 */
.layui-bg-red{background-color: #FF5722 !important; color: #fff!important;} /*赤*/
.layui-bg-orange{background-color: #FFB800!important; color: #fff!important;} /*橙*/
.layui-bg-green{background-color: #009688!important; color: #fff!important;} /*綠*/
.layui-bg-cyan{background-color: #2F4056!important; color: #fff!important;} /*青*/
.layui-bg-blue{background-color: #1E9FFF!important; color: #fff!important;} /*藍*/
.layui-bg-black{background-color: #393D49!important; color: #fff!important;} /*黑*/
.layui-bg-gray{background-color: #eee!important; color: #666!important;} /*灰*/

/* 邊框 */
.layui-quote-nm, 
.layui-elem-field,
.layui-collapse, 
.layui-colla-item, 
.layui-colla-content,
.layui-badge-rim,
.layui-tab-title,
.layui-tab-title .layui-this:after,
.layui-tab-bar,
.layui-tab-card,

.layui-input, .layui-textarea, .layui-select,
.layui-form-pane .layui-form-label, 
.layui-form-pane .layui-form-item[pane],
.layui-layedit, .layui-layedit-tool{border-color: #e6e6e6}

/* 背景邊框 */
hr, .layui-timeline-item:before{background-color: #e6e6e6;}

/* 文本區域 */
.layui-text{line-height: 22px; font-size: 14px; color: #666;}
.layui-text h1,
.layui-text h2,
.layui-text h3{font-weight: 500; color: #333;}
.layui-text h1{font-size: 30px;}
.layui-text h2{font-size: 24px;}
.layui-text h3{font-size: 18px;}
.layui-text a:not(.layui-btn){color: #01AAED;}
.layui-text a:not(.layui-btn):hover{text-decoration: underline;}
.layui-text ul{padding: 5px 0 5px 15px;}
.layui-text ul li{margin-top: 5px; list-style-type: disc;}
.layui-text em,
.layui-word-aux{color: #999 !important; padding-left: 5px !important; padding-right: 5px !important;}

/*
 
  按鈕 

*/

.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
.layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
.layui-btn+.layui-btn{margin-left: 10px;}

/* 按鈕容器 */
.layui-btn-container{font-size: 0;}
.layui-btn-container .layui-btn{margin-right: 10px; margin-bottom: 10px;}
.layui-btn-container .layui-btn+.layui-btn{margin-left: 0;}
.layui-table .layui-btn-container .layui-btn{margin-bottom: 9px;}


/* 圓角 */.layui-btn-radius{border-radius: 100px;}
.layui-btn .layui-icon{margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle\0;}

/* 原始 */.layui-btn-primary{border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
.layui-btn-primary:hover{border-color: #009688; color: #333}
/* 百搭 */.layui-btn-normal{background-color: #1E9FFF;}
/* 暖色 */.layui-btn-warm{background-color: #FFB800;}
/* 警告 */.layui-btn-danger{background-color: #FF5722;}
/* 選中 */.layui-btn-checked{background-color: #5FB878;}
/* 禁用 */.layui-btn-disabled,.layui-btn-disabled:hover,.layui-btn-disabled:active{border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1;}

/* 大型 */.layui-btn-lg{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;}
/* 小型 */.layui-btn-sm{height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
.layui-btn-sm i{font-size: 16px !important;}
/* 超小 */.layui-btn-xs{height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px;}
.layui-btn-xs i{font-size: 14px !important;}
/* 按鈕組 */.layui-btn-group{display: inline-block; vertical-align: middle; font-size: 0;}
.layui-btn-group .layui-btn{margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5); border-radius: 0;}
.layui-btn-group .layui-btn-primary{border-left: none;}
.layui-btn-group .layui-btn-primary:hover{border-color: #C9C9C9; color: #009688;}
.layui-btn-group .layui-btn:first-child{border-left: none; border-radius: 2px 0 0 2px;}
.layui-btn-group .layui-btn-primary:first-child{border-left: 1px solid #c9c9c9;}
.layui-btn-group .layui-btn:last-child{border-radius: 0 2px 2px 0;}
.layui-btn-group .layui-btn+.layui-btn{margin-left: 0;}
.layui-btn-group+.layui-btn-group{margin-left: 10px;}
/* 流體 */.layui-btn-fluid{width: 100%;}

/** 表單 **/
.layui-input, .layui-textarea, .layui-select{height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px;}
.layui-input::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder,
.layui-select::-webkit-input-placeholder{line-height: 1.3;}
.layui-input, .layui-textarea{display: block; width: 100%; padding-left: 10px;}
.layui-input:hover, .layui-textarea:hover{border-color: #D2D2D2 !important;}
.layui-input:focus, .layui-textarea:focus{border-color: #C9C9C9 !important;}
.layui-textarea{position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
.layui-select{padding: 0 10px;}
.layui-form select, 
.layui-form input[type=checkbox],
.layui-form input[type=radio]{display: none;}
.layui-form *[lay-ignore]{display: initial;}

.layui-form-item{margin-bottom: 15px; clear: both; *zoom: 1;}
.layui-form-item:after{content:'\20'; clear: both; *zoom: 1; display: block; height:0;}
.layui-form-label{position: relative; float: left; display: block; padding: 9px 15px;  width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
.layui-form-label-col{display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left;}
.layui-form-item .layui-inline{margin-bottom: 5px; margin-right: 10px;}
.layui-input-block, .layui-input-inline{position: relative;}
.layui-input-block{margin-left: 110px; min-height: 36px;}
.layui-input-inline{display: inline-block; vertical-align: middle;}
.layui-form-item .layui-input-inline{float: left; width: 190px; margin-right: 10px;}
.layui-form-text .layui-input-inline{width: auto;}

/* 分割塊 */.layui-form-mid{position: relative; float: left; display: block; padding: 9px 0 !important; line-height: 20px; margin-right: 10px;}
/* 警告域 */.layui-form-danger:focus
,.layui-form-danger+.layui-form-select .layui-input{border-color: #FF5722 !important;}


/* 下拉選擇 */.layui-form-select{position: relative;}
.layui-form-select .layui-input{padding-right: 30px; cursor: pointer;}
.layui-form-select .layui-edge{position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s;}
.layui-form-select dl{display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); box-sizing: border-box;}
.layui-form-select dl dt,
.layui-form-select dl dd{padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.layui-form-select dl dt{font-size: 12px; color: #999;}
.layui-form-select dl dd{cursor: pointer;}
.layui-form-select dl dd:hover{background-color: #f2f2f2; -webkit-transition: .5s all; transition: .5s all;}
.layui-form-select .layui-select-group dd{padding-left: 20px;}
.layui-form-select dl dd.layui-select-tips{padding-left: 10px !important; color: #999;}
.layui-form-select dl dd.layui-this{background-color: #5FB878; color: #fff;}
.layui-form-select dl dd.layui-disabled{background-color: #fff;}
.layui-form-selected dl{display: block;}
.layui-form-selected .layui-edge{margin-top: -9px; -webkit-transform:rotate(180deg); transform: rotate(180deg);}
.layui-form-selected .layui-edge{margin-top: -3px\0; }
:root .layui-form-selected .layui-edge{margin-top: -9px\0/IE9;}
.layui-form-selectup dl{top: auto; bottom: 42px;}
.layui-select-none{margin: 5px 0; text-align: center; color: #999;}

.layui-select-disabled .layui-disabled{border-color: #eee !important;}
.layui-select-disabled .layui-edge{border-top-color: #d2d2d2}

/* 複選框 */.layui-form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0;  -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box;}
.layui-form-checkbox:hover{}
.layui-form-checkbox *{display: inline-block; vertical-align: middle;}
.layui-form-checkbox span{padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.layui-form-checkbox:hover span{background-color: #c2c2c2;}
.layui-form-checkbox i{position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; font-size: 20px; text-align: center;}
.layui-form-checkbox:hover i{border-color: #c2c2c2; color: #c2c2c2;}
.layui-form-checked, .layui-form-checked:hover{border-color: #5FB878;}
.layui-form-checked span, .layui-form-checked:hover span{background-color: #5FB878;}
.layui-form-checked i, .layui-form-checked:hover i{color: #5FB878;}
.layui-form-item .layui-form-checkbox{margin-top: 4px;}

/* 複選框-原始風格 */.layui-form-checkbox[lay-skin="primary"]{height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 28px; padding-right: 0; background: none;}
.layui-form-checkbox[lay-skin="primary"] span{padding-left: 0; padding-right: 15px; line-height: 18px; background: none; color: #666;}
.layui-form-checkbox[lay-skin="primary"] i{right: auto; left: 0; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
.layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #5FB878; color: #fff;}
.layui-form-checked[lay-skin="primary"] i{border-color: #5FB878 !important; background-color: #5FB878; color: #fff;}
.layui-checkbox-disbaled[lay-skin="primary"] span{background: none!important; color: #c2c2c2;}
.layui-checkbox-disbaled[lay-skin="primary"]:hover i{border-color: #d2d2d2;}
.layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 10px;}

/* 複選框-開關風格 */.layui-form-switch{position: relative; display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; min-width: 35px; padding: 0 5px; margin-top: 8px; border: 1px solid #d2d2d2; border-radius: 20px; cursor: pointer; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
.layui-form-switch i{position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 20px; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear;}
.layui-form-switch em{position: relative; top: 0; width: 25px; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px;}
.layui-form-onswitch{border-color: #5FB878; background-color: #5FB878;}
.layui-form-onswitch i{left: 100%; margin-left: -21px; background-color: #fff;}
.layui-form-onswitch em{margin-left: 5px; margin-right: 21px; color: #fff!important;}

.layui-checkbox-disbaled{border-color: #e2e2e2 !important;}
.layui-checkbox-disbaled span{background-color: #e2e2e2 !important;}
.layui-checkbox-disbaled i{border-color: #e2e2e2 !important;}
.layui-checkbox-disbaled:hover i{color: #fff !important;}

/* 單選框 */
*[lay-radio]{display: none;}
.layui-form-radio{display: inline-block; vertical-align: middle; line-height: 28px; margin: 6px 10px 0 0; padding-right: 10px; cursor: pointer; font-size: 0;}
.layui-form-radio *{display: inline-block; vertical-align: middle; font-size: 14px;}
.layui-form-radio>i{margin-right: 8px; font-size: 22px; color: #c2c2c2;}
.layui-form-radioed>i,.layui-form-radio>i:hover{color: #5FB878;}
.layui-radio-disbaled>i{color: #e2e2e2 !important;}

/* 表單方框風格 */.layui-form-pane .layui-form-label{width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #FBFBFB; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
.layui-form-pane .layui-input-inline{margin-left: -1px;}
.layui-form-pane .layui-input-block{margin-left: 110px; left: -1px;}
.layui-form-pane .layui-input{border-radius: 0 2px 2px 0;}
.layui-form-pane .layui-form-text .layui-form-label{float: none; width: 100%; border-radius: 2px; box-sizing: border-box; text-align: left;}
.layui-form-pane .layui-form-text .layui-input-inline{display: block; margin: 0; top: -1px; clear: both;}
.layui-form-pane .layui-form-text .layui-input-block{margin: 0; left: 0; top: -1px;}
.layui-form-pane .layui-form-text .layui-textarea{min-height: 100px; border-radius: 0 0 2px 2px;}
.layui-form-pane .layui-form-checkbox{margin: 4px 0 4px 10px;}
.layui-form-pane .layui-form-switch, 
.layui-form-pane .layui-form-radio{margin-top: 6px; margin-left: 10px; }
.layui-form-pane .layui-form-item[pane]{position: relative; border-width: 1px; border-style: solid;}
.layui-form-pane .layui-form-item[pane] .layui-form-label{position: absolute; left: 0; top: 0; height: 100%; border-width: 0px; border-right-width: 1px;}
.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left: 110px;}

/** 表單回應式 **/
@media screen and (max-width: 450px) {
  .layui-form-item .layui-form-label{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  .layui-form-item .layui-inline{display: block; margin-right: 0; margin-bottom: 20px; clear: both;}
  .layui-form-item .layui-inline:after{content:'\20'; clear:both; display:block; height:0;}
  .layui-form-item .layui-input-inline{display: block; float: none; left: -3px; width: auto; margin: 0 0 10px 112px; }
  .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 110px; top: -5px; padding: 0;}
  .layui-form-item .layui-form-checkbox{margin-right: 5px; margin-bottom: 5px;}
}

/** 富文本編輯器 **/
.layui-layedit{border-width: 1px; border-style: solid; border-radius: 2px;}
.layui-layedit-tool{padding: 3px 5px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 0;}
.layedit-tool-fixed{position: fixed; top: 0; border-top: 1px solid #e2e2e2;}
.layui-layedit-tool .layedit-tool-mid,
.layui-layedit-tool .layui-icon{display: inline-block; vertical-align: middle; text-align: center; font-size: 14px;}
.layui-layedit-tool .layui-icon{position: relative; width: 32px; height: 30px; line-height: 30px; margin: 3px 5px; border-radius: 2px; color: #777; cursor: pointer; border-radius: 2px;}
.layui-layedit-tool .layui-icon:hover{color: #393D49;}
.layui-layedit-tool .layui-icon:active{color: #000;}
.layui-layedit-tool .layedit-tool-active{background-color: #e2e2e2; color: #000;}
.layui-layedit-tool .layui-disabled,
.layui-layedit-tool .layui-disabled:hover{color: #d2d2d2; cursor: not-allowed;}
.layui-layedit-tool .layedit-tool-mid{width: 1px; height: 18px; margin: 0 10px; background-color: #d2d2d2;}

.layedit-tool-html{width: 50px !important; font-size: 30px !important;}
.layedit-tool-b,
.layedit-tool-code,
.layedit-tool-help{font-size: 16px !important;}
.layedit-tool-d,
.layedit-tool-unlink,
.layedit-tool-face,
.layedit-tool-image{font-size: 18px !important;}
.layedit-tool-image input{position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; filter: Alpha(opacity=1); cursor: pointer;}

.layui-layedit-iframe iframe{display: block; width: 100%;}
#LAY_layedit_code{overflow: hidden;}

/** 分頁 **/
.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
.layui-laypage>a:first-child,
.layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;}
.layui-laypage>a:last-child,
.layui-laypage>a:last-child em{border-radius: 0 2px 2px 0;}
.layui-laypage>*:first-child{margin-left: 0!important;}
.layui-laypage>*:last-child{margin-right: 0!important;}
.layui-laypage a,
.layui-laypage span,
.layui-laypage input, 
.layui-laypage button,
.layui-laypage select{border: 1px solid #e2e2e2;}
.layui-laypage a,
.layui-laypage span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;}
.layui-laypage a:hover{color: #009688;}
.layui-laypage em{font-style: normal;}
.layui-laypage .layui-laypage-spr{color:#999; font-weight: 700;}
.layui-laypage a{ text-decoration: none;}
.layui-laypage .layui-laypage-curr{position: relative;}
.layui-laypage .layui-laypage-curr em{position: relative; color: #fff;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #009688; }
.layui-laypage-em{border-radius: 2px;}
.layui-laypage-prev em,
.layui-laypage-next em{font-family: Sim sun; font-size: 16px;}

.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh,
.layui-laypage .layui-laypage-skip{margin-left: 10px; margin-right: 10px; padding: 0; border: none;}
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh{vertical-align: top;}
.layui-laypage .layui-laypage-refresh i{font-size: 18px; cursor: pointer;}
.layui-laypage select{height: 22px; padding: 3px; border-radius: 2px; cursor: pointer;}
.layui-laypage .layui-laypage-skip{height: 30px; line-height: 30px; color: #999;}
.layui-laypage input, .layui-laypage button{height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top;  background-color: #fff; box-sizing: border-box;}
.layui-laypage input{display: inline-block; width: 40px; margin: 0 10px; padding: 0 3px; text-align: center;}
.layui-laypage input:focus,
.layui-laypage select:focus{border-color: #009688!important;}
.layui-laypage button{margin-left: 10px; padding: 0 10px; cursor: pointer;}

/** 流加載 **/
.layui-flow-more{margin: 10px 0; text-align: center; color: #999; font-size: 14px;}
.layui-flow-more a{ height: 32px; line-height: 32px;  }
.layui-flow-more a *{display: inline-block; vertical-align: top;}
.layui-flow-more a cite{padding: 0 20px; border-radius: 3px; background-color: #eee; color: #333; font-style: normal;}
.layui-flow-more a cite:hover{opacity: 0.8;}
.layui-flow-more a i{font-size: 30px; color: #737383;}

/** 表格 **/
.layui-table{width: 100%; margin: 10px 0; background-color: #fff; color: #666;}
.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
.layui-table th{text-align: left; font-weight: 400;}

.layui-table thead tr,
.layui-table-header,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table-patch,
.layui-table-mend,
.layui-table[lay-even] tr:nth-child(even),
.layui-table tbody tr:hover,
.layui-table-hover,
.layui-table-click{background-color: #f2f2f2;}

.layui-table th,
.layui-table td,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"],
.layui-table-view,
.layui-table-tool,
.layui-table-header,
.layui-table-col-set,
.layui-table-total,
.layui-table-page,
.layui-table-fixed-r,
.layui-table-tips-main,
.layui-table-grid-down{border-width: 1px; border-style: solid; border-color: #e6e6e6;}

.layui-table th, .layui-table td{position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px;  font-size: 14px;}

.layui-table[lay-skin="line"] th, .layui-table[lay-skin="line"] td{border-width: 0; border-bottom-width: 1px;}
.layui-table[lay-skin="row"] th, .layui-table[lay-skin="row"] td{border-width: 0;border-right-width: 1px;}
.layui-table[lay-skin="nob"] th, .layui-table[lay-skin="nob"] td{border: none;}

.layui-table img{max-width:100px;}

/* 大表格 */.layui-table[lay-size="lg"] th,
.layui-table[lay-size="lg"] td{padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;}
.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell{height: 40px; line-height: 40px;}  
/* 小表格 */.layui-table[lay-size="sm"] th,
.layui-table[lay-size="sm"] td{padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 12px;}
.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell{height: 20px; line-height: 20px;} 

/* 數據表格 */
.layui-table[lay-data]{display: none;}
.layui-table-box{position: relative; overflow: hidden;}
.layui-table-view{margin: 10px 0;}
.layui-table-view .layui-table{position: relative; width: auto; margin: 0;}
.layui-table-view .layui-table[lay-skin="line"]{border-width: 0; border-right-width: 1px;}
.layui-table-view .layui-table[lay-skin="row"]{border-width: 0; border-bottom-width: 1px;}
.layui-table-view .layui-table th,
.layui-table-view .layui-table td{padding: 5px 0; border-top: none; border-left: none;}
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor: pointer;}
.layui-table-view .layui-table td{cursor: default;}
.layui-table-view .layui-table td[data-edit="text"]{cursor: text;}
.layui-table-view .layui-form-checkbox[lay-skin="primary"] i{width: 18px; height: 18px;}
.layui-table-view .layui-form-radio{line-height: 0; padding: 0;}
.layui-table-view .layui-form-radio>i{margin: 0; font-size: 20px;}
.layui-table-init{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 110;}
.layui-table-init .layui-icon{position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #c2c2c2;}
.layui-table-header{border-width: 0; border-bottom-width: 1px; overflow: hidden;}
.layui-table-header .layui-table{margin-bottom: -1px;}

.layui-table-tool .layui-inline[lay-event]{position: relative; width: 26px; height: 26px; padding: 5px; line-height: 16px; margin-right: 10px; text-align: center; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-transition: .5s all; transition: .5s all;}
.layui-table-tool .layui-inline[lay-event]:hover{border: 1px solid #999;}
.layui-table-tool-temp{padding-right: 120px;}
.layui-table-tool-self{position: absolute; right: 17px; top: 10px;}
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin: 0 0 0 10px;}
.layui-table-tool-panel{position: absolute; top: 29px; left: -1px; padding: 5px 0; min-width: 150px; min-height: 40px; border: 1px solid #d2d2d2; text-align: left; overflow-y: auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12);}
.layui-table-tool-panel li{padding: 0 10px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: .5s all; transition: .5s all;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{width: 100%;}
.layui-table-tool-panel li:hover{background-color: #f2f2f2;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{padding-left: 28px;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] i{position: absolute; left: 0; top: 0;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] span{padding: 0;}
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left: auto; right: -1px;}

.layui-table-col-set{position: absolute; right: 0; top: 0; width: 20px; height: 100%; border-width: 0; border-left-width: 1px; background-color: #fff;}

.layui-table-sort{width: 10px; height: 20px; margin-left: 5px; cursor: pointer!important;}
.layui-table-sort .layui-edge{position: absolute; left: 5px; border-width: 5px;}
.layui-table-sort .layui-table-sort-asc{top: 3px; border-top: none; border-bottom-style: solid; border-bottom-color: #b2b2b2;}
.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color: #666;}
.layui-table-sort .layui-table-sort-desc{bottom: 5px; border-bottom: none; border-top-style: solid; border-top-color: #b2b2b2;}
.layui-table-sort .layui-table-sort-desc:hover{border-top-color: #666;}
.layui-table-sort[lay-sort="asc"] .layui-table-sort-asc{border-bottom-color: #000;}
.layui-table-sort[lay-sort="desc"] .layui-table-sort-desc{border-top-color: #000;}

.layui-table-cell{height: 28px; line-height: 28px; padding: 0 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{top: -1px; padding: 0;}
.layui-table-cell .layui-table-link{color: #01AAED;}

.laytable-cell-checkbox,
.laytable-cell-radio,
.laytable-cell-space,
.laytable-cell-numbers{padding: 0; text-align: center;}

.layui-table-body{position: relative; overflow: auto; margin-right: -1px; margin-bottom: -1px;}
.layui-table-body .layui-none{line-height: 26px; padding: 15px; text-align: center; color: #999;}
.layui-table-fixed{position: absolute; left: 0; top: 0; z-index: 101;}
.layui-table-fixed .layui-table-body{overflow: hidden;}
.layui-table-fixed-l{box-shadow: 0 -1px 8px rgba(0,0,0,.08);}
.layui-table-fixed-r{left: auto; right: -1px; border-width: 0; border-left-width: 1px; box-shadow: -1px 0 8px rgba(0,0,0,.08);}
.layui-table-fixed-r .layui-table-header{position: relative; overflow: visible;}
.layui-table-mend{position: absolute; right: -49px; top: 0; height: 100%; width: 50px;}

.layui-table-tool{position: relative; z-index: 890; width: 100%; min-height: 50px; line-height: 30px; padding: 10px 15px; border-width: 0; border-bottom-width: 1px;}
.layui-table-tool .layui-btn-container{margin-bottom: -10px;}

.layui-table-total{margin-bottom: -1px; border-width: 0; border-top-width: 1px; overflow: hidden;}


.layui-table-page{position: relative; width: 100%; padding: 7px 7px 0; border-width: 0; border-top-width: 1px; height: 41px; margin-bottom: -1px; font-size: 12px; white-space: nowrap; overflow: hidden;}
.layui-table-page>div{height: 26px;}
.layui-table-page .layui-laypage{margin: 0;}
.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span{height: 26px; line-height: 26px; margin-bottom: 10px; border: none; background: none;}
.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr{padding: 0 12px;}
.layui-table-page .layui-laypage span{margin-left: 0; padding: 0;}
.layui-table-page .layui-laypage .layui-laypage-prev{margin-left: -7px!important;}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left: 0; top: 0; padding: 0;}
.layui-table-page .layui-laypage input,
.layui-table-page .layui-laypage button{height: 26px; line-height: 26px; }
.layui-table-page .layui-laypage input{width: 40px;}
.layui-table-page .layui-laypage button{padding: 0 10px;}
.layui-table-page select{height: 18px;}
.layui-table-view select[lay-ignore]{display: inline-block;}

.layui-table-patch .layui-table-cell{padding: 0; width: 30px;}

.layui-table-edit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 14px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15)}
.layui-table-edit:focus{border-color: #5FB878!important;}
select.layui-table-edit{padding: 0 0 0 10px; border-color: #C9C9C9;}
.layui-table-view .layui-form-switch,
.layui-table-view .layui-form-checkbox,
.layui-table-view .layui-form-radio{top: 0; margin: 0; box-sizing: content-box;}
.layui-table-view .layui-form-checkbox{top: -1px; height: 26px; line-height: 26px;}
.layui-table-view .layui-form-checkbox i{height: 26px;}

/* 展開溢出的單元格 */
.layui-table-grid .layui-table-cell{overflow: visible;}
.layui-table-grid-down{position: absolute; top: 0; right: 0; width: 26px; height: 100%; padding: 5px 0; border-width: 0; border-left-width: 1px; text-align: center; background-color: #fff; color: #999; cursor: pointer;}
.layui-table-grid-down .layui-icon{position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px;}
.layui-table-grid-down:hover{background-color: #fbfbfb;}

body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-shadow: 0 1px 6px rgba(0,0,0,.12);}
.layui-table-tips-main{margin: -44px 0 0 -1px; max-height: 150px; padding: 8px 15px; font-size: 14px; overflow-y: scroll; background-color: #fff; color: #666;}
.layui-table-tips-c{position: absolute; right: -3px; top: -13px; width: 20px; height: 20px; padding: 3px; cursor: pointer; background-color: #666; border-radius: 50%; color: #fff;}
.layui-table-tips-c:hover{background-color: #777;}
.layui-table-tips-c:before{position: relative; right: -2px;}

/** 檔上傳 **/
.layui-upload-file{display: none!important; opacity: .01; filter: Alpha(opacity=1);}
.layui-upload-list{margin: 10px 0;}
.layui-upload-choose{padding: 0 10px; color: #999;}
.layui-upload-drag{position: relative; display: inline-block; padding: 30px; border: 1px dashed #e2e2e2; background-color: #fff; text-align: center; cursor: pointer; color: #999;}
.layui-upload-drag .layui-icon{font-size: 50px; color: #009688;}
.layui-upload-drag[lay-over]{border-color: #009688}
.layui-upload-form{display: inline-block;}
.layui-upload-iframe{position: absolute; width: 0; height: 0; border: 0; visibility: hidden}
.layui-upload-wrap{position: relative; display: inline-block; vertical-align: middle;}
.layui-upload-wrap .layui-upload-file{display: block!important; position: absolute; left: 0; top: 0; z-index: 10; font-size: 100px; width: 100%; height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer;}

/** 穿梭框 **/
.layui-transfer-box,
.layui-transfer-header,
.layui-transfer-search{border-width: 0; border-style: solid; border-color: #e6e6e6}
.layui-transfer-box{position: relative; display: inline-block; vertical-align: middle; border-width: 1px; width: 200px; height: 360px; border-radius: 2px; background-color:#fff;}
.layui-transfer-box .layui-form-checkbox{width: 100%; margin: 0 !important;}
.layui-transfer-header{height: 38px; line-height: 38px; padding: 0 10px; border-bottom-width: 1px;}
.layui-transfer-search{position:relative; padding: 10px; border-bottom-width: 1px;}
.layui-transfer-search .layui-input{height: 32px; padding-left: 30px; font-size: 12px;}
.layui-transfer-search .layui-icon-search{position: absolute; left: 20px; top: 50%; margin-top: -8px; color: #666;}
.layui-transfer-active{margin: 0 15px; display: inline-block; vertical-align: middle;}
.layui-transfer-active .layui-btn{display: block; margin: 0; padding: 0 15px; background-color: #5FB878; border-color: #5FB878; color: #fff;}
.layui-transfer-active .layui-btn-disabled{background-color: #FBFBFB; border-color: #e6e6e6; color: #C9C9C9;}
.layui-transfer-active .layui-btn:first-child{margin-bottom: 15px;}
.layui-transfer-active .layui-btn .layui-icon{margin: 0; font-size: 14px !important;}
.layui-transfer-data{padding: 5px 0; overflow: auto;}
.layui-transfer-data li{height: 32px; line-height: 32px; padding: 0 10px;}
.layui-transfer-data li:hover{background-color: #f2f2f2; transition: .5s all;}
.layui-transfer-data .layui-none{padding: 15px 10px; text-align: center; color: #999;}


/** 導航菜單 **/
.layui-nav{position: relative; padding: 0 20px; background-color: #393D49; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box;}
.layui-nav *{font-size: 14px;}
.layui-nav .layui-nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px;}
.layui-nav .layui-nav-item a{display: block; padding: 0 20px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s;}
.layui-nav-bar,
.layui-nav .layui-this:after,
.layui-nav-tree .layui-nav-itemed:after{position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #5FB878; transition: all .2s; -webkit-transition: all .2s;}
.layui-nav-bar{z-index: 1000;}
.layui-nav .layui-this a
,.layui-nav .layui-nav-item a:hover{color: #fff;}
.layui-nav .layui-this:after{content: ''; top: auto; bottom: 0; width: 100%;}
.layui-nav-img{width: 30px; height: 30px; margin-right: 10px; border-radius: 50%;}

.layui-nav .layui-nav-more{content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;}
.layui-nav .layui-nav-more{position: absolute; top: 50%; right: 3px; margin-top: -4px; border-width: 6px; border-top-style: solid; border-top-color: #fff; border-top-color: rgba(255,255,255,.7);}
.layui-nav .layui-nav-mored,
.layui-nav-itemed > a .layui-nav-more{margin-top: -9px; border-style: dashed; border-color: transparent; border-bottom-style: solid; border-bottom-color: #fff;}


.layui-nav-child{display: none; position: absolute; left: 0; top: 65px; min-width: 100%; line-height: 36px; padding: 5px 0;  box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap;}
.layui-nav .layui-nav-child a{color: #333;}
.layui-nav .layui-nav-child a:hover{background-color: #f2f2f2; color: #000;}
.layui-nav-child dd{position: relative;}
.layui-nav-child dd.layui-this{background-color: #5FB878; color: #fff;}
.layui-nav .layui-nav-child dd.layui-this a{background-color: #5FB878; color: #fff;}
.layui-nav-child dd.layui-this:after{display: none;}

/* 垂直導航菜單 */.layui-nav-tree{width: 200px; padding: 0;}
.layui-nav-tree .layui-nav-item{display: block; width: 100%; line-height: 45px;}
.layui-nav-tree .layui-nav-item a{position: relative; height: 45px; line-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.layui-nav-tree .layui-nav-item a:hover{background-color: #4E5465;}
.layui-nav-tree .layui-nav-bar{width: 5px; height: 0;}
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover,
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #009688; color: #fff;}
.layui-nav-tree .layui-this:after{display: none;}
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover,
.layui-nav-itemed>a{color: #fff !important;}
.layui-nav-tree .layui-nav-bar{background-color: #009688;}

.layui-nav-tree .layui-nav-child{position: relative; z-index: 0; top: 0; border: none; box-shadow: none;}
.layui-nav-tree .layui-nav-child a{height: 40px; line-height: 40px;}
.layui-nav-tree .layui-nav-child a{color: #fff; color: rgba(255,255,255,.7);}
.layui-nav-tree .layui-nav-child a:hover,
.layui-nav-tree .layui-nav-child{background: none; color: #fff;}
.layui-nav-tree .layui-nav-more{right: 10px;}

.layui-nav-itemed>.layui-nav-child{display: block; padding: 0; background-color: rgba(0,0,0,.3) !important;} 
.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display: block;}

/* 側邊 */.layui-nav-side{position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; z-index: 999;}

/* 導航主題色 */.layui-bg-blue .layui-nav-bar,
.layui-bg-blue .layui-this:after,
.layui-bg-blue .layui-nav-itemed:after{background-color: #93D1FF;}
.layui-bg-blue .layui-nav-child dd.layui-this{background-color: #1E9FFF;}
.layui-nav-tree.layui-bg-blue .layui-nav-title a,
.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover, 
.layui-bg-blue .layui-nav-itemed>a{background-color: #007DDB !important;}


/** 麵包屑 **/
.layui-breadcrumb{visibility: hidden; font-size: 0;}
.layui-breadcrumb>*{font-size: 14px;}
.layui-breadcrumb a{color: #999 !important;}
.layui-breadcrumb a:hover{color: #5FB878 !important;}
.layui-breadcrumb a cite{color: #666; font-style: normal;}
.layui-breadcrumb span[lay-separator]{margin: 0 10px; color: #999;}

/** Tab選項卡 **/
.layui-tab{margin: 10px 0; text-align: left !important;}
.layui-tab[overflow]>.layui-tab-title{overflow: hidden;}
.layui-tab-title{position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; transition: all .2s; -webkit-transition: all .2s;}
.layui-tab-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;}
.layui-tab-title li{position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer;}
.layui-tab-title li a{display: block;}
.layui-tab-title .layui-this{color: #000;}

.layui-tab-title .layui-this:after{position: absolute; left:0; top: 0; content: ''; width:100%; height: 41px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none;}
.layui-tab-bar{position: absolute; right: 0; top: 0; z-index: 10; width: 30px; height: 39px; line-height: 39px; border-width: 1px; border-style: solid; border-radius: 2px; text-align: center; background-color: #fff; cursor: pointer;}
.layui-tab-bar .layui-icon{position: relative; display: inline-block; top: 3px; transition: all .3s; -webkit-transition: all .3s;}
.layui-tab-item{display: none;}
.layui-tab-more{padding-right: 30px; height: auto !important; white-space: normal !important;}
.layui-tab-more li.layui-this:after{border-bottom-color: #e2e2e2; border-radius: 2px;}
.layui-tab-more .layui-tab-bar .layui-icon{top: -2px; top: 3px\0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
:root .layui-tab-more .layui-tab-bar .layui-icon{top: -2px\0/IE9;}

.layui-tab-content{padding: 10px;}

/* Tab關閉 */.layui-tab-title li .layui-tab-close{position: relative; display: inline-block; width: 18px; height: 18px; line-height: 20px; margin-left: 8px; top: 1px; text-align: center; font-size: 14px; color: #c2c2c2; transition: all .2s; -webkit-transition: all .2s;}
.layui-tab-title li .layui-tab-close:hover{border-radius: 2px; background-color: #FF5722; color: #fff;}

/* Tab簡潔風格 */.layui-tab-brief > .layui-tab-title .layui-this{color: #009688;}
.layui-tab-brief > .layui-tab-title .layui-this:after
,.layui-tab-brief > .layui-tab-more li.layui-this:after{border: none; border-radius: 0; border-bottom: 2px solid #5FB878;}
.layui-tab-brief[overflow] > .layui-tab-title .layui-this:after{top: -1px;}

/* Tab卡片風格 */.layui-tab-card{border-width: 1px; border-style: solid; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.layui-tab-card > .layui-tab-title{ background-color: #f2f2f2;}
.layui-tab-card > .layui-tab-title li{margin-right: -1px; margin-left: -1px;}
.layui-tab-card > .layui-tab-title .layui-this{background-color: #fff;     }
.layui-tab-card > .layui-tab-title .layui-this:after{border-top: none; border-width: 1px; border-bottom-color: #fff;}
.layui-tab-card > .layui-tab-title .layui-tab-bar{height: 40px; line-height: 40px; border-radius: 0; border-top: none; border-right: none;}
.layui-tab-card > .layui-tab-more .layui-this{background: none; color: #5FB878;}
.layui-tab-card > .layui-tab-more .layui-this:after{border: none;}

/* 時間線 */
.layui-timeline{padding-left: 5px;}
.layui-timeline-item{position: relative; padding-bottom: 20px;}
.layui-timeline-axis{position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer;}
.layui-timeline-axis:hover{color: #FF5722;}
.layui-timeline-item:before{content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%;}
.layui-timeline-item:last-child:before{display: none;}
.layui-timeline-item:first-child:before{display: block;}
.layui-timeline-content{padding-left: 25px;;}
.layui-timeline-title{position: relative; margin-bottom: 10px;}

/* 小徽章 */
.layui-badge,
.layui-badge-dot,
.layui-badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px;}
.layui-badge{height: 18px; line-height: 18px;}
.layui-badge-dot{width: 8px; height: 8px; padding: 0; border-radius: 50%;}
.layui-badge-rim{height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #666;}

.layui-btn .layui-badge,
.layui-btn .layui-badge-dot{margin-left: 5px;}
.layui-nav .layui-badge,
.layui-nav .layui-badge-dot{position: absolute; top: 50%; margin: -5px 6px 0;}
.layui-nav .layui-badge{margin-top: -10px;}
.layui-tab-title .layui-badge,
.layui-tab-title .layui-badge-dot{left: 5px; top: -2px;}

/* carousel 輪播 */
.layui-carousel{position: relative; left: 0; top: 0; background-color: #f8f8f8;}
.layui-carousel>*[carousel-item]{position: relative; width: 100%; height: 100%; overflow: hidden;}
.layui-carousel>*[carousel-item]:before{position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 100px; line-height: 20px; margin: -10px 0 0 -50px; text-align: center; color: #c2c2c2; font-family:"layui-icon" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.layui-carousel>*[carousel-item] > *{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s;}
.layui-carousel-updown > *{-webkit-transition: .3s ease-in-out up; transition: .3s ease-in-out up;}
.layui-carousel-arrow{display: none\0; opacity: 0; position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: none 0; border-radius: 50%; background-color: rgba(0,0,0,.2); color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer;}
.layui-carousel-arrow[lay-type="add"]{left: auto!important; right: 10px;}
.layui-carousel[lay-arrow="always"] .layui-carousel-arrow{opacity: 1; left: 20px;}
.layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"]{right: 20px;}
.layui-carousel[lay-arrow="none"] .layui-carousel-arrow{display: none;}
.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover{background-color: rgba(0,0,0,.35);}
.layui-carousel:hover .layui-carousel-arrow{display: block\0; opacity: 1; left: 20px;}
.layui-carousel:hover .layui-carousel-arrow[lay-type="add"]{right: 20px;}
.layui-carousel-ind{position: relative; top: -35px; width: 100%; line-height: 0!important; text-align: center; font-size: 0;}
.layui-carousel[lay-indicator="outside"]{margin-bottom: 30px;}
.layui-carousel[lay-indicator="outside"] .layui-carousel-ind{top: 10px;}
.layui-carousel[lay-indicator="outside"] .layui-carousel-ind ul{background-color: rgba(0,0,0,.5);}
.layui-carousel[lay-indicator="none"] .layui-carousel-ind{display: none;}
.layui-carousel-ind ul{display: inline-block; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s;}
.layui-carousel-ind li{display: inline-block; width: 10px; height: 10px; margin: 0 3px; font-size: 14px; background-color: #e2e2e2; background-color: rgba(255,255,255,.5); border-radius: 50%; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s;}
.layui-carousel-ind li:hover{background-color: rgba(255,255,255,.7);}
.layui-carousel-ind li.layui-this{background-color: #fff;}
.layui-carousel>*[carousel-item]>.layui-this,
.layui-carousel>*[carousel-item]>.layui-carousel-prev,
.layui-carousel>*[carousel-item]>.layui-carousel-next{display: block}
.layui-carousel>*[carousel-item]>.layui-this{left: 0;}
.layui-carousel>*[carousel-item]>.layui-carousel-prev{left: -100%;}
.layui-carousel>*[carousel-item]>.layui-carousel-next{left: 100%;}
.layui-carousel>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
.layui-carousel>*[carousel-item]>.layui-carousel-next.layui-carousel-left{left: 0;}
.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-left{left: -100%;}
.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-right{left: 100%;}

/* 上下切換 */.layui-carousel[lay-anim="updown"] .layui-carousel-arrow{left: 50%!important; top: 20px; margin: 0 0 0 -18px;}
.layui-carousel[lay-anim="updown"] .layui-carousel-arrow[lay-type="add"]{top: auto!important; bottom: 20px;}
.layui-carousel[lay-anim="updown"] .layui-carousel-ind{position: absolute; top: 50%; right: 20px; width: auto; height: auto;}
.layui-carousel[lay-anim="updown"] .layui-carousel-ind ul{padding: 3px 5px;}
.layui-carousel[lay-anim="updown"] .layui-carousel-ind li{display: block; margin: 6px 0;}

.layui-carousel[lay-anim="updown"]>*[carousel-item]>*{left: 0!important;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this{top: 0;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-prev{top: -100%;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-next{top: 100%;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-next.layui-carousel-left{top: 0;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this.layui-carousel-left{top: -100%;}
.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this.layui-carousel-right{top: 100%;}

/* 漸顯切換 */.layui-carousel[lay-anim="fade"]>*[carousel-item]>*{left: 0!important;}
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-prev,
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-next{opacity: 0;}
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-next.layui-carousel-left{opacity: 1;}
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-this.layui-carousel-left,
.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-this.layui-carousel-right{opacity: 0}

/** fixbar **/
.layui-fixbar{position: fixed; right: 15px; bottom: 15px; z-index: 999999;}
.layui-fixbar li{width: 50px; height: 50px; line-height: 50px; margin-bottom: 1px; text-align:center; cursor: pointer; font-size:30px; background-color: #9F9F9F; color:#fff; border-radius: 2px; opacity: 0.95;}
.layui-fixbar li:hover{opacity: 0.85;}
.layui-fixbar li:active{opacity: 1;}
.layui-fixbar .layui-fixbar-top{display: none; font-size: 40px;}

/** 表情面板 **/
body .layui-util-face{border: none; background: none;}
body .layui-util-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-util-face .layui-layer-TipsG{display:none;}
.layui-util-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-util-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-util-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}

/** 代碼修飾器 **/
.layui-code{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}

/** 評分組件 By star1029 **/
.layui-rate,
.layui-rate *{display: inline-block; vertical-align: middle;}
.layui-rate{padding: 10px 5px 10px 0; font-size: 0;}
.layui-rate li i.layui-icon{ font-size: 20px; color: #FFB800;}
.layui-rate li i.layui-icon{margin-right: 5px; transition: all .3s; -webkit-transition: all .3s;}
.layui-rate li i:hover{cursor: pointer; transform: scale(1.12); -webkit-transform: scale(1.12);}
.layui-rate[readonly] li i:hover{cursor: default; transform: scale(1);}

/** 顏色選擇器 By star1029 **/
.layui-colorpicker{width: 26px; height: 26px; border: 1px solid #e6e6e6; padding: 5px; border-radius: 2px; line-height: 24px; display: inline-block; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.layui-colorpicker:hover{border-color: #d2d2d2;}
.layui-colorpicker.layui-colorpicker-lg{width: 34px; height: 34px; line-height: 32px;}
.layui-colorpicker.layui-colorpicker-sm{width: 24px; height: 24px; line-height: 22px;}
.layui-colorpicker.layui-colorpicker-xs{width: 22px; height: 22px; line-height: 20px;}

.layui-colorpicker-trigger-bgcolor{display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);  border-radius: 2px;}
.layui-colorpicker-trigger-span{display: block; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.15); border-radius: 2px; text-align: center;}
.layui-colorpicker-trigger-i{display: inline-block; color: #FFF; font-size: 12px;}
.layui-colorpicker-trigger-i.layui-icon-close{color: #999;}

.layui-colorpicker-main{position: absolute; z-index: 66666666; width: 280px; padding: 7px; background: #FFF; border: 1px solid #d2d2d2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12);}
.layui-colorpicker-main-wrapper{height: 180px; position: relative;}
.layui-colorpicker-basis{width: 260px; height: 100%; position: relative;}
.layui-colorpicker-basis-white{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, #FFF, hsla(0,0%,100%,0));}
.layui-colorpicker-basis-black{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #000, transparent);}
.layui-colorpicker-basis-cursor{width: 10px; height: 10px; border: 1px solid #FFF; border-radius: 50%; position: absolute; top: -3px; right: -3px; cursor: pointer;}
.layui-colorpicker-side{position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: linear-gradient(#F00, #FF0, #0F0, #0FF, #00F, #F0F, #F00);}
.layui-colorpicker-side-slider{width: 100%; height: 5px; box-shadow: 0 0 1px #888888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; left: 0;}
.layui-colorpicker-main-alpha{display: none; height: 12px; margin-top: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}
.layui-colorpicker-alpha-bgcolor{height: 100%; position: relative;}
.layui-colorpicker-alpha-slider{width: 5px; height: 100%; box-shadow: 0 0 1px #888888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; top: 0;}
.layui-colorpicker-main-pre{padding-top: 7px; font-size: 0;}
.layui-colorpicker-pre{width: 20px; height: 20px;  border-radius: 2px; display: inline-block; margin-left: 6px; margin-bottom: 7px; cursor: pointer;}
.layui-colorpicker-pre:nth-child(11n+1){margin-left: 0;}
.layui-colorpicker-pre-isalpha{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}
.layui-colorpicker-pre.layui-this{box-shadow: 0 0 3px 2px rgba(0,0,0,.15);}
.layui-colorpicker-pre > div{height: 100%; border-radius: 2px;}
.layui-colorpicker-main-input{text-align: right; padding-top: 7px;}
.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin: 0 0 0 10px;}
.layui-colorpicker-main-input div.layui-inline{float: left; margin-right: 10px; font-size: 14px;}
.layui-colorpicker-main-input input.layui-input{width: 150px; height: 30px; color: #666;}

/** 滑塊 By star1029 **/
.layui-slider{height: 4px; background: #e2e2e2; border-radius: 3px; position: relative; cursor: pointer;}
.layui-slider-bar{border-radius: 3px; position: absolute; height: 100%;}
.layui-slider-step{position: absolute; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #FFF; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.layui-slider-wrap{width: 36px; height: 36px; position: absolute; top: -16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; text-align: center;}
.layui-slider-wrap-btn{width: 12px; height: 12px; border-radius: 50%; background: #FFF; display: inline-block; vertical-align: middle; cursor: pointer; transition: 0.3s;}
.layui-slider-wrap:after{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.layui-slider-wrap-btn:hover, 
.layui-slider-wrap-btn.layui-slider-hover{transform: scale(1.2);}
.layui-slider-wrap-btn.layui-disabled:hover{transform: scale(1) !important;}
.layui-slider-tips{position: absolute; top: -42px; z-index: 66666666; white-space:nowrap; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; background: #000; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px;}
.layui-slider-tips:after{content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent;}
.layui-slider-input{width: 70px; height: 32px; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -14px;}
.layui-slider-input-btn{position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-left: 1px solid #d2d2d2;}
.layui-slider-input-btn i{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 20px; height: 50%; font-size: 12px; line-height: 16px; text-align: center; color: #999;}
.layui-slider-input-btn i:first-child{top: 0; border-bottom: 1px solid #d2d2d2;}
.layui-slider-input-txt{height: 100%; font-size: 14px;}
.layui-slider-input-txt input{height: 100%; border: none;}
.layui-slider-input-btn i:hover{color: #009688;}
/*垂直滑塊*/
.layui-slider-vertical{width: 4px; margin-left: 33px;}
.layui-slider-vertical .layui-slider-bar{width: 4px;}
.layui-slider-vertical .layui-slider-step{top: auto; left: 0px; -webkit-transform: translateY(50%); transform: translateY(50%);}
.layui-slider-vertical .layui-slider-wrap{top: auto; left: -16px; -webkit-transform: translateY(50%); transform: translateY(50%);}
.layui-slider-vertical .layui-slider-tips{top: auto; left: 2px;}
@media \0screen{
  .layui-slider-wrap-btn{margin-left: -20px;}
  .layui-slider-vertical .layui-slider-wrap-btn{margin-left: 0; margin-bottom: -20px;}
  .layui-slider-vertical .layui-slider-tips{margin-left: -8px;}
  .layui-slider > span{margin-left: 8px;}
}

/** 樹組件 By star1029 **/
.layui-tree{line-height: 22px;}
.layui-tree .layui-form-checkbox{margin: 0 !important;}
.layui-tree-set{width: 100%; position: relative;}
.layui-tree-pack{display: none; padding-left: 20px; position: relative;}
.layui-tree-line .layui-tree-pack{padding-left: 27px;}
.layui-tree-line .layui-tree-set .layui-tree-set:after{content: ''; position: absolute; top: 14px; left: -9px; width: 17px; height: 0; border-top: 1px dotted #c0c4cc;}
.layui-tree-entry{position: relative; padding: 3px 0; height: 20px; white-space: nowrap;}
.layui-tree-entry:hover{background-color: #eee;}
.layui-tree-line .layui-tree-entry:hover{background-color: rgba(0,0,0,0);}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color: #999; text-decoration: underline; transition: 0.3s;}
.layui-tree-main{display: inline-block; vertical-align: middle; cursor: pointer; padding-right: 10px;}
.layui-tree-line .layui-tree-set:before{content: ''; position: absolute; top: 0; left: -9px; width: 0; height: 100%; border-left: 1px dotted #c0c4cc;}
.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height: 13px;}
.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height: 0;}
.layui-tree-iconClick{display: inline-block; vertical-align: middle; position: relative; height: 20px; line-height: 20px; margin: 0 10px; color: #c0c4cc;}
.layui-tree-icon{height: 12px; line-height: 12px; width: 12px; text-align: center; border: 1px solid #c0c4cc;}
.layui-tree-iconClick .layui-icon{font-size: 18px;}
.layui-tree-icon .layui-icon{font-size: 12px; color: #666;}
.layui-tree-iconArrow{padding: 0 5px;}
.layui-tree-iconArrow:after{content: ''; position: absolute; left: 4px; top: 3px; z-index: 100; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #c0c4cc; transition: 0.5s;}
.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform: rotate(90deg) translate(3px, 4px);}
.layui-tree-txt{display: inline-block; vertical-align: middle; color: #555;}
.layui-tree-search{margin-bottom: 15px; color: #666;}
.layui-tree-btnGroup{visibility: hidden; display: inline-block; vertical-align: middle; position: relative;}
.layui-tree-btnGroup .layui-icon{display: inline-block; vertical-align: middle; padding: 0 2px; cursor: pointer;}
.layui-tree-btnGroup .layui-icon:hover{color: #999; transition: 0.3s;}
.layui-tree-entry:hover .layui-tree-btnGroup{visibility: visible;}
.layui-tree-editInput{position: relative; display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; padding: 0 3px; border: none; background-color: rgba(0,0,0,0.05);}
.layui-tree-emptyText{text-align: center; color: #999;}




/** 動畫 **/
.layui-anim{-webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.layui-anim.layui-icon{display: inline-block;}
.layui-anim-loop{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.layui-trans,
.layui-trans a{transition: all .3s; -webkit-transition: all .3s;} /* 過度變換 */

@-webkit-keyframes layui-rotate{ /* 迴圈旋轉 */
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@keyframes layui-rotate{
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.layui-anim-rotate{-webkit-animation-name: layui-rotate; animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-timing-function: linear; animation-timing-function: linear;}

@-webkit-keyframes layui-up{ /* 從最底部往上滑入 */
  from {-webkit-transform: translate3d(0, 100%, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes layui-up{
  from {transform: translate3d(0, 100%, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}
.layui-anim-up{-webkit-animation-name: layui-up; animation-name: layui-up;}

@-webkit-keyframes layui-upbit{ /* 微微往上滑入 */
  from {-webkit-transform: translate3d(0, 30px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes layui-upbit{
  from {transform: translate3d(0, 30px, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}
.layui-anim-upbit{-webkit-animation-name: layui-upbit; animation-name: layui-upbit;}


@-webkit-keyframes layui-scale { /* 放大 */
  0% {opacity: 0.3; -webkit-transform: scale(.5);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes layui-scale {
  0% {opacity: 0.3; -ms-transform: scale(.5); transform: scale(.5);}
  100% {opacity: 1; -ms-transform: scale(1); transform: scale(1);}
}
.layui-anim-scale{-webkit-animation-name: layui-scale; animation-name: layui-scale}

@-webkit-keyframes layui-scale-spring { /* 彈簧式放大 */
  0% {opacity: 0.5; -webkit-transform: scale(.5);}
  80% {opacity: 0.8; -webkit-transform: scale(1.1);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes layui-scale-spring {
  0% {opacity: 0.5; transform: scale(.5);}
  80% {opacity: 0.8; transform: scale(1.1);}
  100% {opacity: 1; transform: scale(1);}
}
.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}

@-webkit-keyframes layui-fadein { /* 漸現 */
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes layui-fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.layui-anim-fadein{-webkit-animation-name: layui-fadein; animation-name: layui-fadein}

@-webkit-keyframes layui-fadeout { /* 漸隱 */
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes layui-fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.layui-anim-fadeout{-webkit-animation-name: layui-fadeout; animation-name: layui-fadeout}