﻿.H #Logo1{display:none;}

/*a{color:#f5f5f5;}
#Bodyer{background-color:#2f2c28;color:#cecece;}
#Bodyer .Title{color:#f5f5f5;}
*/
#Topping.topping{background-color:#721909ec;/*#952612*/;}
#Menu9 .L1s{justify-content:flex-end;}
#AcctB1:before{background-color:#997a1dbd;background-color:rgb(153,122,29,0.7)}
#Topping.topping #AcctB1:before{background-color:#af8811;}
#AcctB1 a:hover{background-color:#fff;color:#000;}
.B1z.B12 .L1{position:relative;z-index:1;padding:25px;overflow:hidden;}
.B1z.B12 .L1 > *{position:relative;z-index:1;}
.B1z.B12 .L1:after{content:'';position:absolute;top:0px;left:0;z-index:0;width:3px;height:20px;background-color:#ae8811;}
.B1z.B12 .L1:before{content:'';position:absolute;top:0px;left:0;z-index:0;width:20px;height:3px;background-color:#ae8811;transform-origin:left top;transition:width 0.5s ease, height 0.5s ease;}
.B1z.B12 .L1:hover:before{width:100%;height:100%;}
.B1z.B12 .L1 .Title:after{content:'';position:relative;right:0;left:0;z-index:0;display:block;width:0;height:1px;background-color:#fff;transition:width 0.5s ease;}
.B1z.B12 .L1:hover .Title:after{width:100%;}
.B1z.B12 .Subtitle a{color:#cdb46a;transition:transform 1s ease 1s;}
.B1z.B12 .L1:hover .Subtitle a{color:#7a1700;}
.B1z.B12 .L1 .FadeIn a.Menu{display:block;padding:5px;width:48%;text-align:center;background-color:#7a1700;}
.B1z.B12 .L1:hover .FadeIn a.Menu{color:#fff;background-color:#000;}
.B1z.B12 .L1 .Fade{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto;gap:15px;align-items:start;align-items:end;}
.B1z.B12 .L1 .Fade .Title{grid-column:1;grid-row:1;align-self:end;}
.B1z.B12 .L1 .Fade .Imgs{grid-column:1;grid-row:2;}
.B1z.B12 .L1 .Fade .FadeIn{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center;}
.B1z.F0V0 .L1{border-color:#7d6c38;}
.B1z .tmap{position:relative;display:flex;}
.B1z .tmap:before{content:'';position:relative;top:5px;left:0;flex-shrink:0;margin-right:3px;width:12px;height:16px;background-image:url(/s/r/i/map.png);}

.B1z.E000.F0V0 .L1{padding:5px 10px;}
.B10.E002 .Head{grid-template-columns:1fr 1.5fr;grid-template-rows:50px 1fr;align-items:end;}
.B10.E002 .Head .FadeIn{line-height:1.7;border-left:1px solid #af8812;background:#000;}
.B10.E002 .Imgs{grid-column:2;}
.B10.E002 h3{color:#af8812;}
.B10 .TimeLine{position:relative;margin:0 auto;padding:20px 0;width:90%;max-width:1000px;}
.B10 .TimeLine::before,
.B10 .TimeLine::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:5px;background-color:#ccc;transform:translateX(-50%);}
.B10 .TimeLine::after{background-color:#d02000;animation:fillDown 8s linear forwards;}
@keyframes fillDown{0% {height:0%;}100% {height:100%;}}
.B10 .Titem{position:relative;width:50%;padding:0 30px;margin:-10px 0;box-sizing:border-box;}
.B10 .Titem.L{left:0;text-align:right;}
.B10 .Titem.R{left:50%;}
.B10 .Titem::after{content:'';position:absolute;top:30px;z-index:1;width:10px;height:10px;background-color:#fff;border:3px solid #c74933;border-radius:50%;}
.B10 .Titem.L::after{right:-8px;}
.B10 .Titem.R::after{left:-8px;}
.B10 .Titem.L .Ttext::before{content:'';position:absolute;top:28px;right:-10px;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #d9cea8;}
.B10 .Titem.R .Ttext::before{content:'';position:absolute;top:28px;left:-10px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #d9cea8 transparent transparent;}
.B10 .Ttext{position:relative;background-color:#fff;padding:16px 24px;text-align:right;border:1px solid #d9cea8;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.B10 .Ttext h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;color:#ae8811;font-size:2.8rem;font-style:italic;}
.B10 .Ttext h3 span{font-size:1.7rem;font-weight:500;font-style:normal;}
.B10 .Ttext h2{margin:0;line-height:2;color:#444;font-weight:600;text-align:right;border-top:1px solid #ae8811;}
.B10 .Ttext p{color:#999;line-height:1.5;}
@media screen and (max-width:959px){
	.B1z.B12 .L1 .Fade{display:flex;}
}
@media screen and (max-width:639px){
	.B10 .TimeLine{width:100%;}
	.B10 .Titem{margin:-25px 0;}
	.B10 .Titem.R{padding:0 0 0 20px;}
	.B10 .Titem.L{padding:0 20px 0 0;}
	.B10 .Ttext{padding:10px 15px;}
	.B10 .Ttext h3{flex-direction:column;align-items:stretch;}
	.B10.E002 .Title,
	.B10.E002 .Imgs{grid-column:1 / 3;}
}