input[type="text"]{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 8px 10px;
  font-size: 15px;
  width: 100%;
  transition: .3s;
}
input[type="text"]:focus, textarea:focus {
  outline: none;
  border: 1px #2B9CE2 solid;
}


input[type="text"]:disabled, textarea:disabled {
  background-color: #E6E6E6;
}
textarea{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  font-size: 15px;
}
.mt0{
  margin-top: 0 !important;
}
.mb0{
  margin-bottom: 0;
}
.pb0{
  padding-bottom: 0;
}
.d-flex{
  display: flex;
  align-items: center;
}
.just-between{
  justify-content: space-between;
}

/*--------exhibition_news--------*/

.all_tab_news {
    width: 1440px;
    max-width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    font-size: 18px;
    flex-wrap: wrap;
    gap: 10px 0;
}

.all_tab_news a {
    position: relative;
    margin-right: 35px;
}

.all_tab_news a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: calc(50% + 1px);
    right: -20px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #333;
}

.all_tab_news {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    font-size: 18px;
    flex-wrap: wrap;
    gap: 10px 0;
}

.news_box {
    width: 100%;
    max-width: 1320px;
    margin: auto;
    padding-top: 50px;
}

.news_box h1{
    padding-bottom: 25px;
}

.news_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.news_item {
    display: flex;
    align-items: flex-start;
    align-items: center;
    width: calc(50% - 10px);
}

.news_item .news_pic {
    max-width: 200px;
    min-width: 200px;
    aspect-ratio: 200/150;
}

.news_item .news_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}

.news_item .news_txt {
    margin-left: 20px;
    max-width: 420px;
}

.news_txt h2 {
    font-weight: 400;
    font-size: 21px;
    line-height: 36px;
    color: #333333;
}

.news_txt p {
    font-weight: 300;
    font-size: 15px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.news_txt .release_date {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.page_box ul {
    display: flex;
    margin: 30px 0;
    text-align: center;
    justify-content: center;
}

.page_box ul li {
    font-size: 18px;
    margin: 0 10px;
}

.page_box ul li.active a {
    color: #2B9CE2;
}

@media (max-width:1080px) {
    .news_item {
        flex-direction: column;
        margin: auto;
    }

    .news_item .news_pic {
        max-width: 100%;
        width: 100%;
        margin: auto;
    }

    .news_item .news_txt {
        margin-top: 10px;
        width: 100%;
        max-width: unset;
        padding-right: 20px;
    }
}
@media (max-width:550px) {
    .news_list {
        gap: 40px;
        margin-top: 20px;
    }
    .news_item {
        width: 100%;
    }
}

/*---exhibition_futureTrend---*/

.exhibition_content p {
    padding-top: 26px;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    color: #333333;
    padding-bottom: 30px;
}

.exhibition_poster {
    max-width: 100%;
}

.exhibition_poster img {
    width: 100%;
    vertical-align: middle;
}

/*---exhibition_futureRrend---*/
.hearding_box {
    display: flex;
    justify-content: space-between;
}

@media (max-width:575px) {
  .hearding_box {
      display: block;
      justify-content: space-between;
  }
}

.record_select {
    padding: 9px 11px;
    width: 200px;
    outline: none;
    height: 50px;
    font-size: 18px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  
    /*改變右邊箭頭樣式*/
    background: url("../icon/dropdown.svg") no-repeat right center transparent;
}

@media (max-width:575px) {
  .record_select {
      display: block;
      width: 80%;
  }
}

.section_technology {
    margin-top: 40px;
    margin-bottom: 20px;
}

.subject_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subject_title h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #000;
    position: relative;
    padding-left: 20px;

}

.subject_title:before {
    content: '';
    width: 4px;
    height: 32px;
    background: linear-gradient(135deg, #4BC7BF 0%, #2B9CE2 100%);
    position: absolute;
}

.more_box {
    display: flex;
    align-items: center;
}

.more_box span {
    font-size: 18px;
    color: #2B9CE2;
}

.icon_pic {
    width: 30px;
    height: 20px;
    margin-left: 3px;
}

.icon_pic img {
    width: 100%;
    vertical-align: top;
}

.subject_List {
    padding-top: 20px;
}

.subject_item {
    width: 100%;
    /* min-width: 412px; */
    aspect-ratio: 412/309;
}

.subject_pic img {
    width: 100%;
    vertical-align: middle;
}

.subject_txt {
    font-size: clamp(18px, 2.6vw, 20px);
    line-height: 36px;
    color: #000;
    text-align: center;
    letter-spacing: .1em;
    margin-top: 12px;
}
.subject_List {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mb_0{
    margin-bottom: 0;
}
.align_items_center{
    align-items: center;
}
@media (max-width:414px) {
    
}
@media (max-width:414px) {
    .subject_title h2{
        font-size: 24px;
        padding-left: 12px;
    }
    .record_select {
        padding: 4px 10px;
        width: 150px;
        height: 36px;
        font-size: 15px;
    }
    
}
@media screen and (min-width:768px) {
    
    .subject_List {
        display: flex;
        column-gap: 20px;
        flex-direction: row;
    }

    .subject_txt {
        letter-spacing: -0.03em;
    }
}

@media screen and (min-width:1440px) {
    .subject_txt {
        letter-spacing: .13em;
    }
}

/* Record Content */
.link_box {
    position: relative;
    margin-left: 20px;
    text-align: right;
    margin-top: 28px;
}

.link_box a {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    text-decoration: none;
}

.link_box a::before {
    content: '';
    width: 6px;
    height: 10px;
    margin-left: -13px;
    flex-grow: 1;
    background: url("../images/chevron-left.svg") no-repeat center center;
    position: absolute;
    top: 30%;
}

.section_record {
    background-color: #fff;
}

.section_main_cotent {
    display: flex;
    column-gap: 40px;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 100px;
}
.video_area {
    width: 100%;
    aspect-ratio: 1280/768;
    background-color: #000;
}

.video_heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 14px 16px;
    background-color: #000;
}

.video_heading p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.video_box {
    max-width: 1136px;
    padding: 96px 0 153px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #000;
}

.video_box {
    width: 100%;
}

.video_item {
    /* max-width: 1136px; */
    width: 100%;
    position: relative;
}

.video_item img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    object-fit: cover;
}

.play_btn {
    width: 68px;
    height: 48px;
    background-color: #D51515;
    border-radius: 15px;
    display: flex;
    position: absolute;
    top: 40%;
    left: 48%;
}


.play_btn::after {
    margin: auto;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin: auto;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

.video_txt h2 {
    padding-top: 35px;
    font-weight: 700;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 56px;
    color: #000;
}

.video_txt p {
    padding-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

/* sidebar */
.video_sidebar {
    max-width: 260px;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.video_sidebar .sidebar_heading {
    display: inline-flex;
    background: linear-gradient(135deg, #4BC7BF 0%, #2B9CE2 100%);
    padding: 10px 50px 10px 20px;
    position: relative;
}

.video_sidebar .sidebar_heading:after {
    content: "";
    position: absolute;
    background-image: url(../img/icon-titlebg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    right: -1px;
    top: 0;
    height: 100%;
    width: 43px;
}

.video_sidebar .sidebar_heading h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}

.video_sidebar .sidebar_video_item {
    margin: 20px auto;
    padding: 0 20px;
}

.video_sidebar .sidebar_video_item li {
    margin-bottom: 30px;
}

.video_sidebar .sidebar_video_item li a {
    margin-bottom: 20px;
    text-align: center;
}


.video_sidebar .video_thumb img {
    width: 100%;
    margin-bottom: 10px;
}

.video_sidebar .sidebar_video_item p {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}
.m_none{
  color: #000  !important;
}
@media screen and (max-width:768px) {
  .m_none{
    display: none;
  }
    .video_txt h2{
        padding-top: 20px;
        font-size: 36px;
        line-height: 48px;
    }
    .video_txt p {
        font-size: 16px;
        line-height: 30px;
    }
}
@media screen and (max-width:767px) {
    .section_main_cotent {
        flex-direction: column;
    }

    .video_sidebar {
        margin-top: 40px;
        max-width: 100%;
    }

    .sidebar_heading {
        background: url("/assets/images/Rectangle\ 1274.png") no-repeat top left/40% 90%;
    }

    .sidebar_video_list {
        display: flex;
        /* justify-content: flex-around; */
        flex-wrap: wrap;
        column-gap: 14px;
    }

    .sidebar_video_item {
        max-width: 200px;
        padding: 10px;
    }

    .video_thumb {
        max-width: 160px;
        aspect-ratio: 160/128;
    }

    .video_thumb img {
        max-width: 160px;
        vertical-align: middle;

    }
}

@media screen and (max-width:414px) {
    .section_main_cotent{
        padding-bottom: 60px;
    }
    .video_txt h2{
        padding-top: 20px;
        font-size: 28px;
        line-height: 36px;
    }
    .video_sidebar {
        max-width: 100%;
        border-radius: 0;
    }

    .sidebar_heading {
        background: url("/assets/images/Rectangle\ 1274.png") no-repeat top left/40% 90%;
    }
    .sidebar_video_list{
        align-items: center;
        justify-content: center;
        margin: 20px;
    }

    .sidebar_video_item {
        width: 160px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .video_thumb {
        max-width: 160px;
        aspect-ratio: 160/128;
    }

    .video_thumb img {
        width: 100%;
        vertical-align: middle;
    }

    .video_thumb p {
        margin-top: 10px;
    }

}

@media screen and (min-width:375px) {
    .video_thumb {
        width: 100%;
    }
}




/*---------management_field 欄位管理----------*/

.revise_content {
    width: 100%;
  }
  
  .revise_content .revise_item:nth-child(3) {
    border-bottom: 1px solid #cccccc;
  }
  
  .revise_item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 10px;
  }
  
  .revise_item.star::before {
    content: '*';
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    color: #f00;
  }
  
  .revise_item h2 {
    width: 90px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    margin-right: 12px;
    white-space: nowrap;
    color: #000;
  }
  
  .all_manage_operate .field_btn {
    flex: 1;
    justify-content: flex-end;
  }
  
  .revise_item p,
  .revise_item time {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #606266;
  }
  
  
  .revise_item .textarea_box {
    flex-grow: 1;
  }
  .edit_mails_btn{
    display: none;
  }
  .edit_mail_mb{
    
    height: 0;
    overflow: hidden;
  }
  .edit_mail_mb.active{
    padding: 80px 20px 20px 20px !important;
    height: calc(100% - 30px);
    overflow: auto;
  }
  .send_mb{
    position: absolute;
    top: 20px;
    right: 20px;
  }
  @media (max-width: 767px){
    .mail_tags{
      display: none;
    }
    .edit_mails_btn{
      display: block;
    }
    .revise_item{
      align-items: center;
    }
    .lg_send{
      display: none;
    }
    .revise_content .revise_item:nth-child(3){
      border: none;
    }
  }

  
  .all_btn_box .submit {
    background: #cccccc;
    color: #fff;
    border: none;
  }
  
  .del_all_box {
    background-color: #fff;
  }
  
  .del_all_box span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    padding-left: 8px;
  }
  
  #system_mailbox {
    width: 100%;
    overflow-y: scroll;
  }
  
  .annotation {
    margin-top: 12px;
    padding: 0px 18px;
    background-color: #ECF5FF;
    position: relative;
    border-inline-start: 4px solid #9FCEFF;
  }
  .annotation.field-margin{
    margin: 30px 66px 0px 0;
  }
  .annotation.error{
    background-color: #FDE2E2;
    border-inline-start: 4px solid #F56C6C;
  }
  .annotation img{
    margin-right: 8px;
  }
  .annotation p {
    font-weight: 400;
    font-size: 13px;
    line-height: 36px;
    color: #606266;
  }
  .annotation.error p{
    color: #F56C6C;
  }

  
  .annotation span {
    border: 1px solid #606266;
    margin: 0 .5em;
    padding: 1px 5px;
    border-radius: 3px;
  }
  
  .management_field {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    padding: 20px;
  }
  
  .management_field li {
    padding: 0;
  }
  
  .managemetn_field_switch {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  
  .management_field h2 {
    display: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #808080;
  }
  
  .management_field p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #1A1A1A;
  }
  
  .management_field li:nth-child(2) {
    display: block;
    width: 120px;
    text-align: left;
    /* padding: 0; */
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #808080;
  }
  
  
  .function_btns {
    width: 120px;
    display: flex;
    justify-content: flex-start;
    column-gap: 24px;
  }
  
  .function_btns .edit {
    width: 52px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    background: linear-gradient(135deg, #4BC7BF 0%, #2B9CE2 100%);
    text-align: center;
  }
  
  .function_btns .del {
    width: 52px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #808080;
  }

  
  @media screen and (max-width: 1080px) {
    .all_manage_list_title.management_field {
      display: flex;
    }
  
    .all_manage_list_info_ul.management_field {
      flex-direction: row;
    }
  
    .all_manage_list_info_ul.management_field li {
      width: auto;
    }
  }
  
  @media screen and (max-width: 768px) {
    .all_manage_list_title.management_field {
      display: none;
    }
  
    .all_manage_list_info_ul.management_field li {
      width: 100%;
    }
  
    .all_manage_list_info_ul.management_field li:nth-child(1) h2 {
      display: block;
    }
  
    .all_manage_list_info_ul.management_field li:nth-child(2) {
      display: none;
    }
  
    .managemetn_field_switch {
      display: block;
    }
  }
  
  
  
  
  
  
  
  
  /*---management_field_add----------*/
  
  .field_add_card {
    max-width: 1150px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 50px;
    position: relative;
  }
  
  .field_card_heading {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mt-30{
    margin-top: 30px;
  }
  .mt-70{
    margin-top: 70px;
  }
  
  .field_add_card h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #000;
    padding-left: 16px;
    border-inline-start: 4px solid #4BC7BF;
  }
  
  .field_card_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding-top: 20px;
  }
  
  
  .field_card_list {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    gap: 20px;
  }
 


  
  .field_card_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .field_card_item h3 {
    width: 100px;
    min-width: 100px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #000000;
    position: relative;
    padding-left: 10px;
  }
  
  .field_card_item.required h3::before {
    content: '*';
    position: absolute;
    top: 5px;
    left: 0;
    color: #D41515;
  }

  
  /* .field_card_item input {
    width: 380px;
    flex-grow: 1;
    padding-left: 20px;
    line-height: 28px;
    font-weight: 400;
    font-size: 15px;
    color: #808080;
  }
   */
  .field_card_box .delete_btn {
    width: 46px;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: #808080;
    white-space: nowrap;
    cursor: pointer;
    padding: 6px 8px;
    margin-left: 20px;
  }

  @media (max-width:900px) {
    .field_card_list{
      flex-wrap: wrap;
    }
    .field_card_box{
      padding-bottom: 20px;
      border-bottom: 1px solid #E6E6E6;
    }
  }

    
  
  .menu_switch {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 50px;
  }
  .menu_switch .add_btn{
    min-width: 70px;
  }
  
  .menu_switch a {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
  }
  
  .menu_switch .all_btn_05 {
    margin-right: 20px;
  }
  
  .menu_switch .open_btn {
    right: 0px;
    top: 0px;
  }
  @media (max-width:768px) {
    .field_add_card {
      padding: 22px 20px;
    }
  }
  @media (max-width:450px) {
    .field_add_card {
      padding: 20px 10px;
    }
    .field_card_box .delete_btn {
      margin-left: 5px;
    }
    .menu_switch .add_btn{
      margin-right: 15px;
    }
    .field_card_list {
      padding-left: 10px;
    }
  }
    
  .border_none{
    border: none;
    border-bottom: none;
    padding-bottom: 0;
  }
  
  .menu_switch .btn_top {
    display: inline-block;
    margin-left: 30px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    line-height: 36px;
    text-align: center;
  }
  
  .menu_switch .icon-top {
    width: 20px;
    transition: .3s;
    /* height: 10px; */
  }
  
  
  
  
  
  
  /* -------Introduction Added----- */
  
  .Introduction_added_list {
    /* margin: 0 50px; */
    padding: 24px 0;
    border-bottom: 1px solid #cccccc;
  }
  .Introduction_added_list:first-child{
    padding-top: 0;
  }
  .Introduction_added_list:last-child {
    border: none;
  }
  
  .added_item {
    max-width: 1104px;
    margin-right: 0;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 24px;
  }
  
  .added_item:first-child {
    padding-top: 0;
  }
  
  /* .added_item_addPic {
    align-items: center;
  } */
  
  .added_btn {
    display: block;
    width: 105px;
    height: 36px;
    color: #fff;
    background-color: #2B9CE2;
    text-align: center;
    line-height: 36px;
  }
  
  .pic_added {
    display: none;
    justify-content: flex-start;
    align-items: stretch;

  }
  .pic_added.active{
    display: flex;
  }
  .pic_added a{
    display: block;
    width: fit-content;
    flex-grow: unset !important;
  }
  .pic_added .all_label_file_01{
    width: fit-content;
  }
  .pic_added .edit_btn {
    width: 105px;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: #fff;
    background: linear-gradient(135deg, #4BC7BF 0%, #2B9CE2 100%);
    margin-left: 12px;
    text-align: center;
    padding: 0px 14px;
  }
  .pic_added .add_pic_box{
    height: 100%;
  }
  
  .del_btn {
    width: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: #808080;
    margin-left: 24px;
  }
  
 
  .notes_box {
    display: flex;
    align-items: center;
    margin-top: 17px;
    margin-left: 12px;
  }
  
  .notes_box span {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #606266;
    margin-left: 2.5px;
    /* white-space: nowrap; */
  }
  @media (max-width: 768px){
    .pc_note{
      display: none;
    }
  }
  
  .add_pic {
    width: 120px;
    height: 90px;
    cursor: pointer;
  }
  
  .add_pic img {
    width: 100%;
    vertical-align: middle;
  }
  
  
  
  .added_btn:hover {
    color: #fff;
    background-color: #2B9CE2;
  }
  
  .added_item .added_title {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #000000;
    text-align: right;
    margin-right: 12px;
    min-width: 82px;
  }
  
  textarea,
  #cke_added_text {
    width: 100%;
    border: 1px solid #cccccc;
  }
  
  
  #added_text::placeholder {
    padding: 12px 0 0 12px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #808080;
  }
  
  .added_item p {
    width: fit-content;
    white-space: nowrap;
    position: relative;
  }
  
  .added_item p span {
    color: #f00;
    padding-right: 2px;
    position: relative;
    top: 4px;
  }
  
  @media screen and (max-width:768px) {
    .added_title{
      white-space: nowrap;
    }
  
  }
  
  @media screen and (max-width:415px) {
    .pic_added {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
    .pic_added .edit_btn, .notes_box{
      margin-left: 0;
    }
    .del_btn {
      margin-left: 16px;
    }
  
  }

  /* ------Visit Description---- */
  
  .added_list {
    /* padding: 50px; */
  }
  @media screen and (max-width:768px) {
    .added_list {
      /* padding: 20px; */
    }
  }
  .added_item :last-child {
    flex-grow: 1;
  }
  .visit_Description .added_item{
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  @media screen and (max-width: 414px) {
    .visit_Description{
      padding: 20px 30px;
    }
  }
  @media screen and (max-width: 600px) {
    .mb-10{
      margin-bottom: 30px !important;
    }
    
  }

  /* --------Management_home_banner------ */
  .banner_added_btn {
    margin-left: auto;
    margin-top: 40px;
  }
  
  .all_manage_list_title.management_banner li {
    font-weight: 600;
    font-size: 16px;
    color: #808080;
  }
  .all_manage_list_info{
    margin-bottom: 20px !important;
  }
  .all_manage_list_info_ul.management_banner {
    align-items: center;
    padding-left: 20px;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }
  
  .sort_icon {
    width: 32px;
    height: auto;
  }
  
  .sort_icon img {
    width: 100%;
    vertical-align: middle;
  }
  
  .sort_icon span,
  time span {
    display: block;
  }
  
  .pc_thumb,
  .mobile_thumb {
    width: 120px;
    height: 80px;
    padding: 0;
  }
  
  .pc_thumb img,
  .mobile_thumb img {
    width: 100%;
    vertical-align: middle;
  }
  
  
  .management_banner li {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    width: 100%;
  }
  
  .horizontal_column {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 30px;
  }
  
  .management_banner li:last-child .del {
    color: #808080;
  }
  
  .management_banner li:nth-child(1) {
    width: 120px;
  }
  
  .management_banner li:nth-child(2) {
    width: 120px;
  }
  
  .management_banner li:nth-child(3) {
    width: 120px;
  }
  
  .management_banner li:nth-child(4) {
    width: 190px;
  }
  
  .management_banner li:nth-child(5) {
    width: 180px;
  }
  
  .management_banner li:nth-child(6) {
    width: 200px;
  }
  
  .management_banner li:nth-child(7) {
    width: 120px;
  }
  
  label {
    width: 100%;
    padding: 0;
    cursor: pointer;
  }
  
  input.blue_checkbox[type="checkbox"] {
    display: none;
  }
  
  input.blue_checkbox[type="checkbox"]+span {
    display: inline-block;
    padding-left: 32px;
    line-height: 24px;
    background: url("../icon/md_check_off.svg") no-repeat left top / 24px 24px;
    user-select: none;
  }
  
  input.blue_checkbox[type="checkbox"]:checked+span {
    background: url("../icon/md_check_on.svg") no-repeat left top;
  }
  .check_item{
    margin-right: 20px;
  }
  
  
  /* -------Banner Added fixed------------- */
  #banner_added {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(250, 250, 250, 0.8);
    padding: 200px 360px;
    overflow: auto;
  }
  
  .banner_added_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .added_content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .5);
  }
  
  .close_btn {
    width: 30px;
    margin-left: auto;
    padding-top: 22px;
    margin-right: 22px;
  }
  
  .added_content h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    color: #2B9CE2;
  }
  
  .banner_added_list {
    width: 550px;
  }
  
  .banner_added_item {
    padding: 53px 180px;
    border: 1px dashed #808080;
    margin-top: 24px;
  
  }
  
  .banner_added_item img {
    width: 100%;
    margin: auto;
    vertical-align: middle;
  }
  
  .banner_added_submit {
    margin-top: 10px;
    width: 160px;
    justify-content: center;
    background-color: #fff;
    color: #2B9CE2;
  }
  
  .banner_added_submit:hover {
    background-color: #2B9CE2;
    color: #fff;
  }
  
  /* .banner_list li{
    padding: 0;
  } */
  /* .banner_list li:nth-child(1){
    width: 140px;
  } */
  .banner_list li:nth-child(1),.banner_list li:nth-child(2) {
    width: 120px;
    padding: 10px auto;
  }
  .banner_list li:nth-child(3) {
    width: 120px;
  }
  .banner_list li:nth-child(4){
    width: 130px;
  }

  .banner_list li:nth-child(5){
    width: 180px;
  }

  .banner_list li:nth-child(6) {
    width: 220px;
  }
  .banner_list li:nth-child(7) {
    width: 160px;
  }
  /* .banner_list .del{
    padding: 0 !important;
  } */
  .sort_btn{
    margin-right: 36px;
    cursor: grab;
  }
  @media (max-width: 1500px){
    .banner_list li:nth-child(6) {
      /* width: 96px; */
      margin-right: 0px;
    }
  }
  .activity_maintain_list li:nth-child(1){
    width: 200px;
  }
  .activity_maintain_list li:nth-child(2){
    width: 300px;
  }
  .activity_maintain_list li:nth-child(3){
    width: 150px;
  }
  .activity_maintain_list li:nth-child(4){
    width: 100px;
  }
  @media (max-width: 1080px){
    .sort_btn{
      display: none;
    }
    .activity_maintain_list{
      padding: 0 20px 20px !important;
      
    }
    .activity_maintain_list li:nth-child(1){
      border-top: 1px #E6E6E6 solid;

    }
    .dd-handle{
      position: relative;
    }
   
    .banner_list{
      height: 155px !important;
      padding: 0 20px 20px !important;
    }
    .banner_list .sort_th {
      display: none;
    }
    .account li{
      position: relative;
    }
    .banner_list li{
      position: relative;
      padding: 20px;
    }
    .banner_list li::after,.account.active li::after{
      content: '';
      height: 1px;
      width: calc(100% - 40px);
      background-color: #E6E6E6;
      position: absolute;
      bottom: 0px;
      left: 20px;
      z-index: 2;
    }
    .banner_list.active{
      height: auto !important;
    }
    .turn_style{
      position: absolute;
      top: 10px;
      right: 48px;
      width: auto !important;
      max-width: 120px;
      border: none !important;
    }
  }

  .account li:last-child{
    width: 160px;
  }
  .account li:last-child::after{
    height: 0;
  }

.w750{
  width: 750px;
}
.upload_title{
  text-align: left;
  width: 90%;
  max-width: 550px;
  margin: 24px auto 5px;
  color: #808080;
  font-size: 16px;
}
.upload_title span{
  color: #D51515;
}

.upload_title .url{
  margin-bottom:5px;
}

.upload_file{
  width: 90%;
  max-width: 550px;
  height: 267px;
  border: 1px dashed #808080;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  position: relative;
}
.upload_file input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 500px){
  .upload_file{
    height: 200px;
  }
}



/* tag */

.tags-input-wrapper{
  background: #fff;
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  height: 90px;
  overflow: auto;
}
.all_manage_list_m .tags-input-wrapper{
  height: 240px;
}
.tags-input-wrapper input{
  border: none;
  background: transparent;
  outline: none;
  width: 140px;
  margin-left: 8px;
}
.tags-input-wrapper .tag{
  display: inline-block;
  background: #6A7284;
  border-radius: 2px;
  color: white;
  padding: 4px 12px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.tags-input-wrapper .tag.error{
  background: #EF492E;
}
.tags-input-wrapper .tag a {
  margin: 0 0px 0px 10px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
}
.dd{
  max-width: unset !important;
}
.dd-handle{
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-sizing: unset !important;
  background: none !important;
  height: auto !important;
  color: unset !important;
  font-weight: 400 !important;
  display: flex !important;
}


.sort_col{
  min-width: 140px;
  padding: 10px 20px;
  color: #808080;
  font-size: 16px;
}
.sort_col h6{
  display: none;
  font-size: 16px;
  margin-bottom: 10px;
  color: #888;
}
.sort_col p{
  font-size: 16px;
  color: #000;
}
@media all and (max-width:1080px){ 
  .sort_col{
    padding: 27px 40px 26px;
    width: 100%!important;
    display: inline-flex;
  }
  .sort_th{
    display: none;
  }
  
  .sort_col h6 {
    display: block;
  }
  .dd-handle{

    flex-direction: column !important;

  }
}


.create_activity_from .type_tab_list{
  width: 100%;
  display: flex;
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 4px;
  align-items: stretch;
}
.type_tab{
  min-height: 28px;
  width: 33.33%;
  font-weight: 400;
  font-size: 15px;
  color: #1A1A1A;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.type_tab.active{
  color: #2B9CE2;
  background: #FFFFFF;
  border-radius: 4px;
}
.type_photo,
.type_youtube,
.type_fb{
  display: none;
}
.type_photo.active,
.type_youtube.active,
.type_fb.active{
  display: block;
}


.hide_sublist{
  margin-top: 30px;
}
.notice_alone {
  width: 90%;
  max-width: 550px;
  display: flex;
  padding: 8px 20px;
  background-color: #ECF5FF;
  border-left: 4px solid #9FCEFF;
  justify-content: flex-start;
  margin-top: -5px;
  gap:  10px;
  margin: 5px auto;
}
.notice_alone i{
  color: #2B9CE2;
  font-size: 20px;
}
.notice_alone h5{
  width: fit-content;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606266;

}

  
/*後台 欄位管理 欄位寬度設定*/
.col_manage li:nth-child(1){
  flex: 1;
}
.col_manage li:nth-child(2){
  width: 170px;
}

.flex-column{
  flex-direction: column;
}
.flex-column p {
  padding-left: 1rem;
}
/*---------*/