body,th,td,input,select,textarea{font-size:12px;padding:0;margin:0;font-family:宋体,Verdana,Arial} body{text-align:center;background:#003372 url(../images/bg.jpg) scroll 0 0 repeat-x} p{line-height:1.5em;margin:1em auto;color:#fff} /* 统一链接 */ a{color:#3392d1;text-decoration:none} a:hover{color:#3392d1;text-decoration:underline} img{border:0} input.text{line-height:16px;width:152px;height:22px;border:none;border:solid 1px #0575be;padding:2px 1px;w\idth:148px;he\ight:16px} input.button{padding:0 3px} input.file{line-height:16px;background-color:#fff} textarea{width:90%;height:160px;border:solid;border:solid 1px #0575be} .hackbox{border-top:1px solid transparent !important;margin-top:-1px !important;border-top:0;margin-top:0;clear:both;visibility:hidden} .h3{margin:0;padding:0} .h3 a{display:block;height:100%} .ul{padding:0;margin:0;list-style-type:none} .ul a{display:block;height:100%} .hidden{display:none} /*.validateCode input{display:inline;float:left;width:76px} .validateCode img{display:inline;float:left;margin:2px 4px} .validateCode .newValidateCode{display:inline;float:left;padding-top:4px;text-decoration:underline;color:#fff}*/ .newProduct{display:block;width:340px;height:200px;overflow:hidden;text-indent:-9999px} /*#container{text-align:left;width:1002px;margin:0 auto;background-color:#fff;overflow:hidden}*/ #headContainer{width:100%;height:83px;background:transparent url(../images/header_bg.jpg) scroll center top no-repeat} #headWrap{width:1002px;height:83px;margin:0 auto;overflow:hidden} #logo{width:187px;height:100%;margin:0 0 0 14px;display:inline;float:left;background:transparent url(../images/logo.png) scroll 0 50% no-repeat;overflow:hidden} #logo a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px} .loginWrap{float:right;padding:30px 8px 0 0;color:#fff;font-size:14px;font-weight:bold} .loginWrap #register,.loginWrap #login{width:50px;height:31px;display:block;float:left;text-indent:-9999px;overflow:hidden} .loginWrap #register{background:transparent url(../images/register.png) scroll 0 0 no-repeat} .loginWrap #login{background:transparent url(../images/login.png) scroll 0 0 no-repeat;margin-left:4px} #menu{width:661px;height:35px;float:left;margin:25px 0 0 16px;background:transparent url(../images/menu_bg.png) scroll 0 0 no-repeat} #menu ul{padding:5px 0 0 0;margin:0;height:35px;list-style-type:none} #menu ul li{display:inline;float:left;height:20px;line-height:20px;background:transparent url(../images/menu.png) scroll 0 0 no-repeat} #menu ul li a{display:block;height:100%;text-indent:-9999px;overflow:hidden;margin-left:8px} #menu li.mHome{background-position:10px 0;width:50px} #menu li.mOnlineConsultingRoom{background-position:0 -20px;width:92px} #menu li.mExpertsOnlineQandA{background-position:0 -40px;width:104px} #menu li.mBillboardsHealth{background-position:0 -60px;width:86px} #menu li.mProductShowroom{background-position:0 -80px;width:88px} #menu li.mBuy{background-position:0 -100px;width:76px} #menu li.mMembers{background-position:0 -120px;width:75px} #menu li.mUnderstandCrest{background-position:0 -140px;width:88px} #menu li.mAccreditation{background-position:0 -160px;width:75px} #main{width:100%;height:563px;text-align:left} .home #main{background:transparent url(../images/index_bg.jpg) scroll center top no-repeat;overflow:hidden} #homeContainer{width:1200px;height:563px;margin:0 auto;background-color:#0074ca;overflow:hidden} .experience #main{background:transparent url(../images/experience_bg.jpg) scroll center top no-repeat} #experienceContainer{width:1002px;height:563px;margin:0 auto;position:relative;overflow:hidden;background:transparent url(../images/experience_bg1.jpg) scroll 0 0 no-repeat} #experienceContainer #fullyTest{width:797px;height:481px;position:absolute;top:67px;left:91px} #experienceContainer .gotoQuickTest{width:230px;height:26px;padding-left:124px;position:absolute;top:16px;left:678px;background:transparent url(../images/fullyTest_caption.gif) scroll 0 50% no-repeat} #experienceContainer .gotoQuickTest a{width:106px;height:26px;display:block;overflow:hidden;text-indent:-9999px;background:transparent url(../images/btn_quickTest.jpg) scroll 0 0 no-repeat} #experienceContainer #quickTest{width:837px;height:366px;position:absolute;top:67px;left:75px} #experienceContainer .gotoFullyTest{width:240px;height:26px;padding-left:121px;position:absolute;top:16px;left:678px;background:transparent url(../images/quickTest_caption.gif) scroll 0 50% no-repeat} #experienceContainer .gotoFullyTest a{width:119px;height:26px;display:block;overflow:hidden;text-indent:-9999px;background:transparent url(../images/btn_fullyTest.jpg) scroll 0 0 no-repeat} .consultingRoom #main{background:transparent url(../images/consultingRoom_bg.jpg) scroll center top no-repeat} #registeredHallContainer,#diagnosisContainer{width:1002px;height:563px;margin:0 auto;background-color:#0074ca;overflow:hidden} #registeredHallContainer .bg1{height:297px;overflow:hidden;background:transparent url(../images/registeredHall_bg1.jpg) scroll 0 0 no-repeat} #registeredHallContainer .bg2{height:266px;overflow:hidden;background:transparent url(../images/registeredHall_bg2.jpg) scroll 0 0 no-repeat} #registeredHallContainer .bg1 .buttons{margin:214px 0 0 201px;width:336px} #registeredHallContainer .bg1 .buttons a{width:160px;height:39px;overflow:hidden;text-indent:-9999px} #registeredHallContainer .bg1 .buttons a.registered{float:left} #registeredHallContainer .bg1 .buttons a.sneakIn{float:right} #registeredHallContainer .bg2 .newProduct{margin:54px 0 0 16px} .consultingResult #main{background:transparent url(../images/consultingResult_bg.jpg) scroll center top no-repeat} #diagnosisContainer{position:relative;background:transparent url(../images/Diagnosis_bg.jpg) scroll center top no-repeat} #medicalCard{width:640px;height:490px;position:absolute;top:74px;left:24px} #tooth1,#tooth2,#tooth3,#tooth4{width:186px;height:185px;float:right;position:relative;color:#009de8;font-size:15px;overflow:hidden} #tooth1 span,#tooth2 span,#tooth3 span,#tooth4 span{ position:absolute;top:136px;left:80px} #tooth1{background:transparent url(../images/tooth1.png) scroll 0 0 no-repeat} #tooth2{background:transparent url(../images/tooth2.png) scroll 0 0 no-repeat} #tooth3{background:transparent url(../images/tooth3.png) scroll 0 0 no-repeat} #tooth4{background:transparent url(../images/tooth4.png) scroll 0 0 no-repeat} #medicalCard .content{margin:64px 30px 0 30px} #medicalCard .date{font-size:14px;margin-bottom:8px;color:#009eee;line-height:28px} #medicalCard p{font-size:12px;color:#666666;line-height:26px;margin:0} #recommend{margin:8px auto 0 auto;width:580px} #recommend .productImage{width:334px;height:150px;float:left} #recommend .productImage1{background:transparent url(../images/product1.gif) scroll 50% 50% no-repeat} #recommend .productImage2{background:transparent url(../images/product2.gif) scroll 50% 50% no-repeat} #recommend .productImage3{background:transparent url(../images/product3.gif) scroll 50% 50% no-repeat} #recommend .productImage4{background:transparent url(../images/product4.gif) scroll 50% 50% no-repeat} #recommend .productImage5{background:transparent url(../images/product5.gif) scroll 50% 50% no-repeat} #recommend .productImage6{background:transparent url(../images/product6.gif) scroll 50% 50% no-repeat} #recommend .productImage7{background:transparent url(../images/product7.gif) scroll 50% 50% no-repeat} #recommend .productImage8{background:transparent url(../images/product8.gif) scroll 50% 50% no-repeat} #recommend .buttons{float:right;margin:10px 62px 0 0} #recommend .buttons a{display:block;margin:8px 0;width:169px;height:45px;overflow:hidden;text-indent:-9999px} #recommend .buttons a.buyItNow{background:transparent url(../images/btn_buy.png) scroll 0 0 no-repeat} #recommend .buttons a.share{background:transparent url(../images/btn_share.png) scroll 0 0 no-repeat} .faq #main{background:transparent url(../images/questionAndAnswer_bg1.jpg) scroll center top no-repeat} #faqContainer{width:1002px;height:563px;margin:0 auto;background-color:#0074ca;overflow:hidden} #faqContainer .bg1,#faqContainer .bg2,#faqContainer .bg3{float:left;height:563px;overflow:hidden} #faqContainer .bg1{width:353px;position:relative;background:transparent url(../images/faqRecords_bg1.jpg) scroll 0 0 no-repeat} #faqContainer .bg2{width:398px;background:transparent url(../images/faqRecords_bg2.jpg) scroll 0 0 no-repeat} #faqContainer .bg3{width:251px;position:relative;background:transparent url(../images/faqRecords_bg3.jpg) scroll 0 0 no-repeat} #faqContainer .bg1 .newProduct{position:absolute;bottom:0;right:0} #lnkAsk{width:114px;height:33px;display:block;overflow:hidden;margin:12px 0 0 50px;text-indent:-9999px;background:transparent url(../images/btn_ask.png) scroll 0 0 no-repeat} #faqContainer .categories{width:114px;margin:72px 0 0 41px} #faqContainer .categories li,#faqContainer .categories li .currentCategory{width:114px;height:38px;background:transparent url(../images/categorys_faq.png) scroll 0 0 no-repeat} #faqContainer .categories .newest{background-position:-5px 0;height:40px} #faqContainer .categories .anticavity{background-position:-5px -53px} #faqContainer .categories .whitening{background-position:-5px -103px} #faqContainer .categories .gums{background-position:-5px -153px} #faqContainer .categories .fresh{background-position:-5px -203px} #faqContainer .categories .toothSensitivity{background-position:-5px -253px} #faqContainer .categories li.newest .currentCategory{background-position:-155px 0;height:40px} #faqContainer .categories li.anticavity .currentCategory{background-position:-155px -53px} #faqContainer .categories li.whitening .currentCategory{background-position:-155px -103px} #faqContainer .categories li.gums .currentCategory{background-position:-155px -153px} #faqContainer .categories li.fresh .currentCategory{background-position:-155px -203px} #faqContainer .categories li.toothSensitivity .currentCategory{background-position:-155px -253px} #faqContainer .categories li a{display:block;height:100%} #faqContainer .categories li a span{display:block;overflow:hidden;text-indent:-9999px} #faqContainer .questions{width:398px;margin-top:125px;overflow:hidden} #faqContainer .questions li{padding-top:16px;background:transparent url(../images/dotted.gif) scroll 0 bottom repeat-x} #faqContainer .questions li .name,#faqContainer .questions li .content{float:left;margin-bottom:8px;overflow:hidden} #faqContainer .questions li .name{font-size:14px;color:#ff6600;text-align:right;width:80px} #faqContainer .questions li .content{font-size:12px;color:#333333;width:310px;padding-left:4px;line-height:1.5em} #searcher{width:200px;height:32px;padding:2px;margin:20px auto;background:transparent url(../images/searcher.gif) scroll 0 0 no-repeat} #searcher .text{border:none;width:164px;height:24px;float:left;background-color:#f5f5f5;padding:2px;color:#999999} #searcher .search{width:30px;height:28px;float:right;border:none;cursor:pointer;text-indent:-9999px;background:transparent url(../images/searcher.gif) scroll 0 -50px no-repeat} #faqContainer .pager{background:transparent url(../images/pager_bg.jpg) scroll 50% 50% no-repeat} /* 分页样式 */ #faqContainer .pager{font-size:12px;color:#777777;font-family:Arial;width:320px;height:28px;margin:0 auto} #faqContainer .pager div{float:left;line-height:28px;text-align:center} #faqContainer .pager .pagerIndex a{margin:auto 8px;color:#0475be;float:left} #faqContainer .pager .pagerPrev a:hover,.pager .pagerNext a:hover,.pager .pagerIndex a:hover{color:#FF7000;text-decoration:none} #faqContainer .pager .pagerIndex span{float:left} #faqContainer .pager .pagerCurrent{color:#fff;width:29px;display:block;background:transparent url(../images/currentPage.gif) scroll 50% 50% no-repeat} #faqContainer .pager .pagerPrev a,#faqContainer .pager .pagerNext a{display:block;height:18px;width:18px;overflow:hidden;margin:5px;text-indent:-9999px;background:transparent url(../images/prev_next.gif) 0 0 no-repeat} #faqContainer .pager .pagerNext{float:right} #faqContainer .pager .pagerPrev a{background-position:0 0} #faqContainer .pager .pagerNext a{background-position:0 -20px} .ask #main{background:transparent url(../images/questionAndAnswer_bg.jpg) scroll center top no-repeat} #askContainer{width:1002px;height:563px;margin:0 auto;position:relative;background-color:#0074ca;overflow:hidden;background:transparent url(../images/ask_bg.jpg) scroll 0 0 no-repeat} #askContainer .newProduct{position:absolute;bottom:0;left:20px;height: 200px} #msg{position:absolute;top:90px;left:560px} #book{position:absolute;top:300px;left:505px} #askContainer .forms{position:absolute;width:392px;top: 140px;left:170px;width: 392px;padding:0 12px} #askContainer .forms .left{float:left} #askContainer .forms .right{float:right;padding:8px 4px 8px 4px;width:262px;height:76px;overflow:auto;border:none;background:transparent url(../images/textarea_bg.png) scroll 0 0 no-repeat} #askContainer .forms .nickName,#askContainer .forms .category{color:#686868;font-size:13px;padding:0 4px;width:76px;height:36px;border:none} #askContainer .forms .nickName{background:transparent url(../images/text_bg.png) scroll 0 0 no-repeat;line-height:36px;padding-left:8px} /* custom select box */ #askContainer .forms select.select{width:76px;height:36px;-webkit-border-radius:0;-webkit-appearance:listbox} #askContainer .forms .custom-select{border:none;color:#686868;padding:14px 0 0 4px;font-size:13px;cursor:default;width:76px;height:36px;line-height:1.8em;display:inline-block;background:transparent url('../images/select_bg1.png') 100% 50% no-repeat} #askContainer .forms .custom-select span{margin-left:5px} #askContainer .forms .custom-select:focus{outline:none} #askContainer .forms ul.custom-options{background:#fff;border:1px solid #cccccc;color:#444;left:-1px;line-height:1.8em;list-style:none;margin:0 0 0 4px;overflow:auto;padding:0;position:absolute;z-index:9999} #askContainer .forms ul.maxxed{height:260px !important} #askContainer .forms ul.reveal-down{border-top:1px dashed #cccccc} #askContainer .forms ul.reveal-up{border-bottom:1px dashed #cccccc} #askContainer .forms ul.custom-options li{padding:2px 5px!important;height:22px;line-height:1.8em;display:block} #askContainer .forms .newListHover{background:#EEEEEE!important;color:#000!important;cursor:pointer} #askContainer .forms .content{color:#686868;font-size:15px;width:262px;height:76px;border:none;background:transparent} #askContainer .buttons{text-align:center;clear:both;padding-top:12px} #askContainer .buttons .submit{width:159px;height:37px;cursor:pointer;overflow:hidden;border:none;background:transparent url(../images/btn_submitQuestion.jpg) scroll 0 0 no-repeat} #sucessMsg{color:#959595;font-size:14px;padding-top:12px} #sucessMsg span{color:#1f9bd6} .health #main{background:transparent url(../images/health_main_bg.jpg) scroll center top no-repeat} #healthContainer{width:1002px;height:563px;margin:0 auto;position:relative;overflow:hidden;background:transparent url(../images/health_bg.jpg) scroll center top no-repeat} #healthContainer .newProduct{position:absolute;bottom:0;left:25px;margin:0} #healthContainer .h3{overflow:hidden;text-indent:-9999px;background:transparent url(../images/health_captions.gif) scroll 0 0 no-repeat} #trivia,#littleKnowledge{width:435px;height:300px;position:absolute;top:78px} #trivia{left:46px} #trivia .h3{background-position:0 0;width:244px;height:34px;position:absolute;top:28px;left:164px} #trivia .ul{width:382px;padding-top:28px;margin:0 auto 0 auto} #trivia .ul li{display:none} #trivia .ul li img{float:left;width:137px;height:137px} #trivia .ul li p{float:left;margin:0;width:230px;padding:42px 0 0 8px;font-size:13px;color:#0f427d;line-height:1.5em} #trivia .buttons{position:absolute;bottom:20px;left:50px;width:336px} #trivia .buttons a{width:160px;height:37px;overflow:hidden;float:left;text-indent:-9999px;background:transparent url(../images/buttons_health.jpg) scroll 0 0 no-repeat} #trivia .buttons a#submit{background-position:0 0} #trivia .buttons a#next{background-position:0 -40px;margin-left:16px} #trivia .buttons #votes{text-align:center;color:#0f427d;font-size:13px;width:160px;margin-top:6px} #littleKnowledge{left:518px} #littleKnowledge .h3{background-position:0 -50px;width:272px;height:63px;margin:8px 0 0 80px} #littleKnowledge .ul{width:392px;margin:4px auto 0 auto} #littleKnowledge .ul li{display:none} #littleKnowledge .ul li p{margin:3px 0;font-size:13px;color:#0f427d;line-height:1.6em;padding-left:20px} #littleKnowledge .ul li p span{margin-left:-20px} #littleKnowledge .buttons{position:absolute;top:270px;left:337px;width:58px} #littleKnowledge .buttons a{width:23px;height:22px;overflow:hidden;float:left;text-indent:-9999px;background:transparent url(../images/prev_next.jpg) scroll 0 0 no-repeat} #littleKnowledge .buttons a.prev{background-position:0 0;margin-right:12px} #littleKnowledge .buttons a.next{background-position:0 -25px} .crest #main,.buy #main{background:transparent url(../images/about_bg.gif) scroll center top repeat-y;height:100%} #crestContainer{width:1002px;margin:0 auto;background-color:#fff;overflow:hidden} #crestContainer .banner{clear:both;height:321px;margin-bottom:15px;background:transparent url(../images/banner_crest.jpg) scroll center top no-repeat} #crestContainer .h3{height:38px;overflow:hidden;margin:0 40px 8px;background:transparent url(../images/crest_captions.gif) scroll 0 0 no-repeat;text-indent:-9999px;} #crestContainer #event,#crestContainer #eventDetail{background-position:0 0;margin-top:26px} #crestContainer #news{background-position:0 -50px;margin-top:26px;width:150px} #crestContainer #elite{background-position:-150px -50px;margin-top:26px;width:150px} #crestContainer p{color:#303030;margin:10px 40px} #crestContainer .newsList{width:800px;margin:0 40px;color:#303030} #crestContainer .newsList li{float:left;line-height:20px} #crestContainer .newsList li a{color:#303030;display:inline} #crestContainer .newsList li a:hover{text-decoration:none} #crestContainer .newsList li.title{width:708px;padding-left:28px;background:#FFFFFF url(../images/arrow.jpg) scroll 0 50% no-repeat} #crestContainer .newsList li.date{width:64px} #crestContainer .viewDetails{width:160px;height:37px;float:right;margin:12px 40px 0 0;text-indent:-9999px;overflow:hidden;background:#FFFFFF url(../images/viewDetails.gif) scroll 0 0 no-repeat} #crestContainer #eliteWrap{margin:0 40px 78px;overflow:hidden;color:#303030} #eliteWrap .video{float:left;margin:12px} #eliteWrap p{margin:12px 10px;text-indent:2em} #crestContainer #eventDetail{margin:12px auto;width:270px} #crestContainer .eventContent{width:922px;margin:8px auto 30px auto;line-height:1.8em} #crestContainer .eventContent p{margin:8px 0} /*新闻内页*/ #crestContainer .newsDetail{position:relative;margin-bottom:36px;padding-bottom:12px} #crestContainer .newsDetail p{font-size:12px} #crestContainer .newsDetail .postDate{border-bottom:solid 1px #CCC;color:#888;padding:10px 10px 5px 0;text-align:right} #crestContainer .newsDetail .title{color:#0046ad;text-align:center;margin:16px 0} #crestContainer .newsDetail .title .h2{font-size:20px;margin:3px 0} #crestContainer .newsDetail .title .h3{font-size:16px;font-weight:normal;margin:3px 0;background:none;text-indent:0} #crestContainer .newsDetail .detailCnt a{color:#0046AD} #crestContainer .newsDetail .detailContent ul{color:#666} #crestContainer .newsDetail .detailContent h2, .newsDetail .detailContent h3, .newsDetail .detailContent h4{color:#0046ad} .list{padding-bottom:30px} #buyContainer{width:1002px;margin:0 auto;background-color:#fff;overflow:hidden} #sitemap{height:27px;margin:16px 12px} #sitemap a,#sitemap span{width:110px;height:27px;float:left;margin:0 2px;overflow:hidden;text-indent:-9999px} #sitemap #understandCrest{background:transparent url(../images/sitemap_crest.png) scroll 0 0 no-repeat} #diagnosisContainer #sitemap a,#diagnosisContainer #sitemap span, #experienceContainer #sitemap a,#experienceContainer #sitemap span, #registeredHallContainer #sitemap a,#registeredHallContainer #sitemap span{width:120px;height:35px;background:transparent url(../images/sitemap_consultingRoom.png) scroll 0 0 no-repeat} #sitemap a#consultingRoom{background-position:0 0} #sitemap span#registeredHall{background-position:0 -50px} #sitemap span#fullyExperience{background-position:0 -100px} #sitemap span#quickExperience{background-position:0 -150px} #sitemap span#diagnosis{background-position:0 -200px} #faqContainer #sitemap a,#faqContainer #sitemap span,#askContainer #sitemap a,#askContainer #sitemap span{width:120px;height:35px;background:transparent url(../images/sitemap_faq.png) scroll 0 0 no-repeat} #sitemap span#faqRecords{background-position:0 -50px} #sitemap span#onlineAsk{background-position:0 -100px} #sitemap #sHealth{width:120px;height:35px;background:transparent url(../images/sitemap_health.png) scroll 0 0 no-repeat} .hAd{width:142px;height:176px;margin:9px 0 0 57px;background:transparent url(../images/h_ad.jpg) scroll 0 0 no-repeat} .hAd a{display:block;width:100%;height:176px;overflow:hidden} .hAd a span{display:block;text-indent:-9999px} .hLoginF{font-size:0.5em;line-height:10px;height:10px} #visual div{margin:50px;height:582px;he\ight:482px} .fastTrack{width:391px;position:absolute;top:4px;right:13px} .fastTrack div{display:inline} .fastTrack .bt{float:right;margin-top:10px} .bt{height:20px;background:transparent url(../images/bt_l.gif) scroll top left no-repeat} .bt a{float:left;padding:0 14px;color:#fff;height:100%;font-size:12px;font-weight:bold;line-height:20px;background:transparent url(../images/bt_r.gif) scroll top right no-repeat} .bt a:hover{color:#fff;text-decoration:none} .hMenu{height:47px;padding-top:11px;background-color:#fff;he\ight:36px} .hMenu ul{margin:0 0 0 2px} #footerContainer{clear:both;width:100%;height:64px;background:transparent url(../images/footer_bg.jpg) scroll center top no-repeat} #footer{width:1002px;height:64px;margin:0 auto} .ftNav{width:386px;height:14px;margin:0 auto;padding:0;list-style-type:none} .ftNav li{color:#fff;display:inline;float:left;height:14px;margin:16px 0 4px 0;padding:0 6px;border-right:solid 1px #fff;overflow:hidden} .ftNav li a,#copyright{line-height:1.2em;display:block;background:transparent url(../images/footer_captions.png) scroll 0 0 no-repeat} .ftNav li.fpg a{background-position:0 0;width:112px} .ftNav li.fprivacyNotice a{background-position:-140px 0;width:70px} .ftNav li.fcontact a{background-position:0 -20px;width:48px} .ftNav li.ficp a{background-position:-140px -20px;width:104px} .ftNav li.ficp{border:none} #copyright{clear:both;margin:0 auto;background-position:0 -40px;width:276px} .ftNav li a span,#copyright span{display:block;text-indent:-9999px}