body {
	background-image: none;
    background-color: #e3e7eb;
}
.section{
	padding: 80px 0;
	word-break: break-word;
}
.ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/*豎直線*/
.line-vertical{
	width: 1px;
	height: 100%;
	background-color: #babfc4;
}
/*熱門標籤*/
.hot-badge{
	font-weight: bold;
	padding: 0 8px;
	color: #F5C349;
	display: none;
}
/*card*/
.blockStyle .card{
	border: none;
}

/*==============================上傳外掛區塊==============================*/

/*覆蓋假按鈕*/
.images-send .upload_cover {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
    background: #e6eaef;
    border: 1px solid #e6eaef;
    margin: 0px;
    overflow: hidden;
}
.images-send .upload_cover:before {
    content: "+";
    font-size: 40px;
    line-height: 70px;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    color: #5a6268;
    -webkit-filter: drop-shadow(0px 0px 4px #ffffff);
}
.images-send .upload_cover div{
	width: 100%;
    height: 100%;
}
.images-send .upload_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images-send .upload_cover input {
	display: none;
}
/*上傳按鈕*/
.images-send .btn {
    font-size: 25px;
    width: 80px;
    height: 80px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid #8a97a3;
    word-break: break-all;
}

/*文件名稱顯示區塊*/
.images-send .file-box {
    font-size: 15px;
    height: 80px;
    padding: 5px 8px;
    width: calc(100% - 160px);
    color: #898989;
    line-height: 23px;
    display: flex;
    align-items: flex-start;
    border: 1px solid #e6eaef;
    overflow: hidden;
    word-break: break-all;
}
.images-send .file-box svg{
    transform: translateY(5px);
}


/*圖片貯列區*/
.picCnt img{max-width: 100%;}
.picCnt.images-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.picCnt.images-list .image-item {
    width: calc(595px / 5 - 10px)!important;
    height: calc(595px / 5 - 10px)!important;
    margin: 5px;
    position: relative;
}
.picCnt.images-list .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.picCnt.images-list .image-item svg {
	width: 20px!important;
    height: 20px!important;
    right: 0;
    top:0;
    position: absolute;
    background-color: #db3a3a;
    color: #f5e2e2;
    cursor: pointer;
}


/*==============================文章編輯設置區==============================*/
.site-box{
	padding: 0px;
	display: flex;
    align-items: center;
}
.site-box button{
	font-size: .9rem;
    line-height: 1;
    padding: 0px 8px;
    color: #1A1414;
    background-color: transparent;
}
.site-box button:nth-child(2){
	border-left: 1px solid #1A1414;
}
.show-item .card-footer .site-box button:nth-child(1){
	padding-left: 0px;
}

/*==============================select分類選擇==============================*/
.select-type{
	font-size: 1rem;
	padding: 0px;
	color: #8a97a3;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 25px;
}
.select-type select.form-control.select-dropdown {
    width: auto;
    min-height: 40px;
    margin: 0 0 0 10px;
    padding-right: 25px;
    background: url(../images/chevron-down.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 12px;
    position: relative;
    box-shadow: none;
    color: #321A66;
    border: 1px solid #8A97A3;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
}

/*==============================區塊標題==============================*/
.title-region{
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 25px;
	margin: 0 0 1.5rem;
	color:#321A66;
}
.title-region svg{
	margin-right: 8px;
}
.section .blockStyle{
    padding: 1.5rem 1.2rem;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #ffffff;
    word-break: break-word;
	border: 1px solid #E6EAEF;
}
/*==============================文章文字標題==============================*/
.textTitle{
    font-size: 1.2rem;
    font-weight: bold;
    color: #1A1414;
}
.textSub{
    font-size: 1rem;
    color: #B4B4B4;
}
.textGray{
	color: #7F7F7F;
}

/*============================================================頁碼部分============================================================*/

/*頁碼部分*/
ul.pagination{
	color: #93A2AF;
	justify-content: center;
}
ul.pagination li a {
    padding: 0px 12px;
    height: 100%;
    display: flex;
    align-items: center;
}
ul.pagination li.active a,
ul.pagination li a:not([href]):not([tabindex]):hover{
	font-weight: bold;
	color: #321A66;
	background-color: transparent;
}
ul.pagination li:first-child,
ul.pagination li:last-child{
	display: none;
}
ul.pagination li:nth-child(2),
ul.pagination li:nth-last-child(2){
    font-size: 25px;
    transform: translateY(-2px);
}

/*============================================================button============================================================*/
.create-btn{	
	padding: 8px 15px;
	color: #ffffff;
	background-color: #D82925;
}
.create-btn:hover,
.create-btn:focus,
.create-btn:active{
	background-color:#bd1915;
}
.follow-btn{
	padding: 8px 15px;
	color: #321A66;
	border: 1px solid #321A66;
	background-color: transparent;
}
.follow-btn:hover,
.follow-btn:focus,
.follow-btn:active{
	color: #ffffff;
	border: 1px solid #321A66;
	background-color: #321A66;
}
.following-btn{
	padding: 8px 15px;
	color: #7F7F7F;
	border: 1px solid #7F7F7F;
	background-color: transparent;
}
.following-btn:hover,
.following-btn:focus,
.following-btn:active{
	color: #ffffff;
	border: 1px solid #7F7F7F;
	background-color: #7F7F7F;
}
.reward-btn{
	padding: 8px 15px;
	color: #321A66;
	border: 1px solid #321A66;
	background-color: transparent;
}
.reward-btn:hover,
.reward-btn:focus,
.reward-btn:active{
	color: #ffffff;
	border: 1px solid #321A66;
	background-color: #321A66;
}
.comment-btn{
	padding: 8px 15px;
	color: #7F7F7F;
    border: 1px solid #E6EAEF;
	background-color: #ffffff;
}
.comment-btn:hover,
.comment-btn:focus,
.comment-btn:active{
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
}
.continue-btn{
	padding: 8px 15px;
	color: #ffffff;
	border: 1px solid #D82925;
	background-color: #D82925;
}
.continue-btn:hover,
.continue-btn:focus,
.continue-btn:active{
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
}
.cancel-btn{
	padding: 8px 15px;
	color: #ffffff;
	background-color: #7F7F7F;
	border: 1px solid #7F7F7F;
}
.cancel-btn:hover,
.cancel-btn:focus,
.cancel-btn:active{
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
}
.confirm-btn{
	padding: 8px 15px;
	color: #ffffff;
	border: 1px solid #D82925;
	background-color: #D82925;
}
.confirm-btn:hover,
.confirm-btn:focus,
.confirm-btn:active{
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.15);
}

/*============================================================分類navbar============================================================*/
.sortNavbar{
	padding: 0px;
}
.sortNavbar a {
	color: #ffffff80;
}
.sortNavbar a:hover{
	text-decoration: none;
}
/*分類區塊項*/
.sort-block{
	padding: 0px;
}
.sort-block a{
	margin: 0 1.5rem 0 0;
}
.sortNavbar a.active{
	color: #ffffff;
}
/*搜尋input*/
.search{
	display: flex;
    align-items: center;
	cursor: pointer;
}

/*============================================================作者區塊============================================================*/
.author-region .title-region{
	padding: 0px;
	margin-bottom: 12px;
}
.author-region .author-item{
	display: flex;
	align-items: center;
	margin-bottom: 20px ;
}
.author-region .author-item:last-child{
	margin-bottom: 0px ;
}
/*作者頭像*/
.author-region .author-item .imgBox{
	width: 50px;
	height: 50px;
	padding: 0px;
	border-radius: 50%;
	overflow: hidden;
}
.author-region .author-item .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*作者資訊*/
.author-region .author-item .user{
	margin-bottom: 6px;
}
.author-region .author-item .user a{
	text-decoration: none;
	color: #10032B;
}
.author-region .author-item .user a:hover{
    color: #902287;
}
.author-region .following-btn,
.author-region .follow-btn,
.author-region .reward-btn{
	font-size: .8rem;
	font-weight: bold;
    padding: 2px 10px;
	border-radius: 6px;
}

/*作者本人*/
.author-region .author-item.user .user{
	margin-bottom: 0px;
}
.author-region .author-item.user .user a{
	font-weight: bold;
	color: #1A1414;
}

/*============================================================發文區塊============================================================*/
.show-item a{
	text-decoration: none;
}
.show-item .card-title{
	width: 100%;
    margin-bottom: .4rem;
}
.show-item .card-body{
	padding: .5rem 1rem;
}
/*文章描述*/
.show-item .card-text{
	font-size: .9rem;
    margin: 1rem 0 1.5rem;
    -webkit-line-clamp: 4;
}
/*==============================文章狀態顯示區塊==============================*/
.show-item .card-body .icon-gruop{
	display: flex;
	align-items: center;
    margin: 1rem 0 .5rem;
}
.show-item .card-body .icon-gruop .icon{
	font-size: 14px;
    padding: 0px;
    margin-right: 25px;
    color: #321A66;
    display: flex;
    align-items: center;
}
.show-item .card-body .icon-gruop .icon svg{
	font-size: 16px;
	margin-right: 6px;
}
.show-item .card-body .icon-gruop .icon .badge{
	padding: 0px;
}
/*==============================附圖顯示區==============================*/
.show-item .card-body .img-region{
	display: flex;
	align-items: center;
    justify-content: flex-start;
}
.show-item .card-body .img-region .imgBox{
    width: calc(100% / 7 - 10px);
    margin-right: calc(10px + (10px / 6));
    overflow: hidden;
}
.show-item .card-body .img-region .imgBox:last-child{
	margin-right: 0px;
}
.show-item .card-body .img-region .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*==============================發布資訊==============================*/
.show-item .card-footer{
	padding: .75rem 1rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border: none;
	color: #BABFC4;
	background-color: #ffffff;
}
.show-item.user .card-footer{
	justify-content: space-between;
}
.show-item .card-footer .post-group{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
.show-item .card-footer .user{
	margin-right: 5px;
	color: #321A66;
}
/*============================================================我的發文區塊============================================================*/
.mypost-item a{
	text-decoration: none;
	color: #321A66;
}
.mypost-item .card-title{
	width: 100%;
    margin-bottom: .4rem;
}
.mypost-item .card-body{
	padding: .5rem 1rem;
}
.mypost-item .card-body .post-group{
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .4rem;
}
/*==============================看板分類標籤==============================*/
.mypost-item .sort-type{
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 5px;
}
/*==============================文章狀態顯示區塊==============================*/
.mypost-item .card-body .icon-gruop{
	display: flex;
	align-items: center;
}
.mypost-item .card-body .icon-gruop .icon{
	font-size: 14px;
    padding: 0px;
    margin-right: 25px;
    color: #321A66;
    display: flex;
    align-items: center;
}
.mypost-item .card-body .icon-gruop .icon svg{
	font-size: 16px;
	margin-right: 6px;
}
.mypost-item .card-body .icon-gruop .icon .badge{
	padding: 0px;
}
/*==============================發布資訊==============================*/
.mypost-item .timepoint{
	color: #babfc4;
	text-align: right;
}

/*============================================================回覆區塊============================================================*/

.card.comment-item {
    margin-bottom: 25px;
}
.comment-item .card-text{
	margin: 8px 0;
}
/*==============================回覆作者區塊==============================*/

/*作者資訊*/
.comment-item .author-region .info-box{
	display: flex;
	flex-wrap: wrap;
}
.comment-item .author-region .author-item{
	align-items: end;
}
.comment-item .author-region .user{
	font-weight: bold;
	margin-bottom: 0px;
}
/*身分標籤*/
.comment-item .author-region .badge-gray{
	font-size: .9rem;
	margin-left: 8px;
	padding: 4px 8px;
	border-radius: 0px;
	color: #E6EAEF;
	background-color: #321A66;
}
/*時間序*/
.comment-item .author-region .timepoint{
	width: 100%;
	color: #babfc4;
}
/*==============================附圖顯示區==============================*/
.comment-item .card-body .img-region{
	display: flex;
	align-items: center;
    justify-content: flex-start;
}
.comment-item .card-body .img-region .imgBox{
    width: calc(100% / 10 - 10px);
    margin-right: calc(10px + (10px / 9));
    overflow: hidden;
}
.comment-item .card-body .img-region .imgBox:last-child{
	margin-right: 0px;
}
.comment-item .card-body .img-region .imgBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*身分顯示-管理者*/
.comment-item.admin .site-box{
	display: none;
}
/*身分顯示-一般用戶*/
.comment-item.common .site-box{
	display: none;
}
.comment-item.common .badge{
	display: none;
}
/*身分顯示-自己*/
.comment-item.common .badge{
	display: none;
}


/*============================================================Modal============================================================*/

.modal-open .modal{
	padding-right: 0px!important;
}
/*modal 黑底*/
.modal-backdrop.show {
    opacity: 0.8;
}
.modal-dialog{
	margin: 15vh auto; 
}
.modal .modal-content {
    border-radius: 10px;
}

/*==============================modale共用預設==============================*/
.section.modal{
	position: fixed;
	padding: 0px;
}
.section.modal .modal-header {
	padding: 2rem 1.5rem 1rem;
}
.section.modal .modal-body{
	padding: 1rem 1.5rem;
}
.section.modal .modal-footer{
	border-top: none;
	padding: 1rem 1.5rem 2rem;
}
/*modal form*/
.section.modal form{
	padding: 0 15px;
}
.section.modal .form-group{
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	color: #1A1414;
}
.section.modal .form-control{
	min-height: 40px;
	color: #8A97A3;
	border: 1px solid #E6EAEF;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
}
.section.modal textarea.form-control{
	resize: vertical;
}
.section.modal textarea::-webkit-input-placeholder{
	color:#b3b3b3;
}

/*============================================================Modal / num-1============================================================*/

/*==============================modal-header==============================*/
.section.modal.num-1 .modal-header .title-region{
	width: 100%;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.section.modal.num-1 .modal-header .title-region .title{
	font-size: 1.4rem;
    line-height: initial;
	text-align: left;
	margin: 0px;
	color: #1A1414;
}
/*user 頭像*/
.section.modal.num-1 .title-region .imgBox{
    width: 60px;
    height: 60px;
    padding: 0px;
    border-radius: 50%;
    overflow: hidden;	
}
.section.modal.num-1 .title-region .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover	
}
/*分類選擇*/
.section.modal.num-1 .select-type{
	font-size: 1rem;
	padding: 0px;
	color: #8a97a3;
	display: flex;
	align-items: center;
}
.section.modal.num-1 .select-type select.form-control.select-dropdown {
    width: auto;
    margin: 0 auto;
    padding-right: 25px;
    background: url(../images/chevron-down.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 12px;
    position: relative;
    box-shadow: none;
    color: #321A66;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/*==============================modal footer==============================*/
.section.modal.num-1 .modal-footer button{
	border-radius: 30px;
	width: 50%;
	max-width: 150px;
}

/*============================================================Modal / num-2============================================================*/

/*==============================modal-header==============================*/
.section.modal.num-2 .modal-header .title-region{
	width: 100%;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.section.modal.num-2 .modal-header .title-region .title{
	font-size: 1.4rem;
    line-height: initial;
	text-align: left;
	margin: 0px;
	color: #1A1414;
}
/*user 頭像*/
.section.modal.num-2 .title-region .imgBox{
    width: 60px;
    height: 60px;
    padding: 0px;
    border-radius: 50%;
    overflow: hidden;	
}
.section.modal.num-2 .title-region .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover	
}
/*分類選擇*/
.section.modal.num-2 .select-type{
	font-size: 1rem;
	padding: 0px;
	color: #8a97a3;
	display: flex;
	align-items: center;
	display: none;
}
.section.modal.num-2 .select-type select.form-control.select-dropdown {
    width: auto;
    margin: 0 auto;
    padding-right: 25px;
    background: url(../images/chevron-down.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 12px;
    position: relative;
    box-shadow: none;
    color: #003666;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/*==============================modal footer==============================*/
.section.modal.num-2 .modal-footer button{
	border-radius: 30px;
	width: 50%;
	max-width: 150px;
}
/*============================================================Modal / num-3============================================================*/

/*==============================modal-header==============================*/
.section.modal.num-3 .modal-header .title-region{
	width: 100%;
	margin: 0px;
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.section.modal.num-3 .modal-header .title-region .title{
	font-size: 1.4rem;
	padding: 0px;
    line-height: initial;
	text-align: left;
	margin: 0px;
	color: #1A1414;
}

/*上傳圖設定*/
.section.modal.num-3  .file-drop-zone{
	margin: 0px;
    padding: 0;
    border: none;
}
.section.modal.num-3 .file-default-preview .imgBox{
	position: relative;
}
.section.modal.num-3 .file-default-preview .imgBox svg{
	font-size: 2.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #8a97a3;
}
.section.modal.num-3 .krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content{
	width: 240px;
	height: 240px;
}
/*刪除按鈕*/
.section.modal.num-3 .file-preview{
	width: auto;
}

.section.modal.num-3 .fileinput-remove-button{
	position: absolute;
	left: 0px;
	bottom: 10px;
	color: #ffffff;
	background-color: transparent;
    padding: 6px 0px;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 0;
    -webkit-filter: drop-shadow(0px 0px 2px #7b7b7b);
}
.section.modal.num-3 .fileinput-remove-button svg{
	width: 100%!important;
	height: 100%!important;
}
.section.modal.num-3 .fileinput-remove-button:focus{
	outline: none;
	box-shadow:none;
}
.section.modal.num-3 .krajee-default.file-preview-frame{
	margin: 0px;
}

/*==============================modal footer==============================*/
.section.modal.num-3 .modal-footer{
	justify-content: center;
}
.section.modal.num-3 .modal-footer button{
	border-radius: 30px;
	width: 50%;
	max-width: 150px;
}

/*============================================================media 區塊============================================================*/

@media (max-width: 767px) {

/*==============================上傳外掛區塊==============================*/

	/*上傳圖片區塊框*/
	.picCnt.images-list .image-item {
	    width: calc(466px / 5 - 10px)!important;
	    height: calc(466px / 5 - 10px)!important;
	}

    /*文件名稱顯示區塊*/
    .images-send .file-box {
        height: 60px;
        width: calc(100% - 120px);
        padding: 6px 8px;
    }
    /*覆蓋假按鈕*/
    .images-send .upload_cover {
        width: 60px;
        height: 60px;
    }
    .images-send .upload_cover:before {
        line-height: 50px;
    }
    /*上傳按鈕*/
    .images-send .btn {
        width: 60px;
        height: 60px;
    }


/*==============================區塊標題==============================*/
	.title-region{
	    padding: 0 8px;
	    margin: 0 0 1.2rem;
	}
	/*文章文字標題*/
	.textTitle{
	    font-size: 1rem;
	}
/*============================================================作者區塊============================================================*/
	.author-region{
		margin-bottom: 50px;
	}
/*============================================================發文區塊============================================================*/
	.section .card.blockStyle{
		margin-bottom: 15px;
	}
	.show-item .card-title {
		margin-bottom: 0px;
	}
	.show-item .card-body {
		padding: .5rem 0px;
	}
	.show-item .card-footer {
		padding: .5rem 0 0;
	}
	/*文章描述*/
	.show-item .card-text {
		margin: .5rem 0 1rem;
	}
/*============================================================我的發文區塊============================================================*/
	.mypost-item .card-title {
		margin-bottom: 0px;
	}
	.mypost-item .card-body {
		padding: .5rem 0px;
	}
	.mypost-item .card-footer {
		padding: .5rem 0 0;
	}
	/*文章描述*/
	.mypost-item .card-text {
		margin: .5rem 0 1rem;
	}
/*============================================================回覆區塊============================================================*/
	.card.comment-item {
	    margin-bottom: 55px;
	}
	.comment-item .card-body{
		padding: 0px;
	}
	/*附圖顯示區*/
	.comment-item .card-body .img-region .imgBox {
	    width: calc(100% / 8 - 5px);
	    margin-right: calc(5px + (5px / 7));
	    overflow: hidden;
	}

/*============================================================上傳外掛============================================================*/
	.file-preview-thumbnails {
	    flex-direction: initial;
	    justify-content: end;
	    flex-wrap: wrap;
	}
	/*顯示圖片*/
	.krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content{
		width: 84px;
		height: 84px;
	}
	.btn-addImg{
		width: 84px;
		height: 84px;
		margin: 5px 7px 5px 0;
	}

/*============================================================Modal============================================================*/

/*==============================modale共用預設==============================*/
	.section.modal .modal-header {
	    padding: 2rem 1rem 0rem;
	}
	.section.modal .modal-body {
	    padding: 1rem 1rem 0rem;
	}
	.section.modal .modal-footer {
	    padding: 0rem 1rem 2rem;
	    justify-content: center;
	}

/*============================================================Modal / num-1============================================================*/

/*==============================modal-header==============================*/
	.section.modal.num-1 .modal-header .title-region{
		padding: 0;
	}
	.section.modal.num-1 .modal-header .title-region .title{
		padding-right: 0px;
	}
	/*分類選擇*/
	.section.modal.num-1 .select-type {
	    justify-content: flex-end;
	}
	.section.modal.num-1 .select-type select.form-control.select-dropdown {
	    margin: 0px;
	}	
/*==============================modal body==============================*/
	.section.modal.num-1 .form-group{
		font-size: 1rem;
	}
	.section.modal.num-1 .form-group label,
	.section.modal.num-1 .form-group>div {
	    padding: 0px;
	    margin-bottom: 5px;
	}

/*============================================================Modal / num-2============================================================*/

/*==============================modal-header==============================*/
	.section.modal.num-2 .modal-header .title-region{
		padding: 0;
	}
	.section.modal.num-2 .modal-header .title-region .title{
		padding-right: 0px;
	}
	/*分類選擇*/
	.section.modal.num-2 .select-type {
	    justify-content: flex-end;
	}
	.section.modal.num-2 .select-type select.form-control.select-dropdown {
	    margin: 0px;
	}	
/*==============================modal body==============================*/
	.section.modal.num-2 .form-group{
		font-size: 1rem;
	}
	.section.modal.num-2 .form-group label,
	.section.modal.num-2 .form-group>div {
	    padding: 0px;
	    margin-bottom: 5px;
	}

}

@media (max-width: 576px) {

/*==============================上傳外掛區塊==============================*/
	.picCnt.images-list .image-item {
	    width: 100px!important;
	    height: 100px!important;
	}
	/*文件名稱顯示區塊*/
	.images-send .file-box {
	    font-size: 12px;
	}

/*==============================區塊標題==============================*/
	.title-region{
		padding:  0;
		margin: 0 0 1.2rem;
	}
	.textSub{
	    font-size: .9rem;
	}

/*===========================================================分類navbar===========================================================*/
	/*搜尋input*/
	.search {
	    margin: 5px 0 5px;
		padding: 0px;
	    order: 3;
	}

/*===========================================================發文區塊===========================================================*/
	/*附圖顯示區*/
	.show-item .card-body .img-region{
		flex-wrap: wrap;
	}
	.show-item .card-body .img-region .imgBox:nth-child(4) {
	    margin-right: 0px;
	}
	.show-item .card-body .img-region .imgBox{
		width: calc(100% / 4 - 8px);
	    margin: 5px 0;
	    margin-right: calc(8px + (8px / 3));
	}

/*==============================發布資訊==============================*/
	.show-item .card-footer .user {
	    width: 100%;
	    text-align: right;
	    margin-right: 0;
	}

/*===========================================================回覆區塊===========================================================*/
	.comment-item .author-region .author-item {
	    flex-wrap: wrap;
	}
	/*留言設置區*/
	.comment-item .author-region .site-box {
	    justify-content: flex-end;
	    margin-top: 5px;
	}
	/*附圖顯示區*/
	.comment-item .card-body .img-region{
		flex-wrap: wrap;
	}
	.comment-item .card-body .img-region .imgBox:nth-child(4) {
	    margin-right: 0px;
	}
	.comment-item .card-body .img-region .imgBox {
	    width: calc(100% / 5 - 5px);
	    margin: 5px 0;
	    margin-right: calc(5px + (5px / 4));
	    overflow: hidden;
	}

/*============================================================Modal============================================================*/
	.modal .modal-content {
	    margin: 0 auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

/*=============================區塊標題=============================*/
	.title-region {
	    padding: 0 15px;
	}

/*===========================================================發文區塊===========================================================*/
	.section .card.blockStyle{
		margin-bottom: 15px;
	}
	.show-item .card-body {
	    padding: 0 .5rem;
	}
	.show-item .card-footer {
		padding: .5rem .5rem 0;
	}

/*=============================附圖顯示區=============================*/
	.show-item .card-body .img-region .imgBox {
	    width: calc(100% / 7 - 5px);
	    margin-right: calc(5px + (5px / 6));
	    overflow: hidden;
	}

/*===========================================================我的發文區塊===========================================================*/
	.section .card.blockStyle{
		margin-bottom: 15px;
	}
	.mypost-item .card-body {
	    padding: 0 .5rem;
	}
	.mypost-item .card-footer {
		padding: .5rem .5rem 0;
	}

/*===========================================================回覆區塊===========================================================*/

/*=============================附圖顯示區=============================*/
	.comment-item .card-body .img-region .imgBox {
	    width: calc(100% / 8 - 5px);
	    margin-right: calc(5px + (5px / 7));
	    overflow: hidden;
	}

/*============================================================上傳外掛============================================================*/
	
	/*顯示圖片*/
	.krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content{
		width: 80px;
		height: 80px;
	}
	.krajee-default.file-preview-frame {
	    margin: 5px 7px 5px 0;
	}

/*==============================圖片作用按鈕==============================*/
	.btn-addImg {
	    width: 80px;
	    height: 80px;
	    margin: 5px 7px 5px 0;
	    font-size: 14px;
	}

/*============================================================Modal============================================================*/

/*==============================modale共用預設==============================*/
	.section.modal .modal-header {
	    padding: 2rem 1rem 1rem;
	}
	.section.modal .modal-body {
	    padding: 1rem 1rem;
	}
	.section.modal .modal-footer {
	    padding: 1rem 1rem 2rem;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

/*=============================區塊標題=============================*/
	.title-region {
	    padding: 0 15px;
	}
}

@media (min-width: 1200px) {
}