hr{color:#d0d0d0;background-color:#d0d0d0;border-color:#d0d0d0;border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));}
img{border-radius:3px;}
div.header{height:12em;background:url(/img/title.jpg) center/cover;}
div.header a{position:absolute;left:1em;bottom:1em;top:auto;}
div.header a img{max-width:5em;max-height:5em;}
div[role='main']{min-height:calc(100vh - 14.7em);}
div.footer{height:1.5em;}
div.footer a{color:lightgray !important;text-decoration:none;font-size:75%;}
.error textarea{border-color:salmon !important;}
div.error{border-color:salmon !important;}
div.error>label{border-color:salmon !important;}
ul.error{box-shadow:0 1px 3px salmon !important;}
.good textarea{border-color:skyblue !important;}
div.good{border-color:skyblue !important;}
div.good>label{border-color:skyblue !important;}
ul.good{box-shadow:0 1px 3px skyblue !important;}
table thead tr th {vertical-align:middle !important;}
.overlay{position:relative;}
.overlay>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;}
.wrapper{margin:.3em;padding:.3em;height:100%;}
.narrow{width:12em;}
.wider{min-width:20em;max-width:25em;}
.smaller{font-size:90%;}
.center{margin:auto;text-align:center;align-items:center;}
.middle{display:table;}
.middle>div{display:table-cell;vertical-align:middle;}
.placeholder{color:gray;}
.prompt{font-size:75% !important;text-align:center !important;margin-top:1em}
.loading{color:lightgray;text-align:center;margin-top:1em;margin-bottom:1em}
.portrait{width:7.5em;height:7.5em;display:flex;align-items:center;align-content:center;text-align:center;vertical-align:middle;}
.portrait img{max-width:7.5em;max-height:7.5em;border-radius:50%;margin:auto;}
.show_text,.show_text p,.show_text pre{white-space:pre-wrap !important;}
.show_text img{max-width:100% !important;}
.m_floating_button{position:fixed;right:.5em;bottom:.5em;width:1.5em;height:1.5em;line-height:1.3em;font-size:200%;border-radius:50%;z-index:50;cursor:pointer;background-color:#2196F3;color:#FFFFFF !important;text-align:center;vertical-align:middle;text-decoration:none;transition-duration:.3s;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);}
.m_floating_button_1{bottom:2.5em;}
.card_frame{width:21em;height:11.5em;margin:.2em;display:inline-block;}
.card_frame>table{table-layout:fixed;border-style:solid;border-width:1px;border-color:#d8d8d8;border-radius:3px;border-spacing:0;width:100%;height:100%;}
.card_frame>table td{padding:0;margin:0;vertical-align:middle;}
.card_frame>table td:first-child{width:14em;}
.card_frame .card_text{width:100%;margin:.2em;}
.card_frame .card_text>table{table-layout:fixed;border-width:0;border-spacing:0;margin:0;width:100%;height:100%;}
.card_frame .card_text>table td{padding:.2em;text-align:left;}
.card_frame>table td:last-child{width:6.6em;}
.card_frame .card_portrait{width:100%;margin:.2em;text-align:center;}
.card_frame .card_portrait>img{max-width:6.25em;max-height:9.375em;}
.user_icon{border-radius:50%;padding:0;margin:0;}
.user_icon>img{max-height:3em;max-width:3em;}
.post_frame{min-height:7em !important;}
.post_frame>div:first-child{position:absolute !important;left:.1em !important;top:1em !important;width:5em !important;}
.post_frame>div:first-child>img{max-height:3em !important;max-width:3em !important;border-radius:50% !important;display:block !important;margin:3px auto 3px auto !important;}
.post_frame>div:first-child>p{text-align:center !important;}
.post_frame>h3{margin-left:5em !important;}
.post_frame>*:nth-child(3){text-decoration:none !important;margin-top:1.5em !important;margin-left:5em !important;}
.post_frame>a>div{font-size:.75em !important;height:5em !important;font-weight:normal !important;}
.post_frame .show_text{overflow:auto !important;overflow-y:hidden !important;}
.post_frame .ui-li-aside{right:1em !important;}
.post_frame.primary{margin-top:1em !important}
.post_frame.secondary{background-color:#f2f2f2 !important;margin-top:0 !important}
.article_frame{width:20em;margin:.5em;display:inline-block;text-decoration:none;text-align:left;}
.article_frame div{width:100%;overflow:hidden;}
.article_frame h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.article_frame h5{color:gray;font-weight:normal;}
.article_frame img{width:100%;height:auto;}
.article_frame .cover{height:12em;}
.article_frame .digest{height:3.5em;font-weight:normal;}
.article_frame .digest p{color:gray;font-size:75%;background:url(/img/icon/arrow-r.png) right center no-repeat;padding:2px 22px 2px 2px;}
.article_detail h5{color:gray;font-weight:normal;}
.article_detail .cover{width:100%;height:18em;overflow:hidden;}
.article_detail .cover>div{height:18em;overflow:hidden;}
.article_detail .cover img{min-width:20em;max-width:30em;}
.article_detail .content{display:table;margin-top:2em;margin-bottom:2em;}
.article_detail .content>div{text-align:left;max-width:50em;}
.article_detail .view{color:gray;background:url(/img/icon/eye.png) left no-repeat;padding:2px 2px 2px 22px;}
.article_detail .thumb{color:gray;background:url(/img/icon/thumb.png) left no-repeat;padding:2px 2px 2px 22px;}
.grid{width:100%;table-layout:fixed;border:0;}
.grid th,.grid td{border:0;}
.grid thead tr{color:white;background-color:#6B696B;}
.grid tbody tr:nth-child(even){background-color:#F7F7DE;}
.grid tbody tr:nth-child(odd){background-color:white;}
.-col-4{border:0;}
.-col-4 thead tr th:nth-child(1){width:25%;}
.-col-4 thead tr th:nth-child(2){width:25%;}
.-col-4 thead tr th:nth-child(3){width:20%;}
.-col-4 thead tr th:nth-child(4){width:30%;}
.-col-4 tbody tr td:nth-child(-n+2){text-align:left;}
.-col-4 tbody tr td:nth-child(n+3){text-align:right;}
.ui-li-static.ui-collapsible{padding:0;}
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview,
.ui-li-static.ui-collapsible>.ui-collapsible-heading{margin:0;}
.ui-li-static.ui-collapsible>.ui-collapsible-content{border-bottom-width:0;padding-top:0;padding-bottom:0;padding-right:0;}
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview>li.ui-last-child,
.ui-li-static.ui-collapsible.ui-collapsible-collapsed>.ui-collapsible-heading>a.ui-btn{border-bottom-width:0;}
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview>li.ui-first-child,
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview>li.ui-first-child>a.ui-btn,
.ui-li-static.ui-collapsible>.ui-collapsible-heading>.ui-btn{border-top-width:0;}
.ui-li-static.ui-collapsible>.ui-collapsible-heading>.ui-btn,
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview>.ui-li-static,
.ui-li-static.ui-collapsible>.ui-collapsible-content>.ui-listview>li>a.ui-btn,
.ui-li-static.ui-collapsible>.ui-collapsible-content{border-right-width:0;}
.ui-listview-nested>.ui-li-static.ui-collapsible .ui-li-static.ui-collapsible.ui-collapsible,
.ui-listview-nested>.ui-li-static.ui-collapsible>.ui-collapsible-heading>a.ui-btn,
.ui-li-static.ui-collapsible>.ui-collapsible-content{border-left-width:0;}
.ui-table-columntoggle-btn{display:none !important;}
#captcha table{table-layout:fixed;border-width:0;border-spacing:0;margin:0;width:100%;}
#captcha table td:first-child{padding:0;width:60%;z-index:1;position:relative;vertical-align:middle;}
#captcha table td:last-child{padding:0;width:40%;z-index:5;position:relative;vertical-align:bottom;}
#captcha img{width:7em;}
#captcha pre{font-family:Courier;font-size:2px;line-height:0.5em;letter-spacing:-0.22em;text-align:center;vertical-align:middle;}
#uinfo{height:11em;}
@media(min-width:50em){
  .ui-responsive-panel>.ui-header,.ui-responsive-panel>.ui-footer,.ui-responsive-panel>.ui-panel-wrapper{
    left:17em;right:-17em;width:auto;margin-right:17em;margin-left:1px;}
  .ui-panel-animate.ui-panel-page-content-position-left{
    -webkit-transform:none;-moz-transform:none;transform:none;}
  .ui-responsive-panel .ui-panel-animate{
    -webkit-transition:none;-webkit-transition-duration:0s;-moz-transition:none;transition:none;transition-duration:0s;}
  .ui-responsive-panel .ui-panel-animate.ui-panel-position-left.ui-panel-display-push{
    -webkit-transform:none;-moz-transform:none;transform:none;}
  .ui-responsive-panel .ui-panel-closed{
    width:17em;visibility:visible;clip:auto;}
  .ui-responsive-panel .ui-panel{
    margin-right:0;}
}