@charset "utf-8";
body{
font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti;
}
.navbar {
margin-bottom: 0px;
}
.height30{
height:30px;
}
.height50{
height:50px;
}
.social i {
width: 40px;
height: 40px;
color: #FFF;
background-color: #909AA0;
font-size: 22px;
text-align: center;
padding-top: 12px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.social .glyphicon{
background-color: #00bcd4;
padding-top: 10px;
}

.h2_title{
color: #00BCD4;
}
.btn-group-xs>.btn, .btn-xs {
margin-bottom: 2px;
}
#edogCounter{
display:none;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
position: absolute;
width: 100%;
border-top: 5px solid #04cab7;
}
.navbar-default .navbar-toggle {
border-color: #9E9E9E;
background: #fdfdfd;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #f2ff75;
}
.navbar.transparent.navbar-inverse .navbar-inner {
border-width: 0px;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background-color: rgba(0,0,0,0.0);
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}
.navbar-brand{
color:#FFF !important;
}
.navbar .nav > li > a {
text-transform: uppercase;
margin: 10px 3px;
padding:10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: border-color 1s ease;
border: 1px solid #FFF;
color:#FFF;
background: rgba(255, 255, 255, 0.12);
}
.navbar .nav > li:hover> a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
background: rgba(255, 255, 255, 1);
}
.nav-pills {
margin-bottom: 30px;
}
.nav-pills > li > a {
background: #FECE1A;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-right:5px;
padding-left:25px;
padding-right:25px;
border: 1px solid #FFF;
}
.nav-pills > li > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
background: #F44336;
color: #fff;
transition: border-color 1s ease;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background-color: #FF5722;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar {
border-radius:0;
background:#FECE1A;
color: #000;
}
#navbarTriangle{
border-top: 30px solid #222222;
}
.navbutton .login-in{
padding:3px;
color:#FFF;
text-shadow: #000000 0px 0px 10px,#000000 0px 0px 10px;
}
.navbutton .login-in img{
padding:3px;
}
.navbar_admin {
background: #00BCD4;
margin-bottom: 20px;
border-radius: 0px;
}
.bg-i360-p-b{
background: -moz-linear-gradient(90deg, #002B27 0, #009688 100%, #FFFFFF 100%);
background: -webkit-gradient(linear, 90deg, color-stop(0, 002B27), color-stop(100%, 009688), color-stop(100%, FFFFFF));
background: -webkit-linear-gradient(90deg, #002B27 0, #009688 100%, #FFFFFF 100%);
background: -o-linear-gradient(90deg, #002B27 0, #009688 100%, #FFFFFF 100%);
background: -ms-linear-gradient(90deg, #002B27 0, #009688 100%, #FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(90deg, #002B27 0, #009688 100%, #FFFFFF 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=0, Color=#ADADAD)";
-moz-box-shadow: 0 0 25px 5px #ADADAD;
-webkit-box-shadow: 0 0 25px 5px #ADADAD;
box-shadow: 0 0 25px 5px #ADADAD;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=135, Color=#ADADAD);
}
.bg-dark .navbar-nav .nav-link {
color: #FFF;
}
#index-header{

height:230px;
font-weight: inherit;
}
.logo{
margin-top:100px;
color:#FFF;
}
#index-header h1{
color:#333;
text-shadow: #888 0px 0px 15px;
margin: 20px auto;
font-family: 'Advent Pro', sans-serif;
font-weight: inherit;
font-size: 68px;
font-size: 6.8rem;
}
#index-header h1 span{
color:#009688;
text-shadow: #FFF 0px 0px 0px;
text-align:center;
}
#index-header h2{
color:#333;
font-size: 1.5em;
text-shadow:#888 0px 0px 15px;
text-align:center;
}
#index-header p{
color:#333;
text-align:center;
margin-bottom:0px;
}
#index-header .text-muted {
color: #009688!important;
}
.jumbotron {
padding-top: var(--jumbotron-padding-y);
padding-bottom: var(--jumbotron-padding-y);
margin-bottom: 0;
background-color: #fff;
}
@media (min-width: 768px) {
.jumbotron {
padding-top: calc(var(--jumbotron-padding-y) * 2);
padding-bottom: calc(var(--jumbotron-padding-y) * 2);
}
}
.jumbotron p:last-child {
margin-bottom: 0;
}
.jumbotron-heading {
font-weight: 300;
}
.jumbotron .container {
max-width: 40rem;
}
#index-main2{
padding:40px 0px;
background-color: #FFF;
}
#index-main2 img{
width:100%;
}
#index-main2 .img-circle{
width:50%;
}
#index-main2-left1{
margin:0px 0px 20px 0px;
}
div.bhoechie-tab-container{
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border:0px solid #ddd;
margin-top: 0px;
margin-left: 0px;
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
margin-bottom: 0;
border:0px;
border-right: 1px solid #ddd;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
background-color: #5A55A3;
background-image: #5A55A3;
color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #5A55A3;
}
div.bhoechie-tab-content{
background-color: #ffffff;
padding-left: 20px;
padding-top: 10px;
}
div.bhoechie-tab-content h3{
font-size:1.5em;
}
div.bhoechie-tab-content h3 a{
color: #03a9f4;
}
div.bhoechie-tab-content p{
font-size:1em;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
display: none;
}
#index-main2-right1 a,
#index-main2-right2 a{
position:relative;
display:block;
}
#index-main2-right1-1{
position:relative;
float:left;
width:60%;
padding-right:2px;
}
#index-main2-right1-1 img{
height:300px;
}
#index-main2-right1-2{
float:left;
width:40%;
}
#index-main2-right1-2 img{
height:150px;
}
#index-main2-right1-2 .pad-btm2{
padding-bottom:2px;
}
#index-main2-right1-1 .box_line,
#index-main2-right1-2 .box_line,
#index-main2-right2 .box_line{
position:absolute;
top: 10%;
left: 10%;
border:1px solid rgba(255, 255, 255, 0.8);
z-index:3;
}
#index-main2-right2{
position: relative;
}
#index-main2-right1 span,
#index-main2-right2 span{
position:absolute;
width:100%;
height:100%;
text-align:center;
color:#FFF;
font-size:2.5em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main2-right2 img{
padding-top:2px;
height:250px;
}
#index-main2-right2 span{
position:absolute;
top:50px;
width:100%;
height:100%;
text-align:center;
color:#FFF;
font-size:2.5em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main3{
background-color: #FFF;
}
#index-main3 div{
overflow:hidden;
}
#index-main3 .col-xs-12 span{
position:absolute;
width:100%;
height:150px;
text-align:center;
line-height:150px;
color:#FFF;
font-size:2.5em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main5{
padding:20px 0px;
background-color: #FFF;
}
#index-main5 div{
overflow:hidden;
}
#index-main5 .col-xs-12 span{
position:absolute;
width:100%;
height:500px;
text-align:center;
line-height:250px;
color:#ffeb3b;
font-size:3em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main5 .col-xs-12 p{
position: absolute;
width: 100%;
height: 500px;
text-align: center;
line-height: 350px;
color: #ffffff;
font-size: 1.5em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main5 div img{
width:100%;
}
#index-main51 div{
overflow:hidden;
}
#index-main51 .col-xs-11 h3{
color: #00bcd4;
font-size: 2em;
}
#index-main51 .col-xs-11 p{
color:#d6d6d6;
font-size:1.2em;
}
#index-main51 .col-xs-12 span{
position:absolute;
width:100%;
height:1000px;
text-align:center;
line-height:500px;
color:#ffeb3b;
font-size:3em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main51 .col-xs-12 p{
position: absolute;
width: 100%;
height: 500px;
text-align: center;
line-height: 580px;
color: #ffffff;
font-size: 1.5em;
text-shadow: rgb(3, 3, 3) 0px 0px 15px;
}
#index-main51 div img{
width:100%;
height:600px;
}
#index-main6{
padding:20px 0px;
background-color: #FFF;
}
#index-main6 .img-circle{
width: 100px;
height: 100px;
}
#index-main6 .col-xs-9{
overflow: hidden;
max-height: 120px;
}
#index-main7{
padding:20px 0px;
background-color: #FFF;
}
canvas{
position: absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:230px;
}
.grid_animate {
position: relative;
margin: 0 auto;

}
.grid_animate .effect-sarah {
position: relative;
float: left;
overflow: hidden;
max-height: 360px;
text-align: center;
cursor: pointer;
}
.grid_animate .effect-sarah .backimg {
position: relative;
display: block;
min-height: 200px;
max-width: 100%;
background: -moz-linear-gradient(45deg, #008EFF 0, #1CDEDE 100%);
background: -webkit-gradient(linear, 45deg, color-stop(0, 008EFF), color-stop(100%, 1CDEDE));
background: -webkit-linear-gradient(45deg, #008EFF 0, #1CDEDE 100%);
background: -o-linear-gradient(45deg, #008EFF 0, #1CDEDE 100%);
background: -ms-linear-gradient(45deg, #008EFF 0, #1CDEDE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(45deg, #008EFF 0, #1CDEDE 100%);
}
.grid_animate .effect-sarah header{
padding: 1em;
}
.grid_animate .effect-sarah header::before,
.grid_animate .effect-sarah header::after {
pointer-events: none;
}
.grid_animate .effect-sarah header,
.grid_animate .effect-sarah header > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid_animate .effect-sarah header > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid_animate .effect-sarah h3 {
word-spacing: -0.15em;
font-weight: 300;
}
.grid_animate .effect-sarah h3 span {
font-weight: 800;
}
.grid_animate .effect-sarah h3,
.grid_animate .effect-sarah p {
margin: 0;
}
.grid_animate .effect-sarah p {
letter-spacing: 1px;
}
.effect-sarah h3 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
.effect-sarah h3::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-sarah p {
padding: 0px;
font-size: 0.8em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-sarah {
}
.effect-sarah .backimg {
max-width: none;
}
.effect-sarah:hover .backimg {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-sarah header {
text-align: left;
}
.effect-sarah h3 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
.effect-sarah h3::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
.effect-sarah:hover h3::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-sarah p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#news_msg h3{
color: #E91E63;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#FFFFFF)";
text-shadow: 0 0 5px #FFFFFF,0 0 5px #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#FFFFFF);
}
#news_msg p{
color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#FFFFFF)";
text-shadow: 0 0 5px #FFFFFF,0 0 5px #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#FFFFFF);
}
#main4{
padding:20px 0px;
background-color: #FFF;
}
@keyframes card-ani1 {
#news_msg{
content:'<div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div><div class="circle5"></div><div class="circle6"></div><div class="circle7"></div><div class="circle8"></div> ';
}
0% {
opacity: 0;
transform: translateX(30px) translateY(30px);
}
100% {
opacity: 1;
transform: translateX(0px) translateY(0px);
}
}
@keyframes card-ani2 {
0% {
opacity: 0;
transform: translateX(0px) translateY(50px);
}
100% {
opacity: 1;
transform: translateX(0px) translateY(0px);
color: #9B9B9B;
}
}
@keyframes card-ani3 {
0% {
opacity: 0;
transform: translateX(-60px) translateY(-60px);
}
100% {
opacity: 0.5;
transform: translateX(0px) translateY(0px);
}
}
@keyframes card-ani4 {
0% {
opacity: 0;
transform: translateX(50px) translateY(50px);
}
100% {
opacity: 1;
transform: translateX(0px) translateY(0px);
}
}
@keyframes circle-ani1 {
0% {
transform: translateX(0px) translateY(0px);
}
20% {
transform: translateX(20px) translateY(-10px);
}
40% {
transform: translateX(-10px) translateY(-30px);
}
60% {
transform: translateX(-20px) translateY(-10px);
}
80% {
transform: translateX(10px) translateY(10px);
}
100% {
transform: translateX(0px) translateY(0px);
}
}
@keyframes circle-ani2 {
0% {
transform: translateX(20px) translateY(0px);
}
20% {
transform: translateX(-10px) translateY(20px);
}
40% {
transform: translateX(0px) translateY(-10px);
}
60% {
transform: translateX(20px) translateY(0px);
}
80% {
transform: translateX(-10px) translateY(20px);
}
100% {
transform: translateX(20px) translateY(0px);
}
}
@keyframes circle-ani3 {
0% {
transform: translateX(-30px) translateY(10px);
}
20% {
transform: translateX(-10px) translateY(0px);
}
40% {
transform: translateX(0px) translateY(-20px);
}
60% {
transform: translateX(20px) translateY(10px);
}
80% {
transform: translateX(15px) translateY(-20px);
}
100% {
transform: translateX(-30px) translateY(10px);
}
}
.circle1 {
width: 500px;
height: 500px;
background-color: white;
border: 0;
opacity: 0.3;
position: absolute;
border-radius: 100%;
bottom: -254px;
left: -255px;
animation: circle-ani1 10s infinite;
animation-timing-function: linear;
}
.circle2 {
width: 120px;
height: 120px;
background-color: white;
border: 0;
opacity: 0.5;
position: absolute;
border-radius: 100%;
bottom: 214px;
left: -69px;
animation: circle-ani2 10s infinite;
animation-timing-function: linear;
}
.circle3 {
width: 30px;
height: 30px;
background-color: white;
border: 0;
opacity: 0.6;
position: absolute;
border-radius: 100%;
top: 183px;
left: 78px;
animation: circle-ani3 10s infinite;
animation-timing-function: linear;
}
.circle4 {
width: 220px;
height: 220px;
background-color: transparent;
border: solid 2px white;
opacity: 0.6;
position: absolute;
border-radius: 100%;
bottom: -100px;
left: 100px;
animation: circle-ani3 10s infinite;
animation-timing-function: linear;
}
.circle5 {
width: 50px;
height: 50px;
background-color: white;
border: 0;
opacity: 0.5;
position: absolute;
border-radius: 100%;
bottom: 30px;
left: 298px;
animation: circle-ani2 10s infinite;
animation-timing-function: linear;
}
.circle6 {
width: 300px;
height: 300px;
background-color: transparent;
border: solid 2px white;
opacity: 0.6;
position: absolute;
border-radius: 100%;
top: -150px;
right: -80px;
animation: circle-ani3 10s infinite;
animation-timing-function: linear;
}
.circle7 {
width: 165px;
height: 165px;
background-color: white;
border: 0;
opacity: 0.45;
position: absolute;
border-radius: 100%;
top: 71px;
right: -106px;
animation: circle-ani1 10s infinite;
animation-timing-function: linear;
}
.circle8 {
width: 20px;
height: 20px;
background-color: white;
border: 0;
opacity: 0.7;
position: absolute;
border-radius: 100%;
top: 183px;
right: 78px;
animation: circle-ani2 10s infinite;
animation-timing-function: linear;
}
#about{
color:#abf6ff;
background-color: #009688;
background-image: url(../img/bg_1024.jpg);
height:300px;
text-align:center;
}
#about h3{
margin-top:50px;
color:#FFF;
}
.index_sight{
height: 480px;
overflow:hidden;
}
.index_sight .thumbnail img{
height: 168px;
width: 100%;
}
.index_sight .thumbnail a:hover{
text-decoration: none;
}
.index_sight .thumbnail h3{
font-size: 1.5em;
}
.relation_bnb{
height: 290px;
}
.relation_bnb img{
width:300px;
height: 200px !important;
}
.index-card-h5-1{
color: #673ab7;
text-shadow: #ffb1b1 0px 0px 5px;
font-weight: lighter;
}
.index-card-text-1{
color: #333;
font-weight: lighter;
}
.archives .entry-meta {
background: #f5f5f5;
padding: 4px 8px;
margin: 0px;
font-size: 12px;
font-size: 0.8rem;
color:#7B7B7B;
}
.archives ul {
margin-left: -40px;
margin-bottom: 0px;
}
.archives ul li {
overflow: hidden;
}
.archives ul li span {
line-height: 1.6;
}
.archives .entry-meta dl dd span {
display: inline-block;
}
.archives .entry-meta dl dt {
display: none;
}
.archives .entry-meta dl dd {
display: inline-block;
margin: 0 12px 0 0;
}
.archives .entry-meta dl dd {
display: inline-block;
margin: 0 12px 0 0;
}
.footer{
background-color: #404040;
background: repeating-linear-gradient(-55deg, #00443e, #005a52 1px, #00443e 1px, #005a52 10px );
}
.footer .col-xs-10{
padding-top: 10px;
}
.footer p{
color:#FFF;
}
.footer a{
color:#FFF ;
}

.msg_box {
margin-top: 80px;
padding-bottom: 20px;
background-color:#f8f8f8;
border-radius: 4px;
box-shadow: 0px 0px 15px #333333;
-webkit-box-shadow: 0px 0px 15px #333333;
-moz-box-shadow: 0px 0px 15px #333333;
}
.msg_box p{
font-size:1.2em;
}
.msg_box2 {
margin-top:40px;
padding-bottom: 20px;
background-color:#fffae8;
box-shadow: 0px 0px 15px #333333;
-webkit-box-shadow: 0px 0px 15px #333333;
-moz-box-shadow: 0px 0px 15px #333333;
}
.msg_box2 h2{
margin-top:0px;
}
.msg_box2 p{
text-align:center;
font-size:1.5em;
}
.msg_box2 li{
font-size:1.5em;
}
#pano,#map{
width: 100%;
height:400px;
}
.choice-main1-img{
padding:0px;
height: 200px;
}
.choice-main1-img img{
width: 100%;
height:100%;
}
.choice-adv h2{
color: #2196F3;
text-shadow: #FFFFFF 0px 0px 5px, #03A9F4 0px 0px 10px;
}
.promotions{
padding: 1px;
}
.promotions .thumbnail{
border-radius:0px;
padding:0px;
height:276px;
}
.promotions h3{
margin: 3px 0px;
color: #009688;
font-size: 1.2em;
}
.promotions p{
font-size:0.8em;
}
.promotions img{
width:100%;
height:100px !important;
}
.adv22 h4{
margin: 3px 0px;
color: #009688;
font-size: 1.2em;
}
.adv22 p{
font-size: 0.8em;
}
.adv22 .media-right{
width:100px;
height:100px !important;
}
.adv22 .media{
margin-bottom:10px;
}
.adv22 img{
width:100px;
height:100px !important;
}
.adv22_box{
height:120px !important;
max-height:120px;
overflow:hidden;
margin-bottom: 10px;
border-bottom:1px solid #ececec;
}
.bbs0{
border: 0px solid #dddddd;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0,0,0,0.5);
margin-bottom:50px;
}
.bbs0 .row{
padding:0px 0px 10px 0px;
}
.bbs0 .bbs0_list{
width:100%;
margin:0px;
padding:0px 15px;
}
.bbs0 hr{
width:100%;
margin-top:10px;
padding:0px 10px;
}
.bbs0 .bbs0_title{
margin: 0px 15px 5px 15px;
padding:0px 15px;
background-color: #00bcd4;
height: 50px;
line-height: 50px;
color: #FFF;
font-size: 1.5em;
}
.bbs0 .bbs0_title_imgBox{
padding-left:20px;
width:100px;
}
.bbs0 .bbs0_title_conBox a{
font-size: 1.2em;
color: #585858;
font-weight: bold;
}
.bbs0 .bbs0_title_conBox small{
font-size: 0.8em;
}
.bbs table{
border: 0px solid #dddddd;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.bbs .fixed-table-container {
border: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.fixed-table-container thead th:first-child {
border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
}
.bbs thead th {
background-color:#00bcd4;
height:50px;
line-height:60px;
}
.bbs tbody tr {
height:60px;
}
.bbs tbody tr td {
border-left: 0px;
}
.bbs tbody tr td a{
font-size: 1.2em;
color: #585858;
font-weight: bold;
}
.bbs tbody tr td small{
font-size:0.8em;
color:#999;
}
.bbs0_1{
color:#FFF;
font-size:1.5em;
padding-left:20px;
}
.bbs0_title_imgBox{
float:left;
width:80px;
height:80px;
}
.bbs0_title_conBox{
float:left;
margin:20px;
}
.bbs0_title_imgBox_img{
}
.fixed-table-footer{
display:none;
}
#bbsInfo{
padding:20px;
background:#f5f5f5;
border-radius:4px;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
#bbsInfo_h1{
color:#00bcd4;
}
#bbsInfo .title{
float:left;
}
#bbsInfo .title_logo{
float:left;
width:100px;
height:100px;
}
#bbsInfo .title h2{
color:#00bcd4;
font-size:1.5em;
}
.hr_cecece{
margin-top:0px;
margin-bottom:10px;
border-top: 1px solid #cecece;
}
#bbsAdd{
color: #00BCD4;
text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}
#bbsAdd h2{
color: #00BCD4;
}
em{
color:#F00;
}
#filters{
text-align:center;
margin:0px;
padding:0px;
list-style:none;
width:100%;
}
#filters li a{
font-size:0.9em;
color:#FFF;
display:block;
text-decoration:none;
text-align:center;
font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti;
}
#filters li a:hover{
color:#FFEB3B;
text-shadow: 0px 0px 3px #fff;
}
#filters ul.tags{
padding:0px;
padding-left:5px;
margin:0px;
width:100%;
}
#filters ul.tags li {
float: left;
height: 30px;
line-height: 30px;
overflow: hidden;
position: relative;
margin: 0px 2px 5px 0px;
font-size:1em;
color:#FFF;
font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti;
text-align:center;
border: 0;
border-radius: 4px;
cursor: pointer;
}
#filters ul.tags li:hover {
color:#333;
}
#filters .tab_container {
clear: left;
width: 100%;
height:33px;
}
#filters ul li{
width: 80px;
text-align:center;
}
#filters button{
font-size:1em;
display: inline-block;
background: #666;
border: 0;
font-weight: 300;
border-radius: 4px;
cursor: pointer;
}
#filters button.active{
background: #68b8c4;
}
#filters button:focus{
outline: 0 none;
}
#filters button + label{
margin-left: 1em;
}
#topTag1{background-color:#cddc39;}
#topTag1:hover{background-color:#bacc0d !important;}
#topTag2{background-color:#ffc107;}
#topTag2:hover{background-color:#eab000 !important;}
#topTag3{background-color:#FF9800;}
#topTag3:hover{background-color:#FFEB3B !important;}
#topTag4{background-color:#d4957e;}
#topTag4:hover{background-color:#d4957e !important;}
#topTag5{background-color:#03A9F4;}
#topTag5:hover{background-color:#2196F3 !important;}
#topTag6{background-color:#f44336;}
#topTag6:hover{background-color:#ff7e75 !important;}
#topTab1 li,
#topTab2 li,
#topTab3 li,
#topTab4 li,
#topTab5 li,
#topTab6 li,
.topTagColor1_1 li
{
float:left;
line-height:30px;
margin:1px;
}
#topTab1 button{background-color:#cddc39;}
#topTab2 button{background-color:#ffc107;}
#topTab3 button{background-color:#FF9800;}
#topTab4 button{background-color:#d4957e;}
#topTab5 button{background-color:#03A9F4;}
#topTab6 button{background-color:#ff8a82;}
.tab_content button:hover{ color:#FFF;}
.topTagColor1{background-color:#cddc39;color:#333 !important;}
.topTagColor1:hover{background-color:#FF3135 !important;color:#FFF !important;}
.topTagColor1:active{background-color:#FF3135 !important;color:#FFF !important;}
.topTagColor1_1 button{background-color:#FF3135 !important;color:#FFF !important;}
.loginBox{
margin-top:10px;
border:1px solid #CCC;
border-radius:5px;
}
#blog-articleBody h3{
color: #9c27b0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#bfbfbf)";
text-shadow: 2px 2px 3px #bfbfbf;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#bfbfbf);
}
#blog-article h3::before{
content:'\00A7 ';
}
#user .avatar {
width:170px;
}
#user .avatar > img{
width:150px;
height:150px;
border-radius:10%;
}
.avatar_tag{
margin-top:25px;
}
.avatar_tag span{
display: block;
float: left;
border: 1px solid #DFDFDF;
padding: 2px 5px;
background-color: #e4e4e4;
margin: 2px 2px;
}
.avatar_tag span:hover{
background-color:#f3f3f3;
}
.avatar_tag span a{
color:#4F4F4F;
font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti;
}
.avatar_tag span a:hover{
font-weight: bold;
text-decoration: none;
color: #009688;
}
#user .card-thumb{
margin:5px auto;
text-align:center;
}
#user .card-thumb .avatar-card {
text-align:center;
height:250px;
margin:auto;
overflow:hidden;
}
#user .card-thumb .avatar-card > img{
max-width:200px;
max-height:200px;
}
#user h1{
text-align:center;
color: #009688;
}
#user .card-table{
animation-duration:3s;
}
#user .card-table .card-body .table{
margin:0px;
}
#user .card-table .card-body {
padding:0px;
}
#user .card-table .card-body .table-bordered > thead > tr > th{
text-align:center;
}
#user .card-table .card-footer {
height:60px;
padding:0px;
}
#user .card-table .card-body .table-bordered>tbody > tr > td{
border-left:0px;
border-right:0px;
}
#user .card-table .card-body .table-bordered{
border:0px;
}
#user .card-table .card-body img{
width:100%;
}
.sightList .card{
margin:auto 0;
}
.sightList .card{
width: 250px;
overflow:hidden;
margin:5px;
}
.sightList .card-default>.card-header {
color: #009688;
background-color: #f5f5f5;
border-color: #ddd;
font-size: 1.5em;
}
.sightList table {
margin: 0px 10px 10px 10px;
margin-left: 0px;
display:none;
}
.sightList .card-body{
padding: 10px;
}
.sightList hr{
margin: 0px 0px 5px 0px;
}
.sightList .caption {
padding-bottom: 5px;
}
.sightList p {
text-align: left;
padding-left: 5px;
margin: 0 0 10px;
}
.sightList .h3, h3 {
font-size: 1.3em;
}
.tools{
position:relative;
overflow:hidden;

}
.card h4{
position:absolute;
bottom:20px;
padding:5px;
color: #FFF;
font-size:1em;
background-color:rgb(37, 37, 37);
}
.card img{
width:100%;
height:175px;
box-shadow: 0px 0px 8px #9e9e9e;
-webkit-box-shadow: 0px 0px 8px #9e9e9e;
-moz-box-shadow: 0px 0px 8px #9e9e9e;
}
#map_sight {
width:100%;
height: 1000px;
}
.map_move {
line-height:30px;
font-size:1em;
font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti;
cursor:pointer;
margin:3px;
background-color:#FFF;
border-bottom:1px dashed #C8C8C8;
padding:3px 6px;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50%, 0);
transform:translate3d(0, 50%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50%, 0);
transform:translate3d(0, 50%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInUp04s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInUp08s {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translateX(10px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight2 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(-10px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft2 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@media (max-width: 992px) {
#index-header h1{
font-size: 34px;
font-size: 3.4rem;
}
.logo img{
width:150px;
}
#about{
height:380px;
}
.white-card{
width:calc(50% - 20px);
}
}
pre .str, code .str { color: #65B042; }
pre .kwd, code .kwd { color: #E28964; }
pre .com, code .com { color: #AEAEAE; font-style: italic; }
pre .typ, code .typ { color: #89bdff; }
pre .lit, code .lit { color: #3387CC; }
pre .pun, code .pun { color: #fff; }
pre .pln, code .pln { color: #fff; }
pre .tag, code .tag { color: #89bdff; }
pre .atn, code .atn { color: #bdb76b; }
pre .atv, code .atv { color: #65B042; }
pre .dec, code .dec { color: #3387CC; }
pre.prettyprint, code.prettyprint {
background-color: #000;
border-radius: 8px;
}
pre.prettyprint {
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
}
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; }
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
li.L1,li.L3,li.L5,li.L7,li.L9 { }
@media print {
pre .str, code .str { color: #060; }
pre .kwd, code .kwd { color: #006; font-weight: bold; }
pre .com, code .com { color: #600; font-style: italic; }
pre .typ, code .typ { color: #404; font-weight: bold; }
pre .lit, code .lit { color: #044; }
pre .pun, code .pun { color: #440; }
pre .pln, code .pln { color: #000; }
pre .tag, code .tag { color: #006; font-weight: bold; }
pre .atn, code .atn { color: #404; }
pre .atv, code .atv { color: #060; }
}
pre li.L0,
pre li.L1,
pre li.L2,
pre li.L3,
pre li.L4,
pre li.L5,
pre li.L6,
pre li.L7,
pre li.L8,
pre li.L9
{
color: #555;
list-style-type: decimal;
}
pre li.L1,
pre li.L3,
pre li.L5,
pre li.L7,
pre li.L9 {
background: #111;
}