@charset "utf-8";

.onlymb{
	display: none;
}
.logoUser {
z-index: 9999;
}
.intro{
	background-color: #2f2f2f;
	color: white;
	font-size: 19px;
	line-height: 25px;
	padding: 10px 0 30px 0;
	margin-top: -3px;
}
.bannerArea {
max-width: 100%;
width: 100%;
	overflow: hidden;
}
.bannerArea img{
	width: 100%;
}
.menuArea{
	display: inline-block;
	width: 100%;
	margin: 25px 0 25px 0;
}
.menuArea ul{
  display: flex;
  flex-wrap: wrap;
  gap:2px;
}
.menuArea ul> li{
  width: calc(20% - 2px);  
}
.menuArea a, .menuArea a:hover, .oneLocation a, .oneLocation a:hover{
	color: #2b50a4;
}
.menuArea ul li{
	background: #ffeff5;
	text-align: center;
}
.menuArea ul li div{
	background: url(/st/3/cn/pc/location/img/icon_down.png) right center no-repeat;
}
.oneArea{
	display: inline-block;
	width: 100%;
	margin: 25px 0 25px 0;
  overflow: hidden;
}
.oneArea h2{
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
  background: #e4e4e4;
  padding: 7px 0px;
}
.oneArea h2 span{
	padding: 7px 30px;
	margin-bottom: -20px;
	position: relative;
}
.oneLocation{
	padding: 15px 10px;	
	font-size: 18px;
	font-weight: bold;
	background-image: url(/st/3/cn/pc/location/img/icon_location.png), url(/st/3/cn/pc/location/img/icon_go.png);
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
  border-bottom: 1px dotted #c7c7c7;
  display: block;
  color: #2b50a4;
}
.dottedBorder{
	border-bottom: 1px dotted #c7c7c7;
}
.oneLocation div{
	padding-left: 50px;	
}
.advBnrArea{	
	width: 100%;
	margin: 50px 0 70px 0;
}
.advBnrArea ul{
  display: flex;
  flex-wrap: wrap;
}
.advBnrArea img{
	width: 100%;
}
.section__information {
	padding-top: 40px;
	border-top: 1px solid #bcbcbc;
	margin-top: 40px;	
}
.section__information h2 {
	text-align: center;
	color: #333;
	font-size: 28px;
	font-weight: bold;
}
.oneArea > ul{
  display: flex;
  margin-left: -35px;
  margin-right: -35px;
  flex-wrap: wrap;
}
.oneArea > ul > li{
  padding-left: 35px;
  padding-right: 35px;
  width: 50%;
}
@media (min-width: 767px){
  .oneArea > ul > li:nth-last-child(-n+2) .oneLocation{
    border-bottom: none;
  } 
}
@media(max-width:767px){
  .oneArea > ul > li{
    width: 100%;
  }
}
@media (min-width: 1170px){
	.menuArea ul li div{			
		font-size: 16px;
	}
}
@media (max-width: 1169px){
	.menuArea ul li div{			
		font-size: 14px;
	}
}

@media(min-width:1024px){
  .menuArea ul li div{			
    padding: 15px 0;
    margin-right: 5px;
    font-weight: bold;
	}
}
@media(max-width:1024px){
  .menuArea ul{
    gap:0 5px;
  }
  .menuArea ul> li{
    width: calc(50% - 3px);
  }
  .menuArea ul li{
    background: #fff;
  }
  
}
@media (max-width: 1023px){
	.menuArea .col-md-3 {
		background-color: white;
	}
	.menuArea .col-md-4 {
		width: 33% !important;
		text-align: center;
		margin: 0 2px 2px 0;
		border-bottom: 1px solid #dbdbdb;
	}	
	.menuArea .col-md-3:last-child {
		margin: 0 0 2px 0;
	}	
	.menuArea {
    margin: 15px 0 25px 0;
	}
	.menuArea .pdr15{
		padding-right: 15px !important;
	}
	.menuArea ul li div {
			background-size: 3%;
	}
	.menuArea li div{			
		font-size: 16px;
		padding: 6px 0;
		border-bottom: 1px solid #dbdbdb;
		text-align: left;
	}	
}
@media screen and (max-width: 768px){
	.contentArea {
		margin-left: -15px;
		margin-right: -15px;
	}
	.col-sm-4 {
    width: 33% !important;
	}	
	.bannerArea .onlytb{
		display: block !important;
	}
	.bannerArea img {
			width: 145%;
			margin-left: -167px;
	}
	.intro{
		font-size: 16px;
		line-height: 22px;
		padding: 10px 0 30px 0;
	}
	.oneLocation{
		background-size: 6%, 2%;
	}
	.oneArea h2 {
    font-size: 25px;
		border-bottom: none;
	}
	.oneArea h2 span {
    padding: 6px 20px;
		background-color: transparent!important;
		margin-bottom: none;
		position: inherit;
	}
	.oneLocation {
    font-size: 16px;
	}
	.oneLocation div {
    padding-left: 30px;
	}
	.pinkBg{
/*		background-color: #fff9fa;*/
	}
  .oneArea > ul{
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 15px;
  }
  .oneArea > ul > li{
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px){
	.onlymb{
		display: block !important;
	}
	.onlypc{
		display: none !important;
	}
	.bannerArea img {
		width: 100%;
		margin-left: 0;
	}
	.bannerArea .onlytb{
		display: none !important;
	}	
	.intro {
    font-size: 15px;
	}
	.oneArea{
/*		margin: 15px 0 15px 0;*/
	}
	.oneArea h2, .section__information h2 {
	   font-size: 23px;
	   margin-bottom: 20px;
	}
	.advBnrArea img{
		padding-bottom: 10px;
	}
	.borderMb{
		border-bottom: 1px dotted #c7c7c7 !important;
	}
	.oneLocation{
		background-size: 3%, 1.5%;
	}
	.oneLocation div{
		padding: 0 10px 0 30px;	
	}
	.advBnrArea {
    margin: 20px 0 40px 0;
	}
	.oneArea .leftBlock{
		padding: 0 10px !important;
	}
	.oneArea ul .rightBlock{
		padding: 0 10px !important;
	}
}
@media screen and (max-width: 480px){
	.menuArea {
			margin: 10px 0 25px 0;
	}
	.menuArea li div {
    padding: 6px 0;
	}
	.menuArea ul li div{
		background-size: 6%;
		font-size: 15px;
	}
	.oneArea h2 span{
		padding: 5px 20px;
	}	
	.oneLocation{
		background-size: 6%, 2%;
	}
		.oneArea {
/*    	padding: 20px 0 10px 0;*/
	}
  .oneArea > ul > li:last-child .oneLocation{
    border-bottom: none;
  }
}
@media screen and (max-width: 424px){
	.menuArea ul li div{
		font-size: 13px;
	}
}
@media screen and (max-width: 374px){
	.menuArea ul li div {
			font-size: 11px;
	}
}