@charset "utf-8";
/* CSS Document 內頁使用 */ :root {
  --main-greenblue-color: #008299;
}
main {
  word-wrap: break-word;
}
:root {}
/*內頁麵包屑區塊*/
.breadcrumb {
  margin-bottom: 50px;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  font-weight: 100;
  margin: 0 0 0 0.75rem;
  border-left: 1px solid;
  line-height: 130%;
  content: var(--bs-breadcrumb-divider, "　");
}
.breadcrumb-item > a {
  color: #666666;
  text-decoration: underline !important;
}
.breadcrumb-item > a:hover {
  color: #008085;
  text-decoration: none !important;
}
.breadcrumb-item.active {
  color: #007175;
}
/*修改scend既定顏色*/
.text-secondary {
  color: #666666 !important;
}
.text-deepgreen {
  color: #005457 !important;
  font-weight: 800;
  background-color: #f6f2d3;
  font-family: "Microsoft JhengHei";
}
/*內頁標題*/
.inside-title > div:nth-child(1) {
  font-size: 90%;
  font-weight: 400;
  color: #696969;
  letter-spacing: 2px;
  line-height: 150%;
  font-family: Poppins;
}
.inside-title > div:nth-child(2), .inside-title > h2 {
  font-size: 225%;
  font-weight: 600;
  color: #004991;
  letter-spacing: 5px;
  line-height: 150%;
}
.inside-title.short > div:nth-child(1) {
  font-size: 85%;
  letter-spacing: 1px;
}
/*內頁細節頁面標題縮小*/
.content-title {
  font-size: 150% !important;
  letter-spacing: 1px;
  line-height: 150%;
}
/*最新消息*/
.inside-news-area {
  background-image: url("../images/news2023/bg_inside-bottom-news.jpg");
  background-position: bottom right;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-news-block {
  padding: 175px 0 100px;
  background-image: url("../images/news2023/bg_news.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.menu-block {
  padding: 15px 0;
}
.news-menu {
  display: flex;
  align-items: flex-end;
  background-image: url("../images/news2023/line_menu-btn.png");
  background-position: bottom left;
  background-size: auto;
  background-repeat: repeat-x;
  padding-bottom: 20px;
}
.inside-news-btn {
  padding: 3px 20px;
  margin: 0 8px;
  color: #666666;
  background-color: transparent;
  border: 1px solid #fff;
  font-weight: 700;
  border-radius: 30px;
  transition: all .4s;
}
.inside-news-year-btn {
  padding: 3px 30px;
  margin: 0 8px;
  color: #666666;
  background-color: transparent;
  border: 1px solid #1D8096;
  font-weight: 700;
  border-radius: 30px;
  transition: all .4s;
}
.inside-news-btn:hover {
  color: #1D8096;
  background-color: #fff;
  border: 1px solid #1D8096;
}
.inside-news-btn.active, .inside-news-btn:active, .inside-news-year-btn:hover, .inside-news-year-btn.active {
  color: #ffffff;
  background-color: #1D8096;
}
/*最新消息：計畫公告、活動快訊*/
.inside-news-box {
  border-radius: 15px;
  padding: 15px 15px 10px;
  margin: 15px;
  background-color: #fff;
}
.inside-news-box-photo, .inside-list-photo, .inside-news-box-photo2 {
  position: relative;
  width: 100%;
  border-radius: 15px;
  box-shadow: 3px 3px 10px 0 #00000040;
  padding-bottom: 55%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  overflow: hidden;
  cursor: pointer;
  transition: all .8s ease;
}
.inside-news-box-photo2 {
  background-size: cover;
}
button.inside-news-box-photo {
  border: 0px;
  margin-top: 0;
}
.inside-news-box-photo:after {
  position: absolute;
  left: 0;
  content: 'READ MORE';
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-weight: 600;
  text-shadow: 1px 1px 4px #00000090;
  align-items: center;
  background-color: rgba(59, 188, 181, .5);
  transition: all .4s;
  opacity: 0;
}
.inside-news-box-photo:hover:after {
  opacity: 1;
}
.inside-news-box-photo:hover {
  background-size: 120% 120%;
}
.inside-news-box-date {
  margin-top: 20px;
}
.inside-news-box-date > div:nth-child(1) {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  color: #004991;
  font-size: 185%;
  font-weight: 700;
  font-family: Poppins;
  letter-spacing: 2px;
  line-height: 100%;
}
.inside-news-box-date > div:nth-child(2) {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  color: #0B8383;
  font-size: 75%;
  font-weight: 700;
  font-family: Poppins;
}
.inside-news-box-content {
  margin-top: 20px;
  color: #4d4d4d;
  font-size: 85%;
  line-height: 150%;
}
.inside-news-box-content { /*內文*/
  height: 90px;
  overflow: hidden;
}
/*最新消息：核定名單*/
.list-title-block {}
.list-title-block > div:not(:first-child) {
  color: #70707;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #b3b3b3;
}
.list-block {
  position: relative;
  margin: 20px 0;
}
.list-block > div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #4d4d4d;
}
.list-block > div:nth-child(1) {
  padding: 0 30px;
}
.list-block > div:nth-child(3) {
  padding: 25px;
  font-size: 110%;
}
/*新版2025-核定名單重新定義*/
.news-list-line {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  transition: all .3s;
}
.news-list-line:hover {
  transform: scale(1.025)
}
.news-list-line > div {
  margin: 0 20px;
}
.news-list-line .inside-news-box-photo2 {
  flex: 0 0 25.5%;
  height: 132px;
  margin: 0;
  padding-bottom: unset !important;
}
.news-list-line .inside-list-date {
  margin: 0 30px;
}
.news-list-line .inside-list-title {
  margin: 0;
}
.inside-list-date {
  border: 1px solid #00aac9;
  border-radius: 10px;
  padding: 5px 20px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inside-list-date > div:nth-child(1) {
  font-size: 250%;
  color: #007790;
  text-align: center;
  font-family: Poppins;
  line-height: 100%;
}
.inside-list-date > div:nth-child(2) {
  font-size: 75%;
  color: #10adad;
  text-align: center;
  font-family: Poppins;
}
.inside-list-download {
  text-align: center;
  font-size: 80%;
  margin: auto 15px;
  transition: all .3s;
}
.inside-list-download > a {
  color: #4d4d4d;
  transition: all .3s;
}
.inside-list-download > a:hover {
  transform: scale(1.2);
}
/*最新消息內文*/
.news-menu-year, .news-menu-stitle {
  display: flex;
  padding: 40px 0 20px;
  align-items: flex-end;
}
.news-menu-stitle {
  justify-content: space-between;
}
.inside-news-stitle {
  font-size: 130%;
  padding: 5px 30px;
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  width: fit-content;
}
.tag-news-project {
  background-color: #00aac9;
}
.tag-news-list {
  background-color: #668ce8;
}
.tag-news-event {
  background-color: #2F8356;
}
.inside-news-date {
  font-size: 85%;
  color: #666666;
  font-family: Arial;
  line-height: 150%;
  margin-left: 20px;
}
.stitle-group {
  display: flex;
  align-items: flex-end;
}
.share-tools {
  display: flex;
  color: #666666;
  font-size: 90%;
}
.share-tools > div {
  padding: 7px;
  margin: auto auto;
}
.share-tools > div > a > img {
  width: 40px;
  transition: all .4s ease;
}
.share-tools > div > a > img:hover {
  transform: scale(1.4);
}
/*內頁News細節文章標題*/
.inside-content-title {
  color: #4d4d4d;
  font-size: 175%;
  font-weight: 700;
  line-height: 125%;
  padding: 15px 0;
}
.inside-content-photo > img {
  width: 100%;
  padding: 15px 0;
}
.inside-content {
  margin-top: 25px;
  color: #4d4d4d;
}
.inside-content.news img {
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/*消息右方more相關設定*/
.inside-more-group {
  width: 100%;
  padding: 20px 15px;
  margin: 15px 0 15px 50px;
  border: 1px solid #99999999;
  border-radius: 20px;
  background-color: #ffffff99;
}
/*每塊more下方顯示虛線*/
.inside-more-group > div {
  background-image: url("../images/icon2023/line-inside-more.gif");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto;
}
/*最後一塊more不顯示虛線*/
.inside-more-group > div:last-child {
  background-image: none;
}
.inside-more-group > div:first-child {
  position: relative;
  padding: 10px 0;
}
/*更多消息大標*/
.inside-more-group > div:first-child > a {
  color: #004991;
  font-size: 125%;
}
.inside-more-group > div:first-child > a:hover {
  color: #04B878;
}
.inside-more-group > div:first-child > a::after {
  content: "";
  background-image: url("../images/icon2023/icon-inside-more.svg");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 10px;
  transition: all .3s;
}
.inside-more-group > div:first-child > a:hover::after {
  background-image: url("../images/template2025/icon-inside-more-hover.svg");
}
.inside-more-box {
  padding: 10px 0;
  margin-top: 10px;
}
.inside-more-box .date {
  color: #258288;
  font-size: 80% !important;
  text-align: left !important;
  letter-spacing: 1px;
  font-family: Poppins;
}
.inside-more-box a {
  color: #666666;
}
.inside-more-box a:hover {
  color: #04B878;
}
.inside-more-box .title {
  font-size: 95%;
}
/*每則消息more小標*/
.inside-more-box a .case-more-play {
  padding-right: 1.5rem;
  position: relative;
  color: #047AC3;
  text-align: right;
  font-size: 65%;
  text-decoration: none !important;
  transition: all .3s !important;
}
.inside-more-box a:hover .case-more-play {
  color: #04B878;
}
.inside-more-box a .case-more-play:after {
  content: "";
  position: absolute;
  background-image: url(../images/icon2023/icon-inside-more.svg);
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 0;
  transition: all .3s;
}
.inside-more-box a:hover .case-more-play:after {
  background-image: url(../images/template2025/icon-inside-more-hover.svg);
}
.inside-more-box > div:nth-last-child(3) {
  color: #666666;
  font-size: 90%;
  padding: 10px 0;
}
/*雲端方案*/
.inside-service-area {
  background-image: url("../images/service2023/bg_service-all.gif");
  background-position: top center;
  background-size: 100%;
  background-color: #e8ecef;
  background-repeat: no-repeat;
}
.inside-service-block {
  padding: 175px 0 100px;
  background-image: url("../images/service2023/bg_service-xl.gif");
  background-position: top right;
  background-size: 1400px auto;
  background-repeat: no-repeat;
}
.menu-block.service {
  padding: 20px 0 20px 150px;
  background-image: url("../images/service2023/bg_service_menu.gif");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.service-search-box {
  border: 1px solid #808080;
  padding: 30px 2%;
  border-radius: 15px;
  background-color: #FFF;
  box-shadow: 4px 4px 5px 0 #00000050;
  margin: 0 15px 30px;
}
.service-search-box-industy {}
.service-search-btn {
  position: relative;
  font-size: 100%;
  padding: 10px;
  padding-left: 1rem;
  width: 100%;
  text-align: center;
  margin: 10px auto;
  color: #4E70D4;
  background-color: #fff;
  border: 1px solid #6e8be1;
  font-weight: 700;
  border-radius: 25px;
  transition: all .4s;
}
.service-search-btn:hover, .service-search-btn:active, .service-search-btn.active {
  color: #fff;
  background-color: #4E70D4;
  border: 1px solid #4E70D4;
}
#ser01.service-search-btn, #ser02.service-search-btn, #ser03.service-search-btn, #ser04.service-search-btn, #ser05.service-search-btn, #ser06.service-search-btn {
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-position: 12.5% center;
  transition: all .3s ease;
}
#ser01.service-search-btn {
  background-image: url(../images/service2023/search-btn01.svg);
  background-position: 7.5% center;
}
#ser02.service-search-btn {
  background-image: url(../images/service2023/search-btn02.svg);
  background-position: 20% center;
}
#ser03.service-search-btn {
  background-image: url(../images/service2023/search-btn03.svg);
}
#ser04.service-search-btn {
  background-image: url(../images/service2023/search-btn04.svg);
}
#ser05.service-search-btn {
  background-image: url(../images/service2023/search-btn05.svg);
  background-position: 20% center;
}
#ser06.service-search-btn {
  background-image: url(../images/service2025/search-btn06.svg);
}
#ser01.service-search-btn:hover, #ser01.service-search-btn.active {
  background-image: url("../images/service2023/search-btn01-over.svg");
}
#ser02.service-search-btn:hover, #ser02.service-search-btn.active {
  background-image: url("../images/service2023/search-btn02-over.svg");
}
#ser03.service-search-btn:hover, #ser03.service-search-btn.active {
  background-image: url("../images/service2023/search-btn03-over.svg");
}
#ser04.service-search-btn:hover, #ser04.service-search-btn.active {
  background-image: url("../images/service2023/search-btn04-over.svg");
}
#ser05.service-search-btn:hover, #ser05.service-search-btn.active {
  background-image: url("../images/service2023/search-btn05-over.svg");
}
#ser06.service-search-btn:hover, #ser05.service-search-btn.active {
  background-image: url("../images/service2025/search-btn06-over.svg");
}
.service-search-box-option {
  margin: 10px 0;
}
.option-item > select {
  border: 1px solid #6e8be1;
  font-size: 95%;
  border-radius: 10px;
  height: 48px;
}
.form-select {
  background-image: url("../images/service2023/icon-select-triangle.svg") !important;
  background-size: 16px 16px;
}
.option-item > .input-group > input {
  border: 1px solid #6e8be1;
  border-right: 0;
  font-size: 95%;
  border-radius: 10px 0 0 10px;
  height: 48px;
}
.option-item > .input-group > button {
  border: 1px solid #6e8be1;
  border-left: 0;
  font-size: 110%;
  border-radius: 0 10px 10px 0;
  background-color: transparent;
  color: #6e8be1;
  font-weight: 600;
  height: 48px;
}
.service-block {
  margin: 0 15px;
}
.inside-service-box {
  color: #4d4d4d;
  border-radius: 15px;
  border: 1px solid #808080;
  padding: 15px 15px 10px;
  margin: 30px 15px;
  background-color: #fff;
  box-shadow: 10px 10px 0 0 #c3d8e090;
}
.inside-service-box-photo {
  position: relative;
  width: 100%;
  border-radius: 15px;
  box-shadow: 5px 5px 2px 0 #00000015;
  padding-bottom: 55%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: all .8s ease;
}
button.inside-service-box-photo {
  border: 0px;
  margin-top: -15px;
}
.inside-service-box-photo:after {
  position: absolute;
  left: 0;
  content: 'READ MORE';
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-weight: 600;
  text-shadow: 1px 1px 4px #00000090;
  align-items: center;
  background-color: rgba(59, 188, 181, .5);
  transition: all .4s;
  opacity: 0;
}
.inside-service-box-photo:hover:after {
  opacity: 1;
}
.inside-service-box-photo:hover {
  background-size: 120% 120%;
}
.inside-service-com {
  color: #696969;
  font-size: 95%;
  padding: 5px 0;
}
.inside-service-title {
  font-size: 130%;
  height: 62px;
  overflow: hidden;
}
.inside-service-type {
  padding: 5px 0;
}
.inside-service-type > div {
  width: fit-content;
  font-size: 100%;
  color: #FFF;
  border-radius: 30px;
  background-color: #047AC3;
  padding: 3px 15px;
  margin-right: 5px;
}
.inside-service-ind {
  font-size: 90%;
  color: #666666;
  display: flex;
  flex-wrap: wrap;
  height: 60px;
}
.inside-service-ind > div {
  padding: 0 10px;
  white-space: nowrap;
}
.inside-service-ind > div:before {
  content: "";
  background: #f3bb62;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-10px, 10px);
}
.inside-service-ind > div:nth-child(odd):before {
  background: #3bbcb5;
}
.inside-service-price {
  font-size: 135%;
  font-family: Poppins;
  display: flex;
}
.inside-service-price > div {
  flex: 0 0 auto;
  width: 42%;
}
.inside-service-price > div:nth-child(2) {
  border-left: 1px solid #b2b2b290;
  text-align: end;
}
.inside-service-note {
  font-size: 65%;
  color: #047AC3;
  display: flex;
}
.inside-service-note > div {
  flex: 0 0 auto;
  width: 42%;
}
.inside-service-note > div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
/*計畫說明-數位轉型補助*/
.inside-project-area {
  background-image: url("../images/project2023/bg_project_content.jpg");
  background-position: center right;
  background-size: auto;
  background-repeat: no-repeat;
  padding-bottom: 40px;
}
.inside-project-block {
  padding: 175px 0 0;
}
.project-main-intro {}
.project-photo {
  padding: 25px 10% 25px 0;
}
.inside-title.project > div:nth-child(2) {
  background-image: url("../images/project2023/bg_title_line.gif");
  background-position: right 15px;
  background-size: auto;
  background-repeat: no-repeat;
  width: 90%;
}
.inside-title.project > .title {
  font-size: 200%;
  color: #4d4d4d;
  letter-spacing: 5px;
  line-height: 150%;
  margin-top: 25px;
}
.inside-title.project > .stitle {
  font-size: 110%;
  color: #4d4d4d;
  margin-bottom: 25px;
}
.inside-title.project > .content {
  width: 90%;
  color: #4d4d4d;
  margin: 45px 0 0;
}
.project-content-area {
  background-image: url("../images/project2023/bg_project_select-block.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 15px 100px;
}
.project-intro-box-block {
  background-image: url("../images/project2023/bg_project._boxpng.png");
  background-position: top center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 3vw 5vw;
}
.subject-main-title {
  background-image: url("../images/project2023/bg_project_main_title.png");
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  color: #00498f;
  font-size: 200%;
  text-align: center;
  padding: 40px 0;
}
.subject-main-title-note {
  text-align: center;
  color: #4d4d4d;
}
.project-intro-box {
  border: 1px solid #666666;
  border-radius: 32px;
  padding: 15px 30px;
  background-color: #fff;
  box-shadow: 7px 8px 2px 0 rgba(0, 0, 0, .15);
}
.project-items {
  padding: 0 5%;
  margin: 25px 0;
}
.project-items > div:first-child {
  color: #666666;
  font-size: 200%;
  text-align: center;
  padding: 10px;
}
.project-items > div:nth-child(2) {
  text-align: center;
}
.project-items > div:nth-child(3) {
  height: 175px;
}
.project-items > div:nth-child(4) {
  text-align: end;
}
.project-items > div:nth-child(4) > button {
  position: relative;
  font-size: 90%;
  padding: 5px 20px;
  border-radius: 27px;
  color: #FFF;
  font-weight: 700;
  transition: all .4s ease;
}
.project-items > div:nth-child(4) > button::before {
  position: absolute;
  content: "●";
  left: -2em;
  color: #ffcf33;
}
.project-items > div:nth-child(4) > button > i {
  margin-left: 10px;
  font-size: 95%;
}
.project-items:nth-child(1) > div:nth-child(4) > button {
  background-color: #0978D3;
  border: 2px solid #0978D3;
}
.project-items:nth-child(2) > div:nth-child(4) > button {
  background-color: #5E5EE4;
  border: 2px solid #5E5EE4;
}
.project-items:nth-child(1) > div:nth-child(4) > button:hover {
  color: #0978D3;
  background-color: #fff;
}
.project-items:nth-child(2) > div:nth-child(4) > button:hover {
  color: #5E5EE4;
  background-color: #fff;
}
.project-items:nth-child(2) {
  border-left: 1px solid #cccccc99;
}
/*數位轉型補助*/
.inside-project-plan-area {}
.inside-project-plan-area.y113 {
  background: linear-gradient(to bottom, #FFFFFF, #FFFFFF, #F9F8FF);
}
.project-plan101-block {
  margin: -61px auto 1px;
  background-image: url("../images/project2023/photo-no1-right.png");
  background-position: right 10vh;
  background-size: 30vw;
  background-repeat: no-repeat;
}
/*113年新須知用*/
.project-plan101-block.y113 {
  background-image: url("../images/project2024/photo-no1-right.png");
  background-color: #F9F8FF;
  /*  background:linear-gradient(to bottom,#FFFFFF,#F0F1FF); */
}
.breadcrumb.project-plan {
  margin-bottom: 0;
}
.project-inside-title > div:nth-child(1), .project-inside-title > h2 {
  font-size: 225%;
  font-weight: 600;
  color: #004991;
  letter-spacing: 5px;
  line-height: 150%;
  margin: 10% 0 20px;
}
/*113年新須知用*/
.project-inside-title.y113 > div:nth-child(1) {
  margin: 5% 0 20px;
}
.project-plan-intro {
  padding-right: 10%;
}
/*113年新須知用*/
.project-plan-intro.y113 {
  padding-right: 2%;
}
/*113年新須知用*/
#nav-year .breadcrumb-item + .breadcrumb-item::before {
  display: none;
}
/*113年新須知用*/
#nav-year .breadcrumb-item {
  margin-right: 1em;
}
#nav-year .breadcrumb-item.active {
  border-bottom: 1px solid #005457;
}
#nav-year .breadcrumb-item > a:hover {
  color: #00aac9;
  text-decoration: none !important;
}
.project-plan-photo {
  padding-left: 25px;
}
.no-item {
  display: flex;
  align-items: center;
}
.no-item-no > img {
  width: 150px;
  margin-right: 15px;
}
.no-item-title > div:first-child {
  color: #00498f;
  font-size: 210%;
  margin-top: 12%;
  line-height: 150%;
}
.no-item-title > div:nth-child(2) {
  color: #389deb;
  font-size: 175%;
  padding: 5px 5px 5px 20px;
  border-left: 3px solid #389deb;
  margin: 30px 0;
}
/*113年新須知用*/
.no-item-title.y113 > div:nth-child(2) {
  color: #6B91FF;
}
.project-content-subject {
  font-size: 110%;
  color: #00498f;
  margin: 30px 0 10px;
}
.project-content-subject.y113 {
  margin-left: 2em;
  text-indent: -2em;
}
.project-content-subject.price {
  font-size: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 175%;
}
.project-plan-content {
  padding: 0 40px;
}
.item-no1-step-group {
  position: relative;
  display: flex;
  margin-bottom: 20px;
}
.no1-step-box {
  width: 25%;
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid #666666;
  background-color: #FFF;
  box-shadow: 6px 6px 0 0 rgba(56, 157, 235, .23);
}
.no1-photo-right {
  position: absolute;
  width: 400px;
  right: -12%;
  top: -50%;
  z-index: -1;
}
.no1-step-box > div:nth-child(1) {
  padding-top: 15px;
  text-align: center;
}
.no1-step-box > div:nth-child(1) > img {
  width: 275px;
}
.no1-step-box > div:nth-child(2) {
  background-color: #059ace;
  padding: 5px;
  height: 70px;
  color: #FFF;
  font-size: 90%;
  line-height: 125%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.no1-step-box > .dir-v {
  flex-direction: column;
}
.no1-step-box > .dir-v > div {
  width: 100%;
}
/*113年新須知用*/
.no1-step-box.y113 > div:nth-child(2) {
  background-color: #495BCD;
}
.no1-step-arrow {
  width: fit-content;
  display: flex;
}
.no1-step-arrow > img {
  margin: 10px;
  width: 30px;
}
/*113年新須知用*/
.item-no1-industry-group {
  max-width: 972px;
  width: 100%;
}
.no1-industry-box {
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid #666666;
  background-color: #FFF;
  margin: 15px 30px 15px 0;
}
.no1-industry-box > div:nth-child(1) {
  background-color: #495BCD;
  padding: 5px;
  height: 40px;
  color: #FFF;
  font-size: 90%;
  line-height: 125%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.no1-industry-box > div:nth-child(2) {
  padding-top: 15px;
  text-align: center;
}
.no1-industry-box > div:nth-child(2) > img {
  height: 135px;
}
.no1-industry-box .bg2 {
  background-color: #6174E8 !important;
}
.no1-industry-box .bg3 {
  background-color: #7372D6 !important;
}
.no1-industry-box .bg4 {
  background-color: #8C76DB !important;
}
.project-plan102-block {
  position: relative;
  background-image: url("../images/project2023/bg_no2_blue.gif");
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  color: #389deb;
  text-align: center;
  padding: 20px 0 30px;
}
/*113年新須知用*/
.project-plan102-block.y113 {
  background-image: url("../images/project2024/bg_no2_blue.gif");
}
.project-n1-box {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 10px;
  background-repeat: no-repeat;
  margin: 8px 10px;
  background-color: #fff;
  font-size: 85%;
  line-height: 125%;
  box-shadow: 7px 7px 0 0 rgba(56, 157, 235, .23);
  height: 180px;
  width: 280px;
}
.project-n1-box:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #F4A9FF;
  border: 1px solid #666666;
  top: 10px;
  right: 10px;
}
/*113年新須知用*/
.project-n1-box.y113 {
  margin: 6px;
  width: 268px;
}
.project-n1-box.y113:before {
  background-color: #F4A9FF;
  border: 1px solid #666666;
}
#n1-01 {
  background-image: url("../images/project2023/photo_n1-01.png");
  background-size: auto 120px;
  background-position: center 10px;
}
#n1-02 {
  background-image: url("../images/project2023/photo_n1-02.png");
  background-size: auto 120px;
  background-position: center 10px;
}
#n1-03 {
  background-image: url("../images/project2023/photo_n1-03.png");
  background-size: auto 110px;
  background-position: center 10px;
}
#n1-04 {
  background-image: url("../images/project2023/photo_n1-04.png");
  background-size: auto 110px;
  background-position: center 10px;
  text-align: center;
  padding-bottom: 20px;
}
#n1-05 {
  background-image: url("../images/project2023/photo_n1-05.png");
  background-size: auto 110px;
  background-position: center top;
  width: 420px;
}
#n1-06 {
  flex-direction: row;
  background-image: url("../images/project2023/photo_n1-06.png");
  background-size: auto 130px;
  background-position: right center;
  width: 420px;
}
#n1-06 > div {
  width: 60%;
  margin: auto 0;
}
#n1-07 {
  background-image: url("../images/project2023/photo_n1-07.png");
  background-size: auto 115px;
  background-position: center 10px;
}
/*113年新須知用*/
#n1-00-y113 {
  background-size: auto 120px;
  background-position: center 10px;
}
#n1-01-y113 {
  background-image: url("../images/project2024/photo_in1-01.png");
  background-size: auto 120px;
  background-position: center 10px;
}
#n1-02-y113 {
  background-image: url("../images/project2024/photo_in1-02.png");
  background-size: auto 120px;
  background-position: center 10px;
}
#n1-03-y113 {
  background-image: url("../images/project2024/photo_in1-03.png");
  background-size: auto 110px;
  background-position: center 10px;
}
#n1-04-y113 {
  background-image: url("../images/project2024/photo_in1-04.png");
  background-size: auto 110px;
  background-position: center 10px;
  text-align: center;
  padding-bottom: 20px;
}
#n1-05-y113 {
  background-image: url("../images/project2024/photo_in1-05.png");
  background-size: auto 110px;
  background-position: center top;
  width: 420px;
}
#n1-06-y113 {
  flex-direction: row;
  background-image: url("../images/project2024/photo_in1-06.png");
  background-size: auto 100px;
  background-position: right center;
  width: 395px;
}
#n1-06-y113 > div {
  width: 60%;
  margin: auto 0;
}
.project-plan102-photo {
  position: absolute;
  width: 160px;
  left: 65%;
  top: -75px;
}
.project-plan101-2-block {
  padding-top: 20px;
  padding-left: calc(50vw - 580px);
  padding-bottom: 100px;
}
.arrow-project-prev {
  position: absolute;
  right: 230px;
  top: -45px;
  cursor: pointer;
}
.arrow-project-next {
  position: absolute;
  right: 180px;
  top: -45px;
  cursor: pointer;
}
.no-item-title.white {
  color: #FFF;
}
.no-item-title.white > div:first-child {
  text-align: left;
  color: #FFF;
}
.no-item-title.white > div:nth-child(2) {
  text-align: left;
  color: #FFF;
  font-size: 110%;
  border-left: 4px solid #FFF;
  padding-bottom: 30px;
  line-height: 150%;
}
.tag-no02-yellow {
  color: #fce263;
}
.light-link {
  color: #FFF;
  transition: all .4s ease;
}
.light-link:hover {
  color: #F9FC92;
  text-decoration: underline !important;
}
.project-plan103-block {
  margin: 80px auto 100px;
  background-image: url("../images/project2023/bg_project_block3.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
}
/*113年新須知用*/
.project-plan103-block.y113 {
  margin: 0 auto;
  padding: 80px 0 100px;
  background-image: url("../images/project2024/bg_project_block3.gif");
  background-color: #EDF0FF;
}
.project-plan-content.no3 {
  margin-left: 6em;
}
.accordion-item.project {
  border: 1.5px solid #0c7fc9;
  border-radius: 10px;
  font-size: 1.5rem;
  line-height: 150%;
  margin: 30px 0;
  background-color: #FFF;
  box-shadow: 10px 10px 0 0 rgba(56, 156, 235, .23);
  overflow: hidden;
  color: #666666;
}
/*113年*/
.accordion-item.project.y113 {
  border: 1.5px solid #495BCD;
  box-shadow: 10px 10px 0 0 rgba(107, 145, 255, .34);
}
.accordion-button.project {
  position: relative;
  background-color: #FFF;
  font-size: 1.25rem !important;
  font-weight: 600;
  color: #666666;
  line-height: 150%;
  padding-bottom: 25px;
}
.accordion-button-photo {
  padding: 15px;
  text-align: center;
}
.accordion-button-title {
  font-size: 150%;
  color: #00498f;
  margin: 35px 0 15px;
}
.accordion-button.project::after {
  position: absolute;
  bottom: 15px;
  left: 60%;
  width: 45px;
  height: 45px;
  content: "";
  background-image: url(../images/project2023/icon_project_arrow_down.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button.project.y113::after {
  background-image: url(../images/project2024/icon_project_arrow_down.svg);
  left: 52.5%;
}
.accordion-body.project {
  border-top: 1.5px solid #0c7fc9;
  font-size: 1.25rem;
  background-color: #f2f2f2;
  padding: 15px 5%;
}
.accordion-body.project.y113 {
  border-top: 1.5px solid #495BCD;
}
.accordion-body.project > .title {
  font-size: 125%;
  background-color: #059ace;
  color: #FFF;
  padding: 5px 25px;
  border-radius: 28px;
  width: fit-content;
}
.accordion-body.project.y113 > .title {
  background-color: #495BCD;
}
.accordion-body-item {
  display: flex;
  padding: 15px;
}
.accordion-body-item-photo {
  flex: 1 0 30%;
}
.accordion-body-item-photo > img {
  margin: 0 15px;
  width: 90px;
}
.accordion-body-item-content {
  flex: 0 1 70%;
}
.accordion-body-item-content > div:nth-child(2) {
  font-size: 90%;
  line-height: 150%;
}
.accordion-body-item-content-lg {
  flex: 0 1 100%;
}
.accordion-body-item-content-lg > div:nth-child(2) {
  margin-top: 15px;
  font-size: 90%;
  line-height: 175%;
}
.accordion-body-item-title {
  font-size: 110%;
  line-height: 200%;
  color: #059ace;
}
/*113年*/
.accordion-body-item-title.y113 {
  color: #495BCD;
}
.project-plan104-block {
  position: relative;
  background-image: url("../images/project2023/bg_no4_blue.gif");
  background-position: bottom center;
  background-size: auto;
  background-repeat: repeat-x;
  background-color: #60ACEC;
  padding: 40px 0;
}
.project-plan104-block.y113 {
  background-image: url("../images/project2024/bg_no4_blue.gif");
  background-color: #6B91FF;
}
.project-plan104-photo {
  position: absolute;
  width: 160px;
  left: 60%;
  top: 10px;
  z-index: -1;
}
.no-item-title.white.no4 > div:nth-child(2) {
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.project-plan-content.no4 {
  margin-left: 6em;
  color: #FFF;
}
.project-no4-box {
  color: #666666;
  background-color: #FFF;
  padding: 30px;
  margin: 15px 0;
  border-radius: 30px;
}
.tag-orange-dot {
  position: relative;
}
.tag-orange-dot.y113 {
  position: relative;
  text-indent: -1.75em;
  margin-left: 2em;
}
.tag-orange-dot::before {
  position: absolute;
  content: "●";
  left: -4em;
  color: #fdd835;
}
.project-plan105-block {
  position: relative;
  padding: 40px 0 20px;
}
/*113年*/
.project-plan105-block.y113 {
  position: relative;
  padding: 40px 0 20px;
  background-image: url("../images/project2024/photo-no5-left.png");
  background-position: -3% 90%;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #E5ECFF;
}
.no05-right-photo {
  position: absolute;
  width: 180px;
  top: 5%;
  right: 10%;
  z-index: -1;
}
.no05-left-photo {
  position: absolute;
  width: 280px;
  bottom: 5%;
  left: -2%;
  z-index: -1;
}
.no05-left-photo.y113 {
  z-index: 2;
}
.project-plan-content.no5 {
  margin-left: 6em;
}
.project-plan105-2-block {
  text-align: center;
  font-size: 150%;
  color: #FFF;
  background-color: #60acec;
  padding: 1.5% 0;
}
/*113年*/
.project-plan105-2-block.y113 {
  background-color: #495BCD;
}
.project-plan105-3-block {
  background-image: url("../images/project2023/bg_no5-2.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: repeat;
  padding: 40px 15px;
}
.project-plan105-3-block.y113 {
  background-image: url("../images/project2024/bg_no5-2.gif");
}
.project-no5-th {
  display: flex;
  align-items: center;
  color: #00498f;
  font-size: 115%;
  padding: 10px 0;
  border-radius: 15px;
  background-color: #fff;
  margin: 20px 0;
}
.project-no5-th.y113 {
  color: #495BCD;
}
.project-no5-th > div {
  text-align: center;
}
.project-no5-th > .no5-col-4, .project-no5-th > .no5-col-5 {
  letter-spacing: 4px;
}
.no5-col-1 {
  flex: 0 0 2%;
}
.no5-col-2 {
  flex: 0 0 12%;
}
.no5-col-3 {
  flex: 0 0 20%;
}
.no5-col-4 {
  flex: 0 0 53%;
}
.no5-col-5 {
  flex: 0 0 13%;
}
.project-no5-row {
  display: flex;
  color: #4d4d4d;
  padding: 0;
  border-radius: 15px;
  background-color: #fff;
  margin: 20px 0;
  border: 1px solid #666666;
  box-shadow: 7px 7px 1px 0 rgba(143, 143, 143, .21);
  overflow: hidden;
  align-items: stretch;
}
.project-no5-row > div {
  padding: 10px;
}
.project-no5-row:nth-child(even) > .no5-col-1 {
  border-right: 1px solid #666666;
  background-color: #9eeaff;
}
.project-no5-row:nth-child(odd) > .no5-col-1 {
  border-right: 1px solid #666666;
  background-color: #ffcf33;
}
/*113年*/
.project-no5-row.y113:nth-child(even) > .no5-col-1 {
  border-right: 1px solid #666666;
  background-color: #f4a9ff;
}
.project-no5-row.y113:nth-child(odd) > .no5-col-1 {
  border-right: 1px solid #666666;
  background-color: #eacdff;
}
.project-no5-row > .no5-col-2 {
  text-align: center;
  padding: 20px;
}
.project-no5-row > .no5-col-3 {
  font-size: 110%;
  margin: auto;
}
.project-no5-row > .no5-col-4 {
  font-size: 90%;
  margin: auto;
}
.project-no5-row > .no5-col-5 {
  text-align: center;
  font-size: 150%;
  color: #1c97ea;
  margin: auto;
  letter-spacing: 1px;
  font-family: Poppins;
}
.project-no5-row.y113 > .no5-col-5 {
  font-size: 140%;
  color: #ee8aff;
}
.project-plan105-4-block {
  background-image: url("../images/project2023/bg_no5-4.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: repeat;
  padding: 40px 0;
}
/*113年*/
.project-plan105-4-block.y113 {
  background-image: url("../images/project2024/bg_no5-4.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
}
.project-no5-title {
  font-size: 175%;
  padding: 20px 40px;
  background-color: #059ace;
  border: 1px solid #666666;
  margin: 25px auto;
  border-radius: 35px;
  color: #FFF;
  width: 100%;
  max-width: 400px;
  text-align: center;
}
.project-no5-title.y113 {
  background-color: #f4a9ff;
  text-shadow: 1px 1px 8px #00000065;
}
.project-no5-box {
  border: 1px solid #666666;
  padding: 25px;
  background-color: #FFF;
  border-radius: 20px;
  margin: 15px;
}
.project-no5-box > .title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 85px;
  padding-bottom: 10px;
  color: #059ace;
  font-size: 110%;
  line-height: 125%;
  background-image: url("../images/project2023/line-no5-box.gif");
  background-position: bottom left;
  background-size: auto;
  background-repeat: repeat-x;
}
/*113年*/
.project-no5-box.y113 > .title {
  height: 50px;
  padding-bottom: 15px;
  color: #495bcd;
  background-image: url("../images/project2024/line-no5-box.gif");
}
.project-no5-box > .photo {
  text-align: center;
}
.project-no5-box > .content {
  font-size: 95%;
  color: #666666;
  height: 120px;
}
/*113年*/
.project-no5-box-content-y113 {}
.project-no5-box-content-y113 > div:nth-child(1) {
  padding: 0;
  text-align: right;
}
.project-no5-box-content-y113 > div:nth-child(1) img {
  width: 170px;
}
.project-no5-box-content-y113 > div:nth-child(2) {
  margin: auto;
}
.project-no5-box-content-y113 > div:nth-child(2) .content {
  font-size: 95%;
  color: #666666;
}
.project-no5-box-content-y113 > div:nth-child(3) {
  margin-top: auto;
  margin-bottom: -80px;
}
.project-no5-box-content-y113 > div:nth-child(3) img {
  width: 235px;
}
.project-plan106-block {
  position: relative;
  padding: 40px 0 20px;
}
.project-plan106-block.y113 {
  background-color: #E5ECFF;
  background-image: url("../images/project2024/bg_block106.png");
  background-position: bottom left;
  background-size: auto;
  background-repeat: no-repeat;
}
.project-no6-box {
  border: 1px solid #666666;
  padding: 20px;
  background-color: #FFF;
  border-radius: 20px;
  margin: 15px;
  font-size: 85%;
  line-height: 150%;
}
.project-no6-box > .rule > p {
  margin-left: 2.5em;
  text-indent: -3em;
}
.project-no6-box > .rule .sub-rule div {
  margin-left: 7em;
  text-indent: -4.75em;
  margin-bottom: 0.5em;
}
.project-no6-box > .note > p {
  margin-left: 3.5em;
  text-indent: -3.5em;
}
.project-no6-box > p {
  margin-left: 3.5em;
  text-indent: -3.5em;
}
.project-no6-box.y113 {
  padding-top: 35px;
  font-size: 90%;
}
.project-no6-box.y113 a {
  color: #0064C2;
}
.project-no6-box.y113 a:hover {
  color: #008085;
}
.btn-project-apply {
  font-size: 175%;
  padding: 20px 40px;
  background-color: #3acdef;
  border: 1px solid #666666;
  margin: 25px auto;
  border-radius: 35px;
  font-weight: 700;
  color: #FFF;
  width: 100%;
  max-width: 350px;
  text-align: center;
  transition: all .4s ease;
}
.btn-project-apply.y113 {
  background-color: #495BCD;
}
.btn-project-apply:hover {
  background-color: #f7d959;
  color: #4d4d4d;
}
/*計畫說明-雲端解決方案*/
.project-plan-content.co1 {
  margin-left: 6em;
}
.project-c0-group {}
.project-c0-box {
  display: flex;
  border-radius: 13px;
  border: 1px #666666 solid;
  margin: 10px;
  overflow: hidden;
}
.project-c0-box > div {
  height: 120px;
}
.project-c0-box > .note {
  position: relative;
  text-align: center;
  border-radius: 13px;
  outline: 1px #666666 solid;
  padding: 15px 15px;
  color: #4d4d4d;
  line-height: 125%;
  background-color: #ddddff;
  flex: 1 0 45%;
}
.project-c0-box > .note::before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #ffcf33;
  border: 1px solid #666666;
  top: 8px;
  left: 8px;
}
#c0-02.project-c0-box > .note, #c0-04.project-c0-box > .note, #c0-06.project-c0-box > .note, #c0-08.project-c0-box > .note, #c0-10.project-c0-box > .note {
  background-color: #cdceff;
}
.c0-note-no {
  font-size: 125%;
  color: #5f548e;
  font-family: "Poppins";
  line-height: 115%;
}
.c0-note-sm {
  font-size: 55%;
  line-height: 140%
}
.project-c0-box > .photo {
  background-position: center center;
  background-size: auto 110%;
  background-repeat: no-repeat;
  flex: 0 1 55%;
}
#c0-01.project-c0-box > .photo { /*104年新修*/
  background-image: url(../images/project2025/photo_c0-01.svg);
}
#c0-02.project-c0-box > .photo {
  background-image: url(../images/project2023/photo_c0-02.svg);
}
#c0-03.project-c0-box > .note {
  padding: 15px 5px;
}
#c0-03.project-c0-box > .photo {
  background-image: url(../images/project2023/photo_c0-03.svg);
  background-size: auto 90%;
  flex: 0 1 35%;
}
#c0-04.project-c0-box > .photo {
  background-image: url(../images/project2023/photo_c0-04.svg);
}
#c0-05.project-c0-box > .photo { /*104年新修*/
  background-image: url(../images/project2025/photo_c0-05.svg);
}
#c0-06.project-c0-box > .photo {
  background-image: url(../images/project2023/photo_c0-06.svg);
}
#c0-07.project-c0-box > .photo {
  background-image: url(../images/project2023/photo_c0-07.svg);
}
#c0-08.project-c0-box > .photo { /*104年新修*/
  background-image: url(../images/project2025/photo_c0-08.svg);
}
#c0-09.project-c0-box > .photo { /*104年新修*/
  background-image: url(../images/project2025/photo_c0-09.svg);
}
#c0-10.project-c0-box > .photo { /*104年新修*/
  background-image: url(../images/project2025/photo_c0-10.svg);
}
#c0-08.project-c0-box > .note > .c0-note-no, #c0-09.project-c0-box > .note > .c0-note-no, #c0-10.project-c0-box > .note > .c0-note-no {
  margin-bottom: 10px;
}
.project-c1-group {
  display: flex;
  padding: 5px;
  background-color: rgba(173, 175, 255, .53);
  flex-wrap: wrap;
  border-radius: 23px;
  margin: 15px;
}
.project-c1-box {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 10px;
  box-shadow: 5px 5px 0 0 rgba(145, 165, 255, .23);
  background-repeat: no-repeat;
  height: 200px;
  margin: 6px 8px;
  background-color: #fff;
  font-size: 85%;
  line-height: 125%;
}
.project-c1-box:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #91a5ff;
  border: 1px solid #666666;
  top: 10px;
  right: 10px;
}
#c1-1-01 {
  flex: 0 1 20%;
  background-image: url("../images/project2023/photo_co1-01.png");
  background-size: auto 110px;
  background-position: center 20px;
  text-align: center;
}
#c1-1-02 {
  flex: 0 1 40%;
  background-image: url("../images/project2023/photo_co1-02_new.png");
  background-size: auto;
  background-position: center 5px;
}
#c1-1-03 {
  flex: 0 1 22%;
  background-image: url("../images/project2023/photo_co1-03_new.png");
  background-size: auto 120px;
  background-position: center 20px;
  text-align: center;
  padding-bottom: 20px;
}
#c1-1-04 {
  flex: 1 1 18%;
  background-image: url("../images/project2023/photo_co1-04_new.png");
  background-size: auto 100px;
  background-position: center 20px;
  text-align: center;
}
#c1-1-05 {
  flex: 1 1 18%;
  background-image: url("../images/project2023/photo_co1-05_new.png");
  background-size: auto 100px;
  background-position: center 20px;
  text-align: center;
}
#c1-1-06 {
  flex: 1 1 26%;
  background-image: url("../images/project2023/photo_co1-06_new.png");
  background-size: auto 100px;
  background-position: center 20px;
}
#c1-1-07 {
  flex: 1 1 26%;
  background-image: url("../images/project2023/photo_co1-07_new.png");
  background-size: auto 110px;
  background-position: center 20px;
  padding-bottom: 20px;
}
#c1-1-08 {
  flex: 0 1 23%;
  background-image: url("../images/project2023/photo_co1-08_new.png");
  background-size: auto;
  background-position: center 10px;
  text-align: center;
}
#c1-1-09 {
  flex: 0 1 30%;
  background-image: url("../images/project2023/photo_co1-09_new.png");
  background-size: auto;
  background-position: center 10px;
  text-align: center;
}
#c1-1-10 {
  flex: 0 1 28%;
  background-image: url("../images/project2023/photo_co1-10_new.png");
  background-size: auto 130px;
  background-position: center 10px;
  text-align: center;
  padding-bottom: 20px;
}
#c1-1-11 {
  flex: 1 1 45%;
  background-image: url("../images/project2023/photo_co1-11_new.png");
  background-size: auto;
  background-position: center 10px;
}
#c1-1-12 {
  flex-direction: row-reverse;
  flex: 1 1 45%;
  background-image: url("../images/project2023/photo_co1-12_new.png");
  background-size: 170px auto;
  background-position: left center;
}
#c1-1-12 > div {
  width: 60%;
  margin: auto 0;
}
.project-c2-group {
  display: flex;
  flex-wrap: wrap;
}
.project-c12-box {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 10px;
  background-repeat: no-repeat;
  height: 180px;
  margin: 8px 10px;
  background-color: #fff;
  font-size: 85%;
  line-height: 125%;
}
.project-c12-box:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #91a5ff;
  border: 1px solid #666666;
  top: 10px;
  right: 10px;
}
#c1-2-01 {
  flex-direction: row-reverse;
  flex: 1 1 52%;
  background-image: url("../images/project2023/photo_co2-01.png");
  background-size: auto 120px;
  background-position: 10px center;
  height: 140px;
  box-shadow: 7px 7px 0 0 #91a5ff;
}
#c1-2-01 > div {
  width: 70%;
  margin: auto 0;
}
#c1-2-02 {
  flex-direction: row-reverse;
  flex: 1 1 42%;
  background-image: url("../images/project2023/photo_co2-02.png");
  background-size: auto 120px;
  background-position: 5px center;
  height: 140px;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
}
#c1-2-02 > div {
  width: 60%;
  margin: auto 0;
}
#c1-2-03 {
  flex: 1 1 28%;
  background-image: url("../images/project2023/photo_co2-03.png");
  background-size: auto 120px;
  background-position: center 10px;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
  text-align: center;
}
#c1-2-04 {
  flex-direction: row-reverse;
  flex: 1 1 63%;
  background-image: url("../images/project2023/photo_co1-08.png");
  background-size: auto 100px;
  background-position: 15px center;
  box-shadow: 7px 7px 0 0 #91a5ff;
}
#c1-2-04 > div {
  width: 40%;
  margin: auto 0;
}
#c1-2-05 {
  flex: 1 1 31%;
  background-image: url("../images/project2023/photo_co1-07.png");
  background-size: auto 130px;
  background-position: center 0;
  text-align: center;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
  padding-bottom: 20px;
}
#c1-2-06 {
  flex: 1 1 31%;
  background-image: url("../images/project2023/photo_co1-05.png");
  background-size: auto 105px;
  background-position: center 15px;
  box-shadow: 7px 7px 0 0 #91a5ff;
}
#c1-2-07 {
  flex: 1 1 31%;
  background-image: url("../images/project2023/photo_co2-07.png");
  background-size: auto 115px;
  background-position: center 5px;
  padding-bottom: 20px;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
}
#c1-2-08 {
  flex: 1 1 31%;
  background-image: url("../images/project2023/photo_co1-06.png");
  background-size: auto 115px;
  background-position: center 10px;
  box-shadow: 7px 7px 0 0 #91a5ff;
}
#c1-2-09 {
  flex: 1 1 31%;
  background-image: url("../images/project2023/photo_co2-08.png");
  background-size: auto 115px;
  background-position: center 10px;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
}
#c1-2-10 { /*114年調整*/
  flex: 1 1 36%;
  background-image: url("../images/project2025/photo_co2-10.png");
  background-size: auto 115px;
  background-position: center 10px;
  box-shadow: 7px 7px 0 0 #91a5ff;
  text-align: center;
}
#c1-2-11 {
  flex-direction: row-reverse;
  flex: 1 1 52%;
  background-image: url("../images/project2023/photo_co2-11.png");
  background-size: auto 120px;
  background-position: 10px center;
  height: 140px;
  box-shadow: 7px 7px 0 0 #91a5ff;
}
#c1-2-11 > div {
  width: 80%;
  margin: auto 0;
  padding-right: 20px;
}
#c1-2-11 > div div {
  font-size: 90%;
  padding-top: 15px;
}
#c1-2-12 { /*114年調整*/
  flex: 1 1 26%;
  background-image: url("../images/project2025/photo_co2-12_new.png");
  background-size: auto 115px;
  background-position: center 10px;
  box-shadow: 7px 7px 0 0 rgba(145, 165, 255, .48);
  text-align: center;
}
.project-plan202-block {
  position: relative;
  padding: 120px 0 150px;
  background-image: url("../images/project2023/bg_project_plan202-block.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.c02-stitle {
  width: fit-content;
  font-size: 150%;
  padding: 10px 25px;
  color: #FFF;
  border-radius: 30px;
  background-color: #708efc;
  border: 1px solid #666666;
  margin: 0 20% 25% auto;
}
.project-c2-box {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 30px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  background-color: #fff;
  font-size: 95%;
  line-height: 150%;
  box-shadow: 8px 8px 0 0 rgba(145, 165, 255, .50);
}
.project-c2-box::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 24px;
  border-color: transparent transparent transparent #bbbcff;
  left: -2em;
  top: 30px;
}
.tag-c2-notice {
  color: #5f548e;
  font-size: 110%;
  letter-spacing: 1px;
}
.project-c22-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 60px 25px 25px;
  background-repeat: no-repeat;
  background-color: #fff;
  font-size: 95%;
  line-height: 150%;
  margin-top: 30px;
  margin-left: 25px;
  box-shadow: 8px 8px 0 0 rgba(145, 165, 255, .87);
  height: 210px;
}
#c22-1.project-c22-box {
  padding-bottom: 10%;
  text-align: center;
}
.tag-c22-notice {
  color: #4772d1;
  font-size: 250%;
  line-height: 100%;
}
.c022-box-stitle {
  width: fit-content;
  font-size: 150%;
  padding: 10px 25px;
  color: #FFF;
  border-radius: 30px;
  background-color: #567de8;
  border: 1px solid #666666;
  margin: -85px auto 10px 5%;
}
.project-plan203-block {
  position: relative;
  padding: 80px 0;
  background-color: #f1f2ff;
}
.no-item-title.co3 > div:first-child {
  margin-top: 7%;
}
.no-item-title.co3 > div:nth-child(2) {
  color: #4d4d4d;
  font-size: 125%;
  padding: 0;
  border-left: 0;
  margin: 20px 0;
  line-height: 125%;
}
.project-plan203-photo {
  position: absolute;
  width: 220px;
  right: 20%;
  top: -85px;
}
.btn-project-apply.co3 {
  background-color: #8e7ed5;
  border-color: #adadad;
}
.btn-project-apply.co3:hover {
  background-color: #f7d959;
  color: #4d4d4d;
}
/*雲端方案內頁*/
.service-content-block {
  padding: 40px 0 0px;
  background-image: url("../images/service2023/bg_service-content.jpg");
  background-position: 3vw bottom;
  background-size: 22vw auto;
  background-repeat: no-repeat;
}
.service-menu-stitle {
  display: flex;
  justify-content: space-between;
}
.inside-service-content-title {
  color: #4d4d4d;
  font-size: 185%;
  font-weight: 600;
  line-height: 150%;
  margin-top: 45px;
}
.inside-service-content-title h2 {
  color: #4d4d4d;
  font-size: 100%;
  font-weight: 600;
}
.stitle-service-ind {
  font-size: 100%;
  color: #666666;
  display: flex;
  flex-wrap: wrap;
}
.stitle-service-group {
  display: flex;
  align-items: center;
}
.stitle-service-ind > div {
  margin-left: 35px;
  display: flex;
  white-space: nowrap;
}
.stitle-service-ind > div:before {
  content: "";
  background: #f3bb62;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-18px, 10px);
}
.stitle-service-ind > div:nth-child(odd):before {
  background: #3bbcb5;
}
.inside-service-stitle {
  background-color: #047AC3;
  font-size: 120%;
  padding: 5px 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  width: fit-content;
}
.inside-service-stitle.price {
  background-color: transparent;
  font-size: 120%;
  padding: 5px 0;
  color: #047AC3;
  border-radius: 0;
  text-align: end;
}
.service-price-group {
  width: 85%;
}
.service-price-group > div {
  margin-bottom: 30px;
}
.service-price-box {
  border: 1px solid #99999999;
  border-radius: 25px;
  background-color: #FFF;
}
.service-content-box {
  border: 1px solid #99999999;
  border-radius: 25px;
  background-color: #FFF;
  box-shadow: 4px 6px 5px 0 #00000030;
}
.service-content-box-intro {
  font-size: 90%;
  color: #666666;
  line-height: 150%;
  padding: 5%;
}
.service-price-box {}
.hr-price-set {
  border-top: 1px solid #99999999;
  margin: 5px 0;
}
.price-set {
  padding: 20px 15px;
}
.price-set > div {
  line-height: 130%;
}
.price-set > div:nth-child(1) {
  text-align: left;
  font-size: 110%;
  color: #666666;
  padding-bottom: 10px;
}
.price-set > div:nth-child(2) {
  text-align: center;
  font-weight: 700;
  font-size: 210%;
  color: #4d4d4d;
  font-family: Poppins;
}
.price-set > div:nth-child(3) {
  font-size: 100%;
  text-align: center;
  color: #047AC3;
}
.btn-price-order {
  width: 100%;
  color: #FFF;
  font-size: 135%;
  font-weight: 700;
  background-color: #047AC3;
  padding: 10px;
  text-align: center;
  border-radius: 40px;
  border: 1px solid #047AC3;
  transition: all .4s ease;
}
.btn-price-order.sm {
  width: fit-content;
  font-size: 110%;
  padding: 4px 30px;
  text-align: center;
  border-radius: 30px;
  margin: auto 0;
}
.btn-price-order:hover {
  color: #047AC3;
  background-color: #fff;
}
.price-order-email {
  margin-top: 25px;
  font-size: 120%;
  display: flex;
  align-items: center;
}
.price-order-email > img {
  width: 40px;
  margin-right: 8px;
}
.price-order-email > a {
  color: #666666;
  transition: all .3s;
}
.price-order-email > a:hover {
  color: #3cbcc6;
}
.service-content-box-stitle {
  margin: 8% 0 15px;
  color: #4d4d4d;
  font-size: 150%;
}
.service-content-box-stitle h3 {
  font-size: 100%;
  font-weight: 600;
}
.service-content-box-data {
  margin: 5% 5%;
  padding-left: 5%;
  border-left: 4px solid #047AC3;
  color: #666666;
  font-size: 90%;
}
.btn-toolbar {
  margin: 25px auto;
  width: fit-content;
}
.btn-group > button {
  font-size: 100%;
  color: #1c488b !important;
  font-weight: 600 !important;
  font-family: Poppins;
  line-height: 100%;
  width: 50px;
  height: 50px;
  border-radius: 10px !important;
}
.btn-group > button:hover, .btn-group > .btn.active {
  background-color: #c9efff !important;
  border-radius: 10px;
  border: 0 !important;
}
.prev-btn, .next-btn {
  background-position: center center;
  background-size: 80%;
  background-repeat: no-repeat;
  transition: all .3s ease;
}
.prev-btn:hover, .next-btn:hover {
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
}
.prev-btn {
  background-image: url("../images/service2023/icon-service-prev.svg");
}
.next-btn {
  background-image: url("../images/service2023/icon-service-next.svg");
}
/*Modal*/
.modal-content {
  border: 1px solid #909194 !important;
}
.modal-header {
  border-bottom: 0 !important;
}
.btn-close {
  position: absolute !important;
  right: 5% !important;
}
.modal-header > h1 {
  font-size: 135% !important;
  font-weight: 700 !important;
  color: #336699;
  margin: auto;
}
.modal-footer {
  border-top: 0 !important;
  justify-content: center !important;
}
.btn-modal-close, .btn-modal-sumit {
  width: 40%;
  max-width: 225px;
  font-size: 100%;
  font-weight: 700;
  padding: 4px 10px;
  text-align: center;
  border-radius: 40px;
  transition: all .4s ease;
}
.btn-modal-close {
  letter-spacing: 2px;
  color: #237ca3;
  background-color: #ffffff;
  border: 1px solid #3cbcc6;
}
.btn-modal-sumit {
  color: #FFF;
  background-color: #3cbcc6;
  border: 1px solid #3cbcc6;
}
.order-table {
  color: #333333;
  font-size: 90%;
}
.order-row {
  display: flex;
  border-bottom: 1px solid #dddddd;
}
.order-table > .order-row:nth-child(odd) {
  background-color: #f1f1f1;
}
.order-td {
  flex: 0 0 30%;
  text-align: center;
  line-height: 175%;
  padding: 10px 0;
}
.order-row > .order-td:first-child {
  flex: 0 0 40%;
}
/*檔案下載*/
.download-content-area {
  margin-top: 10px;
  padding: 25px 0 100px;
  background-image: url("../images/download2023/bg_download_content.gif");
  background-position: top center;
  background-size: auto;
}
.inside-download-block {
  padding: 175px 0 0;
  background-image: url("../images/download2023/bg_download.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.download-menu-stitle {
  display: flex;
  padding: 40px 0 20px;
  align-items: flex-end;
  justify-content: space-between;
}
.inside-download-select > select {
  font-size: 100%;
  width: 200px;
}
.download-table {
  max-width: 1200px;
  width: 100%;
  border: 1px solid #666666;
  background-color: #fff;
  padding: 0;
  margin: 20px auto;
}
.download-table-th {
  background-color: #008570;
  color: #fff;
  border-bottom: 1px solid #666666;
}
.download-table-th > div {
  text-align: center;
  padding: 10px 0;
}
.download-table-tr {
  color: #4d4d4d;
  background-image: url("../images/download2023/line-dot.gif");
  background-position: bottom left;
  background-size: auto;
  background-repeat: repeat-x;
}
.download-table-tr > div {
  padding: 5px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-table-tr > div.date {
  color: #008570;
  font-family: Poppins;
  position: relative;
  padding-left: 1rem;
}
.download-table-tr > div.date:before {
  content: "●";
  font-size: 90%;
  color: #fdbd62;
  position: absolute;
  left: 10%;
}
.download-table-tr > div.title {
  justify-content: flex-start;
}
.download-table-tr:last-child {
  background-image: none;
}
.download-table-tr > div.icon > a > img {
  width: 60px;
  margin: 0 10px;
  transition: all .4s ease;
}
.download-table-tr > div.icon > a:hover > img {
  transform: scale(1.2);
}
/*轉型全攻略*/
/*轉型案例*/
.inside-case-area {
  background-image: url("../images/transformation2023/bg_case.jpg");
  background-position: top center;
  background-size: auto;
  background-repeat: repeat-y;
}
.inside-case-block {
  padding: 175px 0 100px;
  background-image: url("../images/transformation2023/bg_transformation_block.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.tran-case-menu {
  display: flex;
  margin-top: 30px;
  border-bottom: 1px solid #99999950;
}
.tran-case-btn {
  font-size: 125%;
  color: #666666;
  letter-spacing: 2px;
  padding: 15px 20px 15px 5px;
  margin-right: 35px;
  font-weight: 700;
  border: 0;
  background-color: transparent;
  transition: all .4s;
}
.tran-case-btn:hover, .tran-case-btn.active {
  color: #047AC3;
  border-bottom: 5px solid #047AC3;
}
.case-list-block {
  margin: 20px;
}
.case-list-block > div {
  padding: 15px;
}
.case-content > div {
  display: flex;
  padding: 5px
}
.inside-case-box-photo {
  position: relative;
  width: 100%;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0 #00000020;
  padding-bottom: 56%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 102%;
  margin-top: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: all .8s ease;
}
button.inside-case-box-photo {
  border: 0px;
}
.inside-case-box-photo:after {
  position: absolute;
  left: 0;
  content: 'READ MORE';
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-weight: 600;
  text-shadow: 1px 1px 4px #00000090;
  align-items: center;
  background-color: rgba(59, 188, 181, .5);
  transition: all .4s;
  opacity: 0;
}
.inside-case-box-photo:hover:after {
  opacity: 1;
}
.inside-case-box-photo:hover {
  background-size: 120%;
}
.case-content .title {
  position: relative;
  font-size: 140%;
  color: #047AC3;
  padding: 0 10px 5px 25px !important;
  height: 80px;
  line-height: 125%;
  overflow: hidden;
}
.case-content .title:hover {
  color: #04B878;
}
.case-content .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: calc(100% - 5px);
  background: #09a8c799;
}
.case-content .intro {
  height: 90px;
  color: #666666;
  overflow: hidden;
}
.case-content .hr {
  background-image: url("../images/transformation2023/line-dot-content.gif");
  background-position: center left;
  background-size: auto;
  background-repeat: repeat-x;
  height: 5px;
  margin: 5px;
}
.case-content .more {
  justify-content: space-between;
}
.case-content-date, .case-content-more {
  font-size: 90%;
  color: #0B8383;
  font-family: Poppins;
  font-weight: 500;
}
.case-content-more {
  position: relative;
}
a .case-content-more {
  color: #0B8383;
}
a .case-content-more:hover {
  color: #04B878;
  text-decoration: underline !important;
}
a .case-content-more::before {
  content: "●";
  font-size: 75%;
  position: absolute;
  left: -15px;
}
.inside-case-content-area {
  background-image: url("../images/transformation2023/bg_case-content.png");
  background-position: bottom right;
  background-size: auto;
  background-repeat: no-repeat;
}
.case-menu-stitle {
  display: flex;
  justify-content: flex-end;
}
.inside-case-date {
  font-size: 85%;
  color: #666666;
  font-family: Arial;
  line-height: 150%;
  margin-left: 30px;
}
.case-content-title {
  position: relative;
  color: #4d4d4d;
  font-size: 175%;
  font-weight: 700;
  line-height: 125%;
  padding-left: 30px;
  height: 90px;
}
.case-content-title::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 75%;
  left: 0;
  top: -25%;
  background-color: #00aac9;
}
.case-content-video {
  padding: 20px 0;
}
.inside-lazy-block {
  padding: 175px 0 0;
  background-image: url("../images/transformation2023/bg_lazy_block.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.lazy-content-area {
  margin-top: 10px;
  padding: 50px 0 100px;
  background-image: url("../images/transformation2023/bg_lazy_content.gif");
  background-position: top center;
  background-size: auto;
}
.inside-lazy-select > select {
  font-size: 100%;
  font-weight: 600;
  width: fit-content;
}
.lazy-box {
  padding: 13% 6% 3%;
  background-image: url("../images/transformation2023/bg_lazy-box-tag.svg");
  background-color: #fff;
  background-position: top right;
  background-size: 12%;
  background-repeat: no-repeat;
  border: 1px solid #808080;
  box-shadow: 8px 8px 0 0 #b8dbdd;
  border-radius: 35px;
  margin: 25px 15px;
}
.lazy-box .photo {
  position: relative;
  width: 100%;
  background-position: center center;
  padding-bottom: 65%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all .8s ease;
  cursor: pointer;
}
.lazy-box button.photo {
  border: 0;
}
.lazy-box .photo:after {
  position: absolute;
  left: 0;
  content: 'READ MORE';
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-weight: 600;
  text-shadow: 1px 1px 4px #00000090;
  align-items: center;
  background-color: rgba(59, 188, 181, .5);
  transition: all .4s;
  opacity: 0;
}
.lazy-box .photo:hover:after {
  opacity: 1;
}
.lazy-box .date {
  position: relative;
  color: #047AC3;
  font-size: 75%;
  padding: 5px 25px;
  font-family: 'Poppins';
  letter-spacing: 1px;
}
.lazy-box .date::before {
  position: absolute;
  content: "●";
  color: #047AC3;
  font-size: 125%;
  left: 0;
}
.lazy-box .title {
  position: relative;
  color: #333333;
  font-size: 110%;
  line-height: 125%;
  height: 60px;
  overflow: hidden;
}
.lazy-box .more {
  position: relative;
  color: #047AC3;
  text-align: end;
  font-size: 85%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  transition: all .4s ease;
}
.lazy-box .more::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/transformation2023/photo-lazy-more-arrow.svg);
  background-color: #fff;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.lazy-box .more:hover {
  color: #00aac9;
  text-decoration: underline !important;
}
.lazy-box .more > a:hover {
  color: #00aac9;
  text-decoration: underline !important;
}
.lazy-content-block {
  background-image: url("../images/transformation2023/bg_lazy_content_block.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: repeat-y;
}
.lazy-content-box {
  border: 1px solid #808080;
  border-radius: 30px;
  padding: 3.5vw;
  background-color: #FFF;
}
.lazy-content-box > img {
  width: 100%;
  margin: auto;
}
/*影音專區*/
.inside-movie-block {
  padding: 175px 0 100px;
  background-image: url("../images/movie2023/bg_movie_block.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-movie-area {
  background-image: url("../images/movie2023/bg_movie_area.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: repeat-y;
}
.movie-digital-list-block {
  margin: 20px 0;
}
.movie-digital-box {
  margin: 30px 30px 40px;
}
.movie-digital-box > .comp {
  position: relative;
  font-size: 90%;
  color: #047AC3;
  margin-top: 0.5rem;
  margin-left: 1.5em;
  height: 50px;
  line-height: 200%;
}
.movie-digital-box > .comp::before {
  position: absolute;
  content: "●";
  color: #237ca3;
  font-size: 60%;
  margin-left: -2em
}
.movie-digital-box .title {
  font-size: 125%;
  color: #047AC3;
  height: 65px;
  padding-left: 20px;
  margin-left: 10px;
  border-left: 4px solid #FFCC33;
}
.movie-digital-box .title:hover {
  color: #00aac9
}
.movie-digital-box .link {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
}
.btn-movie-digital {
  font-size: 120%;
  letter-spacing: 2px;
  font-weight: 600;
  color: #fff;
  background-color: #047AC3;
  margin-left: 15px;
  padding: 5px 20px;
  border-radius: 30px;
  border: 2px solid #047AC3;
  transition: all .4s;
}
.movie-digital-list-block > .col-md-6 {
  border-bottom: 1px solid #99999950;
}
.btn-movie-digital:hover {
  color: #047AC3;
  background-color: #fff;
  border: 2px solid #047AC3;
}
.movie-digital-box > .link > a > img {
  width: 45px;
  transition: all .4s;
}
.movie-digital-box > .link > a:hover > img {
  transform: scale(1.2);
}
/*轉型量表*/
.inside-survay-area {
  position: relative;
  padding: 150px 15px 100px;
  background-image: url("../images/survay2023/bg_survay-form.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.breadcrumb.survay, .breadcrumb.report {
  margin-bottom: 50px;
}
.enter-survay-block {
  position: relative;
  background-image: url("../images/survay2023/bg_survay-enter.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.survay-ring-photo01 {
  position: absolute;
  width: 22%;
  right: -2%;
  bottom: 27%;
  animation: rotate-right 30s infinite;
}
.survay-ring-photo02 {
  position: absolute;
  width: 15%;
  left: 3%;
  bottom: 25%;
  animation: rotate-left 25s infinite;
}
.enter-surva-box {
  padding: 5% 10% 0 2.5%;
}
.enter-survay-title {
  margin-bottom: 20px;
}
.enter-survay-time {
  background-color: #008299;
  border: 1px solid #000000;
  color: #FFF;
  border-radius: 30px;
  padding: 6px 25px;
  width: fit-content;
  margin-bottom: 30px;
  font-size: 95%;
}
.enter-survay-content {
  color: #333333;
  padding: 10px 25px 10px 5px;
  font-size: 95%;
  margin-bottom: 20%;
}
.btn-member-sumit.survay {
  color: #333333 !important;
  font-size: 150%;
  padding: 15px 30px;
}
.survay-agreement-box, .survay-info-box {
  position: relative;
  border: 1px solid #4d4d4d;
  padding: 8px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 12px 12px 0 0 #3482a3;
}
.survay-box-line {
  position: relative;
  border: 1px dashed transparent;
  background: linear-gradient(#fff, #fff) padding-box, repeating-linear-gradient(-45deg, var(--main-greenblue-color) 0, var(--main-greenblue-color) 0.2em, #fff 0, #fff 0.4em);
  /* 0.3em设置虚线点的宽度或长度；0.6em设置虚线点的间距 */
  padding: 20px 25px 40px;
  border-radius: 10px;
  background-color: #FFF;
  z-index: 1;
}
.agreement-clip-photo, .agreement-pen-photo, .agreement-ring-photo01, .agreement-ring-photo02 {
  position: absolute;
}
.agreement-clip-photo {
  text-align: center;
  width: 100%;
  top: -105px;
  z-index: 2;
}
.agreement-clip-photo > img {
  width: 280px;
  margin: 0 auto;
}
.agreement-pen-photo {
  width: 280px;
  top: -122px;
  right: 5px;
  z-index: 2;
}
.agreement-ring-photo01 {
  width: 280px;
  top: -110px;
  right: -130px;
  z-index: 0;
}
.agreement-ring-photo02 {
  width: 300px;
  bottom: 10px;
  left: -100px;
  z-index: 0;
}
.agreement-stitle {
  text-align: center;
  font-size: 150%;
  font-weight: 600;
  margin: 15px 0 25px;
  color: #1c488b;
}
.member-check-rule.survay {
  margin: 35px 0 25px;
  width: 100%;
  display: flex;
  color: #4d4d4d;
  font-size: 80%;
  line-height: 125%;
}
.member-check-rule.survay > .form-check-input {
  margin: 5px 10px 0 0 !important;
}
.member-check-rule.survay > .form-check-label {
  text-align: left;
}
.inside-survay-block {
  padding: 175px 0 70px;
  background-image: url(../images/survay2023/bg_survay_block.gif);
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.survay-content-area {
  background-image: url(../images/survay2023/bg_survay-info.gif);
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15px 15px 100px;
}
.survay-industry-box {
  margin-top: -90px;
  background-color: var(--main-greenblue-color);
  border-radius: 55px 55px 0 0;
  border: 1px solid #4d4d4d;
  box-shadow: 15px 8px 0 0 rgba(52, 130, 163, .44);
}
.survay-choice-box {
  width: fit-content;
  min-width: 35%;
  text-align: center;
  padding: 6px 30px;
  background-color: #265F78;
  border: 1px solid #4d4d4d;
  border-top: 0;
  color: #f7d156;
  border-radius: 0 0 29px 29px;
  margin: 0 auto 5px;
  vertical-align: middle;
}
.survay-choice-box > img {
  width: 38px;
  margin-right: 10px;
}
.tag-info-require {
  color: #fff;
  background-color: #008299;
  font-size: 80%;
  padding: 4px 10px;
  margin: 0 10px 5px;
  border-radius: 15px;
}
.tag-industy-require {
  color: #265F78;
  background-color: #f7d156;
  font-size: 80%;
  padding: 4px 10px;
  margin: 0 10px 5px;
  border-radius: 15px;
}
.info-left-photo, .info-right-photo {
  position: absolute;
}
.info-left-photo {
  width: 120px;
  left: -110px;
  bottom: 35%;
}
.info-right-photo {
  width: 70px;
  right: -120px;
  top: 10%;
}
.btn.survay-industy-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  padding: 10px;
  padding-left: 1.5rem;
  width: 90%;
  text-align: center;
  margin: 10px auto;
  color: #276386;
  border: 1px solid #4498c9;
  background-color: #fff;
  box-shadow: 2px 2px 4px 0 #00000030;
  font-weight: 700;
  border-radius: 30px;
  transition: all .4s;
  cursor: pointer;
  background-position: 1rem center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}
#industry_1-icon {
  background-image: url(../images/survay2023/icon_industry01.svg)
}
#industry_2-icon {
  background-image: url(../images/survay2023/icon_industry02.svg)
}
#industry_3-icon {
  background-image: url(../images/survay2023/icon_industry03.svg)
}
#industry_4-icon {
  background-image: url(../images/survay2023/icon_industry04.svg)
}
.survay-industy-btn > img {
  width: 30px;
  margin-right: 5px;
}
/**補充產業選擇時的幾種狀態**/
/* 滑鼠移過 */
.btn-check.industry + .btn:hover {
  color: #276386;
  background-color: #ccffff;
  border-color: #FFF;
}
/* 有焦點（未選取或已選取） */
.btn-check.industry:focus-visible + .btn,
.btn-check.industry:focus-visible + .survay-industy-btn,
.btn-check.industry:checked:focus-visible + .btn,
.btn-check.industry:checked:focus-visible + .survay-industy-btn {
  outline: 3px solid rgba(225, 0, 0, 1) !important;
}
/* 已選取 */
.btn-check.industry:checked + .btn,
.btn-check.industry:checked + .survay-industy-btn {
  color: #276386;
  background-color: #FFF8C2;
  border-color: #FFF;
}
/* 滑鼠點選也能有 outline */
.btn-check.industry:focus + .btn,
.btn-check.industry:focus + .survay-industy-btn {
  outline: 3px solid rgba(225, 0, 0, 1) !important;
}
.industry-btn-group {
  margin: 0 30px 10px;
}
.industry-form {
  margin: 10px 35px;
}
.industry-form > div > .form-control {
  margin-left: 2em;
  width: 90%;
  margin-bottom: 12%;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  padding: 12px;
}
.industry-form > div > label::before {
  content: "■";
  left: 1.5em;
  font-size: 150%;
  margin-right: 10px;
  color: #008299;
}
.industry-form > div > label::before:nth-child(even) {
  color: #008299;
}
.industry-next {
  margin-top: -50px;
  text-align: end;
}
/*轉型量表-step1*/
.survay-step-block {
  padding-top: 170px;
  padding-left: calc(50vw - 580px);
  padding-bottom: 40px;
}
.step-group {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: 5vw;
  z-index: 2;
  margin-top: -110px;
}
.survay-process {
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 8px;
  border: 1px solid #70c3cd;
  right: 0;
  top: 35px;
  border-radius: 15px;
  margin-right: -16px;
}
.survay-process#s-process01 {
  background: linear-gradient(to right, var(--main-greenblue-color) 0, var(--main-greenblue-color) 15%, #fff 15.1%, #fff 28%, #fff 28.1%, #fff 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
}
.survay-process#s-process02 {
  background: linear-gradient(to right, #70c3cd 0, #70c3cd 15%, var(--main-greenblue-color) 15.1%, var(--main-greenblue-color) 29%, #fff 29.1%, #fff 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
}
.survay-process#s-process03 {
  background: linear-gradient(to right, #70c3cd 0, #70c3cd 12%, #70c3cd 12.1%, #70c3cd 29%, var(--main-greenblue-color) 29.1%, var(--main-greenblue-color) 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
}
.survay-process#s-process04 {
  background: linear-gradient(to right, #70c3cd 0, #70c3cd 12%, #70c3cd 12.1%, #70c3cd 28%, #70c3cd 28.1%, #70c3cd 45%, var(--main-greenblue-color) 45.1%, var(--main-greenblue-color) 64%, #fff 64.1%, #fff 78%, #fff 78.1%, #fff 100%)
}
.survay-process#s-process05 {
  background: linear-gradient(to right, #70c3cd 0, #70c3cd 12%, #70c3cd 12.1%, #70c3cd 28%, #70c3cd 28.1%, #70c3cd 45%, #70c3cd 45.1%, #70c3cd 61%, var(--main-greenblue-color) 61.1%, var(--main-greenblue-color) 78%, #fff 78.1%, #fff 100%)
}
.survay-step-cycle {
  width: 110px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step-icon01, .step-icon02, .step-icon03, .step-icon04, .step-icon05 {
  background-position: center center;
  background-size: 80%;
  box-shadow: 2px 2px 2px 0 #00000040;
  background-repeat: no-repeat;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  background-color: #fff;
  border: 1px solid var(--main-greenblue-color);
  z-index: 2;
}
.step-icon02 {
  background-image: url(../images/survay2023/icon_step02.svg);
  background-color: #fff;
}
.step-icon03 {
  background-image: url(../images/survay2023/icon_step03.svg);
  background-color: #fff;
}
.step-icon04 {
  background-image: url(../images/survay2023/icon_step04.svg);
  background-color: #fff;
}
.step-icon05 {
  background-image: url(../images/survay2023/icon_step05.svg);
  background-color: #fff;
}
.step-icon01.active {
  background-image: url(../images/survay2023/icon_step01-w.svg);
  background-color: var(--main-greenblue-color);
}
.step-icon02.active {
  background-image: url(../images/survay2023/icon_step02-w.svg);
  background-color: var(--main-greenblue-color);
}
.step-icon03.active {
  background-image: url(../images/survay2023/icon_step03-w.svg);
  background-color: var(--main-greenblue-color);
}
.step-icon04.active {
  background-image: url(../images/survay2023/icon_step04-w.svg);
  background-color: var(--main-greenblue-color);
}
.step-icon05.active {
  background-image: url(../images/survay2023/icon_step05-w.svg);
  background-color: var(--main-greenblue-color);
}
.step-icon01.passed {
  background-image: url(../images/survay2023/icon_step01-w.svg);
  background-color: #70c3cd;
}
.step-icon02.passed {
  background-image: url(../images/survay2023/icon_step02-w.svg);
  background-color: #70c3cd;
}
.step-icon03.passed {
  background-image: url(../images/survay2023/icon_step03-w.svg);
  background-color: #70c3cd;
}
.step-icon04.passed {
  background-image: url(../images/survay2023/icon_step04-w.svg);
  background-color: #70c3cd;
}
.step-icon05.passed {
  background-image: url(../images/survay2023/icon_step05-w.svg);
  background-color: #70c3cd;
}
.step-words {
  padding: 5px 10px;
  font-size: 85%;
  color: #337297;
  line-height: 125%;
}
.step-words.active {
  color: #333;
}
.survay-step-content-area {
  background-image: url(../images/survay2023/bg_survay-step.gif);
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
  padding: 0 15px 100px;
  border-radius: 30px 30px 0 0;
}
.survay-step-title {
  display: flex;
  margin-bottom: 30px;
}
.question-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.survay-step-title > .no {
  background-color: #fae18f;
  font-size: 225%;
  border-radius: 0 0 19px 19px;
  padding: 35px 25px 15px;
  color: #1c488b;
  margin-right: 20px
}
.survay-step-title > .stitle {
  font-size: 175%;
  font-weight: 600;
  padding: 35px 25px 15px;
  color: #1c488b;
}
.survay-question-box {
  position: relative;
  border: 1px solid #4d4d4d;
  padding: 30px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 6px 6px 0 0 rgba(52, 130, 163, .44);
  margin: 15px 0 50px;
}
.question-no {
  color: var(--main-greenblue-color);
  font-size: 225%;
  font-family: Arial;
  font-weight: 500;
}
.question-no > span:nth-child(1) {
  border-bottom: 3px solid var(--main-greenblue-color);
}
.question-no > span:nth-child(2) {
  font-size: 60%;
  color: #666666;
}
.question-title {
  position: relative;
  padding: 30px 0 0 5em;
}
.question-title::before {
  position: absolute;
  left: 0;
  content: "必填";
  width: fit-content;
  background-color: #f7d959;
  color: #333333;
  font-size: 80%;
  border-radius: 15px;
  padding: 2px 10px;
  line-height: 125%;
}
.question-title > p {
  font-size: 110%;
  color: #4d4d4d;
  padding-left: 8px;
}
.question-items {
  display: flex;
}
.btn.question-btn {
  font-size: 95%;
  padding: 10px 20px;
  width: fit-content;
  text-align: center;
  margin: 8px;
  color: var(--main-greenblue-color);
  border: 1px solid var(--main-greenblue-color);
  background-color: #fff;
  box-shadow: 2px 2px 1px 0 rgba(38, 117, 141, .31);
  font-weight: 600;
  border-radius: 12px;
  transition: all .4s;
  cursor: pointer;
}
.btn.question-btn:hover {
  color: #FFF;
  background-color: var(--main-greenblue-color);
  border-color: var(--main-greenblue-color);
}
.btn-check.question:checked + .btn, .btn-check.question:focus-visible + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active {
  color: #FFF;
  background-color: var(--main-greenblue-color);
  border-color: var(--main-greenblue-color);
}
.btn-check.question:focus-visible + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active {
  color: #FFF;
  background-color: var(--main-greenblue-color);
  border-color: var(--main-greenblue-color);
  outline: 3px solid rgba(225, 0, 0, 1) !important;
}
label.btn.question-btn:focus-visible, label.btn.question-btn:focus {
  outline: 3px solid rgba(225, 0, 0, 1) !important;
}
.question-next {
  margin-top: 10px;
  text-align: end;
}
.question-radio {
  width: 24px;
  height: 24px;
  border: 1px solid var(--main-greenblue-color);
  margin: 8px;
}
.question-radio-note {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
/*轉型量表:報告*/
.inside-survay-report-area {
  position: relative;
  padding: 150px 15px 100px;
  background-image: url("../images/survay2023/bg_survay-report.gif");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
#CapturePhoto {
  padding-top: 15px;
  padding-bottom: 15px;
}
.survay-report-title-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--main-greenblue-color);
  border-radius: 55px 55px 0 0;
  border: 1px solid #4d4d4d;
  box-shadow: 25px 8px 0 0 rgba(52, 130, 163, .44);
  padding-top: 25px;
}
.survay-report-title-box > div {
  display: flex;
  flex-direction: column-reverse;
  line-height: 100%;
}
.survay-report-title-box > .stitle {
  flex: 0 0 35%;
  text-align: center;
  font-size: 250%;
  font-weight: 600;
  margin-bottom: 0;
  color: #FFF;
}
.survay-report-title-box > .result {
  flex: 0 0 55%;
  text-align: center;
  font-size: 300%;
  color: #ffef7a;
}
.survay-report-title-box > .belt-bottom {
  flex: 0 0 100%;
  margin-top: 20px;
  height: 20px;
  background-color: #3482a3;
  border-top: 1px solid #4d4d4d;
}
.survay-report-box {
  position: relative;
  border: 1px solid #4d4d4d;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 25px 20px 0 0 rgba(52, 130, 163, .44);
  z-index: 3;
}
.result-industry {
  text-align: center;
  position: absolute;
  width: 70px;
  left: -70px;
  top: 5%;
  color: #fff;
  border: 1px solid #4d4d4d;
  background-color: var(--main-greenblue-color);
  border-radius: 30px 0 0 30px;
  padding: 25px 10px 25px 20px;
  font-size: 175%;
  line-height: 125%;
  box-shadow: 0 10px 0 0 rgba(52, 130, 163, .44);
  margin: -1px 0 50px;
  z-index: 1;
}
.survay-report-upper-box {
  padding: 5% 5% 10%;
  border-radius: 20px 20px 0 0;
  background-color: #FFF;
}
.result-score {
  background-image: url("../images/survay2023/bg_report-score.png");
  background-position: top right;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0;
  right: 0;
  font-size: 400%;
  color: #4498c9;
  font-family: Arial;
  line-height: 100%;
  z-index: 4;
  padding: 40px;
  border-radius: 0 20px 0 0;
}
.report-summary {
  display: flex;
  margin-bottom: 30px;
}
.report-summary > .graph-box {
  display: flex;
  flex: 0 0 60%;
  width: 100%;
  padding: 0;
  border: 1px solid #4d4d4d;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 8px 8px 0 0 rgba(52, 130, 163, .10);
}
.result-summary {
  display: flex;
  flex-direction: column;
  flex: 0 0 40%;
  justify-content: flex-end;
  padding-left: 4%;
}
.result-summary > div {
  margin: 10px 0;
}
.result-summary > div:first-child {
  font-size: 175%;
  color: #4d4d4d;
}
.result-summary > div:nth-child(2) {
  width: fit-content;
  font-size: 150%;
  color: #1c488b;
  padding: 15px 25px;
  background-color: #f7d156;
  border-radius: 36px;
}
.result-summary > div:nth-child(3) {
  padding: 0 0 0 20px;
  border-left: 4px solid var(--main-greenblue-color);
  color: #4d4d4d;
}
.tag-score-note {
  color: var(--main-greenblue-color);
}
.tag-score-bigger {
  color: var(--main-greenblue-color);
  font-size: 150%;
}
.line-report-hr {
  width: 100%;
  background-image: url("../images/survay2023/line-report-hr.png");
  background-position: center left;
  background-size: auto;
  background-repeat: repeat-x;
  height: 5px;
}
.report-score-line {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
  margin-top: 30px;
}
.report-score-line > .stitle {
  width: fit-content;
  font-size: 125%;
  color: #fff;
  padding: 10px 30px;
  background-color: var(--main-greenblue-color);
  border-radius: 32px;
  border: 1px #4d4d4d solid;
}
.report-score-line > .note {
  padding: 15px;
  color: #4d4d4d;
}
.report-result-block {
  background-color: var(--main-greenblue-color);
  border-top: 1px solid #4d4d4d;
  padding: 0 5% 5%;
  border-radius: 0 0 20px 20px;
}
.report-result-group {
  margin-top: -75px; /*參考下方圖片寬度的一半*/
}
.report-result-box {
  color: #FFF;
}
.report-result-box > .photo { /*圖片寬度*/
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 0 auto 5px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.report-result-box > .note > div {
  text-align: center;
  margin: 15px 0;
}
.report-result-box > .note > div:nth-child(1) {
  font-size: 225%;
  font-family: Arial;
  letter-spacing: 2px;
  text-shadow: 1px 1px 1px #00000030;
}
.report-result-box > .note > div:nth-child(2) {
  font-weight: 500;
  text-shadow: 1px 1px 1px #00000030;
}
.report-final-stitle {
  width: fit-content;
  font-size: 125%;
  color: #4d4d4d;
  padding: 10px 30px;
  background-color: #f7d156;
  border-radius: 32px;
  border: 1px #4d4d4d solid;
  letter-spacing: 2px;
  margin: 15px;
}
.report-final-note {
  color: #fff;
  font-weight: 500;
  text-shadow: 1px 1px 1px #00000030;
  padding: 15px;
}
.report-btn-block {
  margin-top: 50px;
  text-align: center;
}
.report-ring-photo01 {
  position: absolute;
  width: 400px;
  right: 2%;
  bottom: 25%;
  animation: rotate-right 30s infinite;
}
.report-ring-photo02 {
  position: absolute;
  width: 420px;
  left: 5%;
  bottom: 40%;
  animation: rotate-left 30s infinite;
}
/*Q&A*/
.inside-qa-block {
  padding: 175px 0 0;
  background-image: url("../images/qa2023/bg_qa_block.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.qa-content-area {
  background-color: rgba(214, 234, 234, .4);
  padding: 15px 15px 100px;
}
.qa-menu {
  display: flex;
  margin-top: 30px;
}
.qa-menu-stitle {
  display: flex;
  justify-content: space-between;
}
.inside-qa-stitle {
  color: #4d4d4d;
  font-size: 160%;
  font-weight: 700;
  line-height: 125%;
  padding-left: 25px;
  border-left: 6px solid #09a8c7;
  margin: 55px 0 25px;
}
.accordion.qa {
  --bs-accordion-border-width: 0;
  --bs-accordion-btn-focus-box-shadow: none;
}
.accordion-item.qa {
  border: 1px solid #666666;
  border-radius: 20px;
  font-size: 1.5rem;
  line-height: 150%;
  margin: 30px 0;
  background-color: #FFF;
  box-shadow: 10px 10px 0 0 #cccccc;
  color: #4d4d4d;
}
.accordion-button.qa {
  position: relative;
  background-color: transparent;
  min-height: 100px;
  font-size: 1.5rem !important;
  font-weight: 600;
  color: #4d4d4d;
  padding-left: 80px;
  line-height: 150%;
}
.accordion-body.qa {
  position: relative;
  display: flex;
  align-items: center;
  background-image: url("../images/qa2023/line-qa-stitle.gif");
  background-position: top left;
  background-size: auto;
  background-repeat: repeat-x;
  min-height: 100px;
  padding: 20px 20px 20px 80px;
}
.accordion-button.qa::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background-image: url("../images/qa2025/icon-q.svg");
  left: 10px;
}
.accordion-body.qa::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background-image: url("../images/qa2025/icon-a.svg");
  left: 10px;
}
.accordion-button.qa::after {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-left: auto;
  content: "";
  background-image: url("../images/qa2025/icon-open.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button.qa:not(.collapsed)::after {
  background-image: url("../images/qa2025/icon-close.svg");
  transform: var(--bs-accordion-btn-icon-transform);
}
/*會員相關*/
.inside-member-area {
  background-image: url("../images/member2023/bg_member_area.gif");
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-member-block {
  padding: 150px 0 100px;
  background-image: url("../images/member2023/bg_member.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-member-plan-title {
  color: #1c488b;
  font-size: 225%;
  font-weight: 700;
  line-height: 125%;
  padding-left: 20px;
  margin: 20px 0;
  border-left: 6px solid #4498c9;
}
.inside-shop-regist-stitle {
  background-color: #307BA6;
  font-size: 175%;
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  width: fit-content;
}
.member-title-note {
  font-size: 90%;
  color: #4d4d4d;
  padding: 15px 2px 7px;
}
.member-login-other {
  font-size: 125%;
  width: fit-content;
  padding: 7px 2px;
  border-bottom: 1px solid #66cccc;
}
.member-login-photo {
  padding-top: 15px;
  padding-right: 5vw;
}
.member-data-box {
  border: 1px solid #666666;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 10px 10px 0 0 #70c3cd;
  background-color: #FFFFFF;
  background-image: url("../images/member2023/bg_login-box.png");
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
}
.member-data-box.login {
  color: #4d4d4d;
}
.member-data-box-stitle {
  color: #1c488b;
  font-size: 175%;
  line-height: 150%;
  margin: 15px 0
}
.login-form > div {
  position: relative;
  margin: 20px 0;
  color: #4d4d4d;
}
.login-form > div > input {
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #808080 !important;
  height: 40px;
}
#checkEye {
  position: absolute;
  font-size: 125%;
  right: 20px;
  bottom: 4px;
  transition: all .4s;
  cursor: pointer;
}
#checkEye:hover {
  color: #E40003;
}
.vailcode-photo {
  padding: 0 10px;
}
.vailcode-photo > img {
  width: 100%;
}
.vailcode-reload {
  font-size: 160%;
  font-weight: 700;
  color: var(--main-greenblue-color);
  padding: 5px;
}
.login-link-group {
  text-align: center;
  color: #808080;
}
.login-link-bar {
  color: var(--main-greenblue-color);
  font-weight: 400;
  margin: 0 20px;
}
.btn-member-sumit {
  font-size: 110%;
  color: #4d4d4d;
  font-weight: 700;
  background-color: #f7d959;
  padding: 8px 30px;
  text-align: center;
  border-radius: 40px;
  border: 1px solid #666666;
  outline: 0;
  box-shadow: 4px 4px 2px 0 #18345e20;
  margin-left: 20px;
  transition: all .4s ease;
}
.btn-member-sumit:hover {
  color: #FFFFFF !important;
  background-color: var(--main-greenblue-color);
}
.btn-member-back {
  font-size: 110%;
  color: #fff;
  font-weight: 700;
  background-color: var(--main-greenblue-color);
  padding: 8px 30px;
  text-align: center;
  border-radius: 40px;
  border: 1px solid #666666;
  outline: 0;
  box-shadow: 4px 4px 2px 0 #18345e20;
  margin-left: 20px;
  transition: all .4s ease;
}
.btn-member-back:hover {
  color: var(--main-greenblue-color);
  background-color: #FFFFFF;
}
.inside-register-area {
  background-image: url("../images/member2023/bg_register.gif");
  background-position: center top;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-register01-block, .inside-register02-block, .inside-register03-block {
  padding: 150px 0 100px;
  background-position: bottom left;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-register01-block {
  background-image: url("../images/member2023/bg_register01.png");
}
.inside-register02-block {
  background-image: url("../images/member2023/bg_register02.png");
}
.register-title {
  color: #1c488b;
  font-size: 200%;
  padding: 0 2px 25px;
}
.register-step-box {
  width: fit-content;
  padding: 25px 15px;
  border-radius: 0 0 15px 15px;
  background-color: #FFFFFF;
  border-top: 2px solid #1c488b;
}
.step-block {
  display: flex;
}
.step-bar-bg {
  margin: 0 10px;
  width: 10px;
  background-color: #4dd0e145;
}
.step-content {
  padding: 15px 10px 20px;
  color: #666666;
  margin-left: 10px;
}
.step-content.active {
  color: #387CA3;
}
#step01 {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
#step02 {
  overflow: hidden;
}
#step03 {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
#step01 > .active, #step02 > .active, #step03 > .active {
  background-color: #4dd0e1;
  width: 10px;
  border-radius: 20px;
  height: 100%;
}
/*註冊進度調*/
.register-process {
  position: relative;
  padding-top: 10px;
  margin-bottom: 50px;
}
.step-process-bg {
  height: 8px;
}
.progress-bar.active-step1, .progress-bar.active-step2, .progress-bar.active-step3 {
  background-color: #73cdde;
}
.progress-bar.active-step1 {
  width: 33%;
}
.progress-bar.active-step2 {
  width: 66%;
}
.progress-bar.active-step3 {
  width: 100%;
}
#step-dot01, #step-dot02, #step-dot03, #step-dot04 {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 25%;
  background-color: #e3e3e3;
}
#step-dot01 {
  left: 0;
}
#step-dot02 {
  left: 32%;
}
#step-dot03 {
  left: 66%;
}
#step-dot04 {
  left: 98.5%;
}
#step-dot01.active, #step-dot02.active, #step-dot03.active, #step-dot04.active {
  background-color: #73cdde; /*#73cdde */
}
#step-dot01.now, #step-dot02.now, #step-dot03.now, #step-dot04.now {
  border: 2px solid var(--main-greenblue-color);
  background-color: #73cdde; /*#73cdde */
  width: 20px;
  height: 20px;
  top: 20%;
}
#step-word01, #step-word02, #step-word03 {
  position: absolute;
  top: -30px;
  color: var(--main-greenblue-color);
  font-family: Poppins;
}
#step-word01 {
  left: 31.5%;
}
#step-word02 {
  left: 64.5%;
}
#step-word03 {
  left: 97%;
}
.member-register-box {
  border: 1px solid #666666;
  padding: 20px 25px 40px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 10px 10px 0 0 #70c3cd50;
}
.member-register-box > div:first-child, #step-stitle02-2, #step-stitle02-3 {
  color: var(--main-greenblue-color);
  font-size: 150%;
  padding: 15px;
  vertical-align: middle;
}
.member-register-box > div:first-child {
  background-image: url("../images/member2023/line_step-content-title.gif");
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
}
#step-stitle01, #step-stitle03 {
  text-align: center;
}
#step-stitle01 > img, #step-stitle03 > img {
  margin: 0 3% 5px;
}
#step-stitle02 > img, #step-stitle02-2 > img, #step-stitle02-3 > img {
  margin: 0 10px 5px;
}
.require-tag {
  color: #fff;
  background-color: var(--main-greenblue-color);
  font-size: 55% !important;
  padding: 4px 10px;
  margin: 0 10px 5px;
  border-radius: 15px;
}
.regist-rule {
  padding: 15px;
  font-size: 90%;
  line-height: 150%;
  color: #4d4d4d;
  height: 50vh;
  overflow-y: scroll;
}
.regist-rule > p:nth-child(1) {
  color: #008299 !important;
}
/*店家會員註冊*/
#style-1::-webkit-scrollbar { /*這個必須要有以下才會生效*/
  width: 10px;
}
#style-1::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e6e6e6;
}
#style-1::-webkit-scrollbar-thumb {
  background-color: #73cdde;
  border-radius: 10px;
}
.member-check-rule {
  margin: 35px auto 25px;
  width: fit-content;
  text-align: center;
}
.member-check-rule > .form-check-input:checked[type=checkbox] {
  background-image: url(../images/member2023/photo-check.svg);
}
.member-check-rule > .form-check-input {
  width: 30px !important;
  height: 30px !important;
  margin: auto 10px auto 0;
}
.member-check-rule > .form-check-input:checked {
  background-color: #fff;
  border-color: #666666;
}
.member-check-rule > label > a {
  border-bottom: 1px solid #00aac9;
}
.member-next {
  text-align: end;
}
.register-form {
  margin: 10px 35px;
}
.register-form > div {
  position: relative;
  margin: 10px 0;
  color: #4d4d4d;
}
.register-form > div > input {
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  height: 40px;
}
.register-form > div > select {
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  height: 40px;
}
.register-form > div > select > option {
  padding: 5px 0;
}
.repeat_address {
  margin-left: 10px;
  font-size: 90%;
  color: var(--main-greenblue-color);
}
.repeat_address > input {
  border: 1px solid var(--main-greenblue-color);
}
.reg_date {
  display: flex;
}
.reg_date > label {
  margin: auto 5px;
}
.reg_date > select {
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  height: 40px;
}
.member-register-hr {
  background-image: url(../images/member2023/line_step-content-title.gif);
  background-position: center center;
  background-size: auto;
  background-repeat: no-repeat;
  height: 10px
}
.register-ok {
  background-image: url(../images/member2023/bg_register-ok.png);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 15px 15px 0 0 #70c3cd90;
  padding-bottom: 6%;
}
.finish-content {
  color: #4d4d4d;
  padding: 5% 15px;
  text-align: center;
}
.finish-content span {
  color: #2F7A92 !important;
}
.inside-forget01-block, .inside-forget02-block {
  padding: 150px 0 100px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.inside-forget01-block {
  background-image: url("../images/member2023/bg_forget.png");
  background-position: bottom center;
}
.inside-forget02-block {
  background-image: url("../images/member2023/bg_forget-ok.png");
  background-position: center 25vh;
}
.member-data-box.forget {
  position: relative;
  background-image: none;
  color: #4d4d4d;
  margin-top: -80px;
}
.forget-note, .forget-note-ok {
  background-color: #fdf5d2;
  padding: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.forget-note span, .forget-note-ok {
  color: #3367E1 !important;
}
.forget-note-ok {
  margin: 25% 0;
}
.forget-box-photo {
  width: 250px;
  position: absolute;
  top: -31px;
  right: -100px;
}
.forget-box-photo > img {
  width: 100%;
}
/*會員中心(登入後)*/
.inside-membership-block {
  padding: 175px 0 100px;
  background-image: url("../images/member2023/bg_membership.gif");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat;
}
.membership-content-block {
  padding: 5% 8% 0;
  background-image: url("../images/member2023/bg_membership-down.png");
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.membership-data-box {
  border: 1px solid #666666;
  border-radius: 25px;
  padding: 30px;
  box-shadow: 15px 15px 0 0 #059ace30;
  background-color: #FFFFFF;
}
.member-date-group {
  padding: 25px;
  background-image: url("../images/member2023/bg_mambership-data.jpg");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 25px;
  border: 1px solid #059ace30;
}
.member-data-photo > div:first-child {
  text-align: center;
}
.member-data-photo > div:first-child > img {
  width: 100px;
  margin: 10% auto;
}
.member-data-photo > div:nth-child(2) {
  font-size: 175%;
  text-align: center;
}
.member-data-detail {
  color: #4d4d4d;
}
.member-data-btn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 20px;
}
.member-order-titile {
  display: flex;
  padding: 10px 0;
  border-radius: 25px;
  color: #4d4d4d;
  background-color: #f1f1f1;
  margin: 15px auto;
}
.member-order-titile > div {
  text-align: center;
  flex: 0 0 16%;
}
.member-order-titile > div:nth-child(2) {
  flex: 0 0 20%;
}
.member-order-item {
  display: flex;
  padding: 25px 0;
  color: #4d4d4d;
  margin: 0;
  border-bottom: 1px solid #cbcbcb;
}
.member-order-item > div {
  font-size: 85%;
  flex: 0 0 16%;
  padding: 0 5px;
  line-height: 125%;
}
.member-order-item > div:nth-child(1) {
  border-left: 5px solid #4dd0e1;
  text-align: center;
}
.member-order-item > div:nth-child(2) {
  flex: 0 0 20%;
}
.member-order-item > div:nth-child(4) {
  text-align: center;
}
.member-order-item > div:nth-child(5) {
  text-align: center;
  font-size: 75%;
  margin: auto 0;
}
.btn-order-detail {
  color: #ffffff;
  font-weight: 800;
  background-color: #1D8096;
  padding: 8px 15px;
  font-size: 120%;
  margin: auto;
  border: 1px solid #1D8096;
  border-radius: 25px;
  transition: all .4s ease;
}
.btn-order-detail > i {
  font-size: 85%;
  margin-left: 5px;
  font-weight: 400;
}
.btn-order-detail:hover {
  color: #1D8096;
  background-color: #FFF;
  border: 1px solid #1D8096;
}
.btn-order-close {
  position: absolute;
  right: 3%;
  bottom: 17%;
  width: 50px;
}
.btn-order-close > img {
  width: 100%;
}
.member-order-detail {
  position: relative;
  padding: 15px 35px;
  background-color: #059ace10;
  color: #4d4d4d;
  display: flex;
  flex-wrap: wrap;
}
.member-order-detail > div:first-child {
  flex: 0 0 100%;
  font-size: 110%;
  color: #004990;
  padding: 15px 0;
  background-image: url("../images/member2023/line-order-detail-title.gif");
  background-position: bottom left;
  background-size: auto;
  background-repeat: repeat-x;
}
.member-order-detail > div:nth-child(2), .member-order-detail > div:nth-child(3) {
  flex: 0 0 50%;
  font-size: 85%;
  color: #4d4d4d;
  line-height: 150%;
  padding: 15px 0;
}
.member-order-detail > div > p > i {
  color: #00aac9;
  margin-right: 8px;
}
.order-statue-waiting, .order-statue-pass, .order-statue-decline {
  font-size: 175%;
  vertical-align: middle;
}
.order-statue-waiting {
  color: #4d4d4d;
}
.order-statue-pass {
  color: #037EAA;
}
.order-statue-decline {
  color: #EA1010;
}
.order-no {
  padding-bottom: 30px;
}
.order-prise {
  font-size: 250%;
  font-weight: 700;
  font-family: Poppins;
  line-height: 175%;
  vertical-align: middle;
}
.membership-content-block.password {
  padding: 5% 0 0 8%;
}
.membership-data-box.password > div:first-child {
  color: #00498f;
  font-size: 150%;
  padding: 15px;
  vertical-align: middle;
}
.membership-data-box.password > div:first-child > img {
  margin-left: 12px;
  vertical-align: middle;
  width: 20px;
}
.password-input > div {
  position: relative;
  padding: 15px 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.password-input > div > label {
  flex: 1 0 25%;
  text-align: end;
  padding-right: 10px;
}
.password-input > div > input {
  flex: 0 1 60%;
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  height: 40px;
}
.password-input > div:first-child > input {
  flex: 0 1 70%;
}
#checkEye01, #checkEye02, #checkEye03 {
  position: absolute;
  font-size: 125%;
  right: 10px;
  bottom: 27%;
  transition: all .4s;
  cursor: pointer;
}
#checkEye01:hover, #checkEye02:hover, #checkEye03:hover {
  color: #E40003;
}
.data-input > div {
  position: relative;
  padding: 15px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.data-input > div > label {
  flex: 1 1 20%;
  text-align: start;
  padding-right: 10px;
}
.data-input > div > input {
  flex: 1 0 55%;
  border: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  height: 40px;
}
.data-note {
  padding: 5px 0;
  margin: auto 0;
  font-size: 90%;
}
/*供應商登入*/
.inside-member-area.supplier {
  background-image: url(../images/member2023/bg_member_supplier_area.gif);
}
.inside-supplier-block {
  padding: 0;
  background-image: url("../images/member2023/bg_supplier_login_block.gif");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
}
.inside-member-block.supplier {
  background-image: none;
}
.breadcrumb-supplier {
  color: #A96724 !important;
}
.inside-member-plan-title.supplier {
  color: #004990;
  border-left: 6px solid #A9672490;
}
.inside-shop-regist-stitle.supplier {
  background-color: #A96724;
}
.member-data-box.supplier {
  box-shadow: 10px 10px 0 0 #ffcf56;
  background-image: none;
  color: #4d4d4d;
}
.login-link-group.supplier > a {
  color: #A96724;
}
.login-link-group.supplier > a:hover {
  color: #258288;
}
.btn-member-sumit.supplier {
  background-color: #258288;
  color: #fff;
}
.btn-member-sumit.supplier:hover {
  background-color: #f7d959;
  color: #000 !important;
}
.vailcode-reload.supplier > a {
  color: #ff9a0a;
}
.inside-register-area.supplier {
  background-image: url("../images/member2023/bg_register_supplier.gif");
}
.inside-forget01-block.supplier {
  background-image: url("../images/member2023/bg_forget-supplier.png");
}
.inside-forget02-block.supplier {
  background-image: url("../images/member2023/bg_forget-ok-supplier.png");
  background-position: bottom center;
}
.step-bar-bg.supplier {
  background-color: #A9672445;
}
#step01 > .active.supplier, #step02.supplier > .active, #step03.supplier > .active {
  background-color: #A96724;
}
.step-content.active.supplier {
  color: #A96724;
}
.require-tag.supplier {
  color: #333;
  background-color: #fdd835;
}
.member-register-box.supplier {
  box-shadow: 10px 10px 0 0 #ffaa1f50;
}
.member-register-box.supplier > div:first-child, #step-stitle02-2.supplier, #step-stitle02-3.supplier {
  color: #A96724;
}
.progress-bar.active-step1.supplier, .progress-bar.active-step2.supplier {
  background-color: #A96724;
}
.progress-bar.active-step1.supplier {
  width: 50%;
}
.progress-bar.active-step2.supplier {
  width: 99%;
}
#step-dot01.supplier {
  left: 0;
}
#step-dot02.supplier {
  left: 50%;
}
#step-dot03.supplier {
  left: 98.5%;
}
#step-dot01.active.supplier, #step-dot02.active.supplier, #step-dot03.active.supplier {
  background-color: #A96724;
}
#step-dot01.now.supplier, #step-dot02.now.supplier, #step-dot03.now.supplier {
  border: 2px solid #A96724;
  background-color: #A96724;
}
#step-word01.supplier, #step-word02.supplier, #step-word03.supplier {
  color: #A96724;
}
#step-word02.supplier {
  left: 49.5%;
}
#step-word03.supplier {
  left: 97.5%;
}
.ratio-item {
  width: 1em;
  height: 1em;
  border: 2px solid #dddddd;
}
.tag-pdf {
  color: #258288;
  font-size: 85%;
}
.tag-pdf > i {
  margin-right: 10px;
}
.form-select.supplier {
  background-image: url(../images/member2023/icon-select-triangle-supplier.svg) !important;
}
input[type=file]::file-selector-button {
  border: 1px solid #feac57;
  padding: 0 5px;
  color: #fe9204;
  border-radius: 5px;
  background-color: #fff;
  font-weight: 600;
  font-size: 120%;
  transition: all .4s;
}
input[type=file]:hover::file-selector-button {
  border: 1px solid #fe9204;
  color: #fff;
  background-color: #fe9204 !important;
}
input[type=file] {
  border: 0;
  background-color: transparent;
  border-radius: 10px;
  height: 40px;
}
.input-group-file {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-weight: 400;
  line-height: 1.5;
  color: #A96724;
  text-align: center;
  white-space: nowrap;
  font-size: 125%;
}
.member-check-rule.supplier {
  margin: 35px auto 25px;
  width: 100%;
  text-align: center;
  display: flex;
}
.form-check-input.supplier {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #fff;
  width: 1.5em !important;
  height: 1.5em !important;
  align-self: flex-start;
  margin: 5px;
}
.form-check-input.supplier:checked[type=checkbox] {
  background-image: url(../images/member2023/photo-check.svg);
}
.form-check-label.suplier {
  text-align: left;
}
.form-check-label.suplier > a {
  color: #A96724;
  border-bottom: 1px solid #A96724;
  transition: all .4s;
}
.form-check-label.suplier > a:hover {
  color: #0488DC;
  border-bottom: 1px solid #0488DC;
}
/*數位轉型方案登入*/
.inside-member-area.digital {
  background-image: url(../images/member2023/bg_member_digital_area.gif);
}
.inside-member-block.digital {
  background-image: url(../images/member2023/bg_member_digital.gif);
}
.breadcrumb-digital {
  color: #3C6EE2 !important;
}
.inside-shop-regist-stitle.digital {
  background-color: #7162DF;
}
.inside-member-plan-title.digital {
  color: #004990;
  border-left: 6px solid #7162DF;
}
.member-data-box {
  box-shadow: 10px 10px 0 0 #7162DF;
  background-image: none;
}
.login-link-group.digital > a {
  color: #7162DF;
}
.vailcode-reload.digital {
  color: #7162DF;
}
.login-link-group.digital > a:hover {
  color: #0488DC;
}
.inside-forget01-block.digital {
  background-image: url(../images/member2023/bg_forget-digital.png);
}
.inside-forget02-block.digital {
  background-image: url(../images/member2023/bg_forget-ok-digital.png);
  background-position: center center;
}
.inside-register02-block.digital {
  background-image: url(../images/member2023/bg_register02_digital.png);
}
.inside-register-area.digital {
  background-image: url(../images/member2023/bg_register_digital.gif);
}
.step-bar-bg.digital {
  background-color: #6257ff45;
}
#step01 > .active.digital, #step02 > .active.digital, #step03 > .active.digital {
  background-color: #6257ff;
}
.step-content.active.digital {
  color: #6257ff !important;
}
.progress-bar.active-step1.digital, .progress-bar.active-step2.digital, .progress-bar.active-step3.digital {
  background-color: #7162DF;
}
#step-dot01.active.digital, #step-dot02.active.digital, #step-dot03.active.digital, #step-dot04.active.digital {
  background-color: #7162DF;
}
#step-dot01.now.digital, #step-dot02.now.digital, #step-dot03.now.digital, #step-dot04.now.digital {
  border: 2px solid #6953cf;
  background-color: #7162DF;
}
#step-word01.digital, #step-word02.digital, #step-word03.digital {
  color: #6953cf;
}
#step-stitle01.digital, #step-stitle02.digital, #step-stitle02-2.digital, #step-stitle02-3.digital, #step-stitle03.digital {
  color: #6953cf;
}
#step-stitle02.digital {
  color: #6953cf;
  font-size: 150%;
  padding: 15px;
  background-image: url("../images/member2023/line_step-content-title.gif");
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
}
.member-register-box.digital2 {
  padding: 0;
  overflow: hidden;
}
.digital-table-part-1 {
  padding: 20px 25px 15px;
  font-size: 100% !important;
  border-bottom: 1px solid #666666;
  background-image: none !important;
}
.digital-table-part-2 {
  padding: 25px 35px 30px;
  background-color: #3C6EE2;
}
.digital-table-part-2 > div {
  font-size: 90%;
  color: #FFF;
  font-weight: 600;
}
.digital-check {
  color: #fdd835;
}
.digital-check:hover {
  color: #ffff66;
  text-decoration: underline !important;
}
/*數位轉型註冊條約*/
#style-2::-webkit-scrollbar { /*這個必須要有以下才會生效*/
  width: 10px;
}
#style-2::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e6e6e6;
}
#style-2::-webkit-scrollbar-thumb {
  background-color: #8f86ff;
  border-radius: 10px;
}
.inside-register01-block.digital {
  background-image: url("../images/member2023/bg_register01-digital.png");
}
.p-indent1 {
  text-indent: -1em;
  margin-left: 1em;
}
.p-indent2 {
  text-indent: -2em;
  margin-left: 2em;
}
.p-indent3 {
  text-indent: -3em;
  margin-left: 3em;
}
.member-check-rule.digital {
  width: 100%;
  text-align: left;
}
.require-tag.digital {
  background-color: #695CFF;
}
.form-check-input.digital {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #fff;
  width: 1.5em !important;
  height: 1.5em !important;
  align-self: flex-start;
  margin: 5px;
}
.form-check-input.digital:checked[type=checkbox] {
  background-image: url(../images/member2023/photo-check.svg);
}
.digital-pin-input {
  margin-top: -5px !important;
  margin-bottom: 15px !important;
}
.agree-digital {
  margin-top: 5px;
}
.agree-digital > a {
  color: #3C6EE2;
  border-bottom: 1px solid #3C6EE2;
}
.agree-digital > a:hover {
  color: #0488DC;
  border-bottom: 1px solid #0488DC;
}
.member-next.digital {
  text-align: center;
}
.btn-member-back.digital {
  color: #4d4d4d;
  background-color: #fff;
}
.btn-member-back.digital:hover {
  color: #FFFFFF;
  background-color: #43b5b2;
}
.register-ok.digital {
  background-image: url(../images/member2023/bg_register-digital-ok.png);
}
.membership-data-box.info {
  font-size: 90%;
  color: #4d4d4d;
}
.how-item {
  font-size: 105%;
  color: #00498f;
  line-height: 200%;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.item-square {
  color: #fdd835;
  font-size: 150%;
  margin: 5px;
}
/*2025網站導覽*/
.inside-qa-block.map {
  background-image: url(../images/map2025/bg_map_block.gif);
}
.sitemap * > :before {
  content: attr(data-site);
  position: absolute;
  margin-left: -25px
}
.sitemap2 * > :before {
  content: attr(data-site2);
  position: absolute;
  margin-left: -35px
}
.sitemap2 .add {
  padding-left: 70px !important
}
.sitemap2 .add:before {
  margin-left: -46px !important
}
.sitemap3 * > :before {
  content: attr(data-site3);
  position: absolute;
  margin-left: -58px;
}
.sitemap3 {
  padding-left: 55px !important;
  font-weight: 600;
  font-size: 95%;
}
.sitemap3 :before {
  margin-left: -54px !important;
}
.sitemap a {
  padding-left: 20px
}
.sitemap3 a {
  color: #999
}
.sitemap .box {
  width: 100%;
  vertical-align: top;
  margin: 20px;
  background: rgba(230, 230, 230, 0.4);
  border-radius: 15px;
  padding-bottom: 15px;
  box-shadow: 2px 2px 5px 0 #00000020;
}
.sitemap .box > a, .sitemap .box > span {
  display: block;
  background-color: #007E94;
  line-height: 1.5;
  margin-bottom: 15px;
  padding: 10px 20px 10px 50px;
  color: #FFF;
  border-radius: 15px 15px 0 0;
}
.sitemap .box a {
  color: #FFF;
  text-decoration: underline !important;
}
.sitemap .box a:hover {
  color: #ffff99;
  text-decoration: none;
}
.sitemap .box > ul li a, .sitemap .box > ul li span {
  padding-left: 60px;
  margin-bottom: 5px;
  color: #333333;
  display: flex;
  padding-right: 10px
}
.sitemap .box > ul li span {
  color: #000;
}
.sitemap .box > ul li a:hover {
  color: #0470B4;
  text-decoration: none !important;
}
.sitemap .box > ul li ul a {
  padding-left: 90px;
  padding-right: 10px;
}
.list_style * > :before {
  content: attr(data-list);
  position: absolute;
  margin-left: -40px
}
.low_style * > :before {
  content: attr(data-low);
  position: absolute;
  margin-left: -80px
}
.listnone {
  list-style: none;
}
/*2025站內搜尋*/
.inside-movie-block.search {
  background-image: url("../images/search2025/bg_search_block.gif");
}
.search-block {
  width: 100%;
  max-width: 600px;
  margin: 1.5rem 0;
}
.search-block input {
  border-color: #CCCCCC;
  border-radius: 15px 0 0 15px !important;
  height: 48px;
}
.search-block .search-btn {
  font-size: 110%;
  color: #4d4d4d;
  font-weight: 700;
  background-color: #f7d959;
  padding: 8px 20px;
  text-align: center;
  border-radius: 40px;
  border: 1px solid #666666;
  outline: 0;
  box-shadow: 4px 4px 2px 0 #18345e20;
  margin-left: 0 !important;
  transition: all .4s ease;
}
.search-block .search-btn i {
  margin-right: 0.5rem;
}
.search-block .search-btn:hover {
  color: #FFFFFF;
  background-color: #43b5b2;
}
.search-result-box {
  margin: 25px;
  color: #000;
  font-weight: 500;
}
.search-result-box .title {
  font-size: 120%;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.search-result-box .title a {
  color: #143FAE;
  text-decoration: none !important;
}
.search-result-box .title a:hover {
  color: #008299;
}
.search-result-box .url {
  font-size: 95%;
  margin-bottom: 0.25rem;
}
.search-result-box .detail {
  font-size: 95%;
  margin-bottom: 3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: hidden;
  -webkit-line-clamp: 2;
}
/*2025 驅動計畫*/
/*申請資格*/
.project-plan101-block.y114 {
  background-image: url(../images/project2025/photo-no1-right.png);
  background-color: #e8f7f5;
}
.no1-step-box.y114 {
  width: 30%;
}
.no1-step-box.y114 > div:nth-child(2) {
  height: 80px;
}
.no-item-title.y114 > div:nth-child(2) {
  color: #007B80;
  border-left: 3px solid #41A9A5;
}
.note-75per {
  font-size: 75%;
}
.note-60per {
  font-size: 60%;
}
/*資格項目調整*/
.no1-step-box.y114 > div:nth-child(2) {
  background-color: #008570;
}
.project-2025-n1 .project-n1-box {
  color: #666;
  height: 200px;
  font-size: 90%;
  line-height: 150%;
}
.project-2025-n1 .project-n1-box, .project-2025-n1 #n1-05-y113, .project-2025-n1 #n1-06-y113 {
  width: unset;
}
.project-2025-n1 #n1-00-y113 {
  background-image: url(../images/project2025/photo_in1-00.svg);
}
.project-2025-n1 #n1-01-y113 {
  background-image: url(../images/project2025/photo_in1-01.svg);
}
.project-2025-n1 #n1-02-y113 {
  background-image: url(../images/project2025/photo_in1-02.svg);
}
.project-2025-n1 #n1-03-y113 {
  background-image: url(../images/project2025/photo_in1-03.svg);
}
.project-2025-n1 #n1-04-y113 {
  background-image: url(../images/project2025/photo_in1-04.svg);
}
.project-2025-n1 #n1-05-y113 {
  background-image: url(../images/project2025/photo_in1-05.svg);
}
.project-2025-n1 #n1-06-y113 {
  background-image: url(../images/project2025/photo_in1-06.svg);
}
.project-2025-n1 #n1-06-y113 > div {
  width: 65%;
  margin: auto 0;
}
.project-2025-n1 .project-n1-box:before {
  background-color: #6CC6C3;
  border: 1px solid #666666;
}
.project-photo.drive {
  padding: 25px 5% 25px 0;
}
/*輔導重點*/
.project-plan103-block.y114 {
  margin: 0 auto;
  padding: 80px 0 100px;
  background-image: url(../images/project2025/bg_project_block3.png);
  background-color: #fafafa;
}
.project-plan-content.no3.y114 {
  margin-left: unset;
}
.it-ability-box {
  margin: 10px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #4d4d4d;
  background-color: #FFF;
  box-shadow: 7px 7px 1px 0 rgba(143, 143, 143, .2);
}
.it-ability-box .title {
  padding: 8px 0;
  text-align: center;
  font-size: 110%;
  color: #FFF;
  background-color: #008570;
  display: flex;
  justify-content: center;
  align-items: center;
}
.it-ability-box .content {
  padding: 5px 15px;
  font-size: 90%;
  color: #666666;
  min-height: 135px;
}
.counseling-box {
  position: relative;
  border-radius: 13px;
  color: #666666;
  border: 1px solid #666666;
  padding: 10px 6px;
  background-repeat: no-repeat;
  margin: 8px 10px;
  background-color: #fff;
  line-height: 125%;
  box-shadow: 7px 7px 0 0 rgba(56, 157, 235, .23);
}
.counseling-box:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #6CC6C3;
  border: 1px solid #666666;
  top: 10px;
  right: 10px;
}
.counseling-box .photo {
  padding-bottom: 40%;
  background-size: auto 95%;
  background-position: center center;
  background-repeat: no-repeat;
}
.counseling-box .title {
  color: #008570;
  font-size: 110%;
  padding: 5px;
  text-align: center;
}
.counseling-box .content {
  font-size: 90%;
  padding: 5px;
}
.accordion-item.project.y114 {
  border: 1.5px solid #008570;
  box-shadow: 10px 10px 0 0 #00857030;
  background-color: #FFFFFF;
}
.accordion-body.project.y114 {
  border-top: 1.5px solid #00857030;
}
.accordion-drive-stitle {
  background-color: #008570;
  color: #FFF;
  padding: 5px 25px;
  border-radius: 28px;
  width: fit-content;
  margin-bottom: 1rem;
}
.accordion-drive-stitle-note {
  font-size: 60%;
  margin-left: 1rem;
}
.accordion-body.project.y114 {
  border-top: 1.5px solid #008570;
}
.accordion-button.project.drive.y113::after {
  display: none;
}
.accordion-button-title.drive {
  font-size: 135%;
  color: #00498f;
  margin: 20px 0 15px;
}
.accordion-body.project.drive {
  background-color: #ffffff;
  padding: 15px;
}
.accordion-intro {
  font-size: 110%;
  color: #008085;
  line-height: 175%;
}
.accordion-content {
  font-size: 100% !important;
  margin-top: 25px;
  line-height: 175%;
}
.table-kpi-drive {
  color: #666666 !important;
  font-size: 90%;
}
.table-kpi-drive.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #666666 !important;
}
.accordion-box {
  margin: 15px;
  border-radius: 15px;
  border: 1px solid #00000050;
  overflow: hidden;
  box-shadow: 6px 6px 0 0 #00000010;
}
.accordion-box .title {
  text-align: center;
  font-size: 110%;
  color: #222;
  padding: 8px;
  background-color: #d1e7dd;
}
.accordion-box .content {
  font-size: 90%;
  color: #666666;
  padding: 5px 15px;
  line-height: 150%;
}
/*計畫申請*/
.project-plan104-block.y114 {
  background-image: url(../images/project2025/bg_no4_dot.svg);
  background-color: #008570;
}
.tag-no02-yellow {
  color: #FFFFFF;
  border-bottom: 1px solid #fce263;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
/*遴選審查*/
.project-plan105-block.y114 {
  position: relative;
  padding: 40px 0 20px;
  background-image: url(../images/project2025/photo-no5-left.png);
  background-position: 105% 90%;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #fafafa;
}
.project-plan105-2-block.y114 {
  background-color: #008570;
}
.project-plan105-3-block.y114 {
  background-image: url(../images/index2025/bg_long-area.jpg);
}
.project-plan105-4-block.y114 {
  background-image: url(../images/project2025/bg_no5-4.jpg);
  background-position: top center;
  background-size: auto;
  background-repeat: repeat;
  padding: 40px 0;
}
/*審查表標題*/
.project-no5-title.y114 {
  background-color: #f7d959;
  color: #4d4d4d;
  text-shadow: none;
}
.project-no5-th.y114 {
  color: #008570;
}
.project-no5-th.y114 .no5-col-3 {
  flex: 0 0 20%;
}
.project-no5-th.y114 .no5-col-4 {
  flex: 0 0 68%;
}
.project-no5-th.y114 .no5-col-5 {
  flex: 0 0 12%;
}
/*審查表內容*/
.project-no5-row.y114 {}
.project-no5-row.y114 .no5-col-3.th {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #007B80;
}
.project-no5-row.y114 .no5-col-3.th img {
  width: 120px;
}
.project-no5-row.y114 .no5-col-4.th {
  flex: 0 0 68%;
}
.project-no5-row.y114 .no5-col-5.th {
  flex: 0 0 12%;
  color: #007B80;
}
.project-no5-box-content-y114 > div:nth-child(1) img {
  width: 92%;
}
.project-no5-box-content-y114 > div:nth-child(3) {
  margin-top: auto;
  margin-bottom: -80px;
}
/*其他注意事項*/
.project-plan106-block.y114 {
  background-color: #fafafa;
  background-image: url(../images/project2025/bg_block106.png);
  background-position: bottom left;
  background-size: auto;
  background-repeat: no-repeat;
}
.btn-project-apply.y114 {
  background-color: #008570;
}
.btn-project-apply.y114:hover {
  background-color: #f7d959;
  color: #4d4d4d;
}
.btn-project-apply.y114.sm {
  font-size: 150%;
  padding: 10px 40px;
  letter-spacing: 0.25rem;
  max-width: 320px;
}
/*開始RWD其他設置**********************************************************************************************************************************************/
/************************************************************************************************************************************************************/
@media only screen and (max-width: 1599.98px) {}
@media only screen and (max-width: 1399.98px) {
  .step-group {
    padding-right: 0;
    margin-top: -110px;
  }
  .survay-process {
    width: 590px;
  }
  .result-score {
    width: 18vw;
    height: 18vw;
    font-size: 300%;
  }
  .project-plan105-block.y113 {
    padding: 40px 0 20px;
    background-image: url("../images/project2024/photo-no5-left.png");
    background-position: -7% 90%;
    background-size: 225px;
    und-color: #E5ECFF;
  }
}
@media only screen and (max-width: 1199.98px) {
  .inside-list-download {
    font-size: 75%;
  }
  /*計畫說明*/
  .project-plan101-2-block {
    padding-left: 0;
  }
  .no05-left-photo {
    width: 280px;
    bottom: 0;
    left: -15%;
  }
  .no05-right-photo {
    top: 5%;
    right: 10%;
  }
  .project-no5-box > .content {
    height: 150px;
  }
  .accordion-button.project {
    padding-bottom: 30px;
  }
  .accordion-button.project::after {
    bottom: 5px;
    width: 40px;
    height: 40px;
  }
  .accordion-body.project {
    padding: 15px;
  }
  .arrow-project-prev {
    right: 40px;
    top: -40px;
  }
  .arrow-project-next {
    right: 0;
    top: -40px;
  }
  .arrow-project-prev img, .arrow-project-next img {
    width: 30px;
  }
  /*計畫說明：雲端解決方案*/
  /*1/3*/
  #c1-1-01 {
    flex: 1 1 20%;
    background-size: auto 100px;
    background-position: center 20px;
    padding-bottom: 20px;
  }
  #c1-1-02 {
    flex: 1 1 50%;
    background-size: auto;
    background-position: center 5px;
    padding-bottom: 20px;
  }
  #c1-1-03 {
    flex: 1 1 20%;
    background-size: auto 110px;
    background-position: center 20px;
    text-align: center;
  }
  #c1-1-04 {
    flex: 1 1 18%;
    background-size: auto 90px;
    background-position: center 20px;
    padding-bottom: 20px;
  }
  #c1-1-05 {
    flex: 1 1 18%;
    background-size: auto 100px;
    background-position: center 20px;
    padding-bottom: 20px;
  }
  #c1-1-06 {
    flex: 1 1 22%;
    background-size: auto 90px;
    background-position: center 20px;
  }
  #c1-1-07 {
    flex: 1 1 22%;
    background-size: auto 100px;
    padding-bottom: 10px;
  }
  #c1-1-08 {
    flex: 0 1 28%;
  }
  #c1-1-09 {
    flex: 0 1 28%;
    background-position: center 20px;
    background-size: auto 100px;
  }
  #c1-1-10 {
    flex: 0 1 23%;
    background-size: auto 100px;
    padding-bottom: 10px;
  }
  #c1-1-11 {
    background-size: auto 90px;
    flex: 1 1 40%;
  }
  #c1-1-12 {
    flex: 1 1 40%;
    background-size: 140px auto;
  }
  /*另外十個條件*/
  #c1-2-01 {
    flex-direction: row-reverse;
    flex: 1 1 52%;
    background-size: auto 110px;
    background-position: 10px center;
    height: 140px;
  }
  #c1-2-01 > div {
    width: 65%;
    margin: auto 0;
  }
  #c1-2-02 {
    flex-direction: row-reverse;
    flex: 1 1 42%;
    background-size: auto 120px;
    background-position: 5px center;
    height: 140px;
  }
  #c1-2-02 > div {
    width: 55%;
    margin: auto 0;
  }
  #c1-2-03 {
    flex: 1 1 28%;
    background-size: auto 120px;
    background-position: center 10px;
    text-align: center;
  }
  #c1-2-07 {
    flex: 1 1 31%;
    background-size: auto 115px;
    background-position: center 5px;
    padding-bottom: 20px;
  }
  #c1-2-10 { /*114年調整*/
    flex: 1 1 36%;
    background-size: auto 115px;
    background-position: center 10px;
  }
  #c1-2-11 {
    flex-direction: row-reverse;
    flex: 1 1 52%;
    background-size: auto 110px;
    background-position: 10px center;
    height: auto;
  }
  #c1-2-11 > div {
    width: 75%;
    margin: auto 0;
    padding-right: 20px;
  }
  #c1-2-12 { /*114年調整*/
    flex: 1 1 25%;
    background-size: auto 115px;
    background-position: center 10px;
  }
  /*2/3*/
  .c02-1-photo {
    margin-right: 20%;
  }
  .tag-c22-notice {
    font-size: 200%;
  }
  /*雲端方案*/
  .inside-service-price > div {
    width: 48%;
  }
  .inside-service-note > div {
    width: 48%;
  }
  .price-set > div:nth-child(1) {
    font-size: 100%;
  }
  .price-set > div:nth-child(2) {
    font-size: 200%;
  }
  .price-set > div:nth-child(3) {
    font-size: 90%;
  }
  .btn-price-order {
    font-size: 130%;
  }
  .price-order-email {
    font-size: 100%;
  }
  .price-order-email > img {
    width: 30px;
  }
  /*轉型量表*/
  .enter-survay-content {
    margin-bottom: 20px;
  }
  .survay-ring-photo01 {
    right: -10%;
    bottom: 30%;
  }
  .survay-ring-photo02 {
    width: 20%;
    left: -8%;
  }
  .survay-report-title-box {
    border-radius: 30px 30px 0 0;
    padding-top: 25px;
    box-shadow: 15px 8px 0 0 rgba(52, 130, 163, .44);
  }
  .survay-report-title-box > .stitle {
    flex: 0 0 35%;
    text-align: center;
    font-size: 200%;
    color: #FFF;
  }
  .survay-report-title-box > .result {
    flex: 0 0 55%;
    text-align: center;
    font-size: 250%;
    color: #ffef7a;
  }
  .survay-report-box {
    box-shadow: 15px 10px 0 0 rgba(52, 130, 163, .44);
  }
  .result-score {
    width: 150px;
    height: 150px;
    font-size: 280%;
    padding: 20px;
    text-align: center;
  }
  /*雲端方案*/
  .stitle-service-group {
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  #ser01.service-search-btn {
    background-position: 11% center;
  }
  /*會員相關*/
  .member-check-rule {
    width: 100%;
    text-align: left;
    display: flex;
  }
  .member-data-box.forget {
    margin-top: -40px;
  }
  .data-input > div > label {
    flex: 1 1 35%;
  }
  .data-input > div > input {
    flex: 1 0 40%;
  }
  .project-plan101-block {
    margin: -30px auto 10px;
    background-image: url("../images/project2023/photo-no5-left.png");
    background-position: right 20vh;
    background-size: 24vw;
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 1070.98px) and (min-width: 991.99px) {
  .result-summary > div:nth-child(3) {
    padding: 0 0 0 10px;
    font-size: 90%;
  }
}
@media only screen and (max-width: 991.98px) {
  .list-block > div:nth-child(1) {
    padding: 10px 5px;
  }
  .list-block > div:nth-child(3) {
    padding: 15px;
    font-size: 100%;
  }
  .inside-more-group {
    width: 100%;
    padding: 20px 15px;
    margin: auto;
    border-radius: 20px;
  }
  /*計畫說明*/
  .project-plan-content.co1 {
    margin-left: 0;
  }
  .project-no5-box > .content {
    height: 110px;
  }
  .no1-step-box {
    width: 100%;
  }
  .no1-step-arrow > img {
    margin: 5px;
    width: 20px;
  }
  .no1-step-box > div:nth-child(2) {
    height: 80px;
  }
  /*計畫說明：雲端解決方案*/
  /*1/3*/
  #c1-1-01 {
    flex: 1 1 32%;
  }
  #c1-1-02 {
    flex: 1 1 52%;
  }
  #c1-1-03 {
    flex: 1 1 30%;
  }
  #c1-1-04 {
    flex: 1 1 30%;
  }
  #c1-1-05 {
    flex: 1 1 30%;
  }
  #c1-1-06 {
    flex: 1 1 30%;
  }
  #c1-1-07 {
    flex: 1 1 30%;
  }
  #c1-1-08 {
    flex: 1 1 30%;
    background-size: auto 110px;
  }
  #c1-1-09 {
    flex: 0 1 35%;
  }
  #c1-1-10 {
    flex: 0 1 35%;
  }
  #c1-1-11 {
    flex: 1 1 45%;
    background-size: auto 90px;
  }
  #c1-1-12 {
    flex-direction: column-reverse;
    flex: 1 1 45%;
    background-position: center 0;
    background-size: auto 90px;
  }
  #c1-1-12 > div {
    width: 100%;
    margin: 10px;
  }
  /*計畫說明-雲端解決方案*/
  #c1-2-01 {
    flex-direction: row-reverse;
    flex: 1 1 100%;
    background-size: auto 130px;
    background-position: 10px center;
    height: 180px;
  }
  #c1-2-01 > div {
    width: 65%;
    margin: auto 0;
  }
  #c1-2-02 {
    flex-direction: column-reverse;
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 10px;
    ;
    height: 180px;
  }
  #c1-2-02 > div {
    width: 100%;
    margin: 0 0;
    text-align: center;
  }
  #c1-2-03 {
    flex: 1 1 50%;
    background-size: auto 120px;
    background-position: center 10px;
    text-align: center;
  }
  #c1-2-04 {
    flex-direction: row-reverse;
    flex: 1 1 63%;
    background-image: url("../images/project2023/photo_co1-08-sm.png");
    background-size: auto 100px;
    background-position: 15px center;
  }
  #c1-2-04 > div {
    width: 55%;
    margin: auto 0;
  }
  #c1-2-05 {
    flex: 1 1 31%;
    background-size: auto 115px;
    background-position: center 0;
    text-align: center;
    padding-bottom: 20px;
  }
  #c1-2-06 {
    flex: 1 1 31%;
    background-size: auto 105px;
    background-position: center 15px;
  }
  #c1-2-07 {
    flex: 1 1 31%;
    background-size: auto 100px;
    background-position: center 5px;
    padding-bottom: 20px;
  }
  #c1-2-08 {
    flex: 1 1 31%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  #c1-2-09 {
    flex: 1 1 31%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  #c1-2-10 {
    flex: 1 1 31%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  /*2/3*/
  .project-plan202-block {
    padding: 120px 0 150px;
    background-image: none;
  }
  .c02-stitle {
    width: fit-content;
    font-size: 150%;
    padding: 10px 35px;
    color: #FFF;
    border-radius: 30px;
    background-color: #708efc;
    border: 1px solid #666666;
    margin: 25px;
  }
  .c02-1-photo {
    margin-right: 0;
    position: absolute;
    width: 25vw;
    right: 5%;
    top: 10vw;
  }
  .project-c22-box {
    margin: 20px 10px;
    height: auto;
  }
  #c22-1.project-c22-box {
    padding-bottom: 10%;
    text-align: center;
  }
  .tag-c22-notice {
    font-size: 175%;
  }
  /*雲端方案*/
  .inside-service-price > div {
    width: 40%;
  }
  .inside-service-note > div {
    width: 40%;
  }
  .inside-title.project {}
  .inside-title.project > div:nth-child(2) {
    width: 100%;
  }
  .inside-title.project > .content {
    width: 100%;
  }
  .project-photo {
    padding: 0 25vw;
    text-align: center;
  }
  .project-items > div:nth-child(3) {
    height: 215px;
  }
  /*雲端方案*/
  .service-price-group {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }
  .service-price-group > div {
    margin-bottom: 30px;
    margin-right: 30px;
    width: 33%;
  }
  /*計畫說明*/
  .project-photo {
    padding: 25px;
  }
  .project-intro-box-block {
    background-image: none;
    padding: 0;
  }
  .project-items > div:nth-child(3) {
    height: auto;
    padding: 5px 0 10px;
  }
  .project-items:nth-child(2) {
    border-left: 0;
    border-top: 1px solid #cccccc;
  }
  .project-items {
    padding: 5%;
    margin: 0;
  }
  #ser01.service-search-btn, #ser02.service-search-btn, #ser03.service-search-btn, #ser04.service-search-btn, #ser05.service-search-btn, #ser06.service-search-btn {
    background-position: 11% center;
  }
  /*最新消息核定名單*/
  .news-list-line .inside-news-box-photo2 {
    flex: 0 0 32.5%;
    height: 132px;
  }
  /*轉型量表*/
  .agreement-clip-photo {
    text-align: center;
    width: 100%;
    top: -76px;
    z-index: 2;
  }
  .agreement-clip-photo > img {
    width: 200px;
    margin: 0 auto;
  }
  .agreement-pen-photo {
    width: 200px;
    top: -87px;
    right: -15px;
    z-index: 2;
  }
  /*檔案下載*/
  .download-table-tr > div.icon > a > img {
    width: 50px;
    margin: 0 5px;
  }
  /*轉型全攻略*/
  /*轉型案例*/
  .tran-case-btn {
    font-size: 110%;
    color: #666666;
    letter-spacing: 0;
    padding: 15px 20px 15px 5px;
    margin-right: 25px;
    font-weight: 700;
    border: 0;
    background-color: transparent;
    transition: all .4s;
  }
  /*Q&A*/
  .qa-menu-stitle {
    display: flex;
    flex-direction: column;
  }
  .qa-menu-stitle > div:last-child {
    width: fit-content;
    margin-left: auto;
    margin-top: 15px;
  }
  /*轉型量表*/
  .enter-survay-block {
    background-image: url(../images/survay2023/bg_survay-enter-md.png);
    background-position: center right;
    background-size: auto 75%;
  }
  .enter-surva-box {
    padding: 5% 14% 0 2.5%;
  }
  .survay-ring-photo01 {
    width: 40%;
    right: -20%;
    bottom: 35%;
  }
  .survay-ring-photo02 {
    display: none;
  }
  .enter-survay-content {
    margin-bottom: 0;
  }
  .inside-survay-block {
    background-image: url(../images/survay2023/bg_survay_block-sm.gif);
  }
  .industry-next {
    margin-top: 20px;
  }
  .survay-step-content-area {
    background-size: cover;
    border-radius: 0;
  }
  .question-title {
    padding: 30px 0 0 3.5em;
  }
  .result-score {
    width: 150px;
    height: 150px;
    font-size: 280%;
    padding: 20px;
    text-align: center;
  }
  .report-summary {
    display: flex;
    flex-direction: column;
    margin: 0 8% 30px;
  }
  .result-summary {
    flex: 0 0 100%;
    padding: 20px 0;
  }
  .result-industry {
    width: 60px;
    left: -25px;
    top: 5%;
    border-radius: 20px;
    padding: 25px 10px;
    font-size: 150%;
  }
  /*會員相關*/
  .inside-register01-block, .inside-register02-block, .inside-register03-block, .inside-register01-block.digital, .inside-register02-block.digital {
    padding: 125px 0 100px;
    background-image: none;
  }
  .inside-member-plan-title {
    font-size: 180%;
  }
}
@media only screen and (max-width: 859.98px) {
  #c1-1-11 {
    background-size: auto 75px;
  }
}
@media only screen and (max-width: 767.98px) {
  .breadcrumb {
    background-color: #ffffff80;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 10px;
  }
  .inside-content-title {
    font-size: 150%;
  }
  .list-block > div:nth-child(1) {
    padding: 0;
  }
  /*最新消息核定名單*/
  .news-list-line {
    flex-wrap: wrap;
  }
  .news-list-line .inside-news-box-photo2 {
    flex: 0 0 100%;
    height: auto;
    margin: 0;
    padding-bottom: 55% !important;
  }
  .news-list-line .inside-list-date {
    flex: 0 0 25%;
    margin: 15px;
  }
  .news-list-line .inside-list-title {
    flex: 1 1 60%;
  }
  /*計畫說明*/
  .project-items {
    padding: 15px 0;
  }
  .project-items > div:first-child {
    font-size: 175%;
    padding: 10px 0;
  }
  .project-plan-content {
    padding: 0 15px;
  }
  .project-intro-box {
    border-radius: 20px;
    padding: 15px;
    box-shadow: 7px 8px 2px 0 rgba(0, 0, 0, .15);
  }
  /*各項目共同數字、主副標*/
  .no-item-no > img {
    width: 120px;
    margin-right: 10px;
  }
  .no-item-title > div:first-child {
    color: #00498f;
    font-size: 175%;
    margin-top: 12%;
  }
  .no-item-title > div:nth-child(2) {
    color: #389deb;
    font-size: 125%;
    padding: 5px 5px 5px 20px;
    border-left: 3px solid #389deb;
    margin: 30px 0;
  }
  /*計畫說明-數位轉型補助*/
  .project-plan-intro {
    padding-right: 0;
  }
  .project-plan-photo {
    padding: 15px 15%;
  }
  /*1/6*/
  .item-no1-step-group {
    flex-direction: column;
  }
  .no1-step-box {
    width: 60%;
    margin: auto;
  }
  .no1-step-arrow {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .no1-step-arrow > img {
    margin: 5px;
    width: 30px;
    transform: rotate(90deg);
  }
  /*2/6*/
  .project-plan102-photo {
    position: absolute;
    width: 18vw;
    left: 75%;
    top: -75px;
  }
  /*3/6*/
  .project-plan-content.no3 {
    margin-left: 0;
  }
  .accordion-button.project {
    padding-bottom: 5px !important;
  }
  .accordion-button.project::after {
    left: 47%;
  }
  .accordion-body-item-photo {
    flex: 1 0 20%;
  }
  .accordion-body-item-content {
    flex: 1 1 80%;
  }
  /*4/6*/
  .project-plan-content.no4 {
    margin-left: 0;
  }
  /*5/6*/
  .project-plan105-block.y113 {
    background-image: none;
  }
  .project-plan-content.no5 {
    margin-left: 0;
  }
  .no05-left-photo {
    display: none;
  }
  .project-no5-row > .no5-col-3 {
    font-size: 100%;
  }
  .no5-col-1 {
    flex: 0 0 2%;
    padding: 0 !important;
    border: 0 !important;
  }
  .no5-col-2 {
    flex: 0 0 20%;
  }
  .no5-col-3 {
    flex: 0 0 15%;
  }
  .no5-col-4 {
    flex: 0 0 50%;
  }
  .no5-col-5 {
    flex: 0 0 13%;
  }
  .project-no5-row > .no5-col-5 {
    font-size: 125%;
  }
  /*計畫說明-雲端解決方案*/
  /*1/3*/
  .project-c0-box > .note {
    border-radius: 13px 0 0 13px;
  }
  #c1-1-02 {
    background-size: auto 90px;
    background-position: center 5px;
    padding-bottom: 20px;
  }
  #c1-1-06 {
    flex: 1 1 35%;
  }
  #c1-1-07 {
    flex: 1 1 35%;
  }
  #c1-1-08 {
    background-size: auto 100px;
    flex: 1 1 30%;
  }
  #c1-1-09 {
    background-size: auto 90px;
    flex: 1 1 30%;
  }
  #c1-1-10 {
    flex: 1 1 30%;
  }
  #c1-1-11 {
    flex: 1 1 90%;
    background-size: auto 110px;
    background-image: url("../images/project2023/photo_co1-11-sm.png");
  }
  #c1-1-12 {
    flex: 1 1 90%;
    background-size: auto 110px;
  }
  #c1-2-11 > div {
    width: 65%;
    margin: auto 0;
    padding-right: 20px;
  }
  /*2/3*/
  .project-c22-box {
    height: auto;
  }
  #c22-1 {
    margin-right: 0;
  }
  .c022-box-stitle {
    margin: -75px auto 20px 15px;
  }
  /*雲端方案*/
  .inside-service-price > div {
    width: 50%;
  }
  .inside-service-note > div {
    width: 50%;
  }
  .menu-block.service {
    padding: 20px 0 20px 0;
    background-image: none;
  }
  .inside-service-area {
    background-size: cover;
  }
  .service-block {
    margin: 0;
  }
  .service-search-box {
    padding: 15px;
    margin: 0 0 30px;
  }
  .service-search-box-industy {
    margin: 0 0 10px;
  }
  .inside-service-content-title {
    font-size: 175%;
  }
  .service-price-group {
    flex-wrap: wrap;
  }
  .service-price-group > div {
    margin-bottom: 15px;
    margin-right: 0;
    flex: 0 0 auto;
    width: 45%;
  }
  .project-content-subject.price {
    font-size: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .inside-service-stitle.price {
    font-size: 100%;
    width: 100%;
  }
  .btn-price-order.sm {
    margin: 0 auto 15px;
  }
  /*檔案下載*/
  .inside-download-block {
    background-size: 170%;
  }
  .download-table-th > div {
    font-size: 90%;
    padding: 5px 0;
  }
  .download-table-th > div.title {
    border-bottom: 1px solid #ffffff50;
  }
  .download-table-tr > div {
    font-size: 90%;
  }
  .download-table-tr > div {
    min-height: 65px;
  }
  /*轉型全攻略*/
  /*轉型案例*/
  .inside-case-block {
    background-size: 200%;
  }
  .tran-case-btn {
    font-size: 100%;
    letter-spacing: 0;
    padding: 15px 10px;
    margin-right: 0;
  }
  .case-list-block {
    margin: 15px 0 25px;
  }
  .case-content > .title {
    font-size: 140%;
    padding: 5px 10px 5px 30px !important;
    height: auto;
  }
  .case-content > .intro {
    height: auto;
  }
  .case-list-block > div {
    padding: 0;
  }
  .case-content-title {
    font-size: 150%;
  }
  .inside-lazy-block {
    background-size: 200%;
  }
  .lazy-content-box {
    border-radius: 15px;
  }
  /*影音專區*/
  .inside-movie-block {
    background-size: 200%;
  }
  /*Q&A*/
  .inside-qa-block {
    background-size: 200%;
  }
  .inside-qa-stitle {
    font-size: 150%;
  }
  .accordion-item.qa {
    border-radius: 10px;
    font-size: 110%;
    box-shadow: 6px 6px 0 0 #cccccc;
  }
  .accordion-button.qa {
    font-size: 1.25rem !important;
    padding-left: 60px;
  }
  .accordion-body.qa {
    padding: 20px 20px 20px 60px;
    font-size: 1.25rem !important;
  }
  .accordion-button.qa::before {
    width: 40px;
    height: 40px;
    background-image: url("../images/qa2023/icon-q.svg");
    left: 10px;
  }
  .accordion-body.qa::before {
    width: 40px;
    height: 40px;
    left: 10px;
  }
  .accordion-button::after {
    width: 40px;
    height: 40px;
  }
  /*轉型量表*/
  .enter-survay-block {
    background-image: url(../images/survay2023/bg_survay-enter-sm.png);
    background-position: bottom right;
    background-size: auto 75%;
  }
  .survay-agreement-box {
    margin-top: 30px;
  }
  .agreement-clip-photo {
    text-align: center;
    width: 100%;
    top: -46px;
    z-index: 2;
  }
  .agreement-clip-photo > img {
    width: 120px;
    margin: 0 auto;
  }
  .agreement-pen-photo {
    width: 140px;
    top: -61px;
    right: -15px;
    z-index: 2;
  }
  .step-group {
    margin-top: 0;
    justify-content: center;
    margin: 0;
  }
  .survay-step-cycle {
    width: 100px;
  }
  .survay-process {
    width: 100%;
    margin: 0;
  }
  .survay-process#s-process01 {
    background: linear-gradient(to right, var(--main-greenblue-color) 0, var(--main-greenblue-color) 17%, #fff 17.1%, #fff 31%, #fff 31.1%, #fff 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
  }
  .survay-process#s-process02 {
    background: linear-gradient(to right, #70c3cd 0, #70c3cd 17%, var(--main-greenblue-color) 17.1%, var(--main-greenblue-color) 31%, #fff 31.1%, #fff 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
  }
  .survay-process#s-process03 {
    background: linear-gradient(to right, #70c3cd 0, #70c3cd 17%, #70c3cd 17.1%, #70c3cd 31%, var(--main-greenblue-color) 31.1%, var(--main-greenblue-color) 45%, #fff 45.1%, #fff 61%, #fff 61.1%, #fff 78%, #fff 78.1%, #fff 100%)
  }
  .survay-process#s-process04 {
    background: linear-gradient(to right, #70c3cd 0, #70c3cd 17%, #70c3cd 17.1%, #70c3cd 31%, #70c3cd 31.1%, #70c3cd 45%, var(--main-greenblue-color) 45.1%, var(--main-greenblue-color) 64%, #fff 64.1%, #fff 78%, #fff 78.1%, #fff 100%)
  }
  .survay-process#s-process05 {
    background: linear-gradient(to right, #70c3cd 0, #70c3cd 17%, #70c3cd 17.1%, #70c3cd 31%, #70c3cd 31.1%, #70c3cd 45%, #70c3cd 45.1%, #70c3cd 64%, var(--main-greenblue-color) 64.1%, var(--main-greenblue-color) 83%, #fff 83.1%, #fff 100%)
  }
  .step-words {
    font-size: 80%;
  }
  .question-items {
    display: flex;
    flex-direction: column;
  }
  .btn.question-btn {
    width: 100%;
    margin: 6px;
    padding: 5px 20px;
  }
  .survay-report-title-box {
    flex-direction: column;
  }
  .survay-report-title-box > .stitle {
    flex: 0 0 100%;
    text-align: left;
    font-size: 125%;
    color: #FFF;
    padding: 0 15px;
  }
  .survay-report-title-box > .result {
    flex: 0 0 100%;
    text-align: center;
    font-size: 175%;
    color: #ffef7a;
    ;
    padding: 0 15px;
  }
  .survay-report-title-box > .belt-bottom {
    flex: 0 0 100%;
    margin-top: 25px;
    margin-bottom: 0;
    height: 20px;
    border-top: 10px solid #3482a3;
  }
  .result-industry {
    position: static;
    width: 50%;
    border-radius: 20px;
    padding: 15px;
    font-size: 150%;
    margin: 25px 15px;
    border: 0;
    box-shadow: 8px 8px 0 0 rgba(52, 130, 163, .44);
  }
  .report-score-line {
    flex-direction: column;
    margin-bottom: 25px;
    align-items: flex-start;
    margin-top: 30px;
  }
  /*會員相關*/
  .register-title {
    color: #1c488b;
    font-size: 175%;
    padding: 0 2px 15px;
  }
  .register-step-box {
    width: 100%;
    padding: 25px 15px;
    border-radius: 0 0 15px 15px;
    background-color: #FFFFFF;
    border-top: 2px solid #1c488b;
    display: flex;
    margin-bottom: 25px;
  }
  .step-block {
    flex: 1 1 33%;
    flex-direction: column-reverse;
  }
  .step-bar-bg {
    margin: 0;
    width: 100%;
    height: 10px;
  }
  #step01 {
    border-radius: 20px 0 0 20px;
  }
  #step02 {}
  #step03 {
    border-radius: 0 20px 20px 0;
  }
  #step01 > .active, #step02 > .active, #step03 > .active {
    width: 100%;
    height: 10px;
  }
  .register-process {
    display: none;
  }
  .membership-content-block {
    padding: 25px;
    background-image: none;
  }
  .member-data-photo {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #00000020;
  }
  /*會員訂單*/
  .member-order-titile {
    display: none;
  }
  .member-order-item {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    color: #4d4d4d;
    margin: 0;
    border-bottom: 1px solid #cbcbcb;
  }
  .member-order-item > div {
    text-align: left !important;
    flex: 0 0 100% !important;
    padding: 10px 0 10px 5em;
    border-left: 0 !important;
  }
  .member-order-item > div::before {
    position: absolute;
    left: 10px;
  }
  .member-order-item > div:nth-child(1):before {
    content: "訂單編號：";
  }
  .member-order-item > div:nth-child(2):before {
    content: "採購方案：";
  }
  .member-order-item > div:nth-child(3):before {
    content: "供應商：";
  }
  .member-order-item > div:nth-child(4):before {
    content: "更新時間：";
  }
  .member-order-item > div:nth-child(5):before {
    content: "訂單狀態：";
  }
  .member-order-item > div:nth-child(6) {
    padding: 10px;
    text-align: center !important;
  }
  .btn-order-detail {
    width: 80%;
    letter-spacing: 5px;
  }
  .btn-order-detail > i {
    display: none;
  }
  .btn-order-close {
    right: 3%;
    bottom: 3%;
    width: 40px;
  }
  .member-order-detail {
    position: relative;
    padding: 15px 35px;
    background-color: #059ace10;
    color: #4d4d4d;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .member-order-detail > div:first-child {
    margin-bottom: 15px;
  }
  .member-order-detail > div:nth-child(2), .member-order-detail > div:nth-child(3) {
    flex: 0 0 100%;
    padding: 0;
  }
  .order-no {
    padding-bottom: 0;
  }
  /*忘記密碼*/
  .membership-content-block.password {
    padding: 0;
  }
  .password-input > div > label {
    flex: 1 0 25%;
    text-align: start;
    padding-right: 10px;
  }
  .password-input > div > input {
    flex: 0 1 80%;
  }
  .password-input > div:first-child > input {
    flex: 0 1 80%;
  }
  .data-input > div > label {
    flex: 1 0 35%;
  }
  .data-input > div > input {
    flex: 0 1 65%;
  }
  /*2025計畫介紹*/
  .it-ability-box .content {
    min-height: auto;
  }
  /*2025網站導覽*/
  .sitemap .box {
    vertical-align: top;
    margin: 15px;
    border-radius: 15px;
    padding-bottom: 20px;
  }
}
/*******************************************************************************************


行動版面開始


********************************************************************************************/
@media only screen and (max-width: 575.98px) {
  .breadcrumb {
    font-size: 85%;
    margin-bottom: 0;
    width: fit-content;
    background-color: rgba(255, 255, 255, .6);
  }
  .inside-service-block > nav > ol.breadcrumb { /*讓雲端方案的第三項以後換行*/
    background-color: transparent;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    font-weight: 100;
    margin: 0;
    border-left: 0;
    line-height: 150%;
    content: var(--bs-breadcrumb-divider, "|");
  }
  .inside-service-block > nav > ol.breadcrumb > li:nth-child(3) {
    display: block;
    width: 100%;
    background-color: #ffffff80;
  }
  .inside-news-block, .inside-membership-block {
    margin-top: 50px;
    padding: 100px 0 100px;
    background-size: 175%;
  }
  .menu-block {
    margin-bottom: 0;
  }
  .inside-title > div:nth-child(1) {
    line-height: 100%;
  }
  .inside-title > div:nth-child(2), .inside-title > h2 {
    font-size: 200%;
    line-height: 175%;
  }
  .inside-news-btn, .inside-news-year-btn {
    font-size: 90%;
    padding: 2px 12px;
    margin: 0 1px;
  }
  /*最新消息：計畫公告、活動快訊*/
  .inside-news-box {
    border-radius: 15px;
    padding: 15px 0;
    margin: 0;
  }
  .list-block > div:nth-child(2) {
    justify-content: flex-end;
    padding: 0;
    align-items: flex-start;
  }
  .list-block > div:nth-child(3) {
    padding: 0;
    font-size: 90%;
  }
  .inside-list-date {
    border: 1px solid #00aac9;
    border-radius: 12px;
  }
  .inside-list-date > div:nth-child(1) {
    font-size: 225%;
    line-height: 125%;
    color: #00aac9;
  }
  .inside-list-date > div:nth-child(2) {
    font-size: 80%;
    color: #00aac9;
  }
  .inside-list-download > a {
    color: #4d4d4d;
    font-size: 75%;
    transition: all .3s;
  }
  .inside-list-download {
    font-size: 75%;
    margin: auto 6px;
  }
  .news-menu-stitle {
    flex-direction: column;
  }
  .inside-content-title {
    font-size: 125%;
  }
  /*最新消息核定名單*/
  .news-list-line {
    flex-wrap: wrap;
  }
  .news-list-line .inside-list-date {
    flex: 0 0 15%;
  }
  .news-list-line .inside-list-title {
    flex: 1 1 60%;
  }
  .inside-list-download {
    margin: 15px auto;
  }
  .stitle-group {
    width: 100%;
  }
  .share-tools > div:first-child {
    display: none;
  }
  .share-tools > div {
    padding: 3px;
    margin: auto auto;
  }
  .share-tools > div > a > img {
    width: 30px;
  }
  .inside-service-block {
    margin-top: 50px;
    padding: 100px 0 100px;
    background-size: 175%;
  }
  /*計畫說明*/
  .inside-project-block {
    padding: 100px 0 0;
  }
  .inside-title.project > .title {
    font-size: 175%;
    letter-spacing: 0;
  }
  .inside-title.project > .stitle {
    font-size: 100%;
    margin-bottom: 25px;
  }
  .project-photo {
    padding: 5px;
  }
  .subject-main-title {
    font-size: 175%;
    padding: 35px 0;
  }
  .project-intro-box {
    border-radius: 15px;
  }
  .subject-main-title-note {
    text-align: left;
    color: #4d4d4d;
    padding-bottom: 10px;
  }
  .project-inside-title > div:nth-child(1) {
    font-size: 200%;
    letter-spacing: 5px;
  }
  .no-item-title > div:nth-child(2) {
    font-size: 110%;
    padding: 5px 5px 5px 10px;
    margin: 20px 0;
  }
  /*共同數字標題*/
  .no-item-no > img {
    width: 90px;
    margin-right: 0;
  }
  .no-item-title > div:first-child {
    font-size: 150%;
  }
  /*計畫說明-數位轉型補助*/
  .project-plan-photo {
    padding: 15px 10%;
  }
  /*113年切換年度導覽列*/
  #nav-year span {
    display: none;
  }
  /*1/6*/
  .project-plan101-block {
    background-image: none;
    margin: -30px auto 10px;
  }
  .project-plan101-block.y113 {
    background-image: none;
    margin: -30px auto 0;
    background: linear-gradient(to bottom, #F9F8FF, #F0F1FF)
  }
  .no1-step-box {
    width: 90%;
  }
  .no1-step-box > div:nth-child(2) {
    height: auto;
    padding: 10px;
  }
  .no1-industry-box {
    margin: 15px;
  }
  .project-n1-box {
    height: 200px;
    width: 300px;
  }
  .project-n1-box.y113 {
    height: 200px;
    width: 300px;
  }
  #n1-05 {
    background-size: auto 90px;
    background-position: center top;
    width: 320px;
  }
  #n1-06 {
    flex-direction: column-reverse;
    background-size: auto 100px;
    background-position: center top;
    width: 320px;
  }
  #n1-06 > div {
    width: 100%;
    margin: 0;
  }
  /*113年須知新增*/
  #n1-05-y113 {
    background-size: auto 90px;
    background-position: center top;
    width: 300px;
  }
  #n1-06-y113 {
    flex-direction: column-reverse;
    background-size: auto 100px;
    background-position: center top;
    width: 300px;
  }
  #n1-06-y113 > div {
    width: 100%;
    margin: 0;
  }
  /*2/6*/
  .project-plan102-photo {
    width: 120px;
    left: auto;
    right: 15px;
    top: -125px;
  }
  .no-item-title.white > div:nth-child(2) {
    font-size: 100%;
    word-break: break-all;
    border-left: 3px solid #FFF;
  }
  /*3/6*/
  .accordion-button-title {
    font-size: 125%;
    margin: 20% 0 15%;
  }
  .accordion-button-title span {
    display: block;
  }
  .accordion-button-photo {
    position: absolute;
    padding: 0;
    width: 40%;
    right: 30px;
    top: 0;
  }
  .accordion-body-item {
    padding: 10px 0 0;
  }
  .accordion-body-item-photo {
    flex: 0 1 15%;
    text-align: left;
  }
  .accordion-body-item-photo > img {
    margin: 0;
    width: 40px;
  }
  /*4/6*/
  .project-no4-box {
    padding: 20px 15px;
    border-radius: 10px;
  }
  /*5/6*/
  .project-no5-title {
    font-size: 150%;
    padding: 15px 40px;
    width: 85%;
  }
  .project-no5-row {
    flex-direction: column;
    width: 90%;
    margin: 25px auto;
  }
  .no05-right-photo {
    width: 120px;
  }
  .project-no5-th {
    display: none;
  }
  .project-no5-row > .no5-col-3 {
    font-size: 125%;
    text-align: center;
    width: 100%;
    background-color: #EEEEEE;
    padding-bottom: 20px;
  }
  .project-no5-row > .no5-col-5 {
    font-size: 175%;
  }
  .project-no5-box > .content {
    height: auto;
  }
  .project-no5-box-content-y113 {}
  /*113年*/
  .project-no5-box.y113 > .title {
    height: auto;
  }
  .project-no5-box-content-y113 > div:nth-child(1) {
    padding: 0;
    text-align: center;
  }
  .project-no5-box-content-y113 > div:nth-child(1) img {
    width: 125px;
  }
  .project-no5-box-content-y113 > div:nth-child(2) {
    margin: auto;
  }
  .project-no5-box-content-y113 > div:nth-child(3) {
    display: none;
  }
  /*6/6*/
  .project-no6-box {
    padding: 15px 10px;
    border-radius: 10px;
    margin: 15px 0;
    font-size: 85%;
  }
  .project-no6-box > p {
    margin-left: 1em;
    text-indent: -1em;
  }
  .btn-project-apply {
    font-size: 150%;
    padding: 15px 40px;
    width: 85%;
  }
  /*計畫說明-雲端解決方案*/
  #c0-03.project-c0-box > .photo {
    background-size: auto 110%;
    flex: 0 1 45%;
  }
  #c1-1-01 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 10px;
    padding-bottom: 10px;
    height: 160px;
  }
  #c1-1-02 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 5px;
    padding-bottom: 10px;
  }
  #c1-1-03 {
    flex: 1 1 100%;
    background-size: auto 110px;
    background-position: center 10px;
    padding-bottom: 10px;
    height: 160px;
  }
  #c1-1-04 {
    flex: 1 1 100%;
    background-size: auto 110px;
    background-position: center 10px;
    padding-bottom: 10px;
    height: 160px;
  }
  #c1-1-05 {
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 20px;
    padding-bottom: 30px;
  }
  #c1-1-06 {
    flex: 1 1 100%;
    background-size: auto 110px;
    background-position: center 20px;
  }
  #c1-1-07 {
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 20px;
  }
  #c1-1-08 {
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 20px;
  }
  #c1-1-09 {
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 20px;
  }
  #c1-1-10 {
    flex: 1 1 100%;
    background-size: auto 110px;
    background-position: center 10px;
    padding-bottom: 10px;
    height: 160px;
  }
  #c1-1-11 {
    flex: 1 1 95%;
    background-position: center 0;
    background-size: auto 120px;
    height: 250px;
  }
  #c1-1-12 {
    flex: 1 1 95%;
    background-position: center 0;
    background-size: auto 120px;
    height: 250px;
  }
  #c1-1-12 > div {
    margin: 0;
  }
  #c1-2-01 {
    flex-direction: column-reverse;
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: top center;
    height: 240px;
  }
  #c1-2-01 > div {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #c1-2-02 {
    flex-direction: column-reverse;
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 10px;
    height: 240px;
  }
  #c1-2-02 > div {
    width: 100%;
    margin: 0 0;
    text-align: center;
  }
  #c1-2-03 {
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: center 10px;
    text-align: center;
  }
  #c1-2-04 {
    flex-direction: column-reverse;
    flex: 1 1 100%;
    background-image: url("../images/project2023/photo_co1-08-sm.png");
    background-size: auto 100px;
    background-position: top center;
    height: 220px;
  }
  #c1-2-04 > div {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  #c1-2-05 {
    flex: 1 1 100%;
    background-size: auto 115px;
    background-position: center 0;
    text-align: center;
    padding-bottom: 20px;
  }
  #c1-2-06 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 15px;
  }
  #c1-2-07 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 5px;
    padding-bottom: 20px;
  }
  #c1-2-08 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  #c1-2-09 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  #c1-2-10 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  #c1-2-11 {
    flex-direction: column-reverse;
    flex: 1 1 100%;
    background-size: auto 120px;
    background-position: top center;
    height: auto;
  }
  #c1-2-11 > div {
    width: 100%;
    margin: auto 0;
    padding-top: 42%;
    padding-right: 0;
  }
  #c1-2-12 {
    flex: 1 1 100%;
    background-size: auto 100px;
    background-position: center 10px;
  }
  .project-plan202-block {
    position: relative;
    padding: 120px 0 150px;
    background-image: url("../images/project2023/bg_project_plan202-block.gif");
    background-position: top right;
    background-size: auto;
    background-repeat: no-repeat;
  }
  /*2/3*/
  .project-plan202-block {
    padding: 100px 0;
    background-image: none;
  }
  .c02-stitle {
    padding: 10px 30px;
    margin-left: 0;
  }
  .c02-1-photo {
    width: 140px;
    right: 2px;
    top: 36vw;
    z-index: 2;
  }
  .c022-box-stitle {
    margin: -75px auto 20px;
    font-size: 125%;
  }
  /*c03*/
  .no-item-title.co3 > div:nth-child(2) {
    font-size: 100%;
    line-height: 125%;
  }
  .project-plan203-photo {
    width: 180px;
    right: 10px;
    top: -85px;
  }
  /*雲端方案*/
  .service-search-btn {
    font-size: 90%;
    padding: 5px;
    margin: 0;
    border-radius: 12px;
  }
  #ser01.service-search-btn, #ser02.service-search-btn, #ser03.service-search-btn, #ser04.service-search-btn, #ser05.service-search-btn, #ser06.service-search-btn {
    background-position: 5% center;
    padding-left: 0;
  }
  #ser01.service-search-btn {
    padding-left: 0.5rem;
  }
  .inside-service-box {
    margin: 30px 0;
  }
  .option-item > select {
    font-size: 90%;
    height: 40px;
  }
  .option-item > .input-group > input {
    font-size: 90%;
    height: 40px;
  }
  .option-item > .input-group > button {
    font-size: 100%;
    height: 40px;
  }
  .inside-service-title {
    height: auto;
    overflow: visible;
  }
  .inside-service-content-title {
    font-size: 130%;
    height: auto;
    overflow: visible;
    margin-top: 10px;
  }
  .inside-service-stitle {
    font-size: 100%;
  }
  .stitle-service-ind {
    font-size: 85%;
    padding: 5px 0;
  }
  .stitle-service-ind > div {
    margin-left: 25px;
  }
  .service-content-block {
    padding: 0;
  }
  .service-price-group > div {
    margin: 0 5px 15px;
    flex: 1 1 45%;
  }
  .service-price-group > div:last-child {
    flex: 0 0 100% !important;
  }
  .btn-price-order {
    font-size: 120%;
  }
  .price-set > div:nth-child(1) {
    font-size: 90%;
  }
  .price-set > div:nth-child(2) {
    font-size: 160%;
  }
  .price-set > div:nth-child(3) {
    font-size: 65%;
  }
  .service-price-box {
    border-radius: 15px;
  }
  .service-content-box {
    border-radius: 15px;
  }
  .price-set {
    padding: 15px;
  }
  .service-content-box-data {
    padding-left: 0;
    border-left: 0;
    color: #666666;
    font-size: 85%;
    margin: 15px;
  }
  .btn-group > button {
    font-size: 80%;
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .order-row {
    flex-wrap: wrap;
  }
  .order-td {
    flex: 0 0 50%;
    text-align: center;
    line-height: 175%;
    padding: 10px 0;
  }
  .order-row > .order-td:first-child {
    flex: 0 0 100%;
  }
  .btn-modal-close, .btn-modal-sumit {
    width: 45%;
    max-width: 225px;
    font-size: 90%;
  }
  /*檔案下載*/
  .inside-download-block {
    background-position: right 20px;
    background-size: 200%;
  }
  .inside-download-select > select {
    font-size: 90%;
    width: 150px;
  }
  /*轉型全攻略*/
  /*轉型案例*/
  .inside-case-block {
    background-size: 230%;
  }
  .tran-case-btn {
    font-size: 90%;
    letter-spacing: 0;
    padding: 10px 0;
    margin-right: 0;
    flex: 1 0 32%;
    border: 1px solid #99999950;
  }
  .case-content > .title {
    font-size: 120%;
    line-height: 150%;
    padding: 5px 0 5px 10px !important;
  }
  .case-content > .intro {
    font-size: 90%;
  }
  .case-content > .hr {
    height: 0;
    margin: 2px;
  }
  .case-content-title {
    font-size: 125%;
  }
  .download-menu-stitle {
    padding: 10px 0 20px;
  }
  .download-table-tr > div.date {
    letter-spacing: 0;
    font-size: 1rem;
  }
  .inside-lazy-block {
    background-position: right 15px;
    background-size: 210%;
  }
  .lazy-content-box {
    border-radius: 10px;
  }
  .lazy-box {
    border-radius: 25px;
    margin: 25px 0;
  }
  .lazy-box > .title {
    height: auto;
    overflow: visible;
  }
  /*影音專區*/
  .inside-movie-block {
    background-position: right 15px;
    background-size: 210%;
  }
  .movie-digital-list-block {
    margin: 0;
  }
  .movie-digital-box {
    margin: 50px 0;
  }
  .movie-digital-box > .comp {
    font-size: 85%;
    height: auto;
  }
  .movie-digital-box > .title {
    font-size: 115%;
    color: #4d4d4d;
    height: auto;
    padding-left: 10px;
    margin-left: 5px;
    border-left: 4px solid #70c3cd;
  }
  .btn-movie-digital {
    font-size: 100%;
  }
  .movie-digital-box > .comp::before {
    font-size: 40%;
  }
  /*Q&A*/
  .inside-qa-block {
    background-position: right 15px;
    background-size: 210%;
  }
  .tran-case-btn.qa {
    font-size: 80%;
  }
  /*會員相關*/
  .inside-member-block {
    background-size: 300%;
  }
  .inside-member-block, .inside-forget01-block, .inside-forget02-block {
    padding: 100px 0;
  }
  .inside-member-plan-title {
    font-size: 150%;
    padding-left: 15px;
    border-left: 4px solid #4498c9;
  }
  .inside-shop-regist-stitle {
    font-size: 145%;
    padding: 8px 35px;
  }
  .member-login-photo {
    padding: 15px;
    position: absolute;
    bottom: 0;
  }
  .member-title-note {
    font-size: 85%;
    padding: 15px 0 7px;
    text-align: center;
  }
  .member-data-box-stitle {
    font-size: 150%;
    margin: 0 0 15px;
  }
  .member-data-box {
    margin-top: 20px;
    margin-bottom: 20%;
  }
  .vailcode-photo {
    padding: 0;
  }
  .vailcode-reload {
    padding: 0;
  }
  /*轉型量表*/
  .inside-survay-area {
    padding: 100px 15px 60px;
  }
  .enter-survay-block {
    background-image: none;
    background-position: center right;
    background-size: auto 55%;
    padding: 0;
  }
  .enter-surva-box {
    padding: 0;
    background-image: url(../images/survay2023/bg_survay-enter-xs.png);
    background-position: bottom right;
    background-size: auto 65%;
    background-repeat: no-repeat;
  }
  .enter-survay-content {
    padding: 0;
    padding-right: 35%;
    padding-left: 10px;
    margin-bottom: 15px;
  }
  .btn-member-sumit.survay {
    letter-spacing: 3px;
    font-size: 125%;
    padding: 10px 40px;
  }
  .survay-box-line {
    padding: 10px 10px 20px;
  }
  .agreement-pen-photo {
    width: 120px;
    top: -53px;
    right: -15px;
    z-index: 2;
  }
  .member-check-rule.survay > .form-check-input {
    margin: 0 5px 0 0 !important;
    flex: 0 0 30px;
  }
  .btn.survay-industy-btn {
    font-size: 90%;
    padding: 5px 10px;
    padding-right: 0;
    width: 99%;
    background-position: 5px center;
    background-size: 25px 25px;
  }
  .survay-industy-btn > img {
    width: 20px;
  }
  .inside-survay-block {
    background-size: 245%;
  }
  .industry-form > div > .form-control {
    margin-left: 0.25em;
    width: 100%;
    margin-bottom: 25px;
  }
  .info-left-photo {
    width: 100px;
    left: -25px;
    bottom: 10px;
  }
  .industry-form > div > label::before {
    font-size: 100%;
  }
  .survay-step-block {
    padding-top: 120px;
  }
  .survay-step-cycle {
    width: 90px;
  }
  .survay-process {
    top: 28px;
  }
  .step-icon01, .step-icon02, .step-icon03, .step-icon04, .step-icon05 {
    background-size: 85%;
    box-shadow: 1px 1px 1px 0 #00000020;
    height: 60px;
    width: 60px;
  }
  .step-words {
    font-size: 70%;
    padding: 4px;
  }
  .survay-step-title {
    margin-bottom: 0;
    width: 100%;
    justify-content: flex-start;
  }
  .survay-question-box {
    padding: 20px;
    border-radius: 15px;
    margin: 15px 0 40px;
  }
  .survay-step-title > .no {
    background-color: #fae18f;
    font-size: 150%;
    border-radius: 0 0 10px 10px;
    padding: 25px 15px 10px;
    margin-right: 0;
  }
  .survay-step-title > .stitle {
    font-size: 125%;
    padding: 25px 10px 10px;
  }
  .question-title {
    position: relative;
    padding: 30px 0 0 0;
  }
  .question-title::before {
    left: 120px;
    top: -20px;
  }
  .question-title > p {
    font-size: 100%;
    padding-left: 0;
  }
  .question-next {
    margin-top: 10px;
    text-align: center;
  }
  .inside-survay-report-area {
    padding: 100px 0 100px;
  }
  .breadcrumb-survay-report-block {
    padding-right: 15px;
    padding-left: 15px;
  }
  .breadcrumb.report {
    margin-bottom: 10px;
  }
  .survay-report-title-box {
    border-radius: 20px 20px 0 0;
    padding-top: 5px;
    box-shadow: 8px 8px 0 0 rgba(52, 130, 163, .44);
  }
  .survay-report-title-box > .stitle {
    font-size: 100%;
    padding: 10px 15px;
  }
  .survay-report-title-box > .result {
    font-size: 150%;
  }
  .survay-report-title-box > .belt-bottom {
    flex: 0 0 100%;
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 5px solid #3482a3;
  }
  .survay-report-upper-box {
    padding: 5% 10px 10%;
  }
  .result-score {
    width: 130px;
    height: 125px;
    font-size: 225%;
    padding: 15px 8px;
    text-align: center;
  }
  .report-summary > .graph-box {
    border-radius: 15px;
  }
  .report-summary {
    margin: 0;
  }
  .result-summary > div:first-child {
    text-align: center;
    font-size: 150%;
  }
  .result-summary > div:nth-child(2) {
    width: 90%;
    text-align: center;
    font-size: 125%;
    color: #1c488b;
    padding: 10px;
    border-radius: 30px;
    margin: auto;
  }
  .report-result-group {
    margin-top: -60px;
  }
  .report-result-box > .photo {
    width: 120px;
    height: 120px;
  }
  /*會員註冊步驟*/
  .inside-register01-block, .inside-register02-block, .inside-register03-block, .inside-register01-block.supplier, .inside-register02-block.supplier {
    padding: 100px 0;
  }
  .member-register-box > div:first-child, #step-stitle02-2, #step-stitle02-3 {
    font-size: 125%;
  }
  .register-step-box {
    padding: 15px 0 0;
    margin-bottom: 25px;
  }
  .step-content {
    font-size: 75%;
    padding: 10px 0;
    color: #999999;
    margin-left: 0;
  }
  .member-register-box {
    padding: 10px 5px 30px;
    border-radius: 15px;
  }
  .member-check-rule > .form-check-input {
    width: 30px;
    height: 30px;
    margin: 7px;
    flex: 0 1 10%;
  }
  .member-check-rule {
    font-size: 85%;
    margin: 15px 0;
    padding: 0;
  }
  .member-next {
    text-align: center;
  }
  .register-form {
    margin: 10px 5px;
    font-size: 90%;
  }
  .register-ok {
    background-position: bottom left;
    background-size: 160%;
  }
  .inside-forget01-block, .inside-forget02-block, .inside-forget01-block.supplier, .inside-forget02-block.supplier {
    background-image: none;
  }
  .member-data-box.forget.supplier {
    box-shadow: 10px 10px 0 0 #ffcf56 !important;
  }
  .member-data-box.forget {
    margin-top: 10px;
  }
  .forget-box-photo {
    width: 240px;
    top: -30px;
    right: -95px;
  }
  .membership-content-block {
    padding: 25px 0 0;
  }
  .survay-info-box {
    border-radius: 0 0 20px 20px;
  }
  .survay-industry-box {
    margin-top: -90px;
    background-color: var(--main-greenblue-color);
    border-radius: 15px 15px 0 0;
    box-shadow: 12px 15px 0 0 rgba(52, 130, 163, .44);
    padding: 0;
  }
  .membership-data-box {
    padding: 15px;
  }
  .industry-btn-group {
    margin: 0 5px 10px;
  }
  .member-date-group {
    padding: 15px;
  }
  .member-data-btn > button {
    font-size: 90% !important;
  }
  .forget-note-ok {
    margin: 15% 0;
  }
  .industry-form {
    margin: 10px;
  }
  .tran-case-menu {
    flex-wrap: wrap;
  }
  /*會員訂單*/
  .order-statue-waiting, .order-statue-pass, .order-statue-decline {
    font-size: 125%;
  }
  .member-order-detail {
    padding: 15px 10px;
  }
  .survay-box-line.info {
    padding: 20px 0;
  }
  .industry-next > button {
    font-size: 90%;
    padding: 5px 25px;
  }
  /*會員密碼*/
  .membership-data-box.password {
    padding: 15px 5px;
  }
  .password-input > div > label {
    font-size: 90%;
  }
  .password-input > div > input {
    font-size: 90%;
    flex: 0 1 60%;
    height: 35px;
  }
  .password-input > div:first-child > input {
    flex: 0 1 70%;
  }
  .data-input > div > label {
    font-size: 90%;
    flex: 1 0 40%;
  }
  .data-input > div > input {
    font-size: 90%;
    flex: 0 1 55%;
    height: 35px;
  }
  .data-note {
    padding: 10px;
    font-size: 80%;
  }
  .member-next.digital {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .member-next.digital > button {
    font-size: 90%;
    padding: 5px 25px;
    margin: 10px;
  }
  /*網站導覽*/
  .sitemap {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .sitemap .box {
    width: 100%;
  }
  /*站內搜尋*/
  .inside-banner-area.search .inside-banner-block {
    height: 250px;
  }
  .search-block {}
  .search-block input {
    height: auto;
  }
  .search-block .search-btn {
    padding: 3px 6;
    font-size: 80%;
    height: auto;
  }
  .search-result-box {
    margin: 15px 0;
  }
  .search-result-box .title {
    word-wrap: break-word;
    font-size: 110%;
  }
  .search-result-box .url {
    word-wrap: break-word;
    font-size: 90%;
  }
  .search-result-box .detail {
    font-size: 90%;
    max-height: 120px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: hidden;
    -webkit-line-clamp: 3;
  }
  /*2025驅動計畫新增*/
  /*申請資格*/
  .project-photo.drive {
    padding: 25px;
  }
  .no1-step-box.y114 {
    width: 100%;
  }
  .project-2025-n1 #n1-06-y113 {
    background-position: center 10px;
    height: 270px;
  }
  .project-2025-n1 #n1-06-y113 > div {
    width: 100%;
    margin-top: 50%;
  }
  .project-2025-n1 #n1-05-y113 {
    height: 240px;
    background-image: url(../images/project2025/photo_in1-05-sm.svg);
  }
  /*輔導重點*/
  .accordion-button-photo.y114 {
    position: relative;
    width: 75%;
    text-align: center;
    margin: auto;
  }
  .accordion-item.project.y114 .accordion-button-title {
    margin: 25px 0 0;
  }
  /*遴選審查*/
  .project-plan105-block.y114 {
    position: relative;
    padding: 40px 0 20px;
    background-image: none;
    background-color: #fafafa;
  }
  .project-no5-row.y114 > .no5-col-3 {
    font-size: 125%;
    text-align: center;
    width: 100%;
    background-color: #EEEEEE;
    padding-bottom: 20px;
  }
  .project-plan105-3-block .project-no5-row.y114 > .no5-col-3 {
    background-color: #dff7f4;
  }
  /*優先支持項目台灣地圖*/
  .project-no5-box-content-y114 > div:nth-child(1) img {
    width: 100%;
  }
  .project-no5-box-content-y114 > div:nth-child(3) {
    display: none;
  }
}