/* Theme Name: HealthPress Theme Theme URI: http://healthpress.inspirythemes.com/ Description: shared on weidea.net, A beautifully designed theme, for health and medical related websites and blogs. Author: 960Development Team Author URI: http://www.960Development.com/ Version: 1.5 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: light, one-column, two-columns, three-columns, custom-menu, theme-options, translation-ready -------------------------------------------------------------------------------------------------------------------- 1. CSS RESET 2. Base Body Styles 3. General Styles 4. General Layout 5. WP Content Specific Styles 6. Header Styles 7. Slider Styles 8. Homepage Styles 9. Services Page Styles 10. Doctors Page Styles 11. Widget Styles 12. Footer Area Styles 13. Footer Bottom Styles 14. Contact Page Styles 15. Blog & Single Blog Page Styles 16. Doctor 17. Columns Style 18. Content Tabs 19. Content accordion 20. Comments 21. Comment Form 22. FAQ Template 23. Gallery Template 24. Isotope Styles 25. Scroll Top ------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 1. CSS RESET /* http://meyerweb.com/eric/tools/css/reset/ /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-----------------------------------------------------------------------------------*/ /* 2. Base Body Styles /*-----------------------------------------------------------------------------------*/ body{ background:#dedede; color:#dedede; font: 13px 'Open Sans', Arial, Helvetica, sans-serif; } p { font-size:16px; line-height: 28px; margin: 0px 0px 18px; letter-spacing: 2px;} ol li, ul {padding:0px; margin:0px;} li {list-style-position:outside; list-style-type:none;} blockquote, blockquote p { line-height: 21px; font-style: italic; } h1,h2,h3,h4,h5,h6{ font-weight: 300; font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; color: #6a6a75; } h1{ font-size:30px;} h2{ font-size:24px;} h3{ font-size:18px; margin: 0px 0px 15px;} h4{ font-size:17px;} h5{ font-size:12px;} h6{ font-size:10px;} em{ font-style:italic; } strong{ font-weight:bold; } ::-moz-selection { background: #3E96A9; color: #fff; text-shadow: none; } ::selection { background: #3E96A9; color: #fff; text-shadow: none; } a { color: #4c595c; text-decoration: none; } a:hover, a:focus { outline: none; color: #f56734;; } a:hover, a:active { outline: 0; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } code { font-family:"Courier New", Courier, monospace; } .display-ie8 { display:none; } .ie7 .display-ie8, .ie9 .display-ie8, .ie8 .display-ie8{ display:block;} /*-----------------------------------------------------------------------------------*/ /* 3. General Styles /*-----------------------------------------------------------------------------------*/ .readmore { display: inline-block; height: 15px; font-size: 13px; line-height: 15px; color: #fff; padding: 5px 8px; border: none; cursor: pointer; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input.readmore { height: 33px; line-height: 33px; padding: 0px 15px; } .readmore:hover, .readmore:focus, .readmore:active { color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } textarea, input[type="text"] { padding: 8px; font: 13px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 16px; color: #808080; border: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 2px #c4c4c4; -moz-box-shadow: 1px 1px 2px #c4c4c4; -webbox-shadow: 1px 1px 2px #c4c4c4; } input[type="text"] { height: 16px; } .alignleft { float: left; margin: 0px 30px 30px 0px; } .img-border { border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .img-border:hover { border-color:#d6d6d6; } #content p img { max-width:600px; width: expression(this.width > 600 ? “600px” : true); height:auto; padding: 30px 0px 0px; } strong{ font-weight:100; } blockquote { background: #f8f8f8 url(../image/quote.png) no-repeat 16px 20px; padding: 20px 20px 20px 55px; margin: 0px 0px 25px 0px;} blockquote p{ font-size:16px; font-style:italic; line-height: 24px; margin: 0px; } #content ul,#content ol{ margin:auto;} #content ul li{ float: left; width: 125px; height: 35px; margin-top: 15px; position: relative; } /*#content ol li{ background:none; border-bottom:1px dashed #d4d4d4; padding:10px 0px 10px 5px; list-style:decimal inside; }*/ .colored{ color:#f56734; } .colored-blue{ color:#3e96a9; } #content h1,#content h2,#content h3{ margin-bottom:5px; } #content h4,#content h6{ margin-bottom:10px; } p.error{ padding: 10px 20px 10px 45px; background: #F9E5E6 url(../image/icon-box-error.png) no-repeat 12px 12px; border: 1px solid #F7C7C9; border-left-width: 2px; color: #B3696C;} p.success{padding: 10px 20px 10px 45px; background: #e3ebc6 url(../image/icon-box-success.png) no-repeat 12px 12px; border: 1px solid #c2d288; border-left-width: 2px; color: #8fa442; } p.info{ padding: 10px 20px 10px 45px; background: #d8ecf5 url(../image/icon-box-info.png) no-repeat 12px 12px; border: 1px solid #9ac9df; border-left-width: 2px; color: #528da9; } p.notice{ padding: 10px 20px 10px 45px; background: #fcf7d9 url(../image/icon-box-notice.png) no-repeat 12px 12px; border: 1px solid #f5dc7d; border-left-width: 2px; color: #c4a21b; } table { width: 100%; padding: 0; margin: 10px 5px 5px 8px; font-size: 11px; border-top-style: solid; border-top-width: 1px;} table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; } th { font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: center; padding: 15px 20px 15px 12px; background-color: rgba(70, 161, 180, 0.14); border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 14px; padding: 15px 20px 15px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } tr th:first-child, tr td:first-child{ border-left-style: solid; border-left-width: 1px; } #top th.nobg { background: none; border-top: 0; } .readmore, .widget #searchform input[type="submit"], .widget #mc_signup #mc_signup_submit, #commentform input[type="submit"], footer .footer-widget a.readmore, footer .footer-widget a.readmore:hover, .readmore:hover, .widget #searchform input[type="submit"]:hover, .widget #mc_signup #mc_signup_submit:hover, #commentform input[type="submit"]:hover { font-family:'Open Sans', Arial, Helvetica, sans-serif; } /*-----------------------------------------------------------------------------------*/ /* 4. General Layout /*-----------------------------------------------------------------------------------*/ #wrapper { } #header { width: 980px;/* min-height: 150px; */height:auto !important;height: 150px;margin: 0px auto;position: relative;flex-direction: column;height: 100%; padding: 0px 50px 0px 50px;} #container {width: 980px;margin: 0px auto;padding: 0;/* height: auto; */flex-direction: column;height: 100%;padding: 10px 50px 10px 50px;} #content { width: 660px; float: left; margin: 0px auto; padding: 0; height: auto;} .home-left-side #content{ margin-bottom:0px; } #content.full-width{ width:980px; margin: 0; padding: 0; font-family: "微软雅黑"; } #sidebar { width: 295px; float: right; margin: 28px 5px 20px 0px; border: solid 1px #dedede; padding: 0px 0px 0px 5px;} /*-----------------------------------------------------------------------------------*/ /* 5. WP Content Specific Styles /*-----------------------------------------------------------------------------------*/ .aligncenter{ display:block; margin:10px auto 0px; clear:both; } .alignleft { float: left; margin:10px 10px 0px 0px; } .alignright { float: right; margin:10px 0px 0px 10px; } .wp-caption { background: #fff; border: 1px solid #EDEDED; max-width: 96%; padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky{} .gallery-caption {} .bypostauthor {} .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2;} .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } /*-----------------------------------------------------------------------------------*/ /* 6. Header Styles /*-----------------------------------------------------------------------------------*/ #logo-container{ min-height: 61px; height:auto !important; height: 61px; padding: 32px 0 16px 0px; } #logo-container .logo img { display: block; margin: 0px 0px 4px; } #logo-container .logo-heading { margin: 5px 0px 5px; } #logo-container .logo-heading a{ color:#4aa0b1; } #logo-container .tagline { font-size: 12px; color: #b0b7b9; line-height: 14px; } .ie7 #header { z-index:9500; } /* 6.1 Social Nav Styles ----------------------------------------------------------*/ #header .social-nav { position: absolute; top: 31px; right: 0px; overflow: hidden; width:auto; display:inline-block; } #header .social-nav li { display:inline-block; vertical-align:middle; width: 60px; height: 30px; margin: 18px 0px 0px 5px; margin-left: 9px; border: 1px solid #dfdfdf; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } .ie7 #header .social-nav li { display:block; float:left; } #header .social-nav li a { display: inline-block; width: 100%; height: 41px; } #header .social-nav li.facebook a { background: url(../image/fb-icon.png) 16px 13px no-repeat; } #header .social-nav li.pin a { background: url(../image/pin-icon.png) 21px 7px no-repeat; } #header .social-nav li.youtube a { background: url(../image/yt-icon.png) 21px 7px no-repeat; } #header .social-nav li.twitter a { background: url(../image/tw-icon.png) 15px 13px no-repeat; } #header .social-nav li.skype a { background: url(../image/skype-icon.png) 13px 13px no-repeat; } #header .social-nav li.rss a { background: url(../image/rss-icon.png) 21px 7px no-repeat; } #header .social-nav li.flickr a { background: url(../image/flickr-icon.png) 10px 16px no-repeat; } #header .social-nav li.google a { background: url(../image/google-icon.png) 10px -110px no-repeat; } #header .social-nav li.linkedin a { background: url(../image/linked-in.png) 10px -110px no-repeat; } #header .social-nav li.phone {width: 160px; } #header .social-nav li.phone span { display:block; padding: 0px 15px 0px 40px; font-size: 14px; color: #B0B7B9; line-height: 30px; background: url(../image/ph-icon.png) 15px 4px no-repeat; } #header .social-nav li.phone:hover span{ background: url(../image/ph-icon.png) 15px -37px no-repeat; color:#f56734; } #header .social-nav li.facebook:hover a { background: url(../image/fb-icon.png) 16px -28px no-repeat; } #header .social-nav li.pin:hover a { background: url(../image/pin-icon.png) 21px -33px no-repeat; } #header .social-nav li.youtube:hover a { background: url(../image/yt-icon.png) 21px -33px no-repeat; } #header .social-nav li.twitter:hover a { background: url(../image/tw-icon.png) 15px -28px no-repeat; } #header .social-nav li.skype:hover a { background: url(../image/skype-icon.png) 13px -28px no-repeat; } #header .social-nav li.rss:hover a { background: url(../image/rss-icon.png) 21px -32px no-repeat; } #header .social-nav li.flickr:hover a { background: url(../image/flickr-icon.png) 10px -32px no-repeat; } #header .social-nav li.google:hover a { background: url(../image/google-icon.png) 9px -6px no-repeat; } #header .social-nav li.linkedin:hover a { background: url(../image/linked-in.png) 9px -6px no-repeat; } /* 6.2 Main Nav Styles ----------------------------------------------------------*/ .main-nav { position: relative; min-height: 41px; height:auto !important; height: 41px; width: 100%; padding: 0px 0px 0px 0px; background-color:#46a1b4; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); } .ie7 .main-nav{ z-index:9600; } .page-template-template-home-with-blog-posts-php #header .main-nav, .page-template-template-home-with-sidebar-php #header .main-nav, .page-template-template-home-php #header .main-nav{ background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; } p img { max-width:600px; width: expression(this.width > 600 ? “600px” : true); height:auto; } .main-nav > div { float: left; } .main-nav > div > ul { float: left; } .ie7 .main-nav > div > ul { z-index:9700; } .main-nav > div > ul > li { float: left; border-right: 1px solid #54aec2; position: relative; } .main-nav > div > ul > li:first-child { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } .main-nav > div > ul > li:last-child { border: none; } .main-nav > div ul li a { display: inline-block; padding: 0px 20px; font-size: 13px; line-height: 41px; text-align: center; color: #fff; text-shadow: 1px 1px 0px #20606d; } /* .main-nav > div > ul > li.current-menu-ancestor, .main-nav > div > ul > li.current-menu-item, */ .main-nav > div ul li:hover { background-color: #377f8f; background-clip: padding-box; -moz-background-clip: padding-box; } .main-nav > div ul li ul { display: none; width: 220px; padding: 12px 0px; background-color: #377f8f; position: absolute; top: 41px; left: 0px; z-index: 8899; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } .ie7 .main-nav > div ul li ul{ z-index:9800; } .main-nav > div ul li ul li { width: 196px; height: auto; padding: 0px 12px; position: relative; } .main-nav > div ul li ul li a { display: inline-block; line-height: 34px; padding: 0px 9px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .main-nav > div ul li ul li:hover { background-color: #2c6774; } .main-nav > div ul li ul li ul { top: -12px; left: 220px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ie7 .main-nav > div ul li ul li ul { z-index:9900; } .main-nav .responsive-nav { display: none; width: 91%; margin:10px auto 0px; padding:5px; border:1px solid #CCC; } /* 6.3 Search Form Styles ----------------------------------------------------------*/ .main-nav #topsearch { width: 200px; position: absolute; right:11px; top:7px;} .main-nav #topsearch #tsearch { width: 158px; padding: 5px 35px 5px 10px; position: relative; background-color: #377f8f; border: 1px solid #236779; border-bottom: 1px solid #57b4c5; border-right: 1px solid #57b4c5; color: #c4e2e9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: none; } .main-nav #topsubmit { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border: none; background: url(../image/search-icon.png) no-repeat; font-size: 0px; cursor: pointer; } /*-----------------------------------------------------------------------------------*/ /* 7. Slider Styles /*-----------------------------------------------------------------------------------*/ #slider-wrap {width: 980px; height: 460px; margin: 0px auto 0px; position: relative; overflow: hidden;padding: 0px 50px 0px 50px;} #slider-wrap .slides { position: relative; height: 380px; overflow: hidden; } #slider-wrap .slides li { width: 100%; height: 380px; text-align: center; } #slider-wrap .slide-nav { overflow: hidden; background-color:#f15a23; height: 77px; width: 980px; margin: 0px auto; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); } #slider-wrap .slide-nav li { width: 166px; height: 60px; padding: 17px 10px 0px 19px; border-right: 1px solid #fd7b4d; float: left; cursor: pointer; } #slider-wrap .slide-nav.slides-5 li { width: 166px; } #slider-wrap .slide-nav.slides-4 li { width: 215px; } #slider-wrap .slide-nav.slides-3 li { width: 296px; } #slider-wrap .slide-nav.slides-2 li { width: 460px; } #slider-wrap .slide-nav.slides-1 li { width: 950px; } #slider-wrap .slide-nav li:hover{ background-color: #ec490d; } #slider-wrap .slide-nav li:last-child { border: none; } #slider-wrap .slide-nav li.flex-active { background-color: #ec490d; } #slider-wrap .slide-nav li h4 { font-size: 14px; color: #fff; text-shadow: 1px 1px 0px #be4214; margin: 0px 0px 5px; } #slider-wrap .slide-nav li p { font-size: 12px; color: #fad7cb; } #hp-rev-slider{ margin-bottom: 35px; } /*-----------------------------------------------------------------------------------*/ /* 8. Homepage Styles /*-----------------------------------------------------------------------------------*/ .slogan { margin: 0px 0px 35px; text-align: center; } .slogan h2 { font-size:30px; line-height:41px; font-weight: 300; color: #4b5153; margin: 0px 0px 10px; } .smart-head { font-size:18px; line-height:38px; font-weight: 300; color: #5e5e5e; margin: 0px; } .slogan h3 { font-size: 18px; color: #819093; font-weight: 500; } /* 8.1 Services Styles ----------------------------------------------------------*/ .services { overflow: hidden; padding: 0px 0px 1px; border-bottom: 1px solid #e6e6e6; margin: 0px 0px 1px; } .services .service { width: 180px; margin: 0px 8px; float: left; text-align: center; } .services .service h4 { margin: 0px 0px 10px; } .services .service:hover h4 a { color: #f56734; } .services .service figure { width: 112px; height: 112px; margin: 0px auto 20px; overflow: hidden; position:relative; } .services .service figure img { position: absolute; top:0px; left:0px; } .services .service:hover figure img { bottom:0px; top:auto; } .services.item-count-4 .service{ width: 225px; margin: 0px 10px; } .services.item-count-3 .service{ width: 300px; margin: 0px 13px; } .services.item-count-2 .service{ width: 450px; margin: 0px 20px; } .services.item-count-1 .service{ width: 980px; margin: 0px auto; } /* 8.2 Team Styles ----------------------------------------------------------*/ .official { clear: both; } .home-left-side { width:665px; float:left; margin: 0px 0px 0px 8px; } .official .team { width: 672px; float: left; margin: 0px 0px 20px; } .official .team p { margin: 0px 0px 5px; font-size: 13px; letter-spacing: -1px; } .official .team .doctors li { width: 194px; float: left; margin: 0px 30px 0px 0px; position: relative; } .official .team .doctors li h4 { color: #586467; margin: 0px 0px 15px; } .official .team .doctors li .doc-img { position: relative; width: 186px; height: 121px; margin: 0px 0px 5px; border: 4px solid #none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .official .team .doctors li .doc-img:hover { border-color:#d6d6d6; } .official .team .doctors li .doc-img img { display: block; position: relative; } /*.official .team .doctors li .doc-img .img-hover { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../image/doc-img-hover.png); } .official .team .doctors li .doc-img:hover .img-hover { display: block; }*/ .official .team .doctors li .doc-img .doc-type { display: inline-block; position: absolute; right: 0px; bottom: 0px; padding: 2px 2px; background: url(../image/doc-figure-caption-bg.png); font-size: 12px; color: #fff; } .official .team .doctors li .doc-img .doc-type a:hover{ color:#ddd; } /* 8.3 Appointment Styles ----------------------------------------------------------*/ .appointment { width: 308px; float: right; padding: 0px 0px 12px; margin: 0px 0px 55px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .appointment .header { min-height: 99px; height:auto !important; height: 99px; padding: 10px 23px 0px; margin: 0px 0px 30px; /*background:#3e96a9 url(images/appointment.png) repeat-x; */ background-color:#3e96a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); } .appointment .header h2, .appointment .header h3.number { font-size: 24px; line-height: 40px; color: #ffffff; text-shadow: 1px 1px 0px #2a6a79; font-weight: normal; } .appointment .header h3.number { padding: 0px 0px 0px 45px; background: url(../image/phone-icon.png) left center no-repeat; margin: 0px; margin-bottom: -17px; word-wrap: break-word; } .appointment .header .or { display: block; width: 100%; height: 35px; background: url(../image/or-bg.png) center center no-repeat; font-size: 14px; color: #fff; text-align: center; line-height: 35px; position: relative; top: 17px; } .appointment #appoint-form { padding: 0px 38px 0px 31px; } .appointment #apo-loader { display:none; } .appointment #apo-message-sent { display:none; } .appointment p { margin: 0px 0px 17px; } .appointment p input[type="text"] { width: 96%; } .appointment p textarea { width:96%; } .appointment p #apo_month_input { width: 131px; margin-right: 10px; } .appointment p #apo_day_input { width: 61px; } .appointment p #apo_center_input { width: 171px; } .appointment .error-container label{ display:block; color:red; font-style:italic; } .appointment input.error, .appointment textarea.error { border:1px solid red; } .select-wrap { display: inline-block; position: relative; } .selectbox { background: url(../image/dd-arrow.png) right 13px no-repeat #fff; cursor: pointer; } .selectbox-wrapper { padding:5px 0px; width: 120px; position: absolute; top: 31px; left: 0px; z-index: 9999; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .selectbox-wrapper ul { width: 100%; } .selectbox-wrapper ul li { padding: 5px 13px; height: 22px; cursor: pointer; } .selectbox-wrapper ul li:hover { background-color: #f1f1f1; } .feedback { overflow: hidden; margin: 0px 0px 60px; clear: both; } /* 8.4 Testimonials Styles ----------------------------------------------------------*/ .testi { width: 637px; float: left; padding: 0px 35px 0px 0px; } .testi .patients { margin: 35px 0px 0px; overflow: hidden; } .testi .patients li { overflow: hidden; } .testi .patients li .imgbox { width: 77px; height: 77px; border: 3px solid #e6e6e6; float: left; margin: 0px 15px 12px 0px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } .testi .patients li .imgbox:hover { border-color:#d6d6d6; } .testi .patients .detail { } .testi .patients .detail blockquote { margin: 0px 0px 15px; background: none; padding:0; } .testi .patients .detail blockquote p { font-size: 16px; line-height: 24px; } .testi .patients .detail blockquote p span { color: #61b3c4; } .testi .patients .detail .author a { color: #f35f2a; } .testi .patient-nav { margin: 0px 0px 0px 95px; } .testi .patient-nav span { display: inline-block; height: 19px; width: 19px; margin: 0px 0px 0px 3px; cursor: pointer; background: url(../image/arrows-gray.png) no-repeat; } .testi .patient-nav .t_right { background-position: right top; } .testi .patient-nav .t_left:hover { background-position: left bottom; } .testi .patient-nav .t_right:hover { background-position: right bottom; } #sidebar .widget .testi { width: auto; float: none; padding: 0;} #sidebar .widget .testi ul li{ background: none; padding: 0; border: none; list-style: none; } #sidebar .widget .testi .patient-nav { margin: 0; } #testimonials-template .patients li { background: none; padding: 0; margin: 0 0 20px 0; border: 0; } #testimonials-template .patients li .imgbox { width: 77px; height: 77px; border: 3px solid #e6e6e6; float: left; margin: 0px 15px 10px 0px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } #testimonials-template .patients li .imgbox:hover { border-color:#d6d6d6; } #testimonials-template .patients .detail blockquote { margin: 0px 0px 15px; background: none; padding:0; } #testimonials-template .patients .detail blockquote p { font-size: 16px; line-height: 24px; } #testimonials-template .patients .detail blockquote p span { color: #61b3c4; } #testimonials-template .patients .detail .author a { color: #f35f2a; } /* 8.5 Newsletter Styles ----------------------------------------------------------*/ .newsletter { width: 308px; } .newsletter p { margin: 0px 0px 25px; } .newsletter #newsletter { padding: 20px 20px 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .newsletter #newsletter p { margin: 0px 0px 15px; } .newsletter #newsletter input[type="submit"] { margin: 0px 0px 0px 10px; vertical-align: bottom; } .newsletter #newsletter .error-container label{ display:block; color:red; font-style:italic; } #wp_email_capture{ padding: 20px 20px 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #wp_email_capture label { } #wp_email_capture input[type="text"] { display: block; margin: 0; } #wp_email_capture input[type="submit"] { padding: 5px; } /* 8.6 Twitter Styles ----------------------------------------------------------*/ .hp_twitter { clear: both; padding: 12px 0px 15px; width: 100%; margin: 60px 0px -3px; position: relative; background: url(../image/twitter-bg.png) repeat-x #4099ac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .hp_twitter p.tweet { background: url(../image/tweety-bird.png) 15px center no-repeat; padding: 12px 20px 12px 82px; line-height: 18px; color: #fff; margin: 0px; } .hp_twitter p.tweet a { color: #fff; text-decoration: underline; } .hp_twitter .tweet-nav { position: absolute; right: 18px; top: 21px; width: 48px; } .hp_twitter .tweet-nav a { display: inline-block; height: 19px; width: 19px; margin: 0px 0px 0px 3px; background: url(../image/arrows-blue.png) no-repeat; } .hp_twitter .tweet-nav .right { background-position: right top; } .hp_twitter .tweet-nav .left:hover { background-position: left bottom; } .hp_twitter .tweet-nav .right:hover { background-position: right bottom; } /* 8.7 New Twitter Styles ----------------------------------------------------------*/ #twitter_update_list { clear: both; padding: 12px 0px 12px; width: 100%; margin: 0px 0px -3px; position: relative; background-color:#4099ac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); } #twitter_update_list li { background: url(../image/tweety-bird.png) 15px center no-repeat; padding: 12px 20px 12px 82px; line-height: 18px; color: #fff; margin: 0px; } #twitter_update_list li a { color: #fff; text-decoration: underline; } /*-----------------------------------------------------------------------------------*/ /* 9. Services Page Styles /*-----------------------------------------------------------------------------------*/ .page-head {width: 960px;padding: 15px 0px 10px;margin: 0 auto 0px;border-bottom: 0px solid #ededed;} .page-head h2, .page-head h1 { font-size: 24px; font-weight: 300; text-align: center; color: #819093; line-height:normal; } .page-head h2 span, .page-head h1 span { font-weight: 800; color: #f56734; } .page-head h5{ font-size: 13px; line-height:21px; color: #737373; font-style: normal; text-align: left; font-weight: normal; } .page-head .education{ text-align:center; margin:5px 0px;} /* 9.1 Services List Styles ----------------------------------------------------------*/ .service-list { } .service-list h3 { font-weight: 700; color: #586467; } .service-list h3 a { color: #586467; } .service-list h3 a:hover, .service-list h3 a:focus { color: #f66937; } .service-list p { margin: 0px 0px 25px; } /* 9.2 Single Column Styles ----------------------------------------------------------*/ .service-list.single-col ul { overflow: hidden; padding-top:35px; } .service-list.single-col ul li { overflow: hidden; padding: 0px 0px 35px; margin: 0px 0px 35px; border-bottom: 1px solid #e6e6e6; } .service-list.single-col figure { width: 424px; height: 180px; position: relative; line-height: 0px; float: left; overflow: hidden; margin: 0px 30px 30px 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.single-col figure:hover { border-color:#d6d6d6; } .service-list.single-col figure img { width: 424px; height: 180px; } /* 9.3 Three Columns Styles ----------------------------------------------------------*/ .service-list.three-col ul { margin: 0px 0px 0px -30px; overflow: hidden; } .service-list.three-col ul li { width: 306px; padding: 0px; margin: 0px 0px 35px 30px; float: left; } .service-list.three-col ul li.clearfix{ float: none; clear: both; width: 100%; margin: 0; padding: 0; height: 0; } .service-list.three-col figure { width: 298px; height: 160px; margin: 0px 0px 20px 0px; line-height: 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.three-col figure:hover { border-color:#d6d6d6; } .service-list.three-col figure img { width: 100%; height: auto; } /* 9.4 Four Columns Styles ----------------------------------------------------------*/ .service-list.four-col ul { margin: 0px 0px 0px -30px; overflow: hidden; } .service-list.four-col ul li { width: 222px; padding: 0px; margin: 0px 0px 35px 30px; float: left; } .service-list.four-col ul li.clearfix{ float: none; clear: both; width: 100%; margin: 0; padding: 0; height: 0; } .service-list.four-col figure { width: 214px; height:auto; line-height: 0px; margin: 0px 0px 20px 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.four-col figure:hover { border-color:#d6d6d6; } .service-list.four-col figure img { width: 100%; height:auto; } /*-----------------------------------------------------------------------------------*/ /* 10. Doctors Page Styles /*-----------------------------------------------------------------------------------*/ #container .page_featured { margin: 0px 0px 60px; border: 5px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #container .page_featured:hover { border-color:#d6d6d6; } #container .page_featured img { display: block; width: 100%; } .doc_list { clear: both; } .doc_list { margin: 0px 0px 60px; } /* 10.1 Doctors List Styles ----------------------------------------------------------*/ .doc_list .doctors { margin: 0px auto; } .doc_list .doctors li { width: 474px; float: left; margin: 0px 0px 30px 15px; position: relative; } .doc_list .doctors li.clearfix { float: none; clear: both; width: 100%; margin: 0; padding: 0; height: 0;} .doc_list .doctors li p { margin-bottom:20px; font-size: 14px; letter-spacing: 1px; line-height: 1.4; } .doc_list .doctors li h4 { color: #586467; margin: 0px 0px 15px; } .doc_list .doctors li .doc-img { position: relative; width: 186px; height: 121px; float: left; margin: 0px 20px 20px 0px; border: 0px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .doc_list .doctors li .doc-img:hover{ border-color:#d6d6d6; } .doc_list .doctors li .doc-img img { display: block; position: relative; } .doc_list .doctors li .doc-img .img-hover { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../image/doc-img-hover.png); } .doc_list .doctors li .doc-img:hover .img-hover { display: block; } .doc_list .doctors li .doc-img .doc-type { display: inline-block; position: absolute; right: 0px; bottom: 0px; padding: 2px 2px; background: url(../image/doc-figure-caption-bg.png); font-size: 12px; color: #fff; } .doc-type a{ color:#fff;} .doc-type a:hover, .doc-type a:focus, .doc-type a:active{ color:#ddd; } /* 10.2 Four Columns Doctors Styles ----------------------------------------------------------*/ .ie7 .doc_list .doctors{ margin-bottom:30px; } .doc_list.four_col .doctors li { width: 222px; float: left; margin: 0px 0px 60px 30px; position: relative; } .doc_list.four_col .doctors li.clearfix { float: none; clear: both; width: 100%; margin: 0; padding: 0; height: 0;} .doc_list.four_col .doctors li .doc-img { position: relative; width: 186px; height: 121px; float: none; margin: 0px 0px 20px 0px; } .doc_list.four_col .doctors li .doc-img .doc-type { display: inline-block; position: absolute; right: 0px; bottom: 0px; padding: 2px 2px; background: url(../image/doc-figure-caption-bg.png); font-size: 12px; color: #fff; } /*-----------------------------------------------------------------------------------*/ /* 11. Widget Styles /*-----------------------------------------------------------------------------------*/ #sidebar .widget { margin: 15px 5px 0px; } #sidebar .widget h3.title{ font-size: 17px; font-weight: 400; color: #ed6332; } #sidebar .widget ul { } #sidebar .widget ul li { padding: 7px 0px 6px; border-bottom: 1px dashed #CFCFCF; padding-left: 20px; background: url(../image/arrow.jpg) 2px 15px no-repeat; margin: 20px 0px; font-size: 16px;} #sidebar .widget ul li > ul li, #sidebar .widget ul li .children li { border-bottom:none;} #sidebar .selectbox-wrapper ul li { padding: 5px 13px; border-bottom:none; } .widget #searchform{ padding: 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #searchform .screen-reader-text { display:none; } .widget #searchform p{ margin-bottom:0px;} .widget #searchform input[type="submit"] { text-transform:capitalize; margin: 0px 0px 0px 10px; vertical-align: bottom; display: inline-block; font-size: 13px; height: 33px; line-height: 33px; padding: 0px 15px; color: #fff; border: none; cursor: pointer; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #searchform input[type="submit"]:hover, .widget #searchform input[type="submit"]:focus, .widget #searchform input[type="submit"]:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } .widget #mc_signup{ } .widget #mc_signup #mc_subheader { margin:0 0 10px;} .widget #mc_signup #mc_signup_form { padding:5px 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #mc_signup .mergeRow{ padding:5px 10px;} .widget #mc_signup label{ display:block; font-weight:bold; margin:0 0 5px;} .widget #mc_signup .mc_list label{ display:inline-block; font-weight:normal; margin:0;} .widget #mc_signup input[type="text"] { width:87%; margin:0 0 10px; } .widget #mc_signup input.mc_input.mc_phone{ width:10%; } .widget #mc_signup .mc_list li{ background:none; padding:5px 0px 5px 10px; border:none;} .widget #mc_signup #mc_signup_submit{ text-transform:capitalize; margin: 0px 0px 5px 0px; vertical-align: bottom; display: inline-block; font-size: 13px; color: #fff; border: none; cursor: pointer; height: 33px; line-height: 33px; padding: 0px 15px; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #mc_signup #mc_signup_submit:hover, .widget #mc_signup #mc_signup_submit:focus, .widget #mc_signup #mc_signup_submit:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } .widget #mc_signup #mc_display_rewards{ display:none; } .widget #mc_signup #mc_message{ padding:5px 0;} .widget #mc_signup .mc_signup_submit{ text-align:left; } .widget #mc_signup #mc-indicates-required{ margin:0px 0px 10px 0px;} .widget #mc_signup select{ position:relative; padding:5px; margin-bottom:15px; } .widget #mc_signup br{ display:none; } .widget .sidebar-post{ border-bottom:1px dashed #CFCFCF; padding:12px 0px 7px; margin:0px 0px 1px 1px;} .widget .sidebar-post img{ float:left; margin:3px 10px 10px 0;} .widget .sidebar-post .sidebar-post-text a{ display:block; font-size:13px; color:#95959c; font-size: 14px; letter-spacing: 2px; line-height: 2.5; } .widget .sidebar-post .sidebar-post-text a:hover{ color:#65656C; } .widget .sidebar-post .sidebar-post-text .date{ font-size:11px; /* font-style:italic; */ color:#b8b8c1; } /*-----------------------------------------------------------------------------------*/ /* 12. Footer Area Styles /*-----------------------------------------------------------------------------------*/ #footer-wrap { width: 100%; background:#2b2e2f; position: relative; min-width: 980px; padding: 50px; } footer { width: 980px; margin: 0px auto; } footer { padding: 30px 0px 0px 10px; } footer .footer-widget { width: 222px; float: left; margin: 0px 10px 0px 10px; } footer .footer-widget:last-child { margin-right: 0px; } footer .footer-widget h3 { font-size: 20px; font-weight: 300; color: #808080; margin: 0px 0px 30px; } footer .footer-widget p { margin: 0px 0px 21px; } footer .footer-widget a, footer .footer-widget span { color: #808080; } footer .footer-widget a:hover, footer .footer-widget a:focus { color: #48a2b6 ; } footer .footer-widget ul li { line-height: 25px; padding: 0px 0px 0px 11px; background: url(../image/footer-bullit.png) left 12px no-repeat; } .footer-widget .widget { margin-bottom:0px; } .footer-widget .widget .sidebar-post{ border-bottom:1px dashed #808080; } .footer-widget .widget .sidebar-post .sidebar-post-text a{ color:#808080; } .footer-widget .widget .sidebar-post .sidebar-post-text a:hover, .footer-widget .widget .sidebar-post .sidebar-post-text a:focus, .footer-widget .widget .sidebar-post .sidebar-post-text a:active{ color:#48a2b6; } .footer-widget .widget .sidebar-post .sidebar-post-text .date{ color:#b8b8c1; } .footer-widget .widget .testi { width: 100% !important; padding: 0px; border-bottom: none !important; } .footer-widget .widget .testi ul li{ background: none; padding: 0; border: none; list-style: none; } .footer-widget .widget .testi .patients, .footer-widget .widget .testi .patient-nav { margin: 0; } /*-----------------------------------------------------------------------------------*/ /* 13. Footer Bottom Styles /*-----------------------------------------------------------------------------------*/ #footer-bottom-wrapper { width: 100%; background:#1c1e1f; min-width: 1080px; } #footer-bottom { width: 980px; margin: 0px auto; min-height: 67px; height:auto !important; height: 47px; } #footer-bottom p { line-height: 47px; margin: 0px 0px 0px 10px; } #footer-bottom p a:hover, #footer-bottom p a:focus { color: #fff; } #footer-bottom .copyrights { float: left; font-size: 14px;} #footer-bottom .author { float: right; font-size: 14px; } /*-----------------------------------------------------------------------------------*/ /* 14. Contact Page Styles /*-----------------------------------------------------------------------------------*/ #map_canvas{ border:4px #e6e6e6 solid; width:637px; height:250px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0px 0px 15px; } #map_canvas:hover { border-color:#d6d6d6; } #content address{ color:#a3a3a9; font-size:13px; line-height:21px; } .contact-form-container{ margin:60px 0px;} #contact-form{} #contact-form input[type=text], #contact-form textarea{ border:1px solid #dcdcdc; color:#bcbcbc; font: 12px 'Droid Sans', Arial, Helvetica, "Trebuchet MS", sans-serif; outline:none; } #contact-form input[type=text].error, #contact-form textarea.error{ border:1px solid red;} #contact-form input[type=text]:focus, #contact-form textarea:focus{ color:#adadad; } #contact-form input[type=text]{ width:250px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow:none; -webbox-shadow:none;} #contact-form textarea{ width:561px; padding:5px; margin-bottom:15px; box-shadow:none; } #contact-loader { vertical-align: middle; margin-left:20px; display:none; } #message-sent { margin: 10px 0px; color:red; display:none; } .form-cell{ width:305px; float:left; margin:0px 0px 20px;} .form-cell span{ color:#d7332c; display:inline-block; margin-left:5px; } #contact-form .submit{ margin-bottom:15px;} #contact-form .error-container label{ display:block; color:red; font-style:italic; } .contact-widget{ font:13px 'Droid Sans', SimHei, Helvetica, "Trebuchet MS", sans-serif; line-height:21px;} .contact-widget p{ margin:20px 0px; color:#95959c; } .contact-widget hr{ border:none; height:1px; background:#e6e6e6;} .contact-widget a { color:#95959c; } .contact-widget a:hover,.contact-widget a:focus{ color:#65656c; } .captcha-container{ margin:0 0 20px; } .captcha-container img{ vertical-align:top; margin:0 5px; } #wrapper .captcha-container .captcha{ width:50px; font-size:14px; } .wpcf7-form input[type=text], .wpcf7-form textarea{ border:1px solid #dcdcdc; color:#bcbcbc; font: 12px 'Droid Sans', Arial, Helvetica, "Trebuchet MS", sans-serif; outline:none; box-shadow: none; } .wpcf7-form .wpcf7-submit{ padding: 5px 10px; } /*-----------------------------------------------------------------------------------*/ /* 15. Blog & Single Blog Page Styles /*-----------------------------------------------------------------------------------*/ #content article.hentry { border: 1px solid #dedede; padding: 15px 10px 10px; margin: 28px 0px 20px; } .home-left-side #content article.hentry { border-bottom:none; } .page-template-template-faq-php #content article.hentry{ border-bottom:none; } article.hentry .post-meta{ border-bottom:1px solid #fafafa; padding:0px 0px 8px; margin-bottom:0px;} article h1.post-title.detail-page { font-size: 18px; } .post-meta span{ display:inline-block; padding:0px 0px 0px 20px; margin:0px 20px 0px 0px; color:#757f83; font-size:12px;} .post-meta span a{ color:#757f83;} .post-meta .author{ background:url(../image/author-bg.png) left center no-repeat;} .post-meta .date{ background:url(../image/date-bg.png) left center no-repeat;} .post-meta .category{background:url(../image/cat-bg.png) left center no-repeat;} .post-meta .tag{ background:url(../image/tag-bg.png) left center no-repeat;} article.hentry .post-thumb{ position:relative; height:auto; border: 0px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0 0 8px; } article.hentry .post-thumb:hover { border-color:#d6d6d6; } .post-thumb img{ display:block; } .post-thumb .comment-count{ position:absolute; top:0px; right:0px; background:rgba(174, 127, 81, 0); padding:10px; } .comment-count span{ left center no-repeat; display:inline-block; padding:0px 0px 0px 20px; color:#ededed; } .comment-count span a{ color:#ededed; } #pagination{ text-align:center; margin:0 0 15px;} #pagination .current{ font-weight:bold; color:#ededed;} .pages-nav { font-weight:bold; color:#6A6A75; font-size:14px; } .pages-nav a{ font-weight:normal; } /*-----------------------------------------------------------------------------------*/ /* 16. Doctor /*-----------------------------------------------------------------------------------*/ .doctor-img{ float:left; margin:0px 30px 0px 0px; width:230px; text-align:center; } .doctor-img a.twitter{ display:inline-block; margin:5px 5px 5px 0px; width:22px; height:22px; background:url(../image/doc-twitter.png) no-repeat top left;} .doctor-img a.twitter:hover{background:url(../image/doc-twitter.png) no-repeat bottom left; } .doctor-img a.facebook{ display:inline-block; margin:5px 5px 5px 0px; width:22px; height:22px; background:url(../image/doc-facebook.png) no-repeat top left;} .doctor-img a.facebook:hover{background:url(../image/doc-facebook.png) no-repeat bottom left;} .doctor-page h5, .doctor-page h4{ margin-bottom:5px; } /*-----------------------------------------------------------------------------------*/ /* 17. Columns Style /*-----------------------------------------------------------------------------------*/ #container .columns { margin: 0px 0px 0px 0px; overflow: hidden; } #container .columns .one-third { width: 31.33%; margin: 0px 12px 10px 0px; float: left; } #container .columns .one-thirda { width: 32%; margin: 10px 0px 10px 0px; float: left; } #container .columns .one-thirda-jblist {width: 30.5%;margin: 0px 0px 0px 0px;float: right;border: 0px solid #dedede;padding: 0px 0px 0px;} #container .columns .one-thirda-jblist h4{margin: 0px 0px 18px 0px;padding: 0px 10px 0px;} #container .columns .one-thirdb { width: 32%; margin: 10px 18px 10px 0px; float: left;} #container .columns .two-third { width: 64.66%; margin: 0px 0px 0px 2%; float: left; } #container .columns .two-third-keshi { width: 66.66%; margin: 16px 4px 2px 1px; float: left; border: 0px solid #dedede; padding: 1px 5px 20px; } #container .columns .one-fourth { width: 23%; margin: 0px 0px 0px 2%; float: left; } #container .columns .one-fourtha { background-image: url(../image/beijing2.png); width: 187px; height:128px; margin: 6px 0px 0px 2%; float: left; } #container .columns .one-fourth2 { width: 260px; margin: 11px 0px 0px 2%; float: left; } #container .columns .one-fourthb { width: 220px; margin: 6px 12px 30px 12px; float: left; } #container .columns .three-fourth { width: 73%; margin: 0px 0px 0px 2%; float: left; } #container .columns .one-half { width: 49%; margin: 0px 0px 0px 5px; float: left; background; border-right: 1px solid #e0e0e0; text-align: center;} #container .columns .one-half2 { width: 49%; margin: 0px 0px 0px 5px; float: left; background; text-align: center;} #container .columns .one-halfa{ width: 63px; height:63px; margin: 23px 0px 17px 20px; float: left; } #container .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; } .drphoto { position: relative; top: 6px; left: 24px; width: 74px; height: 76px; } .drname1 { position: relative; padding-top: 0px; padding-left: 112px; bottom: 65px; font: 13px/1.5 Tahoma, "微软雅黑"; color: #fff; } .drname2 { position: relative; padding-top: 0px; padding-left: 112px; bottom: 55px; font: 9px/1.5 Tahoma, "微软雅黑"; color: #fff; } .drname3 { position: relative; padding-top: 0px; padding-left: 112px; bottom: 50px; font: 9px/1.5 Tahoma, "微软雅黑"; color: #fff; } .drhe { background-image: url(../image/201.png); width: 970px; height:381px; margin: 6px 0px 10px 0px; float: left; } /* ---------------------------------------- */ /* 18. Content Tabs /* ---------------------------------------- */ #container #content .tabs-container .tab-content .tag:hover{ background: #ec490d;color: #fff;} #container #content .tabs-nav{ list-style: none; overflow: hidden; width: 100%; margin:0px; } #container #content .tabs-nav li{float: left;width: 97px;line-height: 32px;margin: 0px 1px;overflow: hidden;padding: 0px;position: relative;border-bottom:none;background:none;} #container #content .tabs-nav li.active { line-height: 31px; } #container #content .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; color: #808080; display: block; letter-spacing: 0; outline: none; padding: 0px; text-decoration: none; text-shadow: 0 1px 0 #fff;text-align: center; } #container #content .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; } #container #content .tabs-nav li a:hover { background: #f0f0f0; } #container #content .tabs-nav li a:hover, .tabs-nav li.active a { color: #F56734; } #container #content .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #F56734; } #container #content .tabs-container { border: 1px solid #eaeaea; margin: 10px 0px 53px; overflow: hidden; overflow-x: hidden; width: 98.6%; height: 175px; } #container #content .tabs-container .tab-content{ padding:10px; } #container #content .tabs-container .tab-content .tag{ background: #e7e7e7; border-radius: 10px; /*padding: 3px 10px;*/ padding: 0 1em; margin: 6px 6px 5px 0px; font-size: 12px; height: 20px; line-height: 20px; display: inline-block; } #container #content .tabs-container .tab-content .tag:hover{ background: #ec490d;color: #fff;} /* ---------------------------------------- */ /* 19. Content accordion /* ---------------------------------------- */ #content .accordion { margin-bottom:20px; } #content .accordion h5 { min-height: 35px; height: auto !important; height: 35; line-height: 35px; padding: 0 13px; margin-bottom:15px; color: #808080; border: 1px solid #eaeaea; background: #f8f8f8; cursor: pointer; } #content .accordion h5:hover { border-top-color: #F56734; background: #fafafa; } /*#content .accordion h5 span { display: inline-block; width: 20px; height: 20px; background: url(images/accordion-title-span.png) no-repeat; margin: 7px 10px 0px 0px; vertical-align: top; }*/ #content .accordion h5 i { margin-right: 10px; } #content .accordion h5.current { border-top-color: #F56734; color: #F56734; border-bottom: none; background: #fafafa; margin-bottom: 0; } /*#content .accordion h5.current span { background-position: bottom; }*/ #content .accordion .pane { display: none; background-color: #fff; border: 1px solid #eaeaea; overflow: hidden; padding: 25px; font-size: 14px; line-height: 2; margin-bottom:15px; } #content .accordion .pane p { margin: 0; } #content .accordion .pane.current { display: block; margin-bottom:15px; } #content .accordion .pane .logo-1{padding:10px 109px; float:left;} #content .accordion .pane .logo-2{padding:14px; float:left;} #cuplayer18{float:left;padding:14px;} /* --------------------------------------- */ /* 20. Comments /* --------------------------------------- */ #comments {} #comments #comments-title{} #comments #reply-title { margin-bottom: 15px; } #comments .commentlist { margin: 20px 0 0; padding: 0 0 30px; overflow: hidden; } #comments .comment { border:none; border-bottom: 1px dotted #dedede; list-style: none; margin:30px 0 0; padding:10px 0; } #comments .comment:first-child { } #comments .comment > article { margin: 0; overflow: hidden; } #comments .comment .avatar { background: #fff; float: left; margin:0px 10px 10px 0; position: relative; z-index: 1; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;} #comments .comment .comment-body, #comments .comment .comment-meta { float: right; margin:0; width: 560px; } #comments .comment .comment-body p{ margin-bottom:10px; } #comments .comment .comment-meta { margin-bottom: 0; } #comments .comment .author { font-size:13px; } #comments .comment .author, #comments .comment .author a { margin: 0; } #comments .comment .author cite { font-style: normal; } #comments .comment .author .comment-reply-link { font-size: 11px; } #comments .comment .date, #comments .comment .date a, #comments .comment .date time { color: #b0b3b6; font-style: italic; margin: 1px 0 5px; } #comments .comment .date a:hover time { color: #f56734; } #comments .commentlist .children { margin: 0; padding: 0 0 0 85px; position: relative; } #comments .commentlist .children .comment { border-bottom:none; } #comments .comment .children .comment:first-child { } #comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta { width: 475px; } #comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta { width: 395px; } #comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta { width: 315px; } #comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta { width: 235px; } /* --------------------------------------- */ /* 21. Comment Form /* --------------------------------------- */ #respond { margin-top:30px; } #respond #reply-title small{ font-weight:normal; font-size: 13px; font-weight: normal; display:inline-block; margin-left:10px; } #commentform label{ font-weight:bold;} #commentform span.required{ color:#f56734;} #commentform textarea, #commentform input[type=text]{ display:block; margin:5px 0 0; border:1px solid #dedede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow:none; } #commentform input[type=text]{ width:50%;} #commentform textarea { width:85%; padding:8px; color:#808080; font: 13px 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif; line-height: 21px; } #commentform p.form-allowed-tags{ font-size:12px; } #commentform input[type="submit"]{ margin: 0px 0px 0px 0px; vertical-align: bottom; display: inline-block; font-size: 13px; color: #fff; height: 33px; line-height: 33px; padding: 0px 15px; border: none; cursor: pointer; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform input[type="submit"]:hover, #commentform input[type="submit"]:focus, #commentform input[type="submit"]:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } /* --------------------------------------- */ /* 22. FAQs Template /* --------------------------------------- */ .faq-unit{ padding:15px 15px 15px 50px; background:transparent url(../image/faq-bg.png) 12px 13px no-repeat; border-bottom:1px solid #ededed; cursor:pointer; } .faq-unit:hover{ background-color:#fdfdfd; } .faq-unit.active{ background:#fafafa url(../image/faq-active.png) 12px 13px no-repeat; cursor:default; } .faq-unit.active:hover{ background-color:#fafafa; } #content .faq-unit h4.faq-question{ font-size:14px; font-weight:500; margin:0; } #content .faq-unit:hover h4.faq-question, #content .faq-unit.active h4.faq-question{ color:#f56734; } .faq-unit .faq-answer{ padding-top:10px;} /* --------------------------------------- */ /* 23. Gallery Template /* --------------------------------------- */ #content #filter-by { text-align:right; margin-bottom:40px; } #content #filter-by li{ border:0; margin:0; padding:0; background:none; display:inline; } #content #filter-by li a{ display: inline-block; color:#6a6a75; height: 11px; font-size: 12px; line-height: 12px; padding: 8px 10px; margin:0 5px 0 0; border: none; background:#E6E6E6; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content #filter-by li a.active, #content #filter-by li a:hover{ background:#f56734; color:#fff; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .gallery-item { margin-bottom:30px; } .gallery-item img{ border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .gallery-item .flex-viewport img{ border: 0; border-radius: 0; display: block; } .gallery-item .flex-viewport { border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } article.gallery-item.hentry .post-thumb{ border:none; } .gallery-item img:hover{ border-color:#d6d6d6; } #content .gallery-item .item-title { padding-bottom:5px; border-bottom:1px solid #ededed; margin:0px; } .gallery-item .item-title a{ color:#6a6a75; font-size:13px; font-weight:bold; } .gallery-item .item-title a:hover{ color:#f56734; } .gallery-item .item-type-link { display:block; padding-bottom:2px; border-bottom:1px solid #ededed; } .gallery-item .item-type-link a{ color:#808080; font-size:11px; font-weight:normal; } .gallery-item .item-type-link a:hover{ color:#f56734; } .gallery-4-columns { margin-left:-29px;} .gallery-4-columns .gallery-item{ width:223px; float:left; margin-left:29px;} .gallery-3-columns { margin-left:-31px;} .gallery-3-columns .gallery-item{ width:306px; float:left; margin-left:31px;} .gallery-2-columns { margin-left:-32px;} .gallery-2-columns .gallery-item{ width:474px; float:left; margin-left:32px;} #content .gallery-slider ul.slides { margin: 0; } #content .gallery-slider ul.slides li{ background: none; border-bottom: none; padding:0;} #content .gallery-slider .flex-control-nav{ position: static; bottom: auto; top: auto; left: auto; right: auto; margin: 5px 0; } #content .gallery-slider .flex-control-nav li{ display: inline; border: 0; padding: 0; margin: 0; list-style: none; } .gallery-slider .flex-control-nav li a{ display: inline-block; height: 12px; width: 12px; background: #46A1B4; margin:0 3px; border-radius: 8px; } .gallery-slider .flex-control-nav li a.flex-active{ background: #F56734 ; } /* --------------------------------------- */ /* 24. Isotope Styles /* --------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* --------------------------------------- */ /* 25. Scroll Top /* --------------------------------------- */ a#scroll-top{ display:none; position:fixed; right:20px; bottom:77px; height:42px; width:42px; line-height:42px; background:#377f8f url(../image/scroll-top.png) center center no-repeat; opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; } a#scroll-top:hover{ background-color:#f56734; } /* --------------------------------------- */ /* 26. Language Switcher /* --------------------------------------- */ #custom-lang-switcher { position: absolute; top: 2px; right: 0; font-size: 11px; line-height: 12px} #custom-lang-switcher img{ margin:1px 3px 1px 6px; vertical-align: middle; } /*----------table----------*/ table { border-collapse: collapse; border-spacing: 0; width:99%; -webkit-box-shadow: 0px 2px 1px 5px rgba(242, 242, 242, 0.1); box-shadow: 0px 2px 1px 5px rgba(242, 242, 242, 0.1); } .zebra { border: 1px solid #555; } .zebra td { border-left: 1px solid #555; border-top: 1px solid #555; padding: 10px; text-align: center; } .zebra th, .zebra th:hover { border-left: 1px solid #555; border-bottom: 1px solid #828282; padding: 20px; background-color: #252525 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#404040)) !important; background-image: -webkit-linear-gradient(top, #FFFFFF, #EFEFEF) !important; background-image: -moz-linear-gradient(top, #151515, #404040) !important; background-image: -ms-linear-gradient(top, #151515, #404040) !important; background-image: -o-linear-gradient(top, #151515, #404040) !important; background-image: linear-gradient(top, #151515, #404040) !important; color: #808080 !important; font-weight:normal; } .zebra tbody tr:nth-child(even) { background: #EFEFEF !important; color: #808080; } .zebra tr:hover *{ background: #fff; color:#000; } .zebra tr { background: #efefef; color: #808080; } /*----------play----------*/ .play_name { background:#fff; position: relative; width: 210px; height: 140px; cursor:pointer; border:1px solid #fff; } .play_name:hover { background:#fff; box-shadow:7px 8px 10px rgba(0,0,0,0.06); top:-1px; transition: all .2s linear; width: 210px; height: 140px; } .play_name:hover .ico_play{ background:#fff; } .ico_play { position: relative; top: 53px; left: 130px; width: 60px; height: 60px; } /*----------shouyekeshi----------*/ .keshi { background:#efefef; position: relative; width: 201px; height: 83px; cursor:pointer; } .keshi:hover { background:#efefef; box-shadow:7px 8px 10px rgba(0,0,0,0.05); top:0px; transition: all .3s linear; width: 201px; height: 83px; } /*----------jiankangzice----------*/ .jiankang { background:#fff; position: relative; width: 220px; height: 70px; cursor:pointer; border:1px solid #fff; } .jiankang:hover { background:#fff; box-shadow:7px 8px 10px rgba(0,0,0,0.06); top:-1px; transition: all .2s linear; width: 220px; height: 70px; } /*----------lianxiwomen----------*/ .lxwm { background-image: url(../image/0010.jpg); width: 980px; height:451px; margin: 6px 0px 10px 0px; float: left; } .lxwmtext { position: relative; padding-top: 324px; padding-left: 10px; font: 13px/1.5 Tahoma, "微软雅黑"; color: #fff; } .lxwmtb { position: relative; bottom: 100px; padding-left: 270px; } .yiyuanjianjie { background-image: url(../image/env.png); width: 980px; height:400px; margin: 6px 0px 10px 0px; float: left; } #topimg { width: 980px; height: 119px; margin: 15px 0px 0px 0px; text-align: center; } #topimg1 { width: 215px; height: 119px; margin: 0px 15px 0px 0px; background-image: url(../image/beijing.png); text-align: center; float: left; opacity: 0.8; } #topimg2 { width: 240px; height: 119px; margin: 0px 15px 0px 0px; background:#caa378; text-align: center; float: left; } #topimg3 { width: 240px; height: 119px; margin: 0px 15px 0px 0px; background:#68b4b5; text-align: center; float: left; } #topimg4 { width: 240px; height: 119px; margin: 0px 0px 0px 0px; background:#7182b2; text-align: center; float: left; } #topimg h3 { font-size: 15px; width: 220px; text-align: center; padding:10px 10px 0px 10px; margin: 0 auto; height: 35px; line-height: 21px; color: #fff; } #topimg h4 { font-size: 15px; width: 220px; text-align: center; padding:10px 10px 0px 10px; margin: 0 auto; height: 35px; line-height: 21px; color: #fff; } #topimg p { font-size: 12px; text-align: center; margin: 0 auto; line-height: 21px; color: #fff; font-family: "微软雅黑"; } #topimg p a{ font-size: 12px; text-align: center; margin: 0 auto; line-height: 21px; color: #fff; font-family: "微软雅黑"; } #topimg1 p a{font-size: 14px; text-align: center; margin: 0 auto; padding:0px 10px 0px 10px; line-height: 119px; color: #fff; font-family: "微软雅黑";} #topimg p a:hover{ opacity:0.8; font-size: 14px; text-align: center; margin: 0 auto; line-height: 23px; color: #fff; font-family: "微软雅黑"; } .block_c { width: 980px; margin: 0 auto; height: 360px; position: relative; margin: 80px 0px 40px 0px; } .dongtai { width: 310px; height: 364px; position: relative; margin: -40px 0 0 0 } .dongtai1 { width: 72px; height: 38px; margin: 60px 0 0 0; } .linow { color: #474747; font-size: 17px; border-bottom: 2px solid #b0b0b0; float: left; /**height: 30px;**/ } .ynzy { height:38px; width:310px; display: flex; justify-content: space-between; align-items: center; } .dongtai .more{position: absolute; right:0px; top:9px; color:#707070; font-size:15px;} .dongtaitext { width: 310px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 14px; text-align: left; float: left; } .ztitle{font-size:15px; font-weight: 500; color:#474747; float:"left"; font-family: "微软雅黑"; } .cont_r { width: 650px; height: 358px; position: absolute; right: 0; top: 0; } .cont_n { width: 325px; height: 180px; float: left; background: #f4f4f4; position: relative; } .cont_nr { width: 325px; height: 180px; float: left; background: #e5e5e5; position: relative; } .cont_n h4 { width: 100%; height: 45px; font-size: 24px; color: #474747; font-weight: 500; line-height: 45px; margin-top: 25px; position: relative; } .cont_nr h4 { width: 100%; height: 45px; font-size: 24px; color: #474747; font-weight: 500; line-height: 45px; margin-top: 25px; position: relative; } .cont_n h4 a{color:#474747; display: block; width:215px; position: absolute; top:0px; left:105px; } .cont_nr h4 a{color:#474747; display: block; width:215px; position: absolute; top:0px; left:105px; } .cont_n ul { width: 250px; margin: 0 auto; margin-top:10px; height: 80px; } .cont_nr ul { width: 250px; margin: 0 auto; margin-top:10px; height: 80px; } .cont_n li { float: left; width: 125px; height: 20px; margin-top: 15px; position: relative; } .cont_nr li { float: left; width: 125px; height: 20px; margin-top: 15px; position: relative; } .cont_n h4 img { left: 32px; position: absolute; } .cont_nr h4 img { left: 32px; position: absolute;} .cont_n ul li a { float: left; margin-right: 15px; } .cont_nr ul li a { float: left; margin-right: 15px; } .cont_n ul li a:hover { color: #296496; } .cont_nr ul li a:hover { color: #296496; } .cont_n img { display: inline-block; float: left; margin: 3px 5px 0; } .cont_nr img { display: inline-block; float: left; margin: 3px 5px 0; } .cont_n .d { right: 47px; position: absolute; } .cont_nr .d { right: 47px; position: absolute; } .dongtaitext li{width:310px; height:60px; line-height:18px; font-size:14px; margin: 17px 0;} .dongtaitext a{font-size:15px; font-weight: 500; color:#474747; float:left;} .dongtaitext a:hover{color:#4687cb;} .dongtaitext p { margin-top: 3px; font-size: 12px; color:#909090; line-height: 21px; float:left} .dongtaitext t{width:310px; height:60px; line-height:18px; font-size:14px; margin: 17px 0;} .resour_bottom { width: 310px; height: 152px; margin-bottom: 0px; } .resour { width: 310px; height: 152px; font-family: 微软雅黑; float: left; } .resour h2 { width: 75px; height: 35px; border-bottom: 3px solid #4d8bcd; color:#474747; font-size: 18px; font-weight: 500; } .resour2 li a { color: #818181; font-size: 12px; display: inline-block; text-align: center; width: 100%; height:50px; } .resour2 li a:hover {color:#474747; } .resour2 li { height: 90px; line-height: 28px; width: 90px; float: left; margin: 10px 5px; background: #d07e80;} .resour2 li img { text-align: center; margin-top: -15px; margin-bottom: -10px;} .resour2 .a{ background: #E5E5E5;} .resour2 .b{ background: #E5E5E5;} .resour2 .c{ background: #E5E5E5;} .sidelist{padding-left: 0; margin-bottom: 20px;} .sidelist-item_g { position: relative; display:block; padding: 4px 0px; color:#0072c6; overflow:hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sidenews{width:308px;height:21;padding:0px; margin:12px 0px 10px 0px;} .sidenews1{width:69px;text-align: right; float:right;font-style:italic;color: #b2b2b2;font-size:12px;} .sidenews2{width:238px;text-align: left;} /*vedio*/ .ve{width:640px; height:400px; background:#fff; box-shadow:7px 10px 5px rgba(0,0,0,0.08)} /* ranklist */ .ranklist{ padding:10px 10px 0 0; height: 190px; overflow-x: hidden; overflow-y: auto; } .ranklist li{height:40px;overflow:hidden;position:relative;} .ranklist li em{background:url(../image/mun.gif) no-repeat;width:20px;height:16px;overflow:hidden;display:block;position:absolute;left:0;top:0;text-align:center;font-style:normal;color:#333;} .ranklist li em{background-position:0 -16px;} .ranklist li a{display: block;width: 200px;float: left;} .ranklist li dt{display: inline;color: #9c9c9c;float: right;} .ranklist li.top em{background-position:0 0;color:#fff;} .ranklist li .num{position:absolute;right:0;top:0;color:#999;} .ranklist p{margin: 0; padding: 0; width:109%; font-size: 13px; line-height: 14px; list-style-type: none;} .symore{ margin:5px 5px; float:right; color: #707070; font-size: 15px; } /* ranklistb */ .ranklistb{  padding:18px 0px 85px 0px; margin: 20px 2px 2px 2px; } .ranklistb li{height:16px;line-height:16px;overflow:hidden;position:relative;padding:0 70px 0 0px;margin:0 0 25px 0;} .ranklistb li em{background:url(../image/mun.gif) no-repeat;width:20px;height:16px;overflow:hidden;display:block;position:absolute;left:0;top:0;text-align:center;font-style:normal;color:#333;} .ranklistb li em{background-position:0 -16px;} .ranklistb li.top em{background-position:0 0;color:#fff;} .ranklistb li .num{position:absolute;right:0;top:0;color:#999;} .ranklistb p{margin: 0; padding: 0; width:109%; font-size: 13px; line-height: 14px; list-style-type: none;} .symore{ margin:5px 5px; float:right; color: #707070; font-size: 15px; } /*sykepu*/ .sykepu{ margin:0 0 18px 0; width:305.5px; height:85px; border: 1px solid #E0E0E0; } .sykepupic{ margin:0; float:left; width:90px; height:85px; background:#808080; } .sykepur{ margin:0 5px 0 90px; height:70px; padding:0 5px 1px 5px; } .sykepur h5 a { color:#3e96a9; font-size:14px; } .sykepur h5{ margin-bottom:4px; } .sykepu p { font-size: 12px; line-height: 20px; width: 210px; } /*videolist淡入淡出效果*/ .thumbnail { position: relative; z-index: 0; } .thumbnail:hover { z-index: 50; } .thumbnail span { position: absolute; background-color: #FFFFE0; left: -1000px; border: 1px dashed gray; visibility: hidden; color: #000; text-decoration: none; padding: 5px; opacity:0; } .thumbnail span img { border-width: 0; padding: 2px; } .thumbnail:hover span { visibility: visible; top: 10px; left: 280px; } p img { max-width:780px; width: expression(this.width > 600 ? “600px” : true); height:auto; } /** 2022-12-5 diy 三栏介绍自定义CSS修改记录**/ ._diy_css_1 .symore{ margin:0 } ._diy_css_1 img{ width:100%; margin:8px; } ._diy_css_1 .linow{ font-size:24px; border-bottom:none; } ._diy_css_1 .symore{ border-radius: 50px; border: 1px solid #d6d6d6; padding: 0px 20px; font-size: 12px; } ._diy_css_1 .ranklist li { line-height: 40px; font-size: 14px; } ._diy_css_1 .ranklist li + li { border-top: 1px solid #d6d6d6; } ._diy_css_1 div{ padding: 0 10px; } #container .columns .one-thirdb._diy_css_1 { width: 32%; display: block; overflow: hidden; float: none; margin: 0; } #container .columns .one-thirda._diy_css_1{ margin:0px 20px 0px 0px; } #container .columns._diy_css_2 { display: flex; justify-content: space-between; } ._diy_css_1 .ynzy { width:auto; } ._diy_css_1 .ranklist li a{ width:auto; } /*缩放收起代码*/ .xControl{margin: 0.5em 0; border: 1px solid #ddd; background: url(../image/1718673833-4545444.png) 0px 0px no-repeat; border-radius: 6px; box-shadow: 0 10px 20px 0 rgba(0,0,0,.05); padding: 20px 25px;} .xTitle {color: #333; font-size: 16px; font-weight: 600;}