/* reset */

body {
background-color:#1EB9EE;
}

a {
color:#009FE9;
}

em {
font-style:normal;
}

#wrapper {
width:100%;
}

#header {
width:950px;
}

#g_content {
width:950px;
margin:0 auto;
zoom:1;
color:#666;
background:#B9E3F9 url(/img/mybabytree/themes/friso/content-bg.png) no-repeat center bottom;
padding:5px 0 190px;
}

#maincol {
color:#666;
}

#maincol .block,
#maincol .block2,
#sidecol .block,
#sidecol .block2 {
margin:0;
padding:0;
float:none;
display:block;
overflow:visible;
_overflow-x:hidden;
}

#maincol .container,
#sidecol .container {
float:none;
display:block;
margin:0 0 10px;
}

.block2 {
clear:both;
zoom:1;
}

#g_content:after,
.block2:after,
.block2:before {
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}

#maincol,
#maincol .container,
#maincol .block,
#maincol .block2 {
width:709px;
}

#sidecol,
#sidecol .container,
#sidecol .block,
#sidecol .block2 {
width:200px;
}

/* structure */

#wrapper {
background:transparent url(/img/mybabytree/themes/friso/wrapper-bg.png) no-repeat center 0;
}

#header {
width:950px;
height:260px;
background:transparent url(/img/mybabytree/themes/friso/header-2.jpg) no-repeat center 130px;
z-index:1;
}

#header h1 {
width:950px;
height:130px;
background:transparent url(/img/mybabytree/themes/friso/header-1.jpg) no-repeat center 0;
}

#header h1 a {
width:950px;
height:130px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#header h2 {
position:absolute;
left:120px;
margin:5px 0 0;
}

#header h2 a {
color:#062367;
font-weight:bold;
}

#header h2 .copyurl {
color:#036;
position:absolute;
top:30px;
left:550px;
white-space:nowrap;
}

#header h2 .copyurl a {
color:#06C;
font-weight:normal;
visibility:visible;
color:#036;
text-decoration:underline;
height:auto;
}

#treenav {
width:930px;
height:43px;
background:transparent url(/img/mybabytree/themes/friso/treenav-bg.png) no-repeat;
position:absolute;
margin:62px 10px 0;
}

#treenav li {
margin:0 7px 0 0;
}

li#friso-nav-6 {
margin:0 0 0 1px;
}

#treenav li a {
width:149px;
height:43px;
float:left;
background:transparent url(/img/mybabytree/themes/friso/treenav-bg.png) no-repeat -9999px -9999px;
display:block;
text-indent:-9999px;
}

#treenav .active a,
#treenav li a:hover {
height:53px;
position:relative;
z-index:0;
top:-10px;
}

#friso-nav-1.active a,
#friso-nav-1 a:hover {
background-position:0 -60px;
}

#friso-nav-2.active a,
#friso-nav-2 a:hover {
background-position:-156px -60px;
}

#friso-nav-3.active a,
#friso-nav-3 a:hover {
background-position:-312px -60px;
}

#friso-nav-4.active a,
#friso-nav-4 a:hover {
background-position:-468px -60px;
}

#friso-nav-5 a:hover {
background-position:-624px -60px;
}

#friso-nav-6 a {
width:147px;
}

#friso-nav-6.active a {
background-position:-781px -60px;
}

.score-popup {
width:143px;
height:210px;
padding:0 20px;
background:transparent url(/img/mybabytree/themes/friso/treenav-bg.png) no-repeat -781px -120px;
position:absolute;
left:781px;
top:0;
color:#002569;
display:none;
}

.score-popup h4 {
margin:0 0 10px -20px;
}

.score-popup h4 a {
width:150px;
height:30px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

.score-popup h5 {
font-size:14px;
}

.score-popup p a {
color:#FFF;
display:inline-block;
text-decoration:underline;
margin:0 0 0 4px;
}

#g_content .block {
background:transparent url(/img/mybabytree/themes/friso/title-edge.png) no-repeat -9999px -9999px;
padding:0 0 20px;
}

.block2 {
background:#FFF url(/img/mybabytree/themes/friso/module-bg.png) repeat-y -9999px -9999px;
}

#maincol {
margin:0 10px 0 0;
}

#sidecol {
margin:0 0 0 10px;
}

h3,
.title {
background:transparent url(/img/mybabytree/themes/friso/title-edge.png) no-repeat -9999px -9999px;
clear:both;
zoom:1;
line-height:38px;
}

.title:after {
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}

h3,
.title h4 {
height:0;
overflow:hidden;
line-height:38px;
}

.title p {
line-height:38px;
}

.title p a {
color:#FFF !important;
}

#maincol .title {
height:38px;
position:static !important;
}

#sidecol .title {
height:50px;
padding:0;
}

/* sidecol */

#treeprof.container {
padding:20px 0 0;
background:transparent url(/img/mybabytree/themes/friso/title-edge.png) no-repeat -3856px 0;
}

#treeprof .block {
background-position:-3856px bottom;
}

#treeprof .block2 {
background-color:#EFFAFE;
}

#treeprof-avatar {
margin:0 auto 10px;
}

#treeprof-util li {
margin:5px 0;
}

#treeprof-util a {
width:96px;
height:36px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -9999px -9999px;
text-indent:-9999px;
}

#treeprof-util .btn-add-pal {
background-position:0 0;
}

#treeprof-util .btn-send-msg {
background-position:-100px 0;
}

#treeprof-util .btn-add-userlink {
background-position:-200px 0;
}

#treeprof-info {
margin:0 0 0 12px;
color:#002568;
}

#treeprof-info strong {
margin:0 5px 0 0;
}

#treeprof li {
line-height:20px;
}

#treeprof .join-now {
text-align:center;
margin:10px 0 0;
}

#treeprof .join-now a {
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

.side-ad {
margin:0 0 10px;
}

#friso-instant {
width:200px;
height:115px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -700px -440px;
}

#friso-instant dt {
width:0;
height:37px;
overflow:hidden;
}

#friso-instant dd {
height:34px;
line-height:34px;
margin:0 0 3px;
}

#friso-instant dd strong {
font-size:14px;
margin:0 14px 0 16px;
}

#friso-instant .official strong {
color:#B9E3F9;
}

#friso-instant .weibo strong {
color:#FDE5BB;
}

#friso-instant dd a {
width:80px;
height:34px;
display:inline-block;
color:#036;
text-decoration:underline;
}

#friso-side-group .block {
background-position:-3056px bottom;
}

#friso-side-group .block2 {
background-position:0 0;
}

#friso-side-group .title {
background-position:-3056px 0;
}

#friso-side-group .group-avatar {
float:left;
display:inline;
margin:0 5px 0 10px;
}

#friso-side-group .group-avatar img {
width:84px;
height:84px;
display:block;
background-color:#F7F7F7;
}

#friso-side-group .group-name a {
font-weight:bold;
font-size:14px;
color:#036;
display:inline-block;
margin:5px 0 2px;
}

#friso-side-group .group-members {
color:#999;
}

#friso-side-group .group-join a {
text-decoration:underline;
display:inline-block;
margin:20px 0 0;
color:#036;
}

#mytree-diary-side-cat .block {
background-position:-3256px bottom;
}

#mytree-diary-side-cat .block2 {
background-position:-200px 0;
}

#mytree-diary-side-cat .title {
background-position:-3256px 0;
}

#mytree-diary-side-comment .block {
background-position:-3456px bottom;
}

#mytree-diary-side-comment .block2 {
background-position:-400px 0;
}

#mytree-diary-side-comment .title {
background-position:-3456px 0;
}

#treestat {
height:176px;
background:transparent url(/img/mybabytree/themes/friso/treestat-bg.png) no-repeat;
}

#treestat em {
color:#F00;
}

#treestat-view {
background:transparent url(/img/mybabytree/themes/friso/treestat_bg.gif) no-repeat center 0;
padding:4px 0 0;
}

#treestat-view td.day div {
background:transparent url(/img/mybabytree/themes/friso/treestat-day-bg.png) no-repeat center 0;
}

.shixiande {
width:200px;
height:259px;
margin:0 0 10px;
background:transparent url(/img/mybabytree/themes/friso/shixiande-bg.png) no-repeat;
}

.shixiande .countdown {
position:absolute;
margin:164px 0 0;
}

.shixiande p {
margin:0 0 0 10px;
padding:5px 0 0;
color:#B9E3F9;
font-size:13px;
}

.shixiande em {
color:#FFF;
font-weight:bold;
margin:0 4px;
font-family:Georgia;
}

.shixiande .big {
font-size:20px;
}

.shixiande-link-1,
.shixiande-link-2 {
position:absolute;
height:25px;
text-indent:-9999px;
overflow:hidden;
}

.shixiande-link-1 {
width:97px;
margin:217px 0 0 3px;
}

.shixiande-link-2 {
width:95px;
margin:217px 0 0 103px;
}

#friso-side-chart .block {
background-position:-3456px bottom;
}

#friso-side-chart .block2 {
background-position:-400px 0;
}

#friso-side-chart .title {
background-position:-3456px -50px;
}

#friso-side-chart .block table.list {
margin:0 auto;
}

#friso-side-tool .block {
background-position:-3056px bottom;
}

#friso-side-tool .block2 {
background-position:0 0;
}

#friso-side-tool .title {
background-position:-3056px -50px;
}

#friso-side-tool .block table.list {
margin:0 auto;
}

#friso-side-tool .block table.list td {
width:33.3%;
vertical-align:top;
padding:0 5px;
}

#friso-side-tool .block table.list img {
display:block;
}

#friso-side-score .block {
background-position:-3656px bottom;
}

#friso-side-score .title {
background-position:-3656px 0;
}

#friso-side-score .inner {
border:1px solid #FFF;
border-width:0 1px;
width:178px;
margin:0;
padding:0 10px;
background-color:#BFE51C;
color:#002569;
}

#friso-side-score .inner h5 {
font-size:14px;
}

#friso-side-score .inner p a {
color:#FFF;
display:inline-block;
text-decoration:underline;
margin:0 0 0 4px;
}

/* index */

#index-major .block,
#index-major .block2 {
background:none;
padding:0;
}

#index-portrait {
width:709px;
height:440px;
margin:0;
background:transparent url(/img/mybabytree/themes/friso/index-portrait-bg.png) no-repeat 0 0;
}

.portrait-nav {
width:149px;
float:right;
}

.portrait-nav li {
width:149px;
height:150px;
cursor:pointer;
text-indent:-9999px;
background:transparent url(/img/mybabytree/themes/friso/index-portrait-bg.png) no-repeat -9999px -9999px;
}

#portrait-nav-3 {
height:140px;
}

.portrait-nav .current {
cursor:default;
}

#portrait-nav-1 {
background-position:-560px 0;
}

#portrait-nav-1.current {
background-position:-709px 0;
}

#portrait-nav-2 {
background-position:-560px -150px;
}

#portrait-nav-2.current {
background-position:-709px -150px;
}

#portrait-nav-3 {
background-position:-560px -300px;
}

#portrait-nav-3.current {
background-position:-709px -300px;
}

.portrait-content {
width:550px;
height:420px;
padding:10px 0 10px 10px;
float:left;
}

#portrait-content-1 table {
width:100%;
height:420px;
}

#portrait-content-1 td {
text-align:center;
vertical-align:middle;
}

#portrait-content-1,
#portrait-content-2,
#portrait-content-3 {
display:none;
}

.portrait-photo {
width:520px;
margin:0 auto 5px;
}

.portrait-photo img {
width:500px;
height:375px;
display:block;
padding:10px;
background-color:#FFF;
}

.portrait-photo-title {
text-align:center;
color:#036;
}

.portrait-event-list {
width:489px;
height:390px;
margin:5px 10px;
padding:10px 15px;
background:transparent url(/img/mybabytree/themes/friso/index-portrait-bg.png) no-repeat 0 -440px;
float:left;
display:inline;
overflow:hidden;
position:relative;
z-index:0;
}

.portrait-event-list li {
width:489px;
/*height:61px;*/
height:116px;
border-bottom:2px solid #CFDF68;
padding:0 0 10px;
margin:0 0 10px;
position:relative;
z-index:0;
float:left;
}

.portrait-event-list li p {
line-height:20px;
}

.portrait-event-list .event-title a {
color:#036;
font-weight:bold;
font-size:14px;
margin:0 10px 0 0;
}

.portrait-event-list .event-date {
color:#999;
}

.portrait-event-list .event-join {
position:absolute;
right:0;
bottom:15px;
}

.event-join a {
width:94px;
height:19px;
display:block;
overflow:hidden;
line-height:20px;
color:#009FE9;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -450px -520px;
text-align:center;
color:#036 !important;
}

.portrait-event-list .event-intro {
color:#009FE9;
line-height:1.5;
margin:5px 0 0;
}

#index-our-voice .block  {
background-position:-1638px bottom;
}

#index-our-voice .block2 {
background-position:-600px 0;
}

#index-our-voice .title {
height:50px;
background-position:-1638px 0;
}

#index-our-voice .title h4 {
height:auto;
}

#index-our-voice .title h4 a {
width:200px;
height:38px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

.voice-nav {
width:460px;
margin:-30px 0 0 250px;
float:right;
display:inline;
}

.voice-nav li {
width:80px;
height:30px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -9999px -9999px;
float:left;
display:inline;
margin:0 10px 0 0;
cursor:pointer;
color:#FFF;
font:bold 14px/30px default;
text-align:center;
}

#index-our-voice .voice-nav .current {
background-position:-710px 0;
}

#voice-nav-1 {
background-position:-710px -30px;
}

#voice-nav-1.current {
color:#15C0F2;
}

#voice-nav-2 {
background-position:-710px -60px;
}

#voice-nav-2.current {
color:#00A1E9;
}

#voice-nav-3 {
background-position:-710px -90px;
}

#voice-nav-3.current {
color:#B7D200;
}

#voice-nav-4 {
background-position:-710px -120px;
}

#voice-nav-4.current {
color:#FED900;
}

#voice-nav-5 {
background-position:-710px -150px;
}

#voice-nav-5.current {
color:#F5A100;
}

#treenav .hot {
width:50px;
height:40px;
background:transparent url(/img/mybabytree/themes/friso/hot.gif) no-repeat;
position:absolute;
right:0;
top:-44px;
}

.voice-content {
display:none;
padding:6px 20px;
}

.voice-content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.voice-thumb {
width:226px;
float:left;
display:inline;
margin:0 10px 15px 0;
}

.voice-thumb img {
width:220px;
height:150px;
display:block;
border:3px solid #7ACEF4;
}

.voice-title {
margin:5px 0;
}

.voice-title a {
font:bold 14px/20px default;
color:#036;
}

.voice-date {
margin:0 30px 0 0;
}

.voice-author {
color:#F5A100;
}

.voice-excerpt {
margin:5px 0;
line-height:20px;
}

.voice-excerpt,
.voice-excerpt a {
color:#009FE9;
}

.voice-more a {
width:58px;
height:19px;
display:block;
overflow:hidden;
line-height:20px;
color:#009FE9;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -570px -520px;
padding:0 10px 0 0;
text-align:center;
color:#036 !important;
float:right;
}

.voice-more a:hover {
text-decoration:none;
}

.voice-list {
clear:both;
zoom:1;
}

.voice-list li {
width:211px;
display:inline-block;
*display:inline;
*zoom:1;
line-height:20px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -899px 7px;
padding:0 0 0 12px;
}

.voice-list li a {
color:#036;
}

#index-elites .block  {
background-position:-2347px bottom;
}

#index-elites .block2 {
background-position:-2018px 0;
}

#index-elites .title {
height:50px;
background-position:-2347px 0;
}

#index-elites .title h4 {
height:auto;
}

#index-elites .title h4 a {
width:290px;
height:38px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#index-elites .title .more a {
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat right -186px;
margin:0 10px 0 0;
padding:0 10px 0 0;
display:inline-block;
color:#FFF;
}

.elite-list {
width:660px;
height:84px;
margin:0 auto;
}

.elite-list li {
width:220px;
float:left;
display:inline;
}

.elite-list p {
margin:4px 0;
}

.elite-list strong {
color:#002569;
}

p.elite-avatar {
float:left;
display:inline;
margin:0 10px 0 0;
}

.elite-avatar img {
width:84px;
height:84px;
display:block;
background-color:#F1F1F1;
}

.elite-name a {
font-size:14px;
font-weight:bold;
color:#002569;
}

.elite-column {
width:66px;
height:16px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -560px 0;
}

#index-diary .block {
background-position:-929px bottom;
}

#index-diary .block2 {
background-position:-1309px 0;
}

#index-diary .title {
background-position:-929px 0;
height:37px;
overflow:hidden;
}

#index-diary .title h4 {
height:auto;
}

#index-diary .title h4 a {
width:200px;
height:37px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#index-diary .title h4 {
display:none;
}

#index-diary .block .title .more {
display:none;
}

#index-diary-category {
margin:0 0 10px;
padding:0 15px;
background:transparent url(/img/mybabytree/themes/friso/title-edge.png) no-repeat -929px -37px;
height:26px;
overflow:hidden;
border:0 none;
line-height:26px;
text-align:left;
}

#index-diary-category li {
line-height:26px;
}

#index-diary-category li a {
margin:0 2px 0 0;
font-weight:bold;
}

#index-diary-preview blockquote a {
color:#666;
}

#index-diary-list {
width:auto;
padding:20px 10px 0;
}

#index-diary-list h5 {
color:#036;
border-top:2px solid #CFDF68;
padding:10px 5px 5px;
}

#index-diary-list .statcate {
font-weight:bold;
width:120px;
}

#index-friso-products {
width:709px;
height:259px;
background:transparent url(/img/mybabytree/themes/friso/friso-products-bg.png) no-repeat 0 0;
position:relative;
z-index:0;
}

#index-friso-products h4 {
clear:both;
overflow:hidden;
}

#index-friso-products h4 a {
width:235px;
height:37px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#index-friso-products .more {
position:absolute;
right:15px;
top:8px;
}

#index-friso-products .more a {
color:#036;
text-decoration:underline;
}

#index-friso-products .product-jump {
width:680px;
margin:0 auto;
position:relative;
z-index:0;
}

#index-friso-products .product-jump li {
width:24px;
height:24px;
overflow:hidden;
background:transparent url(/img/mybabytree/themes/friso/friso-products-bg.png) no-repeat -9999px -9999px;
position:absolute;
top:75px;
cursor:pointer;
}

#index-friso-products .product-jump .prev {
background-position:0 -259px;
left:0;
}

#index-friso-products .product-jump .next {
background-position:-24px -259px;
right:0;
}

#index-friso-products .product-list-holder {
width:560px;
margin:1px auto 0;
overflow:hidden;
}

#index-friso-products .product-list {
width:10000px;
clear:both;
zoom:1;
}

#index-friso-products .product-list:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

#index-friso-products .product-list li {
float:left;
display:inline;
width:140px;
text-align:center;
background:transparent url(/img/mybabytree/themes/friso/friso-products-bg.png) no-repeat center -276px;
}

#index-friso-products .product-period {
color:#036;
line-height:20px;
font-size:11px;
font-weight:bold;
}

#index-friso-products .product-thumb {
height:127px;
margin:0 0 10px;
text-align:center;
}

#index-friso-products .product-name a {
color:#FFF;
font-weight:bold;
display:inline-block;
line-height:20px;
}

/* sub page */

.btn-common {
width:79px;
height:25px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -300px 0;
color:#FFF;
text-align:center;
border:0 none;
display:block;
color:#FFF !important;
cursor:pointer;
}

a.btn-common {
line-height:25px;
}

#sub-diary .block {
background-position:-929px bottom;
}

#sub-diary .block2 {
background-position:-1309px 0;
}

#sub-diary .title {
background-position:-929px 0;
padding:37px 0 0;
height:26px;
line-height:26px;
}

#sub-diary .title h4 {
height:auto;
line-height:26px;
margin:0 0 0 16px;
}

.diaryPreviewContent {
border-bottom:1px solid #CFDF68;
padding:0 0 20px;
margin:0 0 20px;
}

#sub-forum .block {
background-position:-1638px bottom;
}

#sub-forum .block2 {
background-position:-600px 0;
}

#sub-forum .title {
background-position:-1638px 0;
padding:37px 0 0;
height:0;
}

.forum-moderator {
height:32px;
border-bottom:1px solid #B9E3F9;
margin:0 1px;
clear:both;
zoom:1;
}

.forum-moderator:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.forum-moderator dt {
font-weight:bold;
float:left;
display:inline;
margin:0 15px;
line-height:32px;
}

.forum-moderator dd {
width:530px;
float:left;
display:inline;
line-height:20px;
margin:5px 0;
}

.forum-moderator .moderator-list li {
float:left;
display:inline;
margin:2px 15px 2px 0;
}

.forum-moderator .moderator-list .avatar {
width:16px;
height:16px;
border:1px solid #CCC;
background-color:#FFF;
display:inline-block;
vertical-align:middle;
margin:0 4px 0 0;
}

.forum-moderator dd a {
color:#444;
display:inline-block;
}

.sj-forum-digest-nav {
width:677px;
height:24px;
margin:10px -9px;
padding:6px 15px 0;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat 0 -40px;
}

.sj-forum-digest-nav li {
width:95px;
height:24px;
line-height:24px !important;
text-align:center;
cursor:pointer;
color:#002567;
font-weight:bold;
float:left;
display:inline;
}

.sj-forum-digest-nav .current {
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat 0 -70px;
cursor:default;
}

.sj-forum-digest {
margin:0 15px;
}

.sj-forum-digest dt {
color:#F00;
display:inline;
margin:0 10px 0 0;
}

.sj-forum-digest dd {
display:inline;
margin:0 10px 0 0;
}

.sj-forum-digest .current {
font-weight:bold;
}

#sub-forum .sj-forum-digest a {
color:#009FE9;
}

.sj-forum-topic {
margin:20px;
}

#sub-score .block {
background-position:-4056px bottom;
}

#sub-score .block2 {
background-position:-1309px 0;
}

#sub-score .title {
background-position:-929px -113px;
padding:37px 0 0;
height:0;
}

#sub-score-2 .block {
background-position:-929px bottom;
}

#sub-score-2 .block2 {
background-position:-1309px 0;
}

#sub-score-2 .title {
background-position:-929px -63px;
padding:37px 0 0;
height:0;
}

.score-top {
height:200px;
margin:0 1px;
padding:10px;
}

.score-my {
float:left;
display:inline;
width:157px;
height:200px;
background-color:#D1EDFB;
}

.my-avatar {
margin:20px 0 0;
text-align:center;
color:#002569;
}

.my-avatar p {
margin:8px 0;
}

.my-avatar img {
width:100px;
height:100px;
display:block;
margin:0 auto;
padding:2px;
}

.score-my strong {
font-size:14px;
}

.score-my em {
color:#009FE9;
font-weight:bold;
margin:0 4px 0 2px;
}

.score-banner-ad {
width:520px;
height:200px;
float:right;
display:inline;
}

.score-banner-ad img {
width:520px;
height:200px;
display:block;
background-color:#F1F1F1;
}

h5.score-exchange-title {
margin:0 1px;
height:16px;
background:#FFF4C3 url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat 10px -180px;
text-indent:-9999px;
padding:10px;
}

.score-exchange-list {
clear:both;
zoom:1;
margin:0 1px;
padding:0 5px;
background-color:#FFF4C3;
}

.score-exchange-list:after {
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}

.score-exchange-list li {
width:220px;
height:240px;
float:left;
display:inline;
text-align:center;
background:transparent url(/img/mybabytree/themes/friso/score-exchange-item-bg.png) no-repeat;
margin:0 6px;
color:#FFF;
}

.score-exchange-list .product-thumb {
height:150px;
}

.score-exchange-list .product-name {
margin:10px 0 6px;
font-weight:bold;
font-size:14px;
line-height:20px;
height:40px;
}

.score-exchange-list .score-needed {
color:#1EB9EE;
float:left;
display:inline;
font-size:11px;
margin:0 0 0 12px;
line-height:23px;
}

.score-exchange-list .score-needed em {
color:#FFF;
}

.btn-exchange-now {
width:77px;
height:23px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -380px 0;
overflow:hidden;
text-indent:-9999px;
float:right;
display:inline;
margin:0 12px 0 0;
}

.score-rule {
margin:15px 20px;
line-height:20px;
zoom:1;
}

.score-rule .toggle-off,
.score-rule .toggle-on {
color:#009FE9;
cursor:pointer;
font-size:12px;
font-weight:normal;
line-height:14px;
margin:0 0 0 5px;
padding:0 0 0 14px;
background-image:url(/img/mybabytree/themes/friso/friso-misc.png);
background-repeat:no-repeat;
}

.score-rule .toggle-off {
background-position:0 -112px;
}

.score-rule .toggle-on {
background-position:0 -143px;
}

.score-rule dt {
font-size:14px;
font-weight:bold;
color:#003366;
}

.score-rule dd {
height:0;
overflow:hidden;
margin:0 20px 15px;
}

.friso-product-banner {
width:930px;
height:200px;
margin:0 auto 15px;
background:transparent url(/img/mybabytree/themes/friso/friso-product-top.jpg) no-repeat;
text-indent:-9999px;
}

#friso-products {
width:929px;
margin:0 auto;
}

#friso-products .block {
background-position:0 bottom;
}

#friso-products .block2 {
background-position:-2727px 0;
}

#friso-products .title {
height:38px;
background-position:0 0;
}

.friso-product-top {
width:905px;
height:194px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat 0 -240px;
margin:12px auto 0;
}

.friso-product-top .product-thumb {
width:200px;
height:150px;
float:left;
display:inline;
text-align:center;
}

.friso-product-top .product-info {
width:705px;
float:left;
display:inline;
color:#002567;
}

.friso-product-top .product-name {
font:bold 24px/30px default;
margin:20px 0 15px;
}

.friso-product-top .product-period {
width:160px;
height:19px;
overflow:hidden;
display:inline-block;
text-align:center;
font:12px/20px default;
color:#009FE9;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -450px -470px;
margin:0 0 0 10px;
vertical-align:middle;
}

.friso-product-top .product-intro p {
line-height:20px;
}

.friso-product-top .product-more {
height:19px;
clear:both;
width:600px;
position:relative;
z-index:0;
}

.friso-product-top .product-more a {
width:96px;
height:19px;
display:block;
overflow:hidden;
line-height:20px;
color:#009FE9;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -450px -500px;
padding:0 10px 0 0;
text-align:center;
color:#036 !important;
right:0;
top:-15px;
position:absolute;
}

.friso-product-top .product-more a:hover {
text-decoration:none;
}

.friso-product-top .product-trial {
clear:both;
width:865px;
height:44px;
line-height:44px;
margin:0 20px;
text-align:right;
font-size:14px;
}

.friso-product-top .product-trial a {
display:inline-block;
}

.friso-product-top .product-trial .countdown {
display:inline;
}

.friso-product-top .product-trial .countdown p {
display:inline;
margin:0 15px 0 0;
color:#B9E3F9;
line-height:44px;
height:44px;
}

.friso-product-top .product-trial .countdown em {
color:#FFF;
font-weight:bold;
margin:0 4px;
font-family:Georgia;
vertical-align:middle;
}

.friso-product-top .product-trial .countdown .big {
font-size:20px;
}

.btn-apply-now {
width:160px;
height:25px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -450px -550px;
overflow:hidden;
line-height:9999px;
display:inline-block;
margin:0 15px 0 0;
text-align:left;
vertical-align:middle;
}

.friso-product-list li {
width:440px;
height:221px;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat 0 -440px;
margin:12px 12px 0;
float:left;
display:inline;
position:relative;
z-index:0;
}

.friso-product-list .product-thumb {
width:200px;
height:150px;
text-align:center;
}

.friso-product-list .product-name-big {
width:200px;
height:40px;
text-align:center;
color:#FFF;
font:bold 14px/20px default;
margin:3px 0;
}

.friso-product-list .product-review {
width:200px;
text-align:center;
}

.friso-product-list .product-info {
width:220px;
position:absolute;
top:0;
right:0;
color:#002567;
padding:10px;
}

.friso-product-list .product-name {
height:0px;
overflow:hidden;
font:bold 14px/20px default;
visibility:hidden;
}

.friso-product-list .product-period {
width:153px;
height:19px;
padding:0 10px;
overflow:hidden;
font:12px/20px default;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -450px -440px;
margin:5px 0 10px;
}

.friso-product-list .product-intro {
color:#666;
height:134px;
margin:0 0 15px;
}

.friso-product-list .product-intro blockquote {
height:140px;
overflow:hidden;
padding:2px 4px;
line-height:20px;
}

.friso-product-list .product-intro-on blockquote {
height:auto;
position:absolute;
color:#010101;
background-color:#FFFFE1;
border:1px solid #010101;
width:240px;
padding:2px 4px;
margin:-1px 0 0 -1px;
}

.friso-product-list .product-more {
height:19px;
}

.friso-product-list .product-more a {
width:96px;
height:19px;
display:block;
overflow:hidden;
line-height:20px;
color:#009FE9;
background:transparent url(/img/mybabytree/themes/friso/friso-misc.png) no-repeat -570px -500px;
padding:0 10px 0 0;
text-align:center;
color:#036 !important;
float:right;
}

.friso-product-list .product-more a:hover {
text-decoration:none;
}

.friso-product-bottom {
width:930px;
height:200px;
margin:0 auto;
background:transparent url(/img/mybabytree/themes/friso/friso-product-bottom.jpg) no-repeat;
}

.friso-product-bottom a {
width:930px;
height:200px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

x {

#index-portrait {
margin:0 0 0 20px;
}

.portrait-nav {
width:401px;
height:57px;
background:transparent url(/img/mybabytree/themes/friso/portrait-nav-bg.png) no-repeat;
margin:0 -1px 0 0;
}

.portrait-nav li {
width:131px;
height:55px;
float:left;
display:inline;
cursor:pointer;
margin:1px 2px 1px 1px;
text-indent:-9999px;
}

.portrait-nav .current {
background:transparent url(/img/mybabytree/themes/friso/portrait-nav-bg.png) no-repeat -9999px -9999px;
}

#portrait-nav-1.current {
background-position:-1px -58px;
}

#portrait-nav-2 {
width:130px;
}

#portrait-nav-2.current {
background-position:-135px -58px;
}

#portrait-nav-3.current {
background-position:-268px -58px;
}

.portrait-nav .current {
cursor:default;
}

#index-notice {
width:218px;
height:171px;
padding:40px 20px 10px;
color:#FFF;
margin:0 44px 0 0;
}

#index-notice li {
line-height:20px;
}

#index-notice a {
color:#FFF;
}

.haoli {
color:#FFF17F;
font-size:16px;
font-weight:bold;
margin:10px 0 5px;
text-align:center;
}

#index-chart {
width:250px;
float:right;
display:inline;
margin:10px 48px 0 0;
color:#FFF;
}

#index-chart h4 {
color:#FFF17F;
line-height:20px;
}

#index-chart .more {
float:right;
margin:-20px 0 0;
line-height:20px;
}

#index-chart .more a {
color:#FFF17F;
}

#index-chart a {
color:#FFF;
}

#index-chart .chart-list li {
width:250px;
}

#index-chart .chart-rank {
background-position:-56px -350px;
}