﻿#Menu9,#AcctB1{display:none;}
.topping #Menu9,
.topping #AcctB1{display:block;}
.S11{background-color:#000;}
.S11 .Body{display:flex;width:100% !important;}
.S11 .Title{letter-spacing:1px;font-size:3.8rem;font-weight:bold;color:#caa469;}
.S11 .Text{line-height:1.7;font-size:2rem;color:#f3ede0;}
.S11 .Imgs img{display:block;width:100%;height:auto;}
.ScrollDown::after{border-color:#fff;}
#SC1097,#SC1098{width:100%;}
.Z0001{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100dvh;}
.Z0001 .Body{flex-direction:column;align-items:center;justify-content:center;}
.Z0001 .Imgs{width:280px;-webkit-animation:zoomIn 2s ease 0.4s both;animation:zoomIn 2s ease 0.4s both;}
.Z0001 .Title{font-size:2rem;color:#fff;}
/*
.Z0001 .Body:before{content:'';
  position: absolute;
  top: 0;
  left: 0;
  width:50%;
  height: 100%;
  background:#111;
  animation: slide-maskL 1.5s ease-in-out forwards;
}
.Z0001 .Body:after{content:'';
  position: absolute;
  top: 0;
  right: 0;
  width:50%;
  height: 100%;
  background:#952612;
  animation: slide-maskR 1.5s ease-in-out forwards;
}
@keyframes slide-maskR {
  0%   { left:0%; width:100%; }
  100% { left: 100%; width: 0; }
}
@keyframes slide-maskL {
  0%   { right:0%; width:100%; }
  100% { right: 100%; width: 0; }
}
*/
@keyframes maskR {
  0%   {transform:translateX(-100%);}
  80% {transform:translateX(100%);}
  100% {transform:translateX(95%);}
}
.Z0004 .Body{position:relative;flex-direction:row-reverse;align-items:center;justify-content:space-between;z-index:1;height:100vh;}
.Z0004 .Body.maskR:before{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transform:translateX(0%);background:#952612;animation:maskR 3s cubic-bezier(0.7, 0, 0.2, 1) forwards;;}
.Z0004 .FadeOut{flex:1;}
.Z0004 .Fade{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;}
.Z0004 .Fade > a {max-width:55vw;}
.Z0004 .FadeIn{flex:1;display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.Z0004 .Text a{display:block;width:90%;height:50px;color:#fff;border:1px solid;border-color:#cc8f17;text-align:center;line-height:50px;font-size:2.3rem;-webkit-animation:swing 2s ease-in-out infinite alternate;animation:swing 2s ease-in-out infinite alternate;}
.Z0005{position:relative;width:100%;}
.Z0005 .L1s{display:flex;justify-content:space-between;}
.Z0005 .L1 {position:relative;flex:1;padding:0 !important;margin:0;height:100%;text-align:center;}
.Z0005 .L1 .FadeIn{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;}
.Z0005 .L1 .FadeIn:before{content:'';position:absolute;top:0;right:0;bottom:0;margin:5%;width:90%;border-width:1px;border-style:solid;border-color:#cc8f17;}
.Z0000{display:flex;align-items:center;}
.Z0000 .Body{flex-direction:row-reverse;align-items:center;justify-content:space-between;}
.Z0000 .FadeOut{flex:1;}
.Z0000 .Fade {display:flex;justify-content:flex-start;align-items:center;margin:0 auto;width:100%;}
.Z0000 .Imgs{padding:20px;max-width:45vw;min-width:45vw;}
.Z0000 .FadeIn{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-around;margin:auto;}
.Z0002{position:relative;display:flex;align-items:center;-webkit-box-align:center;background-size:cover;}
.Z0002 .Body{flex-direction:row-reverse;align-items:stretch;justify-content:space-between;height:100%;}
.Z0002 .Imgs{flex-shrink:0;width:900px;max-width:55vw;}
.Z0002 .FadeIn{display:flex;flex-direction:column;justify-content:flex-end;padding-left:10%;margin:50px -30vw 0 0;}
.Z0002 .FadeIn .fire{width:800px;height:300px;background:url(/s/r/i/fire.png) no-repeat bottom;animation:flame-flicker 5.6s infinite ease-in-out;transform-origin:bottom center;will-change:transform, opacity;transform:translate(-20%, 0) scaleX(0.4);}
.Z0002 .FadeIn .fire:after{content:'';position:absolute;left:100px;bottom:-10px;width:566px;height:240px;background:url(/s/r/i/fire1.png) no-repeat;animation:spark-float 0.7s infinite ease-out;opacity:0.9;will-change:transform, opacity;}
.Z0002 .FadeIn .fire:before{content:'';position:absolute;left:250px;bottom:-50px;width:566px;height:240px;background-image:url(/s/r/i/fire2.png);background-repeat:no-repeat;animation:spark-float 1.4s infinite ease-out;opacity:0.8;will-change:transform, opacity;}
.Z0002 .FadeIn .Text{font-size:1.7rem;}

.Z0003{position:relative;background-size:cover;}
.Z0003 .Body{flex-direction:row-reverse;align-items:center;justify-content:space-between;height:100%;}
.Z0003 .Imgs{position:relative;flex-shrink:0;width:900px;max-width:55vw;}
.Z0003 .Imgs .Img1{position: relative;z-index: 1;margin-bottom:3.5vw;}
.Z0003 .Imgs .Img2{position: absolute;z-index: 3;bottom:-5px;right:-2.5vw;width:100%;animation:flame-flicker 5.6s infinite ease-in-out;transform-origin:bottom center;will-change:transform, opacity, filter;transform:translate(-20%, 0) scaleX(0.4);}
.Z0003 .FadeIn{display:flex;flex-direction:column;justify-content:flex-end;padding-left:10%;margin:auto;}
.Z0003 .FadeIn .Text{font-size:1.7rem;text-align:justify;}
.Z0003 .Imgs .Img2:after{content:'';position:absolute;left:50px;bottom:-10px;width:566px;height:240px;background:url(/s/r/i/fire1.png) no-repeat;animation:spark-float 0.7s infinite ease-out;opacity:0.9;will-change:transform, opacity, filter;}
.Z0003 .Imgs .Img2:before{content:'';position:absolute;right:0px;bottom:-50px;width:566px;height:240px;background-image:url(/s/r/i/fire2.png);background-repeat:no-repeat;animation:spark-float 1.4s infinite ease-out;opacity:0.8;will-change:transform, opacity, filter;}

@-webkit-keyframes flame-flicker {
	0%   {transform:translate(0px, 0px) scale(1.01);opacity:0.9;filter:contrast(1);}
	20%  {transform:translate(1px, 1px) scale(1.003);opacity:1;filter:contrast(1.1);}
	40%  {transform:translate(0px, 0px) scale(1.002);opacity:0.9;filter:contrast(1.7);}
	60%  {transform:translate(1px, 1px) scale(1);opacity:0.95;filter:contrast(0.8);}
	80%  {transform:translate(0px, 0px) scale(1.003);opacity:0.92;filter:contrast(1.9);}
	100% {transform:translate(0px, 0.5px) scale(1.007);opacity:0.9;filter:contrast(1);}
}
@keyframes flame-flicker {
	0%   {transform:translate(0px, 0px) scale(1.01);opacity:0.9;filter:contrast(1);}
	20%  {transform:translate(1px, 1px) scale(1.003);opacity:1;filter:contrast(1.1);}
	40%  {transform:translate(0px, 0px) scale(1.002);opacity:0.9;filter:contrast(1.7);}
	60%  {transform:translate(1px, 1px) scale(1);opacity:0.95;filter:contrast(0.8);}
	80%  {transform:translate(0px, 0px) scale(1.003);opacity:0.92;filter:contrast(1.9);}
	100% {transform:translate(0px, 0.5px) scale(1.007);opacity:0.9;filter:contrast(1);}
}
@-webkit-keyframes spark-float {
	0%   {transform:translateX(0px) translateY(0px);opacity:0.5;filter:contrast(0.7);}
	27%  {transform:translateX(-5px) translateY(-20px);opacity:1;filter:contrast(3);}
	50%  {transform:translateX(5px) translateY(-60px);opacity:0.8;}
	75%  {transform:translateX(-2px) translateY(-100px);opacity:0.6;filter:contrast(0.5);}
	100% {transform:translateX(0px) translateY(-150px);opacity:0;filter:contrast(0.4);}
}
@keyframes spark-float {
	0%   {transform:translateX(0px) translateY(0px);opacity:0.5;filter:contrast(0.7);}
	27%  {transform:translateX(-5px) translateY(-20px);opacity:1;filter:contrast(3);}
	50%  {transform:translateX(5px) translateY(-60px);opacity:0.8;}
	75%  {transform:translateX(-2px) translateY(-100px);opacity:0.6;filter:contrast(0.5);}
	100% {transform:translateX(0px) translateY(-150px);opacity:0;filter:contrast(0.4);}
}


@media screen and (min-width:960px) and (max-width:1249px){
	.S11 .Title{font-size:3.5rem;}
	.Z0000,.Z0004 .Body{height:auto;}
	.Z0004 .Fade > a{max-width:650px;}
	.Z0002 .Title,
	.Z0004 .Title{font-size:4rem;}
	.Z0002 .Text,
	.Z0004 .Text{font-size:1.7rem;}
	.Z0003 .Imgs{max-width:45vw;}
}
@media screen and (min-width:640px) and (max-width:959px){
	.S11 .Title{font-size:2.7rem;}
	.Z0003 .FadeIn{padding-left:7.5%;}
}
@media screen and (max-width:959px){
	.S11 .Text{font-size:1.7rem;}
	.Z0000,
	.Z0004 .Body{padding:0 0 20px;height:100%;}
	.Z0002{background-size:150%;background-color:#1f1820;}

	.Z0000 .Fade,
	.Z0004 .Fade{flex-direction:column;}
	.Z0004 .Fade:before{display:none;}
	.Z0000 .Imgs{order:1;max-width:85vw;}
	.Z0004 .Fade > a{order:1;max-width:85vw;}
	.Z0000 .FadeIn,
	.Z0004 .FadeIn{padding:20px 0 0;}
	.Z0003 .FadeIn .Text{line-height:2;font-size:1.5rem;}

}
@media screen and (max-width:639px){
	#MHead{display:flex !important;-webkit-animation:fadeInDown 1s ease 2s both;animation:fadeInDown 1s ease 2s both;}
	.S11 .Title{font-size:3.2rem;}
	.Z0001 .Imgs{width:180px;-webkit-animation:zoomIn 2s ease 0.4s both;animation:zoomIn 2s ease 0.4s both;}
/*
@-webkit-keyframes zoomInAndOut{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}70%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}}
@keyframes zoomInAndOut{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}70%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);-ms-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}}
.zoomInAndOut{-webkit-animation-name:zoomIn;animation-name:zoomInAndOut}
*/
	.Z0002 .Body{flex-direction:column;align-items:flex-end;}
	.Z0002 .Imgs{width:60%;}
	.Z0002 .FadeIn{margin:0 auto;width:80%;}
	.Z0005 .L1s{flex-direction:column;}
	.Z0003 .Body{flex-direction:column;align-items:flex-end;}
	.Z0003 .Imgs{max-width:100vw;}
	.Z0000 .FadeIn,
	.Z0004 .FadeIn,
	.Z0003 .FadeIn{padding:7.5%;}
	.Z0000 .FadeIn td{display:block;margin-bottom:15px;width:100%;}
	.Z0003 .FadeIn .Title{font-size:2.7rem;}
}