/* global */
@charset "utf-8";
:root {
	--border-radius: 6px;
	--notice-color: #888;
	--border-color: rgb(185, 185, 185);
	--muted-color: #666;
	--highlighted-blue-color: #def
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: 'Consolas', 'Monaco'!important;
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

* {
	box-sizing: border-box;
}

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
form{padding:0;margin:0;}
input{padding-left:1px;padding-right:1px;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
div,form,img,dl,dt,dd,p {border: 0; margin:0; padding:0;}
caption,th{text-align:left;}
img {vertical-align: middle;}

.opts-item{margin-left: 8px}
.div-icon-svg {
	margin-right: 6px;
	color: rgba(0, 0, 0, 0.55);
	padding: 5px 8px;
}
.div-icon-svg:hover {
	border-radius: 10px;
	background-color: #faf3f3;
}
.div-icon-svg-link {
	cursor: pointer;
}
.div-icon-svg-link a {
	color: rgba(0, 0, 0, 0.55) !important;
}
.div-icon-svg-link a:hover {
	 color: #454545; !important;
 }
.icon-svg {
	margin-right: 1px;vertical-align: text-bottom;fill: currentcolor;height: 1.25em
}
.icon-svg-profile {
	color: rgb(83, 100, 113);
	margin-right: 1px;vertical-align: text-bottom;fill: currentcolor;height: 1.25em
}

.div-icon-svg-share {
	margin-left: 12px;
	background-color: #0a6cdb!important;
}
.div-icon-svg-share:hover {
	background-color: #1078ee!important;
}

/*
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{font-size:1.8em;font-weight:bold;}
h2{font-size:1.6em;font-weight:bold;}
h3{font-size:1.4em;font-weight:bold;}
h4{font-size:1.2em;font-weight:bold;}
h5{font-size:1em;font-weight:bold;}
h6{font-size:1em;}
*/
h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
strong{font-weight:bold;}
textarea{margin:0;padding:2px;}
a {color: rgb(13, 110, 253);outline:0;cursor: pointer;text-decoration:none;}
a:hover {color: #00c;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
A.solved {
	TEXT-DECORATION: none;color: #0b7500;background-color: #18ef18;padding: 1px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
A.try {
	TEXT-DECORATION: none;color: #CD6839;background-color:#EEE0E5;
	padding: 1px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
A.unsubmit:link		{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:visited	{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:active	{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:hover	{ COLOR: #CD6839; TEXT-DECORATION: none ;background-color:#9BCD9B;}

.grey{color:grey}

.code{
	font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
	font-size:13px;line-height: 15px; display:block;
	overflow: visible;
	border: 1px #888 solid;
	padding:6px;
	min-height:320px;
}
.submissions{
	font-size:13px; display:block;
	overflow: visible;
	border: 1px #888 solid;
	padding:6px;
	min-height:338px;
}

.pop-div{
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.pop-inner-div{
	z-index:2002;
	position:absolute;
	width:80%;
	height:80%;
	margin:0 auto;
	padding:12px;
	overflow: auto;
	overflow-y:scroll;
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:10%;
	top:120px; /*FF IE7*/
	display:none;
}

.pop-div-source{
	word-wrap: break-word;
}

.pop-div-source pre{
	white-space:pre;white-space:pre-wrap;word-wrap:break-word;
}
.pop-div-judgelog {
	font-size: 12px!important;
	line-height: 10px;
}
.pop-div-judgelog pre{
	white-space:pre;white-space:pre-wrap;word-wrap:break-word;
}

.pop-standing-div{
	z-index:1001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.pop-standing-inner-div{
	z-index:1002;
	position:absolute;
	width:80%;
	height:80%;
	margin:0 auto;
	padding:12px;
	overflow: auto;
	overflow-y:scroll;
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:10%;
	top:120px; /*FF IE7*/
	display:none;
}

.pop-standing-div-source{
	word-wrap:break-all;
}
.pop-div-config,.pop-div-dir,.pop-div-show-oj-file {
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.pop-inner-div-config, .pop-inner-div-dir {
	z-index:2001;
	position:absolute;
	width: 1200px;
	height:600px;
	margin:0 auto;
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	top:60px; /*FF IE7*/
	display:none;
	overflow: auto;
	overflow-y:scroll;
}
.problem-data-box .problem-title{
	height:38px;
	padding:0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
	background-color: #e1e1e1;
}
.pop-div-show-oj-file{
	z-index:3001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.pop-inner-div-show-oj-file{
	z-index:3002;
	position:absolute;
	width: 1200px;
	height:600px;
	margin:0 auto;
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	top:60px; /*FF IE7*/
	display:none;
}
.config-box .title{
	height:38px;
	padding:0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
	background-color: #e1e1e1;
}

body{
	text-align:left;
	color:#333;
	line-height:1.75;
	font-style: normal;
	font-size: 14px;
	/*font-family: 'Fira Code Retina','Fira Code','Fira Mono','JetBrains Mono','Source Code Pro','Consolas','Menlo','Monaco',monospace;*/
	/*font-family: 'Fira Code Retina','Fira Code','Fira Mono','JetBrains Mono','Source Code Pro','Consolas','Menlo','Monaco',monospace;*/
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
	/*font-family: Hiragino Sans GB, MicroSoft YaHei;*/
	/*font-family:verdana,Serif,Arial,Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family:'PingFang SC','Helvetica Neue','Microsoft YaHei UI','Microsoft YaHei','Noto Sans CJK SC',Sathu,EucrosiaUPC,Arial,Helvetica,sans-serif;*/
	margin:0;
	padding:0;
}

html, body {
	background-color: #FFFFFF;
}

.left{float: left;}
.right{text-align: right;}

img{border: 0px;}
.contest-supp{margin: 12px 6px 0px 6px;}
.contest-supp-title {
	display: flex;justify-content: left;align-items: left;
}
.contest-supp-list{
	justify-content: center;align-items: center;
	-moz-border-radius:3px 0px 0px 0px;
	-webkit-border-radius:3px 0px 0px 0px;
	border-radius:3px 0px 0px 0px;
	padding: 12px 12px;
}
.contest-item-num{
	font-size: 10.5px;
	line-height: 11px;
	padding: 3px 7px;
	margin-left: 3px;
	color: rgb(255, 255, 255);
	background-color: #229954;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;

}
.oj-support-item {
	min-width: 128px;
	padding: 2px 6px;
	margin-right: 12px;
	display:-moz-inline-box;
	display:inline-block;
	text-align: left;
	line-height: 40px;
	cursor: pointer;
}
.oj-support-item:hover {
	color: rgb(255, 255, 255);
	background: #EBF5FB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.oj-support-item a{color: #09607b}
.oj-support-item a:hover{text-decoration:none}
.oj-support-item a img{margin-right: 5px}

.small-oj-brand {width:22px;height:22px;margin:0 4px 0 0;padding:0;}
.small-reward {width:20px;height:20px;margin:0 4px 0 4px;padding:0;}
#search_main{width:710px;margin:0px auto 20px}
#search_main p{text-align:center}
#s_type{padding:30px 220px 5px 126px;font-size:16px}
#s_type u{color:#0000ca;cursor:pointer;margin-left:0.5em}
#s_type u:hover{color:#f00}
#s_type u.curr{color:#f00;text-decoration:none;cursor:auto;font-weight:bold}
#q{font:16px/16px arial;margin-right:6px;padding:3px 1px;width:398px}
#sm{height:28px;line-height:24px;width:78px}
#q,#sm{vertical-align:middle}
#s_sort{padding:5px 202px 0 108px;font-size:12px}
#s_sort input{vertical-align:middle;margin:2px 2px 5px 10px}
#hot_word{border:1px solid #ccc;margin-top:60px}
#hot_word h3{font-size:12px;text-align:center}
#hot_word a{margin:0 5px;line-height:1.3em;text-decoration:none}
#search_result{margin:25px 10px 30px}#search_head img{float:left}
#search_head form{margin-left:210px;padding-top:3px}
#search_head #s_sort{padding-left:6px}
.mini-avatar {width:22px;height:22px;margin:0;padding:0;border-radius: 50%;}
.ss-avatar {width:28px;height:28px;margin:0;padding:0;border-radius: 50%;}
.small-avatar {width:34px;height:34px;margin:0;padding:0;border-radius: 50%;}
.normal-avatar {width:80px;height:80px;margin:0;padding:0;border-radius: 50%;}
.big-avatar {width:250px;height:250px;margin:0;padding:0;border-radius: 50%;}

body {
	padding-top: 46px;
}
.top-navbar {
	margin: 0 auto;
	z-index:900;
	left: 0;
	height: 52px;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #FFFFFF !important; /* #303643; */
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	overflow:visible;margin-bottom:20px;*position:relative;*z-index:2;
	border-bottom: 1px solid #f0f0f0;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	/*border-top:0;width:100%;top:0px; height:70px; z-index:900; margin:0 auto;background:url(../img/header_bb_60.png) repeat-x; */
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;margin-bottom:0;}
.navbar-fixed-top{top:0;}

/*
.container{ width:1040px }
*/
.headerNav {width:1200px; margin:0px auto; height:40px;font-size:16px;}
.headerNav ul{border: 0; margin:0; padding:0 ;color: #666; font-weight:400;}
.headerNav ul.hleft {}
.headerNav ul.hleft li{list-style-type:none;}
.headerNav ul.hleft li.nav_menu{position: relative;display: block;}
.headerNav ul.hleft li.nav_menu:hover{}
.headerNav ul.hleft li a:hover{color: #111;text-decoration: none;background-color: transparent;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
.headerNav ul.hleft li a{color: #333;font-weight:normal; margin: 3px 3px;text-decoration:none;}
.headerNav ul.hleft li.searchbox{width:328px; margin:0;}
.headerNav ul.hleft li.logo2{ height:25px; float: left;}
.headerNav ul.hleft li.logo2 a{ padding:0; float:left; color: #666}
@media screen and (max-width: 870px) {
	.headerNav {
		width:100%;
	}
}
.logo-small {
	display: none;
	height: 36px;
	width: 36px;
	vertical-align: middle;
	margin-top: 4px;
	padding:0;
}
.navSearch {
}
.navSearch .txtSearch{
	width:288px;
	padding-left: 32px;
	font-size:13px;
	height:32px;
	color:#999;
	background:#f7f8f9;
	border:1px solid #ecedee;
	border-radius:999px;
	background: url(/img/search_on.png) no-repeat 6px 5px;
	background-size: 22px;
	vertical-align: middle;
	outline: none;
}
.search-open {
	display: flex;
	padding: 4px;
	margin-bottom: 16px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.search-open:hover{
	background-color:#faf3f3;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}
.search-open-img {
	height: 22px;
	width: 22px;
}
.search-explain {
	display: none;
}
@media screen and (max-width: 870px) {
	.logo-happyoj {
		display: none;
	}
	.logo-small {
		display: inline;
	}
}

.tags1{
	background: #17807d;
	opacity: .85;
	position: relative;
	display: inline-block;
	min-width: 16px;
	padding: 2px 3px;
	margin: 1px 0px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}


.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.caret-up {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 3px;
	vertical-align: middle;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.caret-down {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 3px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.ui.menu .item {
	float: left;
	color: rgba(0, 0, 0, 0.55);
	position: relative;
	display: inline-block;
	border-top: 0em solid transparent;
	background: none;
	margin: 10px 0px;
	padding: 2px 10px;
	vertical-align: middle;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui.menu .item-link {
}
.ui.menu .item-link:hover {
	border-radius: 10px;
	background-color: #faf3f3;
}
.ui.menu .item-highlight {
	color:rgb(255, 161, 22);
}
.ui.menu .item-highlight:hover {
	color: rgb(255, 119, 22);
}

.ui.menu .item-right {
	margin-left: -12px!important;
	float: right!important;
}

@media (min-width: 640px) {
	.ui.menu .item-right {
		margin-right: 0px!important;
	}
}
.ui.menu .item-dynamic-hide {
}

@media (max-width: 640px) {
	.ui.menu .item-dynamic-hide {
		display: none;
	}
}

ul.t_c_box{
	background:#FFFFFF !important;
	border-top:0px;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
}

ul.contest_box{width:120px; padding:5px 0;color:#fff;display:none;background:#40485b;position:absolute; }
ul.contest_box li{height:32px; line-height:32px; width:100%;overflow:inherit;}
ul.contest_box li:hover{color: #111;height:32px; width:100%; overflow:inherit;background:#f7f8f9;}
ul.contest_box li a{color: #111;display:block;height:28px; width:120px;padding-left: 10px}

ul.mail_box{width:120px; padding:5px 0;color:#fff; display:none;background:#40485b;position:absolute;top:52px; }
ul.mail_box li{ height:32px; line-height:32px; width:100%; text-align:left;}
ul.mail_box li:hover{color: #111;height:32px;width:100%; overflow:inherit;background:#f7f8f9;}
ul.mail_box li a{color: #111;display:block;height:32px;width:120px;padding-left: 10px}

ul.profile_box{width:120px; padding:5px 0;color:#fff; display:none;background:#40485b;position:absolute;right: 10px;top: 40px}
ul.profile_box li{ height:32px; line-height:32px; width:100%; text-align:left;}
ul.profile_box li:hover{color: #111;height:32px; width:100%; overflow:inherit;background:#f7f8f9;}
ul.profile_box li a{color: #111;display:block;height:32px; width:120px;padding-left: 10px}

.profile-login {
	width: 60px;
}
.profile-img {
	display: flex;
	height: 40px;
	width: 40px;
	margin-left: 10px;
	margin-top: 2px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

a.profile-item:before {
	display: inline-block;
	width: 32px;
	height: 26px;
	vertical-align: middle;
}
a.profile-item:hover:before{
	display: inline-block;
	width: 32px;
	height: 26px;
	vertical-align: middle;
}
a.profile-home:before {
	content:url(../img/home.png);
}
a.profile-home:hover:before  {
	content:url(../img/home.png);
}
a.profile-setting:before {
	content:url(../img/setting.png);
}
a.profile-setting:hover:before  {
	content:url(../img/setting.png);
}
a.profile-logout:before {
	content:url(../img/logout.png);
}
a.profile-logout:hover:before  {
	content:url(../img/logout.png);
}

.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eeeeee;}

/* Page header tweaks */
.page-header {
	background-color: #f5f5f5;
	/* padding: 20px 20px 10px; */
	margin: -20px -20px 20px;
}

.round_2 {
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-bottom-left-radius:  6px;
}
.round_01 {
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-topright:        6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-top-right-radius:    6px;

}
.round_02 {
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-bottom-left-radius:  6px;
}
.round_23 {
	-moz-border-radius-bottomright:     6px;
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius:  6px;

}
.round_013 {
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-topright:        6px;
	-moz-border-radius-bottomright:     6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-top-right-radius:    6px;
	-webkit-border-bottom-right-radius:  6px;

}
.round_012 {
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-topright:        6px;
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-top-right-radius:    6px;
	-webkit-border-bottom-left-radius:  6px;

}
.round_0123 {
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-topright:        6px;
	-moz-border-radius-bottomright:     6px;
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-top-right-radius:    6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius:  6px;
}

.roundbox{
	position:relative;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow: 0px 1px 6px #0000000a, 0px 4px 8px #00000005, 0px 6px 12px #00000005;
	-webkit-box-shadow: 0px 1px 6px #0000000a, 0px 4px 8px #00000005, 0px 6px 12px #00000005;
	box-shadow: 0px 1px 6px #0000000a, 0px 4px 8px #00000005, 0px 6px 12px #00000005;
}
.roundbox li{list-style-type:none;}
.roundbox .dark{background-color:#F5F5F5;}
.roundbox .disable{background-color: #b0afaf;}
.roundbox table.rtable{width:100%;margin-top:0px;border:none;}
.roundbox table.rtable-recent-oj{width:100%;margin-top:0px;border-top: 1px solid #e1e1e1;}
.roundbox .rtable td,.roundbox .rtable th{border:1px solid #e1e1e1;border-right:none;border-top:none;padding:2px 6px;text-align:center;}
.roundbox .rtable th{padding-top:1px;}
.roundbox .rtable .left-item{border-left:none;}
.roundbox .rtable .bottom{border-bottom:none;}
.roundbox .rtable .corner{width:10px;height:10px;}
.rtable th{font-weight:bold;}

.rtable a{color: #3357D6;outline:0;cursor: pointer;text-decoration:none;}
.rtable a:hover{color: #ec4d4d;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}

.roundbox-title {padding: 4px 0 0 6px;position: relative;font-size: 15px;font-weight: 600}
.bottom-link {padding:0px 6px 0px 6px; }

.menu-box{margin:0px;padding-top:6px;height:36px;line-height:36px;}

/* navigation menu-list */
.menu-list-container{margin:0;}
.menu-list{margin-left:12px;}
.menu-list li{float:left;list-style:none;margin-right:21px;}
.menu-list li a{font:bold 1em arial;text-decoration:none;color:#000;outline:none;text-align:center;top:2px;text-transform:uppercase;letter-spacing:0;display:block;float:left;height:28px;position:relative;overflow:hidden;margin:auto 12px;line-height:28px;}
.menu-list li.current{border-bottom:3px solid #3B5998;}
.menu-list li.item-highlighted *{color:red;}
.menu-list li a:hover,.menu-list li a:active,.menu-list li a:visited{border:none;}

.second-level-menu{position:relative;}
.second-level-menu-list{position:relative;;width:580px;overflow:hidden;}
.second-level-menu-list li{float:left;list-style:none;}
.second-level-menu-list li.current{
	-moz-border-radius-topleft:         6px;
	-moz-border-radius-topright:        6px;
	-moz-border-radius-bottomright:     6px;
	-moz-border-radius-bottomleft:      6px;
	-webkit-border-top-left-radius:     6px;
	-webkit-border-top-right-radius:    6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border:1px solid #b9b9b9;
}
.second-level-menu-list li a{position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;font:bold .8em arial;color:black;outline:none;text-align:center;height:20px;top:4px;z-index:10;letter-spacing:0;float:left;display:block;margin:auto 10px;}

.fixed-notice-messages {
	text-align: center;
	min-height:21px;
}

.container{
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
}
.container:before,.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}

.container > footer p {
	text-align: center;
}
#footer{
	width: 100%;
	color: rgb(153, 153, 153);
	font-style: normal;
	font-weight: 400;
	padding: 6px;
	margin: 12px auto; /* negative indent the amount of the padding to maintain the grid system */
	text-align:center;
	clear:both;
}
#footer a{
	color: rgb(153, 153, 153);
}
#footer a:hover{
	color: #333;
}
.container {
}
/* The white background content wrapper */
.container > .content {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}

.container > .content-topic {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}

.container > .content-edit-topic {
	max-width: 900px;
}

@media screen and (min-width: 870px) {
	.container {
		display: flex;
		flex-direction: column;
	}
	.container > .content {
		flex: auto;
		display: flex;
	}
	.container > .content-topic {
		flex: auto;
		display: flex;
	}
	.container > .content-edit-topic {
		flex: auto;
		display: flex;
	}
}

.container > .content > .clear {clear:both}

.news{margin:3px;padding:3px;}
.news p{ white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
.news .user{font:bold 13px arial;}
.news .user a,.news .user a:hover,.news .user a:visited{color:#000!important;text-decoration:none;}
.news .title{font:12px arial;}
.news .title a,.news .title a:hover,.news .title a:visited{color:blue!important;text-decoration:underline;}
.news .time{color: grey;}
.news .time a,.news .time a:hover,.news .time a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}

.caption{position:relative;}
.titled{color:#3B5998;font-weight:bold ;font-size:15px ;}
.secont-menu-link{
	text-align: right;
	margin-right: 6px;
}
.secont-menu-link a,.secont-menu-link a:hover,.secont-menu-link a:visited{color:#000;overflow:hidden;text-decoration:none;font:bold 12px arial;}

@keyframes ball {
	0% {
		transform: translateX(30vw);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.sidebar{
	width: 100%;
	padding:0px;
	margin-top:52px;
}
@media screen and (min-width: 870px) {
	.sidebar {
		flex: 0 0 auto;
		margin-left: 10px;
		width: 280px;
	}
}
@media screen and (max-width: 870px) {
	.sidebar {
		display: none;
	}
}

.sidebox {margin-bottom:10px;padding: 8px}
.sidebox .tit_2{margin:0 0 10px 0;}
.top-link {height:30px;}
.title-sidebox{float:left;margin:0px 3px; height:30px; line-height:30px; color:#3B5998;font-weight:bold ;font-size:15px ;}
.img-top10{width:24px;height:24px;background:url(img/top_24.png) no-repeat;display:block;position:absolute;left:0px;top:0px;}
.img-hot-topic{width:24px;height:24px;background:url(img/topic1_24.png) no-repeat;display:block;position:absolute;left:0px;top:0px;}
.title-sidebox .title{height:30px; line-height:30px; margin-left:30px;color:#3B5998;font-weight:bold ;font-size:15px ;
}
.sidebox .bottom-link{font-size:14px;}

.latest_news{margin:3px; font-size:14px;}
.latest_news ul{border: 0; margin:0; padding:0;}
.latest_news li{
	text-align: left;
	list-style-type:none;
	padding: 6px 6px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.latest_news li .title {
	color: rgb(38,38,38);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.latest_news li .content {
	font-size: 12px;
	color: rgb(60,60,67,0.3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.latest_news li:hover {
	background-color: #EBF5FB;
	border-radius: 6px 6px;
}
.latest_news_item {
	cursor: pointer;
}
/*
.latest_news:after{
	content:"."; display:block; height:0; clear:both; visibility:hidden;
	}
.latest_news ul{border: 0; margin:0; padding:0;}
.latest_news li{display:block;float:left; width:225px; height:24px; margin:0 0 0 0;overflow:hidden;text-align: left;text-overflow:ellipsis;white-space:nowrap;}
.latest_news li span.user{float:left;display:block;max-width:78px; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.latest_news li span.user a{
	font-size:12px;font-weight:bold;text-decoration: none;color: blue;
	}
.latest_news li span.topic_title{display:block;overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.latest_news li span.topic_title a{font-size:11px;}
*/

.top10{font-size:0.9em;display:block; *display:inline-block;  }
/*.top10 table.rtable td.user:after{content:"."; display:block;height:0; visibility:hidden;}*/
.top10 table.rtable th.user{
	font-weight:normal;
}
.top10 table.rtable td.user span.user{
	display:block;overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap;
}
.top10 table.rtable td.user span.user a{
	font-size:13px;font-weight:bold;text-decoration: none;color: #262626;
}

.rank-icon{
	magin-top:6px;
	width:13px;
	height:18px;
}

/* page content */
.content-topic-with-sidebar{
	padding: 10px 0px;
	width: 99%;
}

.content-with-sidebar{
	padding: 10px 0px;
	width: 99%;
}

.content-no-sidebar{
	padding: 10px 0px;
	width: 99%;
}

.content-search {
	padding: 10px 0px;
	width: 99%;
}

.problems-layout {
	min-height: 200px;
}
.users-layout {
	display: none;
	min-height: 500px;
}
.topics-layout {
	display: none;
	min-height: 500px;
}

@media screen and (min-width: 870px) {
	.content-topic-with-sidebar{
		flex: 1 1 auto;
		width: 900px;
	}
	.content-with-sidebar {
		flex: 1 1 auto;
		width: 900px;
	}
	.content-no-sidebar{
		flex: 1 1 auto;
		min-width: 1200px;
	}
	.content-search {
		flex: 1 1 auto;
		width: 900px;
	}
}

#nav-content{
	height:24px;
	margin: 6px 0px 12px 0px;
	/* text-transform: uppercase;*/
}
#nav-content a{
	z-index:10;
	text-decoration:none;
	color: rgba(0, 0, 0, 0.55);
	outline:none;
	padding:5px 8px 6px 8px;
	line-height:22px;
}
#nav-content .current{
	background-color:#faf3f3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#nav-content a:hover{
	color:#111;
	/*-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#faf3f3;
}

.content pre{
	white-space:pre;white-space:pre-wrap;word-wrap:break-word;
}

div.content h1{font-size:175%;line-height:.8571em;margin:.4286em 0 0;}
div.content p{font-size:1em;margin:1.5em 0 0 0;}
div.content blockquote{}
div.content blockquote{margin:12px 0 0 12px;}
div.content h1{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
.contest-data-title{
	text-align: center;
}
.data-title{
	text-align: left;
}
.problem-tips{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #000a2008;
	background: #000a2008;
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
	color: #454545;
	text-decoration: none;
	white-space: nowrap;
	line-height: 28px;
	font-size: 13px;
}
.sample-test{
	margin-top: 6px;
}
.probleminfo{
}
.probleminfo .content {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #000a2008;
	background: #000a2008;
	padding: 3px 5px;
	margin-right: 5px;
	color: #454545;
	text-decoration: none;
	line-height: 28px;
	font-size: 13px;
}
.probleminfo h5{
	font-size:15px;font-weight:bold;line-height:14px;margin:12px 0;
}

.probleminfo .sample-test .input, .probleminfo .sample-test .output{border:1px solid #888;}
.probleminfo .sample-test .output{margin-bottom:12px;position:relative;top:-1px;}
.probleminfo .sample-test .title{
	font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
	font-size:13px;
	padding-left:3px;border-bottom:1px solid #888;text-transform:lowercase;
	font-weight:bold;
}
.probleminfo .sample-test .sample-input,.probleminfo .sample-test .sample-output{
	font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
	font-size:14px;
	line-height:16px;padding:3px;margin:0;
	background-color:#efefef;
	display:block;overflow:auto;white-space:nowrap;
}
.problem-modify-textarea {
	width:100%;
	height:100%;
	min-height:40px;
	max-height:300px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	resize: vertical;
}

.problem-modify-textarea:focus {
	outline: 0;
	border: 1px solid #0185e4;
}
/****message ȡ��  */
.message{margin:1em 0;}
.message .list *{
}
.message .list ul,ol,li {

	/*color: #000;*/
}
.message .list li a,.list li a:hover,.list li a:visited{color:262626!important;}
.message .list{margin-left: 0px;margin:1em 0;padding-left:1em;border-left:4px solid #B9B9B9;line-height:28px;font-size:13px;}
.message .list .comment{   /* ��Ч*/
	line-height:18px;
	border: 0px solid #B9B9B9;
	padding: 13px;
}
.table-form-profile{

}
.table-form-profile tr {margin-top: 20px;}
.table-form-profile tr td{margin-top:24px;}

.table-form {margin:12px auto;font-size:13px;}
.table-form tr{height:24px;}
.table-form tr td{height:24px;}
.table-form td{padding-bottom:0;margin-bottom:0;}
.table-form .field-name{text-align:right;padding:6px;padding-right:12px;width:78px;}
.table-form input.register-input {
	width: 360px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
}
.table-form input.register-box-input {
	width: 360px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
}
.table-form input.register-box-submit {
	width: 370px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	border: 1px solid #4389ec;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: 800;
	background-color: #4389ec;
}

.table-form input.register-box-submit:hover {
	transform:scale(0.99, 0.99);
}

.table-form .submit{padding:0 12px;margin:12px 12px 0 12px;height:28px;color:black;}
.table-form tr.subscription-row{height:10px;line-height:10px;font-size:12px;}
.table-form tr.subscription-row td{height:10px;line-height:10px;}

.register-box{
	border-top:1px solid #eee;
	margin: 0px auto;
	padding: 12px;
}

.shiftUp{
	text-align: left;
	line-height: 13px;
}
.inline-fielderror{
	font-size: 13px;
	line-height: 13px;
	color:red;
}

.fielderror{
	font-size: 13px;
	line-height: 13px;
	color:red;
}
.fieldsuccess{
	font-size: 13px;
	line-height: 13px;
	color:green;
}
/****end message  */

.reply-edit-box{
}

.write-message-box{
	font-weight: bold;
	background-color:#def;
	border:1px solid #FFC300;
	margin: 3px auto;
	margin-bottom:12px;
	padding: 12px;

}

.message-title{
	width:800px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 0px solid #ccc;
	padding: 8px 0px 8px 8px;
	line-height: 28px;
	font-size: 20px;
	color: rgb(38, 38, 38);
	color-scheme: light;
	font-stretch: 100%;
	margin-bottom:6px;
}

.message-title::placeholder{
	color: rgb(214, 217, 220);
}

.message-content{
	width:100%;
	padding:1px 0px 1px 1px;
	margin-bottom:6px;
	overflow: auto;
	overflow-x:hidden;
}

.send-to-user{
	width:99.4%;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
}

.bg-sidebox{background-color:#EEE0E5!important;}

.bg-pink{background-color:#EEE0E5!important;}
.bg-blue{background-color:#F2F2F2!important;}
.bg-green{background-color:#B4EEB4!important;}
.bg-content{background-color:#FFFFFF!important;}
.bg-comments{background-color:#F2F2F2!important;}
.bg-comment{background-color:#FFFFFF!important;}

.highlight-grey{border:1px dashed #DBDBDB;}
.highlight{border:1px solid #FFC300;}
.highlight-blue{border:1px solid #7f9ddc;}
.highlight-green{border:1px solid #B4EEB4;}

.highlight-green-2{
	border-left: 1px solid #B4EEB4;
	border-right: 1px solid #B4EEB4;
	border-bottom: 1px solid #B4EEB4;
}


.profile{
	align-items: center;
	opacity:1;margin-bottom:24px;padding:8px;
}
.profile pre{padding-left: 12px;color: grey;}
.profile li{list-style-type:none;}
.profile-box {
	padding:12px;
	height:300px;
	display: flex;
	flex-direction: row;
}
.profile-box-avatar-setting {
	border:1px solid #B9B9B9;width:280px;min-height:300px;padding:12px;margin: 6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.profile-box-avatar {border:1px solid #f0f0f0;width:260px;padding:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
@media (max-width: 870px) {
	.profile-box-avatar {
		display: none;
	}
}
@media (min-width: 870px) {
	.profile-box-avatar-setting {
		float:right;
	}
}

.photo-change{
	position: absolute;
	top: 240px;
	left: 0;
	right: 0;
	width: auto;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	padding: 8px 8px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	color: #FFFFFF!important;
	background-color: hsl(210,8%,25%);
}
.profile-box-avatar-change {
	display: none;
	margin-top: 30px;
}

.profile-box-avatar-select {
	text-align: left;
	color: #4389ec!important;
	font-size: 15px;
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f0;
}
.profile-box-avatar-select:hover {
	background-color: #F5F5F5;
}
.avatar-provider {
	margin-left: 12px
}
.avatar-check-select {
	width: 20px;
	height: 20px;
	color: green!important;
	text-align: center;
	line-height: 20px;
	margin-top: 6px;
	display: block;
	float: right;
}

.avatar-selected {
}
.avatar-selected::before{
	content: '✔';
}

.profile-box-avatar-select-upload {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.profile-box-avatar-upload{
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	border: 1px solid #4389ec;
	border-radius: 3px;
	padding: 8px 8px;
	font-size: 14px;
	cursor: pointer;
	color: #FFFFFF!important;
	background-color: #4389ec;
}
.profile-box-avatar-upload:hover{
	background-color: #155CA2FF;
}
.profile-box-avatar-upload-cancel{
	margin-left: 20px;
	outline-style: none;
	border: 1px solid #FFF;
	padding: 8px 8px;
	font-size: 14px;
	color: #4389ec!important;
}
.profile-box-avatar-upload-cancel:hover{
	border-radius: 3px;
	border: 1px solid #EBF5FB;
	background-color: #EBF5FB;
}

.profile-box-avatar-inner {line-height:200px;text-align:center;}
.profile-big-avatar {margin:auto;vertical-align:middle;display:inline;max-width:100%;max-height:100%;}
.profile-box-info {
	font-size: 14px;
	word-wrap:break-word;
	margin-right: 12px;
	flex: auto;
	display: flex;
}
.profile-box-info ul{padding: 0px;margin: 0px;}
.profile-box-info .uname {line-height: 20px!important;margin-bottom: 6px}
.profile-box-info .motto {line-height: 20px!important;margin-bottom: 6px}
.profile-sub-module-box {
	margin-top: 10px;
}
.markdown-view {padding: 6px!important;}
.comments{margin:0px auto; padding:6px;line-height:28px;font-size:14px;}
.comments .roundbox-comments{
	border:1px solid #b9b9b9;position:relative;
	margin-bottom:12px;
	padding: 12px 1px 12px 1px;
}
#ul-comments ul{margin:0; padding:0; list-style-type: none;}
#ul-comments li{margin:0; padding:0; list-style-type: none;}
div.comments blockquote{font-size:14px;}
div.comments blockquote{margin:1.5em 0 0 1.5em;color:#000;}
.comment{opacity:1;padding: 0px;line-height:18px;margin-bottom:3px;}
.comment .content{
	padding-left: 12px;word-wrap:break-word;
}
.comment-line{height:1px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd;}
.comment-table{border:1px dashed white;}
.comment .grey{color: grey;}
.comment .grey a,.comment .grey a:hover,.comment .grey a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}
.comment-content {display: block}

.topic-edit-box{
	margin:1em 0;
}

.topic{
	margin:1em 0;
	padding: 8px 8px;
}
.topic .title *{
}
.topic-userpic{text-align:center;display:inline;float:right;border:1px solid #b9b9b9;padding:.5em;}
.topic .title {
	line-height: 38px;
	text-align: left;
	padding: 0px 6px;
}
.topic .title a,.topic .title a:hover,.topic .title a:visited{
	display: inline;
	color:#262626;!important;
	text-decoration:none;
	margin: auto 0px;
}
.topic .title .title-name {
	vertical-align: middle;
	margin-left: 6px;
	font-size: 16px;
	font-weight: 500;
}
.topic .content{
	display:block;
	font-family: Helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 162%;
	word-break: break-word;
	text-align: justify;
}
.topic .content p{}
.topic .content img {
	border-radius: 10px;
	max-width: 700px;
	max-height: 800px;
}
.topic .bottom-tools{
	border-top: 1px solid rgb(0,10,32,0.11);
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 2px 0px;
	text-align:center;
	width: 100%
}
.reply-edit-box-pro {
	z-index: 9999;
	background-color: #FFF;
	position:fixed;
	height:400px;
	width:100%;
	bottom:0px;
	left: 0px;
	line-height: 16px;
	display: none;
	border-top: 1px solid rgb(0,10,32,0.11);
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	-moz-box-shadow:2px 0px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:2px 0px 3px rgba(0,0,0,.33);
	box-shadow:2px 0px 3px rgba(0,0,0,.33);
}
.reply-edit-box-tools {
	padding: 9px;
	height: 40px;
	background-color: #FFF;
	text-align: center;
}
.post-reply {
	margin-left: 12px;
}
/*
.topic .info a,.topic .info a:hover,.topic .info a:visited{font-size:115%;color:#000!important;text-decoration:none;}
*/
.topic_manage{padding:0px 0px 5px 0px; color:#999; font:normal 12px/24px Arial; text-align:right;}
.topic_manage span{margin:0 5px;}
.topic_manage .link_postdate{margin:0 5px 0 0;}
.topic_manage .link_view{padding:0 0 0 14px; background:url(../img/ico_view.png) no-repeat left center; _background:url(../img/ico_view.gif) no-repeat left center;}
.topic_manage .link_comments{padding:0 0 0 14px; background:url(../img/ico_comm.png) no-repeat left center; _background:url(../img/ico_comm.gif) no-repeat left center;}

.topic_manage .link_author{float:left;color:#000; font:normal 12px/24px Arial;}
.topic_manage .link_categories{float:left;}
.topic-order-num{display: none}
.topic-tools-box{padding:5px 0;text-align:right;}
.topic-tools-box span{margin:0 5px;}
.topic-tools-box .topic-vote{padding:0 0 0 14px;text-align:right;}
.topic-tools-box .topic-share{margin-top:3px;float:left;}
.topic-tools-box .topic-shareto{color:green;float:left;font-weight: bold;}

.topic .grey{color: grey;}
.topic .grey a,.topic .grey a:hover,.topic .grey a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}

.topic .comments{padding:5px;}

.third-party-title {
	display: flex;
	flex-direction: row;
	color: grey;
}

.third-party-title:before,
.third-party-title:after {
	content: "";
	flex: 1 1;
	border-bottom: 1px solid #ddd;
	margin: auto;
}

.third-party-avatar {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	height: 20px;
	width: 20px;
}
.third-party-logo {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.login {
	z-index: 1001;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 40px;
	border-radius: 10px;
	border: 1px solid rgba(50,58,69,.2);
	background-color: #fff;
}
.login h2 {
	margin: 0 0 25px;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
	color: #323a45;
}
.text-center {
	text-align: center;
}
.login .account-input {
	position: relative;
	height: 68px;
}
.login .account-input input {
	height: 48px;
	width: 370px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	border: 1px solid rgba(50,58,69,.2);
	border-radius: 5px;
}
.login button {
	width: 380px;
	height: 48px;
	border: none;
	background-color: #323a45;
	color: #fff;
	font-size: 24px;
	border-radius: 24px;
	cursor: pointer;
	transition: opacity .2s ease;
}
.breatiful-button{
	padding:1px;
	border: 1px dashed #B7CBFF;
}

.border_dashed{
	width:400px;
	border:1px solid #B7CBFF;
	background: #F4FBFF;
	overflow: auto;
}

.confirm{
	color: red;
}

.datatable {width:100%; position:relative;background-color:#E1E1E1;padding-bottom:3px; }

.datatable li{list-style-type:none;}
.datatable a{font-size: 14px;color: #232a31;}
.datatable a:hover{font-size: 14px;color: #1890ff;}
.datatable table{overflow:hidden; text-overflow:ellipsis;}
.datatable table td{padding:3px 6px;}
/*
.datatable td{width:auto!important;max-width:480px!important;overflow:auto;}
.datatable td{line-height:16px ;word-wrap:break-all; overflow:hidden;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:.5em;font-size:.9em;text-align:center;}
.datatable th{border-right:1px solid #e1e1e1;padding:.5em;font-size:.9em;text-align:center;}
.datatable th{font-weight:bold;}
*/

.datatable .lt{background:url(../img/roundbox/corner/corner-lt.png) no-repeat top left;width:6px;height:6px;left:0;top:0;position:absolute;}
.datatable .rt{background:url(../img/roundbox/corner/corner-rt.png) no-repeat top right;width:6px;height:6px;right:0;top:0;position:absolute;}
.datatable .lb{background:url(../img/roundbox/corner/corner-lb.png) no-repeat bottom left;width:6px;height:6px;left:0;bottom:0;position:absolute;}
.datatable .rb{background:url(../img/roundbox/corner/corner-rb.png) no-repeat bottom right;width:6px;height:6px;right:0;bottom:0;position:absolute;}

.datatable .lt_small{background:url(../img/roundbox/corner-small/corner-small-lt.png) no-repeat top left;width:4px;height:4px;left:0;top:0;position:absolute;}
.datatable .rt_small{background:url(../img/roundbox/corner-small/corner-small-rt.png) no-repeat top right;width:4px;height:4px;right:0;top:0;position:absolute;}
.datatable .lb_small{background:url(../img/roundbox/corner-small/corner-small-lb.png) no-repeat bottom left;width:4px;height:4px;left:0;bottom:0;position:absolute;}
.datatable .rb_small{background:url(../img/roundbox/corner-small/corner-small-rb.png) no-repeat bottom right;width:4px;height:4px;right:0;bottom:0;position:absolute;}

.datatable .ilt{background:url(../img/roundbox/inner-corner/inner-corner-lt.png) no-repeat top left;width:6px;height:6px;left:0;top:0;position:absolute;}
.datatable .irt{background:url(../img/roundbox/inner-corner/inner-corner-rt.png) no-repeat top right;width:6px;height:6px;right:0;top:0;position:absolute;}
.datatable .ilb{background:url(../img/roundbox/inner-corner/inner-corner-lb.png) no-repeat bottom left;width:6px;height:6px;left:0;bottom:0;position:absolute;}
.datatable .irb{background:url(../img/roundbox/inner-corner/inner-corner-rb.png) no-repeat bottom right;width:6px;height:6px;right:0;bottom:0;position:absolute;}

.datatable .innertable{background-color:#FFF;margin:3px;position:relative;}

.datatable .left-item{border-left:none;}
.datatable .top-item{border-top:none;}
.datatable .bottom-item{border-bottom:none;}
.datatable .right-item{border-right:none;}
.datatable .dark{background-color:#f8f8f8;}
.datatable .my{background-color:#EEE0E5;}

TABLE.topics,TABLE.status,TABLE.problem,TABLE.contest,TABLE.standings,TABLE.events,TABLE.packets {
	width:100%; overflow: scroll;text-align: left;font-size:14px;}
TABLE.topics TH,TABLE.status TH,TABLE.problem TH,TABLE.contest TH,TABLE.standings TH,TABLE.events TH, TABLE.packets TH {
	padding:0.3em;height:43px;color: rgba(60, 60, 67, 0.6);font-weight: 400;border-bottom:1px solid rgb(240, 240, 240);}
TABLE.topics TD,TABLE.status TD,TABLE.problem TD,TABLE.contest TD,TABLE.standings TD,TABLE.events TD, TABLE.packets TD {
	padding:0.3em;height:43px;max-width:480px!important;word-wrap:break-all; overflow:hidden;}
TABLE.topics .id,TABLE.status .id,TABLE.problem .id,TABLE.contest .id,TABLE.standings .id,TABLE.events .id,TABLE.packets .id  {
	width:48px;text-align: center;}
TABLE.topics .dark,TABLE.status .dark,TABLE.problem .dark,TABLE.contest .dark,TABLE.standings .dark,TABLE.events .dark,TABLE.packets .dark{
	background-color:#F5F5F5;}
TABLE.topics TH .title { text-align: center;}
TABLE.topics TD .title { text-align: left;}
TABLE.topics .coder,TABLE.topics .coder a{text-align: center;}
TABLE.topics .rating {width:48px;text-align: center;}
TABLE.topics .reply {width:48px;text-align: center;}
TABLE.topics .views {width:48px;text-align: center;}
TABLE.topics .date {width:144px;text-align: center;}
TABLE.topics .operator {width:116px;text-align: center;}

TABLE.problem .status {width:48px;text-align: center;}
TABLE.problem .title { text-align: left;}
TABLE.problem .solved {width:98px;text-align: center;}
TABLE.problem .point {width:68px;text-align: center;}
TABLE.problem .ratio {min-width:82px;text-align: center;}
TABLE.problem .problem-ac {background-color:#d4edc9;}
TABLE.problem .problem-failed {background-color:#EEE0E5;}

@media screen and (max-width: 870px) {
	TABLE.problem .id, TABLE.problem .status, TABLE.problem .solved {
		display: none;
	}
}

.submit-problem-img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.problem-disable {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.problem-user-status {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
.new-problem {display: none;}
a.new-problem {color: green!important;}
.new-problem-icon {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.edit-problem {display: none;margin-left: 6px}
.edit-problem-icon {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.problem-data-link {display: none;margin-left: 6px}
.problem-data-link-icon {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

TABLE.status .date {min-width:48px;}
TABLE.status .verdict {max-width:200px;}
.verdict_ac, .verdict_ac a {color:#0a0!important;font-weight:bold;}
.verdict_ce, .verdict_ce a {color:#00A;!important;}
.verdict_pe, .verdict_pe a {color:orange;!important;}
.verdict_other, .verdict_other a {color:red;!important;}
.verdict_prev, .verdict_prev a {color:grey;!important;}/*#DBDBDB*/
TABLE.status .verdict a:hover{color: inherit}
TABLE.status .title {text-align: left;line-height: 200%; word-wrap:break-word;overflow-wrap: break-word;}
TABLE.status .language {}
TABLE.status .time {}
TABLE.status .memory {}
TABLE.status .length {width:68px;}
TABLE.status .test {width:42px;}
TABLE.status .coder,TABLE.status .coder a{font-size:13px;TEXT-DECORATION: none ;}
.re-judge {display: none;}
.re-judge-icon {
	vertical-align: middle;
	width:20px;
	height:20px;
}
@media screen and (max-width: 870px) {
	TABLE.status .id,.language,.time,.memory  {
		display: none;
	}
}
@media screen and (max-width: 500px) {
	TABLE.status .title {
		max-width: 86px;
	}
}

TABLE.standings .sidebar-rank { width:24px;text-align: center;}
TABLE.standings .rank { width:48px;text-align: center;}
TABLE.standings .coder0 {width:162px; text-align: left;}
TABLE.standings .coder {text-align: left;font-size:13px;}
TABLE.standings .coder .nickname {float:right;font-size:12px;text-align:right;color: grey;}
TABLE.standings .penalty {width:62px;text-align: center;max-width:480px!important;}
TABLE.standings .solved {width:48px;text-align: center;}
TABLE.standings .solved2 {width:78px;}
TABLE.standings .score {width:48px;text-align: center;}
TABLE.standings .problem {width:48px;text-align: center;line-height: 12px}
TABLE.standings .motto {}
TABLE.standings .school {text-align: center;}
TABLE.standings .rating {width:48px;text-align: center;}
TABLE.standings .rating2 {width:68px;text-align: center;}

@media screen and (max-width: 870px) {
	TABLE.standings .motto {
		display: none;
	}

	TABLE.standings .problem {
		display: none;
	}
}

@media screen and (max-width: 870px) {
	TABLE.standings .coder .nickname {
		display: none;
	}
}

TABLE.contest .title {word-wrap:break-word;}
TABLE.contest .start {min-width:86px;}
TABLE.contest .during {width:86px;}
TABLE.contest .type {width:48px;text-align: center;}
TABLE.contest .coder {width:128px;text-align: center;}
TABLE.contest .standings {width:68px;white-space:nowrap;}
TABLE.contest .info {}
TABLE.contest .reg {}
TABLE.contest .registrants {width:48px;text-align: center;}
TABLE.contest .week {width:48px;text-align: center;}
TABLE.contest .access {width:86px;text-align: center;}
TABLE.contest .oj {width:86px;text-align: center;}
TABLE.contest .name { word-wrap:break-word;}
TABLE.contest .rating {text-align: center;}
TABLE.contest .oper {width: 52px}

@media screen and (max-width: 870px) {
	TABLE.contest .during,.registrants {
		display: none;
	}
}

TABLE.events {
	margin:auto;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	font-family: 'Fira Code Retina','Fira Code','Fira Mono','JetBrains Mono','Source Code Pro','Consolas','Menlo','Monaco',monospace;
	width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.events TR.contest-pending {background-color: #FFFFFF;}
TABLE.events TR.contest-pending:hover {background-color: #EBF5FB}
TABLE.events TR.contest-running {background-color: rgb(255, 244, 227);}
TABLE.events TR.contest-running:hover {background-color: #EBF5FB}
TABLE.events TD {max-width:480px!important;height:24px;border: 0px;
	word-wrap:break-all; overflow:hidden;}
TABLE.events .id { width:24px;text-align: left;}
TABLE.events .title { text-align: left;word-wrap:break-word;}
TABLE.events .title>a { color: #088acb;}
TABLE.events .start {min-width: 86px;text-align: center;}
TABLE.events .during {min-width:52px;text-align: center;}
TABLE.events .type {width:48px;text-align: left;}
TABLE.events .coder {width:128px;text-align: left;}
TABLE.events .standings {width:108px;text-align: left;}
TABLE.events .info {text-align: left;white-space:nowrap;}
TABLE.events .reg {width:168px;text-align: left;}
TABLE.events .registrants {width:48px;text-align: left;}
TABLE.events .week {width:48px;text-align: left;}
TABLE.events .countdown {min-width:72px;text-align: center;}
TABLE.events .oj {width:86px;text-align: left;}
TABLE.events .name { text-align: left;word-wrap:break-word;}
TABLE.events .name>a { text-align: left;color: #088acb;}
TABLE.events .rating {text-align: left;}
@media screen and (max-width: 870px) {
	TABLE.events .during {
		display: none;
	}
}
.pending{
	color: green;
	font-weight: bold;
}
.running{
	color: red;
	font-weight: bold;
}
.ended{
	color: grey;
	font-weight: bold;
}

TABLE.mails {width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.mails TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.mails TD, TABLE.mails TH {padding:0.3em !important;}
TABLE.mails TH {border-left:1px solid #e1e1e1;height:24px;}
TABLE.mails TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;word-wrap:break-all; overflow:hidden;}
TABLE.mails .id { width:42px;text-align: center;}
TABLE.mails .status {width:42px;text-align: center;}
TABLE.mails .title { text-align: left;}
TABLE.mails .sender {width:86px;text-align: center;}
TABLE.mails .recver {width:86px;text-align: center;}
TABLE.mails .date {width:144px;text-align: center;}

.row-even{background-color:#FFF;}
.row-odd{background-color: #f8f8f8;}

#datepick-div,.datepick-inline{background:#fff;color:#222;width:220px;}
#datepick-div select.datepick-new-month{width:70%;}
#datepick-div select.datepick-new-year{width:30%;}
#datepick-div{display:none;border:1px solid #B9B9B9;border-bottom:none;z-index:100;}
.datepick-inline{float:left;display:block;border:0;}
#datepick-div table td{height:16px;}
#datepick-div table th{height:22px;}
.datepick-rtl{direction:rtl;}
.datepick-dialog{padding:5px!important;border:4px ridge #B9B9B9!important;}
.datepick-disabled{position:absolute;z-index:100;background-color:white;opacity:.5;filter:alpha(opacity=50);}
button.datepick-trigger{width:25px;}
img.datepick-trigger{margin:2px;vertical-align:middle;}
.datepick-prompt{float:left;padding:2px;}
* html .datepick-prompt{width:220px;}
.datepick-control,.datepick-links,.datepick-header,.datepick{clear:both;float:left;width:100%;color:#222;}
.datepick-control{background:#fee6e3;padding:2px 0;display:none;}
.datepick-links{background:#fff;padding:2px 0;}
.datepick-control,.datepick-links{color:#3B5998;font-size:80%;}
.datepick-links label{padding:2px 5px;color:#888;}
.datepick-clear,.datepick-prev{float:left;width:34%;}
.datepick-rtl .datepick-clear,.datepick-rtl .datepick-prev{float:right;text-align:right;}
.datepick-current{float:left;width:30%;text-align:center;}
.datepick-close,.datepick-next{float:right;width:34%;text-align:right;}
.datepick-rtl .datepick-close,.datepick-rtl .datepick-next{float:left;text-align:left;}
.datepick-header{background:#e0e0e0;text-align:center;font-weight:bold;color:#3B5998;height:1.3em;}
.datepick-header select{background:#e0e0e0;color:#222;border:0;font-weight:bold;color:#3B5998;}
.datepick-header span{position:relative;top:3px;}
.datepick{text-align:center;font-size:100%;}
.datepick a{display:block;width:100%;}
.datepick-title-row th{text-align:center;font-weight:normal;}
.datepick-week-col{background:#e0e0e0;}
.datepick-days-cell{border:1px solid #d3d3d3;}
.datepick-days-cell a{display:block;background:#eee;}
.datepick-other-month a{background:#fff;}
.datepick-unselectable{color:#888;}
.datepick-week-over a{background:#e0e0e0;}
.datepick-today{border:1px solid #fcefa1;}
.datepick-today a{background:#fbf9ee;}
.datepick-current-day{border:1px solid #B9B9B9;}
.datepick-current-day a{background:#e0e0e0;color:#222;}
.datepick-days-cell-over{border:1px solid #999;}
.datepick-days-cell-over a{background:#dadada;}
.datepick-status{width:100%;font-size:80%;text-align:center;}
#datepick-div a,.datepick-inline a{cursor:pointer;margin:0;padding:0;text-decoration:none;}
.datepick-inline .datepick-links a{padding:0 5px!important;}
.datepick-control a,.datepick-links a{padding:2px 5px!important;color:#222!important;}
.datepick-control a:hover{background:#ffd0d0;}
.datepick-links a:hover,.datepick-title-row a:hover{background:#e0e0e0;}
.datepick-multi .datepick{border:1px solid #B9B9B9;}
.datepick-one-month{float:left;width:220px;}
.datepick-new-row{clear:left;}
.datepick-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-1px;left:-1px;width:187px;height:187px;}

.problem-params {
	width: 100%;
	margin-bottom: 12px;
}
.problem-time-input {
	width:50px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 13px;
	margin-bottom:6px;
}
.problem-oj-input {
	width:120px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 13px;
	margin-bottom:6px;
}
.problem-link{
	display: block;
	float:left;vertical-align: middle;
}
.problem-link a{
	white-space: nowrap;
	line-height: 200%;

}
.statistic-submit {
	font-size:11px;color:grey;font-family:verdana,Serif,Arial;
}
.rated-user {
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
	text-decoration: none !important;
	font-weight: bold!important;
}

/*
10 [3000, inf) Legendary Grandmaster ��� 
9 [2600, 3000) International Grandmaster �ʺ�  
8 [2200, 2600) Grandmaster �� 
7 [2050, 2200) International Master �� 
6 [1900, 2050) Master �� 
5 [1750, 1900) Candidate Master �� 
4 [1600, 1750) Expert ��
3 [1400, 1600) Specialist ��  
2 [1200, 1400) Pupil ��
1 (-inf, 1200) Newbie �� 
0 -> black
*/
.user-rate-11 {
	color: black !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-10 { /*  .user-red */
	color: #a00 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-9  { /* .user-red-lite */
	color: red !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-8 { /* .user-gold */
	color: #FFD700 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-7 { /* .user-orange */
	color: #FF8C00 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-6 { /* .user-Pink */
	color: #FF1493 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-5 { /* .user-violet */
	color: #f8f !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-4 { /* .user-blue */
	color: #aaf !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-3 { /* .user-green */
	color: #77ddbb !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-2 { /* .user-green-lite */
	color: #7f7 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-1 { /* .user-gray */
	color: #ccc !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-0 { /* .user-black */
	color: black !important;
	font-weight: normal !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-unknow{
	color: #00C !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}

.user-admin {
	color: black !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}

/*
back to top 
*/
.back-to {
	position: fixed;
	bottom: 40px;
	*bottom: 50px;
	_bottom: 40px;
	right: 10px;
	z-index: 999;
	width: 50px;
	zoom: 1
}
* html .back-to {
	position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
}
.back-to .back-home {
	float: right;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/back-home.png) no-repeat 0 0;
	outline: 0 none;
	text-indent: -9999em
}
.back-to .back-home:hover {
	background-position: -50px 0
}
.back-to .back-top {
	float: right;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/back-top.png) no-repeat 0 0;
	margin-left: 10px;
	outline: 0 none;
	text-indent: -9999em
}
.back-to .backtotop {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background: #666 url(../img/btt.png) 8px -57px no-repeat;
	margin-bottom: 15px;
	outline: 0 none;
	text-indent: -9999em;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative
}
.back-to .backtotop:hover {
	background-color: #333;
	background-position: 8px 13px
}
.back-to .backtotop .back-tip {
	position: absolute;
	visibility: hidden;
	top: -31px;
	left: -10px
}
.back-to .backtotop:hover .back-tip {
	visibility: visible
}
.back-to .back-top:hover {
	background-position: -50px 0
}



/* poshytip*/
.UserOutline {
	width:300px;
	padding: 0px 24px 0px 0px;
}
.UserOutline .u {float:left;width:85px;height:85px;}
.UserOutline h1 a{}
.UserOutline h1 {font-size:15px;color:#000;padding:2px 5px;}
.UserOutline h1 .city {font-weight:normal;font-size:13px;margin-left:10px;color:grey;}
.UserOutline ul {margin-left:3px;}
#UserMotto {
	margin:5px 0 0 5px;color:#378059;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#UserStat {margin:0px 0 0 10px;}
#UserStat ul{
	border: 0; margin:10px 0; padding:0;
}
#UserStat ul li {
	float:left;
	width:50px;
	border-right:1px solid #ccc;
	margin-right:0px;
	font-weight:bold;
	text-align:center;
	color:#40AA53;
	list-style-type:none;
}
#UserStat ul li.l {border-right:0;width:85px;}
#UserStat ul li em {display:block;font-style:normal;color:#444;}
#UserStat ul li a {text-decoration:none;color:#40AA53;}
#UserStat ul li a:hover {color:#060;}
.UserOutline .opts {margin:50px 0 10px 0;color:#000;font-size:13px;clear:both;font-weight:bold;}
.UserOutline .opts span {background:#f3deb0;border:1px solid #aba895;padding:2px 12px;margin-right:5px;color:#666;}
.UserOutline .opts a {text-decoration:none;color:#378059;}
.UserOutline .opts a:hover {color:#A00;}
.UserOutline .opts .cancel {font-weight:normal;}
.UserOutline #Logs {overflow: hidden;}
.UserOutline #Logs strong {display:block;margin:0 0 10px 0;border-bottom:1px solid #888;padding-bottom:4px}
.UserOutline #Logs .log {
	color:#666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.UserOutline #Logs .log a{text-decoration:none;}
.UserOutline #Logs .log a:hover {text-decoration:underline;}
/* end poshytip*/


.Tabs {background-color:#eee;height:28px;margin-bottom:10px;}
.Tabs ul{float:left;height:28px;line-height:28px;}
.Tabs li{float:left;font-size:10.5pt;}
.Tabs li a{font-size:13px;color:#000;display:block;text-decoration:None;padding:0 15px;}
.Tabs li a.active {background-color:#557DBA;color:#fff;}
.Tabs li.sep{border-right:1px solid #ccc;}
.Tabs .desc {color:#999;float:left; margin:8px 0 0 20px;}
.Tabs .more{float:right;margin:6px 6px 0 0;text-decoration:None;}

.BlogList li a {color:rgb(38,38,38);text-decoration:none;}
#RecentBlogs { margin:0;}
#RecentBlogs img {border-radius: 10px;max-width: 600px;max-height: 600px;}
#RecentBlogs .Tabs li a.active {background-color:#40AA53;color:#fff;}
#RecentBlogs .BlogList { margin: 0px 0px 10px 0px; padding:0;list-style-type: none;}
#RecentBlogs .BlogList > .topic-item {padding:6px 0px 6px 0px;border-bottom:1px solid #F5F5F5;}
#RecentBlogs .BlogList > .topic-item:hover {
	background-color: #fcfafa;
}
#RecentBlogs .BlogList li h3 {font-size:16px;margin:0 0 5px 0;}
#RecentBlogs .BlogList li .u {float:left; width:40px;}
#RecentBlogs .BlogList li .u img {width:32px;height:32px;margin:3px 0 0 5px;}
#RecentBlogs .BlogList li .b {margin-left:46px;}
#RecentBlogs .BlogList li .title {
	font-size: 16px;
	font-weight: 500;
}

.search-user-item {
	padding: 10px;
	margin-bottom: 10px;
	min-height: 100px;
}
.search-user-item .h {
	line-height: 20px !important;
}
.search-user-item .u {
	float: left;
}
.search-user-item .i {
	margin-left: 90px;
}
.search-user-item .i .nickname {
	display: block;
	color:grey;
	margin-top: 0px;
}
.search-user-item .i .motto {
	display: block;
	color:rgba(15,20,25,1.00);
	line-height: 20px;
	font-size: 14px;
	margin: 6px 0;
}
.search-user-item .b{
	margin-left: 90px;
	color: rgb(83, 100, 113);
}
.search-user-item .b .item{
	margin-right: 20px;
}
.user-online-state0 {
	margin-left: 6px;
}
.user-online-state1 {
	margin-left: 6px;
	color:green;
	font-weight:bold;
}
.search-topic {
	display: flex;
	margin: 10px 0px;
}
.search-topic-pic {
	margin-right: 10px;
}
.search-topic-abst {
}
.search-topic-stat {
	margin-left: 40px;
}
.topic-svg-icon {
	margin-left: 3px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
#RecentBlogs .BlogList li .abstract {
	cursor: pointer;
	font-size:13px;
	background-color: inherit;
	color: rgba(60, 60, 67, 0.6);
	line-height:16px;
	word-wrap:break-word;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
#RecentBlogs .BlogList li .abstract img {
	display: block;
	max-width: 250px;
	max-height: 250px;
}
#RecentBlogs .BlogList li .more {font-size:13px;line-height:18px;word-wrap:break-word;}
#RecentBlogs .BlogList li .buttom{margin:10px 0 0 0 ;font-size:14px;}
#RecentBlogs .BlogList li .date {color:#666;}
#RecentBlogs .BlogList li .opts {float: right;}
#RecentBlogs .BlogList li .opts a{text-decoration: none;}
#RecentBlogs .BlogList li .opts a:hover{color:#00a;}

.button_submit_code {
	display: inline-block;
	border-radius: 4px;
	background-color: #428bca;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	padding: 20px;
	width: 200px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.button_submit_code span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button_submit_code span:after {
	content: '»';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button_submit_code:hover span {
	padding-right: 25px;
}

.button_submit_code:hover span:after {
	opacity: 1;
	right: 0;
}

.button_submit {
	width: 80px;
	padding:8px;
	background-color: rgb(45 181 93);
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-align: center;
	vertical-align: middle;
	border:0px solid rgb(45 181 93);
}

.topic_submit:hover {
	background-color: #368d45;
}
.topic_submit {
	float: right;
	width: 80px;
	padding:8px;
	margin-top: 8px;
	margin-right: 8px;
	background-color: rgb(45 181 93);
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-align: center;
	vertical-align: middle;
	border:0px solid rgb(45 181 93);
}

.run-solution{
	text-align: right;
	padding-right: 10px;
	background-image: url(/img/run.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position:left;
	background-origin:content-box;
}
.submit-solution {
	text-align: right;
	padding-right: 10px;
	background-image: url(/img/submit.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position:left;
	background-origin:content-box;
}
.verify-problem {
	text-align: right;
	padding-right: 10px;
	background-image: url(/img/verify.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position:left;
	background-origin:content-box;
}
.button_submit:hover {
	background-color: #368d45;
}
.verify-problem {display: none}

.pop-div-menu {
	padding:8px;
	background-color: #256c25;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-align: center;
	vertical-align: middle;
	border: 2px solid green;
}

.pop-div-menu:hover {
	border: 2px solid green;
	background-color: #e7e7e7;
	color: black;
}

.pop-div-photo{
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.pop-inner-div-photo{
	z-index:2001;
	position:absolute;
	top:60px; /*FF IE7*/
	left:10%;
	width:80%;
	height:80%;
	margin:0 auto;
	padding:8px;
	color:gray;
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	display:none;
}
.pop-inner-div-photo .box{
	width: 650px;
	margin: 0 auto;
}
.img-wrap{width:350px; height:350px;background:gray;text-align:center;position:relative;}
#img-photo{max-width:100%;max-height:100%;border-radius: 50%; border-colort:#ffffff;}
.preview-wrap{width:280px;float:right;height:280px;text-align:center;}
.preview-wrap .title{height:15px;padding:0 10px;text-align:center;margin-top:10px;}
.preview-img-wrap{width:250px;height:250px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
.preview-img-wrap_80{width:80px;height:80px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
.preview-img-wrap_50{width:50px;height:50px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
@media screen and (max-width: 650px) {
	.preview-wrap{
		display: none;
	}
	.img-wrap{
		align-items: center;
	}
}

#imga-preview{max-width:100%;max-height:100%;border-radius: 50%;}
#imga-preview80{max-width:100%;max-height:100%;border-radius: 50%;}
#imga-preview50{max-width:100%;max-height:100%;border-radius: 50%;}
.btn-wrap{text-align:left;margin-top:10px;}
.cropper-view-box,
.cropper-face {
	border-radius: 50%;
}

/* 正确的自定义滚动条样式 */
::-webkit-scrollbar {
	width: 6px;
	background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb {
	background-color: #9e9e9e; /* 使用较细的颜色 */
	border-radius: 5px; /* 可以添加圆角以使滚动条更加平滑 */
}

.small-scrollbar{}
.small-scrollbar::-webkit-scrollbar {width: 8px;height: 8px;}
.small-scrollbar::-webkit-scrollbar-thumb {border-radius: 8px;box-shadow   : inset 0 0 6px rgba(0, 0, 0, 0.2); background   : #ededed;}
.small-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #a8a8a8;
}
.small-scrollbar::-webkit-scrollbar-track {
	border-radius: 8px;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
	background-color: #fff0f0;
}

.gutter {
	background:linear-gradient(#f7f7f7, #FFFFFF);
	background-repeat: no-repeat;
	background-position: 50%;
}
.gutter.gutter-horizontal {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);
	cursor: col-resize;
}

#problem-box{position:fixed;width:100%;height:100%;left:0;top:52px;overflow:hidden;background:linear-gradient(#f7f7f7, #FFFFFF);}
#problem-box-left,#problem-box-right{height:100%;padding:0px; bottom:45px;}
#problem-box-left{float:left;width:680px;}
#problem-box-right{float:right;width:60%;}
#problem-drag-bar {
	position:absolute;top:0;
	left:680px;height:100%;width:12px;
	overflow:hidden;cursor:col-resize;z-index: 100;
}
#problem-drag-bar:hover {
	background-color: #0000ca;
}

@media screen and (max-width: 680px) {
	#problem-box-left{float:left;width:300px;}
	#problem-box-right{float:right;}
	#problem-drag-bar {
		position:absolute;top:0;
		left:300px;height:100%;width:12px;
		overflow:hidden;cursor:col-resize;z-index: 100;
	}
}

.profile-setting-form-box {
	width: 568px;
	padding: 6px;
}

@media (max-width: 450px) {
	.profile-setting-form-box {
		width: 100%;
	}
}

.pretty-edit-box {
	width: 100%;
	margin-bottom: 6px;
	padding: 0px;
	background:#FFFFFF;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: grey;
	display: flex;
	flex-direction: column;
}

.pretty-edit-box-focus {
	color: #0185e4;
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}

.pretty-edit-box-title {
	padding: 6px;
	color: inherit;
	flex: 1 0 auto;
	display: flex;
}

.pretty-edit-box-name {
	color: inherit;
	flex:1;
}

.pretty-edit-box-tip{
	width: 60px;
	text-align: right;
	color: grey;
	display: none;
}

.pretty-edit-box-text {
	width: 100%;
	padding: 0px 6px 6px 6px;
	resize:none;
	outline-style:none;
	background: inherit;
	border: 0px solid #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}
.pretty-edit-box-text::placeholder{
	color: rgb(214, 217, 220);
}
.pretty-edit-box-password {
	display: inline;
}

.profile-motto-input {
	width: 100%; height: 96px;
	resize:none;
	outline-style:none;
	background: inherit;
	border: 0px solid #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

.profile-input-choice, .contest-type-option {
	color: #262626bf;
	min-width: 40px;
	width: auto;
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	overflow: auto;
	outline-style:none;
	border: 0px solid #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
}

.profile-input-choice:hover, .contest-type-option:hover {
	color: #0a001f;
	background:#f7f7f7;
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	text-shadow: 0px 0px 1px #0a001f;
}
.profile-submit-div {
	width: 100%;
	height: 30px;
	margin: 6px;
	padding: 6px;
	background:#FFFFFF;
	border: 0px solid #ccc;
}
.profile-submit-div  input.modify-box-submit {
	float: right;
	width: 100px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	border: 1px solid #4389ec;
	border-radius: 3px;
	padding: 8px 8px;
	font-size: 14px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #4389ec;
}
.profile-submit-div input.modify-box-submit:hover {
	background-color: #155CA2FF;
}
.lang-choice {
	color: #262626bf;
	width: -moz-fit-content;
	width: fit-content;
	margin:0 auto;
	outline-style:none;
	background:#f7f7f7;
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	font-size: 12px;
	line-height: 38px;
	vertical-align: middle;
}

.lang-choice:hover {
	color: #0a001f;
	text-shadow: 0px 0px 1px #0a001f;
}
option {
	padding-top: 12px!important;
}

.problem-content{
	height:100%;
	overflow-y:scroll;
	overflow-x: hidden;
	background:#fff;
	padding: 12px;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.problem-status {
	display: none;
}

.problem-information{
}

.problem-editorial{
	display: none;
}
.submit-button-icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.cancel-button {
	min-width: 80px;
	font-size: 12px;
	padding: 4px 12px;
	margin-left: 10px;
	background-color: #FFF;
	color: #262626bf;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFF;
}
.cancel-button:hover {
	border-radius: 5px;
	border: 1px solid #EBF5FB;
	background-color: #EBF5FB;
}

.submit-button {
	min-width: 80px;
	font-size: 12px;
	padding: 6px 12px;
	background-color: rgb(45 181 93);
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-align: center;
	vertical-align: middle;
	border:0px solid rgb(45 181 93);
}
.submit-button:hover {
	color: #fff;
	background-color: #368d45;
}
.problem-editorial-submit {
	float: right;
	margin: 7px 6px;
}

.problem-editorial-tool {
	width: 100%;
	margin-bottom: 6px;
}
.problem-editorial-tool-tips {
	font-size: 21px;
	font-weight: bold;
	line-height: 38px;
	padding: 3px 6px;
	background-color: #F5F5F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
}
.editorial-item {
	cursor: pointer;
	margin-bottom: 6px;
	line-height: 20px;
}
.editorial-item:hover {
	background-color: #fcfafa;
}

.editorial-item-avatar{
	float:left;
	width:32px;
	margin-top: 6px;
}

.editorial-item-content{
	margin-left: 32px;
	padding: 6px;
	border-bottom: 1px solid #eae9e9;
}

.editorial-item-content .title{
	color: rgb(38, 38, 38);
	margin-top: 0px;
	padding: 0px 0px;
}
.editorial-item-content .top-icon{
	margin-left: 8px;
	width: 14px;
	height: 14px;
}
.editorial-item-content .content{
	color: rgb(38, 38, 38, 0.75);
	margin: 5px 0px;
	padding: 0px 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.editorial-item-opts {
	margin-top: 8px;
}
.problem-status-loader{
	display: none;
	text-align: center;
	margin: 0 auto;
	position: relative;
	left: 50%;
}
.ide-box{
	width:100%;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
#ide-box-nav {}
.ide-second-nav {
	display: flex;
	box-sizing: border-box;
	height:40px;
	background:#f8f8f8;
	margin-bottom: 0px;
	border-bottom: 1px solid #f0f0f0;
}
.ide-box-nav-left{
	display: flex !important;
	flex: 1 1 auto;
	color:#999;
	width:300px;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
	font-size:14px;
	white-space: nowrap;
}
.ide-box-nav-right{
	flex: 0 0 auto; padding:0;height:40px;line-height:40px;font-size:14px;
}

.source-box {height:800px;width:100%;}
.config-content {height:600px;width:100%;}
.testcase-box-content {height:600px;width:100%;}
#progressBarContainer {
	float: right;
	width: 320px;
	margin-left: 10px;
	background-color: #FFF;
	border-radius: 999px;
}

#progressBar {
	width: 0;
	height: 20px;
	background-color: #76B900;
	border-radius: 999px;
	text-align: center;
	line-height: 20px;
	color: #000;
	transition: width 1000ms ease;
}
#problem-box-nav{
}
.problem-second-nav {
	display: flex;
	height:40px;
	padding: 0px;
	background:#f8f8f8;
	margin:0px auto 0;
	box-sizing: border-box;
}
.problem-second-nav .hleft {
	display: flex !important;
	flex: 1 1 auto;
	color:#999;
	width:300px;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
	font-size:14px;
	white-space: nowrap;
}
.problem-second-nav .hleft .nav_menu{
	cursor: pointer;
	text-align: center;
	color: rgb(38, 38, 38, 0.75);
	background:#f8f8f8;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.problem-second-nav .hleft .nav_menu:hover {
	color: rgb(38, 38, 38);
}
.problem-second-nav .hleft .current{
	color: rgb(38, 38, 38);
	color:#999;
	background:#fff;
	margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #fff;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #fff;
}
.problem-second-nav .hleft span{color: #8c8c8c; padding: 0px 12px;}
.problem-second-nav .hleft  a{height:40px;line-height:40px;color: #8c8c8c;padding: 0px 12px; text-decoration:none;}
.problem-second-nav .hleft .current a{color: #1e1e26;}

.problem-second-nav .hright{flex: 0 0 auto; padding:0;height:40px;line-height:40px;font-size:14px;}
.problem-second-nav .hright{color:#999;margin:0;padding:0;}
.problem-second-nav .hright .nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #fff;
	border-right: 0px solid #f0f0f0;
	border-bottom: 1px solid #fff;
}

.problem-info-close {
	line-height: 40px;
	margin-right: 10px;
	padding: 0px 5px 5px 5px;
}
.source-box-close {
	padding: 0px 5px 5px 5px;
}

.problem-box-nav-tab {
	display: flex;
	flex:0 1 auto;
	overflow: hidden;
	cursor: pointer;
	color:grey;
	padding: 8px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-bottom:1px solid #f0f0f0;
}

.problem-box-nav-tab-cur {
	background: #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
}

.problem-box-nav-tab-cur {
	background: #fff;
}

.testcase-modify-link,.testcase-delete-link {
	margin-left: 12px;
	cursor: pointer;
	color: #3357D6;
	font-size: 12px;
}
.testcase-modify-link:hover {
	color: #CD6839;
}
.testcase-delete-link:hover {
	color: #CD6839;
}
.btn-testcase-save, .btn-testcase-cancel {
	margin-right: 12px;
	display: none;
}
#test-box {
	display:none;
	padding: 0;
	margin: 0;
	position:fixed;bottom:45px;width:100%;overflow-y:auto;
	text-align:left;z-index: 100;overflow-x:hidden;
	background:#fff;
	border: 0px solid #f0f0f0;
}
TABLE.test-box-tb {position:relative;margin-top: 8px;padding:2px auto;font-size: 12px;}
TABLE.test-box-tb .title {width:60px;padding:0px 20px;text-align:right;}
TABLE.test-box-tb .test-box-input {
	margin-left: 20px;
	width: 1500px;
	height:110px; resize:none; border: 1px solid #ccc; border-radius: 3px;
}
TABLE.test-box-tb .test-box-output-status {
	margin-left: 20px;
}
TABLE.test-box-tb .test-box-output {
	margin: 6px 0 0 20px;
	width: 1500px;
	outline: none;
	height:80px; resize:none; border: 0px solid #f7f7f7; border-radius: 3px;
	background:#f7f7f7;
}
#test-box-nav{
	display: flex;
	flex:0 0 auto;
	overflow: hidden;
	position:fixed;
	bottom:175px;
	width:100%;
	height: 28px;
	background:#f7f7f7;
	z-index: 100;
	border-top:1px solid #f7f7f7;
	font-size: 12px;
	cursor:row-resize;
}
div#test-box-nav:hover{background:#e1e1e1}

.test-box-nav-tab {
	display: flex;
	flex:0 1 auto;
	overflow: hidden;
	cursor: pointer;
	color:grey;
	padding: 2px 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.test-box-nav-tab-cur {
	background: #fff;
}
#bottom-bar-left {position:fixed;height:45px;width:100%;bottom:0px;}
#bottom-bar-right {position:fixed;height:45px;width:100%;bottom:0px;}
div.console-menu {float:left; margin: 10px 20px;cursor: pointer;}
.bottom_button {float:right;margin: 4px 20px;}

.pop-div-ide-setting{
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.pop-inner-div-ide-setting{
	z-index:2001;
	position:absolute;
	width:672px;
	height:530px;
	margin:0 auto;
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:25%;
	top:60px; /*FF IE7*/
	display:none;
}

.ide-setting {
	padding: 0px 2px 5px 5px;
}

.load-default-template{
	padding: 0px 2px 5px 5px;
}

.ide-menu-item {
	margin-top: 5px;
	margin-right: 10px;
	cursor: pointer;
}
.ide-menu-item:hover {
	background-color:#e1e1e1;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.ide-menu-img {width:16px;height:16px;}

.ide-setting-box:hover{
	background:#e1e1e1
}

.ide-setting-box .title{
	height:38px;
	padding:10 0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
}
.ide-setting-box .option ul {font-size:13px;margin:0; padding:0;}
.ide-setting-box .option ul li{height:68px;margin:0; padding:0;list-style-type:none;}
.ide-setting-box .option ul li:hover{background:#e1e1e1}
.ide-setting-box .option ul li .item-title {float:left;margin-left:20px; padding:10px 0;}
.ide-setting-box .option ul li .item {float:right;width:200px;text-align:left;margin-right:20px;line-height:68px;}

.fontsize-picker {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;
}
.theme-picker {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;
}
.wordwrap-column {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;
}

.wordwrap-switch {
	width: 80px;!important;
	height: 26px;
	background: #333;
	margin: 20px auto;
	position: relative;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.wordwrap-switch:after {
	content: 'OFF';
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font: 12px/26px Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.wordwrap-switch:before {
	content: 'ON';
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font: 12px/26px Arial, sans-serif;
	font-weight: bold;
}
.wordwrap-switch label {
	display: block;
	width: 34px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	background: #fcfff4;
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.wordwrap-switch input[type=checkbox] {
	visibility: hidden;
}
.wordwrap-switch input[type=checkbox]:checked + label {
	left: 43px;
}

/* mails */
#mail-box{display: flex;position:fixed;width:100%;height:100%;left:0;top:52px;overflow:hidden;background:linear-gradient(#f7f7f7, #FFFFFF);}
#mail-box-left,#mail-box-right{height:100%;padding:0px; bottom:45px;font-size: 13px;}
#mail-box-left{width:430px;overflow-x: hidden;overflow-y: hidden;}
#mail-box-right{overflow-x: hidden;overflow-y: hidden;display: flex;flex-direction:column; }
#mail-box-drag-bar{top:0;left:430px;height:100%;width:12px;background:linear-gradient(#f7f7f7, #FFFFFF);overflow:hidden;cursor:col-resize;z-index: 100;}
div#mail-box-drag-bar:hover{background:#e1e1e1}

.mail-box-nav {
	height:24px;
	background:#fff;
	padding: 6px 6px;
	margin-bottom: 0px;
}

.mail-box-second-nav {
	display: flex;
	height:40px;
	padding: 0px;
	background:#f8f8f8;
	margin:0px auto 0;
	box-sizing: border-box;
}
.mail-box-second-nav ul{margin:0; padding:0 ;z-index:900;}
.mail-box-second-nav ul.hleft{ flex: 0 0 auto;float:left; padding:0;height:40px;line-height:40px;font-size:13px;}
.mail-box-second-nav ul.hleft li{float:left; color:#999;margin:0;padding:0;list-style-type:none;}
.mail-box-second-nav ul.hleft li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-box-second-nav ul.hleft li.nav_menu:hover {color:#999;
}
.mail-box-second-nav ul.hleft li.current{color:#999;background:#fff;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #fff;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #fff;
}
.mail-box-second-nav ul.hleft li span{color: #8c8c8c; padding: 0px 20px;}
.mail-box-second-nav ul.hleft li.current span{color: #1e1e26;}
.mail-box-second-nav ul.hleft li.nav_menu span:before  {
}
.mail-box-second-nav ul.hleft li a{color: #8c8c8c;padding: 0px 20px; text-decoration:none;}
.mail-box-second-nav ul.hleft li.current a{color: #1e1e26;}
.mail-box-second-nav ul.hright{flex: 1 1 auto;padding:0;height:41px;line-height:41px;font-size:13px;background:#f8f8f8;border-bottom: 1px solid #f0f0f0;}
.mail-box-second-nav ul.hright li{color:#999;margin:0;padding:0;list-style-type:none;}
.mail-box-second-nav ul.hright li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-box-tables{
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background:#fff;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-tables {
	height:100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background:#fff;
	padding: 12px 6px;
	margin-bottom: 6px;
}
TABLE.mails-list {width:100%; text-align: center;}
TABLE.mails-list TR.header{font-size:14px;height:24px;text-align: center;background-color: #faf3f3;}
TABLE.mails-list TR.mail-item {border-left:2px solid #FFFFFF !important;}
TABLE.mails-list TR.mail-item:hover {background-color: #faf3f3;border-left:2px solid #a6a6c9 !important;}
TABLE.mails-list TD, TABLE.mails-list TH {padding:0.3em !important;border-left:0px solid #e1e1e1 !important;}
TABLE.mails-list TH {height:24px;}
TABLE.mails-list TD {height:24px; overflow:hidden;}
TABLE.mails-list .item {text-align: left;}
TABLE.mails-list .user {font-size:15px;font-weight: bold;}
TABLE.mails-list .title {color:#4662d9;font-weight: bold;}
TABLE.mails-list .content {color: grey;}
TABLE.mails-list .date {width:64px!important;text-align: center;}

.mail-box-new{
	display: flex;
	flex-direction: column;
	width:100%;
	background:#fff;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.mail-content-box{
	display: flex;
	flex-direction: column;
	width:100%;
	background:#fff;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-content-info{
	background:#fff;
	padding: 0px 6px;
	margin: 6px;
	border-bottom:1px solid #e1e1e1;
}
.mail-content-data{
	flex: 1;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	padding: 12px 12px;
	margin: 6px;
}
.mail-content-editor{
	flex: 1;
	width: 80%;
	margin: 6px;
	overflow-x: hidden;
	overflow-y: scroll;
}
/* end mails */

/* start tags */

.tags ul{margin-bottom:1em;list-style-type:none;}
.tags ul li{list-style-type:none;}
.tags {display: block; padding: 1px 3px;}
.tags-sidebar{margin: 6px; line-height:32px;}
.tags a, a.tag{
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border: 1px solid #DDD;
	background: #E6E6E6;
	padding: 2px 8px 4px 8px;
	margin-right: 5px;
	color: #454545!important;
	text-decoration: none;
	white-space: nowrap;
	line-height: 26px;
	font-size: 13px;
}
.tags a:hover, a.tag:hover {
	color: #454545;
	font-size: 13px;
	background-color: #DDD;
	text-shadow: 0px 0px 1px #000000;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}
.tags .tag-name{
	color: #454545;
}
.tags .tag-count{
	opacity: .85;
	position: relative;
	display: inline-block;
	min-width: 16px;
	padding: 2px .375rem;
	margin: 1px auto;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #ffa116	;
	border-radius: 9999px;
}
.add-tag-icon {
	width: 12px;
	height: 12px;
}
.add-tags-button{
	margin-left: 8px;
	margin-right: 16px;
}

/* tag输入下拉框 */
.input-tags {
	display: block;
	text-align: left;
	line-height: 1em;
	font-size: 13px;
	padding: 5px 5px 5px 32px;
	width: 220px;
	background: url(/img/search_32.png);
	background-position: 8px 8px;
	background-size: 14px;
	background-repeat: no-repeat;
	background-color: #f7f8f9;
	border: 0px solid transparent;
	border-radius: 6px;
	outline: none;
	z-index: 2;
	cursor: text;
	margin-bottom: 3px;
}
.tags-autocomplete-select {
	z-index: 900;
	border: 0px solid #dfe3e9;
	border-radius: 3px;
	width: 100%;
	vertical-align: middle;
	padding: 0px;
	position: relative;

}
.tags-autocomplete-select .icon {
	float: right;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 12px 6px 0 6px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.tags-autocomplete-select-menu{
	display: none;
	box-shadow: 0px 2px 3px 0px rgb(34 36 38 / 15%);
	border-radius: 3px;
	cursor: auto;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
	margin: 0px -1px;
	width: 250px;
	max-height: 200px;
	transition: opacity 0.1s ease;
	position: absolute;
	left: 0px;
	top: 30px;
	padding: 6px 6px;
	color: #6a6a6a;
	background: #FFFFFF;
	font-size: 1em;
	text-shadow: none;
	text-align: left;
	border: 1px solid rgba(34,36,38,0.15);
	z-index: 9999;
}
.tags-autocomplete-select-item{
	z-index: 10;
	border: 0px solid rgb(250, 250, 250);
	position: relative;
	cursor: pointer;
	display: block;
	text-align: left;
	line-height: 1em;
	font-size: 13px;
	padding: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-touch-callout: none;
	border-radius: 6px;
}

.tags-autocomplete-select-item:hover {
	color: #454545;
	background: #f7f8f9;
}

i.icon-delete {
	font-family: 'Icons';
	font-style: normal;
	cursor: pointer;
	margin-right: 0em;
	margin-left: 0.5em;
	font-size: 0.92857143em;
	opacity: 0.5;
	-webkit-transition: background 0.1s ease;
	transition: background 0.1s ease;
}
i.icon-delete:before {
	content: "x";
}

.tag-layout {
	display: flex !important;
	flex-wrap: wrap;
	font-size: 13px;
}

.tag-layout__item {
	flex-basis: 30%;
	padding: 8px;
	background: #FFFFFF;
	margin: 6px 12px 6px 0px;
	border-radius: 0.25rem;
	border: 1px solid #d6d9dc;
	width: 100px;
	position: relative;
}
.tag-tip {
	width:300px;
	padding: 0px 24px 0px 0px!important;
	border: 0px solid #d6d9dc;
}
.tag-header {
	display: flex !important;
	margin-bottom: 12px;
}

.tag-description {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
	color: #3b4045;
	padding: 2px;
	margin-bottom: 18px;
	line-height: 17px;
	word-wrap: break-word;
	display: -webkit-box;
	overflow: hidden;
	vertical-align: baseline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.tag-description:hover {
	/* background: #faf3f3; */
}

.tag-title-new{
	width:300px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 0px solid #ccc;
	padding: 8px 0px 8px 8px;
	line-height: 28px;
	font-size: 20px;
	color: rgb(38, 38, 38);
	color-scheme: light;
	font-stretch: 100%;
	margin-bottom:6px;
}

.tag-title-new::placeholder{
	color: rgb(214, 217, 220);
}

.tag-content-new{
	width:100%;
	padding:1px 0px 1px 1px;
	margin-bottom:6px;
	overflow: auto;
	overflow-x:hidden;
	border-radius:3px;
	border: 1px solid #0185e4;
}
.tag-content-new:focus {
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}
.tag-new-submit {
	text-align: center;
	margin: 7px 6px;
}

.tag-stat{
	color: #838c95;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	display: flex !important;
}

.tag-textarea {
	width:98%;
	height:100%;
	min-height:40px;
	max-height:300px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	resize: vertical;
}

.tag-textarea:focus {
	outline: 0;
	border: 1px solid #0185e4;
}

.tagSearch {
	width:160px;
	padding-left: 32px;
	font-size:13px;
	height:36px;
	border:1px solid #d6d9dc;
	border-radius:999px;
	outline: 0;
	background: url(/img/search.png) no-repeat 6px 6px;
	background-size: 22px;
	vertical-align: middle;
}

.tag-tools {
	display: flex;
	margin: 10px 0px;
	height:40px;
	padding: 0px;
	box-sizing: border-box;
}
.tag-search {
	flex: 0 0 auto;
	margin: auto 0px;
}
.tag-create {
	flex: 1 1 auto;
	margin: auto 12px;
}

.tagSearch:focus {
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}
/* end tags */

.search-tools {
	margin: 30px 0px 60px 0px;
	height:40px;
	padding: 0px;
	box-sizing: border-box;
}

.search-tools .search {
	margin: auto 0px;
}

.search-tools .search-type {
	display: flex;
	margin-top: 10px;
	font-size: 15px;
}

.search-tools .search-type .item {
	cursor: pointer;
	margin-right: 40px;
}

.search-tools .search-type .search-type-icon {
	width: 24px;
	height: 24px;
	margin-top: 4px;
}
.search-tools .search-type .search-type-name {
}

.search-tools .search-type .current {
	border-bottom: 2px solid #0a001f;
}

.search-input {
	width:414px;
	padding-left: 32px;
	font-size:13px;
	height:36px;
	border:1px solid #d6d9dc;
	border-radius:999px;
	outline: 0;
	background: url(/img/search.png) no-repeat 6px 8px;
	background-size: 18px;
	vertical-align: middle;
}
.search-input:focus {
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}

.messager {
	position: relative;
	position: fixed;
	color: #454545;
	background-color: #f3c4ea;
	opacity: 0.7;
	border-radius: 6px;
	z-index: 99999;
	top: 72px;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 800px;
	height: 30px;
	display: flex;
}

.messager-close
{
	margin-left: auto;  /* 靠左 */
	padding:2px 5px;
	width:26px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

.messager_content
{
	flex: 1;	/* 右侧内容占满 */
	padding:3px 12px 3px 16px;
	font-size:13px;
	text-align:center;
	overflow:hidden;
}

.start-contest-update {margin-left: 12px; display: none}
.recent-contest-update {
	float: right;
	margin-right: 12px;
	font-size:12px;
}
@media screen and (max-width: 870px) {
	.recent-contest-update {
		display: none;
	}
}
.recent-contest-update a{
	color:grey;
	cursor: pointer;
	text-decoration: none;
}
.recent-contest-update a:hover {
	color: #3357D6;
	text-decoration: underline;
}
.title-class{
	max-width: 400px;
}
/*
.title-class:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent #e1e1e1 transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	top: -21px;
	left: 10px;
}
.title-class:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent #fff transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	top: -20px;
	left: 10px;
}
*/

.packetor-container {
	margin-top: 8px;
	padding: 8px;
}

.packet-input{
	display: grid;
	place-items: center;
	margin-bottom: 10px;
}

.big-text {
	font-size: 55px;
	line-height: 55px;
	margin-bottom: 0px;
	font-family: "Georgia", serif;
}
.pcount-text, .pcount-text a{
	font-size: 12px;
	line-height: 12px;
	color: grey;
}
.pcount-text a:hover{
	color: blue;
}
.packet-hex-textarea {
	min-height: 150px;
	width: 400px;
	padding: 6px 8px;
	outline-style:none;
	background: inherit;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
	line-height: 1.3;
	font-family: monospace;
	font-size: 13px;
	font-weight: 400;
	border-radius: 3px;
	font-family: 'Consolas', 'Monaco';
}

.packet-hex-textarea::placeholder{
	color: rgb(214, 217, 220);
}

.packet-hex-textarea:focus {
	outline: 0;
	border: 2px solid #3a41c7;
	box-shadow: 0px 0px 10px 0px #3a41c7;
	resize: vertical;
}
.packet-decode-button {
	 width: 140px;
	 padding: 20px 10px;
	 background-color: rgb(45 181 93);
	 color: #fff;
	 cursor: pointer;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px; /* future proofing */
	 -khtml-border-radius: 5px; /* for old Konqueror browsers */
	 text-align: center;
	 vertical-align: middle;
	 border:0px solid rgb(45 181 93);
	 margin-top: 20px;
 }

.packet-decode-button:hover {
	background-color: #368d45;
}

.decoded-packet-div-loading {
	text-align: center;
}

.decoded-packet-layout, .append-packet-div {
}

@media screen and (min-width: 870px) {
	.decoded-packet-layout, .append-packet-div {
		display: flex!important;
		width: 100%;
	}
}

.decoded-packet-verbose, .append-packet-verbose {
	display: inline-block;
	margin-bottom: 10px;
	padding: 6px 6px;
	font-family: 'Consolas', 'Monaco';
}

.decoded-packet-verbose:hover, .append-packet-verbose:hover {
	background-color: #0099cc;
	border-radius: 6px;
}
.decoded-packet-div, .append-packet-detail {
	flex-grow: 1; /* 占据剩余空间 */
	overflow-x: auto;
	max-height: 800px;
	color: #000000;
}
.decoded-packet-hex, .append-packet-hex {
	display: flex!important;
	white-space: nowrap;
	font-family: 'Consolas', 'Monaco';
	overflow-x: auto;
	max-height: 800px;
}
@media screen and (min-width: 870px) {
	.decoded-packet-hex, .append-packet-hex {
		width: 620px;
	}
}
.decoded-packet-div, .decoded-packet-hex {
	margin-bottom: 10px;
	font-family: 'Consolas', 'Monaco';
	line-height: 1.5;
	font-size: 13px;
	background-color: #F5F5F5;
}

.packet-decode-loader {
	height: 20px;
	text-align: center;
}

.item-packet-showname {
	display: inline-block;
	width: 100%;
}
.item-packet-showname:hover {
	background-color: #0099cc;
}
.item-packet-showname-on {
	background-color: #0099cc;
}
.packet-prefix {
	width: 40px;
	color: #c2c0c0;
	background-color: #f3f0f0;
	padding-left: 6px;
	line-height: 17px;
}

.packet-data {
	flex-grow: 1; /* 占据剩余空间 */
	line-height: 17px;
	padding: 0px 0px 0px 3px;

}
.packet-asic {
	width: 120px;
	line-height: 17px;
	padding: 0px 0px 0px 3px;
}
@media (max-width: 640px) {
	.packet-prefix {
		display: none;
	}
	.packet-data, .packet-asic {
		font-size: 11px;
	}
}
.packet-hex-char, .packet-hex-asic {
	padding: 2px 0px;
}
.packet-hex-char-on, .packet-hex-asic-on {
	color: #FFFFFF;
	background-color: #0099cc;
}

.decoded-packet-div ul ul {
	width: 100%;
	color: #000;
	list-style-type: circle;
	padding-left: 0;
}

.decoded-packet-div li, .append-packet-detail li {
	white-space: nowrap;
	display: list-item;
	text-align: -webkit-match-parent;
	unicode-bidi: isolate;
	list-style-position: inside;
	list-style-image: url(/img/button.png);
	cursor: pointer;
}

.decoded-packet-div li:hover + li {
	background-color: transparent; /* 将相邻li的背景颜色设置为透明 */
}

.decoded-packet-div li.listOpen, .append-packet-detail li.listOpen {
	list-style-image: url(/img/button-open.png);
}

.decoded-packet-div li.listClose, .append-packet-detail li.listClose {
	list-style-image: url(/img/button-closed.png);
}

.decoded-packet-div li li, .append-packet-detail li li {
	padding-left: 1.5em;
}

.item-packets {
	cursor: pointer;
	display: none;
}

.item-packet {
	font-weight: normal;
}

.root-item-packet {
}

.packets-layout {
	margin-top: 20px;
}
.packets-search {
	display: grid;
	place-items: center;
}
.packet-search-input {
	width:410px;
	padding-left: 32px;
	font-family: 'Consolas', 'Monaco';
	font-size:13px;
	height:36px;
	border:1px solid #d6d9dc;
	border-radius:999px;
	outline: 0;
	background: url(/img/search.png) no-repeat 6px 8px;
	background-size: 18px;
	vertical-align: middle;
}
.packet-search-input:focus {
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}
TABLE.packets {
	font-family: 'Fira Code Retina','Fira Code','Fira Mono','JetBrains Mono','Source Code Pro','Consolas','Menlo','Monaco',monospace;
	line-height: 15px;
	font-size: 13px;
}
TABLE.packets .append-packet {

}
TABLE.packets .protocol {
	text-align: center;
	max-width: 100px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
TABLE.packets .detail {
	text-align: left;
	word-wrap: break-word;
}
TABLE.packets .packet-verbose {
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.append-packet-detail, .append-packet-hex {
	font-family: 'Consolas', 'Monaco';
	line-height: 1.5;
	font-size: 13px;
	background-color: #F5F5F5;
}
.append-packet-copy, .append-packet-refresh, .append-packet-nothing {
	text-align: center;
}

.append-packet-nothing {
	text-align: center;
}

TABLE.packets .date {width:118px;text-align: center;}
TABLE.packets .city {width:118px;text-align: center;}
TABLE.packets .city .country {display: block;color:#b0adad}

TABLE.packets .packet-item {
	cursor: pointer;
}
TABLE.packets .packet-item:hover {
	background-color: #EBF5FB;
}
@media (max-width: 640px) {
	TABLE.packets .protocol {
		display: none;
	}
	TABLE.packets .date {
		display: none;
	}
	TABLE.packets .city {
		display: none;
	}
	TABLE.packets .packet-verbose {
		white-space: normal;
	}
}

.upload-btn {
	position: relative;
	display: inline-block;
	padding: 4px 8px;
	text-decoration: none;
	cursor: pointer;
	color: #262626bf;
	border: 1px solid #FFF;
	background-color: #FFF;
}
.upload-btn:hover {
	border-radius: 5px;
	border: 1px solid #EBF5FB;
	background-color: #EBF5FB;
}
.upload-btn input[type="file"] {
	position: absolute;
	top: -6px;
	left: -8px;
	height: 40px;
	width: 140px;
	opacity: 0;
	cursor: pointer;
}