@charset "utf-8";
/* BASE 設定 */
#pop{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../img/b30.png);z-index:99999;font-size:15px;line-height:24px;text-align:center;}
#popin{position:relative;padding:0;}
#ppoptop{font-size:24px;line-height:34px;height:34px;padding:10px 0;color:#444;font-weight:bold;text-align:center;border-bottom:1px dotted #999;}
#ppopbody{font-size:15px;line-height:28px;padding:10px 0;color:#444;border-bottom:1px dotted #999;}
/*驗證碼使用 */
#codepage {
    position: relative;
    height: 20px;
    width: 100px;
    margin: 0 10px;
    float: left;
    background: url(../caps/bg.jpg) #222;
}

    #codepage img {
        position: relative;
        float: left;
        padding: 0 3px;
    }

#codepagew {
    position: relative;
    height: 30px;
    width: 150px;
    background: #fff;
    margin: 1px 10px;
    float: left;
    background: url(../capw/bg.jpg);
}

    #codepagew img {
        position: relative;
        float: left;
        padding: 0 5px 0 5px;
    }

.filepreselect {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin-left: -30px !important;
    margin-top: -12px !important;
    width: 40px !important;
    padding: 2px 10px !important;
    z-index: 1;
    background: #fff;
    color: #555;
    text-align: center;
    line-height: 25px;
}

input[type=file] {
    position: relative;
    width: 80px;
    z-index: 99;
}

.filewrap {
    position: relative;
    width: 55px;
    height: 25px;
    padding: 2px;
    overflow: hidden;
    z-index: 0;
    margin: auto 5px;
    display: inline-block;
}
.fileimgwrap{
    position: relative;
    max-width: 500px;
    max-height: 100px;
    padding: 2px;
    margin: auto 5px;
    display: inline-block;
}
.fileimgwrap img{
    max-width: 500px;
    max-height: 100px;
}
/* 上傳 */
.imagewrap{
  position: relative;
  display:inline-block;
  max-width:70%;
}
.imagewrap img{
  max-width:90%;
  max-height:150px;
}
.filewrapout {
  position: relative;
  display:inline-block;
  margin-left:15px;
/*  max-width:25%;*/
}
.filewrapnew{
    position: relative;
    width: 120px;
    height: 30px;
    overflow: hidden;
    z-index: 0;
  display:inline-block;
}
.fileupload{
  position:absolute;
  top:0;
  left:0;
  width:100%!important;
  height:100%;
  opacity:0;
  z-index: 1;
}
.filewrapin {
    position:absolute;
    top:0;
    left:0;
    width: 98px;
    height: 28px;
    z-index: 0;
}
.filewrapinp {
    position:absolute;
    top:0;
    left:0;
    width: 90px;
    height: 28px;
    z-index: 0;
}

.hidinput {
    display: none;
    position: relative;
    height: 30px;
    margin: auto;
}

.imgwrap {
    position: relative;
}

.fileselect {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin-left: -30px !important;
    margin-top: -12px !important;
    width: 40px !important;
    padding: 2px 10px !important;
    z-index: 999;
    background: #fff;
    color: #555;
    text-align: center;
    line-height: 25px;
}
/*.fileselect{	position:absolute;	background:#fff;	width:55px!important;	height:30px!important;	padding:0px!important;	z-index:9999;	font:12px Verdana, Geneva, sans-serif;	line-height:30px!important;	color:#444!important;	margin:0;	top:0;	left:0;	text-align:center;}*/
.funcwrap {
    height: 20px;
    overflow: hidden;
    text-align: left;
}
.p1 {
    position:static;
    top: 50%;
    left: 50%;
}
.p2 {
    position:static;
    top: 50%;
    left: 50%;
    margin: 0px 0px 0px 25%;
}
.bknotice{font-size:13px;line-height:18px;color:#eee;}
.form_box{padding:10px 0;}
.formline{overflow:hidden;margin:3px 0;}
.formline input[type=text],.formline input[type=password],.formline select{position:relative;width:90%;padding:0 5%;height:26px;font-size:16px;line-height:26px;color:#505050;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border:none;}
.formline input.refield{position:relative;width:75%;padding:0 3%;height:30px;font-size:16px;line-height:30px;color:#505050;background:#caebec;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border:none;}
.formline textarea{position:relative;width:90%;padding:0 5%;min-height:90px;font-size:16px;line-height:22px;color:#505050;margin-bottom:10px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border:none;margin-bottom:15px;}
.formline input[type=file]{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;padding:0;opacity:0;}
.formline.type1{position:relative;margin:0 5px;min-height:30px;padding: 0;margin:5px 10px;border-top:1px solid #ccc;}
.formline.type1 div.split {font-size:15px;line-height:26px;float:left;text-align:center;margin:0 2%;}
.formline.type1 div.split:nth-child(1){font-size:16px;width:10%;text-align:right;}
.formline.type1 div.split:nth-child(2){width:80%;text-align:left;}
.formline.type1:first-child{border-top:none;}


.formline.type7{position:relative;margin:0 10px;min-height:30px;padding:5px 0;border-top:1px solid #ccc;}
.formline.type7 div.split {font-size:15px;line-height:28px;float:left;text-align:center;margin:0 1%;}
.formline.type7 div.split:nth-child(1){width:14%;text-align:right;}
.formline.type7 div.split:nth-child(2){width:20%;text-align:left;}
.formline.type7 div.split:nth-child(3){width:10%;text-align:right;}
.formline.type7 div.split:nth-child(4){width:10%;text-align:left;}
.formline.type7 div.split:nth-child(5){width:10%;text-align:right;}
.formline.type7 div.split:nth-child(6){width:10%;text-align:left;}
.formline.type7 div.split:nth-child(7){width:10%;text-align:left;}
.formline.type7:first-child{border-top:none;}

.formline.type1z{position:relative;margin:0;min-height:60px;padding:5px 0;float:left;width:12%;}
.formline.type8{position:relative;margin:0;min-height:30px;padding:5px 0;border-top:1px solid #ccc;float:left;width:87%;}
.formline.type8 div.split {font-size:15px;line-height:28px;float:left;text-align:center;margin:0 1%;}
.formline.type8 div.split:nth-child(1){width:14%;text-align:right;}
.formline.type8 div.split:nth-child(2){width:22%;text-align:left;}
.formline.type8 div.split:nth-child(3){width:18%;text-align:right;}
.formline.type8 div.split:nth-child(4){width:10%;text-align:left;}
.formline.type8 div.split:nth-child(5){width:14%;text-align:right;}
.formline.type8 div.split:nth-child(6){width:10%;text-align:left;}
.formline.type8:nth-child(2){border-top:none;}

.school_selectwrap{margin:15px 0;padding:20px;border:1px solid #ccc;}
.formline.type9{position:relative;margin:0;min-height:30px;padding:5px 0;border-top:1px solid #ccc;float:none;width:87%;}
.formline.type9 div.split {font-size:15px;line-height:28px;float:left;text-align:center;margin:0 1%;}
.formline.type9 div.split:nth-child(1){width:20%;text-align:right;}
.formline.type9 div.split:nth-child(2){width:25%;text-align:center;}
.formline.type9 div.split:nth-child(2) img{height:30px;}
.formline.type9 div.split:nth-child(3){width:15%;text-align:left;}
.formline.type9 div.split:nth-child(4){width:5%;text-align:center;}
.formline.type9 div.split:nth-child(5){width:15%;text-align:left;}
.formline.type9 div.split:nth-child(6){width:5%;text-align:right;}
.formline.type9:nth-child(1){border-top:none;}
/* 崗位上方 */
.recformtop{width:40%;display:inline-block;border:1px solid #ccc; margin:0;padding:10px ;font-size:20px;line-height:30px;color:#222;background:#eeeeee;}
.recformtop .snote{font-size:14px;line-height:20px;color:#666;}
.recformtop .bgmark{font-size:30px;line-height:40px;color:#222;text-align:center;}
.temploader1{padding:150px 0;margin:0 auto;text-align:center;}
.temploader2{padding:100px 0;margin:0 auto;text-align:center;}
.temploader3{padding:50px 0;margin:0 auto;text-align:center;}
.addline{margin:8px auto!important;}
.bigbtn{margin:10px auto!important;min-width:150px!important;}
.content_navwrap{margin:15px auto;border:1px solid #caebec;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;width:90%;max-width:700px;height:36px;overflow:hidden;background:#f5fafb;}
.c_navitem{font-size:18px;color:#9c9c9c;text-align:center;line-height:36px;float:left;border-right:1px solid #caebec;cursor:pointer;}
.c_navitem:hover{background:#e8faed;color:#505050;}
.c_navitem.on{color:#fff;background:#00aacd;}
.c_navitem:last-child{border-right:none;}
.c_navitem.c3{width:33.4%;}
.c_navitem.c3:nth-child(3){margin-right:-3%;}
.c_navitem.c2{width:50%;}
.c_navitem.c2:nth-child(2){margin-right:-3%;}
.peopleopen{font-size:15px!important;line-height:30px!important;}
.peopleopen i{font-size:15px!important;line-height:30px!important;}
.peoplehide{margin:5px 0!important;font-size:13px!important;line-height:20px!important;}
/*上下架按鈕*/
.udbtn{
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff!important;
  text-decoration: none!important;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  font-size:14px;
  line-height: 26px;
  min-height:26px;
  padding: 0px 10px;
  display: inline-block;
  margin: auto;
}
.udbtn.up{
  color: #fff!important;
  background-color: #428bca!important;
}
.udbtn:hover{
  color: #444!important;
  background-color: #ccc!important;
}
.infobox{position:relative;}
.infobox i{font-size:1.2vw;line-height:1.5vw;margin-bottom:0.3vw;}
.infobox i.fa-info-circle{color:#ff6666;}
.infobox i.fa-minus-square-o{color:#666666;}
.infocontent{display:none;padding:0.5vw 1vw;background:#fff;}
.popframe{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9;background:rgba(0,0,0,0.3);}
.popbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.blurme{filter: blur(5px);-webkit-filter: blur(5px);}
.poptext{
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  max-height:80vh;
  z-index:9;
  font-size:1vw;
  line-height:1.6vw;
  text-align:center;
  overflow-y:scroll;
  padding:1vw;
  width:80%;
  color:#292929;
  background:rgba(255,255,255,0.8);
  background-image:linear-gradient(to bottom left,rgba(255,255,255,0.9),rgba(200,200,200,0.2));
  border:0.2vw  solid rgba(230,230,230,0.5);
  -moz-box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw  rgba(0,0,0,0.2);
  box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw rgba(0,0,0,0.2);
  margin-top:-200vw;opacity:0;
  -webkit-transition: margin 0.6s;
  transition: margin 0.6s;
  }
  .poptextin{
    position:relative;
  }
.poptext.start{margin-top:0;opacity:1;}
.poptext.info{
  background:rgba(255,255,255,0);
  background-image:linear-gradient(to bottom left,rgba(255,255,255,0),rgba(200,200,200,0));
  border:0;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;
  box-shadow:none;
}
.poptext img{max-width:90%;margin:1vw auto;}
.poptext .popinfoitem{margin:5vw auto;font-size:1vw;line-height: 1.6vw;color:#444;background:rgba(255,255,255,0.7);border-radius: 1vw;padding:1vw;width:80%;}
.poptext.pintrobox{overflow-y:auto;}
.poptext table{width:90%;margin:1vw auto;border-collapse:collapse;}
.poptext table th{font-size:1vw;line-height:1.6vw;border:1px solid #999;background:rgba(200,200,200,0.7);color:#292929;}
.poptext table td{font-size:1vw;line-height:1.6vw;border:1px solid #999;color:#292929;}
.popclosebtn{position:absolute;top:0;right:0;height:2.5vw;width:2.5vw;background:#666;text-align:center;z-index:99;}
.popclosebtn i{font-size:2vw;line-height:2.5vw;color:#fff;}
@media screen and (max-width: 979px) {
  .infobox i{font-size:3.6vw;line-height:4.5vw;margin-bottom:1vw;}
  .popframe{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9;background:rgba(0,0,0,0.3);}
  .popframeu{position:absolute;top:0;left:0;height:100%;width:100%;z-index:19;background:rgba(0,0,0,0.8);}
  .popframeuu{position:absolute;top:0;left:0;height:100%;width:100%;z-index:29;background:rgba(0,0,0,0.8);}/*最高層檔在最上面*/
  .popframeinfo{position:fixed;top:0;left:0;height:100%;width:100%;z-index:28;background:rgba(0,30,40,0.7);}/*資訊pop...第二層*/
  .blurme{filter: blur(5px);-webkit-filter: blur(5px);}
  .poptext{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    max-height:80vh;
    overflow-y:auto;
    z-index:9;
    font-size:4.5vw;
    line-height:7vw;
    text-align:center;
    padding:5vw;
    width:80%;
    color:#292929;
    background:rgba(255,255,255,0.8);
    background-image:linear-gradient(to bottom left,rgba(255,255,255,0.9),rgba(200,200,200,0.2));
    border:0.2vw  solid rgba(230,230,230,0.5);
    -moz-box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw rgba(0,0,0,0.2);
    -webkit-box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw  rgba(0,0,0,0.2);
    box-shadow: 0.3vw 0.5vw  0.8vw 0.2vw rgba(0,0,0,0.2);
    margin-top:-200vw;opacity:0;
    -webkit-transition: margin 0.6s;
    transition: margin 0.6s;
    }
  .poptext.start{margin-top:0;opacity:1;}
  .poptext.info{
    background:rgba(255,255,255,0);
    background-image:linear-gradient(to bottom left,rgba(255,255,255,0),rgba(200,200,200,0));
    border:0;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow:none;
  }
  .poptext img{max-width:90%;margin:5vw auto;}
  .poptext .popinfoitem{margin:5vw auto;font-size:3.4vw;line-height: 5vw;color:#444;background:rgba(255,255,255,0.7);border-radius: 5vw;padding:5vw;width:80%;}
  .poptext.pintrobox{overflow-y:auto;}
  .poptext table{width:90%;margin:5vw auto;border-collapse:collapse;}
  .poptext table th{font-size:3vw;line-height:4.6vw;border:1px solid #999;background:rgba(200,200,200,0.7);color:#292929;}
  .poptext table td{font-size:3vw;line-height:4.6vw;border:1px solid #999;color:#292929;}
  .popclosebtn{position:absolute;top:0;right:0;height:8vw;width:8vw;background:#666;text-align:center;z-index:99;}
  .popclosebtn i{font-size:6vw;line-height:8vw;color:#fff;}
}