/* * Styles for miwifi.com * Latest modified at 2014-05-06 15:16 * Has solutions for Retina, without FF @media screen and (min-width: 1000px) { .top, #header_menu .menunav, #contactbanner, #newsbanner, #servicebanner, #aboutbanner, #jobbanner, #location, #servicemain, #footer, #bottoms, #attentiontitle, #attention, #contactcontent, #aboutcontent, .jobcontent, #newscontent{width:1000px} } 设置了浏览器宽度不小于1366px时 abc 显示1280px宽度 @media screen and (max-width: 1280px) { .top, #header_menu .menunav, #contactbanner, #newsbanner, #servicebanner, #aboutbanner, #jobbanner, #location, #servicemain, #footer, #bottoms, #attentiontitle, #attention, #contactcontent, #aboutcontent, .jobcontent, #newscontent{width:1000px} } 设置了浏览器宽度不大于1280px时 abc 显示1000px宽度 */ .top, #header_menu .menunav, #contactbanner, #newsbanner, #servicebanner, #aboutbanner, #jobbanner, #location, #servicemain, #footer, #bottoms, #attentiontitle, #attention, #contactcontent, #aboutcontent, .jobcontent, #newscontent{width:1000px} /* reset */ html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time{margin:0;padding:0;} a{text-decoration:none;} ul, ol, li{list-style:none outside;} img{border:none;} s{font-style:normal; text-decoration:none;} /* global */ html, body{position:relative;z-index:1;min-width:960px;height:100%;background:#fff;} body{font-size:12px;font-family:"Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif;-webkit-font-smoothing:antialiased;} /* common */ .billboard, .promos, .pics, .footer, .bottoms, .download_container, .gotoUhytech, .header_container, .btns, .public_board, .open_header, .open_circles, .open_process, .open_dl, .open_dlAPI, .open_dever, .public_gal{ position:absolute; left:-6px; right:0; overflow:hidden; width:100%; zoom:1; } .billboard, .promos, .pics, .footer, .download_container, .bottoms, .public_board, .open_header, .open_circles, .open_process, .open_dl, .open_dlAPI, .open_dever, .public_gal{z-index:1;} .gotoUhytech, .header_container, .btns{z-index:999;} /* specific -> outers */ .billboard{height:720px;bottom:1147px;} .pics{height:500px;bottom:400px;} .footer{ margin:auto; height:250px; top:817px; padding-top:50px; } .bottoms{min-height:100px; height:auto;top:1080px; margin:auto; overflow:hidden} .gotoUhytech{height:54px;top:0;} .header_container{ height:250px; top:56px; } .btns{height:85px;top:680px;} .download_container{height:700px;top:210px;} .public_board{height:906px;top:0;} .open_header{height:440px;top:0;} .open_circles{height:400px;top:440px;} .open_process{height:250px;top:840px;} .open_dl{height:160px;top:1090px;} .open_dlAPI{height:380px;top:1250px;} .open_dever{height:300px;top:1630px;} .public_gal{height:350px;top:906px;} /* member-form --------------------------------------------------------*/ .member-form{ font-size: 14px; line-height: 26px; } .member-form .member-form-main{ float: left; margin-right: 50px; padding-right: 50px; border-right: 1px solid #ccc; } .member-form .member-form-main a{ margin-top: 5px; } .member-form .member-form-main.single{ border: 0; } .member-form .member-form-main th{ font-weight: 400; text-align: left; white-space: nowrap; padding: 5px 5px 5px 0; width: 100px; overflow: hidden; vertical-align: top; } .member-form .member-form-main td{ padding: 5px 5px 20px; } .member-form .member-form-main label{ width: auto; float: none; } .member-form .member-form-main input[type="text"], .member-form .member-form-main input[type="password"]{ border: 1px solid #bababa; width: 200px; height: 20px; line-height: 20px; padding: 2px 9px; } .member-form .member-form-main select{ width: 220px; } .member-form .member-form-main button{ background: #0078b1; margin-bottom: 10px; } .member-form .member-form-side{ float: left; } .member-form .member-form-side p{ font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding: 60px 40px 0; } .member-form .member-form-side h2{ font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; } .member-form .member-form-side ul{ margin: 20px 0; } .member-form .member-form-side ul li button{ display: block; height: 30px; line-height: 30px; padding-left: 35px; color: #333; text-align: left; background-color: #fff !important; background-image: url(images/auth.png) !important; background-repeat: no-repeat !important; cursor: pointer; } .member-form .member-form-side ul li button:hover{ color: #0078b1; } .member-form .member-form-side ul li .facebook{ background-position: 0 -90px; } .member-form .member-form-side ul li .twitter{ background-position: 0 -60px; } .member-form .member-form-side ul li .google{ background-position: 0 -30px; } .member-form .member-form-side ul li .microsoft{ background-position: 0 0; } .member-form .member-form-side ul li .yahoo{ background-position: 0 -120px; } .member-form .member-form-side ul li .linkedin{ background-position: 0 -150px; } .member-form-hint{ text-align: center; font-size: 18px; margin: 40px 0 60px; } .aw-bg-wrap{position:absolute;top:0;left:50%;margin-left:-629px; z-index:-1;width:1258px;height:824px;overflow:hidden;background-position: center 0;background-repeat: no-repeat;} .aw-bg-wrap li{position:absolute;left:0;top:0;width:100%;background-position: center 0;background-repeat: no-repeat;} .aw-login-wrap{position:relative;z-index:1;width: 100%;height: auto;margin:0 auto;} /* specific -> mask & popModel */ #popbg{background:url(./images/MainA.jpg) no-repeat center top; margin:auto; height:615px; overflow:hidden; width:1258px; clear:both} /* details -> gotouhytech */ .gotouhy{position:absolute;width:1100px;top:0;right:auto;bottom:0;left:50%;margin-left:-550px;text-align:right;line-height:54px;font-size:14px;padding-right:10px;} .gotouhy a{color:#003f79;} .gotouhy a.subxm{color:#003f79;} .gotouhy a:hover{text-decoration:underline; } .top{margin:auto; height:80px;text-align:right;line-height:100px;font-size:14px;} .login{width:700px;float:right;height:30px;text-align:right;line-height:30px; margin-top:35px;font-size:14px;} .login a{color:#003f79;} .login a.subxm{color:#003f79;} .login a:hover{text-decoration:underline;} .logo{float:left;width:240px;height:48px; margin-top:10px;} /* details -> header */ .header_bg, .header{position:absolute;width:1100px;top:0;right:auto;bottom:0;left:50%;margin-left:-550px;overflow:hidden;zoom:1;} .header_bg{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; background:rgba(0,0,0,0.6); background:#214b93; height:52px; } .header_logo{width:210px;height:52px;position:relative;top:0px; } .header_logo a, .header_logo a img{display:block;width:210px;height:52px;} .header_nav{position:relative;z-index:1000;top:-52px; margin-left:235px; width:50%;overflow:hidden;zoom:1;} .header_nav ul{list-style-position:outside;list-style:none;height:52px;} .header_nav ul li{list-style:none;display:block;height:52px; line-height:52px; width:auto; float:left; font-size:16px;text-align:center;font-family:"Microsoft Yahei"} .header_nav ul li a:link{font-size:16px; color:#ffffff; padding-Left:20px; padding-right:23px; text-decoration:none; font-family:"Microsoft Yahei"} .header_nav ul li a:visited{font-size:16px; color:#ffffff; padding-Left:20px; padding-right:23px;text-decoration:none; font-family:"Microsoft Yahei"} .header_nav ul li a:hover{font-size:16px; color:#86eaff; padding-Left:20px; padding-right:23px; font-family:"Microsoft Yahei"} .header_search{position:relative;z-index:1000; background:url(./images/SearchBg.jpg) no-repeat; top:-92px; margin-left:890px; width:200px; height:38px; padding:1px;overflow:hidden;zoom:1;} .header_left{float:left;left:250px;} .header_right{float:right;right:50px;} #header_menu{margin:auto; background:#014590; height:52px} #header_menu .menunav{margin:auto; height:52px; line-height:52px;} #header_menu .menunav ul{list-style-position:outside;list-style:none;height:52px;} #header_menu .menunav ul li{list-style:none;display:block;height:52px; line-height:52px; width:auto; float:left; font-size:16px;text-align:center;font-family:"Microsoft Yahei"} #header_menu .menunav ul li a:link{font-size:16px; color:#ffffff; padding-Left:0px; padding-right:45px; text-decoration:none; font-family:"Microsoft Yahei"} #header_menu .menunav ul li a:visited{font-size:16px; color:#ffffff; padding-Left:0px; padding-right:45px;text-decoration:none; font-family:"Microsoft Yahei"} #header_menu .menunav ul li a:hover{font-size:16px; color:#86eaff; padding-Left:0px; padding-right:45px; font-family:"Microsoft Yahei"} #header_menu .menunav .search{float:right;width:180px;margin-top:-42px;height:28px; position:relative; line-height:28px;padding:1px;background:url(./images/SearchBg.jpg) no-repeat left center} .searchinput{width:138px; height:24px;color:#999999; border:0px; position:absolute; padding-left:5px; top:2px;} .searchinput, .searchinput:focus {outline:none;} .searchmain{width:27px; height:23px; left:145px; border:0px; background:url(./images/SearchImg.jpg) no-repeat center 1px;position:absolute; top:2px;} #servicebanner{margin:auto;height:220px; background:url(./images/Serviceimg.jpg) no-repeat right bottom} #servicebanner .text h1{margin-left:6px; padding-top:55px; width:500px; color:#F90; line-height:65px;font-size:36px; font-weight:lighter} #servicebanner .text h2{margin-left:6px; width:500px; color:#999999; line-height:25px;font-size:12px; font-weight:lighter} #line{margin:auto; margin-bottom:24px;width:1000px; border-bottom:#e5e5e5 1px solid;} .space32{margin:auto; height:32px;} #location{margin:auto; height:100px} #location .title{width:100%;height:60px; line-height:60px; font-size:30px; font-weight:lighter; color:#666666} #location .title .menuus{width:500px;float:right;height:40px; line-height:40px; font-size:30px; font-weight:lighter; color:#666666; margin-top:10px} #location .title .menuus ul{list-style-position:outside;list-style:none;height:40px;} #location .title .menuus ul li{list-style:none;display:block;height:30px; line-height:40px; width:auto;color:#00a0ea; float:right; font-size:12px;text-align:center;font-family:"Microsoft Yahei"} #location .title .menuus ul li a:link{font-size:14px; color:#00a0ea; padding-right:15px; padding-Left:15px; text-decoration:none; font-family:"Microsoft Yahei"} #location .title .menuus ul li a:visited{font-size:14px; color:#00a0ea; padding-right:15px; padding-Left:15px; text-decoration:none; font-family:"Microsoft Yahei"} #location .title .menuus ul li a:hover{font-size:14px; color:#ff9900; padding-right:15px; padding-Left:15px; text-decoration:underline;font-family:"Microsoft Yahei"} #location .local{width:100%;background:#f2f2f2;height:30px; line-height:30px; color:#666666} #location .local a{color:#06C; text-decoration:none} #location .local a:hover{color:#ff9900; text-decoration:underline} #servicemain{margin:auto;height:265px; margin-top:35px;} #servicemain .industry{width:49%;float:left; padding:0px;text-align:center;background:#f2f2f2;} #servicemain .industry .font36{font-size:36px}#servicemain .industry .font36b{font-size:36px;font-weight:bold}#servicemain .industry .cblue{ color:#0050a2} #servicemain .business{width:49%;float:right;padding:6px 0px;text-align:center; background:#f2f2f2} #servicemain .business .font36{font-size:36px}#servicemain .business .font36b{font-size:36px;font-weight:bold}#servicemain .business .cyollow{ color:#ff9900} #servicecon{margin:15px auto;height:205px; width:1000px; overflow:hidden} #servicecon .industrycon{width:49%;float:left; padding:24px 0px;text-align:left;background:#fff; font-size:14px; color:#888; line-height:165%;font-family:"Microsoft Yahei"} #servicecon .industrycon .font16{ font-size:16px; color:#0050a2; line-height:165%; font-weight:bold;font-family:"Microsoft Yahei"} #servicecon .businesscon{width:49%;float:right;padding:24px 0px;text-align:right; background:#fff; font-size:14px;color:#888; line-height:165%;font-family:"Microsoft Yahei"} #servicecon .businesscon .font16{ font-size:16px; color:#ff9900; line-height:165%; font-weight:bold;font-family:"Microsoft Yahei"} #sercontact{margin:15px auto;height:205px; width:1000px; overflow:hidden} #sercontact .incontact{width:47%;float:left; padding:24px 12px;text-align:left;background:#ff9900; font-size:14px; color:#888; line-height:165%;font-family:"Microsoft Yahei"} #sercontact .incontact .title{ font-size:16px; color:#fff; line-height:165%; font-weight:bold;font-family:"Microsoft Yahei"} #sercontact .incontact .con{ font-size:12px; color:#fff; line-height:165%;font-family:"Microsoft Yahei"} #sercontact .buscontact{width:100%;margin:0 auto;padding:24px 12px;text-align:center; background:#0050a2; font-size:14px;color:#888; line-height:165%;font-family:"Microsoft Yahei"} #sercontact .buscontact .title{ font-size:16px; color:#fff; line-height:165%; font-weight:bold;font-family:"Microsoft Yahei"} #sercontact .buscontact .con{ font-size:12px; color:#fff; line-height:165%;font-family:"Microsoft Yahei"} #attentiontitle{margin:auto;height:45px;margin-top:85px;color:#666; font-size:24px;} #attention{margin:auto;height:165px;margin-top:0px;} #attention ul{width:100%;overflow:hidden;zoom:1;} #attention ul li{float:left;width:100px; height:125px;padding:0 4px; text-align:center} #attention ul li a{font-size:14px;color:#005dbd;} #attention ul li a:hover{color:#f60; text-decoration:underline} #aboutbanner{margin:auto;height:220px; background:url(./images/aboutusimg.jpg) no-repeat right bottom} #aboutbanner .text h1{margin-left:6px; padding-top:55px; width:500px; color:#F90; line-height:65px;font-size:36px; font-weight:lighter} #aboutbanner .text h2{margin-left:6px; width:500px; color:#999999; line-height:25px;font-size:12px; font-weight:lighter} #jobbanner{margin:auto;height:220px; background:url(./images/jobimg.jpg) no-repeat right bottom} #jobbanner .text h1{margin-left:6px; padding-top:55px; width:500px; color:#F90; line-height:65px;font-size:36px; font-weight:lighter} #jobbanner .text h2{margin-left:6px; width:500px; color:#999999; line-height:25px;font-size:12px; font-weight:lighter} #newsbanner{margin:auto;height:220px; background:url(./images/newsimg.jpg) no-repeat right bottom} #newsbanner .text h1{margin-left:6px; padding-top:55px; width:500px; color:#F90; line-height:65px;font-size:36px; font-weight:lighter} #newsbanner .text h2{margin-left:6px; width:500px; color:#999999; line-height:25px;font-size:12px; font-weight:lighter} #contactbanner{margin:auto;height:220px; background:url(./images/contactusimg.jpg) no-repeat right bottom} #contactbanner .text h1{margin-left:6px; padding-top:55px; width:500px; color:#F90; line-height:65px;font-size:36px; font-weight:lighter} #contactbanner .text h2{margin-left:6px; width:500px; color:#999999; line-height:25px;font-size:12px; font-weight:lighter} #aboutcontent{margin:auto; min-height:500px;_height:500px; height:auto; margin-top:25px;overflow:hidden} #aboutcontent .title{height:60px;line-height:60px; width:100%; font-size:18px; font-weight:600} #aboutcontent .cyollow{color:#F90}#aboutcontent .cblue{color:#0089e1} #aboutcontent .content{min-height:210px; height:auto;width:100%; color:#999999; overflow:hidden} #aboutcontent .size14{ font-size:14px; line-height:185%} #aboutcontent .mimg{float:left; width:34%; text-align:center} #aboutcontent .limg{float:left; width:33%;} #aboutcontent .rimg{float:left; width:33%; text-align:right} #newscontent{margin:auto; min-height:100px;_height:100px; height:auto; margin-top:25px;overflow:hidden} #newscontent .nright{width:255px;margin-bottom:-3000px; padding-bottom:3000px; background:#fff; float:right;} #newscontent .nright .title{margin:auto; width:255px; height:45px; text-align:center;line-height:45px; background:#66d5ff;font-size:16px; color:#fff} #newscontent .nright ul{margin:auto; width:100%; min-height:45px; height:auto;background:#f2f2f2} #newscontent .nright ul li{margin:auto; width:100%; height:45px; text-align:center;line-height:45px; border-bottom:#dfdfdf 1px solid;font-size:14px; color:#666} #newscontent .nright ul li a{float:left;width:100%; height:45px; text-align:center;line-height:45px; font-size:14px; color:#666} #newscontent .nright ul li a:hover{float:left;width:100%; height:45px; text-align:center;line-height:45px; background:#dfdfdf;font-size:14px; color:#fff} #newscontent .nright .joblink{font-size:14px;padding:16px;margin:auto; min-height:10px;_height:10px; height:auto; margin-top:16px;overflow:hidden ;width:99%;border:#dfdfdf 1px solid;background:#f7f7f7;} #newscontent .nleft{width:725px; margin-bottom:-3000px; padding-bottom:3000px; background:#ffffff; float:left;} #newscontent .nleft .title{width:675px; margin:0px 24px 0px 0px; height:32px; border-bottom:dfdfdf 1px solid; font-size:15px; color:#666} #newscontent .nleft .title a{font-size:15px;color:#666} #newscontent .nleft .title a:hover{font-size:15px; color:#36C; text-decoration:underline;} #newscontent .nleft .con{width:675px; margin:0px 24px 0px 0px; height:48px; line-height:165%; font-size:12px; color:#999;} #newscontent .nleft .con a{font-size:12px;color:#1189D0} #newscontent .nleft .con a:hover{font-size:12px; color:#f90; text-decoration:underline;} #newscontent .nleft .cline{width:675px; margin:24px 24px 24px 0px; border-bottom:#dfdfdf 1px solid} #newscontent .nleft .Searchcon{width:675px; margin:0px 24px 0px 0px; height:auto; line-height:165%; font-size:12px; color:#999;} #newscontent .title{margin:auto;width:100%; height:28px; font-size:16px; color:#06C;} #newscontent .date{margin:auto;width:100%; height:26px; line-height:24px; font-size:12px; color:#B0B0B0; border-bottom:#dfdfdf 1px solid} #newscontent .newscon{margin:24px auto;width:100%;min-height:500px;_height:500px;height:auto; font-size:14px; line-height:165%; color:#999999;overflow:hidden} #newscontent .jobcon{margin:24px auto;width:100%;min-height:100px;_height:200px;height:auto; font-size:14px; line-height:165%; color:#999999;overflow:hidden} #newscontent .jobtitle{margin:auto;width:100%; height:20px; font-size:16px; color:#ff9900;} #contactcontent{margin:auto; min-height:500px;_height:500px; height:auto; text-align:center; margin-top:25px;overflow:hidden} #contactcontent .contact{margin:36px auto; width:965px;} /* details -> promos */ .promos{height:245px;top:617px;width:1258px;left:50%;margin-left:-629px; } .promos ul{position:relative;z-index:1;overflow:hidden;width:100%;height:215px;} .promos ul li{position:relative;z-index:1;overflow:hidden;margin:0;width:33.3%;height:215px;} .promos ul li img{position:absolute;z-index:1;left:0;} .promo1{float:left; } .promo3{float:right } .promos ul li.promo2{margin:0 auto; } .promo_video, .promo_txt{position:relative;z-index:10; top:160px;text-align:center;} .promo_video{display:block;text-indent:-9999px;width:400px;height:125px;margin:20px auto 20px;} .promo_video_black{ background-repeat:no-repeat; background-image:url(./wf_play_video.png); background-image:-webkit-image-set( url(./wf_play_video.png) 1x, url(./wf_play_video@2x.png) 2x ); } .promo_video_white{ background-repeat:no-repeat; background-image:url(wf_play_video2.png); background-image:-webkit-image-set( url(wf_play_video2.png) 1x, url(wf_play_video2@2x.png) 2x ); } .promo_txt{color:#000000;background:rgba(255,255,255,.6);border-radius:30px;margin:0 auto;font-size:18px;line-height:1.8em;font-weight:normal;} /* details -> footer */ .footer ul{position:relative;z-index:1;overflow:hidden;margin:0 auto;min-width:960px;width:100%;max-width:1258px;height:250px;} .footer ul li{position:relative;z-index:1;overflow:hidden;margin:0;width:25%;*width:25%;height:250px;float:left;} .footer ul li.footer_li_home{ background-repeat:no-repeat; background-image:url(./images/iconhome.png); background-position:5px top; background-image:-webkit-image-set( url(./images/iconhome.png) 1x, url(./images/iconhome.png) 2x ); } .footer ul li.footer_li_industry{ background-repeat:no-repeat; background-image:url(./images/iconindustry.png); background-image:-webkit-image-set( url(./images/iconindustry.png) 1x, url(./images/iconindustry.png) 2x ); } .footer ul li.footer_li_business{ background-repeat:no-repeat; background-image:url(./images/iconbusiness.png); background-image:-webkit-image-set( url(./images/iconbusiness.png) 1x, url(./images/iconbusiness.png) 2x ); } .footer ul li.footer_li_service{ background-repeat:no-repeat; background-image:url(./images/iconservice.png); background-image:-webkit-image-set( url(./images/iconservice.png) 1x, url(./images/iconservice.png) 2x ); } .footer ul li.footer_li_call{ background-repeat:no-repeat; background-image:url(./images/iconcontact.png); background-image:-webkit-image-set( url(./images/iconcontact.png) 1x, url(./images/iconcontact.png) 2x ); } .footer_item{padding-left:60px;width:200px} .footer h4, .footer p, .footer a, .footer span{color:#747a85;line-height:1.5em;} .footer h4{font-size:18px;} .footer h4 a{font-size:18px;} .footer p, .footer a, .footer span{font-size:13px; color:#999} .footer p{margin-bottom:15px;} .footer a, .footer span{display:block;} .footer a{width:150px; color:#747a85} .footer a:hover{color:#28d;} .footer_li_call span{ width:92px; height:13px; text-indent:-9999px; background-repeat:no-repeat; background-image:url(./wf_400.png); background-image:-webkit-image-set( url(./wf_400.png) 1x, url(./wf_400@2x.png) 2x ); } #foot{width:100%; background:#f2f2f2; padding:18px 0px;} #footer{margin:auto;height:200px;margin-top:50px;} #footer ul{position:relative;z-index:1;overflow:hidden;margin:0 auto;min-width:960px;width:100%;max-width:1258px;height:200px;} #footer ul li{position:relative;z-index:1;overflow:hidden;margin:0;width:25%;*width:25%;height:250px;float:left;} #footer ul li.footer_li_home{ background-repeat:no-repeat; background-image:url(./images/iconhome.png); background-image:-webkit-image-set( url(./images/iconhome.png) 1x, url(./images/iconhome.png) 2x ); } #footer ul li.footer_li_industry{ background-repeat:no-repeat; background-image:url(./images/iconindustry.png); background-image:-webkit-image-set( url(./images/iconindustry.png) 1x, url(./images/iconindustry.png) 2x ); } #footer ul li.footer_li_business{ background-repeat:no-repeat; background-image:url(./images/iconbusiness.png); background-image:-webkit-image-set( url(./images/iconbusiness.png) 1x, url(./images/iconbusiness.png) 2x ); } #footer ul li.footer_li_service{ background-repeat:no-repeat; background-image:url(./images/iconservice.png); background-image:-webkit-image-set( url(./images/iconservice.png) 1x, url(./images/iconservice.png) 2x ); } #footer ul li.footer_li_call{ background-repeat:no-repeat; background-image:url(./images/iconcontact.png); background-image:-webkit-image-set( url(./images/iconcontact.png) 1x, url(./images/iconcontact.png) 2x ); } #footer_item{padding-left:60px;width:175px} #footer h4, #footer p, #footer a, #footer span{color:#747a85;line-height:1.5em;} #footer h4{font-size:18px;} #footer h4 a{font-size:18px;} #footer p, #footer a, #footer span{font-size:13px; color:#999} #footer p{margin-bottom:15px;} #footer a, #footer span{display:block;} #footer a{width:150px; color:#747a85} #footer a:hover{color:#28d;} #footer_li_call span{ width:92px; height:13px; text-indent:-9999px; background-repeat:no-repeat; background-image:url(./wf_400.png); background-image:-webkit-image-set( url(./wf_400.png) 1x, url(./wf_400@2x.png) 2x ); } /* details -> bottoms */ .bottoms_contents{position:relative;z-index:1;overflow:hidden;zoom:1;margin:0 auto;min-width:960px;width:100%;max-width:1258px;height:auto; border-top:#CCC 1px solid} .bottoms_contents .links{min-height:36px;font-size:12px;font-weight:bold;padding:12px 0;height:auto; background-color:#f2f2f2; padding-left:12px;width:100%} .bottoms_contents .links a{font-size:12px; line-height:24px;font-weight:lighter;padding-right:12px;color:#999} .bottoms_contents .links a:hover{font-size:12px;line-height:24px;padding-right:12px;font-weight:lighter;text-decoration:underline;color:#333} .bottoms_lang{ width:345px; height:30px; float:left; text-align:left; color:#747a85; font-size:12px; line-height:24px; margin-top:10px; background-position:0 50%; background-repeat:no-repeat; background-image:url(wf_lang.jpg); background-image:-webkit-image-set( url(wf_lang.jpg) 1x, url(wf_lang@2x.jpg) 2x ); } .bottoms_lang span.lang_gray{color:#a8afb9;} .bottoms_nav{ width:530px; height:60px; float:right; position:relative; background-position:100% 50%; background-repeat:no-repeat; background-image:url(wf_blue_logo.png); background-image:-webkit-image-set( url(wf_blue_logo.png) 1x, url(wf_blue_logo@2x.png) 2x ); } .bottoms_nav ul{position:absolute;right:0px;top:13px;overflow:hidden;zoom:1;} .bottoms_nav ul li{float:left;padding:0 4px;} .bottoms_nav ul li a{font-size:12px;color:#005dbd;} .bottoms_nav ul li a:hover{color:#f60;} .bottoms_nav ul li span{font-size:12px;color:#afb6c0;} .copyrights{position:absolute;right:64px;bottom:10px;color:#a8afb9;font-size:12px;} /* details -> bottoms */ #bottoms{height:60px; margin:auto} #bottoms_contents{position:relative;z-index:1;overflow:hidden;zoom:1;margin:0 auto;min-width:960px;width:100%;max-width:1258px;height:60px; border-top:#CCC 0px solid} #bottoms_lang{ width:345px; height:30px; float:left; text-align:left; color:#747a85; font-size:12px; line-height:24px; margin-top:10px; background-position:0 50%; background-repeat:no-repeat; background-image:url(wf_lang.jpg); background-image:-webkit-image-set( url(wf_lang.jpg) 1x, url(wf_lang@2x.jpg) 2x ); } #bottoms_lang span.lang_gray{color:#a8afb9;} #bottoms_nav{ width:530px; height:60px; float:right; position:relative; background-position:100% 50%; background-repeat:no-repeat; background-image:url(wf_blue_logo.png); background-image:-webkit-image-set( url(wf_blue_logo.png) 1x, url(wf_blue_logo@2x.png) 2x ); } #bottoms_nav ul{position:absolute;right:0px;top:13px;overflow:hidden;zoom:1;} #bottoms_nav ul li{float:left;padding:0 4px;} #bottoms_nav ul li a{font-size:12px;color:#005dbd;} #bottoms_nav ul li a:hover{color:#f60;} #bottoms_nav ul li span{font-size:12px;color:#afb6c0;} #copyrights{position:absolute;right:64px;bottom:10px;color:#a8afb9;font-size:12px;} .outbtony{border:#dfdfdf 0px solid; background-color:#F90; height:24px; width:95px; padding:0 12px; color:#fff; font-weight:bold;}