/*************Main**************/
.focuscontent {
    position: relative;
    z-index: 1001;
}
.focuscontent a{
    display: block;
    margin: 0;
    color: white;
    background-color: black;
    position: absolute;
    top: -5000px;
    left: -5000px;
    font-size: 1.2em;
}
.focuscontent a:focus {
    display: inline-block;
    padding: 15px;
    margin: 5px;
    outline: 3px solid #FFF;
    text-decoration: underline;
    left: 20px;
    top: 20px;
    background-color: #2A74DB;
    font-size: 1.2em;
}
html {
    height: 100%;
}

body {
    font-size: 100% !important;
    /* overflow-x: hidden; */
}
.row{
    --bs-gutter-x: 0 !important;
}
#main-desktop{
    width: 100%;
}
.container-fluid{
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    max-width: 1440px !important;
    width: 85%;
}
tbody, td, tfoot, th, thead, tr{
    border-width: 1px !important;
}
h1{
    font-family: 'Microsoft YaHei', sans-serif;
}
h2{
    font-family: 'Microsoft YaHei', sans-serif;
}
input{
    font-family: 'Microsoft YaHei', sans-serif;
}
textarea{
    font-family: 'Microsoft YaHei', sans-serif;
}
span{
    font-family: 'Microsoft YaHei', sans-serif;
}

p{
    font-family: 'Microsoft YaHei', sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}
img{
    max-width: 100%;
}
.site-position {
    margin-bottom: 3%;
    display: flex;
    align-items: center;
    color: #b6b6b6;
}
.site-position a{
    text-decoration: none;
    color: #666666;
}
.site-position .site_position_main{
    color: #2A74DB !important;
    font-weight: 600 !important;
}
.site-position .homeIcon{
    background: url("../../images/newVersion/ic_home.png");
    background-repeat: no-repeat;
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
}
.site-position .textColor{
    margin-left: 0.5%;
    margin-right: 0.5%;
    font-size: 1em;
    font-weight: 700;
    color: #666666;
}
.site-position .targetPage{
    color: #1A74DB;
}
#___gcse_0{
    display: none;
}
/*************Banner**************/
#carouselIndicators{
    display: inline-block;
}
.carousel-item a{
    max-width: 1920px;
    display: flex;
    margin: auto;
}
.carousel-item img{
    width: 100%;
    /* max-width: 1920px;
    max-height: 700px; */
    min-width: 130px;
    min-height: 130px;
    object-fit: cover;
    margin: auto;
}
.specialOffer_body .specialOffer_body_middle_shadow {
    /* filter: blur(10px);
    position: relative;
    top: 15px;
    left: 5px;
    text-align: center; */
    box-shadow:0px 25px 31px -26px rgba(77, 77, 77, 13)
}
/*************content**************/
.index_container{
    max-width: 1440px;
    margin: auto;
    width: 85%;
}
.circle{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.2em solid  #8B9298;    
    height: 4.5em;
    width: 4.5em;
    border-radius:50%;
}
.index_content p{
    display: flex;
    align-items: center;
    padding-left: 5%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: 1.25em;
    color: #3C3C3C;
    min-height: 86px;
    font-weight: 400;
    text-align: left;
}
.content_img{
    width:86px;
}
.index_container .ps-5 {
    padding-left: 2em !important;
}
@media screen and (max-width: 1200px){
    .content_img{
        width:4em;
    }
    .index_container .ps-5 {
        padding-left: 1.3em !important;
    }
    #participant_cell_right .col-3 {
        width: 31% !important;
    }
    #participant_cell_right .col-9 {
        width: 69%;
    } 
}
@media screen and (min-width: 1201px) and (max-width: 1470px){
    .index_container .ps-5 {
        padding-left: 1.1em !important;
    }
    #participant_cell_right .col-3 {
        width: 26% !important;
    }
    #participant_cell_right .col-9 {
        width: 74%;
    } 
}
@media screen and (min-width: 986px) and (max-width: 1110px){
    .page_banner p {
        font-size: 1.5em !important;
    }
    #GovWebsite .govweb-content {
        width: 95% !important;
    }
}


/*******content-about*********/
.content_about_bg{
    background-color: #E6F2FF;
}
.content-img-left{
    /* height: 100%; */
    position: relative;
}
.content_left{
    justify-content: space-between;
}
.content-img-left .about_text_left {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 1.5em;
    color: black;
    font-weight: 700;
}
.content-img-insetShadow {
    width: 100%;
    height: 100%;
    /* background: black; */
    /* box-shadow: inset 0 0 48px 38px #e6f2ff; */
}
.content-img-insetShadow h1{
    margin-bottom: 0;
}
.content-img-insetShadow img{
    width: 100%;
    height: 100%;
}
.content-img-right .about_text_right{
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 1.5em;
    color: black;
    font-weight: 700;
}

.content_about_bg p{
    padding-left: 3%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #3C3C3C;
    width: 70%;
    font-size: 1.25em;
    font-weight: 400;
    min-height: 86px;
    line-height: 1.26em;
    text-align: left;
}
.content_left a {
    overflow: hidden;
    padding: 0;
}
.content_left a:hover > p{
    background: linear-gradient(to right, #5653E2, #0095FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.375em;
    line-height: 1.38em;
}
.content_left a:focus {
    border: #5653E2 2px solid;
}
.dropdown:hover .dropdown-menu {
    /* display: block;  */
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 41px);
}
.dropdown-menu:hover{
    display: block;
}
.content_left a:hover > img{
    filter: sepia(100%) hue-rotate(190deg) saturate(900%);
}
/***content_serviceLocations_bg***/
.content-img-right .content-img-insetShadow{
    float: right;
}
.content-img-right {
    position: relative;
}
/***content-programApplication***/
.content_programApplication_bg{
    background-color: #F4F4F4;
}
/****content-servicePoint******/
.content_serviceLocations_bg{
    background-color: #DFF3FC;
}
/*************news-header**************/
#NewsMenu{
    /* width: 75%; */
    margin-top: 8%;
}
#NewsMenu header{
    width: 100%;
}
#NewsMenu header h2{
    font-size: 1.5em;
    font-weight: bolder;
}


.news-title h2::before{
    content: "";
    position: absolute;
    top: -0.1em;
    left: -1em;
    width: 0.5em;
    height: 2em;
    background: linear-gradient(#4A5BE5, #348DFC);
    border-radius: 1em;
}
.news-title h2 {
    margin-left: 2%;
    position: relative;
    font-size: 1.2em;
    margin-block-start: 0;
    margin-block-end: 0;
}
/*************news-body**************/
.news_sub{
    padding-left: 2% !important;
}
.news_content{
    padding-top: 4%;
}
.news-title a {
    color: 	#1a74d8;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}
.news_image_box_right {
    display: flex;
    width: 210px;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #D3D3D3;
}
.news_image_box_left{
    display: flex;
    width: 100%;
    height: 300px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: white;
}
.main_new_bg{
    width: 100%;
    height: auto;
}
.main_new_bg img{
    max-width: 100%;
    max-height: 100%;
    /* height: 100%; */
    /* min-width: 100%; */
    object-fit: cover;
}
.page-one{
    list-style-type: none;
    height: 157px;
    width: 100%;
    margin-bottom: 2%;
}
.page-one .d-inline-flex{
    height: 100%;
    width: 100%;
    /* padding-bottom: 22px; */
}
#desktopOnly .page-one img{
    /* width: 100%; */
    max-width: 100%;
    max-height: 100%;
    /* min-height: 100%; */
    object-fit: cover;
}
.news_text{
    /* width: 100%; */
    height: 100%;
    /* padding: 1% 0 2% 4%; */
}
#desktopOnly .news_text_first{
    width: 100%;
    height: 78%;
    /* margin: 3% 0 2% 0; */
}

.news_text a, .news_text span{
    text-decoration: none;
    font-size: 1.25em;
    font-weight: 700;
    color: #333333;
    display: block;
    height: 100%;
}
.news_text a:hover, .news_text a:hover > span {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}
.news_contect_right{
    padding: 0.5% 0 0% 4%;
    width: 75%;
    overflow: hidden;
}
.news_text a:hover .news_body{
    color: #333333;
    font-weight: 700;
}
.page-one:hover ,.main_new:hover {
    box-shadow: 3px 4px 11px #666666;
}
.new-4{
    margin-bottom: 0;
}
.news_text p{
    color: #666666;
    margin-top: 1.5% !important;
    margin-bottom:1.5% !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
}
.news_text .news_body {
    font-size: 0.8em;
    font-weight: 400;
    color: #666666;
    word-break: break-word;
}
.news_text .news_date {
    font-size: 0.875em;
    font-weight: 400;
    color: #666666;
}
.main_new_bg p{
    height: 40%;
}
/*************specialOffer**************/
.specialOffer_bg{
    margin-top: 3%;
    padding-top: 3%;
    padding-bottom: 5%;
    background-color: #E6F2FF;
}
.specialOffer_bg header ::before{
    content: "";
    position: absolute;
    top: -0.1em;
    left: -1em;
    width: 0.5em;
    height: 2em;
    background: linear-gradient(#4A5BE5, #348DFC);
    border-radius: 1em;
}
.specialOffer_bg header h2 {
    margin-left: 2%;
    position: relative;
    font-size: 1.5em;
    font-weight: bolder;
    margin-block-start: 0;
    margin-block-end: 0;
}
.specialOffer_body p{
    margin-bottom:0;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-weight: 300;
    font-size: 0.9em;
    background-color: black;
    width: -webkit-fill-available;
}
.specialOffer_body_p{
    /* bottom: 0.3em !important; */
}
.specialOffer_body .specialOffer_body_p {
    padding-left: 1em;
    font-size: 0.9em;
    font-weight: 300;
    text-align: left;
    height: 1.8em;
    line-height: 1.8em;
}
.specialOffer_body_i{
    /* bottom: 0.3em !important;
    right: 0.3em !important; */
    font-size: 1.5em;
}
.specialOffer_body i{
    position: absolute;
    bottom: 0.2em;
    right: 1em;
    color: white;
    font-weight: 200;
    font-size: 0.8em;
}
.specialOffer_body{
    /* padding-left: 2em;
    padding-right: 2em; */
    margin-top: 60px;
}
.specialOffer_body .col{
    display: flex;
    justify-content: center;
}
.specialOffer_body .btn{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    background-color: black;
    background-clip: content-box;
    padding: unset;
}
.specialOffer_body .btn:focus {
    border: #4A5BE5 2px solid;
}
.specialOffer_link:hover,.specialOffer_Video .video_background .row:hover{
    transform: scale(1.03);
    
}
.specialOffer_link:hover img{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.specialOffer_body .btn_85{
    width: 85%;
}
.specialOffer_body .btn_90{
    width: 90%;
}

.specialOffer_body img{
    width: 100%;
    object-fit: cover;
}

/* .promotionalVideo{
    width: 30%;
    height: 70%;
}
#my-video{
    width: 100%;
}
#HomepageVideo iframe{
    width: 100%;
    height: 100%;
} */
/*************participants**************/
.participants_bg{
    margin-top: 3%;
    padding-top: 3%;
    /* background-color: #E6F2FF; */
}
.participants_bg header ::before{
    content: "";
    position: absolute;
    top: -0.1em;
    left: -1em;
    width: 0.5em;
    height: 2em;
    background: linear-gradient(#4A5BE5, #348DFC);
    border-radius: 1em;
}
.participants_bg header h2 {
    margin-left: 2%;
    position: relative;
    font-size: 1.5em;
    font-weight: bolder;
    margin-block-start: 0;
    margin-block-end: 0;
}
.grid{
    display: grid;
}
.systemList{
    display: block !important;
    text-align: left;
    float: left;
    width: 20%;
    text-decoration: none;
    margin-top: 1%;
}
.systemList a.os-link.selected{
    background-color: #2A74DB;
}
.systemList a.os-link{
    text-decoration: none;
    position: relative;
    padding: 5%;
    margin-bottom: 5%;
    border-radius: 0.5em;
    height: 2.5em;
    display: flex;
    width: 190px;
}
.systemList a.os-link p{
    display: flex;
    align-items: center;
    margin: 0;
    text-decoration: none;
    font-size: 1em;
    margin-left: 25%;
    color: #333333;
}
.systemList a.os-link span{
    content: "";
    height: 0.5em;
    width: 0.5em;
    position: absolute;
    background-color: #333333;
    border-radius: 50%;
    top: 1em;
    left:1em;
}
.systemList a.os-link.selected p{
    color: white;
}
.systemList a.os-link.selected span{
    background-color: white;
}
.border_top{
    border-top: 1px solid #CDDEF9;
    margin-top: 2%;
    padding-top: 2%;
}
ul#encrypt{
    display: flex;
    width: 100%;
    height: 2.5em;
    align-items: center;
    background-color: #E9F1FC;
    border-radius: 0.5em;
}
ul#encrypt li{
    width: 50%;
    height: 100%;
    font-size: 1em;
    align-items: center;
    display: flex;
    justify-content: center;
}
ul#encrypt li.switchColor{
    background-color: #1A74DC;
    color: white;
    border-radius: 0.5em;
}
ul#encrypt button.switchColor {
    background: inherit;
    color: inherit;
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.editor-contents{
    margin-top: 2%;
    display: none;
}
.editor-contents img{
    height: auto;
}
.editor-contents.selected{
    display: block;
}
.editor-contents .wayList{
    display: flex;
    justify-content: center;
}
.editor-contents .wayList li.selected{
    border-bottom: 1px solid #1A74DC;
    color: #1A74DC;
    font-weight: 800;
}
.editor-contents .wayList li{
    width: 30%;
    text-align: center;
    text-decoration: none;
    padding: 1%;
    font-weight: 600;
}
.easyWay{
    display: none;
    line-height: 3em;
}
.easyWay strong{
    font-size: 1.5em;
}
.easyWay.selected{
    display: block;
}
.selfWay{
    display: none;
    line-height: 3em;
}
.selfWay strong{
    font-size: 1.5em;
}
.selfWay.selected{
    display: block;
    height: 33vw;
}
#desktopOnly #partBanner .carousel-inner {
    max-height: 780px;
    height: 69vw;
}
#desktopOnly .carousel-inner {
    max-height: 700px;
}
#desktopOnly #specialOffer .carousel-inner {
    height: 18vw;
}

.participants_bg .carousel-font-background-left {
    margin-top: 2%;
    height: 100%;
    width: 11%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    position: absolute;
    pointer-events: none;
    left: 0;
}
.participants_bg .carousel-font-background-right {
    margin-top: 2%;
    height: 100%;
    width: 11%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    position: absolute;
    pointer-events: none;
    right: 0;
}

/* .carousel-indicators {
    width: 10px;
	height: 10px;
	border: 1px solid transparent;
	background-color: #5653E2;
	border-radius: 5px;
}
.carousel-indicators button {
    width: 10px;
	height: 10px;
	border: 1px solid transparent;
	background-color: #1A74DB;
	border-radius: 5px;
} */
  

/***********GovWebsite*********/
#GovWebsite {
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    /*margin-top: 50px;*/
}
.horizontal_logo {
    text-align: center;
}
.horizontal_logo span img{
    max-width: 131px ;
}
.horizontal_logo span {
    width: 100%;
    display: inline-block;
    position: relative; 
}
.horizontal_logo span::before,
.horizontal_logo span::after {
    content: "";
    display: block;
    height: 2px;
    background-color: #2A74DC;
    position: absolute;
    top: 60%;
    width: 60%;
    transform: translateY(-50%);
    z-index: -1;
}
.horizontal_logo span::before {
    left: 60%;
  }
  
  .horizontal_logo span::after {
    right: 60%;
  }

#GovWebsite .govweb-content{
    margin-top: 3em;
    width: 85%;
}

#GovWebsite .govwebsite-title {
    padding-top: 3%;
    padding-left: 1%;

}

#GovWebsite .govwebsite-title p{
    margin: 0;
    font-size: 0.7em;
    color: #3C3C3C;
    margin-left: 3%;
    width: 100%;
}
#GovWebsite .govwebsite-title a{
    color: #3C3C3C;
}
#GovWebsite .govwebsite-title > span {
    width: 1.5em;
    height: 1.5em;
    background-image: url("../../images/newVersion/arrow_shape.png");
    background-repeat: no-repeat;
    background-size: 1.5em;
    display: inline-block;
    position: relative;
    top:0.2em;
}

#GovWebsite .govwebsite-title > a {
    display: inline-block;
    font-size: 2.0rem;
}

#GovWebsite .gov-img {
    display: inline-block;
    float: left;
    margin: 3%;
    width: 3.5em;
    height: 3.5em;
}

#GovWebsite .gov-ul {
    list-style-type: none;
    padding: 0;
}

#GovWebsite .gov-li {
    margin: 0.75%;
    background: #FAFAFA;
    background-clip:content-box;
    width: 18.5%;
    height: 7em;
    float: left;
}

@media screen and (min-width: 986px) and (max-width: 1200px) {
    #GovWebsite .gov-li {
        width: 22.5%;
    }
}
#GovWebsite .gov-li a{
    padding: 3% 5%;
}

#GovWebsite .gov-li p{
    display: unset;
}

#GovWebsite .gov-li:hover {
    /* background-color: #C0C0C0; */
    box-shadow: 0 0 10px rgba(128, 128, 128);
}

#GovWebsite .gov-name {
    display: inline-block;
    margin-top:5%
}

#GovWebsite .gov-name p {
    font-size: 0.8em;
    margin-bottom: 1%;
    float: left;
    color: #4d4d4d;
}
.gov_name_link_en{
    font-size: 0.7em !important;
    font-weight:100;
    color: #4d4d4d;
}


#gov-list {
    list-style-type: none;
}

#gov-list > li > a > * {
    display: inline-block;
}

#gov-list > li > a {
    display: block;
}

/* @media screen and (max-width: 473px) {
    #gov-list {
        padding: 0;
    }
    #gov-list > li {
        width: 285px;
    }
    #gov-list > li > a > p {
        width: 177px;
    }
} */

/***********SearchMenu*********/
.search-title > h4,.news-title > p,.guide-title > p {
    position: relative;
}
#SearchMenu .btn{
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 6%;
}
#SearchMenu .search-title h4{
    font-size: 1.375em;
    font-weight: 800;
    margin-bottom: 2% !important;
}
#SearchMenu header {
    display: flex;
    align-items: center;
}
#SearchMenu header ::after{
    content: "";
    position: absolute;
    left: 0;
    width: 2em;
    height: 0.2em;
    background: linear-gradient(#4A5BE5, #348DFC);
    border-radius: 1em;
    margin-top: 1.5em;
}
.search_list::after {
    content: "";
    display: block;
    height: 2px;
    background-color: #BDBDBD;
    width: 100%;
    margin-top: 4%;
}
.search_list_body{
    display: none;
}

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.selectWrap{
    margin-top: 5%;
    position: relative;
}
.selectWrap .select {
  width: 100%;
  position: relative;
  font-size: 1.125em;
  color: #333;
  cursor: pointer;
}

.selectWrap .select .s-hidden {
  display: none;
}

.selectWrap .select .selectView {
  position: relative;
  width: 100%;
  padding: 10px 40px 10px 10px;
  line-height: 1em;
  box-sizing: border-box;
}
.selectWrap .select .selectView:hover {
    color: #1A74DB;
}
.selectWrap .select .selectView.active::before {
  content: "-";
}

.selectWrap .select .selectView::before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 1px;
  margin-top: -8px;
  font-family: 'FontAwesome', sans-serif;
  color: #858585;
  font-size: 20px;
  content: "+";
}

.selectWrap .select .selectOptions {
  display: none;
  position: absolute;
  width: 100%;
  height: 200px;
  overflow: scroll;
  background: #fff;
  /* border: 2px solid #858585; */
  border-top: 0;
  color: #333333;
  box-sizing: border-box;
  z-index: 1;
  overflow-x: hidden;
}

.selectWrap .select .selectOptions li {
  color: #333333;
  font-size: 0.8em;
  padding: 14px;
}

.selectWrap .select .selectOptions li:hover {
  background-color: rgba(151, 190, 222, 1);
  color: #ffffff;
}
#SearchMenu form .form-group .input-group{
    margin: 10% 0;
}
#SearchMenu form .form-group .input-group input{
    background-color: #EEEEEE;
    color: black;
    font-size: 1em;
}
#SearchMenu form .form-group .input-group input::placeholder{
    font-size: 1em;
    color: black;
}
#SearchMenu form .form-group button{
    border-radius: 3em;
    background: linear-gradient(#4A5BE5, #348DFC);
    height: 2em;
    font-size: 1em;
}
#search-block {
    position: relative;
}


#SearchMenu .form-group > select , #SearchMenu .form-group > input {
    border-radius: 0 !important;
    border: solid 2px;
    border-color: #b6b6b6;
}

#SearchMenu .glyphicon-search, #custom-search-box .glyphicon-search {
    padding-left: 4px;
}

.search-box-btn {
    width: 100%;
    color: white;
    /*background-color: #39b4ea;*/
    border: 1px solid transparent;
}


/***********guideMenu*********/
.guide-title h4 {
    color: #333333;
    position: relative;
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 2%;
}
#guideMenu{
    margin-top: 10%;
    position: relative;
}
#guideMenu header {
    display: flex;
    align-items: center;

}
#guideMenu header ::after{
    content: "";
    position: absolute;
    /* top: 1.5em; */
    bottom: -0.2em;
    left: 0;
    width: 2em;
    height: 0.2em;
    background: linear-gradient(#4A5BE5, #348DFC);
    border-radius: 1em;
}
#guideMenu .submenu{
    border-bottom: 1px solid #999999;
    /* height: 4em; */
    /* display: flex; */
    justify-content: flex-start;
    align-items: center;
    padding: 1em 0 1em 0;
}
.submenu_body .last{
    border-bottom: none !important;
  }
.submenu a{
    text-decoration: none;
    color: #333333;
    font-size: 1.125em;
    font-weight: 400;
    display: flex;
    width: 100%;
}
.submenu a img{
    margin-right: 5%;
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
}
.submenu a:hover{
    color: #1A74DB;
}

.select-page-padding{
    height: 850px;
}
.select-padding{
    height: 250px;
}


#guideMenu .guide-row {
    /*margin: 0;*/
    display: block;
    margin-right: auto;
    margin-left: auto;
    /*width: 252px;*/
    
}


#guideMenu .other {
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    background: url("../../images/mobile/mobile_news_list_arrow.png");
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 13px;
}

#guideMenu .other > a {
    width: 100%;
}

#guideMenu .other > a:hover {
    text-decoration: none;
}

#guideMenu .other div {
    margin-left: 7%;
    width: 100%;
}

#guideMenu .menu_link {
    /*position: relative;*/
    /*left: 20%;*/
    /*bottom: 17px;*/
    color: black;

}

#guideMenu .menu_link_haveicon {
    /*position: relative;*/
    /*left: 20%;*/
    /*bottom: 17px;*/
    width: 87%;
    color: black;
    display: inline-block;
    /*display: inline-block;*/
}

#guideMenu .other span {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 9px;

}

#guideMenu .other span.contact-span {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 14px;
    float: left;

}

#guideMenu .normal_div:nth-child(1) span {
    background: url("../../images/icon_service.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .normal_div:nth-child(2) span {
    background: url("../../images/icon_statistics.png");
    background-repeat: no-repeat;
    background-size: 20px;
}

#guideMenu .contact_div:nth-child(1) span {
    background: url("../../images/006-note.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .contact_div:nth-child(2) span {
    background: url("../../images/001-interface.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .contact_div:nth-child(3) span {
    background: url("../../images/004-data-privacy.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .contact_div:nth-last-child(1) span {
    background: url("../../images/003-new-file.png");
    background-repeat: no-repeat;
    background-size: 20px;
}

#guideMenu .guide_div:nth-child(1) span {
    background: url("../../images/help.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .guide_div:nth-child(2) span {
    background: url("../../images/laptop.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .guide_div:nth-child(3) span {
    background: url("../../images/link_interface.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
#guideMenu .guide_div:nth-last-child(1) span {
    background: url("../../images/memo_pad.png");
    background-repeat: no-repeat;
    background-size: 20px;
}



.page_body{
    padding-top: 3%;
    padding-bottom: 5%;
    width: 85% !important;
}
/****************FAQ*******************/
ul.faq li{
    margin: 0 0 1em 0;
}
ul.faq ul{
    list-style-type: circle;
}
ul.faq .ansr-wrapper ul{
    padding-left: 2em;
}
ul.faq li.faq-li {
    position: relative;
    padding: 1em;
    width: 100%;
    border: 1px solid #959595;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    cursor: pointer;
  }
ul.faq .ansr-wrapper{
    /* word-break: break-all; */
}
ul.faq li .ques-wrapper span {
    float: left;
}
ul.faq li .clearfix{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
  /* line 238, ../sass/base/_content.sass */
ul.faq li .ques-wrapper span.num {
    margin-right: 1em;
    position: static;
    min-width: 1.6em;
    border-radius: 0.5em;
    background: #2A74DB;
    color: #ffffff;
    display: flex;
    font-size: 1em;
    text-align: center;
    align-items: center;
    justify-content: center
}
/* line 250, ../sass/base/_content.sass */
ul.faq li .ques-wrapper span.ques {
    font-weight: bold;
    /* width: 90%; */
    display: flex;
    align-items:end;
    font-size: 1.25em;
    padding-right: 0.5em;
}
/* line 255, ../sass/base/_content.sass */
ul.faq li .ansr-wrapper {
    margin: 2% 0;
    margin-left: 6%;
    font-size: 1.125em;
    line-height: 2.5em;
    display: none;
}
ul.faq li .ansr-wrapper p a{
    word-break: break-all;
}
/* line 260, ../sass/base/_content.sass */
ul.faq li a.menu-wrapper {
    position: relative;
    padding: 8px 0;
    width: 100%;
    border: 1px solid #37bbf2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    color: #494949;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
/* line 274, ../sass/base/_content.sass */
ul.faq li a.menu-wrapper span.menu-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 100%;
    background: url("../images/arrow-right-white.png") no-repeat #37bbf2 7px 6px;
}
/* line 307, ../sass/base/_content.sass */
ul.faq li.selected .ansr-wrapper {
    display: block;
}
ul.faq li.selected{
    border: 1px solid #2A74DB;
}
ul.faq li.selected .ques-wrapper span.ques{
    color : #2A74DB;
}
/*******************participant***********************/
#participant_index_container .form-group{
    display: inline-flex;
}
#participant_index_container .form-group .search-keyword{
    height: 3.7em;
    display: inline-flex;
    border: #959595 solid 1px;
    border-radius: 0.875em;
    margin-right: 1%
}
.input-focus{
    border: 2px solid #2A74DB !important;
}
#participant_index_container .form-group .participant-select{
    margin-right: 1%;
}
#participant_index_container .form-group button{
    height: 3em;
    border-radius: 0.875em;
    background: #1A74DB;
    color: white;
    font-size: 1.25em;
    min-width: fit-content;
}
#participant_index_container .form-group button:focus {
    border: #0d53a4 solid 4px !important
}
#participant_index_container .form-group span.input-group-text{
    margin: 1%;
    background: url(../../images/newVersion/search_header_icon.png);
    background-repeat: no-repeat;
    background-size: 1.5em;
    border: none;
    color: #959595;
    background-position: center;
}
#participant_index_container .form-group input{
    width: 91%;
    height: 80%;
    border: none;
    border: transparent;
    outline: none;
    margin-left: 10px;
}

#participant_index_container .form-group select{
    height: 3em;
    border-radius: 0.875em;
    padding: 0 8%;
    width: 100%;
    font-size: 1.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../images/newVersion/chevron-down.png);
    background-position: 95% 50%;
    background-size: 7%;
    background-repeat: no-repeat;
}
#participant_index_container .content-wrapper h1.blue-title{
    font-size: 1.875em;
    margin-bottom: 2%;
    font-weight: 700;
}
#participant_index_container .content-wrapper p{
    color: #666666;
    font-weight: 400;
    font-size: 1em;
}
#participant_index_container .content-wrapper .w-5em {
    flex-shrink: 0;
}
#participant_cell{
    /* height: 40em; */
    width: 48%;
    margin-right: 1%;
    margin-bottom: 1%;
    display: inline-block;
    padding: 2% 3%;
    border: 1px solid #959595;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    align-items: stretch;
}
#participant_cell_left{
    display: inline-block;
}
#participant_cell_right{
    display: inline-block;
    padding-left: 1%;
}
#participant_cell_left img{
    /* max-width: 130px; */
    width: 90%;
}
#participant_cell_right h5{
    font-size: 1.625em;
    margin-bottom: 5%;
    font-weight: 700;
}
#participant_cell_right p{
    word-break: break-word;
    margin-top: 3%;
    margin-bottom: 0;
    font-size: 1em;
    color: #666666;
}
#participant_cell_right a.btn-outline-primary{
    margin-top: 3%;
    border-radius: 2em;
    padding: 0.3em 1em;
    margin-right: 6%;
    font-weight: 700;
    font-size: 1.125em;
}
#participant_cell_right .col-3{
    width: 21%;
}
/***************custom-search-box*******************/
#custom-search-box h1{
    font-size: 1.875em;
    font-weight: 700;
}
#custom-search-box .search-form{
    border-top: 4px solid #338CFA;
}
#custom-search-box ul{
    display: inline-flex;
    margin-top: 2%;
}
#custom-search-box .search-form form ul li{
    margin: 0 0.5%;
    width: 33.3%;
}
#custom-search-box .search-form form ul li select{
    height: 3em;
    border-radius: 0.875em;
    padding: 0 8%;
    width: 100%;
    font-size: 1.25em; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/newVersion/chevron-down.png") ;
    background-position: 95% 50%;
    background-size: 10%;
    background-repeat: no-repeat;
}
#custom-search-box .search-form form ul li.li-keyword{
    width: 88%;
    height: 3.7em;
    display: inline-flex;
    border: #959595 solid 1px;
    border-radius: 0.875em;
}
#custom-search-box .search-form form ul li input{
    width: 90%;
    height: 80%;
    border: none;
    border: transparent;
    outline: none;
    font-size: 1.25em;
}
.search-keyword::placeholder {
    font-size: 1em; /* 设置占位符文本的字体大小为 14 像素 */
  }
#custom-search-box .search-form form ul li span.input-group-text{
    margin: 1%;
    background: url("../../images/newVersion/search_header_icon.png");
    background-repeat: no-repeat;
    background-size: 1.5em;
    border: none;
    color: #959595;
    background-position: center;

}
#custom-search-box .search-form form ul li.li-button{
    width: 10%;
    margin-right: 0;
    min-width: fit-content;
}
#custom-search-box .search-form form ul li button{
    width: 100%;
    height: 3em;
    border-radius: 0.875em;
    background: #1A74DB;
    color: white;
    font-size: 1.25em;
}
#custom-search-box .search-form form ul li button:focus {
    border: #0d53a4 solid 4px !important;
}

/******************searchPage******************/
#hotspots_table{
    margin-top: 2%;
}
/* .popularSearch{
    font-size: 1.5vw;
    margin-top: 5vw;
    margin-bottom: 2vw;
} */
.switchBtn{
    /* margin: 2.3% 0 !important; */
    height: 3.5em;
    width: 6em;
    /* float: right; */
    position: absolute;
    right: 0;
    /* bottom: 0; */
}
.switchBtn .switch_L{
    border: #C3C3C3 1px solid;
    border-radius: 1rem 0 0 1rem ;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: -2px;
}
.switchBtn .switch_L img{
    height: 1.2em;
    width: 1.2em;
    filter: invert(100%);
}
.switchBtn .switch_R{
    background-color: #2A74DC;
    border: #EEEEEE 0px solid;
    border-radius: 0 1rem 1rem 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: -2px;
}
.switchBtn .switch_R img{
    height: 1.2em;
    width: 1.2em;
    filter: invert(100%);

}
#hotspots_table .table_row{
    border: 1px solid #959595;
    border-radius: 1em;
    padding: 1%;
    padding-left: 2%;
    margin-bottom: 1%;
}
#hotspots_table .table_row:hover {
    background-color: #e7efff9e;
}
#hotspots_table .table_row a{
    text-decoration: none;
    color: #333333;
}
#hotspots_table .table_row .td_name p{
    font-size: 1.3em;
    font-weight: 700;
    color: #1A74DB;
    margin-bottom: 0;
}
#hotspots_table .table_row .td-status{
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}
#hotspots_table .table_row .td-status p{
    font-size: 1em;
    color: #097a0f;
    text-align: right;
    margin: 0;
    padding-right: 1%;
    /* text-wrap:nowrap; */
    white-space: nowrap;
    font-weight: 400;
}
#hotspots_table .table_row .td-status p.col{
    color: #666666;
    text-align: left;
    padding-left: 3%;
    white-space:inherit;
}
#hotspots_table .table_row .td-status span.normal{
    background: url("../../images/newVersion/ic_normal.png");
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1em;
    height: 1em;
    display: block;
    background-position: center;
    margin-left: 2%;
}
#hotspots_table .table_row .td-status span.hotspotsStatus{
    color:#DC6826;
}
#hotspots_table .table_row .td-ssid{
    font-size: 1.2em;
    color: #666666;
    margin-bottom: 1%;
}
#hotspots_table .table_row .td-ssid i{
    margin-left: 2%;
    margin-right: 0.5%;
}
#hotspots_table .table_row .td-ssid p{
    font-size: 0.8em;
    margin-bottom: 0em;
    margin-top: 0.2em;
}
#hotspots_table .table_row .row{
    position: relative;
}
#hotspots_table .table_row .td-org,
#hotspots_table .table_row .td-cat,
#hotspots_table .table_row .td-reg{
    display: flex;
    font-size: 1.125em;
    /* margin: auto 0; */
}
#hotspots_table .table_row .td-org::before{
    display: flex;
    content: "";
    background: url("../../images/newVersion/ic_agency.png");
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1em;
    height: 1em;
    background-position: center;
    margin: 1% 0;
    margin-right: 1%;
    flex-shrink: 0;
    align-items: center;
}
#hotspots_table .table_row .td-cat::before{
    display: flex;
    content: "";
    background: url("../../images/newVersion/ic_sort.png");
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1em;
    height: 1em;
    background-position: center;
    margin: 1% 0;
    margin-right: 1%;
    flex-shrink: 0;
    align-items: center;
}
#hotspots_table .table_row .td-reg::before{
    display: flex;
    content: "";
    background: url("../../images/newVersion/ic_area.png");
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1em;
    height: 1em;
    background-position: center;
    margin: 1% 0;
    margin-right: 1%;
    flex-shrink: 0;
    align-items: center;
}
#hotspots_table .table_row .td-reg p{
    font-size: 1em;
    color: #666666;
    /* margin: auto 0; */
    margin-left: 2%;
}
#hotspots_table .hotspots-func-icon{
    height: 37px;
    float: right;
    margin-right: 10px;
}
#hotspots_table .hotspots-func-icon img{
    height: 100%;
}
/************pagination***************/
nav.c-pager{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 5%;
}

.c-pager ul.pagination li a.page-link {
    border: none;
    color: #666666;
}
.c-pager ul.pagination{
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-border-width:: 0;
    justify-content: end;
    margin-right: 5%;

}
.c-pager ul.pagination li{
    margin: 2%;
}

.c-pager ul.pagination li a.currentPage{
    background-color: #2A74DB;
    color: white;
    border-radius: 0.5em;
}
.c-pager span.pageText{
    color: #666666;
    font-size: 0.8em;
}
.c-pager #lastPageText{
    color:#666666;
    font-size: 1em;
    margin-right: 3%;
    text-decoration: none;
}
/*******************programApplication******************/
#aplication_tinymce p{
    font-size: 1em;
    margin-bottom: 0;
    width: 100%;
}
#aplication_tinymce .item{
    border: 1px solid #666666;
    border-radius: 1em;
    margin-bottom: 2%;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0.5% 2%;
}
#aplication_tinymce .item a{
    border: 0.1em solid #2A74DB;
    border-radius: 2em;
    width: 8.5em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9em;
    font-weight: 700;
}
#aplication_tinymce .content_text{
    display: flex;
}
#aplication_tinymce .content_text a{
    text-decoration: none;
    font-size: 1em;
}
#aplication_tinymce .phoneNo{
    color: #2A74DB;
}
/**************news**************/
#news ul.newsLists {
    margin-bottom: 6%;
}
#news ul.newsLists li{
    border-bottom: 1px #666666 dashed;
    display: flex;
    padding: 1% 1% 1% 3%;
}
#news ul.newsLists li span.txt{
    font-size: 1.125em;
    color: #2A74DC;
    margin-left: 1%;
    font-weight: 700;
}
#news ul.newsLists li a{
    display: grid;
    line-height: 2em;
    width: 100%;
}
#new_introduce{
    margin-left: 1%;
    color: #212529;
    font-size: 1.125em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#news ul.newsLists li span.date{
    width: 8em;
    height: 2em;
    background-color: #2A74DC;
}
#news ul li span.date p{
    margin-bottom: 0 !important;
    color: white;
    height: 2em;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
h1.news-content-title{
    color: #2A74DB !important;
}
.news-date{
    color: #666666;
    margin-top: 1%;
}
.news-content-end-btn{
    border: 1px solid #2A74DB;
    border-radius: 2em;
    text-decoration: none;
    width: 8em;
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
}
.news-content-body{
    margin-bottom: 10%;
}
/***********participantNews***************/
#participantNews .flex-container{
    border-bottom: 1px #7D7D7D dashed;
    display: flex;
    padding: 2%;
}
#participantNews .img-container img{
    background-repeat: no-repeat;
    width: 360px;
    max-height: 212px;
}
#participantNews .participant-news-content{
    margin-left: 3%;
    position: relative;
    min-height: 6em;
    display: flex;
    flex-direction: column;
}
#participantNews .lastLine{
    width: 100%;
    align-items: center;
    margin-top: auto;
    margin-bottom: 2%;
}
#participantNews .participant-news-content #search-result-link{
    text-decoration: none;
    color: #212529;
    font-size: 1.368em;
    font-weight: 700;
    word-break: break-all;
}
#participantNews .participant-news-content #search-result-link:hover{
    color:#1A74DB;
    font-size: 1.37em;
}
#participantNews .participant-news-content .div-content span{
    color: #212529;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-top: 5px;
    word-break: break-all;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 设置显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis; /* 显示省略号 */
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
}

#participantNews .participant-news-content .justify-content-between a.participantNewsContent{
    font-size: 16px;
    text-decoration: none;
    /* white-space:nowrap; */
    border-radius: 2em;
    color: #1A74DB;
    text-align: right;
    flex: 1 0 100%;
}
#participantNews .participant-news-content .justify-content-between a.participantNewsContent:hover {
    text-decoration: underline;
}
#participantNews .participant-news-content .justify-content-between .align-items-center img{
    width: 16px;
    margin-left: 5%;
    margin-top: 1%;

}
/************moblieApplication***************/
#mobile_application_index_container h1{
    color: #343434;
    font-weight: 700 !important;
    font-size: 2em;
}
#mobile_application_index_container ul li{
    border: 1px solid #666666;
    border-radius: 1em;
    margin-bottom: 1%;
    padding:  2%;
    display: flex;
}
#app_cell_left{
    margin-right: 1%;
}
#app_cell_right .d-flex p{
    font-size: 1.5em;
    font-weight: 800;
}
#app_cell_right .d-flex p.app_organization{
    margin-left: 1%;
    font-weight: 400;
    color: #666666;
}
#mobile_application_index_container ul li img{
    width: 4em;
    height: 4em;
    border-radius: 1em;
    margin-right: 1%;

}
button.btn_downloadApp{
    border-radius: 1.5em;
    /* border: 0.1em solid #0095FF; */
    font-size: 1em;
    padding: 0.3% 1%;
    /* background: linear-gradient(to right, #5653E2, #0095FF); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* color: #1A74DB; */
    margin-right: 1%;
    /* float: right; */
}
button.btn_downloadApp:hover{
    -webkit-text-fill-color: white;
    background: #1A74DB;
}
/***************contact*******************/
h1.contact-title{
    color: #2A74DC !important;
    margin-bottom: 2%;
}
/******************siteMap*******************/
.hotspot_highlight {
    border: 2px solid transparent !important; 
    background-clip: padding-box, border-box !important;  
    background-origin: padding-box, border-box !important; 
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #5653E2, #0095FF) !important;
}
.siteMap-title{
    color: #2A74DC !important;
    margin-bottom: 2%;
}
#siteMap .tinymce_content ul.sub-title li a.menu-wrapper span.menu{
    font-size: 1em;
    color: #333333;
    font-weight: 800;
}
#siteMap .tinymce_content ul.sub-title li .sub-menu{
    padding: 1% 5%;
}
#siteMap .tinymce_content ul.sub-title li .sub-menu a,
#siteMap .tinymce_content ul.sub-title li .sub-menu ul li a{
    margin-left: 2%;
    color: #333333;
    display: flex;
    align-items: center;
}
#siteMap .tinymce_content ul.sub-title li .sub-menu a:hover,
#siteMap .tinymce_content ul.sub-title li .sub-menu ul li a:hover{
    color:#2A74DC;
}
#siteMap .tinymce_content ul.sub-title li .sub-menu ul li a::before,
#siteMap .tinymce_content ul.sub-title li .sub-menu a::before
{
    margin-right: 2%;
    width: 0.5em;
    height: 0.5em;
    border-radius: 100%;
    background-color: #2a74dc;
    content: "";
    display: block;
}
.progress{
    --bs-progress-height: 0.5em !important;
    margin-bottom: 1%;

}
.gm-style-iw-chr button span{
    float: right;
}
.gm-style .gm-style-iw-c{
    border-radius: 0.875em;
    max-width: unset !important;
    max-height: unset !important;
    height: fit-content;
    width: 290px;
}
.gm-style .gm-style-iw-d {
    max-height: unset !important;
}
.gm-style .gm-style-iw-c button, .gm-style .gm-style-iw-c a,.gm-style .gm-style-iw-c, .gm-style .gm-style-iw{
    outline: none;
}
.search_result {
    background-color: #1a74db0d;
    font-size: 1.125em;
    padding: 14px 18px;
    align-items: center;
    margin-top: 20px;
    border-radius: 14px;
    white-space: pre-wrap;
    margin-bottom: 20px;
}
.search_result_highlight{
    color: #1A74DB;
}
/*************contactUs******************/
#contactUsForm p{
    display: flex;
    justify-content: flex-end;
    font-size: 0.8em;
    color: #E22E00;
}
#contactUsForm .form-group .d-inline-flex{
    width: 86%;
    margin-bottom: 3%;
}
#contactUsForm .form-group .d-inline-flex .label_file::before,
#contactUsForm .form-group .d-inline-flex .label_mail::before{
    content: "";
    margin-right: 15%;
}
#contactUsForm .form-group .d-inline-flex label.input-file-button p{
    color: #8A8E90;
}
#contactUsForm .form-group .d-inline-flex .label_name::before,
#contactUsForm .form-group .d-inline-flex .label_phone::before,
#contactUsForm .form-group .d-inline-flex .label_title::before,
#contactUsForm .form-group .d-inline-flex .label_body::before,
#contactUsForm .form-group .d-inline-flex .label_code::before{
    content: "*";
    color: #D4684C;
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.8em;
    margin-right: 10%;
}
#contactUsForm .form-group .d-inline-flex label{
    color: #333333;
    font-size: 1em;
    margin-right: 1%;
    width: 25%;
}
#contactUsForm .form-group .d-inline-flex input{
    line-height: 2.5;
    border-radius: 1em;
}
#contactUsForm .form-group .d-inline-flex input.text_body{
    margin-top: 3%;
}
#contactUsForm .form-group .d-inline-flex textarea{
    line-height: 2.5;
    border-radius: 1em;
}
#contactUsForm .form-group .d-inline-flex label.input-file-button img{
    width: 3em;
    height: 3em;
    margin: auto;
    margin-top: 45%;
}
#contactUsForm .form-group .d-inline-flex label.input-file-button{
    margin-right: 0;
    border: 1px #2A74DC dashed;
    border-radius: 1em;
    background-color: #1a74db0d;
    width: 19em;
    height: 9em;
    border-width: 2px;
    display: grid;
    align-items: center;
    justify-content: center;
}
#upload{
    display: none;
}
#verify_code{
    position: relative;
}
#verify_code .form-control{
    width: 40%;
}
#contactUsForm .submitGroup{
    margin-left: 27%;
    margin-top: 8%;
}
#contactUsForm .resetInput{
    border-radius: 2em;
    background-color: #1a74db0d;
    color: #2A74DC;
    width: 9em;
    height: 3em;
    margin-right: 8%;
    font-size: 1em;
}
#contactUsForm .resetInput:focus-visible {
    border: #2A74DC solid 2px;
}
#contactUsForm .submit{
    border-radius: 2em;
    background-image: linear-gradient(#4A5BE5, #348DFC);
    color: white;
    width: 9em;
    height: 3em;
    font-size: 1em;
}
#contactUsForm .submit:focus-visible{
    border: #1d2b95 solid 2px;
}
#contactUsForm .pull-left{
    margin-left: 1em;
}
#contactUsForm .pull-left img{
    width: 6em;
    height: 2.5em;
    border-radius: 10px;
}
#contactUsForm .captcha_reload{
    font-size: 1em;
    margin-left: 25%;
    white-space: nowrap;
}

/******************searchMap********************/
#search_Map .switch_L{
    background-color: #2A74DC;
    border: #C3C3C3 0px solid;
    margin-right: 2px;
}
#search_Map .switch_L img{
    filter: invert(0%) !important;
}
#search_Map .switch_R{
    border: #C3C3C3 1px solid;
    border-radius: 0 1rem 1rem 0;
    background-color: white;
}
#search_Map .switch_R img{
    filter: invert(0%);
}
.search_Map{
    margin-top: 2em;
    margin-bottom: 1%;
    position: relative;
}

#fileUploading{
    border: 1.5px solid #C6C6C6;
    border-radius: 1em;
    margin-bottom: 7%;
    display: none;
    height: 4em;
    padding: 1% 3%;
  }
#fileUploading span.uploadIcon{
    background: url("../../images/newVersion/ic_uploadloading.png");
    background-repeat: no-repeat;
    background-size: 2em;
    width: 2em;
    background-position: center;
    margin-right :2%;
  }
#fileUploading i {
    color:#9F9F9F;
  }
#fileUploading p{
    font-size: 1em;
    color:#9F9F9F;
    margin: 0;
    align-items: center;
  }
  #fileUploading .bi-x::before{
    font-size: 1em;
  }
/* ----------------------------------------------- */
.participants_bg .IconBanner{
    width: 100%;
    /* display: grid; */
    margin-top: 3%;
}
.partIconBtn{
    -webkit-appearance: none !important;
    border: 0;
    background-color: transparent;
}

.participants_bg .partIconRow{
    margin-top: 3%;
}
.participants_bg .rowEven{
    float: left;
}
.participants_bg .itemEven{
    display: flex;
    width: 8%;
    margin-right: 6%;
}
.participants_bg .rowSingular{
    float: right;
}
.participants_bg .itemSingular{
    width: 8%;
    display: flex;
    margin-left: 6%;
}
.IconBanner .carousel-caption{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    display: grid !important;
    margin-bottom: 5%;
}
.participants_bg .carousel-indicators [data-bs-target]{
    /* background-color: #333333; */
    background-color: #0095FF;
    border: 1px solid transparent;
    border-radius: 8px;
    width: 10px ;
    height: 10px ;
    margin-left: 10px ;
    margin-right: 10px ;
}
.mapFooter{
    /* width: 30%; */
    font-size: 1em;
    white-space: nowrap;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.mapFooter p{
    margin-left: 2%;
    margin-bottom: unset;
}
.mapFooter span.HrLocationIcon{
    width: 1.7em;
    height: 1.5em;
    background-image: url("../../images/newVersion/24HrServiceLocation.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
}
.mapFooter span.NormalLocationIcon{
    width: 1.7em;
    height: 1.5em;
    background-image: url("../../images/newVersion/normalServiceLocation.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
}
#serviceInfo .serviceInfoicon{
    width: 4em;
    height: auto;
    background-image: url(../../images/newVersion/CTT_big_logo.png);
    background-repeat: no-repeat;
    background-size: 4em;
    display: inline-block;
    position: relative;
    top: 0.5em;
    background-position:center;
}
#serviceInfo .d-flex{
    margin: auto;
    border: 1px solid #A1A1A1;
    width: 70%;
    padding: 0 2%;
    padding-bottom: 2%;
    border-radius: 0.5em;
}
#serviceInfo .d-flex p{
    margin-left: 3%;
    margin-bottom: 0;
    line-height: 2em;
    margin-top: 3%;
    font-size: 1em;
    width: 85%;
}
#serviceInfo .AppDownloadQrCode{
    width: 30%;
    margin-bottom: 3%;
}
#serviceInfo img{
    margin: auto;
    width: 70%;
}
#promotionalVideo h1{
    font-size: 2em;
    margin-bottom: 1em;
    color: #343434;
    font-weight: 700 !important;
}
#promotionalVideo iframe{
    width: 90%;
    height: 40vw;
}
#programInfo .images{
    display: flex;
}
#programInfo .tinymce_content h1, #programInfo .tinymce_content h2{
    font-size: 2em !important;
    color: #343434;
    font-weight: 800;
    margin-bottom: 2%;
    margin-top: 5%;
}
#programInfo .tinymce_content p{
    font-size: 1.125em;
    line-height: 2.5em;
    margin-bottom: 0;
}
#programInfo .tinymce_content img{
    width: 100%;
}
#programInfo .img_body{
    position: relative;
    width: 32%;
    margin-right: 2%;
}
#programInfo .img_body h2{
    position: absolute;
    top: 5.5em;
    font-size: 2em;
    text-align: center;
    left: 2em;
}
#programInfo .img_body p{
    position: absolute;
    top: 11.5em;
    text-align: center;
    width: 90%;
    left: 1.3em;
    font-size: 1.2em;
}
@media screen and (max-width:1600px ) {
    #programInfo .img_body h2{
        position: absolute;
        top: 6.5em;
        font-size: 1.5vw;
        text-align: center;
        left: 3.5em;
    }
    #programInfo .img_body p{
        position: absolute;
        top: 13.2em;
        text-align: center;
        width: 90%;
        left: 1.3em;
        font-size: 1vw;
    }
}
#programInfo ul li{
    border: 1px solid #A1A1A1;
    padding: 0.5% 1.5%;
    border-radius: 0.5em;
    margin-bottom: 1%;
    align-items: center;
}
#programInfo ul div{
    display: inline;
    margin-right: 1em;
    position: static;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.3em;
    background: #2A74DB;
    color: #ffffff;
    display: flex;
    font-size: 0.8em;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#programInfo div.downloadicon{
    display: inline;
    width: 1em;
    height: 1em;
    background-image: url(../../images/newVersion/ic_Link.png);
    background-repeat: no-repeat;
    background-size: 1em;
    margin-left: 2%;
    margin-right: 5%;
    flex-shrink: 0;
}
#programInfo .downloadformlink{
    /* background-color: #1a74db0d; */
    /* border-radius: 0.3em; */
    border-radius: 2em;
    width: 10em;
    padding: 0.3% 0.5%;
    font-size: 1.3em;
    align-items: center;
    min-width: fit-content;
    padding-right: 5%;
}
#programInfo .downloadformlink:hover .downloadicon{
    filter: grayscale(100) brightness(100);
}

#programInfo .downloadformlink a{
    color: #1A74DB;
}
#programInfo .downloadformlink div{
    display: inline;
    white-space: nowrap;
}
a.show{
    color: white !important ;
}
#participant_keywords{
    width: 45%;
    height: 3em;
    display: inline-flex;
    border: #959595 solid 1px;
    border-radius: 0.875em;
    font-size: 1.125em;
    padding: 2%;
}
#participant_keywords::placeholder{
    font-size: 1em;
}
.part_keyword{
    margin: 1%;
    background: url(../../images/newVersion/search_header_icon.png);
    background-repeat: no-repeat;
    background-size: 1.5em;
    border: none;
    color: #959595;
    background-position: center;
    height: 1.5em;
    width: 1.5em;
    display: block;
    position: absolute;
    margin-left: 41%;
    margin-top:0.8em;
}
.list-unstyled{
    margin-bottom: 10%;
}
.wifiPassword{
    background-image: url(../../images/newVersion/wifiPassword.png);
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    position: relative;
    top: 0.2em;
    left: 0.5em;
    margin-right: 3%;
}
.wifiPasswordList{
    background-image: url(../../images/newVersion/wifiPasswordList.png);
    background-repeat: no-repeat;
    background-size: 1em;
    /* background-position: center; */
    display: inline-block;
    position: relative;
    top: 0.35em;
    width: 1em;
    height: 1em;
    /* margin-right: 1%; */
}
.s1{
    padding: 0 !important;
}
.web_description{
    font-size: 1em;
    color: #212529;
}
.mobile_description{
    display: none;
    font-size: 4vw;
}
.gm-ui-hover-effect{
    right: 0px !important;
    width: 30px !important;
    height: 44px !important;
}
.popover{
    --bs-popover-max-width: 650px !important;
    
}
.partInfo_Pop{
    display: none;
    width: 20em;
}
.partInfo_Pop p{
    color: black;
    margin: 0;
    padding: 0;
}
.popover-body{
    line-height: 1em;
    min-width: 300px;
    padding: 16px !important;
    word-break: break-word;
    
}
.w-5em{
    width: 5.2em;
    flex-shrink: 0;
}
.noWrap{
    white-space: nowrap;
}
.popover-body h5{
    color: #2A74DB;
    font-size: 1.5em;
    font-weight: 700;
}
.popover-body p span:nth-child(2), .popover-body p a{
    color: #333333;
}
.popover-body p{
    font-size: 1em;
    font-weight: 400;
    color: #666666;
}
.popover-body.row > :first-child {
    width: max-content;
  }
.popover-body span,.popover-body a{
    line-height: 20px;
}
.error-message{
    color: #E22E00;
    margin-left: 20%;
}
.specialOffer_Video{
    display: block !important;
    position: relative;
}
.specialOffer_Video .row{
    height: 11vw !important;
    /* width: 80% !important; */
    max-height: 200px;
    background: black;
    margin: auto;
}
@media (max-width: 1600px) {
    .specialOffer_Video .row{
        height: 12vw !important;
        overflow: hidden;
    }    
}
.specialOffer_Video iframe{
    height: 85%;
    width: 100%;
}
.specialOffer_Video a{
    text-decoration: none;
    margin: auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
    --bs-btn-padding-x:0;
    --bs-btn-padding-y:0;
    padding: 0 4%;
}
.specialOffer_Video p{
    left: 0;
    bottom: 0;
    width: 90%;
    margin: 0 5%;
    padding-left: 1em;
    height: 1.8em;
    line-height: 1.8em;
}
.specialOffer_Video i{
    right: 2em;
    bottom: 0.2em;
}
.win11 img{
    max-width: 70%;
    margin-bottom: 10px;
    height: auto;
}
.win11 ul{
    margin-bottom: 1rem;
}
.win11 ul li{
    list-style: disc;
    margin-left: 30px;
}