/*
=== SYS StyleSheet File ====================================
==============================================================
html, body {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
*/
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,iframe,p,pre{
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;/* ff chrome show scrollbar */
	_background-image: url(about:blank);/* ie6 prevent screen flash in fixed layer */
	_background-attachment: fixed;
}
* {
	-webkit-tap-highlight-color: transparent;/* link tap */
	outline:none;
}
/****** General Styles ******/
body {
	margin: 0;
	padding: 0;
	background: #E2E2E2 url(layout-bg.jpg);
	font-size: 12px;
	font-family: "Microsoft YaHei", Tahoma, Arial, sans-serif;/**/
	color: #111;
}
table {
	font-size: 12px;
	font-family: "Microsoft YaHei", Tahoma, Arial, sans-serif;/**/
	color: #111;
	border-width:thin;
}
.n_table {/* for fckeditor table no border */
}
.t_table, .t_table td {/* for fckeditor table 1px border*/
	border:1px solid #666;
	empty-cells: show;
	border-collapse: collapse;
}
td {
	word-break: break-all;
	border-width:thin;
}
h1,h2,h3,h4,h5,h6,em,i{font-style:normal;font-size: 12px;}

img{
	vertical-align: middle;
	border: 0 none;
	max-width:100%;
	height:auto;
}

a:link,
a:visited {
	text-decoration: none;
	color: #444;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	transition: all .3s ease 0;
}
a:hover {
	text-decoration: none;
	color: #111;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	transition: all .3s ease 0;
}
hr {
	border: none;
	border-top: 1px solid #ccccd4;
	height: 1px;
}

/****** Main Layout Styles ******/
#wrapper {
	max-width: 100%;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#innerWrapper {
	width: 100%;
}

/*---------------------------------wrap--------------------------------------------------*/
.open1, .open2, .close1, .close2{ width:100%; height:100%; overflow:hidden; }
#main { position:relative; z-index:07; }
#mainc { position:fixed; z-index:14; width:100%; height:100%; background:#646464; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOWM0NDIwYi04ZGNkLTRlZWQtOTk3YS05NzA0MmFhOWFjNGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNGRkNBMUZBMDU4MTFFMzlCNEVEQTg5QjQ2MjFCNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNGRkNBMUVBMDU4MTFFMzlCNEVEQTg5QjQ2MjFCNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODEwMDkyYzItM2NiZC00MWE5LWJlMzUtNTFmMjc3MDgxZmQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmM5YzQ0MjBiLThkY2QtNGVlZC05OTdhLTk3MDQyYWE5YWM0ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puve4hUAAAATSURBVHjaYmBgYEhjQAJpAAEGAAYMAM2gxssKAAAAAElFTkSuQmCC) rgba(100,100,100,0.6); }/**/
#mainc .maincc { position:relative; width:100%; height:100%; }
#mainc .leftc, #mainc .rightc {position:absolute; top:50%; color:#fff; font-weight:bold; text-align:center; }
#mainc .leftc { right:-moz-calc(10.5% - 24px); right:-webkit-calc(10.5% - 24px); right:calc(10.5% - 24px);/* + - 前后必空格*/ }
#mainc .rightc { left:-moz-calc(14.5% - 24px); left:-webkit-calc(14.5% - 24px); left:calc(14.5% - 24px); }

#side, #panel { position:relative;height:100%;max-height:100%;overflow-y:auto;display:none;background:#fff; }
#side { width:79%; }
#panel { width:71%; }
#sideclick, #panelclick { position:absolute; top:0; left:0; z-index:12; width:100%; height:100%; }
#side .sidel, #panel .sidel { position:absolute; top:0; left:0; z-index:12; width:100%; height:100%; }
.open1 #side { display:block;position:fixed; right:0px; top:0px; width:79%; z-index:11; }
.open1 #side { animation:rightopen_side 0.6s;-moz-animation:rightopen_side 0.6s;-webkit-animation:rightopen_side 0.6s; }
.open1 #main/*_NO*/ { position:relative; right:79%; }/*把_NO删除，即为整体移动，否则为只side移动*/
.......open1...... #main { /*毛玻璃*/filter: url(blur.svg#blur);/*FireFox,Chrome,Opera*/-webkit-filter: blur(2px);/*Chrome,Opera*/-moz-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); /*IE*/ }
.open1 #main/*_NO*/ { animation:rightopen 0.6s;-moz-animation:rightopen 0.6s;-webkit-animation:rightopen 0.6s;}
.open1 #mainc { display:block; right:79%; width:100%; min-width: 320px; max-width:100%; filter:alpha(opacity=100);opacity:1;}
.open1 #mainc { animation:rightopen_op 0.6s;-moz-animation:rightopen_op 0.6s;-webkit-animation:rightopen_op 0.6s; }
.open2 #panel { display:block; position:fixed; left:0px; top:0px; width:71%; z-index:11; }
.open2 #panel { animation:leftopen_panel 0.6s;-moz-animation:leftopen_panel 0.6s;-webkit-animation:leftopen_panel 0.6s; }
.open2 #main/*_NO*/ { position:relative; left:71%; }
.......open2...... #main { /*毛玻璃*/filter: url(blur.svg#blur);/*FireFox,Chrome,Opera*/-webkit-filter: blur(2px);/*Chrome,Opera*/-moz-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); /*IE*/ }
.open2 #main/*_NO*/ { animation:leftopen 0.6s;-moz-animation:leftopen 0.6s;-webkit-animation:leftopen 0.6s; }
.open2 #mainc { display:block; left:71%; width:100%; min-width: 320px; max-width:100%; filter:alpha(opacity=100);opacity:1; }
.open2 #mainc { animation:leftopen_op 0.6s;-moz-animation:leftopen_op 0.6s;-webkit-animation:leftopen_op 0.6s; }
.close1 #side { display:block;position:fixed; right:-79%; top:0px;z-index:10; }
.close1 #side { animation:rightclose_side 0.6s;-moz-animation:rightclose_side 0.6s;-webkit-animation:rightclose_side 0.6s; }
.close2 #panel { display:block;position:fixed; left:-71%; top:0px;z-index:10; }
.close2 #panel { animation:leftclose_panel 0.6s;-moz-animation:leftclose_panel 0.6s;-webkit-animation:leftclose_panel 0.6s; }
.open1 #naver/*_NO*/, .open1 #header/*_NO*/ { animation:rightopen 0.6s;-moz-animation:rightopen 0.6s;-webkit-animation:rightopen 0.6s; }
.open2 #naver/*_NO*/, .open2 #header/*_NO*/ { animation:leftopen 0.6s;-moz-animation:leftopen 0.6s;-webkit-animation:leftopen 0.6s; }
.open1 #titlebar_shadow { animation:rightopen 0.6s;-moz-animation:rightopen 0.6s;-webkit-animation:rightopen 0.6s; }
.open2 #titlebar_shadow { animation:leftopen 0.6s;-moz-animation:leftopen 0.6s;-webkit-animation:leftopen 0.6s; }
.close1 #main/*_NO*/ { animation:rightclose 0.6s;-moz-animation:rightclose 0.6s;-webkit-animation:rightclose 0.6s; }
.close2 #main/*_NO*/ { animation:leftclose 0.6s;-moz-animation:leftclose 0.6s;-webkit-animation:leftclose 0.6s; }
.close1 #mainc { animation:rightclose_op 0.6s;-moz-animation:rightclose_op 0.6s;-webkit-animation:rightclose_op 0.6s; }
.close2 #mainc { animation:leftclose_op 0.6s;-moz-animation:leftclose_op 0.6s;-webkit-animation:leftclose_op 0.6s; }
.close1 #naver/*_NO*/, .close1 #header/*_NO*/ { animation:rightclose 0.6s;-moz-animation:rightclose 0.6s;-webkit-animation:rightclose 0.6s; }
.close2 #naver/*_NO*/, .close2 #header/*_NO*/ { animation:leftclose 0.6s;-moz-animation:leftclose 0.6s;-webkit-animation:leftclose 0.6s; }
.close1 #titlebar_shadow { animation:rightclose 0.6s;-moz-animation:rightclose 0.6s;-webkit-animation:rightclose 0.6s; }
.close2 #titlebar_shadow { animation:leftclose 0.6s;-moz-animation:leftclose 0.6s;-webkit-animation:leftclose 0.6s; }
#panel .cl { overflow:hidden;border-radius: 12px;background: rgba(255, 255, 255, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50ffffff, endColorstr = #50ffffff);}
#cover {pointer-events:none;}
#cover div {/*background:#000;filter:alpha(opacity=60);opacity:0.6;*/position:relative;width:100%;height:100%;background:url() center center no-repeat;}
#cover div span {position:absolute;top:50%;left:0;width:100%;margin-top:-11px;text-align:center;line-height:22px;font-size:14px;font-weight:bold;color:#fff;}
#cover div p {/*载入动画*/
position:absolute;top:50%;left:50%;margin-left:-17px;margin-top:-17px;width:34px;height:34px;border-radius:17px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3N0E5MkZEQThBQzExRTY4MTU0REIwRDc0NDgwNzE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3N0E5MkZFQThBQzExRTY4MTU0REIwRDc0NDgwNzE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc3QTkyRkJBOEFDMTFFNjgxNTREQjBENzQ0ODA3MTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc3QTkyRkNBOEFDMTFFNjgxNTREQjBENzQ0ODA3MTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5l3KyxAAACUUlEQVR42sxYa2vjMBCUZMexL23T1x0c3P//Ze3B0X4IbR6OElsnhVlYFilx4qh0YWixbGm0u5pdRavzrPS48fjhMfWoPAzGnIf1+OvReezxbPDEQyws/OhxmxjXQO0xARTIWBAbRSTs+NcRAqeMSAVCrUd/CZE5SBRqvIV1ZiCzS7k0Zs9A7N3g6iWwZW4vkBMlkNrAFjhJ5Akk5NjG481jPdALBXKmiKzXSjJysTuP32I87PKfx2JEnjSJjVnOmn/wR3wQ3P6CMFxqPZJ1IuYukS+HI27YwE/mAZrgFczHWtjQis2tsXZDLxCRBkKlmDi9XYkEJ9MKr0zo5BKR+0j8Fur6ZhEmblMiUsAbjrnuXeWzVhyGIJraQGjki5uMRPbIPx6iihKGF6elym9WKm/JCpRj+ZHbZJ4YTiTFNod1UlNKoR3qWIW8osk+RRv1TcwIDzihtjnX1QyHBzuhIdUXEJEtQmcijUr9BUTKGJENC4tDf5rbahGavUGj40SfmtMrk0horMGZXouEvc9IZCY0JOhWXzCBuREx7DKIW816EApLKCm9SRQ68sr0yiG5jXhjJ4+RFV7RYL8dckEaQGLONIrU/IPysxDS3rFT4/DBDGOXhqkBCdk8f3LpKBIFrxaeqYH9Gd6pQKCJjC1llddHbnnzSIFy2EXLbm09k+0SeVWLUiH7nfXQmx4dswfxjkv8PfWM/v9M9TvH7rU7MKdO241IVotmPJlneuBEUxy9+ozd0z13NSTR9Zk7ox63gqcMy4WO/UBjT/0MIe2/AAMAltWgupE8eR8AAAAASUVORK5CYII=) center center no-repeat;
-webkit-animation:rotate 0.6s linear infinite;animation:rotate 0.6s linear infinite;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

@keyframes leftopen{0%{transform:translate(-71%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes leftopen{0%{-webkit-transform:translate(-71%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes leftopen{0%{-moz-transform:translate(-71%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes leftopen_panel{0%{transform:translate(-100%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes leftopen_panel{0%{-webkit-transform:translate(-100%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes leftopen_panel{0%{-moz-transform:translate(-100%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes leftopen_op{0%{transform:translate(-71%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}
@-webkit-keyframes leftopen_op{0%{-webkit-transform:translate(-71%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{-webkit-transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}
@-moz-keyframes leftopen_op{0%{-moz-transform:translate(-71%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{-moz-transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}

@keyframes leftclose{0%{transform:translate(71%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes leftclose{0%{-webkit-transform:translate(71%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes leftclose{0%{-moz-transform:translate(71%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes leftclose_panel{0%{transform:translate(100%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes leftclose_panel{0%{-webkit-transform:translate(100%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes leftclose_panel{0%{-moz-transform:translate(100%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes leftclose_op{0%{transform:translate(71%,0);filter:alpha(opacity=100);opacity:1.0;}/* + global.asp js */
100%{transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}
@-webkit-keyframes leftclose_op{0%{-webkit-transform:translate(71%,0);filter:alpha(opacity=100);opacity:1.0;}
100%{-webkit-transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}
@-moz-keyframes leftclose_op{0%{-moz-transform:translate(71%,0);filter:alpha(opacity=100);opacity:1.0;}
100%{-moz-transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}

@keyframes rightopen{0%{transform:translate(79%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes rightopen{0%{-webkit-transform:translate(79%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes rightopen{0%{-moz-transform:translate(79%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes rightopen_side{0%{transform:translate(100%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes rightopen_side{0%{-webkit-transform:translate(100%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes rightopen_side{0%{-moz-transform:translate(100%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes rightopen_op{0%{transform:translate(79%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}
@-webkit-keyframes rightopen_op{0%{-webkit-transform:translate(79%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{-webkit-transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}
@-moz-keyframes rightopen_op{0%{-moz-transform:translate(79%,0);filter:alpha(opacity=0);opacity:0.0;}
100%{-moz-transform:translate(0,0);filter:alpha(opacity=100);opacity:1;}}

@keyframes rightclose{0%{transform:translate(-79%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes rightclose{0%{-webkit-transform:translate(-79%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes rightclose{0%{-moz-transform:translate(-79%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes rightclose_side{0%{transform:translate(-100%,0);}
100%{transform:translate(0,0);}}
@-webkit-keyframes rightclose_side{0%{-webkit-transform:translate(-100%,0);}
100%{-webkit-transform:translate(0,0);}}
@-moz-keyframes rightclose_side{0%{-moz-transform:translate(-100%,0);}
100%{-moz-transform:translate(0,0);}}

@keyframes rightclose_op{0%{transform:translate(-79%,0);filter:alpha(opacity=100);opacity:1;}
100%{transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}
@-webkit-keyframes rightclose_op{0%{-webkit-transform:translate(-79%,0);filter:alpha(opacity=100);opacity:1;}
100%{-webkit-transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}
@-moz-keyframes rightclose_op{0%{-moz-transform:translate(-79%,0);filter:alpha(opacity=100);opacity:1;}
100%{-moz-transform:translate(0,0);filter:alpha(opacity=0);opacity:0.0;}}

/*header & nav*/
#header {
	position: fixed;
	z-index: 10;
	min-width: 320px;
	width: 100%;
	overflow-x:auto;
	margin: 0 auto;
	padding: 0;
	height:48px;/*66px*/
	font-weight: bold;
	box-shadow: 1px 1px 12px rgba(0,0,0,.4);
	text-shadow: 1px 1px 3px #333;
	background:#2873c2 url(images/m-g/m.png) 0 0 repeat-x;
	background-size:48px 48px;
	/*
	background: linear-gradient(#666666,#333333);
	background: linear-gradient(#fcfcfc,#f3f3f3);
	*/
}
#header a { display:block;text-decoration:none; }

#logo {
	margin:0 auto;
	background:url(ttt/navlogo.png) left center no-repeat;
	background-size: 48px 48px;
	background-position:0px 0px;
	width: 48px;
	height:48px;
}
#logoindex {
	margin:0;
	background:url(ttt/navlogo.png) left center no-repeat;
	background-size: 48px 48px;
	background-position:0px 0px;
	width: 248px;
	line-height:48px;
	text-indent:48px;
	font-size:14px;
	color:#fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#cat {
	margin:0 auto;
	background:url(ttt/navlogo.png) center center no-repeat;
	background-size: 48px 48px;
	background-position:0px 0px;
	width:120px;
	height:48px;
}
#cat a{
	color:#fff;
	line-height:48px;
	text-indent:48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#list {
	float:right;
	background:#333 url(ttt/navtoggle.png) center center no-repeat;
	background-size: 28px 28px;
	background-position:30px 4px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color:#ffffff;
	padding:0 22px 0 3px;
	margin:6px;
	border-radius:6px;
	text-shadow: 0 1px 1px #194B7E;
}
#list:hover {
	background-color:#666;
}
#list_onlyicon {
	float:right;
	background:#333 url(ttt/navtoggle.png) center center no-repeat;
	background-size: 36px 36px;
	background-position:0px 0px;
	width: 36px;
	height: 36px;
	margin:6px;
	border-radius:6px;
}
#back {
	float:left;
	background:#333 url(ttt/nav-back-arrow.png) center center no-repeat;
	background-size: 7px 48px;
	background-position:9px -6px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color:#ffffff;
	padding:0 3px 0 20px;
	margin:6px;
	border-radius:6px;
	text-shadow: 0 1px 1px #194B7E;
}
#back:hover {
	background-color:#666;
}

.ui-icon{
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	background: #999;
	background-image: url(icons-18-normal.png);
	background-repeat: no-repeat;
	border-radius: 9px;
}
.ui-icon-home{
	background-position: -576px 50%;
}
.ui-icon-grid{
	background-position: -432px 50%;
}
.ui-icon-arrow-r{
	background-position: -108px 50%;
}
.ui-icon-add{
	background-position: 0px 50%;
}
.ui-icon-star{
	background-position: -468px 50%;
}
.ui-icon-edit{
	background-position: -324px 50%;
}
.ui-icon-out{
	background-position: -72px 50%;
}
.ui-icon-in{
	background-position: -252px 50%;
}
.ui-icon-back{
	background-position: -396px 50%;
}
.ui-icon-top{
	background-position: -180px 50%;
}
.ui-icon-shadow{
	left:50%;
	top: 19px;
	margin-top: 0;
	margin-left: -9px;
}

#naver{
	position:fixed;
	bottom:0;
	z-index:10;
	width: 100%;
	max-width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0;
	height: 54px;
	margin-bottom:-6px;
	font-weight: bold;
	box-shadow: 0 -1px 3px rgba(0,0,0,.4);
	box-shadow: 0 -11px 32px rgba(0,0,0,.08);
	text-shadow: 1px 1px 1px #333;
	text-shadow: 0 0 0 #333;
	/*background: linear-gradient(rgba(100,105,109,0.8),rgba(73,74,78,0.8));*/

	/*background-image: -webkit-linear-gradient(top,rgba(100,105,109,0.93) 0%,rgba(73,74,78,0.93) 100%);
	background-image: -moz-linear-gradient(top,rgba(100,105,109,0.93) 0%,rgba(73,74,78,0.93) 100%);
	background-image: -o-linear-gradient(top,rgba(100,105,109,0.93) 0%,rgba(73,74,78,0.93) 100%);
	background-image: linear-gradient(top,rgba(100,105,109,0.93) 0%,rgba(73,74,78,0.93) 100%);*/

	/*background: linear-gradient(#64696d,#494a4e);
	background:#2873c2 url(images/m-g/m.png) 0 0 repeat-x;
	background-size:54px 54px;*/

	/* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;                 /* 动画名称 */
    animation-duration: 9s;                 /* 动画时长 */
    animation-timing-function: ease-in-out; /* 动画速度曲线 */
    animation-iteration-count: infinite;    /* 播放次数 */
    /* Safari and Chrome */
    -webkit-animation-name: breath;
    -webkit-animation-duration: 9s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
	filter:alpha(opacity=90);opacity:0.9;
}
#naver:before { 
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1; /*-1 当背景*/
	background-image: -webkit-linear-gradient(top,rgba(46,128,209,0.93) 0%,rgba(35,102,178,0.93) 100%);
	background-image: -moz-linear-gradient(top,rgba(46,128,209,0.93) 0%,rgba(35,102,178,0.93) 100%);
	background-image: -o-linear-gradient(top,rgba(46,128,209,0.93) 0%,rgba(35,102,178,0.93) 100%);
	background-image: linear-gradient(top,rgba(46,128,209,0.93) 0%,rgba(35,102,178,0.93) 100%);/* 蓝色*/
	background: #fff;
	border-top:1px solid #ddd;
}
{/*毛玻璃*/
	filter:alpha(opacity=93);opacity:0.93;
	filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
		-webkit-filter: blur(2px); /* Chrome, Opera */
		   -moz-filter: blur(2px);
			-ms-filter: blur(2px);    
				filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); /* IE6~IE9 */
	margin: -2px; overflow: hidden; /*消除边缘透明*/
}
#naver li{ float:left; width:54px; text-align:center; height:48px; overflow:hidden; }
#naver li a{ display:block; line-height:48px; color:#fff; }
#naver li.on{ background:#fff; }
#naver li.on a{ color:#444; }
#naver div{
	float:left;
	width:20%;
	overflow:hidden;
	padding:0;
	zoom:1;
}
#naver div.on{
	background: linear-gradient(0deg,hsla(0,0%,100%,.05),rgba(0,0,0,.05));
	box-shadow: inset 5px 0 3px -3px rgba(0,0,0,.01),inset -5px 0 3px -3px rgba(0,0,0,.01);
}
#naver div a{ width:48px;height:48px;margin:0 auto;display:block;}
@keyframes breath{
	0%{ -webkit-transform:translate(0,0);}
	50%{ -webkit-transform:translate(0,-6px);}
	100%{ -webkit-transform:translate(0,0);}
}
@-webkit-keyframes breath{
	0%{ -webkit-transform:translate(0,0);}
	50%{ -webkit-transform:translate(0,-6px);}
	100%{ -webkit-transform:translate(0,0);}
}
	/*{
	0%{ -webkit-transform:translate(0,0) scale(1,1);}
	25%{ -webkit-transform:translate(0,-1px) scale(1,0.99);}
	50%{ -webkit-transform:translate(0,-3px) scale(1,1.1);}
	75%{ -webkit-transform:translate(0,-1px) scale(1,0.99);}
	100%{ -webkit-transform:translate(0,0) scale(1,1);}
	}*/

/*-------------------------icons--------------------------*/
#naver div plat{
	display:block;
	margin: 0 auto;
	padding: 0 auto;
	margin-top:-18px;
}
#naver div platin{
	display:block;
	text-align:center;
	font-weight:normal;
	color:#9f9f9f;
	overflow:hidden;
	word-break: break-all;
	white-space:nowrap;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.icons {
	display: block;
	text-decoration: none;
	width: 48px;
	height: 48px;
	overflow: hidden;
}
.icons span{
	font-size:12px;
	height:12px;
	line-height:12px;
	margin:32px 0 4px 0;
	display: block;
	color:#9f9f9f;
	text-align:center;
	-webkit-transform-origin: 50% bottom;
	transform-origin: 50% bottom;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.icons .cal{
	margin-top:10px;
	height:24px;
}
#qhome {
	background: url(icons-18-white.png) no-repeat 0 0;
	background-position: -755px 8px;
}
#qnav {
	background: url(icons-18-white.png) no-repeat 0 0;
	background-position: -564px 8px;
}
#qmenu {
	background: url(icons-18-white.png) no-repeat 0 0;
	background-position: -1045px 8px;
}
#qchat {
	background: url(icons-18-white.png) no-repeat 0 0;
	background-position: -612px 8px;
}
#qset {
	background: url(icons-18-white.png) no-repeat 0 0;
	background-position: -372px 8px;
}
#puser, #quser {
	position: relative;
}
#puser:before, #quser:before {
	content: ' ';
	display: block;
	position: absolute;
	top:3px;
	left:3px;
	width:42px;
	height:42px;
	background: url(avatar-box.png) no-repeat;
	background-size: 42px 42px;
	border-radius: 24px;
}
#puser:after {
	content: '16';
	display: block;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top:5px;
	right:5px;
	padding:0px 7px;
	height:22px;
	line-height:22px;
	color:white;
	font-weight:bold;
	border-radius: 44px;
	-webkit-transform-origin: top right;
	transform-origin: top right;
	transform:scale(0.5);
	-o-transform:scale(0.5);
	-ms-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-webkit-transform:scale(0.5);
	background: #d44e45;
	color: #fff;
	text-shadow: 0 0 0 rgba(0,0,0,.06);
	box-shadow: 0 3px 8px rgba(212,78,69,.4);
	font-family: Helvetica Neue,Helvetica,Arial,SCREEN GP Sans SC,sans-serif;
}
#puser img, #quser img {
	width:36px;
	height:36px;
	border-radius:18px;
	margin:6px;
	/*-webkit-animation: run 360s linear 0s infinite;*/
}

@-webkit-keyframes run{
	from { -webkit-transform:rotate(360deg); }
	to{ -webkit-transform:rotate(0deg); }
}

#footer {
	clear: both;
	margin: 12px auto 0 auto;
	min-width: 320px;
	width: 100%;
}
#innerFooter {
	margin: 0 12px;
	padding: 0 36px 0 12px;
	color: #999;
	text-align: center;
	overflow:hidden;
	/*background: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	background: #F5F5F5;
	background: linear-gradient(#FFF,#f9f9f9);
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
	font-weight: bold;*/
}
#innerFooter a {
	color: #999;
}

/****** Content Layout ******/
#mainWrapper {
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#topWrapper {
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#popWrapper {
	background:#fff;
	overflow: hidden;
}

/* breadcrumbs */
.crumbs {
	margin: 48px 12px 0 12px;
	min-width: 320px;
	overflow-x:auto;
	padding: 0;
	height:48px;
	font-weight: bold;
}
.crumbs a { float:left;display:inline-block;text-decoration:none;line-height: 48px; color:#444; }
.crumbs em { float:left;overflow:hidden;width:9px;line-height:48px;background:url(index/pt_item.png) no-repeat center center;text-indent:-10px; }
.crumbs .home { width:20px;background:url(index/pt_icn.png) center right no-repeat; }/*background:url(icons-18-white.png) no-repeat;background-position: -560px 50%;*/
.crumbs .homebbs { width:20px;background:url(index/pt_icn.png) center right no-repeat; }

/* sidebar */
.sidebar {
	float: right;
	width: 222px;/*264*/
}
.sidebar-hide {
	display: none;
	float: right;
}

/* content */
.content {
	margin: 0;
	float: left;
	width: 100%;
}
.content-wide {
	width: auto;
}
.content-only {
	width: auto;
}
#innerContent {
	overflow: visible;
	padding:0 12px;
}

/****** Form Layout ******/
.content-form {
	margin: 0;
	float: left;
	width: 100%;
}
.content-form-only {
	width: auto;
}
#innerContent-form {
	overflow: visible;
	margin: 0 12px;
	padding:1px;
	background: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	background: #F5F5F5;
	background: linear-gradient(#FFF,#F5F5F5);
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
}
.article-top-form {
	padding: 0 12px;
	white-space: nowrap;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	color: #646464;
	background: #F5F5F5;
	background: linear-gradient(#FFF,#F5F5F5);
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
	border-bottom: 1px solid #DCDCDC;
	border-radius: 6px 6px 0 0;
}

/****** Forum Layout ******/
.content-forum {
	margin: 0;
	float: left;
	width: 100%;
}
#innerContent-forum {
	overflow: visible;
	padding:0 12px;
}

/****** Admin Layout ******/
.content-admin {
	margin: 0;
	float: left;
	width: 100%;
}
#innerContent-admin {
	overflow: visible;
	padding:0 12px;
}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top: none;
	margin-top:0;
	clear:both;
	visibility:hidden;
}

/****** Sidebar Panels ******/
.panel{
	margin-bottom: 6px;
	border:1px solid #d0d0d0;
	border-top: 1px solid #3e98ff;
}
.panel h5 {
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	color:#747474;
	padding-left:16px;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	background:#f6f6f6 url(images/fr-bg2.gif) center bottom repeat-x;
}
.panel-content{
	padding: 12px;
	line-height:16px;
	color: #666;
	background:#fff;
}
.panel-content a:link, .panel-content a:visited {
	color: #0571bc;
}
.panel-content a:hover {
	color: #0571bc;
}
.panel-content ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.panel-content li{
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}
.panel-content li em{
	float: right;
	padding-left: 5px;
	font-style:normal;
}
#panelAdmin .panel-content{
	line-height: 18px;
	overflow: hidden;
}
#panelUser .panel-content li{
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
#panelMember .panel-content li{
	float:left;
	width:48px;
	height:69px;
	margin:0 16px 0 0;
	text-align:center;
}
#panelMember .panel-content li img{
	width:48px;
	height:48px;
}
#panelMember .panel-content li span{
	display: block;
	width:48px;
	height:21px;
	line-height:21px;
}
#panelCalendar {
	border-top: 1px solid #ff5832;
}
#panelArchive {
	border-top: 1px solid #66bc29;
}
#panelArchive .panel-content{
	font-size: 12px;
}
#panelArchive .panel-content a:link, #panelArchive .panel-content a:visited{
	color:#666;
}
#panelArchive .panel-content a:hover{
	text-decoration: underline;
}
#panelArchive .panel-content li{
	font-size: 12px;
}
#panelArticle {
	border-top: 1px solid #ff5832;
}
#panelComment {
	border-top: 1px solid #66bc29;
}
#panelArticle .panel-content, #panelComment .panel-content {
	padding: 6px 12px;
}
#panelArticle .panel-content li, #panelComment .panel-content li {
	line-height: 22px;
}

/****** Sidebar panelCategory ******/
#panelCategory {
	border: 1px solid #ff9c00;
}
#panelCategory h5 {
	color:#f00;
	height:32px;
	line-height:32px;
	background:#f6f6f6 url(images/fr-bg3.gif) center bottom repeat-x;
}
#panelCategory h5 a {
	color:#f00;
}
#panelCategory .panel-content{
	background: #fdffce;
	padding: 12px 16px;
}
#panelCategory .panel-content a{
	color:red;
}
#panelCategory .panel-content li{
	line-height:26px;
	width: 50%;
	display: inline;
	float: left;
	background: url(images/oiterm_now_bg.gif) center left no-repeat;
}
#panelCategory .panel-content li a{
	padding-left: 12px;
}
#panelCategory .panel-content .nfocus{
	display: none;
}
#panelCategory .panel-content .focus{
	background: url(images/oiterm_now_bgd.gif) center left no-repeat;
}
#panelCategory .panel-content .focus a{
}

/* user panel login form */
#loginForm {
	width: 95%;
}

/****** Defaul Page Elements ******/
.article-top {
	padding: 4px 12px 4px 12px;
	/*padding: 4px 0px 4px 0px;*/
	height: 24px;
	line-height: 24px;
	border: 1px #ccc solid;
	border-top: none;
	border-bottom: none;
	color: #444;
}
.article-top-over {
	padding: 4px 0;
	height: 36px;
	line-height: 36px;
	color: #444;
}
.article-top a:link,.article-top a:visited {
	color: #444;
	text-decoration: none;
}
.article-top a:hover {
	color: #666;
	text-decoration: none;
}

.article-bottom {
	padding: 3px 12px;
	margin-top: 6px;
	height: 24px;
	line-height: 24px;
	background:#f7f7f7 url(images/spline_bg.gif) repeat-x;
	border:#ddd solid 1px;
}
.article-bottom-over {
	padding: 12px 0 12px 0;
	height: 28px;
	line-height: 28px;
	color: #444;
}

.view-mode {
	float: right;
	white-space:nowrap;
}
.view-mode a:link,.view-mode a:visited {
	color: #444;
}
.view-mode a:hover {
}

/****** normal message box ******/
/****** error message box ******/
.infobox{
	width:334px;
	min-width:334px;
	margin: 0px auto;
}
.infobox-content{
	padding: 0 20px;
	text-align: left;
	color:#999;
	font-size:10px;
}
.messagebox, .errorbox{
	width:334px;
	min-width:334px;
	margin: 60px auto;
	color: #646464;
	background:#fff;
	border: 1px solid #D1D1D1;
	box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
	border-radius: 6px;
}
.messagebox-title, .errorbox-title{
	padding: 0;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #e7e7e7;
	/*-webkit-box-shadow: 0 1px 1px 1px #F6F6F6;
	-moz-box-shadow: 0 1px 1px 1px #F6F6F6;
	box-shadow: 0 1px 1px 1px #F6F6F6;*/
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fafafa,#f4f4f4);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
}
.errorbox-title{
	color:#f00;
}
.messagebox-content, .errorbox-content{
	padding: 30px 20px;
	text-align: left;
	min-height: 60px;
	_height: 60px;
}
.messagebox-bottom, .errorbox-bottom{
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #D1D1D1;
}

.errorbox ul{
	margin: 0;
	padding: 0;
}
.errorbox li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:16px;
}
#errorlist{
	margin: 12px 0 0 0;
	padding: 0;
}
#errorlist li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:16px;
}

/****** Input Form Styles (table) ******/
.formbox-admin{
	background:#ccc;
}
.formbox-comment{
	background:#fff;
	border:#ddd solid 1px;
}
.formbox{
	background:#fff;
	border: 1px solid #ddd;
}

/*Admin*/
.formbox-title-admin{
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size:12px;
	background:#f7f7f7 url(images/spline_bg.gif) repeat-x;
	padding-left: 12px;
	padding-right: 12px;
}

.formbox-rowheader-admin{
	padding: 6px;
	font-weight: bold;
	text-align: right;
	color: #666;
	background:#f9f9f9;
}

.formbox-content-admin{
	padding: 6px;
	padding-right: 10px;
	color: #666;
	background:#fff;
}

/*Post Comments*/
.formbox-comment-title{
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	font-size:12px;
	background: #e5edf2;
	border-bottom: 1px solid #ddd;
	padding-left: 12px;
	padding-right: 12px;
}
.formbox-comment-rowheader {
	padding: 6px;
	font-weight: bold;
	text-align: right;
	word-break: keep-all;
	white-space:nowrap;
	color: #666;
}
.formbox-comment-content{
	padding: 6px;
	padding-right: 10px;
	color: #666;
}

/*Post Articles*/
.formbox-title{
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size:12px;
	background:#f7f7f7 url(images/spline_bg.gif) repeat-x;
	padding-left: 12px;
	padding-right: 12px;
	background: #e5edf2;
	border-bottom: 1px solid #c2d5e3;
}
.formbox-rowheader{
	padding: 6px;
	font-weight: bold;
	text-align: right;
	word-break: keep-all;
	white-space:nowrap;
	color: #666;
	background:#fff;
}
.formbox-content{
	padding: 6px;
	padding-right: 10px;
	color: #666;
	background:#fff;
}
.formbox-content a{
	display: inline-block;
}
.formbox-content .gravat{
	width:100px;
	height:100px;
	border:2px solid #ccc;
	background: #fff;
	padding:6px;
	border-radius: 56px;
}
.formbox-content .gravatar{
	width:100px;
	height:100px;
	background:url(index/image.png) no-repeat center center;
	border-radius: 50px;
}
.topinputs{
	padding:6px 5px 6px 5px;
}
.otherinputs{
	padding:0px 5px 6px 5px;
}

/****** Form Controls Styles ******/
form {
	display: inline;
}
input,textarea,select,button,label {
	font-family: "Microsoft YaHei", Tahoma, Arial, sans-serif;/**/
	color: #111;
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: pre;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #ccc; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
	color: #ccc; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
	color: #ccc;
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	color: #ccc;
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {/*for FF button*/
	border:none;
	padding:0;
}
input[type="checkbox"] {
  width:33px;
  height:31px;
  display:none;
}
input[type="button"]:disabled,
input[type="submit"]:disabled {
	color:#999;
	background: #ccc;
	background: linear-gradient(#eee,#ccc);
}
input[type="text"]:disabled {
	color:#ccc;
}
/*input[type="checkbox"]:disabled+label {
	color:#eee;
	background-color:#fff!important;
}*/
label {
	cursor: pointer;
	font-size:12px;
	line-height:31px;
}
.checkbox, .radio {
	width:21px;
	height:21px;
	cursor: pointer;
}
textarea {
	vertical-align:top;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	overflow-scrolling:touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
	resize:none;
	line-height: normal;/*for middle*/
	color: #444;
	border:none;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}
textarea.red {
	color: #444;/*color: #f00;*/
}
textarea.alert {
	color: #f00;
}
input.text {
	color: #444;
	height: 24px;
	line-height: 18px;
	line-height: normal;/*for middle*/
	padding: 4px 3px;
	text-indent: 6px;
	border: #aaa solid 1px;
	border-radius: 3px;
	box-shadow: 0 3px 5px -4px rgba(0,0,0,.5) inset,-1px 0 3px -2px rgba(0,0,0,.2) inset;
}
input.readonly {
	box-shadow: none!important;
	background: linear-gradient(#fcfcfc,#f5f5f5);
}
input.small {
	height: 16px;
	line-height: 16px;
	line-height: normal;/*for middle*/
	padding: 0;
	text-indent: 0px;
	border: 0px;
	box-shadow: none;
	font-weight: bold;
	font-size:12px;
}
input.big {
	height: 24px;
	line-height: 18px;
	line-height: normal;/*for middle*/
	padding: 9px 3px;
}
input.texts {
	width:-moz-calc(100% - 8px);
	width:-webkit-calc(100% - 8px);
	width:calc(100% - 8px);
}
input.alert {
	color: #f00;
	border: #f00 solid 1px;
}
input.light {
	color: #369;
	border: #69c solid 1px;
}
input.red {
	color: #444;/*color: #f00;*/
}
input.trans {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}
input.pcategory {
	background-color: #e5edf2;
	color: #336699;
}
input.onlytext {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}
input.button, button {
	height: 34px;
	line-height: 32px;
	height: 34px \9;
	line-height: 27px \9;
	cursor: pointer;
	width:auto;
	overflow:visible;
	padding:0 6px;
	border: none;
	border-radius: 3px;
	color: #fff;
	/*background: #5d86e5;
	background: linear-gradient(#688fe8,#5079e1);*/
	background:#2873c2 url(images/m-g/m.png) 0 0 repeat-x;
	background-size:48px 48px;
	box-shadow: 0 0px 0px rgba(0,0,0,.3),inset 0 -1px 2px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.3);
	/*background: #5f7ed7;
	background: linear-gradient(#6e98f4,#4b77ee);*/
}
input.button:hover, button:hover,
input.button:hover, button:hover {
	/*background: #4a76ee;
	background-image: linear-gradient(#426dec,#527cf0);*/
	color: #c8eff8;
	/*background: linear-gradient(#789ff8,#6089f1);*/
	background-position: 0 -71px;
}
input.large {
	height: 44px;
	line-height: 42px;
	height: 44px \9;
	line-height: 37px \9;
}
input.post {
	padding-left: 16px;
	padding-right: 16px;
	font-weight: bold;
}
input.gray, button.gray {
	color:#444;
	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f5f5f5);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
	font-size: 12px;
}
input[type="button"].red, button[type="button"].red {
	color:#f00;
	background:#f3eeee;
	background: linear-gradient(#fceeee,#f5eeee);
	box-shadow: 0 0px 0px rgba(100,0,0,.2),inset 0 -1px 2px rgba(100,0,0,.1),inset 0 0 0 1px rgba(100,0,0,.2);
	font-size: 12px;
}
input.gray:hover, button.gray:hover,
input.gray:hover, button.gray:hover
{
	color:#111;
	background: linear-gradient(#ffffff,#f9f9f9);
}
input[type="button"].red:hover, button[type="button"].red:hover,
input[type="button"].red:hover, button[type="button"].red:hover
{
	color:#f00;
	background: linear-gradient(#ffffff,#f9f9f9);
}
input.delete, button.delete {
	color:#fff;
	background:#E66157;
	background: linear-gradient(#F67167,#E66157);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
	font-size: 12px;
}
input.delete:hover, button.delete:hover,
input.delete:hover, button.delete:hover {
	background: linear-gradient(#F68177,#F67167);
}
input.noshadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
select {
	background: #fff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}
input.floading {
    color: transparent;
    background: #06c url(loading.gif) no-repeat center;
    cursor: default;
    pointer-events: none;
}
.pcategory {
	background-color: #e5edf2;
	color: #336699;
}
.ubbs{
	width:100%;
}
.ubbs_fck{
	width:100%;
}
.ubb_btn {
	display:none;
}
.ubb_btn_fck {
	display: none;
}
.ubb_message {
	*padding-right:8px;
	_padding-right:8px;
}
.ubb_message div{
	padding: 9px 9px;
	border: 1px solid #848484;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 3px;
	box-shadow: 0 3px 5px -4px rgba(0,0,0,.5) inset,-1px 0 3px -2px rgba(0,0,0,.2) inset;
}
.ubb_message div.alert{
	border:1px solid #f00;
}
.ubb_message textarea {
	_margin-right:-8px;
}
.ubb_message_fck {
	*padding-right:0px;
	_padding-right:0px;
}

.label_checkeds, .label_nocheckeds, .label_checked, .label_nochecked, .label_disabled{
	cursor: pointer;
	font-size:12px;
	height: 22px;
	line-height: 22px;
	padding: 6px 7px 6px 21px;
	background-image: url(images/input_texts_m.png);
	background-size:330px 22px;
	background-position:7px 50%;
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align: middle;
}
.label_checks{
	padding: 6px 7px 6px 21px;
}
.label_checked, .label_nochecked{
	padding: 0;
	width: 22px;
	padding: 6px 7px 6px 7px;
}
.label_checkeds {
	background-position:0 50%;
}
.label_nochecked, .label_nocheckeds{
	background-position:-137px 50%;
}
.label_nocheckeds{
	background-position:-144px 50%;
}
.label_disabled{
	background-position:-286px 50%;
	color: #999;
}
.label_disableds{
	background-position:-293px 50%;
	color: #999;
}

input.orange, button.orange, a.orange{
	position:relative;
	display: inline-block;
	color:#fff;
	text-shadow: 1px 1px 1px #630;
	min-width:28px;
	height: 28px;
	line-height: 27px;
	border-radius: 14px;
	border: 1px solid #e60;
	border-top: 1px solid #f90;
	background-image: -webkit-linear-gradient(#ff6600,#dd5500);
	background-image: linear-gradient(#ff6600,#dd5500);
	box-shadow: 0 0 0 1px #a43131, 1px 2px 3px #6facd5;
}
a.orange{
	height: 26px;
	line-height: 26px;
	padding:0 12px;
}
input.orange:hover, button.orange:hover,
a.orange:hover, a.orange:hover{
	color:#fff;
	border: 1px solid #f90;
	border-top: 1px solid #f90;
	background-image: -webkit-linear-gradient(#ff9900,#ff6600);
	background-image: linear-gradient(#ff9900,#ff6600);
}
input.orange:active, button.orange:active,
a.orange:active, a.orange:active{
	color:#fff;
	border: 1px solid #e60;
	border-top: 1px solid #e60;
	background-image: -webkit-linear-gradient(#dd5500,#dd5500);
	background-image: linear-gradient(#dd5500,#dd5500);
}
input.white, button.white{
	color:#444;
	text-shadow: 1px 1px 1px #fff;
	min-width:28px;
	height: 28px;
	line-height: 27px;
	border-radius: 14px;
	border: 1px solid #f6f6f6;
	border-top: 1px solid #ffffff;
	background-image: -webkit-linear-gradient(#f6f6f6,#dddddd);
	background-image: linear-gradient(#f6f6f6,#dddddd);
	box-shadow: 0 0 0 1px #a7a7a7, 1px 2px 3px #a7a7a7;
}
input.white:hover, button.white:hover{
	color:#444;
	text-shadow: 1px 1px 1px #fff;
	border:1px solid #fff;
	border-top: 1px solid #fff;
	background-image: -webkit-linear-gradient(#ffffff,#eeeeee);
	background-image: linear-gradient(#ffffff,#eeeeee);
}
input.white:active, button.white:active{
	color:#444;
	text-shadow: 1px 1px 1px #fff;
	border:1px solid #fff;
	border-top: 1px solid #fff;
	background-image: -webkit-linear-gradient(#f2f2f2,#e7e7e7);
	background-image: linear-gradient(#f2f2f2,#e7e7e7);
}

/* smilies list */
.panel-smilies {
	padding: 6px;
	text-align: center;
	background: #fff;
	border: 1px solid #999;
}
.panel-smilies-title {
	border-bottom: 1px solid #999;
}
.panel-smilies-content {
	padding: 6px 0 0 0;
}
.panel-smilies-content img{
	width: 24px;
	height: 24px;
}

/****** Upload Page ******/
.upload-page{
	margin: 0;
	padding: 0;
	background: #fff;
	background-image: none;
	height: 24px;
}
input.upload-file {
	height: 19px;
	padding: 1px 2px;
}

.upload-error {}
.upload-done {}

/****** Search Panel ******/
.search-field {	
	width: 166px;
}

/****** Misc Styles ******/
.comment-text,
.hidden-note{
	color: #999;
}
.red {
	color: red;
}
.orange {
	color: #f26c4f;
}
.highlight {
	background: #f00;
	font-weight: bold;
	color: #fc0;
}
.meta-button {
	margin: 1px;
}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
* html .ubb-list { margin:12px 16px;}
.ubb-list li{
	margin: 1px;
	padding: 1px;
}
.code {
	word-break:break-all;
	padding: 12px;
	margin: 12px 16px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	font-size: 12px;
}

.quote {
	margin: 12px 16px;
	border: 1px solid #ddd;
	background: #f7f7f7 url(images/icon_quote_bg.gif) top right no-repeat;
}
.quote-title {
	padding: 12px 56px 12px 12px;
	font-weight: bold;
	border-bottom: 1px dashed #ddd;
}
.quote-content {
	word-break:break-all;
	padding: 12px; 
}

.ubb-obj-div {
	word-break:break-all;
	margin: 12px 32px;
	padding: 12px;
	border: 1px solid #ddd;
	background: #f7f7f7;
}

/* chrome selection */
::selection {color: #fff;background-color: #aaa;}
::-moz-selection {color: #fff;background-color: #aaa;}

/* ul block */
ul {
	zoom: 1;
}
ul li{
	list-style: none;
}

/* delete float */
.clearfix:before,.clearfix:after { content: ".";display: block;height: 0;visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix {zoom: 1;} /* IE<8 */
/* or.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix { *+height:1%; }*/
/* or .clearfix{overflow:auto;_height:1%} */
/* or .clearfix{overflow:hidden;_zoom:1;} */

/* global panel swith */
.nspan {
	float:left;
	cursor:pointer;
	margin: 0 6px 0 0;
	padding: 0 6px;
	border-radius: 3px;
	background: #ccc;
	box-shadow: 0 1px 3px rgba(0,0,0,.06),inset 0 -1px 2px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.06);
	height: 34px;
	line-height: 34px;
	color: #fff;
}
.cspan {
	/*background:linear-gradient(#688fe8,#5079e1);*/
	background: linear-gradient(#4493d8,#2d80d1);
	box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
a.nspan { color:#747474; }
a.cspan { color:#fff; }
.hul{ display:none; }

/* admin.asp forums */
a.tpnums { text-decoration: none; }
a.tpnums span { color: #444; }
a.tpnums em { display: none; }
a.tpnums:hover span { display: none; }
a.tpnums:hover em { display: block; font-style: normal; }

/* scrolltop */
#scrolltop {
	visibility:hidden;
	z-index:9999;
	position:fixed;
	display:block;
	cursor: pointer;
	_position:absolute;
	_bottom:auto;
	bottom: 48px;
	width: 48px;
	height: 48px;
	background: url(arrow_up.png) no-repeat;
	background-size: contain;
	opacity: .72;
	-webkit-transition: all .25s cubic-bezier(.215,.61,.355,1);
	-moz-transition: all .25s cubic-bezier(.215,.61,.355,1);
	transition: all .25s cubic-bezier(.215,.61,.355,1);
}
#titlebar_shadow {
	position: fixed;
	z-index: 13;
	top:48px;
	width: 100%;
	min-width: 320px;
	height:320px;
	background: url(titlebar_shadow.png) center top no-repeat;
	background-size: 100%;
	opacity:0.7;
	pointer-events:none;
}

/* titletip */
#titletip {
	position:absolute;
	border:1px solid #000;
	background:#ffffe1;
	padding:2px 4px;
	height:16px;
	line-height:16px;
	color:#000;
	display:none;
}

/* focus */
#focuswin {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 255px;
	z-index: 99999;
	_position: absolute;
    _top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}

/****** Announcement Box ******/
.announce{}
.announce-content{}
.announce-time{}
#announce{
	float:left;
	position:relative;
	overflow:hidden;
	height:24px;
	line-height:24px;
}
#announce span{
	float:left;
	font-weight:bold;
	padding-left:26px;
	background:url(index/ann.gif) center left no-repeat;
}
#announce ul{
	margin:0 0 0 66px;
	padding:0;
	position:relative;
	list-style:none;
	height:24px;
	line-height:24px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

/* index.asp block */
.indexblock{
	overflow:hidden;
}

/* default.asp category intro */
.catepage {
	position:relative;
	margin:0 0 6px 0;
	padding:16px;
	overflow:hidden;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
}
.catetitle{
	font-size: 16px;
	line-height:16px;
	font-weight: bold;
	padding:0 0 12px 0;
	text-align:center;
	font-family: 'Noto Serif SC Black', 'MicroSoft Yahei', Georgia, serif;
	--font-family-monospace: 'Noto Serif SC Black', SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-weight: 700;
}
.catecontent{
	font-size: 14px;
	line-height:180%;
	padding:0;
	margin:0;
	font-family: 'Noto Serif SC Black', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Noto Serif SC Black', 'Source Han Serif SC', 'Source Han Serif', 'source-han-serif-sc', 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', Georgia, serif;
	--font-family-monospace: 'Noto Serif SC Black', SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-weight:400;
}
.cateintro {
	position:relative;
	margin:0 0 6px 0;
	padding:12px;
	font-size: 14px;
	line-height:180%;
	overflow:hidden;
	background:#fff;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	background: #f9f9f9;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
}
.catepage .admin, .cateintro .admin {
	position:absolute;
	top:0;
	right:0;
}
.catecontent .info7{
	background:#ccc;
}
.catecontent .info7 td{
	background:#fefefe;
	font-size: 14px;
	padding:10px 12px;
}

/* tabs */
.tabWrap {
	margin: 0 0 6px 0;
	border:1px solid #bac5cf;
	background:#fff;
	overflow: hidden;
	border-radius: 6px;
}
.tabWrapTD {
	background:#fff;
	overflow: hidden;
	border-radius: 6px;
}
.tabt {
	padding: 0 3px;
	white-space: nowrap;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	color: #646464;
	border-bottom: 1px solid #e7e7e7;
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fafafa,#f4f4f4);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
	position: relative;
}
.tabt li {
	float: left;
	list-style: none;
	padding:4px 3px 3px 3px;
}
.tabt li a:link,.tabt li a:visited,.tabt li a:hover {
	float: left;
	cursor: pointer;
	padding: 0 6px;
	border-radius: 3px;
	background: #ccc;
	box-shadow: 0 1px 3px rgba(0,0,0,.06),inset 0 -1px 2px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.06);
	height: 34px;
	line-height: 34px;
	color: #fff;
}
.tabt li a:hover {
}
.tabt li a.focus, .tabt li a.focus:hover {
	/*background:linear-gradient(#688fe8,#5079e1);*/
	background: linear-gradient(#4493d8,#2d80d1);
	box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}

.tab {
	overflow:hidden;
	padding: 0;
	white-space: nowrap;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	color: #646464;
	border-bottom: 1px solid #e0e0e0;
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fafafa,#f4f4f4);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
	position: relative;
}
.tab:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tab li {
	float: left;
	list-style: none;
	text-align:center;
	width: 20%;
}
.tab li a:link,.tab li a:visited,.tab li a:hover{
	float: left;
	display: inline-block;
	width: 100%;
	text-align:center;
	text-decoration: none;
	border-right: 1px solid #bac5cf;
	margin:0 1px;
}
.tab li a.focus, .tab li a.focus:hover {
	color: #444;
	background: #fff;
}
.fresh {
	float:right;
	width: 16px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	color: #999;
	overflow:hidden;
	background:url(index/fresh.png) no-repeat center center;
}
.tab span {
	float:right;
	width: 16px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	color: #999;
	overflow:hidden;
	background:url(index/more.png) no-repeat center center;
	position: absolute;
	top:50%;
	right:12px;
	margin-top:-16px;
}
.tab span.fresh {
	background:url(index/fresh.png) no-repeat center center;
}
.tab span.int {
	cursor: help;
	background:url(index/int.png) no-repeat center center;
}
.tab em {
	font-style: normal;
	padding:0 6px;
}
.entry {
	margin: 0;
	padding: 0;
	overflow: hidden;
	min-height: 220px;
	_height: 220px;
}
.entrytd {
	margin: 0;
	padding: 0;
	overflow: hidden;
	max-height: 390px;
	min-height: 390px;
	_height: 390px;
}
.entry ul {
	margin: 0;
	padding:6px 12px;
	overflow: hidden;
	min-height: 220px;
	_height: 220px;
}
.entry ul li {
	float: left;
	width: 100%;
	list-style: none;
	height: 22px;
	line-height: 22px;
	font-size:14px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.entry ul li a:link,.entry ul li a:visited {
	display: block;
	color: #222;
	padding-left: 12px;
	background:url(index/lister.png) 0 8px no-repeat;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.entry ul li a:hover {
	text-decoration: none;
	color: #069;
}
.entry ul li span {
	display:none;
	float: right;
	color: #ccc;
	margin-left: 12px;
}
.entry ul li em {
	display:none;
	float: right;
	color: #ccc;
	margin-left: 12px;
	font-style:normal;
}
.top {
	padding: 6px 12px;
}
.entry .ajaxLoading, .entrytd .ajaxLoading {
	height:220px;
	line-height:220px;
	background:url(index/loading_ajax.gif) no-repeat center center;
}
.entry .ajaxLoadfail,.entrytd .ajaxLoadfail {
	height:220px;
	line-height:220px;
	background:url(index/loading_ajaxf.gif) no-repeat center center;
}
.ajax_top {
	_height:220px;
	min-height:220px;
}

/*images list*/
.ajax_images {
	padding: 0;
}
.ajax_images .ajaxLoading {
	height:86px;
	min-height:86px;
	background:url(index/loading_ajax.gif) no-repeat center center;
}
.ajax_images .ajaxLoadfail {
	height:86px;
	min-height:86px;
	background:url(index/loading_ajaxf.gif) no-repeat center center;
}
.topone{
	height:110px;
	font-size:12px;
}
.topone a:link,.topone a:visited {
	text-align:center;
	font-weight:bold;
	color: #0571bc;
	font-size:14px;
	text-decoration: none;
	height:34px;
	line-height: 34px;
	display: block;
}
.topone a:hover {
	color: #1581cc;
	text-decoration: underline;
}
.topone p {
	margin:0;
	padding:0;
	height:76px;
	overflow: hidden;
	line-height: 19px;
	color: #999;
	text-indent:24px;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
}

/*links*/
.entry_link {
	padding: 12px 12px;
	min-height:22px;
	position:relative;
}
.entry_link .admin {
	position:absolute;
	top:0;
	right:0;
}
.entry_link ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.entry_link ul li {
	float:left;
	list-style: none;
	width:25%;
}
.entry_link ul li a:link,.entry_link ul li a:visited {
	display:block;
	margin: 3px;
	padding: 6px 12px;
	height: 22px;
	line-height: 22px;
	border-radius: 6px;
	background: #f9f9f9;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.entry_link ul li a:hover {
	background: #ccc;
	color: #fff;
}

/* top */
.top_images {
	width:100%;
	float:left;
	margin:0;
}
.top_news {
	width:100%;
	float:left;
	margin:0;
}
.top_images_portal {
	width:100%;
	float:left;
	margin:0;
}
.top_news_portal {
	width:100%;
	float:left;
	margin:0;
}

/* one */
.one {
	height: 258px;
	padding: 0 16px;
	background: #fcfcfc url(index/top.png) top right no-repeat;
	border: 1px solid #bac5cf;;
}
.one .title {
	height: 77px;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #ccc;
}
.one h4 {
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 32px 0 0;
}
.one h4 a:link, .one h4 a:visited {
	color: #0571bc;
	text-decoration: none;
}
.one h4 a:hover {
	color: #1581cc;
}
.one p {
	line-height: 19px;
	color: #444;
}
.one ul {
	padding: 12px 0;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
	overflow: hidden;
}
.one ul li {
	list-style: none;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}
.one ul li a:link,.one ul li a:visited {
	display: block;
	color: #222;
	width:79%;
}
.one ul li a:hover {
	text-decoration: none;
	color: #666;
}
.one ul li span {
	color: #ccc;
	float: right;
}

/* images_index */
.images_index{
}
.images_index ul{
	border-radius: 6px;
	overflow:hidden;
}
.images_index li img{
	width:100%;
	height:220px;
}

/* pop and tip */
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {
	overflow:hidden;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.t_l, .t_r, .b_l, .b_r {
	width:8px;
	height:8px;
}
.t_c, .b_c {
	height:8px;
}
.m_l, .m_r {
	width:8px;
}
.t_l {
	-moz-border-radius:8px 0 0 0;
	-webkit-border-radius:8px 0 0 0;
	border-radius:8px 0 0 0;
}
.t_r {
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	border-radius:0 8px 0 0;
}
.b_l {
	-moz-border-radius:0 0 0 8px;
	-webkit-border-radius:0 0 0 8px;
	border-radius:0 0 0 8px;
}
.b_r {
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	border-radius:0 0 8px 0;
}
.m_c {
	background:#fff;
}
@keyframes pop{
0%{opacity:0;transform:scale(0.2);-ms-transform:scale(0.2);}
60%{opacity:0.75;transform:scale(1.1);-ms-transform:scale(1.1);}
100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}
}
@-moz-keyframes pop{
0%{opacity:0;-moz-transform:scale(0.2);}
60%{opacity:0.75;-moz-transform:scale(1.1);}
100%{opacity:1;-moz-transform:scale(1);}
}
@-webkit-keyframes pop{
0%{opacity:0;-webkit-transform:scale(0.2);}
60%{opacity:0.75;-webkit-transform:scale(1.1);}
100%{opacity:1;-webkit-transform:scale(1);}
}
.fwinmask {
	animation: pop 0.3s;
	-moz-animation: pop 0.3s;
	-webkit-animation: pop 0.3s;
}
.focuswin {
	overflow:hidden;
	margin:6px;
}

/* tagsget */
.tagsget {
	min-height:120px;
	max-height:220px;
	overflow:auto;
}
.tagsget a:link, .tagsget a:visited{
	float:left;
	width:72px;
	height:36px;
	line-height:36px;
	margin:2px;
	padding:0 12px;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
}
#ajax_top .tagsget {
	max-height:232px;
}
#articles_ajax .tagsget {
	max-height:390px;
}
#ajax_top .tagsget a:link, #ajax_top .tagsget a:visited {
	margin:0;
	padding:0;
	width:25%;
	height:38px;
	line-height:38px;
	font-weight:bold;
}
#articles_ajax .tagsget a:link, #articles_ajax .tagsget a:visited {
	margin:0;
	padding:0;
	width:25%;
	height:39px;
	line-height:39px;
	font-weight:bold;
}
.tagsget a:hover{
	background:#f6f6f6;
	border-radius: 6px;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.tagsget .tagscurr:link, .tagsget .tagscurr:visited{
	background:#efefef;
	border-radius: 3px;
}
.tagsget sup {
	display:inline-block;
	margin-top:-6px;
	font-weight: normal;
	transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-webkit-transform: scale(0.7);
}

/* logining & registering */
#logining #errorlist{
	margin:0;
	padding:6px 0 0 16px;
}
#ajaxlogining #errorlist, #ajaxregistering #errorlist{
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#ajaxlogining #errorlist li, #ajaxregistering #errorlist li{
	margin:0 3px 0 0;
	padding:0;
	float:left;
	display:inline;
	list-style: none;
	line-height: 36px;
}

/* articles  */
#articles ul{
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#articles ul li{
	float: left;
	list-style: none;
	height:22px;
	line-height:22px;
	width: 100%;
}
#articles ul li a:link,#articles ul li a:visited {
	display: block;
	color: #444;
	padding: 0 0 0 12px;
}
#articles ul li a:hover {
	color: #444;
	text-decoration: underline;
}
#articles ul li span{
	display: none;
	float: right;
	padding: 0 12px 0 0;
	color: #999;
}

/* relatives */
.relatives-content{
	padding: 0;
	vertical-align:top;
}
.relatives-content ul{
	margin: 6px 12px;
	padding: 0;
	overflow:hidden;
}
.relatives-content ul li{
	float: left;
	width: 50%;
	list-style: none;
	height:32px;
	line-height:32px;
}
.relatives-content ul li a:link,.relatives-content ul li a:visited {
	display: block;
	color: #444;
	padding: 0 16px;
	background: url(index/lister.png) 0 center no-repeat;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.relatives-content ul li a:hover {
	text-decoration: none;
	color: #069;
}
.relatives-content ul li span{
	display: none;
	float: right;
	padding: 0 6px 0 0;
	color: #999;
}

/* tags list */
.taghot {
	padding:6px;
}
.taghot a{
	display:inline-block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	text-align:center;
	height:36px;
	line-height:36px;
	margin:6px;
	padding:0px 12px 0 12px;
	border-radius: 6px;
	background:#f9f9f9;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.taghot a:hover{
	background:#999;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;
}
.taghot sup {
	display:inline-block;
	margin-top:-6px;
	font-weight: normal;
	transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-webkit-transform: scale(0.7);
}
.taghot a:hover sup {
	color:#fff;
}
.taghot a:hover span{
	color:#fff;
}
.taghot1 span {
	color: #999;
}
.taghot2 span {
	color: #666;
}
.taghot3 span {
	font-size:14px;
	color: #666;
}
.taghot4 span {
	font-size:14px;
	font-weight: bold;
	color: #666;
}
.taghot5 span {
	font-size:14px;
	font-weight: bold;
	color: #444;
}

/* page links */
.pages {
	float:right;
}
.pages span{
	margin-left: 4px;
	float:left;
	background: #ededed;
	background-image: -moz-linear-gradient(top,#f5f5f5,#ececec);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ececec));
	
	border-radius: 3px;
	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f5f5f5);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages span:hover{
	background: #fff;
	background-image: -moz-linear-gradient(top,#ffffff,#f6f6f6);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f6f6f6));
}
.pages .ftid{
	padding:0;
}
.pages .ftid a:link, .pages .ftid a:visited{
	border: none;
	padding-right:19px!important;
	background-position: 100% 1px !important;
}
.pages .ftid a:hover{
	background-position: 100% -32px !important;
}
.pages span.left a{
	min-width:46px;
	/*background: url(wap-arrow-icon-left.png) center center no-repeat;*/
	background-size:10px 10px;
}
.pages span.right a{
	min-width:46px;
	/*background: url(wap-arrow-icon.png) center center no-repeat;*/
	background-size:10px 10px;
}
.pages span.nopage a{
	color:#ccc;
}
.pages a:link, .pages a:visited, .pagem a:link, .pagem a:visited {
	padding:0 6px;
	text-decoration: none;
	color: #666;
	float:left;
	display:inline;
	text-align:center;
	min-width:22px;
	height:34px;
	line-height:34px;
	border-radius: 3px;

	/*box-shadow: 0 1px 3px rgba(0,0,0,.1),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);*/
}

/* post-new */
.post-new {
	float: left;
	white-space:nowrap;
	height:36px;
	font-weight:bold;
}
.post-new a:link,.post-new a:visited {
	float: left;
	display: inline;
	padding:0 3px;
	margin:0 6px 0 0;
	height:34px;
	line-height:34px;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 3px;
}
.post-new a:hover {
	text-decoration: none;
}
.post-new a.pt:link, .post-new a.pt:visited {
	padding:0 6px;
	color: #fff;
	background: #5d86e5;
	/*background:linear-gradient(#688fe8,#5079e1);*/
	background: linear-gradient(#4493d8,#2d80d1);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.post-new a.pt:hover{
	background: #6889D8;
	background: linear-gradient(#7A99DE,#5677CF);
}
.post-new a.pd:link, .post-new a.pd:visited {
	color: #666;
	padding:0 6px;
	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f5f5f5);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.post-new a.pd:hover{
	background:#f5f5f5;
	background: linear-gradient(#ffffff,#f9f9f9);
}
.post-new a.pr:link, .post-new a.pr:visited {
	padding:0 6px;
	color: #666;
	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f5f5f5);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.post-new a.pr:hover{
	background:#f5f5f5;
	background: linear-gradient(#ffffff,#f9f9f9);
}

.comment-pages {
	margin: 6px 0;
	padding: 6px 16px;
	background:#f7f7f7 url(images/spline_bg.gif) repeat-x;
	border:#ddd solid 1px;
}
.comment-pages a:link, .comment-pages a:visited {
	margin-right: 3px;
	padding: 0 6px;
	text-decoration: none;
	border: 1px solid #ccc;
	background:#fff;
	color: #999;
	display:inline;
	height:18px;
	line-height:18px;
}
.comment-pages a:hover{
	color: #248bd8;
	border: 1px solid #248bd8;
	text-decoration: none;
}
.comment-pages .num,.comment-pages .pagelink-current {
	margin-right: 2px;
	padding: 0 6px;
	text-decoration: none;
	color: #248bd8;
	border: 1px solid #248bd8;
	background:#eaf3f8;
	display:inline;
	height:18px;
	line-height:18px;
}
.rpage {
	margin: 6px 0;
	padding: 0 0 0 16px;
}
.rpage a:link, .rpage a:visited {
	margin-right: 3px;
	padding: 0 6px;
	text-decoration: none;
	border: 1px solid #ccc;
	background:#fff;
	color: #999;
	display:inline;
	height:18px;
	line-height:18px;
}
.rpage a:hover{
	color: #248bd8;
	border: 1px solid #248bd8;
	text-decoration: none;
}
.rpage .num,.rpage .pagelink-current {
	margin-right: 3px;
	padding: 0 6px;
	text-decoration: none;
	color: #248bd8;
	border: 1px solid #248bd8;
	background:#eaf3f8;
	display:inline;
	height:18px;
	line-height:18px;
}
.spager {
	margin:32px auto 0 auto;
	padding:0;
	text-align:center;
	font-size: 12px;
}
.spage {
	overflow:hidden;
	display:inline-block;
	display:moz-inline-block;
	*display:inline;
	zoom:1;
}
.spage a:link,.spage a:visited{
	margin:0 3px 0 0;
	padding:0 9px;
	display:inline;
	float:left;
	background: #fff;
	text-align:center;
	height:32px;
	line-height:32px;
	text-decoration: none!important;
	border-radius: 3px;
	color: #999!important;
	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f9f9f9);
	box-shadow: 0 1px 3px rgba(0,0,0,.1),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);
}
.spage a:hover {
	text-decoration: none;
	color: #248bd8!important;
}
.spage .allspage, .spage .current, .spage .allcurrent, .spage a.allcurrent {
	margin:0 3px 0 0;
	padding:0 9px;
	display:inline;
	float:left;
	text-align:center;
	height:32px;
	line-height:32px;
	border-radius: 3px;
	color: #fff!important;
	background: #5d86e5;
	/*background:linear-gradient(#688fe8,#5079e1);*/
	background: linear-gradient(#4493d8,#2d80d1);
	box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.spage .allcurrent, .spage a.allcurrent {
	background: #eeb700;
	background: -webkit-linear-gradient(#f6c900,#eeb700);
	background: linear-gradient(#f6c900,#eeb700);
	box-shadow: none;
	text-shadow: none;
}

/* click */
.atd{margin:36px auto 16px auto;font-size:12px;}
.atd td{width:32px;padding:22px 10px 0 10px;text-align:center;vertical-align:bottom;}
.atd td img{margin:6px auto;border: none;}
.atd td a:link, .atd td a:visited{display:block;color:#444!important;text-decoration:none!important;}
.atd td a:hover{color:#444!important;text-decoration:none!important;}
.atd .atdc{position:relative;margin:0 auto;width:20px;}
.atd .atdc div{position:absolute;left:0;bottom:0;width:20px;cursor:pointer;text-align:left;}
.atd .ac1{background:#c30;}
.atd .ac2{background:#0c0;}
.atd .ac3{background:#f90;}
.atd .ac4{background:#06f;}
.atdc em{position:absolute;margin:-22px -6px 0 -6px;width:32px;text-align:center;line-height:16px;font-style:normal;}

/* banner */
.banner{
	width: 100%;
	height:264px;
	position: relative;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.banner .banner-box {
	width: 100%;
	position: absolute;
	height: auto;
}
.banner .banner-box .noshow, .banner .banner-box .show{
	position:absolute;
	width: 100%;
	opacity: 0;
	top:-32px;/*与translate3d有关*/
	left:0px;
	-webkit-transition: all 1s ease-out;
			transition: all 1s ease-out;
	/*-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);*/
}
.banner .banner-box span{
	display:block;
}
.banner .banner-box .show{
	opacity: 1;
	top:0px;
	left:0px;
}
.banner .banner-box .text-box{
	margin:16px;
	width:300px;
	text-align:left;
	color:#fff;
	text-shadow:#333 1px 0 0,#333 0 1px 0,#333 -1px 0 0,#333 0 -1px 0;
	-webkit-text-shadow:#333 1px 0 0,#333 0 1px 0,#333 -1px 0 0,#333 0 -1px 0;
	-moz-text-shadow:#333 1px 0 0,#333 0 1px 0,#333 -1px 0 0,#333 0 -1px 0;
	*filter: Glow(color=#333, strength=1);
}
.banner .banner-box .text-title{
	font-size:14px;
	font-weight:bold;
}
.banner .banner-box .text-content{
	font-size:12px;
	font-weight:normal;
}
.banner .banner-box p {
	float: left;
	height: auto;
	width: 100%;
	height:264px;
	border-radius: 3px;
}
.banner .banner-box img {
	width: 100%;
	height:264px;
	background: #ccc;
	border-radius: 3px;
}
.banner-item {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}
.banner-item li{
	display: inline-block;
	text-indent: -99999px;
	margin:0 3px;
	height: 4px;
	width: 4px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	transition: width .1s;
	-moz-transition: width .1s;
	-webkit-transition: width .1s;
	-o-transition: width .1s;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.banner-item li.cur{
	background: none;
}
.bannerarrow{
	position: absolute;
	top:50%;
	width: 56px;
	height: 96px;
	line-height: 96px;
	margin-top:-48px;
	opacity: 0.6;
	text-align: center;
	cursor: pointer;
	text-indent: -99999px;
}
.bannerarrow:hover{
	opacity: 1.0;
}
.prev{
	left: 0;
	background:url(sl-m.png) center center no-repeat;/*#333*/
}
.next{
	right: 0;
	background:url(sr-m.png) center center no-repeat;/*#333*/
}

/* img turn article */
.mf{position:relative;z-index:0;width:360px;height:258px;background:#fff;overflow: hidden;}
.mf *{list-style-type:none;margin:0;padding:0;}
.mf .bg{position:absolute;bottom:0;left:0;height:36px;line-height:36px;width:100%;border-top:1px solid #bac5cf;
		background: url(index/picbg.gif) bottom left repeat-x;opacity:0.9;filter:alpha(opacity=90);}
.mf .fl{position:absolute;top:0;left:0;width:100%;height:258px;}
.mf .fl img{width:100%;height:258px;background: url(index/image.png) center center no-repeat;}
.mf .fl .normal{display:block;}
.mf .fl .current{display:block;}
.mf .tx{position:absolute;bottom:0;left:0;width:100%;}
.mf .tx li{list-style-type: none;height:36px;line-height:36px;color: #444;padding: 0 0 0 12px;}
.mf .tx .normal{display:none;}
.mf .tx .current{display:block;}
.mf p{position:absolute;right:6px;bottom:10px;}
.mf p span{float:left;display:block;width:16px;height:16px;line-height:16px;cursor:pointer;font-size:1px;text-indent:-32px;overflow:hidden;}
.mf p .normal{background:url(index/pot.png) no-repeat 0 0;color:#dee;}
.mf p .current{background:url(index/pot.png) no-repeat 0 -16px;color:#acc;}

/* img turn forum */
.nf{position:relative;background:#fff;width:360px;height:264px;}
.nf *{margin:0;padding:0;}
.nf img{display:block;width:100%;height:264px;background:url(index/image.png) center center no-repeat;}
.nf span{position:absolute;z-index:2;left:0;bottom:0;padding:0 8px;overflow:hidden;width:100%;height:32px;line-height:32px;color:#444;}
.nf .fl{width:100%;height:264px;overflow:hidden;}
.nf .bg{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:32px;line-height:32px;border-top:1px solid #bac5cf;
		background:url(index/picbg.gif) bottom left repeat-x;opacity:0.9;filter:alpha(opacity=90);}
.nf .an{position:absolute;right:8px;bottom:8px;width:96px;height:16px;z-index:2;}
.nf .an p a{float:left;display:block;width:16px;height:16px;line-height:16px;background:url(index/pot.png) no-repeat 0 0;
		text-decoration:none;font-size:1px;text-indent:-32px;overflow:hidden;}
.nf .an p.current a{background:url(index/pot.png) no-repeat 0 -16px;color:#acc;}
.nf .an p a:hover{background:url(index/pot.png) no-repeat 0 -16px;color:#acc;}

/* pics view */
.pview{width:600px;height:422px;background:#fff;border:1px solid #ccc;border-bottom: none;margin:20px auto 0 auto;padding:20px;text-align:center;}
.pview img{max-width:600px;max-height:400px;background:url(index/loading_pic.gif) center center no-repeat;cursor:pointer;}
.pview span{display:block;height:22px;line-height:22px;color:#444;}
.cnter{width:600px;background:#f4f4f4;border:1px solid #ccc;margin:0 auto 20px auto;padding:20px;overflow:hidden;}
.cnt{width:598px;height:62px;border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;white-space:nowrap;}
.cnt img{border:1px solid #ddd;max-width:80px;max-height:60px;margin:0 10px;
		background:url(index/loading_pre.gif) center center no-repeat;cursor:pointer;}
.cnt .normal{border:1px solid #ddd;}
.cnt .current{border:1px solid #f90;}
.cnt input,.cnt span{display:none;}
.slider{margin:20px 0 0 0;float:left;position:relative;width:544px;height:18px;background:#f4f4f4 url(index/bar_bg.gif);cursor:pointer;}
.slider_left,.slider_right{margin:20px 0 0 0;float:left;width:28px;height:18px;background:url(index/bar_all.gif) no-repeat;cursor:pointer;}
.slider_left{background-position:left top;}
.slider_right{background-position:right top;}
.bar{width:150px;height:18px;background:url(index/bar_line.gif) left top repeat-x;}
.bar_left,.bar_right{position:absolute;top:0px;width:6px;height:18px;background:url(index/bar_edge.gif) no-repeat;_font-size:1px;}
.bar_left{background-position:left top;left:-6px;}
.bar_right{background-position:right top;right:-6px;}

/* hightlight code for fckeditor */

pre::-webkit-scrollbar{height:6px;overflow:visible;width:6px;background:#eee}
pre::-webkit-scrollbar-thumb{background-color:#ccc;background-clip:padding-box;border:1px solid #aaa;box-shadow:inset 0 0 2px #999;min-height:8px;padding:0;border-width:1px}
pre::-webkit-scrollbar-button{height:0;width:0;padding:0}
pre::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px;border:1px solid #BBB;border-right:0;border-bottom:0}
pre::-webkit-scrollbar-corner{background:#eee}
pre::-webkit-scrollbar-thumb:hover{background:#aaa;border:1px solid #777;box-shadow:inset 0 0 2px #777}

@font-face {
	font-family: Fixedsys;
	src: url('fsex300.ttf');
}

pre{font-family:"Consolas","Bitstream Vera Sans Mono",Tahoma, Arial, sans-serif;line-height: 100%;width:99%;margin:16px 0;background-color:#eef8ef}
pre ol, pre ol li, pre ol li span{margin:0;padding:0;border:none}
pre a, pre a:hover{margin:0;padding:0;border:none;background:none}
pre ol{list-style:decimal;background-color:#eef8ef;/*margin:0 0 1px 3em!important;padding:5px 0;*/color:#5c5c5c;}
pre ol li{list-style:decimal-leading-zero;list-style-position:outside!important;color:inherit;background-color:inherit;/*padding:0 3px 0 6px!important;margin:0!important;line-height:1.5em*/}
pre ol li.alt{background-color:#f6ffff;color:#5c5c5c;}
pre ol li span{color:black;}
/* --- for reset list-style start --- */
pre{font-family:Fixedsys,"Consolas","Bitstream Vera Sans Mono",Tahoma, Arial, sans-serif;min-width:278px;white-space:normal;word-wrap:break-word;word-break:break-all;}/*overflow:auto;*/
pre ol, pre ol li, pre ol li span{/*word-break: keep-all;white-space:nowrap;*/}
pre:before{content:"已设置为自动换行";line-height: 1.5em;font-weight:bold;color:red;margin:0 0 0 34px!important;padding:3px 0 3px 0;}
pre ol{list-style:none; counter-reset: li; margin:0 0 0 34px!important;padding:0 0 0 0!important;}
pre ol li{list-style:none; padding:0 6px!important;margin:0!important;line-height:1.2em}
pre ol li.alt:before{background-color:inherit;}
pre ol li:before{content:counter(li)/*'-'*/;counter-increment: li;margin:0 3px 0 -40px;padding:0 3px 0 3px;width:25px;display:inline-block;text-align:right;color:#bbb;border-right:3px solid #ccc;/*color:#146B00;border-right:3px solid #146B00;*/background-color:inherit;}
/* --- for reset list-style end --- */
pre .comment, pre .comments{color:#008200;background-color:inherit}
pre .string{color:blue;background-color:inherit}
pre .keyword{color:#069;font-weight:bold;background-color:inherit}
pre .preprocessor{color:gray;background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069;font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70;font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown;font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2;font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57;font-weight:bold}
pre .dp-cpp .number{color:#C00000}
pre .dp-cpp .charactor{color:#f00000}

.listboxf-admin {
	padding:0;
	border-bottom: 1px solid #e0e0e0;
	position:relative;
	color: #444;
}
.listboxf-admin .icon{
	float:left;
	position:relative;
	padding:0px 6px;
	width:40px;
	text-align:right;
	font-weight:bold;
	height:34px;
	line-height:34px;
}
.listboxf-admin .icon:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 34px;
	background: rgba(0,0,0,.03);
	border-right: 1px solid rgba(0,0,0,.05);
}
.listboxf-admin .info{
	position:relative;
	margin-left: 52px;
	padding:0px 6px;
	font-size:12px;
	height:34px;
	line-height: 34px;
	text-align:right;
	color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listboxf-admin .infoedit{
	float:none;
	margin-left:52px;
	text-align:left;
}
.listboxf-admin .errtip{
	position:absolute;
	top:50%;
	right:6px;
	height:18px;
	line-height:18px;
	padding:0 3px;
	margin-top:-10px;
	border-radius: 3px;
	background:#ccc;
	color:#fff;
}
/* user list */
.listboxf-user {
	padding:0;
	border-bottom: 1px solid #e7e7e7;
	position:relative;
	color: #444;
}
.listboxf-user a{
	display:block;
	overflow:hidden;
	min-height: 48px;
}
.listboxf-user a:hover, .listboxf-user a:hover {
	/*background: linear-gradient(#779EF1,#4771E6);*/
	background: linear-gradient(#4493d8,#2d80d1);
	color: #FFF;
}
.listboxf-user em{
	position:absolute;
	right:12px;
	top:50%;
	margin-top: -11px;
	padding: 3px 3px;
	min-width:14px;
	min-height: 14px;
	line-height: 14px;
	border-radius: 11px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	color: #fff;
	background: #779cef;
	/*background:linear-gradient(#86a8f0,#5d84e9);*/
	background: linear-gradient(#4493d8,#2d80d1);
	border: 1px solid #4b72e1;
}
.listboxf-user em.gray{
	background: #bcbcbc;
	background-image: -webkit-linear-gradient(#c4c4c4,#b0b0b0);
	background-image: linear-gradient(#c4c4c4,#b0b0b0);
	border: 1px solid #939393;
}
.listboxf-user em.arrow{
	background: #fff;
	border: none;
	background: url(wap-arrow.png) center center no-repeat;
	background-size: 16px 16px;
	box-shadow: none;
	text-indent: -100px;
}
.listboxf-user a:hover em.arrow, .listboxf-user a:hover em.arrow {
	background: url(wap-arrow-white.png) center center no-repeat;
	background-size: 16px 16px;
}
.listboxf-user .icon{
	float:left;
	position:relative;
	padding:6px 12px;
	width:68px;
	text-align:right;
	font-weight:bold;
	height:36px;
	line-height:36px;
}
.listboxf-user .icon:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 92px;
	height: 48px;
	background: rgba(0,0,0,.03);
	border-right: 1px solid rgba(0,0,0,.05);
}
.listboxf-user .info{
	position:relative;
	margin-left: 92px;
	padding:6px 12px;
	height:36px;
	line-height:36px;
	text-align:right;
	color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listboxf-user a:hover .info, .listboxf-user .info a:hover .info {
	color:#fff;
}
.listboxf-user .infoarrow{
	padding:6px 42px 6px 12px;
}
.listboxf-user .infoedit{
	float:none;
	margin-left:92px;
	text-align:left;
}
.listboxf-user .onlyinfo{
	position:relative;
	padding:6px 12px;
	font-size:12px;
	line-height:36px;
	overflow-x:auto;
	white-space:nowrap;
}
.listboxf-user .manage{
	padding:6px 6px;
	line-height:36px;
	text-align:center;
}
.listboxf-user .left{
	border-right:1px solid #eee;
}
.listboxf-user .right{
	border-left:1px solid #eee;
}
.listboxf-user .errtip{
	position:absolute;
	top:50%;
	right:16px;
	height:18px;
	line-height:18px;
	padding:0 3px;
	margin-top:-10px;
	border-radius: 3px;
	background:#ccc;
	color:#fff;
}
.listboxf-user .labeltip{
	position:absolute;
	top:50%;
	right:16px;
	margin-top:-18px;
	margin-right:-4px;
}
.listboxf-user .avatar{
	position: relative;
	float:left;
	margin:6px 12px;
	overflow:hidden;
	padding: 6px;
	width:48px;
	height:48px;
	
}
.listboxf-user .avatar:before {
	content: ' ';
	display: block;
	position: absolute;
	top:3px;
	left:3px;
	width:54px;
	height:54px;
	background: url(avatar-box.png) no-repeat;
	background-size: 54px 54px;
}
.listboxf-user .avatar img {
	width:48px;
	height:48px;
	border-radius:24px;
}
.listboxf-user .textline {
	float:left;
	position:relative;
	padding: 6px 12px 6px 0;
	font-size:14px;
	line-height:60px;
	font-weight:bold;
}
.listboxf-user .onlyinfo a:link, .listboxf-user .onlyinfo a:hover, .listboxf-user .onlyinfo a:visited,
.listboxf-user .textline a:link, .listboxf-user .textline a:hover, .listboxf-user .textline a:visited,
.listboxf-user .info a:link, .listboxf-user .info a:hover, .listboxf-user .info a:visited {
	color:#444;
	display:inline;
	background:none;
	border:none;
	box-shadow:none;
}
.listboxf-user .info .ftid a{
	display:block;
	border: #ccc solid 1px;
}

/* forums list */
.listboxf {
	background:#fff;
	border: 1px solid #cecece;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
	border-radius: 6px;
}
.adminlist {
	border-radius: 3px;
}
.listboxfs {
	margin:0 0 12px 0;
}
.listboxf-table {
	padding: 0;
}
.listboxf-table table, .imglist table { /*for table text-overflow:ellipsis*/
	table-layout:fixed;
	display:table;
	width:100%;
	word-wrap:break-word;
}
.listboxf-header {
	padding: 0;
	white-space: nowrap;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	color: #646464;
	border-bottom: 1px solid #e7e7e7;
	/*-webkit-box-shadow: 0 1px 1px 1px #F6F6F6;
	-moz-box-shadow: 0 1px 1px 1px #F6F6F6;
	box-shadow: 0 1px 1px 1px #F6F6F6;*/
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fafafa,#f4f4f4);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
	position: relative;
}
.listboxf-header a {
	color: #369;
}
.listboxf-header .avatar{
	float:left;
	position:relative;
	padding:6px;
	width:48px;
	height:30px;
}
.listboxfs .listboxf-header .avatar {
	width:6px;
	height:30px;
}
.listboxfs .listboxf-header em{
	margin-left:12px;
	font-weight:normal;
}
.listboxf-header .avatar label{
	position:absolute;
	top:5px;
	left:12px;
}
.listboxf-header .title{
	display:block;
	overflow:hidden;
	margin-left: 60px;
	min-height: 42px;
	padding: 12px 36px 6px 0;
}
.onlytop .title{
	margin-left: 0;
	padding: 0;
}
.listboxf-entry {
	padding:0;
	border-bottom: 1px solid #e7e7e7;
	position:relative;
}
.listboxf-entry a{
	display:block;
	overflow:hidden;
	padding:3px 0;
	min-height: 60px;
}
.onlytitle a{
	padding:6px 0;
	min-height: 48px;
}
.listboxf-entry a:hover, .listboxf-entry a:hover {
	/*background: linear-gradient(#779EF1,#4771E6);*/
	background: linear-gradient(#4493d8,#2d80d1);
	color: #fff;
}
.listboxf-entry a:hover span, .listboxf-entry a:hover span {
	color: #9ab4f0;
}
.listboxf-entry a:hover .text, .listboxf-entry a:hover .text {
	background: linear-gradient(#308ad5,#308ad5);
	color: #fff;
}
.listboxf-entry em, .listboxf-entry en{
	position:absolute;
	right:12px;
	top:50%;
	margin-top: -11px;
	padding: 3px 3px;
	min-width:14px;
	min-height: 14px;
	line-height: 14px;
	border-radius: 11px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	color: #fff;
	background: #779cef;
	/*background:linear-gradient(#86a8f0,#5d84e9);*/
	background: linear-gradient(#4493d8,#2d80d1);
	border: 1px solid #4b72e1;
}
.listboxf-entry en{
	right:34px;
	transform:scale(0.6);
	-o-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-webkit-transform:scale(0.6);
}
.listboxf-entry .en{
	transform:scale(0.618);
	-o-transform:scale(0.618);
	-ms-transform:scale(0.618);
	-moz-transform:scale(0.618);
	-webkit-transform:scale(0.618);
}
.listboxf-entry info{
	position:absolute;
	right:12px;
	top:50%;
	margin-top: -16px;
	min-width:16px;
	min-height: 16px;
	line-height: 16px;
	text-align:center;
	font-size:10px;
}
.listboxf-entry info i{
	display:inline-block;
	padding:0 1px;
	color: #fff;
	text-shadow: 0 -2px 0 rgba(0,0,0,.06);
	background: #454ed4;
	border: 1px solid #4b72e1;
	border-radius: 8px;
	min-width:12px;
	min-height: 14px;
	line-height: 14px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	font-size:12px;
}
.listboxf-entry info i.i-red{
	background: #d44e45;
	border: 1px solid #e1724b;
	box-shadow: 0 1px 3px rgba(212,78,69,.4);
	transform:scale(1.111);
	-o-transform:scale(1.111);
	-ms-transform:scale(1.111);
	-moz-transform:scale(1.111);
	-webkit-transform:scale(1.111);
}
.listboxf-entry info i.i-blu{
	background: #656ed4;
	border: 1px solid #6b62e1;
	box-shadow: 0 1px 3px rgba(78,69,212,.4);
	transform:scale(1.111);
	-o-transform:scale(1.111);
	-ms-transform:scale(1.111);
	-moz-transform:scale(1.111);
	-webkit-transform:scale(1.111);
}
.listboxf-entry info i.i-grn{
	background: #45d44e;
	border: 1px solid #4be172;
	box-shadow: 0 1px 3px rgba(78,212,69,.4);
	transform:scale(1.111);
	-o-transform:scale(1.111);
	-ms-transform:scale(1.111);
	-moz-transform:scale(1.111);
	-webkit-transform:scale(1.111);
}
.listboxf-entry .avatar el{
	position:absolute;
	top:0px;
	right:0px;
	width:16px;
	height:16px;
	transform:scale(0.6);
	-o-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-webkit-transform:scale(0.6);
}
.listboxf-entry .avatar ell{
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
	background-position:top left;
	background-repeat:no-repeat;
}
.listboxf-entry em.arrow{
	background: #fff;
	border: none;
	background: url(wap-arrow.png) center center no-repeat;
	background-size: 16px 16px;
	box-shadow: none;
	text-indent: -100px;
}
.listboxf-entry em.gray{
	background: #bcbcbc;
	background-image: -webkit-linear-gradient(#c4c4c4,#b0b0b0);
	background-image: linear-gradient(#c4c4c4,#b0b0b0);
	border: 1px solid #939393;
}
.listboxf-entry em.blue{
	background: #779cef;
	/*background:linear-gradient(#86a8f0,#5d84e9);*/
	background: url(wap-arrow-white.png) center center no-repeat,linear-gradient(to bottom, #4493d8,#2d80d1);
	background-size: 16px 16px;
	border: 1px solid #4b72e1;
}
.listboxf-entry em.green{
	background: #37ef6c;
	border: 1px solid #1bc132;
}
.listboxf-entry em.floor{
	padding: 4px 6px;
	border: none;
	color: #bc7d44;
	background: #fff4db;
	background-image: linear-gradient(#fff5dd,#fef1d1);
	box-shadow: 0 0 0 1px #e8bc78;
	text-shadow: 0 -1px 0 rgba(255,255,255,.2);
}
.listboxf-entry em.hot{
	margin-top: -12px;
	padding: 4px 4px;
	min-width:16px;
	min-height: 16px;
	line-height: 16px;
	border-radius: 13px;
	background: #D45555;
	background-image: -webkit-linear-gradient(#D76565,#C45151);
	background-image: linear-gradient(#D76565,#C45151);
	border: 1px solid #AE4E4E;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.listboxf-entry em.tag{
	margin-top: -12px;
	padding: 4px 9px;
	min-width:14px;
	min-height: 16px;
	line-height: 16px;
	border-radius: 13px;

	border: 1px solid #f78585;
	border-top: 1px solid #ffa9a9;
	background-image: -webkit-linear-gradient(#E77575,#D46161);
	background-image: linear-gradient(#E77575,#D46161);
	box-shadow: 0 0 0 1px #a43131, 1px 2px 3px #6facd5;
}
.listboxf-entry em.nor{
	margin-top: -12px;
	padding: 4px 9px;
	min-width:6px;
	min-height: 16px;
	line-height: 16px;
	border-radius: 13px;

	border: 1px solid #f6f6f6;
	border-top: 1px solid #ffffff;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#dddddd));
	box-shadow: 0 0 0 1px #a7a7a7, 1px 2px 3px #ccc;

	border: 1px solid #5f9cf5;
	border-top: 1px solid #8eb8f5;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5f9cf5),to(#396bfe));
	box-shadow: 0 0 0 1px #0440f2, 1px 2px 3px #6facf5;

}
.listboxf-entry a:hover em.arrow, .listboxf-entry a:hover em.arrow {
	background: url(wap-arrow-white.png) center center no-repeat;
	background-size: 16px 16px;
}
.listboxf-entry em img{
	width:12px;
	height:12px;
}

.listboxf-entry .avatar, .chatlist .avatar{
	float:left;
	position:relative;
	margin:6px;
	width:48px;
	height:48px;
}
.chatlist .avatarright{
	float:right;
}
.listboxf-entry .avatar .abox,
.listboxf-user .avatar .abox,
.author .avatar .abox,
.chatlist .avatar .abox{
	display:block;
	margin:6px;
	text-align:center;
	border-radius: 18px;
	background:#93a3bd;
	color:#fff;
	width:36px;
	height:36px;
	line-height:36px;
}
.listboxf-entry .avatar .amid,
.listboxf-user .avatar .amid,
.author .avatar .amid,
.chatlist .avatar .amid{
	display:block;
	border-radius:18px;
	overflow:hidden;
}
.listboxf-entry .avatar .atxt,
.listboxf-user .avatar .atxt,
.author .avatar .atxt,
.chatlist .avatar .atxt{
	display:block;
	white-space:nowrap;
	text-transform:Uppercase;
	font-family: Consolas, Monaco, monospace, "Microsoft YaHei";
	font-size:44px;
	font-weight:900;
	text-indent:-0.5rem;
}

.listboxf-user .avatar .abox{
	margin:0px;
	border-radius: 24px;
	width:48px;
	height:48px;
	line-height:48px;
}
.listboxf-user .avatar .amid{
	border-radius:24px;
}
.listboxf-user .avatar .atxt{
	font-size:60px;
	text-indent:-0.5rem;
}
.author .avatar .abox{
	border-radius: 18px;
	width:24px;
	height:24px;
	line-height:24px;
}
.author .avatar .amid{
	border-radius:18px;
}
.author .avatar .atxt{
	font-size:32px;
	text-indent:-0.5rem;
}

.listboxf-entry .avatar:before, .chatlist .avatar:before{
	content: ' ';
	display: block;
	position: absolute;
	top:3px;
	left:3px;
	width:42px;
	height:42px;
	background: url(avatar-box.png) no-repeat;
	background-size: 42px 42px;
}
.listboxf-entry .avatar label, .chatlist .avatar label{
	position:absolute;
	top:7px;
	left:6px;
}
.listboxf-entry .avatar img, .chatlist .avatar img{
	width: 36px;
	height: 36px;
	margin: 6px;
	border-radius: 18px;
}
.listboxf-entry .title{
	margin-left: 60px;
	padding: 12px 36px 12px 0;
	font-size:14px;
	line-height: 16px;
	font-weight:bold;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
}
.onlytitle .title{
	margin-left: 0;
}
.onlytitle .title{
	padding: 16px 36px 16px 0;
}
.nowrap .title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listboxf-entry .title span{
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height: 14px;
	color:#ccc;
	padding:6px 0 0 0;
}
.listboxf-entry .title img{
	width:10px;
	height:10px;
}
.listboxf-entry .title .nospan{
	display:none;
}
.listboxf-entry a:visited .title {
	font-weight:normal;
}
.listboxf-entry .normalimages{
	padding:0 0 12px 0;
}
.listboxf-entry .normalimages div{
	float:left;
	width:80px;
	height:80px;
	margin-right:6px;
}
.listboxf-entry .normalimages img{
	width:80px;
	height:80px;
	margin-right:6px;
}
.adminm {
	padding: 3px 6px;
}
.thin {
	padding: 0 0 0 60px;
	height:32px;
	line-height:32px;
}
.thick {
	white-space: nowrap;
	padding:12px 0;
	color: #666;
	text-align: center;
	font-size:12px;
	line-height:32px;
}
.thread {
	padding: 6px 0;
	/*background: linear-gradient(#779EF1,#4771E6);*/
	/*background: linear-gradient(#4493d8,#2d80d1);*/
	background: linear-gradient(#f9f9f9,#f0f0f0);
	border-radius: 5px 5px 0 0;
}
.thread .avatar {
	display:none;
}
.onlytitle .avatar {
	margin:0 6px;
}
.articles .avatar:before{
	background: none;
}
.relatives .avatar{
	width:6px;
}
.relatives span{
	float:right;
	margin-right:12px;
}
.thread .title {
	font-size:16px;
	line-height: 18px;
	margin-left: 16px;
	color: #444;/*fff*/
	font-family: 'Noto Serif SC Black', 'MicroSoft Yahei', Georgia, serif;
	--font-family-monospace: 'Noto Serif SC Black', SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-weight: 700;
}
.listboxf-table .author {
	background: linear-gradient(#ffffff,#fcfcfc);
	border-radius: 6px 6px 0 0;
}

.author .avatar{
	float:left;
	position:relative;
	margin:6px;
	width:36px;
	height:36px;
}
.author .avatar img{
	width: 24px;
	height: 24px;
	border-radius: 18px;
}
.author .avatar:before{
	content: ' ';
	display: block;
	position: absolute;
	top:3px;
	left:3px;
	width:30px;
	height:30px;
	background: url(avatar-box.png) no-repeat;
	background-size: 30px 30px;
}
.author .avatar label{
	position:absolute;
	top:1px;
	left:0px;
}
.author .title{
	margin-left: 48px;
	padding: 9px 36px 8px 0;
	font-size:14px;
	line-height: 16px;
	font-weight:bold;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
}
.author .title span{
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height: 14px;
	color:#ddd;
	padding:1px 0 0 0;
}
.author .title i{
	color:#ccc;
}
.thread a:link, .thread a:hover, .thread a:visited,
.author a:link, .author a:hover, .author a:visited {
	color:#ccc;/*fff*/
	display:inline;
	background:none;
	min-height:0;
}
.author .title a:link, .author .title a:hover, .author .title a:visited {
	display:inline;
	background:none;
	min-height:0;
	color:#666;
}
.author .title span a:link, .author .title span a:hover, .author .title span a:visited {
	color:#ccc;
	display:inline;
	background:none;
	min-height:0;
}
.post .title {
	font-weight:normal;
	font-size:12px;
}
.post a:hover, .post a:hover {
	background: #F5F5F5;
	background: linear-gradient(#FFF,#F5F5F5);
	color: #666;
}

.listboxf-table table:nth-of-type(1) .widgetmtop:nth-of-type(1) {
	border-radius:6px 6px 0px 0px;
}

.widgetm, .widgetmtop {
}
.widgetm .avatar, .widgetmtop .avatar {
	display:none;
}
.widgetm em.floor {
	right:0px;
	transform:scale(0.6);
	-o-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-webkit-transform:scale(0.6);
}
.widgetm .title, .widgetmtop .title {
	font-size:12px;
	line-height: 14px;
	margin: 0 44px 0 16px;
	padding: 12px 0 12px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.widgetm a, .widgetmtop a {
	min-height: 38px;
	padding:0;
}
.widgetmtop a {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
}
.widgetm a.hover {
	background: linear-gradient(#4493d8,#2d80d1);
}
.widgetm a.hover .title{
	color:#fff;
}
.listboxf-post {
	border-bottom: 1px solid #e7e7e7;
	overflow:hidden;
	padding:12px 16px;
	line-height: 160%;
	font-size: 14px;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
	font-family: 'Noto Serif SC Black', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Noto Serif SC Black', 'Source Han Serif SC', 'Source Han Serif', 'source-han-serif-sc', 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', Georgia, serif;
	--font-family-monospace: 'Noto Serif SC Black', SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-weight:400;
}
.listboxf-post a:link, .listboxf-post a:hover,
.listboxf-post a:visited {
	text-decoration:underline;
	color:#537DD7;
}
.listboxf-post .error{
	border:1px solid #f99;
	background:#fee;
	padding:2px 6px;
	color:#f66;
	font-size:12px;
}
.listboxf-comment{
	font-size: 12px;
	padding-left:36px;
}
.listboxf-postdiv {
	min-height:90px;
	padding:12px;
	/*-webkit-user-select: none;*/
}
.read_more_mask {
	margin-top: -90px;
	height: 90px;
	background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
}
.read_more a:link, .read_more a:visited{
	display:block;
	text-decoration:none;
	font-size:12px;
	width: 120px;
	margin:12px auto 0 auto;
	height:32px;
	line-height:32px;
	text-align:center;
	border:1px solid #c00;
	border-radius: 3px;
	color:#c00;
}
.listboxf-manage {
	padding:0;
	border-bottom: 1px solid #e7e7e7;
	overflow:hidden;
	font-size: 10px;
}
.listboxf-manage ul{
}
.listboxf-manage li{
	float:left;
	width:12%;
	text-align:center;
	height:36px;
	line-height:36px;
	border-right:1px solid #e7e7e7;
}
.listboxf-manage li.narrow{
	width:7%;
}
.listboxf-manage li.narrowright{
	float:right;
	border-left:1px solid #e7e7e7;
	border-right:0;
}
.listboxf-manage li a{
	display:block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.listboxf-manage li a:hover{
	background:#eee;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;
}
.cquote {
	overflow: hidden;
	margin: 10px 0;
	padding-left: 16px;
	background: url(qa.gif) no-repeat 0 0;
	color: #666;
}
.cquote blockquote {
	display: inline;
	margin: 0;
	padding-right: 16px;
	background: url(qz.gif) no-repeat 100% 100%;
}
.listboxf-imglist {
	width:50%;
	padding:0;
	position:relative;
	text-align:center;
	vertical-align:top;
	box-sizing: border-box;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
li.listboxf-imglist {
	float:left;
	list-style:none;
}
.listboxf-imglist:first-child{
	border-left:none;
}
.listboxf-imglist a {
	display:block;
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.listboxf-imglist a:hover{
	box-shadow:0 0 36px rgba(71,113,230,.2) inset;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;
}
.listboxf-imglist div {
	min-height: 154px;
	background:url(loading.gif) center center no-repeat;
}
.noimage div {
	background:none;
}

.listboxf-imglist p {
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index:3;
	display:block;
	margin:22px auto 12px auto;
	width:146px;
	height:120px;
	overflow:hidden;
	border-radius: 6px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:146px 120px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.listboxf-imglist p:hover {
	background-size:219px 180px;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;
}
.listboxf-imglist span {
	display:block;
	line-height:16px;
	margin:0 auto 12px auto;
	padding:0 12px;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break: break-all;
	white-space:nowrap;
}
.yunqifu {
	border: 1px solid #848484;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color: #f9f9f9;
	word-wrap: break-word;
	word-break: break-all;
	color: #444;
	font-size:12px;
	border-radius: 3px;
	box-shadow: 0 3px 5px -4px rgba(0,0,0,.5) inset,-1px 0 3px -2px rgba(0,0,0,.2) inset;
}
.yunqifu_content {
	height: 320px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
.chatlist{
	margin:24px 0 0 0;
	position:relative;
}
.chatlist p{
	margin-top:-12px;
	height:22px;
	line-height:22px;
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	color:#999;
	transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
.chatlist p span{
}
.chatadmin .chatcontent, .chatlist .chatcontent, .chatlist .chatcontentright{
	display: inline-block;
	position: relative;
	margin: 10px 0;
	padding: 12px 12px;
	max-width: calc(100% - 146px);
	line-height: 16px;
	text-align: left;
	word-break: break-all;
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(#f6f6f6,#f2f2f2);
	background-image: linear-gradient(#f6f6f6,#f2f2f2);
	border: 1px solid #dcdcdc;
	box-shadow: 0 1px 2px 1px #e6e6e6;
	border-radius: 4px;
}
.chatlist .chatcontentright{
	float:right;
	color:#5169a5;
	background: #dfe5f3;
	background-image: -webkit-linear-gradient(#dfe5f3,#d8dfef);
	background-image: linear-gradient(#dfe5f3,#d8dfef);
	border: 1px solid #c8cfeb;
}
.chatadmin .chatcontent, .chatadmin .chatcontentright{
	border: 1px solid #ec9d64;
	color: #bc7d44;
	background: #fff4db;
	background-image: -webkit-linear-gradient(#fff5dd,#fef1d1);
	background-image: linear-gradient(#fff5dd,#fef1d1);
}
.chatlist .chatcontent:after, .chatlist .chatcontent:before {
	content: ' ';
	position: absolute;
	height: 0;
	right: 100%;
	width: 0;
	border: solid transparent;
}
.chatlist .chatcontentright:after, .chatlist .chatcontentright:before {
	content: ' ';
	position: absolute;
	height: 0;
	left: 100%;
	width: 0;
	border: solid transparent;
}
.chatlist .chatcontent:after, .chatadmin .chatcontent:after {
	border-width: 6px;
	border-right-color: #f6f6f6;
	top: 10px;
}
.chatlist .chatcontent:before, .chatadmin .chatcontent:before {
	border-width: 7px;
	border-right-color: #dcdcdc;
	top: 9px;
}
.chatlist .chatcontentright:after, .chatadmin .chatcontentright:after {
	border-width: 6px;
	border-left-color: #dfe5f3;
	top: 10px;
}
.chatlist .chatcontentright:before, .chatadmin .chatcontentright:before {
	border-width: 7px;
	border-left-color: #c8cfeb;
	top: 9px;
}
.chatadmin .chatcontent:after {
	border-right-color: #fff4db;
}
.chatadmin .chatcontent:before {
	border-right-color: #ec9d64;
}
.chatadmin .chatcontentright:after {
	border-left-color: #fff4db;
}
.chatadmin .chatcontentright:before {
	border-left-color: #ec9d64;
}

.listbox {
	background:#fff;
	border:#cdcdcd solid 1px;
}
.listbox-table {
	padding: 12px;
}
.listbox-list {
	padding: 0;
}
.listbox-normal {
	padding: 6px 6px 0 6px;
}
.listbox-image {
	padding: 16px 12px 0 12px;
}
.listbox-table table {
	border-top: 1px dotted #cdcdcd;
}
.listbox-table td {
	line-height: 26px;
	border-bottom: 1px dotted #cce;
}
.listbox-header {
	word-break:break-all;
	font-weight: bold;
}
.listbox-entry {
	word-break:break-all;
}
.listbox-entry a{
	word-break:break-all;
}

.listbox-admin {
	background:#fff;
	border:#cdcdcd solid 1px;
	border-radius: 6px;
	/*以下为新加*/
	margin: 0;
	border: 1px solid #848484;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0 3px 5px -4px rgba(0,0,0,.5) inset,-1px 0 3px -2px rgba(0,0,0,.2) inset;
}
.listbox-table-admin {
	padding: 12px;
	/*以下为新加*/
	padding: 0;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	overflow-scrolling:touch;
	white-space:nowrap;
}
.listbox-table-admin table {
	background:#ccc;
	/*以下为新加*/
	border-radius: 6px;
}
.listbox-table-admin td {
	line-height: 26px;
	padding:4px 6px;
}
.listbox-header-admin {
	word-break:break-all;
	font-weight: bold;
	background:#eee;
}
.listbox-entry-new {
	word-break:break-all;
	background:#fdffce;
}
.listbox-entry-admin {
	word-break:break-all;
	background:#fff;
}
.pcategory {
	background-color: #ecf4fa;
	color: #336699;
}

.listboxf td{overflow:hidden;}
.listboxf td block{display:block;width:calc(100% + 300px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear;overflow:hidden;}
.listboxf td left{float:left;width:calc(100% - 300px);}
.listboxf td right{float:right;width:300px;background:#c7c7cd;}
.listboxf td right a{position:relative;float:left;width:100px;height:100%;padding:0;/*需要父级设高度(js)*/}
.listboxf td right a span{position:absolute;display:block;top:50%;width:100%;height:12px;line-height:12px;margin-top:-6px;text-align:center;}
.listboxf td right a.r_view{background:#c7c7cd;color:#fff;}
.listboxf td right a.r_edit{background:#ff9d00;color:#fff;}
.listboxf td right a.r_delete{background:#ff3a30;color:#fff;}
.swipeleft{transform:translateX(-300px);-webkit-transform:translateX(-300px);}

/* articles list */
.normal_ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	width:100%;
	display: block;
}
.normal_ul li{
	clear:both;
	margin:0 0 6px 0;
	padding:12px 0 0 0;
	overflow:hidden;
	background:#fff url(images/news_body_bg.png) left -120px repeat-x;
}
.normal_ul .uhover{
	background:#fff url(images/news_body_bg.png) left -160px repeat-x;
}
.normal_ul .ahover{
	background:#fff url(images/news_body_bg.png) left -200px repeat-x;
}
.normal_ul li .preview{
	float:left;
	display:inline;
	padding: 0 12px 12px 0;
}
.normal_ul li .preview img{
	width:120px;
	height:90px;
	border:1px solid #bce;
}
.normal_ul li .title{
	padding:0 12px;
	font-weight:bold;
	font-size:18px;
}
.normal_ul li .title a:link, .normal_ul li .title a:visited {
	color: #0571bc;
}
.normal_ul li .title a:hover {
	color: #0571bc;
}
.normal_ul li .cate{
	padding:12px 12px 0 12px;
	color:#999;
}
.normal_ul li .cate a{
	color:#999;
}
.normal_ul li .intro{
	padding:12px;
	color:#444;
	line-height:20px;
	word-break:break-all;
	color:#444;
}

.list_ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	width:100%;
	display: block;
}
.list_ul li{
	clear:both;
	min-height: 24px;
	line-height: 24px;
	background:#fff url(images/news_body_bg.png) left -104px repeat-x;
	padding:3px 0;
}
.list_ul .uhover{
	background:#fff url(images/news_body_bg.png) left -320px repeat-x;
}
.list_ul .ahover{
	background:#fff url(images/news_body_bg.png) left -154px repeat-x;
}
.list_ul li .preview{
	display:inline;
	float:left;
}
.list_ul li .chbox{
	display:inline;
	float: left;
	width: 25px;
	margin: 0 0 0 9px;
	height: 23px;
	line-height: 23px;
	padding: 0 0 1px 0;
	display:table-cell;
	vertical-align:middle;
}
.list_ul li .icons{
	display:inline;
	float: left;
	width: 14px;
	height: 24px;
	line-height: 24px;
	margin: 0 9px;
}
.list_ul li .title{
	min-height: 22px;
	line-height: 22px;
	padding:3px 12px 3px 12px;
	font-size:18px;
	font-weight:bold;
}
.list_ul li .title a:link, .list_ul li .title a:visited {
	color: #0571bc;
}
.list_ul li .title a:hover {
	color: #0571bc;
}
.list_ul li .time, .list_ul li .num, .list_ul li .edit{
	display:inline;
	float: right;
	text-align:right;
	margin:0 0 0 16px;
	color: #ccc;
	font-size:12px;
}
.list_ul li .time{
	padding:0 12px 0 0;
	margin:0 0 0 9px;
}
.list_ul li .num a, .list_ul li .edit a{
	color: #ccc;
}
.list_ul li .edit{
}

.waterfall {
	margin:0 auto;
	padding:12px;
	overflow:hidden;
	height:1px;
}
.waterfall li {
	margin:0 4px 4px 0;
	padding:0;
	width:160px;
	list-style:none;
	overflow:hidden;
	float:left;
	background:#fff;
}
.waterfall li div.box {
	border:1px solid #ddd;
}
.waterfall li.uhover div.box {
	border:1px solid #eee;
}
.waterfall li.ahover div.box {
	border:1px solid #69c;
	background:#fcfcff;
}
.waterfall li .preview {
	display:block;
	padding:2px;
}
.waterfall li .preview img {
	width:162px;
}
.waterfall li p {
	margin:0;
	padding:0;
}
.waterfall li p a {
	display:block;
	padding:6px;
	text-decoration:none;
}
.waterfall li p span {
	display:block;
	border-top:1px solid #ddd;
	background:#f6f6f6;
	padding: 6px;
	color:#999;
}
.waterfall li.ahover p span {
	background:#eeeef6;
}
.waterfall li p em {
	padding:0 0 0 3px;
	float:right;
	font-style:normal;
}
.waterfall li div.bg_waterfall {
	height: 9px;
	line-height: 9px;
	background: url(index/waterfall.gif) top right no-repeat;
}
.waterfall li.ahover div.bg_waterfall {
	height: 9px;
	line-height: 9px;
	background: url(index/waterfall_over.gif) top right no-repeat;
}

.imglist_ul{
	margin:0 0 12px 0;
	padding:0;
	overflow:hidden;
}
.imglist_ul_blank{
	margin:0;
	padding:0;
	overflow:hidden;
	height:0;
}
.imglist_ul li{
	list-style:none;
	margin:0;
	padding:0;
	width:50%;
	float:left;
	background:#fff url(images/news_body_bg.png) left -104px repeat-x;
}
.imglist_ul li .preview {
	position:relative;
	display:block;
	margin:0 auto;
	width:158px;
	height:118px;
	border:1px solid #eaeaea;
	border-bottom: none;
	background: #f8f8f8 url(index/image.png) center center no-repeat;
}
.imglist_ul li .preview:hover {
	background: #f8f8f8 url(index/imageb.png) center center no-repeat;
}
.imglist_ul li .preview p{
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	top:4px;
	left:4px;
	width:150px;
	height:110px;
	margin:0;
}
.imglist_ul li span {
	display:block;
	margin:0 auto;
	width:150px;
	padding:6px 4px 6px 4px;
	line-height:16px;
	border:1px solid #eaeaea;
	border-top: none;
	border-bottom:1px solid #b9b9b9;
	background: #f8f8f8;
}
.imglist_ul li div {
	display:block;
	margin:0 auto;
	width: 160px;
	height: 3px;
	background: url(index/bg_waterfall.png) top right no-repeat;
}
.imglist_ul li span p {
	margin:0;
	padding:0;
	font-size: 12px;
	color:#999;
}
.imglist_ul li span em {
	padding:0 0 0 3px;
	float:right;
	font-style:normal;
}

/* no entry to display box */
.no-entry {
	background:#fff;
	border:#ddd solid 1px;
}
.no-border {
	border:none;
}
.no-entry-message {
	padding: 32px 12px;
	background:#fff;
	text-align: center;
}

.prev-article{ float: left; }
.next-article{ float: right; }
.category-label{ text-align: center; line-height: 24px;}

.editmark {
	padding: 16px 0 0 0;
	text-align: right;
	color: #999;
	font-size: 12px;
}

/* comments wrapper */
.comment-wrapper{
}

/* comment form wrapper */
#commentForm {
}

/* swfupload & html5upload... */
.buttonArea{
	margin:12px auto;
	padding:12px;
	overflow:hidden;
	border-top: 1px dashed #c2d5e3;
	border-bottom: 1px dashed #c2d5e3;
	background: #e5edf2;
}
#listArea div, #fileList, #info{
	font-size:10px;
	line-height:16px;
	overflow:hidden;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
}
#listArea div{
	line-height:21px;
}
#listArea div a{
	color:#369;
}
.swfupload{
	visibility:visible;
}
#processerBar{
	display:none;
	padding-left: 0px;
	padding-right: 0px;
	margin-right:0px;
}

.mini {font-size:12px;}

.none {display:none;}

.dialog{
	border-radius: 6px;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 12px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 12px 0px rgba(0,0,0,.3);
	box-shadow: 0 0 12px 0px rgba(0,0,0,.3);
	background: #fff;
	box-shadow: 0 6px 16px 0px rgba(0,0,0,.3);
}
/* .flb 弹出层header */
	.flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; }
		.flb em { float: left; font-size: 14px; font-weight: 700; color: #05a; }
			.flb em a { text-decoration: none; }
		.flb .needverify { float: left; margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url(re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: #999; font-weight: 400; }
		.flb .onerror, .flb .onright { padding-left: 20px; height: auto; line-height: 140%; white-space: nowrap; font-size: 12px; font-weight: 400; }
			.flb .onerror { background: url(check_error.gif) no-repeat 0 50%; }
			.flb .onright { background: url(check_right.gif) no-repeat 0 50%; color: #666; }

		.flb span { float: right; color: #999; }
			.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: #444; }
				.flb span a:hover { color: #999; }
			.flbc { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(cls.gif) no-repeat 0 0; cursor: pointer; }
				.flbc:hover { background-position: 0 -20px; }
.dialogs{
	border: 1px solid #dadada;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width:326px;
	margin:30px auto;
}
.dialogtitle{
	height: auto;
	overflow: visible;
	border-radius: 3px 3px 0 0;
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.08);
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
	background: linear-gradient(#f6f6f6,#eeeeee);
	border-bottom: 1px solid #dcdcdc;
}
.dialogs .dialogtitle{
	height: 42px;
	line-height: 42px;
	color: #646464;
	border-bottom: 1px solid #e7e7e7;
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fafafa,#f4f4f4);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f4f4f4));
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 7px rgba(0,0,0,.06);
}
.dialogtitle h4{
	padding: 0 32px 0 12px;
	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
}
.dialogs .dialogtitle h4{
	text-align: left;
}
.dialogclose{
	opacity: .618;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top:-20px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(clsm.gif) no-repeat;
	cursor: pointer;
}
.dialogclose:hover{
	background: url(clsmh.gif) no-repeat;
}
.dialogcontent{
	padding: 0;
	width:314px;
	min-height:36px;
	max-height:320px;
	overflow-y:auto;
}
.dialogcontent_list{
	width:326px;
}
.dialogcontent_info{
	padding: 12px;
	width:302px;
}
.dialogcontent_msg{
	width:214px;
	padding: 12px;
}
.dialogcontent_ajaxadmin{
	padding: 6px;
}
.dialogcontent .dialoginnercontent{
	padding: 6px;
}
.dialogcontent ul{
	margin: 0;
	padding: 0;
}
.dialogcontent li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:16px;
}
#errorlist{
	margin: 12px 0 0 0;
	padding: 0;
}
#errorlist li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:16px;
}
.dialog_loading{
	float:left;
	width:20px;
	height:43px;
	background:url(loading.gif) no-repeat 50% 50%;
}
.dialog .pns {
	padding:5px 12px 7px 12px;
	height: 34px;
	line-height: 34px;
	text-align: right;
	border-top: 1px solid #CCC;
}
.dialog .pns input, .dialog .pns button{
	padding-left:0 12px;
	padding-right:0 12px;
}
.dialog .bns {
	padding:0;
	height: 42px;
	line-height: 42px;
	text-align: right;
	border-top: 1px solid #ccc;
}
.dialog .bns input, .dialog .bns button{
	width:50%;
	margin-left:0;
	padding:0 12px;
	border: none;
	background:#eee;
	box-shadow:none;
	color:#444;
	border-left: 1px solid #ccc;
	vertical-align: top;
	border-radius: 0;
	height: 42px;
	line-height: 42px;
	font-weight:bold;
}
.dialog .bns input.onlyone, .dialog .bns button.onlyone{
	width:100%;
}
.dialog .bns input:first-child, .dialog .bns button:first-child{
	border-left: 0;
}

#ajaxwaitid{
	display:none;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	padding:0 5px;
	background:#d00;
	color:#fff;
}

/*showmenu arr*/
.hidefocus{
	outline:none;
}
.showmenu{
	padding-right:16px!important;
	background:url(arrwd.gif) no-repeat 100% 50%!important;
	cursor:pointer;
	white-space:nowrap;
}
/*simulateSelect outset*/
.ftid{
	display:inline-block;
	vertical-align: middle;
	border-radius: 4px;
	background: #ededed;
	background-image: -moz-linear-gradient(top,#f5f5f5,#ececec);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ececec));

	background:#f3f3f3;
	background: linear-gradient(#fcfcfc,#f5f5f5);
	box-shadow: 0 0px 0px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.2);
}
.ftid select, .ftid a{
	text-align:left;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:34px;
	line-height:34px;
	min-height:34px !important;
	font-size:12px;
	text-decoration:none !important;
	background:url(newarow_m.gif) no-repeat 100% 0 !important;
	color: #666 !important;
	border: #ccc solid 1px;
	border-radius: 4px;
	text-indent: 6px;
	padding:0 19px 0 4px !important;
	border:0;
}
.ftid select{
	padding:0;
	height:34px;
	line-height:34px;
}
.ftid a{
	display:block;
}
.ftid a:hover{
	box-shadow: rgba(0,0,0,.07) 0 1px 3px;
	background-position:100% -33px !important;
}
.ftid a:focus, .ftid a:hover{
	box-shadow: rgba(0,0,0,.07) 0 1px 3px;
	background-position:100% -33px !important;
	border-radius: 4px 4px 0 0;
}
.sltm{
	margin-top:-1px;
	text-align:left;
	min-width: 60px;
	max-height:320px;
	overflow-y:scroll;
	padding: 4px;/*old padding*/
	padding:0;
	border: 1px solid;
	border-color: #bebebe;/*ddd*/
	background: #fefefe;
	border-radius: 0 0 4px 4px;
}
.sltm li{
	padding:1px 17px 1px 4px;/*old padding*/
	padding:1px 4px 1px 4px;
	height:31px;
	line-height:31px;
	font-size:12px;
	color:#444;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-bottom:1px solid #eee;
	background:#fefefe;
}
.sltm li{
	text-indent: 6px;
}
.sltm li:last-child{
	border-bottom:none;
}
.sltm li:hover{
	color:#666;
	background-color:#eee;
}
.sltm li.current{
	color:#444;
	background-color:#eee;
}

/*popmenu popwindow*/
@keyframes afastr{
	0%{opacity:0;transform:translate(0,-48px);}
	67%{opacity:1;transform:translate(0,0);}
	86%{opacity:1;transform:translate(0,-1px);}
	100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes afastr{
	0%{opacity:0;-webkit-transform:translate(0,-48px);}
	67%{opacity:1;-webkit-transform:translate(0,0);}
	86%{opacity:1;-webkit-transform:translate(0,-1px);}
	100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-moz-keyframes afastr{
	0%{opacity:0;-moz-transform:translate(0,-48px);}
	67%{opacity:1;-moz-transform:translate(0,0);}
	86%{opacity:1;-moz-transform:translate(0,-1px);}
	100%{opacity:1;-moz-transform:translate(0,0);}
}
/*.p_pop:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	left: 10px;
	top: -6px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	border-top: 1px solid #e5edf2;
	border-left: 1px solid #e5edf2;
}*/

.p_pop ul, .p_pom{
	margin-top:-1px;
	text-align:left;
	min-width: 60px;
	padding: 4px;/*old padding*/
	padding:0;
	border: 1px solid;
	border-color: #ddd;
	background: #fefefe;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 6px 16px 0px rgba(0,0,0,.3);
}
.p_pop .p_opt ul, .p_pom {
	border-radius: 0;
	margin-top: 0;
}
.p_pom {
	padding: 6px;
}
.p_pop li{
	border-bottom:1px solid #eee;
}
.p_pop li:last-child{
	border-bottom:none;
}
.p_pop li a, .p_pop a{
	display:block;
	text-indent: 6px;
	padding:1px 4px 1px 4px;
	padding:1px 17px 1px 4px;/*old padding*/
	height:31px;
	line-height:31px;
	font-size:12px;
	color:#444;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:#fafafa;
}
.p_pop li a:hover,.p_pop li a.a{
	background-color:#eee;
	color:#666;
	text-decoration:none;
}
.p_pop li a.current{
	color:#444;
	background-color:#eee;
}
.pop_moremenu { padding: 6px!important; }
.pop_moremenu li { display:block; border-bottom:1px solid #E5EDF2; line-height:24px; }
.pop_moremenu a { display:inline!important; text-decoration:none; border-bottom: none; padding:1px 4px 1px 4px!important; }
.pop_moremenu li:last-child { border-bottom:none; }
.pop_moremenu .pipe { margin:0; }

.ptm {
	padding:12px 12px;
}
.ptm a {
	display: inline;
	padding: 0;
	border: none;
}
.smiles {
	width: 150px;
}
.smiles a {
	margin: 0 6px 6px 0;
	float: left;
}

/* 提示信息 alert_win － altw*/
.alert_right, .alert_error, .alert_info { padding: 6px 16px 6px 58px; min-height: 60px; max-height: 120px; line-height: 160%; background:url(right.gif) no-repeat 8px 8px; font-size: 12px;width:240px;overflow-y:auto;}
.alert_error { background-image: url(error.gif); }
	.alert_error a { font-weight: 700; color: #f00; }
.alert_info { background-image: url(info.gif); }
.alert_btnleft { font-size:12px; }
.alert_btn { text-align: center; }
.alert_act { padding-left: 58px; }

/*
	Name:			mod_tip
	Level:			Global
	Explain:		弹出的气泡信息，1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置
	Last Modify:	lushnis
*/
.tip { position: absolute; padding: 10px; width: 220px; border: 1px solid #B1B1B1; background: #FEFEE9; }
	.tip_1, .tip_2 { margin-top: 8px; }
	.tip_3, .tip_4 { margin-top: -8px; }
	.tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; }
		.tip_1 .tip_horn { left: 5px; top: -6px; background: url(tip_top.png); }
		.tip_2 .tip_horn { right: 5px; top: -6px; background: url(tip_top.png); }
		.tip_3 .tip_horn { right: 5px; bottom: -6px; background: url(tip_bottom.png); }
		.tip_4 .tip_horn { left: 5px; bottom: -6px; background: url(tip_bottom.png); }
		.tip_js .tip_horn { right: 61px; bottom: -6px; background: url(tip_bottom.png); }
	.aimg_tip { margin-top: 0; }

/* dropdownbtn 下拉菜单 */
.hasd { display: inline-block; vertical-align: middle; }
	.hasd input { float: left; }
		.hasd input.crl { padding: 0; width: 20px; height: 20px; background: none; border-style: solid; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-width: 1px 0 1px 1px; }
	.dpbtn { float: left; overflow: hidden; text-indent: -9999px; width: 22px; height: 32px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-radius:3px; background: white url(newarow_m.gif) no-repeat 100% 0; }
		.dpbtn:hover { background-position: 100% -33px; }
	.hasd label { float: left; }

/* 用于文字提示等弹出层提示（主要是错误提示） */
/* 用于积分奖励提示等弹出层提示 */
.popuptext .error, .popupcredit .error {
	background: linear-gradient(#ffebbe,#fee7b1);
	color:#7c5f41;
	padding:12px;
	border:1px solid #b5a284;
	border-radius: 6px;
	text-align:center;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	box-shadow: 0 3px 6px 0px rgba(0,0,0,.2);
	min-width:210px;
	min-height:0;
}

/* calendar panel */
#calendar { background:#e9e9e9;border:1px solid #ccc;font-size: 12px; }
#calendar td { text-align:center; width:14%; padding:2px;font-size: 12px;height:18px;line-height:18px;}
.calendar-day { color:#999;}
a.calendar { font-weight:bold;}
a.calendar:link,a.calendar:visited { text-decoration:underline;}
a.calendar:hover { text-decoration:none;}
.calendar-today { background:#eee;}
.calendar-saturday,.calendar-sunday,.calendar-saturday a,.calendar-sunday a { color:#f60;}
.calendar-saturday a:hover,.calendar-sunday a:hover { color:#44a;}

.calendar3 { background:#e9e9e9;font-size: 12px; }
.calendar3 td { position:relative; cursor:pointer; background:#ffffff;text-align:center; width:12.9%; font-size: 12px;height:16px;line-height:16px;padding:0px 0;vertical-align:middle;}
.calendar3 .calendar-day-blank,
.calendar3 .calendar-day,
.calendar3 .calendar-saturday,
.calendar3 .calendar-sunday,
.calendar3 .calendar-none{
	padding:11px 0;
}
.calendar-day-blank ol{
	height:242px;
	max-height:242px;
	overflow:hidden;
}
.calendar-day-blank ol:hover{
	overflow-y:auto;
}
.calendar-day-blank ol li{
	display:block;
	line-height:22px;
	width: 120%;
	padding-left: 42px;
	text-align: left;
	cursor: pointer;
}
.calendar-day-blank ol .hover{
	background:#628cf0;
	color:#fff;
}
.calendar-day-blank ol li:hover{
	background:#628cf0;
	color:#fff;
}
.calendar3 .calendar-weekdays { }
.calendar3 .calendar-weekday-cell { color: #666666;background: #fafafa;font-weight:bold; }
.calendar3 .calendar-day { color:#666;}
.calendar3 td i{
	display:block;
	-webkit-transform: scale(1.00);
}
.calendar3 td em{
	position:absolute;
	display:block;
	-webkit-transform: scale(0.5);
	width:42px;
	height:12px;
	line-height:12px;
}
.calendar3 td em:hover{
	-webkit-transform: scale(1.0);
}
.calendar3 td .left-top{
	top:-1px;
	left:-9px;
	text-align:left;
	color:#f60;
}
.calendar3 td .right-top{
	top:-1px;
	right:-9px;
	text-align:right;
	color:#096;
}
.calendar3 td .left-bottom{
	bottom:-1px;
	left:-9px;
	text-align:left;
	color:#069;
}
.calendar3 td .right-bottom{
	bottom:-1px;
	right:-9px;
	text-align:right;
	color:#069;
}
.calendar3 td .gray{
	color:#bbb;
}
.calendar3 a.calendar { font-weight:bold;}
.calendar3 a.calendar:link,#calendar3 a.calendar:visited { text-decoration:underline; }
.calendar3 a.calendar:hover { text-decoration:none; }
.calendar3 .calendar-saturday,#calendar3 .calendar-sunday,#calendar3 .calendar-saturday a,#calendar3 .calendar-sunday a { color:#f60; }
.calendar3 .calendar-saturday a:hover,#calendar3 .calendar-sunday a:hover { color:#44a; }
.calendar3 .cloneThead { border-top:1px solid #bac5cf;border-bottom:1px solid #bac5cf; }
.calendar3 .calendar-none { color:#ccc; }
.calendar3 .lefthead { width:9.7%; }
.calendar3 .calendar-today { background:#ff9900; color:#fff; 
	box-shadow:0 0 6px rgba(0,0,0,0.2) inset;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;}
.calendar3 .calendar-current { background:#628cf0; color:#fff; 
	box-shadow:0 0 6px rgba(0,0,0,0.2) inset;
	-webkit-transition:all .15s ease;
	transition:all .15s ease;}
.calendar3 .calendar-today em,
.calendar3 .calendar-today b,
.calendar3 .calendar-current em,
.calendar3 .calendar-current b{
	color:#fff!important; 
}

.calendar4 td { padding:0 0;vertical-align:top;font-size:10px;line-height:12px; }
.calendar4 .calendar-weekdays { }
.calendar4 .calendar-weekday-cell { line-height:32px; }
.calendar4 td a.link{ display:block;border-radius:4px;padding:1px;margin:2px; }
.calendar4 td a.crtlink1{ color:#fff; background:#06c; }
.calendar4 td a.crtlink2{ color:#fff; background:#0c0; }
.calendar4 td a.crtlink3{ color:#fff; background:#c90; }
.calendar4 td a.crtlink4{ color:#fff; background:#990; }
.calendar4 td a.crtlink5{ color:#fff; background:#099; }
.calendar4 td a.notlink{ color:#aaa; background:#efefef; }
.calendar4 .calendar-current { background:#f90; color:#fff }
.calendar4 .lefthead { width:9.7%; }

.ie6_7_8{ color:blue;/*所有*/ color:red\9;/*IE8以下*/ *color:green;/*IE7以下*/ _color:purple;/*IE6*/ }