@charset "utf-8";
/* CSS Document */
.gallery-story{
  height: 100;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(4, auto);
  gap: 3rem;
  width: 100%;
  transition: all 0.3s ease; 
  margin-bottom: 5rem;
}
.gallery-storyitem{
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 0rem;  
	
}
.gallery-storyitem img:hover{
	transform: scale(1.02);
	transition: all 0.2s ease;
	filter: brightness(1.1);
}
.allery-story-show{
	width: 100%;
	height: 100%;
	display: grid;
	position:absolute;	
	z-index: -1;
	top:0rem;
	left: -1.6rem;
	justify-content:center;
	align-content:flex-end;
	padding-bottom: 2rem;	
	background: linear-gradient(to right, rgba(190, 154, 87, 0.5), rgba(190, 154, 87, 0));
}
.allery-story-text{	
	width:30rem;
	font-size: 1.8rem;
	text-align: center;
	text-shadow: 0.1rem 0.1rem 0.2rem #bca187;
	color: #fff;
	font-weight: 500;
	padding-top: 1rem;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
/*页签*/
.label-list{
	width: 100%;
	display:grid;
	justify-content: center;
	margin: 3rem;
}
.label-list div{
	width: 15rem;
	background: #375d9f;
	border-radius: 4rem;
	padding: 0.5rem 2rem;
	font-size: 1.6rem;
	text-align: center;
	text-align-last: justify;
	font-weight: 500;
	display: flex;
	justify-content: center;
	border: 0.2rem solid #db9f57;
	color:#ecbe67;
}
.label-list span{
	padding: 0rem 0.3em;
	background: #ecbe67;
	border-radius:100%;
	color: #fff;
}
.label-list img{
	width: 3rem;
	padding: 0rem 1rem;
}
/*图文混排*/
.float-layout img {
  float: left;
  margin: 0rem 2.5rem 1.5rem 0rem;
  width: 20%;
  height: 100%;
  border: 1rem solid #ecbe67;
  box-shadow: 0.2rem 0.2rem 0.5rem #000;
}
.float-layout p {
	font-size: 2rem;
	text-align: justify;
	margin: 1rem 0rem;
	color: #fff;
}
.float-layout ol{
	margin: 0rem;
	padding-left: 1.8rem;
}
.float-layout li{
	font-size: 2rem;
	text-align: justify;
	padding-left: 0rem;
	text-indent: 0rem;
	color: #fff;
	
}
.float-layout h1{
	font-size: 2rem;
	text-align: justify;
	padding-left: 0rem;
	text-indent: 0rem;
	color: #ecbe67;
	
}
.story-tag{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3rem 0rem;
	color: #ecbe67;
}
.story-tag img{
	width: 2.5rem;
}
.story-tag h1{
	font-size: 3rem;
	font-weight: 600;
	margin: 0rem 2rem;
}
.story-tag div{
	width:10rem;
	height: 0.1rem;
	background: linear-gradient(to left, rgba(236, 190, 103, 0.9), rgba(236, 190, 103, 0));
}
/*master图文混排*/
.master{
	background-repeat: no-repeat;
	background-size: 100rem,auto;
	background-position: top right;
}
.master img{
  float: right;
  margin: 0 2.5rem 1.5rem 0;
  width: 34%;
  height: 100%;
}
.master p{
	font-size: 2rem;
	text-align: justify;
	color: #fff;
}
/*faction页*/
.faction{
	height: 50rem;
	display: flex;
	justify-content:flex-start;
	align-items:baseline;
	background: url("../images/CloudTexture01.png");
	background-repeat: no-repeat;
	background-position: 0rem 2.6rem;
}
.faction p{
	font-size: 2rem;
	text-align: justify;
	margin:1rem 4rem 0rem 4rem;
	color: #fff;
}
.faction h1{
	font-size: 2.4rem;
	text-align: center;
	margin-left: 0rem;
	z-index: 100;
	color: #ecbe67;
}
.faction h2{
	font-size: 2.4rem;
	text-align: left;
	margin-left: 2rem;
	color: #ecbe67;
}
.faction-leftstyle{
	display: grid;
	align-items:baseline;
	width: 20%;
	text-align: center;
}
.faction-leftstyle h1{
	font-size: 2.6rem;
	font-weight:100;
	font-family:'lishu';
	margin: 2.6rem 0rem 0rem 9rem;
	padding: 0rem;
	text-align: left;
}
.faction-leftstyle h2{
	font-size: 1.8rem;
	font-weight:100;
	margin: 1.6rem 0rem 0rem 0rem;
	padding: 0rem;
	text-align: center;
}
.faction-leftstyle h3{
	font-size: 2.6rem;
	font-weight:100;
	font-family:'lishu';
	margin: 2.6rem 0rem 0rem 5rem;
	padding: 0rem;
	text-align: left;
	color: #ecbe67;
}
.faction-rightstyle{
	display: grid;
	align-items:baseline;
	width: 80%;
	text-align: center;
}
.faction-white-bg{
	background-repeat:repeat-y;
	background-size: 24rem;
}
.faction-ink-bg{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:right top;
	opacity: 1;
}
/*门派价值观*/
.menpai-img{
	width: 100%;
	height:inherit;
	margin-top: 4rem;
	padding: 0rem;
	display: grid;
	position: relative;
	align-items: flex-end;
	
}
.menpai{
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	width: 50%;
	color: #fff;
	font-size: 3.5rem;
	position: absolute;
	text-align: left;
	padding-right: 8rem;
	margin: 1rem;
	font-weight: 500;
	border-bottom: 0.5rem  double #fff;
}
.mengpai-tab{
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	width: 100%;
	color: #ecbe67;
	font-size: 2.4rem;
	text-align: left;
	font-weight: bold;
	margin-top: 3rem;
	padding-bottom: 0.4rem;
	border-bottom: 0.2rem solid #ecbe67;
}