/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden; background: url(../images/partBg.jpg) 50% 50% repeat;}

/* ===== Global Font Override ===== */
html,
body,
button,
input,
select,
textarea {
    font-family: "Inter", Arial, sans-serif !important;
}

body{font-family:"Inter", Arial, sans-serif; color:#fff; line-height:20px; min-width: 950px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 940px; z-index:2; height:100%; }
html{ overflow-y: scroll; }

.page_spinner{ position:fixed; background:#fff; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{ color:#023f98; text-decoration:none; outline:none; font-size: 14px; }
a:hover{ text-decoration:underline}
h1{font-family: "Inter", Arial, sans-serif; color:#052667; font-size:22px; line-height: 25px; width:100%;  text-transform: uppercase; font-weight:bold; padding-bottom: 38px;}
h2{font-family: "Inter", Arial, sans-serif; color:#052667; font-size:22px; line-height: 25px; width:100%;  text-transform: uppercase; font-weight:bold; padding-bottom: 38px;}
h3{color:#052667; font-size:13px; line-height: 22px; width:100%;  text-transform: uppercase; font-weight: bold;}
h4{color:#052667; font-size:20px; line-height: 22px; width:100%;  text-transform: uppercase; font-weight: bold; border-bottom:2px solid #023f98; }
h4:hover{ color:#65a0f7;}
h5{font-family: "Inter", Arial, sans-serif; color:#023f98; font-size:28px; line-height: 25px; width:100%;  text-transform: uppercase; font-weight: normal; padding-bottom: 6px;}
h6{font-family: "Inter", Arial, sans-serif; color:#023f98; font-size:22px; line-height: 25px; width:100%;  text-transform: uppercase; font-weight: normal; padding-bottom: 6px;}

.center{ padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================ */

/*
header{position: relative; width: 940px; height: 180px; z-index: 3;  margin: 0 auto;float: left;text-align: center;}
*/
header{position: relative; width: 940px; height: 180px; z-index: 3;  margin:-20px auto;float:left;text-align: center;}

.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo2.png) 0 0 no-repeat; width: 332px; height: 160px; margin: -50px auto 0 auto;}
#logo:hover{text-decoration:none; background: url(../images/logo21.png)}
.logoHolder{ display:inline-block; position: relative; height: 160px;margin: 50px auto 0 auto;}

.menu{position:relative; z-index:1; display: inline-block; }
.menuHolder{ display:inline-block; position: absolute; width: 940px; z-index: 1; left: 0; top: 242px;}
#menu {z-index:3; position:relative; display: inline-block;float: left;}
#menu > li{position:relative;  color: white;  text-align: left; display: inline-block;float: left; width: 226px; height: 196px;margin-right: 12px;left: -1700px;}
#menu > li > a{display: block; text-transform:uppercase; position:relative;  height: 196px;  width: 226px;  z-index: 1;overflow: hidden;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
#menu ._last{margin: 0;}
#menu > li img{position: absolute; top: 0;}

.submenu_1{position:absolute; z-index:2; top: 176px; left: 10px;   display: block; width: 240px;}
.submenu_1 li{ position:relative; display:inline-block;  float: left; width: 100%; margin-bottom: 4px;}
.submenu_1 a{font-family: "Inter", Arial, sans-serif; line-height: 20px; color: #FFF; font-size: 15px; display:inline-block; text-transform:uppercase; padding: 6px 15px 6px 15px; background: #052667; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;border-radius: 8px;     /* 圆角 */}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#000; background: #d4e1fa; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

 



.mText{font-family:"Inter", Arial, sans-serif; color: #FFF; line-height:125px; font-size: 25px; position: relative; width: 100%; z-index: 2; text-align: center; margin-top: 75px; }



._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
._overPl{position: absolute; width: 100%; height: 100%; top: 0px; z-index: 0;left: 0;display: block; background: url(../images/bg2.png);}
.menuExtra{width: 226px; height: 196px; position: absolute; display: inline-block; background: url(../images/bg1.png) 0 0 no-repeat;top: 0;}


/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;  float: left;overflow: visible;height: 615px;}

#content > ul{width: 940px;  z-index: 0; display: inline-block;position: relative;overflow: visible;}
#content > ul > li{width: 940px; display:block; position:absolute; }
.box{width: 940px; position: relative; display: inline-block; }
.space1{display:inline-block; width: 95px;}
.space2{display:inline-block; width: 65px;}

.more{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:10px 16px;
  border-radius:14px;

  background:#052667;
  border:1px solid #052667;

  color:#fff !important;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.3px;
  font-family:"Inter", Arial, sans-serif;

  box-shadow:0 10px 22px rgba(5,38,103,0.20);
  transition:transform 160ms ease,
             box-shadow 160ms ease,
             background 160ms ease,
             border-color 160ms ease;
}

.more:hover{
  background:#023f98;
  border-color:#023f98;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(5,38,103,0.26);
}

._link1{font-size: 13px; color: #052667;}
._link3{color:#052667; font-size:13px; line-height: 22px;  text-transform: uppercase; font-weight: bold;}

._linknew{color:#023f98; font-size:13px; line-height: 22px; font-weight: bold;}
._linknew1{color:#023f98; line-height: 22px;font-size:16px; font-weight:bold;}


._link4{color:#d4e1fa; font-size:12px; line-height: 22px;  text-transform: uppercase; font-weight: bold;}
.padRight1{padding-right: 20px;}
.padLeft1{padding-right: 0px;}
.padTop1{padding-right: 20px;}
.padBot1{padding-bottom: 26px;}
.padBot2{padding-bottom: 8px;}
.padBot3{padding-bottom: 20px;}
.padBot4{padding-bottom: 9px;}
.padBot5{padding-bottom: 24px;}
.padBot6{padding-bottom: 29px;}
.marTop1{margin-top: -6px;}
.marTop2{margin-top: 18px;}
.bordBot1{border-bottom: 1px solid #eeefef;}
._fig1{position: relative; float: left; margin-right: 13px;}
._fig2{position: relative; float: left; display: inline-block;margin-bottom: 21px;}
._fig2 img{position: relative; display: inline-block; float: left; margin-right: 20px;}
._fig2 figcaption{width: 140px; position: relative; float: left;margin-top: -5px;}
._fig2 p{padding: 0;}
._fig3{position: relative; float: left; display: inline-block;margin-bottom: 35px;}
._fig3 img{position: relative; display: inline-block; float: left; margin-right: 11px;}
._fig3 figcaption{width: 250px; position: relative; float: left;}
._fig3 p{padding: 0;}
._fig4{position: relative; float: left; display: inline-block;}
._fig4 img{position: relative; display: inline-block; float: left; margin-right: 11px; border-radius: 8px;     /* 圆角 */}
._fig4 figcaption{width: 220px; position: relative; float: left;margin-top: 24px;}
._fig4 p{padding: 0;}


._fig41{position: relative; float: left; display: inline-block;}
._fig41 img{position: relative; display: inline-block; float: left; margin-right: 11px;  border-radius: 8px;}
._fig41 figcaption{width: 200px; position: relative; float: left;margin-top: 5px; }
._fig41 p{padding: 0;}


._fig5{position: relative; float: left; display: inline-block;margin-bottom: 21px;}
._fig5 img{position: relative; display: inline-block; float: left; margin-right: 10px;}
._fig5 figcaption{width: 280px; position: relative; float: left;margin-top: -5px;}
._fig5 p{padding: 0;}

._fig6{ position:relative; float: right; display: inline-block;margin-bottom: 21px;}
._fig6 img{position: relative; display: inline-block; float: left; margin-right: 10px;}
._fig6 figcaption{width: 280px; position: relative; float: right;margin-top: -5px;}
._fig6 p{padding: 0;}


._fig7{position: relative; float: left; display: inline-block;margin-bottom: 21px;margin-right: 10px;   }
._fig7 img{position: relative;  display: inline-block; float: left; margin-left: 50px;}
._fig7 figcaption{width: 260px; position: relative; float: none;margin-top: 210px;}
._fig7 p{padding: 0;}
 

._fig8{position: relative; float: left; display: inline-block;margin-bottom: 21px;margin-right: 10px;   }
._fig8 img{position: relative;  display: inline-block; float: left; margin-left: 50px;}
._fig8 figcaption{width: 260px; position: relative; float: none;margin-top: 210px;}
._fig8 p{padding: 0;}

._fig9{position: relative; float: left; display: inline-block;margin-bottom: 21px;margin-right: 10px;   }
._fig9 img{position: relative;  display: inline-block; float: left; margin-left: 50px;}
._fig9 figcaption{width: 260px; position: relative; float: none;margin-top: 210px;}
._fig9 p{padding: 0;}


._list1{width: 100%; position: relative;}
._list1 > li{position: relative; width: 100%; background: url(../images/marker1.png) 0 50% no-repeat;height: 20px;display: inline-block;margin-bottom: 4px;}
._list1 > li > a{color: #052667; font-size: 12px; font-weight: bold; text-transform: uppercase;line-height: 20px;margin-left: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list1 > li > a:hover{color: #006aff; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}


._listnew{width: 100%; position: relative;font-variant:small-caps; font-size:16px; font-weight:bold;}
._listnew > li{position: relative; width: 100%; background: url(../images/marker1.png) 0 50% no-repeat;height: 20px;display: inline-block;margin-bottom: 4px;}
._listnew > li > a{color: #023f98;font-variant:small-caps; font-size:16px; font-weight:bold;line-height: 20px;margin-left: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._listnew > li > a:hover{color: #65a0f7; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

#jcarousel_1{margin-top: 4px;}
#jcarousel_1 > ul{width: 940px;}
#jcarousel_1 > ul > li{width: 220px; height: 360px; position: relative;float: left;margin-right: 20px; border-radius: 8px;     /* 圆角 */}

#jcarousel_12{margin-top: 4px;}
#jcarousel_12 > ul{width: 940px;}
#jcarousel_12 > ul > li{width: 200px; height: 360px; position: relative;float: left;margin-right: 20px; }

.btnHolder{position: absolute;  top: 2px; right: 0px;width: 60px;z-index: 2;}
.scrButn{position: relative; margin-right: 0px;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 220px; height: 270px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat #052667;}

.closeText { color:#052667; }
.closeBtn{position: absolute; display: inline-block;z-index: 2;LEFT: 0;top: 23px;}
.closeBtn > .closeIcon{width: 11px; height: 14px; position: relative; display: inline-block; background: url(../images/closeIcon.png) 0 0 no-repeat;margin-top: 3px;}
.closeBtn > .closeText{ font-weight: bold;font-family:"Inter", Arial, sans-serif; font-size: 20px; color: #052667;display: inline-block;text-transform: uppercase;line-height: 24px;margin-left: 8px;}
.closeBtn:hover .closeText { color:#0070df; }


p{color: #023f98; line-height: 22px; font-size:16px; padding-bottom: 18px;font-family:"Inter", Arial, sans-serif; font-weight: bold;}
/* 1) 默认隐藏旧模板的 success / validation 提示（它们是旧JS用的） */
form .success,
form .error,
form .empty {
  display: none !important;
}

/* 2) 如果你将来要显示验证提示，统一用你要的蓝色 */
form .error,
form .empty {
  color: #023f98 !important;
}

/* 3) 我们新的状态提示（JS 会加这些 class） */
.form-status {
  display: none;
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 14px;
  border: 1px dashed #ddd;
  background: #f5f7fa;
  color: #2c3e50;
}


.form-status.is-show { display: block; }
.form-status.is-success { border-color: #023f98; color: #023f98; }
.form-status.is-error { border-color: #c0392b; color: #c0392b; }

.error,
label.error {
  display: none !important;
}

.success {
  display: none !important;
}


/* 表单输入文字 */
input, textarea, select {
  color: #222 !important;
}

/* placeholder 颜色 */
input::placeholder,
textarea::placeholder {
  color: #888 !important;
  opacity: 1;
}

/* 兼容老浏览器 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #888;
}

a.more.is-loading {
  opacity: 0.7;
  cursor: not-allowed;
  position: relative;
}

a.more.is-loading::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  display: inline-block;
  margin-left: 8px;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}


/* 输入错误红框 */
.input-error input,
.input-error textarea,
.input-error select {
  border: 1px solid #c0392b !important;
  box-shadow: 0 0 0 2px rgba(192,57,43,0.15);
}

/* 错误文字 */
.field-error-msg {
  color: #c0392b;
  font-size: 12px;
  margin-top: 4px;
}

/* 成功状态 */
.input-valid input,
.input-valid textarea {
  border: 1px solid #023f98;
}

/* Keep submit button visible: make .form-status overlay instead of pushing layout */
form{
  position: relative;
}

/* 让提示浮在表单顶部，不再把按钮往下挤 */
/* Form status: inline block above submit (no overlay) */
form .form-status{
  display: none;              /* 默认隐藏 */
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.35;
  border: 1px solid #d0d7e8;
  background: #f3f7ff;
  color: #052667;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

form .form-status.is-show{ display: block; }

/* 保险：提交按钮始终在提示条下面并可见 */
form a.more[data-type="submit"]{
  display: inline-flex;       /* 你现在按钮的 modern 样式 */
  margin-top: 0;
}



/* 给表单内容留出提示条的空间（高度可按你视觉微调） */
form fieldset{
  padding-top: 40px;
}

/* 保险：让提交按钮永远在提示层上面可点 */
form a.more[data-type="submit"]{
  position: relative;
  z-index: 60;
}

/* ============================= footer ====================== */
footer{position: relative; width: 100%; z-index: 2;  height: 165px; display: inline-block;  bottom: 0; float: left;}

video {width: 100%;position: absolute; top: 0; left: 0; border-radius: 8px;     /* 圆角 */
              background-color: rgba(0, 0, 0, 0.5); /*设置背景色透明度*/
             /*加滤镜*/
             
filter: brightness(55%) grayscale(40%);			
 			 /*
			 
			 -moz-filter: blur(10px);
             -ms-filter: blur(10px);
            */
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%);  背景灰度设置*/  }

.mainFooter { z-index:2; margin-left:20px; margin-top:20px;}
.textFooter{font-family:"Inter", Arial, sans-serif; font-size: 16px; font-weight:bold; color: #ffffff; position:relative; display:inline-block; font-variant:small-caps;}
.privHold{ line-height: 20px; position: relative; display: inline-block; margin: 0 auto;}

.footerline2{position: relative;display: inline-block; float:inherit; margin-left:50px;}
.footerline2 > ul{display: inline-block;}
.footerline2 > ul > li{display: inline-block; float: left;margin-left: 6px;}

.footerline3{position: relative;display: inline-block; float: inherit;margin-left:50px;}
.footerline3 > ul{display: inline-block;}
.footerline3 > ul > li{display: inline-block; float: left;margin-left: 6px;}

.footerline4{position: relative;display: inline-block; float: inherit;margin-left:50px;}
.footerline4 > ul{display: inline-block;}
.footerline4 > ul > li{display: inline-block; float: left;margin-left: 6px;}

.followHolder{position: relative;display: inline-block; float:right;top:0px}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 6px;}
/*===================================Map=====================================*/
.google_map{margin:0; width:420px; height:220px; background: #052667; display: inline-block;}
.google_map > span{position: absolute; top: 45%; left: 50%;}



/* ============================= contactForm ============================= */



/* 容器设计：让 label 变成带边框的区块 */
#contactForm .block label {
  display: block; width:400px;
  margin-bottom: 15px; /* 输入框之间的间距 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  border-radius: 4px;     /* 圆角 */
  padding: 5px 10px;      /* 内边距，让内容不紧贴边框 */
  transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
}


/* 悬停及点击时的效果 */
#contactForm .block label:focus-within {
  border-color: #007bff; /* 聚焦时变蓝色 */
  box-shadow: 0 0 5px rgba(0,123,255,0.2);
}

/* 移除原生输入框的默认边框，使其与 label 融合 */
#contactForm input, 
#contactForm select, 
#contactForm textarea {
  border: none !important;
  outline: none !important;
  background: transparent;
  width: 100% !important; /* 让宽度自适应 label 容器 */
  display: block;
}

/* 调整文本域高度 */
#contactForm textarea {
  min-height: 150px;
  resize: vertical; /* 允许用户垂直拉伸 */
}


/* ============================= end contactForm ============================= */

/* ============================= contactFormInquiries ============================= */



/* 容器设计：让 label 变成带边框的区块 */
#contactFormInquiries .block label {
  display: block; 
  width:380px;
  margin-bottom: 15px; /* 输入框之间的间距 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  border-radius: 4px;     /* 圆角 */
  padding: 5px 10px;      /* 内边距，让内容不紧贴边框 */
  transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
}


/* 悬停及点击时的效果 */
#contactFormInquiries .block label:focus-within {
  border-color: #007bff; /* 聚焦时变蓝色 */
  box-shadow: 0 0 5px rgba(0,123,255,0.2);
}

/* 移除原生输入框的默认边框，使其与 label 融合 */
#contactFormInquiries input, 
#contactFormInquiries select, 
#contactFormInquiries textarea {
  border: none !important;
  outline: none !important;
  background: transparent;
  width: 100% !important; /* 让宽度自适应 label 容器 */
  display: block;
}

/* 调整文本域高度 */
#contactFormInquiries textarea {
  min-height: 150px;
  resize: vertical; /* 允许用户垂直拉伸 */
}


/* ============================= end contactFormInquiries ============================= */


/* ============================= inquiryParentForm ============================= */



/* 容器设计：让 label 变成带边框的区块 */
#inquiryParentForm .block label {
  display: block; 
  width:380px;
  margin-bottom: 15px; /* 输入框之间的间距 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  border-radius: 4px;     /* 圆角 */
  padding: 5px 10px;      /* 内边距，让内容不紧贴边框 */
  transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
}


/* 悬停及点击时的效果 */
#inquiryParentForm .block label:focus-within {
  border-color: #007bff; /* 聚焦时变蓝色 */
  box-shadow: 0 0 5px rgba(0,123,255,0.2);
}

/* 移除原生输入框的默认边框，使其与 label 融合 */
#inquiryParentForm input, 
#inquiryParentForm select, 
#inquiryParentForm textarea {
  border: none !important;
  outline: none !important;
  background: transparent;
  width: 100% !important; /* 让宽度自适应 label 容器 */
  display: block;
}

/* 调整文本域高度 */
#inquiryParentForm textarea {
  min-height: 150px;
  resize: vertical; /* 允许用户垂直拉伸 */
}


/* ============================= end inquiryParentForm ============================= */

/* ============================= academyRegisterForm ============================= */

/* 容器设计：让 label 变成带边框的区块 */
#academyRegisterForm .block label {
  display: block; 
  width:380px;
  margin-bottom: 15px; /* 输入框之间的间距 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  border-radius: 4px;     /* 圆角 */
  padding: 5px 10px;      /* 内边距，让内容不紧贴边框 */
  transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
}

/* 悬停及点击时的效果 */
#academyRegisterForm .block label:focus-within {
  border-color: #007bff; /* 聚焦时变蓝色 */
  box-shadow: 0 0 5px rgba(0,123,255,0.2);
}

/* 移除原生输入框的默认边框，使其与 label 融合 */
#academyRegisterForm input, 
#academyRegisterForm select, 
#academyRegisterForm textarea {
  border: none !important;
  outline: none !important;
  background: transparent;
  width: 100% !important; /* 让宽度自适应 label 容器 */
  display: block;
}

/* 调整文本域高度 */
#academyRegisterForm textarea {
  min-height: 150px;
  resize: vertical; /* 允许用户垂直拉伸 */
}

/* ============================= end academyRegisterForm ============================= */

/* ============================= holidayRegisterForm ============================= */



/* 容器设计：让 label 变成带边框的区块 */
#holidayRegisterForm .block label {
  display: block; width:380px;
  margin-bottom: 15px; /* 输入框之间的间距 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  border-radius: 4px;     /* 圆角 */
  padding: 5px 10px;      /* 内边距，让内容不紧贴边框 */
  transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡 */
}


/* 悬停及点击时的效果 */
#holidayRegisterForm .block label:focus-within {
  border-color: #007bff; /* 聚焦时变蓝色 */
  box-shadow: 0 0 5px rgba(0,123,255,0.2);
}

/* 移除原生输入框的默认边框，使其与 label 融合 */
#holidayRegisterForm input, 
#holidayRegisterForm select, 
#holidayRegisterForm textarea {
  border: none !important;
  outline: none !important;
  background: transparent;
  width: 100% !important; /* 让宽度自适应 label 容器 */
  display: block;
}

/* 调整文本域高度 */
#holidayRegisterForm textarea {
  min-height: 150px;
  resize: vertical; /* 允许用户垂直拉伸 */
}


/* ============================= end holidayRegisterForm ============================= */








/* ============================= old forms 

#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative; background:#000000;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {  
	font-size:10px; 
    position:relative; 
    float:left; 	
    color: #052667; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 12px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #052667; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
	float: left;
	text-align: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 436px; 
	padding: 10px 10px; 
	color: #052667; 
	outline:none; 
	font-size: 13px;  
	background: none; 
    font-family: Arial, sans-serif;
	box-shadow: none;
    border: 1px solid #e6e7e9;
	text-transform: uppercase;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 436px; 
	height: 120px;  
	padding: 10px 10px; 
	color: #052667; 
	resize:none; 
	outline:none; 
	font-size: 13px;  
	background: none;
    font-family: Arial, sans-serif;
	box-shadow: none;
    border: 1px solid #e6e7e9;
	text-transform: uppercase;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 12px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 4px;}
end old forms============================= */


#RegisterForm {
	padding:0; 
}
#RegisterForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#RegisterForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#RegisterForm .success {  
	font-size:10px; 
    position:relative; 
    float:left; 	
    color: #052667; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#RegisterForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 12px;
}
#RegisterForm .error,#RegisterForm .empty {
	font-size: 10px; 
	color: #052667; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
	float: left;
	text-align: left;
}
#RegisterForm a {
	position:relative; 
	z-index:1; 
}
#RegisterForm a:hover {text-decoration:none;}
#RegisterForm .input {
	width: 436px; 
	padding: 10px 10px; 
	color: #052667; 
	outline:none; 
	font-size: 13px;  
	background: none; 
    font-family:"Inter", Arial, sans-serif;
	box-shadow: none;
    border: 1px solid #e6e7e9;
	text-transform: uppercase;
}
#RegisterForm textarea {
	overflow:auto; 
	margin:0; 
	width: 436px; 
	height: 120px;  
	padding: 10px 10px; 
	color: #052667; 
	resize:none; 
	outline:none; 
	font-size: 13px;  
	background: none;
    font-family:"Inter", Arial, sans-serif;
	box-shadow: none;
    border: 1px solid #e6e7e9;
	text-transform: uppercase;
}
#RegisterForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}

#RegisterForm .marNone{margin: 0;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: 12px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 4px;}







/* =========================
   Academy page upgrade (cards)
   Paste at END of style.css
   ========================= */

/* 让这类模块变成“卡片”，图标 + 文本对齐 */
.col5 ._fig3{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

/* 图标统一尺寸，避免上下跳动 */
.col5 ._fig3 img{
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: block;
  transition: transform 220ms ease;
}

/* 右侧文字区域占满 */
.col5 ._fig3 figcaption{
  flex: 1 1 auto;
  width: auto !important;
  margin-top: 0 !important;
}

/* 把 a 变成卡片容器 */
.col5 ._fig3 figcaption > a{
  display: block;
  border: 1px solid #cfd6e4;
  border-radius: 10px;
  background: rgba(255,255,255,0.95);
  padding: 14px 14px 12px;
  text-decoration: none;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

/* 标题更像职业 academy */
.col5 ._fig3 figcaption > a h3{
  margin: 0 0 8px 0;
  line-height: 1.15;
  font-size: 16px; /* 你原 h3 很小，这里略提升 */
  letter-spacing: .3px;
}

/* 正文排版：解决你全局 p padding-bottom 太大导致的“段落距离”问题 */
.col5 ._fig3 figcaption > a p{
  margin: 0;                  /* 去掉段落大间距 */
  padding-bottom: 0 !important;
  outline: none !important;   /* 你原来 dashed outline 看起来不像专业卡片 */
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: normal !important;
  color: #023f98;
}

/* 列表样式优化：把 √ 当作“项目符号”，行距更舒服 */
.col5 ._fig3 figcaption > a p br{
  line-height: 1.35;
}

/* Hover：卡片浮起 + 图标轻微放大 + 边框变蓝 */
.col5 ._fig3:hover figcaption > a{
  transform: translateY(-2px);
  border-color: #65a0f7;
  box-shadow: 0 10px 24px rgba(0,0,0,0.14);
}
.col5 ._fig3:hover img{
  transform: scale(1.06);
}

/* 修复 small-caps 影响正文（你 _linknew1 有 font-variant: small-caps） */
._linknew1 p{
  font-variant: normal !important;
  text-transform: none !important;
}

/* =========================
   Mobile responsive
   ========================= */

/* 解除你 body 的 min-width:950 在手机上强制横向滚动的问题 */
@media (max-width: 980px){
  body{
    min-width: 0 !important;
    overflow: auto !important;
    position: relative !important;
    height: auto !important;
  }

  .main{
    width: 100% !important;
    padding: 0 12px;
    box-sizing: border-box;
  }

  #content{
    height: auto !important;
  }

  /* 卡片在手机上：上下布局更舒服 */
  .col5 ._fig3{
    flex-direction: column;
    align-items: flex-start;
  }

  .col5 ._fig3 img{
    width: 64px;
    height: 64px;
    flex-basis: 64px;
  }
}


/* Sidebar navigation */

.side-title{
  font-weight: bold;
  margin-bottom: 12px;
}

.side-title a{
  font-size: 22px;
  color: #052667;
  text-decoration: none;
}

.side-title a:hover{
  color:#0070df;
}

.side-nav li{
  margin-bottom:6px;
}

.side-cta{
  margin-top:10px;
}


/* =========================
   AFAG - JFA Youth Page Style Pack
   Append to END of style.css
   ========================= */

/* 0) 解决白底白字：这两个页面区域强制深色文字 */
#1v1traning, #smallgrouptraining, #privatetraining{
  color: #052667;
}
#1v1traning *, #smallgrouptraining *, #privatetraining *{
  color: inherit;
}

/* 1) 页面标题（JFA风：更克制、留白更合理） */
.afag-page-title{
  letter-spacing: .6px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

/* ============================= */
/* AFAG Sidebar (Pro Academy UI) */
/* ============================= */

/* Sidebar container */
.afag-sidebar{
  border-right: 1px solid #d9e2f2;
  padding-right: 18px;
  position: relative;
  z-index: 20; /* 防遮挡：让侧栏在上层 */
}

/* Title */
.afag-side-title{
  margin: 0 0 14px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9e2f2;
  font-weight: 800;
  letter-spacing: .2px;
}
.afag-side-title a{
  font-size: 22px;
  color: #052667;
  text-decoration: none;
}
.afag-side-title a:hover{
  color: #0070df;
}

/* Nav list */
.afag-side-nav{
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 30;
}
.afag-side-nav li{
  margin: 12px 0;
}

/* Nav buttons */
.afag-side-nav a{
  display: flex;
  align-items: center;
  justify-content:space-between; 
 
  width: 90%;
  padding: 12px 14px;

  border-radius: 14px;
  border: 1px solid #dbe7ff;
  background: #ffffff;

  text-decoration: none;
  font-weight: 800;
  color: #052667;

  box-shadow: 0 6px 14px rgba(5, 38, 103, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
  position: relative;
  z-index: 40; /* 防遮挡：按钮一定在上层 */
}


/* Only remove bullets in the About sidebar menu */
/* Remove marker1.png bullets ONLY in AFAG sidebar nav */
.afag-sidebar ul._listnew.afag-side-nav > li{
  background: none !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 10px; /* 可按需要调整间距 */
}

/* Remove the left indent reserved for the marker */
.afag-sidebar ul._listnew.afag-side-nav > li > a{
  margin-left: 0 !important;
}
/* Hover: lift + soft highlight */
.afag-side-nav a:hover{
  transform: translateY(-1px);
  background: #f3f7ff;
  border-color: #cfe0ff;
  box-shadow: 0 10px 22px rgba(5, 38, 103, 0.10);
}

/* Active: solid academy blue */
.afag-side-nav a.is-active{
  background: #052667;
  border-color: #052667;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(5, 38, 103, 0.22);
}

/* Keyboard accessibility */
.afag-side-nav a:focus-visible{
  outline: 3px solid rgba(0,112,223,.35);
  outline-offset: 2px;
}

/* Note text */
.afag-side-note{
  margin: 14px 0 10px;
  font-size: 13px;
  line-height: 1.45;
  opacity: .9;
  text-align: center;
}

/* CTA: Contact Us */
.afag-side-cta{
  margin: 10px 0 0;
  text-align: center;
}

/* Make Contact Us look like a modern pill CTA, but not huge */
.afag-side-cta a.more{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 16px;
  border-radius: 14px;

  background: #052667;
  border: 1px solid #052667;
  color: #fff !important;
  text-decoration: none;

  font-weight: 800;
  letter-spacing: .3px; 
 
  box-shadow: 0 10px 22px rgba(5, 38, 103, 0.20);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

/* Hover: lift */
.afag-side-cta a.more:hover{
  background: #023f98;
  border-color: #023f98;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(5, 38, 103, 0.26);
}

/* Focus */
.afag-side-cta a.more:focus-visible{
  outline: 3px solid rgba(0,112,223,.35);
  outline-offset: 2px;
}

/* 3) 右侧内容区：图片行更整齐（更像 JFA “photo strip”） */
#1v1traning .col1.padBot1,
#smallgrouptraining .col1.padBot1{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: 50px !important;
}
#1v1traning ._fig1 img,
#smallgrouptraining ._fig1 img{
  border-radius: 10px;
  display: block;
}

/* 4) 卡片（替代你之前的虚线框与 icon） */
#1v1traning .col5 ._fig3,
#smallgrouptraining .col5 ._fig3{
  margin-bottom: 16px;
}

/* 隐藏 page2Icon（如果 HTML 里还在） */
#1v1traning img[src*="page2Icon"],
#smallgrouptraining img[src*="page2Icon"]{
  display: none !important;
}

/* 把链接块变成标准卡片 */
#1v1traning .col5 ._fig3 figcaption > a,
#smallgrouptraining .col5 ._fig3 figcaption > a{
  display: block;
  border: 1px solid #d9e2f2;
  border-radius: 12px;
  background: #ffffff;
  padding: 14px 14px 12px;
  text-decoration: none;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

/* 标题：左侧蓝色短线（JFA 常见的“强调标记”） */
#1v1traning .col5 ._fig3 figcaption > a h3,
#smallgrouptraining .col5 ._fig3 figcaption > a h3{
  margin: 0 0 10px 0;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #023f98;
}
#1v1traning .col5 ._fig3 figcaption > a h3::before,
#smallgrouptraining .col5 ._fig3 figcaption > a h3::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:18px;
  transform: translateY(-50%);
  background:#023f98;
  border-radius:2px;
}

/* 正文：像 JFA 一样紧凑、可读（解决你全局 p padding-bottom 的段落大间距） */
#1v1traning .col5 ._fig3 figcaption > a p,
#smallgrouptraining .col5 ._fig3 figcaption > a p{
  margin: 0 !important;
  padding-bottom: 0 !important;
  outline: none !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #052667 !important;
}

/* 修复 small-caps 影响正文 */
#1v1traning ._linknew1 p,
#smallgrouptraining ._linknew1 p{
  font-variant: normal !important;
  text-transform: none !important;
}

/* hover（克制，不浮夸） */
#1v1traning .col5 ._fig3 figcaption > a:hover,
#smallgrouptraining .col5 ._fig3 figcaption > a:hover{
  transform: translateY(-2px);
  border-color: #65a0f7;
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* 5) 更像 JFA 的“列表排版”：建议你逐步把 √ 项改成 <ul><li>（如果暂时不改 HTML，这里也尽量让它好看） */
#1v1traning .col5 ._fig3 figcaption > a p br,
#smallgrouptraining .col5 ._fig3 figcaption > a p br{
  line-height: 1.25;
}

/* 6) 移动端：侧栏下移、内容单列、去掉硬编码 50px 左边距 */
@media (max-width: 980px){
  body{
    min-width: 0 !important;
    overflow: auto !important;
    position: relative !important;
    height: auto !important;
  }

  .afag-sidebar{
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid #d9e2f2;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  #1v1traning .col1.padBot1,
  #smallgrouptraining .col1.padBot1{
    margin-left: 0 !important;
  }
}


/* Sidebar title */

.afag-side-title{
  margin:0 0 12px 0;
  padding-bottom:8px;
  border-bottom:1px solid #d9e2f2;
  font-weight:700;
}

.afag-side-title a{
  font-size:18px;      /* 原来22px -> 改为18px */
  color:#052667;
  text-decoration:none;
  letter-spacing:0.3px;
}

.afag-side-title a:hover{
  color:#0070df;
}

 /* ============================= Registration Terms Checkbox ============================= */
.afag-terms{
  width: 400px;
  margin: 8px 0 14px;
}
.afag-terms-label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #cfe0ff;
  border-radius: 8px;
  background: #f3f7ff;
  cursor: pointer;
}
.afag-terms-label input{
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.afag-terms-label span{
  font-size: 12px;
  line-height: 1.35;
  color: #052667;
}
/* Terms checkbox block: keep inside the same form frame and wrap text */
.afag-terms{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-weight: normal;        /* 避免和你全局 p 的 bold 混在一起 */
  font-size: 12px;
  line-height: 1.35;
  color: #052667;
  box-sizing: border-box;     /* 防止 padding 导致超宽 */
}

.afag-terms input{
  width: auto !important;     /* 你表单里 input 被强制 width:100%，这里要恢复 */
  margin-top: 3px;
  flex: 0 0 auto;
}

.afag-terms span{
  display:block;
  white-space: normal;
  overflow-wrap: anywhere;    /* 极端情况下也不会撑破容器 */
}


/* ===== Required marker (auto) ===== */
label:has(input[required]),
label:has(select[required]),
label:has(textarea[required]){
  position: relative;
}

label:has(input[required])::after,
label:has(select[required])::after,
label:has(textarea[required])::after{
  content: "*";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #d60000;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

/* ===== Captcha block ===== */
.afag-captcha{
  box-sizing: border-box;
}
.afag-captcha-label{
  display:block;
  font-size: 12px;
  font-weight: 700;
  color: #052667;
  margin: 0 0 6px 0;
}

/* ===== Invalid highlight ===== */
.afag-invalid{
  border-color: #d60000 !important;
  box-shadow: 0 0 0 2px rgba(214,0,0,0.15) !important;
}


/* Required field red star */
.afag-required{
  position: relative;
}

.afag-required::after{
  content:"*";
  position:absolute;
  right:10px;
  top:6px;
  color:#d60000;
  font-weight:900;
  font-size:16px;
  line-height:1;
  pointer-events:none;
}

/* ===== OUR COACHES (scoped): carousel viewport + centered nav buttons ===== */

/* Prevent any right-side overflow */
#ourcoachteam .col4{ overflow: hidden; }

/* Carousel viewport: crops overflow, keeps layout stable */
#ourcoachteam .afag-coach-viewport{
  width: 100%;
  overflow: hidden;
  min-height: 380px; /* adjust 340~420 if needed */
}

/* Coach list: single horizontal row (prevents wrapping / overflow) */
#ourcoachteam #jcarousel_1 ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
}

/* Card width (tune 200/210/220 to fit your col4 width) */
#ourcoachteam #jcarousel_1 ul > li{
  flex: 0 0 220px;
  min-height: 430px;   /* 原来如果太低，就会截掉第4行文字 */
  
  }

/* Fit images into cards */
#ourcoachteam #jcarousel_1 img{
  width: 100%;
  height: auto;
  display: block;
  
}

/* Neutralise legacy floats that may break wrapping */
#ourcoachteam #jcarousel_1 ._fig4{
  float: none !important;
  display: block;
  margin: 0;
  
}

/* Controls: centered, not overlaying carousel */
#ourcoachteam .btnHolder.afag-coach-controls{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  margin-top: 18px;
  overflow: visible;
  position: static !important; /* override global .btnHolder absolute */
  float: none !important;
  height: auto !important;
}

/* Kill legacy positioning on inner containers */
#ourcoachteam .btnHolder.afag-coach-controls .scrButn{
  position: static !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
}

/* Button base: consistent with site + hard override to prevent white background */
#ourcoachteam .btnHolder.afag-coach-controls a{
  /* reset legacy styles */
  text-indent: 0 !important;
  background: none !important;
  background-image: none !important;

  /* layout */
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;

  /* sizing */
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 14px;

  /* visuals (locked) */
  background: #052667 !important;
  border: 1px solid #052667 !important;
  color: #fff !important;
  text-decoration: none;

  /* typography */
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .3px;
  white-space: nowrap;

  /* motion */
  box-shadow: 0 10px 22px rgba(5, 38, 103, 0.20);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
  
}

/* Hover (locked) */
#ourcoachteam .btnHolder.afag-coach-controls a:hover{
  transform: translateY(-1px);
  background: #023f98 !important;
  border-color: #023f98 !important;
  box-shadow: 0 14px 26px rgba(5, 38, 103, 0.24);
  
}

/* CSS arrows (no images): ? Previous / Next ? */
#ourcoachteam .btnHolder.afag-coach-controls .prevBtn::before{
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  margin-right: 8px;
}

#ourcoachteam .btnHolder.afag-coach-controls .nextBtn::after{
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 8px;
}

/* =========================
   PRIVATE TRAINING MODULES
   ========================= */

/* 通用卡片模块 */
#privatetraining .afag-card{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:14px;
  box-shadow:0 6px 14px rgba(5,38,103,0.06);
  padding:16px;
  box-sizing:border-box;
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

/* hover 浮起感（和之前模块统一） */
#privatetraining .afag-card:hover{
  transform:translateY(-2px);
  border-color:#cfe0ff;
  background:#fdfefe;
  box-shadow:0 12px 24px rgba(5,38,103,0.12);
}

/* 顶部介绍模块 */
#privatetraining .afag-intro-card{
  margin-bottom:20px;
  text-align:center;
}

/* 顶部按钮组 */
#privatetraining .afag-button-group{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-top:16px;
  flex-wrap:wrap;
}

/* 左右两个训练模块之间拉开一点 */
#privatetraining .col2.padRight1.afag-card{
  margin-right:10px;
}
#privatetraining .col2.padLeft1.afag-card{
  margin-left:10px;
}

/* 模块标题 */
#privatetraining .afag-card h3{
  color:#023f98;
  margin:0 0 10px 0;
}

/* 模块图片 */
#privatetraining .afag-card img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}

/* 图片下方间距 */
#privatetraining .afag-card .padBot1{
  padding-bottom:14px;
}

/* 模块文字 */
#privatetraining .afag-card p,
#privatetraining .afag-card P{
  margin:0 0 14px 0;
  padding-bottom:0;
  color:#023f98;
}

/* 最后一张图不要留太大底部空白 */
#privatetraining .afag-card .padBot1:last-child{
  padding-bottom:0;
}

/* 模块内按钮/链接不出现下划线 */
#privatetraining .afag-card a{
  text-decoration:none !important;
}
#privatetraining .afag-card a:hover{
  text-decoration:none !important;
}
/* =========================
   SHARED INTRO CARD
   ========================= */

.afag-intro-card{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:14px;
  box-shadow:0 6px 14px rgba(5,38,103,0.06);
  padding:18px 16px;
  box-sizing:border-box;
  margin-bottom:18px;
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.afag-intro-card:hover{
  transform:translateY(-2px);
  border-color:#cfe0ff;
  background:#fdfefe;
  box-shadow:0 12px 24px rgba(5,38,103,0.12);
}

.afag-intro-card h2{
  padding-bottom:16px;
}

.afag-intro-card p{
  padding-bottom:0;
}


/* =============================
   Home page only adjustments
   ============================= */

/* 首页导航栏上移 100px */
body.home-page .menuHolder{
  top: 120px;
}

/* 首页 footer 上移 200px */
@media screen and (min-width: 769px){
  body.home-page footer{
    transform: translateY(-250px);
  }
}




/* =========================
   MOBILE / TABLET STABILITY FIX
   ========================= */
/* =========================
   MOBILE FIX (clean version)
   ========================= */
@media screen and (max-width: 768px){

  html,
  body{
    min-width:0 !important;
    width:100% !important;
    height:auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    position:static !important;
  }

  .glob{
    position:relative !important;
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
  }

  .main,
  .center,
  header,
  .menuHolder,
  #content,
  #content > ul,
  .box,
  .containerContent{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    box-sizing:border-box;
  }

  header{
    float:none !important;
    margin:0 auto !important;
    text-align:center;
  }

  .logoHolder{
    margin:10px auto 0 auto !important;
    height:auto !important;
    top:0 !important;
  }

  #logo{
    width:220px !important;
    height:106px !important;
    margin:0 auto !important;
    background-size:contain !important;
  }

  .menuHolder{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    margin:10px auto 0 auto !important;
  }

  #menu{
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
    float:none !important;
  }

  /* 隐藏 splash 菜单 */
  #menu > li:first-child{
    display:none !important;
  }

  #menu > li{
    width:46% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    left:0 !important;
    float:none !important;
    position:relative !important;
  }

  /* 手机端恢复蓝色导航块 */
  #menu > li > a{
    width:100% !important;
    height:auto !important;
    min-height:58px !important;
    display:block !important;
    background:#052667 !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  /* 去掉菜单里的大图背景影响 */
  #menu > li img,
  .menuExtra,
  ._overPl,
  ._area{
    display:none !important;
  }

  .mText{
    margin-top:0 !important;
    line-height:58px !important;
    font-size:18px !important;
    color:#fff !important;
  }

/* Mobile dropdown menu: collapsed by default */
.submenu_1{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:100% !important;
  margin-top:6px !important;
  display:none !important;   /* 默认隐藏 */
}

.submenu_1 li{
  width:100% !important;
  margin-bottom:4px !important;
}

.submenu_1 a{
  width:100% !important;
  box-sizing:border-box !important;
  background:#023f98 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:18px !important;
  border-radius:8px !important;
  display:block !important;
  padding:8px 12px !important;
}

/* 打开状态 */
#menu > li.is-open > .submenu_1{
  display:block !important;
}

  #content{
    position:relative !important;
    float:none !important;
    margin-top:16px !important;
    height:auto !important;
    overflow:visible !important;
  }

  #content > ul{
    width:100% !important;
    position:relative !important;
    overflow:visible !important;
  }

  #content > ul > li{
    position:relative !important;
    width:100% !important;
  }

  .col1, .col2, .col3, .col4, .col5{
    width:100% !important;
    float:none !important;
    display:block !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  .afag-sidebar{
    border-right:none !important;
    padding-right:0 !important;
    margin-bottom:16px !important;
  }

  /* 图片与卡片 */
  ._fig1, ._fig2, ._fig3, ._fig4, ._fig41, ._fig5, ._fig6{
    width:100% !important;
    float:none !important;
    display:block !important;
    margin:0 0 14px 0 !important;
  }

  ._fig1 img, ._fig2 img, ._fig3 img, ._fig4 img, ._fig41 img, ._fig5 img, ._fig6 img{
    width:100% !important;
    height:auto !important;
    margin-right:0 !important;
  }

  ._fig2 figcaption, ._fig3 figcaption, ._fig4 figcaption, ._fig41 figcaption, ._fig5 figcaption, ._fig6 figcaption{
    width:100% !important;
    float:none !important;
    margin-top:10px !important;
  }

  /* 表单宽度修复 */
  #contactForm .block label,
  #contactFormInquiries .block label,
  #inquiryParentForm .block label,
  #academyRegisterForm .block label,
  #holidayRegisterForm .block label{
    width:100% !important;
    box-sizing:border-box !important;
  }

  #contactForm,
  #contactFormInquiries,
  #inquiryParentForm,
  #academyRegisterForm,
  #holidayRegisterForm{
    width:100% !important;
    box-sizing:border-box !important;
  }

  input,
  textarea,
  select{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* footer 修复 */
  footer{
    position:relative !important;
    float:none !important;
    width:100% !important;
    height:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin-top:24px !important;
    padding:16px 12px 24px !important;
    background:#052667 !important;   /* 关键：白字可见 */
    box-sizing:border-box !important;
  }

  .mainFooter,
  .footerline2,
  .footerline3,
  .footerline4,
  .followHolder{
    display:block !important;
    float:none !important;
    margin:10px 0 !important;
    text-align:center !important;
  }

  .footerline2 > ul,
  .footerline3 > ul,
  .footerline4 > ul,
  .followHolder > ul{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .footerline2 > ul > li,
  .footerline3 > ul > li,
  .footerline4 > ul > li,
  .followHolder > ul > li{
    float:none !important;
    display:inline-block !important;
    margin:0 !important;
  }

  .textFooter,
  .textFooter a,
  .footerline2 a,
  .footerline3 a,
  .footerline4 a{
    color:#fff !important;
  }

  .followHolder pre,
  .followHolder a{
    color:#fff !important;
  }
  
/* Fix inquiries page form stacking on mobile */
#inquiriespage .col2{
  float:none !important;
  width:100% !important;
  display:block !important;
  clear:both !important;
  margin-bottom:30px;
}

/* Ensure form titles stay above forms */
#inquiriespage h2,
#inquiriespage h3{
  display:block;
  width:100%;
  clear:both;
  margin-top:10px;
}  
  
/* =========================
   TOP BUTTON NAV
   ========================= */

/* desktop: one row */
.afag-top-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
}

/* active button */
.afag-top-nav a.more.is-active{
  background:#ff9e03 !important;
  border-color:#ff9e03 !important;
  color:#052667 !important;
  box-shadow:0 10px 22px rgba(255,158,3,0.25);
}

/* mobile: wrap to multiple rows */
 
  .afag-top-nav{
    flex-wrap:wrap;
    gap:10px;
  }

  .afag-top-nav a.more{
    flex:0 0 calc(50% - 10px);
    max-width:none;
    text-align:center;
    justify-content:center;
    min-height:44px;
    padding:10px 12px;
    box-sizing:border-box;
  }
 


/* Mobile: disable footer video and use poster image */
 
  footer video{
    display:none !important;
  }

  footer{
    background:url("../images/video-poster.jpg") center center / cover no-repeat #052667 !important;
  }
}

/* =========================
   UNIFORM PAGE - MOBILE ONE ITEM PER ROW
   ========================= */
@media screen and (max-width: 768px){

  #uniformpage #jcarousel_12{
    width:100% !important;
    overflow:hidden !important;
  }

  #uniformpage #jcarousel_12 > ul{
    width:100% !important;
    display:block !important;
    padding:0 !important;
    margin:0 !important;
  }

  #uniformpage #jcarousel_12 > ul > li{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    display:block !important;
    height:auto !important;
    margin:0 0 18px 0 !important;
  }

  #uniformpage ._fig41{
    width:100% !important;
    float:none !important;
    display:block !important;
    margin:0 !important;
  }

  #uniformpage ._fig41 img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  #uniformpage ._fig41 figcaption{
    width:100% !important;
    margin-top:10px !important;
  }

  /* 手机上把左右切换按钮放中间 */
  #uniformpage .btnHolder{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    gap:12px !important;
    margin-top:12px !important;
  }

  #uniformpage .btnHolder .scrButn{
    float:none !important;
    width:auto !important;
    height:auto !important;
  }
}