:root {
    --allContWidth : 1400px;
    --minContWidth : 1090px;
    --between : 100px;
    --space : 80px;
    --topSpace : 60px;
    --pcFifty : 50px; 
    --fontSize40 : 40px;
    --fontSize35 : 35px;
    --fontSize28 : 28px;
    --fontSize26 : 26px;
    --fontSize22 : 22px;
    --fontSize18 : 18px;
    --deepBlue : #323A83;
    --navy :#191970;
} 

.mt60 {margin-top: 60px; } 
.mt70 {margin-top: 70px; } 
.mt105 {margin-top:105px; } 
.txtal-center {text-align: center; } 
.contentWrap * {box-sizing: border-box; } 
.topSpace {margin-top: var(--topSpace); }
.top_area {display: table; width: 100%; height: 200px; text-align: center; background: #273060; transition: all 0.2s; background-size: cover; } 
.top_area h2 {display: table-cell; vertical-align: middle; font-size: var(--fontSize40); font-weight: 700; color: #fff; } 
.top_area.cyberSecurity-top {background: #273060 url(../images/content/cyberSafety-top.png) no-repeat; background-size: cover; } 
.top_area.centerIntro-top {background: #273060 url(../images/content/centerIntro-top.png) no-repeat; background-size: cover; } 
.top_area.mainTasks-top {background: #273060 url(../images/content/mainTasks-top.png) no-repeat; background-size: cover; } 
.top_area.keyAchieve-top {background: #273060 url(../images/content/keyAchieve-top.png) no-repeat; background-size: cover; } 
.top_area.groupTour-top {background: #273060 url(../images/content/groupTour-top.png) no-repeat; background-size: cover; } 
.subMenu-area {width: 100%; } 
#leftMenu {width: 100%; margin: 0 auto; display: flex; align-items:center; justify-content: center; min-height: 50px; border-bottom: 1px solid #C4C4C4; } 
#leftMenu .leftMenuList {display: flex; max-width: var(--allContWidth); flex-wrap:wrap; } 
#leftMenu .leftMenuList li {display: table; min-height: 50px; border-right: 1px solid #C4C4C4; } 
#leftMenu .leftMenuList li:first-child {border-left: 1px solid #C4C4C4; } 
#leftMenu .leftMenuList li a {display: table-cell; line-height: 20px; min-width: 147px; padding: 5px 40px; font-size: var(--fontSize18); color: #5d5d5d; text-align:center; vertical-align: middle; } 
#leftMenu .leftMenuList li:first-child.on {border-left: 1px solid #203b89; } 
#leftMenu .leftMenuList li.on, #leftMenu .leftMenuList li:hover {border-right: 1px solid #203b89; } 
#leftMenu .leftMenuList li.on a, #leftMenu .leftMenuList li a:hover {color: #fff; font-weight: bold; background: #203b89; } 
.between-def {margin-top: var(--between); } 
#content {min-height: 250px; margin: var(--space) auto; box-sizing: border-box; font-size: var(--fontSize22); color: #5d5d5d; line-height: 1.7rem; transition: all 0.5s} 
#content h3 {text-align: center; margin-bottom: var(--pcFifty); font-size: var(--fontSize35); line-height: 2.1rem; font-weight: bold; color: var(--deepBlue); } 
.h3-txt {text-align: center; margin-bottom: var(--space);padding-bottom: var(--space); font-size:  var(--fontSize35); font-weight: 800; line-height: 3.1rem; color:  var(--deepBlue); }
.h3-txt:after {content:""; display:block; position: relative; bottom: calc(var(--space) * -1); left: 50%; transform:translateX(-50%); width:96px; height:2px; background:#bdbdbd; } 
 h4 {margin-bottom: 20px; font-size: var(--fontSize28); color: var(--navy); line-height: 2.5rem; text-align: center } 
.h4-txt {font-size: var(--fontSize22); text-align: center; } 
 h4 span, 
.h4-txt span {display: block; font-size:24px; font-weight: bold; color: #363636;line-height: 2.3rem;} 
 .top-txt {margin-bottom: 115px; } 
 h5 {position: relative; font-size:  var(--fontSize22); color: #363636; } 
 .h5-txt {margin-top: 70px; text-align: center; font-size: var(--fontSize18); line-height: 1.7em; color:  var(--deepBlue); ; font-weight: 800 } 
 .h5-txt b {display: block; color: #4489C8; font-weight: 800 } 
 .top-txt {position:relative; padding-bottom: var(--between); margin-bottom: var(--between); text-align: center;  line-height: 2.0rem;} 
 .top-txt strong {display: block; margin-bottom: 40px;  font-size: 38px; font-weight: 800;  line-height: 2.3rem; color: var(--deepBlue); ; } 
.top-txt strong.topSpace {font-size: 33px; font-weight: normal}
 .top-txt:after {content:""; display:block; position: relative; bottom: calc(var(--between) * -1); left: 50%; transform:translateX(-50%); width:96px; height:2px; background:#bdbdbd; } 
 .top-txt ul {width: var(--contW); margin-inline: auto; } 
 .top-txt ul.tasks-list1 {--contW : 635px; } 
 .top-txt ul.tasks-list2 {--contW : 627px; } 
 .top-txt li {position:relative; padding-left: 15px; text-align: left; margin-bottom: 7px;} 
 .top-txt li:before {content:""; position: absolute; top: 15px; width:5px; height:5px; left: 0; background: #5d5d5d; border-radius: var(--pcFifty); } 
 .cont-txt {text-align:center; line-height: 2.3rem; } 
 .cont-txt strong {display: block; margin-bottom: 10px; color:  var(--deepBlue); ; font-weight: bold; font-size:  var(--fontSize26); } 
 .cont-txt span {color:  var(--deepBlue); font-weight: bold; }
.btn-down {padding-right: 30px; color: #3a6a90; min-height: 24px; line-height: 24px;background: url(../images/content/btn_down.png) no-repeat right 2px; background-size: 22px;}
@media all and (max-width:1399px){
    :root {
        --allContWidth : 95%;
    }
    #container {width: 100%; min-width: 360px; } 
    .contentWrap {margin: 0 auto; } 


 }
 @media all and (max-width:1200px) {
    :root {
        --allContWidth : 90%;;
    --minContWidth :90%;
    --between : 70px;
    --space : 70px;
    --topSpace : 40px;
    --pcFifty : 30px; 
    --fontSize40 : 30px;
    --fontSize35 : 30px;
    --fontSize28 : 24px;
    --fontSize26 : 24px;
    --fontSize22 : 20px;
    --fontSize18 : 16px;
   }
 .top-txt ul.tasks-list2 {--contW : 550px; } 
 }
@media all and (max-width:1024px){
    .responsive br {display: none; } 
    .top_area {height: 100px; } 
    .top-txt strong {margin-bottom: 30px; font-size:var(--fontSize35)}
     h4 {font-size: var(--fontSize28); line-height: 2.3rem;}
    .h4-txt {width: 90%; margin-left: auto; margin-right: auto;line-height: 2.0rem; } 
    h4 span, .h4-txt span {line-height: 2.1rem;}
    .h5-txt {margin-top: 40px; } 
 .cont-txt {text-align:center; line-height: 2.0rem; } 
.top-txt strong.topSpace {font-size: 28px;}
}    
@media all and (max-width: 780px){
    :root {;
    --between : 70px;
    --space : 40px;
    --fontSize26 : 22px;
    --fontSize22 : 18px;
    --fontSize18 : 16px;
   }
}
@media all and (max-width: 739px) {    
    .top_area h2 {font-size: var(--fontSize40)}
    #leftMenu {display: none;}   
    .top-txt li:before {top: 13px;}

}
@media all and (max-width:640px){
    .top-txt li {padding-left: 12px; }
    .top-txt li:before {top: 11px;}
    .top-txt {margin-inline auto;  line-height: 1.5rem;} 
    .top-txt br {display: none;}
    .top-txt strong {margin-bottom: 20px;}
    .h3-txt {line-height: 2.1rem;}
    h4 {font-size: var(--fontSize28);}
    h5 {font-size: var(--fontSize22);} 
    .h5-txt {margin-top: 20px; } 
   .h4-txt,
    h4 span, .h4-txt span {line-height: 1.8rem;}
    .cont-txt {line-height: 1.8rem; } 
 }
@media all and (max-width:390px){
    :root {
        --between: 35px;
        --fontSize40: 24px;
        --fontSize35: 24px;
        --fontSize28: 22px;
        --fontSize26: 20px;
        --fontSize22: 16px;
        --fontSize18: 14px;
    }
    .btn-down {font-size: 16px; padding-right: 30px}
.top-txt strong.topSpace {font-size: 24px;}
}
.centerIntro, .mainTasks ,  .groupTour  {margin-inline: auto; }
.centerIntro {width: var(--allContWidth);} 

.itro1-listbox {display: flex; margin-top:80px; justify-content: center; text-align: center; } 
    .itro1-listbox li {width : calc((100%/3) - 10px); margin-right: 10px;justify-content: center; display: flex; flex-wrap: wrap; } 
    .itro1-listbox div {display: flex; width: 268px; height: 297px; margin-bottom: var(--pcFifty); justify-content: center; align-items: center; background: url(../images/content/intro1-1.png) no-repeat center; background-size: 250px;} 
    .itro1-listbox div strong {color: var(--navy); font-size:  var(--fontSize28); font-weight: bold; line-height: 2rem; } 
    .itro1-listbox dt {font-size: var(--fontSize26); color: #363636; margin-bottom: 14px; } 
    .itro1-listbox dd {position: relative; text-align: left; margin-bottom: 12px; padding-left: 18px; } 
    .itro1-listbox dd:after {content: ""; width: 5px; height: 5px; position: absolute; top: 11px; left: 0; background: #5D5D5D; border-radius: var(--pcFifty); } 
    .itro1-listbox dd span {color: #838383; font-size: 16px; } 

@media all and (max-width:1024px){
   .itro1-listbox div {width: 248px; background-size: 80%; height: 257px;} 
    .itro1-listbox div strong {font-size:  var(--fontSize26);}
   .itro1-listbox dl {margin-right: 20px;}
   .itro1-listbox dd:after {top: 13px;}
}
@media all and (max-width: 780px) {
    .itro1-listbox {flex-wrap : wrap;}
    .itro1-listbox li {display: block; width:100%;margin-right: 0; margin-bottom: 20px;}
    .itro1-listbox div {width: 100%; height: 80px;margin-bottom: 0; margin-right: 0;  padding: 10px;  border-radius: 10px; background: #ecf4fb;}
    .itro1-listbox dl { flex-basis: calc(100% - 150px - 20px); margin: 20px 0 30px 10px; text-align: left;}
   .itro1-listbox dd {padding-left: 13px;}
   .itro1-listbox div br {display: none;} 
}
.history {width: 796px; margin: 0 auto; } 
    .history > div {position:relative; display: flex; margin:0 0 65px; } 
    .history > div > div {position:relative; display: flex; height: 80px; padding: 20px 20px 20px 25px; align-items: center; text-align: center; font-weight: bold; color: var(--navy); border-radius: 70px; background: #ecf4fb; } 
    .history > div > div:after {content:""; position: absolute; left: 50%; bottom: -39px; transform:translateX(-50%); height: 49px; width: 20px; background: url(../images/content/intro2-arrow.png) no-repeat bottom;z-index: -1; } 
    .history > div:last-child > div:after {display: none; } 
    .history > div > div strong {font-size: var(--fontSize28); font-weight: normal;} 
    .history > div > div span {width: 60px; height: 60px; margin-left:15px; padding-top: 13px; font-size: var(--fontSize22); border: 2px solid var(--navy); border-radius:50%; } 
    .history > div > ul {margin-top: 6px; margin-left: 20px; } 
    .history > div li {position:relative; padding-left: 15px;margin-bottom: 10px; color:#363636;} 
    .history > div li:before {content:""; position: absolute; top: 13px; width:5px; height:5px; left: 0; background: #5D5D5D; border-radius: 50px; } 
    .history > div li p {color: #8E8E8E; font-size: var(--fontSize18); } 
   
.join-group {margin-top: var(--between); } 
    .join-group h4 {color:#363636 } 
    .join-group .h5 {font-size: var(--fontSize26); color:#363636 } 
    .join-group ul {display: flex; margin-top: 24px; margin-bottom: 25px; flex-wrap: wrap; } 
    .join-group ul li { margin-bottom: 10px; margin-right: 35px; } 
    .join-group ul li:last-child {margin-right: 0px; } 
    .join-group ul.join-list2 li {border: 1px solid #C7C7C7; border-radius: 10px; margin-right: 10px; } 
 @media all and (max-width: 1399px) {
    .join-group ul li {min-width: 200px; border: 1px solid #C7C7C7; border-radius: 10px; }
    .join-group ul.join-list1 li {padding: 10px;}
}
@media all and (max-width: 1024px) {
    .join-group ul li {width: calc((100% / 2) - 10px); margin-right: 20px; text-align: left;}
    .join-group ul li:nth-child(even) {margin-right: 0;}
}
@media all and (max-width: 780px) {    
    .history {width: 95%;}
    .history > div {margin-bottom: var(--space);}
    .history > div > div {height: 50px; margin-bottom: 5px; padding: 10px 15px; justify-content: center;}
    .history > div > div span {width: 40px; height: auto; margin-left: 10px; padding-top: 0px; border: none; text-align: left;}
    .history > div > div:after {height: 30px;bottom: -30px;}
    .history > div > ul {margin-top: 5px;margin-left: 15px;}}
}
@media all and (max-width: 640px){
    .join-group ul li {width: 270px; margin-right: 10px; text-align: left;}
}
@media all and (max-width: 578px) {
.history > div {display: block;}
.history > div > div:after {display: none;}
    .history > div li:before {top: 9px;}
    .history > div > div span {width: auto; font-size: var(--fontSize26); font-weight: normal;}
    .join-group ul li {width: calc(100%); margin-right: 0 !important; }
}   
.center-status > div {display: flex; justify-content: center; margin-top: var(--space); } 
.center-status > div:first-child {margin-top: 0; } 
.center-status .img-area {width: 390px; height: 250px; border-radius: 10px; overflow: hidden; } 
.center-status .img-area img {width: 100% } 
.center-status .list-area {margin-top: 40px; } 
.center-status .list-area.nth1 {margin-left: 80px; } 
.center-status .list-area.nth2 {margin-right: 80px; } 
.center-status .list-area li {margin-bottom: 18px;}
.center-status .list-area h4 {font-size: var(--fontSize28); text-align: left; } 
.center-status .list-area strong {font-weight: bold; } 

@media all and (max-width:1399px){
    .center-status .img-area {border-radius: 0px; }
    .center-status .list-area {margin-top: 0px;}
    .center-status .list-area.nth1 {margin-left: 30px;}
    .center-status .list-area.nth2 {margin-right: 30px;}
}
@media all and (max-width: 780px) {    
    .center-status .img-area {width: 200px;height: 128px;}
    .center-status .list-area h4, .center-status .list-area li {margin-bottom: 10px;}
    .center-status .list-area.nth1 {margin-left: 20px;}
    .center-status .list-area.nth2 {margin-right: 20px;}
}
@media all and (max-width:480px) {    
    .center-status .img-area {width: 150px; min-width: 150px;}
}
@media all and (max-width:380px) {    
    .center-status > div {display: block; margin-top: 20px; }
    .center-status .img-area {width: 100%; min-width: 150px;}
    .center-status .list-area.nth1 {margin-left: 0; padding-bottom: 20px; border-bottom: 1px solid #bdbdbd}
    .center-status .list-area.nth1 h4 {margin-top: 10px;}
    .center-status .list-area.nth2 {margin-right: 0;}
    .center-status .list-area.nth2 ul {margin-bottom: 10px;}
    .center-status .list-area li {margin-bottom: 10px;}
}
.achiev-wrap h4 {color: var(--deepBlue); font-size: var(--fontSize28); margin-bottom: 20px } 
.achiev-wrap .achiev-list {display: flex; justify-content: center; margin-top: 40px;; } 
.achiev-wrap .achiev-list li {width: 120px; height: 120px; margin-right : 20px; padding-top: 16px; font-size: var(--fontSize22); text-align: center; color: var(--deepBlue);  border: 1px solid #C8C8FA; border-radius: 5px; background-position: center 70px; background-repeat: no-repeat; } 
.achiev-wrap .achiev-list li:nth-child(1) {background-image: url( ../images/content/intro4-icon1.png); } 
.achiev-wrap .achiev-list li:nth-child(2) {background-image: url( ../images/content/intro4-icon2.png); } 
.achiev-wrap .achiev-list li:nth-child(3) {background-image: url( ../images/content/intro4-icon3.png); } 
.achiev-wrap .achiev-list li:nth-child(4) {background-image: url( ../images/content/intro4-icon4.png); } 
.achiev-wrap .achiev-list li:nth-child(5) {background-image: url( ../images/content/intro4-icon5.png); } 
.achiev-wrap .achiev-list li:nth-child(6) {background-image: url( ../images/content/intro4-icon6.png); } 
.achiev-wrap .img-box {text-align: center; margin-top: 50px; } 
.achiev-wrap .img-list {display: flex; justify-content: center; margin-top: 40px; } 
.achiev-wrap .img-list li:first-child {margin-right: 60px } 

@media all and (max-width: 1024px) {  
.achiev-wrap .img-list {flex-wrap: wrap}
.achiev-wrap .img-list li {flex-basis: calc((100% / 2) - 20px);margin-bottom: 20px;}
.achiev-wrap .img-list li:first-child {margin-right: 20px } 
.achiev-wrap .img-list li img {width: 100%;}
}
@media all and (max-width: 820px) {   
.achiev-wrap .img-box img {width: 100% !important;}
}
@media all and (max-width: 780px) {   
 .achiev-wrap .achiev-list {flex-wrap: wrap;}
.achiev-wrap .achiev-list li {flex-basis: calc(100% / 3); margin-bottom: 10px; margin-line: auto; }
.achiev-wrap h4 {margin-bottom: 10px}
.achiev-wrap .img-list {margin-top: 20px;}
} 

.tasks-wrap h4 {color: var(--deepBlue); } 
.tasks-wrap h4 span {color: #363636; font-weight: normal; } 
.tasks-wrap .img-box {margin-top: var(--pcFifty); padding: 10px; text-align: center; min-width: var(--allContWidth); border-radius: 15px;/* background: #E1EAF3*/ } 
.tasks-wrap3 {width: var(--minContWidth); } 
.tasks-wrap3 > ul > li {position: relative; width: 100%; min-height: 160px; margin-bottom: 20px; padding: 20px 20px 20px 170px; border: 1px solid #BDBDBD; border-radius: 15px; } 
.tasks-wrap3 > ul > li:before {content:""; position: absolute; top: 20px; left: 20px; width: 120px; height: 120px;  border-radius: 20px; } 
.tasks-wrap3 > ul > li:nth-child(1):before {background: #e1e9f4 url( ../images/content/tasks3-icon1.png) no-repeat center; } 
.tasks-wrap3 > ul > li:nth-child(2):before {background: #e1e9f4 url( ../images/content/tasks3-icon2.png) no-repeat center; } 
.tasks-wrap3 > ul > li:nth-child(3):before {background: #e1e9f4 url( ../images/content/tasks3-icon3.png) no-repeat center; } 
.tasks-wrap3 > ul > li h4 {margin-top: 10px; margin-bottom: 14px; color: var(--navy); font-size:  var(--fontSize28); text-align: left; line-height: 2.5rem; } 
.tasks-wrap3 > ul > li:nth-child(3) ul {margin-top: 20px; } 
.tasks-wrap3 > ul > li:nth-child(3) li {position: relative; padding-left: 70px; margin-bottom: 20px; } 
.tasks-wrap3 > ul > li:nth-child(3) li:before {content:""; position: absolute; top: 00px; left: 0px; width: 60px; height: 60px;border-radius: 20px; } 
.tasks-wrap3 > ul > li:nth-child(3) li:nth-child(1):before {background: url( ../images/content/tasks3-icon3-1.png) no-repeat center; } 
.tasks-wrap3 > ul > li:nth-child(3) li:nth-child(2):before {background: url( ../images/content/tasks3-icon3-2.png) no-repeat center; } 
.tasks-wrap3 > ul > li:nth-child(3) li h5 strong {font-size: var(--fontSize22); font-weight: bold; color: var(--deepBlue); display: block; } 
.tasks-wrap3 > ul > li:nth-child(3) li p {margin-top: 10px; font-size: 16px; }

@media all and (max-width: 1399px) {   
    .tasks-wrap {width: var(--allContWidth);}
}
@media all and (max-width: 960px) {   
    .tasks-wrap .img-box img {width: 100%; }
}
@media all and (max-width: 800px) {   
    .tasks-wrap .img-box.tasks2-img  img {width: 100%; }
}
@media all and (max-width: 654px) {   
    .top-txt ul.tasks-list1 {--contW : 100%; } 
    .top-txt ul.tasks-list2 {--contW : 100%; }
    .tasks-wrap3 > ul > li {min-height: 150px; padding: 15px 15px 15px 120px; } 
    .tasks-wrap3 > ul > li:before {top: 15px; left: 15px; width: 90px; height: 90px;  border-radius: 10px; } 
    .tasks-wrap3 > ul > li h4 {margin-top: 0; margin-bottom: 0;}
    .tasks-wrap3 > ul > li:nth-child(3) li {padding-left: 13px;}
    .tasks-wrap3 > ul > li:nth-child(3) li:before {content: "-"; width: 10px; font-weight: bold;  color: var(--deepBlue); background: none !important;}
} 
@media all and (max-width: 380px) {   
    .tasks-wrap3 > ul > li {min-height: 150px; padding: 15px 15px 15px 90px; } 
    .tasks-wrap3 > ul > li:before,
.tasks-wrap3 > ul > li:nth-child(1):before,
.tasks-wrap3 > ul > li:nth-child(2):before,
.tasks-wrap3 > ul > li:nth-child(3):before {top: 15px; left: 15px; width: 60px; height: 60px;background-size: 40px; } 
} 
.groupTour {width: var(--minContWidth); }
    /*.groupTour  strong {font-weight: bold;}*/
    .groupTour .h4-txt {border-bottom: 1px solid #c2c2c2; padding-bottom: var(--space); margin-bottom: var(--space);}
    .groupTour h5 {margin-bottom: 20px; font-size: var(--fontSize26); color: var(--deepBlue);}
    .groupTour h5 span {display: inline-block; margin-left: 15px; font-weight: normal; color:#5D5D5D; font-size: var(--fontSize18);}
    .groupTour .process-list li {position: relative; display: flex;  width: 100%; min-height: 120px; align-items: center; margin-bottom: 70px;padding: 30px 30px 30px 130px; border: 3px solid #E8F3FF; border-radius: 20px; box-sizing: border-box;}
    .groupTour .process-list li:before{content:""; position:absolute; top: 30px; left: 50px; width: 57px; height: 50px;}
    .groupTour .process-list li:nth-child(1):before{background: url(../images/content/tour1-icon1.png) no-repeat center;}
    .groupTour .process-list li:nth-child(2):before{background: url(../images/content/tour1-icon2.png) no-repeat center;}
    .groupTour .process-list li:nth-child(3):before{background: url(../images/content/tour1-icon3.png) no-repeat center;}
    .groupTour .process-list li:nth-child(4):before{background: url(../images/content/tour1-icon4.png) no-repeat center;} 
    .groupTour .process-list li:after{content:"";position:absolute; bottom: -50px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background: url(../images/content/tour-arrow.png) no-repeat;}
    .groupTour .process-list li:last-child:after {display: none;}
    .groupTour .process-list li dl {display: flex; font-size: 20px; line-height: 24px;}
    .groupTour .process-list li dt {margin-right: 60px;font-weight: bold;}
    .groupTour .process-list li dd {margin-right: 25px;min-height: 24px; color: #3F78A6;}
    .groupTour .program {display: flex; flex-wrap: wrap; margin-bottom: var(--space); }
    .groupTour .program li {position: relative; flex: 1; min-height: 260px; margin-right: 20px; padding: 34px 27px 110px; border-radius: 10px; text-align: center; background: #ecf4fb;}
    .groupTour .program li:after {content:""; position:absolute; bottom: 25px; left: 50%; transform: translateX(-50%); width: 65px; height: 65px;}
    .groupTour .program li:nth-child(1):after {background: url(../images/content/tour1-icon5.png) no-repeat center;}
    .groupTour .program li:nth-child(2):after {background: url(../images/content/tour1-icon6.png) no-repeat center;}
    .groupTour .program li:nth-child(3):after {background: url(../images/content/tour1-icon7.png) no-repeat center;}
    .groupTour .program li strong {display: block; margin-bottom: 24px; font-size: var(--fontSize26); color: #363636;font-weight: bold;}
    .groupTour .location-map {position: relative; width: 100%; margin-bottom: 20px;}
    .groupTour .location-map p {position: absolute; top: 237px; right: 290px; display: flex; align-items: center; width: 192px; height: 50px; text-align: center; border-radius: 15px; box-shadow: 0 4px 8px rgba(0,0,0, .25); background: var(--navy);  z-index: 2;}
    .groupTour .location-map p span {position: relative; width: 100%; color: #fff; font-weight: bold;}
    .groupTour .location-map span:after {content:""; position: absolute; left: 20px; bottom: -14px; width: 27px; height: 26px; transform: rotate(-45deg);  background: var(--navy);   z-index: -1;} 
    .location-map-mobile {display: none; margin-bottom: 20px;}
    .location-map img {width: 100%;}
    .groupTour .location-list {margin-bottom: var(--space);}
    .groupTour .location-list li {margin-bottom: 14px;}
@media all and (max-width: 1092px) {
}
@media all and (max-width: 1024px) {
.groupTour .process-list li dl {flex-wrap : wrap;}
.groupTour .process-list li dl dt{ width: 100%; margin-bottom: 10px;}
}
@media all and (max-width: 780px) {
    .location-map {display: none;}
    .location-map-mobile {display: block;}
    .location-map-mobile img {width: 100%;}
}
@media all and (max-width: 640px) {
.groupTour .process-list li {min-height: 90px; padding:20px 15px 20px 70px}
.groupTour .process-list li:before {left: 0px; top: 15px; background-size: 40px !important; }
.groupTour .process-list li dl {display:block; font-size: 16px;}
.groupTour .process-list li dl dd {margin-bottom: 5px; margin-right: 0;}
.groupTour .program li {flex-basis: 100%; min-height: 100px; margin-right: 0; margin-bottom: 10px; padding: 20px 80px 20px 20px; text-align: left;}
.groupTour .program li:after {bottom: 10px; left:  auto; right: -10px;width: 50px; height: 50px; background-size: 45px !important; }
.groupTour .program li strong {margin-bottom: 10px;}
}