#MANAPIE{}

#error{color:#fff;padding:50px}
#error::before{content:" ";position:fixed;top:0;left:0;width:100%;height:100%;background:url('/image/error.jpg.bakeware') #000 no-repeat center center;background-size:cover;z-index:-1}
#error .aht{background:#0096e0;padding:50px;width:100px;height:100px;line-height:100px;font-size:100px;text-align:center;border-radius:100px;color:#000}
#error .msg{padding:20px;line-height:1.7;font-size:30px}
#error address{position:absolute;bottom:60px;right:60px;width:100%;font-style:normal;opacity:0.3;font-size:12px;color:#bbb;text-align:right}
#error address .logo{margin-bottom:10px}
#error address .logo img{width:100px;height:auto}
#error address .manapie{background:url('/image/manapie.png.bakeware') transparent no-repeat center center;background-size:100% 100%;width:88px;height:11px;display:inline-block;margin-right:-10px}

@media only screen and (max-width:600px){
	#error .aht{padding:30px;width:60px;height:60px;line-height:60px;font-size:60px}
	#error .msg{padding:20px 10px;font-size:20px}
}

a{color:inherit}
p{line-height:1.7}

.clear{display:block !important;width:100% !important;height:0 !important;clear:both !important;float:none !important}
.blind{display:block !important;overflow:hidden !important;position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px !important}
.none{display:none !important}
.nowrap{white-space:nowrap}

.relative{position:relative}

.input_wrap{padding:10px 10px 10px 100px;margin:10px;position:relative;display:block;min-height:24px}
.input_wrap.nolabel{padding-left:10px}
.input_wrap input,
.input_wrap textarea{width:100%;padding:9px 10px 11px 100px;margin:-10px -10px -10px -100px;background:#eee;border-radius:0;border:none;font-size:16px}
.input_wrap.nolabel input,
.input_wrap.nolabel textarea{padding-left:10px;margin-left:-10px}
.input_wrap textarea{height:144px}
.input_wrap.label{background:#eee}
.input_wrap input[type=file]{font-size:11px;margin-top:-11px;margin-bottom:-10px;line-height:24px;color:#000;font-size:16px}
.input_wrap .thumbnail{width:100%;padding: 9px 10px 21px 100px;margin: -10px -10px -10px -100px;background:#eee}
.input_wrap .thumbnail img{max-width:300px}
.input_wrap span{position:absolute;top:11px;left:10px;width:80px;border-right:1px solid #999;color:#999;font-size:16px;transition:padding-left linear 0.3s;box-sizing:border-box;line-height:19px;height:22px;padding:1px 0;overflow:hidden;display:block}
.input_wrap span::before{content:" ";background-color:transparent;height:21px;width:5px;border-radius:10px;position:absolute;top:11px;left:0px;height:0;transition:background-color ease 0.3s,height ease 0.3s,top ease 0.3s}
.input_wrap input:invalid + span,
.input_wrap input:focus + span,
.input_wrap textarea:invalid + span,
.input_wrap textarea:focus + span{padding-left:10px}
.input_wrap input:invalid + span::before,
.input_wrap textarea:invalid + span::before{height:5px;background-color:#a40e16 !important;top:9px}
.input_wrap input:focus + span::before,
.input_wrap textarea:focus + span::before{height:21px;background-color:#0096e0;top:0}

.input_wrap.color{padding-left:54px}
.input_wrap.color input{padding-left:54px;margin-left:-54px}
.input_wrap.color span.color{position:absolute;top:0;left:0;width:44px;height:44px}

.input_wrap.white .thumbnail,
.input_wrap.white input,
.input_wrap.white textarea{background:#fff}
.input_wrap.black .thumbnail,
.input_wrap.black input,
.input_wrap.black textarea{background:#111;color:#fff}
.input_wrap.light .thumbnail,
.input_wrap.light input,
.input_wrap.light textarea{background:transparent}
.input_wrap.dark .thumbnail,
.input_wrap.dark input,
.input_wrap.dark textarea{background:transparent;color:#fff}
.input_wrap a{position:absolute;top:13px;right:13px;text-decoration:none;color:#0096e0;font-size:16px}

.editor_wrap{margin:-10px 10px 10px 10px;background:#eee}
.editor_wrap textarea{display:none}
.editor_wrap #cke_content{border:5px solid #eee;margin-top:-20px}
.editor_wrap #cke_content .cke_top{border-bottom-color:#eee;background:#eee;padding:0}
.editor_wrap #cke_content .cke_bottom{border-top-color:#eee;background:#eee}
.editor_wrap #cke_content .cke_resizer{margin:8px -8px 0 0}

.selects{background:#eee;padding:0 10px 0 100px;margin:10px;position:relative;display:block;min-height:44px}
.selects.nolabel{padding-left:0}
.selects span:first-child{position:absolute;top:13px;left:10px;width:80px;border-right:1px solid #999;color:#999;font-size:16px;padding-bottom:3px;padding-left:0;transition:padding-left linear 0.3s;box-sizing:border-box;overflow:hidden}
.selects .select_wrap{padding-bottom:3px}
.selects .select_wrap a{color:#fff}
.selects.white{background:#fff}
.selects.white .select_wrap a{color:#eee}
.selects.black{background:#111}
.selects.black .select_wrap a{color:#333}
.selects.light{background:transparent}
.selects.light .select_wrap a{color:#eee}
.selects.dark{background:transparent}
.selects.dark .select_wrap a{color:#333}

.order_list{padding:1px 0;font-size:16px}
.order_list li{padding:10px;margin:10px 0;background:#fff;color:#000;cursor:ns-resize}

.select_wrap{padding:3px 25px 2px 0;margin:10px;position:relative;display:inline-block;cursor:pointer}
.select_wrap span{font-size:16px;color:#999;display:inline-block;min-width:1px;height:15px}
.select_wrap a{position:absolute;top:3px;right:0;color:#eee;font-size:16px;text-decoration:none;transition:color ease 0.3s}
.select_wrap a.active{color:#0096e0 !important}

.input_wrap.wide,
.selects.wide{padding-left:10px}
.selects.wide{background:transparent;padding:0}
.selects.wide .select_wrap{display:block;background:#eee;margin:0;padding:10px 10px 10px 30px}
.selects.wide .select_wrap a{right:auto;left:10px;top:10px}
.selects.wide .order_list{padding:0;margin-top:-10px}
.selects.wide .order_list li{background:#eee}
.input_wrap.wide input,
.input_wrap.wide textarea{padding-left:10px;margin-left:-10px}
.input_wrap.wide span,
.selects.wide span{width:auto;border-right:none;height:auto;overflow:visible;padding-left:5px;left:0}

.selects .text,
.input_wrap .text{padding:9px 10px 11px 10px;background:#fff;font-size:14px;border-top:10px solid #eee}

.form_wrap legend{color:#999;padding:15px 15px 5px 15px;font-size:16px}
.message{line-height:1.7;background:#999;color:#fff;padding:13px 10px;line-height:1.6;margin:10px;border-radius:5px;text-align:center;font-size:16px}
.message.error{background:#a40e16}
.message.success{background:#0036c0}
.form_wrap div.description{margin:10px}

div.description{line-height:1.7;border:1px solid #ddd;margin:10px 15px;padding:15px 10px;font-size:14px;border-radius:5px}
span.description{color:#bbb;font-size:12px;font-weight:normal;position:relative;top:-2px;padding:0 19px}
.btnArea span.description{display:inline-block;padding:22px 15px;float:left}
div.description + .btnArea{margin-top:-10px}
.input_wrap + .btnArea{margin-top:-10px}
div.description ul,
span.description ul{margin-left:20px;list-style:disc}
div.description ul{margin-top:10px}
div.description li{margin:5px 0}

.no_item{background:#eee;margin:10px;padding:100px 30px;border-radius:5px;text-align:center;color:#999;font-size:16px;line-height:1.4}

.online{display:inline-block;width:15px;height:15px;border-radius:15px;background:#bbb}
.online.active{background:#18e100}
.online.inactive{background:#a40e16}

.table_caption{margin:20px 10px;font-size:20px;text-align:center}

.table_wrap{overflow:auto;-webkit-overflow-scrolling:touch;margin:10px;color:#000}
.table_wrap table{width:100%;border-collapse:collapse;font-size:16px;border:1px solid #ddd}
.table_wrap table th{background:#eee;text-align:left;font-weight:normal;text-align:left;color:#999}
.table_wrap table td{background:#fff}
.table_wrap table th,
.table_wrap table td{border-bottom:1px solid #ddd;padding:13px 10px;vertical-align:middle;white-space:nowrap}
.table_wrap table .notice td{background:#ddd}
.table_wrap table .active td{background:#0096e0;color:#fff !important}
.table_wrap table .active td a{color:#fff !important}
.table_wrap table td.no{width:50px;color:#999;font-size:14px;text-align:center}
.table_wrap table td.date{width:100px;color:#999;font-size:14px}
.table_wrap table td.count{width:50px;color:#999;font-size:14px;text-align:center}
.table_wrap table td.amount{color:#999;font-size:14px;text-align:right}
.table_wrap table td.thumbnail{width:100px;background-size:cover;background-position:center center}
.table_wrap table td.link{padding:0}
.table_wrap table td.link a{text-decoration:none;display:block;padding:13px 20px 13px 10px;position:relative;transition:color ease 0.3s;color:inherit}
.table_wrap table td.link a span.arrow{float:right;color:transparent;position:absolute;top:50%;right:20px;transition:color ease 0.3s,right ease 0.3s;margin-top:-8px}
.table_wrap table td.link a:hover,
.table_wrap table td.link a:active{color:#0096e0}
.table_wrap table td.link a:hover span.arrow,
.table_wrap table td.link a:active span.arrow{color:#0096e0;right:10px}
.table_wrap table td.thumbnails img{height:100px}
.table_wrap table td.thumbnails.link a{padding:10px 20px 10px 10px}
.table_wrap table .profile{display:inline-block;width:32px;height:32px;border:1px solid #ddd;border-radius:100px;background-size:cover;background-position:center center;margin:-10px 3px -10px -3px}
.table_wrap table td.link a:hover span.arrow.red,
.table_wrap table td.link a:active span.arrow.red{color:#a40e16}

.gallery_wrap{}
.gallery_wrap .cadres{margin:5px}
.gallery_wrap .cadres li{float:left;width:20%}
.gallery_wrap .cadres a{display:block;margin:5px}
.gallery_wrap .cadres img{width:100%;height:auto}

.read_wrap{margin-bottom:100px}
.read_gallery{margin:5px}
.read_gallery .image{margin:10px 5px;border:1px solid #ddd}
.read_gallery .image img{width:100%;height:auto;margin-bottom:-1px}
.read_header{margin:10px}
.read_header .title{font-size:18px;margin:10px}
.read_header .title .category{font-weight:normal;padding:1px 7px;border-radius:5px;background:#ddd;color:#fff;margin:0 3px 0 -3px}
.read_header .meta{margin:13px 10px 10px 10px;color:#999;line-height:1.4}
.read_header .meta .date{border-right:1px solid #ddd;margin-right:8px;padding-right:5px;white-space:nowrap}
.read_header .meta .date:last-child{border-right:none}
.read_body{margin:10px;border:1px solid #ddd;background:#fff;color:#000}
.read_body .extravar{border-bottom:1px solid #ddd;margin:10px 10px 0 10px;padding:5px 0 10px 0;line-height:1.4}
.read_body .extravar h6{color:#999;font-size:16px;margin-bottom:5px}
.read_body .download{border-top:1px solid #ddd;margin:0 10px 10px 10px;padding:10px 0 5px 0;line-height:1.4}
.read_body .download a{color:#0096e0;text-decoration:none}
.read_body .real_content{padding:10px}
.read_footer{margin:-10px 0}

.comment_count{margin:10px;color:#0096e0;font-size:16px;border-bottom:1px solid #ddd;padding:0 10px 10px 10px}
.comment_list{margin:10px 0}
.comment_list .meta{margin:20px 20px 10px 20px;color:#999}
.comment_list .meta .date{border-left:1px solid #ddd;margin-left:5px;padding-left:8px;white-space:nowrap}
.comment_list .meta .buttons{float:right}
.comment_list .meta .buttons a{color:#ddd;text-decoration:none;margin-left:10px}
.comment_list .content{margin:10px;border:1px solid #ddd;background:#fff;color:#000}
.comment_list .download{border-top:1px solid #ddd;margin:0 10px 10px 10px;padding:10px 0 5px 0;line-height:1.4}
.comment_list .download a{color:#0096e0;text-decoration:none}
.comment_list .real_content{padding:10px}

.search_wrap{margin:0 10px;float:right;width:260px}
.search_wrap .input_wrap{margin:0}

.pagination{text-align:left;margin:18px 10px 10px 18px}
.pagination li{display:inline-block;line-height:13px}
.pagination li a{display:block;text-decoration:none;padding:0;text-align:center;color:#999;transition:color ease 0.3s;border-radius:20px;width:28px;height:28px;line-height:28px}
.pagination li.description{line-height:18px;padding:5px 0;color:#999}
.pagination li.active a{background:#0096e0;color:#fff !important}
.pagination li.first,
.pagination li.last{color:#999}
.pagination li a:hover,
.pagination li a:active{color:#0096e0}

.btnArea{text-align:right}
.button{padding:10px;margin:10px;font-size:16px;cursor:pointer;line-height:1;border:none;text-decoration:none;display:inline-block}
.button + .button{margin-left:0}
.button.red{background:#a40e16;color:#fff}
.button.blue{background:#0036c0;color:#fff}
.button.black{background:#000;color:#fff}
.button.gray{background:#999;color:#fff}
.button.white{background:#fff;color:#999}
.button.transparent{background:transparent;color:#000}

.tag{position:relative;font-size:0.8em;padding:0.05em 0.3em 0.1em 0.3em;top:-0.1em}
.tag.red{background:#a40e16;color:#fff}
.tag.blue{background:#0036c0;color:#fff}
.tag.black{background:#000;color:#fff}
.tag.gray{background:#999;color:#fff}
.tag.white{background:#fff;color:#999}
.tag.transparent{background:transparent;color:#000}


#MANAPIE.onepage{}
#MANAPIE.onepage #body{padding-top:0}


@media only screen and (max-width:800px){
	.input_wrap .thumbnail img{max-width:100%}
	.gallery_wrap .cadres li{width:33.3%}
}