@charset "utf-8"; /********** list markup **********/ #cont .search_top, #cont .search_mid, #cont .search_bottom, #cont .recipe_left, #cont .recipe_mid, #cont .recipe_right{float:left;} #cont .search{position:relative; min-height:90px; _height:90px; overflow:hidden;} #cont .search_top{width:640px; height:3px; background:url(/images/recipe/search_top_bg.gif) left top no-repeat; overflow:hidden;} #cont .search_mid{ width:640px; min-height:84px; _height:84px; background:url(/images/recipe/search_mid_bg.gif) left top repeat-y; overflow:hidden;} #cont .search_bottom{width:640px; height:3px; background:url(/images/recipe/search_bottom_bg.gif) left top no-repeat; overflow:hidden;} #cont .search_padd{ margin:10px;} #cont .search_padd img{vertical-align:middle;} #cont .search_padd input, #cont .search_padd select{ height:19px; border:1px solid #c5c5c5; } #cont .search_padd input{width:319px; } #cont .search_padd select{width:157px;} #cont .search_padd .search_dot{padding-bottom:10px; margin-bottom:5px; background:url(/images/common/line_bottom.gif) left bottom repeat-x;} * html #cont .search_padd .search_dot{padding-bottom:8px; margin-bottom:10px; border-bottom:1px dotted #bbbbbb;} #cont .search_padd li{padding-left:55px; padding-right:62px;} * html #cont .search_padd li{padding:0 62px 0 55px; margin-bottom:-5px ;} * html #cont .search_padd .li_input{padding-left:67px; padding-right:62px; margin-top:-5px;} #cont .search_padd .search_blet{float:left; width:80px; background:url(/images/blet/blet_li_1.gif) left 65% no-repeat; padding:4px 5px 0 10px; } #cont .search_padd .search_blet1{float:left; width:80px; background:url(/images/blet/blet_li_1.gif) left 65% no-repeat; padding:4px 5px 0 10px;} #cont .search_padd .li{padding-left:55px; padding-right:62px; min-height:21px; _height:21px; padding-top:6px;} * html #cont .search_padd .li{padding:5px 62px 8px 55px; margin-top:-4px;} #cont .list_ul{overflow:auto; } #cont .recipe{ width:100%; overflow:auto; padding:40px 0 30px 0;} #cont .recipe_left{width:9px; height:207px; background:url(/images/recipe/recipe_left_bg.gif) left top no-repeat;} #cont .recipe_mid{position:relative; width:611px; min-height:180px; _height:180px; padding:28px 6px 0 6px; background:url(/images/recipe/recipe_mid_bg.gif) left top repeat-x;} #cont .recipe_right{width:9px; height:207px; background:url(/images/recipe/recipe_right_bg.gif) left top no-repeat;} #cont .recipe_h3, #cont .list_table{clear:both;} #cont .recipe_h3{position:absolute; margin:30px 0 0 16px; z-index:100;} #cont .recipe_mid img{margin-right:15px;} #cont .recipe_dl{position:absolute; left:181px; top:30px; width:435px;} #cont .recipe_dl dd{line-height:180%;} #cont .recipe_title{ background:url(/images/common/line_bottom.gif) left bottom repeat-x; padding-bottom:7px; margin-bottom:7px;} #cont .recipe_title a{font-size:20px; color:#000;} #cont .list_top{clear:both; width:640px; height:13px; border-bottom:2px solid #ED2F21; overflow:hidden; } #cont .list_top_left{width:10px; height:10px; background:url(/images/recipe/top_left_bg.gif) left 2px no-repeat; } #cont .list_top_mid{width:620px; background:url(/images/recipe/top_mid_bg.gif) left 2px repeat-x;} #cont .list_top_right{width:10px; height:10px; background:url(/images/recipe/top_right_bg.gif) right 2px no-repeat; } #cont .list_bottom{clear:both; width:640px; border-top:2px solid #ED2F21; } #cont .list_bottom_1{clear:both; width:640px; border-top:2px solid #ED2F21; margin-top:15px; } #cont .list_bottom_left{width:10px; height:12px; background:url(/images/recipe/bottom_left_bg.gif) left 2px no-repeat; } #cont .list_bottom_mid{width:620px; background:url(/images/recipe/bottom_mid_bg.gif) left 2px repeat-x; } #cont .list_bottom_right{width:10px; height:12px; background:url(/images/recipe/bottom_right_bg.gif) right 2px no-repeat; } #cont .list_left{width:10px; height:33px; background:url(/images/recipe/list_left_bg.gif) left top no-repeat;} #cont .list_mid{background:url(/images/recipe/list_mid_bg.gif) left top repeat-x;} #cont .list_right{ width:10px; height:33px; background:url(/images/recipe/list_right_bg.gif) right top no-repeat;} #cont .list_table{width:100%; } #cont .list_table td{padding:5px 0; border-bottom:1px solid #ed2f21;} #cont .list_recipe{ clear:both; width:640px; padding:15px 0; border-bottom:1px solid #C6C6C6;} #cont .dl_box_1{ min-height:135px; _height:135px; margin-left:15px; } #cont .list_title{width:471px; background:url(/images/common/line_bottom.gif) left bottom repeat-x; padding:0 0 3px 10px;} #cont .list_title a{font-size:20px; color:#C70D02; font-weight:bold;} #cont .view_dl_1{ width:460px; margin:0 10px; overflow:auto;} #cont .view_dl_1 .view_title3{font-weight:bold; } #cont .view_dl_1 dt{float:left; width:85px; background:url(/images/blet/blet_li_2.gif) left 50% no-repeat; padding:5px 0 5px 10px; } #cont .view_dl_1 dd{float:left; width:360px; padding:5px 0; border:1px solid #fff; } #cont .view_box_1{ float:left; padding-left:10px; } #cont .view_pic{border:2px solid #eee; padding:2px; font-size:0;} #cont .page{clear:both; padding:25px 0;text-align:center;} #cont .page img{ vertical-align:middle;} #cont .page a{color:#656565;} /********** view markup **********/ #cont .view_bottom div, #cont .view_recipe div, #cont .list_top div, #cont .list_bottom div, #cont .list_bottom_1 div{float:left;} #cont .view_title_top{width:640px; height:6px; background:url(/images/recipe/view_title_top_bg.gif) left top no-repeat; overflow:hidden;} #cont .view_title_top1{width:640px; height:11px; background:url(/images/recipe/view_title_top_bg1.gif) left top no-repeat; overflow:hidden;} #cont .view_title_mid{position:relative; width:640px; background:url(/images/recipe/view_title_mid_bg.gif) left top repeat-y; overflow:hidden;} #cont .view_title_bottom{width:640px; height:13px; background:url(/images/recipe/view_title_bottom_bg.gif) left top no-repeat; overflow:hidden;} #cont .view_title{width:640px; margin-top:9px;} #cont .view_title1{font-size:20px; font-weight:bold; margin:6px 0 0 15px; } #cont .view_title2{font-size:15px; font-weight:normal; } #cont .view_recipe{ clear:both; width:100%; padding:10px 0; overflow:auto;} #cont .view_top{width:640px; height:11px; background:url(/images/recipe/view_top_bg.gif) left top no-repeat; overflow:hidden;} #cont .view_mid{width:624px; position:relative; background:url(/images/recipe/view_mid_bg.gif) left top repeat-y; padding:10px 0 5px 16px;} #cont .view_bottom{width:640px; height:11px; background:url(/images/recipe/view_bottom_bg.gif) left top no-repeat; overflow:hidden;} #cont .view_box{ float:left; text-align:center; } #cont .view_pic{border:2px solid #eee; padding:2px; font-size:0;} #cont .view_btn{margin-top:5px;} #cont .view_btn img{ vertical-align:top; margin-right:5px; font-size:0;} #cont .dl_box{float:left; min-height:240px; _height:240px; margin-left:10px; background:#f6f6f6;} #cont .view_dl{ width:337px; background:url(/images/common/line_bottom.gif) left bottom repeat-x; margin:0 10px; overflow:auto;} #cont .view_dl img{vertical-align:middle; margin-left:5px;} #cont .view_dl dt{float:left; width:85px; background:url(/images/blet/blet_li_2.gif) left 50% no-repeat; padding:10px 0 10px 5px;} #cont .view_dl dd{float:left; width:240px; padding:10px 0;} #cont .view_resize{color:#777777;} #cont .amount_recipe{clear:both; padding-top:9px;} #cont .amount_recipe1{clear:both; padding-top:23px;} #cont .amount_recipe2{clear:both; padding-top:19px;} #cont .amount_top{width:640px; height:9px; background:url(/images/recipe/amount_top_bg.gif) left top no-repeat; overflow:hidden;} #cont .amount_mid{width:640px; background:url(/images/recipe/amount_mid_bg.gif) left top repeat-y; overflow:hidden; padding:5px 0;} #cont .amount_bottom{clear:both; width:640px; height:9px; background:url(/images/recipe/amount_bottom_bg.gif) left top no-repeat; overflow:hidden;} #cont .recipe_h3_1{clear:both; position:absolute; margin:5px 0 0 16px; z-index:100; } #cont .recipe_h3_2{clear:both; position:absolute; margin:15px 0 0 16px; z-index:100; } #cont .tap_sub1{width:620px; padding:15px 0 5px 20px; line-height:180%;} #cont .tap_sub{width:620px; padding:15px 0 5px 20px; line-height:160%;} #cont .tap_sub li{float:left; background:url(/images/blet/blet_li.gif) left 50% no-repeat; padding-left:7px; margin-right:30px;} #cont .list_btn{clear:both; text-align:right; padding:11px 4px 0 0; }