@charset "utf-8";
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: inherit; 
}
input {
	border: 1px solid #aeaeae;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 15px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin: 4px;
	height: 41px;
}
select{
	border: 1px solid #aeaeae;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 15px;
	margin: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.input-full{width: 100%;}
.input-fontS-right{font-size: 15px;text-align: right;}
.input-fontS-center{font-size: 15px;text-align: center;}
/*登入*/
.btn_login {
	font-size: 1em;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #333;
	text-decoration: none;
	background-color: #333333;
	color: #FFFFFF;
	display: inline-block;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-right: 2px;
	margin-left: 2px;
	font-family: "微軟正黑體";
	line-height: 1.2;
}
.btn_login:hover {
	background-color:#f05565;
	transition:all 0.5s;
}
.btn_login:active {
	position:relative;
	top:1px;
}

/*登入結尾*/

.btnBox{
	display: block;
	width: 100%;
	text-align: center;
}
.btnBox a{
	color: #29a79a;
	text-decoration: none;
}
.btnBoxRight{
	display: block;
	width: 100%;
	text-align: right;
}
.btnBoxLeft{
	display: block;
	width: 100%;
	text-align: left;
}
.btnBoxLeft > dl{ display: inline-block;}
.btnBoxLeft > dl > dt{ 
	display: inline-block;
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 28px;
	color: #5e5e5e;
}
.btnBoxLeft > dl > dd{ display: inline-block;}

.btn{
	display: inline-block;
	padding: 10px 12px;
	margin: 4px;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "微軟正黑體";
	line-height:1;
}
.btn:hover, .btn:active {
	background-color: #e6e6e6;
	cursor: pointer;
	color: #000;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(131, 131, 131, 0.25);
  transition:all 0.5s;
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn.active {
	background-color: #e6e6e6;
	cursor: pointer;
	color: #000;
}
@media (max-width: 375px) {
	.btn{font-size: 0.9rem;}
}

.btnS{
	display: inline-block;
	padding: 6px 10px;
	margin: 4px;
	font-size: 0.8rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "微軟正黑體";
	line-height:1;
}
.btnS:hover, .btnS:active {
	background-color: #e6e6e6;
	cursor: pointer;
	color: #000;
}
.btnS:focus, .btnS.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(131, 131, 131, 0.25);
  transition:all 0.5s;
}
.btnS.disabled, .btnS:disabled {
  opacity: 0.65;
}
.btnS.active {
	background-color: #e6e6e6;
	cursor: pointer;
	color: #000;
}


.btn-transparent{
	background-color: transparent;
	border-color: transparent;
}
.btn_Blue {
	background-color: #97caff;
	color: #FFF;
	border: 1px solid transparent;
}
.btn_Blue:hover, .btn_Blue:active {
	background-color: #7cbbfd;
	color: #FFF;
}
.btn_Blue.active{
	background-color: #7cbbfd;
	color: #FFF;
}
.btn_BlueDark {
	background-color: #0f97ff;
	color: #FFF;
	border: 1px solid transparent;
}
.btn_BlueDark:hover, .btn_BlueDark:active {
	background-color: #0082e4;
	color: #FFF;
}
.btn_Gray {
	background-color: #dadada;
	color: #000;
	border: 1px solid transparent;
}
.btn_Gray:hover, .btn_Gray:active {
	background-color: #bdbdbd;
	color: #000;
}
.btn_Yellow{
	background-color: #FFCA28;
	color: #000;
	border: 1px solid transparent;
}
.btn_Yellow:hover, .btn_Yellow:active {
	background-color: #ffb128;
	color: #000;
}
.btn_Green{
	background-color: #66bb6a;
	color: #FFF;
	border: 1px solid transparent;
}
.btn_Green:hover, .btn_Green:active {
	background-color: #39803c;
	color: #FFF;
}
.btn_Coral{
	background-color: #f26c6c;
	color: #FFF;
	border: 1px solid transparent;
}
.btn_Coral:hover, .btn_Coral:active {
	background-color: #f24848;
	color: #FFF;
}
.btn_GreenLake{
	background-color: #6bcad2;
	color: #FFF;
	border: 1px solid transparent;
}
.btn_GreenLake:hover, .btn_GreenLake:active {
	background-color: #33c6d2;
	color: #FFF;
}


/*查詢*/
.btn_query {
	background-color: #328968;
	color: #ffffff;
	padding:6px 16px 6px 32px;
	background-image: url(../images/Btn_search.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	border: 1px solid transparent;
}
.btn_query:hover {
	background-color: #0c724b;
	color: #ffffff;
}
.btn_query:active {
	position:relative;
	top:1px;
}
/*查詢結尾*/
/*新增*/
.btn_add {
	background-color: #84B1ED;
	color: #ffffff;
	padding:6px 16px 6px 32px;
	background-image: url(../images/Btn_add.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	border: 1px solid transparent;
}
.btn_add:hover {
	background-color:#3684ed;
	color: #ffffff;
}
.btn_add:active {
	position:relative;
	top:1px;
}
/*新增結尾*/
/*編輯*/
.btn_edit {
	background-color: #84B1ED;
	color: #ffffff;
	padding:6px 16px 6px 32px;
	background-image: url(../images/Btn_edit.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	border: 1px solid transparent;
}
.btn_edit:hover {
	background-color:#3684ed;
	color: #ffffff;
}
.btn_edit:active {
	position:relative;
	top:1px;
}
/*編輯結尾*/
/*儲存*/
.btn_save {
	background-color: #26a69a;
	color: #ffffff;
	background-image: url(../images/Btn_save.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_save:hover {
	background-color:#1b786f;
	color: #ffffff;
}
.btn_save:active {
	position:relative;
	top:1px;
}
/*儲存結尾*/
/*匯出*/
.btn_export {
	background-color: #414042;
	color: #ffffff;
	background-image: url(../images/Btn_export.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_export :hover {
	background-color:#2c2c2c;
	color: #ffffff;
}
.btn_export :active {
	position:relative;
	top:1px;
}
/*匯出結尾*/
/*匯入*/
.btn_import {
	background-color: #414042;
	color: #ffffff;
	background-image: url(../images/Btn_import.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_import :hover {
	background-color:#2c2c2c;
	color: #ffffff;
}
.btn_import :active {
	position:relative;
	top:1px;
}
/*匯入結尾*/
/*上傳*/
.btn_upload {
	background-color: #84B1ED;
	color: #ffffff;
	background-image: url(../images/Btn_upload.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_upload:hover {
	background-color:#3684ed;
	color: #ffffff;
}
.btn_upload:active {
	position:relative;
	top:1px;
}
/*上傳結尾*/
/*下載*/
.btn_download {
	background-color: #84B1ED;
	color: #ffffff;
	background-image: url(../images/Btn_download.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_download:hover {
	background-color:#3684ed;
	color: #ffffff;
}
.btn_download:active {
	position:relative;
	top:1px;
}
.btn_download_circle {
    background-color: transparent;
    background-image: url(../images/Btn_download_red.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid transparent;
    height: 24px;
    width: 24px;
    margin-left: 4px;
    text-indent: -9999px;
    line-height: 0px;
}
.btn_download_circle:hover {
	background-color:#f4cbcb;
	color: #ffffff;
}
.btn_download_circle:active {
	position:relative;
	top:1px;
}
/*下載結尾*/
/*取消*/
.btn_cancel {
	background-color: #d2d2d2;
	color: #ffffff;
	background-image: url(../images/Btn_cancel.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_cancel:hover {
	background-color:#c8c8c8;
	color: #ffffff;
}
.btn_cancel:active {
	position:relative;
	top:1px;
}
/*取消結尾*/
/*刪除*/
.btn_delete {
	background-color: #bd2130;
	color: #ffffff;
	background-image: url(../images/Btn_delete.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_delete:hover {
	background-color:#93000e;
	color: #ffffff;
}
.btn_delete:active {
	position:relative;
	top:1px;
}
.btn_delete_circle {
	background-color: transparent;
	background-image: url(../images/Btn_cancel_red.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid transparent;
	height: 24px;
	width: 24px;
	margin-left:4px;
	text-indent: -9999px;
}
.btn_delete_circle:hover {
	background-color:#f4cbcb;
	color: #ffffff;
}
.btn_delete_circle:active {
	position:relative;
	top:1px;
}
/*刪除結尾*/
/*列印*/
.btn_print {
	background-color: #AAABD3;
	color: #ffffff;
	background-image: url(../images/Btn_print.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_print:hover {
	background-color:#7c7ed3;
	color: #ffffff;
}
.btn_print:active {
	position:relative;
	top:1px;
}
/*列印結尾*/
/*返回*/
.btn_unlock {
    background-color: #f26c6c;
    color: #FFF;
    background-image: url(../images/icon_lock.png);
    background-repeat: no-repeat;
    background-position: 4px center;
    padding: 6px 16px 6px 32px;
    border: 1px solid transparent;
}
.btn_unlock:hover {
    background-color: #f24848;
    color: #FFF;
}
.btn_unlock:active {
    position: relative;
    top: 1px;
}
/*解鎖結尾*/
/*返回*/
.btn_back {
	background-color: #ffc807;
	color: #ffffff;
	background-image: url(../images/Btn_back.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_back:hover {
	background-color:#ffa800;
	color: #ffffff;
}
.btn_back:active {
	position:relative;
	top:1px;
}
/*返回結尾*/
/*取消選取*/
.btn_nostatus{
	background-color: #e5e5e5;
	color: #626262;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 2em;
	text-align: center;
	width: 76px;
}
.btn_uncheck{
	background-color: #626262;
	color: #FFF;
	border: 1px solid transparent;
	padding-right:25px;
	background-image: url(../images/delete-symbol.svg);
	background-repeat: no-repeat;
	background-size:11px auto;
	background-position: right 6px center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 2em;
}
.btn_check{
	background-color: #626262;
	color: #FFF;
	border: 1px solid transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding-right:25px;
	background-image: url(../images/check-symbol.svg);
	background-repeat: no-repeat;
	background-size:11px auto;
	background-position: right 6px center;
	height: 2em;
}
/*取消選取結尾*/
.btn_date {
	font-size: 15px;
	font-family: "微軟正黑體";
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
	display: inline-block;
	padding-top: 6px;
	padding-right: 30px;
	padding-bottom: 6px;
	padding-left: 6px;
	cursor: pointer;
	background-image: url(../images/btn_cal.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px auto;
	border: 1px solid #BDBDBD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 120px;
}
/*定位*/
.btn_pin {
	background-color: #84B1ED;
	color: #ffffff;
	background-image: url(../images/Btn_pin.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding:6px 16px 6px 32px;
	border: 1px solid transparent;
}
.btn_pin :hover {
	background-color:#3684ed;
	color: #ffffff;
}
.btn_pin :active {
	position:relative;
	top:1px;
}
.btn_pin_circle {
	background-color: transparent;
	background-image: url(../images/Btn_pin_circle.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid transparent;
	height: 24px;
	width: 24px;
	margin-left:4px;
	text-indent: -9999px;
}
.btn_pin_circle:hover {
	background-color:#27403d;
	color: #ffffff;
	border-radius: 999em
}
.btn_pin_circle:active {
	position:relative;
	top:1px;
}
/*定位結尾*/

/*頁碼*/
.btn_page {
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	border: 1px solid #dcdcdc;
	text-decoration: none;
	background-color: #ffffff;
	color: #666666;
	display: inline-block;
	padding-right: 8px;
	padding-left: 8px;
	cursor: pointer;
	line-height: 18px;
}
.btn_page:hover {
	background-color:#f6f6f6;
	transition:all 0.5s;
}
.btn_page:active {
	position: relative;
    top: 1px;
}
.btn_page_Active {
	background-color: #e3e3e3;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 12px;
	color: #000;
	border: 1px solid #e3e3e3;
	line-height: 18px;
}
/*頁碼結尾*/