form.editor{float: left; width: calc(100% - 62px); margin: 20px 0 20px 0;background-color: #f7f7f7; padding: 30px;border: #b5b5b5 1px solid; border-radius: 10px;}
form.editor input[type='text']{width: calc(35% - 22px); float: left; border: #b5b5b5 1px solid; padding: 10px;	border-radius: 5px; font-size: 16px; min-width: 280px; margin-top: 5px;}
div#boxComment{margin: 50px 0 50px 0;}
form.editor div.style{float: left; width: 150px; margin: 0px 25px 0 25px; margin-top: 10px;}
form.editor div.style span{float: left; padding: 5px 0px 5px 0px; cursor: pointer; width: 33.3%; text-align: center;}
form.editor div.style span.active,
form.editor div.style span:hover{font-weight: bold;}


form.editor div#slider{float: left; width: 35%; background-color: white; border:#b5b5b5 1px solid; border-radius: 10px; margin-top: 20px; min-width: 280px;}
form.editor div#slider div{width: 3em;height: 1.6em;top: 50%;margin-top: -.8em;text-align: center;line-height: 1.6em; cursor: e-resize;background-color: #f6f6f6; border: #b5b5b5 1px solid; border-radius: 3px;}
form.editor div#slider div.ui-state-active{border:#156f50 1px solid; color: black;}
div.dataFont{float: left; width: 100%; margin-bottom: 20px;}
div.dataFont ul,
div.dataFont ul li{float: left; margin:0px; list-style: none;}
div.dataFont ul{border: #E0E0E0 1px solid; width: calc(100% - 2px);padding:0px; }
div.dataFont ul li{width: 98%; padding: 1%; background-color: #F7F7F7; border-bottom: #E0E0E0 1px solid;}

div.dataFont ul button{float: right; background-color: #ececec;border: #dcdcdc 1px solid; padding: 8px 15px 8px 15px; border-radius: 4px; cursor: pointer; color: #3c3c3c; font-size: 15px; margin-left: 10px;}
div.dataFont ul button i{font-size: 20px;}
div.dataFont ul button:hover{background-color: #156f50; border-color: #0f3c2c; color:white;}

div.dataFont ul strong{float: left;}
div.dataFont ul div.image{float: left; width: calc(100% - 40px); overflow: hidden; background-color: white; margin-top: 10px; padding: 20px;}
div.dataFont ul div.image img{float: left;}

div.charmap{float: left; margin: 20px 0 20px 0; width: calc(100% - 1px); background-color: white;border: #cdcdcd 1px solid; border-bottom: 0px; border-right:0px;}
div.charmap span{float: left; width: calc(10% - 1px); height: 80px;line-height: 80px; text-align: center;position: relative; border: #cdcdcd 1px solid; border-top: 0px; border-left:0px;}
div.charmap span:hover{background-color: #ececec;}


div#char-info{position: absolute;display: none;z-index: 10;width: 230px;background-color: #eee;margin: 5px;padding: 5px;border: 1px solid #b1b1b1;box-shadow: 2px 2px 2px gray;}
div#char-info span{float:left;width:100%;line-height: 22px;}
div#char-info span label{float: left;font-size:14px;}
div#char-info span label:first-child{width: 140px;color: #535353;}
div#char-info span label:last-child{font-weight: bold;color: #1960A8;}
div#char-info i.fa{cursor: pointer; position: absolute; top: 0px; right: 0px;font-size: 30px; border:#b1b1b1 1px solid; border-top: 0px; border-right: 0px;}


div.dataBtn{float: left; width: calc(100% - 42px); margin: 10px 0 10px 0; background-color: #f1eee4; padding: 20px; border: #c7c7c7 1px solid;}
div.dataBtn button{float: left; padding: 10px 20px 10px 20px; margin: 5px; font-size: 16px; cursor: pointer;border-radius: 5px; border: #0e4b36 1px solid; background-color: #156f50; color:white;}
div.dataBtn button[name='report']{background-color: #ae0000; border-color: #840000;}
div.dataBtn button[name='donate']{background-color: #0d58d0; border-color: #0a44a0; }
div.dataBtn button[name='morelink']{ background-color: #434343; border-color: #282828 }
div.dataBtn button[name='favourite']{ background-color: #720073; border-color: #4c004c }
div.dataBtn button:hover{background-color: black; border-color: black; color:white;}


div.dataImageList{float: left; width:100%;}
h2.title{float: left; width: 100%;}
h2.title label{ float: left; padding-left: 10px;border-left: #1d9a71 5px solid;}


div#loadingForm{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000; background-color: rgba(0,0,0,0.3);}
div#loadingForm div.form{float: left; width: 100%; position: relative;}
div#loadingForm form{width: calc(100% - 42px); max-width: 500px; background-color: white;  padding: 10px 20px 30px 20px; border-radius: 5px; border: #8e8e8e 1px solid; position: relative; float:left;}
div#loadingForm form div{float:left; width: 100%; margin-bottom: 10px;}
div#loadingForm form div input{font-size: 15px;}
div#loadingForm form div.w input{width: 45%; margin-right: 15px; }
div#loadingForm form div.w input:last-child{margin-right: 0px;}
div#loadingForm form div textarea{ min-height:100px;}
div#loadingForm form div textarea.error{background-color: #fff1ee; border-color: #ff6a31;}
div#loadingForm i.fa-window-close{position: absolute; right: 1px; top: -1px; font-size: 28px; cursor: pointer;}
div#loadingForm h3{float: left; margin: 0px 0 5px 0; width: 100%;}
div#loadingForm h1,
div#loadingForm h2{float: left; margin: 10px 0 5px 0; width: 100%; text-align: center; color: green; font-size: 20px; font-weight: normal;}
div#loadingForm h1{text-align: left;}
div#loadingForm h1 a{text-decoration: none;color: #4169E1; }
div.news-head div.hashtag{float: left; width: calc(100% - 10px); background-color: #f1eee4; padding: 5px;}
div.news-head div.hashtag a{float: left; margin: 2px; background-color: white; padding: 5px 10px 5px 10px; border-radius: 5px;color: black;}

@media screen and (max-width:900px){div.charmap span{width: calc(20% - 1px);}}
@media screen and (max-width:500px){div.charmap span{width: calc(25% - 1px);} div#loadingForm form div.w input{width: calc(100% - 16px); margin-right: 0px; margin-top: 10px;}}