/* 	2018年改版小黑板 */
		.blackBoard{
			padding-bottom: 0px;
		}
		
		.blackBoard.forEdit{
			padding-bottom: 10px;
		}
		
		.replytextContent{
			width: 100%;
			padding: 5px;
			border:1px solid grey;
			font-size: 12px;
			line-height: 1.5;
			margin-bottom: 15px;
			height: auto;			
		}
		
		.replyContentRow .replytextContent{
			border: 0;
		}
		

		
		.content.mobile.reply .blackBoard .reply_content p{
			padding: 0;
		}
		
		.content.Right.reply .blackBoard .reply_content p{
			padding: 0;
			color: #d8d8d8;
		}
		
/* 小黑板下面的郵政信箱公告 */
		.mailbox{
			  width:100%;
			  height:auto;
			  /* background: #000; */
			  /* background: #b0b0b0; */
			  margin-bottom:.5rem;
			  padding:0;
			  /* border-top:1px solid #505050; */
		  }
		  
		  .mailbox p{
			  padding: 0;
			  margin:0;
			  color:#000;
			  /* color:#000; */
			  font-size: .9rem;
			  font-family: 'Noto Serif TC', 'Noto Serif SC', serif;
			  opacity: 1;
		  }
		  
		  .mailbox p span{
			  font-size: 16px;
		  }
/* 	新增小黑板 ================================================================ */
		
		.addReplyBox{
			width: 95%;
			margin: 0 auto;
			border: 1px solid #065c4a;
			margin-bottom: 20px;
			position: relative;
		}
		
		.addReplyBox form{
			position: relative;
			padding: 10px;
			padding-bottom: 30px;
		}
		
		.addReplyBox input[name='add_imgPath']{
			opacity: 0;
			width: 32px;
			height: 32px;
		}
		
		
		.addReplyBox input[name='add_subject']{
			width: 100%;
			background: #000;
			color: #fff;
			padding: 5px;
			border: 1px solid #4a4a4a;
			margin-bottom: 5px;
		}
		
		.addReplyBox textarea[name='add_replyContent']{
			overflow:hidden;
		}
		
		
		label.uploadFile{
			width:32px;
			height: 32px;
			display: block;
			background: url(../images/icon_uploadFile.png) no-repeat;
			background-size: 32px 32px;
			margin-bottom: 15px;
			cursor: pointer;
		}
		
		
		.previewImg{
			position: relative;
		}
		
		.previewImg .delImg{
			width: 30px;
			height: 30px;
			background: rgba(0,0,0,.6);
			display: block;
			color: white;
			text-align: center;
			position: absolute;
			bottom: 2px;
			right:0;
		}
		
		.previewImg .delImg span{
			width: 30px;
			height: 30px;
			display: block;
			background: url(../images/cancel.svg) no-repeat center center;
			background-size: 20px;
		}
		
		.previewImg img{
			width: 100%;
			height: auto;
		}
		
		
		
		
		.replyToolBar{
			width: 100%;
			height: 30px;
			display: block;
			position:absolute;
			bottom: 0;
			background: #065c4a;
			line-height: 30px;
			left: 0px;
		}
		
		.replyToolBar .signStamp{
			float: left;
			width: 30px;
			height: 30px;
			display: block;
			background: url(../images/replySignStamp.svg) no-repeat center center;
			background-size: 16px;
			cursor: pointer;
			
		}
		
		.replyToolBar button.addReplyBtn, .replyToolBar button.submitBtn{
			border-radius: 0;
			border: 0px;
			width: 40px;
			height: 30px;
			background: #12ae8d;
			padding: 3px 3px;
			position: absolute;
			right:0px;
			cursor: pointer;
			color: #fff;
		}
		
		.replyToolBar button.submitBtn{
			background: #12ae8d;
		}
		
		.replyToolBar span{
			text-align: center;
			width: 10px;
			display: block;
			float: left;
			color: #000;
		}
		
		
		
		label.publicToggle{
			width: 30px;
			height: 30px;
			display: block;
			float: left;
			margin-left: 0px;
			cursor: pointer;
		}
		
		
		
		label.publicToggle span.trashCanIcon{
			width: 30px;
			height: 30px;
			display: block;
/*
			background: red;
			float: left;
			margin-left: 0px;
			cursor: pointer;
*/
			background: url(../images/close-trash-can.svg) no-repeat center 4px;
			background-size: 20px;
			
		}



		
/*
		
		.replyToolBar label.publicToggle{
			width: 30px;
			height: 30px;
			display: block;
			background: red;
			float: left;
			margin-left: 0px;
			cursor: pointer;
			background: url(../images/close-trash-can.svg) no-repeat center 4px;
			background-size: 20px;
			
		}


		.replyToolBar label.publicToggle.del{
			background: url(../images/open-trash-can.svg) no-repeat center 4px;
			background-size: 20px;
			
		}
*/
		
		.updForm input[name='i_del']{
/*
			opacity:1;
			width: 1px;
			height: 1px;
			margin-left: 0px;
*/
			display: none;
		}
		

		input[name='i_del']:checked + .trashCanIcon{
			background: url(../images/open-trash-can.svg) no-repeat center 4px;
			background-size: 20px;
		}
		
/*
		input:checked + .slider {
		  background-color: #34dab5;
		}
		
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		
		input:checked + .slider:before {
		  -webkit-transform: translateX(14px);
		  -ms-transform: translateX(14px);
		  transform: translateX(14px);
		  background-color: #1ea902;
		}
		
*/
		
		
		.updForm input[name='i_public']{
			opacity:1;
			width: 1px;
			height: 1px;
			margin-left: 40px;
		}
		
		label.isTopLabel{
			float: left;
		}
		
		label.isTopLabel input[name='i_isTop']{
			display: none;
		}
		
		label.isTopLabel span.isTopIcon{
			width: 30px;
			height: 30px;
			display: block;

			background: url(../images/isTop.svg) no-repeat center center;
			background-size: 20px;
			
		}
		
		label.isTopLabel input[name='i_isTop']:checked + span.isTopIcon{
			background: url(../images/isTop_set.svg) no-repeat center center;
			background-size: 20px;
			
		}
		
/* 	更新小黑板 ================================================================ */


	

		.replyContentRow{
			width: 95%;
			margin: 0 auto;
			margin-bottom: 20px;
			position: relative;
			color: #cecece;
			display: block;
			background: #323232;
		}
		
		.replyContentRow.notPublic{
/*
			color: #7e7e7e;
			background: #252525;
*/
		}
		
		.replyContentRow.notPublic:before{
/*
			font-size: 9pt;
			content: '';
			width: 16px;
			height: 16px;
			display: block;
			border-radius: 8px;
			background: #cf6387;

			padding: 3px 5px;
			padding-right: 10px;
			color: white;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
	
*/		
		}
		
		
		
		.replyContentRow.forView{
			background: none;
			margin-bottom: 15px;
		}
		
		
		
		.replyContentRow form{
			position: relative;
			padding: 10px;
			padding-bottom: 30px;
		}
		
		
		

		.replyContentRow .replyImgBox{
			margin-bottom: 5px;
			width: 100%;
		}
		
		.replyContentRow.forView .replyImgBox img{
			width: 100%;
		}
		
		.replyContentRow .replyImgBox .imgUpdBox{
			position: relative;
		}
		
		
		.replyContentRow .replyImgBox .imgUpdBox img{
			width: 100%;
		}
		
		.replyContentRow .replyImgBox .imgUpdBox .switchBox{
			position: absolute;
			bottom: 2px;
			left: 0px;
		}
		
		
		.imgUpdBox .delUpdImg{
			width: 30px;
			height: 30px;
			background: rgba(0,0,0,.6);
			display: block;
			color: white;
			text-align: center;
			position: absolute;
			bottom: 2px;
			right:0;
		}
		
		.imgUpdBox .delUpdImg span{
			width: 30px;
			height: 30px;
			display: block;
			background: url(../images/cancel.svg) no-repeat center center;
			background-size: 20px;
		}
		
		
		label.reuploadFile{
			width:32px;
			height: 32px;
			display: block;
			background: url(../images/icon_uploadFile.png) no-repeat;
			background-size: 32px 32px;
			margin-bottom: 15px;
			cursor: pointer;
		}
		
		
		.replyContentRow input[name='replyImg']{
			opacity: 0;
			width: 32px;
			height: 32px;
		}
		
		
		.replyContentRow input[name='i_replySubject']{
			width: 100%;
			background: #000;
			color: #fff;
			padding: 5px;
/* 			border: 1px solid grey; */
			border: 0px;
			margin-bottom: 5px;
		}
		
		.replyContentRow h3, .replyContentRow p{
		    /* font-family: Georgia, "STSong", "Times New Roman","新細明體" , Times, serif; */
			font-family: 'Noto Serif TC', 'Noto Serif SC', serif;
		    font-size: 12px;
		    font-weight: 100;
		    line-height: 1.7;
		    color: #ffffff;
		    word-wrap: break-word;
		    word-break: break-all;
		}
		
		.replyContentRow h3{
			font-size: 12px;
			line-height: 2;
		}
		
		
		
		.replyToolBar.upd{
			background: gray;
		
		}
		
		
		/* The switch - the box around the slider */
/*
		.switch {
		  position: relative;
		  display: inline-block;
		  width: 52px;
		  height: 30px;
		  float: right;
		  margin-right: 60px;
		}
*/
		
		
		/* Hide default HTML checkbox */
/* 		.switch input {display:none;} */
		
		/* The slider */
/*
		span.slider{
			width: 38px;
			height: 20px;
			border-radius: 12px;
			margin-top: 5px;
			margin-left: 5px;
		}
		
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		.slider:before {
		  position: absolute;
		  content: "";
		  height: 16px;
		  width: 16px;
		  left: 4px;
		  bottom: 2px;
		  border-radius: 9px;
		  background-color: rgba(0,0,0,.3);
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		input:checked + .slider {
		  background-color: #34dab5;
		}
		
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		
		input:checked + .slider:before {
		  -webkit-transform: translateX(14px);
		  -ms-transform: translateX(14px);
		  transform: translateX(14px);
		}
*/





		/* The switch - the box around the slider */
		label.switch {
		  position: relative;
		  display: inline-block;
		  width: 36px;
		  height: 30px;
		  float: right;
		  margin: 0;
		  margin-right: 50px;
		}
		
		

		.switch input {display:none;}
		
		span.slider{
			width: 24px;
			height: 2px;
			border-radius: 12px;
			margin-top: 13px;
			margin-left: 5px;
		}
		
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #a3a3a3;
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		.slider:before {
		  position: absolute;
		  content: "";
		  height: 8px;
		  width: 8px;
		  left: 0px;
		  bottom: -3px;
		  border-radius: 4px;
		  background-color: rgba(231, 231, 231, 1);
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		input:checked + .slider {
		  background-color: #34dab5;
		}
		
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		
		input:checked + .slider:before {
		  -webkit-transform: translateX(17px);
		  -ms-transform: translateX(17px);
		  transform: translateX(17px);
		  background-color: rgba(0, 148, 3, 1);
		}

/* 留言板修改的工具條 */
.admToolBox{
	position: absolute;
	right: 0;
	margin-top: 5px;
}

.replyadmBtn{
	float: right;
	width: auto;
	overflow: hidden;
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
/*     background: red; */
    margin-left: 0.3rem;
}

.replyadmBtn.toolClose{
	width: 0px;
}

.replyadmBtn.toolOpen{
	width: 60px;
}

.openAdmToolBtn{
	width: 26px;
	height: 26px;
	display: block;
	background: blue;
	color: white;
	float: left;
	cursor: pointer;
}

.replyToolBtn{
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	background: white;
	color: red;
	text-align: center;
}

.replyToolBtn:first-child{
	margin-right: 3px;
}


/* 新增小黑板時的loading */

	#replyAddLoading{
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
/* 		background: rgba(0,0,0,.6); */
		background: red;
		color: #fff;
		font-size: 20pt;
		z-index: 9999999999;
	}

		/* The switch - the box around the slider */
/*
		label.switch {
		  position: relative;
		  display: inline-block;
		  width: 30px;
		  height: 30px;
		  float: right;
		  margin: 0;
		  margin-right: 50px;
		}
		
		

		.switch input {display:none;}
		
		span.slider{
			width: 12px;
			height: 12px;
			border-radius: 6px;
		}
		
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 8px;
		  left: 8px;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		.slider:before {
		  position: absolute;
		  content: "";
		  height: 6px;
		  width: 6px;
		  left: 3px;
		  bottom: 3px;
		  border-radius: 3px;
		  background-color: rgba(0,0,0,.3);
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		input:checked + .slider {
		  background-color: #34dab5;
		}
		
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		
		input:checked + .slider:before {
			background-color: #00b504;
		}
*/
		
		
/* for pc adjuest */

@media screen and (min-width:1025px){   

		   .blackBoard{
				padding-bottom: 10px;
			}
		
			.replyContentRow.forView .replyImgBox img {
			    width: auto;
			}
		
		}