/* 
Offical Style for Spacebuilder 
(C) 2007-2012 Tunynet Inc.
*/ 

/* Page Layout */
/*html { overflow-x:hidden;}*/
#tn-content .tn-wrapper { width: 950px; margin: 0 auto; padding-top: 20px; }
#tn-footer .tn-wrapper { width: 950px; margin: 0 auto; }
#tn-footer{ }/*margin-top:20px;*/

/* Global navigation */
.spb-top-menubar { height:auto;}
.spb-user-menu .tn-msg-bubble{ top:-6px;}
.spb-user-menu .spb-user-link { line-height: 25px; }

/* Content Header */
.tnc-content-header {padding-top: 8px; margin-bottom:0;}
.tnc-content-header h2 { padding: 4px 0 4px 5px; }
.tnc-content-header .tn-added { padding: 8px 10px 0; }

/* Content Layout */
.tnc-main,
.tnc-aside,
.tnc-aside-second,
.tnc-aside-first { padding-top: 10px; }
.tn-grid-5-19 .tn-grid-14-5 .tnc-main { padding-left: 10px; padding-right: 10px;  }
.tn-grid-13-3 div.tn-first, 
.tn-grid-3-13 .tn-unit, 
.tn-grid-3-13 .tn-grid-9-4, 
.tn-grid-3-13 .tn-grid-10-3 { width:80%;}
.tn-grid-3-1 .tnc-main { padding:10px 15px;}

/* Content box & Tabs */
.tn-box .tn-box-header { padding: 10px 0; margin: 0; }
.tn-box .tn-box-header { font-size: 14px; }
.tn-box .tn-box-content{ padding: 10px 0; }
.ui-tabs .ui-tabs-panel { padding: 10px 0; }

/* Square */
.tnc-new-user .tnc-person-flow,
.tnc-recent-popularusers .tnc-person-flow{ width:750px;}
.tnc-new-user .tnc-person-flow .tn-avatar-item,
.tnc-recent-popularusers .tnc-person-flow .tn-avatar-item{ padding:5px 21px 5px 0; width:50px;}
.tnc-group-user .tn-list .tn-list-item{ width:24%; *width:23.5%;}
.tnc-recommend-bar .spb-carousel-slider{ margin-top:10px; width:690px; margin-bottom:10px;}
.tnc-recommend-bar .sliderkit-nav .sliderkit-nav-prev{ left:5px;}
.tnc-recommend-bar .sliderkit-nav .sliderkit-nav-next{ right:0px;}
.tnc-recommend-bar .spb-carousel-slider .sliderkit-nav{ width:680px;}
.tnc-recommended-users .tn-list-item-row p{ line-height:18px; padding-top:5px;}

.tnc-new-user .tn-avatar-item, 
.tnc-recent-popularusers .tn-avatar-item { padding:5px;*padding:3px;}

/* Separation line 
----------------------------------*/
.tnc-aside,
.spb-app-page .tnc-aside-second { border-radius: 3px; padding:10px; }

/* Footer
----------------------------------*/
#tn-footer { padding:10px 0; }
#tn-footer .tn-footer-legal { text-align: center; line-height: 20px }

/* tags
----------------------------------*/
.tn-tags span { line-height:2.5; overflow:hidden; zoom:1; }
.tn-tags a { padding: 2px 5px; border-radius:3px; white-space: nowrap; }

/* Submenu
----------------------------------*/
.tnc-content-header .tn-submenu { padding-left: 120px; z-index:9; border-bottom:1px solid #ddd;}
.tnc-content-header .tn-submenu a { line-height: 30px; font-size: 14px; }
.tnc-content-header .tn-submenu-link { border-radius: 3px 3px 0 0; border-style: solid; border-width: 1px 1px 0; }
.tnc-content-header .tn-submenu .tn-sub { border-width: 0 1px 1px; }
.tnc-content-header .tn-submenu .tn-item-link { line-height: 20px }

/* Adjust the Layout UI elements
----------------------------------*/
.spb-layout-3-1 .tnc-aside .tn-thumb { padding: 0; margin: 0 5px 10px; _display: inline; width: 94px; height: 94px; overflow: hidden; zoom:1; }


/* waren liub */
.waren #tn-header .tn-wrapper { width:auto;}
.waren #tn-content .tn-wrapper { width:auto;}
/*.waren #tn-footer .tn-wrapper { width:auto;}*/

.waren .wr-idx-header { height:105px; position:relative; max-width:1200px; margin:0 auto;}
.waren .wr-idx-header .wr-idx-hdr-logo { width:309px; height:105px; background:url(../Default/Appearances/Default/Images/waren_logo.png) no-repeat;}
.waren .wr-idx-header .wr-idx-hdr-logo a{ display:block; width:530px; height:104px;}
.waren .wr-idx-header .wr-idx-hdr { position:absolute; right:0; top:0;}
.waren .wr-idx-header .wr-idx-hdr ul li	{ float:left; height:103px; line-height:104px; padding:0 16px;}
.waren .wr-idx-header .wr-idx-hdr ul li a { color:#f29700; font-size:14px; text-decoration:none; display:block;}
.waren .wr-idx-header .wr-idx-hdr ul li:hover {  background:#f9f9f9;border-bottom:2px solid #f29700;}

.waren .wr-banner { width:100%; margin:0 auto;  height:583px; position:relative; text-align:center;overflow:hidden;}
.waren .wr-banner-ul{ height:535px; overflow:hidden;}
.waren .wr-banner-ul li{ position:relative; overflow:hidden;}
.waren .banner-btn{ height:48px; width:177px; margin:0 auto; background:url(../Default/Appearances/Default/Images/waren_scrollbar_bg.png) no-repeat; text-align:center;}
.waren .banner-btn li{ width:21px; height:20px; margin:10px 5px 0; display:inline-block;  background:url(../Default/Appearances/Default/Images/waren_scrollbar.png) no-repeat; cursor:pointer;}
.waren .banner-btn li.current{ background:url(../Default/Appearances/Default/Images/waren_scrollbar_hov.png) no-repeat;}
.waren .wr-banner .wr-login-wrap{ background:#3b3b3b;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; padding-bottom:6px;}
.waren .wr-banner .wr-login{ position:absolute; top:70px; right:11%; width:280px; height:368px;border-top:2px solid #f29700; z-index:10;}/* right:508px; */
.waren .wr-banner .wr-login-tit { height:60px; line-height:72px; font-size:20px; color:#fff; font-weight:normal; text-align:center; margin:0;}
.waren .wr-banner .wr-login-eidt { width:236px; margin:0 auto;}
.waren .wr-banner .wr-login-eidt .tex,.waren .wr-banner .wr-login-eidt .sub{ height:16px; width:236px; border:0; background:url(../Default/Appearances/Default/Images/wr_login_text.png) no-repeat; margin:8px 0; color:#3e3d3d; padding:8px 0 8px 10px; font-size:14px; font-family:Arial;}
.waren .wr-banner .wr-login-eidt input.selected { background:url(../Default/Appearances/Default/Images/wr_login_text_hov.png) no-repeat;}
.waren .wr-banner .wr-login-eidt input.tex { margin-bottom:10px;}
.waren .wr-banner .wr-login-pass { line-height:30px; height:30px; padding:0 15px;}
.waren .wr-banner .wr-login-pass .spb-welcome-option { text-align:left;}
.waren .wr-banner .wr-login-pass .spb-welcome-option .spb-welcome-remember { float:left;}
.waren .wr-banner .wr-login-pass .spb-welcome-option .spb-welcome-remember label { font-size:14px; color:#b1b1b1;}
.waren .wr-banner .wr-login-pass .spb-welcome-option .spb-welcome-remember .tn-checkbox{ margin-top:-2px;}
.waren .wr-banner .wr-login-pass .spb-welcome-option .spb-welcome-link{ float:right;}
.waren .wr-banner .wr-login-pass .wr-save-pass { float:left; display:block; width:80px;font-size:14px; color:#b1b1b1;}
.waren .wr-banner .wr-login-pass a{ font-size:14px; color:#b1b1b1;text-decoration:none;}
.waren .wr-banner .wr-login-pass .wr-save-pass i{ background:url(../Default/Appearances/Default/Images/wr_login_dui.png) no-repeat; width:14px; height:14px; float:left; margin-top:9px; margin-right:8px;}
.waren .wr-banner .wr-login-pass .wr-save-pass i.selected{ background:url(../Default/Appearances/Default/Images/wr_login_dui_hov.png) no-repeat;}
.waren .wr-banner .wr-login-pass .wr-wj-pass { float:right;}
.waren .wr-banner .but{ border:0; height:38px; background:url(../Default/Appearances/Default/Images/wr_login_but.png) repeat-x; width:100%; cursor:pointer; font-size:18px; color:#fff; margin:10px 0 16px 0;}
.waren .wr-banner .tn-button-disabled { box-shadow:inherit;}
.waren .wr-banner .but_selected{border:0; height:38px; background:url(../Default/Appearances/Default/Images/wr_login_but_hov.png) repeat-x; width:100%; cursor:pointer; font-size:18px; color:#fff; margin:10px 0 16px 0;}
.waren .wr-banner .wr-more-login { border-top:1px solid #464646; background:#2a2a29; height:84px; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; padding:20px 15px 0;}
.waren .wr-banner .wr-more-login span { color:#b1b1b1; font-size:14px; height:42px; display:block; width:236px; margin:0 auto;}
.waren .wr-banner .wr-more-login span a { display:block; display:inline-block; margin:0 5px; vertical-align:middle;}
.waren .wr-banner .wr-more-login span a.qq { width:24px; height:24px; background:url(../Default/Appearances/Default/Images/wr_login_qq.png) no-repeat;}
.waren .wr-banner .wr-more-login span a.sina { width:24px; height:24px; background:url(../Default/Appearances/Default/Images/wr_login_sina.png) no-repeat;}
.waren .wr-banner .wr-more-login span a.ren { width:24px; height:24px; background:url(../Default/Appearances/Default/Images/wr_login_ren.png) no-repeat;}
.waren .wr-banner .wr-more-login span a.reg { color:#eb6f19; text-decoration:none; vertical-align: inherit; line-height:none;}

.waren .wr-pic-box{ overflow:hidden; max-width:1200px; margin:0 auto; padding-bottom:20px;}
.waren .wr-pic-box ul{ overflow:hidden;}
.waren .wr-pic-box ul li { float:left; width:33.333%;}
.waren .wr-pic-box ul li a { padding:0 15px; display:block;}
.waren .wr-pic-box ul li a img { max-width:100%;}
.wr-login-grop { width:100%; max-width: 1500px; z-index: 20; margin: 0px auto; display: inline-block; position: relative;}
.wr-flash-text { position: absolute; top: 0px; z-index: 10; height: 400px; text-align: center; width: 100%;}
.wr-fla-text { max-width:1500px; height: 300px; margin: 0px auto; z-index: 12; position: relative;}
.wr-fla-no { font-size: 67px; top: 190px; color:#4c4c4c; left:11%; position:absolute;}
.wr-fla-no b {  font-size:82px; color:#f29700; font-weight:normal;}
.wr-fla-jb { font-size:40px; color:#4c4c4c; left:11%; top:290px; position:absolute; }
.wr-fla-w { font-size:55px; color:#fff; left:11%; top: 192px; position:absolute;}
.wr-fla-w2 {  font-size:55px; color:#fff; left:11%; top: 240px; position:absolute;}
.wr-fla-w2 b {  font-size:82px; color:#f29700; font-weight:normal;}

.tn-footer-bg{ background:#363636; height:30px;}
.wr-footer ul { text-align:center;float:left; margin:0 auto;}
.wr-footer ul li{ float:left; line-height:30px; height:30px; margin:0 32px;}
.wr-footer ul li a{ font-size:14px; color:#b5b5b5; text-decoration:none;}
.wr-footer p { float:right; padding:10px 30px 0;}

.wr_login_flash { position:absolute; width:100%;}
.wr_login_flash .spb-slider-nav{ position:relative; margin-top:15px; background:url(../Default/Appearances/Default/Images/waren_scrollbar_bg.png) no-repeat; height:48px; width:177px; margin:0 auto;}
.wr_login_flash .spb-slider-nav-clip{ margin:0 auto; text-align:center; padding:0 10px;}
.wr_login_flash .spb-slider-nav-clip ul li{ width:21px; height:20px; margin:10px 5px 0; display:inline-block;  background:url(../Default/Appearances/Default/Images/waren_scrollbar.png) no-repeat; cursor:pointer;}
.wr_login_flash .spb-slider-nav-clip ul li a { background:none; border:0; display:block; width:21px; height:20px;outline:none;blr:expression(this.onFocus=this.blur());}
.wr_login_flash .spb-slider-nav-clip ul li a:hover {background:none; border:0;width:21px; height:20px;outline:none;blr:expression(this.onFocus=this.blur());}
.wr_login_flash .spb-slider-nav-clip ul li.spb-slider-selected { background:url(../Default/Appearances/Default/Images/waren_scrollbar_hov.png) no-repeat;}
.wr_login_flash .spb-slider-nav-clip ul li.spb-slider-selected a { background:none; border:0;width:21px; height:20px;outline:none;blr:expression(this.onFocus=this.blur());}
.wr_login_flash .spb-slider-panels{ height:535px; overflow:hidden;}
.wr_login_flash .spb-slider-panel { background:none;}

.tn-tabs .tn-tabs-nav li { margin-right:0;}
.tnc-aside, .spb-app-page .tnc-aside-second { padding:0;}
.ui-icon, .tn-icon, .tn-icon-small, .tn-icon-big, .tn-icon-large, .tn-icon-special, .tn-icon-colorful { display:inline-block;}

/*Waren RegSuccess liub 20140701*/
.wr-box-center { width:950px; height:200px; margin:0 auto; text-align:center; position:relative; top:100px;}
.wr-reg-box { height:200px; }
.wr-box-center h1 { font-size:48px; font-weight:normal; position:absolute; margin:0;}
.wr-box-center h1.wr-reg-text1 { left: 200px; top:0; }
.wr-box-center h1.wr-reg-text2 {  left: 342px;top: 96px;}
.wr-box-center .wr-reg-but { margin-top:30px;}
.wr-box-center .tn-button-default { background:#f29700; box-shadow:inherit; border-radius:inherit; border:0; padding:10px 20px; margin:0 10px;}
.wr-box-center .tn-button-default:hover { background:#f29700;}
.wr-box-center .tn-button-default span { font-size:16px; line-height:48px; color:#FFF;}

/*About liub 20140701*/
.wr-about { width:1200px; margin:0 auto; padding-top:80px;}
.wr-info-box { padding:30px 0; border-bottom:1px solid #d2d2d2;}
.wr-info-box .wr-about-info { float:right; width:960px; position:relative;}
.app-download,.android-download{position:absolute;  width:169px; height:53px;}
.app-download { top:296px; left:95px;}
.android-download { top:296px; left:284px;}
.wr-info-box .wr-about-tit { float:left; width:212px;}
.wr-info-box .wr-about-tit p { font-size:34px; color:#4c4c4c;}
.wr-info-box .wr-about-tit b {font-family:Arial; font-size:22px; color:#f29700; font-weight:normal; line-height:36px;}
.wr-about-info h3 { font-size:26px; margin-top:10px;font-weight:normal;}
.wr-about-info-p { font-size:16px; color:#323232; line-height:30px; }
.wr-about-info { overflow:hidden;}
.wr-about-info ul { width:960px; padding:20px 0;}
.wr-about-info ul li{ float:left;margin-right:3px; }
.wr-info-box.wr-info-box-borb { border-bottom:0;}
.wr-about-tel { background:url(Appearances/Default/Images/wr-tel-bg.jpg) no-repeat 0 3px; text-indent:40px; line-height:36px;}
.wr-about-net { background:url(Appearances/Default/Images/wr-tel-bg.jpg) no-repeat 0 -39px; text-indent:40px; line-height:36px;}
.wr-about-email { background:url(Appearances/Default/Images/wr-tel-bg.jpg) no-repeat 0 -79px; text-indent:40px; line-height:36px;}
#UserSpace_MyHome #tn-content .tn-wrapper { background:url(../../UserSpace/Default/Appearances/Default/Images/wr-center-bg.jpg) repeat-y;}
 .tn-action, .tn-explain-icon .tn-icon-text { color:#f29700;}
 .tnc-dynamic .spb-microblog-item .tn-list-item-row a { color:#f29700; font-size:12px;}
.tn-menu-button-position .tn-menu-list .tn-menu-item {  color:#f29700;}
.tn-menu-button-position .tn-menu-list .state-hover{ background:#f9f9f9;}
.tn-avatar-list { margin-left:10px; }
.spb-common-page .tn-header-bg ,.spb-job-page .tn-header-bg { padding-bottom:4px;}
.spb-common-page .tn-grid-3-1{  background:url(Appearances/Default/Images/wr-conmm-bg.png) repeat-y;}
.spb-common-page .tn-grid-3-13{ background:url(Appearances/Default/Images/tn-grid-3-13.png) repeat-y;}
.spb-search-page .tn-grid-3-1,
.spb-ask-page .tn-grid-3-1,
.spb-job-page .tn-grid-3-1,
.spb-group-page .tn-grid-3-1 { background:url(Appearances/Default/Images/tn-grid-3-1.png) repeat-y; }
.spb-microblog-page .tn-grid-5-19,
.spb-ask-page .tn-grid-5-19,
.spb-group-page .tn-grid-5-19 { background:url(Appearances/Default/Images/tn-grid-5-19.png) repeat-y; }


.spb-common-page .tn-grid-3-13 .tnc-main { padding-right:10px;}
.spb-job-page .tn-content-bg .tn-wrapper .tn-grid { border-left:1px solid #DDDDDD; border-right:1px solid #dddddd;}
.spb-microblog-page .tn-grid-5-19 .tnc-aside-first,
.spb-group-page .tn-grid-5-19 .tnc-aside-first,
.spb-ask-page .tn-grid-5-19 .tnc-aside-first,
.spb-ask-page .tn-grid-5-19 .tnc-aside-second,
.spb-microblog-page .tn-grid-5-19 .tnc-aside-second,
.spb-group-page .tn-grid-5-19 .tnc-aside-second { padding:10px 10px 0;}


/*wr-model-wrap sxp*/
.wr-model-wrap{ position:fixed; _position: absolute; top: 0; left: 0; right:0; bottom:0; background:url(Appearances/Default/Images/wr-model-wrap.png); z-index:100;}
.wr-model-loading {position: absolute; top: 50%; left: 50%; width:58px; height:10px;  background:url(Appearances/Default/Images/loading.gif); margin-left:-26px; margin-top:-5px;}
.tnc-dynamic .spb-microblog-item .tn-list-item-row a:hover{ color:#EB7929 !important; text-decoration:none;}
.tn-list-item-row h5 a { color:#f29700;}
    .tn-list-item-row h5 a:hover { color:#eb7929; }