body{background-color:#EEE;color:#CCC;font-family:serif}
#content{padding-top:64px;display:flex;justify-content:center;line-height:1.4}
.content-responsive{margin-left:auto;margin-right:auto}
@media(max-width:767px){.content-responsive{width:auto}}
@media(min-width:768px){.content-responsive{width:auto}}
@media(min-width:992px){.content-responsive{width:724px}}
@media(min-width:1200px){.content-responsive{width:1170px}}
.contentheader{width:100%;color:#333;font-size:large}
.contentheader h1{font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;font-weight:900;margin-bottom:0}
@media(max-width:767px){.contentheader h1{font-size:32px}}
.contentheader hr{margin:0 0 25px 0;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-moz-linear-gradient(left,#CCC,#FFFFFF00);background:-webkit-linear-gradient(left,#CCC 0,#FFFFFF00 100%)}
.blockcontent{display:block;width:100%}
#headerdiv{z-index:999;background-color:#333;display:flex;border-bottom:1px solid #111;box-shadow:0 0 8px #000;position:fixed;width:100%}
#headerdiv .logowrapper{flex:initial;margin:0;padding:0;height:42px}
#headerdiv .logowrapper .logo{height:30px;margin:4px 0 8px 6px;flex:initial}
#headerdiv .tabrow{display:flex;flex:auto}
#headerdiv .tabrow .tab{display:flex;justify-content:center;align-items:center;background-color:#222;color:#CCC;border-left:1px solid #000;border-right:1px solid #000;font-weight:bold;text-decoration:none;margin:0 0 0 20px;padding:2px 5px;min-width:64px;text-align:center;flex:initial}
#headerdiv .tabrow .tab:hover{cursor:pointer;background-color:#555}
#headerdiv .tabrow .tab_split{flex:auto}
#headerdiv .tabrow .tab_github{background-color:#4078c0;border-left:1px solid #111;border-right:0;color:black}
#headerdiv .tabrow .tab_github:hover{background-color:#c9510c;color:black}
@media(max-width:850px){
	#headerdiv{position:static;flex-direction:column}
	#headerdiv .logowrapper{display:flex;align-items:center;justify-content:center}
	#headerdiv .tabrow{flex-direction:column}
	#headerdiv .tabrow .tab{border:1px solid #000;font-weight:bold;margin:5px 10px}
	#content{padding-top:0}
}
html,body{margin:0;padding:0;height:100%}
#mastercontainer{min-height:100%;position:relative}
#content{padding-bottom:60px}
#footerdiv{position:absolute;bottom:0;width:100%;height:60px;text-align:center;left:0;right:0;margin:0 auto}
@media(max-width:767px){#footerdiv{width:auto}}
@media(min-width:768px){#footerdiv{width:auto}}
@media(min-width:992px){#footerdiv{width:724px}}
@media(min-width:1200px){#footerdiv{width:1170px}}
#footerdiv hr{margin-bottom:5px;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#CCC),to(#FFFFFF00))}
.bloglistelem_container{display:flex;align-items:center;flex-direction:column}
.bloglistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none}
.bloglistelem:hover{box-shadow:0 0 4px #000}
.ble_blog{background-color:#BBB}
.ble_log{background-color:#DDD}
.ble_blog .ble_date{background-color:#AAA}
.ble_log .ble_date{background-color:#CCC}
.ble_date{background-color:#AAA;padding:2px;font-size:.8em;font-style:italic}
.ble_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
@media(max-width:767px){.ble_title{font-size:1.25em}}
.blogcontent{color:#333;border:1px solid black;background-color:#e0e0e0;width:90%;margin-left:auto;margin-right:auto}
.bc_header{background-color:#BBB;padding:0 4px}
.bc_data{padding:8px}
.bc_markdown code{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
.bc_markdown pre{font-size:14px;display:block;padding:9.5px;margin:0 0 10px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.bc_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #CCC}
.bc_markdown img{max-width:100%}
.bc_markdown table{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666}
.bc_markdown table td,.bc_markdown table th{padding:3px 10px}
.bc_markdown table thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444}
.bc_markdown table thead th:first-child{border:0}
.bc_markdown table tbody td{border-left:1px solid #666;font-weight:normal}
.bc_markdown table tbody .alt td{background:#ebebeb}
.bc_markdown table tbody td:first-child{border-left:0}
.bc_markdown table tbody tr:last-child td{border-bottom:0}
.bc_markdown table tbody tr:nth-child(odd){background-color:#ccc}
.mdtable_container{overflow-x:auto}
.notable{width:unset !important;border:none !important}
.notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#888}
#PEB_tableProblems .PEB_TC_Value{font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
#PEB_tableProblems .PEB_TC_Value:not(:hover){color:transparent;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#PEB_tableProblems .PEB_TC_Value:hover{color:#333;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#PEB_tableProblems .PEB_TC_Time{border-radius:1px;display:inline-block;padding:1px 6px;min-width:60px}
#PEB_tableProblems .PEB_TC_Timelevel_0{background-color:#0A0 !important}
#PEB_tableProblems .PEB_TC_Timelevel_1{background-color:#84ff0a !important}
#PEB_tableProblems .PEB_TC_Timelevel_2{background-color:#FF0 !important}
#PEB_tableProblems .PEB_TC_Timelevel_3{background-color:#F60 !important}
#PEB_tableProblems .PEB_TC_Timelevel_4{background-color:#F11 !important}
#PEB_tableProblems .PEB_TC_Size{font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
#PEB_tableProblems .PEB_TC_Size_93{float:right;font-family:serif;border-radius:1px;background-color:#0A0;display:inline-block;padding:1px 6px}
#PEB_tableProblems .PEB_TC_Size_98{float:right;font-family:serif;border-radius:1px;background-color:#FF0;display:inline-block;padding:1px 6px}
#PEB_tableProblems a{color:#333;display:block;text-decoration:none}
#PEB_tableProblems .PEB_TC_Title a{text-decoration:underline}
@media(max-width:1199px){#PEB_tableProblems tr td:nth-child(1),#PEB_tableProblems tr th:nth-child(1){display:none}}
@media(max-width:767px){
	#PEB_tableProblems tr td:nth-child(1),#PEB_tableProblems tr th:nth-child(1){display:none}
	#PEB_tableProblems tr td:nth-child(3),#PEB_tableProblems tr th:nth-child(3){display:none}
	#PEB_tableProblems tr td:nth-child(4),#PEB_tableProblems tr th:nth-child(4){display:none}
}
.bce_description,.bce_explanation{background:#EEE;border:1px solid rgba(0,0,0,0.15);padding:0 5px}
.bce_pagination{display:flex}
.bce_pagination .bce_pag20{display:flex;align-self:center}
.bce_pagination .bce_pag10{display:flex}
.bce_pagination .bce_pag05{display:flex;margin:4px 0}
.bce_pagination .bce_pagbtn{display:block;color:#000;text-decoration:none;min-width:1.8em;padding:0 5px;margin:0 4px;border-radius:2px;border:1px solid #777;background:#AAA;text-align:center}
.bce_pagination .bce_pagbtn_disabled{color:#888;background:#BBB}
.bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000}
@media(max-width:767px){
	.bce_pagination{flex-direction:column}
	.bce_pag20{flex-direction:column}
	.bce_pag10{flex-direction:column}
	.bce_pag05{flex-direction:row}
}
@media(min-width:768px){
	.bce_pagination{flex-direction:column}
	.bce_pag20{flex-direction:column}
	.bce_pag10{flex-direction:row}
	.bce_pag05{flex-direction:row}
}
@media(min-width:992px){
	.bce_pagination{flex-direction:column}
	.bce_pag20{flex-direction:column}
	.bce_pag10{flex-direction:row}
	.bce_pag05{flex-direction:row}
}
@media(min-width:1200px){
	.bce_pagination{flex-direction:column}
	.bce_pag20{flex-direction:row}
	.bce_pag10{flex-direction:row}
	.bce_pag05{flex-direction:row}
}
.euler_pnl_base{display:inline-flex;flex-direction:column;border:1px solid #AAA;border-radius:5px 5px 0 0;margin:15px}
.euler_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
.euler_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900}
.euler_pnl_header a:hover{text-decoration:underline}
.euler_pnl_content{display:flex;flex-direction:column;background:#DDD;padding:6px}
.euler_pnl_row{display:flex;flex-direction:row;flex-wrap:wrap}
@media(max-width:850px){.euler_pnl_row{flex-direction:column}}
.euler_pnl_row2{display:flex;flex-direction:row}
.euler_pnl_cell{width:24px;height:24px;font-size:11px;margin:3px;border:1px solid #333;display:flex;align-items:center;justify-content:center}
.euler_pnl_cell:hover{box-shadow:0 0 4px #000}
.euler_pnl_cell a{color:black;text-decoration:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.euler_pnl_cell a:hover{color:black;text-decoration:none}
.euler_pnl_cell a:visited{color:black;text-decoration:none}
.euler_pnl_celltime_perfect{background:#98c398}
.euler_pnl_celltime_good{background:#b9d89b}
.euler_pnl_celltime_ok{background:#d8d898}
.euler_pnl_celltime_bad{background:#d8b298}
.euler_pnl_celltime_fail{background:#d89d9d}
.euler_pnl_cell_notexist{background:#ccc}
.bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
.bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}
.bfjoust_runner_owner .hsplit_1{flex:1;margin:4px}
.bfjoust_runner_owner .hsplit_2{flex:1;margin:4px}
.bfjoust_runner_owner textarea{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;display:block}
.bfjoust_runner_owner .source{height:350px}
.bfjoust_runner_owner .sink{height:100px}
.bfjoust_runner_owner .bottomelem{height:200px}
@media(max-width:767px){
	.bfjoust_runner_owner .hsplit{display:block}
	.bfjoust_runner_owner .hsplit_1{display:block;width:calc(100% - 8px)}
	.bfjoust_runner_owner .hsplit_2{display:block;width:calc(100% - 8px)}
	.bfjoust_runner_owner textarea{margin-left:auto;margin-right:auto}
}
.bfjoust_runner_owner #commandpanel{text-align:center;background-color:lightgray;border-radius:3px;border:1px solid gray;display:table;width:calc(100% - 8px);margin:4px;padding:5px 0}
.bfjoust_runner_owner #commandpanel a{color:#FFF;background-color:#000;border-radius:3px;padding:4px 8px;text-decoration:none}
.bfjoust_runner_owner #commandpanel a:hover{text-decoration:none;background-color:#666}
.bfjoust_runner_owner #commandpanel #a_run{background-color:#080}
.bfjoust_runner_owner #commandpanel #a_run:hover{text-decoration:none;background-color:#666}
.bfjoust_runner_owner #commandpanel #a_stop{background-color:#F00}
.bfjoust_runner_owner #commandpanel #a_stop:hover{text-decoration:none;background-color:#666}
.bfjoust_runner_owner #commandpanel #a_arena{background-color:#F80}
.bfjoust_runner_owner #commandpanel #a_arena:hover{text-decoration:none;background-color:#666}
.bfjoust_runner_owner #run_size{width:40px}
.bfjoust_runner_owner #run_speed{width:70px}
.bfjoust_runner_owner #board{background-color:#FFF;border-radius:6px;border:1px solid #CCC}
.bce_code{background:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15)}
.bce_code .bce_code_data{overflow-x:auto;white-space:pre;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;padding:9.5px;font-size:10pt}
.bce_code .bce_code_ctrl{background:#BBB;display:flex;flex-direction:row}
.bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:row}
.bce_code .bce_code_ctrl .ctrl_btn_left{margin-right:auto}
.bce_code .bce_code_ctrl .ctrl_btn_right{margin-left:auto}
.bce_code .bce_code_ctrl .ctrl_btn{display:block;border:1px solid #000;background:#444;color:#BBB;margin:4px;padding:0 5px;min-width:65px;text-align:center;text-decoration:none;font-weight:bold}
.bce_code .bce_code_ctrl .ctrl_btn:hover{cursor:pointer;background:#333;color:#FFF;border:1px solid black}
.bce_code .bce_code_ctrl .ctrl_btn_disabled{background:#999;color:#BBB}
.bce_code .bce_code_ctrl .ctrl_btn_disabled:hover{background:#999;color:#BBB;cursor:default}
@media(max-width:767px){
	.bce_code .bce_code_ctrl{display:flex;flex-direction:column;margin:0}
	.bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
	.bce_code .ctrl_btn_left,.bce_code .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
}