@charset "utf-8"; @import url("cart_dummy.css"); body { background: url(../img_myfone/bg_body.gif) repeat-x left -200px; } #footer { background: url(../img_myfone/bg_body.gif) repeat-x left top; } #brandSubNav ul li.item-0 ul li a { background: url(../img_myfone/menu_01_o.gif) no-repeat left top; } #brandSubNav ul li.item-0 ul li a:hover { background: url(../img_myfone/menu_01_h.gif) no-repeat left top; } #brandSubNav ul li.item-1 ul li a { background: url(../img_myfone/menu_02_o.gif) no-repeat left top; } #brandSubNav ul li.item-1 ul li a:hover { background: url(../img_myfone/menu_02_h.gif) no-repeat left top; } #brandSubNav ul li.item-2 ul li a { background: url(../img_myfone/menu_03_o.gif) no-repeat left top; } #brandSubNav ul li.item-2 ul li a:hover { background: url(../img_myfone/menu_03_h.gif) no-repeat left top; } #brandSubNav ul li.item-3 ul li a { background: url(../img_myfone/menu_04_o.gif) no-repeat left top; } #brandSubNav ul li.item-3 ul li a:hover { background: url(../img_myfone/menu_04_h.gif) no-repeat left top; } #brandSubNav ul li.item-4 ul li a { background: url(../img_myfone/menu_05_o.gif) no-repeat left top; } #brandSubNav ul li.item-4 ul li a:hover { background: url(../img_myfone/menu_05_h.gif) no-repeat left top; } #brandSubNav ul li.item-5 ul li a { background: url(../img_myfone/menu_06_o.gif) no-repeat left top; } #brandSubNav ul li.item-5 ul li a:hover { background: url(../img_myfone/menu_06_h.gif) no-repeat left top; } a:hover, h3.newsTitle a:hover { color: #ec89b7; text-decoration: underline; } h2.subTitle, .note, h2.newsTitle, h2.newsTitle a {color: #ef850b;} a.newsCenter { background: url(../img_myfone/arrow.gif) no-repeat left 5px; padding:0 0 0 11px; margin-right: 10px; float: right; display: block; } a.more { background: url(../img_myfone/arrow.gif) no-repeat left 5px; padding-left: 11px; } .listItem li { background: url(../img_myfone/arrow.gif) no-repeat left 5px; padding-left: 11px; } #keyvisual ul.tab li { background: url(../img_myfone/bg_kv_controller.png) no-repeat -80px top;font-size: 12px; line-height: 17px; } #keyvisual ul.tab li.active { background: url(../img_myfone/bg_kv_controller.png) no-repeat left top; } * html #keyvisual ul.tab li { background: url(../img_myfone/bg_kv_controller.gif) no-repeat left top; } * html #keyvisual ul.tab li.active { background: url(../img_myfone/bg_kv_controller_hover.gif) no-repeat left top; } #latestNews { background: url(../img_myfone/bg_block_latestNews.gif) no-repeat left top; } #latestNews .listItem li.last { margin-bottom: 0; } #onlineService { background: url(../img_myfone/bg_block_onlineService.gif) no-repeat left 30px; } #onlineService .tab li h5 { background-position: left -300px; cursor: auto; } #serviceCombo { background: url(../img_myfone/bg_block_serviceCombo.gif) no-repeat left 30px; } #serviceCombo a.more { bottom: 4px; } #serviceCombo > .tabContent > li.item-0, #serviceCombo > .tabContent > li.item-3 { padding: 0 0 0 2px; } #serviceCombo .buddy-serviceCombo .item-1 ul { width: 277px; padding: 9px 0 0 177px; } #serviceCombo .buddy-serviceCombo .item-1 ul li { margin-bottom: 7px; } #promoWireless { background: url(../img_myfone/bg_serviceC-promoWireless.jpg) no-repeat 3px 3px; height: 131px; } #promoCatch { background: url(../img_myfone/bg_serviceC-promoCatch.jpg) no-repeat 3px 3px; height: 131px; width: 475px;} #promoCatch ul { width: 270px; padding: 12px 0 0 25px; } * html #promoCatch ul { padding-top: 9px; } #promoCatch li { width: 84px; height: 18px; background: url(../img_myfone/bg_li_promoCatch.png) no-repeat left top; float: left; margin: 0 10px 8px 0; padding: 4px 0 0 28px; } * html #promoCatch li { background: url(../img_myfone/bg_li_promoCatch.gif) no-repeat left top; } #promoCatch li a { color: #FFF; text-decoration: none; display: block; } #promoCatch li a:hover { text-decoration: none; } #promoCatch a.more { float: right; background: url(../img_myfone/arrow_black.gif) no-repeat left 6px; color: #FFF; } .jcarousel-skin-TWM .jcarousel-container { width: 246px; }/*0714*/ .jcarousel-skin-TWM .jcarousel-clip { width: 170px; height: 130px; margin:0; padding:0; overflow:hidden; position:relative; z-index:2; } .jcarousel-list { left:0; margin:0; overflow:hidden; padding:0; position:relative; top:0; z-index:1; width:2000px; } .jcarousel-skin-TWM .jcarousel-next-horizontal { position: absolute; top: 66px; right: 13px; width: 16px; height: 48px; cursor: pointer; background: url(../img_myfone/btn_productCombo_tab.gif) no-repeat right top; } .jcarousel-skin-TWM .jcarousel-next-disabled-horizontal, .jcarousel-skin-TWM .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-TWM .jcarousel-next-disabled-horizontal:active { cursor: default; } .jcarousel-skin-TWM .jcarousel-prev-horizontal { position: absolute; top: 66px; left: 13px; width: 16px; height: 48px; cursor: pointer; background: url(../img_myfone/btn_productCombo_tab.gif) no-repeat left top; } .jcarousel-skin-TWM .jcarousel-prev-disabled-horizontal, .jcarousel-skin-TWM .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-TWM .jcarousel-prev-disabled-horizontal:active { cursor: default; } .jcarousel-skin-TWM .carouselWrap { height:129px; width: 170px; padding-top: 20px; margin-left: 37px; overflow: hidden; } #numberPromotion { height: 174px; } #numberPromotion .carouselWrap { width: 180px;} #numberPromotion .jcarousel-clip { /*padding-top: 41px;*/ } #numberPromotion .jcarousel-clip-horizontal { width:175px; } .jcarousel-skin-TWM li { float: left; display: block; width: 80px; padding: 0; margin-right: 10px; height: 125px; text-align: center; line-height: 1.3; } * html .jcarousel-skin-TWM li { margin-right: 3px; } #sitemap h3.itemTitle { background: url(../img_myfone/arrow.gif) no-repeat left 6px; } #numberPromotion li.jcarousel-item { height: 135px; width: 175px; } #numberPromotion li img { padding: 0 10px 10px 0; } #numberPromotion li a { text-decoration: none; display: block; width: 84px; background: url(../img_myfone/bg_li_promoPhoneNum.gif) no-repeat left top; height: 20px; padding-top: 2px; margin: 0 3px 5px 0; float: left;} #numberPromotion li a:hover { text-decoration: underline; } #phonePromotion, #numberPromotion { height: 175px; } #phonePromotion a.more, #numberPromotion a.more { bottom: 4px; } #phonePromotion .carouselWrap li div { font-size: 11px; line-height: 1.3; } #phonePromotion .carouselWrap li .productPrice { color: #939595; } #phonePromotion .carouselWrap li .productPrice span { color: #db474e; } #productCombo { background: url(../img_myfone/bg_block_productCombo.gif) no-repeat left 30px; } #mobilePackage, #customerBonus { width: 471px; height: 130px; padding-top: 6px; overflow: hidden; position: relative; } * html #mobilePackage, * html #customerBonus { padding-top: 3px; } #mobilePackage .tabContent, #customerBonus .tabContent { clear: both; width: 1200px; padding: 0; position: absolute; margin-top: 5px; margin-left: 1px; } * html #mobilePackage .tabContent, * html #customerBonus .tabContent { padding-top: 6px; } #mobilePackage .tabContent li, #customerBonus .tabContent li { position: static; float: left; width: 235px; } #mobilePackage .tab, #customerBonus .tab { padding: 3px 0 0 11px;} #mobilePackage .tab li, #customerBonus .tab li { position: static; float: left; } #mobilePackage .tab li span, #customerBonus .tab li span { color: #767676; font-size: 12px; text-indent: 1px; width: auto; padding: 8px 17px 0 11px; background: url(../../img/arrow_gray.gif) no-repeat left 12px; #background-position: left 10px; cursor: pointer; } #mobilePackage .tab li span.hover, #customerBonus .tab li span.hover { color: #ef850b; text-decoration: underline; } #mobilePackage .tab li.active span, #customerBonus .tab li.active span { background: url(../img_myfone/arrow.gif) no-repeat left 12px; #background-position: left 10px; } #importantInfo, #latestAnn { background: url(../img_myfone/bg_block_ann.gif) no-repeat left 30px; } #importantInfo{ width: 689px; margin-right: 0; min-height: 85px;} * html #importantInfo{ height: 85px;} #importantInfo .listItem li { background-position: left 5px; float: left; width: 315px; #margin: 0;} #localNav .middle { padding: 0px 0px 2px 0px;} #localNav .tabTitle { padding: 0px 0 0 0px; height: 31px; } #localNav ul.navMenu li { background-image: url(../img_myfone/arrow.gif); } #localNav ul.navMenu li ul { padding: 12px 0 9px 0px;} #localNav ul.navMenu { background-image: url(../img_myfone/gradient-localnav.gif); margin: 0 3px; } #localNav ul.short { background-image: url(../img_myfone/gradient-localnav_100.gif); } #localNav ul.mini { background-image: url(../img_myfone/gradient-localnav_30.gif); } a.active { color: #ee87b4; text-decoration: none; font-weight: 600; } #localNav a.active{ color: #ee87b4; font-weight: 400;} #pager a.active{ color: #ee87b4; } #sitemap .listItem li { font-size: 13px; font-weight: bold; padding-bottom: 5px;} #sitemap .listItem li ul { float: left; width: 100%; padding: 6px 0 0 4px;} #sitemap .listItem li ul li.floatLeft { font-size: 12px; font-weight: normal; width: 150px; } /**/ #center .myfoneset01 .top { background: url(../img_myfone/bg_content_top.png) no-repeat left top;} #center .myfoneset01 .middle { padding: 10px 10px 0;} #center .myfoneset01 .middle h6 { color: #e45c97; font-size: 15px; margin-bottom: 15px; } #center .myfoneset02 .mainContent { background: url(../img_myfone/bg_backlink.gif) repeat-x; padding: 15px 15px 0; height: 100%; } #center .myfoneset02 .mainContent h6{ font-size: 18px; margin-bottom: 15px; } #center .myfoneset03 .top { background: url(../img_myfone/bg_content_top.png) no-repeat left top;} .myfone_tab { margin: 0 -3px;} #mainContentWrap .top.myfone_tabStyle { background-image: url(../../img/bg_content_topTab.png);margin-left: -3px; } input.myfone_btn { background: url(../img_myfone/btn_myfone.gif) no-repeat; cursor: pointer; width:60px; height:21px; border: none; font-size: 12px; color: #fff;} input.myfone_btn02 { background: url(../img_myfone/btn_myfone02.gif) no-repeat; cursor: pointer; width:180px; height:21px; border: none; font-size: 12px; color: #fff; padding-top: 3px \9;} .myfone_picL { float:left; margin: 0 15px 15px 0; } .myfone_fRgiht { float: right; } .myfone_adArea { margin-top: 15px; height:111px; overflow: hidden; background: url(../img_myfone/service_call.gif) no-repeat;} #myfone_gArea {margin-top: 15px;} #myfone_gArea .middle { background: url(../img_myfone/bg_block_localNav_middle.gif) repeat-y left top; padding: 0 3px;} #myfone_gArea .middle .bg { background: url(../img_myfone/bg_appendix.gif) repeat-x; padding: 5px 5px; height: 100%;} #myfone_gArea .top { background: url(../img_myfone/bg_block_localNav_ctop.png) no-repeat left top; height: 5px; line-height: 0; font-size: 0;} #myfone_gArea .bottom { background: url(../img_myfone/bg_block_localNav_bottom.png) no-repeat left top; height: 5px; line-height: 0; font-size: 0;} #myfone_gArea .list { margin-bottom: 10px; } #myfone_gArea .list li{ padding: 0 0 0px 30px; line-height: 26px;height: 26px; background: url(../img_myfone/list_icon.gif) no-repeat; } #myfone_gArea .list li.l01{ background-position: 0 0px; } #myfone_gArea .list li.l02{ background-position: 0 -26px; } #myfone_gArea .list li.l03{ background-position: 0 -52px; } #myfone_gArea .list li.l04{ background-position: 0 -78px; } #myfone_gArea .list li.l05{ background-position: 0 -104px; } #myfone_gArea .list li.l06{ background-position: 0 -130px; } #myfone_gArea .list li.l07{ background-position: 0 -156px; } #myfone_gArea .mark { height: 100%;} #myfone_gArea .mark li{ float: left; width: 80px; border-top: 1px solid #ddd; padding-top: 5px;} #myfone_topArea #keyvisual { width: 497px; margin: 0 0 15px 0;height: 270px; } #myfone_topArea #keyvisual ul.tab { position: absolute; z-index: 100; top: 220px; right: 47px; } #myfone_topBanner { margin-bottom: 15px;} #myfone_topArea { margin-bottom: 15px;position: relative; min-height: 35px; _height: 35px;z-index:90; } #myfone_topArea .left { width: 497px;position: relative;} #myfone_topArea .right { width: 246px;position: absolute; top: 0px; right:0px;} .myfone_select .top{ background: url(../img_myfone/select_top.gif) 0px 0px no-repeat; height:5px; overflow:hidden; } .myfone_select .bottom{ background: url(../img_myfone/select_btm.gif) 0px 0px no-repeat; height:5px; overflow:hidden; } .myfone_select ul{ background: #fff 10px 5px no-repeat; padding: 0px 10px 0px 50px; } .myfone_select li{ background: url(../img_myfone/icon_dot.gif) 0 center no-repeat; padding-left: 11px; line-height: 20px;} .myfone_select li a{text-decoration: none;} #myfone_searchArea {margin-bottom: 10px; height: 169px;} #myfone_searchArea .middle{background: url(../img_myfone/searchBg.gif) 0 0 no-repeat; padding: 15px 15px 0; height: 123px;} #myfone_searchArea ul{ border-bottom: 1px solid #ddd;} #myfone_searchArea li{margin-bottom: 10px; position: relative;} * html #myfone_searchArea li{margin-bottom: 8px;} #myfone_searchArea li .selectlist { position: absolute; top: 18px; left: 39px; border: 1px solid #ddd; background-color: #fff; width: 163px; z-index: 110; padding: 5px; overflow-x: auto; } #myfone_searchArea li .selectlist ul { border-bottom: none; } #myfone_searchArea li .selectlist li { margin-bottom: 5px;} #myfone_searchArea li .selectlist li.done { border-top: 1px solid #ddd; padding-top: 5px;} #myfone_searchArea select{width: 175px;z-index: 1;} #myfone_searchArea .btn { text-align: right; margin-top: 5px;} .myfone_inSearch { padding: 8px 0 0 33px; height: 27px; background: url(../img_myfone/searchinBg.gif) no-repeat; position: relative;} .myfone_inSearch input.intxt { width: 200px; font-size: 12px; border: none; height:18px;background-color: transparent; line-height:18px;} .myfone_inSearch .btn_search { background: url(../img_myfone/btn_search.gif) no-repeat; width: 71px; height: 33px; border: none; cursor: pointer; color: #fff;position: absolute; top: 1px; right: 0px; z-index: 10;} .myfone_inSearch .conditionArea { position: absolute; top: 10px; right: 80px; z-index: 999;} .myfone_inSearch .condition { position: relative; display: inline; background: url(../img_myfone/search_line.gif) 0 center no-repeat; padding-right: 5px;} .myfone_inSearch .condition a{ text-decoration: none; padding: 0 15px 0 8px;} .myfone_inSearch .condition.close a{ background: url(../img_myfone/search_open.gif) right 6px no-repeat;} .myfone_inSearch .condition.close .selectlist{ display:none;} .myfone_inSearch .condition.open a{ background: url(../img_myfone/search_close.gif) right 6px no-repeat;} .myfone_inSearch .condition .selectlist{ position: absolute; top: 18px; left: 0; background: #fff; width: 120px; border: 3px solid #ddd; padding: 5px; z-index: 9999; } .myfone_inSearch .condition .selectlist p{ border-bottom: 1px solid #ddd; color: #ee87b4; padding-bottom: 5px; margin-bottom: 10px;} .myfone_inSearch .condition .selectlist li{ margin-bottom: 5px;} .myfone_pageArea { padding: 0px 0 15px; position: relative; width:100%;} .myfone_pageArea #pager{ padding: 0px;} .myfone_pageArea .tCenter { text-align: center;} .myfone_pageArea .show{ padding-left: 15px;position: absolute; top: 0px; right: 0px; background: url(../img_myfone/icon_show.jpg) 0 center no-repeat;} #myfone_showArea { border-top: 1px solid #ddd; margin-bottom:15px; height: 100%;} #myfone_showArea .myfone_showRow { background: url(../img_myfone/shadow.jpg) 0 120px no-repeat; border-bottom: 1px solid #ddd; height: 340px;} #myfone_showArea .myfone_phoneBox { background: url(../img_myfone/phone_bg.jpg) 0 bottom repeat-x; width: 245px; height: 320px; float:left; position: relative; z-index: 1; border-right: 1px solid #ddd; padding: 10px 0;} #myfone_showArea.buySet .myfone_showRow { height: 365px;} #myfone_showArea.buySet .myfone_phoneBox { height: 345px;} #myfone_showArea .lastR{ border-right: none;} .myfone_phoneBox .pic {text-align: center; height: 184px; } .myfone_phoneBox .icon { position: absolute; top: 15px; left: 15px; } .myfone_phoneBox .txt { margin: 0 10px; height: 60px; } .myfone_phoneBox h6 { font-size: 18px; } .myfone_phoneBox h6 a{text-decoration: none; } .rateArea { background: url(../img_myfone/star.gif) 0 0 no-repeat; height: 13px; line-height: 13px; padding-left: 75px;} .star1 { background-position: 0 -13px;} .star2 { background-position: 0 -26px;} .star3 { background-position: 0 -39px;} .star4 { background-position: 0 -42px;} .star5 { background-position: 0 -55px;} .myfone_phoneBox .giftArea { background: url(../img_myfone/icon_gift.jpg) 0 5px no-repeat; padding: 0 0 10px 35px; margin: 0 10px 10px; border-bottom: 1px solid #ddd; min-height: 36px;_height: 36px;} .myfone_phoneBox .giftArea li{ background: url(../img_myfone/icon_dot.jpg) 0 center no-repeat; padding-left: 8px; line-height: 18px; _height: 18px;} .myfone_phoneBox .moreArea { margin: 0 10px;} .myfone_phoneBox .moreArea span{font-size: 18px;color: #db474e; margin-right: 5px;} .myfone_phoneBox .moreArea a{ background: url(../img_myfone/arrow.gif) 0 center no-repeat; padding-left: 10px;text-decoration: none;position: absolute; top: 310px; right: 15px;} .buySet .myfone_phoneBox .moreArea a{top: 333px;} .myfone_info {font-size: 15px; padding: 0px 0 10px;} .myfone_info span{color: #ee87b4; font-weight: 600; } .myfone_lineBg {background: url(../img_myfone/lineBg.jpg) center 0 no-repeat; height: 100%; padding-top:10px;} .myfone_lineBg.phoneList { padding: 20px 7px 0;} #myfone_phoneArea { width: 550px; float: left; overflow: hidden; margin-bottom:15px;} #myfone_phoneArea .myfone_phoneBox { width: 260px;height: 130px; float: left;background:none;border-right: none; margin-right: 15px; margin-bottom: 15px;} #myfone_phoneArea .myfone_phoneBox .pic { width: 100px;height: 130px; float: left; } #myfone_phoneArea .myfone_phoneBox .box { width: 160px;height: 130px; float: left; } #myfone_phoneArea .myfone_phoneBox .txt { margin: 0 0px; height: 60px; } #myfone_phoneArea .myfone_phoneBox h6 { font-size: 15px; } #myfone_phoneArea .myfone_phoneBox h6 a{text-decoration: none; } #myfone_phoneArea .myfone_phoneBox .giftArea { margin: 0 0px 5px; padding-bottom: 5px;} #myfone_phoneArea .myfone_moreArea { margin: 0 0px;} .myfone_recordArea { width: 170px; float: left; border-left: 1px solid #ddd; padding-left: 15px;} .myfone_recordArea li{ list-style: disc; margin-left: 20px;} /* top10 */ .myfone_rankBox { background: url(../img_myfone/phone_bg.jpg) 0 bottom repeat-x; border-bottom: 1px solid #ddd; margin-bottom: 15px; height: 150px; padding: 10px 0px 10px 10px; position:relative; overflow:hidden;} .myfone_rankBox .icon{ position:absolute; top: 0px; left: 5px;} .myfone_rankBox .state { float: left; width: 100px; margin-right: 10px; padding-top: 108px; } .myfone_rankBox .no1 { background:url(../img_myfone/top1.gif) 0 40px no-repeat;} .myfone_rankBox .no2 { background:url(../img_myfone/top2.gif) 0 40px no-repeat;} .myfone_rankBox .no3 { background:url(../img_myfone/top3.gif) 0 40px no-repeat;} .myfone_rankBox .no4 { background:url(../img_myfone/top4.gif) 0 40px no-repeat;} .myfone_rankBox .no5 { background:url(../img_myfone/top5.gif) 0 40px no-repeat;} .myfone_rankBox .no6 { background:url(../img_myfone/top6.gif) 0 40px no-repeat;} .myfone_rankBox .no7 { background:url(../img_myfone/top7.gif) 0 40px no-repeat;} .myfone_rankBox .no8 { background:url(../img_myfone/top8.gif) 0 40px no-repeat;} .myfone_rankBox .no9 { background:url(../img_myfone/top9.gif) 0 40px no-repeat;} .myfone_rankBox .no10 { background:url(../img_myfone/top10.gif) 0 40px no-repeat;} .myfone_rankBox .state p{font-size:11px; line-height:16px; padding-left: 22px;} .myfone_rankBox .state p.up { background:url(../img_myfone/icon_up.gif) 0 center no-repeat;} .myfone_rankBox .state p.down { background:url(../img_myfone/icon_down.gif) 0 center no-repeat;} .myfone_rankBox .state p.same { background:url(../img_myfone/icon_same.gif) 0 center no-repeat;} .myfone_rankBox .pic { float: left; width: 70px; margin-right: 10px;} .myfone_rankBox .txt { float: left; width: 200px; margin-right: 10px;} .myfone_rankBox .txt h6{ font-size: 18px;min-height: 30px;_height: 30px;} .myfone_rankBox .txt h6 a{ text-decoration: none;} .myfone_rankBox .txt li { list-style: disc; margin-left: 20px;} .myfone_rankBox .accArea { float: left; width: 130px;background:url(../img_myfone/acc_bg.gif) 0 0px no-repeat;margin-right: 10px; height: 110px; padding-top: 28px;} .myfone_rankBox .accArea .acc_pic{ text-align: center; margin-bottom: 10px; height: 80px;} .myfone_rankBox .accArea p{ text-align: center;} .myfone_rankBox .otherArea { float: left; width: 177px; height: 110px; padding-top: 28px; } .myfone_rankBox .otherArea .giftArea{background: url(../img_myfone/icon_gift.jpg) 0 5px no-repeat; padding: 0 0 10px 35px; margin-bottom: 15px; } .myfone_rankBox .otherArea .giftArea li{ background: url(../img_myfone/icon_dot.jpg) 0 8px no-repeat; padding-left: 8px; line-height: 18px;} .myfone_rankBox .otherArea .feeArea li{ background: url(../img_myfone/arrow.gif) 0 10px no-repeat; padding-left: 13px;} .myfone_rankBox .otherArea .feeArea .t11Gray{ font-size: 11px; color: #a0a0a0;} .myfone_rankBox .otherArea .feeArea .t18Red{ font-size: 18px; color: #db474e; padding: 0 5px;} /**/ .myfone_detailArea {background: url(../img_myfone/shadow.jpg) center 180px no-repeat; border-top: 1px solid #ddd; margin-top:15px; /*height:475px;*/ overflow:hidden;} .detailBox { float: left; width: 477px; padding-top: 15px;} #center .myfone_detailArea .detailBox h6{ font-size:24px; line-height: 26px;} .myfone_detailArea .picArea{ float:left; width: 260px; margin-top:0px; position:relative;} .myfone_detailArea .picArea .pic{ text-align:center; margin-bottom:10px; height:300px; padding-top: 15px;} .myfone_detailArea .picArea .icon{ position:absolute; top: 0px; left: 0px;} .myfone_detailArea .myfone_morepicArea { width: 220px; margin: 0 auto 10px; height: 48px;} .myfone_detailArea .myfone_morepicArea .btn { float:left; width: 16px; margin: 0 5px;} .myfone_detailArea .myfone_morepicArea ul li{ float:left; margin: 0 4px; } .myfone_detailArea .myfone_morepicArea ul a{ display: block; width: 46px; text-align:center;} .myfone_detailArea .actArea { text-align: center;} .myfone_detailArea .actArea a{ padding: 3px 0px 3px 20px; font-size:11px; text-decoration:none; margin-right: 10px;} .myfone_detailArea .actArea .zoom{ background: url(../img_myfone/icon_morepic01.jpg) no-repeat;} .myfone_detailArea .actArea .movie{ background: url(../img_myfone/icon_morepic02.jpg) no-repeat;} .myfone_detailArea .actArea .interactive{ background: url(../img_myfone/icon_morepic03.jpg) no-repeat;} .myfone_detailArea .txtArea{ float:left; width: 202px; margin:0px 0px 0 0; padding-top: 15px;} #center .myfone_detailArea .txtArea h6{ font-size:24px; line-height: 26px; height: 70px;} .myfone_detailArea .txtArea .info, .myfone_detailArea .txtArea .function{ margin-bottom:15px;} .myfone_detailArea .txtArea .info li{ list-style: disc; margin-left: 20px;} .myfone_detailArea .txtArea .function li { display: inline;} .myfone_detailArea .txtArea .share{ margin-bottom: 15px;} .myfone_detailArea .txtArea .share a{ margin-left:5px;} .myfone_detailArea .txtArea .share img { vertical-align: middle;} .myfone_detailArea .btn_comparePhone { background: url(../img_myfone/btn_comparePhone.gif) no-repeat; cursor: pointer; width: 155px; height:32px; border: none; padding: 0 0 11px 17px; color: #e61d30; font-weight: 600;} .myfone_detailArea .board_line{ float:left; width: 14px; background: url(../img_myfone/board_bg.png) 0 0 no-repeat; overflow:hidden; } .myfone_detailArea .boardArea{ float:left; width: 230px; border-left: 1px solid #ddd;} .myfone_detailArea .boardArea .boardheight { min-height: 438px; _height: 438px; background: #fff url(../img_myfone/board_bg02.jpg) 0 bottom repeat-x;} .myfone_detailArea .boardArea .feeArea { background: url(../img_myfone/fee_bg.jpg) 0 bottom repeat-y; margin: 1px 0; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px;} .myfone_detailArea .boardArea .feeArea li{ background: url(../img_myfone/arrow.gif) 0 14px no-repeat; padding-left: 10px; line-height: 30px;} .myfone_detailArea .boardArea .feeArea li .t11Gray{ color: #a0a0a0; font-size:12px; margin-right: 20px;} .myfone_detailArea .boardArea .feeArea li .t11Gray02{ color: #a0a0a0; font-size:11px;} .myfone_detailArea .boardArea .feeArea li .t18Red{color: #db474e;font-size:18px;margin-right:5px;} /*.myfone_detailArea .boardArea .giftArea { background: url(../img_myfone/icon_gift.jpg) 10px 15px no-repeat; padding: 10px 10px 10px 45px; border-bottom: 1px solid #ddd; _height: 1px; } .myfone_detailArea .boardArea .giftArea li{ background: url(../img_myfone/icon_dot.jpg) 0 8px no-repeat; padding-left: 8px; line-height: 18px;} .myfone_detailArea .boardArea .giftArea li.gift{ background: none; padding-left: 0px; } .myfone_detailArea .boardArea .giftArea li.gift img{ margin-right:5px; }*/ .myfone_detailArea .boardArea .giftArea {padding: 10px; border-bottom: 1px solid #ddd; } .myfone_detailArea .boardArea .giftArea .tagArray{text-align: right; margin-bottom: 5px;} .myfone_detailArea .boardArea .giftArea .tagArray li{ display: inline; margin-left: 5px;} .myfone_detailArea .boardArea .giftArea .tagArray a{ padding: 1px 0 1px 20px; text-decoration: none;} .myfone_detailArea .boardArea .giftArea .tagArray .current a{ color: #ee87b4;} .myfone_detailArea .boardArea .giftArea .tagArray .t1 a{ background: url(../img_myfone/gift_listarray.gif) no-repeat;} .myfone_detailArea .boardArea .giftArea .tagArray .t2 a{ background: url(../img_myfone/gift_picarray.gif) no-repeat;} .myfone_detailArea .boardArea .giftArea .giftlist ul{ padding-top: 22px;} .myfone_detailArea .boardArea .giftArea .giftlist.set1 ul{ margin-bottom: 5px;} .myfone_detailArea .boardArea .giftArea .giftlist.set1 ul li{background: url(../img_myfone/icon_dot.jpg) 10px 9px no-repeat; padding-left: 18px;} .myfone_detailArea .boardArea .giftArea .giftlist.set1 ul li a{text-decoration:none; } .myfone_detailArea .boardArea .giftArea .giftlist.set2 ul{ float: left; width: 70px; background-position: center 0;} .myfone_detailArea .boardArea .giftArea .giftlist.set2 ul li{ width: 55px; height: 55px; display:block; margin: 0 auto 3px; overflow:hidden;} .myfone_detailArea .boardArea .giftArea .giftlist .list1 { background: url(../img_myfone/gift_01.gif) no-repeat;} .myfone_detailArea .boardArea .giftArea .giftlist .list2 { background: url(../img_myfone/gift_02.gif) no-repeat;} .myfone_detailArea .boardArea .giftArea .giftlist .list3 { background: url(../img_myfone/gift_03.gif) no-repeat;} .myfone_detailArea .boardArea .giftArea .giftlist .list4 { background: url(../img_myfone/gift_04.gif) no-repeat;} .myfone_detailArea .boardArea .colorArea { padding: 10px;} .myfone_detailArea .boardArea .colorArea p{ background: url(../img_myfone/icon_arrow.jpg) 0 7px no-repeat; padding-left: 10px; margin-bottom: 10px;} .myfone_detailArea .boardArea .colorArea ul{ float:left; padding-left: 10px;} .myfone_detailArea .boardArea .colorArea ul li{ text-align: center;} .myfone_detailArea .boardArea .colorArea img{ border: 1px solid #ddd;} .myfone_detailArea .boardArea .boardbtn { border-top: 1px solid #ddd; height: 36px;} /**/ .myfone_tophelpbtn { text-align: right; font-size: 11px; position: relative; z-index: 80; } .myfone_tophelpbtn a{ color:#c6c6c6; padding-left: 20px;text-decoration: none; } .myfone_tophelpbtn.open a{ background: url(../img_myfone/btn_openhelp.jpg) no-repeat;} .myfone_tophelpbtn.close a{ background: url(../img_myfone/btn_closehelp.jpg) no-repeat;} .myfone_tophelpArea { background: url(../img_myfone/icon_help.gif) no-repeat; padding: 0px 0 0px 60px; min-height: 50px; _height: 50px; margin-top: -18px;} .myfone_tophelpArea.oneline { padding-top: 15px;} .myfone_tophelpArea.noicon { background: none; padding: 0px; min-height: 0px; _height: 0px;} .myfone_tophelpArea span{ color: #e45c97;} .myfone_helpArea { background: url(../img_myfone/help_bg.gif) no-repeat; height:42px; font-size:15px; padding: 20px 0 0 75px;position: relative;} .myfone_helpArea span{ font-weight:600; color: #e45c97;} .myfone_helpArea .apply { position: absolute; top: 20px; right: 10px; font-size: 11px;line-height: 15px; text-align: right;} .myfone_helpArea .apply li { list-style: none;} .myfone_arrArea { background: url(../img_myfone/shadow.jpg) center 135px no-repeat; position:relative; width:722px; margin:15px 0; } .myfone_arrArea .tRight { text-align: right;} .tPink { color: #e45c97;} .myfone_arrArea .arr_tb { position: absolute;top: 30px; right: 0px; width:375px;} .myfone_arrArea .arr_tb input{ border: 1px solid #ccc; width: 200px;} .myfone_arrArea .arr_tb input.myfone_btn { border: none; width: 60px;} .myfone_arrArea .myfone_phoneBox { padding: 10px 0 0 15px;} .myfone_arrArea .myfone_phoneBox .pic{ float: left; width: 70px; text-align: center; height: 150px;} .myfone_arrArea .myfone_phoneBox .txt { float: left; width: 230px; margin: 0 15px; height: auto; } .myfone_noteArea { padding: 15px;} .myfone_noteArea h6{ color: #e45c97; font-size: 15px; margin-bottom: 15px; font-weight: 600; } .myfone_noteArea h6.mT15{ margin-top: 15px; } .myfone_noteArea h6 span{ color: #666; } .myfone_noteArea ul li{ list-style: disc; margin-left: 20px; } .myfone_noteArea ol li{ list-style: decimal; margin-left: 20px; } .myfone_noteArea.bgset { background: url(../img_myfone/bg_appendix.gif) repeat-x; height: 100%;} .myfone_desArea { text-align: right;position:relative; color: #e45c97; width: 722px;} .myfone_desArea .set1 { position: absolute; top: -45px; right: 0px; height:20px; padding: 5px;} .myfone_desArea .set2 { position:absolute; top: -42px; right: 0px; width: 603px; height:20px; padding: 5px; background: url(../img_myfone/desArea_bg.gif) no-repeat; } .myfone_desArea a{ background: url(../img_myfone/arrow.gif) 0 center no-repeat; padding-left: 10px; margin-left: 10px; text-decoration: none;} .myfone_desArea p{ float: left;} .myfont_giftArea {} .myfont_giftArea .myfont_giftBox{ float:left; background: url(../img_myfone/gift_line.jpg) right 0 no-repeat; width: 135px; padding-right: 25px; margin-right: 25px;} .myfont_giftArea .myfont_giftBox.last{ background: none;margin-right: 0px;} .myfont_giftArea .myfont_giftBox .pic{ margin-bottom: 10px;} .myfont_giftArea .myfont_giftBox p{ line-height: 18px;} .myfont_giftArea .myfont_giftBox span{ color: #e45c97;} .myfone_packArea { margin-bottom: 15px;} #mainContentWrap .myfone_packArea .top {background: url(../img_myfone/packArea_top.jpg) 0 0 no-repeat; height: 10px;} .myfone_packArea .btm {background: url(../img_myfone/packArea_btm.jpg) 0 0 no-repeat; height: 10px;} .myfone_packArea .mid {background: url(../img_myfone/packArea_bg.jpg) 0 0 repeat-y; padding: 0 10px;} .myfone_packArea .name { background:url(../img_myfone/pack_namebg.jpg) no-repeat; height: 30px; padding: 0 0 0 40px; font-size: 15px; font-weight: 600; margin-bottom: 10px; position:relative;} .myfone_packArea .name .icon{ position: absolute; top: 5px; left:5px;} .myfone_packArea .name span{ font-size: 11px; font-weight: 400; margin-right: 10px; padding-right:10px; border-right: 1px solid #ddd; } .myfone_packArea .content { position: relative; width: 702px; height: 95px;} .myfone_packArea .obj { padding-left: 10px; } .myfone_packArea .obj li{ list-style: none; display: inline; margin: 0 10px 0 0; } .myfone_packArea .obj li img{ vertical-align: middle;} .myfone_packArea .buy { position: absolute; top: 0px; right: 110px;} .myfone_packArea .buy li{ list-style: none; margin: 0 0px 0 0;} .myfone_packArea .buy li input{ margin-top: 5px;} .myfone_packArea .buy li span{ color: #db474e; font-size:15px; font-weight: 600; margin-right: 5px; } .myfone_packArea .save {background:url(../img_myfone/icon_save.jpg) center 0 no-repeat; padding-top: 25px; text-align: center; width: 90px; border-left: 1px solid #ddd; position: absolute; top: 0px; right: 0px; } .myfone_packArea .save .percen { font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 10px;} .myfone_packArea .save span{ color: #db474e; } .myfone_packArea .descript {background: #efefef url(../img_myfone/icon_descript.jpg) 10px 8px no-repeat; padding: 5px 10px 5px 40px; } .myfone_packArea .descript .d1{background: url(../img_myfone/icon_descript01.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d2{background: url(../img_myfone/icon_descript02.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d3{background: url(../img_myfone/icon_descript03.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d4{background: url(../img_myfone/icon_descript04.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d5{background: url(../img_myfone/icon_descript05.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d6{background: url(../img_myfone/icon_descript06.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d7{background: url(../img_myfone/icon_descript07.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d8{background: url(../img_myfone/icon_descript08.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d9{background: url(../img_myfone/icon_descript09.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript .d10{background: url(../img_myfone/icon_descript10.jpg) 0px 0 no-repeat; padding-left: 20px; margin-right: 10px; } .myfone_packArea .descript strong{ font-weight: 600;} .myfone_packArea .descript strong.tRed{ color: #db1254;} /* table */ .mB15 { margin-bottom:15px;} .mT15 { margin-top:15px;} table.myfone_tb01 { border: 1px solid #ddd; background-color: #fff;border-collapse: separate;border-spacing: 1px;} table.myfone_tb01 th{ padding: 5px 10px; background-color:#e0e0e0; font-weight: 600;} table.myfone_tb01 td{ padding: 5px 10px; background-color:#ececec;} table.myfone_tb02 { background-color: #fff;border-collapse: separate;border-spacing: 1px;} table.myfone_tb02 th{ padding: 5px 10px; background: url(../img_myfone/th_bg.jpg) repeat-x; color: #fff; text-align:center;} table.myfone_tb02 th span{ font-size:11px; color:#9f9d9d;} table.myfone_tb02 td{ padding: 5px 10px; background-color:#fbfbfb;} table.myfone_tb02 td select{ vertical-align: middle;} table.myfone_tb02 td.title{ font-weight: 400;} table.myfone_tb02 td.tb_info{ padding: 5px 10px; background-color:#fff; font-weight: 400; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;} table.myfone_tb02.normal td{ padding: 5px 10px; font-weight: 400;} table.myfone_tb02 .sec td, table.myfone_tb02 .sec th{ background-color:#f0f0f0;} table.myfone_tb02 input.btn {background: url(../img_myfone/btn_tab.gif) no-repeat; width:41px; height:17px; border: none; cursor: pointer; float: left; margin:2px 5px 0 0;} table.myfone_tb02 input.btn02 {background: url(../img_myfone/btn_pick.gif) no-repeat; width:60px; height:17px; border: none; cursor: pointer; float: left; margin:2px 5px 0 0;} table.myfone_tb02 .item_open th{ padding: 5px 10px; background: url(../img_myfone/th_bg.jpg) repeat-x; color: #fff; text-align:left; font-weight: 600;} table.myfone_tb02 .item_open th a{ padding-left: 15px; background: url(../img_myfone/tab_open.gif) 0 5px no-repeat; color: #fff; text-decoration:none;} table.myfone_tb02 .item_close th{ padding: 5px 10px; background: url(../img_myfone/th_bg_close.jpg) repeat-x; color: #fff; text-align:left; font-weight: 600;} table.myfone_tb02 .item_close th a{ padding-left: 15px; background: url(../img_myfone/tab_close.gif) 5px 1px no-repeat; color: #fff; text-decoration:none;} table.myfone_tb02 .item_content td{ padding: 0;} table.myfone_tb02 .item_content td td{ padding: 5px 10px;} table.myfone_tb02 .item_content th{ padding: 5px 10px 5px 25px; font-weight: 400; background-image:none;color: #666; width: 120px; text-align: left; } strong { font-weight: 600;} /*layer*/ body {height: 100%;} #myfone_overlay{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;min-height:1150px;height:auto !important;height:1150px;background: url(../img_myfone/overlay.png);} #myfone_loadoverlay{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;min-height:1150px;height:auto !important;height:1150px;background: url(../img_myfone/black_overlay.png);} .myfone_popArea { z-index: 100; position: absolute; left: 25%; top: 180px; width: 550px; background: #d8d8d8; padding: 5px; visibility: visible; } .myfone_loadArea { z-index: 100; position: absolute; left: 25%; top: 180px; width: 520px; height: 100px; text-align: center; visibility: visible; color: #000; background-color: #fff; padding: 15px; } .myfone_popArea .content { border: 1px solid #a5a5a5; background-color: #fff; padding:5px;} .myfone_popArea .title {background: #E9E8E6 url(../img_myfone/layer_header.jpg) 0px 0px no-repeat; min-height: 22px; _height: 22px; padding: 10px 60px 11px 170px; border-bottom: 1px solid #ddd;font-size: 24px; position:relative; line-height: 26px;} .myfone_popArea .title .btn_close { position: absolute; top: 10px; right: 10px; } .myfone_popArea p { background: url(../img_myfone/arrow.gif) 0 center no-repeat; padding-left: 10px;} .myfone_popArea .con { height: 475px; overflow: hidden; } .myfone_popArea .colorArea { float: left; width: 60px;background: url(../img_myfone/layercolor_bg.jpg) 0px 0px repeat-x; margin-right:1px; height:444px; padding: 30px 25px 0; } .myfone_popArea .colorArea ul{ width: 24px; padding-left: 10px; margin-top: 10px; } .myfone_popArea .colorArea ul li{ text-align: center;} .myfone_popArea .colorArea img{ border: 1px solid #ddd;} .myfone_popArea .picArea { float: left; width: 420px;background: url(../img_myfone/layerpic_bg.jpg) 0px 0px no-repeat; height:474px; text-align: center;} .myfone_popArea .angleArea {background: url(../img_myfone/picangle_bg.jpg) 0px 0px no-repeat; height: 70px; position:relative; } .myfone_popArea .angleArea p{ position: absolute; top: 30px; left: 25px; } .myfone_popArea .angleArea .morepic { margin: 0px 0 0 120px; padding-top: 13px;} .myfone_popArea .angleArea .morepic .btn { float:left; width: 16px; margin: 0 5px;} .myfone_popArea .angleArea .morepic ul{ } .myfone_popArea .angleArea .morepic ul li{ float:left; margin: 0 5px; } .myfone_popArea .angleArea .morepic ul a{ display: block; width: 46px; height: 46px; text-align:center;border: 1px solid #fff;} .myfone_popArea .angleArea .morepic ul a.on, .myfone_popArea .angleArea .morepic ul a:hover{ border: 1px solid #e582ad;} select { z-index:1;} /**/ .printSet {background: none;} .printSet #wrap{width: 758px; margin: 0 auto; padding: 0px 0 15px;} .printSet #header{height: 80px;} .printSet #content { padding: 0; }/*0714*/ .printSet #center {margin-left: 0px; }