.login-form {
    width: 500px !important;
    margin: 0 auto;
    padding: 50px 10px 0px 10px;
}

@media (max-width: 500px){
.login-form {
    width: 100% !important;
}
}

@media (min-width: 768px) and (max-width: 991px){
.write-form {
    width: 100% !important;
}
.show-panel {
    width: 100% !important;
}

}

@media (min-width: 992px) and (max-width: 1200px){
.write-form {
    width: 970px;
    margin: 0 auto;
}
.show-panel {
    width: 970px;
    margin: 0 auto !important;
}

}




@media (min-width: 1201px){
.write-form {
    width: 1200px;
    margin: 0 auto;
}
.show-panel {
    width: 1200px;
    margin: 0 auto !important;
}

}


.post_content {
    background-color: #fafafa;
    background-image: linear-gradient(transparent 39px, #e7e6e6 1px);
    /* background-repeat: repeat; */
    /* background-position: 0px 0px; */
    background-size: 40px 40px;
}
.post_content p {
    line-height: 40px !important;
    margin: 0px !important;
}


.iceEditor-tool{
	background-color:#16baaa20 !important;
}
.iceEditor-drag{
	background-color:#16baaa20 !important;
}

.layui-input-inline {
	border: solid 1px #ccc;
}
.layui-input-wrap {
	border: solid 1px #ccc;
}
.input-letter-address {
	border: solid 1px #ccc;
	margin-top: 5px;
}


.iceEditor-noselect {

    /*background-image: linear-gradient(transparent 39px, #e7e6e6 1px);
    background-size: 40px 40px;*/

}

.iceEditor-noselect.document.html{

    /*line-height: 40px;
    margin: 0 15px !important;*/

}

.user-letter-nosend {
    background-color:#ff5722;border-radius: 3px;font-size: 12px;color: #eee;padding: 3px;
}
.user-letter-send {
    background-color:#16baaa ;border-radius: 3px;font-size: 12px;color: #eee;padding: 3px;
}
.user-letter-noshare {
    background-color:#ff5722;border-radius: 3px;font-size: 12px;color: #eee;padding: 3px;
}
.user-letter-share {
    background-color:#16baaa;border-radius: 3px;font-size: 12px;color: #eee;padding: 3px;
}