@media only screen and (max-width: 999px) {
		.header .right-box {
			display: block;
		}
	}

	.lang-select {
		width: 100%;
		font-size: 16px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: 1px solid #ddd;
		border-radius: 5px;
		height: 40px;
		color: #555;
		padding: 0px 30px 0px 10px;
		background: url("../image/select_mark.svg") no-repeat right 10px top 50%
	
	}

	.edit-btn {
		margin-bottom: 10px
	}
	.footer_a {
		color: white
	}

	.footer_a:hover {
		color: #e4fff6;
		cursor: pointer
	}

	.alert {
		padding: 20px;
		background-color: #d1e7dd;
		color: #0f5132;
		border-color: #badbcc;
		width: 90%;
		border-radius: 10px;
	
	  }
	  
	  .closebtn {
		margin-left: 15px;
		color: white;
		font-weight: bold;
		float: right;
		font-size: 22px;
		line-height: 20px;
		cursor: pointer;
		transition: 0.3s;
	  }
	  
	  .closebtn:hover {
		color: black;
	  }
	  
	  

	/* loading box 調整 */

	.loadingbox {
		margin-top: -80px
	}

	@media only screen and (max-width: 999px) {
		.loadingbox {
			margin-top: -60px
		}
	}

	.d-none {
		display: none !important
	}


  .text-center {
    text-align: center
  }
  
  

  .back-cate {
    border: 1px solid darkgrey;
    font-size: 18px;
    height: 40px;
    padding: 5px;
    width: auto;
    border-radius: 20px;
    color: darkgrey;
	cursor: pointer
}

@media only screen and (max-width: 999px) {
  .back-cate {
        font-size: 16px;
        height: 35px;
        letter-spacing: 0;
        width: auto;
    }
}

.back-cate:hover {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    background: darkgrey;
    color: #FFF
}


  .bk-content {
    margin: 80px auto;
    min-height: -o-calc(100vh - 400px); /* opera */
    min-height: -webkit-calc(100vh - 400px); /* google, safari */
    min-height: -moz-calc(100vh - 400px); /* firefox */
  }

  .footer .btn-flex {
    display: flex;
    justify-content: center;
  }
  .footer .btn-flex .login {
    width: 100px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 17px;
    border: 1px solid #FFF;
    margin: 0 auto;
    background: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    margin-bottom: 15px
}

.footer .btn-flex .login p {
    color: #FFF;
    margin-left: 5px
}

@media only screen and (min-width: 1000px) {
    .footer .btn-flex .login:hover {
        background: #FFF;
        transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -webkit-transition: all .3s
    }

    .footer .btn-flex .login:hover p {
        color: #3B8D70
    }

    .footer .btn-flex .login:hover rect, .footer .login:hover path {
        fill: #3B8D70
    }
}


.m2-m15 {
    margin: 2px !important;
    margin-bottom: 15px !important;
}

.clickable-row {
  cursor: pointer !important;
}

.w-100 {
  width: 100% !important;
}

.fw-normal {
  font-weight: normal !important;
}

.jc-end {
  justify-content: end !important;
}

.bs-0 {
  box-shadow: 0px 0px 0px !important;
}

.alert-div {
  margin: 30px 0 !important;
  display: flex ;
  justify-content: center  !important;
  align-items: center !important;
}

.back-cate-div {
  width:90%  !important;
  text-align:end  !important;
  margin-bottom: 20px  !important;
}

.b-transparent {
  background-color: transparent  !important;
  padding-top:0  !important
}


.d-flex {
  display: flex !important;
}


.static-editor-box ol {
  padding: 15px 0px 0px 20px
}

.static-editor-box ol li {
  margin-bottom: 5px;
 /* list-style: disc*/
}

.static-editor-box ol li::marker {
  color: #3B8D70
}