#f14 p{
	font-size:12px;
	}

#mob li a{
	color:#fff;
	font-size:13px;}

#mob{
	padding:1px 20px}

a.more{
	text-decoration:underline;
	color:#2464AB}

h3.other {
  position: relative;
  text-align: center;
}
h3.other span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  background-color: #fff;
  font-size:16px
}
h3.other::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

a.h3-top {
color:#333;
}

/*wp-pagenavi base*/
.wp-pagenavi {
	clear: both;
	text-align:center;
margin-top:60px;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #2364AA;
	border-color: #2364AA;
	font-weight: bold;
    }

.table-keshi td{
	background-color:#eee;
	color:#666}
.table-keshi th{
	background-color:#4CB051;
	color:#FFF}
	
.sample {
  position: relative;
  padding:3px 0;
  color:#ffffff;
  zoom: 1;
  background: #81c2fa;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
  box-shadow:0 1px 3px rgba(0,0,0,0.3);
  width:60%;
}


.sample:before,
.sample:after {
  content: "";
  position: absolute;
  top:26px;
  height: 0;
  width: 0;
  border: 26px solid #81c2fa;
  z-index:1;
}
.sample:before {
  right: -42px;
  border-right-color: transparent;
}
.sample:after {
  left: -42px;
  border-left-color: transparent;
}
.sample2:before,.sample2:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #327bba;
  z-index:2;
}
.sample2:before {
  right: 0;
  border-left: 5px solid #327bba;
}
.sample2:after {
  left: 0;
  border-right: 5px solid #327bba;
}
.sample span{
  display:block;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #fff;
  padding:10px;
}

h3.fuwu {
  position: relative;
  padding: 0.6em;
  background: #DEEFFF;
  color:#999;
  font-size:20px
}

h3.fuwu:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #DEEFFF;
width: 0;
height: 0;
}

#jianjie{
color:#fff; font-size:14px; text-decoration:none;display:block; text-align:left}

.keshi{
position: relative;
padding: 0.5em;
background: #2464AB;
color: white;
font-size:16px
}

.top-keshi a{
color: #2464AB;
}

h3.title {
  padding: .5em .75em;
  background-color: #DEEFFF;
  border-left: 6px solid #2464AB;
  color:#2464AB;
  font-size:18px
}



h1.other {
  position: relative;
  text-align: center;
}
h1.other span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  background-color: #f2f2f2;
  font-size:28px
}
h1.other::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}





.keshi a{
	color:#fff
}

.keshi a:hover{
	color:#2464AB;
}

.keshi::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

h4.news_list{
	text-align:left
}

.news_time{
margin-top:8px; color:#999
}

h4.news_list a{
	color:#2464AB
}
h4.news_list a:hover{
	color:#666
}
h4.news_list a:visied{
	color:#2464AB
}
h2.side_menu{
position: relative;
border-top: solid 2px #2464AB;
border-bottom: solid 2px #2464AB;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 0.5em 0 0.5em;
font-size:24px
}

h2.side_menu:after {/*タブ*/

}
  
.side_menu  li a i{
	color: #2464AB;
	margin-right:10px
}
.side_menu  li a:hover i{
	color: #fff;
	margin-right:20px
}

.side_menu  li a{
	display:block;
	margin:6px 0;
	padding:6px;
	color: #2464AB;
	text-decoration:none
}

.side_menu  li a:hover{
	color: #fff;
	background-color:#2464AB;
}

.side_menu  li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,1);
}
	
h1.title {
position: relative;
background: #DEEFFF;
padding: 0.25em 0.5em;
border-left: solid 2em #2464AB;
font-size:24px;
}

h1.title:before {
font-family: FontAwesome;
content: "\f040";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h2.title {
position: relative;
padding: 12px 5px 12px 15px;
font-size: 18px;
color: #999;
border-bottom: 1px dotted #ccc;
border-left: solid 6px #2464AB;
}



.news_list li{
	border-bottom: 1px dotted rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,1);;
	margin-bottom:6px
	}
.news_list_top li{
	border-bottom: 1px dotted rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,1);;
	margin-bottom:6px
	}
.news_list_top a{
	color:#666
	}
	
a.title{
	text-decoration:none}
	
.section_box{
	background-color:#fff; padding:20px;
}

.side_box{
	background-color:#fff; padding:10px 20px 20px 20px;
}

/* caption */
.imgbox .cap {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	padding:2px 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.imgbox .cap1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
}

.imgbox .cap2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	opacity:0.8;
}

.imgbox .caption {
	font-size:		130%;
	color:			#fff;
	padding-top:30px;
}

.imgbox .cap3 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	opacity:0;
}

.imgbox .cap4 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	opacity:0;
}


.imgbox:hover .cap,
.imgbox:hover .cap1{
		padding:6px 0;
}
.imgbox:hover .cap2{
	background:rgba(0, 0, 0, 0.7) url(../img/play.png) no-repeat center center;
     -webkit-transition: opacity 0.3s linear;
      -moz-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
}
.imgbox:hover .cap3{
      opacity:1;
	  -webkit-transform:	rotateX(0deg);
	transform:		rotateX(0deg);
}

.imgbox:hover .cap4{
      opacity:1;
	  -webkit-transform:	rotateY(0deg);
	  transform:rotateY(0deg);
}


.imgbox {
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	position: relative;
	margin:0;
	padding:0;
}

.imgbox:hover .transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.cap-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.cap-bg3 {
	background-color:	rgba(0,0,0,0.4);
	-webkit-transform:	rotateX(-180deg);
	transform:		rotateX(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}

.cap-bg4 {
	background-color:	rgba(0,0,0,0.6);
  -webkit-transform:	rotateY(-180deg);
	transform:		rotateY(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}


.imgbox h3 a{
	color:#fff
	}
.imgbox h4 a{
	color:#fff
	}
.imgbox p a{
	color:#fff
	}
.imgbox  p{
	color:#fff
	}

.box-shadow{
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	}



.img-gray { 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
} 

.fa_link li{display:inline-block;position:relative;}
#footer .fa_link li>a{border-radius:16px;background:#4CB034;width:32px;height:32px;display:block;margin-left:6px;text-align:center;color:#fff;padding:6px;}
#footer .fa_link li>a:hover{background:#2364AA;}
.fa_link li>a>i{line-height:16px;font-size:16px;}

.icon-tech
 {
	 width:18px;
	 height:18px;
	 margin-right:10px
}

a:hover .base  { 
  fill: #4CB034;
}

a svg .base { 
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}

svg{ 
	vertical-align:middle
}


a.icon_tech{
	text-decoration:none}
a.icon_tech_side {
	display:block;
	padding:6px;
	vertical-align:middle
}
a:hover.icon_tech_side{
	background-color:#2464AB;
	color:#fff;
}

a:hover.icon_tech_side .base { 
  fill: #fff;
}
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
   -webkit-transition: all 1.2s;
      -moz-transition: all 1.2s;
      -ms-transition: all 1.2s;
      -o-transition: all 1.2s;
      transition: all 1.2s;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;	
	-webkit-transition: all 1.2s;
      -moz-transition: all 1.2s;
      -ms-transition: all 1.2s;
      -o-transition: all 1.2s;
      transition: all 1.2s;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}


.btn-danger {
  color: #2364AA;
  background-color: transparent;
  border: 2px solid #2364AA;
}

ul.doctor_list li{
	margin-top:10px;
	color:#2364AA
	}

ul.doctor_list{
	padding:20px
	}

 blockquote {
	 padding:30px;
	 font-size:16px;
	 line-height:1.5em;
	 text-indent:2em;
	 background:url(../img/quote.jpg) no-repeat 30px 30px
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color:#2364AA;
  border-bottom:3px  #2364AA solid
}

.d_cap  {
	padding:10px;
}

.d_cap a  {
	color:#2364AA;
}

.top_tech{
	padding-bottom:30px;	color:#CBDBDF;
 }
 
 .top_tech h3{
	color:#666;
 }
 
.top_tech_title{
	color:#fff;
	text-align:center
 }
 
.top_tech h4{
	padding:8px 0;
	margin:0;
	font-size:16px
 }
 .top_client h4{
	padding:24px 0 0 0;
	margin:0;
	font-size:16px
 }
 


.top_client{
	padding:20px  0;
 }
 
.top_department  .list-inline a {
	font-size:14px;
}

.top_department  .list-unstyled{
	padding:20px}

.top_department  .list-unstyled li{
	padding:10px 0}
	
.top_department h3{
	}
	
.blue{
	color:#2364AA}
.top_info h3 i{
	color:#2364AA;
	width:10%
}

.top_info h3{
	padding:0 6px
}

.top_info h3 a{
	color:#666;
	font-size:18px;
	-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
}

.top_info h3.action a{
	color:#fff
}

h3.action{
	background:#2364AA;
	color:#fff;
}

h3.action i{
	color:#fff;
	width:20%
}

.top_info ul{
	padding:10px 10px
}

.top_info ul li{
	margin-bottom:6px
}

hr.blue{
  border-top: 6px solid #2364AA;
  margin:0;
  padding:0;
}

.bgblue1{
	background-color:#2364AA;
}

.bgblue2{
	background-color:#439DD1;
}

.bgblue3{
	background-color:#77C0E0;
}


.see-cap{ 
background:#fff; 
padding:20px ;
overflow:hidden;
height:150px
}

.see-cap1{ 
background:#fff; 
padding:20px ;
overflow:hidden;
height:120px
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
  font-size:18px
}

@media only screen and (min-width : 768px) {
    /* デスクトップ表示ではホバー操作でドロップダウンを表示 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

.navbar-inverse {
  min-height: 6px;
  background-color:rgba(255,255,255,0.1);
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color:rgba(35,100,170,0.8);
}


.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
  background: rgba(255, 255, 255, .8);
  padding: 20px;
  top:90px;
}
.yamm .yamm-content  a{
  color: #555;
}

.yamm .yamm-content  a:hover{
  color: #2364AA;
}

.yamm .yamm-content  h3 a{
  color: #fff;
  font-size:16px
}

.yamm .yamm-content  h3 a:hover{
  color: #fff;
}


.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.yamm   a.dropdown-toggle {
  line-height:60px;
  min-height:60px;
  vertical-align:middle;
  padding-left:10px;
  padding-right:10px;
}


.icon-search-container {
  display: inline-block;
  position: relative;
  transition: width 0.4s ease-out;
  backface-visibility: hidden;
  margin-top:18px;
  height:50px;
  width:50px;
  margin-left:20px;
}
.icon-search-container.active {
  width: 240px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  margin-left:20px;
}
.icon-search-container.active .fa-times-circle {
  opacity: 1;
}
.icon-search-container.active .search-input {
  width: 180px;
}
.icon-search-container .fa-search {
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 12px;
  left: 12px;
  cursor: pointer;
}
.icon-search-container .fa-times-circle {
  opacity: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 8px;
  transition: opacity 0.4s ease-out;
  cursor: pointer;
}
.icon-search-container .search-input{
  position: absolute;
  cursor: default;
  left: 45px;
  top: 12px;
  color:#fff;
  width: 0;
  padding: 5px;
  border: none;
  outline: none;
  line-height: 20px;
  background-color: rgba(255, 255, 255, 0);
  transition: width 0.4s ease-out;
}
 .search-submit {
  position: absolute;
  cursor: default;
  left: 15px;
  top: 2px;
  color:#ccc;
   padding: 5px;
  border: none;
  outline: none;
  line-height: 20px;
  background-color: #fff;
  transition: width 0.4s ease-out;
}
/* placeholder */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff
} 

.text-title{
  font-size: 20px;
  margin-top:10px;
  border-left:6px #ddd solid;
  padding-left:20px;
  margin-bottom:30px
}

.text-sli{
  font-weight: 500;
}

.text-sha{
  text-shadow:0px 1px 1px #333333;
}



.logobar {
height:90px;
border-bottom:6px solid #2364AA;
background-color:#fff;
}

.navbar-brand{
  padding-top:27px
}

.slogn{
  padding-top:27px
}

.dropdown-menu{
	z-index:1040
}



.top_con i {
	color:#2364AA
}

.top_con{
	color:#999;
	font-size:14px;
}

.top_con h3{
	font-size:14px;
	padding:0 0 0 24px;
	margin:0
}




.white_link  a {
    color: #FFFFFF;
	opacity: 0.8;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.white_link a:hover {
    color: #FFFFFF;
    opacity: 1;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

.btn_info{
	padding:6px 12px;
	margin:20px;
	border:1px solid #fff;
}


.white_link a.btn_info {
    color: #FFFFFF;
	opacity: 0.8;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.white_link a:hover.btn_info {
	background-color:#fff;
	color:#2364AA
}

.f14link a {
	font-size:14px
}

/* Autohide navbar */
.slideUp { top:-150px; }
.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* foot */
#footer{
	background-color:#222;
	color:#888;
	font-size:14px;
}

#footer h4{
	background-color:#222;
	border-bottom:1px solid #2364AA;
	color:#ddd;
}

#footer a {
  color: #888;
}

#footer a:hover, {
  color: #ccc;
}

#copy {
  background-color: #222;
  padding:10px 0
}

#footer #copy a {
  color: #ccc;
}

ul.footer{
	padding:0;
	color:#2364AA;
	}
	
	ul.footer li{
	border-bottom: 1px dotted #666;
	}
	
#footer ul li{
	padding:6px 0;}


.tslider h1, .tslider h2 {
	color: #fff;
	font-weight: 600;
    letter-spacing: 0.3em;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	text-align:left;
	margin:0;
	font-family:SimSun, 宋体, Heiti, 黑体, sans-serif;
	}
	
.tslider p {
   line-height: 2em;
    letter-spacing: 0.1em;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
text-align:left;
	}
	
.fluid2 {
	width:100%;
	padding:0;}
	
	.item img {
		width:100%;}
		
.newstime{
	padding-top:6px;
	font-size:14px;
	color:#CCC
	}
	
.image__caption
	{
	padding-bottom:30px;
	padding-top:0;
	margin-top:0;
	text-align:center
	}
	
/*Pagenation*/
.pagenation {
    margin: 30px 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.center {
	text-align:center
}



/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #666;
	font-size: 14px;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
		text-align:center;

}


/*///// star /////*/
.rate {
  position: relative;
  display: inline-block;
  width:100px;
  height: 20px;
  font-size: 20px;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★';
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.rate:before {
  color: #ccc; /*星色*/
}
.rate:after {
  color: #2464AB;
  overflow: hidden;
  white-space: nowrap; /*重要*/
}

.rate00:after{width: 0;}
.rate10:after{width: 15px;}
.rate20:after{width: 30px;}
.rate30:after{width: 50px;}
/*///// map/////*/
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}

/*///// bootstrap restytle/////*/
@media (max-width: 992px) {
.xs30{
	margin-top:30px;
}
.xs20{
	margin-top:20px;
}
.xslh{
	line-height:3em
}

 .tslider h1, .tslider h2 {
	font-size: 28px;
 }
 .tslider p{
	font-size: 14px;
 }
}

@media (max-width: 768px) {
.nav-tabs a {
	width:100px;
	text-align:center;
	height:42px;
}

.xsp20{
	padding:20px;
}

.fluid2 {
margin:33px 0 0 0}

.navispace{
margin: 0 0 12px 0
}
.text-right {
  text-align:inherit;
}
}

@media (min-width: 768px) {
.p30{
padding:30px;
background:#fff; 
}

}

@media (min-width: 1400px) {
 .tslider h1, .tslider h2 {
	font-size: 36px;
 }
 .tslider p{
	font-size: 18px;
 }

}

@media (max-width: 1400px) {
 .tslider h1, .tslider h2 {
	font-size: 28px;
 }
 .tslider p{
	font-size: 14px;
 }

}

ul {
  list-style-position: inside;
}









.navbar-toggle{
	margin-top:23px
}

.navi-page   a.dropdown-toggle,
.navi-page  a.normal{
  line-height:32px;
  min-height:32px;
  vertical-align:middle;
  padding-left:20px;
  padding-right:20px;
}



body {
  background-color: #f5f5f5;
  font-family:Arial, 微软雅黑, "Microsoft yahei", "Hiragino Sans GB", "冬青黑体简体中文 w3", "Microsoft Yahei", "Hiragino Sans GB", "冬青黑体简体中文 w3", STXihei, 华文细黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
  font-size:16px;
  color:#666
}

.btn-default {
  color: #2464AB;
  background-color:#f2f2f2;
  border-color: #2464AB;
}

hr {
  border-top: 1px dotted #ccc;
}

.m0{
  margin:0;
  padding:0;
}

hr.red{
  border-top: 6px solid #2464AB;
  margin:0;
  padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0;
}


.nav-tabs a {
  font-weight:600
}



/*///// article stytle /////*/
.article a{ 
color: #2464AB;
}

.article h1.ja{ 
	letter-spacing: 0;
	font-size:24px;
	color: #04748C;
	border:1px dotted #04748C;
	padding:20px;
	margin: 30px 0 30px 0;
}

.article h1{ 
  padding: .5em .75em;
  background-color: #DEEFFF;
  border-top: 1px solid #2464AB;
  border-bottom: 1px solid #2464AB;
  font-size:24px;
  color:#2464AB
}

.article h2{ 
  padding: .5em .75em;
  background-color: #DEEFFF;
  border-left: 6px solid #2464AB;
  font-size:20px;
  color:#2464AB;
}

.article h3 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  font-size:18px;
  color:#2464AB;
}
.article h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #2464AB;
}

.article h4{ 
color: #2464AB;
margin: 0 0 10px 0;
font-size:16px;
}

.article h5{ 
color: #2464AB;
font-weight:bold
}

.article p{ 
margin: 0 0 30px 0;
}


.article ul,.article ol,.article dl{ 
margin: 0 0 30px 0;
}

.article ul li,.article ol li,.article dl li{ 
margin: 0 0 10px 0;
}

ul.not{
	list-style: inside;
	list-style:none
}
ul.not li{ background:url(../img/3021_01.gif) left no-repeat;
padding-left:30px}



.article { 
background:#fff; 
}

.article-wrap{ 
padding:30px;
}

.article p{
	text-indent:0
}

.article p.caption{
	text-align:center;
}

.article div.image img{
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.article-eye{ 
background:#fff;
position:relative;
padding:30px;
}

.article-eye h2 a{ 
color:#FFF;
}

.article-eye h2 { 
color:#FFF;
text-align:left;
padding-left:30px;
}


.article-cap{ 
padding:10px 30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,dedede+100&1+50,0.3+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(222,222,222,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(222,222,222,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(222,222,222,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4ddedede',GradientType=0 ); /* IE6-9 */
}

.article-bdr{ 
border-right:1px #aaa dotted
}

.article-cap h4 i{ 
padding-right:6px;
}

.article-eye .label {
	position: absolute;
	left: 54px;
	top:8px;
	z-index: 2;
}

.article-eye .label h2{
	padding:24px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	letter-spacing: 0.2em;
	font-size:24px;
	font-family:SimSun, 宋体, Heiti, 黑体, sans-serif;
}


/*///// ad stytle /////*/
.ad-72890 { 
background:#423C3C; 
padding:30px;
text-align:center;
}

/*///// new stytle /////*/
.time-log{ 
color:#fff;
background-color: rgba(0, 0, 0, 0.6);
display:block;
padding:12px
}

.sum-line-top img{ 
padding-top:12px
}

.sum-line-bt img{ 
padding-bottom:12px
}



.map-container { 
width:750px;
float:left;
margin:0 15px
}


/* sidebar */
.sidebar { 
text-align:center
}
.wrap-300 { 
width:300px;
border:1px solid #ddd;
margin: 0 auto
}

.wrap-300  .box-wrap{ 
margin:20px 20px;
}

.wrap-300 h4,
.wrap-262 h4{
width:100%;
padding:10px 20px;
background-color:#423C3C;
color:#fff;
margin-top:0;
margin-bottom:0;
text-align:left
}

.wrap-262 p{
width:100%;
padding:10px 20px;
background-color:#fff;
}

.wrap-262 ul{
width:100%;
padding:10px 20px;
background-color:#fff;
}

.wrap-262 ul li{
padding:6px 0;
}

.wrap-262 li i,
.wrap-300 li i{ 
padding-right:6px;
}

.wrap-300 h5{
width:100%;
padding:10px 20px;
background-color:#5C4948;
color:#fff;
margin-top:0;
margin-bottom:0;
text-align:left
}

.v-nav { 
background-color:#ebe9e9;
 }
 
 .v-nav ul { 
text-align:left;
 }
 
  .v-nav ul  li{ 
  padding:10px 10px 
 }
 
   .v-nav ul  li a{ 
   color:#333;
 }
 
    .v-nav ul  li a:hover{ 
	color:#B06B6B;
 }
 





/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}




.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 50px;
  color: #fff;
}
.pagetop span {
  display: block;
  border-radius: 25px;
  background: #2b2b2b;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 40px;
  font-size: 36px;
  opacity: .8;
}


	
/* staff  */
.text-in{
	text-indent:2em;
	line-height:1.5em;
	}
	




.m30 {
	margin-top:30px
	}
	
.m60 {
	margin-top:60px
	}

.m90 {
	margin-top:90px
	}
	
.m20 {
	margin-top:20px
	}

.m16 {
	margin-top:16px
	}

.mb16 {
	margin-bottom:16px
	}	

.mb30 {
	margin-bottom:30px
	}	

.pb60 {
	padding-bottom:60px
	}	
	
.pr10 {
	padding-right:10px
	}	
	
.p6 {
	padding:6px
	}	
	
.f16 {
	font-size:16px;
	line-height:2em
}	

.f14 {
	font-size:14px;
	line-height:1.5em
}

.notes{
	font-size:14px;
	color:#999
}

.moused{
	cursor:default
}









/* ==========================================================================
   Icon Base Styles
   ========================================================================== */
[class^='icon_'], [class*=' icon_'], [class^='icon_']:before, [class^='icon_']:after, [class*=' icon_']:before, [class*=' icon_']:after, .forecast_map__spot {
  background-size: cover;
  background-repeat: no-repeat; }

[class^='icon_']:before, [class^='icon_']:after, [class*=' icon_']:before, [class*=' icon_']:after {
  vertical-align: text-bottom;
  content: "";
  pointer-events: none; }

.icon_darkGrey, .site_search--white.is-active .site_search__search_button, .icon_darkGrey:before, .site_search--white.is-active .site_search__search_button:before, .icon_darkGrey:after, .site_search--white.is-active .site_search__search_button:after {
  background-position: 0 0; }

.icon_lightGrey, .picker label,
.datepicker label, .site_footer_socialLinks a, .site_languageChooser .icon_ui_globe, .story_carousel__story--text_links__label:only-child:before, .spotList_spot_beenThere, .regionTeaser_mustSee_spot_title h3:before, .travelExp_btn, .story_list_item__location:before,
.story_list_item__date:before, .story_list_item--no_items_message__icon, .forecast_map__summary__date:before, .icon_lightGrey:before, .picker label:before,
.datepicker label:before, .site_footer_socialLinks a:before, .site_languageChooser .icon_ui_globe:before, .story_carousel__story--text_links__label:only-child:before, .spotList_spot_beenThere:before, .regionTeaser_mustSee_spot_title h3:before, .travelExp_btn:before, .story_list_item__location:before,
.story_list_item__date:before, .story_list_item--no_items_message__icon:before, .forecast_map__summary__date:before, .icon_lightGrey:after, .picker label:after,
.datepicker label:after, .site_footer_socialLinks a:after, .site_languageChooser .icon_ui_globe:after, .spotList_spot_beenThere:after, .travelExp_btn:after, .story_list_item--no_items_message__icon:after {
  background-position: 0 50%; }

.icon_white, .site_search__search_button, .copy--seasonal_report_teaser-headline:before, .heropic__caption:before, .exploreBox_spot:hover .exploreBox_spot_icon,
.exploreBox_getThere_subpage:hover .exploreBox_spot_icon, .card_interestTeaser h1:before, .heroPic_interest h1:before, .attraction_pageNav li.active a:before, .icon_white:before, .site_search__search_button:before, .copy--seasonal_report_teaser-headline:before, .heropic__caption:before, .exploreBox_spot:hover .exploreBox_spot_icon:before,
.exploreBox_getThere_subpage:hover .exploreBox_spot_icon:before, .card_interestTeaser h1:before, .heroPic_interest h1:before, .attraction_pageNav li.active a:before, .icon_white:after, .site_search__search_button:after, .exploreBox_spot:hover .exploreBox_spot_icon:after,
.exploreBox_getThere_subpage:hover .exploreBox_spot_icon:after,
.icon_active,
.travelExp_btn.active, .icon_active:before, .travelExp_btn.active:before, .icon_active:after, .travelExp_btn.active:after {
  background-position: 0 100%; }

#interest-sum h2:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  position: relative;
  top: -2px;
  background-position: 0 100%;
   }
  
  #interest-sum h2{
  color:#fff;
  text-align:left;
  padding-left:30px
  }

  .dropdown_nav{
  padding:6px  0
  }
  
.dropdown_nav li a[class^='icon_'],
.dropdown_nav li a[class*=' icon_'] {
  padding: 10px 12px; }
  .dropdown_nav li a[class^='icon_']:before,
  .dropdown_nav li a[class*=' icon_']:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px; }

