/* inline font-reset, mainly from yui's */ body {font:12px/180% arial,helvetica,clean,sans-serif;} table {font-size:inherit;font:100%;} select, input, textarea {font-size:99%;} optgroup, option { padding-left:2px; padding-right:2px; font-size:12px; font-style:normal; font-weight:normal; } optgroup option { padding-left:10px; } pre, code {font:115% monospace;*font-size:100%;} /* modifiers/helpers */ .align-left { text-align:left; } .align-right { text-align:right; } .align-center { text-align:center; } .block { display:block; } .bold { font-weight:bold; } .float-box { display:inline; float:left; margin:0; } .float-left { float:left; } .float-right { float:right; } .full-width { width:100%; } .hide { display:none; } .last { margin-right:0px !important; } .bottom { margin-bottom:0px !important; } .nowrap { white-space:nowrap; } .ml8 { margin-left:8px; } .ml10 { margin-left:10px; } .mr10 { margin-right:10px; } .mt10 { margin-top:10px; } .mb10 { margin-bottom:10px; } .mlr10 { margin-left:10px; margin-right:10px; } .mtb10 { margin-top:10px; margin-bottom:10px; } .dashed_line { border-top:1px dashed #CCCCCC; overflow:hidden; font-size:0; line-height:0; height:0; } .line { font-size:0; line-height:0; height:0; border-top:1px solid #CCC; } .h30 { height:30px; line-height:30px; } .b1 { border:1px solid #ccc; } .p59 { padding:5px 9px; } .p9 { padding:9px; } .oh { overflow:hidden; } .vtop { vertical-align:top; } .vmid { vertical-align:middle; } .radio_link { background:transparent url('/static/images/mr2/g_radio.png') 0 center no-repeat; padding-left:18px; } .noborder { border:none !important; } .red_new_icon { position:relative; margin-left:-10px; margin-top:-20px; height:30px; float:left; } /* Clear Floated Elements */ /* http://sonspring.com/journal/clearing-floats */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } .c_b { background-color:#066; } /* dark blue */ .c_g { background-color:#cfc; } /* light green */ .c_y { background-color:#ffc; } /* light yellow */ .c_r { background-color:#f99; } /* peach red */ .c_p { background-color:#ffe5e5; } /* pink */ .c690 { color:#690; } .cf36 { color:#f36; } .cf90 { color:#f90; } /* #ccc #333 */ /* element */ body { background:transparent url(/static/images/mr2/bbs_bg.png) 0 0 repeat; color:#333; background-color:#fff; } a { color:#066; border-bottom:1px dashed #ccc; } a:hover, a:active { border-bottom:1px solid #f36; } a.img_link, a.img_link:visited, a.img_link:hover, a.img_link:active { border:none; } a:focus { outline:1px dotted invert; } a.no-border, a.no-border:hover, a.no-border:active { border:none; } a.radio_link { background:transparent url('/static/images/mr2/g_radio.png') top left no-repeat; padding-left:15px; } a.more { font-weight:bold; color:#F36; margin-left:10px; } a.more2, a.more2:visited, a.more2:hover, a.more2:active { background:transparent url('/static/images/mr2/more.png') no-repeat center; padding-left:26px; margin-left:10px; border:none; } a.btn1, a.btn1:visited, a.btn1:active { background:#FFF url(/static/images/mr2/btn1_g_bg_right.png) no-repeat 100% 0; display:block; line-height:30px; border:none; margin:0 10px; text-align:center; padding-right:15px; position:relative; height:30px; width:auto;} a.btn1 span, a.btn1:visited span, a.btn1:active span { background:#FFF url(/static/images/mr2/btn1_g_bg_left.png) no-repeat 0 0; display:block; line-height:30px; text-align:center; padding-left:15px; width:auto; margin:0; } a.btn1:hover { background-image:url(/static/images/mr2/btn1_y_bg_right.png); border:none; } a.btn1:hover span { background-image:url(/static/images/mr2/btn1_y_bg_left.png); } h1 { font-family:黑体; font-size:18px; font-weight:bold; color:#066; } h2 { font-size:15px; font-weight:bold; color:#066; } h1 .g, h2 .g { color:#690; } h3, h4 { font-size:1.17em; font-weight:bold; color:#066; } h3.g_gradient_bg { background:#FFF url(/static/images/mr2/g_gradient_line.png) repeat-y 100% 0;} /* arrow buttons */ .prevBtn, .nextBtn { position:absolute; text-indent:-8000px; overflow:hidden; } .prevBtn { top:5px; right:36px; } .nextBtn { top:5px; right:5px; } .prevBtn a, .nextBtn a, .prevBtn a:hover, .nextBtn a:hover, .prevBtn a:visited, .nextBtn a:visited { width:30px; height:20px; display:block; border:none; } .prevBtn a { background:transparent url('/static/images/mr2/w_l_btn.png') no-repeat 0 0; } .nextBtn a { background:transparent url('/static/images/mr2/w_r_btn.png') no-repeat 0 0; } .slider_detail { margin:10px 10px 2px 10px; position:relative; display:none; } .slider_detail li.slider { width:278px; height:205px; overflow:hidden; } /* micro blog buttons */ .mb_btns { line-height:30px; } .mb_btns span, .mb_btns a { line-height:30px; } .mb_btns img { width:16px; height:16px; } /* voted */ .voted, .unvoted { height:30px; line-height:30px; text-align:center; margin-top:10px; } .voted { font-weight:bold; } .unvoted a.btn1 { margin:0; } .video .col4 .unvoted { margin-left:15px; } .m_box2 .voted, .video .col2 .voted, .video .col2 .unvoted, .article .voted, .article .unvoted { float:left; } /* paginator */ .paginator { margin:10px 0 0 0; float:right; } .paginator a, .this_page, .link_page, .dot { float:left; height:20px; line-height:20px; margin-left:4px; text-align:center; vertical-align:middle; white-space:nowrap; padding:0 5px; } .paginator a, .link_page { border:1px solid #CCC; color:#000; } .this_page { background-color:#CFC; border:1px solid #066; color:#066; } .this_page, .paginator a:hover { border:1px solid #066; color:#066; } .p2 .this-page { background-color:#cfc; border:1px solid #066; color:#066; } .p2 span, .p2 a, .p2 a:visited { background-color:#fff; border:1px solid #ccc; color:#000; padding:0px 5px; margin-left:4px; line-height:20px; display:inline-block; vertical-align:middle; } .p2 a:hover { color:#066; border-color:#066; } .p2 .dots { border:none; } /* generic action box */ #generic_action_box { border:1px solid #ccc; margin:10px 0; padding:.5em 1em; background-color:#ffc; } /* module box style */ /* m_box: on the sidebar, green border with round corner, eg. article box on the homepage */ .m_box { position:relative; width:300px; } .m_box .bt, .m_box .bt div { background-image: url(/static/images/mr2/m_box_top_border.png); } .m_box .bb, .m_box .bb div { background-image: url(/static/images/mr2/m_box_bottom_border.png); } .m_box .bt, .m_box .bb { height:15px; background-position:100% 0; } .m_box .bt div, .m_box .bb div { height:15px; width:15px; background-position:0 0; } .m_box h3.m_h { border-left:8px solid #CFC; border-right:8px solid #CFC; padding:5px 0 10px 10px; height:22px; color:#000; } .m_box .m_d { border-left:8px solid #CFC; border-right:8px solid #CFC; width:284px; height:205px; } .m_box .slider_detail, .m_box .video_detail { margin:0 10px 0 10px; } .m_box .slider_detail li.slider { width:264px; height:205px; overflow:hidden; } .m_box .slider_detail h3 { margin-bottom:5px; } .m_box .prevBtn, .m_box .nextBtn { top:20px; } .m_box .prevBtn { right:47px; } .m_box .nextBtn { right:15px; } .m_box .dashed_line { margin:10px 0; } .m_box a.comp_link { line-height:30px; font-weight: bold; float: left; display: block; background: transparent url('/static/images/mr2/b_90_30_g.png') no-repeat 0 0; width: 90px; height: 30px; text-align: center;margin-right: 10px; } .m_box a.comp_link:hover { background: transparent url('/static/images/mr2/b_90_30_y.png') no-repeat 0 0; } /* m_box2: on the sidebar, green border without round corner, eg. order list box on the sidebar */ .m_box2 { margin-top:10px; } .m_box2 .m_h { background-color:#CFC; height:30px; line-height:30px; padding-left:20px; } .m_box2 .m_h img { margin-left:20px; vertical-align:middle; } .m_box2 .m_h span { line-height:30px; text-align:center; } .m_box2 .m_d { border:1px solid #CFC; width:278px; position:relative; padding:10px; overflow:hidden;} .m_box2 .m_d pre, .m_box2 .m_d code { white-space:normal; } .m_box2 .m_d .slider_detail { margin:auto; } .m_box2 .m_d .simple_order_list li { width:270px; float:left; } .m_box2 .m_d .simple_order_list .info { width:240px; } .m_box2 .hot_article_box { padding-top:6px; padding-bottom:6px; } .m_box2 .hot_article_box .number_1 { width:23px; height:22px; } .m_box2 .hot_article_box .simple_order_list li { float:none; width:auto; } .m_box2 .hot_article_box .other_row { line-height:42px; } .number_block { padding:4px 8px; margin-right:6px; } .m_box2 .m_d .simple_order_list p.last { margin-bottom:0px; } .m_box2 .m_d .simple_order_list .dashed_line { margin:2px 0; } .number_1, .number_2, .number_3, .number_4, .number_5 { width:20px; text-align:center; font-weight:bold; } .number_1 { background-color:#F0745B; color:#FFF; } .number_2 { background-color:#FE994D; color:#fff; } .number_3 { background-color:#FBC151; color:#fff; } .number_4, .number_5 { background-color:#C6F985; color:#666; } .m_box2 .m_d .img_box { padding:10px; } .small_num { font-size:20px; margin:auto 10px; color:#F36; } .m_box2 .post_l { padding-top:10px; } .m_box2 .post_l li { background:#FFF url(/static/images/mr2/sidebar_bbs_bg.png) no-repeat 0 0; width:273px; height:63px; } .m_box2 .p_list h3 { width:168px; } .m_box2 .p_list .p_s_img_link { border:1px solid #CCC; } .m_box2 .p_list .p_s_img_link img { width:98px; height:98px; } .m_box2 .p_list .p_short_desc { width: 168px; } .m_box3 { border:1px solid #cfc; width:298px; height:248px; overflow:hidden; } .m_box3 h3 { background-color:#cfc; } .m_box3 ul { padding:9px; } /* con_m_box: on the content area, with dark border and blue_label title. */ .con_m_box { border:1px solid #CCC; width:628px; position:relative; } .con_m_box .blue_label { margin-right:10px; } .con_m_box .slider_detail { margin-bottom:5px; } .con_m_box .slider_detail .slider { width:608px; height:auto; } .con_m_box .slider_detail .col2 .item { width:299px; margin-right:10px; } .con_m_box .slider_detail .col4 .item { width:147px; margin-right:6px; } .con_m_box .slider_detail .item_img { display:block; width:135px; padding:5px; border:1px solid #ccc;} .con_m_box .slider_detail .item_img img { display:block; width:135px; height:100px; } .con_m_box .slider_detail .col2 .item_img { margin-right:10px; } .con_m_box .slider_detail .col2 .item .info { width:142px; } .con_m_box .slider_detail .col4 .item .info { width:137px; margin:5px 5px 0; } /* con_m_r_box: on the content area, with dark round border, without title. */ .con_m_r_box { background:#fff url(/static/images/mr2/con_m_r_box_b_b.png) no-repeat 0 100%; width:630px; padding-bottom:10px; } .con_m_r_box .b_side { border-left:3px solid #ccc; border-right:3px solid #ccc; padding:0 10px; width:604px; } .con_m_r_box .t_b { background:#fff url(/static/images/mr2/con_m_r_box_t_b.png) no-repeat 0 0; height:10px; font-size:0; } .con_m_r_box .line { border-top:1px solid #cfc; margin:5px 0; } .con_m_r_box .label { font-weight:bold; color:#066; margin-right:10px; } .con_m_r_box .c { margin-right:10px; display:inline; } /* tab style */ .tab1 { border-bottom:1px solid #CFC; } .tab1 h3 { float:left; } .tab1 h3 a { background:#FFF url(/static/images/mr2/bg_dark_h_l.png) no-repeat scroll 0 0; padding-left:10px; line-height:30px; display:block; } .tab1 h3 a span { background:transparent url(/static/images/mr2/bg_dark_h_r.png) no-repeat scroll 100% 0; padding-right:10px; line-height:30px; display:block; } .tab1 h3 a:hover, .tab1 h3 a.selected { background:#CFC url(/static/images/mr2/bg_green_h_l.png) no-repeat scroll 0 0; } .tab1 h3 a:hover span, .tab1 h3 a.selected span { background:#CFC url(/static/images/mr2/bg_green_h_r.png) no-repeat scroll 100% 0; } .ad_940_90, .ad_630_60, .ad_630_90, .ad_630_320, .ad_468_60, .ad_300_250, .ad_120_240, .ad_150_340 { position:relative; overflow:hidden; } .ad_940_90 a, .ad_940_90 a:visited, .ad_940_90 a:hover, .ad_940_90 a:active, .ad_630_60 a, .ad_630_60 a:visited, .ad_630_60 a:hover, .ad_630_60 a:active, .ad_630_90 a, .ad_630_90 a:visited, .ad_630_90 a:hover, .ad_630_90 a:active, .ad_630_320 a, .ad_630_320 a:visited, .ad_630_320 a:hover, .ad_630_320 a:active, .ad_468_60 a, .ad_468_60 a:visited, .ad_468_60 a:hover, .ad_468_60 a:active, .ad_300_250 a, .ad_300_250 a:visited, .ad_300_250 a:hover, .ad_300_250 a:active, .ad_150_340 a, .ad_150_340 a:visited, .ad_150_340 a:hover, .ad_150_340 a:active { border:none; } .ad_120_240 a, .ad_120_240 a:visited, .ad_120_240 a:hover, .ad_120_240 a:active { border:none; } .ad_940_90 { width:940px; margin:0 10px; } .ad_630_60 { width:630px; } .ad_630_90 { width:630px; } .ad_630_320 { width:630px; } .ad_468_60 { width:468px; } .ad_300_250 { width:300px; } .ad_150_340 { width:150px; } .ad_120_240 { width:120px; margin-left:15px; } .high { height:100em; } .w940 { width:940px; } .container { margin-left:auto; margin-right:auto; width:960px; background-color:#fcfcfc; } .grid { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; } .box { display:inline; float:left; position:relative; } .alpha { margin-left:0; } .omega { margin-right:0; } .blue_label { background:transparent url('/static/images/mr2/blue_label.png') no-repeat right; color:#fff; padding:0 22px 0 10px; line-height:30px; display:inline-block; } h3 .blue_label a { text-decoration:none; color:#FFFFFF; border:none; } h3 .blue_label a:hover { color:#f36; border:none; } h3 .rc { display:inline-block; line-height:30px; float:right; margin-right:10px; color:#333; font-weight:normal; } h3 .rc strong { color:#066; } .m_box2 .m_h a { text-decoration:none; color:#333333; border-bottom:none; } h3.m_h a { color:#066; border:none; } h3.m_h a:hover { color:#f36; border:none; } .p59 h3 a { color:#066; border:none; } .p59 h3 a:hover { color:#f36; border:none; } #bbs .blue_label a { color:#FFFFFF; } /* main layout */ /* search */ #search { width:414px; margin:4px 0 0 40px; } #search_type { margin-left:6px; margin-bottom: 1px; } #search_type a { float:left; width:79px; line-height:25px; border:none; text-align:center; font-size:1.17em; font-weight:bold; } #search_type a span { margin-left:12px; text-indent:-12px; display:block; } #search_type a:hover, #search_type a.selected { background:#066 url(/static/images/mr2/search_type_l.png) no-repeat top left; color:#fff; } #search_type a:hover span, #search_type a.selected span { background:#066 url(/static/images/mr2/search_type_r.png) no-repeat top right; color:#fff; } #search_q { background:transparent url(/static/images/mr2/search_m.png) no-repeat; width:301px; height:16px; border:none; padding:12px 0 12px 36px; color:#666;} #search_q.q_modified { color:#000;} #search_btn { display:block; height:40px; width:70px; background:transparent url(/static/images/mr2/search_go.png) no-repeat; border:none; margin-left:1px; } /***************************** **** suckerfish nav **** *****************************/ #masthead { position:relative; z-index:100; } #masthead .simple { border-bottom:1px solid #CCC; } #top_nav_flash { position:absolute; top:0px; right:10px; } #site_logo { margin:13px 0 32px 10px; height:69px; overflow:hidden; } #full_bar { background:#FFE5E5 url(/static/images/mr2/b_nav_dot.png) repeat-x 0 0; padding-top:8px; } #nav { margin:0 0 1px 5px; padding:0; height:30px; } #nav a { font-size:14px; font-weight:bold; float:left; text-decoration:none; display:block; cursor:pointer; height:30px; width:80px; line-height:30px; overflow:hidden; text-align:center; border:none; } #nav a:visited, #nav a:hover, #nav a:active { border:none; } #nav li li a{ font-size:12px; background: none; font-weight: normal; padding: 0; text-indent: 25px; text-align:left; height:25px; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li li { float:left; padding: 0; background: #FFF; height:25px; width:148px; border-left: 1px solid #F99; border-right: 1px solid #F99; } /* sub level links */ #nav ul ul a { display: block; text-decoration: none; width: 148px; text-transform: none; } /* top level buttons */ #nav li { float: left; padding: 0 0 0 5px; background: none; height: 30px; } #nav ul li { position: relative; } #nav li ul { background:transparent url(/static/images/mr2/b_nav_menu_t.png) no-repeat top; position: absolute; top: 30px; left: -999em; height: auto; width:150px; font-weight: normal; padding-top:10px; } #nav ul { padding: 0; margin: 0; } /* margin for pullouts */ #nav li ul ul { margin: -30px 0 0 148px; } #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; } #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{ left: 0; background-color:none; } #nav li:hover, #nav li.sfhover { left: 0; } #nav ul ul a { background: none; } #nav li li.active { background: none; } /* active nav style */ #nav li li:hover a, #nav li li.sfhover a { background-color:#FFFFCC; } #nav ul li.end { background:transparent url(/static/images/mr2/b_nav_menu_b.png) no-repeat bottom; height:10px; font-size:0; margin:0; padding:0; border:none; width:150px; } #nav li.sfhover a.topdaddy , #nav li.active a.topdaddy, .site_index #nav_home, .recipe #nav_recipe, .article #nav_healthy_life, .bbs #nav_bbs, .event #nav_event, .product #nav_product, .site-bbs #nav_bbs, .video #nav_video { background:#FFF url('/static/images/mr2/nav_tab.jpg') no-repeat top right; color:#FFF; } /* green nav bar */ .g_nav { background-color:#CFC; width:960px; } .g_nav li { margin-left:10px; } .g_nav li a { padding:0 20px; line-height:40px; text-align:center; display:block; font-weight:bold; font-size:14px; color:#063; } .g_nav li a:hover { background-color:#FFF; } /* It's important for the order of nobg and selected below. Don't change it */ .g_nav li a.nobg { background:none; } .g_nav li a.selected { background-color:#FFF; } #content { width:630px; } /* Sidebar */ #sidebar { width:300px; } /* Login layout */ #sidebar #loginbox { height:90px; margin-top:10px; padding-left:10px; background:transparent url('/static/images/mr2/b_300_90.png') top right no-repeat; } #sidebar #loginbox .avatar { margin-top:15px; } #sidebar #loginbox h1 { margin-bottom:5px; } #sidebar #loginbox .sep { margin-bottom:5px; } #sidebar #loginbox .login_link { padding:10px 0; margin-left:20px; } #sidebar #loginbox .content { margin-left:25px; padding:10px 0 } #sidebar #loginbox .content .func a { margin-right:10px; } #sidebar #side_cases .head { margin-top:2px; } #sidebar #side_cases .head { background-color:#CCFFCC; height:30px; } #sidebar #side_cases .head a { background:#CFC url(/static/images/mr2/nh_ext.png) no-repeat right center; display:block; width:300px; height:30px; line-height:30px; } #sidebar #side_cases .head a.selected, #sidebar #side_cases .head a.selected:hover { background:#ffc url(/static/images/mr2/nh_dot.png) no-repeat right center; cursor:default; } #sidebar #side_cases .head a:hover { background-color:#FFC; cursor:pointer; } #sidebar #side_cases .head a:hover span { background-color:#ffc; } #sidebar #side_cases .head .simple_link { background:#CFC; display:block; width:300px; height:30px; line-height:30px; } #sidebar #side_cases .head img { vertical-align:middle; margin-left:20px; } #sidebar #side_cases .head span { padding-left:23px; background:#cfc url(/static/images/mr2/nh_t_e.png) 10px center no-repeat; } #sidebar #side_cases .head .selected span { background-color:#ffc; background-image:url(/static/images/mr2/nh_t_s.png); } #sidebar #side_cases .case { margin-bottom:10px; height:218px; border:#CCFFCC 1px solid; display:none; position:relative; display:none; } #side_cases #subscription { display:block; } #sidebar #side_cases .case .slider_detail li.slider { width:278px; height: 205px; overflow:hidden; } #sidebar #loho .m_d { height:auto; } #sidebar #loho .m_h a { color:#066; border:none; } #sidebar #loho .m_h a:hover { color:#f36; border:none; } #nh_competition .m_d { height:auto; } #nh_competition ul { padding:0 9px; } #nh_competition li { padding-left:3em; } #nh_competition .sep-2 { margin-bottom:.5em; padding-bottom:.5em; border-bottom:1px solid #ccc; } #nh_competition .new { background:transparent url(/static/images/mr2/nh_new.png) 4px 5px no-repeat; } #nh_competition .now { background:transparent url(/static/images/mr2/ongoing.gif) 2px center no-repeat; } #nh_competition .m_h a { color:#066; border:none; } #nh_competition .m_h a:hover { color:#f36; border:none; } #side_product .tab { height:120px; } #side_product .p_detail { height:90px; } #side_product .p_detail li { float:left; } #side_product .p_detail li.p_img { width: 120px; } #side_product .p_detail li.p_price { width: 90px; margin-top:30px; padding-left:10px; text-align:center; } #side_product .p_detail li.promotion { margin-left:10px; background:transparent url(/static/images/mr2/tmp/red_prom.png) no-repeat 0 0; display:block; width:90px; height:30px; text-align:center; } #side_product .p_desc { background-color:#CCFFCC; margin-top:7px; height:23px; width:220px; padding-left:10px; } #side_product span.p_btn { float:left; padding-top:10px; margin-right:10px; } #side_product span.selected { background:transparent url('/static/images/mr2/tmp/g_arrow.jpg') no-repeat top center; } #side_product .p_btn a { display:block; width:50px; height:50px; text-align:center; } /* Top List */ .site_index .editor_picks { text-align:justify; margin-top:.5em; } .site_index .editor_picks a { white-space:nowrap; } .site_index #top_list { width:630px; } /* height:756px; */ .site_index #top_list .col_hot { width:150px; } .site_index .top-videos ul { padding:0 9px 5px; } .site_index .top-videos li { width:145px; } .site_index #top_videos { background-color:#ffc; padding:3px 3px 0; margin-bottom:.5em; } .site_index #top_videos a { color:#333; border:1px solid #ffc; border-bottom:1px solid #cfc; text-align:center; padding:2px 2em; font-weight:bold; } .site_index #top_videos a:hover, .site_index #top_videos a.selected { background-color:#fff; border-color:#cfc; border-bottom-color:#fff; } .site_index #top_videos .video-item { width:135px; height:100px; display:block; } .site_index #top_recipes { background-color:#ffc; padding:3px 3px 0; margin-bottom:.5em; } .site_index #top_recipes a { color:#333; width:90px; border:1px solid #ffc; border-bottom:1px solid #cfc; text-align:center; padding:2px 0; font-weight:bold; } .site_index #top_recipes a:hover, .site_index #top_recipes a.selected { background-color:#fff; border-color:#cfc; border-bottom-color:#fff; } .site_index .nav-links { border:2px solid #cfc; padding:5px 8px; } .site_index .nav-links .sep-1 { padding:0 4px; } .site_index .nav-links .nh-cuisine { width:41px; height:45px; background:#fff url(/static/images/mr2/nh_cuisine.png) center center no-repeat; } .site_index .nav-links .nh-ingredient { width:41px; height:45px; background:#fff url(/static/images/mr2/nh_ingredient.png) center center no-repeat; } .site_index .nav-links .b-line { border-bottom:1px solid #ccc; padding-bottom:.25em; margin-bottom:.25em; } .box-1 h3 { color:#333; margin-bottom:.5em; } .box-1 h3 a { color:#066; border:none; } .box-1 h3 a:hover { color:#f36; border:none; } .box-1 { border:1px solid #cfc; padding:5px 9px 6px; } .box-1 .nh-p { padding-left:40px; background:#fff url(/static/images/mr2/nh_p.png) 4px center no-repeat; } .box-2 { border:1px solid #cfc; } .box-2 ul { padding:0 1em; } .editor-picks { text-align:justify; } .editor-picks a { white-space:nowrap; } #top_list .hot_food { height:290px; padding:8px 9px 10px; border:1px solid #CCCCCC; margin-bottom:1px; } #top_list .hot_food h3 { background:#FFF url(/static/images/mr2/icon_expand_white.png) no-repeat 112px 1px; } #top_list .hot_food ul { margin-top:10px; } #top_list .hot_food.deactive h3 { background:#CFC url(/static/images/mr2/icon_collapse_green.png) no-repeat 112px 6px; } #top_list .hot_food.deactive { background-color:#CFC; border:none; height:30px; padding:0 10px; cursor:pointer; line-height:30px; } #top_list .hot_food.tab_hover { background:#FFC; } #top_list .hot_food.tab_hover h3 { background:#FFC url(/static/images/mr2/icon_collapse_yellow.png) no-repeat 112px 6px; } #top_list #hot_keyword { overflow:hidden; margin-top:10px; padding:10px; height:158px; border:1px solid #CCCCCC; } #top_list #hot_video { overflow:hidden; margin-top:10px; padding:10px 9px; height:308px; border:1px solid #CCCCCC; } .site_index #top_list .col_main { width:470px; } #news_promote { margin-bottom:10px; position:relative; height:302px; } #news_promote .promote_detail { height:301px; width:468px; border:1px solid #CFC; overflow:hidden; } #news_promote .promote_detail img { vertical-align:bottom; } #news_promote .promote_detail span { padding-left:10px; } #news_promote .promote_control { position:absolute; right:1em; bottom:1em; } #news_promote .promote_control a { padding:2px 6px; margin-left:4px; color:#fff; background-color:#066; border:none; -moz-opacity:.75; opacity:0.75; font-weight:bold; } * html #news_promote .promote_control a { filter:Alpha(opacity=75); } #news_promote .promote_control a.selected, #news_promote .promote_control a:hover, #news_promote .promote_control a:active { background-color:#f36;background-color:#fbc151; border:none; -moz-opacity:1; opacity:1; filter:Alpha(opacity=100); } #recommend_recipes { border:1px solid #cfc; height:258px; position:relative; } #recommend_recipe_slider { margin:10px 0 0 0; } #recommend_recipes .slider_detail li.slider { width:468px; height:213px; overflow:hidden; } #recommend_recipes .detail_img { margin-left:10px; } #recommend_recipes .detail_img span { margin-left:10px; } #recommend_recipes .tabs { float:right; width:150px; margin-right:10px; display:inline;} #recommend_recipes .tabs a { float:right; width:135px; background-color:#cfc; line-height:30px; border:none; margin-bottom:1px; padding-left:1em; } #recommend_recipes .tabs a:hover, #recommend_recipes .tabs a.selected { background-color:#ffc; cursor:pointer; } /* Index BBS layout */ #bbs { width:628px; height:600px; border:1px solid #ccc; background-color:#CCFFCC; } #bbs a { color:#000; } #bbs .col_thread {width:251px; margin:10px 6px 0px 10px; } #bbs .col_thread ul li { margin-bottom:10px; height:100px; background:transparent url('/static/images/mr2/b_232_98.png') no-repeat 0 0; } #bbs .col_thread ul li.selected { background:transparent url('/static/images/mr2/b_251_104.png') no-repeat 0 0; height:104px; } #bbs .col_thread li a { padding:4px 4px 4px 10px; width:220px; height:95px; display: block; overflow:hidden; position:relative; } #bbs .col_thread li a span.t_t { font-size:1.17em; font-weight:bold; color:#006666; line-height:210%; } #bbs .col_thread li a span.footnote { position:absolute; bottom:4px; } #bbs .footnote { color:#999; font-size:11px; } #bbs .footnote strong { color:#000; } .post_l { width:358px; } .post_l ul li { height:61px; background:transparent url('/static/images/mr2/b_358_66.png') top no-repeat; padding:4px 7px; } .post_l .avatar { margin-right:10px; } .post_l .avatar img { width:50px; height:50px; } .post_l .post_content { padding-top:2px; padding-bottom:9px; line-height:162%; } .post_l .post_info .footnote { padding-right:1em; } /* Site bbs layout */ .site-bbs #sidebar #loginbox { margin-top:0; } .site-bbs .catLeft { background-color:#cfc; border:1px solid #ccc; border-top:0; text-align:left; } .site-bbs .catLeft a { color:#fff; } .site-bbs .row0 { font-size:1.17em; color:#999; font-weight:bold; } .site-bbs .row0, .site-bbs .row1, .site-bbs .row2 { border:1px solid #ccc; text-align:center; } .site-bbs .row1.content-col, .site-bbs .row2.content-col { text-align:left; padding:.5em 1em .25em; } .site-bbs .row1.link-top, .site-bbs .row2.link-top { border-bottom-width:6px; background-color:#d9f5d9; } .site-bbs .row1.im-status, .site-bbs .row2.im-status { border-bottom-width:6px; background-color:#f0fff0; } .site-bbs .colored-row2 { background-color:#f6f6f6; } .site-bbs .colored .row2 { background-color:#f0fff0; } .site-bbs .c-col { padding:.5em 1em; } .forumlink a, .forumlink a:hover, .forumlink a:active { border:none; } .site-bbs .friendlinks { padding:.5em 1.5em 0; } .site-bbs .friendlinks a { margin:.5em; display:block; float:left; } .site-bbs .friendlinks a img { width:88px; height:31px; } .site-bbs #annoucement { width:800px; height:40px; background: transparent url(/static/images/mr2/bbs_announcement_bg.png) no-repeat; padding:0 15px 0 125px; } .site-bbs #annoucement .scroll-container { height:40px; width:100%; position:relative; } .site-bbs #annoucement .jscroller2_left { overflow:hidden; white-space:nowrap; } .site-bbs #annoucement a, .site-bbs #annoucement a:visited, .site-bbs #annoucement a:hover, .site-bbs #annoucement a:active { color:#ccc; border:none; font-size:1.17em; font-weight:bold; line-height:40px; margin-right:2em; white-space:nowrap; } .site-bbs #annoucement .array { background:transparent url(/static/images/mr2/bbs_announcement_array.png) no-repeat 0 50%; padding-left:25px; display:inline-block; } .site-bbs .topictitle { font-size:13px; } .site-bbs .topictitle strong { font-weight:bold; } .site-bbs .icon-hints td { padding:5px 2px 2px; } .site-bbs .icon-hints img { width:17px; height:17px; } .site-bbs a.btn1, .site-bbs a.btn1:visited, .site-bbs a.btn1:active { margin:0 5px 0 0; } .site-bbs a.link-bar { margin-right:5px; line-height:30px; } .em-heading .row0 { line-height:40px; background-color:#066; color:#fff; } .site-bbs .signature { background:transparent url(/static/images/mr2/sig.gif) 0 0 no-repeat; overflow:hidden; max-height:150px; padding-top:1em; margin:2em 0 1em; } .site-bbs .post-detail { font-size:13px; height:auto; min-height:160px; margin-bottom:6px; } * html .site-bbs .post-detail { height:160px; } .site-bbs .post-detail strong.quote-hdr { font-weight:bold; font-style:italic; color:#333; } .site-bbs .post-detail .quote-tbl { font-style:italic; width:90%; margin:.5em auto; } .site-bbs .post-detail .quote { color:#666; } .site-bbs .post-header { border-bottom:1px dashed #e6e6e6; margin-bottom:.5em; } .site-bbs .post-header .img_link { margin-left:.5em; } .site-bbs .floor-num { padding:0 2px; color:#066; } .site-bbs .link-top { vertical-align:middle; } .site-bbs .im-status { padding:.5em 1em .25em .5em; text-align:left; } .site-bbs .im-status a { margin-left:.5em; display:inline-block; } .site-bbs #toggle_smilies span { background:#fff url(/static/images/mr2/icons.png) no-repeat -32px -16px; padding:0 8px;} .site-bbs #toggle_smilies span.expanded { background-position:-64px -16px; } /* Footer */ #footer { background-color:#CCFFCC; width:940px; } #footer .f_c { margin-left:230px;} #footer .f_q_link, #footer .f_about, #footer #copyright { background-color:#CCFFCC; line-height:120%; } #footer .f_q_link, #footer .f_about { overflow:hidden; border-top:1px solid #CCCCCC; padding-top:20px; height:139px; } #footer .f_q_link h3, #footer .f_about h3 { margin-bottom:12px; line-height:100%; } #footer .f_q_link { width:360px; padding-left: 40px; } #footer .f_about { width:130px; } #footer .link_box { width:99px; margin-right: 20px; } #footer .link_box a{ background:#CCFFCC url('/static/images/mr2/f_g_radio.jpg') no-repeat 0 3px; padding-left: 20px; font-weight:bold; border:none; } #footer .link_box a:hover { background:#CCFFCC url('/static/images/mr2/f_r_radio.jpg') no-repeat 0 3px; padding-left:20px; } #footer .footer_other, #footer #copyright { overflow:hidden; position:relative; float:left; border-bottom:1px solid #CCCCCC; height:29px; padding-top:10px; } #footer .footer_other { padding-left:40px; width:220px; text-align:left; } #footer #copyright { width:438px; text-align:right; } /* flattext used style */ .img_list { color:#CC3333; display:block; height:60px; margin-bottom:4px; overflow:hidden;} .img_list li { display:inline; float:left; } .img_list li { border:1px solid #CCCCAA; display:block; height:60px; margin:0 2px; overflow:hidden; width:60px; } .text_list { padding-top: 5px; clear:left; } /* product page*/ #product_issue { width:628px; border:1px solid #CCC; padding:0 0 10px 0; } #product_issue li.box { margin:10px 1px 0 9px; position:relative; border:1px solid #CFC; } #product_issue .box h3 { background-color:#CFC; } #product_issue .slider_detail h3 { background-color:#FFF; } .p_info_list { width:628px; border:1px solid #CCC; padding-bottom: 10px; } .p_info_list ul { margin: 10px 0 0 10px;; } .p_info_list li.box { width:150px; overflow:hidden; margin: 0 1px 1px 0; } .p_info_list li a { display:block; width:150px; height:60px; background: #CFC url(/static/images/mr2/b_g_red_corner.png) no-repeat 138px 48px; font-size:14px; color:#066; font-weight:bold; } .p_info_list li a:hover { background-color:#FFC; } .p_info_list img { margin:1px 0 0 1px; width:58px; height:58px; } .p_info_list li span { margin:15px 0 0 10px; cursor:pointer; } #brand_introduce { border:1px solid #CFC; width:608px; padding:10px; } #brand_introduce p { text-indent:2em; } .issue_list_box { width:628px; border:1px solid #CCC; } .issue_list_box li.box { width:130px; margin:10px 14px 10px 13px; overflow:hidden; } .issue_list_box li h3 { font-weight:normal; margin-bottom:5px; overflow:hidden; } .issue_list_box li .submit, .issue_book_box_img .submit { background:#FFF url(/static/images/mr2/b_y_btn_63_30.png) no-repeat 0 0; display:block; width:63px; line-height:30px; text-align:center; float:left; } .issue_list_box li .download, .issue_book_box_img .download { background:#FFF url(/static/images/mr2/b_g_btn_63_30.png) no-repeat 0 0; float:right;} .issue_book_box_img .download { float:left; } .issue_list_box li img { display:block; width:130px; } .book_list li { height:300px; } .issue_book_box { width:608px; border:solid 1px #CCC; padding:10px; } .issue_book_box_img { width:260px; } .issue_book_box_info { width:338px; } .issue_book_box_desc p { text-indent:2em; } .issue_book_box_desc h1, .issue_book_box_desc h2, .issue_book_box_desc h3, .issue_book_box_desc h4 { font-size:12px; font-weight:bold; color:#000; } .issue_preface h1, .issue_review h1, .issue_preface h2, .issue_review h2, .issue_preface h3, .issue_review h3, .issue_preface h4, .issue_review h4 { font-size:12px; font-weight:bold; color:#000; } .cur_issue { background:#CFC url(/static/images/mr2/b_bottom_corner_line_630.png) no-repeat 0 100%; background-color:#CFC; } .cur_issue .wrapper { padding:10px; width:610px; height:230px; overflow:hidden; position:relative; } .cur_issue .cur_issue_title, .cur_issue .preface_title, .cur_issue .preface { float:left; width:195px; } .cur_issue .issue_review_title, .cur_issue .issue_review, .cur_issue .submit { float:right; } .cur_issue .cur_issue_title { font-size:17px; } .cur_issue .preface_title { clear:left; color:#F36; } .cur_issue .preface { clear:left; height:175px; overflow:hidden; } .cur_issue .issue_review_title { width:190px; color:#F36; } .cur_issue .issue_review { float:right; width:190px; height:125px; overflow:hidden; clear:right; } .cur_issue h3 { white-space:nowrap; overflow:hidden; } .cur_issue .issue_cover { position:absolute; top:30px; left:230px; width:130px; height:180px; } .cur_issue .issue_new_icon { position:absolute; top:10px; left:365px; } .cur_issue .submit_box { float:right; clear:right; } .cur_issue .submit { background:#CFC url(/static/images/mr2/b_y_btn_90_30.png) no-repeat 0 0; display:inline; display:block; width:90px; line-height:30px; text-align:center; margin:30px 10px 0 0;} .cur_issue .download { background:#CFC url(/static/images/mr2/b_g_btn_90_30.png) no-repeat 0 0; margin-right:0px; } .cur_issue .links { width:190px; float:right; clear:right; } .cur_issue .top_line { background:#CFC url(/static/images/mr2/b_top_corner_line_630.png) no-repeat 0 0; height:7px; width:630px; } .product_browser_box .p_left_nav { width:150px; float:left; } .product_browser_box .p_left_nav h3 { margin-left:5px; } .product_browser_box .p_left_nav .brand_nav { margin-top:30px; } .product_browser_box .p_left_nav a { background:#CFC; display:block; width:150px; line-height:25px; padding-left:10px; width:140px; margin-bottom:1px; } .product_browser_box .p_left_nav a.current { background:#FFC; } .product_browser_box .p_list { width:468px; float:left; display:inline; margin:20px 0 0 10px; border:1px solid #CCC; } .product_browser_box .p_list .brand_top { padding:10px; border-bottom:1px solid #CCC; width:446px; text-align:center; } .product_browser_box .p_list .brand_top h3 { text-align:left; } .product_browser_box .p_list .brand_top h3 a { margin-right:20px; } .p_icon_links a { background-image:url(/static/images/mr2/p_icon_bg_dark.png); background-repeat:no-repeat; background-position:0 0; width:31px; float:right; line-height:17px; color:#FFF; text-align:center; } .p_icon_links a:hover { background-image:url(/static/images/mr2/p_icon_bg_red.png); } .p_icon_links img { vertical-align:bottom; margin-top:5px; } .p_list_detail { padding:10px 0 0 0; } .p_list_detail .p_s_img_link { margin-bottom:10px; } .p_list_detail .p_s_img { border:1px solid #CCC; width:98px; height:98px; vertical-align:bottom; overflow:hidden; } .p_list_detail .p_title { margin-left:10px; } .p_list_detail .p_short_desc { margin:0 0 4px 10px; } .p_list_detail .p_icon_links { float:right; width:180px; } .p_simple_info_bar { background-color:#e5ffe5; width:458px; clear:left; line-height:30px; padding-left:10px; border-bottom:1px solid #ccc; } .p_simple_info_bar label { font-weight:bold; margin-right:10px; } .p_simple_info_bar span { margin-right:15px; } .product_item_box { width:608px; border:1px solid #CCC; padding:10px 10px 10px 10px; } .product_item_box .p_images { width:300px; float:left; } .product_item_box .p_title { font-size:28px; } .product_item_box .p_desc h3 { color:#000; font-size:14px; } .product_item_box .brand_recipe_box { margin-right:8px; } .p_big_img { width:300px; height:300px; } .p_usage_steps { clear:left; width:608px; margin:10px 0 0 0; } .p_usage_steps .m_d { width:592px; height:163px; } .p_usage_steps .slider_detail li.slider { width:572px; height:160px; } .p_usage_steps .step_img { float:left; margin-right:4px; } .p_usage_steps .step_desc { float:left; margin-right:15px; width:106px; } .comment_box { margin-top:30px; } .comment_list { border:1px solid #CCC; width:628px; } .comment_list h3 { margin:10px 0 10px 10px; } .comment_item { margin:0 10px 20px 0; } .comment_item .avatar { float:left; margin:0 10px 0 20px; } .comment_item .comment_info_bar { background:#FFF url(/static/images/mr2/comment_arrow.png) no-repeat 0 0; height:18px;float:left; padding-left:20px; color:#999; } .comment_item .comment_detail { width:513px; border-left:2px solid #CCC; float:left; padding:20px 0 0 20px; } #comment_form_box { clear:right; margin-top:10px; } #comment_add .comment_input_box { border:1px solid #999; width:628px; height:160px; } #comment_add .comment_input_box textarea { border:1px solid #CCC; margin:12px 10px; width:604px; height:134px; overflow:hidden; } #comment_add h3 { color:#000; } #comment_submit { background:#FFF url(/static/images/mr2/b_90_30_y.png) no-repeat 0 0; float:right; margin:10px 10px 0 0; width:90px; height:30px; border:0; cursor:pointer; color:#066; } .sub_content_box { width:608px; border:1px solid #CFC; padding:10px; overflow:hidden; } .comp_list { width:278px; } .cl_info { width:210px; } .cl_s_img { width:50px; height:50px; } .d_l { height:0px; font-size:0px; line-height:0px; border:none; border-top:1px solid #CCC; } .event_notice_box, .school_notice_box { background:#FFF url(/static/images/mr2/event_notice_top_bg.png) no-repeat 0 0; width:154px; padding-top:10px; } .event_notice_box h3.t, .school_notice_box h3.t, .event_notice_box div.c, .school_notice_box div.c { padding:0 6px 10px 6px} .event_notice_box h3.t, .school_notice_box h3.t { border-left:4px solid #CFC; border-right:4px solid #CFC; height:22px; padding-bottom:8px; overflow:hidden; } .event_notice_box div.c, .school_notice_box div.c { border-left:4px solid #CFC; border-right:4px solid #CFC; height:190px; overflow:hidden; } .event_notice_box div.bb, .school_notice_box div.bb { height:10px; font-size:0; background:#FFF url(/static/images/mr2/event_notice_bottom_bg.png) no-repeat 0 100%; width:154px; } .cooking_school_box { border:1px solid #CCC; width:468px; height:238px; margin-left:5px; padding-bottom:10px; overflow:hidden; } .cooking_school_box .btn1 { float:right; } .cooking_school_box .c { width:458px; } .cooking_school_box .c img { width:216px; height:197px; } .cooking_school_sponsor a { border:none; } .online_comp_box, .event_module_box { border:1px solid #CCC; width:628px; position:relative; } .online_comp_box .blue_label, .event_module_box .blue_label { margin-right:10px; } .online_comp_box .slider_detail li.slider { width:608px; height:auto; } .online_comp_box .slider .comp_box { margin-right:5px; width:195px; display:inline; float:left; } .event_module_box .g_gradient_bg a { margin-right:50px; } .event_module_box .g_l { line-height:30px; text-align:center; margin-right:20px; } .event_module_box .event_box li { width:294px; margin-top:10px; } .event_module_box .event_box li.rb { width:293px; border-right:1px solid #CCC; padding-right:10px; margin-right:0; } .event_module_box .event_box li img { margin-right:10px; width:100px; height:100px; } .event_module_box .event_list { padding:10px 0 10px 0; } .event_module_box .event_list li { width:294px; float:left; } .event_module_box .line { width:608px; margin:10px 10px 0; } .cooking_school .city_nav { background:#FFF url(/static/images/mr2/city_nav_bg.png) no-repeat 0 0; line-height:16px; width:130px; } .cooking_school .city_nav span { background:transparent url(/static/images/mr2/city_nav_bg2.png) no-repeat 0 0; width:30px; display:block; } .cooking_school .city_nav span, .cooking_school .city_nav a { color:#FFF; text-align:center; } .cooking_school .city_nav a { margin-left:2px; } .cooking_school .city_nav a:hover { background-color:#066; } .cooking_school .left_info { width:154px; } .cooking_school .left_info .school_notice_box .c { height:345px; overflow-y:auto; } .cooking_school .right_info { width:470px; margin-left:5px; } .cooking_school .right_info .btn1 { float:left; } .cooking_school .school_info { width:468px; border:1px solid #CFC; height:387px; overflow-x:hidden; overflow-y:auto; } .cooking_school .tab1_content { width: 438px; padding:10px 20px 10px 10px; } .cooking_school .tab1_content h1, .cooking_school .tab1_content h3 { color:#000; line-height:120%; } #chart_box { margin-top:10px; margin-bottom:10px; } #chart_box #chart { width:630px; border:none; border-collapse:collapse; } #chart_box #chart .type { width:4em; } #chart_box #chart .weekday { width:3em; } #chart_box #chart .comment { width:5em; } #chart_box h3 { border:1px solid #CFC; border-top:5px solid #CFC; text-align:center; color:#000; padding:6px 0 12px; display:block; height:22px; } #chart_box td, #chart_box th { border:1px solid #CFC; } #chart_box td, #chart_box th { text-align:center; padding:6px; } #chart_box th { font-weight:bold; } #chart_box tr.row_top td { border-top:5px solid #CFC; } #chart_box tr.row1.tb td, #chart_box tr.row2.tb td { line-height:3px; background-color:#FFF; padding:0; } #chart_box tr.row2 { background-color:#FFC; } .event_list_box { border:1px solid #CCC; width:628px; padding-bottom:10px; margin-top:5px; } .event_list_box .city_nav { border:0; line-height:180%; } .event_list_box .city_nav .change_city { background:#FFF url(/static/images/mr2/city_nav_bg3.png) no-repeat 0 0; display:block; color:#FFF; line-height:16px; width:59px; text-align:center; float:left; } .event_list_box .city_nav .current { color:#000; font-weight:bold; } .event_list_box .city_nav .current, .event_list_box .city_nav a { margin-left:20px; line-height:16px; text-align:center; } .event_list_box li { margin:10px 0 0 10px; padding:10px; border:1px solid #CFC; width:590px; } .event_list_box li .e_future, .event_list_box li .e_now, .event_list_box li .e_finished { margin-right:5px; } .event_list_box li .e_future { color:#690; } .event_list_box li .e_now { color:#F00; } .event_list_box li .e_finished { color:#808080; } .event_list_box li label { font-weight:bold; } .event_list_box li em { font-weight:bold; color:#F90; } .event_list_box li .e_img { float:right; margin:0 0 10px 10px; display:inline; } .event_list_box li .e_img img { width:100px; height:100px; } .comp_list_box { border:1px solid #CCC; width:628px; padding-bottom:10px; margin-top:5px; } .comp_list_box li { margin:10px 0 0 10px; padding:10px; border:1px solid #CFC; width:278px; float:left; height:150px; } .comp_list_box li img { width:280px; height:100px; } .comp_list_box li .time { color:#F90; font-weight:bold; } .event_item_box { border:1px solid #CCC; width:608px; padding:10px; margin-top:5px; } .event_item_box .left { width:240px; } .event_item_box .rsvp_box { width:338px; } .rsvp_box span { margin:0 10px; display:block; width:90px; text-align:center; } .rsvp_box p { width:110px; height:52px; } .event_item_box #ib_toolbar li a { margin:2px; width:80px; } .event_item_box #ib_current_link { border:none; background-color:#FFF; } .event_item_box #ib_current_image { width:235px; } .event_item_box #ib_current_title { color:#F90; } .event_item_box .avatar { margin-right:10px; } .event_item_box .title { line-height:30px; } .event_item_box .contact { margin:10px 0; } .event_item_box .contact label { color:#F90; font-weight:bold; } .event_item_box .desc p { text-indent:2em; } .event_item_box h1, .event_item_box h2, .event_item_box h3 { color:#000; } .event_item_box .desc h1 { font-size:14px; } .event_item_box .desc ol { list-style-type:decimal; margin-left:45px; } .event_item_box .desc ul { list-style-type:disc; margin-left:45px; } .event_item_box .desc li p { text-indent:0; } .competition .logo { margin-top:5px; } .competition #banner { width:960px; text-align:center; } .competition #banner img { vertical-align:bottom; } .competition .section { width:608px; border:1px solid #CCC; padding:10px; } .competition .section a { margin-right:10px; } .competition .section span { margin-right:10px; } .competition_index .comp_nav_index, .competition_work_list .comp_nav_work_list, .competition_photo_list .comp_nav_photo_list { background-color:#FFF; } .online_comp_box h3 .btn1 { float:right; margin-bottom:4px; } .online_comp_box .sectionareas span { color:#000; } .online_comp_box .simple_info_box { padding:10px; text-indent:2em; } .online_comp_box .simple_info_box h3, .online_comp_box .simple_info_box h4 { color:#000; background-color:#CFC; margin-bottom:10px; } .online_comp_box .intro { padding:10px; } .online_comp_box .intro p { text-indent:2em; } .online_comp_box .video { padding:10px 0px 10px 10px; } .online_comp_box .video li { margin-right:7px; margin-bottom:10px; } .online_comp_box .video .col2 { width:290px; } .online_comp_box .video .col2 .info { width:130px; } .online_comp_box .video .col4 { width:147px; } .online_comp_box .video .v_wrapper { position:relative; cursor:pointer; width:147px; height:112px; overflow:hidden; } .online_comp_box .video .v_img { border:1px solid #CCC; padding:5px; display:block; width:135px; height:100px; font-size:0; line-height:0; } .online_comp_box .video .v_img img { width:135px; height:100px; display:block; } .online_comp_box .video .v_info { display:none; position:absolute; width:115px; height:80px; padding:10px; background-color:#FFC; left:6px; top:6px; filter: Alpha(opacity=75); -moz-opacity:.75; opacity:0.75; } .online_comp_box .article { padding:10px; } .online_comp_box .article li { width:608px; } .online_comp_box .article .avatar { background:#FFF url(/static/images/mr2/avatar_arrow.png) no-repeat 100% 0; display:block; width:67px; height:62px; margin-right:10px; } .online_comp_box .article .avatar img { width:50px; height:50px; margin:5px; display:block; } .online_comp_box .article .a_desc { width:530px; } .online_comp_box .article .a_info { float:right; } .online_comp_box .article .a_info span { margin-right:10px; line-height:30px; } .online_comp_box .photo { padding:10px; } .event_item_box .contact { margin:10px 0; } .event_item_box .contact label { color:#F90; font-weight:bold; } /* recipe */ .rc_154_t { font-size:0; height:10px; width:154px; background:transparent url(/static/images/mr2/rc_t_154.png) no-repeat; } .rc_154_c { border-left:4px solid #cfc; border-right:4px solid #cfc; } .rc_154_b { height:10px; width:154px; background:transparent url(/static/images/mr2/rc_b_154.png) no-repeat; } .rc_150_t { float:left; font-size:0; height:10px; width:150px; background:#fff url(/static/images/mr2/rc_t_150.png) no-repeat; } .hrc_150_t { float:left; font-size:0; height:10px; width:150px; background:#fff url(/static/images/mr2/hrc_t_150.png) no-repeat; } .rc_150_c { float:left; border-left:1px solid #f99; border-right:1px solid #f99; padding:0; } .rc_150_b { float:left; font-size:0; height:10px; width:150px; background:#fff url(/static/images/mr2/rc_b_150.png) no-repeat; } .rc_300_t { height:10px; width:300px; background:#fff url(/static/images/mr2/rc_300.png) no-repeat; } .rc_300_b { height:10px; width:300px; background:#fff url(/static/images/mr2/rc_300.png) 0 -10px no-repeat; } .rc_145_t { height:10px; width:145px; background:#fff url(/static/images/mr2/rc_145.png) no-repeat; } .rc_145_b { height:10px; width:145px; background:#fff url(/static/images/mr2/rc_145.png) 0 -10px no-repeat; } .rc_145_c { border-left:1px solid #cfc; border-right:1px solid #cfc; } .rc_273_t { height:10px; width:273px; background:#fff url(/static/images/mr2/rc_273.png) no-repeat; } .rc_273_b { height:10px; width:273px; background:#fff url(/static/images/mr2/rc_273.png) 0 -10px no-repeat; } .rc_273_c { border-left:1px solid #cfc; border-right:1px solid #cfc; } .filters { width:154px; z-index:100; } .filters .rc_154_c { padding:0 .5em; } .filters .hr { border-bottom:1px solid #cfc; line-height:0; height:1px; margin-bottom:.5em; } .filters .item { line-height:25px; height:25px; position:relative; margin-bottom:5px; } .filters .item p { background:#fff url(/static/images/mr2/recipe_filters_bg.png) 0 -26px no-repeat; line-height:25px; height:25px; width:118px; padding-left:1em; position:relative; } .filters .over p { width:122px; background-position:0 0; z-index:200; } .filters .over ul { left:132px; z-index:100; } .filters li ul { position:absolute; top:0; left:-999em; width:150px; background-color:#fff; } .filters li ul li { background-color:#fff; } .filters .links a { border:none; text-align:center; float:left; width:74px; margin-bottom:5px; } .filters .links a:visited { border:none; } .filters .links a:hover { background-color:#ffe5e5; border:none; } .filters .links a:active { border:none; } .filters .editor_picks { text-align:justify; margin-top:.5em; } .filters .editor_picks a { white-space:nowrap; } .filters .keyword_picks { text-align:justify; } .filters .keyword_picks a { white-space:nowrap; } .recipe_index .grey_box { width:208px; border:1px solid #ccc; margin-top:15px; padding:16px 10px 5px; } .recipe_index .grey_box h3 { float:left; position:absolute; top:-10px; background-color:#fff; padding:0 6px; } .recipe_index .green_box { width:298px; border:1px solid #cfc; padding:5px 0; } .recipe_index .green_box .idTabs_g { position:relative; } .recipe_index .green_box .img_link { position:absolute; left:0; top:0; width:160px; height:120px; } .recipe_index .green_box .text_link a { display:block; margin:0 0 3px 160px; width:120px; line-height:38px; height:38px; background-color:#cfc; padding:0 6px 0 1em; border:none; } .recipe_index .green_box .text_link a.selected, .recipe_index .green_box .text_link a:hover { background-color:#ffc; } .recipe_index .tip_box { border:1px solid #ccc; width:610px; padding:9px; } .recipe_index .tip_box .box h3 { color:#333; } .recipe_index .tip_box .box { width:145px; } .recipe_index .tip_box .box .rc_145_c { height:214px; overflow:hidden; padding:0 9px; } .rc_145_t { height:10px; width:145px; background:#fff url(/static/images/mr2/rc_145.png) no-repeat; } .recipe_index .tip_box .obox .rc_145_c { padding:0 9px; } .search_index .p_list_detail .p_s_img { width:120px; height:90px; border:none; } .search_index .p_list_detail .p_title, .search_index .p_list_detail .p_short_desc { padding-right:10px; } .search_index .p_list_detail a.more { color:#066; } .search_index #heading { clear:both; padding-bottom:4px; } .search_index #heading span { font-size:12px; color:#333; } .search_index #heading span em { color:#f90; } .recipe_item .left_col { width:154px; z-index:100; } .recipe_item .state_box { border:1px #f00 dashed; background-color:#ffc; padding:.5em 1em; margin-top:10px; } .recipe_item #ib_current_link { border:none; } .recipe_item #ib_current_link img { width:468px; display:block; } .recipe_item #ib_current_title { color:#333; padding:0 1em; background-color:#ffc; } .recipe_item #ib_list li a { border:none; } .recipe_item #ib_list li a img { width:76px; height:76px; } .recipe_item .recipe_meta { padding:2px 1em; } .recipe_item .recipe_meta span { margin-right:2em; } .recipe_item .recipe_detail .hline { position:relative; border-top:1px solid #f90; margin:1.5em 0 1em; } .recipe_item .recipe_detail .hline h3 { position:absolute; top:-10px; background-color:#fff; padding:0 .5em; margin-left:.5em; color:#666; } .recipe_item #recipe_other_ingredients pre { font-size:100%; } .recipe_item #recipe_description ol { list-style-type:decimal; list-style-position:inside; } .recipe_item .comment_box { margin-top:0; } .recipe_item .comment_box { margin-top:0; } .recipe_item .comment_list { border:1px solid #CCCCCC; width:468px; } .recipe_item .comment_list h3 { margin:10px; } .recipe_item .comment_item .comment_detail { width:350px; } .recipe_item .comment_box .btn1 { margin:0 10px 0 0; } /* article */ .article_item .detail { width:608px; border:1px solid #ccc; padding:10px; } .article_item .detail .heading { color:#333; font-size:24px; line-height:1.5em; } .article_item .detail .authors { color:#666; } .article_item .detail .article-content { border-top:1px solid #ccc; padding:1em 0; } .article_item .detail .article-content .images { text-align:center; } .article_item .article-content .recipe_list { text-align:center; } .article_item .article-content .recipe_list li { text-align:center; margin:0 20px 1.5em; width:162px; } .article_item .article-content .recipe_list p { border:1px solid #ccc; padding:5px 5px 0; } * html .article_item .article-content .recipe_list p { border:1px solid #ccc; padding-bottom:5px; } .article_item .article-content .sub_heading { line-height:1.2em; color:#f00; font-size:2em; line-height:1.2em; } .article_item .article-content h3 { text-align:center; } .article_index .filters li { margin-bottom:1px; } .article_index .filters a { border:none; background-color:#cfc; display:block; height:30px; line-height:30px; padding-left:1em; } .article_index .filters a.selected, .article_index .filters a:hover, .article_index .filters a.current { background-color:#ffc; } .sep-3 { margin:0 .5em; } /* profile */ .profile_recipe_list { padding:10px; width:608px; border:1px solid #CCC; } .profile_recipe_list li { margin-right:7px; margin-bottom:10px; width:290px; } .profile_recipe_list li .info { width:133px; } .profile_recipe_list li .v_img { border:1px solid #CCC; padding:5px; display:block; width:135px; height:100px; font-size:0; line-height:0; } .profile_recipe_list li .v_img img { width:135px; height:100px; display:block; } .profile_recipe_list li .v_info { display:none; position:absolute; width:115px; height:80px; padding:10px; background-color:#FFC; left:6px; top:6px; filter: Alpha(opacity=75); -moz-opacity:.75; opacity:0.75; } .people_item .user_profile { border:1px solid #ccc; width:608px; padding:10px; background-color:#CFC; } .people_item .profile { padding:5px 0; width:180px; } .people_item .profile label { font-weight:bold; color:#066; margin-right:10px; } .people_item .profile p { word-wrap:break-word; } .people_item .im_status { width:500px; } .people_item .im_status li { float:left; margin-right:10px; } .people_item .im_status li a { display:block; line-height:30px; text-align:center; } /* message notification */ #message_dlg, #waiting_dlg { position:absolute; top:10px; right:10px; border:2px solid #FF0000; color:#FF9900; padding:4px; background-color:#FFF; display:none; } #cboxLoadedContent #message_dlg_text, #cboxLoadedContent #waiting_dlg_msg { text-align:center; } /* Video */ .video_recommend_box { padding:10px; } .video_big_detail_img { float:left; position:relative; color:#fff;} .video_big_detail_img .v_img { display:block; width:390px; height:293px; } .video_big_detail_img h3 { color:#ffc; } .play_layer { position:absolute; z-index:10; width:370px; height:70px; bottom:0; background:transparent url(/static/images/mr2/player_layer_bg.png) 0 0 repeat; cursor:pointer; padding:5px 10px; } .play_layer img { float:right; } .play_layer h3 { color:#ffc; } .play_layer h3, .play_layer p { width:250px; } .video_rec_tabs { float:right; display:inline; width:210px;} .video_rec_tabs li { width:190px; height:60px; padding:8px 10px 2px 10px; overflow:hidden; background:#FFF url(/static/images/mr2/video_rec_tab_bg.png) 0 0 no-repeat; margin-bottom:4px; line-height: 150%; } .video_rec_tabs li h3 { font-size:12px; } .video_rec_tabs li.selected { background:#FFF url(/static/images/mr2/video_rec_tab_selected.png) 0 0 no-repeat; } .video_rec_tabs li img { margin-right:10px; } .video_list_detail .p_s_img_link { padding:5px; border:1px solid #ccc; } .video_list_detail .p_s_img_link .p_s_img { width:135px; height:100px; } .video_box { padding:10px; border:1px solid #ccc; width:608px; } .video_box .video_big_detail_img .v_img { width:450px; height:340px; margin-right:8px; } .video_box .play_layer { width:430px; } .video_box .play_layer h3, .video_box .play_layer p { width:300px; } .video_info_box .c { margin-right:30px; } .video_filter_box .b_side .r { width:530px; } /* image browser */ /* toolbar */ #ib_toolbar { display:none; list-style-type: none; margin: 0px; padding: 0px; height: 20px; padding-bottom: 3px; } #ib_toolbar li { display: inline; } #ib_toolbar li a { float: left; display: block; text-decoration: none; text-align: center; padding-right: 5px; padding-left: 20px; border: 1px white solid; } #ib_toolbar li a:hover { border-right: solid 1px #666; border-bottom: solid 1px #666; } /* main image */ #ib_current_link { clear: both; display: block; text-align: center; border: #aaa 1px solid; background: #eed; } * html #ib_current_link { height: 1%; } #ib_current_image { text-align: center; margin-left: auto; margin-right: auto; } /* title */ #ib_current_title { clear: both; font-size: 13px; color: #f6b45d; margin: 2px 0 2px; } /* thumbnail */ #ib_list { list-style-type: none; margin: 3px 0 0 0; padding: 0px; } #ib_list li { display: inline; } #ib_list li a { display: block; float: left; text-decoration: none; text-align: center; margin: 0 2px 2px 0; width:76px; height: 76px; border: #eed 1px solid; background: #eed; } #ib_list li a:hover { border-color: #f6b45d; } #ib_action_add { background: url(/static/images/image-add.png) no-repeat; } #ib_action_add:hover { background: url(/static/images/image-add-hover.png) no-repeat; } #ib_action_delete { background: url(/static/images/image-delete.png) no-repeat; } #ib_action_delete:hover { background: url(/static/images/image-delete-hover.png) no-repeat; } #ib_action_markmain { background: url(/static/images/image-mark-main.png) no-repeat; } #ib_action_markmain:hover { background: url(/static/images/image-mark-main-hover.png) no-repeat; } #ib_action_approve { background: url(/static/images/image-approve.png) no-repeat; } #ib_action_approve:hover { background: url(/static/images/image-approve-hover.png) no-repeat; } #ib_action_unapprove { background: url(/static/images/image-unapprove.png) no-repeat; } #ib_action_unapprove:hover { background: url(/static/images/image-unapprove-hover.png) no-repeat; } /* mini login */ #mlogin { width:317px; margin-top:10px; } #mlogin .label { float:left; padding:0 .5em; background-color:#fcc; margin-right:5px; } #mlogin .label-2 { margin-left:10px; } #mlogin .errorlist { padding-left:52px; } #mlogin .errorlist li { color:#f00; } #mlogin #id_password { margin-right:5px; } #mlogin div { margin-bottom:5px; } #mlogin #submit { margin-left:5px; } #mlogin .nh-p2 { background:#fff url(/static/images/mr2/nh_p2.png) 0 center no-repeat; padding-left:15px; } #mlogin .p-info { width:247px; text-align:right; margin-right:10px; float:right; } #status_box { border:1px solid #cfc; height:150px; } #status_box .navs { width:100px; float:left; } #status_box .navs li { width:100px; text-align:center; } #status_box .navs a { border:none; display:block; width:95px; line-height:25px; margin-right:5px; background-color:#ffc; font-weight:bold; } #status_box .navs a:hover, #status_box .navs a.selected { border:none; margin-right:0; padding-right:5px; background:#ffe5e5 url(/static/images/mr2/nh_t2_e.png) right 0 no-repeat; } #status_box .detail { float:right; width:160px; height:140px; padding:5px 10px; } #status_box .detail .btn1 { margin:5px 0 10px; }