/** * http://meyerweb.com/eric/tools/css/reset/ * v2.0 | 20110126 * License: none (public domain) */ .widget {padding: 25px;padding-bottom: 22px;*padding-bottom: 17px;} .widget a {display: block\9;z-index: 10\9;} .widget .col {float: left;} .widget .col > nav, .widget .col > div, .widget .col > ul, .widget .col > section {margin: 10px 5px;} .widget .col.third {width: 33.33333333%;} .left .widget {margin: 10px 10px 20px 0;} @media only screen and (max-width: 650px) {.left .widget { margin-right: 0;}} .right .widget {margin: 10px 0 20px 10px;} @media only screen and (max-width: 800px) {.right .widget { margin-left: 0;}} .ui {background-image: url('../img/sprites/ui.png');} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.ui { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav {position: fixed;width: 100%;height: 100%;z-index: 999;display: none;} .responsive-nav .bg {position: absolute;width: 100%;height: 100%;z-index: 1;background-color: #2f2f2d;-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;} .responsive-nav .top {position: relative;z-index: 1;background-color: #025388;left: -100%;-webkit-transition: left 0.7s;-moz-transition: left 0.7s;-ms-transition: left 0.7s;-o-transition: left 0.7s;transition: left 0.7s;height: 55px;} .responsive-nav .top p {color: white;padding: 15px 25px;} .responsive-nav .top .icon {position: absolute;right: 15px;top: 50%;margin-top: -10px;/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1443px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 20px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .top .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav-container {position: absolute;z-index: 2;top: 55px;bottom: 0;} .responsive-nav .nav-container .nav-wrapper {background-color: #025388;position: relative;height: 100%;left: -100%;overflow: auto;-webkit-transition: left 0.9s;-moz-transition: left 0.9s;-ms-transition: left 0.9s;-o-transition: left 0.9s;transition: left 0.9s;} .responsive-nav .nav-container .nav {padding: 10px;overflow: hidden;} .responsive-nav .nav-container .nav.light {background-color: #0066a6;padding-bottom: 0;} .responsive-nav .nav-container .sub-nav {position: absolute;background-color: #0066a6;width: 100%;height: 100%;top: 0;left: -100%;z-index: 2;-webkit-transition: left 0.5s;-moz-transition: left 0.5s;-ms-transition: left 0.5s;-o-transition: left 0.5s;transition: left 0.5s;} .responsive-nav .nav-container .sub-nav ul {padding: 10px;} .responsive-nav .nav-container .sub-nav a {border-bottom: 1px solid #005894;} .responsive-nav .nav a {position: relative;display: block;padding: 10px 15px;color: white;text-decoration: none;font-size: 13px;border-bottom: 1px solid #002c45;} .responsive-nav .nav a.left, .responsive-nav .nav a.right {width: 50%;padding: 0;text-align: center;} .responsive-nav .nav a.right {border-left: 1px solid #002c45;margin-right: -1px;} .responsive-nav .nav .icon {width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-right: 10px;} .responsive-nav .nav .icon.search {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1136px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.search { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.login {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1031px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.login { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.city {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -891px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.city { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.special-services {/** * improved sprite */background-image: url('../img/sprites/special-services.png');background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.special-services { background-image: url('../img/sprites/special-services-x2.png'); background-size: 30px 30px;}} .responsive-nav .nav .icon.language {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -961px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.language { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.language.zh {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -926px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.language.zh { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.weibo {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -607px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.weibo { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .icon.wechat {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -567px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;display: -moz-inline-stack;display: inline-block;zoom: 1;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .icon.wechat { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1401px;background-repeat: no-repeat;overflow: hidden;display: block;height: 16px;width: 10px;position: absolute;top: 50%;margin-top: -8px;left: 0px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav .sub-nav .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1422px;background-repeat: no-repeat;overflow: hidden;display: block;height: 16px;width: 10px;position: absolute;top: 50%;margin-top: -8px;left: 0px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav .sub-nav .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav .nav form.search {padding: 10px 15px;border-bottom: 1px solid #005894;position: relative;} .responsive-nav .nav form.search input[type=text] {width: auto;background-color: transparent;border: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 0;padding-left: 55px;color: #fff;-webkit-transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;} .responsive-nav .nav form.search input[type=text]:focus {background-color: #0066a6;padding-left: 15px;} .responsive-nav .nav.light a {border-bottom: 1px solid #005894;} .responsive-nav .nav.light .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1422px;background-repeat: no-repeat;overflow: hidden;display: block;height: 16px;width: 10px;position: absolute;top: 50%;margin-top: -8px;left: 0px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.responsive-nav .nav.light .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .responsive-nav.open .bg {-khtml-opacity: 0.8;-moz-opacity: 0.8;opacity: 0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);} .responsive-nav.open .top {left: 0;} .responsive-nav.open .nav-wrapper {left: 0;} /** * 1 Top * 1.1 Logo * 1.2 Nav * 1.2.1 Top nav * 1.2.1.1 Icons * 1.2.1.2 Arrows * 1.2.1.3 Hover * 1.2.2 Sub nav * 1.2.2.1 Arrows * 2 Bottom * 2.1 nav * 2.1.1 Top nav * 2.1.2 Sub nav * 3 Responsive icon */ .header {width: 100%;position: relative;} .header .top {position: relative;background-color: #ffffff;z-index: 40;} .header .top > .container {padding: 5px 0;} .header .top .logo {float: left;width: 400px;height: 64px;background-repeat: no-repeat;} .header .top .logo.bj {background-image: url('../img/logos/header-logo-large-bj-en.png');} .header .top .logo.sh {background-image: url('../img/logos/header-logo-large-sh-en.png');} .header .top .logo.zh.bj {background-image: url('../img/logos/header-logo-large-bj-zh.png');} .header .top .logo.zh.sh {background-image: url('../img/logos/header-logo-large-sh-zh.png');} .header .top .logo.pd {background-image: url('../img/logos/header-logo-large-pd-en.png');} .header .top .logo.zh.pd {background-image: url('../img/logos/header-logo-large-pd-zh.png');} .header .top .logo.dt {background-image: url('../img/logos/header-logo-large-dt-en.png');} .header .top .logo.zh.dt {background-image: url('../img/logos/header-logo-large-dt-zh.png');} .header .top .logo.sz {background-image: url('../img/logos/header-logo-large-sz-en.png?v2');} .header .top .logo.zh.sz {background-image: url('../img/logos/header-logo-large-sz-zh.png?v2');} .header .top .logo.ja {background-image: url('../img/logos/header-logo-large-ja-en.png');} .header .top .logo.zh.ja {background-image: url('../img/logos/header-logo-large-ja-zh.png');} .header .top .logo.dc {background-image: url('../img/logos/header-logo-large-dc-en.png');} .header .top .logo.zh.dc {background-image: url('../img/logos/header-logo-large-dc-zh.png');} @media only screen and (max-width: 960px) {.header .top .logo { width: 290px; height: 64px;}.header .top .logo.bj { background-image: url('../img/logos/header-logo-medium-bj-en.png');}.header .top .logo.sh { background-image: url('../img/logos/header-logo-medium-sh-en.png');}.header .top .logo.zh.bj { background-image: url('../img/logos/header-logo-medium-bj-zh.png');}.header .top .logo.zh.sh { background-image: url('../img/logos/header-logo-medium-sh-zh.png');} .header .top .logo.pd { background-image: url('../img/logos/header-logo-medium-pd-en.png');}.header .top .logo.zh.pd { background-image: url('../img/logos/header-logo-medium-pd-zh.png');}.header .top .logo.dt { background-image: url('../img/logos/header-logo-medium-dt-en.png');}.header .top .logo.zh.dt { background-image: url('../img/logos/header-logo-medium-dt-zh.png');}.header .top .logo.sz { background-image: url('../img/logos/header-logo-medium-sz-en.png?v2');}.header .top .logo.zh.sz { background-image: url('../img/logos/header-logo-medium-sz-zh.png?v2');}.header .top .logo.ja { background-image: url('../img/logos/header-logo-medium-ja-en.png');}.header .top .logo.zh.ja { background-image: url('../img/logos/header-logo-medium-ja-zh.png');}.header .top .logo.dc { background-image: url('../img/logos/header-logo-medium-dc-en.png');}.header .top .logo.zh.dc { background-image: url('../img/logos/header-logo-medium-dc-zh.png');}} @media only screen and (max-width: 800px) {.header .top .logo { width: 230px; height: 40px;}.header .top .logo.bj { background-image: url('../img/logos/header-logo-small-bj-en.png');}.header .top .logo.sh { background-image: url('../img/logos/header-logo-small-sh-en.png');}.header .top .logo.zh.bj { background-image: url('../img/logos/header-logo-small-bj-zh.png');}.header .top .logo.zh.sh { background-image: url('../img/logos/header-logo-small-sh-zh.png');} .header .top .logo.pd { background-image: url('../img/logos/header-logo-small-pd-en.png');}.header .top .logo.zh.pd { background-image: url('../img/logos/header-logo-small-pd-zh.png');}.header .top .logo.dt { background-image: url('../img/logos/header-logo-small-dt-en.png');}.header .top .logo.zh.dt { background-image: url('../img/logos/header-logo-small-dt-zh.png');}.header .top .logo.sz { background-image: url('../img/logos/header-logo-small-sz-en.png?v2');}.header .top .logo.zh.sz { background-image: url('../img/logos/header-logo-small-sz-zh.png?v2');}.header .top .logo.ja { background-image: url('../img/logos/header-logo-small-ja-en.png');}.header .top .logo.zh.ja { background-image: url('../img/logos/header-logo-small-ja-zh.png');}.header .top .logo.dc { background-image: url('../img/logos/header-logo-small-dc-en.png');}.header .top .logo.zh.dc { background-image: url('../img/logos/header-logo-small-dc-zh.png');}} /* ========= NEW LOGOS ========= */ .header .top .logo.gz {background-image: url('../img/logos/header-logo-large-gz-en.png');} .header .top .logo.zh.gz {background-image: url('../img/logos/header-logo-large-gz-zh.png');} .header .top .logo.tj {background-image: url('../img/logos/header-logo-large-tj-en.png');} .header .top .logo.zh.tj {background-image: url('../img/logos/header-logo-large-tj-zh.png');} .header .top .logo.qd {background-image: url('../img/logos/header-logo-large-qd-en.png');} .header .top .logo.zh.qd {background-image: url('../img/logos/header-logo-large-qd-zh.png');} .header .top .logo.rb {background-image: url('../img/logos/header-logo-large-rb-en.png');} .header .top .logo.zh.rb {background-image: url('../img/logos/header-logo-large-rb-zh.png');} .header .top .logo.nj {background-image: url('../img/logos/header-logo-large-nj-en.png');} .header .top .logo.zh.nj {background-image: url('../img/logos/header-logo-large-nj-zh.png');} @media only screen and (max-width: 960px) {.header .top .logo { width: 290px; height: 64px;}.header .top .logo.gz { background-image: url('../img/logos/header-logo-medium-gz-en.png');}.header .top .logo.gz { background-image: url('../img/logos/header-logo-medium-gz-zh.png');} .header .top .logo.tj { background-image: url('../img/logos/header-logo-medium-tj-en.png');}.header .top .logo.tj { background-image: url('../img/logos/header-logo-medium-tj-zh.png');} .header .top .logo.qd { background-image: url('../img/logos/header-logo-medium-qd-en.png');}.header .top .logo.qd { background-image: url('../img/logos/header-logo-medium-qd-zh.png');} .header .top .logo.rb { background-image: url('../img/logos/header-logo-medium-rb-en.png');}.header .top .logo.zh.rb { background-image: url('../img/logos/header-logo-medium-rb-zh.png');} .header .top .logo.nj { background-image: url('../img/logos/header-logo-medium-nj-en.png');}.header .top .logo.nj { background-image: url('../img/logos/header-logo-medium-nj-zh.png');}} @media only screen and (max-width: 800px) {.header .top .logo { width: 230px; height: 40px;}.header .top .logo.gz { background-image: url('../img/logos/header-logo-small-gz-en.png');}.header .top .logo.gz { background-image: url('../img/logos/header-logo-small-gz-zh.png');} .header .top .logo.tj { background-image: url('../img/logos/header-logo-small-tj-en.png');}.header .top .logo.tj { background-image: url('../img/logos/header-logo-small-tj-zh.png');} .header .top .logo.qd { background-image: url('../img/logos/header-logo-small-qd-en.png');}.header .top .logo.qd { background-image: url('../img/logos/header-logo-small-qd-zh.png');} .header .top .logo.rb { background-image: url('../img/logos/header-logo-small-rb-en.png');}.header .top .logo.zh.rb { background-image: url('../img/logos/header-logo-small-rb-zh.png');} .header .top .logo.nj { background-image: url('../img/logos/header-logo-small-nj-en.png');}.header .top .logo.nj { background-image: url('../img/logos/header-logo-small-nj-zh.png');}} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .header .top .logo.rb { background-image: url('../img/logos/header-logo-small-rb-en@2x.png');} .header .top .logo.zh.rb { background-image: url('../img/logos/header-logo-small-rb-zh@2x.png');} } /* ============= END NEW LOGOS ============= */ .header .top ul.nav {position: absolute;height: 100%;top: 0;right: 0;} .header .top ul.nav > li {position: relative;float: left;width: 90px;height: 100%;text-align: center;border-left: 1px solid #d5d3d3;border-right: 1px solid #d5d3d3;margin-left: -1px;-webkit-transition: width 0.5s, background-color 0.5s, border 0.5s;-moz-transition: width 0.5s, background-color 0.5s, border 0.5s;-ms-transition: width 0.5s, background-color 0.5s, border 0.5s;-o-transition: width 0.5s, background-color 0.5s, border 0.5s;transition: width 0.5s, background-color 0.5s, border 0.5s;} .header .top ul.nav > li.search input {line-height: 70px;} .header .top ul.nav > li > p {padding: 10px;font-size: 11px;line-height: 1em;font-family: 'montserrat', Arial, Helvetica, tahoma, verdana, '宋体', SimSun, '华文细黑', STXihei, sans-serif;color: #0065a5;-webkit-transition: color 0.5s;-moz-transition: color 0.5s;-ms-transition: color 0.5s;-o-transition: color 0.5s;transition: color 0.5s;} .header .top ul.nav > li .icon {/*position: absolute;bottom: 15px;left: 50%;margin-left: -15px;-webkit-transition: background-position 0.3s, bottom 0.3s;-moz-transition: background-position 0.3s, bottom 0.3s;-ms-transition: background-position 0.3s, bottom 0.3s;-o-transition: background-position 0.3s, bottom 0.3s;transition: background-position 0.3s, bottom 0.3s;*/margin: 0 auto;} .header .top ul.nav > li .icon.search {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1101px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.search { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.city {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -856px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.city { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.special-services {/** * improved sprite */background-image: url('../img/sprites/special-services-bule.png');background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.special-services { background-image: url('../img/sprites/special-services-bule-x2.png'); background-size: 30px 30px;}} .header .top ul.nav > li .icon.call {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -786px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.call { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.language {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -961px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.language { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.language.zh {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -926px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.language.zh { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.follow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1171px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.follow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .icon.login {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -996px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .icon.login { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -717px;background-repeat: no-repeat;overflow: hidden;display: block;width: 12px;height: 8px;/*position: absolute;bottom: 5px;left: 50%;margin-left: -6px;*/margin: 0 auto;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover {background-color: #4590cd;border-color: #4590cd;z-index: 2;} .header .top ul.nav > li:hover > p {color: #ffffff;} .header .top ul.nav > li:hover > .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -745px;background-repeat: no-repeat;overflow: hidden;display: block;width: 12px;height: 8px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover > .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover > ul {display: block;} .header .top ul.nav > li:hover .icon.search {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1136px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.search { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.city {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -891px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.city { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.special-services {/** * improved sprite */background-image: url('../img/sprites/special-services.png');background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.special-services { background-image: url('../img/sprites/special-services-x2.png'); background-size: 30px 30px;}} .header .top ul.nav > li:hover .icon.call {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -821px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.call { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.language {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -961px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.language { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.language.zh {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -926px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.language.zh { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.follow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1206px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.follow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li:hover .icon.login {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1031px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li:hover .icon.login { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} @media only screen and (max-width: 960px) {.header .top ul.nav > li { width: 80px;}} .header .top ul.nav > li ul {display: none;position: absolute;width: 210px;top: 99%;left: 50%;margin-top: 10px;/*margin-left: -120px;*/margin-left: -105px;z-index: 3;padding: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;background-color: #4590cd;} .header .top ul.nav > li ul .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -758px;background-repeat: no-repeat;overflow: hidden;display: block;width: 230px;height: 9px;position: absolute;top: -9px;left: 50%;margin-left: -115px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .top ul.nav > li ul .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .top ul.nav > li ul li p, .header .top ul.nav > li ul li a {padding: 10px;color: #ffffff;font-size: 14px;text-align: left;} .header .top ul.nav > li ul li a {text-decoration: none;display: block;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .header .top ul.nav > li ul li a:hover {background-color: #0065a5;} .header .top ul.nav > li ul li.title.title-barcode a:hover {background: none;} .header .top ul.nav > li ul li p {border-bottom: 1px solid #0065a5;} @media only screen and (max-width: 800px) {.header .top ul.nav { display: none;}} @media only screen and (max-width: 800px) {.header .top { background-color: #0065a5;}} .header .bottom {background-color: #0065a5;} .header .bottom .container > ul {text-align: center;position: relative;z-index: 30;} .header .bottom .container > ul > li {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} .header .bottom .container > ul > li > a {display: block;color: #ffffff;padding: 20px 30px;-webkit-transition: padding 0.5s, background-color 0.3s;-moz-transition: padding 0.5s, background-color 0.3s;-ms-transition: padding 0.5s, background-color 0.3s;-o-transition: padding 0.5s, background-color 0.3s;transition: padding 0.5s, background-color 0.3s;} @media only screen and (max-width: 1160px) {.header .bottom .container > ul > li > a { font-size: 90%; padding: 20px 10px;}} @media only screen and (max-width: 900px) {.header .bottom .container > ul > li > a { font-size: 80%;}} .header .bottom .container > ul > li.parent > a:after {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -730px;background-repeat: no-repeat;overflow: hidden;display: block;width: 18px;height: 10px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-left: 5px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .bottom .container > ul > li.parent > a:after { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .header .bottom .container > ul > li:hover > a {background-color: #4590cd;} .header .bottom .container > ul > li:hover > ul {display: block;} .header .bottom .container > ul > li > ul {display: none;position: absolute;top: 100%;background-color: #4590cd;z-index: 2;padding: 15px;} .header .bottom .container > ul > li > ul > li {float: left;text-align: left;} .header .bottom .container > ul > li > ul > li p, .header .bottom .container > ul > li > ul > li a {padding: 10px;font-size: 14px;} .header .bottom .container > ul > li > ul > li p {color: #024f7f;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;} .header .bottom .container > ul > li > ul > li a {color: #ffffff;display: block;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .header .bottom .container > ul > li > ul > li a:hover {background-color: #0065a5;} @media only screen and (max-width: 800px) {.header .bottom { display: none;}} .header .responsive {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1066px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;position: absolute;right: 10px;top: 50%;margin-top: -15px;display: none;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.header .responsive { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} @media only screen and (max-width: 800px) {.header .responsive { display: block;}} .header li.search {width: 0px;} .header li.search ::-webkit-input-placeholder {color: #ffffff;} .header li.search :-moz-placeholder {color: #ffffff;opacity: 1;} .header li.search ::-moz-placeholder {color: #ffffff;opacity: 1;} .header li.search :-ms-input-placeholder {color: #ffffff;} .header li.search input {position: absolute;height: 100%;width: 0;color: #ffffff;background-color: #4590cd;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;right: 100%;top: 0;opacity: 0;padding: 0;-webkit-transition: width 0.3s, padding 0.3s, opacity 0.3s;-moz-transition: width 0.3s, padding 0.3s, opacity 0.3s;-ms-transition: width 0.3s, padding 0.3s, opacity 0.3s;-o-transition: width 0.3s, padding 0.3s, opacity 0.3s;transition: width 0.3s, padding 0.3s, opacity 0.3s;} .header li.search:hover p {opacity: 0;} .header li.search:hover .icon {bottom: 20px !important;} .header li.search:hover input {padding: 0 20px;width: 200px;opacity: 1;} .main {background-color: #f0efef;} /** * 1 Top * 1.1 Left * 2 Bottom * 2.1 Copyright */ .footer {width: 100%;margin-top: 10px;background-color: #dededd;font-family: 'montserrat', Arial, Helvetica, tahoma, verdana, '宋体', SimSun, '华文细黑', STXihei, sans-serif;} .footer .top {overflow: hidden;} .footer .top .left {color: #0065a5;font-size: 12px;} .footer .top .left h1 {font-size: 14px;font-weight: bold;margin-bottom: 30px;} .footer .top .left a {text-decoration: none;color: #0065a5;display: block;margin: 10px 0;} .footer .bottom .copyright {text-align: center;padding: 10px;} .footer .bottom .copyright a {text-decoration: none;font-size: 10px;color: #a2a1a1;} @media only screen and (max-width: 800px) {.footer .top .left { display: none;}.footer .top .right { width: 100%;}.footer .top .right .follow { display: none;}} /** * 1 Select * 1.1 Toggle * 1.1.1 Arrow * 1.1.1.1 Icon * 1.1.2 Hover * 1.2 Dropdown * 1.2.1 Arrow * 1.3 Open * 2 Submit * 2.1 Hover * 3 Text * 3.1 Focus * 4 Text border box hack */ .select {position: relative;cursor: pointer;margin: 50px;width: 300px;} .select input {display: none !important;} .select .toggle {position: relative;height: 100%;} .select .toggle p {margin: 0 !important;padding: 12px 20px;font-size: 15px;text-align: left;color: #ffffff;border: 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;background-color: #4590cd;} .select .toggle .arrow {position: absolute;height: 100%;width: 40px;right: 0;top: 0;-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;-o-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;border-left: 1px solid #024f7f;background-color: #4590cd;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .select .toggle .arrow .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1790px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.select .toggle .arrow .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .select .toggle:hover .arrow {background-color: #024f7f;} .select .drop {display: none;position: absolute;top: 50%;right: 0;width: 80%;//max-height: 270px;padding: 15px;margin-top: 15px;color: #ffffff;background-color: #024f7f;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;z-index: 10;-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-webkit-transition: opacity 0.3s, top 0.3s;-moz-transition: opacity 0.3s, top 0.3s;-ms-transition: opacity 0.3s, top 0.3s;-o-transition: opacity 0.3s, top 0.3s;transition: opacity 0.3s, top 0.3s;text-align: left;} .select .drop ul {max-height: 270px;overflow: auto;list-style-type: none;} .select .drop ul li {list-style-type: none;margin: 0;} .select .drop ul li a {display: block;padding: 10px;font-size: 15px;font-weight: normal;text-decoration: none;color: #ffffff;border-bottom: 1px solid #0065a5;-webkit-transition: background-color 0.1s;-moz-transition: background-color 0.1s;-ms-transition: background-color 0.1s;-o-transition: background-color 0.1s;transition: background-color 0.1s;} .select .drop ul li a:hover {background-color: #0065a5;} .select .drop ul li a.active {background-color: #0065a5;} .select .drop .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1741px;background-repeat: no-repeat;overflow: hidden;display: block;width: 18px;height: 9px;position: absolute;top: -8px;right: 11px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.select .drop .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .select.open .toggle .arrow {background-color: #024f7f;} .select.open .drop {top: 100%;-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);} input[type=submit] {min-width: 50%;width: auto;padding: 12px 20px;background-color: transparent;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 2px solid #ffffff;font-size: 15px;color: #ffffff;outline: none;margin-top: 20px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;overflow: visible;-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;-moz-transition: background-color 0.3s, color 0.3s, border 0.3s;-ms-transition: background-color 0.3s, color 0.3s, border 0.3s;-o-transition: background-color 0.3s, color 0.3s, border 0.3s;transition: background-color 0.3s, color 0.3s, border 0.3s;} input[type=submit]:hover {background-color: #ffffff;color: #0065a5;} input[type=text] {width: 100%;padding: 14px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font-size: 15px;border: 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;background-color: #ffffff;border: 2px solid #ffffff;color: #2f2f2d;outline: none;-webkit-transition: border 0.3s;-moz-transition: border 0.3s;-ms-transition: border 0.3s;-o-transition: border 0.3s;transition: border 0.3s;} input[type=text]:focus {border-color: #4590cd;} input[type=text]::-ms-clear {display: none;} .text {margin: 0 40px 0 0;} .text input[type=text] {padding: 14px 18px;-webkit-box-sizing: initial;-moz-box-sizing: initial;-o-box-sizing: initial;box-sizing: initial;} /** * 1 General * 1.1 Banner * 1.1.1 Icon * 1.2 Content * 1.3 Open * 2 Right accordion */ .accordion .section {margin: 15px 0;} .accordion .section h2 {position: relative;padding: 13px 25px;margin: 0 -25px;background-color: #0065a5;cursor: pointer;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .accordion .section h2:hover {background-color: #4590cd;} .accordion .section h2 .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -257px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;position: absolute;right: 25px;top: 50%;margin-top: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.accordion .section h2 .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .accordion .section .tab {height: 0;margin: 10px 0;overflow: hidden;position: relative;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;} .accordion .section.open h2 {background-color: #7fb2d2;} .accordion .section.open h2 .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -362px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.accordion .section.open h2 .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .accordion .section.open .tab {height: auto;} .right .accordion .section {margin: 0;} .right .accordion .section h2, .right .accordion .section a {color: #024f7f;} .right .accordion .section h2:hover, .right .accordion .section a:hover {background-color: #f0efef;} .right .accordion .section.open h2 {color: #ffffff;background-color: #bcd3e4;} .right .accordion .section.open h2 .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -362px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.right .accordion .section.open h2 .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .right .accordion .section.open h2 .icon.grey {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -362px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.right .accordion .section.open h2 .icon.grey { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .right .accordion .section h2 {font-size: 18px;background-color: transparent;border-bottom: 1px solid #f0efef;} .right .accordion .section h2 .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -187px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.right .accordion .section h2 .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .right .accordion .section h2 .icon.grey {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -222px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.right .accordion .section h2 .icon.grey { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .right .accordion .section h2 a {padding-top: 0;padding-bottom: 0;} .right .accordion .section a {display: block;text-decoration: none;padding: 13px 25px;margin: 0 -25px;} .right .accordion .section .tab {margin: 0 -25px;} .right .accordion .section .tab a {padding: 13px 70px;border-bottom: 1px solid #f0efef;} .flag {width: 30px;height: 20px;} .flag.be {background-image: url('../img/flags/be.png');} .flag.br {background-image: url('../img/flags/br.png');} .flag.ca {background-image: url('../img/flags/ca.png');} .flag.cn {background-image: url('../img/flags/cn.png');} .flag.de {background-image: url('../img/flags/de.png');} .flag.dk {background-image: url('../img/flags/dk.png');} .flag.es {background-image: url('../img/flags/es.png');} .flag.fr {background-image: url('../img/flags/fr.png');} .flag.gb {background-image: url('../img/flags/gb.png');} .flag.hk {background-image: url('../img/flags/hk.png');} .flag.in {background-image: url('../img/flags/in.png');} .flag.jp {background-image: url('../img/flags/jp.png');} .flag.ko-s {background-image: url('../img/flags/ko-s.png');} .flag.my {background-image: url('../img/flags/my.png');} .flag.nl {background-image: url('../img/flags/nl.png');} .flag.np {background-image: url('../img/flags/np.png');} .flag.nz {background-image: url('../img/flags/nz.png');} .flag.ph {background-image: url('../img/flags/ph.png');} .flag.ro {background-image: url('../img/flags/ro.png');} .flag.ru {background-image: url('../img/flags/ru.png');} .flag.se {background-image: url('../img/flags/se.png');} .flag.sg {background-image: url('../img/flags/sg.png');} .flag.us {background-image: url('../img/flags/us.png');} .flag.za {background-image: url('../img/flags/za.png');} .doctors a {text-decoration: none;color: #2f2f2d;} .doctors a > div {float: left;width: 25%;text-align: center;margin: 30px 0;} .doctors a > div .container {padding: 0 10px;} .doctors a > div .container .thumbnail {position: relative;width: 100px;margin: 0 auto 10px auto;} .doctors a > div .container .thumbnail .flag {position: absolute;left: -10px;} .doctors a > div .container .thumbnail img {-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .doctors a > div .container h1 {font-size: 18px;text-decoration: underline;margin-bottom: 10px;} .doctors a > div .container p {font-size: 12px;font-family: 'montserrat', Arial, Helvetica, tahoma, verdana, '宋体', SimSun, '华文细黑', STXihei, sans-serif;} @media only screen and (max-width: 960px) {.doctors a > div { width: 50%;}} @media only screen and (max-width: 650px) {.doctors a > div { width: 50%;}.doctors a > div .container { height: auto !important;}} .doctor {overflow: hidden;} .doctor img.thumbnail {-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .doctor h1 {padding-bottom: 15px;margin-bottom: 20px;border-bottom: 2px solid #0065a5;} .doctor h1 .flag {width: 30px;height: 20px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-left: 10px;vertical-align: middle;background-color: #0065a5;} .doctor .col {width: 25%;} .doctor .col .container {margin: 10px;} @media only screen and (max-width: 900px) {.doctor .col { width: 33.33333333%;}} .doctor h3 {color: #0065a5;margin-top: 10px;} .doctor a {color: #2f2f2d;display: block;font-size: 16px;line-height: 1.6em;font-weight: normal;} .video {position: relative;margin: 20px 0;} .video img {width: 100%;vertical-align: bottom;} .video .overlay {position: absolute;width: 100%;height: 100%;} .video .overlay .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1606px;background-repeat: no-repeat;overflow: hidden;display: block;width: 130px;height: 130px;position: absolute;left: 50%;top: 50%;margin-left: -65px;margin-top: -65px;z-index: 2;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.video .overlay .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .video .overlay .infos {position: absolute;width: 100%;top: 72%;text-align: center;z-index: 3;color: #ffffff;} .video .overlay .infos p {font-size: 24px;} .video .overlay .background {position: absolute;width: 100%;height: 100%;background-color: #0065a5;-khtml-opacity: 0.65;-moz-opacity: 0.65;opacity: 0.65;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter: alpha(opacity=65);} /** * 1 Image */ .widget.banner {padding: 0;} .widget.banner img {max-width: 100%;} /** * 1 Slides * 1.1 Gradient * 1.2 Overlay * 2 Arrows * 3 Bullets */ .widget.banner.slider {position: relative;} .widget.banner.slider ul, .widget.banner.slider li {list-style-type: none !important;margin: 0 !important;padding: 0 !important;} .widget.banner.slider ul.slides > li {position: relative;} .widget.banner.slider ul.slides > li .gradient {position: absolute;bottom: 0;width: 100%;height: 180px;z-index: 1;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);} .widget.banner.slider ul.slides > li .overlay {width: 100%;height: auto;position: absolute;bottom: 0;z-index: 2;} .widget.banner.slider ul.slides > li .overlay .container {padding: 50px 80px;} @media only screen and (max-width: 650px) {.widget.banner.slider ul.slides > li .overlay .container { padding: 50px; padding-bottom: 20px;}.widget.banner.slider ul.slides > li .overlay .container h1 { font-size: 28px; border-bottom: 0 !important;}.widget.banner.slider ul.slides > li .overlay .container p { font-size: 14px;}} @media only screen and (max-width: 500px) {.widget.banner.slider ul.slides > li .overlay .container { display: none;}} .widget.banner.slider ul.slides > li .overlay .container h1 {color: #ffffff;border-bottom: 4px solid #ffffff;padding-bottom: 10px;margin-bottom: 10px;} .widget.banner.slider ul.slides > li .overlay .container p {color: #ffffff;} @media only screen and (max-width: 650px) {.widget.banner.slider .flex-direction-nav { display: none;}} .widget.banner.slider .flex-direction-nav a {-khtml-opacity: 0.75;-moz-opacity: 0.75;opacity: 0.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);position: absolute;top: 50%;margin-top: -32px;} .widget.banner.slider .flex-direction-nav a.flex-prev {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1468px;background-repeat: no-repeat;overflow: hidden;display: block;width: 40px;height: 64px;left: 25px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.banner.slider .flex-direction-nav a.flex-prev { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.banner.slider .flex-direction-nav a.flex-next {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1537px;background-repeat: no-repeat;overflow: hidden;display: block;width: 40px;height: 64px;right: 25px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.banner.slider .flex-direction-nav a.flex-next { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.banner.slider .flex-control-paging {display: none;text-align: center;} .widget.banner.slider .flex-control-paging li {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin: 0 5px;width: 15px;height: 15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: #2f2f2d;} /** * 1 Call * 2 Email */ .widget.banner.contact {text-align: center;font-size: 24px;color: #a2a1a1;margin: 10px 0;} .widget.banner.contact span.call:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -397px;background-repeat: no-repeat;overflow: hidden;display: block;width: 40px;height: 40px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;vertical-align: -10px;margin: 0 5px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.banner.contact span.call:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.banner.contact span.email:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -442px;background-repeat: no-repeat;overflow: hidden;display: block;width: 40px;height: 40px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;vertical-align: -10px;margin: 0 5px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.banner.contact span.email:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Box * 1.1 Top * 1.1.1 Overlay * 1.2 Bottom * 2 Margins * 3 Background colors * 4 Hover */ .widget.banner.promotions {zoom: 1;} .widget.banner.promotions:before, .widget.banner.promotions:after {content: '';display: table;} .widget.banner.promotions:after {clear: both;} .widget.banner.promotions .box {float: left;width: 33.33333333%;} .page-template-page-home-v2 .widget.banner.promotions .box {margin-bottom: 30px;} .widget.banner.promotions .box .container {text-align: center;background-color: #a8c57a;} .widget.banner.promotions .box .container p {color: #ffffff;} .widget.banner.promotions .box .container .top {margin-top: 10px;position: relative; width: auto;} .page-template-page-home-v2 .widget.banner.promotions .box .container .top {margin-top: 0;} .widget.banner.promotions .box .container .top img {display: block;width: 100%;} .widget.banner.promotions .box .container .top .overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: left;-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;} .page-template-page-home-v2 .widget.banner.promotions .box .container .top .overlay .background {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-khtml-opacity: 0.9;-moz-opacity: 0.9;opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);z-index: 1;filter: inherit;} .page-template-page-home-v2 .widget.banner.promotions .box .container .top .overlay {padding: 0 25px;} .widget.banner.promotions .box .container .top .overlay .background {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-khtml-opacity: 0.9;-moz-opacity: 0.9;opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);z-index: 1;filter: inherit;} .widget.banner.promotions .box .container .top .overlay p {padding: 25px;position: relative;top: 20%;z-index: 2;text-align: center;filter: inherit;} .page-template-page-home-v2 .widget.banner.promotions .box .container .top .overlay p {font-family: montserrat, Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif;padding: 0 25px;position: relative;top: 30px;z-index: 2;text-align: left;filter: inherit;font-size: 18px;line-height: 27px;} .widget.banner.promotions .box .container .bottom {padding:20px 0;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom {padding-bottom: 100px;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-left, .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-right, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-left, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-right {margin-top: -40px;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-left, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-left {width: 50%;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-right, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-right {width: 50%;text-align: left;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-left, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-left {float: left;position: relative;z-index: 5;} .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-right, .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-right {float: right;position: relative;top: 45px;font-size: 18px;line-height: 22px;color: #fff} .lang-zh .page-template-page-home-v2 .widget.banner.promotions .box .container .bottom .bottom-right, .lang-zh .page-template-page-home-v2-mobile .widget.banner.promotions .box .container .bottom .bottom-right {top: 55px;} .left-section-33 {float: left;width: 33.33%;} .left-section-33 img {max-width: 100%;height: auto;} .right-section-66 {float: left;width: 66.66%;} #header-announcement {background: #6ab9e7;width: 100%;height: 40px;} .widget.banner.promotions .box .container .bottom p {margin-top: 5px;} .widget.banner.promotions .box .container .bottom a {margin-top: 20px;width: auto;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;padding: 12px 20px;background-color: transparent;text-decoration: none;color: #ffffff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 2px solid #ffffff;font-size: 15px;-webkit-transition: color 0.3s, background-color 0.3s;-moz-transition: color 0.3s, background-color 0.3s;-ms-transition: color 0.3s, background-color 0.3s;-o-transition: color 0.3s, background-color 0.3s;transition: color 0.3s, background-color 0.3s;} .widget.banner.promotions .box .container .bottom a:hover {background-color: #ffffff;} .widget.banner.promotions .box:first-child .container {margin: 0 12px 0 0;} .widget.banner.promotions .box:first-child + .box .container {margin: 0 6px 0 6px;} .widget.banner.promotions .box:first-child + .box + .box .container {margin: 0 0 0 12px;} .widget.banner.promotions .box.beige .container, .widget.banner.promotions .box.beige .container .top .overlay .background {background-color: #db9da0;} .widget.banner.promotions .box.beige .container .bottom a:hover {color: #db9da0;} .widget.banner.promotions .box.pink .container, .widget.banner.promotions .box.pink .container .top .overlay .background {background-color: #c71c78;} .widget.banner.promotions .box.pink .container .bottom a:hover {color: #c71c78;} .widget.banner.promotions .box.green .container, .widget.banner.promotions .box.green .container .top .overlay .background {background-color: #a8c57a;} .widget.banner.promotions .box.green .container .bottom a:hover {color: #a8c57a;} .widget.banner.promotions .box:hover .container .top .overlay {-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);} @media only screen and (max-width: 800px) {.widget.banner.promotions .box { display: none;}.widget.banner.promotions .box:first-child,.widget.banner.promotions .box:first-child + .box { display: block; width: 50%;}.widget.banner.promotions .box:first-child .container { margin: 0 6px 0 0;}.widget.banner.promotions .box:first-child + .box .container { margin: 0 0 0 6px;}.widget.banner.promotions .box .overlay { display: none;}} @media only screen and (max-width: 600px) {.widget.banner.promotions .box:first-child,.widget.banner.promotions .box:first-child + .box { width: 100%;}.widget.banner.promotions .box:first-child .container,.widget.banner.promotions .box:first-child + .box .container { margin: 6px 0;}} /** * 1 Box * 2 Margins */ .widget.banner.infos {background-color: #ffffff;} .widget.banner.infos > .container {zoom: 1;padding: 40px 0;} .widget.banner.infos > .container:before, .widget.banner.infos > .container:after {content: '';display: table;} .widget.banner.infos > .container:after {clear: both;} .widget.banner.infos > .container .box {width: 33.33333333%;float: left;} .widget.banner.infos > .container .box .container {text-align: center;} .widget.banner.infos > .container .box .container h2, .widget.banner.infos > .container .box .container p {color: #0065a5;text-align: left;} .widget.banner.infos > .container .box .container h2 {margin-bottom: 25px;} .widget.banner.infos > .container .box .container a {margin-top: 20px;width: auto;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;padding: 12px 20px;background-color: transparent;text-decoration: none;color: #0065a5;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 2px solid #0065a5;font-size: 15px;-webkit-transition: color 0.3s, background-color 0.3s;-moz-transition: color 0.3s, background-color 0.3s;-ms-transition: color 0.3s, background-color 0.3s;-o-transition: color 0.3s, background-color 0.3s;transition: color 0.3s, background-color 0.3s;} .widget.banner.infos > .container .box .container a:hover {color: #ffffff;background-color: #0065a5;} .widget.banner.infos > .container .box:first-child .container {margin: 0 12px 0 25px;} .widget.banner.infos > .container .box:first-child + .box .container {margin: 0 6px 0 6px;} .widget.banner.infos > .container .box:first-child + .box + .box .container {margin: 0 0 0 12px;} @media only screen and (max-width: 800px) {.widget.banner.infos > .container .box { width: 100%; margin-bottom: 20px;}.widget.banner.infos > .container .box .container { margin: 0 25px !important;}.widget.banner.infos > .container .box .container .link { margin-right: 44px;}.widget.banner.infos > .container .box .container .link a { width: 100%;}} /** * 1 Left * 1.2 Logo * 2 Right */ .widget.banner.about {background-color: #0065a5;} .widget.banner.about > .container {padding: 40px 0;min-height: 180px;} .widget.banner.about > .container .left {position: absolute;left: 0;top: 0;height: 100%;width: 380px;} .widget.banner.about > .container .left .logo {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2px;background-repeat: no-repeat;overflow: hidden;display: block;width: 280px;height: 180px;position: absolute;top: 50%;left: 50%;margin-top: -90px;margin-left: -140px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.banner.about > .container .left .logo { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} @media only screen and (max-width: 800px) {.widget.banner.about > .container .left { position: static; width: 100%;}.widget.banner.about > .container .left .logo { position: static; margin: 0 auto;}} .widget.banner.about > .container .right {width: auto;margin-left: 400px;margin-right: 25px;} .widget.banner.about > .container .right h1, .widget.banner.about > .container .right p {color: #ffffff;} .widget.banner.about > .container .right h1 {margin-bottom: 20px;} .fp-white-section .right a, .main-link a, .widget.banner.about > .container .right a {margin-top: 30px;margin-right: 20px;width: auto;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;padding: 12px 20px;background-color: transparent;text-decoration: none;color: #ffffff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 2px solid #ffffff;font-size: 15px;-webkit-transition: color 0.3s, background-color 0.3s;-moz-transition: color 0.3s, background-color 0.3s;-ms-transition: color 0.3s, background-color 0.3s;-o-transition: color 0.3s, background-color 0.3s;transition: color 0.3s, background-color 0.3s;} .fp-white-section .right a.last {margin-right: 0;} .fp-white-section .right a:hover, .main-link a:hover, .widget.banner.about > .container .right a:hover {color: #0065a5;background-color: #ffffff;} @media only screen and (max-width: 800px) {.widget.banner.about > .container .right { margin: 25px; text-align: center;}.widget.banner.about > .container .right a { margin-left: 10px; margin-right: 10px;}} .widget.content {background-color: #ffffff;border-top: 15px solid #7fb2d2;} .widget.content.post .banner {margin: -25px -25px 25px -25px;} .widget.content.post .banner img {width: 100%;} .widget.content.post .back {margin-bottom: 20px;} .widget.content.post .back a {text-decoration: none;color: #0065a5;} .widget.content.post .back .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1376px;background-repeat: no-repeat;overflow: hidden;display: block;width: 21px;height: 20px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.post .back .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.post .details {margin-top: 20px;border-top: 2px solid #024f7f;overflow: hidden;} .widget.content.post .details .left a, .widget.content.post .details .left p {color: #024f7f;line-height: 35px;} .widget.content.post .details .left a {margin: 0 5px;} .widget.content.post .details .right a {float: right;margin-left: 1px;background-color: #024f7f;} .widget.content.post .details .right a.wechat {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -567px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.post .details .right a.wechat { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.post .details .right a.weibo {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -607px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.post .details .right a.weibo { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.post .details .right a.print {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -527px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.post .details .right a.print { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.post .details .right a.mail {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -487px;background-repeat: no-repeat;overflow: hidden;display: block;width: 35px;height: 35px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.post .details .right a.mail { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} @media only screen and (max-width: 900px) {.widget.content.post .details .left,.widget.content.post .details .right { width: 50%;}} .widget.content.post .departments {margin-top: 20px;margin-bottom: 40px;overflow: hidden;} .widget.content.post .departments > div {float: left;margin-right: 20px;margin-bottom: 20px;} .widget.content.post .departments > div .icon, .widget.content.post .departments > div p {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} .widget.content.post .departments > div .icon {width: 30px;height: 30px;margin-right: 10px;vertical-align: middle;} .widget.content.post .departments > div.anesthesiology {color: #8277b4;} .widget.content.post .departments > div.family {color: #9fba89;} /** * 1 Titles * 2 Form * 2.1 Left * 2.2 Right * 2.3 Select * 3 Text * 4 Submit * 5 Link * 6 Tab * 7 Pagination */ .widget.content.list h1 {padding-bottom: 15px;margin-bottom: 20px;border-bottom: 2px solid #0065a5;} .widget.content.list h2 {padding-bottom: 10px;color: #2f2f2d;font-weight: bold;border-bottom: 2px solid #0065a5;} .widget.content.list h2.no-underline {border-bottom: 0;} .widget.content.list h3 {color: #0065a5;font-size: 20px;font-weight: bold;} .widget.content.list h4 {color: #0065a5;font-size: 18px;margin-top: 10px;} .widget.content.list form {zoom: 1;margin: 20px 25px 25px 25px;} .widget.content.list form:before, .widget.content.list form:after {content: '';display: table;} .widget.content.list form:after {clear: both;} .widget.content.list form .left {width: 50%;} .widget.content.list form .left .container {margin-right: 10px;} @media only screen and (max-width: 900px) {.widget.content.list form .left { width: 100%;}.widget.content.list form .left .container { margin-right: 0;}} .widget.content.list form .right {width: 50%;} .widget.content.list form .right .container {margin-left: 10px;} @media only screen and (max-width: 900px) {.widget.content.list form .right { margin-top: 20px; width: 100%;}.widget.content.list form .right .container { margin-left: 0;}} .widget.content.list form .select {width: 100%;margin: 20px 0;} .widget.content.list form .select:first-child {margin-top: 0;} .widget.content.list input[type=text] {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;background-color: #f0efef;} .widget.content.list input[type=submit] {width: auto;min-width: 0;margin: 0;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;color: #0065a5;border-color: #0065a5;} .widget.content.list input[type=submit]:hover {color: #ffffff;background-color: #0065a5;} @media only screen and (max-width: 800px) {.widget.content.list input[type=submit] { width: 100%;}} .widget.content.list .link {margin-right: 44px;} .widget.content.list .link a {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-top: 10px;font-size: 15px;color: #0065a5;border-color: #0065a5;text-decoration: none;border: 2px solid #0065a5;padding: 12px 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;-webkit-transition: background-color 0.3s, color 0.3s;-moz-transition: background-color 0.3s, color 0.3s;-ms-transition: background-color 0.3s, color 0.3s;-o-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;} .widget.content.list .link a:hover {color: #ffffff;background-color: #0065a5;} .widget.content.list .tab {zoom: 1;padding: 20px 0;border-bottom: 2px solid #0065a5;} .widget.content.list .tab:before, .widget.content.list .tab:after {content: '';display: table;} .widget.content.list .tab:after {clear: both;} .widget.content.list .tab:first-child {border-top: 2px solid #0065a5;} .widget.content.list .tab .left .container {margin-right: 10px;} .widget.content.list .tab .right .container {margin-left: 10px;} .widget.content.list .pagination {margin-top: 130px;text-align: center;} .widget.content.list .pagination .arrow.left {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1266px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 20px;margin-right: 10px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.list .pagination .arrow.left { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.list .pagination .arrow.right {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1291px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 20px;margin-left: 10px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.list .pagination .arrow.right { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.list .pagination ul, .widget.content.list .pagination li {list-style-type: none !important;margin: 0 !important;padding: 0 !important;} .widget.content.list .pagination ul {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} .widget.content.list .pagination ul li {position: relative;float: left;} .widget.content.list .pagination ul li a {position: relative;padding: 10px;font-size: 18px;text-decoration: none;color: #0065a5;} .widget.content.list .pagination ul li.active a {color: #ffffff;z-index: 2;*z-index: 1000 !important;} .widget.content.list .pagination ul li.active .circle {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1341px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.list .pagination ul li.active .circle { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.list.thumbnails .link a {width: 100%;} .widget.content.list.thumbnails .tab {border-bottom: 2px solid #f0efef;} .widget.content.list.thumbnails .tab .left {width: 30%;text-align: center;} .widget.content.list.thumbnails .tab .left img {width: 100%;} @media only screen and (max-width: 900px) {.widget.content.list.thumbnails .tab .left { width: 100%;}.widget.content.list.thumbnails .tab .left .container { margin-right: 0;}} .widget.content.list.thumbnails .tab .right {width: 70%;} @media only screen and (max-width: 900px) {.widget.content.list.thumbnails .tab .right { width: 100%; margin-top: 20px;}.widget.content.list.thumbnails .tab .right .container { margin-left: 0;}} /** * 1 Map * 2 Left * 3 Right */ .widget.content.locations .map {margin: -25px -25px 60px -25px;} .widget.content.locations .map > iframe, .widget.content.locations .map > embed, .widget.content.locations .map > div {width: 100%;} .widget.content.locations h2 {border-bottom: 0;margin-bottom: 30px;} .widget.content.locations .section {padding-bottom: 60px;} .widget.content.locations .section .tab {border-top: 2px solid #0065a5;border-bottom: 0;} .widget.content.locations .section .tab:first-child {border-top: 0;} .widget.content.locations .left {width: 50%;} .widget.content.locations .left img {width: 100%;} @media only screen and (max-width: 900px) {.widget.content.locations .left { width: 100%;}.widget.content.locations .left .container { margin-right: 0;}} .widget.content.locations .right {width: 50%;} .widget.content.locations .right a {display: block;color: #2f2f2d;line-height: 1.2em;-webkit-transition: color 0.2s, background-color 0.3s;-moz-transition: color 0.2s, background-color 0.3s;-ms-transition: color 0.2s, background-color 0.3s;-o-transition: color 0.2s, background-color 0.3s;transition: color 0.2s, background-color 0.3s;} .widget.content.locations .right a:hover {color: #0065a5;} @media only screen and (max-width: 900px) {.widget.content.locations .right { margin-top: 20px; width: 100%;}.widget.content.locations .right .container { margin-left: 0;}} .widget.content.locations .link {float: left;margin-top: 20px;} .widget.content.locations .link a {padding: 14px 20px;color: #ffffff;background-color: #4590cd;border: 0;} .widget.content.locations .link a:hover {color: #ffffff;background-color: #0065a5;} /** * 1 Right * 1.1 Submit * 2 Head (first row) * 3 Rows * 3.1 Flag * 3.2 Arrow * 3.3 Hover */ .widget.content.list.doctors .right input[type=submit] {margin-top: 20px;} .widget.content.list.doctors .head, .widget.content.list.doctors .row {width: 100%;zoom: 1;} .widget.content.list.doctors .head:before, .widget.content.list.doctors .row:before, .widget.content.list.doctors .head:after, .widget.content.list.doctors .row:after {content: '';display: table;} .widget.content.list.doctors .head:after, .widget.content.list.doctors .row:after {clear: both;} .widget.content.list.doctors .head .cell, .widget.content.list.doctors .row .cell {width: 33.33333333%;float: left;} .widget.content.list.doctors .head .cell .container, .widget.content.list.doctors .row .cell .container {padding: 5px 20px;height: auto !important;} @media only screen and (max-width: 900px) {.widget.content.list.doctors .head .cell,.widget.content.list.doctors .row .cell { width: 100%;}} .widget.content.list.doctors .head {color: #0065a5;} @media only screen and (max-width: 800px) {.widget.content.list.doctors .head { display: none;}} .widget.content.list.doctors .row {position: relative;padding: 20px 0;border-bottom: 1px solid #f0efef;-webkit-transition: background-color 0.3s, color 0.3s;-moz-transition: background-color 0.3s, color 0.3s;-ms-transition: background-color 0.3s, color 0.3s;-o-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;} .widget.content.list.doctors .row a, .widget.content.list.doctors .row p {font-size: 14px;} .widget.content.list.doctors .row a {color: #2f2f2d;margin-right: 10px;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;-ms-transition: color 0.3s;-o-transition: color 0.3s;transition: color 0.3s;} .widget.content.list.doctors .row .flag {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;position: relative;top: 3px;} .widget.content.list.doctors .row .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1860px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 30px;position: absolute;right: 10px;top: 50%;margin-top: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.list.doctors .row .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.content.list.doctors .row:hover {color: #ffffff;background-color: #4590cd;} .widget.content.list.doctors .row:hover a {color: #ffffff;} .widget.content.list.doctors .row:hover .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1825px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.content.list.doctors .row:hover .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Background colors * 2 Header * 3 Form */ .widget.box:first-child + .widget.box {background-color: #4590cd;} .widget.box:first-child + .widget.box + .widget.box {background-color: #ffffff;} .widget.box {padding-bottom: 25px;background-color: #0065a5;-webkit-transition: height 0.5s;-moz-transition: height 0.5s;-ms-transition: height 0.5s;-o-transition: height 0.5s;transition: height 0.5s;} .widget.box.white.odd .header {background-color: #efefef;} .widget.box.white.odd .header h2 {color: #4590cd;} .widget.box.white.even .header {background-color: #d8d7d7;} .widget.box.white.even .header h2 {color: #4590cd;} .widget.box .header {width: auto;margin: -25px -25px 15px -25px;padding: 10px 25px;background-color: #7fb2d2;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .widget.box p {color: #ffffff;} .widget.box form {text-align: center;} .widget.box form .select {margin: 20px 0;width: 100%;} .floating {height: 50px;margin: 10px 0;position: relative;z-index: 15;} .floating.first-select {z-index: 16;} .floating.left, .floating.right {width: 50%;} .floating.left .widget, .floating.right .widget {margin: 0;} .floating.left .widget {margin-right: 10px;} .floating.right .widget {margin-left: 10px;} @media only screen and (max-width: 900px) {.floating { height: auto;}.floating.left,.floating.right { width: 100%; z-index: 0;}.floating.right .widget,.floating.left .widget { margin-left: 0; margin-right: 0;}.floating.right { margin-bottom: 0; z-index: 1;}} .widget.box .list {margin: 0 -25px;margin-bottom: -25px;margin-top: -10px;} .widget.box .list h3, .widget.box .list a {display: block;padding: 15px 25px;border-bottom: 1px solid #024f7f;color: #ffffff;position: relative;} .widget.box .list h3 {font-size: 24px;} .widget.box .list a {text-decoration: none;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;-ms-transition: background-color 0.2s;-o-transition: background-color 0.2s;transition: background-color 0.2s;} .widget.box .list a:hover {background-color: #4590cd;} .widget.box .list .arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1895px;background-repeat: no-repeat;overflow: hidden;display: block;width: 20px;height: 30px;position: absolute;right: 25px;top: 50%;margin-top: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box .list .arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box .cols {overflow: hidden;} .widget.box .cols .col {width: 50%;} .widget.box .cols .col a {display: block;color: #ffffff;padding: 10px 0;} .widget.box.dropdown {height: 0px;overflow: hidden;position: relative;} .widget.box.dropdown .header {cursor: pointer;} .widget.box.dropdown .header .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -257px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;position: absolute;right: 25px;top: 50%;margin-top: -15px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown .header .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.dropdown .header .icon.arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1755px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown .header .icon.arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.dropdown.open .header .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -362px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown.open .header .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.dropdown.open .header .icon.arrow {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1755px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown.open .header .icon.arrow { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.dropdown.open.white .header .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -292px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown.open.white .header .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.dropdown.white .header .icon {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -187px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.dropdown.white .header .icon { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Header * 1.2 Icon */ .widget.box.nav {padding-bottom: 0;background-color: #ffffff;} .widget.box.nav .header {margin: -25px -25px 0 -25px;} .widget.box.nav .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2140px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: -5px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.nav .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Icon */ .widget.box.find .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2035px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: middle;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.find .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.find.white .header h2:before {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2000px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.find.white .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.locations .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2105px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: middle;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.locations .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.locations.white .header h2:before {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2070px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.locations.white .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.services .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2280px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: middle;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.services .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.services.white .header h2:before {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2245px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.services.white .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Icon */ .widget.box.appointment .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1965px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: -5px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.appointment .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.appointment.white .header h2:before {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -1930px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.appointment.white .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Icon * 2 Text */ .widget.box.call .header h2:before {content: '';/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2210px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;margin-right: 10px;vertical-align: middle;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.call .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.call p {font-weight: bold;/** color: #0065a5; **/color:#000000;} .widget.box.call p span {margin-left: 5px;font-weight: normal;} .widget.box.call .list a {text-decoration: underline;font-size: 20px;} .widget.box.call.white .header h2:before {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -2175px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.call.white .header h2:before { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} /** * 1 Header * 2 Form * 2.1 Submit */ .widget.box.newsletter {background-color: transparent;} .widget.box.newsletter .header {background-color: transparent;border-bottom: 4px solid #4590cd;padding-left: 0;margin-top: 0;} .widget.box.newsletter .header h2 {color: #0065a5;} .widget.box.newsletter p {color: #2f2f2d;margin: 0 0 0 -25px;} .widget.box.newsletter form {margin: 20px 0 0 -25px;text-align: left;} .widget.box.newsletter form input[type=submit] {border-color: #4590cd;background-color: #4590cd;color: #ffffff;} .widget.box.newsletter form input[type=submit]:hover {background-color: #0065a5;border-color: #0065a5;} @media only screen and (max-width: 800px) {.widget.box.newsletter { margin: 0; padding-top: 5px; background-color: #4590cd; text-align: center; color: #ffffff;}.widget.box.newsletter .header h2 { color: #ffffff;}.widget.box.newsletter p { color: #ffffff; margin: 0;}.widget.box.newsletter form { margin: 20px 0 0 0;}.widget.box.newsletter form input[type=submit] { width: 100%; border-color: #ffffff;}.widget.box.newsletter form input[type=submit]:hover { background-color: #ffffff; border-color: #ffffff; color: #4590cd;}} /** * 1 Header * 2 Weibo * 3 Wechat */ .widget.box.follow {background-color: transparent !important;} .widget.box.follow .header {background-color: transparent;border-bottom: 4px solid #4590cd;padding-left: 0;margin-top: 0;} .widget.box.follow .header h2 {color: #0065a5;} .widget.box.follow p {color: #2f2f2d;} .widget.box.follow p span {margin-left: 10px;text-decoration: underline;} .widget.box.follow .section {clear: both;margin: 0 -25px;} .widget.box.follow .section > span, .widget.box.follow .section > p {float: left;} .widget.box.follow .section > span {width: 30px;height: 30px;margin-right: 10px;position: relative;top: -4px;} .widget.box.follow .section.weibo > span {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -682px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.follow .section.weibo > span { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.follow .section.wechat > span {/** * improved sprite */background-image: url('../img/sprites/ui.png');background-position: -2px -647px;background-repeat: no-repeat;overflow: hidden;display: block;width: 30px;height: 30px;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {.widget.box.follow .section.wechat > span { background-image: url('../img/sprites/ui-x2.png'); background-size: 285px 2313px;}} .widget.box.follow a {text-decoration: none;color: #2f2f2d;} .appointmentButton {min-width: 50%;width: auto;padding: 12px 20px;background-color: transparent;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 2px solid #ffffff;font-size: 15px;color: #ffffff;outline: none;margin-top: 20px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;overflow: visible;-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;-moz-transition: background-color 0.3s, color 0.3s, border 0.3s;-ms-transition: background-color 0.3s, color 0.3s, border 0.3s;-o-transition: background-color 0.3s, color 0.3s, border 0.3s;transition: background-color 0.3s, color 0.3s, border 0.3s;} .appointmentButton:hover {background-color: #ffffff;color: #0065a5;} /* clearfix */ .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init */ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{margin-top: 10px;text-align: center;} /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */} .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;} /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} /* preloading images */ .owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center} /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%;-moz-perspective : 1200px;-moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%;perspective : 1200px;} /* fade */ .owl-fade-out {z-index: 10;-webkit-animation: fadeOut .7s both ease;-moz-animation: fadeOut .7s both ease;animation: fadeOut .7s both ease;} .owl-fade-in {-webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease;animation: fadeIn .7s both ease;} /* backSlide */ .owl-backSlide-out {-webkit-animation: backSlideOut 1s both ease;-moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;} .owl-backSlide-in {-webkit-animation: backSlideIn 1s both ease;-moz-animation: backSlideIn 1s both ease;animation: backSlideIn 1s both ease;} /* goDown */ .owl-goDown-out {-webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;} .owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;} /* scaleUp */ .owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;} .owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;} /* Keyframes */ /*empty*/ @-webkit-keyframes empty {0% {opacity: 1}} @-moz-keyframes empty {0% {opacity: 1}} @keyframes empty {0% {opacity: 1}} @-webkit-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }} @-moz-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }} @keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }} @-webkit-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }} @-moz-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }} @keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }} @-webkit-keyframes backSlideOut {25% { opacity: .5; -webkit-transform: translateZ(-500px); }75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }} @-moz-keyframes backSlideOut {25% { opacity: .5; -moz-transform: translateZ(-500px); }75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }} @keyframes backSlideOut {25% { opacity: .5; transform: translateZ(-500px); }75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }} @-webkit-keyframes backSlideIn {0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -webkit-transform: translateZ(-500px); }100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }} @-moz-keyframes backSlideIn {0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -moz-transform: translateZ(-500px); }100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }} @keyframes backSlideIn {0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; transform: translateZ(-500px); }100% { opacity: 1; transform: translateZ(0) translateX(0); }} @-webkit-keyframes scaleToFade {to { opacity: 0; -webkit-transform: scale(.8); }} @-moz-keyframes scaleToFade {to { opacity: 0; -moz-transform: scale(.8); }} @keyframes scaleToFade {to { opacity: 0; transform: scale(.8); }} @-webkit-keyframes goDown {from { -webkit-transform: translateY(-100%); }} @-moz-keyframes goDown {from { -moz-transform: translateY(-100%); }} @keyframes goDown {from { transform: translateY(-100%); }} @-webkit-keyframes scaleUpFrom {from { opacity: 0; -webkit-transform: scale(1.5); }} @-moz-keyframes scaleUpFrom {from { opacity: 0; -moz-transform: scale(1.5); }} @keyframes scaleUpFrom {from { opacity: 0; transform: scale(1.5); }} @-webkit-keyframes scaleUpTo {to { opacity: 0; -webkit-transform: scale(1.5); }} @-moz-keyframes scaleUpTo {to { opacity: 0; -moz-transform: scale(1.5); }} @keyframes scaleUpTo {to { opacity: 0; transform: scale(1.5); }} /*ins {display: none !important;visibility: hidden !important;opacity: 0;}*/ /* * The new menu */ .navbar {border: none;} .nav>li>a {position: initial;} .dropdown:hover {background-color: #4590cd;} .dropdown:hover .dropdown-menu {display: block;margin-top: 0;} .dropdown.hover .dropdown-menu {display: block;margin-top: 0;} .navbar-nav>li>a, .dropdown-menu>li>a {color: #fff;text-transform: uppercase;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-ms-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;} .dropdown-menu {background-color: #4590cd;border: none;border-radius: 0;padding: 15px;} .nav>li>a:hover, .nav>li>a:focus {background-color: #4590cd;color: #fff;} .dropdown-menu>li>a {padding: 7px 15px;overflow: hidden;white-space: nowrap;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #0e6dad;color: #fff;} #navbar {position: relative;text-align: center;} .nav>li.mega-menu {position: static;} .nav>li.mega-menu > .dropdown-menu {left: inherit;} .dropdown:hover .dropdown-menu > .parent .dropdown-menu {position: relative;width: 100%;box-shadow: none;padding: 0;} .dropdown:hover .dropdown-menu > .parent {/*width: 33.3%;*/float: left;} .dropdown:hover .dropdown-menu > .parent.title > a {cursor: default;color: #024f7f;} .dropdown:hover .dropdown-menu > .parent.title > a:hover, .dropdown:hover .dropdown-menu > .parent.title > a:active, .dropdown:hover .dropdown-menu > .parent.title > a:focus {background-color: #448FD2;opacity: 1;} .dropdown:hover .dropdown-menu > .parent .dropdown-menu li a {width: 100%;white-space: normal;} .navbar-nav, .navbar-nav>li {float: none;display: inline-block;} .navbar-nav>li>a {padding: 20px 20px;} .navbar-nav-submenu.navbar-nav, .navbar-nav-submenu.navbar-nav>li>a {padding: 0;} .navbar-nav-submenu.navbar-nav .sub-menu li.title {color: #fff;} .navbar-nav-submenu.navbar-nav>li>a, .navbar-nav-submenu.navbar-nav>li>a:hover, .navbar-nav-submenu.navbar-nav>li>a:active, .navbar-nav-submenu.navbar-nav>li>a:focus {background-color: transparent;opacity: 1;} .navbar-nav-submenu.navbar-nav>li:hover .search-box-title, .navbar-nav-submenu.navbar-nav>li:hover a span, .navbar-nav-submenu.navbar-nav>li:hover .sub-menu span {color: #fff;} .search-box-title, .navbar-nav-submenu .dropdown>a>span {display: block;} .search-box-title, .navbar-nav-submenu.navbar-nav>li>a span {font-family: montserrat, Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif;font-size: 11px;line-height: 1em;padding: 10px;transition: color 0.5s;color: rgb(0, 101, 165);} .caret {margin-left: 4px;margin-top: -2px;border-top: 6px dashed;border-right: 6px solid transparent;border-left: 6px solid transparent;} @media screen and (min-width: 910px) and (max-width: 1195px) {.navbar-nav>li>a { padding: 20px 10px; font-size: 14px;}} @media screen and (min-width: 801px) and (max-width: 909px) {.navbar-nav>li>a { padding: 20px 8px; font-size: 12px;}} .widget.box.dropdown:hover {background-color: #0065a5;} .navbar-nav {margin: 0;} .header .top ul.nav > li ul.search-sub-menu {position: absolute;width: 210px;top: 0;left: 0;margin-top: 0;margin-left: -211px;z-index: 3;padding: 15px;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;background-color: #4590cd;height: 74px;} .header li.search input {position: absolute;height: 74px;width: 100%;color: #ffffff;background-color: transparent;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;left: 0;top: 0;opacity: 1;padding: 15px;} @media (max-width: 500px) { .xxmain-wp-content table, .xxmain-wp-content thead, .xxmain-wp-content tbody, .xxmain-wp-content th, .xxmain-wp-content td, .xxmain-wp-content tr {display: block;clear:both;} .xxmain-wp-content td p, .xxmain-wp-content table, .xxmain-wp-content thead, .xxmain-wp-content tbody, .xxmain-wp-content th, .xxmain-wp-content td, .xxmain-wp-content tr {text-align:center !important;} .xxmain-wp-content td img.alignleft {float:none;} } .body-part-half {float: left;width: 50%;} .clear-section {clear: both;} #body-part-filter #section-part-1{width: 236px;background:url('../img/adult.png') no-repeat center center;position: relative;height: 473px;margin: 0px auto;} #body-part-filter #section-part-2{width:89px;height: auto;background:url('../img/kids.png') no-repeat bottom center;position: relative;height: 250px;margin-top: 230px;margin-right: auto;margin-left: auto;} .section-part-title h5, .mobile-section-part-title h5 {text-transform: uppercase;font-weight: bold;font-size: 20px;margin-top: 20px;} .mobile-section-part-title {width: 100%;display: none;text-align: center;margin: 10px 0 20px 0;float: left;clear: both;} .section-part-title {width: 50%;float: left;text-align: center;} #body-part-filter a.body-part-point{position: absolute;float: left;z-index:1;min-width: 150px;} #body-part-filter a.body-part-point .span-text {font-size: 17px;font-weight: bold;float:left;padding: 5px 0 0 0;margin:0 0 0 8px;color:#000;} #body-part-filter a.body-part-point.position-right .span-text {margin:0 8px 0 0; width: auto;float:right;} #body-part-filter a.body-part-point.position-right .span-circle {float:right;} #body-part-filter .body-part-point-hand{top: 233px; left: -113px;} #body-part-filter .body-part-point-spine{top: 72px; left: -19px;} #body-part-filter .body-part-point-shoulder{top: 72px; left: 156px;} #body-part-filter .body-part-point-hip-pelvic{top: 217px;left: 147px;} #body-part-filter .body-part-point-knee{top: 318px; left: 130px;} #body-part-filter .body-part-point-foot-angkle{top: 429px; left: 139px;} #body-part-filter .body-part-point-pediatric-orthopedic{top: 55px; left: 42px; width: 200px;} #body-part-filter .span-circle{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;width: 22px;height: 22px;background-color: #ff0000;border:#fff 3px solid;float:left;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: Alpha(opacity=50); /* IE8 and earlier */} @media (max-width: 500px) { .body-part-half { float: left; width: 100%;} .section-part-title { display: none;} .mobile-section-part-title { display: block;} #body-part-filter #section-part-2 { margin-top: 0;} #body-part-filter a.body-part-point .span-text { font-size: 14px;} } .flex-nav-warp {height: 32px;width: 100%;line-height: 1em;padding: 0 10px;display: table;} .navbar-nav.navbar-nav-submenu .flex-nav-warp span {padding: 0;display: table-cell;vertical-align: middle;} .thumbnail .flag { display: none;} .doctors span.new-flag { display: none;}