.table-backgroundcolor{
	background-color:#e9f2d9;
}

body {
    background-color: #ecf0f5!important;
}

a{
	text-decoration:none!important;
}

/*表格垂直置中*/
.table tbody tr th,.table tbody tr td{
	vertical-align: middle;
}

.text-colorblue{
	color:#f98201;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    color: #db3b00;
}
.buttonop{
	display: block;
    padding: 0.2em;
    width: 100%;
    background: #2b2b2b59;
    border: 1px solid #fff;
    color: #fff!important;
    font-size: 1em;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.buttonop:hover{
    background: #a2a2a259;
}

.buttonplus{
    background: #2b2b2b59;
    border: 1px solid #fff;
    color: #fff!important;
}

.buttonplus:hover{
    background: #9a9a9a5e;
    border: 1px solid #fff;
    color: #fff!important;
}



/*問題內容*/




a:hover {
    color: ; /* 當滑鼠經過時，超連結文字顏色變成桃紅色 */
    position: relative; /* 當滑鼠經過超連結時，超連結往右下位移1像素 */
    top: 2px;
    left: 2px;
	text-decoration: none;
}


.sb-sidenav-dark {
    /*background-color: #30384a!important;*/
	/*background:linear-gradient(to bottom, #1e2638 24%,#383d50 45%,#272d46 88%,rgba(252,204,93,1) 88%,rgba(18,23,43,1) 88.5%,#12172b 100%);*/
	background:#fff;
}

.sb-sidenav {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-wrap: nowrap;
    border-right: 2px solid #db3b00 !important;
    box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 8%)!important;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: #000!important;
    font-weight: bold;
}

.sb-sidenav .sb-sidenav-menu .nav .nav-link {
    display: flex;
    align-items: center;
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
}

.breadcrumb-item{
	font-size: 1rem!important;
}

.btn-enter{
	color:#2f4567;
	border:1px solid #2f4567;
	transition:0.2s;
}
.btn-enter:hover{
	color:#fff;
	background-color:#2f4567;
	transform:scale(1.002);
}

.btn-plus{
	color:#fff;
	background-color:#396f82;
	transition:0.2s;
}
.btn-plus:hover{
	color:#fff;
	background-color:#102d59;
}

.form-label {
    margin-bottom: 0rem!important; 
}

.row {
    --bs-gutter-x: 0.7rem!important;
}


.nav-link {
    display: block;
    padding: 0.5rem 0.5rem!important;
    color: #4d848d;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #5196c2!important;
}
.nav-pills .nav-link {
    background: #eeefef!important;
    border: 0;
    border-radius: 0.25rem;
}

.sb-topnav.navbar-dark #sidebarToggle {
    color: #fff;
}

.navbar-dark .navbar-brand {
    color: #000000;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255,255, 255.75);
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #313030;
}

.sb-topnav {
    padding-left: 0;
    height: 65px;
    z-index: 1039;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
    margin-top: 65px;
}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
    margin-left: 0rem;
    flex-direction: column;
}


/*indexs1*/

.navber2{
	background-color:#fff;
}
.navber2text{
	font-size:0.9em!important;
}


.navber3{
	background-color:#efefef;
	padding-left:2rem;
}

.navber3text{
	font-size:0.95em!important;
}


/*
 .divbak{
	background: -webkit-linear-gradient(42deg, #ffd175 11%, #5ce8df 100%);
 }
.divbak {
    background: -webkit-linear-gradient(45deg, #ffc655 11%, #efee99 100%);
}*/
.divbak {
   background:linear-gradient(to right, rgb(251 118 52) 0%, rgb(236 184 54) 100%);
   background-color: #fff;
   background-size:cover;
   background-repeat:no-repeat;
   border-bottom:3px solid #fff;
   box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 8%)!important;
}


.btn-purple{
	color: #fff;
    background-color: #5b49a7;
}
.btn-purple:hover{
	color: #fff;
    background-color: #7c6bc5;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: #f6f4f2 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card {
    border: 1px solid #3f4b4e54 !important;
    border-radius: 0.25rem;
    border-bottom: 4px solid rgb(146 187 207) !important;
}

.table > :not(:first-child), .dataTable-table > :not(:first-child) {
    border-top: 5px solid #898ea2!important;
}

.table > thead, .dataTable-table > thead {
    vertical-align: bottom;
    font-size: 1.15em!important;
}

.navlevel01{
	background-color: #e7e7e7;
}
.navlevel02{
	background-color: #181b25;
	padding-left:2rem;
}
.navtitle{
	padding-left:2rem!important;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
    color: rgb(255 255 255);
}

.titletop{
	color:#635961;
}




.cardtop01{
	border-top: 4px solid #ac2d2d;
}
.cardtop02{
	border-top: 4px solid #ef9925;
}
.cardtop03{
	border-top: 4px solid #3cac2d;
}
.cardtop04{
	border-top: 4px solid #2d7dac;
}
.cardtop05{
	border-top: 4px solid #952dac;
}



/*登入頁*/

.welbox{
	/*background: linear-gradient(to bottom,#828a9b 24%,#0d1b2c 100%);*/
	background: #fff;
	background-image: url('../web_img/box.png');
    background-position: center;
    background-size: cover;
    box-shadow: 2px 2px 9px 3px rgb(80 60 60 / 14%);
    vertical-align: middle;
    text-align: center;
    height: 150px;
    padding: 3rem 1rem;
    line-height: 40px;
	border: 2px solid #ff9a6b;
    border-radius: 10px;
	margin:20px;
}