/*@import url("other.css");*/
html, body {
	margin: 0; padding: 0;
}
body {
	color: #000; font-family: tahoma, arial; font-size: 11px; background: #fff; 
        
}
* {
	outline: none;
}
img {
	border: none; vertical-align: top;
}

form {
	margin: 0; padding: 0;
}
table { 
	border-collapse: collapse; border-spacing: 0;
}
input {
	vertical-align: middle; border: none;
}
input, textarea, select, button {
	margin: 0; padding: 0; vertical-align: middle; font-family: tahoma, arial; vertical-align: middle; 
}
button {
	border: none; cursor: pointer;
}
label {
	cursor: pointer;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}
.wrap {
	width: 960px; position: relative; margin: 0 auto; padding: 0 10px;
}

a {
	color: #b62700;
}
a:hover {
	text-decoration: none;
}





/* button style
------------------------------------------------ */ 
button, .bt input {
	border-radius: 5px; background: #b62700; color: #fff; padding: 5px 8px;  line-height: 20px; font-size: 11px; font-family: tahoma, arial; 
}
/* end button style */


#header {
	min-width: 980px; position: relative;
}

#header input[type='text'] {
	width: 146px; height: 30px; line-height: 30px; border: 1px solid #323232; border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: inset 0 0 13px rgba(0, 0, 0, 1); 
	background: transparent; border-radius: 6px; font-size: 11px; color: #808080; padding: 0 12px;
}

#header .head {
	background: url(../i/head-bg.png) repeat-x; min-width: 980px; height: 79px; position: relative;
}

#header .head .logo {
	padding: 14px 62px 0 0; float: left;
}

#header .head .user {
	float: left; position: relative; padding-top: 19px;
}
#header .head .user .photo {
	width: 40px; float: left;
}
#header .head .user .photo img {
	width: 40px; height: 40px;
}
#header .head .user .info {
	float: left; color: #959595; padding: 0 44px 0 11px;
}
#header .head .user .box {
	float: left; position: relative; padding-top: 10px;
}
#header .head .user .box a {
	position: relative; display: block; float: left; text-decoration: none; border: 1px solid #000; padding: 0 6px 0 24px; 
	border-radius: 6px; height: 20px; line-height: 20px; background: url(../i/user-box-a.png) repeat-x; margin-right: 12px; 
	box-shadow: 5px 0 5px rgba(0, 0, 0, 1), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(0, 0, 0, 0.8);
}
#header .head .user .box a:hover {
	box-shadow: 0 0 8px rgba(182, 39, 0, 0.7), 5px 0 5px rgba(0, 0, 0, 1), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(0, 0, 0, 0.8);
}
#header .head .user .box a.e {
	color: #fff; box-shadow: 5px 0 5px rgba(0, 0, 0, 1), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(0, 0, 0, 0.8);
}
#header .head .user .box a.e span {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px; box-shadow: 0 0 8px rgba(182, 39, 0, 0.7); 
}
#header .head .user .box a:active {
	box-shadow: inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(0, 0, 0, 0.8);
}
#header .head .user .box a i {
	background: url(../i/user-icon.png) no-repeat; position: absolute; display: block; width: 14px; height: 12px; left: 6px; top: 5px;
}
#header .head .user .box a.b_2 i {
	background-position: -14px 0;
}
#header .head .user .box a.b_3 {
	min-width: 20px; text-align: right;
}
#header .head .user .box a.b_3 i {
	background-position: -28px 0; width: 10px; height: 8px; left: 6px; top: 6px;
}
#header .head .user .box a.b_4, #header .head .user .box a.b_5 {
	padding: 0; width: 22px;
}
#header .head .user .box a.b_4 i, #header .head .user .box a.b_5 i {
	background-position: -38px 0; width: 10px; height: 10px; left: 6px; top: 6px;
}
#header .head .user .box a.b_5 i {
	background-position: -48px 0;
}

#header .head .not-login {
	padding-top: 26px;
}
#header .head .not-login .in {
	float: left; padding-right: 10px; color: #808080;
}
#header .head .not-login .in span {
	padding: 0 10px;
}
#header .head .not-login .in label {
	display: inline-block; 
        margin-top: 4px;
         
}
#header .head .not-login input[type='text'] {
	width: 106px;
}

#header .head .search {
	float: right; position: relative; width: 172px; margin-top: 25px;
}
#header .head .search input {
	width: 146px; height: 30px; border: 1px solid #323232; border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: inset 0 0 13px rgba(0, 0, 0, 1); 
	background: transparent; border-radius: 6px; font-size: 11px; color: #808080; padding: 0 12px;
}
#header .head .search button {
	background: url(../i/bt-search.png) no-repeat; width: 10px; height: 10px; position: absolute; right: 10px; top: 12px; padding: 0; border-radius: 0;
}

#header .menu {
	min-width: 980px; height: 40px; line-height: 40px; background: #000; border-top: 1px solid #272727;
	border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#header .menu .wrap {
	text-align: justify;
}
#header .menu ul, #header .menu li {
	list-style: none; margin: 0; padding: 0; display: inline;
}
#header .menu li span {
	display: inline-block;
}
#header .menu li span a {
	color: #808080;
}
#header .menu li span a.act {
	background: #b62700; text-decoration: none; color: #fff; padding: 2px 16px 5px; border-radius: 5px;
}
#header .menu span.str {
	display: inline-block; width: 100%; height: 0; font-size: 0;
}


#banner {
	background-repeat: no-repeat; width: 100%; margin: 0 auto; position: relative; background-size: 100% 100%;
        background-image: url(../files/banner.jpg);
}


H1, H2, H3, H4, H5 {
	margin: 0; padding: 0;
}
H1 {
	font-size: 24px;
}


#body {
	padding: 14px 10px 0; width: auto; min-width: 960px; max-width: 1200px; overflow: hidden;
}
#l_sidebar {
	width: 190px; float: left; padding-top: 26px;
}
#content {
	width: 100%; float: left; 
/*        padding-left: 60px; */
        margin: 0 -190px;
}
#cont {
	margin: 0 190px; padding: 0 5%;
}
#r_sidebar {
	width: 190px; float: right; padding-top: 26px;
}


.widget {
	border-radius: 4px; border: 1px solid #e6e6e6; margin-bottom: 40px;
}
.widget .sub {
	background: #000; padding: 6px 8px 8px; position: relative; border-radius: 4px 4px 0 0;
}
.widget .sub H4 {
	color: #fff; font-size: 14px;
}
.widget .sub i {
	display: block; background: url(../i/sprite.png) no-repeat; width: 16px; height: 11px; position: absolute; right: 9px; top: 11px;
}
.widget .box {
	position: relative;
}
.widget .box ul, .widget .box li {
	list-style: none; margin: 0; padding: 0;
}


.widget.last_com .box {
	padding: 8px 0 0;
}
.widget.last_com .box ul {
	padding: 0 8px 2px;
}
.widget.last_com .box li {
	color: #808080; border-bottom: 2px dotted #959595; padding: 12px 0 10px;
}
.widget.last_com .box li .block {
	padding-bottom: 12px;
}
.widget.last_com .box li .text {
	color: #000; 
/*        font-weight: bold; */
/*        padding-bottom: 12px;*/
}
.widget.last_com .box li a.name {
	color: #808080;
}
.widget.last_com .box li a.q {
	display: inline-block; padding-left: 20px; background: url(../i/com.png) 0 2px no-repeat;
}
.widget.last_com .box li.last {
	border-bottom: none;
}


.widget.online .sub H4 span {
	font-weight: normal; color: #808080;
}
.widget.online .sub i {
	background-position: -16px 0; width: 14px; height: 10px;
}
.widget.online .box {
	color: #808080; padding: 6px 8px 12px;
}


.widget.phrase .sub i {
	background-position: -30px 0; width: 31px; height: 12px; top: 10px; right: 6px;
}
.widget.phrase .box {
	padding: 10px 8px 14px;
}
.widget.phrase .box blockquote {
	margin: 0; padding: 0 0 0 12px; font-size: 18px; position: relative;
}
.widget.phrase .box blockquote span {
	position: absolute; left: 0; top: 0;
}
.widget.phrase .box .copy {
	text-align: right; padding-top: 10px;
}


.widget.afisha .sub i {
	background-position: -170px 0; width: 14px; height: 14px; top: 8px;
}
.widget.afisha .box ul {
	padding: 0 9px 10px;
}
.widget.afisha .box li {
	border-bottom: 2px dotted #808080; padding: 10px 0 8px;
}
.widget.afisha .box li.last {
	border-bottom: none;
}
.widget.afisha .box li .title {
	padding-bottom: 8px;
}
.widget.afisha .box li .title a {
	font-weight: bold;
}
.widget.afisha .box li .poster {
	padding-bottom: 6px;
}


.widget.partner .sub i {
	background-position: -184px 0; width: 15px; height: 14px; top: 8px;
}
.widget.partner .box {
	padding: 12px 9px;
}


.widget.tag .sub i {
	background-position: -199px 0; width: 15px; height: 10px;
}
.widget.tag .box {
	padding: 6px 9px 12px;
}
.widget.tag .box a {
	color: #808080; margin-right: 4px;
}


.widget.poll .sub i {
	background-position: -214px 0; width: 15px; height: 12px; top: 10px;
}
.widget.poll .box {
	padding: 0 9px;
}
.widget.poll .box .title {
	font-weight: bold; padding: 14px 0 12px;
}
/*.widget.poll .box .form {
	color: #808080; border-bottom: 2px dotted #808080; padding-bottom: 4px;
}*/
.widget.poll .box .form .in {
	padding: 5px 0 6px 18px; position: relative;
}
.widget.poll .box .form .in input {
	position: absolute; left: 0; top: 5px; vertical-align: middle;
}
.widget.poll .box .form .bt {
	padding: 4px 0 2px; text-align: right;
}
.widget.poll .box .result {
	
}
.widget.poll .box .result .in {
	color: #808080; padding-bottom: 12px;
}
.widget.poll .box .result .in span {
	color: #b62700;
}
.widget.poll .box .result .in .line {
	width: 100%; height: 9px; background: #e5e5e5; margin-top: 2px;
}
.widget.poll .box .result .in .line div {
	width: 0px; height: 9px; background: #b62700;
}


/* section
------------------------------------------------ */
.section {
	position: relative; width: 100%; padding-bottom: 9px; border-bottom: 1px solid #e6e6e6; margin-bottom: 12px;
}
.section a {
	float: left; display: block; color: #808080; margin-right: 14px; padding: 2px 0 4px;
}
.section a.act {
	padding: 2px 10px 4px; background: #b62700; color: #fff; text-decoration: none; border-radius: 4px; margin-right: 10px;
}
/* end section */


/* navigation
------------------------------------------------ */
.navigation {
	color: #808080; padding-bottom: 14px; position: relative;
}
.navigation span {
	color: #000;
}
/* end navigation */


/* sort-view
------------------------------------------------ */
.sort-view {
       
	position: relative; 
       
}

 .cont-view{

        right: 5px; 
        bottom: 14px; 
        position: absolute;
}

.sort-view a {
        
	display: block; 
        background: url(../i/sprite.png) -61px 0 no-repeat; width: 10px; height: 10px; float: left; margin-left: 10px; padding: 0;
}
.sort-view a.v1.cur {background-position: -61px -10px}
.sort-view a.v2 {background-position: -71px 0}
.sort-view a.v2.cur {background-position: -71px -10px}
.sort-view a.v3 {background-position: -81px 0}
.sort-view a.v3.cur {background-position: -81px -10px}
/* end sort-view */


/* select style
------------------------------------------------ */
select {
	width: 160px; height: 22px; line-height: 22px; font-size: 11px; color: #000;
}
/* end select style */


/* sorting
------------------------------------------------ */
.sorting {
	padding: 10px 0; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
}
.sorting .lft {
	float: left;
}
.sorting .rgh {
	float: right; position: relative;
}
.sorting .lnk a {
        padding-left:20px; 
        padding-right: 5px;
        margin-right: 10px; 
}
.sorting .lnk a i {
	display: block; background: url(../i/sprite.png) -150px 0 no-repeat; width: 10px; height: 6px; position: absolute; left: 9px; top: 8px;
}
.sorting .lnk a.up {
	padding-left: 30px;
}
.sorting .lnk a.up i {
	background-position: -160px 0; height: 8px; left: 15px; top: 7px;
}
/* end sorting */


/* page
------------------------------------------------ */
.page {
	position: relative; width: 100%;
}
.page a {
	color: #999; display: block; float: left; padding: 2px 6px 3px; position: relative;
}
.page a.cur {
	border: 1px solid #b62700; text-decoration: none; color: #b62700;
}
.page a.b {
	color: #000;
}
.page a.i {
	padding: 0; background: url(../i/sprite.png) -130px 0 no-repeat; width: 10px; height: 10px; top: 5px; margin: 0 1px;
}
.page a.i.first {background-position: -140px 0; margin-right: 7px}
.page a.i.next {background-position: -130px -10px}
.page a.i.last {background-position: -140px -10px; margin-left: 7px}
/* end page */


/* listing
------------------------------------------------ */
.listing {
	position: relative; padding: 20px 0;
}
.listing ul, .listing li {
	list-style: none; margin: 0; padding: 0;
}
.listing li {
	padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); border-radius: 6px; margin-bottom: 20px;
}
.listing li .apex {
	position: relative; width: 100%; color: #ccc;
}
/*.listing li .apex .date i {
	display: inline-block; background: url(../i/sprite.png) -91px 0 no-repeat; width: 14px; height: 12px; vertical-align: middle; margin-right: 6px;
}*/
.listing li .apex .date i.v2 {background-position: -91px -12px}
.listing li .apex .date i.v3 {background-position: -91px -24px}
.listing li .apex .date s {
	display: inline-block; background: url(../i/sprite.png) -105px 0 no-repeat; width: 9px; height: 12px; vertical-align: middle; margin-right: 4px;
}
.listing li .apex .date a.edit {
	display: inline-block; background: url(../i/sprite.png) -229px 0 no-repeat; width: 10px; height: 10px; margin-left: 10px;
}
.listing li .apex .ct {
	position: absolute; right: 0; bottom: 0;
}
.listing li .apex .ct a {
	color: #ccc;
}
.listing li .title {
	font-size: 24px; font-weight: bold; padding-right: 40px; margin-top: 14px; position: relative; color: #000;
}
.listing li .title a {
	color: #000;
}
.listing li .title a:visited {
	color: #a3a3a3;
}
.listing li .title div {
	background: #e6e6e6; position: absolute; right: 0; top: 2px; font-size: 12px; color: #808080; padding: 9px 6px; min-width: 20px; 
	text-align: center; border-radius: 5px; font-weight: normal;
}
.listing li table.block {
	border: 0px; border-collapse: collapse; width: 100%; margin-top: 22px;
}
.listing li table.block td {
	vertical-align: top; padding: 0;
}
.listing li table.block td.photo {
	padding-right: 10px;
}
.listing li table.block td.text {
	font-size: 13px; word-wrap: break-word; line-height: 18px;
}
.listing li table.block td .title {
	margin-top: 0;
}
.listing li .lnk {
	position: relative; width: 100%; height: 14px; padding-top: 16px;
}
.listing li .lnk a {
	float: right; display: block; color: #ccc; text-decoration: none; margin: 0 10px 0 14px; position: relative; padding-right: 16px;
} 
.listing li .lnk a:hover {
	text-decoration: underline;
}
.listing li .lnk a i {
	display: block; background: url(../i/sprite.png) -114px 0 no-repeat; width: 6px; height: 10px; position: absolute; right: 0; top: 2px;
}
.listing li .lnk a.com {
	float: left;
}
.listing li .lnk a.sh {
	padding-right: 0; margin-right: 36px;
}
.listing li .lnk a.sh:hover {
	text-decoration: none; border-bottom: 1px dotted currentColor;
}
.listing li .lnk a.sh i {
	background-position: -120px 0; width: 10px; height: 6px; top: 4px; right: -16px;
}
.listing li .tag {
	border-top: 1px solid #e6e6e6; padding-top: 10px; margin-top: 7px;
}
.listing li .tag a {
	display: inline-block; background: #ccc; text-decoration: none; color: #fff; padding: 3px 10px 4px; border-radius: 5px; margin-right: 10px;
}
/* end listing */


/* post
------------------------------------------------ */
.post .listing {
	padding: 0px;
}
.post .listing li {
	margin-bottom: 0px;
}
.post .listing li .lnk {
	border-top: 1px solid #e6e6e6; padding-top: 10px; margin-top: 10px; height: 20px; line-height: 20px;
}
.post .listing li .lnk div {
	float: left;
}
.post .listing li .lnk div span {
	color: #b62700;
}
.post .listing li .lnk a {
	float: right;  
} 
.post .listing li .lnk a.com {
	
}
.post .sorting {
	margin-top: 40px;
}
/* end post */


/* comment
------------------------------------------------ */
.comment {
	margin-left: 10px; position: relative; border-left: 1px solid #e6e6e6; padding-top: 20px;
}
.comment ul, .comment li {
	list-style: none; margin: 0; padding: 0;
}
.comment .box .comment_li{
	position: relative; margin-left: -2px; padding-top: 18px;
}
.comment .box li .container {
	border: 1px solid #e6e6e6; position: relative; background: #fff; border-radius: 0 7px 7px 0; width: 100%;
}
.comment .box li .block {
	position: relative; overflow: hidden; padding: 10px 0 12px; margin: 0 10px;
}
.comment .box li .photo {
	width: 80px; float: left;
}
.comment .box li .info {
	margin: 0 24px 0 80px; font-size: 13px;
}
.comment .box li .info .date {
	font-size: 11px; color: #b2b2b2; padding-bottom: 4px;
}
.comment .box li .info .date a {
	color: #b2b2b2;
}
.comment .box li .info .date a.edit {
	display: inline-block; background: url(../i/sprite.png) -229px 0 no-repeat; width: 10px; height: 10px; margin-left: 12px;
}
.comment .box li .info .quote {
/*	padding: 0 0 14px 20px; */
/*        color: #b62700; background: url(../i/quote.png) 0 5px no-repeat;*/
}
.comment .box li .rate {
	width: 24px; float: right; font-size: 11px; color: #ccc; padding: 22px 0; position: relative; text-align: center;
}
.comment .box li .rate a {
	display: block; background: url(../i/sprite.png) -251px 0 no-repeat; width: 11px; height: 12px; position: absolute; left: 50%; margin-left: -6px;
}
.comment .box li .rate a.up {
	top: 0;
}
.comment .box li .rate a.up.disabled {
	background-position: -251px -24px; cursor: default;
}
.comment .box li .rate a.dw {
	bottom: 0; background-position: -251px -12px;
}
.comment .box li .control {
	border-top: 1px solid #e6e6e6; margin: 0 10px; padding: 10px 0; font-size: 11px; min-height: 20px; position: relative;
}
.comment .box li .control a.answer {
/*	border-radius: 5px; background: #ccc; color: #fff; padding: 0 8px; height: 20px; line-height: 18px; display: block; text-decoration: none; 
	float: left;*/
}
.comment .box li .control .list {
	color: #b2b2b2; padding-left: 34px; width: 60%; float: left; line-height: 20px;
}
.comment .box li .control .list a {
	color: #b2b2b2;
}
.comment .box li .control a.del {
	background: url(../i/sprite.png) -239px 0 no-repeat; width: 12px; height: 12px; display: block; position: relative; top: 4px; 
	float: right; margin-right: 8px;
}
.comment .box li .control a.eye {
	background: url(../i/sprite.png) -282px 0 no-repeat; width: 20px; height: 12px; display: block; position: relative; top: 4px; float: right;
}
.comment .box li ul {
	margin-left: 10px; border-left: 1px dotted #e6e6e6;
}
.comment .box li .grey .photo {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 10); 
	filter: alpha(opacity=10); 
	moz-opacity: 0.10; 
	-khtml-opacity: 0.10; 
	opacity: 0.10;
}
.comment .box li .grey .date {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 30); 
	filter: alpha(opacity=30); 
	moz-opacity: 0.30; 
	-khtml-opacity: 0.30; 
	opacity: 0.30;
}
.comment .box li .grey .text {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 10); 
	filter: alpha(opacity=10); 
	moz-opacity: 0.10; 
	-khtml-opacity: 0.10; 
	opacity: 0.10;
}
.comment .box li .grey .control {
	border-top: none;
}
.comment .box li .grey .control .list {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 30); 
	filter: alpha(opacity=30); 
	moz-opacity: 0.30; 
	-khtml-opacity: 0.30; 
	opacity: 0.30;
}
.comment .box li .grey .control a.del {
	background-position: -239px -24px;
}
.comment .box li .blue {
	background: #e2f0ff; border: 1px solid #a8bbd0;
}
.comment .box li .blue .text a {
	color: #2b8ac3;
}
.comment .box li .blue .date, 
.comment .box li .blue .date a, 
.comment .box li .blue .rate, 
.comment .box li .blue .control .list, 
.comment .box li .blue .control .list a {
	color: #7ca0c6;
}
.comment .box li .blue .rate a.up {
	background-position: -251px -48px;
}
.comment .box li .blue .rate a.dw {
	background-position: -251px -60px;
}
.comment .box li .blue a.answer {
	background: #7ca0c6;
}
.comment .box li .blue .control a.del {
	background-position: -239px -12px;
}


.comment .link {
	padding-top: 40px;
}
.comment .link a {
	border-radius: 5px; background: #ccc; color: #fff; padding: 0 8px; height: 20px; line-height: 20px; display: inline-block; text-decoration: none; 
	margin-left: 8px;
}

.comment .new {
	margin-top: 20px; 
        margin-left: -1px; 
        border: 1px solid #e6e6e6; border-radius: 0 6px 6px 0;
}
.comment .new .head {
	background: #000; height: 40px; border-radius: 0 5px 0 0;
}
.comment .new .head ul {
	padding: 13px 0 0;
}
.comment .new .head ul li {
	float: left; font-size: 11px; color: #fff; margin: 0 11px; position: relative; cursor: pointer;
}
.comment .new .head ul li.c_1 {font-weight: bold}
.comment .new .head ul li.c_2 {font-style: italic}
.comment .new .head ul li.c_3 {text-decoration: underline}
.comment .new .head ul li.c_7 {text-decoration: underline; font-weight: bold}
.comment .new .head ul li.c_9 {
	background: url(../i/sprite.png) -262px 0 no-repeat; width: 12px; height: 12px;
}
.comment .new .head ul li.c_10 {
	background: url(../i/sprite.png) -274px 0 no-repeat; width: 8px; height: 6px; float: right; top: 4px; right: 4px;
}

.comment sup {
	vertical-align: baseline; position: relative; top: -0.5em; font-size: 7px;
}
.comment sub {
	vertical-align: baseline; position: relative; bottom: -0.5em; font-size: 7px;
}

.comment .new .body {
	padding: 10px; border-bottom: 1px solid #e6e6e6;
}
.comment .new .body .field {
	background: #fff; color: #000; cursor: text; min-height: 140px; overflow-wrap: break-word; padding: 0px; width: auto; font-size: 13px;
}
.comment .new .body .field .quote {
	padding: 0 0 14px 20px; color: #b62700; background: url(../i/quote.png) 0 5px no-repeat;
}

.comment .new .foot {
	height: 20px; padding: 10px 8px;
}
.comment .new .foot button {
	float: right; background: #ccc; margin-left: 8px;
}
.comment .new .foot button.send {
	background: #b62700;
}
.comment .new .foot .quote {
	background: url(../i/quote.png) no-repeat; width: 14px; height: 12px; float: left; top: 6px; position: relative; cursor: pointer;
}
/* end comment */


/* form
------------------------------------------------ */
.form input[type='text'], .form input[type='password'] {
	background: #ebebeb; height: 20px; line-height: 20px; width: 440px; color: #808080; font-size: 13px; border-radius: 5px; padding: 0 10px;
}
/* end form */


/* registration
------------------------------------------------ */
.registration {
	border-top: 1px solid #e6e6e6; padding: 16px 0 0;
}
.registration H1 a {
	font-size: 11px; font-weight: normal;
}

.registration .form {
	padding-top: 30px;
}
.registration .form .in {
	padding-bottom: 12px;
}
.registration .form .in .value {
	font-size: 13px; font-weight: bold; padding-bottom: 4px;
}
.registration .form .in.check .value {
	color: #7ca0c6; display: inline-block; background: url(../i/check.png) right 1px no-repeat; padding-right: 20px;
}
.registration .form .in.check input {
	color: #005b7f; background: #dce8f4;
}
.registration .form .in.fail .value {
	color: #ff0000; display: inline-block; background: url(../i/x.png) right 3px no-repeat; padding-right: 20px;
}
.registration .form .in.fail input {
	color: #720d0d; background: #ffc1c1;
}
.registration .form .code {
	border: 1px solid #ebebeb; float: left; padding: 10px; margin-top: 12px; border-radius: 6px; font-size: 13px;
}
.registration .form .code .box {
	width: 100%; position: relative; padding-top: 10px;
}
.registration .form .code .box .level {
	float: left;
}
.registration .form .code .box .value {
	float: left; padding-left: 10px;
}
.registration .form .code .box .value input {
	width: 80px;
}
.registration .form .code .box .value a {
	font-size: 11px; text-decoration: none; border-bottom: 1px dotted currentColor;
}
.registration .form .code .box .value a:hover {
	border-bottom: none;
}
.registration .form .bt {
	font-size: 13px; border-top: 1px solid #e6e6e6; margin-top: 38px; padding-top: 10px; position: relative; height: 20px; line-height: 20px;
}
.registration .form .bt button {
	position: absolute; right: 0; top: 10px;
}
/* end registration */


/* footer
------------------------------------------------ */
#footer {
	background: #000; min-width: 980px; position: relative; padding: 38px 0; margin-top: 40px;
}

#footer .wrap {
	width: 460px;
}

#footer .link {
	color: #808080;
}
#footer .link span {
	padding: 0 15px;
}

#footer .social {
	position: relative; width: 100%; text-align: justify; padding-top: 38px;
}
#footer .social ul, #footer .social li {
	list-style: none; margin: 0; padding: 0; display: inline;
}
#footer .social li .ob {
	display: inline-block;
}
#footer .social span.str {
	display: inline-block; width: 100%; height: 0; font-size: 0;
}

#footer .block {
	position: relative; width: 100%; color: #808080; padding-top: 38px;
}
#footer .block a {
	color: #808080;
}
#footer .block .copy {
	float: left; width: 50%;
}
#footer .block .sensor {
	float: right; width: 50%; text-align: right;
}
#footer .block .sensor a.img {
	display: block; background: url(../i/sensor.png) no-repeat; width: 41px; height: 11px; margin: 14px 0 0 auto;
}
/* end footer */