table thead.thead th{
	font-size: 16px;
	color: #fff;
	background-color: #7d4534cc;
	border-bottom: 1px solid #ffa;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0 0px 1px rgba(0,0,0,.77), inset 0 1px #fff;
	border-radius: 7px 7px 0 0;
}

select{
	background-color: #fff;
}

/*======================================
Class Setting
======================================*/

/*欄位寬度*/
.dateWidth{                        /*日期寬度*/
    width: 80px;
}
.faxNoWidth{                    /*傳真單號寬度*/
    width: 135px;
}
.panelFullWidth{                /*搜尋寬度-滿版*/
    width: 95% !important;
}
.wordBreak{                        /*自動斷行*/
    word-break: break-all;
}
.width150{                        /*共用 - 備註寬度*/
    width: 150px;
}
.width100{
    width: 98% !important;
}
.width50{
    width: 49% !important;
}
/*文字*/
.textBold{                        /*粗體*/
    font-weight: bold;
}
.underline{                        /*底線*/
    text-decoration: underline;
}
.font10{
    font-size: 10px !important;
}
.font12{
    font-size: 12px !important;
}
.font13{
    font-size: 13px !important;
}
.font14{
    font-size: 14px !important;
}
.font15{
    font-size: 15px !important;
}
.font16{
    font-size: 16px !important;
}
.font17{
    font-size: 17px !important;
}
.font18{
    font-size: 18px !important;
}
.font19{
    font-size: 19px !important;
}
.font20{
    font-size: 20px !important;
}
.font22{
    font-size: 22px !important;
}
.font24{
    font-size: 24px !important;
}
.font26{
    font-size: 26px !important;
}
.font28{
    font-size: 28px !important;
}
.font30{
    font-size: 30px !important;
}
.font40{
    font-size: 30px !important;
}

/*color*/
.colorRed,
.colorRed td,
.colorRed th{
    color: #f77 !important;
}
.colorLightRed,
.colorLightRed td,
.colorLightRed th{
    color: #faa !important;
}
.colorBlue,
.colorBlue td,
.colorBlue th{
    color: #0073aa !important;
}
.colorLightBlue,
.colorLightBlue td,
.colorLightBlue th{
    color: #a3e1ff !important;
}
.colorYellow,
.colorYellow td,
.colorYellow th{
    color: #fce903 !important;
}
.colorGreen,
.colorGreen td,
.colorGreen th{
    color: #179868 !important;
}
.colorLightGreen,
.colorLightGreen td,
.colorLightGreen th{
    color: #abf5be !important;
}
.colorGray,
.colorGray td,
.colorGray th{
    color: #bbb !important;
}
.colorLightGray,
.colorLightGray td,
.colorLightGray th{
	color: #ccc !important;
}
.colorWhite,
.colorWhite td,
.colorWhite th{
    color: #fff !important;
}
.colorBlack,
.colorBlack td,
.colorBlack th{
    color: #000 !important;
}
.colorOrange,
.colorOrange td,
.colorOrange th{
    color: #f27900 !important;
}

/*background*/
.backgroundTotal,
.backgroundTotal td,
.backgroundTotal th{
	color: #f00 !important;
	background-color: #fdd !important;
	text-align: center !important;
}
.backgroundTotal:first-child,
.backgroundTotal td:first-child,
.backgroundTotal th:first-child{
	text-align: right !important;
}
.backgroundRed,
.backgroundRed td,
.backgroundRed th{
	background-color: #ed1b2d !important;
	color: #fff !important;
}
.backgroundLightRed,
.backgroundLightRed td,
.backgroundLightRed th{
	background-color: #fdd !important;
}
.backgroundBlue,
.backgroundBlue td,
.backgroundBlue th{
	background-color: #2771b2 !important;
	color: #fff !important;
}
.backgroundLightBlue,
.backgroundLightBlue td,
.backgroundLightBlue th{
	background-color: #d3e4f5 !important;
}
.backgroundYellow,
.backgroundYellow td,
.backgroundYellow th{
	background-color: #ee0 !important;
	color: #716e29 !important;
}
.backgroundLightYellow,
.backgroundLightYellow td,
.backgroundLightYellow th{
	background-color: #f3f1ca !important;
}
.backgroundGreen,
.backgroundGreen td,
.backgroundGreen th{
	background-color: #008f5a !important;
	color: #fff !important;
}
.backgroundLightGreen,
.backgroundLightGreen td,
.backgroundLightGreen th{
	background-color: #baf3de !important;
}
.backgroundOrange,
.backgroundOrange td,
.backgroundOrange th{
	background-color: #f08a00 !important;
	color: #fff !important;
}
.backgroundWhite,
.backgroundWhite td,
.backgroundWhite th{
	background-color: #fff !important;
	color: #2771b2 !important;
}
.backgroundBlack,
.backgroundBlack td,
.backgroundBlack th{
	background-color: #555 !important;
	color: #fff !important;
}
.backgroundGray,
.backgroundGray td,
.backgroundGray th{
	background-color: #999 !important;
	color: #fff !important;
}
.backgroundLightGray,
.backgroundLightGray td,
.backgroundLightGray th{
	background-color: #ddd !important;
}
.backgroundPurple,
.backgroundPurple td,
.backgroundPurple th{
	background-color: #6f3695 !important;
	color: #fff !important;
}

/*border color*/
.borderRed{
    border: 1px solid #f00 !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderBlue{
    border: 1px solid #00f !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderYellow{
    border: 1px solid #FFF6C2 !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderGreen{
    border: 1px solid #080 !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderGray{
    border: 1px solid #bbb !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderWhite{
    border: 1px solid #fff !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderBlack{
    border: 1px solid #000 !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.borderOrange{
    border: 1px solid #f27900 !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*margin*/
.margin1{
    margin: 1px !important;
}
.margin2{
    margin: 2px !important;
}
.margin3{
    margin: 3px !important;
}
.margin4{
    margin: 4px !important;
}
.margin5{
    margin: 5px !important;
}
.marginTop1{
    margin-top: 1px !important;
}
.marginTop2{
    margin-top: 2px !important;
}
.marginTop3{
    margin-top: 3px !important;
}
.marginTop4{
    margin-top: 4px !important;
}
.marginTop5{
    margin-top: 5px !important;
}
.marginBottom1{
    margin-bottom: 1px !important;
}
.marginBottom2{
    margin-bottom: 2px !important;
}
.marginBottom3{
    margin-bottom: 3px !important;
}
.marginBottom4{
    margin-bottom: 4px !important;
}
.marginBottom5{
    margin-bottom: 5px !important;
}


/*margin*/
.padding1{
    padding: 1px !important;
}
.padding2{
    padding: 2px !important;
}
.padding3{
    padding: 3px !important;
}
.padding4{
    padding: 4px !important;
}
.padding5{
    padding: 5px !important;
}
.padding10{
    padding: 10px !important;
}
.padding15{
    padding: 15px !important;
}
.padding20{
    padding: 20px !important;
}
.paddingTop1{
    padding-top: 1px !important;
}
.paddingTop2{
    padding-top: 2px !important;
}
.paddingTop3{
    padding-top: 3px !important;
}
.paddingTop4{
    padding-top: 4px !important;
}
.paddingTop5{
    padding-top: 5px !important;
}
.paddingBottom1{
    padding-bottom: 1px !important;
}
.paddingBottom2{
    padding-bottom: 2px !important;
}
.paddingBottom3{
    padding-bottom: 3px !important;
}
.paddingBottom4{
    padding-bottom: 4px !important;
}
.paddingBottom5{
    padding-bottom: 5px !important;
}

/*border*/
.border0 th{
    border: 0 !important;
}
.border0{
    border: 0 !important;
}
.border1 th{
    border-width: 1px !important;
}
.border1{
    border: 1px !important;
}
.border2 th{
    border-width: 2px !important;
}
.border2{
    border: 2px !important;
}
.border3 th{
    border-width: 3px !important;
}
.border3{
    border: 3px !important;
}
.border4 th{
    border-width: 4px !important;
}
.border4{
    border: 4px !important;
}
.border5 th{
    border-width: 5px !important;
}
.border5{
    border: 5px !important;
}
.borderStyle1{
    border-style: double;        /* 雙線 */    
}
.borderStyle2{
    border-style: groove;        /* 凹線 */    
}
.borderStyle3{
    border-style: ridge;        /* 凸線 */    
}
.borderStyle4{
    border-style: inset;        /* 嵌入線 */    
}
.borderStyle5{
    border-style: outset;        /* 浮出線 */    
}
.borderStyle6{
    border-style: solid;        /* 實線 */    
}
.borderStyle7{
    border-style: dashed;        /* 虛線 */    
}
.borderStyle8{
    border-style: dotted;        /* 點線 */    
}

/*文字水平位置*/
.textLeft{
    text-align: left !important;
}
.textRight{
    text-align: right !important;
}
.textCenter{
    text-align: center !important;
}

/*文字垂直位置*/
.verticalMiddle{
    vertical-align: middle;
}
.verticalTop{
    vertical-align: top;
}
.verticalBottom{
    vertical-align: bottom;
}

/*float水平位置*/
.floatLeft{
    float: left !important;
}
.floatRight{
    float: right !important;
}
.clear{
    clear: both;
    height: 0px;
    overflow: hidden;
}
.floatClear::before, .floatClear::after{
    content: "";
    display: table;
}
.floatClear::after{
    clear: both;
}
.floatClear{
    zoom:1; /*IE6, IE7*/
}

/*圓角*/
.roundCorner{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*陰影*/
.shadow{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.77), inset 0 1px #fff; 
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.77), inset 0 1px #fff; 
    box-shadow: 0 1px 1px rgba(0,0,0,.77), inset 0 1px #fff;
}

/*透明化*/
.opacity{
    opacity: 0.5;
}

/*效果轉變時間*/
.transition{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

/*成功、錯誤訊息*/
.success,
.error{
	font-weight: bold;
	font-size: 16px;
	margin: 5px;
	border-width: 2px;
	border-style: solid;
	padding: 5px;
	color: #fff;
	opacity: 0.9;
}
.success{
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #286;
	border-color: #afd;
}
.error{
	background-image: url(../img/symbol/error.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #d34;
	border-color: #f00;
	padding-left: 20px;
}

/*打勾符號*/
.tick{
    background-image: url(../images/tick.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 20px;
    height: 13px;
}

/*圓角*/
.roundCorner{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*其他*/
.functionPanel input{        /*修改全部資料(按鈕)*/
    background-color: #ef6c00;
    color: #eee;
    font-size: 14px;
    border: 1px solid #bbb;
}

input[type="submit"],
input[type="button"]{
	cursor: pointer;
}
input[type='checkbox']{
	width:1.5em;
	height:1.5em;
	-webkit-appearance:checkbox;
	-moz-appearance:checkbox;
}
input[type='radio']{
	width:1.5em;
	height:1.5em;
}

/* sweetAlert2 */
.swal2-modal{
	width: auto !important;
	border: 5px solid #2771b2;
	border-radius: 5px;
	position: relative;
	padding: 15px;
}

.swal2-modal table{
    width: auto !important;
}

.swal2-html-container td{
    text-align: center;
}

.swal2-html-container{
	margin: auto;
    width: auto;
}

.swal2-html-container table, th{
	border-radius: 5px 5px 0 0;
}

.swal2-html-container table{
	border: 1px solid black;
	margin: 10px;
}

.swal2-html-container th{
	border: 1px solid black;
	font-weight: bold;
	font-size: 15px;
    color: #fff;
    background-color: #196fab;
    border-bottom: 1px solid #ffa;
    padding: 7px;
    text-align: center;
}

.swal2-html-container td{
	border: 1px solid black;
	font-size: 12px;
	height: 20px;
	padding: 7px;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
	background-color: rgba(0, 0, 0, 0.9);
}

.swal2-title{
	font-weight: bold;
	padding: 10px;
	color: green;
}

.swal2-confirm{
	background-color: #196fab !important;
}

.swal2-container{
    z-index: 99999;
}

.swal2-container input{
    border: 2px solid gray;
}
/* END sweetAlert2 */