@charset "utf-8";
/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:0}
a{color:#000;text-decoration: none;}

.user_layout{width:964px;margin:0 auto;}
.header{
	zoom:1;
	width: 964px;
	margin: 0 auto;
	padding: 0;
	height:142px;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.header .logo{float:left;
height:86px;
width:435px;
display:block;
background: url(./images/underkg_banner_up_pk.png) no-repeat;
}
.header .logo img:hover{
opacity:0
}
.header .logo img{
transition: none;
-webkit-transition: none;
-moz-transition: none;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
opacity:1;
}
.header .logo_side_banner { float: right;height: 60px;width: 468px;margin-top: 23px;}
.header .logo_side{position:absolute;}
.header .logo_side .logo_position{ height: 174px; width: 26px;position: relative;left: 964px;margin-top: 37px;}
.header .logo_side .logo_position a{margin-left: 5px;float:left;}

.header .search{float:right}
.header .nav {
background: #333;
z-index: 13;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: 0;
display:inline-block;
width:100%;
}
.sf-menu {
float: left;
line-height: 1.0;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
background: none;
float: left;
position: relative;
margin-right: 0;
}
.sf-menu li a:hover{
color: #ff3b6b !important;
}
.sf-menu a, .sf-menu a:visited {
color: #fff;
transition: none;
-webkit-transition: none;
-moz-transition: none;
transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
background: url(./images/navdiv.png) no-repeat right 50%;
min-width: 1px;
z-index: 11;
}
.sf-menu li a {
padding: 5px 10px 5px 20px;
}
.sf-menu a {
text-transform: none;
font-size: 16px;
text-decoration: none;
line-height: 27px;
display: block;
position: relative;
}
.logintop{
float:right;

}
.search {
width:964px;
min-height: 1px !important;
float: right;
background-color: #fff;
border-color: #c2c2c2;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.search form.searchbox{
border: none;
}
.search form.searchbox fieldset {
	display: block;
	min-width: -webkit-min-content;
	outline: 0;
	text-align:right;
}
.search .searchbox input {
font: -webkit-small-control;
letter-spacing: normal;
word-spacing: normal;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
-webkit-writing-mode: horizontal-tb;
}

.search .searchbox input#search-text{
width: 250px;
border-style: solid;
border-width: 1px;
border-color: #dcdcdc;
font-size: 10px;
max-width: 400px;
margin: 0;
-webkit-appearance: none;
border-radius: 0;
color: #555;
border: none;
}
/*.search .searchbox input#search-text:invalid{
background: transparent url(images/search_text_pk.png) no-repeat bottom left;
}
.search .searchbox input#search-text:valid{
background-image:none;
}
.search .searchbox input#search-text:focus{
background-image:none;
}*/
.search .searchbox input#search-btn{
background: #fff;
border: none;
margin-bottom: 2px;
vertical-align: middle;
-webkit-appearance: initial;
}

.body{margin:0;zoom:1;border-right: 1px solid #cacaca;background: #f3f3f3;}
.body:after{content:"";display:block;clear:both}
.sub_nav{display: inline-block;
}
.sub-menu li{
float:left;
list-style:none;
margin-left:10px;
}
.account{}
.content{float:left;width:675px;background:#f3f3f3;border-left: solid 1px #c2c2c2;}
.content .content_title {font-size: 30px;
border-bottom: 2px solid;
padding-left: 25px;
padding-top: 23px; }


.footer{
margin-bottom: 0;
background:#f3f3f3;
color: #dcdcdc;
overflow-x: hidden;
margin: 0 auto;
border-left:solid 1px #c2c2c2;border-right:solid 1px #c2c2c2;
}
.footer .bottom_text{
overflow-x: hidden;
background: #2c2c2c url(images/bottom_shadow_bar.png) no-repeat top center;
padding-top: 10px;
text-align: center;
}
.footer .bottom_text div{
text-align: center;
width: 100%;
display:block;
}
.footer .bottom_text .copyright{
margin: 0 50px 10px 0;
}
.footer .bottom_text a{
color: #ff3b6b;
}
::selection {
}
.scratch_banner{
position:absolute;
}
.scratch_banner div{
position: relative;
left: 964px;
}
.rnb{float:right;width:287px;background: #f3f3f3;}
.rnb ul { margin:0; padding:0; list-style:none;background: #fff; }
.rnb ul.top_category {}
.rnb ul li { margin:0; padding:0; list-style:none;line-height: 34px; border-top: solid 1px #e0f0f6;text-indent:35px; background: url(./images/note_line_pk.png) repeat-y 6%;text-transform:uppercase; font-weight: 500;font-size: 18px;float:none;clear:both;}
.rnb .category_title { float: left;background-color: #fff;z-index: 1;margin-left: 35px;text-indent:0px;padding-right: 10px;}
.rnb .category_title a{vertical-align: middle; }
.rnb .category_count { float: right;margin-right: 10px;background: url(./images/side_category_dashed.png) repeat-x 70% 60%;padding-left: 50%;margin-left: -70%;text-align: right;height: 34px;}
.rnb .category_count span { background: #333333;border-radius: 4px;color: #fff;text-decoration: none;font-size: 13px;padding: 4px 4px;line-height: 34px;}
.rnb .side_banner {border-top:solid 2px #000;text-align: center;}

.rnb .space_dot{ height: 17px;border-bottom: 1px dashed;width: 30%;float: left;} 
.rnb ul .note_sdw{ background: #f3f3f3 url(./images/rnb_bottom_sdw.png) no-repeat bottom center;height:14px;border-right: 0;border-left: 0;}
.rnb ul li h2{ margin:0;font-size:15px;line-height: 15px;font-weight: 500;}
.rnb .category_top{ font-size: 27px;line-height: 27px;padding-top: 15px;font-weight:700;border-top: solid 2px #000;text-indent:35px;}
.rnb .category_top_box{font-family: Myriad Pro;font-size: 27px;line-height: 27px;font-weight:700;padding-bottom: 15px;border-top: 0;text-indent:35px}
.rnb ul li .inBoardCategory li{ text-transform:none; padding-left:0; }
.rnb ul li .inBoardCategory li a{ color: #b4b4b4;font-size: 18px;}
/*css for follow
.at4-follow {
top: 75px;
left: 50%;
z-index: 1;
}
.at4-follow .at4-follow-inner {
left: 340px;
}
.slideInRight {
-webkit-animation-name: none;
animation-name: none;
}
.at4-follow .at4-follow-inner .at4-follow-close-control {
width: 0;
}
div.at4-arrow {
width: 0;
height: 0;
}*/