@charset "utf-8";
/* BASE 設定 */
.w50{width:50%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}
.w200p{width:200px!important;}
.w100p{width:100px!important;}
.w120p{width:120px!important;}
.mw200p{min-width:200px!important;}
.w50p{width:50px!important;}
.mw150p{min-width:150px!important;}
.btn{cursor:pointer;}
.navclick{cursor:pointer;}
table{max-width:100%;margin-top: 20px;    margin-bottom: 40px;}
th,td,span{word-wrap: break-all;}
a {    text-decoration: none;}
a:hover {    text-decoration: underline;}
p {    line-height: 22px;}
h2 {    margin-left: 20px;    margin-bottom: 20px;}
th {    height: 36px;    font-size: 15px;}
td {    padding-top: 10px;    padding-bottom: 10px;}
.tr36 {    height: 36px;}
.tr01 {}
.tr02 {}

/* POPUP */
#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;font-weight:bold;text-align:center;}
#ppopbody{font-size:15px;line-height:28px;padding:10px 0;}
/*驗證碼使用 */
#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;}
/* capchk 我是人類按鍵 */
#capchk{width:calc(100% - 20px);text-align:center;font-size:20px!important;line-height:40px!important;display:inline-block;padding:0 8px;border-radius:5px;font-weight:bold;}
#capchk i{margin-right:10px;}
.fa-user{font-size:20px;line-height:30px;}
/* login */
.logintablewrap{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%); width:500px; max-width:90%;}
.loginlogo{width:100%;}
.logintablebox{}
.largetext{font-size:40px;font-weight:bold;line-height:2;text-align:center;}
.logintable{width:80%;margin:20px auto;font-size:20px;line-height:40px;font-weight:bold;}
.logintable td{padding:5px 10px;}
.logintable tr td:nth-child(1){width:30%;}
.logintable input{width:90%!important;font-size:18px!important;line-height:34px!important;padding:3px 5%!important;}
/* SMS */
.SMStext {    padding: 5px 10px;    font-size: 20px;    font-weight: bold;    line-height: 2;    text-align: left;}
.SMStable{width:80%;margin:20px auto;font-size:20px;line-height:40px;font-weight:bold;}
.SMStable td{padding:5px 10px;}
.SMStable tr td:nth-child(1){width:40%;}
.SMStable input{width:90%!important;font-size:18px!important;line-height:34px!important;padding:3px 5%!important;}
input.loginbtn{width:100%!important;font-size:20px!important;line-height:40px!important;padding:5px 0!important;}
.input02 {	    border-radius: 4px;}
.loginBG{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}

/* 框架 右方  TAB */
.tagwrap{margin:10px;}
.taghead{position:relative;min-height:45px;z-index:1;}
.tagitem{position:relative;width:16%;height:36px;margin-top:8px;z-index:1;font-size:18px;float:left;line-height:36px;margin-left:-2px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tagitem:first-child{margin-left:0;}
.tagitem:hover{}
.tagitem.on{margin-top:0px;padding:6px 0 4px 0;z-index:3;margin-bottom:-2px;}
.tagitem.on div{font-weight:bold;}
.taghead::after{  content:'';  display:table;  clear:both;}
.tagin{padding:0 10px;}
.tagwrap .tagbody{position:relative;z-index:0;min-width:980px;}
.tagwrap .tagbodyin{padding:10px;}


/* 上傳檔案按鍵 */
.filewrapout {  position: relative;  display:inline-block;  margin-left:15px;}
.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!important;    left:0!important;    width: 100%!important;;    height: 100%!important;;    z-index: 0;padding:0!important;margin:0!important;}
.filewrapinp {   position:absolute;    top:0!important;    left:0!important;    width: 100%!important;;    height: 100%!important;;    z-index: 0;padding:0!important;margin:0!important;}
input[type=file] {    position: relative;    width: 120px;height: 30px ;margin:0;   z-index: 99;}
/* 圖片上傳 */
.imagewrap{  position: relative;  display:inline-block;  max-width:70%;}
.imagewrap img{  max-width:90%;  max-height:150px;}
/* 
這些好像是舊的 
.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;    text-align: center;    line-height: 25px;}
.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;}
.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;    text-align: center;    line-height: 25px;}
*/
.hidinput {    display: none;    position: relative;    height: 30px;    margin: auto;}
.imgwrap {    position: relative;}
.funcwrap {    height: 20px;    overflow: hidden;    text-align: left;max-height:400px;overflow:auto;}
.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;}
/*表單 */
input[type=text],input[type=password],input[type=number],input[type=date] {    font-size: 15px;    line-height: 26px;    height: 26px;    margin:0 auto;	width:70%;	padding:0 4px;    max-width:500px;    min-width:40px;    border-radius: 4px;}
select {    font-size: 15px;    line-height: 26px;    height: 26px;    margin:0 auto;    max-width:300px;    min-width:100px;    border-radius: 4px;}
textarea{  font-size: 15px;    line-height: 26px;padding:5px;  margin:0 auto;  border-radius: 4px;  height:60px;  width: 70%;  min-width:100px;}
input[type=checkbox],input[type=radio]{	padding:5px;	margin-left:10px;	border-radius: 4px;}

table.forms {    min-width: 700px;    max-width: 960px;    margin-bottom: 50px;}
table.forms td, table.forms th {        text-align: center;        position: relative;        vertical-align: top;}
.input01 {    margin-left: 10px;    padding-left: 5px;    height: 30px;    width: 95%;}
.input02 {    padding-left: 5px;    height: 30px;    width: 90%;}
.input03 {    padding-left: 5px;    height: 100px;    width: 90%;}
.input04 {    padding-left: 5px;    height: 30px;    width: 210px;}
.list01 {    height: 30px;    width: 85px;}
.list02 {    height: 30px;    width: 35px;}
.textarea1 {    margin-left: 10px;    padding-left: 5px;    height: 80px;    width: 95%;}
.formtable,.formtable01,.formtable02 {	margin-top: 20px;	margin-bottom: 40px;	border-collapse:collapse;}
.formtable.wide{max-width:100%;}/*手機板接受300% */
.formtable tr,.formtable01 tr,.formtable02 tr{}
.formtable th,.formtable01 th,.formtable02 th {    height: 26px;    font-size: 15px;    line-height: 26px;    padding: 5px 0;	border-collapse:collapse;}
.formtable th a,.formtable01 th a,.formtable02 th a,.formtable td a{    font-weight:bold;    text-decoration: underline;}
.formtable td,.formtable01 td ,.formtable02 td {	position:relative;    height: 26px;	border-collapse:collapse;    font-size: 14px;    line-height: 22px;    padding: 3px 10px;	text-align:center;}
.formtable02 span{    font-size: 8px;}
.formtable tr:nth-child(2n),.formtable01 tr:nth-child(2n),.formtable02 tr:nth-child(2n){}
.formtable th select ,.formtable th select01,.formtable02 th select{    padding-left: 5px;    height: 26px;	margin:0 auto;	width: 90%;	border-radius: 4px;}
.formtable th input[type=text],.formtable01 th input[type=text],.formtable02 th input[type=text] {    padding-left: 5px;    height: 26px;    width: 90%;	margin:0 auto;	max-width:300px;	border-radius: 4px;}
.formtable td input[type=text],.formtable01 td input[type=text],.formtable02 td input[type=text] ,.formtable td input[type=password],.formtable01 td input[type=password],.formtable02 td input[type=password]{    padding-left: 5px;    height: 26px;    width: 90%;	margin:0 auto;	max-width:500px;	border-radius: 4px;}
.formtable td input[type=date],.formtable01 td input[type=date],.formtable02 td input[type=date] ,.formtable td input[type=number],.formtable01 td input[type=number],.formtable02 td input[type=number]{	padding-left: 5px;	height: 26px;	width: 20%;	margin: 0 auto;	max-width: 500px;	border-radius: 4px;}		
.formtable td select,.formtable01 td select,.formtable02 td select {    padding-left: 5px;    height: 26px;    min-width: 60px;	margin:0 auto;	max-width:300px;	border-radius: 4px;}
.formtable td textarea{	padding:5px;	margin:0 auto;	border-radius: 4px;	height:60px;	width: 90%;}


.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;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border:none;}
.formline input.refield{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;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;}
.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;}
.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;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;}
.formline.type9{position:relative;margin:0;min-height:30px;padding:5px 0;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;margin:0;padding:10px ;font-size:20px;line-height:30px;}
.recformtop .snote{font-size:14px;line-height:20px;}
.recformtop .bgmark{font-size:30px;line-height:40px;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;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;width:90%;max-width:700px;height:36px;overflow:hidden;}
.c_navitem{font-size:18px;text-align:center;line-height:36px;float:left;cursor:pointer;}
.c_navitem:hover{}
.c_navitem.on{}
.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{  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{}
.udbtn:hover{}

/*menu 和 框架 */
.indexh2{font-size:20px;padding:8px 5px;margin:0!important;}
.indexlogo{height:50px;margin-top:10px; margin-left:10px}
.logout1{position:relative;float:left;}
.logout2{position:relative;height:50px;z-index:5;}
.logout3{width:60px;padding:10px 0;}
.logout4{font-size:40px!important;margin:10px 20px 20px 20px!important;}
.logout5{padding:15px 10px 0 0;text-align:right;}
#contentwrap{padding-left:200px;}
.displaynone{display:none;}
.fR	{margin:10px 10px 0 0;font-size:15px;}
.formtable{margin-top: 0px;    margin-bottom: 0px;}
.seachwidth{width:200px}
.instantuploadp{z-index: 10; opacity: 0;}
.instantuploadpfile1{z-index: 10; opacity: 0;}
#pagewrap{margin:10px 0;text-align:left;}
.databtn{display:inline-block;width:400px;height:30px;line-height:30px;text-align:center;margin:50px;}


/*通用*/
.vidimagebox img{width:10vw;  -webkit-transition: all 0.5s;   transition: all 0.5s;}
.bkhead{  min-height:30px;  padding:20px;  font-size:20px;  line-height:30px;  font-weight:bold;}
.pagewrap a {    display: inline-block;    font-size: 15px;    line-height: 23px;    width: 25px;    height: 25px;    margin: 0 5px;}
.bkhead h1,.bkhead h2{  font-size:20px;  line-height:30px;  font-weight:bold;}
.bkheadin{  max-width:1100px;}
.onoffwarp{  width:160px;  max-width:25%;  height:30px;  border-radius: 10px;  overflow:hidden;  float:right;  margin-right:10px;}
.onoffwarp .switch{  width:50%;  font-size:15px;  line-height:30px;  text-align:center;  float:left;}
.onoffwarp .switch:first-child{}
.onoffwarp .switch:nth-child(2){  margin-right:-5px;}




/**/
.lineclick {    display: block;    height: 24px;    font-size: 15px;    line-height: 24px;    width: 24px;    text-align: center;    float: left;    margin: 0 10px;}
#lanselect {    padding: 10px 0;    text-align: right;    font-size: 15px;    line-height: 26px;    width: 950px;}
#lanselect select {    height: 26px;    width: 200px;    padding: 0 5px;    font-size: 15px;    line-height: 30px;    margin-left: 10px;}
#lanreq {    font-size: 50px;    padding: 150px;    text-align: center;}
.img-border {    margin-left: 15px;    width: 400px;    height: 155px;    text-align: left;}
#wrapper{    margin:0;    min-height:100%;}
.wrapper {    width: 100%;    height: 100%;    margin:0;}
/* ### LEFT MENU ####  */
.nav-box {    min-height: 100%;    width: 200px;    overflow-y:auto;    overflow-x:hidden;    position: fixed;}
.nav-boxm {    height: 80px;    width: 100%;    position: relative;    display:none;    z-index:99;}
.nav-boxmin{    height: 80px;    width: 100%;    position: relative;    z-index:99;}
/*左手全部 */
.nav-logo {    position:static;    margin: 0px;    padding: 20px;    text-align: center;}
/* logo wrap */
.nav-login {    position: relative;    margin: 0px;    padding: 0 0 12px 20px;    width: 180px;}
/* 使用者列 */
.nav-login table {    margin: 0;}
/* 使用者列 */
.nav-login table td {    padding: 3px 5px 3px 0;    font-size: 13px;    line-height: 18px;}
/* 使用者列 */
.nav-login p {    }
/* 主分類目錄 */
.menuheader {}
.menuheader:hover {}
.menuheader.on{}
.operate ul li.selected .menuheader,.J_navlist li.selected .menuheader {    background: url(../img/nav-sub-select.jpg) repeat-x!important;}
.J_navlist li{}
.J_navlist li:first-child{}
.operate {    height: auto;    margin-bottom: 50px;    width: 200px;}
/* 功能列表區塊 */
.operate ul li .nav {        padding-left: 15px;        cursor: pointer;        display: block;        width: 185px;        height: 33px;        font-size: 15px;   line-height: 33px;}
.J_navlist li .nav{        padding-left: 15px;        cursor: pointer;        display: block;        height: 33px;        font-size: 15px;        line-height: 33px;}
.operate ul li .nolsit {        padding-left: 15px;        cursor: pointer;        display: block;        width: 185px;        height: 33px;        font-size: 15px;        font-weight: bold;        line-height: 33px;}
.J_navlist li .nolsit{        padding-left: 15px;        cursor: pointer;        display: block;        height: 33px;        font-size: 15px;        font-weight: bold;        line-height: 33px;}
.operate li .list-item {        position: relative;        width: 200px;        height: auto;        zoom: 1;}
.J_navlist li .list-item {		font-size:15px!important;        position: relative;        height: auto;        zoom: 1;}
.J_navlist li .list-item .am01{}
/* 功能列表 */
.am01 {    padding-left: 20px;    height: 33px;}
.am01 p {        line-height: 33px;        font-size: 15px;}
.am01 a {    text-decoration: none;}
.am01:hover {}
.am01:hover a{}
.am01-select {}
/*	selected	*/
.am01-select a {    font-weight:bold;}
/*	hover	*/
/* 按鍵們 */
.white-btn {    text-align: center;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;    margin: auto;}
.white-btn:hover {        text-decoration: none;}
.purple-login-btn {    padding: 2px 10px 2px 10px;    text-align: center;    line-height: 25px;    display: inline-block;    margin: auto;    width:366px;}
.purple-login-btn:hover {        text-decoration: none;}
.green-btn {    text-align: center;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;    margin: auto;	border-radius: 4px;}
.gray-btn {    text-decoration: none!important;    text-align: center;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;    margin: auto;	border-radius: 4px;}
a.gray-btn {    text-decoration: none!important;    text-align: center;    font-size:14px;    line-height: 18px;    min-height:18px;    padding: 4px 10px;    display: inline-block;    margin: auto;	border-radius: 4px;}
.gray-btn:hover {    text-decoration: none;}
.Add-btn {    text-align: center;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;    border-radius: 4px;    cursor: pointer;    white-space: nowrap;    display: inline-block;    margin:3px;}
.Add-btn:hover {        text-decoration:none;}
.Update-btn {    border-radius: 4px;    cursor: pointer;    white-space: nowrap;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;}
.Update-btn:hover, .Update-btn:focus, .Update-btn:active, .Update-btn.active, .open .dropdown-toggle.Update-btn {    text-decoration:none;}
.Update-sbtn {    border-radius: 4px;    cursor: pointer;    white-space: nowrap;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 10px;    display: inline-block;}
.Update-sbtn:hover, .Update-sbtn:focus, .Update-sbtn:active, .Update-sbtn.active, .open .dropdown-toggle.Update-sbtn {    text-decoration:none;}
.Page-btn,a.Page-btn {    text-decoration: none!important;    border-radius: 4px;    cursor: pointer;    white-space: nowrap;    display: inline-block;    font-size:14px;    line-height: 26px;    min-height:26px;    padding: 0px 3px;    min-width:20px;}
.Page-btn:hover, .Page-btn:focus, .Page-btn:active, .Page-btn.active, .open .dropdown-toggle.Page-btn {    text-decoration:none;}
.Page-btn.on{}
.Del-btn,.delbtn,.delbtn2 {    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;}/*delbtn2 避免被呼叫 */
.Del-btn:hover, .delbtn:hover {    text-decoration:none;}


.news-update-img {    width: 400px;    height: 250px;}
i {    margin-right: 5px;}/* FOR font awson */
#listpage {    position: relative;    padding: 30px 0;    text-align: center;}
#listpage a {    position: relative;    display: inline-block;    height: 30px;    width: 30px;    margin: 0 5px;    font-size: 15px;    line-height: 30px;}
#listpage a:hover {}
#listpage a.on {}

/* NAV */
@media screen and (max-width: 1200px) {
	.J_navlist{position:absolute;top:-1000px;left:0;width:100%;background:url(../img/w30.png);z-index:1;}
}
@media screen and (max-width: 980px) {
	table{width:100%!important;}

}
@media screen and (max-width: 800px) {
	#contentwrap input,#contentwrap a,#contentwrap select{font-size:3.6vw!important;padding-left:1vw!important;padding-right:1vw!important;margin-right:0!important;margin-left:0!important;}
	td,th{font-size:3.6vw!important;}
}
@media screen and (max-width: 700px) {/* 基本 /4 */
/* 標準按鍵  3.6vw line-height:6vw  */
	html{font-size:3.6vw;line-height:6vw;}
	#contentwrap input,#contentwrap  a,#contentwrap  select{font-size:3.6vw!important;}
	table{max-width:100%!important;margin-top: 5vw;    margin-bottom: 10vw;}
	th,td,span{word-wrap: break-all;font-size:3.6vw!important; line-height: 6vw;}
	a {    text-decoration: none;}
	a:hover {    text-decoration: underline;}
	p {    line-height: 5vw;}
	h2 {    margin-left: 5vw;    margin-bottom: 5vw;}
	th {    height: auto;    font-size: 3.6vw; line-height:1.5;padding-top: 1vw;    padding-bottom: 1vw;}
	td {    height: auto;    font-size: 3.6vw; line-height:1.5; padding-top: 1vw;    padding-bottom: 1vw;}
	.tr36 {    height: 6vw;}
	.tr01 {}
	.tr02 {}
	/* POPUP */
	#pop{font-size:3.6vw;line-height:1.5;}
	#ppoptop{font-size:6vw;line-height:1.5;height:9vw;padding:2vw 0;}
	#ppopbody{font-size:3.6vw;line-height:1.5;padding:2vw 0;}
	/*驗證碼使用 */
	#codepage {height: 5vw;    width: 20vw;    margin: 0 2vw;}
	#codepage img { padding: 0 0.6vw;}
	#codepagew { height: 6vw;    width: 30vw;  margin: 1px 2vw;}
	#codepagew img { padding: 0 1vw 0 1vw;}
	/* capchk 我是人類按鍵 */
	#capchk{width:calc(100% - 4vw);font-size:4vw!important;line-height:8vw!important;padding:0 1.6vw;border-radius:1vw;}
	#capchk i{margin-right:2vw;}
	.fa-user{font-size:4vw;line-height:6vw;}
	/* login */
	.logintablewrap{width:90%; max-width:90%;}
	.largetext{font-size:8vw;}
	.logintable{width:80%;margin:4vw auto;font-size:4vw;line-height:8vw;}
	.logintable td{padding:1vw 2vw;}
	.logintable input{width:90%!important;font-size:4vw!important;line-height:7vw!important;padding:0.6vw 5%!important;}
	/* SMS */
	.SMStext {    padding: 1vw 2vw;    font-size: 4vw;}
	.SMStable{width:80%;margin:4vw auto;font-size:4vw;line-height:2;}
	.SMStable td{padding:1vw 2vw;}
	.SMStable input{font-size:3.6vw!important;line-height:7vw!important;padding:0.6vw 5%!important;}
	input.loginbtn{font-size:4vw!important;line-height:2!important;padding:1vw 0!important;}
	.input02 {	    border-radius: 0.8vw;}
	/* 框架 右方  TAB */
	.tagwrap{margin:2vw;}
	.taghead{min-height:9vw;}
	.tagitem{width:auto;min-width:25%;height:7vw;margin-top:8px;z-index:1;font-size:3.6vw;line-height:1.5;margin-left:-2px;-webkit-border-top-left-radius: 1vw;-webkit-border-top-right-radius: 1vw;-moz-border-radius-topleft: 1vw;-moz-border-radius-topright: 1vw;border-top-left-radius: 1vw;border-top-right-radius: 1vw;}
	.tagitem:first-child{margin-left:0;}
	.tagitem:hover{}
	.tagitem.on{margin-top:0px;padding:6px 0 4px 0;z-index:3;margin-bottom:-2px;}
	.tagin{padding:0 2vw;}
	.tagwrap .tagbody{min-width:auto;max-width:100%;}
	.tagwrap .tagbodyin{padding:2vw;overflow-x:auto;}/*手機板接受內部太寬 */
	/* 上傳檔案按鍵 */
	.filewrapout {  display:block;  margin-left:0;}
	.filewrapnew{  width: 25vw;     height: 6vw;  display:block;}
	input[type=file] { width: 25vw; height: 6vw;}
	/* 圖片上傳 */
	.imagewrap{  position: relative;  display:block;  max-width:100%;}
	.imagewrap img{  max-width:90%;  max-height:50vw;}

	.hidinput {    height: 6vw; }
	/*.fileselect {  margin-left: -30px !important;    margin-top: -12px !important;    width: 40px !important;    padding: 2px 10px !important;    z-index: 999;    text-align: center;    line-height: 25px;}*/
	.funcwrap {    height: 4vw;max-height:50vh;}
	.bknotice{font-size:3vw;line-height:1.5;}
	/*表單 */
	input[type=text],input[type=password],input[type=number],input[type=date] {    font-size: 3.6vw;    line-height: 6vw;    height: 6vw;    width:90%;	max-width:auto; padding:0 1vw;    min-width:10vw;    border-radius: 1vw;}
	select {    font-size: 3.6vw;    line-height: 6vw;    height: 6vw;    width:calc(90% + 2vw);   max-width:auto;    min-width:14vw;    border-radius: 1vw;}
	textarea{  font-size: 3.6vw;    line-height: 6vw; padding:1vw;  height:30vw;  width: 90%;  min-width:14vw; border-radius: 1vw;}
	input[type=checkbox],input[type=radio]{	padding:1vw; font-size: 3.6vw;    line-height: 6vw;	margin-left:2vw;	border-radius: 1vw;}
	table.forms {    width:100%;min-width: auto;    max-width: 100%;    margin-bottom: 10vw;}
	.input01 {    margin-left: 2vw;    padding-left: 1vw;    height: 6vw;  }
	.input02 {    padding-left: 1vw;    height: 6vw;}
	.input03 {    padding-left: 1vw;    height: 20vw;}
	.input04 {    padding-left: 1vw;    height: 6vw;    width: 60%;}
	.list01 {    height: 6vw;    width: 16vw;}
	.list02 {    height: 6vw;    width: 7vw;}
	.textarea1 {    margin-left: 2vw;    padding-left: 1vw;    height: 16vw;}
	.formtable,.formtable01,.formtable02 {	margin-top: 4vw;	margin-bottom:8vw;}
	.formtable.wide{max-width:300%;}/*手機板接受300% */
	.formtable th,.formtable01 th,.formtable02 th {    height: 6vw;    font-size: 3.6vw;    line-height: 6vw;    padding: 1vw 0;	border-collapse:collapse;}
	.formtable td,.formtable01 td ,.formtable02 td {   height: 6vw;	   font-size: 3.6vw;    line-height: 6vw;    padding: 1vw 2vw;}
	.formtable02 span{    font-size: 2vw;}
	.formtable th select ,.formtable th select01,.formtable02 th select{    padding-left: 1vw;    height: 6vw;	border-radius: 1vw;}
	.formtable th input[type=text],.formtable01 th input[type=text],.formtable02 th input[type=text] {    padding-left: 1vw;    height: 6vw;    width: 90%;	margin:0 auto;	max-width:60vw;	border-radius: 1vw;}
	.formtable td input[type=text],.formtable01 td input[type=text],.formtable02 td input[type=text] ,.formtable td input[type=password],.formtable01 td input[type=password],.formtable02 td input[type=password]{    padding-left: 1vw;    height: 6vw;    width: 90%;	min-width:8vw;margin:0 auto;	max-width:max-width:60vw;	border-radius: 1vw;}
	.formtable td input[type=date],.formtable01 td input[type=date],.formtable02 td input[type=date] ,.formtable td input[type=number],.formtable01 td input[type=number],.formtable02 td input[type=number]{	padding-left: 1vw;	height: 6vw;	width: 20%;min-width:8vw;	margin: 0 auto;	max-width: max-width:auto;	border-radius: 1vw;}		
	.formtable td select,.formtable01 td select,.formtable02 td select {    padding-left: 1vw;    height: 6vw;    min-width: 14vw;	margin:0 auto;	width:90%;	max-width:60vw;border-radius: 1vw;}
	.formtable td textarea{	padding:1vw;	margin:0 auto;	border-radius: 1vw;	height:30vw;	width: 90%;max-width:60vw;}

	.form_box{padding:2vw 0;}
	.formline{overflow:hidden;margin:1vw 0;}
	.formline input[type=text],.formline input[type=password],.formline select{height:6vw;font-size:3.6vw;line-height:6vw;border-radius: 1vw;-moz-border-radius: 1vw;-webkit-border-radius: 1vw;border:none;}
	.formline input.refield{border-radius: 1vw;-moz-border-radius: 1vw;-webkit-border-radius: 1vw;border:none;}
	.formline textarea{position:relative;width:90%;padding:0 5%;min-height:30vw;font-size:3.6vw;line-height:6vw;margin-bottom:2vw;border-radius: 1vw;-moz-border-radius: 1vw;-webkit-border-radius: 1vw;border:none;margin-bottom:1vw;}
	.formline input[type=file]{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;padding:0;opacity:0;}
	.formline.type1{margin:0 1vw;min-height:6vw;padding: 0;margin:1vw 2vw;}
	.formline.type1 div.split {font-size:3.6vw;line-height:6vw;}
	.formline.type1 div.split:nth-child(1){font-size:3.6vw;}

	.formline.type7{margin:0 2vw;min-height:6vw;padding:1vw 0;}
	.formline.type7 div.split {font-size:3.6vw;line-height:6vw;}

	.formline.type1z{min-height:12vw;padding:1vw 0;}
	.formline.type8{min-height:6vw;padding:1vw 0;}
	.formline.type8 div.split {font-size:3.6vw;line-height:6vw;}
	.school_selectwrap{margin:3vw 0;padding:4vw;}
	.formline.type9{min-height:6vw;padding:1vw 0;}
	.formline.type9 div.split {font-size:3.6vw;line-height:6vw;}
	.formline.type9 div.split:nth-child(2) img{height:6vw;}
	/* 崗位上方 */
	.recformtop{padding:2vw ;font-size:4vw;line-height:6vw;}
	.recformtop .snote{font-size:3.2vw;line-height:4.5vw;}
	.recformtop .bgmark{font-size:6vw;line-height:8vw;}
	.temploader1{padding:30vw 0;}
	.temploader2{padding:20vw 0;}
	.temploader3{padding:10vw 0;}
	.addline{margin:1.5vw auto!important;}
	.bigbtn{margin:2vw auto!important;min-width:30vw!important;}
	.content_navwrap{margin:3vw auto;-webkit-border-radius: 2vw;-moz-border-radius: 2vw;border-radius: 2vw;width:90%;height:7vw;}
	.c_navitem{font-size:4vw;line-height:7vw;}
	.peopleopen{font-size:3.6vw!important;line-height:6vw!important;}
	.peopleopen i{font-size:3.6vw!important;line-height:6vw!important;}
	.peoplehide{margin:1vw 0!important;font-size:3vw!important;line-height:4vw!important;}
	/*上下架按鈕*/
	.udbtn{  border-radius: 1vw;  font-size:3.2vw;  line-height: 5vw;  min-height:5vw;  padding: 0 2vw;}

	/*menu 和 框架 */
	.indexh2{font-size:4vw;padding:1.6vw 1vw;}
	.indexlogo{height:8vw;margin-top:1vw; margin-left:2vw;}
	.logout1{position:absolute;height:10vw;width:100%;z-index:1;}
	.logout2{height:10vw;width:30%;}
	.logout3{width:12vw;padding:2vw 0;}
	.logout4{font-size:8vw!important;margin:2vw 4vw 2vw 4vw!important;}
	.logout5{padding:3vw 2vw 0 0;}
	#contentwrap{padding-left:0;}
	.fR{margin:0 2vw 0 0;font-size:3.6vw;}
	.seachwidth{width:40vw;}
	#pagewrap{margin:2vw 0;}
	.databtn{width:80vw;height:6vw;line-height:6vw;margin:10vw;}

	/*通用*/
	.bkhead{  min-height:6vw;  padding:4vw;  font-size:4vw;  line-height:6vw; }
	.pagewrap a {font-size:3.6vw;    line-height: 4.5vw;    width: 5vw;    height: 5vw;    margin: 0 1vw;}
	.bkhead h1,.bkhead h2{  font-size:4vw;  line-height:6vw;}
	.bkheadin{  max-width:100%;}
	.onoffwarp{  width:25%;  height:6vw;  border-radius: 2vw; margin-right:2vw;}
	.onoffwarp .switch{  font-size:3.6vw;  line-height:6vw;}
	.onoffwarp .switch:nth-child(2){  margin-right:-1vw;}

	/**/
	.lineclick {    height: 6vw;    font-size: 3.6vw;    line-height: 6vw;    width: 6vw; margin: 0 2vw;}
	#lanselect {    padding: 2vw 0;    font-size: 3.6vw;    line-height: 6vw;    width: 100%;}
	#lanselect select {    height: 6vw;    width: 40vw;    padding: 0 1vw;    font-size: 3.6vw;    line-height: 6vw;    margin-left: 2vw;}
	#lanreq {    font-size: 10vw;    padding: 30vw;}
	.img-border {    margin-left: 3vw;    width: 100%;    height: 30vw;}
	.wrapper {    width: 100%;    height: 100%;    margin:0;}
	/* ### LEFT MENU ####  */
	.nav-box {   display:none;}
	.nav-boxm {    height: 10vw;    width: 100%;    position: relative;    display:block;    z-index:99;}
	.nav-boxmin{    height: 10vw;    width: 100%;    position: relative;    z-index:99;}

	/* 手機板 功能列表區塊 */
	.J_navlist li .nav{        padding-left: 3vw;        height: 6vw;        font-size: 3.6vw;        line-height: 6vw;}
	.J_navlist li .nolsit{        padding-left: 3vw;     height: 6vw;        font-size: 3.6vw;        line-height: 6vw;}
	.J_navlist li .list-item {		font-size:3.6vw!important;}
	/* 功能列表 */
	.am01 {    padding-left: 4vw;    height: 6vw;}
	.am01 p {        line-height: 6vw;        font-size: 3.6vw;}
	/* 按鍵們 */
	.white-btn {   font-size:3.6vw;    line-height: 6vw;    min-height:6vw;    padding: 0 2vw; min-width:8vw; }
	.purple-login-btn {    padding: 0 2vw;    line-height: 6vw;   width:40vw;}
	.green-btn {    font-size:3.6vw;    line-height: 6vw;    min-height:6vw;  min-width:8vw;  padding: 0 2vw;  border-radius: 1vw;}
	.gray-btn {     font-size:3.6vw;    line-height: 6vw;    min-height:6vw;	min-width:8vw;    padding: 0 2vw;  border-radius: 1vw;}
	a.gray-btn {    font-size:3.6vw;    line-height: 4vw;    min-height:4vw;    padding: 1vw 2vw;  border-radius: 1vw;}
	.Add-btn {      font-size:3.6vw;    line-height: 6vw;    min-height:6vw;    padding: 0 2vw;   border-radius: 1vw;    margin:0.6vw;}
	.Update-btn {    border-radius: 1vw;    font-size:3.6vw;    line-height: 6vw;    min-width:8vw;min-height:6vw;    padding: 0 2vw;}
	.Update-sbtn {    border-radius: 1vw;   font-size:3.6vw;    line-height: 6vw;    min-width:8vw;min-height:6vw;    padding: 0 2vw;}
	.Page-btn,a.Page-btn {    border-radius: 1vw;   font-size:3.6vw;    line-height: 6vw;    min-height:6vw;  width:6vw; text-align:center;}
	.Del-btn,.delbtn,.delbtn2 {    border-radius: 1vw;    font-size:3.6vw;    line-height: 6vw;    min-height:6vw;   min-width:8vw; padding: 0 2vw;}/*delbtn2 為避免被呼叫 */
	.news-update-img {    width: 100%;    height: 50vw;}
	i {    margin-right: 1vw;}/* FOR font awson */
	#listpage {    padding: 6vw 0;    }
	#listpage a {  height: 6vw;    width: 6vw;    margin: 0 1vw;    font-size: 3.6vw;    line-height: 6vw;}

	
}