@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 font:inherit;
 font-size:100%;
 vertical-align:baseline;
}
html {
 line-height:1;
}
ol, ul {
 list-style:none;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
caption, th, td {
 text-align:left;
 font-weight:normal;
 vertical-align:middle;
}
q, blockquote {
 quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after {
 content:"";
 content:none;
}
a {
    text-decoration: none;
 color:inherit;
}
a:hover {
 cursor: pointer;
}
a img {
 border:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
 display:block;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { 
 font-family: Arial, helvetica, sans-serif; 
 font-size: 16px;
 color:#373741;
 -webkit-text-size-adjust: 100%; 
}

html[lang='en'] body{
 font-family: Arial, helvetica, sans-serif; 
}

.c-Orange { color:#f68b1f; }
.c-Blue { color:#169ddc; }
.c-Blue-1 { color:#1b6081; }
.c-Blue-2 { color:#373741; }
.c-White { color:#fff; }
.c-Gray { color:#63666a;}
.c-Gray-2 { color:#8a8c8f;}

.f-w200 { font-weight:200; }
.f-w300 { font-weight:300; }
.f-w400 { font-weight:400; }
.f-w450 { font-weight:450; }
.f-w500 { font-weight:500; }
.f-w600 { font-weight:600; }
.f-w700 { font-weight:700; }
.f-w900 { font-weight:900; }
.f-s12 { font-size:12px; }
.f-s13 { font-size:13px; }
.f-s14 { font-size:14px; }
.f-s15 { font-size:15px; }
.f-s17 { font-size:17px; }
.f-s18 { font-size:18px; }
.f-s19 { font-size:19px; }
.f-s20 { font-size:20px; }
.f-s22 { font-size:22px; }
.f-s25 { font-size:25px; }
.f-s28 { font-size:28px; }
.f-s30 { font-size:30px; }
.f-s37 { font-size:37px; }
.f-s40 { font-size:40px; }
.f-s45 { font-size:45px; }
.l-h12 { line-height: 1.2em; }
.l-h14 { line-height: 1.4em; }
.l-h16 { line-height: 1.6em; }
.l-h18 { line-height: 1.8em; }
.l-s-01 { letter-spacing:-0.1px; }
.l-s-02 { letter-spacing:-0.2px; }
.l-s-03 { letter-spacing:-0.3px; }
.l-s-04 { letter-spacing:-0.4px; }
.l-s-05 { letter-spacing:-0.5px; }
.l-s-1 { letter-spacing:-1px; }
.l-s-2 { letter-spacing:-2px; }
.l-s-3 { letter-spacing:-3px; }
.l-s-4 { letter-spacing:-4px; }
.l-s1 { letter-spacing:1px; }
.l-s-em-05 { letter-spacing:0.05em; }
.l-s-em-05 { letter-spacing:0.06em; }
.v-a-t { vertical-align:top; }
.t-justify { text-align: justify; text-justify: distribute; }
.m-b100 { margin-bottom:100px!important; }
.m-b90 { margin-bottom:90px!important; }
.m-b80 { margin-bottom:80px!important; }
.m-b70 { margin-bottom:70px!important; }
.m-b65 { margin-bottom:65px!important; }
.m-b60 { margin-bottom:60px!important; }
.m-b50 { margin-bottom:50px!important; }
.m-b40 { margin-bottom:40px!important; }
.m-b45 { margin-bottom:45px!important; }
.m-b35 { margin-bottom:35px!important; }
.m-b30 { margin-bottom:30px!important; }
.m-b25 { margin-bottom:25px!important; }
.m-b20 { margin-bottom:20px!important; }
.m-b15 { margin-bottom:15px!important; }
.m-b10 { margin-bottom:10px!important; }
.m-b5 { margin-bottom:5px!important; }
.m-t60 { margin-top:60px!important; }
.m-l5{ margin-left:5px; }
.m-l10{ margin-left:10px; }
.m-r5{ margin-right:5px; }
.m-r10{ margin-right:10px; }
.m-auto { margin:0 auto; }
.t-a-c { text-align:center!important; }
.t-a-r { text-align:right!important; }
.t-a-l { text-align:left!important; }
.d-table { display:table; }
.u-s-non { user-select: none; }

.row-l { display:flex; flex-direction:row; }
.row-r { display:flex; flex-direction:row-reverse; }
.flex-start{ justify-content:flex-start; }
.flex-end{ justify-content:flex-end; }
.center{ justify-content:center; }
.space-between{ justify-content:space-between; }
.space-around{ justify-content:space-around; }
.t-c{text-align: center;}
.t-d-u{
 text-decoration: underline;
}
nav a { user-select: none; }

.pc{ display:initial; }
.mb{ display:none;}

@media screen and ( max-width:768px ) {
 .pc{ display:none; }
    .mb{ display: initial; }
    body.fixed{
  overflow: hidden;
 }
}

@media screen and ( max-width:768px ) {
 body {
  /*padding-top:86px;*/
  font-size:16px;
 }
 h1{
  line-height: 1.6em;
 }
}







/*----------  ----------*/
header { 
 width:100%; 
 /*height:70px; */
 background-color:#fff; 
 display:flex; 
 align-items:center; 
 /*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */
 /*position: fixed;*/
 z-index: 5
}
 header>div { width:930px;  margin: auto; display:flex; justify-content:space-between; align-items:center; }
 header>div nav { height:70px; display:flex; align-items:center; }
 header>div nav a { height:70px; padding-left:15px; padding-right:15px; position:relative; display:flex; align-items:center; transition:background .3s ease-in-out; }
 header>div nav a:hover { background-color:#efeff0; }
 header>div nav a.select::after { width:calc(100% - 26px); height:0; content:''; position:absolute; bottom:8px; left:13px; border-bottom: 3px solid #006496; }

@media screen and ( max-width:930px ) {
 header>div  { width: 100%;padding:0 15px;}
}
@media screen and ( max-width:768px ) {
 header  {height:10vw;}
 header>div a{
  max-width: 13vw;
 }
 header>div a img{width: 100%;height: auto;}
}

@media screen and ( max-width:414px ) {
 header  {height:16vw;}
 header>div a{
  max-width: 16vw;
 }
}
/*----------  ----------*/
footer {padding: 0 40px; background-color:#373741; padding-top:50px; padding-bottom:30px; font-size: 15px;z-index: 1;position: relative; margin: 0 auto;}
footer h1{font-size: 18px;}
footer>div { width:1280px;  margin: auto; }
.footer-info { border-top:0px solid #fff; border-bottom:0px solid #fff; padding:0px 0; }
.footer-info i{padding: 0 1em;}
.footer-nav { display:flex; justify-content:space-between; }
@media screen and ( max-width:1280px ) {
 footer>div { 
        width:100%!important; 
        margin: auto; 
    }
}
@media screen and ( max-width:950px ) {
 footer{width: 100%;}
 footer>div { width:100%;  margin: auto;padding: 0 25px; }
 .footer-info{ padding-left:25px; padding-right: 25px;}
}
@media screen and ( max-width:768px ) {
 footer {padding-bottom: 120px;}
 footer h1{font-size: 25px;}
 footer>div { font-size:22px; }
 footer>.footer-info p{
  font-size: 20px;
 }
 footer>.footer-nav nav,footer>.footer-nav i { font-size:22px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }

}
@media screen and ( max-width:640px ) {
 footer {padding-bottom: 16vw; padding: 6vw 3vw 6vw 3vw;}
 footer h1{font-size: 22px;}
 footer>div { font-size:22px;padding: 0;word-break: break-all; }
 footer>.footer-info p{
  font-size: 20px;
 }
 .footer-info{padding: 3vw 2vw;}
 footer>.footer-nav nav,footer>.footer-nav i { font-size:22px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }
}

@media screen and ( max-width:414px ) {
 footer h1{font-size: 18px;}
 footer>div { font-size:16px;padding: 0; }
 footer>.footer-info p{
  font-size: 16px;
 }
 .footer-info{padding: 3vw 2vw;}
 footer>.footer-nav nav,footer>.footer-nav i { font-size:16px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }
}


/*---------- KV ----------*/
#KV { background-color:#ebebec; overflow:hidden; }
 #KV>div { width:930px; height:250px;  margin: 0 auto; position:relative; }
 #KV .title { padding-top:30px; position:absolute;margin-top:65px; z-index:2; }
 #KV .title h1 { word-break:keep-all; font-size:40px; margin-bottom:10px;letter-spacing: -.0625em; }
 #KV .title p { line-height:1.8em; margin-bottom:40px; color: #a0a0a0; font-weight: bold;font-size: 20px;}

.cicle { position:absolute; left:50%; top:0; margin-left:-32px; margin-top:34px;  }
.cicle > div img{max-width: 450px;}
.cicle .shining{
 width:98px;
 height: 100px;
 position: absolute;
 top: 40px;
 right: 10px;
 background:url(../images/shining.png) center center no-repeat;
 background-size: cover;
}
@media screen and ( max-width:768px ) {
 #KV>div{
  width: 100%;
 }
 #KV .title{
  margin-top: 20px;
  margin-left: 24px;
 }
 .cicle{
  margin-top: 60px;
 }
}
@media screen and ( max-width:640px ) {
 section{
  overflow: hidden;
  /*width: 100%;*/
 }
 #KV{
  padding-top: 0px;
  width: 100%;
  overflow: hidden;
 }
 #KV>div { width:100%; height:45.3125vw; }
 #KV .title {width: 100%; height:100%; padding-top:5vw; padding-left:25px; margin-left:33px;margin: 0;display: flex;justify-content: flex-start;flex-direction: column; }
 #KV .title h1 { 
  font-size: 5vw;
  margin-bottom:.5em; 
 }
 #KV .title p { width:519px; line-height:1.8em; margin-bottom:0px; font-size:3vw; }
 #KV .title a { width:519px; height:56px; }
 #KV .title a i { text-indent:-20px; }
  

 .cicle > div{text-align: center;}
 .cicle > div img{
  max-width: 50vw;
 }
 .cicle .shining{
  top: 2vw;
  right: -3vw;
 }
}
.header-h{
 width: 100%;
 /*height: 70px;*/
 position: relative;
}

.form{
 position: relative;
 width: 100%;
 margin: 0 auto;
 background: #f9f9fa;
 padding: 20px 0;
}
.form > div{
 /*width: 575px;*/
 /*max-width: 930px;*/
/* margin: 0 auto;
 padding: 22px 23px;*/
}
.form .title{

 margin-bottom: 25px;
}
.form .form-txt{
 font-size: 16px;
 line-height: 25px;
}
.form .form-txt p{
 word-break: break-all;
    text-align: justify;
    text-justify: inter-ideograph;
}
.form .form-txt span{color:#a1a1a1;font-weight: initial;font-size: 14px; }
.form .form-txt span i{color: #ff0000;}

.form h1{font-size: 40px;font-weight: bold;}
form{text-align: center;}
.form dl{font-size: 16px;line-height: 23px;width: 100%;max-width: 1000px;}
.form dt{
 font-weight: 500;
 /*font-weight: bold;*/
 margin-top: 20px;
 text-align: left;}
.form dt.required::after{
 content: "*";
 font-size: 14px;
 display: inline-block;
 color: #ff0000;
 font-weight: 400;
}
.form dt.short{width: 50%;}
.form dd{display: flex;font-weight: 500;max-width: 1000px;flex-wrap: wrap;text-align: left;}
.form dd > *{margin: 8px 0;}
.form dd.rowList-2way{justify-content: center;align-items: center;}
.form dd.rowList-2way > *{width: 50%;}
.form dd.rowList-2way > *:nth-child(1){padding-right: .5em;}
.form dd.rowList-2way > *:nth-child(2){padding-left: .5em;}
.form dt.short + dd{width: 50%;}
.form .radiobox{position: relative;margin-left:7px;margin-right: 22px;}
.form .row .radiobox{width: calc((100% / 3) - 29px)}
.form dd.col{flex-direction: column;}
.form .checkbox{position: relative;margin-left:7px;margin-right: 22px;}
.form .row .checkbox{width: calc((100% / 3) - 29px)}
.form dt span{
 color: #a0a0a0;
 font-size: 14px;
 font-weight: 400;
}
input:focus,select:focus,textarea:focus{
 outline: none;
}
input[type=checkbox],input[type=radio] {
 font-family: Arial, helvetica, sans-serif; 
    visibility: hidden;
    margin-right: .5em;
}
input[type=email],input[type=text],input[type=tel]{
 font-family: Arial, helvetica, sans-serif; 
 border:0.5px solid #c3c4c5;
 font-size: 16px;
 line-height: 45px;
 height: 45px;
 width: 100%;
 padding: 0 0.5em;
}
select{
 font-family: Arial, helvetica, sans-serif; 
 border:1px solid #bbbcbd;
 font-size: 16px;
 line-height: 35px;
 width: 100%;
 height: 35px;
 padding: 0 0.5em;
 background-image: url(https://image.gim.jpmorgan.com/lib/fe92137277640d7f72/m/26/004866f0-f387-4302-bae5-4f5de559374e.svg);
 background-position: calc(100% - .5em) calc(50%);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
select::after{
 content: "\f107";
}
label{
 margin-right: .5em;
}
input[type=checkbox]:checked + label:after,input[type=radio]:checked + label:after  {
    opacity: 1;
}
input[type=radio] + label {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 12px;
    border:1px solid #bbbcbd;
}
input[type=radio] + label:after  {
 content: '';
    width: 13px;
    height: 13px;
    border-radius: 7px;
    position: absolute;
    top: 4px;
    left: 4px;
    /*border: 3px solid #006496;*/
    background: #006496;
    opacity: 0;
}
input[type=checkbox] + label {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 1px;
    border:1px solid #bbbcbd;
}
input[type=checkbox] + label:after {
 content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px solid #006496;
    border-top: none;
    border-right: none;
    background: #006496;
    opacity: 0;
}
dt.textarea + dd{
 height: 160px;
 width: 100%;
}
textarea{
 font-family: Arial, helvetica, sans-serif; 
 font-size: 16px;
 width: 100%;
 height: 160px;
 padding: 0.5em 0.5em;
}
textarea,input:not([type=radio]),select,input[type=checkbox] + label{
 border-radius: 2px;
}
.form .form-info{
 color: #7f7f7f;
 font-size: 14px;
 line-height: 23px;
}
.form .form-info li{
 list-style:decimal;
 list-style-position: inside;
}

.form .subscribe-btn {
 background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 0px;
    width: 290px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    margin-top: 20px;
    line-height: 1.4375rem;
    border:none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    /*font-weight: 500;*/
    /* font-size: 16px; */
    margin: 50px auto 100px auto;
}
.form .subscribe-btn:hover{
 background-color: #005078;
}



.thanks{
 position: relative;
 width: 100%;
 margin: 0 auto;
 background: url(../images/thanks_bg.jpg) center center no-repeat;
 background-size: cover;
 padding: 20px 0;
}
.thanks > div{
 left: 50%;
 width: 460px;
 background: #efedec;
 margin-left:-500px;
 position: relative;
 padding: 22px 15px;
}
.thanks .title{
 margin-bottom: 25px;
}
.thanks > div > p{
 font-size: 22px;
 margin-bottom: 10px;
 font-weight: bold;
}
.thanks h1{font-size: 30px;font-weight: bold;}

.thanks .discount{display: flex;justify-content: space-between;}

.thanks .discount > dl{width: 211px;}
.thanks .discount dt img{width: 100%;height: auto;display: block;}
.thanks .discount dd{
 width: 100%;
 padding: 10px;
 background: #fff;
 height: 185px;
 position: relative;
}
.thanks .discount dd h3{
 color:#006496;
 font-size: 22px;
 padding-bottom: 1em;
}
.thanks .discount dd p{
 font-size: 16px;
 line-height: 21px;
}
.thanks .discount-btn{
 font-size: 16px;
 right: 10px;
 bottom: 10px;
    padding: 7px 24px 7px 24px;
}

.thanks-info p{
 margin-top: 10px;
 font-size: 12px;
}
.thanks-info a{
 color:#b2b2b2;
 border-bottom: 1px solid #b2b2b2;
}
@media screen and ( max-width:1100px ) {
 .thanks > div{
  left: 0%;
  margin-left:50px;
 }
}

@media screen and ( max-width:920px ) {
 .form{width: 100%;}
 .thanks{width: 100%;}
}
@media screen and ( max-width:768px ) {
 /*.header-h{height: 10vw;}*/
 .form{
  padding: 0px;
  margin-bottom: 0px;
  /*background: url(../images/bg_m.jpg) center -10vw no-repeat;*/
  background-size: 100%;
  padding-top: 0vw;
 }
 .form > div{width: 100% !important;margin-left: 0px;padding: 45px 35px;}
 
 
 .form dl{
  max-width: 100%;
  font-size: 22px;
  line-height: 36px;
 }
 .form .form-txt{font-size: 20px;line-height: 30px;}
 .form .form-info,.form span{font-size: 18px;line-height: 30px;}
 .form .subscribe-btn{
  width: 100%;
  font-size: 25px;
  line-height: 62px;
  padding: 0;
 }
 .thanks{
  padding: 0px;
  margin-bottom: 0px;
  background: url(../images/m_thanks_bg.jpg) center top no-repeat;
  background-size: contain;
  padding-top: 23.59375vw;
 }
 .thanks > div{width: 100%;margin-left: 0px;padding: 7vw 5vw 3vw 5vw;}
 .thanks h1{font-size: 6.25vw;}
 .thanks .title{
  margin-bottom: 12.5vw;
 }
 .thanks > div > p{font-size: 4.6875vw;}
 .thanks .discount {
  width: calc(100% + 40px);
  margin-left: -20px;
 }
 .thanks .discount > dl{
  width: calc( (100% - 2vw) / 2);
 }
 .thanks .discount dd{height: 37vw;padding: 15px;}
 .thanks .discount dd h3{font-size: 3.4375vw;}
 .thanks .discount dd p{font-size: 3.4375vw;line-height: 1.6em;}
 .thanks .discount-btn{
  font-size: 3.4375vw;
  padding: 10px 4.375vw 10px 4.375vw;
 }
 .thanks-info{
  margin-left: -10px;
  font-size: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
 }
 .thanks-info{
  margin-top: 20px;
 }
 .thanks-info p{margin-right: 1em;margin-top: 0;}

 label,input[type=checkbox] + label,input[type=radio] + label{width: 36px;height: 36px;}
 input[type=radio] + label{border-radius: 18px;}
 input[type=radio] + label:after {
     width: 20px;
     height: 20px;
     border:none;
     border-radius: 10px;
     top: 7px;
     left: 7px;
 }
 input[type=checkbox] + label:after {
     width: 15px;
     height: 9px;
     position: absolute;
     top: 7px;
     left: 8px;
     border: 3px solid #006496;
     border-top: none;
     border-right: none;
     background: transparent;
     opacity: 0;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 .form dt.short{width: 100%;}
.form dt.short + dd{width: 100%;}
 input[type=email], input[type=text], input[type=tel]{
  font-size: 22px;
  line-height: 60px;
  padding-left:.5em;
 }
 textarea{
  font-size: 22px;
 }
 select{
  height: 50px;
  line-height: 50px;
  padding-right: 2em;
  padding-left: .5em;
 }
 .form dt.required::after{
  font-size: 22px;
 }
 .form .row .radiobox {
     width: calc((100% / 2) - 29px);
 }
 .form .row .checkbox {
     width: calc((100% / 2) - 29px);
 }
 input[type=checkbox], input[type=radio]{width: 36px;}
 input[type=checkbox] + label:after {
     width: 16px;
     height: 9px;
     top: 5px;
     left: 7px;
     border: 5px solid #006496;
     border-top: none;
     border-right: none;
     background: transparent;
     opacity: 0;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

}
@media screen and ( max-width:640px ) {
 .header-h{
  /*height: 10vw;*/
 }
 input[type=email], input[type=text], input[type=tel],select{
  font-size: 19px;
  line-height: 48px;
  padding-left:.5em;
 }
 textarea{font-size: 19px;}
}

@media screen and ( max-width:600px ) {

 .form > div{padding:7vw 5vw; }
 .form dl {
     font-size: 20px;
 }
}

@media screen and ( max-width:550px ) {

 .form > div{padding:6vw 3vw; }
 .form dl {
     font-size: 19px; }
 .thanks .discount dd{
  height: 42vw;
 }
}
@media screen and ( max-width:500px ) {

 .form > div{padding:6vw 2vw; }
 .form dl {
     font-size: 18px; }
 .form .radiobox,.form .checkbox {
     margin-left: 5px;
     margin-right: 18px;
 }
 .thanks .discount dd{
  height: 53vw;
 }
}
@media screen and ( max-width:414px ) {
 .header-h{
  /*height: 16vw;*/
 }
 .form .radiobox,.form .checkbox {
     margin-left: 3px;
     margin-right: 12px;
 }
 .thanks .discount dd{
  height: 53vw;
 }
 input[type=checkbox], input[type=radio]{
  width: 30px;
  margin-right: .25em;
 }
 label, input[type=checkbox] + label, input[type=radio] + label{
  width: 30px;
  height: 30px;
 }
 input[type=radio] + label:after{
  width: 18px;
  height: 18px;
  top: 5px;
  left: 5px;
 }
 input[type=checkbox] + label:after{
  width: 14px;
  height: 7px;
  left: 5px;
 }
}
/*----------  ----------*/
.gotop { 
 width:62px; 
 height:62px; 
 position:fixed; 
 background-color:#6e6e70; 
 right:20px; 
 bottom:30px;
 transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transform: translate(0%, 92px);
    -webkit-transform: translate(0%, 92px);
    z-index: 9 
}
.gotop.show{
 transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%); 
}
 .gotop::before { width:100%; height:100%; content:''; position:absolute; top:0; left:0; background:url("../images/gotop.png") 50% no-repeat; z-index:2; }
 .gotop::after { width:100%; height:0%; content:''; position:absolute; top:0; left:0; background-color:#f68b1f; z-index:1; transition:height .3s ease-in-out; }
 .gotop:hover::after { height:100%; }

@media screen and ( max-width:768px ) {
 .gotop{
  bottom: 140px;
  z-index: 99;
  transform: translate(0%, 140px);
    -webkit-transform: translate(0%, 140px); 
 }
 .gotop:hover::after{
  height: 0;
 }
 #app.page3 .gotop{
    transform: translate(0%, 202px);
    -webkit-transform: translate(0%, 202px);
 }
 #app.page3 .gotop.show{
  transform: translate(0%,0px);
    -webkit-transform: translate(0%, 0px);
  /*bottom:0px;*/
 }
 .footer-info i{padding: 0em;}
}
/*----------  ----------*/
.sub-nav { width:52px; position:fixed; top:20%; right:0; z-index:999; display:flex; flex-direction:column; align-items:center; }
 .sub-nav >div { width:52px; height:150px; background-color:#6e6e70; position:relative; }
 .sub-nav >div::before { width:52px; height:38px; content:''; position:absolute; left:0; top:0; z-index:1; background-color:#f68b1f; transition:height .3s ease-in-out;  }
 .sub-nav >div i { width:52px; height:150px; position:absolute; display:flex; justify-content:center; align-items:center; z-index:3; text-align:center; text-indent:30px; -webkit-writing-mode:vertical-lr; writing-mode:vertical-lr; -ms-writing-mode:tb-lr; direction:ltr; pointer-events: none;}
 .sub-nav >div i::after { width:52px; height:38px; content:''; position:absolute; left:0; top:0; }
 .sub-nav >div:nth-child(1) i::after { background:url("../images/sub-bbtn-open.png") 50% no-repeat; }
 .sub-nav >div:nth-child(2) i::after { background:url("../images/sub-bbtn-buy.png") 50% no-repeat; }
 .sub-nav >div:hover::before { height:150px; }
 .sub-nav >div a{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1}

a.event-btn {
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 16px 36px 16px 20px;
    height: auto;
    color: #fff;
    position: absolute;
    z-index: 0;
/*    bottom: 0px;
    right: 0px;*/
}
.btn-la::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.2); 
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: -1;
}
.btn-la::after {
    content: "";
    /*position: absolute;*/
    display: inline-block;
    margin-left: .5em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.thanks .btn-la::after{
 width: 6px;
 height: 6px;
}
a.event-btn:hover:before {
 opacity:1;
}


/*----------  ----------*/
.nav { width:100%; height:86px; position:fixed; top:0; left:0; z-index:99999; display:none; }
 .nav-wrapper { width:100%; height:86px; background-color:#fff; position:absolute; z-index:1; display:flex; justify-content:space-between; align-items:center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
    .logo { width:85px; height:60px; margin-left:24px; }
    .logo a { width:100%; height:100%; display:block; }
    .logo-pc{padding-top: 0;    padding-bottom: 0;    margin-left: 20px;    width: 83px;    height: 61px;}
    .logo-pc img {max-width: 100%;height: auto;}



@media screen and ( max-width:768px ) {
.nav { display:block; }
.btn-la::after{
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
     border-right: 3px solid #fff;
  background-size: cover;
 }
 .logo{
  max-height:50px;
 }

 .logo img{height: 100%;width: auto;}
}



/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
  width: 100%;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: .5em;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}


/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
  /*padding: 8px 0;*/
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

@media screen and (max-width: 768px){
 .scroll-textarea > .scroll-content > textarea{
     padding: .25em .5em;
 }
}

.c-Orange { color:#f68b1f!important; }
.c-Blue { color:#169ddc; }
.c-Blue-1 { color:#1b6081; }
.c-Blue-2 { color:#373741; }
.c-Blue-3 { color:#006496; }
.c-White { color:#fff; }
.c-Gray { color:#63666a;}
.c-Gray-2 { color:#8a8c8f;}
.c-Red { color:#ff0000!important;}
.pc{
    display: block;
}
.mb{
    display: none;
}
.w100px{
    width: 100px;
}
.w120px{
    width: 120px;
}
.w100{
    width: 100%;
}
.wauto{
    width: auto!important;
}
#KV.noKv>div{
    height: auto;
    min-height: 150px;
}
.noKv .cicle{
    display: none;
}
.m-line1{
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-end;
}
.m-line2{
    flex-wrap: nowrap;
    width: 50%;    
}
.form dd.rowList-3way .m-line1 > *:nth-child(1) {
    padding-right: .5em;
}
.form dd.rowList-3way .m-line1 > *:nth-child(2) {
    padding-left: .5em;
}
.d-flex{
    display: flex;
}
.d-flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: initial!important;
}
.d-flex-sb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aife{
    align-items: flex-end;
}
.jcfs{
    justify-content: flex-start!important;
}
.aic{
    align-items: center;
}
.fdc{
    flex-direction: column;
}
input::-webkit-input-placeholder { 
    color: #c3c4c5; 
}
input::-moz-placeholder { 
    color: #c3c4c5; 
}
input::-moz-placeholder{
    color:#c3c4c5;
}
input::-ms-input-placeholder{
    color: #c3c4c5;
}

header>div {
    width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 56px 15px 56px;
}
#KV>div {
    width: 1400px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 56px;
}
#KV .title {
    padding-top: 30px;
    position: absolute;
    margin-top: 0px;
    z-index: 2;
}
#KV .title p {
    line-height: 1.8em;
    margin-bottom: 40px;
    color: #373741;
    font-weight: normal;
    font-size: 16px;
}
.cicle{
 margin-left: 0;
 margin-top: 0;
 right: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: -50px;
}
.form > div,form > div {
    width: 1000px;
    margin: 0 auto;
    padding: 15px;
}

h3{
    font-size: 28px;
}
h4{
    font-size: 22px;
}
.giftBox{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
}
.giftPhoto{
    width: 200px;
    height: 200px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 30px;
}
.form dd.rowList-3way > *:nth-child(1) {
    padding-right: .5em;
}
.form dd.rowList-3way > *:nth-child(2){
    padding: 0 .5em;
}
.form dd.rowList-3way > *:nth-child(3) {
    padding-left: .5em;
}
.activityDesc{
    margin-top: 50px;
    margin-bottom: 15px;
}
.activityDesc>h3{
    margin-bottom: 30px;
    font-weight: 500;
}
.activityScrollArea{
    width: 100%;
    height: 350px;
    background-color: #fff;
    overflow: hidden;
    overflow-y:scroll;
    /*display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;*/
    padding: 30px;    
    -ms-overflow-style:scrollbar;
}
.activityScrollArea h4{text-align: left;}
.activityScrollArea > ul{
    width: 100%;
    position: relative;
    height: auto;
    display: block;
    margin: 0 1em 0 1em;
}
.activityDesc h4{
    margin-bottom: 15px;
}

ul{
    list-style: disc;
    margin: 0 1em 0 2em;
}
li{
    text-align: justify;
    font-size: 16px;
    line-height: 1.8em;
}
html[lang='en'] li{
    word-break: break-all;
}
.activityDesc table{
    width: calc(100% - 2em);
    margin: 1em;
    position: relative;
    display: block;
}
.activityDesc table tr{
    background-color: #e8eef4;
}
.activityDesc table tr.line2Color{
    background-color: #f9f9fb;
}
.activityDesc table td{
    text-align: center;
    width: 33%;
    line-height: 30px;
    border-right: 1px solid #fff;
    font-weight: 300;
}
.activityDesc ol{
    list-style: decimal;
    margin-left: 1em;
    text-align: justify;
}
.activityDesc ol>li{
}
.tips{
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
    line-height: 25px;
    text-align: justify;
}
html[lang='en'] .tips{
    word-break: break-all;
}
.activityScrollArea>ul{
    margin-bottom: 30px;
}
.activityDesc ul>div{
    margin-right: 1em;
}
.agreementDesc{
    margin-left: 1em;
    line-height: 1.8em;
    text-align: justify;
    margin-right: 1em;
}
ol.agreement{
    margin: 0 1em;
}
ol.agreement li{
    margin-left: 1em;
}
.agreement li{
    list-style:decimal;
}
form .checkbox{
    text-align: left;
    margin-bottom: 15px;
}
.form .row.fiveway .radiobox{
    width: calc((100% / 5) - 29px);
    font-weight: normal;
    line-height: 1.5em;
}
.form .row.tenway .radiobox{
    width: calc((100% / 10) - 29px);
    font-weight: normal;
}
.form .row.fiveway .checkbox {
    width: calc((100% / 5) - 29px);
}
.subTitle{
    margin: 40px 0 20px 0;

}
.subTitle h3{
    margin-bottom: 10px;
}
.subTitle span{
    color: #a1a1a1;
}
.f2>div>.title{
    margin-bottom: 0;
}
.form dd.rowList-3wayAddr > * {
    margin: 0;
}
dl.rowList-3way{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
dl.rowList-3way dd{
    width: calc((100% / 3) - 10px);
}
dd.rowList-3way{
    flex-wrap: nowrap;
}
.displayNone{
    display:none!important;
}
ul.ulDecimal{
    list-style: decimal;
}

header.f3Header{
    /*height: 100px;*/
}
header.f3Header>div{
    /*height: 70px;*/
    margin: 30px auto 0 auto;
}
header.f3Header>div.lang{
    width: 100%;
    height: 30px;
    background-color: #ebebec;
    /*position: fixed;*/
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.lang select {
    font-family: Arial, helvetica, sans-serif; 
    border: 0px;
    background-color: #ebebec;
    font-size: 16px;
    line-height: 35px;
    width: 100px;
    height: 30px;
    padding: 0 0.5em;
    margin-right: 100px;
}
.f3Kv{
    /*margin-top: 30px;*/
}
.f3{
    background-color: #fff;
}

.f3 .title>p, .f4 .title>p{
    line-height: 1.5em;
    text-align: justify;
}
.contentDesc h3{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.contentArea{
    border: 1px solid #ddd;   
    margin-bottom: 15px;
    background-color: #fff;
}
.contentArea.current{
    background-color: #fafafa;
}
.activityBox{
    margin: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.activityName i{
    color: #006496;
    transform: rotate(180deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.contentArea.current .activityName i{
    transform: rotate(0deg);
}
.activityInfo{
    color: #63666a;
    margin-top: 10px;
    margin-left: 1em;
}
.activityPlace{
    padding-right: 0.5em;
    border-right: 1px solid #63666a;
}
.activityDate{
    padding-left: 0.5em;
}
.signInBtn{
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 30px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    height: 45px;
}
.activityContent{
    padding-bottom: 15px;
    padding-left: 20px;
}
.activityContent>div{
    padding: 10px 15px;
}
.activityContent label{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 28px;  
    background-color: #f1eff0;
}
.activityContent ul{
    list-style: none;
    width: 100%;
}
.w70px{
    width: 70px;
}
.contentArea.current .activityContent{
    display: none;
}
.contentArea.current .activityBox{
    padding: 0;
    border: 0;
}
.cancelArea{
    margin-top: 30px;
}
.cancelBtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 30px;
    height: auto;
    color: #006496;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: 1px solid #006496;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    margin: 15px 0;
    height: 45px;
}
.cancelBtn i{
    margin-left: 1em;
}
.speaker{
    margin: 30px 0;

}
.speaker h3{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.speaker.current .speakerOne{
    height: 0;overflow: hidden;
    margin-bottom:0;
}
.speakerPhoto img{
    border-radius: 50%;
}
.speakerInfo{
    font-size: 20px;
    margin-left: 30px;
}
.speaker.current>h3>i{
    transform: rotate(0deg);
}
.speaker .name{
    padding-right: 10px;
    border-right: 1px solid #666;
}

.speaker .speakerTitle{
    padding-left: 10px;
}
.speaker .speakerBrief{
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5em;
}
.speakerOne{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.fullScreenBg{
    background-color: #ebebed;
    width: 100%!important;

}
.fullScreenBg>div{
    width: 1000px;
    margin: 0 auto;
}
.form .row.autoInputW .radiobox {
    width: auto;
}
.viewMap{
    margin-left: 5px;
    border-bottom: 1px solid #006496;
}
ul.activityList li div{
    width: 60px;
    flex-shrink: 0;
}
ul.activityList li{
    text-align: left;
}

.boxArea{
    width: 100%;
}
.box {
    width: -webkit-calc((100% / 3) - 15px);
    width: -moz-calc((100% / 3) - 15px);
    width: calc((100% / 3) - 15px);
    border: 1px solid #ddd;
    margin: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 40px;
    height: 300px;
}
.box p{
    line-height: 1.5em;
    text-align: justify;
    text-justify: inter-ideograph; 
    width: 100%;
}
.box.active{
    background-color: #e8f4ff;
    border: 1px solid #7bb0ce;
}
.selectBtn{
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px;
    width: 125px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    margin-top: 15px;
}
.boxArea.d-flex-center{
    flex-wrap: wrap!important;
}
.f4{
    padding-top: 50px;
    padding-bottom: 0;
}
.w10{
    width: 10%!important;
}
.f4 .activityDesc table td {
    text-align: justify;
    padding: 0 10px;
}
.liveInfo{
    border: solid 1px #dddddd;
    border-top: solid 5px #006496;
    display: flex;
    margin: 20px auto 50px auto!important;
}
.liveInfo>div{
    padding: 30px 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.liveInfoLeft{
    border-right: solid 1px #dddddd;
    /*width: 35%;  */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.liveInfoLeft{
    line-height: 2em;
}
.liveInfoRight{
    line-height: 1.5em;
}
.liveSpeaker span{
    width: 80px;
    flex-shrink: 0;
}

.liveSpeaker02{
    margin-left: 85px;
}
.f5 .signInForm p{
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}
.f5 p.ruleCheckP{
    text-align: left;
}
.form .row.sixway .checkbox, .form .row.sixway .radiobox{
    width: calc((100% / 6) - 25px);
    font-weight: normal;
    line-height: 1.5em;
}

.form.f5 .checkbox, .form.f5 .radiobox {
    margin-right: 15px;
}
.form .checkbox, .form .radiobox {
    font-weight: normal;
}
.form.f5{
    padding-bottom: 0;
}
.f5 .fullScreenBg{
    padding-bottom: 50px;
}
.steps{
    width: 100%;
    margin: 50px 0;
    padding: 30px 55px;
    background-color: #fff;
    border-top: solid 5px #006496;
}
.steps h4{
    margin: 15px 0;
}
.steps p{
    text-align: justify!important;
}
.step img{
    max-width: 100%;
    margin: 0 auto;
}
.stepTags{
    margin-top: 15px;
    color: #63666a;
    font-size: 14px;
}

.form.f3{
    padding-bottom: 0;
}

.speaker>h3>i{
    color: #006496;
        transform: rotate(180deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

select{
    height: 45px;
}
select:required:invalid {
    color: #c3c4c5;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: #000;
}
p.ruleCheckP{
    margin-bottom: 0;
    margin-left: 5px;
    width: 100%;
    margin-top: 2px;
}

@media screen and (max-width: 768px){
    .pc{
        display: none;
    }
    .mb{
        display: block;
    }
    h3{
        font-size: 6vw;
    }
    #KV>div {
        width: 100%;
        height: 100vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 0 15px;
    }
    .cicle { 
        position: relative!important;
        width: 100%;
        height: 100%;
        margin-left: 0;
        left: 0%;
        margin-top: 0;
        
    }
    #KV .title {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 10vw 15px 6vw 15px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    #KV .title h1 {
        word-break: keep-all;
        margin-bottom: 10px;
        letter-spacing: -.0625em;
        font-size: 28px;
    }
    #KV .title p {
        width: 100%;
        line-height: 1.8em;
        margin-bottom: 0px;
        font-size: 16px;
        text-align: center;
    }
    .cicle > div img {
        max-width: 90vw;
    }
    .form>div{
        width: 100%;
    }
    .form .title {
        margin: 40px 0 25px 0;
        text-align: center;
    }
    .form .form-txt span {
        color: #a1a1a1;
        font-weight: initial;
        font-size: 18px;
    }
    .form .form-txt {
        font-size: 18px;
        line-height: 30px;
    }
    .form .form-txt span.tags{
        font-size: 16px;
    }
    .giftBox {
        flex-direction: column;
    }
    .giftPhoto {
        margin-right: 0;
    }
    input[type=email], input[type=text], input[type=tel], select {
        font-size: 16px;
        line-height: 48px;
        padding-left: .5em;
    }
    .form dd.rowList-2way.m-fdc > * {
        width: 50%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }
    dd.rowList-3way{
        flex-direction: column;
    }
    .m-line2 {
        width: 100%;
    }
    .form dd.rowList-3way > *:nth-child(1),
    .form dd.rowList-3way > *:nth-child(2) {
        padding: 0;
        margin: 0;
    }
    .activityScrollArea {
        padding: 15px;    
    }
    .form .form-info, .form span {
        font-size: 16px;
        line-height: 30px;
    }
    .activityDesc table td.m-w20{
        width: 20%;
        height: 40px;  
    }
    ul {
    list-style: disc;
        margin: 0 1em 0 2em;
    }
    label, input[type=checkbox] + label, input[type=radio] + label {
        width: 24px;
        height: 24px;
    }
    input[type=checkbox] + label:after {
        width: 12px;
        height: 5px;
        left: 3px;
    }
    .form .row.fiveway .radiobox{
        width: auto;
    }
    .form.f2>div{
        padding: 20px;
    }
    input[type=radio] + label:after {
        width: 16px;
        height: 16px;
        top: 3px;
        left: 3px;
    }
    .form .row.fiveway .checkbox {
        width: auto;
    }
    .form .row.tenway .radiobox {
        width: calc((100% / 5) - 12px);
    }
    .form .radiobox, .form .checkbox {
        margin-left: 3px;
        margin-right: 8px;
        font-size: 16px;
        /*margin-bottom: 5px;*/
        line-height: 1.5em;
    }
    input[type=checkbox], input[type=radio] {
        width: 24px;
        margin-right: 0;
    }
    .activityBox.d-flex-sb {
        flex-direction: column;
    }
    .activityLeft, .activityRight{
        width: 100%;
    }
    .signInBtn {
        width: 100%;  
        margin-top: 15px;
    }
    .activityContent>div {
        padding: 10px 0;
    }
    .activityContent label {
        flex-shrink: 0;  
    }
    header.f3Header {
        height: 70px;
    }
    header.f3Header>div.lang {
        width: 70px;
        background-color: #fff;
        margin-top: 15px;
    }
    header.f3Header>div {
        height: 70px;
        margin: auto;
    }
    .lang select {
        margin-right: 0;
        background-color: #fff;
    }
    .f3Kv {
        margin-top: 0px;
    }
    .f3 .contentArea ul{
        margin: 0;
    }
    .activityContent {
        padding-right: 20px;
    }
    .cancelArea {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .cancelBtn{
        width: calc(100% - 30px);
    }
    .speakerOne.d-flex{
        flex-direction: column;
    }
    .speakerInfo>.d-flex{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .speakerInfo {
        margin: 0;
    }
    .speaker .name {
        padding-right: 0px;
        border-right: 0;
        margin: 15px 0;
    }
    .speaker .speakerTitle {
        padding-left: 0px;
    }
    .fullScreenBg>div {
        width: 100%;
        margin: 0 auto;
    }
    .form dl {
        font-size: 16px;
    }
    .form dd.row{
        justify-content: flex-start;
        align-items: center;
    }
    .speakerOne {
        align-items: center;
    }
    .form .subscribe-btn {
        font-size: 18px;
    }
    .box {
        width: calc((100% / 2) - 15px);
        padding: 15px;
    }
    .f4 .f4Content .selection h3{
        font-size: 20px;
    }
    .form .selection h3.title {
        margin: 15px 0;
        text-align: center;
    }
    .f4{
        padding: 0;
    }
    .f4Content.m-b50{
        margin-bottom: 20px!important;
    }
    .f4 .w10{
        width: 15%!important;
    }

    .liveInfo{
        flex-direction: column;
    }
    .liveInfoLeft{
        border: 0;
        border-bottom: solid 1px #efefef;;
    }
    .f5 .signInForm p {
        text-align: justify;
    }
    .form.f5 .row.sixway .checkbox, .form .row.sixway .radiobox {
        width: auto;
        font-weight: normal;
        line-height: 1.5em;
    }
    .steps {
        padding: 30px;
    }
    .f5 .fullScreenBg {
        padding-bottom: 0px;
    }
    .steps h4 {
        line-height: 1.5em;
    }
    .liveInfo>div {
        padding: 15px;
    }
    header>div {
        padding: 0px 25px;
    }

}  

@media screen and (max-width: 375px){
    .m-line1 {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .wauto {
        width: 100%!important;
    }
    .m-line1 .wauto .w120px{
        width: 100%;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(2) {
        padding-left: 0;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(2)>dt {
        display: none;
    }
    .form .row.tenway .radiobox {
        width: calc((100% / 5) - 4px);
        margin-right: 0px;

    }
}
@media screen and (max-width: 350px){
    .selectBtn {
        width: 100px;
    }
    .lineWrap{
        display: block;
    }
    .activityScrollArea {
        padding: 10px;
    }
    .activityDesc table {
        width: 100%;
        margin: 0;
        font-size: 15px;
    }

}

body { 
 font-family: Arial, helvetica, sans-serif; 
 font-size: 16px;
 color:#373741;
 -webkit-text-size-adjust: 100%; 
}

html[lang='en'] body{
 font-family: Arial, helvetica, sans-serif; 
}

.c-Orange { color:#f68b1f; }
.c-Blue { color:#169ddc; }
.c-Blue-1 { color:#1b6081; }
.c-Blue-2 { color:#373741; }
.c-White { color:#fff; }
.c-Gray { color:#63666a;}
.c-Gray-2 { color:#8a8c8f;}

.f-w200 { font-weight:200; }
.f-w300 { font-weight:300; }
.f-w400 { font-weight:400; }
.f-w450 { font-weight:450; }
.f-w500 { font-weight:500; }
.f-w600 { font-weight:600; }
.f-w700 { font-weight:700; }
.f-w900 { font-weight:900; }
.f-s12 { font-size:12px; }
.f-s13 { font-size:13px; }
.f-s14 { font-size:14px; }
.f-s15 { font-size:15px; }
.f-s17 { font-size:17px; }
.f-s18 { font-size:18px; }
.f-s19 { font-size:19px; }
.f-s20 { font-size:20px; }
.f-s22 { font-size:22px; }
.f-s25 { font-size:25px; }
.f-s28 { font-size:28px; }
.f-s30 { font-size:30px; }
.f-s37 { font-size:37px; }
.f-s40 { font-size:40px; }
.f-s45 { font-size:45px; }
.l-h12 { line-height: 1.2em; }
.l-h14 { line-height: 1.4em; }
.l-h16 { line-height: 1.6em; }
.l-h18 { line-height: 1.8em; }
.l-s-01 { letter-spacing:-0.1px; }
.l-s-02 { letter-spacing:-0.2px; }
.l-s-03 { letter-spacing:-0.3px; }
.l-s-04 { letter-spacing:-0.4px; }
.l-s-05 { letter-spacing:-0.5px; }
.l-s-1 { letter-spacing:-1px; }
.l-s-2 { letter-spacing:-2px; }
.l-s-3 { letter-spacing:-3px; }
.l-s-4 { letter-spacing:-4px; }
.l-s1 { letter-spacing:1px; }
.l-s-em-05 { letter-spacing:0.05em; }
.l-s-em-05 { letter-spacing:0.06em; }
.v-a-t { vertical-align:top; }
.t-justify { text-align: justify; text-justify: distribute; }
.m-b100 { margin-bottom:100px!important; }
.m-b90 { margin-bottom:90px!important; }
.m-b80 { margin-bottom:80px!important; }
.m-b70 { margin-bottom:70px!important; }
.m-b65 { margin-bottom:65px!important; }
.m-b60 { margin-bottom:60px!important; }
.m-b50 { margin-bottom:50px!important; }
.m-b40 { margin-bottom:40px!important; }
.m-b45 { margin-bottom:45px!important; }
.m-b35 { margin-bottom:35px!important; }
.m-b30 { margin-bottom:30px!important; }
.m-b25 { margin-bottom:25px!important; }
.m-b20 { margin-bottom:20px!important; }
.m-b15 { margin-bottom:15px!important; }
.m-b10 { margin-bottom:10px!important; }
.m-b5 { margin-bottom:5px!important; }
.m-t60 { margin-top:60px!important; }
.m-l5{ margin-left:5px; }
.m-l10{ margin-left:10px; }
.m-r5{ margin-right:5px; }
.m-r10{ margin-right:10px; }
.m-auto { margin:0 auto; }
.t-a-c { text-align:center!important; }
.t-a-r { text-align:right!important; }
.t-a-l { text-align:left!important; }
.d-table { display:table; }
.u-s-non { user-select: none; }

.row-l { display:flex; flex-direction:row; }
.row-r { display:flex; flex-direction:row-reverse; }
.flex-start{ justify-content:flex-start; }
.flex-end{ justify-content:flex-end; }
.center{ justify-content:center; }
.space-between{ justify-content:space-between; }
.space-around{ justify-content:space-around; }
.t-c{text-align: center;}
.t-d-u{
 text-decoration: underline;
}
nav a { user-select: none; }

.pc{ display:initial; }
.mb{ display:none;}

@media screen and ( max-width:768px ) {
 .pc{ display:none; }
    .mb{ display: initial; }
    body.fixed{
  overflow: hidden;
 }
}

@media screen and ( max-width:768px ) {
 body {
  /*padding-top:86px;*/
  font-size:16px;
 }
 h1{
  line-height: 1.6em;
 }
}







/*----------  ----------*/
header { 
 width:100%; 
 /*height:70px; */
 background-color:#fff; 
 display:flex; 
 align-items:center; 
 /*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */
 /*position: fixed;*/
 z-index: 5
}
 header>div { width:930px;  margin: auto; display:flex; justify-content:space-between; align-items:center; }
 header>div nav { height:70px; display:flex; align-items:center; }
 header>div nav a { height:70px; padding-left:15px; padding-right:15px; position:relative; display:flex; align-items:center; transition:background .3s ease-in-out; }
 header>div nav a:hover { background-color:#efeff0; }
 header>div nav a.select::after { width:calc(100% - 26px); height:0; content:''; position:absolute; bottom:8px; left:13px; border-bottom: 3px solid #006496; }

@media screen and ( max-width:930px ) {
 header>div  { width: 100%;padding:0 15px;}
}
@media screen and ( max-width:768px ) {
 header  {height:10vw;}
 header>div a{
  max-width: 13vw;
 }
 header>div a img{width: 100%;height: auto;}
}

@media screen and ( max-width:414px ) {
 header  {height:16vw;}
 header>div a{
  max-width: 16vw;
 }
}
/*----------  ----------*/
footer {padding: 0 40px; background-color:#373741; padding-top:50px; padding-bottom:30px; font-size: 15px;z-index: 1;position: relative; margin: 0 auto;}
footer h1{font-size: 18px;}
footer>div { width:1280px;  margin: auto; }
.footer-info { border-top:0px solid #fff; border-bottom:0px solid #fff; padding:0px 0; }
.footer-info i{padding: 0 1em;}
.footer-nav { display:flex; justify-content:space-between; }
@media screen and ( max-width:1280px ) {
 footer>div { 
        width:100%!important; 
        margin: auto; 
    }
}
@media screen and ( min-width:1024px ) {
 footer{width: 100%;}
 footer>div { width:100%;  margin: auto;padding: 0 25px; }
 .footer-info{ padding-left:25px; padding-right: 25px;}

  .form dd.rowList-2way.m-fdc > * {
        width: 70%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }
}
@media screen and ( max-width:950px ) {
 footer{width: 100%;}
 footer>div { width:100%;  margin: auto;padding: 0 25px; }
 .footer-info{ padding-left:25px; padding-right: 25px;}

  .form dd.rowList-2way.m-fdc > * {
        width: 100%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }
}
@media screen and ( max-width:768px ) {
 footer {padding-bottom: 120px;}
 footer h1{font-size: 25px;}
 footer>div { font-size:22px; }
 footer>.footer-info p{
  font-size: 20px;
 }
 footer>.footer-nav nav,footer>.footer-nav i { font-size:22px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }

  .form dd.rowList-2way.m-fdc > * {
        width: 100%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }

}
@media screen and ( max-width:640px ) {
 footer {padding-bottom: 16vw; padding: 6vw 3vw 6vw 3vw;}
 footer h1{font-size: 22px;}
 footer>div { font-size:22px;padding: 0;word-break: break-all; }
 footer>.footer-info p{
  font-size: 20px;
 }
 .footer-info{padding: 3vw 2vw;}
 footer>.footer-nav nav,footer>.footer-nav i { font-size:22px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }
}

@media screen and ( max-width:414px ) {
 footer h1{font-size: 18px;}
 footer>div { font-size:16px;padding: 0; }
 footer>.footer-info p{
  font-size: 16px;
 }
 .footer-info{padding: 3vw 2vw;}
 footer>.footer-nav nav,footer>.footer-nav i { font-size:16px; }
 .footer-nav { flex-direction:column; }
  .footer-nav nav { margin-bottom:15px; }
}


/*---------- KV ----------*/
#KV { background-color:#ebebec; overflow:hidden; }
 #KV>div { width:930px; height:250px;  margin: 0 auto; position:relative; }
 #KV .title { padding-top:30px; position:absolute;margin-top:65px; z-index:2; }
 #KV .title h1 { word-break:keep-all; font-size:40px; margin-bottom:10px;letter-spacing: -.0625em; }
 #KV .title p { line-height:1.8em; margin-bottom:40px; color: #a0a0a0; font-weight: bold;font-size: 20px;}

.cicle { position:absolute; left:50%; top:0; margin-left:-32px; margin-top:34px;  }
.cicle > div img{max-width: 450px;}
.cicle .shining{
 width:98px;
 height: 100px;
 position: absolute;
 top: 40px;
 right: 10px;
 background:url(../images/shining.png) center center no-repeat;
 background-size: cover;
}
@media screen and ( max-width:768px ) {
 #KV>div{
  width: 100%;
 }
 #KV .title{
  margin-top: 20px;
  margin-left: 24px;
 }
 .cicle{
  margin-top: 60px;
 }
}
@media screen and ( max-width:640px ) {
 section{
  overflow: hidden;
  /*width: 100%;*/
 }
 #KV{
  padding-top: 0px;
  width: 100%;
  overflow: hidden;
 }
 #KV>div { width:100%; height:45.3125vw; }
 #KV .title {width: 100%; height:100%; padding-top:5vw; padding-left:25px; margin-left:33px;margin: 0;display: flex;justify-content: flex-start;flex-direction: column; }
 #KV .title h1 { 
  font-size: 5vw;
  margin-bottom:.5em; 
 }
 #KV .title p { width:519px; line-height:1.8em; margin-bottom:0px; font-size:3vw; }
 #KV .title a { width:519px; height:56px; }
 #KV .title a i { text-indent:-20px; }
  

 .cicle > div{text-align: center;}
 .cicle > div img{
  max-width: 50vw;
 }
 .cicle .shining{
  top: 2vw;
  right: -3vw;
 }
}
.header-h{
 width: 100%;
 /*height: 70px;*/
 position: relative;
}

.form{
 position: relative;
 width: 100%;
 margin: 0 auto;
 background: #f9f9fa;
 padding: 20px 0;
}
.form > div{
 /*width: 575px;*/
 /*max-width: 930px;*/
/* margin: 0 auto;
 padding: 22px 23px;*/
}
.form .title{

 margin-bottom: 25px;
}
.form .form-txt{
 font-size: 16px;
 line-height: 25px;
}
.form .form-txt p{
 word-break: break-all;
    text-align: justify;
    text-justify: inter-ideograph;
}
.form .form-txt span{color:#a1a1a1;font-weight: initial;font-size: 14px; }
.form .form-txt span i{color: #ff0000;}

.form h1{font-size: 40px;font-weight: bold;}
form{text-align: center;}
.form dl{font-size: 16px;line-height: 23px;width: 100%;max-width: 1000px;}
.form dt{
 font-weight: 500;
 /*font-weight: bold;*/
 margin-top: 20px;
 text-align: left;}
.form dt.required::after{
 content: "*";
 font-size: 14px;
 display: inline-block;
 color: #ff0000;
 font-weight: 400;
}
.form dt.short{width: 50%;}
.form dd{display: block;font-weight: 500;max-width: 1000px;flex-wrap: wrap;text-align: left;}
.form dd > *{margin: 8px 0;}
.form dd.rowList-2way{display: flex;justify-content: center;align-items: center;}
.form dd.rowList-2way > *{width: 50%;}
.form dd.rowList-2way > *:nth-child(1){padding-right: .5em;}
.form dd.rowList-2way > *:nth-child(2){padding-left: .5em;}
.form dt.short + dd{width: 50%;}
.form .radiobox{position: relative;margin-left:7px;margin-right: 22px;}
.form .row .radiobox{width: calc((100% / 3) - 29px)}
.form dd.col{flex-direction: column;}
.form .checkbox{position: relative;margin-left:7px;margin-right: 22px;}
.form .row .checkbox{width: calc((100% / 3) - 29px)}
.form dt span{
 color: #a0a0a0;
 font-size: 14px;
 font-weight: 400;
}
input:focus,select:focus,textarea:focus{
 outline: none;
}
input[type=checkbox],input[type=radio] {
 font-family: Arial, helvetica, sans-serif; 
    visibility: hidden;
    margin-right: .5em;
}
input[type=email],input[type=text],input[type=tel]{
 font-family: Arial, helvetica, sans-serif; 
 border:0.5px solid #c3c4c5;
 font-size: 16px;
 line-height: 45px;
 height: 45px;
 width: 100%;
 padding: 0 0.5em;
}
select{
 font-family: Arial, helvetica, sans-serif; 
 border:1px solid #bbbcbd;
 font-size: 16px;
 line-height: 35px;
 width: 100%;
 height: 35px;
 padding: 0 0.5em;
 background-image: url(https://image.gim.jpmorgan.com/lib/fe92137277640d7f72/m/26/004866f0-f387-4302-bae5-4f5de559374e.svg);
 background-position: calc(100% - .5em) calc(50%);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
select::after{
 content: "\f107";
}
label{
 margin-right: .5em;
}
input[type=checkbox]:checked + label:after,input[type=radio]:checked + label:after  {
    opacity: 1;
}
input[type=radio] + label {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 12px;
    border:1px solid #bbbcbd;
}
input[type=radio] + label:after  {
 content: '';
    width: 13px;
    height: 13px;
    border-radius: 7px;
    position: absolute;
    top: 4px;
    left: 4px;
    /*border: 3px solid #006496;*/
    background: #006496;
    opacity: 0;
}
input[type=checkbox] + label {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 1px;
    border:1px solid #bbbcbd;
}
input[type=checkbox] + label:after {
 content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px solid #006496;
    border-top: none;
    border-right: none;
    background: #006496;
    opacity: 0;
}
dt.textarea + dd{
 height: 160px;
 width: 100%;
}
textarea{
 font-family: Arial, helvetica, sans-serif; 
 font-size: 16px;
 width: 100%;
 height: 160px;
 padding: 0.5em 0.5em;
}
textarea,input:not([type=radio]),select,input[type=checkbox] + label{
 border-radius: 2px;
}
.form .form-info{
 color: #7f7f7f;
 font-size: 14px;
 line-height: 23px;
}
.form .form-info li{
 list-style:decimal;
 list-style-position: inside;
}

.form .subscribe-btn {
 background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 0px;
    width: 290px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    margin-top: 20px;
    line-height: 1.4375rem;
    border:none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    /*font-weight: 500;*/
    /* font-size: 16px; */
    margin: 50px auto 100px auto;
}
.form .subscribe-btn:hover{
 background-color: #005078;
}



.thanks{
 position: relative;
 width: 100%;
 margin: 0 auto;
 background: url(../images/thanks_bg.jpg) center center no-repeat;
 background-size: cover;
 padding: 20px 0;
}
.thanks > div{
 left: 50%;
 width: 460px;
 background: #efedec;
 margin-left:-500px;
 position: relative;
 padding: 22px 15px;
}
.thanks .title{
 margin-bottom: 25px;
}
.thanks > div > p{
 font-size: 22px;
 margin-bottom: 10px;
 font-weight: bold;
}
.thanks h1{font-size: 30px;font-weight: bold;}

.thanks .discount{display: flex;justify-content: space-between;}

.thanks .discount > dl{width: 211px;}
.thanks .discount dt img{width: 100%;height: auto;display: block;}
.thanks .discount dd{
 width: 100%;
 padding: 10px;
 background: #fff;
 height: 185px;
 position: relative;
}
.thanks .discount dd h3{
 color:#006496;
 font-size: 22px;
 padding-bottom: 1em;
}
.thanks .discount dd p{
 font-size: 16px;
 line-height: 21px;
}
.thanks .discount-btn{
 font-size: 16px;
 right: 10px;
 bottom: 10px;
    padding: 7px 24px 7px 24px;
}

.thanks-info p{
 margin-top: 10px;
 font-size: 12px;
}
.thanks-info a{
 color:#b2b2b2;
 border-bottom: 1px solid #b2b2b2;
}
@media screen and ( max-width:1100px ) {
 .thanks > div{
  left: 0%;
  margin-left:50px;
 }
}

@media screen and ( max-width:920px ) {
 .form{width: 100%;}
 .thanks{width: 100%;}

  .form dd.rowList-2way.m-fdc > * {
        width: 100%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }
}
@media screen and ( max-width:768px ) {
 /*.header-h{height: 10vw;}*/
 .form{
  padding: 0px;
  margin-bottom: 0px;
  /*background: url(../images/bg_m.jpg) center -10vw no-repeat;*/
  background-size: 100%;
  padding-top: 0vw;
 }
 .form > div{width: 100% !important;margin-left: 0px;padding: 45px 35px;}
 
 
 .form dl{
  max-width: 100%;
  font-size: 22px;
  line-height: 36px;
 }
 .form .form-txt{font-size: 20px;line-height: 30px;}
 .form .form-info,.form span{font-size: 18px;line-height: 30px;}
 .form .subscribe-btn{
  width: 100%;
  font-size: 25px;
  line-height: 62px;
  padding: 0;
 }
 .thanks{
  padding: 0px;
  margin-bottom: 0px;
  background: url(../images/m_thanks_bg.jpg) center top no-repeat;
  background-size: contain;
  padding-top: 23.59375vw;
 }
 .thanks > div{width: 100%;margin-left: 0px;padding: 7vw 5vw 3vw 5vw;}
 .thanks h1{font-size: 6.25vw;}
 .thanks .title{
  margin-bottom: 12.5vw;
 }
 .thanks > div > p{font-size: 4.6875vw;}
 .thanks .discount {
  width: calc(100% + 40px);
  margin-left: -20px;
 }
 .thanks .discount > dl{
  width: calc( (100% - 2vw) / 2);
 }
 .thanks .discount dd{height: 37vw;padding: 15px;}
 .thanks .discount dd h3{font-size: 3.4375vw;}
 .thanks .discount dd p{font-size: 3.4375vw;line-height: 1.6em;}
 .thanks .discount-btn{
  font-size: 3.4375vw;
  padding: 10px 4.375vw 10px 4.375vw;
 }
 .thanks-info{
  margin-left: -10px;
  font-size: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
 }
 .thanks-info{
  margin-top: 20px;
 }
 .thanks-info p{margin-right: 1em;margin-top: 0;}

 label,input[type=checkbox] + label,input[type=radio] + label{width: 36px;height: 36px;}
 input[type=radio] + label{border-radius: 18px;}
 input[type=radio] + label:after {
     width: 20px;
     height: 20px;
     border:none;
     border-radius: 10px;
     top: 7px;
     left: 7px;
 }
 input[type=checkbox] + label:after {
     width: 15px;
     height: 9px;
     position: absolute;
     top: 7px;
     left: 8px;
     border: 3px solid #006496;
     border-top: none;
     border-right: none;
     background: transparent;
     opacity: 0;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 .form dt.short{width: 100%;}
.form dt.short + dd{width: 100%;}
 input[type=email], input[type=text], input[type=tel]{
  font-size: 22px;
  line-height: 60px;
  padding-left:.5em;
 }
 textarea{
  font-size: 22px;
 }
 select{
  height: 50px;
  line-height: 50px;
  padding-right: 2em;
  padding-left: .5em;
 }
 .form dt.required::after{
  font-size: 22px;
 }
 .form .row .radiobox {
     width: calc((100% / 2) - 29px);
 }
 .form .row .checkbox {
     width: calc((100% / 2) - 29px);
 }
 input[type=checkbox], input[type=radio]{width: 36px;}
 input[type=checkbox] + label:after {
     width: 16px;
     height: 9px;
     top: 5px;
     left: 7px;
     border: 5px solid #006496;
     border-top: none;
     border-right: none;
     background: transparent;
     opacity: 0;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

}
@media screen and ( max-width:640px ) {
 .header-h{
  /*height: 10vw;*/
 }
 input[type=email], input[type=text], input[type=tel],select{
  font-size: 19px;
  line-height: 48px;
  padding-left:.5em;
 }
 textarea{font-size: 19px;}
}

@media screen and ( max-width:600px ) {

 .form > div{padding:7vw 5vw; }
 .form dl {
     font-size: 20px;
 }
}

@media screen and ( max-width:550px ) {

 .form > div{padding:6vw 3vw; }
 .form dl {
     font-size: 19px; }
 .thanks .discount dd{
  height: 42vw;
 }
}
@media screen and ( max-width:500px ) {

 .form > div{padding:6vw 2vw; }
 .form dl {
     font-size: 18px; }
 .form .radiobox,.form .checkbox {
     margin-left: 5px;
     margin-right: 18px;
 }
 .thanks .discount dd{
  height: 53vw;
 }
}
@media screen and ( max-width:414px ) {
 .header-h{
  /*height: 16vw;*/
 }
 .form .radiobox,.form .checkbox {
     margin-left: 3px;
     margin-right: 12px;
 }
 .thanks .discount dd{
  height: 53vw;
 }
 input[type=checkbox], input[type=radio]{
  width: 30px;
  margin-right: .25em;
 }
 label, input[type=checkbox] + label, input[type=radio] + label{
  width: 30px;
  height: 30px;
 }
 input[type=radio] + label:after{
  width: 18px;
  height: 18px;
  top: 5px;
  left: 5px;
 }
 input[type=checkbox] + label:after{
  width: 14px;
  height: 7px;
  left: 5px;
 }
}
/*----------  ----------*/
.gotop { 
 width:62px; 
 height:62px; 
 position:fixed; 
 background-color:#6e6e70; 
 right:20px; 
 bottom:30px;
 transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transform: translate(0%, 92px);
    -webkit-transform: translate(0%, 92px);
    z-index: 9 
}
.gotop.show{
 transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%); 
}
 .gotop::before { width:100%; height:100%; content:''; position:absolute; top:0; left:0; background:url("../images/gotop.png") 50% no-repeat; z-index:2; }
 .gotop::after { width:100%; height:0%; content:''; position:absolute; top:0; left:0; background-color:#f68b1f; z-index:1; transition:height .3s ease-in-out; }
 .gotop:hover::after { height:100%; }

@media screen and ( max-width:768px ) {
 .gotop{
  bottom: 140px;
  z-index: 99;
  transform: translate(0%, 140px);
    -webkit-transform: translate(0%, 140px); 
 }
 .gotop:hover::after{
  height: 0;
 }
 #app.page3 .gotop{
    transform: translate(0%, 202px);
    -webkit-transform: translate(0%, 202px);
 }
 #app.page3 .gotop.show{
  transform: translate(0%,0px);
    -webkit-transform: translate(0%, 0px);
  /*bottom:0px;*/
 }
 .footer-info i{padding: 0em;}
}
/*----------  ----------*/
.sub-nav { width:52px; position:fixed; top:20%; right:0; z-index:999; display:flex; flex-direction:column; align-items:center; }
 .sub-nav >div { width:52px; height:150px; background-color:#6e6e70; position:relative; }
 .sub-nav >div::before { width:52px; height:38px; content:''; position:absolute; left:0; top:0; z-index:1; background-color:#f68b1f; transition:height .3s ease-in-out;  }
 .sub-nav >div i { width:52px; height:150px; position:absolute; display:flex; justify-content:center; align-items:center; z-index:3; text-align:center; text-indent:30px; -webkit-writing-mode:vertical-lr; writing-mode:vertical-lr; -ms-writing-mode:tb-lr; direction:ltr; pointer-events: none;}
 .sub-nav >div i::after { width:52px; height:38px; content:''; position:absolute; left:0; top:0; }
 .sub-nav >div:nth-child(1) i::after { background:url("../images/sub-bbtn-open.png") 50% no-repeat; }
 .sub-nav >div:nth-child(2) i::after { background:url("../images/sub-bbtn-buy.png") 50% no-repeat; }
 .sub-nav >div:hover::before { height:150px; }
 .sub-nav >div a{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1}

a.event-btn {
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 16px 36px 16px 20px;
    height: auto;
    color: #fff;
    position: absolute;
    z-index: 0;
/*    bottom: 0px;
    right: 0px;*/
}
.btn-la::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.2); 
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: -1;
}
.btn-la::after {
    content: "";
    /*position: absolute;*/
    display: inline-block;
    margin-left: .5em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.thanks .btn-la::after{
 width: 6px;
 height: 6px;
}
a.event-btn:hover:before {
 opacity:1;
}


/*----------  ----------*/
.nav { width:100%; height:86px; position:fixed; top:0; left:0; z-index:99999; display:none; }
 .nav-wrapper { width:100%; height:86px; background-color:#fff; position:absolute; z-index:1; display:flex; justify-content:space-between; align-items:center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
    .logo { width:85px; height:60px; margin-left:24px; }
    .logo a { width:100%; height:100%; display:block; }
    .logo-pc{padding-top: 0;    padding-bottom: 0;    margin-left: 20px;    width: 83px;    height: 61px;}
    .logo-pc img {max-width: 100%;height: auto;}



@media screen and ( max-width:768px ) {
.nav { display:block; }
.btn-la::after{
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
     border-right: 3px solid #fff;
  background-size: cover;
 }
 .logo{
  max-height:50px;
 }

 .logo img{height: 100%;width: auto;}
}



/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
  width: 100%;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: .5em;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}


/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
  /*padding: 8px 0;*/
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

@media screen and (max-width: 768px){
 .scroll-textarea > .scroll-content > textarea{
     padding: .25em .5em;
 }
}




.c-Orange { color:#f68b1f!important; }
.c-Blue { color:#169ddc; }
.c-Blue-1 { color:#1b6081; }
.c-Blue-2 { color:#373741; }
.c-Blue-3 { color:#006496; }
.c-White { color:#fff; }
.c-Gray { color:#63666a;}
.c-Gray-2 { color:#8a8c8f;}
.c-Red { color:#ff0000!important;}
.pc{
    display: block;
}
.mb{
    display: none;
}
.w100px{
    width: 100px;
}
.w120px{
    width: 120px;
}
.w100{
    width: 100%;
}
.wauto{
    width: auto!important;
}
#KV.noKv>div{
    height: auto;
    min-height: 150px;
}
.noKv .cicle{
    display: none;
}
.m-line1{
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-end;
}
.m-line2{
    flex-wrap: nowrap;
    width: 50%;    
}
.form dd.rowList-3way .m-line1 > *:nth-child(1) {
    padding-right: .5em;
}
.form dd.rowList-3way .m-line1 > *:nth-child(2) {
    padding-left: .5em;
}
.d-flex{
    display: flex;
}
.d-flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: initial!important;
}
.d-flex-sb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aife{
    align-items: flex-end;
}
.jcfs{
    justify-content: flex-start!important;
}
.aic{
    align-items: center;
}
.fdc{
    flex-direction: column;
}
input::-webkit-input-placeholder { 
    color: #c3c4c5; 
}
input::-moz-placeholder { 
    color: #c3c4c5; 
}
input::-moz-placeholder{
    color:#c3c4c5;
}
input::-ms-input-placeholder{
    color: #c3c4c5;
}

header>div {
    width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 56px 15px 56px;
}
#KV>div {
    width: 1400px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 56px;
}
#KV .title {
    padding-top: 30px;
    position: absolute;
    margin-top: 0px;
    z-index: 2;
}
#KV .title p {
    line-height: 1.8em;
    margin-bottom: 40px;
    color: #373741;
    font-weight: normal;
    font-size: 16px;
}
.cicle{
 margin-left: 0;
 margin-top: 0;
 right: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: -50px;
}
.form > div,form > div {
    width: 1000px;
    margin: 0 auto;
    padding: 15px;
}

h3{
    font-size: 28px;
}
h4{
    font-size: 22px;
}
.giftBox{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
}
.giftPhoto{
    width: 200px;
    height: 200px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 30px;
}
.form dd.rowList-3way > *:nth-child(1) {
    padding-right: .5em;
}
.form dd.rowList-3way > *:nth-child(2){
    padding: 0 .5em;
}
.form dd.rowList-3way > *:nth-child(3) {
    padding-left: .5em;
}
.activityDesc{
    margin-top: 50px;
    margin-bottom: 15px;
}
.activityDesc>h3{
    margin-bottom: 30px;
    font-weight: 500;
}
.activityScrollArea{
    width: 100%;
    height: 350px;
    background-color: #fff;
    overflow: hidden;
    overflow-y:scroll;
    /*display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;*/
    padding: 30px;    
    -ms-overflow-style:scrollbar;
}
.activityScrollArea h4{text-align: left;}
.activityScrollArea > ul{
    width: 100%;
    position: relative;
    height: auto;
    display: block;
    margin: 0 1em 0 1em;
}
.activityDesc h4{
    margin-bottom: 15px;
}

ul{
    list-style: disc;
    margin: 0 1em 0 2em;
}
li{
    text-align: justify;
    font-size: 16px;
    line-height: 1.8em;
}
html[lang='en'] li{
    word-break: break-all;
}
.activityDesc table{
    width: calc(100% - 2em);
    margin: 1em;
    position: relative;
    display: block;
}
.activityDesc table tr{
    background-color: #e8eef4;
}
.activityDesc table tr.line2Color{
    background-color: #f9f9fb;
}
.activityDesc table td{
    text-align: center;
    width: 33%;
    line-height: 30px;
    border-right: 1px solid #fff;
    font-weight: 300;
}
.activityDesc ol{
    list-style: decimal;
    margin-left: 1em;
    text-align: justify;
}
.activityDesc ol>li{
}
.tips{
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
    line-height: 25px;
    text-align: justify;
}
html[lang='en'] .tips{
    word-break: break-all;
}
.activityScrollArea>ul{
    margin-bottom: 30px;
}
.activityDesc ul>div{
    margin-right: 1em;
}
.agreementDesc{
    margin-left: 1em;
    line-height: 1.8em;
    text-align: justify;
    margin-right: 1em;
}
ol.agreement{
    margin: 0 1em;
}
ol.agreement li{
    margin-left: 1em;
}
.agreement li{
    list-style:decimal;
}
form .checkbox{
    text-align: left;
    margin-bottom: 15px;
}
.form .row.fiveway .radiobox{
    width: calc((100% / 5) - 29px);
    font-weight: normal;
    line-height: 1.5em;
}
.form .row.tenway .radiobox{
    width: calc((100% / 10) - 29px);
    font-weight: normal;
}
.form .row.fiveway .checkbox {
    width: calc((100% / 5) - 29px);
}
.subTitle{
    margin: 40px 0 20px 0;

}
.subTitle h3{
    margin-bottom: 10px;
}
.subTitle span{
    color: #a1a1a1;
}
.f2>div>.title{
    margin-bottom: 0;
}
.form dd.rowList-3wayAddr > * {
    margin: 0;
}
dl.rowList-3way{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
dl.rowList-3way dd{
    width: calc((100% / 3) - 10px);
}
dd.rowList-3way{
    flex-wrap: nowrap;
}
.displayNone{
    display:none!important;
}
ul.ulDecimal{
    list-style: decimal;
}

header.f3Header{
    /*height: 100px;*/
}
header.f3Header>div{
    /*height: 70px;*/
    margin: 30px auto 0 auto;
}
header.f3Header>div.lang{
    width: 100%;
    height: 30px;
    background-color: #ebebec;
    /*position: fixed;*/
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.lang select {
    font-family: Arial, helvetica, sans-serif; 
    border: 0px;
    background-color: #ebebec;
    font-size: 16px;
    line-height: 35px;
    width: 100px;
    height: 30px;
    padding: 0 0.5em;
    margin-right: 100px;
}
.f3Kv{
    /*margin-top: 30px;*/
}
.f3{
    background-color: #fff;
}

.f3 .title>p, .f4 .title>p{
    line-height: 1.5em;
    text-align: justify;
}
.contentDesc h3{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.contentArea{
    border: 1px solid #ddd;   
    margin-bottom: 15px;
    background-color: #fff;
}
.contentArea.current{
    background-color: #fafafa;
}
.activityBox{
    margin: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.activityName i{
    color: #006496;
    transform: rotate(180deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.contentArea.current .activityName i{
    transform: rotate(0deg);
}
.activityInfo{
    color: #63666a;
    margin-top: 10px;
    margin-left: 1em;
}
.activityPlace{
    padding-right: 0.5em;
    border-right: 1px solid #63666a;
}
.activityDate{
    padding-left: 0.5em;
}
.signInBtn{
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 30px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    height: 45px;
}
.activityContent{
    padding-bottom: 15px;
    padding-left: 20px;
}
.activityContent>div{
    padding: 10px 15px;
}
.activityContent label{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 28px;  
    background-color: #f1eff0;
}
.activityContent ul{
    list-style: none;
    width: 100%;
}
.w70px{
    width: 70px;
}
.contentArea.current .activityContent{
    display: none;
}
.contentArea.current .activityBox{
    padding: 0;
    border: 0;
}
.cancelArea{
    margin-top: 30px;
}
.cancelBtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px 30px;
    height: auto;
    color: #006496;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: 1px solid #006496;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    margin: 15px 0;
    height: 45px;
}
.cancelBtn i{
    margin-left: 1em;
}
.speaker{
    margin: 30px 0;

}
.speaker h3{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.speaker.current .speakerOne{
    height: 0;overflow: hidden;
    margin-bottom:0;
}
.speakerPhoto img{
    border-radius: 50%;
}
.speakerInfo{
    font-size: 20px;
    margin-left: 30px;
}
.speaker.current>h3>i{
    transform: rotate(0deg);
}
.speaker .name{
    padding-right: 10px;
    border-right: 1px solid #666;
}

.speaker .speakerTitle{
    padding-left: 10px;
}
.speaker .speakerBrief{
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5em;
}
.speakerOne{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.fullScreenBg{
    background-color: #ebebed;
    width: 100%!important;

}
.fullScreenBg>div{
    width: 1000px;
    margin: 0 auto;
}
.form .row.autoInputW .radiobox {
    width: auto;
}
.viewMap{
    margin-left: 5px;
    border-bottom: 1px solid #006496;
}
ul.activityList li div{
    width: 60px;
    flex-shrink: 0;
}
ul.activityList li{
    text-align: left;
}

.boxArea{
    width: 100%;
}
.box {
    width: -webkit-calc((100% / 3) - 15px);
    width: -moz-calc((100% / 3) - 15px);
    width: calc((100% / 3) - 15px);
    border: 1px solid #ddd;
    margin: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 40px;
    height: 300px;
}
.box p{
    line-height: 1.5em;
    text-align: justify;
    text-justify: inter-ideograph; 
    width: 100%;
}
.box.active{
    background-color: #e8f4ff;
    border: 1px solid #7bb0ce;
}
.selectBtn{
    background-color: #006496;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    padding: 10px;
    width: 125px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    z-index: 0;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: Arial, helvetica, sans-serif; 
    margin-top: 15px;
}
.boxArea.d-flex-center{
    flex-wrap: wrap!important;
}
.f4{
    padding-top: 50px;
    padding-bottom: 0;
}
.w10{
    width: 10%!important;
}
.f4 .activityDesc table td {
    text-align: justify;
    padding: 0 10px;
}
.liveInfo{
    border: solid 1px #dddddd;
    border-top: solid 5px #006496;
    display: flex;
    margin: 20px auto 50px auto!important;
}
.liveInfo>div{
    padding: 30px 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.liveInfoLeft{
    border-right: solid 1px #dddddd;
    /*width: 35%;  */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.liveInfoLeft{
    line-height: 2em;
}
.liveInfoRight{
    line-height: 1.5em;
}
.liveSpeaker span{
    width: 80px;
    flex-shrink: 0;
}

.liveSpeaker02{
    margin-left: 85px;
}
.f5 .signInForm p{
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}
.f5 p.ruleCheckP{
    text-align: left;
}
.form .row.sixway .checkbox, .form .row.sixway .radiobox{
    width: calc((100% / 6) - 25px);
    font-weight: normal;
    line-height: 1.5em;
}

.form.f5 .checkbox, .form.f5 .radiobox {
    margin-right: 15px;
}
.form .checkbox, .form .radiobox {
    font-weight: normal;
}
.form.f5{
    padding-bottom: 0;
}
.f5 .fullScreenBg{
    padding-bottom: 50px;
}
.steps{
    width: 100%;
    margin: 50px 0;
    padding: 30px 55px;
    background-color: #fff;
    border-top: solid 5px #006496;
}
.steps h4{
    margin: 15px 0;
}
.steps p{
    text-align: justify!important;
}
.step img{
    max-width: 100%;
    margin: 0 auto;
}
.stepTags{
    margin-top: 15px;
    color: #63666a;
    font-size: 14px;
}

.form.f3{
    padding-bottom: 0;
}

.speaker>h3>i{
    color: #006496;
        transform: rotate(180deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

select{
    height: 45px;
}
select:required:invalid {
    color: #c3c4c5;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: #000;
}
p.ruleCheckP{
    margin-bottom: 0;
    margin-left: 5px;
    width: 100%;
    margin-top: 2px;
}

@media screen and (max-width: 768px){
    .pc{
        display: none;
    }
    .mb{
        display: block;
    }
    h3{
        font-size: 6vw;
    }
    #KV>div {
        width: 100%;
        height: 100vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 0 15px;
    }
    .cicle { 
        position: relative!important;
        width: 100%;
        height: 100%;
        margin-left: 0;
        left: 0%;
        margin-top: 0;
        
    }
    #KV .title {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 10vw 15px 6vw 15px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    #KV .title h1 {
        word-break: keep-all;
        margin-bottom: 10px;
        letter-spacing: -.0625em;
        font-size: 28px;
    }
    #KV .title p {
        width: 100%;
        line-height: 1.8em;
        margin-bottom: 0px;
        font-size: 16px;
        text-align: center;
    }
    .cicle > div img {
        max-width: 90vw;
    }
    .form>div{
        width: 100%;
    }
    .form .title {
        margin: 40px 0 25px 0;
        text-align: center;
    }
    .form .form-txt span {
        color: #a1a1a1;
        font-weight: initial;
        font-size: 18px;
    }
    .form .form-txt {
        font-size: 18px;
        line-height: 30px;
    }
    .form .form-txt span.tags{
        font-size: 14px;
    }
    .giftBox {
        flex-direction: column;
    }
    .giftPhoto {
        margin-right: 0;
    }
    input[type=email], input[type=text], input[type=tel], select {
        font-size: 16px;
        line-height: 48px;
        padding-left: .5em;
    }
    .form dd.rowList-2way.m-fdc > * {
        width: 100%;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-2way.m-fdc > *:nth-child(2) {
        padding-left: 0;
    }
    dd.rowList-3way{
        flex-direction: column;
    }
    .m-line2 {
        width: 100%;
    }
    .form dd.rowList-3way > *:nth-child(1),
    .form dd.rowList-3way > *:nth-child(2) {
        padding: 0;
        margin: 0;
    }
    .activityScrollArea {
        padding: 15px;    
    }
    .form .form-info, .form span {
        font-size: 16px;
        line-height: 30px;
    }
    .activityDesc table td.m-w20{
        width: 20%;
        height: 40px;  
    }
    ul {
    list-style: disc;
        margin: 0 1em 0 2em;
    }
    label, input[type=checkbox] + label, input[type=radio] + label {
        width: 24px;
        height: 24px;
    }
    input[type=checkbox] + label:after {
        width: 12px;
        height: 5px;
        left: 3px;
    }
    .form .row.fiveway .radiobox{
        width: auto;
    }
    .form.f2>div{
        padding: 20px;
    }
    input[type=radio] + label:after {
        width: 16px;
        height: 16px;
        top: 3px;
        left: 3px;
    }
    .form .row.fiveway .checkbox {
        width: auto;
    }
    .form .row.tenway .radiobox {
        width: calc((100% / 5) - 12px);
    }
    .form .radiobox, .form .checkbox {
        margin-left: 3px;
        margin-right: 8px;
        font-size: 16px;
        /*margin-bottom: 5px;*/
        line-height: 1.5em;
    }
    input[type=checkbox], input[type=radio] {
        width: 24px;
        margin-right: 0;
    }
    .activityBox.d-flex-sb {
        flex-direction: column;
    }
    .activityLeft, .activityRight{
        width: 100%;
    }
    .signInBtn {
        width: 100%;  
        margin-top: 15px;
    }
    .activityContent>div {
        padding: 10px 0;
    }
    .activityContent label {
        flex-shrink: 0;  
    }
    header.f3Header {
        height: 70px;
    }
    header.f3Header>div.lang {
        width: 70px;
        background-color: #fff;
        margin-top: 15px;
    }
    header.f3Header>div {
        height: 70px;
        margin: auto;
    }
    .lang select {
        margin-right: 0;
        background-color: #fff;
    }
    .f3Kv {
        margin-top: 0px;
    }
    .f3 .contentArea ul{
        margin: 0;
    }
    .activityContent {
        padding-right: 20px;
    }
    .cancelArea {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .cancelBtn{
        width: calc(100% - 30px);
    }
    .speakerOne.d-flex{
        flex-direction: column;
    }
    .speakerInfo>.d-flex{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .speakerInfo {
        margin: 0;
    }
    .speaker .name {
        padding-right: 0px;
        border-right: 0;
        margin: 15px 0;
    }
    .speaker .speakerTitle {
        padding-left: 0px;
    }
    .fullScreenBg>div {
        width: 100%;
        margin: 0 auto;
    }
    .form dl {
        font-size: 16px;
    }
    .form dd.row{
        justify-content: flex-start;
        align-items: center;
    }
    .speakerOne {
        align-items: center;
    }
    .form .subscribe-btn {
        font-size: 18px;
    }
    .box {
        width: calc((100% / 2) - 15px);
        padding: 15px;
    }
    .f4 .f4Content .selection h3{
        font-size: 20px;
    }
    .form .selection h3.title {
        margin: 15px 0;
        text-align: center;
    }
    .f4{
        padding: 0;
    }
    .f4Content.m-b50{
        margin-bottom: 20px!important;
    }
    .f4 .w10{
        width: 15%!important;
    }

    .liveInfo{
        flex-direction: column;
    }
    .liveInfoLeft{
        border: 0;
        border-bottom: solid 1px #efefef;;
    }
    .f5 .signInForm p {
        text-align: justify;
    }
    .form.f5 .row.sixway .checkbox, .form .row.sixway .radiobox {
        width: auto;
        font-weight: normal;
        line-height: 1.5em;
    }
    .steps {
        padding: 30px;
    }
    .f5 .fullScreenBg {
        padding-bottom: 0px;
    }
    .steps h4 {
        line-height: 1.5em;
    }
    .liveInfo>div {
        padding: 15px;
    }
    header>div {
        padding: 0px 25px;
    }

}  
@media screen and (max-width: 375px){
    .m-line1 {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .wauto {
        width: 100%!important;
    }
    .m-line1 .wauto .w120px{
        width: 100%;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(1) {
        padding-right: 0;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(2) {
        padding-left: 0;
    }
    .form dd.rowList-3way .m-line1 > *:nth-child(2)>dt {
        display: none;
    }
    .form .row.tenway .radiobox {
        width: calc((100% / 5) - 4px);
        margin-right: 0px;

    }
}
@media screen and (max-width: 350px){
    .selectBtn {
        width: 100px;
    }
    .lineWrap{
        display: block;
    }
    .activityScrollArea {
        padding: 10px;
    }
    .activityDesc table {
        width: 100%;
        margin: 0;
        font-size: 15px;
    }

}

header > div, footer > div {
  width: 920px;
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  header {
    height: auto;
  }
}
@media screen and (max-width: 939px) {
  header > div {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  header > div {
    padding: 20px;
  }
}
header > div a img {
  width: 158px;
}

footer {
  background-color: transparent;
  border-top: 2px solid #000;
}
@media screen and (max-width: 768px) {
  footer > div {
    font-size: 15px;
  }
}
footer a {
  color: #096183 !important;
}
footer a:hover {
  text-decoration: underline !important;
}

#KV {
  padding: 0;
  background-color: #21282E;
  border-top: 2px solid #21282E;
  border-bottom: 2px solid #21282E;
}
#KV .cicle {
  z-index: 1;
}
#KV > div {
  width: 100%;
  max-width: 1400px;
}
@media screen and (max-width: 940px) {
  #KV div {
    margin: 0;
    padding: 0 20px;
  }
}
#KV div .title {
  width: 100%;
  height: auto;
  padding: 0;
  color: #ffffff;
  font-family: "NB-International-Pro-Medium", Arial, sans-serif;
  position: unset;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 60px 0px;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 940px) {
  #KV div .title {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  #KV div .title {
    align-items: flex-start;
  }
}
#KV div .title h1 {
  font-family: "NB-International-Pro-Medium", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  color: inherit;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 767px) {
  #KV div .title h1 {
    font-size: 44px;
    line-height: 48px;
  }
}
#KV div .title p {
  font-family: "NB-International-Pro-Medium", Arial, sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin: 0;
  padding-top: 30px;
  color: inherit;
  text-align: left;
}

.form {
  padding: 0;
}
.form div {
  width: 100%;
  padding: 0;
  background-color: #EAEAE6;
  color: #000000;
}
.form div .title {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 60px 20px 0 20px;
  text-align: left;
}
@media screen and (min-width: 940px) {
  .form div .title {
    padding: 0px 0 0 0;
  }
}
.form div .title h2 {
  font-family: Arial, helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
}
.form div .title h3 {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 20px;
  line-height: 26px;
}
.form div .title p {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding-top: 30px;
}
.form div form {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (min-width: 940px) {
  .form div form {
    padding: 0px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .form div form {
    padding: 0px 0px;
  }
}
.form div form dl {
  font-size: 17px;
  line-height: 22px;
}
.form div form dl dt {
  padding-top: 30px;
  margin-top: 0;
  border-top: 1px solid #000000;
  font-family:  Arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.form div form dl dd.rowList-2way, .form div form dl dd.rowList-3way, .form div form dl dd.rowList-3wayAddr {
  margin: 0 0 60px 0;
}
.form div form dl dd.rowList-2way > div, .form div form dl dd.rowList-2way > dl, .form div form dl dd.rowList-3way > div, .form div form dl dd.rowList-3way > dl, .form div form dl dd.rowList-3wayAddr > div, .form div form dl dd.rowList-3wayAddr > dl {
  background-color: transparent;
  color: inherit;
  margin: 0;
  padding: 0;
}
.form div form dl .row {
  padding-bottom: 60px;
  margin-top: 12px;
}
.form div form dl .row .radiobox, .form div form dl .row .checkbox {
  width: 100%;
}
.form div form dl .row.fiveway .radiobox, .form div form dl .row.fiveway .checkbox {
  width: 100%;
}
@media screen and (min-width: 460px) {
  .form div form dl .row.fiveway .radiobox, .form div form dl .row.fiveway .checkbox {
    width: calc(100% / 2);
  }
}
@media screen and (min-width: 600px) {
  .form div form dl .row.fiveway .radiobox, .form div form dl .row.fiveway .checkbox {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 767px) {
  .form div form dl .row.fiveway .radiobox, .form div form dl .row.fiveway .checkbox {
    width: calc(100% / 5);
  }
}
.form div form dl .row.tenway .radiobox, .form div form dl .row.tenway .checkbox {
  width: calc(100% / 2);
}
@media screen and (min-width: 460px) {
  .form div form dl .row.tenway .radiobox, .form div form dl .row.tenway .checkbox {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 600px) {
  .form div form dl .row.tenway .radiobox, .form div form dl .row.tenway .checkbox {
    width: calc(100% / 5);
  }
}
@media screen and (min-width: 767px) {
  .form div form dl .row.tenway .radiobox, .form div form dl .row.tenway .checkbox {
    width: calc(100% / 10);
  }
}
.form div form .f2ActivityArea {
  color: #000000;
  margin: 0px 0px;
}
.form div form .f2ActivityArea div {
  background-color: #F5F7F8;
  color: inherit;
}
.form div form .f2ActivityArea div.activityDesc, .form div form .f2ActivityArea div.activityDesc div, .form div form .f2ActivityArea div.checkbox {
  background-color: #ffffff;
}
.form div form .f2ActivityArea div.activityDesc {
  margin-bottom: 50px;
}
.form div form .f2ActivityArea div.activityDesc h2 {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
}
.form div form .f2ActivityArea div.activityDesc h3 {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.form div form .f2ActivityArea div.activityDesc p {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding-top: 30px;
}
.form div form .f2ActivityArea div.activityDesc ul {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 30px 20px 0 20px;
}
.form div form .f2ActivityArea div.activityDesc ul li {
  word-break: unset;
  text-align: left;
  font-size: inherit;
  line-height: inherit;
  margin: 6px 0;
}
.form div form .f2ActivityArea div.activityDesc .tips {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  word-break: unset;
  margin-top: 30px;
}
.form div form .f2ActivityArea div.activityDesc .tips.m-b30 {
  margin-bottom: inherit;
}
.form div form .f2ActivityArea div.activityDesc .tips.m-b40 {
  margin-bottom: inherit;
}
.form div form .f2ActivityArea div.activityDesc .tips.m-b50 {
  margin-bottom: 30px !important;
}
.form div form .f2ActivityArea div.activityScrollArea {
  overflow-y: scroll;
  height: 350px;
  margin-top: 15px;
  padding-top: 10px;
  padding-right: 15px;
}
.form div form .f2ActivityArea div.activityScrollArea::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
  background-color: inherit;
}
.form div form .f2ActivityArea div.activityScrollArea::-webkit-scrollbar {
  width: 10px;
  background-color: inherit;
}
.form div form .f2ActivityArea div.activityScrollArea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: none;
  background-color: #565a5d;
}
.form div form .f2ActivityArea div.activityScrollArea * {
  box-sizing: border-box;
  width: calc(100% - 20px);
  margin-bottom: 30px;
}
.form div form .f2ActivityArea div.activityScrollArea *:last-child {
  margin-bottom: 0 !important;
}
.form div form .f2ActivityArea div .subTitle {
  padding: 40px;
  margin: 0;
}
.form div form .f2ActivityArea div .subTitle h3 {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
  color: inherit;
}
.form div form .f2ActivityArea div .subTitle span {
  font-family:  Arial, helvetica, sans-serif;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  padding-top: 18px;
  color: inherit;
}
@media screen and (min-width: 767px) {
  .form div form .f2ActivityArea div .subTitle span {
    font-size: 18px;
    line-height: 22px;
  }
}
.form div form .f2ActivityArea div .subTitle span span, .form div form .f2ActivityArea div .subTitle span .c-Red {
  padding-top: 0;
  margin: 0 6px;
  color: #000000 !important;
}
@media screen and (max-width: 768px) {
  .form div form .f2ActivityArea dd.rowList-2way.m-fdc > *:nth-child(1) {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .form div form .f2ActivityArea dd.rowList-2way.m-fdc > *:nth-child(1) {
    padding-bottom: 0px;
  }
}
.form div form .f2ActivityArea dl {
  background-color: #EAEAE6;
  padding: 0 40px 63px 40px;
}
.form div form .f2ActivityArea dl dd.rowList-2way, .form div form .f2ActivityArea dl dd.rowList-3way, .form div form .f2ActivityArea dl dd.rowList-3wayAddr {
  margin: 0 0 15px 0;

}
@media screen and (max-width: 767px) {
  .form div form .f2ActivityArea dl dd.rowList-2way.m-fdc > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way.m-fdc > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr.m-fdc > *:nth-child(1) {
    margin-bottom: 0px;
  }
}
.form div form .f2ActivityArea dl dd.rowList-2way div, .form div form .f2ActivityArea dl dd.rowList-2way dl, .form div form .f2ActivityArea dl dd.rowList-3way div, .form div form .f2ActivityArea dl dd.rowList-3way dl, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl {
  background-color: transparent;
  color: inherit;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1, .form div form .f2ActivityArea dl dd.rowList-2way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line2 {
  width: 100%;
  display: block;
}
@media screen and (min-width: 460px) {
  .form div form .f2ActivityArea dl dd.rowList-2way div.m-line1, .form div form .f2ActivityArea dl dd.rowList-2way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line2 {
    display: flex;
  }
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-2way div.m-line2 dl, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line2 dl, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line2 dl, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line2 dl, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line2 dl, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 dl, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line2 dl {
  padding: inherit;
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(1) {
  padding-right: 0;
}
@media screen and (min-width: 460px) {
  .form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(1) {
    padding-right: 0.5em;
  }
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(1) > .w120px {
  width: 100%;
}
@media screen and (min-width: 460px) {
  .form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(1) > .w120px, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(1) > .w120px {
    width: 120px;
  }
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(2) {
  width: 100%;
  padding-left: 0;
}
@media screen and (min-width: 460px) {
  .form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(2) {
    width: 100%;
    padding-left: 0.5em;
  }
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line1 > *:nth-child(2) > .w100, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line1 > *:nth-child(2) > .w100, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line1 > *:nth-child(2) > .w100, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line1 > *:nth-child(2) > .w100, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line1 > *:nth-child(2) > .w100, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line1 > *:nth-child(2) > .w100 {
  width: 100%;
}
.form div form .f2ActivityArea dl dd.rowList-2way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line2 {
  padding: 0;
}
@media screen and (min-width: 767px) {
  .form div form .f2ActivityArea dl dd.rowList-2way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-2way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3way dl.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div.m-line2, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.m-line2 {
    width: 50%;
  }
}

.form div form .f2ActivityArea dl dd.rowList-2way div dt, .form div form .f2ActivityArea dl dd.rowList-2way dl dt, .form div form .f2ActivityArea dl dd.rowList-3way div dt, .form div form .f2ActivityArea dl dd.rowList-3way dl dt, .form div form .f2ActivityArea dl dd.rowList-3wayAddr div dt, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl dt {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
  color: #33475b;
}
.form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way, .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way {
  flex-wrap: wrap;
}
.form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd {
  width: 100%;
  flex: 1 1 100%;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd {
    flex: 1 1 50%;
  }
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd:nth-child(1) {
    flex: 2 1 100%;
    padding-right: 0;
  }
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd:nth-child(2) {
    padding-right: 0.5em;
  }
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd:nth-child(3), .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd:nth-child(3), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd:nth-child(3) {
    padding-left: 0.5em;
  }
}
@media screen and (min-width: 767px) {
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd, .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd {
    flex: unset;
    width: calc(100% / 3);
  }
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd:nth-child(1), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd:nth-child(1) {
    flex: unset;
    padding-right: 0.5em;
  }
  .form div form .f2ActivityArea dl dd.rowList-2way dl.rowList-3way dd:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3way dl.rowList-3way dd:nth-child(2), .form div form .f2ActivityArea dl dd.rowList-3wayAddr dl.rowList-3way dd:nth-child(2) {
    padding-left: 0.5em;
  }
}
.form div form .required::after {
  font-family: Arial, helvetica, sans-serif;
  position: relative;
  top: -2px;
  left: 4px;
  font-size: 16px;
  line-height: 20px;
  color: red;
}
.form div form textarea, .form div form input[type=text], .form div form input[type=tel], .form div form input[type=email], .form div form select {
  font-family: Arial, helvetica, sans-serif;
  margin: 12px 0 0 0;
  padding: 6px 12px;
  height: 45px;
  font-size: 16px;
  line-height: 20px;
  background-color:#f5f8fa;
  border: 1px solid #cbd6e2;
  border-radius:3px;
}

.form div form textarea:disabled, .form div form input[type=text]:disabled, .form div form input[type=tel]:disabled, .form div form input[type=email]:disabled, .form div form select:disabled {
  background-color: #e2e4e5;
  color: #707070;
}
.form div form textarea:hover, .form div form textarea:focus, .form div form input[type=text]:hover, .form div form input[type=text]:focus, .form div form input[type=tel]:hover, .form div form input[type=tel]:focus, .form div form input[type=email]:hover, .form div form input[type=email]:focus, .form div form select:hover, .form div form select:focus {
  border-color: #569dcc;
}
.form div form textarea::-moz-placeholder, .form div form input[type=text]::-moz-placeholder, .form div form input[type=tel]::-moz-placeholder, .form div form input[type=email]::-moz-placeholder, .form div form select::-moz-placeholder {
  color: #707070;
}
.form div form textarea:-ms-input-placeholder, .form div form input[type=text]:-ms-input-placeholder, .form div form input[type=tel]:-ms-input-placeholder, .form div form input[type=email]:-ms-input-placeholder, .form div form select:-ms-input-placeholder {
  color: #707070;
}
.form div form textarea::placeholder, .form div form input[type=text]::placeholder, .form div form input[type=tel]::placeholder, .form div form input[type=email]::placeholder, .form div form select::placeholder {
  color: #707070;
}
.form div form textarea.error, .form div form input[type=text].error, .form div form input[type=tel].error, .form div form input[type=email].error, .form div form select.error {
  border-color: #c87872;
}
.form div form textarea {
  padding: 10px 12px;
  height: 148px;
  resize: none;
}
.form div form .radiobox {
  font-family:  Arial, helvetica, sans-serif;
  background-color: transparent;
  color: inherit;
  margin: 5px 0;
  font-size: 16px;
  line-height: 20px;
}
.form div form .radiobox input[type=radio] + label {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #707070;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}
.form div form .radiobox input[type=radio] + label:hover {
  border-color: #000000;
}
.form div form .radiobox input[type=radio] + label::after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000000;
  top: 2px;
  left: 2px;
}
.form div form .radiobox input[type=radio] {
  margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  .form div form .radiobox input[type=radio] {
    width: 14px;
    height: 14px;
  }
}
.form div form .checkbox {
  font-family: Arial, helvetica, sans-serif;
  background-color: transparent;
  color: inherit;
  margin: 5px 0;
  font-size: 16px;
  line-height: 20px;
}
.form div form .checkbox input[type=checkbox] + label {
  width: 14px;
  height: 14px;
  border: 1px solid #707070;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}
.form div form .checkbox input[type=checkbox] + label:hover {
  border-color: #000000;
}
.form div form .checkbox input[type=checkbox] + label::after {
  width: 12px;
  height: 12px;
  background: #52D8E5;
  top: 0;
  left: 0;
  background-image: url("https://image.gim.jpmorgan.com/lib/fe8d1372756d037475/m/18/3c201e84-186c-4add-b72e-06116eb27a6f.svg");
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .form div form .checkbox input[type=checkbox] + label::after {
    transform: none;
    border: none;
  }
}
.form div form .checkbox input[type=checkbox] {
  margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  .form div form .checkbox input[type=checkbox] {
    width: 14px;
    height: 14px;
  }
}
.form div form select {
  padding-right: 34px;
  background-position: calc(100% - 12px) 50%;
  background-image: url("https://image.gim.jpmorgan.com/lib/fe8d1372756d037475/m/18/efd813d1-6e05-42bb-af0a-1a277314fa35.svg");
}
.form div form button {
  font-family:  Arial, helvetica, sans-serif;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 22px;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 0px 20px 0 0;
  padding: 10px 20px;
  width: auto;
  min-width: 100px;
  cursor: pointer;
}
.form div form button:hover {
  background-color: #A8EBF2;
}
.form div form button.subscribe-btn {
  font-family:  Arial, helvetica, sans-serif;
  background-color: #031944;
  border: 1px solid #031944;
  border-radius: 3px;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
  margin: 0px 20px 0 0;
  padding: 10px 20px;
  width: auto;
  min-width: 100px;
  cursor: pointer;
}
.form div form button.subscribe-btn:hover {
  background-color: #031944;
}



/** Reset **/
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family:  Arial, helvetica, sans-serif;
}

strong {
  /*  font-family:  Arial, helvetica, sans-serif;
    font-weight: bold;
}

body {
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, p, blockquote, figure, ol, ul {
    margin: 0;
    padding: 0;
}

main {
    display: block;
}

div {
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border: none;
}

td {
    padding: 0px;
}

a, button {
    color: inherit;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

a {
    text-decoration: none;
}

button {
    overflow: hidden;
    border: none;
    font: inherit;
    -webkit-font-smoothing: inherit;
    background: none;
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

/** Layout **/

.container {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 940px) {
    .container {
        padding: 0 20px;
    }
}

@media screen and (min-width: 940px) {
    .container {
        max-width: 920px;
    }
}

@media screen and (max-width: 570px) {
    .f2ActivityArea {
        max-width: 570px;
    }
}



.nav {
    margin-top: 1em;
    display: flex;
    flex-direction: row-reverse;
}

.nav > ul {
    padding: 0 !important;
    flex: 1;
}

.nav li {
    border-right: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
}

.nav li .links {
    font-family:  Arial, helvetica, sans-serif;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    padding: 4px 8px;
    background-color: #ffffff;
    border-radius: 15px;
    color: #000000;
}

.nav li .links.menu-active {
    background-color: #E0E7EC;
    border: none;
}

.header {
    padding: 20px 0 !important;
    border-bottom: 2px solid black;
}

.main {
    padding: 30px 0 !important;
}

.card {
    border-top: 2px solid black;
    padding: 30px 20px;
    margin-top: 20px;
}

p {
    font-family:  Arial, helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding-top: 20px;
}

p:first-child {
    padding-top: 0;
}

li {
    font-family:  Arial, helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

ul {
    list-style-type: disc;
    list-style-position: inside;
    padding: 10px 10px 0 10px;
}

.disclosure {
    padding: 30px 0;
    border-top: 2px solid black;
}

.disclosure * {
    font-size: 14px;
    line-height: 20px;
}

.hero-img {
    margin-bottom: 20px;
}

.bg-teal50 {
    background: #F5F7F8;
}

.row {
    --gap: 20px;
    gap: var(--gap);
    display: flex;
    margin: 20px 0;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
}

.col {
    display: inline-block;
}

.col:first-child {
    margin-left: 0;
}

.col:last-child {
    margin-right: 0;
}


@media screen and (max-width: 768px) {
    .mob-full-width {
        width: 100% !important;
    }

    .col.mob-full-width {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row.mob-no-gap {
        gap: 0 !important;
    }
}

.register-button, .submit-button {
    font-family:  Arial, helvetica, sans-serif;
    background-color: #52D8E5;
    border: 1px solid #000000;
    border-radius: 22px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 10px 20px;
    width: auto;
    min-width: 100px;
    cursor: pointer;
    margin: 30px 20px 0 0;
}

.subscribe-button {
    font-family:  Arial, helvetica, sans-serif;
    background-color: #ffffff; 
    border: 1px solid #000000;
    border-radius: 22px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 10px 20px;
    width: auto;
    min-width: 100px;
    cursor: pointer;
 margin: 30px 20px 0 0;
}

.register-button:hover, .submit-button:hover, .subscribe-button:hover {
    background-color: #A8EBF2;
}



.float-left {
    float: left;
}

.float-right {
    float: right;
}

h1 {
    font-size: 60px;
    line-height: 66px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
}

h2 {
    font-size: 44px;
    line-height: 48px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
}

h3 {
    font-size: 36px;
    line-height: 44px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
}

h4 {
    font-size: 26px;
    line-height: 30px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
}

h5 {
    font-size: 22px;
    line-height: 26px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
}

a {
    color: #096183;
    text-decoration: underline;
    font-family:  Arial, helvetica, sans-serif;
}

.disclosure a {
    color: inherit;
    font-family: inherit;
}

.img-header, h5 > img {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

h1 > *, h2 > *, h3 > *, h4 > *, h5 > * {
    vertical-align: middle;
    display: inline-block;
}

.width-50 {
    width: 50%;
}

.width-100 {
    width: 100%;
}

.row > .width-50 {
    width: calc(50% - var(--gap));
}

.accordion {
    width: 100%;
    border: 0;
    border-top: 1px solid #000;
    margin-top: 0;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
 /*background-color: #A8EBF2;*/
}

.accordion .chevron-arrow {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    width: 10px !important;
    height: 10px !important;
    transform: rotate(
            45deg);
    -webkit-transform: rotate(
            45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: inline-block;
    margin: 0 0.5em 0.15em 0.5em;
    vertical-align: middle;
    -webkit-transiition: 0.75s ease-in-out;
    -moz-transiition: 0.75s ease-in-out;
    -o-transiition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out;
}

.accordion strong {
    flex: 1;
 font-weight: normal;
}

.accordion .chevron-arrow.show {
    transform: rotate(
            -135deg);
    -webkit-transform: rotate(
            -135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.panel {
    /* background-color: #A8EBF2; */
    border-left: 0;
    border-right: 0;
    padding: 0px 20px 20px 20px;
    width: 100%;
    display: none;
}

.no-border {
    border: none !important;
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.content {
    margin-top: 20px;
}


/* CUSTOM list-style-position */

@media (min-width: 768px) {
    #event-title h1 {
        display: none;
    }
}

#event-title h1 {
    font-size: 44px;
    line-height: 48px;
    font-family:  Arial, helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 20px;
}

/*Decline Questions styling*/
#form_decline {
    display: none;
    margin-top: 1em;
}

#form_decline input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin-right: 1em;
    vertical-align: baseline;
    top: 2px;
    display: inline-block;
    float: left;
}

.checkbox-label {
    display: block;
    align-content: center;
    margin: 1em 0;
}

/*Let's solve it*/
.lets-solve-it {
    display: block;
    margin: 1em auto 0;
    width: 200px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lets-solve-it {
        width: 250px;
    }
}

@media (min-width: 1024px) {
    .lets-solve-it {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .responsiveimage {
        display: none;
    }
}

/*Fix for accordions with split column*/
.accordion-container .accordion {
    width: 100%;
}

/* Speakers Section */
.accordion.speaker {
    display: table;
    width: 100%;
    margin-top: 1em;
    padding: 0.3em 0.75em;
    border: none;
}

.accordion.speaker:first-child {
    margin-top: 0;
}

.accordion.speaker img {
    width: 75px;
    margin-left: 0;
    margin-right: 5%;
}

.panel.speaker {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    border-radius: 2px;
    background: #F5F7F8;
    font-size: 16px;
    line-height: 22px;
}

.accordion.speaker img, .accordion.speaker strong, .accordion.speaker .chevron-arrow {
    vertical-align: middle;
}

.accordion.speaker td {
    font-size: 16px;
    line-height: 22px;
}

.speakers div {
    margin: 0.5em 0;
}

.speakers div p {
    width: 100%;
}

.panel {
    width: 100%;
}

.form-div {
    background-color: transparent;
    color: inherit;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.form-div > label, .form-label {
    font-family:  Arial, helvetica, sans-serif;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 12px;
 font-weight: bold;
}

.form-div > * {
    display: block;
}

.form-div textarea, .form-div input[type=text], .form-div input[type=tel], .form-div input[type=email], .form-div select {
    font-family:  Arial, helvetica, sans-serif;
    margin: 12px 0 0 0;
    padding: 6px 12px;
    border: 1px solid #707070;
    height: 45px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    width: 100%;
}

.form-div textarea {
    padding: 10px 12px;
    height: 148px;
    resize: none;
}

.form-div textarea:hover,
.form-div input[type=text]:hover,
.form-div input[type=tel]:hover,
.form-div input[type=email]:hover,
.form-div select:hover,
.form-div textarea:focus,
.form-div input[type=text]:focus,
.form-div input[type=tel]:focus,
.form-div input[type=email]:focus,
.form-div select:focus {
    border-color: #000000;
    outline: none;
}

.padding-40 {
    padding: 40px !important;
}

@media screen and (max-width: 480px) {
    .padding-40 {
        padding: 20px !important;
    }
}

.radiobox {
    font-family: Arial, helvetica, sans-serif;
    background-color: transparent;
    color: inherit;
    margin: 5px 0;
    font-size: 17px;
    line-height: 20px;
    display: inline-block;
    width: 15%;
}

.radio-div {
  margin: 0;
  padding: 0;
}
.radio-div p:first-child {
  margin-bottom: 20px;
}
.radio-div input {
  width: auto;
}

input[type=radio] {
  margin: 0;
  margin-right: 1em;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=radio] + label {
    border: none;
    position: relative;
    width: 23px;
    height: 23px;
    cursor: pointer;
 /*   position: absolute; */
    top: 0px;/
    background: #fff;
    border-radius: 12px;
 /*   border: 1px solid #bbbcbd; */
}

input[type=radio] + label:before {
  border: 1px solid #707070;
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0px;
  left: -22px;
  border-radius: 50%;
/* top: 3px; */
}

input[type=radio] + label:after {
  content: "";
  visibility: hidden;
  width: 8px;
  height: 8px;
  top: 4px;
  left: -18px;
  background: #000;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  border-radius: 50%;
}
 
input[type=radio]:checked + label:after {
  visibility: visible;
}


@media screen and (max-width: 768px) {
    .radiobox {
        width: 100%;
    }
}

.regular-header {
    font-family:  Arial, helvetica, sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
    color: inherit;
    padding-top: 0;
}

select {
    padding-right: 34px;
    background-position: calc(100% - 12px) 50%;
    background-image: url(https://image.gim.jpmorgan.com/lib/fe8d1372756d037475/m/18/efd813d1-6e05-42bb-af0a-1a277314fa35.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.required:after {
    content: '*';
    display: inline-block;
    font-family:  Arial, helvetica, sans-serif;
    position: relative;
    top: -2px;
    left: 4px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.hamburger-menu {
    height: 20px;
    width: 2em;
    position: relative;
    margin: 0;
    padding: 0;
    display: none;
}

.hamburger-menu span {
    height: 2px;
    background: #000000;
    border-radius: 0;

    display: block;
    position: absolute;
    width: 100%;

    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transiition: 0.25s ease-in-out;
    -moz-transiition: 0.25s ease-in-out;
    -o-transiition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
    top: 0;
}
.hamburger-menu span:nth-child(2) {
    top: 9px;
}
.hamburger-menu span:nth-child(3) {
    top: 18px;
}
.hamburger-menu.menu-open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hamburger-menu.menu-open span:nth-child(2) {
    display: none;
    opacity: 0;
    left: -3em;
}
.hamburger-menu.menu-open span:nth-child(3) {
    top: 0.5em;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media screen and (max-width: 768px) {
    .nav li {
        display: none
    }

    .nav li.active {
        display: block
    }

    .hamburger-menu {
        display: block;
    }
}

#KV {
  padding: 0;
  background-color: #21282E;
  border-top: 2px solid #21282E;
  border-bottom: 2px solid #21282E;
}
#KV .cicle {
  z-index: 1;
}
#KV > div {
  width: 100%;
  max-width: 2100px;
  height: auto;
  padding: 0;
}
@media screen and (max-width: 940px) {
  #KV div {
    margin: 0;
    padding: 0 20px;
  }
}
#KV div .title {
  width: 100%;
  height: auto;
  padding: 0;
  color: #ffffff;
  font-family:  Arial, helvetica, sans-serif;
  position: unset;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 60px 0px;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 940px) {
  #KV div .title {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  #KV div .title {
    align-items: flex-start;
  }
}
#KV div .title h1 {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 36px;
  line-height: 40px;
  color: inherit;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
@media screen and (min-width: 767px) {
  #KV div .title h1 {
    font-size: 44px;
    line-height: 48px;
  }
}
#KV div .title p {
  font-family:  Arial, helvetica, sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin: 0;
  padding-top: 30px;
  color: inherit;
  text-align: left;
}

.checkbox {
  font-family:  Arial, helvetica, sans-serif;
  background-color: transparent;
  color: inherit;
 /* margin: 5px 0; */
  font-size: 16px;
  line-height: 20px;
 /* padding: 0 0 0 26px; */
 position: relative; 
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 14px;
    min-height: 14px;
    width: 14px;
    height: 14px;
    margin-right: 1em;
    visibility: hidden;
    flex: 1;
}

input[type=checkbox]::after {
    flex: 1;
    content: '';
    min-width: 14px;
    min-height: 14px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #707070;
    border-radius: 2px;
    margin: 3px 1em 3px 3px;
    margin-right: 1em !important;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    display: inline-block;
    background-size: 0;
    background-image: url(https://image.gim.jpmorgan.com/lib/fe8d1372756d037475/m/18/3c201e84-186c-4add-b72e-06116eb27a6f.svg);
    background-color: #FFFFFF;
}

input[type=checkbox]:checked::after {
    background-size: 12px 12px;
    background-color: #52D8E5;
}

.back_to_top {
 font-size: 14px; 
 color: #707070; 
 display: block; 
 margin: 0 auto;
    text-align: right;
}

.back_to_top:link {
  text-decoration: none;
}

.back_to_top:visited {
  text-decoration: none;
}

.back_to_top:hover {
  text-decoration: underline;
}

.back_to_top:active {
  text-decoration: underline;
}

.accordion-color-change {
  background-color: #A8EBF2;
}

.privacy-and-copyright {
 font-size: 14px; 
 color: #707070; 
 display: block; 
 margin: 0 auto;
}

input[type=text].error, 
input[type=tel].error, 
input[type=email].error,
input[type=text]:hover.error,
input[type=tel]:hover.error,
input[type=email]:hover.error
{
    border-color: #ff0000;
    
}

.validation-error-message {
    background-color: #f8d9e0;
    border-top: 2px solid #ff0000;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 20px;
    font-family:  Arial, helvetica, sans-serif;

}