@charset "utf-8";
/* CSS Document */
html,body,td,th,div,span,p,input, textarea, select, button{padding:0;margin: 0;font-family:Microsoft JhengHei;font-size:15px;}
body{width:100%;height:100%;overflow:auto;}
html{/*background:#cce6f5;*/}
table{border-collapse:collapse;width:100%;}
table tr td{vertical-align:middle;text-align:center;}
input{font-size:16px;padding-left:2px;}
a{text-decoration:none;}
#loading, .checking, .loading, .deling, .saveing, .reading, .uploading, .login{position:fixed;top:12%;left:45%;display:none;}
.bor1{border:dashed 0px #8A0B79;}
.bor2{border:dashed 0px #2A23C7;}
.setW{width:1250px;}
.show-{display:block;}
.qback{width:100%;height:100%;background: rgba(255,255,255,.6);position:fixed;top:0;left:0;z-index:9999;}/*全屏*/
.ulli, .ulli li{list-style:none;margin:0;padding:0;}

	/*常用固定 Style*/
	.templine{border:dashed 1px #900;}
	.c-yellow{color:#fff600!important;}
	.c-green{color:#008d14!important;}
	.c-red{color:#900!important;}
	.c-blue{color:#383eb4!important;}
	.fw{font-weight:bold!important;}
	.f13,.F13{font-size:13px;}
	.f14,.F14{font-size:14px;}
	.f15,.F15{font-size:15px;}
	.f16,.F16{font-size:16px;}
	.f18,.F18{font-size:18px;}
	.f20,.F20{font-size:20px;}
	.f22,.F22{font-size:22px;}
	.td-c{text-align:center!important;padding:8px;}
	.td-r, .t-r{text-align:right!important;padding-right:5px;}
	.td-ps{margin-left:10px;margin-right:3px;display:inline-block;}
	.t-shadow{text-shadow:0 1px 1px #666;}/*文字陰影*/
	.t-shadow2{text-shadow:0 1px 2px #666;}
	.hr-shadow{box-shadow:0px 0px 2px rgba(40%,28%,21%,0.4);width:95%;}/*陰影隔行線*/
	.Dm{text-align:right!important;}
	.Dt{text-align:left!important;}
	.Dc, .t-c{text-align:center!important;}
	.W180{width:180px;}
	.W160{width:160px;}
	.W150{width:150px;}
	.W140{width:140px;}
	.W130{width:130px;}
	.W120{width:120px;}
	.W110{width:110px;}
	.W100{width:100px;}
	.W90{width:90px;}
	.w95{width:95%;}
	.w98{width:98%!important;}
	.b-red{background-color:#fdddde;}
	.b2-red-put{background:linear-gradient(#fdddde, #dcbbbc);border:solid 1px;}
	.b-blue{background-color:#bfd9ff;}
	.b-yellow{background-color:#feffba!important;}
	.b-yellow-{background-color:#feffba!important;box-shadow: inset 0 0 22px -8px #111;}
	.b2-blue, .Bline-blue{background:linear-gradient(#0255df, #013180);}/*底色線性垂直漸成*/
	.b2-red, .Bline-red{background:linear-gradient(#df0202, #800101);}
	.b2-green, .Bline-green{background:linear-gradient(#3bdf02, #0a8001);}
	.b2-yellow, .Bline-yellow{background:linear-gradient(#d2df02, #7f8001);}
	.b2-purple, .Bline-purple{background:linear-gradient(#df02d7, #7b0180);}
	.b2-cyan, .Bline-cyan{background:linear-gradient(#36c4c6, #268a8b);}
	.b2-ol, .Bline-ol{background:linear-gradient(#c69136, #886426);}
	.redback{background-color:#F3DEF3!important;}/*標記變色*/
	.line1{border:0px;outline:solid 1px #009;}
	.uploadImg{cursor:pointer;}
	.hide-, .hide{display:none;}
	/*按鈕底色*/
	.b-b-style{padding:4px 12px;color:#fff;border:solid 1px #bbb;border-radius:5px;transition: .4s;
		box-shadow:inset 0px 0px 22px -8px #111;text-shadow:0 1px 2px #666;}
	.b-b-style:hover{color:#fffd42;box-shadow:inset 0px 0px 12px -8px #aaa;cursor:pointer;}
	.b-b-blue{background:#017ab4;}
	.b-b-red{background:#ca5046;}
	.b-b-green{background:#29ae26;}
	.b-b-yellow{background:#b1b932;}
	.b-b-purple{background:#bb2d74;}/*紫*/
	.b-b-cyan{background:#36c4c6;}/*青*/
	/*標題*/
	.title-s, .title-s1, .title-s2{color:#fff;border:solid 1px #ccc;border-radius:8px 0 0 8px;margin:6px 2px;padding:5px 10px;
		display:inline-block;letter-spacing:1px;box-shadow:0 1px 5px #888;}/*子標題, 影子擴散*/
	.title-s1{box-shadow:2px 2px 0px #888;}/*子標題, 影子立體*/
	.title-s2{box-shadow:3px 3px 0px #888;}

	/*資料列表 Style*/
	.listTab, .listTab th,.listTab td{border:solid 1px #ccc;font-size:16px;}
	.listTab{box-shadow:4px 4px 4px #bbb;margin:3px auto;}
	.listTab th{text-align:center;background:linear-gradient(#0255df, #013ea2);color:#fff;height:42px;font-weight:600;}
	.listTab td{text-align:center;height:56px;padding:2px 3px;}
	.listTab tr:nth-child(odd), .seeBoxTab tr:nth-child(odd){background-color:#e7f3ff;}
	.listTab tr:nth-child(even), .seeBoxTab tr:nth-child(even){background-color:#fff;}
	.listTab tr:hover{background-color:#fff1ff;box-shadow: inset 0 0 22px -8px #111;}
	.listTab-s th{background:linear-gradient(#39b2b6, #2c888b);height:26px;}/*子的小列表*/
	.listTab-s td{text-align:center;height:26px;padding:2px 3px;}
	

	.listCheckBox-lab{border:solid 0px #009;display:block;width:100%;height:100%;padding-top:25%;}
	.listCheckBox-lab input[type=checkbox]{width:18px;height:18px;}
	.autoput, .ds input{width:95%;padding:3px 4px;border:none;border-bottom:solid 1px #6c9ef0;background:rgba(100%,100%,100%, 0);
		box-shadow: 0px 0px 0px 2px transparent;transition:box-shadow .5s;}/*資料列表自動編輯輸入框*/
	.autoput:focus, .ds input:focus{outline:none;border-bottom-color:#900;box-shadow: 0px 0px 0px 6px #eca29b;color:#900;}
	.mark-tr-red{background:#F3DEF3!important;}/*標記變底色*/
	/*輸入編輯頁 Table Style*/
	.fieldsetArea{width:90%;}
	.workAreaBack-Gray, .over-hide{overflow:hidden;}
	.workArea{width:49%;padding:5px;border:solid 1px #aaa;float:left;margin:5px;background-color:#fff;}
	.workTab, .workTab th, .workTab td{border:solid 1px #ccc;}
	.workTab th{height:40px;text-align:right;padding-right:2px;background:linear-gradient(#e1e1e1, #bfbfbf);color:#033c58;
		box-shadow:0px 0px 5px #888;width:20%;}
	.workTab td{text-align:left;padding-left:4px;width:70%;}
	.workTab td input[type=checkbox], .workTab td input[type=radio]{width:15px;height:15px;margin-right:2px;}
	.workTab td input[type=number]{text-align:right;padding-right:3px;}
	.workTab td input[type=text]:focus, .workTab td input[type=number]:focus, .workTab td input[type=date]:focus,
	.workTab td textarea:focus, .workTab td select:focus{
		border:0px;outline:solid 1px #009;background:#D9F2F4;padding:1px;transition:.2s;box-shadow:0 0 3px 3px #aaa;}
	.workTab select{padding:2px 2px;border:solid 1px #84bce9;transition:0.4s;}

	/*工作編輯盒框架 Style*/
	.editBox{border:solid 1px #777;background:#FFF;position:absolute;top:auto;left:auto;display:none;
		box-shadow:2px 2px 2px #bbb;border-radius:4px;}
	.editBoxTitle_{height:34px;line-height:30px;color:#FFF;padding:2px 4px 3px;cursor:move;text-shadow: 0 1px 2px #666;}/*"編輯盒標題設定"*/
	.editBoxTitle_blue{background:linear-gradient(#66a2cf, #36566e);}
	.editBoxTitle_red{background:linear-gradient(#f2605b, #b33832);}
	.editBoxTitle_green{background:linear-gradient(#67cc67, #3b8a3b);}
	.editBoxTitle_purple{background:linear-gradient(#bb2d74, #882155);}
	.titleIcon_edit{background:url(../icon/titleIcon_edit.png) no-repeat;}
	.titleIcon_see{background:url(../icon/li03.png) no-repeat;}
	.titleIcon_set{background:url(../icon/tool.png) no-repeat;}
	.titleIcon_upload{background:url(../icon/upload-icon.png) no-repeat;}
	.titleIcon_{font-size:16px;padding-left:34px!important;background-size:24px;background-position:2px -3px;}/*"編輯盒標題圖標設定"*/
	.WClose{position:relative;top:3px;right:5px;float:right;cursor:pointer;}
	.BoxBody{margin:4px;}
	/*輸入編輯盒內容 Table Style*/
	.editBoxTab, .editBoxTab th, .editBoxTab td, .seeBoxTab, .seeBoxTab th, .seeBoxTab td, .editTit{border:solid 1px #ccc;font-size:17px;}
	.editBoxTab th, .editTit{height:40px;text-align:right;padding-right:2px;background:linear-gradient(#e1e1e1, #bfbfbf);color:#033c58;
		box-shadow:0px 0px 5px #888;}
	.seeBoxTab th{height:32px;text-align:center;background:linear-gradient(#e1e1e1, #bfbfbf);color:#033c58;box-shadow:0px 0px 5px #888;}
	.seeBoxTab td{text-align:center;height:35px;font-size:15px!important;}
	.editBoxTab td{text-align:left;padding-left:4px;}
	.editBoxTab td input[type=checkbox], .editBoxTab td input[type=radio]{width:15px;height:15px;margin-right:2px;}
	.editBoxTab td input[type=number]{text-align:right;padding-right:3px;}
	.editBoxTab td input[type=text]:focus, .editBoxTab td input[type=number]:focus, .editBoxTab td input[type=date]:focus,
	.editBoxTab td textarea:focus, .editBoxTab td select:focus{
		border:0px;outline:solid 1px #009;background:#D9F2F4;padding:1px;transition:.2s;box-shadow:0 0 3px 3px #aaa;}
	.editBoxTab select{padding:2px 2px;border:solid 1px #84bce9;transition:0.4s;}
	/*checkbox UI化 Style*/
	.label_{width:auto;display:inline-block!important;padding:2px 4px;margin-top:3px;}
	.label_ed{color:#C33;border:solid 1px #39C;border-radius:4px;background:linear-gradient(#fbff93, #eef1a9);}
	
	/*工作外框 style*/
	.fieldsetArea{border:solid 1px #070;border-radius:4px;box-shadow:0px 0px 8px #888;padding:0 2px 2px 2px;margin:0px auto 5px;}
	fieldset > legend{border:solid 1px #013954;border-radius:3px;text-align:left;letter-spacing:2px;margin:0 9px;padding:2px 12px;
	color:#fff;background:linear-gradient(#017ab4 0%, #242a67 85%, #017ab4 100%);box-shadow:0px 0px 5px #888;line-height:28px;font-size:18px;}
	.workAreaBack-White{border:solid 1px #ccc;background:#FFF;margin:5px;padding:5px;}/*第一外圈*/
	.workAreaBack-Gray{border:solid 1px #aaa;background:#f0f0f0;padding:5px;}/*第二外圈*/
		@media screen and (max-width:1600px) {
			.fieldsetArea{width:100%!important;}
		}

	/*資料列表頁面-工具區 CSS*/
	#scanVal, .scanVal{margin-left:4px;padding:3px;width:150px;}
	#scanVal:focus, .scanVal:focus{border:0px;outline:solid 1px #009;}
	#scanBtn{color:#FFf;background:#e467e3;font-size:15px;letter-spacing:1px;box-shadow:inset 0px 0px 30px -8px #111;
		text-shadow: 0 1px 2px #666;}
	#scanBtn:hover{cursor:pointer;font-weight:bold;background:#930193;transition: .3s}
	.listToolArea{overflow:hidden;margin-bottom:12px;padding:3px;border:solid 0px #aaa;}
	.listBtn-left, .listBtn-right{line-height:32px;padding:3px 0;}
	.listBtn-left{float:left;border:solid 0px #900;}
	.listBtn-right{float:right;border:solid 0px #009;}
	.listBtn-left label:nth-child(1){padding-left:26px;margin-left:5px;display:inline-block;border:none;
		background:url(../icon/li03.png) no-repeat;background-position:4px 50%;}
	.listBtn-left select{margin-left:0px;padding:3px 4px;border-radius:6px 6px 0 0;border:solid 1px #84bce9;transition: 0.4s;}
	.listBtn-left select:hover{background-color:#d3e8fa;}
	
	/*工具按鈕圖標 Style*/
	.listBtn-right button, #scanBtn, .btnStyle, .editBtn, .logBtn, .delBtn, .delBtn-{
		margin:0px 3px;padding:4px 10px;border-radius:4px;border:solid 1px #888;}
	.addBtn, .editBtn, .btn-blue{color:#fff;background:linear-gradient(#017ab4, #015c88);text-shadow: 0 1px 2px #666;}
	.addBtn:hover, .editBtn:hover, .btn-blue:hover{cursor:pointer;background:linear-gradient(#016494, #015c88);}
	.delBtn, .delBtn-, .btn-red{color:#fff;background:#ca5046;box-shadow: inset 0px 0px 22px -8px #111;text-shadow: 0 1px 2px #666;}
	.delBtn:hover, .delBtn-:hover, .btn-red:hover{cursor:pointer;animation:animDelbtn .65s;} @keyframes animDelbtn{from{opacity:0;} to{opacity:1;}}
	.setBtn, .logBtn{color:#000;background:#eee;box-shadow: inset 0px 0px 22px -8px #111;text-shadow: 0 1px 2px #666;}
	.setBtn:hover, .logBtn:hover{cursor:pointer;background:#444;color:#fff;box-shadow:0px 0px 3px 3px #ccc;}
	/*工具按鈕圖標(小尺寸) Style*/
	.btnStyle{margin:0px 3px;padding:3px 8px;border-radius:4px;border:0;color:#fff;transition: .4s;
		box-shadow:inset 0px 0px 30px -8px #333;text-shadow:0 1px 2px #666;}
	.btnStyle-s{margin:2px;padding:1px 5px;border-radius:3px;border:0;color:#fff;transition: .4s;
		box-shadow:inset 0px 0px 22px -8px #111;text-shadow:0 1px 1px #666;}
	.btnStyle:hover, .btnStyle-s:hover{cursor:pointer;color:#F9FF33;box-shadow:inset 0px 0px 10px -4px #999;}
	
	
	/*輸入錯誤時回應訊息條, 參數設定工具鈕*/
	.showMsgbox{display:inline-block;margin-left:20px;padding:3px;padding-left:8px;background:#FF79A2;position:relative;
		box-shadow:1px 1px 1px 1px #aaa;animation:showMsgbox .35s;}
		@keyframes showMsgbox{from{transform:scale(0);opacity:0} to{transform:scale(1);opacity:1}}
	.showMsgbox::before{content:"";position:absolute;background:inherit;padding:7px;transform:rotate(45deg);left:-6px;top:6px;}

	.setIcon{border:solid 0px #900;padding:4px 12px;margin:0 3px;background:url(../icon/tool.png) no-repeat;cursor:pointer;}
	.saveing, .loading, .uploading, .reading{display:none;position:relative;top:8px;}

	/*設定編輯盒框架 Style*/
	*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.setWincss{border:solid 2px #6e94c2;padding:3px;background-color:#fff;position:absolute;display:none;
		box-shadow:2px 2px 4px #aaa;border-radius:5px;font-family:"Microsoft JhengHei";z-index:999;}
	.setWinTit{border:solid 1px #5da5d3;border-radius:4px;color:#fff;line-height:30px;font-size:18px;letter-spacing:1px;cursor:move;
		margin-bottom:3px;background:linear-gradient(#67cf7d, #499861);}
	.setWinTit_span{margin-left:10px;}
	.setWinTit_img{position:relative;top:5px;left:-5px;float:right;cursor:pointer;}

	/*設定輸入編輯盒 Table Style*/
	.setBoxTab, .setBoxTab th, .setBoxTab td{border:solid 1px #ccc;}
	.setBoxTab{width:100%;}
	.setBoxTab th{height:26px;text-align:center;background:linear-gradient(#E4FBFF, #8dc2cb);color:#072DA7;}
	.setBoxTab td{text-align:center;height:26px;font-size:15px!important;}
	.setBoxTab tr:nth-child(odd){background-color:#e7f3ff;}
	.setBoxTab tr:nth-child(even){background-color:#fff;}
	/*輸入區域*/
	.set-body{border:solid 1px #fff;padding:1px;}
	.set-body input[type=text]:focus{border:0;outline:solid 1px #090;}
	.put-, .d-list{width:450px;overflow:auto;}
	.put- div{float:left;border:solid 1px #aaa;border-bottom:0;line-height:32px;}
	.put- div:nth-child(1){width:20%;text-align:right;background-color:#E5E5E5;border-right:0;padding-right:3px;}
	.put- div:nth-child(2){width:79.99%;text-align:left;padding-left:3px;}
	.put- div input[type=text]{width:95%;margin-right:3px;}
	.put80-c{width:80px!important;text-align:center;}
	.c-bbb{color:#bbb;}
	.btn-{clear:both;border:solid 1px #aaa;line-height:32px;text-align:center;padding:4px;}
	.btn- button{padding:2px 5px;}
	.label_set{width:auto;display:inline-block;padding:1px 4px 0px 2px;margin-top:3px;border:solid 1px #fff;
		line-height:22px;margin-left:2px;cursor:pointer;}
	.label_seted{color:#C33;border:solid 1px #39C;border-radius:4px;background:#fcffb3;font-weight:600;}
	/*資料列表區域*/
	.d-list{border:solid 1px #bbb;height:220px;margin-top:6px;}
	.list-title div{background-color:#E4FBFF;font-weight:600;color:#072DA7;}
	.list-title div, .list_s div{border:solid 1px #aaa;float:left;width:9%;line-height:24px;text-align:center;border-top:0;border-left:0;}
	.list-title div:nth-child(1), .list_s div:nth-child(1){width:8%;}
	.list-title div:nth-child(3), .list_s div:nth-child(3){width:47%;}
	.list_s div:nth-child(3){text-align:left;height:31px;overflow:hidden;padding-left:3px;}
	.list_s div:nth-child(7){border-right:0;}
	.list_s div{line-height:30px;font-size:15px;}
	.set_edit{background:url(../icon/edit20.jpg) no-repeat;}
	.set_del{background:url(../icon/close.gif) no-repeat;}
	.set_keyed{background:url(../icon/keys.png) no-repeat;}
	.set_edit, .set_del, .set_keyed{background-position:center center;cursor:pointer;}

	/*訊息視窗 Style*/
	.alertBox, .errorBox{border:solid 1px #aaa;width:300px;height:auto;padding:0 15px 20px 15px;
		box-sizing:border-box;background:#fff;border-radius:8px;position:relative;top:20%;margin:auto;}
	.errorBox{background:#ffe9e9;border:solid 1px #900;}
	.alertBox:before, .alertBox:after{width:50%;background:#fff;z-index:-1;position: absolute; top:10px; bottom:10px; left:10px;
		content:"";box-shadow:0 12px 10px rgba(0, 0, 0, 0.5);
		-webkit-transform: rotate(-3deg); -moz-transform:rotate(-3deg);	-o-transform:rotate(-3deg);	-ms-transform:rotate(-3deg);
		transform: rotate(-3deg);}
	.alertBox:after{right:10px; left:auto;
		-webkit-transform:rotate(3deg); -moz-transform:rotate(3deg);	-o-transform:rotate(3deg); -ms-transform:rotate(3deg);
		transform: rotate(3deg);}
	.alertHead{width:100%;height:45px;line-height:45px;border-bottom:1px solid #99bafa;font-size:18px;color:#009;text-align:left;
		font-weight:bold;}
	.alertMes{width: 100%;height: auto;overflow: hidden;padding: 25px 30px;text-align: center;
		font-size: 16px;color: #333;box-sizing: border-box;line-height: 28px;}
	.alertBtn{display:block;width:75px;height:34px;line-height:34px;background-color:#3475f5;cursor:pointer;font-size:16px;text-align: center;
    	color: #fff;border-radius: 4px;border: 1px solid transparent;margin: 0 auto;box-shadow:inset 0px 10px 52px -10px #111;}
	.ConBtn{display:inline-block;width:75px;height:34px;line-height:34px;color: #fff;background-color:#3475f5;cursor:pointer;font-size: 16px;
		box-shadow:inset 0px 10px 52px -10px #111;border-radius:4px;border:1px solid transparent;text-align:center;
		margin-left:32px;margin-right:40px;}
	.alertBtn:hover, .ConBtn:hover{animation:okBtn .2s;} @keyframes okBtn{from{opacity:0;} to{opacity:1;}}
	.cancel{display: inline-block;width:75px;height:34px;line-height:34px;background:#fff;cursor: pointer;font-size:14px;
		color: #3475f5;border-radius: 4px;border:1px solid transparent;text-align:center;border:1px solid #3475f5;}
	

	/*分頁作業 page style*/
	#PageDiv{margin:0;clear:both;}
	#PageDiv>ul.pagination{display:inline-block;padding:0;margin:5px 12px}
	#PageDiv>ul>li{display:inline-block;border:solid 1px #ccc;margin-left:4px;}
	#PageDiv>ul>li a{color:black;margin:0;padding:1px 9px;text-decoration:none;display:block;border:solid 1px #eee;transition:background-color .3s}
	#PageDiv>ul>li a.active{background-color:#2d5990;color:#fff;}
	#PageDiv>ul>li a:hover:not(.active){background-color:#ddd}