@charset "utf-8";
/* CSS Document */
/*
dark color #428bca;
mid color #cfdfff;
*/
/* BASE 設定 */
.color292929{color: #292929 !important;}
.color428bca{color: #428bca !important;}
input[type=text],input[type=password] {    border: 1px solid #cccccc;    background: #fff;}
select {    border: 1px solid #cccccc;    background: #fff;}
textarea{  border:1px solid #ccc;}
table.forms {    border: 1px solid #fff;}
table.forms td, table.forms th {    border-right: 1px solid #fff;}
a {    color: #aaaaaa;}
a:hover {    color: #aaaaaa;}
h2 {    color: #3F4140;}
th {    background-color: #3F4140;    color: #FFF;}

/* POPUP */
#ppoptop{color:#444;border-bottom:1px dotted #999;}
#ppopbody{color:#444;border-bottom:1px dotted #999;}
/* 上傳檔案按鍵 */
.filepreselect {background: #fff;    color: #555;}
/* capchk 我是人類按鍵 */
#capchk{border:2px solid #5599ff;color:#5599ff;}
#capchk i{}
.fa-user{color:#5599ff;}
/* 圖片上傳 */
.fileselect { background: #fff;    color: #555;}
.bknotice{color:#eee;}
/*表單 */
input[type=checkbox],input[type=radio]{	border:1px solid #ccc;}
.input01 {    border: 1px solid #cccccc;}
.input02 {    border: 1px solid #cccccc;}
.input03 {    border: 1px solid #cccccc;}
.input04 {    border: 1px solid #cccccc;}
.list01 {    border: 1px solid #cccccc;}
.list02 {    border: 1px solid #cccccc;}
.textarea1 {    border: 1px solid #cccccc;}
.tr01 {    background-color: #eee;}
.tr02 {    background-color: #ddd;}

.formline input[type=text],.formline input[type=password],.formline select{color:#505050;}
.formline input.refield{color:#505050;background:#caebec;}
.formline textarea{color:#505050;}
.formline.type1{border-top:1px solid #ccc;}
.formline.type7{border-top:1px solid #ccc;}
.formline.type8{border-top:1px solid #ccc;}
.school_selectwrap{border:1px solid #ccc;}
.formline.type9{border-top:1px solid #ccc;}
.formtable,.formtable01,.formtable02 {	border: 1px double #ddd;}
.formtable tr,.formtable01 tr,.formtable02 tr{	background: #fff;}
.formtable th,.formtable01 th,.formtable02 th {    background-color: #eeeeee;    color: #428bca;	border: 1px solid #ddd;}
.formtable th a,.formtable01 th a,.formtable02 th a,.formtable td a{    color: #426699;}
.formtable td,.formtable01 td ,.formtable02 td {    border: 1px solid #ddd;    color: #292929;}
.formtable tr:nth-child(2n),.formtable01 tr:nth-child(2n),.formtable02 tr:nth-child(2n){	background: #fbfbfb;}
.formtable th select ,.formtable th select01,.formtable02 th select{    border: 1px solid #cccccc;    background: #fff;}
.formtable th input[type=text],.formtable01 th input[type=text],.formtable02 th input[type=text] {    background: #fff;}
.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]{    background: #fff;}
.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]{	border: 1px solid #cccccc;	background: #fff;}	
.formtable td select,.formtable01 td select,.formtable02 td select {    border: 1px solid #cccccc;    background: #fff;}
.formtable td textarea{	border:1px solid #ccc;}


/* 崗位上方 */
.recformtop{border:1px solid #ccc;color:#222;background:#eeeeee;}
.recformtop .snote{color:#666;}
.recformtop .bgmark{color:#222;}
.content_navwrap{border:1px solid #caebec;background:#f5fafb;}
.c_navitem{color:#9c9c9c;border-right:1px solid #caebec;}
.c_navitem:hover{background:#e8faed;color:#505050;}
.c_navitem.on{color:#fff;background:#00aacd;}
/*上下架按鈕*/
.udbtn{  background-color: #d9534f;  border-color: #d43f3a;  color: #fff!important;}
.udbtn.up{  color: #fff!important;  background-color: #428bca!important;}
.udbtn:hover{  color: #444!important;  background-color: #ccc!important;}
/* login */
.logintablebox{background:rgba(255,255,255,0.7);border:10px solid #fff;}
.largetext{color:#3366cc;}
.logintable{border:10px solid #fff;background:#fff;color:#3366cc;}
.logintable input{background:#ddd!important;color:#333!important;}
/* SMS */
.SMStext{color: #3366cc;}
.SMStable{border:10px solid #fff;background:#fff;color:#3366cc;}
.SMStable input{background:#ddd;color:#333;}
input.loginbtn{background:#3366cc!important;color:#fff!important;}

/*menu 和 框架 */
.indexh2{background:#222;color:#fff;}
.logout4{color:#333333!important;}
.databtn{background:#932;color:#fff;border:1px solid #666;}



/*通用*/
.bkhead{  background:#428bca;  color:#fff;}
.pagewrap a {    color: #fff!important;    border: 1px solid #999;    background: #555;}
.bkhead h1,.bkhead h2{  color:#fff;}
.onoffwarp{  background:#eee;  border:1px solid #ccc;}
.onoffwarp .switch{  color:#ccc;}
.onoffwarp .switch:first-child{  border-right:1px solid #ccc;}
.onoffwarp .on{  color:#444!important;  background:#cfdfff!important;  -moz-box-shadow: 0px 1px 5px #999;  -webkit-box-shadow: 0px 1px 5px #999;  box-shadow: 0px 1px 5px #999;}
/*  TAB */
.tagitem{background:#ccc;color:#888;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.tagitem:hover{background:#eeeef3;}
.tagitem.on{color:#2266cc;background:#fff!important;color:#555;}
.tagitem.on div{color:#2266cc;}
.tagbody{border:1px solid #ddd;}

.lineclick {    background-color: #fff;    color: #885a36;    border: 1px solid #2495bf;}
#lanselect {    color: #666;}
#lanselect select {    color: #666;}
#lanreq {    color: #999;}

.img-border {    border: 1px solid #333;    background-color: #FFF;}
.content {    background: #ffffff;}
/* ### LEFT MENU ####  */
.nav-box {    background: #226baa;	border-right:1px solid #aaa;}
.nav-boxm {    background: #fafafa;}
.nav-boxmin{    background: #428bca;}
/* logo wrap */
.nav-login {    background: #fafafa;}
/* 使用者列 */
.nav-login p {    color: #3F4140;}
/* 主分類目錄 */
.menuheader {	color: #2266cc;	background: #e6e6ee;}
.menuheader:hover {    color: #FFF;    background: #66aaca!important;}
.menuheader.on{    color: #FFF;    background: #428bca!important;}
.operate ul li.selected .menuheader,.J_navlist li.selected .menuheader {    color: #FFF;}
.J_navlist li{	border-bottom:1px solid #dddddd;}
.J_navlist li:first-child{	border-top:1px solid #dddddd;}
.operate {    background: #fafafa;}
/* 功能列表區塊 */
.operate ul li .nolsit {    color: #fff;}
.J_navlist li .nolsit{    color: #fff;}
.J_navlist li .list-item .am01{	border-top:1px solid #ccc;}
/* 功能列表 */
.am01 {    background: #fff;}
.am01 p {    color: #444;}
.am01 a {    color: #2266cc;}
.am01:hover {    background-color: #aabbcc;    color:#fff;}
.am01:hover a{    color:#fff;}
.am01-select {    background-color: #cfdfff!important;    color:#fff;}
/*	selected	*/
.am01-select a {    color: #226699!important;}
/*	hover	*/
/* 按鍵們 */
.white-btn {    color: #3F4140;    background-color: #fff;}
.white-btn:hover {    color: #3F4140;    background-color: #eee;}
.purple-login-btn {    color: #FFF;    background-color: #b956a5;}
.purple-login-btn:hover {    color: #fff;    background-color: #a9418c;}
.green-btn {    border: 1px solid #bbb;}
.gray-btn {    color: #fff!important;    background-color: #428bca!important;    border: 1px solid #bbb;}
a.gray-btn {    color: #fff!important;    background-color: #428bca!important;    border: 1px solid #bbb;}
.gray-btn.red{background:#ff0000!important;}
.gray-btn:hover {    color: #444!important;    background-color: #aff!important;}
.Add-btn {    background-color: #5cb85c;    border-color: #4cae4c;    color: #fff;}
.Add-btn:hover {    background-color: #47a447;    border-color: #398439;    color: #fff;}
.Update-btn {    background-color: #428bca;    border-color: #357ebd;    color: #fff;}
.Update-btn:hover, .Update-btn:focus, .Update-btn:active, .Update-btn.active, .open .dropdown-toggle.Update-btn {    background-color: #3276b1;    border-color: #285e8e;    color: #fff;}
.Update-sbtn {    background-color: #428bca;    border-color: #357ebd;    color: #fff;}
.Update-sbtn:hover, .Update-sbtn:focus, .Update-sbtn:active, .Update-sbtn.active, .open .dropdown-toggle.Update-sbtn {    background-color: #3276b1;    border-color: #285e8e;    color: #fff;}
.Page-btn,a.Page-btn {    background-color: #428bca;    border-color: #357ebd;    color: #fff!important;}
.Page-btn:hover, .Page-btn:focus, .Page-btn:active, .Page-btn.active, .open .dropdown-toggle.Page-btn {    background-color: #3276b1;    border-color: #285e8e;    color: #fff;}
.Page-btn.on{  background-color: #ccc!important;  color: #fff!important;}
.Del-btn,.delbtn,.delbtn2 {    background-color: #d9534f;    border-color: #d43f3a;    color: #fff!important;}/*delbtn2 避免被呼叫 */
.Del-btn:hover, .delbtn:hover {    background-color: #d2322d;    border-color: #ac2925;    color: #fff;}
.news-update-img {    background: #FFF;}

#listpage a {    color: #fff;    background: #428bca;    border: 1px solid #357ebd;}
#listpage a:hover {    color: #fff;    background: #3276b1;}
#listpage a.on {    color: #fff;    background: #3276b1;}
.redtext{color:#ff0000!important;}