/*------------------------------------------------------------------------- affiliater.css --------------------------------------------------------------------------*/ #head #line_top{ background-color: #f39700;} /* ===== :: Top_flash // PR =========================================================*/ #contents_afi #top_flash{ float: left; width: 950px; height: 128px; background-color:#cccccc; margin-bottom: 10px;} #contents_afi #top_pr { float: left; width: 950px; height: 14px; padding-left: 35px; background: #FFFFFF; margin-bottom: 10px;} *html #contents_afi #top_pr{ width: 915px;} #contents_afi #top_pr #t_pr_1 { float: left; width: 270px; height: 14px; padding-left: 15px; margin-right: 20px; line-height: 15px; background: url(/image/afi/top_pr_bg.gif) no-repeat top left;} #contents_afi #top_pr #t_pr_2 { float: left; width: 270px; height: 14px; padding-left: 15px; margin-right: 20px; line-height: 15px; background: url(/image/afi/top_pr_bg.gif) no-repeat top left;} #contents_afi #top_pr #t_pr_3 { float: left; width: 270px; height: 14px; padding-left: 15px; line-height: 15px; background: url(/image/afi/top_pr_bg.gif) no-repeat top left;} /* ===== :: Left_frame =============================================================*/ #contents_afi #left_frame{ float:left; display: block; width: 225px; background: #ffffff; margin-right: 10px; margin-bottom: 10px; background-repeat: repeat-x;} #contents_afi #left_frame #ranking1_flash_bar { width: 225px; padding-top: 10px; background: #EEEEEE; text-align:center;} #contents_afi #left_frame #ranking1 { width: 225px; height: 710px; margin-bottom: 10px; background-color: #eeeeee;} #contents_afi #left_frame #ranking1 #rank1_mainimg { text-align:center; } #contents_afi #left_frame #ranking1 #box { width: 209px; height: 586px; padding-left: 2px; background: #FFFFFF; border:1px solid #aaa; margin:0px auto; overflow-y:scroll; overflow-x:hidden; } #contents_afi #left_frame #ranking1 #box li { display: block; width: 180px; min-height:50px; height: auto !important; height: 50px; padding-left: 4px; padding-top: 3px; background: url(/image/top/dash-line.gif) bottom no-repeat; } #contents_afi #left_frame #ranking1 #box li img, #contents_afi #left_frame #ranking1 #box li a{ float: left; display: block; } #contents_afi #left_frame #ranking1 #box li a{ width: 110px; min-height:50px; height: auto !important; height: 50px; } #contents_afi #left_frame #ranking1 #box li.pr2, #contents_afi #left_frame #ranking1 #box li.pr2 .row { min-height:25px; height: auto !important; height: 25px; } #contents_afi #left_frame #ranking1 #box li.pr2 a { padding-left: 70px; } #contents_afi #left_frame #ranking1 #box li .row { width: 180px; padding-left: 30px; line-height: 20px; font-size: 12px; min-height:50px; height: auto !important; height: 50px; } #contents_afi #left_frame #ranking1 #box li.pr1 .row { background: url(/image/afi/rank_pr_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.pr2 a { background: url(/image/top/r_pr2_icon.png) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank1 .row { background: url(/image/afi/rank_1_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank2 .row { background: url(/image/afi/rank_2_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank3 .row { background: url(/image/afi/rank_3_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank4 .row { background: url(/image/afi/rank_4_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank5 .row { background: url(/image/afi/rank_5_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank6 .row { background: url(/image/afi/rank_6_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank7 .row { background: url(/image/afi/rank_7_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank8 .row { background: url(/image/afi/rank_8_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank9 .row { background: url(/image/afi/rank_9_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank10 .row { background: url(/image/afi/rank_10_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank11 .row { background: url(/image/afi/rank_11_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank12 .row { background: url(/image/afi/rank_12_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank13 .row { background: url(/image/afi/rank_13_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank14 .row { background: url(/image/afi/rank_14_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank15 .row { background: url(/image/afi/rank_15_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank16 .row { background: url(/image/afi/rank_16_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank17 .row { background: url(/image/afi/rank_17_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank18 .row { background: url(/image/afi/rank_18_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank19 .row { background: url(/image/afi/rank_19_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank20 .row { background: url(/image/afi/rank_20_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank21 .row { background: url(/image/afi/rank_21_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank22 .row { background: url(/image/afi/rank_22_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank23 .row { background: url(/image/afi/rank_23_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank24 .row { background: url(/image/afi/rank_24_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank25 .row { background: url(/image/afi/rank_25_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank26 .row { background: url(/image/afi/rank_26_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank27 .row { background: url(/image/afi/rank_27_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank28 .row { background: url(/image/afi/rank_28_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank29 .row { background: url(/image/afi/rank_29_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.rank30 .row { background: url(/image/afi/rank_30_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking1 #box li.pr1 .row iframe { width: 150px; height: 49px; border: none; } #contents_afi #left_frame #ranking1 #rk_more { width: 209px; margin: 0 auto; margin-top: 8px; } #contents_afi #left_frame #ranking1 #rk_more:hover{ opacity: 0.8; } *html #contents_afi #left_frame #ranking1 #rk_more{ margin-left: 60px;} #contents_afi #left_frame #left_banner1, #contents_afi #left_frame #left_banner2{ width: 195px; height: 60px; margin: 0px auto 10px auto; text-align:center; } #contents_afi #left_frame #ranking2_flash_bar { width: 225px; padding-top: 10px; background: #1D2089; text-align:center;} #contents_afi #left_frame #ranking2 { width: 225px; height: 420px; margin-bottom: 10px; padding-top: 0px; background-color: #1d2089; margin-bottom: 10px;} #contents_afi #left_frame #ranking2 #rank2_mainimg{ text-align:center; } #contents_afi #left_frame #ranking2 #box { width: 207px; height: 107px padding-left: 2px; background: #FFFFFF; border:1px solid #aaa; margin:0px auto; overflow:auto; } #contents_afi #left_frame #ranking2 #box li { display: block; width: 180px; height: auto; padding-left: 4px; padding-top: 3px; background: url(/image/top/dash-line.gif) bottom no-repeat; min-height:20px; height: auto !important; height: 20px; } #contents_afi #left_frame #ranking2 #box li span, #contents_afi #left_frame #ranking2 #box li a{ display: block; padding-left: 50px; line-height: 20px; font-size: 12px; min-height:20px; height: auto !important; height: 20px; } /*********************************/ #afi_tab_1 { background: url(/image/afi/afi_tab_1.gif) no-repeat; width: 225px; height: 47px; padding: 0; margin: 0px 0px 0px 0px; } #afi_tab_1 li, #afi_tab_1 a { height: 47px; display: block; /* text-indent: -9999px; */ } #afi_tab_1 li { float: left; list-style: none; display: inline; } #afi_tab_1 #i01, #afi_tab_1 #i01.hold { width:113px; } #afi_tab_1 #i02, #afi_tab_1 #i02.hold { width:112px; } #afi_tab_1 #i01 a:hover { background: url(/image/afi/afi_tab_1.gif) 0px -47px no-repeat; } #afi_tab_1 #i02 a:hover { background: url(/image/afi/afi_tab_1.gif) -113px -47px no-repeat; } #afi_tab_1 #i01.hold { background: url(/image/afi/afi_tab_1.gif) 0px -47px no-repeat; } #afi_tab_1 #i02.hold { background: url(/image/afi/afi_tab_1.gif) -113px -47px no-repeat; } #afi_tab_2 { background: url(/image/afi/afi_tab_2.gif) no-repeat; width: 225px; height: 47px; padding: 0; margin: 0px 0px 0px 0px; } #afi_tab_2 li, #afi_tab_2 a { height: 47px; display: block; /* text-indent: -9999px; */ } #afi_tab_2 li { float: left; list-style: none; display: inline; } #afi_tab_2 #s01, #afi_tab_2 #s01.hold { width:113px; } #afi_tab_2 #s02, #afi_tab_2 #s02.hold { width:112px; } #afi_tab_2 #s01 a:hover { background: url(/image/afi/afi_tab_2.gif) 0px -47px no-repeat; } #afi_tab_2 #s02 a:hover { background: url(/image/afi/afi_tab_2.gif) -113px -47px no-repeat; } #afi_tab_2 #s01.hold { background: url(/image/afi/afi_tab_2.gif) 0px -47px no-repeat; } #afi_tab_2 #s02.hold { background: url(/image/afi/afi_tab_2.gif) -113px -47px no-repeat; } /* ------------------------------ ¡¡£ä¿Î¤æ" ------------------------------ */ ul.news{ padding-top:5px; } ul.news li{ border-bottom:1px dotted #AAA; padding-bottom:3px; margin-bottom:5px; } ul.news img{ vertical-align : middle; } /*********************************/ #contents_afi #left_frame #ranking2 #box li.pr1 a{ background: url(/image/afi/rank2_pr_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.pr2 a{ background: url(/image/top/r_pr2_icon.png) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank1 span { background: url(/image/afi/rank2_1_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank2 span { background: url(/image/afi/rank2_2_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank3 span { background: url(/image/afi/rank2_3_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank4 span { background: url(/image/afi/rank2_4_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank5 span { background: url(/image/afi/rank2_5_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank6 span { background: url(/image/afi/rank2_6_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank7 span { background: url(/image/afi/rank2_7_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank8 span { background: url(/image/afi/rank2_8_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank9 span { background: url(/image/afi/rank2_9_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #box li.rank10 span { background: url(/image/afi/rank2_10_img.gif) top left no-repeat; } #contents_afi #left_frame #ranking2 #rk_more { width: 214px; height: 18px; margin-left: 6px; text-align: right; vertical-align: text-bottom; background: url(/image/afi/rk_more.gif) no-repeat; background-color: #FFFFFF;} *html #contents_afi #left_frame #ranking2 #rk_more{ margin-left: 3px;} #contents_afi #left_frame #ranking3_banner{ width: 225px; height: 54px;} /* ===== :: Main_frame =============================================================*/ #contents_afi #main_frame{ float: left; display: block; width: 505px; margin-right: 10px; margin-bottom: 10px; background-repeat: repeat-x; background-color: #FFF;} *html #contents_afi #main_frame{ margin-right: 0px;} #contents_afi #main_frame #main_top_banner { float: left; display: block; width: 505px; height: 129px; margin-bottom: 5px; margin-top: 5px;} #contents_afi #main_frame #main_promo { float: left; display: block; width: 505px; height: 301px; margin-bottom: 10px; background: url(/image/afi/promo_bg.gif) no-repeat top left;} #contents_afi #main_frame #main_promo #promo_contents { float: left; display: block; width: 505px; height: 230px;} #contents_afi #main_frame #main_promo #promo_contents #pro_img { float: left; display: block; width: 237px; height: 120px; padding-top: 85px; padding-left: 10px; margin-right: 15px; margin-bottom: 8px;} #contents_afi #main_frame #main_promo #promo_contents #pro_info { float: left; display: block; width: 220px; height: 120px; padding-top: 88px; line-height: 17px;} #contents_afi #main_frame #main_promo #promo_contents #pro_info a{ color: #333333;} #contents_afi #main_frame #main_promo #promo_contents #pro_info a:hover{ color: #CC0000;} #contents_afi #main_frame #main_promo #promo_contents #pro_info #pro_date1 { float: left; display: block; width: 150px; height: 14px; padding-top: 10px;} #contents_afi #main_frame #main_promo #promo_contents #pro_info #pro_date1 .pro_font{ color: #FF6600;} #contents_afi #main_frame #main_promo #promo_contents #pro_date2 { clear: both; width: 500px; height: 108px;} #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a { text-decoration: none; } #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a:hover { text-decoration: underline; } #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a.cate_li_01 { display: block; float: left; margin: 0 0 0 10px; padding: 3px 5px 2px; width: 130px; height: 18px; background: #ffff99; vertical-align: middle; border-top: 1px dotted #000; } #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a.cate_li_02 { display: block; float: right; margin: 0 10px 0 0; padding: 3px 5px 2px; width: 260px; _width: 240px; height: 18px; background: none; vertical-align: middle; border-top: 1px dotted #000; } #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a.cate_li_01end { display: block; float: left; margin: 0 0 0 10px; padding: 3px 5px 2px; width: 130px; height: 18px; background: #ffff99; vertical-align: middle; border-top: 1px dotted #000; border-bottom: 1px dotted #000; } #contents_afi #main_frame #main_promo #promo_contents #pro_date2 a.cate_li_02end { display: block; float: right; margin: 0 10px 0 0; padding: 3px 5px 2px;; width: 260px; _width: 240px; height: 18px; background: none; vertical-align: middle; border-top: 1px dotted #000; border-bottom: 1px dotted #000; } #contents_afi #main_frame #main_new_afi_bar { float: left; display: block; width: 505px; height: 32px; background: url(/image/afi/new_afi_bar.gif) no-repeat top left; text-indent: -9999px;} #contents_afi #main_frame #main_new_afi_box { float: left; display: block; width: 505px; min-height:190px; height: auto !important; height: 190px; margin-bottom: 6px; padding-top: 5px; padding-left: 10px; background: #FFFFFF; } *html #contents_afi #main_frame #main_new_afi_box{ width: 490px;} #contents_afi #main_frame #main_new_afi_box li { display: block; margin-bottom: 4px; } #contents_afi #main_frame #main_new_afi_box a { display: block; width: 350px; height: 15px; color: #333333; padding-left:40px; background: url(/image/afi/new_2.gif) no-repeat 0px 2px; } #contents_afi #main_frame #main_new_afi_box a:hover { color: #FF0000; } #contents_afi #main_frame #main_afi_pick_bar { clear: both; float: left; display: block; width: 505px; height: 32px; margin-bottom: 3px; background: url(/image/afi/afi_pick.gif) no-repeat top left; text-indent: -9999px;} #contents_afi #main_frame #main_afi_pick_box1 { float: left; display: block; width: 250px; height: 100px; margin-bottom: 6px; margin-right: 5px; background: url(/image/afi/afi_pick_box.gif) no-repeat;} #contents_afi #main_frame #main_afi_pick_box2 { float: left; display: block; width: 250px; height: 100px; margin-bottom: 6px; background: url(/image/afi/afi_pick_box.gif) no-repeat;} #contents_afi #main_frame #pick_img { float: left; display: block; width: 94px; height: 94px; padding-left: 8px; padding-top: 3px; margin-right: 5px;} #contents_afi #main_frame #pick_text { float: left; display: block; width: 130px; height: 94px; padding-top: 9px; line-height: 17px;} #contents_afi #main_frame #main_afi_rank { float: left; display: block; width: 505px; height: 333px; margin-top: 4px; margin-bottom: 10px; background: url(/image/afi/afi_ranking.gif) no-repeat top left;} #contents_afi #main_frame #main_afi_rank #rank_box { float: left; display: block; width: 505px; height: 150px; padding-top: 94px; padding-left: 10px;} *html #contents_afi #main_frame #main_afi_rank #rank_box{ width: 500px;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents1 { float: left; display: block; width: 300px; height: 200px; padding-top: 30px; background: url(/image/afi/afi_ranking_box.gif) no-repeat;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents1 .r_text_A { float: left; display: block; width: 50px; height: 150px; padding: 18px 0px 0px 115px; margin-right: 12px; font-size: 14px; line-height: 31px; color: #0000FF;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents1 .r_text_B { float: left; display: block; width: 100px; height: 150px; color:#FF0000; padding-top: 18px; text-align: right; font-size: 14px; font-weight: bold; line-height: 31px;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents1 .r_more { float: right; display: block; height: 12px; padding: 4px 14px 0px 0px;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents2 { float: left; display: block; width: 191px; height: 200px; padding-top: 40px; background: url(/image/afi/afi_ranking_box2.gif) no-repeat;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents2 .r_text1 { float: left; display: block; width: 180px; height: 28px; padding: 12px 4px 0px 15px; line-height: 14px;} #contents_afi #main_frame #main_afi_rank #rank_box #r_contents2 .r_text2 { float: left; display: block; width: 180px; height: 15px; margin-bottom: 7px; text-align: right; color: #FF0000;} *html #contents_afi #main_frame #main_afi_rank #rank_box #r_contents2 .r_text2{ margin-bottom: 2px;} #contents_afi #main_frame #main_banner1 { float: left; display: block; width: 250px; height: 137px; margin-right: 5px;} *html #contents_afi #main_frame #main_banner1{ margin-right: 2px;} #contents_afi #main_frame #main_banner2 { float: left; display: block; width: 250px; height: 137px;} #main_frame #search_box { float: left; width: 510px; height: 39px; margin: 10px 0px; background: url(/image/top/search_bg_af.jpg) no-repeat top left;} #main_frame #search_box a{ color: #0000FF; } #main_frame #search_box a:hover{ color: #FF0000; } #main_frame #search_box span, #main_frame #search_box input, #main_frame #search_box img { vertical-align: top;} #main_frame #search_box #search_bar { float: left; padding-left: 8px; padding-top: 12px; font-size: 12px; width: 500px; height: 30px; display: inline;} *html #main_frame #search_box #search_bar{ width: 500px;} #main_frame #search_box #search_keyword { float: left; padding-left: 16px; font-size: 12px; width: 500px; height: 25px; _margin-top:3px; } *html #main_frame #search_box #search_keyword{ width: 500px;} #main_frame .center_newitem{ width:500px; margin: 0 0 11px 0; } #main_frame .center_newitem .newitem_ttl{ width:510px; margin: 0; background:url(../../image/a_ttl_03.jpg) no-repeat; height:27px; line-height:27px; text-indent:8px; font-size:120%; font-weight:bold; color:#FE37C4; float:left; } #main_frame .center_newitem .newitem_space{ border:solid 1px #D7D7D7; background:#FFFFFF; padding: 10px 0 10px 0; width:503px; overflow:hidden; float:left; } #main_frame .center_newitem .newitem_space .newitem_item_box{ width:120px; margin: 0 0 10px 4px ; padding: 0 ; float:left; font-size:80%; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_item{ background:url(../../image/newitem_bg.jpg) no-repeat; margin:2px 0 2px 2px; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_item img{ height:90px; width:90px; margin: 10px; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_txt{ padding: 1px 0 0 5px; height:6em; line-height:1em; font-size:1.15em; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_catch{ color:#666666; padding: 0 0 0 5px; height:5.5em; line-height:1.1em; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_info{ padding: 3px 0 0 5px; height:5.5em; } #main_frame .center_newitem .newitem_space .newitem_item_box .newitem_info .price{ font-weight:bold; color:#FF0066; } #main_frame .pagenate_left{ margin: 10px 0 0 0; width:150px; text-align:left; float:left; } #main_frame .pagenate_left img{ margin: 0 3px 0 0 ; } #main_frame .pagenate_left a{ font-size:100%; } #main_frame .pagenate{ margin: 10px 0 0 0; width:200px; text-align:center; float:left; } #main_frame .pagenate .pagenate_txt{ font-size:90%; margin: 0 7px 0 0 ; } #main_frame .pagenate .pagenate_txt a{ font-size:1%; } #main_frame .pagenate_right{ margin: 10px 0 0 0; width:150px; text-align:right; float:right; } #main_frame .pagenate_right img{ margin: 0 3px 0 0 ; } #main_frame .pagenate_right a{ font-size:100%; } #main_frame #confirm_other { margin:10px; } #main_frame #confirm_other h2 { font-weight:bold; } #main_frame #confirm_other p { margin:10px 0px; } /* ===== :: Right_frame =============================================================*/ #contents_afi #right_frame{ float: left; display: block; width: 200px; background-color: #FFF; margin-bottom: 10px; background-repeat: repeat-x;} #contents_afi #right_frame #aff_login { width: 200px; height: 175px; margin-bottom: 10px; background: url(/image/afi/afi_login.gif) no-repeat top left; line-height:14px;} #contents_afi #right_frame #aff_login #a_ID { width: 110px; height: 16px; padding-left: 85px; margin-bottom: 10px;} #contents_afi #right_frame #aff_login #a_PASS { width: 110px; height: 16px; padding-left: 85px; margin-bottom: 10px;} #contents_afi #right_frame #aff_login #a_LOGIN { widt: 179px; height: 41px; padding-left: 10px; margin-bottom: 10px; padding-top: 50px;} *html #contents_afi #right_frame #aff_login #a_LOGIN{ margin-bottom: 5px;} #contents_afi #right_frame #aff_login #a_lostpass { width: 150px; height: 12px; padding-left: 30px; margin-bottom: 10px; font-size: 10px;} *html #contents_afi #right_frame #aff_login #a_lostpass{ margin-bottom: 5px;} #contents_afi #right_frame #aff_login #a_JOIN { width: 159px; height: 31px; padding-left: 20px;} #contents_afi #right_frame #aff_login #a_lmo { width: 150px; height: 12px; padding-left: 30px; margin: 5px auto 10px; font-size: 10px;} *html #contents_afi #right_frame #aff_login #a_lmo{ margin-bottom: 5px;} #contents_afi #right_frame #mobile_aff_login { width: 200px; height: 232px; margin-bottom: 10px; background: url(/image/afi/mob_afi_login.gif) no-repeat top left; line-height:14px;} #contents_afi #right_frame #mobile_aff_login #m_ID { width: 110px; height: 16px; padding-left: 85px; margin-top: 58px; margin-bottom: 10px;} #contents_afi #right_frame #mobile_aff_login #m_PASS { width: 110px; height: 16px; padding-left: 85px; margin-bottom: 10px;} #contents_afi #right_frame #mobile_aff_login #m_LOGIN { widt: 179px; height: 41px; padding-left: 10px; margin-bottom: 10px; padding-top:50px;} *html #contents_afi #right_frame #mobile_aff_login #m_LOGIN{ margin-bottom: 5px;} #contents_afi #right_frame #mobile_aff_login #m_lostpass { width: 150px; height: 12px; padding-left: 30px; margin-bottom: 10px; font-size: 10px;} *html #contents_afi #right_frame #mobile_aff_login #m_lostpass{ margin-bottom: 5px;} #contents_afi #right_frame #mobile_aff_login #m_JOIN { width: 159px; height: 31px; padding-left: 20px;} #contents_afi #right_frame #r_banner1 { width: 200px; height: 128px; margin-bottom: 10px;} #contents_afi #right_frame #r_banner2 { width: 200px; height: 54px; margin-bottom: 10px;} #contents_afi #right_frame #r_banner3 { width: 195px; height: 130px; margin-left: 2px; margin-bottom: 10px;} #contents_afi #right_frame #r_banner4 { width: 200px; height: 127px; margin-bottom: 10px;} #contents_afi #right_frame #beginner_aff { width: 200px; height: 418px; margin-bottom: 5px; background: url(/image/afi/afi_beginner.jpg) no-repeat top left;} #contents_afi #right_frame #beginner_aff #msg_box1 { width: 120px; height: 22px; line-height: 16px; padding-left: 70px; padding-top: 80px; margin-bottom: 20px;} *html #contents_afi #right_frame #beginner_aff #msg_box1{ margin-bottom: 10px;} #contents_afi #right_frame #beginner_aff #b_button1 { width: 159px; height: 31px; padding-left: 20px; margin-bottom: 54px;} *html #contents_afi #right_frame #beginner_aff #b_button1{ margin-bottom: 50px;} #contents_afi #right_frame #beginner_aff #msg_box2 { width: 120px; height: 22px; line-height: 16px; padding-left: 70px; margin-bottom: 20px;} *html #contents_afi #right_frame #beginner_aff #msg_box2{ margin-bottom: 10px;} #contents_afi #right_frame #beginner_aff #b_button2 { width: 179px; height: 31px; padding-left: 10px; margin-bottom: 54px;} *html #contents_afi #right_frame #beginner_aff #b_button2{ margin-bottom: 52px;} #contents_afi #right_frame #beginner_aff #msg_box3 { width: 120px; height: 22px; line-height: 16px; padding-left: 70px; margin-bottom: 20px; } *html #contents_afi #right_frame #beginner_aff #msg_box3{ margin-bottom: 10px;} #contents_afi #right_frame #beginner_aff #b_button3 { width: 179px; height: 31px; padding-left: 10px;} #contents_afi #right_frame #r_mark { width: 200px; height: 190px; margin-bottom: 10px; text-align:center; } /* ===== :: Footer =============================================================*/ #footer #footer_boundary { float: left; display: block; width: 950px; height: 1px; background: url(/image/top/footer_line.gif) no-repeat top left;} #footer #footer_link { float: left; display: block; width: 950px; height: 72px; padding-top: 10px; background: url(/image/top/dash-line2.gif) bottom no-repeat;} #footer #footer_link #footer_logo { float: left; display: block; width: 194px; height: 52px; margin-left: 15px;} #footer #footer_link #footer_icon_box { float: left; display: block; width: 660px; height: 60px; padding-left: 50px;} #footer #footer_link #footer_icon_box img { float: left; display: block; width: 70px; height: 60px; margin-right: 2px;} #footer #footer_box { float: left; display: block; width: 950px; height: 191px; background-color: #FFFFFF;} #footer #footer_box #footer_menu { float: left; display: block; width: 720px; height: 191px; padding-left: 15px; padding-top: 15px;} #footer #footer_box #footer_menu #f_menu1 { float: left; display: block; width: 500px; height: 40px; margin-bottom: 40px;} #footer #footer_box #footer_menu a{ color: #999999;} #footer #footer_box #footer_menu a:hover{ color: #02b6eb;} #footer #footer_aff_copyright { float: left; display: block; width: 950px; height: 24px; font-size: 12px; color: #FFFFFF; text-align: center; background-color: #f39700;}