/* ========================================================================== Import ========================================================================== */ @import url('bootstrap.min.css'); @import url('font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700'); /* ========================================================================== Base ========================================================================== */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'EKRoumald-Roman'; src: url("../fonts/EKRoumaldRoman/EKRoumaldRoman_Web/EKRoumald-Roman.woff2") format("woff2"),url("../fonts/EKRoumaldRoman/EKRoumaldRoman_Web/EKRoumald-Roman.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'EKRoumald-Roman'; src: url("../fonts/EKRoumaldRoman/EKRoumaldRoman_Web/EKRoumald-Roman.woff2") format("woff2"),url("../fonts/EKRoumaldRoman/EKRoumaldRoman_Web/EKRoumald-Roman.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Regular/Graebenbach-Regular.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Regular/Graebenbach-Regular.ttf") format("ttf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Regular/Graebenbach-RegularItalic.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Regular/Graebenbach-RegularItalic.ttf") format("ttf"); font-weight: normal; font-style: italic; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-Medium.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-Medium.ttf") format("ttf"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-Medium.otf") format("otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-MediumItalic.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-MediumItalic.ttf") format("ttf"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Medium/Graebenbach-MediumItalic.otf") format("otf"); font-weight: 500; font-style: italic; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Bold/Graebenbach-Bold.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Bold/Graebenbach-Bold.ttf") format("ttf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: 'Graebenbach'; src: url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Bold/Graebenbach-BoldItalic.woff") format("woff"),url("../fonts/Graebenbach/Graebenbach_Web/Graebenbach_Bold/Graebenbach-BoldItalic.ttf") format("ttf"); font-weight: bold; font-style: italic; font-display: swap } html {font-size: 1em} body { /* font-family: 'Source Sans Pro', sans-serif; */ font: 1em/1.5 "Source Sans Pro", "Graebenbach",Arial, Helvetica ,sans-serif; /* font-weight: 400; font-size: 16px; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1,h2,h3,h4,.div-table__cell--label-big:before,h5 { font-family: "EKRoumald-Roman", Georgia, serif } /* ========================================================================== Typography ========================================================================== */ .text-caps {text-transform: uppercase} .text-justify {text-align: justify} .text-right{text-align:right;} .weight-bold {font-weight: 700} .text-regular {font-size: 1em} .text-lg {font-size: 2.074em} .text-md {font-size: 1.44em} .text-sm {font-size: 0.833em} .text-read {line-height: 1.45em} .text-italic {font-style:italic;} .text-white {color:white;} .text-black {color:black !important;} .color-primary {color: #B51118 !important} .color-secondary {color:#32327f !important;} a.showLink, a.hideLink { } a.hideLink { } a.showLink:hover, a.hideLink:hover { } th, td { padding: 15px; } a, a:hover {color: #B51118} a, a:active, a:focus{outline: none} h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6, .btn { /* font-family: 'Source Sans Pro', sans-serif; */ font-family: "EKRoumald-Roman", Georgia, serif; } a.view-more { /*border-left: solid 2px #e35450; padding-left: 10px;*/ } a.view-more:hover {text-decoration: none} /* ========================================================================== Helper Classes ========================================================================== */ .bottom-margin-none {margin-bottom: 0 !important} .bottom-margin-xs {margin-bottom: 5px !important} .bottom-margin-sm {margin-bottom: 10px !important} .bottom-margin-md {margin-bottom: 20px !important} .bottom-margin-lg {margin-bottom: 40px !important} .top-margin-none {margin-top: 0 !important} .top-margin-xs {margin-top: 5px !important} .top-margin-sm {margin-top: 10px !important} .top-margin-md {margin-top: 20px !important} .top-margin-lg {margin-top: 40px !important} .vertical-margin-none {margin-top: 0 !important; margin-bottom: 0 !important;} .vertical-margin-sm {margin-top: 10px !important; margin-bottom: 10px !important} .vertical-margin-md {margin-top: 20px !important; margin-bottom: 20px !important} .vertical-margin-lg {margin-top: 40px !important; margin-bottom: 40px !important} .remove-bottom-padding {padding-bottom: 0 !important} .remove-top-padding {padding-top: 0 !important} .no-padding {padding: 0 !important} .img-responsive { max-width:100%; } .img-center {display:block; margin-left:auto; margin-right:auto;} .list-no-indent { list-style-position: inside; padding-left:0; } .bg-size-cover, .img-size-cover { background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 767px) { .bg-size-cover-sm, .bg-size-cover-md, .bg-size-cover-lg {background: none !important} } @media only screen and (max-width: 991px) { .bg-size-cover-md, .bg-size-cover-lg {background: none !important} } @media only screen and (max-width: 1199px) { .bg-size-cover-lg {background: none !important} } .centered { position: absolute;top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } @media only screen and (min-width: 768px) { .centered-sm { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } } /* ========================================================================== Icons ========================================================================== */ /* ========================================================================== Master ========================================================================== */ @media only screen and (max-width: 991px) { .page-content {margin-top: 20px} } .aside-header {border-bottom: solid 2px #333} #footer {background-color: #eee; padding: 0;} #footer > .container {padding-top: 50px; padding-bottom: 50px;} #footer hr {border-color: #ccc} #footer .list-group a {font-size: 13px;} #footer .list-group a:hover {color: #861531} #footer section { background-color: #861531; color: #fff;} #footer section img { margin-left: 20px; } #subscribe-mail img {margin-right: 10px;} #subscribe-mail input {background: none; border-color: #B51118; color: #B51118;} /* ========================================================================== Sections ========================================================================== */ #partners {border-top: solid 1px #eee;} #partners > .container > .row > div {padding: 20px 35px;} @media only screen and (min-width: 768px) { #partners .right-divider {border-right: solid 1px #eee} } /* ========================================================================== Components ========================================================================== */ #top {background: #dcddde;} .gallery--box { padding: 40px 20px; margin-top: 130px; background-color: #fff; } .gallery--box h3 {font-weight: 700; margin-top: 0px;} .gallery--box a.btn--gallery {display: inline-block; padding: 10px 20px; color: #fff; text-decoration: none; background-color: #666; margin-top: 10px;} .gallery--box a.btn--gallery:hover {background-color: #777} .news--box {padding: 20px;} .news--box a {text-decoration: none; color: #333} .news--box:hover { box-shadow: 1px 1px 20px -10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .news--box h3 {font-weight: 700;} @media only screen and (min-width: 768px) { .container--components .right-divider {border-right: solid 1px #eee} } .component {margin-bottom: 20px} .component header.header--tab h3 { color: #861531; padding: 10px 10px 7px 0px; margin: 0; font-weight: 300; text-transform: uppercase; font-size: 36px; display: inline-block; } .component-header { position: relative; color: rgba(255,255,255,0); margin: 0; padding: 10px; font-weight: 700; text-transform: uppercase; font-size: 20px; } .component-header:before, .component-header:after { position: absolute; left: 0; background: #B51118; color: #fff; } .component-header:before { content: ''; bottom: 0; height: 3px; width: 100%; } .component-header:after { content: attr(data-title); top: 0; padding: 10px; display: inline-block; } .component--carousel .carousel-inner {margin-bottom: 35px} .component--carousel .carousel-indicators { bottom: -40px; } .component--carousel .carousel-indicators li {background: #ddd} .component--carousel .carousel-indicators li.active {background: #B51118} .component--carousel .carousel-indicators li, .component--carousel .carousel-indicators li.active {width: 14px; height: 14px;margin: 1px;border: none} .component--carousel .carousel-caption {width: 100%; text-align: left; } .component--carousel .carousel-caption.bottom { bottom: 0; left: 0; right: 0; background: rgba(39,57,131,0.5); padding: 10px; } .component--carousel .carousel-caption.label {top: 0; left: 0;} .component--carousel .carousel-caption.label span { position: absolute; left: 20px; display: inline-block; background: rgba(255,255,255,0.9); padding: 5px; font-size: 20px; color: #B51118; text-shadow: none; } .component--carousel .carousel-caption.label span.first {bottom: 80px;} .component--carousel .carousel-caption.label span.second {bottom: 40px;} .component--carousel .carousel-caption.label span.third {bottom: 0px;} .component--tabs .header--tab {margin-bottom: 0 !important} .component--tabs .nav-tabs li a {background-color: #eee; border-radius: 0; color: #999} .component--tabs .nav-tabs li a:hover {color: #B51118} .component--tabs .nav-tabs li.active a {background-color: #fff; color: #f05523; font-weight: 700;} .component--tabs .tab-content {padding: 15px 0} .component--list-group .panel {border-radius: 0} .component--list-group .panel, .component--list-group .list-group-item {border-color: #ffcccb} .component--list-group .list-group-item:hover {color: #e35450} .component--list-group .panel-heading {background-color: #e9cccb;border-radius: 0} .component--list-group .panel-title {text-transform: uppercase; font-size: 15px; font-weight: 700; color: #e35450;} .component--list-group .panel-title i {margin-right: 5px;} .component--ticker { position: relative; min-height: 100px; border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f2f2f2; } .component--ticker:before { content: "\f0a1";font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: 40px; } .component--ticker ol { padding: 10px 0 10px 60px; margin: 0; overflow:hidden; } .component--ticker ol li { display:none; overflow:hidden; font-size: 18px; } @media only screen and (max-width: 800px) { .component--carousel .carousel-caption.label span { font-size:16px; } .component--carousel .carousel-caption.label span.first {bottom: 60px;} .component--carousel .carousel-caption.label span.second {bottom: 30px;} .component--carousel .carousel-caption.label span.third {bottom: 0px;} .component--ticker { min-height: 150px; } } .component--news span.date {color: #999; position: relative; padding-bottom: 5px; margin-bottom: 5px} .component--news span.date:before { /* content: ''; background: #999; width: 50px; height: 2px; position: absolute; bottom: 0; left: 0;*/ } .component--news h5 {font-weight: bold;} .component--fb {width: 360px; margin: 0 auto;} .component--breadcrumb .breadcrumb {display: inline-block; margin-bottom: 0;} .page-banner {height: 220px;} .page-doctors .img-circle {border: solid 1px #ddd; background-color: #fff;} .page-doctors .well-doctor-card {background-color: #f9f9f9; cursor: pointer;color: #333} .page-doctors .well-doctor-card:hover {border-color: #B51118} @media only screen and (min-width: 1200px) { .component--fb {width: 460px} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .component--fb {width: 370px} } @media only screen and (min-width: 768px) and (max-width: 991px) { .component--fb {width: 500px;} } @media (min-width: 480px) and (max-width: 767px) { .page-doctors .img-doctor-profile {width: 50% !important; margin: 0 auto;} } /* ========================================================================== Article Content ========================================================================== */ .container--article { background-size: contain; background-position: top center !important; min-height: 500px; background-repeat: no-repeat; } .article-content {margin: 20px 0;} .article-title {color: #B51118; margin: 0 0 30px} .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 {color: #B51118} .post.hentry {padding: 10px} .post.hentry:hover {background: #f9f9f9} .post.hentry .entry-meta {color: #aaa; font-size: 12px} .post.hentry .entry-header {margin-bottom: 10px} .post.hentry .entry-title {margin: 0} .post.hentry .entry-title a {color: #333} .entry-meta .comments-link {float: right} .post.hentry .post-body .thumb {float: left; width: 120px; margin-right: 20px;} .post.hentry .post-body .thumb-lg {width: 350px; margin-bottom: 10px; display: block;} .entry-footer {font-size: 12px} .tagcloud a {color: #666} .tagcloud a:hover {color: #273983} @media only screen and (max-width: 991px) { .container--article {background: none !important;} } /* ========================================================================== Navigation ========================================================================== */ #masthead .navbar .container {position: relative} .navbar-default {border-color: #ffffff;} #masthead .navbar {background-color: #fff; border-radius: 0; margin: 0; border-top: solid 49px #B51118} #masthead .navbar-brand { position: absolute; top: 10px; left: 15px; background-image: url('../img/logo.jpg'); width: 88px; height: 90px; } #masthead .tool {position: absolute} #masthead .tool.tool-event {top: -25px;left: 15px} #masthead .tool.tool-btngroup {top: -30px; right: 80px; } #masthead .tool.tool-btngroup a { font-size: 14px; color: #444; margin: 0; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 0; } #masthead .tool.tool-btngroup a:hover {background: #B51118 !important;} #event-information { background: #eee; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #444; } @media only screen and (max-width: 600px) { #event-information {font-size: 12px;} } #event-full-name { position: absolute; top: 80px; left: 170px; width: 400px; line-height: 24px; font-family: 'PT Sans', sans-serif; font-size:20px; } @media only screen and (max-width: 991px) { #event-full-name {top: 20px; left: 120px;} #event-information { background: none; color: #fff; font-size: 20px; margin-top: -13px; } #masthead .tool.tool-btngroup a {color: #ffffff; font-size: 20px; line-height: 0px; margin-top: -5px;} } #event-countdown { height: 50px; font-size: 24px;padding: 0 0 0 15px; text-align: center; } #event-countdown > div { width: 50px; color: #444; font-weight: 700; } #event-countdown .label { padding: 0; font-size: 45%; text-transform: uppercase; font-weight: 400; display: block; color: #444; } #navbar-nav--main > li > a { color: #b51118; font-weight: 700; } #navbar-nav--main > li > a:focus, #navbar-nav--main > li > a:hover { color: #ffffff; background-color: #B51118; } #navbar-nav--main > .open > a, #navbar-nav--main > .open > a:focus, #navbar-nav--main > .open > a:hover { color: #ffffff; background-color: #B51118; } #navbar-nav--main .dropdown-header { padding: 0; color: #B51118; font-size: 14px; font-weight: 700; text-transform: uppercase; } #navbar-nav--main .dropdown-header--offset {padding-left: 15px} #navbar-nav--main .list-group--main {} #navbar-nav--main .list-group--main a.list-group-item { border-radius: 0;border: 0; border-left: solid 3px #ccc; margin-bottom: 3px; background-color: #f2f2f2 } #navbar-nav--main .list-group--main a.list-group-item:hover {border-left-color: #B51118; } #navbar-nav--main a.list-group-item:hover { color: #B51118; } #navbar-nav--main .dropdown-menu > li > a:hover { /*background-color: #B51118; color: #fff;*/ } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {} #btn-register {top: 50px;right: 15px} #btn-book {top: 85px;right: 15px} .navbar-toggle {position: absolute; border-color: #ffffff; margin: 0; top: -40px; right: 10px;} .navbar-default .navbar-toggle .icon-bar {background-color: #ffffff} .navbar-toggle:hover{background-color: #ffffff !important} .navbar-toggle:hover .icon-bar {background-color: #B51118} @media only screen and (max-width: 1200px) and (min-width: 992px) { #navbar-nav--main > li > a.tablet {line-height: 15px;} } @media only screen and (min-width: 992px) { /* #masthead {height: 330px;} */ .mtop40{ margin-top: 30px; } #masthead .divider-left {border-left: solid 1px #ccc} #masthead .divider-right {border-right: solid 1px #ccc} #masthead .navbar {background: #eee; border: none; } #masthead .navbar-brand {top: 60px; left: 30px; width: 116px; height: 119px;} #masthead .tool {position: static} #masthead .tool.tool-btngroup {margin-right: 20px} #masthead .tool.tool-btngroup a {height: 50px; line-height: 50px;font-size: 18px;padding: 0 18px;} #navbar-collapse--main{ width: 100%; background-color: #861531; } #navbar-nav--main > li{} #navbar-nav--main > li > a { text-transform: uppercase; font-size: 16px; padding: 8px 10px; text-align: center; color: #ffffff; } #navbar-nav--main > li > a {line-height: 16px;} #navbar-nav--main > li > a.two-lines {line-height: 15px ;} #navbar-nav--main > .open > a, #navbar-nav--main > .open > a:focus, #navbar-nav--main > .open > a:hover {} #navbar-nav--main .list-group--main a.list-group-item {font-size: 16px} #navbar-nav--main.affix { position: fixed; top: 0; z-index: 999; background-color: #000; } #navbar-nav--main .dropdown-menu {padding: 0} #navbar-nav--main .dropdown-menu > li > a { padding: 10px 18px; border-bottom: 1px solid rgba(0,0,0,.15); } #btn-book {top: 75px; right: 15px;} #btn-register {top: 75px; right: 15px; margin-right:210px;} #event-information {height: 50px; line-height: 50px;font-size: 20px;padding: 0 15px;} } @media only screen and (max-width: 991px) { .navbar-header{float:none;} .navbar-toggle{display:block} .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)} .navbar-collapse.collapse{display:none!important} .navbar-nav{float:none!important;margin:0 -15px} .navbar-nav>li{float:none} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;} #navbar-nav--main > li > a { border-bottom: solid 1px #CECECE;} #navbar-nav--main .dropdown-menu>li>a { padding: 10px 20px} .navbar-text{float:none;margin:15px 0} .navbar-collapse.collapse.in{display:block!important} .collapsing{overflow:hidden!important} .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: #f2f2f2; border: solid 0px #DCDCDC; box-shadow: none; } .dropdown-toggle.has-submenu {padding-right: 60px !important} .navbar-nav .open .dropdown-menu .dropdown-menu {background-color: #ddd;padding-left: 20px;} .visual{display:none} .moh {width: 40%;} } @media only screen and (min-width: 1200px) { #masthead .navbar-brand {top: 60px; } #navbar-nav--main {left: 15px; width: 1140px;} #navbar-nav--main > li {} #navbar-nav--main > li > a { font-size: 16px; padding: 8px 23px; } #btn-register, #btn-book {right: 30px} } @media only screen and (max-width: 991px) and (min-width: 768px) { #masthead .navbar-brand {left: 25px; } } @media only screen and (max-width: 440px) { #btn-register {top: 48px;right: 15px} #btn-book {top: 78px;right: 15px} #btn-search {display:none;} #btn-contact {margin-right:-15px} #event-information {font-size: 17px; margin-top: -10px;} } @media only screen and (min-width: 992px) { .dropdown:hover > .dropdown-menu {display: block;margin-top: 0} .dropdown-menu.arrow-up:before { content: ''; display: inline-block; position: absolute;top: -12px;left: 99px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc; border-left: 12px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .dropdown-menu.arrow-up:after { content: ''; display: inline-block; position: absolute; top: -11px; left: 100px; border-right: 11px solid transparent; border-bottom: 11px solid #ffffff; border-left: 11px solid transparent; } .dropdown-menu-right.arrow-up:before {left: auto;right: 19px} .dropdown-menu-right.arrow-up:after {left: auto;right: 20px} .dropdown-menu-center.arrow-up:before {left: 50%; margin-left: -6px} .dropdown-menu-center.arrow-up:after {left: 50%; margin-left: -5px} .dropdown--lg {position:static!important} .dropdown-menu--lg {padding: 15px 0 !important;left: auto; right: 0; min-width: 700px;} #about-dropdown.dropdown-menu--lg {left: 0; right: auto;} } .btn-group--social a {margin: 2px 0; padding: 10px;} .btn-group--social a.btn-facebook {background-color: #3b5998} .btn-group--social a.btn-youtube {background-color: #e52d27} .btn-group--social a.btn-linkedin {background-color: #007bb6} .btn-group--social a.btn-google {background-color: #d34836} .navbar-right > .dropdown-menu{ padding: 0px; } .navbar--footer { box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); border: none; } .navbar--footer a.btn {height: 55px; border-left: solid 1px #777; } .navbar--footer a.btn {background: #999;color: #fff} .navbar--footer .open > .btn { background: #273983 !important;color: #f2f2f2 !important} .navbar--footer a.btn:active, .navbar--footer a.btn.active {background: #273983;box-shadow: none} .navbar--footer a span {font-size: 11px; text-transform: uppercase; margin-top: 5px} .navbar--footer .dropdown-menu--call {border-radius: 0; padding: 0} .navbar--footer .dropdown-menu--call li {border-top: solid 1px #ccc} .navbar--footer .dropdown-menu--call li:first-child {border: 0} .navbar--footer .dropdown-menu--call a, .navbar--footer .dropdown-menu--language a { padding: 15px 20px; } .navbar--footer .dropdown-menu--search {padding: 20px; min-width: 260px} .navbar--footer .dropdown-menu--search .btn {width: 100%;} .list-group--categories { border-top: solid 1px #eee; padding: 10px 0; border-bottom: solid 1px #eee; } .list-group--categories .list-group-item.disabled { cursor: default; color: #fff; font-weight: bold; border-color: #273983; background-color: #273983; } .cd-top { display: inline-block; height: 40px; width: 40px; border-radius: 25px; position: fixed; bottom: 40px;right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0,0,0,0.7) url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s,visibility 0 .3s; -moz-transition: opacity .3s 0s,visibility 0 .3s; transition: opacity .3s 0s,visibility 0 .3s; } .cd-top.cd-is-visible,.no-touch .cd-top:hover, { -webkit-transition: opacity .3s 0s,visibility 0 0; -moz-transition: opacity .3s 0s,visibility 0 0; transition: opacity .3s 0s,visibility 0 0; } .cd-top.cd-is-visible {visibility: visible;opacity: 1} .cd-top:hover, .no-touch .cd-top:hover { background-color: ##7e7e7e; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top {right: 20px;bottom: 20px} } @media only screen and (min-width: 1024px) { .cd-top { height: 40px;width: 40px; right: 30px;bottom: 30px; } } .mobile-top ul {margin: 0; padding: 0;} .mobile-top ul li { border-left: solid 1px #ccc} .mobile-top ul li:first-child {border: none} .mobile-top a {width: 100%; display: block; color: #B51118} .mobile-top a {padding: 10px; text-align: center;} .mobile-top a:hover {background-color: #f2f2f2} .mobile-top .dropdown-menu-search { padding: 10px; top: 40px; width: 100%; } .mobile-top .col-xs-4.open {position: static !important} .mobile-top .dropdown-menu-search .form-group {float: left; width:80%} .mobile-top .dropdown-menu-search button{ width: 20%} /* You probably do not need to edit this at all. Add some SmartMenus required styles not covered in Bootstrap 3's default CSS. These are theme independent and should work with any Bootstrap 3 theme mod. */ /* sub menus arrows on desktop */ .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px; } /* make sub menu arrows look like +/- buttons in collapsible mode */ .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -23px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid; } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: bold; } .navbar-nav.sm-collapsible .open > a > .caret:before { content: '-'; } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px; } /* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */ .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: '' !important; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px; } /* scrolling arrows for tall menus */ .navbar-nav span.scroll-up, .navbar-nav span.scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; } .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent; } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent; } /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */ .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { padding-left: 35px; } .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header { padding-left: 45px; } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header { padding-left: 55px; } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header { padding-left: 65px; } /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */ .navbar-nav .dropdown-menu > li > a { white-space: normal; } .navbar-nav ul.sm-nowrap > li > a { white-space: nowrap; } .navbar-nav.sm-collapsible ul.sm-nowrap > li > a { white-space: normal; } /* fix .navbar-right subs alignment */ .navbar-right ul.dropdown-menu { left: 0; right: auto; } /* ========================================================================== Bootstrap Mods ========================================================================== */ .block {display: block;} @media only screen and (min-width: 800px) { .container-narrow { width: 800px } } .sharp {border-radius:0 !important} .label-lg {font-size: 100%} .nav-pills > li > a {background: #eee;} .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #e35450; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters [class^="col-"], .row.no-gutters [class*=" col-"]{ padding-right: 0; padding-left: 0; } .row.with-gutters { margin-right: -15px; margin-left: -15px; } .row.with-gutters [class^="col-"], .row.with-gutters [class*=" col-"]{ padding-right: 15px; padding-left: 15px; } .col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 480px) and (max-width: 767px){.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11{float:left}.col-ms-1{width:8.33333%}.col-ms-2{width:16.66667%}.col-ms-3{width:25%}.col-ms-4{width:33.33333%}.col-ms-5{width:41.66667%}.col-ms-6{width:50%}.col-ms-7{width:58.33333%}.col-ms-8{width:66.66667%}.col-ms-9{width:75%}.col-ms-10{width:83.33333%}.col-ms-11{width:91.66667%}.col-ms-12{width:100%}.col-ms-push-1{left:8.33333%}.col-ms-push-2{left:16.66667%}.col-ms-push-3{left:25%}.col-ms-push-4{left:33.33333%}.col-ms-push-5{left:41.66667%}.col-ms-push-6{left:50%}.col-ms-push-7{left:58.33333%}.col-ms-push-8{left:66.66667%}.col-ms-push-9{left:75%}.col-ms-push-10{left:83.33333%}.col-ms-push-11{left:91.66667%}.col-ms-pull-1{right:8.33333%}.col-ms-pull-2{right:16.66667%}.col-ms-pull-3{right:25%}.col-ms-pull-4{right:33.33333%}.col-ms-pull-5{right:41.66667%}.col-ms-pull-6{right:50%}.col-ms-pull-7{right:58.33333%}.col-ms-pull-8{right:66.66667%}.col-ms-pull-9{right:75%}.col-ms-pull-10{right:83.33333%}.col-ms-pull-11{right:91.66667%}.col-ms-offset-1{margin-left:8.33333%}.col-ms-offset-2{margin-left:16.66667%}.col-ms-offset-3{margin-left:25%}.col-ms-offset-4{margin-left:33.33333%}.col-ms-offset-5{margin-left:41.66667%}.col-ms-offset-6{margin-left:50%}.col-ms-offset-7{margin-left:58.33333%}.col-ms-offset-8{margin-left:66.66667%}.col-ms-offset-9{margin-left:75%}.col-ms-offset-10{margin-left:83.33333%}.col-ms-offset-11{margin-left:91.66667%}.container{max-width:748px}.form-horizontal .form-group .control-label{text-align:right}} .modal--full-screen .modal-dialog { position: fixed; margin: 0; padding: 0; width: 100%; height: 100%; } .modal--full-screen .modal-content, .modal--full-screen .modal-header, .modal--full-screen .modal-body, .modal--full-screen .modal-footer { position: absolute; left: 0; right: 0; } .modal--full-screen .modal-content { top: 0; bottom: 0; border: 10px solid rgba(130, 33, 36, 0.9); border-radius: 0; box-shadow: none; } .modal--full-screen .modal-header { top: 0; height: 70px; padding: 18px 20px; background: #882c2f; border: 0; } .modal--full-screen .modal-title {color: #fff} .modal--full-screen .modal-body { top: 70px; bottom: 60px; width: 100%; overflow: auto; } .modal--full-screen .modal-footer { bottom: 0; height: 60px; padding: 10px; } .list-group.list-group-outline a {background: none; border: none; padding: 5px 0;} .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {background: #B51118} .list-group-sm .list-group-item {padding: 5px 9px;} .list-group--arrow .list-group-item:after { content: "\f105";font-family: FontAwesome; position: absolute; top: 0; right: 10px; font-size: 24px; } .list-group--tick .list-group-item {padding-left: 40px} .list-group--tick.list-group-sm .list-group-item {padding-left: 30px} .list-group--tick .list-group-item:after { content: "\f046";font-family: FontAwesome; position: absolute; top: 2px; left: 10px; font-size: 24px; } .list-group--tick.list-group-sm .list-group-item:after {font-size: 16px;top: 5px;} .well {box-shadow: none;} .well.well-transparent {background: none} @media (max-width: 767px) { .container--article-min table{ font-size: 12px; } .container--article-min table td{ padding: 5px; } .container .jumbotron, .container-fluid .jumbotron {padding: 20px} } .tab-content-bordered {border: solid 1px #ccc; border-top: none; padding: 15px;} @media (min-width: 768px) { .list-group-horizontal .list-group-item {display: inline-block;} .list-group-horizontal .list-group-item {margin-bottom: 0;margin-left:-5px;margin-right: 0} .list-group-horizontal .list-group-item:first-child {border-top-right-radius:0;border-bottom-left-radius:4px;margin-left:0} .list-group-horizontal .list-group-item:last-child {border-top-right-radius:4px;border-bottom-left-radius:0;} } /* ========================================================================== Buttons ========================================================================== */ .btn { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .btn.round {border-radius: 16px} .btn-lg.round {border-radius: 24px} .btn.btn-lg {font-size: 16px;} .btn.outline {background: none; border-width: 1px; border-style: solid} .btn-default {background: #f05523;color: #fff} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: #f05523 !important;color: #f2f2f2 !important} .btn-default:active, .btn-default.active {background: #f05523;box-shadow: none} .btn-green {background: #B51118;color: #fff} .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green { background: #B51118 !important;color: #f2f2f2 !important} .btn-green:active, .btn-green.active {background: #B51118;box-shadow: none} .btn-green.outline {border-color: #B51118;color: #B51118} .btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline:active, .btn-green.outline.active, .open > .dropdown-toggle.btn-green {color: #B51118;border-color: #B51118} .btn-green.outline:active, .btn-green.outline.active {border-color: #B51118;color: #B51118;box-shadow: none} .btn-gray {background: #B51118 !important; color: #fff !important;} .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray { background: #999 !important;color: #f2f2f2 !important} .btn-gray:active, .btn-gray.active {background: #B51118;box-shadow: none} .btn-blue {background: #32327f !important; color:#fff !important;} .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue { background: #999 !important;color: #f2f2f2 !important} .btn-blue:active, .btn-blue.active {background: #32327f;box-shadow: none} .btn-red {background: #e35450;color: #fff} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open > .dropdown-toggle.btn-red { background: #871e1b !important;color: #f2f2f2 !important} .btn-red:active, .btn-red.active {background: #e35450;box-shadow: none} .btn.btn-icon {padding: 0;} .btn.btn-icon span { font-weight: 700; font-size: 14px;letter-spacing: 0.05em; position: relative; height: 35px; padding: 0 50px 0 15px; text-transform: uppercase; line-height: 35px; } .btn.btn-icon span:after { width: 40px; height: 35px; /* content: "\f145"; */ font-family: FontAwesome; top: 0; right: 0; background-color: #30a465; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .btn.btn-icon, .btn.btn-icon span:after {position: absolute} .btn.btn-icon span, .btn.btn-icon span:after {display: block;} .tab-Forum{ margin-bottom: 60px; } .tab-Forum .navbox span{ font-size: 20px; font-weight: bold; width: 317px; height: 83px; display: inline-block; line-height: 83px; text-align: center; cursor: pointer; transition: 0.3s; } .tab-Forum .navbox span:hover{ background-image: url('../img/frumbg.png'); color: #9a2b49; } .tab-Forum .navbox span.activit{ background-image: url('../img/frumbg.png'); color: #9a2b49; } .tab-Forum table{ border: 1px #d8d8d8 solid; border-collapse: collapse; } .tab-Forum .timeitem{ font-size: 40px; } .tab-Forum table .headbox{ background-color: #9a2b49; color: #fff; text-align: center; font-size: 20px; font-weight: bold; } .tab-Forum table tr td{ border: 1px #d8d8d8 solid; } .tab-Forum table tr td span.time{ font-style: italic; font-weight: bold; } .tab-Forum table tr td span.theme{ font-weight: bold; font-size: 20px; color: #9a2b49; } .tab-Forum table tr td span.Speaker{ font-style: italic; } .tab-Forum table tr td span.Organizer{ font-style: italic; } .tab-Forum .tab-content .item-box{ display: none; } .tab-Forum .contactbox{ margin-top: 30px; background-image: url('../img/contact.png'); background-repeat: no-repeat; } .tab-Forum .contactbox p{ font-size: 20px; padding-left: 50px; } .tab-Forum .contactbox .cont{ padding-left: 50px; color: #666666; } @media only screen and (max-width: 768px) { .tab-Forum .navbox span{ width: 49%; background-size: cover; height: 40px; line-height: 40px; } .tab-Forum .navbox span.activit{ background-image: none; background-color: #9a2b49; color: #fff; } .tab-Forum table tr td span.theme{ font-size: 16px; } .tab-Forum table .headbox{ font-size: 16px; } .tab-Forum table tr td{ padding: 8px; } .tab-Forum .tab-content .item-box{ overflow-x: scroll; } } @media only screen and (min-width: 992px) { .btn.btn-icon span {height: 45px;line-height: 45px;padding: 0 70px 0 25px;font-size: 16px} .btn.btn-icon span:after {width: 50px; height: 45px;} } @media only screen and (max-width: 440px) { .btn.btn-icon span {height: 25px;line-height: 25px;padding: 0 5px 0 5px;font-size: 12px} .btn.btn-icon span:after {display: none} } #btn-register span, #btn-book span { font-size: 13px !important; padding: 0 10px 0 10px; height:26px; line-height: 26px; } /* ========================================================================== Animations https://daneden.github.io/animate.css/ ========================================================================== */ .transition { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } /* ========================================================================== Gallery ========================================================================== */ .grid-custom .col-sm-6, .grid-custom .col-xs-6, .grid-custom .col-xs-12, .grid-custom .col-sm-3 { padding:8px; } .grid.block-remove-padding{ margin-left: -15px; } /*.grid-item--width-50 { height:445px; width: 445px;} .grid-item--width-25 { height:212.5px; width: 212.5px;}*/ .grid-item--width-50 { width: 48%; padding-bottom: 7px;} .grid-item--width-25 { width: 23%; } @media only screen and (max-width: 767px) { .grid-item--width-50 { width: 98%; padding-bottom: 0px;} .grid-item--width-25 { width: 48%;} .grid-item--width-25.grid-mobile-98 {width: 98%;} .grid-item--width-50.grid-mobile-48 {width: 48%;} } /* clearfix */ .grid:after { content: ''; display: block; clear: both; } .grid-item{ float: left; margin:1%; } .container.grid-custom{ height: 100%; width: 100%; background-color: #FFFFFF!important; } .container.section, .container-fluid.section {padding-top: 40px !important; padding-bottom: 40px !important;} .first-block{ border-bottom: 0px #000 solid; } .gallery-nav{ margin-top: 8px!important; margin-left: 8px; } .nav-margin{margin:0 0 0 -8px;} .gallery-nav>li>a{ color: #fff; margin-right: 0; } .gallery-nav> li > a:hover { background: #50504E!important; } .gallery-nav > li.active > a, .gallery-nav > li.active > a:focus li.active > a:hover { background: #50504E!important; color:#F58A22!important; font-weight: bold; } .gallery-nav>li>a{ background-color: #272624; border: 1px solid #50504E!important; border-radius: 0px; } .gallery-nav>li+li{ margin-left: 0px; } .gallery-nav>.tab-content{ margin:0; padding: 0; } .this_hover>a>img:hover{ outline: 3px solid #F58A22; } /*.modal-backdrop {z-index: -1;}*/ @media only screen and (min-width: 768px) { .modal-dialog { width:800px; } } /* ========================================================================== Carousel ========================================================================== */ .carousel { margin-bottom: 0; } .carousel--main {height: 358px} .carousel .thumbnail {margin-bottom: 0; padding: 0; border:none;} /* Reposition the controls slightly */ .carousel-control { background-image: none !important; width: 0; opacity: 1; top: 35%; } .current a { background-color: #ccc !important;} .pagination>li>a {color: #B51118 !important} /* ========================================================================== Custom Radio Buttons ========================================================================== */ .customRadio label { text-transform: uppercase; padding: 12px 10px; float:left; background-color:#ddd; border-radius:3px; margin-right:10px; margin-bottom:5px; } .customRadio label:hover { background-color: #999; } .customRadio input[type=radio]:checked + label { background-color: #666; color:#fff; } .customRadio input[type=radio] { display:none; } #btn-language img {margin-top:15px;} @media only screen and (max-width: 992px) { #btn-language img {padding-top:5px;} } @media (max-width: 767px){ .margin-xs { margin-top: 20px !important; } } /* 2018-01-04新增样式 */ .ten_select{ border: 1px solid #ccc; border-radius: 4px; padding: 5px 12px; } .input-group-select{ padding-left: 188px !important; padding-right: 0 !important; } .pic-box{ margin-top: 20px; } .hotel-txt{ background-color:#f3f3f3; padding-top:15px; padding-bottom:15px; min-height: 170px; } .mh156{ height: 156px; line-height: 134px; text-align: center; } .mh156 img{ max-width: 90%; display: -webkit-inline-box; display: inline-block; } /* become-exhibitor */ .become-exhibitor-box{ width: 100%; overflow: hidden; margin-top: 20px; } .become-exhibitor-box .btnapply{ width: 100%; text-align: center; margin-bottom: 40px; } .become-exhibitor-box ul { overflow: hidden; padding-left: 0; } .become-exhibitor-box ul li{ width: calc(100%/2 - 20px); float: left; border-bottom: 5px #861531 solid; padding-bottom: 20px; margin-right: 40px; margin-bottom: 40px; list-style: none; min-height: 264px; } .become-exhibitor-box ul li p{ padding: 0; margin: 0; } .become-exhibitor-box ul li:nth-child(2n){ margin-right: 0; } .become-exhibitor-box ul li .tit{ font-size: 18px; font-weight:bold; } .become-exhibitor-box ul li .containbox{ width: 100%; overflow: hidden; margin-top: 20px; } .become-exhibitor-box ul li .containbox .picbox{ width: 180px; float: left; } .become-exhibitor-box ul li .containbox .picbox img{ max-width: 100%; } .become-exhibitor-box ul li .containbox .txtbox{ width: calc(100% - 200px); float: left; margin-left: 20px; } .become-exhibitor-box ul li .containbox .txtbox .uptxt{ line-height: 20px; } .become-exhibitor-box ul li .containbox .txtbox .fblod{ font-weight: bold; } @media (max-width: 767px){ .ten_select{ width: 100%; } .input-group-select{ padding-left: 0px !important; margin-top: 10px; } .become-exhibitor-box ul li{ width: 100%; margin-right: 0; } .become-exhibitor-box ul li .containbox .txtbox .uptxt{ height: auto; } .become-exhibitor-box ul li .containbox .picbox { width: 80px; } .become-exhibitor-box ul li .containbox .txtbox { width: calc(100% - 100px); } } /* 下载中心 */ .con-download-wrap{width:100%; overflow:hidden;} .con-download-wrap ul{ padding: 0; } .con-download-wrap li{width:100%; border-bottom:1px solid #dedede; overflow:hidden; padding-bottom:25px; margin-top:25px;list-style: none;} .con-download-wrap-img{float:left; color:#b7183f; font-family: Arial; margin:6px 10px 0 0;} .con-download-wrap-tit{float:left;} .con-download-wrap-tit-h3{ font-weight:normal; line-height:35px;margin-top: 0;margin-bottom: 0; } .con-download-wrap-tit-h3 a{color:#000;} .con-download-wrap-box{float:right;margin-top: 10px;} .con-download-wrap-box span{ background: #861531; color: #fff; font-size: 14px; padding: 8px 7px; margin-left: 10px; border-radius: 4px; } @media (max-width: 767px){ .con-download-wrap-box{ display: none; } } /* Logos & Ads */ .logos-tab-row { overflow: hidden; width: 100% } .logos-tab-row:nth-of-type(odd) { background-color: #EEE; } .logos-tab-row:nth-of-type(even) { background-color: #FFF; } .logos-tab-left { width: 210px; padding: 12px; float: left; } .logos-img-list{ padding-left: 10px; } .logos-img-list li{ list-style: none; } .logos-tab-right { display: table-cell; width: calc(100% - 190px); margin-left: 20px; padding: 12px; vertical-align: top; } .logos-tab-left img { display: block; width: 100%; max-width: 100%; height: auto; } .logos-img-list { vertical-align: top; } .img-tab-icon { padding-right: 6px; padding-left: 6px; margin-right: 6px; background-color: #444; border: 1px solid #444; color: #FFF; font-size: 12px; } .logos-img-list li:hover .img-tab-icon { background-color: #FFF; color: #444; } /* Logos & Ads2 */ img{ max-width: 100%; } .Bannersbox{ padding-left: 0; } .Bannersbox li{ list-style: none; float: left; width: calc(100%/5 - 20px); margin-right: 20px; text-align: center; margin-bottom: 30px; } .Bannersbox li a{ min-height: 168px; line-height: 168px; } .Bannersbox li a img{ display: inline-block; } .Bannersbox li:hover{ } .Bannersbox li:last-child{ width: calc(100% - 20px); } .Bannersbox li:last-child img{ padding: 20px 0; } .font-xs{ line-height:22px !important; min-height:66px; font-size:21px !important; padding: 10px 50px; padding-top: 10px !important; letter-spacing: 0.05em; font-weight: 700; width: 615px; } @media (max-width: 767px){ .Bannersbox li{ width: calc(100%/2 - 10px); } .Bannersbox li:nth-child(2n){ margin-right: 0; } .Bannersbox li:last-child { width: calc(100% - 0px); } .font-xs{ padding: 10px; width: 100% !important; font-size: 15px !important; } } .facebook-logo-a{ position: fixed; left: 0; top: 88px; } .facebook-logo{ width: 48px; height: 48px; display: block; position: fixed; left: 0; top: 88px; background-color: rgb(59, 89, 152); transition: 0.3s; text-align: center; line-height: 48px; overflow: hidden; } .facebook-logo:hover{ width: 64px; } @media (max-width: 767px){ .facebook-logo{ width: 0px; } } .facebook-logo-boottom{ width: 100%; height: 0px; display: block; position: fixed; left: 0; bottom: 0; background-color: rgb(59, 89, 152); transition: 0.3s; text-align: center; line-height: 48px; } .facebook-logo-boottom a,.facebook-logo a{ color: #fff; display: block; width: 100%; height: 100% } @media (max-width: 767px){ .facebook-logo-boottom{ height: 48px; } .copyright-box{ margin-bottom: 48px;min-height: 88px;overflow: hidden; } .facebook-logo-a{ display: none; } } .sharebox{ margin: 20px 0; overflow: hidden; } .share-title,.newsdetails-sharebox{ float: left; font-weight: bold; } .newsdetails-sharebox{ padding-left: 0; margin-left: 10px; } .newsdetails-sharebox li{ list-style: none; float: left; margin-right: 20px; } .newshare{ display: inline-block; background-image: url('../img/sharepng.png')!important; background-repeat: no-repeat; width: 28px !important; margin-right: 16px !important; height: 28px !important; } .newsdetails-icon { display: inline-block; width: 28px !important; height: 28px !important; background: url(../img/newsdetails-share.png) no-repeat !important; margin-right: 16px !important; } .shareto-icon-1 { background-position: -93px -25px !important; } .shareto-icon-6 { background-position: -368px -25px !important; } .share-weixin{ background-position: -30px -30px !important; } .share-lin{ background-position: -120px -30px !important; } .share-email{ background-position: -60px -30px !important; } .share-more { border-left: 1px solid #d9dbde; padding-left: 18px; } .share-sina{ background-position: 0 -30px !important; } .share-weixin:hover{ background-position: -30px 0px !important; } .share-lin:hover{ background-position: -120px 0 !important; } .share-email:hover{ background-position: -60px 0 !important; } .share-sina:hover{ background-position: 0 0 !important; } .newsdetails-icon:hover { background: url(../img/newsdetails-share-hover.png) no-repeat !important; } .shareto-icon-1:hover{ background-position: -93px -25px !important; } .shareto-icon-6:hover{ background-position: -368px -25px !important; } .tit-box{ text-align: center; padding: 0px 50px 30px 50px; border-bottom: 1px solid #e5e5e5; } .Turn-the-page{ width:100%; overflow:hidden; margin:65px 0 45px;} .Turn-the-page-li{width:42%; background:#f2f2f2; height:60px; line-height:60px; float:left; text-align:center; transition: 400ms;} .Turn-the-page-li a{color:#b7183f; display:block; font-weight:bold;} .Turn-the-page-img{float:left;width:16%; text-align:center; height:60px; line-height:60px;} .Turn-the-page-img img{ vertical-align: middle;} .Turn-the-page-li:last-child{float:right;} .Turn-the-page-li:hover{background:#b7183f; transition: 400ms;} .Turn-the-page-li:hover a{ color:#fff;} @media (max-width: 767px){ .tit-box{ padding: 0px 10px 30px 10px; } .newsdetails-sharebox li{ margin-right: 10px; } } .newslist{ padding-left: 0; } .newslist li{ width: calc(100% - 40px); list-style: none; border-radius: 4px; padding: 20px; } .newslist li:nth-child(2n+1){ background-color: #f5f5f5; } .page-content img{ max-width: 100% !important; height: auto !important; } /* 分页 */ .paging { text-align: center; margin-bottom:1em; } .paging span.count{background-color:#eee;cursor:default;} .paging a,.paging span{ border: 1px solid #e5e5e5; /* color: #eee; */ display: inline; padding: 10px 20px; cursor: pointer; padding: 4px 8px; border-radius: 4px; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari å’Œ Chrome */ -o-transition: background-color 0.5s; /* Opera */ margin: 0 3px; } .paging a:hover{ background-color: #861531; color: #fff; } .paging a.curr,.paging a.curr:hover { background: #861531; color: #fff; font-weight:bold;cursor:default;border:1px solid #861531; } .paging .prev-disabled,.paging .next-disabled,.paging .last-disabled{cursor:not-allowed;background-color:#eee;} .paging .prev-disabled:hover,.paging .next-disabled:hover,.paging .last-disabled{background-color:#eee;} /* 相册 */ .J-gallery-tab{ clear: both; margin-bottom: 20px; overflow: hidden; } .J-gallery-tab ul{ padding-left: 0; } .J-gallery-tab ul li{ list-style: none; float: left; font-weight: bold; height: 40px; line-height: 40px; margin-right: 20px; padding:0 20px; cursor: pointer; border-bottom: 2px #fff solid; } .J-gallery-tab ul li:hover{ border-bottom: 2px #861531 solid; } .J-gallery-tab ul li.on{ border-bottom: 2px #861531 solid; } .gallerycontain{ clear: both; overflow: hidden; } .gallery-list ul li{ list-style: none; float: left; width: calc(100%/6 - 10px); margin-right: 10px; margin-bottom: 10px; height: 135px; overflow: hidden; } .gallery-list { width: 100%; clear: both; display: none; } .gallery-list ul{ padding-left: 0; overflow: hidden; } .gallery-list ul li img{ max-width: 100%; max-height: inherit; } .gallery-list ul li:nth-child(6n){ margin-right: 0; } .hotel-txt .hotel-txt{ font-size: 20px; color: #B51118; } .bottom-margin-xs p{ min-width: 200px; } .hotel-txt table tr td ,.hotel-txt table tr th{ padding: 0; } .hotel-txt{ padding: 20px 30px; } .hotel-txt .weight-bold{ font-size: 18px; } .roomtype{ clear: both; padding: 24px 0; } .roomtype ul{ padding-left: 30px; } .roomtype ul li{ list-style-type:square; list-style-position: inside; } .salesbox ul { clear:both; border-radius: 4px; border: 1px #ddd solid; overflow: hidden; padding-left: 0; } .salesbox ul li{ float: left; width: 40px; height: 40px; list-style: none; cursor: pointer; text-align: center; line-height: 40px; border-right: 1px #ddd solid; } .salesbox ul li:hover{ background-color:#861531; color: #fff; } .salesbox ul li:last-child{ border-right: none; } .salesbox ul li.current{ background-color:#861531; color: #fff; } .salecontain { display: none; } .fa-font{ width:1.9em; line-height:1.8em; font-size: 2em; } .col-sm-4-new1{ width:32.33%; } .col-sm-4-new2{ width:35.33%; } .col-sm-4-new3{ width:32.33%; } .col-sm-4-new4{ width:27.33%; } .contact-p{ line-height:28px; } .contact-p .fa{ width:25px; text-align:center; color:#999; } .article-content .contact-tit-h3{ font-weight:bold; margin-top:50px; } .article-content .contact-h4{ margin:10px 0 15px 0; color:#333; font-weight:bold; } .article-content .contact-h3{ margin:35px 0 15px 0; color:#999; font-size:18px; font-weight: bold; } .contact-mial{ color:#186ff1; } .contant-span{ display:block; float:left; margin-right:10px; } .contact-li{ width:50%; float:left; } .clear{ clear:both; } @media (max-width: 1140px){ .salesbox ul{ border: none; } .salesbox ul li{ border: 1px #ddd solid; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; } .salesbox ul li:last-child{ border-right: 1px #ddd solid; } } @media (max-width: 767px){ .newslist li{ width: 100%; } .gallery-list ul li{ height: 80px; } .col-sm-4-new1, .col-sm-4-new2, .col-sm-4-new3, .col-sm-4-new4{ width:auto; } .contact-li{ width: 100%; } } @media (max-width: 586px){ .J-gallery-tab ul li{ width: 100%; background-color: #f5f5f5; border-radius: 2px; } .J-gallery-tab ul li.on{ background-color: #B51118; border: none; color: #fff; } .gallery-list ul li{ width: calc(100%/3 - 7px); margin-right: 10px; border: none; } .gallery-list ul li:nth-child(3n){ margin-right: 0; } } .logocolorbg{ background: -webkit-linear-gradient(to right, rgb(212 212 212 / 80%), rgba(255, 255, 255, 1),rgb(212 212 212 / 80%)); background:linear-gradient(to right, rgb(212 212 212 / 80%), rgba(255, 255, 255, 1),rgb(212 212 212 / 80%)); }