/* @media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}} */

html{background:#FFF;font-size:62.5%;font-size: calc(1000vw / 1920);}
@media screen and (min-width:1920px) {
	html{ font-size: 10px;}
}
body{font-size:14px;font-size:1.4rem;color: #000;font-family:'Microsoft YaHei','氓戮庐猫陆炉茅鈥衡€γ┞烩€�',SimSun,'氓庐鈥姑ぢ解€�',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,
body,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul,
dd,
dl,
dt,
li,
button,
object,
a,
img,
span,
input {
    /* font-family: 'Noto Serif SC', serif; */
    font-family: 'Microsoft YaHei', '寰蒋闆呴粦', SimHei, "STHeiti Light", STHeiti, SimSun, '瀹嬩綋', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
/* Safari 10.1+ (涓嶆敮鎸丆hrome) */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        html,
		body,
		div,
		dl,
		form,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		ol,
		p,
		ul,
		dd,
		dl,
		dt,
		li,
		button,
		object,
		a,
		img,
		span,
		input {
			font-family: 'San Francisco', Helvetica;
		}
    }
}
.header .nav li > a,
.indexTil span,
.activity .togglePage span,
.ft-links a,
.title,
.title span,
.pageTitle span,
.banner .child .txt .fz40,
.mode2a .title,
.mode2c li .title,
.modeTil span,
.recommend .title,
.thematic .partTil,
.mode1 .txt a p,
.mode1 .til_tab span,
.sideList li a,
.itemTwo .itemTil,
.ticketMode02 .label span,
.developIndex .partTil,
.devMode02 .mode02Til span,
.devMode03 .ul02 span,
.smallBox .til,
.artMode02 .indexTil,
.volIntro .til,
.sub_q1c1 .title,
.volMode03 .indexTil,
.fontFamilySerif,
.placeMode03 .name,
.placeMode06 .til,
.volMode04 .joinUs a,
.seatMapCon .label,
.movieList .name,
.curChannel span,
.indexTil{
	font-family: 'Noto Serif SC', serif !important;
}

.pc_academic_calendar_wrap dl dd .calendar_num,
.mode2b_2 .item .year,
.mode2b_2 .item .month,
.date .day,
.date .year,
.aboutMore span,
.smallBox .smallIntro,
.indexMore a,
.aboutMode02 .years span,
.fontWeightNormal,
footer .text .fwBlod,
.modeMore a,
.calendarIndexBox .curYear,
.calendarIndexBox .month-item,
.year_day h2,
.buyLable .text,
.buyLable .text span,
.sub_content .calendarIndex .calendarCon *{
	font-weight: normal !important;
}

.fwBlod{font-weight: bold;}


/* 盲陆沤莽鈥八喢ε撀β德徝喢モ劉篓 */
.ie_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.85;
	filter: alpha(opacity=85);
	z-index: 99998;
}

.ie9tips {
	width: 400px;
	height: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	line-height: 1.8;
	color: #fff;
	z-index: 99999;
	text-align: center;
}

.ie9tips a {
	color: red;
}

.ie9tips img {
	display: block;
	margin: 0 auto;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.ie9tips p {
	padding-top: 10px;
	color: #fff;
	font-size: 16px;
}

@media screen and (min-width: 1600px) {
	body {
		min-width: 1300px;
	}
}
.flex{
    display: flex;
    display: -ms-flexbox;
}

.block2 {
    width: 166rem;
    margin: 0 auto;
}
img {
    width: 100%;
    display: block;
}


#con1 {
    width: 100%;
    /* height: 43.4rem; */
    /* overflow: hidden; */
    background: linear-gradient(180.00deg, rgb(28, 35, 60), rgb(76, 89, 100));
    position: relative;
}

/* #con1::before { */
#con1 #img2::before {
    content: "";
    display: block;
    width: 100vw;
    height: 15rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    position: absolute;
    right: 50%;
    top: 0;
    transform: translateX(50%);
    transition: all 2s ease-in-out;
    transition: all 0s ease-in-out;
    z-index: -1;
    pointer-events: none;
}
.currents #con1 #img2::before{
	opacity: 0;
}
#con1 #img2::after{
	content: '';
	display: block;
	width: 100vw;
	height: 7.6rem;
	background: #FFFDF8;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: all 0.8s ease-in-out;
	z-index: -1;
	opacity: 0;
}
.currents #con1 #img2::after{opacity: 1;}
.currents .header .logo{
	background: url(../images/logo2.png) no-repeat center/cover;
}
.currents .header .logo img{
	opacity: 0;
}
.currents #con1{
	z-index: 1000;
}
.currents #con1 #img2{
	/* padding-top: 2.7rem; */
	padding-top: 0;
	/* opacity: 0; */
	transition: all 0.8s ease-in-out 0.2s;
}
.currents #con1 #img2:hover{
	opacity: 1;
}

#con1.on::before {
    /* width: 0; */
}

#con1 #svg1 {
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100% !important;
    height: 26.9rem;
    opacity: 1;
}

#con1 #svg1 svg {
    width: 100%;
    height: 100%;
}


/* #con1 #svg1.on svg{stroke-dasharray:100% 100%;stroke-dashoffset:100%;webkit-animation:dash 2s ease;animation:dash 2s ease;}
@-webkit-keyframes dash{
    from {stroke-dashoffset:100%;}
    to {stroke-dashoffset:0%;}
}
@keyframes dash{
    from {stroke-dashoffset:100%;}
    to {stroke-dashoffset:0%;}
} */


/* #con1 #svg1.on svg{stroke-dashoffset:100%;webkit-animation:dash 3s ease;animation:dash 3s ease;}
@-webkit-keyframes dash{
    from {stroke-dasharray:100%,100%;}
    to {stroke-dasharray:100%,0%;}
}
@keyframes dash{
    from {stroke-dasharray:100%,100%;}
    to {stroke-dasharray:100%,0%;}
} */

#con1 #img1 {
    transform: translateY(100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24.4rem;
    ;
    transition: all 1s ease-in-out;
    z-index: 2;
}

#con1 #img2 {
    transform: translate(-50%, -200%);
    position: fixed;
    left: 50%;
    top: 0;
    padding-top: 3.6rem;
    transition: all 1s ease-in-out, padding-top 0.3s;
    z-index: 2;
	justify-content: space-between;
}

#con1 #img1.on {
    transform: translateY(0%);
}

#con1 #img2.on {
    transform: translate(-50%, 0);
}

#con1 #img3,
#con1 #img4 {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

#con1 #img3.on {
    opacity: 1;
    position: absolute;
    left: 28rem;
    bottom: 2.5rem;
    z-index: 1;
    width: 40.4rem;
    height: 24.6rem;
}

#con1 #img4.on {
    opacity: 1;
    position: absolute;
    right: 16.5rem;
    bottom: 14.4rem;
    z-index: 1;
    width: 40.5rem;
    height: 29.2rem;
}


/* 氓陇麓茅茠篓忙聽路氓录聫 */
.header {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}
.header .logo {
    display: block;
    width: 40.4rem;
}

.header .menu {
    position: relative;
    display: block;
    width: 15.2rem;
}
.header .menu .calendar{
    display: block;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    background: #553227;
    position: relative;
}
.header .menu img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 2.5rem;
}
.header .menu .search{
    display: block;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    top: 0;
    background: #A8947A;
}
.header .menu .search img{
    max-width: 1.9rem;
}
.header .nav {
	position: relative;
    flex: 1;
    text-align: right;
    margin-right: 8.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	z-index: 0;
}
.header .nav li {
    margin-left: 8.7rem;
	position: relative;
}
.header .nav li:first-child{margin-left: 0;}
.header .nav li > a{
	display: block;
	padding: 2rem 0 2.5rem;
	font-size: 2.2rem;
}
.header .nav li a {
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 2.9rem;
    letter-spacing: 0px;
    text-align: left;
}
.header .nav li dd a {
	font-size: 2rem;font-family: 'Noto Serif SC' !important;
}
.header .nav.show li > a{
	color: #A8947A;
}
.header .nav.show li:hover > a,
.currents .header .nav li a{
	color: #553927;
}
.header .nav dd{
	position: relative;
	margin-bottom: 1.7rem;
}
.header .nav dd i{
	position: absolute;
	left: calc(100% + 0.6rem);
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	background: url(../images/nav-arrow.png) no-repeat center left;
	background-size: 100% auto;
	opacity: 0;
	margin-left: -5rem;
	z-index: -1;
}
.header .nav dd:hover i{
	transition: all 0.3s ease-in-out, opacity 0.2s ease-in-out 0.1s;
	opacity: 1;
	margin-left: 0;
}
.header .nav.show dd:last-child{
	margin-bottom: 0rem;
}
.header .nav.show dl a{
	color: #553927;
	display: block;
	line-height: 2rem;
}
.subNavBg{
	background: #FFFDF8;
	position: absolute;
	bottom: -21.5rem;
	left: 33rem;
	width: 120%;
	height: 100%;
	min-height: 40rem;
	z-index: -1;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 0.3s ease-in-out;
}
.subNavBg.show{
	transform: translateY(0);
	opacity: 1;
}
.subNavBg::before{
	content: '';
	position: absolute;
	bottom: 21.4rem;
	left: 0;
	width: 100%;
	max-width: 92.5rem;
	height: 0px;
	border-bottom: 1px dashed #A8947A;
	z-index: 1;
}

.header .nav dl{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 1rem;
	padding-left: 1rem;
	border-left: 1px solid #A8947A;
	transform: translateY(-100%);
	opacity: 0;
	transition: transform 0.3s ease-in-out, opacity 0s ease-in-out;
}
.header .nav.show dl{
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s;
	transform: translateY(0);
	opacity: 1;
}
.header .nav dl a{
	font-weight: normal;
}
.header .nav dl a:hover{
	font-weight: bold;
	color: #553927;
}


/*忙鈥扳€姑ε撀好ヂ济ㄋ喡┞凰溍�*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ width: 100%;z-index: 98;height: 100%;position: relative;}
@media screen and (min-width: 999px)  {
	.gp-menu{display: none;}
}
.gp-menu-header{position: absolute;top: 0rem;right: 0;z-index: 996;width: 100%;height: 4rem;background: rgba(0,0,0,0.2);padding-top: 2rem;}
.gp-menu-link{float: left;line-height: 4rem;height: 4rem;padding-left: 1.5rem;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #fff; height: 40px;font-size:25px;text-align: center; float:right;width: 40px;position: relative;margin-right: 3rem;cursor: pointer;
	-webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 25px) / 2);  top: calc((100% - 20px) / 3);  width: 27px;  height: 3px;  background-color: #fff;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color:#fff;display: block;border-radius: 0.4rem;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{  width: 100%; position: fixed;top: 0;right: 0px;padding-top: 4px;background:#2F1401;;display: none;}
/*氓炉录猫藛陋*/
.gp-menu-nav a{}
.gp-menu-nav > ul {}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.gp-menu-nav > ul > li{position: relative;
	background: linear-gradient(90deg, rgba(255, 255, 255,0.3) 0%, rgba(255, 255, 255,0.3) 50%, transparent 50%, transparent 100%);
	background-size: 4px 0.5px;
	background-repeat: repeat-x;
	background-position: bottom left;
}
.gp-menu-nav > ul > li.on{
	background-position: left 60px;
}
.gp-menu-nav > ul > li > a{display: inline-block;font-size: 24px;font-weight: bold;line-height: 60px;font-family: 'Noto Serif SC' !important;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0);padding:0px}
.gp-menu-nav > ul > li > ul a{display: inline-block;font-size: 20px;font-weight: normal;line-height: 1;padding: 10px 0;padding-left: 10px;font-family: 'Noto Serif SC' !important;}
/* .gp-menu-nav > ul > li > ul a.on{font-weight: bold;} */
.gp-menu-sub li{ width: 50%; box-sizing: border-box;position: relative;}
.gp-menu-sub li:nth-of-type(odd){
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.gp-menu-sub li:nth-of-type(odd)::before{
	content: '';
	display: block;
	width: 200%;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 60px;line-height: 60px;color:#fff;text-align: center;
	position: absolute;right: 0;top: 0;font-size: 2rem;margin-right: 1rem;transition: all 0.3s ease-in-out;
	background: url(../images/menu_arrow.svg) no-repeat center;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.gp-menu-nav li ul {display: none;}
/*氓炉录猫藛陋氓鈥犫€γβ犫€∶久︹€⑺喢ε九�*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

/* search */
.gp-overlay{width: 100%;height: 100%;position: fixed;top: 0;z-index: 800;background: #000;opacity: 0.8;filter: alpha(opacity=80);display: none;left:0}
/*1.茅禄藴猫庐陇氓卤鈥⒚ヂ尖偓莽拧鈥灻β惻撁绰�*/
.gp-search{width:22rem;overflow: hidden;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:0.1rem solid #ccc;}
.gp-ser{width:100%; height:2.8rem; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; height: 2.8rem;line-height:2.8rem; border:none; background:none; top:0;overflow: hidden;}
.gp-search input.notxt{color:#a4a4a4; width:82%;left: 0;padding-left: 2%; outline: none; box-sizing: border-box;}
.gp-search .notxt1 {position: absolute;width: 15%;right:0;cursor:pointer;color:#666;}

/*4.忙聬艙莽麓垄忙艗鈥懊┾€櫬モ€βヂ甭徝ヂ扁€⒚ヂ尖偓*/
#gp-serBtn4{z-index: 801;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;}
.gp-search4 .gp-ser{max-width: 80rem;}
.gp-search4 input,.gp-search4 button{height: 4rem;line-break: 4rem;}
.gp-search4 .gp-ser{height: 4rem;border: 0.01rem solid #ccc;margin-top: 2rem;}
.gp-search4 .notxt1{background: #A8947A url(../images/search.svg) no-repeat center;background-size: 1.9rem auto; color:#fff}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 8rem;}
.searchActive .gp-overlay{top: 0;}
@media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 9rem;}
  .gp-search4 .notxt1{width: 8.5rem;}
}

.gp-menu{
	position: fixed;
	height: unset;
	z-index: 2;
}
.open .gp-menu{
	z-index: 98;
}
.gp-menu .menu{
	max-width: 132px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2;
}
.gp-menu-header{
	width: 66px;
	height: 66px;
	position: relative;
}
.gp-menu-header .gp-menu-header-icon{
	position: absolute;
	width: 100%;
	height: 100%;
}
.gp-menu .menu .calendar,
.gp-menu .menu .gp-menu-header{
	width: 66px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	padding: 0;
	position: relative;
}
.open .gp-menu .menu .gp-menu-header img{display: none;}
.gp-menu-header .gp-menu-header-icon{
	background-position: center;
	background-size: 18px auto;
	transition: all 0.3s ease-in-out, background-size 0.1s ease;
}
.open .gp-menu-header .gp-menu-header-icon{
	background: url(../images/close.png) no-repeat center;
	background-size: 28px auto;
}
.gp-menu .menu .calendar{
	background: #553227;
}
.gp-menu .menu .gp-menu-header{
	background: #A8947A;
}
.gp-menu .menu img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	max-width: 22px;
}
.gp-menu-nav{
	padding-top: 25px;
	padding-left: 40px;
	padding-right: 30px;
	box-sizing: border-box;
}
.gp-m-logo{
	width: 100%;
	max-width: 254px;
}
.gp-menu-nav > ul{
	padding-top: 60px;
	padding-bottom: 100px;
	/* padding-bottom: 235px; */
}
.gp-m-search{
	position: absolute;
	bottom: 39px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	margin-left: 0px;
	height: 50px;
	background: #833B0A;
	border: none;
	margin-bottom: 0px;
}
.gp-m-search.gp-search .notxt1{
	height: 100%;
	background: url(../images/search.svg) no-repeat center;
	background-size: 20.5px auto;
	width: 80px;
}
.open .gp-menu-nav{
	height: 100%;
	overflow: scroll;
}
.gp-m-search.gp-search input.notxt{
	font-size: 16px;
	color: #fff;
	width: calc(100% - 80px);
}
.gp-m-search.gp-search input.notxt::placeholder{
	color: #fff;
}


/* 2025.05.15 Change by Sj.Start */
.subNavBg{ display: none;}
.header .nav li{
	margin-left: 0;
	min-width: 16.6rem;
}
.header .nav li a{
	text-align: center;
}
.header .nav li > a{
	line-height: 3.2rem;
	padding: 1rem 0 2rem;
}
.currents .header .nav li > a{
	padding: 1.8rem 0 2.3rem;
}
.header .nav.show dl a{
	display: inline-block;
}
.header .nav.show li > a,
.header .nav.show li:hover > a,
.header .nav.show dl a,
.header .nav li:hover dl a{ color: #fff;}
.currents .header .nav.show li > a{
	color: #57380E;
}
.header .nav dl{
	margin-top: 0rem;
	padding-left: 0;
	padding-top: 2.5rem;
	padding-bottom: 3.77rem;
	border-left: none;
	background: rgba(0, 0, 0, 0.7);
	border-top: 1px dashed #A8947A;
	text-align: center;
	z-index: -1;
	pointer-events: none;
}
.header .nav.show dl{
	transform: translateY(-100%);
	opacity: 0;
}
.nav.show li:hover > a{
	background: rgba(0, 0, 0, 0.7);
}
.currents .nav.show li:hover > a{
	background: transparent;
}
.header .nav.show dl,
.header .nav li dl{
	transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out;
}
.header .nav li:hover dl{
	transition: transform 0.3s ease-in-out, opacity 0.35s ease-in-out 0.15s;
    transform: translateY(0);
    opacity: 1;
	pointer-events: all;
	z-index: 1;
}
.header .nav.show dl a, .header .nav li:hover dl a{
	line-height: 2.9rem;
}
.header .nav dd i{
	background: url(../images/nav-arrow-white.png) no-repeat center left;
	background-size: 100% auto;
	left: calc(100% - 3.4rem);
}
/* 2025.05.15 Change by Sj.End */


/* footer */
footer {
	position: relative;
    z-index: 2;
    position: relative;
    margin-top: -11.7rem;
    margin-top: -4.4rem;
	padding: 6rem 0 7rem;
	background: url(../images/footer_bg.png) no-repeat center top;
	background-size: cover;
	color: #fff;
	/* overflow: hidden;
	clip-path: polygon(50% 0, 100% 7rem, 100% 100%, 0 100%, 0 7rem);
	-webkit-clip-path: polygon(50% 0, 100% 7rem, 100% 100%, 0 100%, 0 7rem); */
}
footer::before{
	content: '';
	display: block;
	width: 100%;
	height: calc(100% - 10rem);
	background: #553227;
	position: absolute;
	top: 10rem;
	left: 0;
	z-index: -1;
}
footer .footer-line{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 0%;
	/* background: url(../images/mode7_line.svg) no-repeat left 1.66rem; */
	background: url(../images/mode7_line.svg) no-repeat left 4rem;
	background-size: auto 24.7rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
	transition: max-width 0s linear;
	opacity: 0.3 !important;
}
footer .footer-line.isView{
	transition: max-width 2s linear 0.5s;
	max-width: 100%;
}
footer .left{
	justify-content: flex-end;
	align-items: center;
	width: 50%;
}
footer .block2{
	position: relative;
	z-index: 2;
}
footer .text div{
	line-height: 3rem;
	letter-spacing: 0.02em;
}
footer .text .time{
	line-height: 1;
	margin: 1rem 0 2rem;
}
footer .text .time span{
	letter-spacing: 0.02em;
}
footer .text .time span:last-child{
	margin-left: 3rem;
}
.fmImpact{
	font-family: 'Impact';
}
footer .code{
	width: 14.3rem;
	margin-left: 4rem;
}
footer .right{
	width: 50%;
	max-width: 77.5rem;
	padding-left: 9.35rem;
	box-sizing: border-box;
}
.mediaList{
	justify-content: flex-end;
}
.mediaList .item{
	width: 8.5rem;
	height: 8.5rem;
	border-radius: 50%;
	box-sizing: content-box;
	margin-right: 4rem;
}
.mediaList .item:last-child{
	margin-right: 0;
}
.mediaList .item a{
	position: relative;
	display: block;
	z-index: 1;
	border: 1px dashed #ECE9E3;
	border-radius: 50%;
}
.mediaList .item a:hover{
	background: #A8947A;
	border-color: transparent;
}
.mediaList .codeItem{
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%) rotateX(-180deg) scale(0.8);
	transform-origin: bottom center;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0 ease;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}
/* .mediaList a:hover .codeItem, */
.mediaList .on a .codeItem{
	transition: all 0.25s ease, opacity 0.15s ease-out 0.05s;
	transform: translateX(-50%) rotateX(-0deg) scale(1);
	opacity: 1;
}
.ft-links{
	justify-content: flex-end;
	align-items: center;
	margin: 3.3rem 0 1.6rem;
	padding-bottom: 1.7rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ft-links a{
	margin-right: 4.5rem;
	color: #fff;
	line-height: 2.4rem;
	font-weight: bold;
}
.ft-links a:last-child{
	margin-right: 0;
}
footer .right .text{
	text-align: center;
	letter-spacing: 0.02em;
}
footer .right .text span{
	margin-right: 1.6rem;
}
footer .right .text span:last-child{
	margin-right: 0;
}

/* Responsive style */
@media screen and (max-width:1500px){
	html {
        font-size: calc(100vw / 180); 
    }
}

@media screen and (max-width:1200px){
	html {
        font-size: calc(100vw / 175);
    }
}

@media screen and (max-width: 1024px){
	/* html {
        font-size: calc(100vw / 145);
    }
	.block2{
		width: 130rem;
	} */
	.header .nav{
		margin-right: 10px;
	}
}

@media screen and (max-width:998px){
	body{ padding-top: 66px;}
	#con1{
		z-index: 10;
	}
	#con1 #img2{
		transition: all 0s ease;
		height: 66px;
		box-sizing: border-box;
		padding-top: 0px;
	}
	body #con1 #img2::before{
		height: 66px;
		background: #2F1401;
	}
	.header .nav,
	.header .menu{
		display: none;
	}
	.gp-menu-header{
		width: unset;
	}
	.header .logo{
		width: 254px;
	}

	footer{
		padding: 64px 0 86px;
	}
	footer .footer-line.isView{display: none;}
	footer .flex{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer .mediaList{
		flex-direction: row;
	}
	footer .text .time{
		margin: 10px 0 20px;
	}
	footer .text .time span{
		line-height: 60px;
	}
	footer .text .time span:last-child{
		margin-left: 20px;
	}
	footer .text div{
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}
	footer .text div:last-child{
		font-size: 16px;
		text-align: left;
	}
	footer .code{
		display: none;
		margin-left: 0;
		margin-top: 30px;
	}
	footer .left,
	footer .right{
		width: 100%;
		max-width: 660px;
	}
	footer .right{
		padding-left: 0;
		margin-top: 40px;
	}
	footer .right .text{
		margin-top: 10px;
	}
	.mediaList .item{
		width: 63px;
		height: 63px;
		margin-right: 20px;
	}
	footer .ft-links{
		margin: 40px 0 0;
		flex-direction: row;
		padding-bottom: 14px;
	}
	.ft-links a{
		font-size: 16px;
		line-height: 20px;
	}
	footer .right .text span{
		font-size: 14px;
		line-height: 24px;
	}
	footer .code{
		width: 143px;
	}
}

@media screen and (max-width:768px){
	footer .text div{
		text-align: left;
	}
	footer .left br{
		display: none;
	}
}

@media screen and (max-width:580px){
	footer{
		margin-top: -25px;
	}
}

@media screen and (max-width:540px){
	footer .right .text span{
		display: block;
		margin: 0px;
	}
}

@media screen and (max-width:480px){
	footer .text div{
		text-align: center;
	}
	footer .text .time span{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	footer .text .time span:last-child{
		margin-left: 0;
	}
  
}

@media screen and (max-width:430px){
	.gp-m-logo{
		max-width: 70%;
	}
}

@media screen and (max-width:414px){
	#con1 #img2{
		/* padding-top: 5.5vw; */
	}
	.header .logo{
		max-width: 230px;
	}
	.gp-menu-nav{
		padding-left: 25px;
		padding-right: 25px;
	}
	.gp-m-logo{
		max-width: 66%;
	}
	
	#con1 #img2{
		width: 100%;
		padding-left: 10px;
	}
	footer .ft-links{
		flex-wrap: wrap;
	}
	.ft-links a{
		font-size: 16px;
		margin-right: 0px;
		width: calc(50% - 10px);
	}
	.ft-links a:nth-of-type(2n + 1){
		text-align: right;
		margin-right: 10px;
	}
}

@media screen and (max-width:370px){
	.gp-menu .menu .calendar, .gp-menu .menu .gp-menu-header{
	  width: 55px;
	  height: 55px;
	}
	body{ padding-top: 55px;}
	#con1 #img2,
	body #con1 #img2::before{
		height: 55px;
	}
	.header .logo{
		max-width: 200px;
	}

	footer{
		padding: 40px 0;
	}
	footer .text .time{
		margin: 10px 0;
	}
	footer .text .time span{
		line-height: 40px;
	}
	footer .ft-links{
		margin: 20px 0 0;
	}
}