cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

914 lines
125 KiB

2 years ago
/*!
* Bootstrap v3.0.2 by @fat and @mdo
* Copyright 2013 Twitter, Inc.
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428
padding-top: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:24px;
font-weight:300;
color:#373737;
background:#EAEAEA;
}
.SkipNav {
color: transparent; /* same color as background */
text-decoration: none;
position:absolute;
left:0;
top:0;
font-size:10px;
}
.SkipNav:active, .SkipNav:focus {
/* Becomes visible & underlined when user tabs to it. :active pseudo-class necessary for IE :focus pseudo-class necessary for Mozilla */
color: #0000FF;
text-decoration: underline;
}
ul, li {
color:#373737;
}
#root {
background:#FFF;
max-width:1650px;
margin-left:auto;
margin-right:auto;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.3) !important;
}
h1, h2, h3, h4, h5, h6, .news-title {
font-family: 'Yanone Kaffeesatz', sans-serif;
color:#019ad4;
margin-top:0px;
font-weight:normal;
}
hr {
height:1px;
background:#B6B6B6;
border:0px;
clear:both;
}
#caption {
padding:15px;
}
.drag-handle, .resize-handle {
display:none;
}
strong, b, label {
font-weight:500;
}
input, textarea, select {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
font-weight:300;
color:#373737;
border:1px solid #CCC;
border-radius:3px;
}
textarea {
padding:10px;
}
.cpFormTextAreaElement {
width:100% !important;
max-width:400px;
}
input {
padding:4px;
}
tr.cpFormElement td {
padding-bottom:10px;
}
#content p {
margin-top:9px;
margin-bottom:9px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
margin-top:10px;
margin-bottom:10px;
}
#content br {
display: block;
margin: 0px;
margin-top: 6px;
content: " ";
}
#content h1 {
font-size:32px;
}
#connect-con {
font-size:16px;
line-height:24px;
}
#body-con {
min-height:250px;
padding-top:15px;
padding-bottom:15px;
}
#connect-con {
background-color:#019ad4;
padding-top:30px;
padding-bottom:30px;
}
#banner-phone {
min-height:25px;
}
.navbar-icons {
min-height:40px;
}
#connect-con h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight:100;
font-size:28px;
color:#FFF ;
text-align:center;
margin:0px;
}
#footer-con {
background:#334146;
color:#fff;
}
#modal {
display:block ;
position:absolute !important;
background:rgba(0,0,0,.05);
margin:0px !important;
padding:0px !important;
top:0px !important;
left:0px !important;
z-index:500 !important;
}
#footer-con a {
color:#fff;
}
#footer-details {
padding:0px;
padding-top:30px;
font-weight:100;
}
#footer-1, #footer-2, #footer-3 {
padding-bottom:30px;
}
#footer-details a {
color:#fff !important;
}
#footer-details strong {
font-weight:500;
}
#footer-con .center {
text-align:left;
}
#footer-con .right {
text-align:left;
}
#footer-sep {
line-height:1px;
height:1px;
background-color:#435257;
}
#footer-con h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight:100;
font-size:32px;
color:#FFF ;
margin:0px;
margin-bottom:15px;
}
#footer-copyright {
padding-top:30px;
padding-bottom:30px;
font-size:11px;
font-weight:100;
}
#banner-root {
background-size: auto 100% ;
}
.navbar-default, .dropdown-menu {
background-color:transparent;
font-family: 'Yanone Kaffeesatz', sans-serif;
border:none;
font-size:20px;
font-weight:300;
margin:0px;
color:#747474;
}
.navbar-toggle {
border-color:#ccc !important;
margin-top:15px;
margin-right:15px;
height:40px;
}
.icon-bar {
background-color:#ccc !important;
}
.navbar-toggle:hover {
background-color:rgba(255,255,255,.2) !important;
}
.navbar-toggle:focus {
background-color:rgba(255,255,255,.2) !important;
}
.navbar-collapse {
/* top:0px;
left:0px;
position:absolute;
width:100%;
background:#FFF;
box-shadow:2px 2px 15px #000; */
}
.collapse {
border:none;
background-color:#334146;
max-height:none;
z-index:500;
}
.collapse ul {
position:inherit;
box-shadow:none;
width:100%;;
}
.dropdown-menu {
padding:0px;
}
.dropdown-menu li > a {
background:#465A62;
font-weight:300;
}
.collapse li {
border-bottom:1px solid #3f4c51;
}
.collapse > .navbar-nav > li > a {
color:#fff;
padding-top:20px;
padding-bottom:20px;
}
.collapse > .navbar-nav > li > a:hover {
color:#fff;
}
.collapse > .navbar-nav > li > a:focus {
color:#fff;
}
.dropdown-menu > li > a {
color:#fff;
width:100%;
}
a.button, input[type=submit], input[type=button] {
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
background:#019ad4;
font-size:18px;
margin:0px;
text-decoration:none;
border:0px;
font-weight:300;
border-radius:3px;
}
a.button:hover {
color:#fff;
text-decoration:none;
}
.cta {
position:absolute;
width:100%;
left:0px;
padding:20px;
margin:0px;
background-color:rgba(255,255,255,.7);
}
.cta h2 {
font-family: 'Yanone Kaffeesatz', sans-serif;
margin:0px;
font-size:25px;
line-height:6.5vw;
font-size:6.5vw;
}
.cta p {
font-size:16px;
line-height:18px;
margin-top:1px;
font-weight:300;
font-size:4vw;
line-height:4.1vw;
}
.cta .button {
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
background:#019ad4;
font-size:18px;
margin:0px;
text-decoration:none;
border:0px;
font-weight:300;
line-height:24px;
/* relative sizing if supported */
/*
line-height:4vw;
font-size:3.5vw;
padding:1vw;
*/
}
#featured {
/* Has to be set to relative to set z-index overlay abover slider */
position:relative;
z-index:450;
}
#featured > div {
margin-top:30px;
}
.featured-box {
background:rgba(255,255,255,.8);
padding:30px;
border-radius:3px;
}
.featured-box h2 {
margin:0px;
font-size:25px;
}
.featured-box p {
margin:0px;
margin-top:5px;
margin-bottom:15px;
line-height:21px;
font-weight:300;
}
.navbar-icons {
clear:right;
margin-top:15px;
margin-bottom:15px;
cursor:pointer;
min-width:180px;
}
.navbar-icons > a {
float:left;
}
.navbar-icons > button {
float:left;
margin:0px;
height:40px;
}
.navbar-number {
text-align:center;
margin-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.navbar-number a {
font-family: 'Source Sans Pro', sans-serif;
font-weight:normal;
font-size:22px;
padding:10px;
padding-top:8px;
padding-bottom:8px;
color:#fff;
background:#019ad4;
margin:0px;
text-decoration:none;
display:inline-block;
width:100%;
margin-bottom:15px;
border-radius:3px;
}
.navbar-offset {
clear:right;
margin-top:0px;
}
/* Components */
.news-links {
font-size:13px;
}
.ModLeftMenuContainer label {
font-weight:300;
}
.ModLeftMenuContainer select {
width:100%;
}
.ModLeftMenuContainer input[type=text]{
width:100%;
}
#modSearchForm {
padding-top:5px;
}
#modSearchForm input[type=submit]{
margin-top:15px;
}
.ModLeftMenuContainer {
padding:30px;
margin-top:30px;
margin-bottom:15px;
background:#f9f9f9;
border:1px solid #fff;
box-shadow:#dbdbdb 3px 3px 15px;
font-size:15px;
line-height:20px;
}
.ModLeftMenuContainer a {
line-height:17px !important;
display:inline-block;
}
form[name=modWsRatingForm] label {
padding-top:3px;
}
.ModLeftMenuContainer table {
}
#modWsRatingForm input[type=submit] {
margin-top:10px;
}
#modWsRatingForm tr > td:first-child {
width:35px;
}
#modWsRatingForm input[type=radio] {
margin-left:15px;
margin-top:0px;
}
#modWsRatingForm table {
margin-top:-5px;
}
.OfficeHoursComponent table td:first-child {
width:40px;
}
.OfficeHoursComponent .ModLeftMenuOverview {
margin-top:10px !important;
margin-bottom:0px !important;
}
.ModLeftMenuTitle, #right-column h2 {
font-size:26px;
line-height:22px !important;
color:#575757;
margin:0px;
margin-bottom:10px;
font-weight:300;
}
#fastFindSelect {
margin-top:5px;
margin-top:-5px;
}
#recentNewsTable {
margin-left:9px;
}
.ModLeftMenuOverview, #right-column p {
margin:0px;
margin-bottom:12px;
font-weight:300;
}
#right-column table {
width:100%;
}
#right-column textarea {
border:1px solid #e2dede;
width:100%;
margin-bottom:15px;
}
#recentNewsTable td:first-child {
padding-right:10px;
}
#modNlSingupForm input[type=text] {
margin-bottom:3px;
}
#modNlSingupForm td:first-child {
width:75px;
}
#modNlSingupForm input[type=button] {
margin-top:10px;
}
/* SLider */
#slider {
position:relative;
list-style:none;
margin:0px;
padding:0px;
overflow:hidden;
max-width:1650px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #E4E4E4;
border-bottom:1px solid #E4E4E4;
}
#dotsrow {
margin-top:-25px;
margin-left:auto;
margin-right:auto;
width:auto;
text-align:center;
position:absolute;
width:100%;
z-index:499;
height:20px;
max-width:1650px;
}
#slider-dots {
height:20px;
list-style:none;
margin:0px;
padding:0px;
margin-left:auto !important;
margin-right:auto !important;
display:inline-block;
}
#slider-dots li {
margin:0px;
padding:0px;
height:20px;
width:20px;
margin-right:15px;
float:left;
background:#333;
background:url(../img/slider-dot.png);
background-repeat:no-repeat;
background-position:top left;
cursor:pointer;
}
#slider-dots li.active {
background-position:bottom left;
}
#slider-dots li:hover {
background-position:bottom left;
opacity:.7;
}
#inner-slide {
line-height:1px;
background:#E4E4E4;
}
#slider li {
list-style:none;
position:absolute;
margin:0px;
padding:0px;
top:0px;
}
#slider iframe {
width:70%;
height:100%;
border:10px solid rgba(0,0,0,.1) !important;
border-radius:5px;
}
.navbar-brand {
padding:0px;
margin:0px;
background:url('../img/logo.png');
max-width:100%;
}
@media screen and (max-width: 385px) {
.navbar-brand {
margin:0px !important;
padding:0px !important;
background-size:100% auto;
margin-left:5px;
}
}
/* Common Full Design */
@media screen and (min-width: 768px) {
.navbar-brand {
margin:0px;
padding:0px;
}
#slider iframe {
width:20vw;height:13vw;
}
.cta {
position:absolute;
width:auto;
height:auto;
background:none;
padding:0px;
}
.cta h2 {
margin:0px;
font-size:32px;
/* font-size:2.5vw; */
/* line-height:3vw; */
line-height:28px;
margin-bottom:7px;
/* relative sizing if supported */
font-size:1.9vw;
line-height:1.75vw;
}
.cta p {
font-size:16px;
line-height:24px;
margin:0px;
margin-bottom:15px;
/* relative sizing if supported */
font-size:1.2vw;
line-height:1.5vw;
margin-bottom:.9vw;
/*
margin-top:1px;
margin-bottom:1vw;
font-size:1.3vw;
line-height:1.7vw;
*/
}
.cta div {
margin:0px;
padding:0px;
line-height:none;
}
.cta .button {
/*
font-size:1.3vw;
line-height:1.7vw;
padding:.7vw;
margin:0px;
font-weight:300;
*/
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
background:#019ad4;
font-size:18px;
margin:0px;
text-decoration:none;
border:0px;
font-weight:300;
line-height:24px;
/* relative sizing if supported */
font-size:1.25vw;
line-height:1.3vw;
}
.navbar-collapse {
position:relative;
box-shadow:none;
background:transparent;
}
.navbar-number {
clear:right;
margin-top:15px;
margin-bottom:15px;
margin-right:15px;
padding:0px;
}
.navbar-number a {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight:500;
font-size:24px;
color:#019ad4;
background:transparent;
color:#019AD4;
padding:0px;
margin:0px;
}
#logo {
background:url(../img/logo.jpg);
display:block;
width:306px;
height:114px;
margin-top:15px;
}
.navbar-header, #banner-phone {
position:relative;
z-index:501;
}
.navbar-icons {
clear:right;
margin-bottom:15px;
margin-top:0px;
cursor:pointer;
}
.navbar-icons > a {
float:right;
}
.collapse ul {
width:auto;
}
.collapse li {
border-bottom:none;
}
.collapse > .navbar-nav > li > a {
color:#696868;
padding:10px ;
}
.collapse > .navbar-nav > li > a > span {
padding-left:5px;
}
.collapse > .navbar-nav > li > a:hover {
background:#019AD4;
color:#fff;
}
.collapse > .navbar-nav > li > a:focus {
background:#019AD4;
color:#fff;
}
.dropdown-menu {
position:absolute !important;
margin:0px;
width:auto !important;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) !important;
margin-top:0px !important;
}
.dropdown-menu > li a {
font-size:18px;
background:#fff;
font-weight:300;
color:#747474;
border-bottom:1px solid #E1E1E1;
}
.dropdown-menu > li a:hover {
background:#EEF9FB;
color:#747474
}
.dropdown-menu > li a:focus {
background:#E9E9E9;
color:#747474
}
.featured-box {
height:230px;
}
.featured-box p {
font-size:15px;
}
}
@media screen and (min-width: 992px ) {
#featured > div {
margin-top:0px;
}
#dotsrow {
margin-top:-290px;
}
#footer-con .center {
text-align:center;
}
#footer-con .right {
text-align:right;
}
#featured {
margin-top:-260px;
}
.featured-box p {
font-size:15px;
}
}
@media screen and (min-width: 1200px ) {
#featured {
margin-top:-260px;
}
.featured-box p {
font-size:16px;
}
}
@media screen and (min-width: 1600px ) {
.featured-box p {
font-size:16px;
}
}
@media screen and (min-width: 1650px ) {
/* Go to fixed font size after 1650 */
.cta h2 {
/* relative sizing if supported */
font-size:32px;
line-height:30px;;
}
.cta p {
font-size:19px;;
line-height:24px;
margin-bottom:15px;;
}
.cta .button {
font-size:21px;
line-height:22px;;
}
}
.icon-40 {width:40px;height:40px;background:#E9E9E9;margin-left:10px;display:inline-block;}.icon-40:hover {opacity:.8;}#connect-icon-con {text-align:center;padding:0px !important;margin-top:15px;line-height:none;}#connect-icon-con a {background-color:rgba(0,0,0,.11);width:52px;height:52px;border-radius:6px;background-repeat:no-repeat;background-position:6px 6px;}.facebook-icon {background:url("../templates/7g/img/social-facebook.png");}.twitter-icon {background:url("../templates/7g/img/social-twitter.png");}.blogger-icon {background:url("../templates/7g/img/social-blogger.png");}.gplus-icon {background:url("../templates/7g/img/social-google.png");}.pintrest-icon {background:url("../templates/7g/img/social-pintrest.png");}.youtube-icon {background:url("../templates/7g/img/social-youtube.png");}.linkedin-icon {background:url("../templates/7g/img/social-linkedin.png");}table.productList {width:100%;margin-bottom:15px;}.ecomButton {color:#727272;border:1px solid #C1C1C1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:10px;margin:5px;margin-left:0px;line-height:12px;padding:5px 8px 5px 8px;text-shadow:#FFF 1px 1px 1px;background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #e0e0e0 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(99%,#e0e0e0)); background: -webkit-linear-gradient(top, #fafafa 0%,#e0e0e0 99%); background: -o-linear-gradient(top, #fafafa 0%,#e0e0e0 99%); background: -ms-linear-gradient(top, #fafafa 0%,#e0e0e0 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 ); background: linear-gradient(top, #fafafa 0%,#e0e0e0 99%); cursor:pointer;}td.productImageCon {height:180px;}td.productDescCon {padding:10px;padding-top:0px;line-height:16px;}td.productCon {width:33%;border-left:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}td.noLeftBorder {border-left:none;}td.noBottomBorder {border-bottom:none;}.productCatogryText {font-size:19px;color: #FFF;margin-left:8px;padding-top:8px;line-height:14px;}.productCatogryText a {color:#fff;text-decoration:none;}.rtop,.r1,.r2,.r3,.r4 {display:none;}.productCategorybar {height:32px;background-color:#019AD4;margin-bottom:11px;border-radius:4px 4px 0px 0px;}a.productName {font-weight:bold;}a.viewMoreLink {font-size:11px;}.productDetailsBarText {font-size:14px;color: #FFF;text-decoration: none;margin-left:8px;margin-top:-3px;margin-bottom:1px;padding-top:1px;}.productDetailsBar {width:100%;height:20px;background-color: #019AD4;margin-bottom:-1px;border-radius:4px 4px 0px 0px;}.productDetailsLeft {width:260px;border-right:1px dashed #DFDFDF;}.rtop2{ display: none; }.rtop2 *{display: none;}.productDetailsBox { border:1px solid #019AD4;border-top:none;padding:12px;margin-bottom:15px;padding-bottom:5px;}.productDetailsRight {padding-left:5px;}.productPrice {color: #cc0000;}.requiredField {color:red;}div.productLocation {margin-top:15px;margin-bottom:15px;}div.productLocation a {}.cartTable {border:1px solid #019AD4;}td.cartLine {border-top:1px solid #019AD4;}.cartLine td {border-top:1px solid #019AD4;}.cartTable select{font-size:11px;}.cartTableFields {font-size:11px;}.cartTable td {}.cartFieldLabel {background-color:#019AD4;font-weight:bold;padding:3px;color:#fff;}.cartItemTotalLabel {}.cartItemTotalPrice {}.payPalCheckoutButton {background-image:url(https://www.paypalobjects.com/en_US/i/logo/PayPal_mark_37x23.gif);background-repeat:no-repeat;padding-left:40px;height:25px;}.cartItemName {padding-left:5px;}.ecomOptionLabel {display:block;margin-bottom:5px;}.cartItemName {padding-left:5px;}.field-error {background:#F8858D;}.option-field-description {font-size:10px;color:#666;}body {color:#373737;background-color: #EAEAEA;background-image:url("");background-repeat:repeat;background-position:left top;}#rate-us-google img {display:none;}#rate-us-google {display:block;width:240px;height:70px;margin-left:auto;margin-right:auto;background-color: transparent;background-image:url("../templates/6g02/img/6g_rate-us_google-lt.png");ba