/**標題**/
.pageHeading {    
    font-weight: 700;
    font-size: 32px;
    color: var( --colorOrange);
    display: grid;
    place-items: center;    
    position: relative;
}
.pageHeading.pageMainHeading{
    margin-bottom: 20px;
}
.pageHeading.add_margin_01{
    margin-top: 30px;
}
.pageHeading h1 {   
    display: inline-block;
    padding: 15px 0;   
    text-align: center;
    position: relative;
    /*owen 2023_0815 修正標題圈圈太小*/
    line-height: 1.4;
    z-index: 2;
}
.pageHeading h1:before {
    content: "";
    background-image: url(../assets/material/headDec1.png);
    position: absolute;
    left: -45px;
    top: -28px;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.pageHeading h1:after {
    content: "";
    background-image: url(../assets/material/headDec2.png);
    position: absolute;
    right: -40px;
    bottom: -28px;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.pageHeading.align_left h1 span{   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 46px;    
}
.product_grid_container {
    width: 100%;
    /*height: 440px;*/
    display: grid;
    place-items: center;
}
.product_list_wrapper.product_card_list_wrapper .product_grid_container .mfo_card > .imgWrapper > .tag_second_hand img{
    width: 81.75px;
}
.element_title{
    font-size: 18px;
    margin: 30px 0 10px 0;
}
.mfo_deco .content_container {
    padding: 40px 8%;
}
/**editor 拿掉style**/
.editor_remove_Style{
    margin: initial;
    padding: initial;
    line-height: normal;   
}
.editor_remove_Style div, .editor_remove_Style  span, .editor_remove_Style  applet, .editor_remove_Style  object, .editor_remove_Style  iframe, .editor_remove_Style  h1, .editor_remove_Style  h2, .editor_remove_Style  h3, .editor_remove_Style  h4, .editor_remove_Style  h5, .editor_remove_Style  h6, .editor_remove_Style  p, .editor_remove_Style  blockquote, .editor_remove_Style  pre, .editor_remove_Style  a, .editor_remove_Style  abbr, .editor_remove_Style  acronym, .editor_remove_Style  address, .editor_remove_Style  big, .editor_remove_Style  cite, .editor_remove_Style  code, .editor_remove_Style  del, .editor_remove_Style  dfn, .editor_remove_Style  em, .editor_remove_Style  img, .editor_remove_Style  ins, .editor_remove_Style  kbd, .editor_remove_Style  q, .editor_remove_Style  s, .editor_remove_Style  samp, .editor_remove_Style  small, .editor_remove_Style  strike, .editor_remove_Style  strong, .editor_remove_Style  sub, .editor_remove_Style  sup, .editor_remove_Style  tt, .editor_remove_Style  var, .editor_remove_Style  b, .editor_remove_Style  u, .editor_remove_Style  i, .editor_remove_Style  center, .editor_remove_Style  dl, .editor_remove_Style  dt, .editor_remove_Style  dd, .editor_remove_Style  ol, .editor_remove_Style  ul, .editor_remove_Style  li, .editor_remove_Style  fieldset, .editor_remove_Style  form, .editor_remove_Style  label, .editor_remove_Style  legend, .editor_remove_Style  table, .editor_remove_Style  caption, .editor_remove_Style  tbody, .editor_remove_Style  tfoot, .editor_remove_Style  thead, .editor_remove_Style  tr, .editor_remove_Style  th, .editor_remove_Style  td, .editor_remove_Style  article, .editor_remove_Style  aside, .editor_remove_Style  canvas, .editor_remove_Style  details, .editor_remove_Style  embed, .editor_remove_Style  figure, .editor_remove_Style  figcaption, .editor_remove_Style  footer, .editor_remove_Style  header, .editor_remove_Style  hgroup, .editor_remove_Style  menu, .editor_remove_Style  nav, .editor_remove_Style  output, .editor_remove_Style  ruby, .editor_remove_Style  section, .editor_remove_Style  summary, .editor_remove_Style  time, .editor_remove_Style  mark, .editor_remove_Style  audio, .editor_remove_Style  video{
    margin: initial;
    padding: initial;
    line-height: normal;
}
.editor_remove_Style img{
    max-width: 100%;
}
.editor_remove_Style big{
    font-size: larger;
}
.editor_remove_Style strong{
    font-weight: 700;
}
.editor_remove_Style em{
    font-style: italic;
}
.editor_remove_Style h1{
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.editor_remove_Style h2{
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.editor_remove_Style h3{
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.editor_remove_Style h4{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.editor_remove_Style h5{
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.editor_remove_Style h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.editor_remove_Style p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;            
}                       
.editor_remove_Style ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    padding-left: 2.5em !important;
}
.editor_remove_Style ol li{
    margin-bottom:inherit !important;
    list-style-type:inherit !important;
    list-style-position: inherit !important;
    padding-left: 0.5em !important;
   
}
.editor_remove_Style ul{    
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;    
    padding-left: 2.5em !important;
}
.editor_remove_Style ul li{
    padding-left: 0.5em !important;
}
/**editor 拿掉style**/
.product_list_wrapper {
    display: grid;
    column-gap: 24px;
    row-gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(252px, 1fr));
    margin-bottom: 75px;
}
.product_list_wrapper.product_card_list_wrapper{
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    row-gap: 24px;
}
.mfo_product_card .img_wrapper .tags_container .sellTypeTag {
    left: -1px;
}

/**補貨中**/
.mfo_product_card .img_wrapper .disabled_cover p {
    display: block;
    width: 176px;
    height: 172px;
    font-size: 24px;
    font-weight: 700;
    color: white;
    background-image: url(../assets/material/disabledCoverBg.svg);
    background-size: 100%;
    display: grid;
    place-items: center;
}

/**header 大Banner 輪播圖**/
.mfo-swiper-wrapper .swiper-container {
    height: fit-content;
}
.mfo-swiper-wrapper .swiper-container .swiper-wrapper{
    height: fit-content;
}
.mfo-swiper-wrapper .swiper-container .swiper-slide {
    height: fit-content;
}

.mfo-swiper-wrapper .swiper-container .swiper-slide .mobile {
    display: none;
}



/**固定有navigation pagination **/
.swiper-button-next {
    /*
    width: 60px;
    height: 60px;
    */
    width: 50px;
    height: 50px;
    background: url(../assets/material/round_arrow_right_white.svg);
    border-radius: 100px;
    background-size: 100%;
    background-color: var( --colorOrange);
}
.swiper-button-prev {
    /*
    width: 60px;
    height: 60px;
    */
    width: 50px;
    height: 50px;
    background: url(../assets/material/round_arrow_left_white.svg);  
    border-radius: 100px;
    background-size: 100%;
    left: -80px;
    background-color: var( --colorOrange);
}

.swiper-button-next[aria-disabled="false"]:hover{
    box-shadow: var(--boxshadow);
    background-color: var(--colorSwiperButtonHover);     
    opacity: 1;
}
.swiper-button-prev[aria-disabled="false"]:hover{
    box-shadow: var(--boxshadow);
    background-color: var(--colorSwiperButtonHover);     
    opacity: 1;
}
/*owen 768px 手機切換變disabled start*/
.body_Mobile_device .swiper-button-next[aria-disabled="false"]:hover{
    box-shadow: var(--boxshadow);
    background-color: var( --colorOrange);     
    opacity: 1;
}
.body_Mobile_device .swiper-button-prev[aria-disabled="false"]:hover{
    box-shadow: var(--boxshadow);
    background-color: var( --colorOrange);
    opacity: 1;
}
/*owen 768px 手機切換變disabled end*/
.swiper-button-next[aria-disabled="false"]:active{
    box-shadow: var(--boxshadow);
    background-color: var( --colorOrange);     
    opacity: 1;
}
.swiper-button-prev[aria-disabled="false"]:active{
    box-shadow: var(--boxshadow);
    background-color: var( --colorOrange);
    opacity: 1;
}
.swiper-button-next[aria-disabled="true"] {
    opacity:1;
    background-color: var(--colorSwiperButtonDisable);   
}
.swiper-button-prev[aria-disabled="true"] {
    opacity: 1;
    background-color: var(--colorSwiperButtonDisable);   
}
/*owen 768px 手機切換變disabled start*/
.body_Mobile_device .swiper-container .swiper-button-next[aria-disabled="true"]{
    opacity: 1;
    background-color: var(--colorSwiperButtonDisable);   
}
.body_Mobile_device .swiper-container .swiper-button-prev[aria-disabled="true"]{
    opacity: 1;
    background-color: var(--colorSwiperButtonDisable);   
}
/*owen 768px 手機切換變disabled end*/
.swiper-button-next:after {
    content: '';
}

.swiper-button-next[aria-disabled="false"] {
    opacity: 1;
}

.swiper-button-prev:after {
    content: '';
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    /*width: 37px;
    background-color: var( --colorOrange);
    opacity: 1;*/
}

.swiper-pagination-bullet {
    /*
    width: 15px;
    height: 15px;
    background: #E4E4E4;
    */
    /*opacity: 0.5;*/
    /*
    opacity: 1;
    border-radius: 20px;
    margin: 0 8.5px;
    transition: all .3s ease-in-out;
    */
}

.swiper-pagination {
    /*position: relative;*/
}

/**輪播裏的prdouct_card**/
.swiper-slide .mfo_product_card .img_wrapper {
    height: auto;   
    padding-top: 2px;
}

.swiper-slide .mfo_product_card {
    position: relative;
    overflow: visible;
}

.swiper-slide .mfo_product_card .img_box {
    display: flex;
    justify-content: center;
    margin-top: 0px;
   
}
.swiper-slide .mfo_product_card .img_box img{   
    width: 98%;
    height: 98%;
}
.swiper-slide .mfo_product_card:hover {
    border: 1px solid transparent;
}
.swiper-slide .mfo_card:hover {
    border: 1px solid transparent;
}

.swiper-slide .mfo_product_card {
    height: auto;

}

.swiper-slide .mfo_product_card a {
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}

.swiper-slide .mfo_product_card:hover:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    border: 3px solid #DE5398;
    width: 100%;
    height: 100%;
    border-radius: 9px;
    z-index: 1;
    display: block;
}
.swiper-slide .mfo_card{    
    max-width: 254px;
    margin: 0 auto;
}
.swiper-slide .mfo_card:hover:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    border: 3px solid #DE5398;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    z-index: 6;
    display: block;
}
.swiper-slide .mfo_card .mfo_card_content{
    text-align: left;  
}
.limittime_block_swiper .swiper-slide .mfo_card .mfo_card_content{    
    padding-top: 15px;
    min-height: 140px;
}
.swiper-slide .mfo_product_card .content_wrapper {
    text-align: left;
}

.swiper-slide .mfo_product_card .content_wrapper .discount_tags {
    height: 20px;
}

.swiper-slide .mfo_product_card .content_wrapper .price_container {
    position: relative;
    bottom: 0;
}

.swiper-slide .mfo_product_card .content_wrapper .price_container .origin_price {
    height: 20px;
}

.swiper-slide .mfo_product_card .content_wrapper .product_info .product_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/**調整大框架寬度**/
.contact_box.padding_top01{
    padding-top: 0;
}
.contact_box.add_fixed_resize{
    /*width: 1600px; */
    width: 1560px;     
}
.contact_box.add_fixed_resize.padding_bottom01{
    padding-bottom: 0;
}
.contact_box.add_fixed_resize .advertise_list_container.related_articles_container{
    max-width: 1600px;
    margin-left:auto;
    margin-right: auto;
}
.contact_box.add_fixed_resize .advertise_list_container.related_articles_container .swiper-container{
    margin: 0 10px;
}
.contact_box.add_fixed_resize .advertise_list_container.related_articles_container .swiper-container .article_card{
    width: 95%;
}
.contact_box.add_fixed_resize .featured_month_container{
    max-width: 1560px;
    margin-left:auto;
    margin-right: auto;   
}
.contact_box.add_fixed_resize .featured_month_container .featured_month_swiper{
    position: relative;
    
}
.contact_box.add_fixed_resize .featured_month_container .swiper-wrapper{
    height: fit-content;  
    margin:0;
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container{
    padding: 50px 60px;
    position: relative;    
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide{
    padding: 10px 0;
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card{
    display: block;   
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card a{
    display: block;
    width: calc(100% - 4px + 0.3333px);
    margin: 0 auto;
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card img{
    max-width: 100%;
}
.contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card a:hover:before{
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height:calc(100% - 6px);

}
.contact_box.add_fixed_resize .featured_month_container .swiper-pagination {
    position: relative;
    margin-top: 50px;
}
.contact_box.add_fixed_resize .featured_month_container .swiper-button-next {
    right: 0;
    top: calc(50% - 30px - 5px);
}
.contact_box.add_fixed_resize .featured_month_container .swiper-button-prev {
    left: 0;
    top: calc(50% - 30px - 5px);
}
.contact_box.add_fixed_resize .plan_swiper_wrapper{
    /*max-width: 1560px;*/
    max-width: 1600px;
    /*margin-left:auto;
    margin-right: auto;*/
    margin-left: -20px;
    margin-right: -20px;
   
}
.contact_box.add_fixed_resize .plan_swiper_wrapper .swiper-container{
    margin: 0 60px;
}
.contact_box.add_fixed_resize .activity_card_container{
    max-width: 1600px;
    margin-left:auto;
    margin-right: auto;
}
.contact_box.add_fixed_resize .activity_card_container .activity_card_swiper{
    margin-left: 80px;
    margin-right: 80px;
}
/* 活動快訊 start */
.pages2_activity {
    width: 100%;
    padding: 20px 8%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .pages2_activity .activity_list {
    position: relative;
    height: fit-content;
    overflow: hidden;
  }
  .pages2_activity .activity_list .swiper-container {
    overflow: hidden;
    margin: 0 6%;
    padding: 35px 0 40px;
  }
  .pages2_activity .activity_list .swiper-container .swiper-wrapper {
    padding: 16px 0;
    height: fit-content;
  }
  .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box {
    position: relative;
    border-radius: var(--roundCornerBig);
    box-shadow: var(--boxshadow);
    cursor: pointer;
    display: flex;
  }
  .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid transparent;
    border-radius: 19px;
  }
  .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box:hover::after {
    border-color: #DE5398;
  }
  .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box > img {
    width: 100%;
    border-radius: var(--roundCornerBig);
  }
  .pages2_activity .activity_list .swiper-container .swiper-pagination {
    bottom: 0;
    position: absolute;
  }
  .pages2_activity .activity_list .swiper-container .swiper-button-prev {
    left: 0;
    top: calc(50% - 0.5vw);
  }
  .pages2_activity .activity_list .swiper-container .swiper-button-next {
    right: 0;
    top: calc(50% - 0.5vw);
  }
  

/**熱銷TOP5**/
.hot_list_container {
    border: 4px solid #FF8F08;
    border-radius: var(--roundCornerBig);
    display: flex;
    flex-wrap: wrap;
    /*margin: 30px 0 90px 0;*/
    background-color: #fff;
}

.hot_list_container .hot_title {
    width: 180px;
    background-image: url(../assets/material/ploygon_web.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 30px;
}

.hot_list_container .hot_title .hot_desc {
    padding-top: 50px;
    background-image: url(../assets/icons/crown.svg);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    color: #fff;
}

.hot_list_container .hot_title .hot_desc span {
    display: block;
    width: 135px;
    text-align: center;
}

.hot_list_container .hot_swiper {
    width: calc(100% - 180px - 10px - 15px);
    overflow: hidden;
    padding: 30px 5px 30px 0;
    margin-left: 15px;
}

.hot_list_container .hot_swiper .swiper-slide {
    text-align: center;
    padding: 0 3px;
}

.hot_list_container .hot_swiper .mfo_product_card {
    /*width: 100%;*/
    overflow: visible;
    position: relative;
}

.hot_list_container .hot_swiper .mfo_product_card:hover {
    /*border: 1px solid transparent;*/
}

.top_list_container.hot_list_container .hot_swiper .mfo_product_card:hover:before{
    content: '';
    position: absolute;
    right: 10px;
    top: -3px;
    width: 40px;
    height: 3px;
    background-color: #DE5398;
    z-index: 4;
}
.top_list_container.hot_list_container .hot_swiper .mfo_card:hover:before{
    content: '';
    position: absolute;
    right: 10px;
    top: -3px;
    width: 100px;
    height: 3px;
    /*background-color: #DE5398;*/
    z-index: 4;
}
.hot_list_container .hot_swiper .mfo_product_card a {
    display: block;
    position: relative;
}

.hot_list_container .hot_swiper .mfo_product_card .img_wrapper .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.hot_list_container .hot_swiper .mfo_product_card .img_wrapper .img_box img{
    width: 98%;
}
.hot_list_container .hot_swiper .mfo_product_card .price_container p {
    text-align: left;
}

.hot_list_container .hot_swiper .mfo_product_card a .img_wrapper {
    z-index: 2;
}

.hot_list_container .hot_swiper .mfo_product_card a .content_wrapper {
    z-index: 2;
}

.hot_list_container .hot_swiper .mfo_product_card:hover{    
  
}
.hot_list_container .hot_swiper .mfo_product_card:focus {outline:0;}
.hot_list_container .hot_swiper .ranking {
    width: 34px;
    height: 36px;
    background-image: url(../assets/material/tag_ranking.svg);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: -3.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    z-index: 7;
}
.hot_list_container .hot_swiper .swiper-container .swiper-pagination-bullet {
   /*
    width: 15px;
    height: 15px;
    background: #E4E4E4;
    border-radius: var(--roundCornerBig);
    margin: 0 8.5px;
    transition: all .3s ease-in-out;
    opacity: 1;
    */
}

.hot_list_container .hot_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    /*    
    width: 37px;
    background-color: var( --colorOrange);
    */
}

.hot_list_container .hot_swiper .swiper-pagination {
    bottom: 0px;
    position: relative;
    height: 20px;
}
.hot_list_container .hot_swiper .swiper-pagination.swiper-pagination-lock{
    display: none;
}
.hot_list_container .hot_swiper .swiper-wrapper{
    height: fit-content;
}
.hot_list_container .hot_swiper .swiper-wrapper+.swiper-pagination {
    margin-top: 20px;
}
.hot_list_container .hot_swiper .mfo_product_card .content_wrapper .product_info .product_name {
    text-align: left;
}

/**折扣**/
.hot_list_container.discount_list_container {
    border-color: #624BEE;
}

.hot_list_container.discount_list_container .hot_title {
    background-image: url(../assets/material/ploygon_web_purple.svg);
    padding-left: 10px;
}

.hot_list_container.discount_list_container .hot_title .hot_desc {    
    background-image: url(../assets/icons/sale.svg);
}

/**每月**/
.hot_list_container.month_list_container {
    border-color: #0EAA7D;
}

.hot_list_container.month_list_container .hot_title {
    background-image: url(../assets/material/ploygon_web_green.svg);
    padding-left: 10px;
}

.hot_list_container.month_list_container .hot_title .hot_desc {   
    background-image: url(../assets/icons/star_white.svg);
}

/**最多人關注**/
.hot_list_container.notice_list_container {
    border-color: #FFBA0D;
}

.hot_list_container.notice_list_container .hot_title {
    background-image: url(../assets/material/ploygon_web_yellow.svg);   
}

.hot_list_container.notice_list_container .hot_title .hot_desc {  
    background-image: url(../assets/icons/notice.svg);
}



/**有字的大banner**/
.banner_container {
    margin-bottom: 95px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.banner_container .img_box img {
    width: 100%;
}

.banner_container .img_box .mobile {
    display: none;
}

.banner_container .info_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 51.5%;
    height: 100%;
    padding-right:0%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.banner_container .info_box h3 {
    font-size: 45px;
    font-weight: 700;
    color: var( --colorOrange);
    line-height: 1.5;
}

.banner_container .info_box p {
    font-size: 18px;
    color: #2D2D6C;
    line-height: 1.5;
}

.banner_container .info_box a.more {
    background: #FFFFFF;
    border: 2px solid var( --colorOrange);
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    width: fit-content;
    padding: 8px 33px;
    color: var( --colorOrange);
    margin-top: 8vw;
}

.banner_container .info_box a.more i {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(../assets/icons/arrow_right_orange_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.banner_container .info_box a.more:hover,.banner_container .info_box a.more:active {
    /*background-color: var( --colorOrange);
    color: #fff;*/
    font-weight: 700;
    box-shadow: var(--boxshadow);
}

.banner_container .info_box a.more:hover i {
    /*background-image: url(../assets/icons/arrow_right_white.svg);*/
}


/**類別名稱**/
.cate_title {
    border-bottom: 1px solid #D2D2D2;
    position: relative;
    margin-bottom: 30px;
}

.cate_title h2 {
    font-weight: 700;
    font-size: 24px;
    color: var( --colorOrange);
    line-height: 36px;
    position: relative;
    padding: 0 0 10px 0;
    display: inline-block;
}

.cate_title h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 8px;
    background-color: var( --colorOrange);
    border-radius: 100px;
}

/**分類列表**/
.category_list_container.add_fixed_margin{
    margin-bottom: 0;
}
.category_list_container.add_fixed_margin .cate_grid_container .brand_swpier .cate_list_wrapper{
    margin-bottom: 30px;
}
.category_list_container.add_fixed_margin .cate_swiper .swiper-button-next{
    top: calc(50% - 30px - 0px);
}
.category_list_container.add_fixed_margin .cate_swiper .swiper-button-prev{
    top: calc(50% - 30px - 0px);
}
.category_list_container .cate_grid_container .cate_list_wrapper {
    text-align: center;
    /*margin-bottom: 95px;*/
}
.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper {
    padding-bottom: 50px;
    display: block;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item {
    display: inline-block;
    margin: 15px;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item a {
    display: block;
    text-align: center;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item .item_img {
    width: 100%;
    height: 200px;
    background-image: url(../assets/material/ploygon_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% auto;
    margin: 0 auto;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item .item_img .img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item .item_img .img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item .item_desc {
    margin-top: 10px;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item .item_desc h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: var( --colorOrange);
    text-align: center;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item:hover .item_img {
    background-image: url(../assets/material/ploygon_bg_select.png);
}

.category_list_container .cate_grid_container .cate_list_wrapper .item:hover .item_img .img:nth-child(1) {
    opacity: 0;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item:hover .item_img .img:nth-child(2) {
    opacity: 1;
}

.category_list_container .cate_grid_container .cate_list_wrapper .item:hover .item_desc h3 {
    color: #DD5298;
}
.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper{
    display: flex;
}
.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item {
    margin: 0px auto;    
    width: calc(100% / 6 );
    /*width: 100%;*/
}
.category_list_container .cate_grid_container .brand_swpier.logo_swpier .cate_list_wrapper .item {
    width: 100%;
}
.category_list_container .cate_grid_container .brand_swpier.logo_swpier .cate_list_wrapper {
    display: block;
}
.category_list_container  .brand_swpier.cate_swiper.logo_swpier .swiper-button-next{
    top: 50%;
}
.category_list_container  .brand_swpier.cate_swiper.logo_swpier .swiper-button-prev{
    top: 50%;
}
.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper {
    /*margin-top: 15px;*/
    /*margin-left: -10px;
    margin-right: -10px;*/
}

.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item:hover .item_img .img:nth-child(1) {
    opacity: 1;
}

.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item:hover .item_img .img:nth-child(2) {
    opacity: 0;
}

.category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item .item_img .img img {
    max-width: 46%;
}

.category_list_container .cate_grid_container .cate_swiper {
    position: relative;
    padding: 0 80px;
}

.category_list_container .cate_grid_container .cate_swiper .swiper-container {
    overflow: hidden;
    min-width: -webkit-fill-available;
}

.category_list_container .cate_grid_container .cate_swiper .swiper-wrapper {
    height: fit-content;
    /*overflow: hidden;*/
}

.category_list_container .cate_swiper {
    /*margin: 0 4%;*/
}

.category_list_container .brand_swpier {
    /*margin-bottom: 50px;*/
}

.category_list_container .swiper-pagination {
    margin-top: 0;
}

.category_list_container .cate_swiper .swiper-button-next {
    /*right: -4.4%;*/
    top: calc(50% - 30px - 15px);
}

.category_list_container .cate_swiper .swiper-button-prev {
    /*left: -4.4%;*/
    top: calc(50% - 30px - 15px);
}
.category_list_container .cate_grid_container .brand_swpier.new_cate_swiper .cate_list_wrapper .item {
    width: 100%;
 }
.category_list_container .tab_toggle{
    text-align: center;
}
.category_list_container .tab_toggle .box{
    display: inline-block;
    box-shadow: var(--boxshadow);
    padding: 8px;
    border-radius: 100px;
    background-color: #fff;
}
.category_list_container .tab_toggle{
    margin-top: 30px;
    margin-bottom: 30px;
}
.category_list_container .tab_toggle .box a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--colorOrange);
    border-radius: 100px;
    min-width: 135px;
    min-height: 38px;
}
.category_list_container .tab_toggle .box a:hover,.category_list_container .tab_toggle .box a.active{
    color: #fff;
    background: rgba(255,102,0,1);
    background: -moz-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,102,0,1)), color-stop(100%, rgba(255,214,11,1)));
    background: -webkit-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -o-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: linear-gradient(to right, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffd60b', GradientType=1 );
}
.category_list_container .tab_detail .detail{
    /*display: none;*/
    opacity: 0;
    height: 0;    
}
.category_list_container .tab_detail .detail.active{
    /*display: block;*/
    opacity: 1;
    height: auto;
}

/**活動輪播**/
.activity_list_container .activity_swiper {
    margin: 50px 5%;
    position: relative;
}



.activity_list_container .activity_swiper .swiper-wrapper {
    height: fit-content;
}

.activity_list_container .swiper_box {
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--boxshadow);
    padding-bottom: 20px;
    position: relative;
    margin: 0 15px;
}

.activity_list_container .swiper_box:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    background: #DD5298;
}

.activity_list_container .swiper_box .top-box img {
    width: 100%;
}

.activity_list_container .swiper_box .bottom_box {
    padding: 6%;
}

.activity_list_container .swiper_box .bottom_box .product_card_list {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    width: 100%;
}

.activity_list_container .swiper_box .bottom_box .product_card_list .card_item {
    width: 50%;
    text-align: center;
    position: relative;
}

.activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card:hover {
    border: 1px solid transparent;
}
.activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card a{
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}
.activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card:hover:after {
    /*
    content: '';
    position: absolute;
    left: calc(50% - 126px - 1.5px);
    top: -1.5px;
    border: 3px solid #DE5398;
    width: calc(252px - 3px);
    height: calc(100% - 3px);
    border-radius: 8px;
    z-index: 1;
    display: block;
    */
}
.activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card .img_box img{
    width: 98%;
}



.activity_list_container .activity_swiper .swiper-button-next {
    right: -5.6%;
    top: calc(50% - 30px );
}

.activity_list_container .activity_swiper .swiper-button-prev {
    left: -5.6%;
    top: calc(50% - 30px );
}

.activity_list_container .swiper-container {
    overflow: hidden;
}

.activity_list_container .swiper-container .swiper-pagination {
    position: relative;
    margin-top: 50px;
}



/**小廣告輪播**/
.advertise_list_container .advertise_swiper {
    height: fit-content;
    position: relative;
    padding: 50px 60px;
}

.advertise_list_container.page2 .advertise_swiper {
    padding: 20px 60px;
}

/*.advertise_list_container.page2 .advertise_swiper {
    margin: 50px 6%;
    padding: 0;
}*/
.advertise_list_container .advertise_swiper .swiper_box .top-box a {
    /*display: block;*/
    display: flex;    
    overflow: hidden;
    border-radius: var(--roundCornerBig);
    /*border: 3px solid transparent;*/
    box-shadow: var(--boxshadow); 
    position: relative;
    margin: 5px;
}
.advertise_list_container .advertise_swiper .swiper_box .top-box a:hover:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: var(--roundCornerBig);
    border: 3px solid #DE5398;

}

.advertise_list_container .advertise_swiper .swiper_box .top-box img {
    width: 100%;
}

.advertise_list_container .advertise_swiper .swiper_box .bottom-box {
    margin-top: 30px;
    padding: 0 5px;
}

.advertise_list_container .advertise_swiper .swiper_box .bottom-box h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #17171A;
}

.advertise_list_container .advertise_swiper .swiper_box .bottom-box p {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #686868;
    margin-top: 10px;
}

.advertise_list_container .advertise_swiper .swiper-button-next {
    right: 0;
    top: calc(50% - 30px - 5px);
}


.advertise_list_container .advertise_swiper .swiper-button-prev {
    left: 0;
    top: calc(50% - 30px - 5px);
}
.advertise_list_container .advertise_swiper .article_card{
    width: calc(100% - 3.21px);
}
.advertise_list_container .advertise_swiper .article_card a{
    overflow: hidden;
}
.advertise_list_container .advertise_swiper .article_card a:hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: var(--roundCornerBig);
    border: 3px solid #DE5398;

}
.advertise_list_container .swiper-container {
    overflow: hidden;
    margin: 0 10px;
}

.advertise_list_container.page2 .swiper-container .swiper_box{
    width: calc(100% - 10px);
    margin: 5px auto;
    min-width: auto;
}

/*.advertise_list_container.page2 .advertise_swiper .swiper-button-next {
    right: -7%;
    top: calc(50% - 30px - 5px);
}


.advertise_list_container.page2 .advertise_swiper .swiper-button-prev {
    left: -7%;
    top: calc(50% - 30px - 5px);
}*/


/*.advertise_list_container.page2 .swiper-container {
    overflow: hidden;
    margin: 0;
}*/


.advertise_list_container .advertise_swiper .swiper-pagination {
    position: relative;
    margin-top: 50px;
}


.activity_card_container{
    margin-bottom: 50px;
    position: relative;
}
.activity_card_container .activity_card_swiper {   
    margin: 0 100px;
    margin-top: 30px;
}
.activity_card_container .activity_card_swiper .swiper-container{
    overflow: hidden;
}
.activity_card_container .activity_card_swiper .swiper-wrapper{
    height: fit-content;
    padding-bottom: 50px;
}
.activity_card_container .activity_card_swiper .swiper-wrapper .swiper-slide{
    padding: 0 10px;
}  
.activity_card_container .activity_card_swiper .swiper-wrapper .swiper-slide .activity_card{
    position: relative;
}
.activity_card_container .activity_card_swiper .swiper-wrapper .swiper-slide .activity_card:active:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height:  calc(100% - 6px);   
    border: 3px solid  #DD5298;
    border-radius: 10px;
}  
.activity_card_container .activity_card_swiper  .swiper-button-next{
    right: 0;
   
}
.activity_card_container .activity_card_swiper  .swiper-button-prev{
    left: 0;
    
}

.product_card_container{
    /*margin-bottom: 50px;
    position: relative;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;*/
}
.product_card_container .product_card_swiper {    
    margin: 0 100px;
    margin-top: 30px;
}
.product_card_container.product_card_fixed_container .product_card_swiper {    
    margin-right: 0px;
    margin-top: 30px;
}
.product_card_container .product_card_swiper .swiper-container{
    overflow: hidden;
}
.product_card_container .product_card_swiper .swiper-wrapper{
    height: fit-content;
    padding-bottom: 50px;
}
.product_card_container .product_card_swiper  .swiper-button-next{
    right: 0;
    top: calc(50% - 2vw);
}
.product_card_container .product_card_swiper  .swiper-button-prev{
    left: 0;
    top: calc(50% - 2vw);
}
.product_card_container .product_card_swiper .swiper-slide a{
    margin: 0 5px;
}
.product_card_container .product_card_swiper .swiper-slide img{
    width: 100%;
}
.product_card_container .product_card_swiper .swiper-slide a{
    box-shadow: var(--boxshadow);
    overflow: hidden;
    border-radius: var(--roundCornerBig);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.product_card_container .product_card_swiper .swiper-slide a:hover:before{
    content: '';    
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6px);  
    height: calc(100% - 6px);  
    border-radius: var(--roundCornerBig);
    border: 3px solid #DE5398;
}


/**背景底部的裝飾色塊**/
.mfo_deco{
    overflow: hidden;
}
.mfo_deco221 {
    background-image: url(../assets/material/page221_deco_web.svg);
    background-position: center 5vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mfo_deco211 {
    background-image: url(../assets/material/page211_deco_web.svg);
    background-position:center 45vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mfo_deco111 {
    background-image: url(../assets/material/page111_deco_web.svg);
    background-position:center 5vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco111.mfo_deco_fixed{
    background-image: url(../assets/material/page111_deco_web_fixed.svg);
}
.mfo_deco751 {
    background-image: url(../assets/material/page751_deco_web.svg);
    background-position: center 10vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mfo_deco732 {
    background-image: url(../assets/material/page732_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco741_step2{
    background-image: url(../assets/material/page741_step2_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco751_step3{
    background-image: url(../assets/material/page751_step3_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco761_step2{
    background-image: url(../assets/material/page761_step2_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco771_step2{
    background-image: url(../assets/material/page771_step2_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco733_step1{
    background-image: url(../assets/material/page733_step1_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco741_step4{
    background-image: url(../assets/material/page741_step4_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco743_step2{
    background-image: url(../assets/material/page743_step2_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco741_step5{
    background-image: url(../assets/material/page741_step5_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco751_step4{
    background-image: url(../assets/material/page751_step4_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco771_step3{
    background-image: url(../assets/material/page771_step3_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco121{
    background-image: url(../assets/material/page121_deco_web.svg);
    background-position: center 28vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco122{
    background-image: url(../assets/material/page122_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco1221{
    background-image: url(../assets/material/page1221_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco1222{
    background-image: url(../assets/material/page1222_deco_web.svg);
    background-position: center 40vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco1223{
    background-image: url(../assets/material/page1223_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco124{
    background-image: url(../assets/material/page1224_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco1225{
    background-image: url(../assets/material/page1225_deco_web.svg);
    background-position: center 28vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco131{
    background-image: url(../assets/material/page131_deco_web.svg);
    background-position: center 28vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco132{
    background-image: url(../assets/material/page132_deco_web.svg);
    background-position: center 28vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco133{
    background-image: url(../assets/material/page133_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco141{
    background-image: url(../assets/material/page141_deco_web.svg);
    background-position: center 28vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco151_step1a{
    background-image: url(../assets/material/page151_step1a_deco_web.svg);
    background-position: center 50vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco151_step1b{
    background-image: url(../assets/material/page151_step1b_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco151_step2{
    background-image: url(../assets/material/page151_step2_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco151_step4{
    background-image: url(../assets/material/page151_step4_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco731a_step1{
    background-image: url(../assets/material/page731a_step1_deco_web.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.mfo_deco61_filter{
    background-image: url(../assets/material/page61_filter_deco_web.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
.mfo_deco61_find{
    background-image: url(../assets/material/page61_find_deco_web.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    min-height: calc(100vh - 170px);
}
.mfo_deco_under_18{
    background-image: url(../assets/material/under18_deco_web.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
.twelve_shape_bg.hide_twelve_shape_bg:before{
    background-image: none;
}
.twelve_shape_bg.hide_twelve_shape_bg:after{
    background-image: none;
    right: 0;
}


/**申辦流程**/
.bidding_process_container.add_margin_top01{
    margin-top: 30px;
}
.bidding_process_container .notice_list .item {
    margin: 50px 0;
}

.bidding_process_container .notice_list .item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #17171A;
}
.bidding_process_container .identity_detail_wrapper .notice_list .item h3 {
    display: flex;
    flex-wrap: wrap;
}
.bidding_process_container .identity_detail_wrapper  .notice_list .item h3 div{
    display: inline-block;
    width: calc(100% - 45px);
    text-align: justify;
}
.bidding_process_container .notice_list .item h3 i {
    font-style: normal;
    display: inline-block;
    width: 45px;
}
.bidding_process_container .notice_list .item h3 .orange{
    color: #f73603;
}
.bidding_process_container .notice_list .item .box {
    background: var(--colorLightOrange);
    border-radius: 6px;
    padding: 30px;
    margin-left: 45px;
    margin-top: 30px;
}
.bidding_process_container .notice_list .item .sub_desc{
    margin-left: 45px;
    margin-top: 20px;
}
.bidding_process_container .notice_list .item .sub_desc p{
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    text-align: justify;
}
.bidding_process_container .notice_list .item .box .id_card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.bidding_process_container .notice_list .item .box .id_card .add {
    margin: 0 6%;
}

.bidding_process_container .notice_list .item .box .id_card .card div {
    display: inline-block;
}

.bidding_process_container .notice_list .item .box .id_card .card h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
    margin-bottom: 10px;
}

.bidding_process_container .notice_list .item .box .id_card .card img {
    max-width: 350px;
}

.bidding_process_container .notice_list .item .box .info_list {
    max-width: 1180px;
    margin: 0 auto;
}
.bidding_process_container .notice_list .item .box .info_list ul{
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    list-style: disc;
    padding-left: 20px;
}
.bidding_process_container .notice_list .item .box .info_list ul li{
    margin: 10px 0;
}
.bidding_process_container .notice_list .item .box .info_list ul .pink{
    color: var(--color-pink-venue);
    
}
.bidding_process_container .notice_list .item .box .info_list .sub_item {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    padding-left: 12px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.bidding_process_container .notice_list .item .box .info_list .sub_item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #DE5398;
    border-radius: 100px;

}

.bidding_process_container .notice_list .item .box .info_list .sub_item.min_height {
    min-height: 58px;
}

.bidding_process_container .notice_list .item .box .info_list .sub_item .pink {
    color: #DE5398;
}

.bidding_process_container .notice_list .item .box .info_list .sub_item:first-child {
    margin-top: 0;
}

.bidding_process_container .notice_list .item .box .info_list .sub_item.pink_item {
    background: rgba(222, 83, 152, 0.2);
}

.bidding_process_container .notice_list .item .box .profile_table {
    max-width: 1180px;
    margin: 0 auto;
}

.bidding_process_container .notice_list .item .box .profile_table table {
    border-radius: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    width: 100%;
    overflow: hidden;
}

.bidding_process_container .notice_list .item .box .profile_table table thead th {
    color: #fff;
    background: var( --colorOrange);
    padding: 5px;
    text-align: center;
}

.bidding_process_container .notice_list .item .box .profile_table table tbody td {
    border-bottom: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    background-color: #fff;
    color: #1B1B1B;
    padding: 5px;
    text-align: center;
}

.bidding_process_container .notice_list .item .box .profile_table table tbody td:last-child {
    border-right: none;
}

.bidding_process_container .notice_list .item .box .profile_table table tbody tr:last-child td {
    border-bottom: none;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list{
    display: flex;
    flex-wrap: wrap;
    margin-left: 45px;
    margin-top: 30px;
}
.bidding_process_container .sponsor_identity_container p{
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #1B1B1B;
    text-align: justify;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item{
    margin-right: 30px;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item:last-child{
    margin-right: 0;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item a{
    display: block;
    text-align: center;
    width: 280px;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    padding: 25px 0;
    position: relative;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item a .desc{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
    margin-top: 8px;
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item a:hover,.bidding_process_container .sponsor_identity_container .identity_tab_list .item.active a{
    background: var(--colorLightOrange);
}
.bidding_process_container .sponsor_identity_container .identity_tab_list .item a:hover:before,.bidding_process_container .sponsor_identity_container .identity_tab_list .item.active a:before{
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid var( --colorOrange);
    border-radius: 5px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.bidding_process_container .sponsor_identity_container .identity_detail_wrapper .notice_list{
    display: none;
}
.bidding_process_container .sponsor_identity_container .identity_detail_wrapper .notice_list.active{
    display: block;
}
.bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .add{
    margin: 0 2.5%;
}
.bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card img{
    max-width: initial;
    /*max-height: 213px;*/
    max-height: 155px;
}
.bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card .white_bg{
    background-color: #fff;
    padding: 5px;
}
.process_step_wrapper.hide{
    display: none;
}
.step_button_container {
    background-color: #fff;   
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*padding: 33px 0;   */
    padding: 15px 0;
    box-shadow: var(--boxshadow);

    position: sticky;
    /*z-index: 887;*/
    z-index: 553;
    bottom: 0;
}

.step_button_container button {
    font-weight: 500;
    font-size: 18px;
    /*line-height: 27px;*/
    cursor: pointer;
    margin: 0 28px;
}

.step_button_container button.btn_orange {
    background: var( --colorOrange);
    color: #fff;   
    border-radius: 100px;
    border: none;
    min-width: 247px;
    min-height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;   
}
.step_button_container button.btn_orange.btn_short{
    min-width: 176px;
}
.step_button_container button.btn_orange i{
    display: inline-block;
    background-image: url(../assets/icons/arrow_prev_step_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 8px;
}
.step_button_container button.btn_orange:disabled:hover{
    box-shadow:none !important;
}
.step_button_container button.btn_orange:disabled i, .step_button_container button.btn_orange:disabled:hover i, .step_button_container button.btn_orange:disabled:active i{
    background-image: url(../assets/icons/arrow_prev_step_gray.svg);
    cursor: default;    
}
.step_button_container button.btn_orange:hover{
    box-shadow: var(--boxshadow);
}
.step_button_container button .loading{
    height: 20px;
    margin-bottom: -4px;
}
.step_button_container button.btn_white{
    background: #fff;
    color: #fff;    
    border-radius: 100px;
    border: 2px solid var( --colorOrange);
    min-width: 176px;
    min-height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;    
    color: var( --colorOrange);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.step_button_container button.btn_white:hover{
    box-shadow: var(--boxshadow);
}
.step_button_container button.btn_white.size_same_orange{
    min-width: 260px;
    min-height: 60px;
}
.step_button_container button:disabled,.step_button_container button:disabled:hover,.step_button_container button:disabled:active{
    background: #EDEDED !important;
    border: 2px solid #D2D2D2;
    color: #868686;
    cursor: default;
    box-shadow:none;
}
.step_button_container button.btn_white:hover{
    font-weight: 700;
    box-shadow: var(--boxshadow);
}
.step_button_container button.btn_white i{
    display: inline-block;
    background-image: url(../assets/icons/arrow_prev_step_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 8px;
}
.step_button_container button.btn_orange:hover {
    background: #F5AC86;
    box-shadow: var(--boxshadow);
}

.step_button_container button.btn_orange:active {
    background: var( --colorOrange);
}

.step_button_container .mfo_button.product{
    max-width: 301px;
}
.step_button_container.step_product_container{
    /*padding: 5px 0;*/
    padding: 15px 0;
    overflow: hidden;
}
.step_button_container .mfo_button.product{
    max-width: 210px;
    height: 40px;
    font-size: 18px;
}
.step_button_container .mfo_button.popup.tertiary.disabled,.step_button_container .mfo_button.popup.tertiary{
    max-width: 210px;
    width: 210px;
    height: 40px;
    font-size: 18px;
    
}
.step_button_container .mfo_button.popup.tertiary.disabled .bill{
    /*transform: translateX(100vw);
    filter: drop-shadow(#979797 -100vw 0);*/
    background-image: url(../assets/icons/list_gray.svg);
}
.step_button_container button.mfo_button.product.sale_not_yet:disabled,.step_button_container button.mfo_button.product.sale_not_yet:disabled:hover {
    color: #fff;
    background-color: var(--colorOrange) !important;
    border: 2px solid var(--colorOrange) !important;
}
/**申辦流程**/
.bidding_step_list{
    /*margin: 50px -30px;*/
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bidding_step_list.five_steps.two_steps{
    justify-content: center;
}
.bidding_step_list.five_steps.two_steps .line{
    width: 40vw;
}
.bidding_step_list .item{
    padding: 0 30px;
    text-align: center;
}
.bidding_step_list.seven_steps {
    margin: 50px -10px;
}

.bidding_step_list.seven_steps .item {
    padding: 0 10px;
}

.bidding_step_list.seven_steps .line {
    width: calc(100% / 6 - 160px);
}
.bidding_step_list .item .img .circle{
    border-radius: 100%;
    width: 90px;
    height: 90px;
    border: 10px solid #D2D2D2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    margin:0 auto;
    background-color: #fff;
}
.bidding_step_list .item .img .circle img:nth-child(2){
    position: absolute;
    left: calc(50% - 21px);
    top: calc(50% - 21px);
    opacity: 0;
}
.bidding_step_list .item .desc{
    margin-top: 8px;
}
.bidding_step_list .item .desc h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #D2D2D2;
}
.bidding_step_list .item.active .img .circle{
    border-color: var( --colorOrange);
}
.bidding_step_list .item.active .img .circle img:nth-child(1){
    opacity: 0;
}
.bidding_step_list .item.active .img .circle img:nth-child(2){
    opacity: 1;
}
.bidding_step_list .item.active .desc h3{
    color: var( --colorOrange);
}
.bidding_step_list .line{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.bidding_step_list .line span{
    border: 100px;
    display: block;
    height: 8px;
    background-color: #D2D2D2;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;  
}
.bidding_step_list .item.active + .line span{
    background-color:var( --colorOrange);
}

.bidding_step_list.two_steps{
    justify-content: flex-start;
}

.bidding_step_list.five_steps .line{
    display: inline-block;
    width: calc(100% / 4 - 150px - 40px);
    position: relative;
}
.bidding_step_list.four_steps .line{
    display: inline-block;
    width: calc(100% / 3 - 150px - 50px);
    position: relative;
}

.bidding_step_list.three_steps .line{
    display: inline-block;
    width: calc(100% / 2 - 150px - 80px);
    position: relative;
}
.bidding_step_list.two_steps .line{
    display: inline-block;
    width: calc(100% / 1 - 150px - 150px);
    position: relative;
}



.bidding_step_container{
    min-height: 42vh;
}
.bidding_step_container .gift_choice_container{
    margin-top: 45px;
}
.bidding_step_container .gift_choice_container .mfo_radio_group{    
    width: calc(100% + 24px);
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    position: relative;
} 
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper{
    width: calc(100% / 4 - 24px);
    margin: 12px;
    border-color: #D2D2D2;
    position: relative;
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow: var(--boxshadow);    
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper .content{
    color: #1B1B1B;
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper:hover .checkmark{
    border: 1px solid #B7B6B7;
    background-color: white;
    opacity: 1;
}


.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper:hover:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    border: 1px solid #D2D2D2;
    z-index: 1;

}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper input{
    z-index: 2;
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper span{
    z-index: 2;
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper.active{
    background: var(--colorLightOrange);
    box-shadow: var(--boxshadow);  
}
.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper.active:after,.bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper:active:after{
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 8px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 2px solid var( --colorOrange);
    z-index: 1;
}
.bidding_step_container .gift_choice_container p{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    text-align: justify;
}
.bidding_process_container .process_step_wrapper .item{
    margin: 55px 0;
}
.bidding_process_container .process_step_wrapper .item .item_title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.bidding_process_container .process_step_wrapper .item .item_title h4{   
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #17171A;      
    overflow: hidden;
}
.bidding_process_container .process_step_wrapper .item .item_title h4:after {
    content:"";
    top:48%;
    width:100%;
    margin-left:25px;
    height:1px;
    position:absolute;
    background-color: var( --colorOrange);
}
.bidding_process_container .process_step_wrapper .item .item_title i{
    width: 14px;
    height: 20px;
    background-image: url(../assets/icons/deco_dot_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
}
.bidding_process_container .process_step_wrapper .item .item_title i.alert{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../assets/icons/alert_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
    margin-right: 5px;
}

.bidding_process_container .process_step_wrapper .item .insurance-table-fee{
    margin-top: 30px; 
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div{
    border: 1px solid rgba(209, 209, 209, 1);
    overflow: hidden;
    border-radius: 10px;
    width: max-content;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table{
    box-shadow: none;
    border-radius: 0;
    border-collapse: separate;
    border-spacing: 0;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table th{
    font-size: 20px;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table td{
    font-size: 18px;
    text-align: center;
    border-left: 0;
    border-top: 0;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table td .orange{
    color: var(--color-org);
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td:first-child{
   border-left: none;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td:last-child{
    border-right: none;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td .max-wid{
    max-width: 880px;
}
.bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td ul{
    text-align: left;
    width: max-content;   
    padding-left: 20px;
    list-style: disc;
    margin: 0 auto;
    max-width: 100%;
}
.bidding_process_container .process_step_wrapper .item .item_info{
    margin-top: 45px;
    font-weight: 400;
    font-size: 20px;
    color: #1B1B1B;
    line-height: 29px;
    margin-left: 120px;
    text-align: justify;
}
.bidding_process_container .process_step_wrapper .item .item_info .orange_box{
    background: var(--colorLightOrange);
    border-radius: 6px;
    padding:20px 100px;
}
.bidding_process_container .process_step_wrapper .item .item_info .white_box{
    background: #fff;    
    padding:20px 100px;
}
.bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr{
    display: flex;
    flex-wrap: wrap;
}
.bidding_process_container .process_step_wrapper .item .item_info .orange_box .order_info_table .tr{
    border-bottom: 1px solid rgba(255, 103, 0, 0.3);
}
.bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #17171A;
}
.bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(1){
    width: 300px;
    padding:5px 15px;
}
.bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(2){
    width: calc(100% - 330px);
    padding:5px 15px;
}
.bidding_process_container .process_step_wrapper .item .item_info .orange{
    color: #F73603;    
}
.bidding_process_container .process_step_wrapper .item .item_info a{
    color: #4286DE;
    text-decoration: underline;
    word-break: break-all;
}
.bidding_process_container .process_step_wrapper .item .item_info ul{
    margin-left: 25px;
    list-style:disc;
    margin-bottom: 40px;
}
.bidding_process_container .process_step_wrapper .item .item_info ol{
    margin-left: 25px;
    list-style:decimal;
    margin-bottom: 40px;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list{    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 45px;
    margin-left: 120px;
    width: calc(100% - 120px);    
    justify-content: space-between;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list.item_upload_list_lockout{
    justify-content: center;
    margin-left: 0;
    width: 100%;
}
.bidding_process_container .process_step_wrapper .item .agree{
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper .checkmark{
    left: 0;
    top: 2px;
}
.bidding_process_container .process_step_wrapper .item .agree .error {
    margin-top: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #F73603;
    display: none;
    text-align: left;
}
.bidding_process_container .process_step_wrapper .item .agree .error.show_error{
    display: block;
}
.bidding_process_container .process_step_wrapper .item .agree.show_error .error{
    display: block;
}
.bidding_process_container .process_step_wrapper .item .agree div{
    width: calc(100% - 35px);
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper span{
    font-weight: 400;
    font-size: 20px; 
    color: #1B1B1B;
    line-height: 29px;
    margin-top: 2px;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper input:checked:disabled{
    cursor: default;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper input:checked:disabled ~ .checkmark{
    background: linear-gradient(180deg, #FFBA0D 0%, #FF6700 100%) !important;
    border: 0.5px solid #FFBA0D;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper span.checkmark:hover{
    background-color: #fff;
    opacity: 1;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper:hover span.checkmark{
    background-color: #fff;
    opacity: 1;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper a{
    color:rgba(66, 134, 222, 1);
    text-decoration: underline;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .box{
    padding:18px 38px 65px 38px;
    background: var(--colorLightOrange);
    border-radius: 6px;   
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #1B1B1B;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list h5{
    font-weight: 500;
    /*font-size: 18px;*/
    font-size: 16px;
    line-height: 26px;
    color: #1B1B1B;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .col{      
    position: relative;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list.id_card_list .col:first-child{
    margin-right: 2.85vw;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box{
    background: #FFFFFF;
    border: 1px solid #868686;
    border-radius: 7px;
    /*height: 12.3vw;*/
    height: 10vw;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*width: 19.8vw*/
    width: 13.5vw;
    position: relative;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box img{
    /*width: 90%;
    margin: 0 auto;*/

    /*width: auto!important;
    height: auto;*/

    width: 100%;
    height: 100%;
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
    margin: 0 auto;
    object-fit: contain;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box img.upload_preview {
    /*width: auto;
    height: auto;*/
    width: 0;
    height: 0;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.success_box img.upload_preview{
    width: 100%;
    height: 100%;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.success_box div{
    text-align: center;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.fail_box{
    border-color: #F73603;
    padding: 0 0px;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box input[type="file"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .span_upload_file{
    border: none;
    background-color: transparent;
    text-align: center;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .span_upload_file.hide{
    display: none;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .span_upload_file i{
    width: 56px;
    height: 56px;
    display: inline-block;
    background-image: url(../assets/icons/upload.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .span_upload_file span{
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(23, 23, 26, 0.8);
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_medssage{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #F73603;
    position: absolute;
    left: 0;
    bottom: -30px;
    display: flex;
    align-items: flex-start;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_medssage.hide{
    display: none;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_medssage img{
    margin-right: 5px;
    max-height: 21px;
    max-width: fit-content;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_img{
    position: relative;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_img img{
    width: 100%;   
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_img i{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../assets/icons/alert_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -25px;
    top: 0;
}

/* 證件上傳成功樣式 */
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .success_message{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #0EAA7D;
    position: absolute;
    left: 0;
    bottom: -30px;
    display: flex;
    align-items: flex-start;
    width: max-content;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .success_message.hide{
    display: none;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .success_message img{
    margin-right: 5px;
    max-height: 18px;
    max-width: fit-content;
}

/* ============== */

/* 證件未上傳 樣式 */

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.no_upload_box{
    border-color: #F73603;
    padding: 0 40px;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .no_upload_message{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #F73603;
    position: absolute;
    left: 0;
    bottom: -30px;
    display: flex;
    align-items: flex-start;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .no_upload_message.hide{
    display: none;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .no_upload_message img{
    margin-right: 5px;
    max-height: 21px;
    max-width: fit-content;
}
/* ============== */

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.upload_loading_box{
    text-align: center;
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.upload_loading_box img{
    text-align: center;
    width: 70px;
    height: auto;
    -webkit-animation: upload_loading_auto 1s infinite steps(8);
    animation: upload_loading_auto 1s infinite steps(8);
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .upload_loading_box{
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;    
    /*flex-wrap: wrap;*/
    align-items: center;
    /*justify-content: center;*/
    flex-direction: column;
    display: none;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .upload_loading_box.show{
    display: flex;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .upload_loading_box img{
    text-align: center;
    width: 70px;
    -webkit-animation: upload_loading_auto 1s infinite steps(8);
    animation: upload_loading_auto 1s infinite steps(8);
    margin-top: -10px
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .upload_loading_box p{
    text-align: center;
    color: #FFBA0D;
    margin-top: -35px;
}
.bank_activities_info .logo{
    text-align: left;
}
.bank_activities_info .bidding_process_container .process_step_wrapper .item{
    margin: 30px 0;
}
.bank_activities_info .bidding_process_container .process_step_wrapper .item .item_info{
    margin-top: 20px;
    text-align: left;
    margin-left: 0;
}
.bank_activities_info .bidding_process_container .process_step_wrapper .item .item_info ol{
    margin-bottom: 20px;
    font-size: 16px;
} 
@-webkit-keyframes upload_loading_auto {
    100% { transform:rotate(360deg);}
}

@keyframes upload_loading_auto {
    100% { transform:rotate(360deg);}
}

.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.upload_loading_box p{
    text-align: center;
    color: #FFBA0D;
    margin-top: 20px;
}


.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .btn_reupload{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #4286DE;
    border: none;
    background-color: transparent;
    margin-top: 5px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .btn_reupload input[type="file"]{
    cursor: pointer;    
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .btn_reupload input[type="file"]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}
.bidding_process_container .process_step_wrapper .item .item_upload_list .add{   
    text-align: center;
}
.bidding_process_container .process_step_wrapper .item .agree{
    /*margin-left: 6.25vw;*/
}
.bidding_process_container .process_step_wrapper .item .agree .aggree_desc{
    font-size: 18px;
    line-height: 1.6;
}
.bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_fieldset{
    margin-bottom: 0;
}
.bidding_process_container .process_step_wrapper .item .sub_item.show_error .error{
    display: block;
}
.bidding_process_container .process_step_wrapper.margin_left_01 .item_info{
    margin-left: 180px;
}
.bidding_process_container .process_step_wrapper.margin_left_01 .item_form_list{
    margin-left: 180px;
}
/**日期 picker**/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background-color: #F73603;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #F73603;
    background: var(--colorLightOrange);
    color: #1B1B1B;
}

/**輸入資料**/
.item_form_list{
    margin-left: 6.25vw;
}
.item_form_list.step_all_box{

}
.step_all_box{
    min-height: 30vh;
    margin-top: 45px;
}
.step_all_box.item_form_list{
    margin-left: 0;
}
.step_all_box input{
    display: block;
    color: #868686;
    border: 1px solid #D2D2D2;
    background-color: white;
    padding: 15px 16px 15px 16px;
    width: 374px;
    margin-bottom: 7px;
    border-radius: 8px;
    font-size: 16px;
    position: relative;
    min-height: 50px;
    outline: 0;
}
.step_all_box input:focus {
    border: 1px solid #FF6700;
    color: #868686;
}
.enter_number_container p{
    font-size: 18px;
    line-height: 32px;
    color: #868686;
    margin-top: 20px;
    font-weight: 400;
}
  
.item_form_list .pay_text{
    margin-left: 25px;
}
.item_form_list.remove_margin_left{
    margin-left: 0;
}
.item_form_list .mfo_input_wrapper input{
    font-size: 16px;
    margin-bottom: 0;
    border: 1px solid #D2D2D2;
    caret-color:var( --colorOrange);
}
.item_form_list .mfo_input_wrapper input:active,.item_form_list .mfo_input_wrapper input:focus{
    border: 1px solid var( --colorOrange);
}
.item_form_list .mfo_input_wrapper input:disabled{
    color: #868686;
    -webkit-text-fill-color: #868686;
    opacity: 1; /* required on iOS */
    border: 1px solid #D2D2D2;
}
.item_form_list .mfo_input_wrapper input:disabled:active{
    border: 1px solid #D2D2D2;
    -webkit-text-fill-color: #868686;
}
.item_form_list .mfo_input_wrapper input::-webkit-outer-spin-button,
.item_form_list .mfo_input_wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.item_form_list .mfo_input_wrapper input[type=number] {
  -moz-appearance: textfield;
}
.item_form_list .sub_item{
    margin: 30px 0;
}
.item_form_list .sub_item.hide_item{
    display: none;
}
.item_form_list .label{
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
    margin: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.item_form_list .label .same_address{
    margin-left: 25px;
}
.item_form_list .label .mfo_checkbox_fieldset{
    margin-bottom: 0;
}
.item_form_list .label .mfo_checkbox_fieldset .mfo_checkbox_wrapper{
    font-size: 16px;
    margin-bottom: 0;
}
.item_form_list .label .mfo_checkbox_fieldset .mfo_checkbox_wrapper:hover span.checkmark{
    background-color: #fff;
    opacity: 1;
}
.item_form_list .label .alert{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../assets/icons/alert_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
}
.item_form_list .controller .mfo_input_wrapper{
    margin-bottom: 0;
}
.item_form_list .controller .mfo_button_wrapper .mfo_button{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    text-align: center;
    background-color: #fff;
    width: 374px;
    height: 50px;
}
.item_form_list .controller .mfo_button_wrapper .mfo_button.select_store:hover{
    background: var( --colorOrange);
    border-color: var( --colorOrange);
    color: #fff;
}

.item_form_list .controller_address_wrapper{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.item_form_list .controller_address_wrapper .address_item{
    margin-right: 20px;    
}
.item_form_list .controller_address_wrapper .address_item:last-child{
    margin-right: 0;
}
.item_form_list .controller_address_wrapper .address_item:nth-child(3) .mfo_input_wrapper input{
    width: 168px;
}
.item_form_list .controller_address_wrapper .address_item:nth-child(4){
    width: calc(100% - 504px - 60px);
}
.item_form_list .controller_address_wrapper .address_item:nth-child(4)  .mfo_input_wrapper input{
    width: 100%;
}
.item_form_list .controller_datetime_wrapper{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.item_form_list .controller_datetime_wrapper .mfo_select {
    margin-top: 0;
    width: auto;
}
.item_form_list .controller_datetime_wrapper .datetime_item{
    margin-right: 10px;    
}
.item_form_list .controller_datetime_wrapper .datetime_item:last-child{
    margin-right: 0;
}
.item_form_list .controller_datetime_wrapper .mfo_select .mfo_select_box{
    width: 184px;
}
.item_form_list .controller_datetime_wrapper .mfo_select .select_box{
    width: 184px;
}
.item_form_list .controller_id_card_wrapper{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.item_form_list .controller_id_card_wrapper .id_card_item{
    margin-right: 10px;
}
.item_form_list .controller_id_card_wrapper .id_card_item:last-child{
    margin-right: 0;
}
.item_form_list .controller_id_card_wrapper .id_card_item .mfo_select{
    width: auto;
}
.item_form_list .controller_id_valiadte{
    margin-top: 10px;
}
.item_form_list .controller_id_valiadte .mfo_checkbox_wrapper{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
}
.item_form_list .controller_id_valiadte .mfo_checkbox_wrapper:hover span.checkmark{
    border: 1px solid #D2D2D2;
    background-color: #fff;
    opacity: 1;
}
.item_form_list .controller_birthday_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.item_form_list .controller_birthday_wrapper .birthday_item{
    margin-right: 10px;
}
.item_form_list .controller_birthday_wrapper .birthday_item:last-child{
    margin-right: 0;
}
.item_form_list .controller_birthday_wrapper .birthday_item .mfo_select{
    width: auto;
}
.item_form_list .controller_birthday_wrapper .mfo_select.disabled .mfo_select_box{
    background-color: #F4F4F4;
    cursor: default;
}
.item_form_list .controller_birthday_wrapper .mfo_select.disabled .mfo_select_box::after{
    opacity: 0.5;
}

.item_form_list .mfo_select{
    margin-top: 0;
}
.item_form_list .mfo_select .mfo_select_box{
    width: 168px;
    height: 50px;
    padding-left: 18px;
}
.item_form_list .mfo_select .select_box{
    width: 168px;
}
.item_form_list .show_error .mfo_select .select_box{
    border-color: #F73603;
}
.item_form_list .mfo_select .mfo_select_box::after{
    top: 20px;
    right: 15px;
}
.item_form_list .mfo_select.disabled .select_box{
    background-color: #F4F4F4;
    cursor: default;
}
.item_form_list .mfo_select.disabled .select_box::after{
    opacity: 0.5;
}
.item_form_list .controller_address_wrapper .mfo_select{
    margin-top: 0;
    width: auto;
}

.item_form_list .mfo_radio_group .radio_item_wrapper{
    margin-bottom: 0;
}
.item_form_list .controller_address_wrapper .mfo_select.disabled .mfo_select_box{
    background-color: #F4F4F4;
    cursor: default;
}
.item_form_list .controller_address_wrapper .mfo_select.disabled .mfo_select_box::after{
    opacity: 0.5;
}

.item_form_list .controller_address_wrapper .mfo_input_wrapper{
    margin-bottom: 0;
}
.item_form_list .controller_address_wrapper .mfo_input_wrapper input{
    margin-bottom: 0;
}
.item_form_list .controller_phone_wrapper{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.item_form_list .controller_phone_wrapper .mfo_input_wrapper{
    margin-bottom: 0;
}
.item_form_list .controller_phone_wrapper .mfo_input_wrapper input{
    margin-bottom: 0;
}
.item_form_list .controller_phone_wrapper .phone_item{
    margin-right: 15px;
}
.item_form_list .controller_phone_wrapper .phone_item:last-child{
    margin-right: 0;
}
.item_form_list .controller_phone_wrapper .phone_item:nth-child(1) .mfo_input_wrapper input{
    width: 168px;
}
.item_form_list .controller_phone_wrapper .phone_item:nth-child(2){
    text-align: center;
}
.item_form_list .controller_phone_wrapper .phone_item:nth-child(2) img{
    margin-top: 25px;
}
.item_form_list .controller_phone_wrapper .phone_item:nth-child(3) .mfo_input_wrapper input{
    width: 264px;
}
.item_form_list .controller_phone_wrapper .phone_item:nth-child(4) .mfo_input_wrapper input{
    width: 168px;
}
.item_form_list .mfo_select .mfo_select_box .mfo_select_value input:disabled ~ .select-box__input-text{
    color: #868686;
    -webkit-text-fill-color: #868686;
    opacity: 1; /* required on iOS */
}
.item_form_list .mfo_select .mfo_select_box .mfo_select_value input:checked ~ .select-box__input-text{
    line-height: 2;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.item_form_list .controller_address_wrapper .mfo_input_wrapper input:disabled{
    color: #868686;
    -webkit-text-fill-color: #868686;
    opacity: 1; /* required on iOS */
}
.item_form_list .controller_service_wrapper .service_item .mfo_radio_group{
    margin-bottom: 5px;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item{
    display: none;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item.open{
    display: block;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper .mfo_radio_group .radio_item_wrapper{
    font-size: 16px;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper .checkmark{
    left: 15px;
    top: 15px;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper span{
    color: #868686;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper span b{
    color: #1B1B1B;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper{
    border-radius: 8px;
    padding: 15px 16px 15px 46px;
    border: 1px solid #D2D2D2;
    width: 460px;
    font-size: 16px;
    margin-bottom: 0;
    background-color: #fff;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper:hover span.checkmark{
    background-color: #fff;
    opacity: 1;
}
.item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper.active{
    /*background: rgba(255, 103, 0, 0.1); */
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);    
    padding-top: 14px;
    padding-bottom: 14px;
}
.item_form_list .controller_service_wrapper .service_item .mfo_radio_group .radio_item_wrapper{
    border-color: transparent;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 30px;
    min-height: 24px;
    background-color: transparent;
}
.item_form_list .controller_service_wrapper .service_item.item_unnecessary_service_try .mfo_radio_group .radio_item_wrapper{
    border: 1px solid #D2D2D2;
    background-color: white;
    padding: 15px 16px 15px 46px;
    width: 460px;
}
.item_form_list .controller_service_wrapper .service_item.item_unnecessary_service_try .mfo_radio_group .radio_item_wrapper .checkmark {
    position: absolute;
    top: 15px;
    left: 16px;
    height: 20px;
    width: 20px;
    border: 1px solid #B7B6B7;
    border-radius: 50%;
    background-color: white;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item .radio_item_wrapper{
    padding: 15px 16px 15px 46px;
    border: 1px solid #D2D2D2;
    width: 460px;
    font-size: 16px;
    min-height: 50px;
    background-color: #fff;
}
.item_form_list .controller_service_wrapper .outside_box{
    padding: 15px;
    background-color: #fff;
    border: 2px solid var( --colorOrange);
    border-radius: 8px;
    width: 460px;
    margin-bottom: 12px;
}
.item_form_list .controller_service_wrapper.radio_item_had_border  .outside_box{
    border: 1px solid #D2D2D2;
    padding: 0 15px;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item .radio_item_wrapper{
    /*padding:0 0 0 20px;*/
    border-color: transparent;
    padding-left: 30px;
    /*width: auto;*/
    width: 430px;
}
.item_form_list .controller_service_wrapper .service_item .outside_box .mfo_radio_group{
    margin-bottom: 10px;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item .outside_box .mfo_radio_group{
    margin-bottom: 0;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item .outside_box .mfo_radio_group .radio_item_wrapper .checkmark{
    left: 0px;  
}
.item_form_list .controller_service_wrapper .service_item .outside_box .sub_service_item .mfo_checkbox_wrapper{
    width: 430px;
}
.item_form_list .controller_service_wrapper .service_item .outside_box .sub_service_item .mfo_checkbox_fieldset:last-child{
    margin-bottom: 0;
}
.item_form_list .controller_service_wrapper .service_item .outside_box .sub_service_item .mfo_checkbox_wrapper span:not(:nth-child(2)){
    width: 100%;
    display: block;
    text-align: justify;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item.item_unnecessary_service_try .radio_item_wrapper.active {
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);
}

.item_form_list .controller_service_wrapper.radio_item_had_border .service_item.item_unnecessary_service_try{
    margin-top: 12px;
}
.item_form_list .controller_service_wrapper.radio_item_had_border .service_item .mfo_radio_group .radio_item_wrapper .checkmark{
    top:15px;
    left: 16px;
}
.item_form_list .controller_service_wrapper .service_item .mfo_radio_group .radio_item_wrapper .checkmark{
    top: 0;
    left: 0;
}
.item_form_list .controller_service_wrapper .service_item .mfo_radio_group .radio_item_wrapper:hover span.checkmark{
    border: 1px solid #B7B6B7;
    background-color: #fff;
    opacity: 1;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box{
    border-radius: 8px;
    padding: 15px 16px 15px 12px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    width: 460px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    margin-bottom: 12px;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box{
    height: 53px;
    overflow: hidden;
}
.item_form_list .controller_momo_wrapper .momo_feedback .momo_info{
    display: none;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box.active{
    /*background: rgba(255, 103, 0, 0.1); */
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);  
    height: auto;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box.active .momo_info{
    display: block;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box .radio_item_wrapper{
    border-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
    min-height: 24px;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box .radio_item_wrapper .checkmark {
    top: 0;
    left: 0;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box .radio_item_wrapper:hover .checkmark{
    background-color: #fff;
    border: 1px solid #B7B6B7;
    opacity: 1;
}
.item_form_list .controller_momo_wrapper .momo_feedback .item_box .radio_item_wrapper.active{
    background-color: transparent;
    border-color: transparent;
}
.item_form_list .controller_momo_wrapper .momo_feedback .momo_info{
    margin-left: 25px;
}
.item_form_list .controller_momo_wrapper .momo_feedback a{
    color: #4286DE;
    text-decoration: underline;
}
.item_form_list .controller_momo_wrapper .momo_feedback .service_item .item_box .mfo_radio_group{
    margin-bottom: 0;
}
.item_form_list .controller_momo_wrapper .momo_feedback .service_item .item_box .mfo_radio_group .radio_item_wrapper{
    background-color: transparent;
}
.item_form_list .plan_link{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #4286DE;
    text-decoration: underline;
}
.item_form_list .controller_momo_wrapper .momo_feedback .sub_remark{
    margin-top: 5px;
    text-align: justify;
    position: relative;
}
.item_form_list .controller_momo_wrapper .momo_feedback .sub_remark .mfo_checkbox_fieldset.personal_info_checkbox{
    position: absolute;
    left: -24px;
    top: 1px;
}
.item_form_list .controller_momo_wrapper .momo_feedback .mfo_input_wrapper input{
    width: 280px;
}
.item_form_list .controller_momo_wrapper .momo_feedback  .radio_item_wrapper {
    border-radius: 8px;
    padding: 15px 16px 15px 46px;
    border: 1px solid #D2D2D2;
    width: 460px;
    font-size: 16px;
}
.item_form_list .controller_momo_wrapper .momo_feedback .radio_item_wrapper:hover .checkmark{
    background-color: #fff;
    opacity: 1;
    border: 1px solid #B7B6B7;
}
.item_form_list .controller_momo_wrapper .momo_feedback  .radio_item_wrapper.active{    
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);
}
.item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper{
    border-radius: 8px;
    padding: 15px 16px 15px 46px;
    border: 1px solid #D2D2D2;
    width: 460px;
    font-size: 16px;
}
.item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper.active{
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);
}
.item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper .alert{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../assets/icons/alert_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-bottom: -5px;
}
.item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper:hover span.checkmark{
    background-color: #fff;
    border: 1px solid #B7B6B7;
    opacity: 1;
}
.item_form_list .remark{
    margin-top: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #868686;
    text-align: justify;
}
.item_form_list .remark.black{
    color: var( --colorDarkGray);
}
.item_form_list .remark .count-down-time{
    display: none;
}
.item_form_list .remark .count-down-time.show{
    display: block;
}
.item_form_list .remark a{
    color: #4286DE;
    text-decoration: underline;
}
.item_form_list .error{
    margin-top: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #F73603;
    display: none;
    text-align: left;
}
.item_form_list .show_error  .error{
    display: block;
}
.item_form_list .show_error .label{
    color: #F73603;
}
.item_form_list  .show_error .mfo_input_wrapper input{
    border-color: #F73603;
}
.item_form_list .show_error .mfo_select .mfo_select_box{
    border-color: #F73603;
}
.item_form_list .remark ol{
    padding-left: 25px;
    list-style: decimal;   
}
.item_form_list .remark .orange{    
    color: #F73603;
}
.item_form_list .controller .shipping{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
}
.item_form_list .controller .shipping_store{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
}
.item_form_list .controller .shipping_store a{
    color: #4286DE;
    text-decoration: underline;
}

.item_form_list .controller_shipping_address_wrapper,  .item_form_list .controller_radio_group_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.item_form_list .controller_shipping_address_wrapper, .item_form_list .controller_radio_group_wrapper + .error{
    margin-top: 0;
}
.item_insurance .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_insurance .item_form_list .mfo_radio_group{
    margin-bottom: 0;
}
.item_insurance  .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_insurance  .item_form_list .mfo_radio_group .radio_item_wrapper{
    /*min-height: 40px;*/
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    min-height: 24px;    
    padding-left: 40px;
}
.item_insurance  .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_insurance  .item_form_list .mfo_radio_group .radio_item_wrapper .checkmark{
    top: 17px;
}
.item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_form_list .controller_radio_group_wrapper .mfo_checkbox_wrapper{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: rgba(23, 23, 26, 0.8);
}
.item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper:hover span.checkmark,.item_form_list .controller_radio_group_wrapper .mfo_checkbox_wrapper:hover span.checkmark{
    border: 1px solid #B7B6B7;
    background-color: #fff;
    opacity: 1;
}
.item_form_list .controller_shipping_address_wrapper .mfo_checkbox_fieldset,.item_form_list .controller_radio_group_wrapper .mfo_checkbox_fieldset{
    margin-right: 20px;
}
.item_form_list .controller_shipping_address_wrapper .mfo_checkbox_fieldset:last-child,.item_form_list .controller_radio_group_wrapper .mfo_checkbox_fieldset:last-child{
    margin-right: 0;
}
.item_form_list .controller_shipping_address_wrapper .mfo_radio_group .radio_item_wrapper,.item_form_list .controller_radio_group_wrapper .mfo_radio_group .radio_item_wrapper{
    border: none;
    width: max-content;
    background-color: transparent;
}
.item_form_list .controller_radio_toggle .radio_toggle_item{
    display: flex;
    flex-wrap: wrap;
}
.item_form_list .controller_radio_toggle .radio_toggle_item  .mfo_radio_group{
    margin-right: 25px;
}
.item_form_list .controller_radio_toggle .radio_toggle_item  .mfo_radio_group:last-child{
    margin-right: 0;
}
.item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
    border: 1px solid #D2D2D2;
    width: 216px;
    padding: 15px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #1B1B1B;
    display: flex !important;
}
.item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper .checkmark{
    display: none;
}
.item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);
    padding: 14px 16px;
}

.item_form_list .controller_radio_toggle .radio_sort_item{
    display: block;
}
.item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow:none;
}
.item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper{
    border: none;
    text-align: left;
}
.item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper .checkmark{
    display: inline-block;
    left: 0;
    top: 10px;
}
.item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper.active{
    border: none;
    background-color: #fff;
    
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper{
    padding-left: 25px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper.active{   
    padding: 10px 0 10px 25px;
}
.item_form_list .controller_upload .upload_wrapper .sub_box{
    background: #FFFFFF;
    border: 1px solid #868686;
    border-radius: 7px;       
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;   
    position: relative;
    width: 456px;
    height: 288px;
}
.item_form_list .controller_upload .upload_wrapper .sub_box .span_upload_file span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
}
.item_form_list .controller_upload .upload_wrapper .sub_box input[type="file"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.item_form_list .controller_upload .upload_wrapper .sub_box .span_upload_file{
    border: none;
    background-color: transparent;
    text-align: center;
}
.item_form_list .controller_upload .upload_wrapper .sub_box .span_upload_file i{
    width: 56px;
    height: 56px;
    display: inline-block;
    background-image: url(../assets/icons/upload.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.item_form_list .controller_user_password_wrapper  .user_password .item_box{
    border-radius: 8px;
    padding: 15px 16px 15px 12px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    width: 460px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    margin-bottom: 12px;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box{
    height: 53px;
    overflow: hidden;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box .user_info{
    display: none;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box .user_info .sub_controller{
    margin-left: 25px;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box.active{
    /*background: rgba(255, 103, 0, 0.1); */
    background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);  
    height: auto;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box.active .user_info{
    display: block;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box .radio_item_wrapper{
    border-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
    min-height: 24px;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box .radio_item_wrapper .checkmark {
    top: 0;
    left: 0;
}
.item_form_list .controller_user_password_wrapper .user_password .item_box .radio_item_wrapper.active{
    background-color: transparent;
    border-color: transparent;
}
.item_form_list .controller_user_password_wrapper .user_password .momo_info{
    margin-left: 25px;
}
.item_form_list .controller_user_password_wrapper .user_password a{
    color: #4286DE;
    text-decoration: underline;
}
.item_form_list .controller_user_password_wrapper .user_password .service_item .item_box .mfo_radio_group .radio_item_wrapper{
    background-color: transparent;
}
.item_form_list .plan_link{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #4286DE;
    text-decoration: underline;
}
.item_form_list .controller_user_password_wrapper .user_password .mfo_input_wrapper input{
    width: 100%;
}
.item_form_list .controller_user_password_wrapper .user_password  .radio_item_wrapper {
    border-radius: 8px;
    padding: 15px 16px 15px 46px;
    border: 1px solid #D2D2D2;
    width: 460px;
    font-size: 16px;
}
.item_form_list .controller_user_password_wrapper .user_password  .radio_item_wrapper:hover span.checkmark{
    border: 1px solid #B7B6B7;
    background-color: #fff;
    opacity: 1;
}
.item_form_list .controller_user_password_wrapper .user_password  .radio_item_wrapper.active{
    background: rgba(255, 103, 0, 0.1);
    border: 2px solid var( --colorOrange);
}


/**popup**/
body.active_popup{
    overflow: hidden;
}
.popupPage.disabled{
    display: none;
}
.item_form_list .controller_verification_code_wrapper .verification_code_item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.item_form_list .controller_verification_code_wrapper .verification_code_item .mfo_input_wrapper input{
    width: 267px;
}
.item_form_list .controller_verification_code_wrapper .verification_code_item button{
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var( --colorOrange);
    background-color: #fff;
    height: 48px;
    border: 1px solid var( --colorOrange);
    border-radius: 8px;
    margin-left: 5px;
    cursor: pointer;
    min-width: 104px;   
    margin-top: 2px;
    margin-bottom: 2px; 
}
.item_form_list .controller_verification_code_wrapper .verification_code_item button:active{
    background-color: var( --colorOrange);
    color: #fff;
}
.item_form_list .controller_verification_code_wrapper .verification_code_item button:disabled{
    color: var( --colorOrange);
    background-color: #fff;
    cursor: default;
}
.item_form_list .pre_order_select_wrapper .mfo_select{
    /*width: 374px;*/
    /*width: 410px;*/
    width: 520px;
}
.item_form_list .mfo_select.mfo_type_select  .mfo_select_box{
    min-height: 50px;
    height: fit-content;
}
.item_form_list .pre_order_select_wrapper .mfo_select.mfo_type_select{
    /*min-width: fit-content;*/
    min-width: 520px;
    width: fit-content;
    max-width: 100%;
}
.item_form_list .pre_order_select_wrapper .mfo_select.mfo_type_select .mfo_select_items_box{
    min-width: fit-content;
    width: max-content;
}
.item_form_list .mfo_select.mfo_type_select  .mfo_select_box .mfo_select_value input:checked ~ .select-box__input-text{
    display: block;
}
.item_form_list .pre_order_input_wrapper.mfo_input_wrapper input{
   /*width: 410px;*/
    width: 520px;
}
.item_form_list .pre_order_select_wrapper .mfo_select .select_box{
    width: 100%;
}
.item_form_list .pre_order_select_wrapper .mfo_select .mfo_select_box{
    width: 100%;
}
.item_form_list .pre_order_mark{
    /*max-width: 374px;*/
}
.item_form_list .mfo_validate_wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.item_form_list .mfo_validate_wrapper .mfo_validate_code{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}
.item_form_list .mfo_validate_wrapper .mfo_input_wrapper input{
    width: 200px;
}
.item_form_list .mfo_validate_wrapper .mfo_validate_code img{
    width: auto;
    height: 50px;
}
.item_form_list .mfo_validate_wrapper .mfo_validate_code a{
    margin-left: 10px;
    text-decoration: underline;
}
.item_form_list .mfo_validate_wrapper .mfo_validate_code a img{
    height: 28px;
}
.plan_wrapper_container{
    /*min-height: 250px;*/
    /*min-height: 47vh;*/
    min-height: 57vh;
}
.pageHeading + .plan_wrapper_container{
    margin-top: 20px;
}
.plan_wrapper_container.fixed_plan_wrapper_container{
    max-width: 1440px;
    margin: 0 auto;
}
.plan_wrapper_container.disable_min_height{
    min-height: auto;
    padding-bottom: 0;
}
.plan_direction_wapper .orange_box{
    background-color: var( --colorLightOrange);
    padding: 30px;
    text-align: center;
    margin:0 0 25px 0;
    border-radius: 6px;
}
.plan_direction_wapper .orange_box .sub_title{
    color: #F73603;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;   
}
.plan_direction_wapper .orange_box .sub_title h2{
    margin-left: 10px;

}
.plan_direction_wapper .orange_box .sub_title .orange_arrow{
    display:inline-block;
    width: 20px;
    height:20px;
    background: url(../assets/material/collapseArrow_org.svg) center no-repeat;
    background-size: auto 12px;
    margin-left:5px;
    cursor:pointer;
    transition: all .3s ease-in-out;
}
.plan_direction_wapper .orange_box .sub_title .orange_arrow.active{
    transform: rotate(180deg);
}
.plan_direction_wapper .orange_box .sub_info{
    color: #1B1B1B;    
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}
.plan_direction_wapper .orange_box .sub_info.align_left{
    display: inline-block;
    text-align: left;
}
.plan_direction_wapper .orange_box .sub_info.hide{
    display: none;
}
.plan_direction_wapper .orange_box .sub_info p{
    display: inline-block;
}
.plan_direction_wapper .orange_box .sub_info .sub_item{
    margin-top: 10px;
}
.plan_direction_wapper .orange_box .sub_info .pink_deco{
    padding-left: 10px;
    position: relative;
    text-align: left;
}
.plan_direction_wapper .orange_box .sub_info .pink_deco:before{
    content: '';
    background-color: #DD5298;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
}
.plan_direction_wapper .orange_box .sub_info .sub_item a{
    color: #4286DE;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}
.plan_direction_wapper .info{
    text-align: center;    
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;

}
.plan_direction_wapper .info p{
    margin-top: 8px;
}
.plan_direction_wapper .info a{
    color: #4286DE;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
 }
 .plan_direction_wapper .other_link{
    text-align: center;
    padding: 15px 0;
 }
 .plan_direction_wapper .other_link button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    min-height: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    border-radius: 100px;
    border: none;
    background: var( --colorOrange);
    cursor: pointer;
 }
 .plan_direction_wapper .other_link button:hover{
    background: #F5AC86;
 }
 .plan_direction_wapper .other_link button:active{
    box-shadow: var(--boxshadow);
 }
.plan_choice_wrapper{
    padding:0 20px;
}
.plan_choice_wrapper .item_remind{
    font-size: 18px;
    line-height: 26px;
}
.plan_choice_wrapper .item_remind h4{
    font-weight: 500;   
    color: #1B1B1B;
}
.plan_choice_wrapper .item_remind p{
    color: rgba(134, 134, 134, 1);
    font-weight: 400;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item{
    margin-right: 15px;
}
.plan_choice_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
    width: 145px;
    padding: 13.5px 16px;
}
.plan_choice_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow: var(--boxshadow);
}
.plan_choice_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
    padding: 12.5px 16px;
    box-shadow: var(--boxshadow);
}
.plan_choice_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group{
    margin-right: 8px;
}
.plan_choice_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:last-child{
    margin-right: 0;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper input{
    width: 100%;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper{
    display: inline-flex;
    align-items: center;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper  span{
    display: inline-block;
    margin-left: 5px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper input:nth-child(2){
    margin-left: 5px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(4){
    width: 125px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(5){
    width: 125px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(6){
    width: 125px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input{
    width: 90px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input{
    width: 50px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input{
    width: 50px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .select_box{
    font-size: 16px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .select_box select{
    font-size: 16px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item{
    margin-right: 20px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_box{
    font-size: 16px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_items_box li{
    font-size: 16px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_items_box li label{
    overflow: hidden;
    height: 36px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(1) .mfo_select .select_box{
    width: 168px;
} 
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_box .select-box__input-text{
    overflow: hidden;
    height: 32px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(1) .mfo_select .mfo_select_box{
    width: 168px;
} 
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(2) .mfo_select .select_box{
    width: 168px;
} 
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(2) .mfo_select .mfo_select_box{
    width: 168px;
} 
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .select_box{
    width: 320px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .mfo_select_box{
    width: 320px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .mfo_select_box::after{
    right: 15px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .select_box select{
    padding-right: 50px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(4){
    width: 122px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(5){
    width: 122px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(6){
    width: 122px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7){
    margin-right: 0;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .floor{
    margin-left: 8px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input{
    width: 101px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(8){
    margin-top: 30px;
} 
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input{
    width: 101px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(9){
    margin-top: 30px;
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input{
    width: 101px;  
}
.plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input:first-child{
    margin-right: 10px;
}
.plan_choice_wrapper .item_form_list .other_service_item {
    display: flex;
    flex-wrap: wrap;
}
.plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper{
    min-width: 380px;
    margin-right: 15px;
    border: 1px solid #D2D2D2;
}
.plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow: var(--boxshadow);
}
.plan_choice_wrapper .mfo_radio_group .radio_item_wrapper:hover input ~ .checkmark{
    border: 1px solid #B7B6B7;
    opacity: 1;
    background-color: #fff;
}
.plan_choice_wrapper .mfo_radio_group .radio_item_wrapper.active {
    background-color: var(--colorLightOrange);
    border: 2px solid #FF6700 !important;
    padding: 14.5px 15.5px 14.5px 45.5px;
}
.plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper.disabled,.plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper.disabled.active{
    background-color: #F4F4F4 !important;
    border: 1px solid #C9C9C9 !important;
}
.plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper.disabled:hover{
    box-shadow:none;
}
.memeber_login_container{
    text-align: center;
}
.memeber_login_container .info{  
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #868686;
}
.memeber_login_container .other{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #000000;
    margin-top: 12px;
}
.memeber_login_container .other a{
    color: rgba(66, 134, 222, 1);
    text-decoration: underline;
}
.memeber_login_container .or{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #868686;
    position: relative;
    margin: 50px 0 -5px 0;
}
.memeber_login_container .or  span{
    display: inline-block;
    padding: 15px;
}
.memeber_login_container .or span:before {
    content: "";
    top: 48%;
    width: calc(50% - 20px);   
    height: 1px;
    position: absolute;
    background-color: #868686;
    left:0;
}
.memeber_login_container .or span:after {
    content: "";
    top: 48%;
    width: calc(50% - 20px);     
    height: 1px;
    position: absolute;
    background-color: #868686;
    right: 0;
}
.memeber_login_container .btn_orange{
    background: var( --colorOrange);
    border: 2px solid var( --colorOrange);
    width: 260px;
    border-radius: 100px;   
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    min-height: 50px;
    margin: 0 !important;
}
.memeber_login_container .btn_orange:hover{
    background: #F5AC86 ;
    border: 2px solid #F5AC86;
}
.memeber_login_container .btn_orange:active{
    background: var( --colorOrange);
    border: 2px solid var( --colorOrange);
    box-shadow: var(--boxshadow);
}
.memeber_login_container .item_form_list{
    width: 320px;
    margin: 0 auto;
}
.memeber_login_container .item_form_list .sub_item:first-child{
    margin-top: 0;
}
.memeber_login_container .item_form_list .mfo_input_wrapper input{
    width: 100%;
}
.pageSubTitle{
    text-align: center;
    padding: 30px 0 10px 0;
}
.pageSubTitle h2{
    font-weight: 500;
    font-size: 25px;
    line-height: 40px;
    color: #2D2D6C;
    background-image: url(../assets/material/pageSubTitle_deco.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position:-25px -25px;
    padding: 25px;    
    text-align: center;
    display: inline-block;
}
.intimate_remind.margin_top01{
    margin-top: 100px;
}
.accordion_container .accordion_title{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1B1B1B;
    position: relative;
    padding: 15px;
}
.accordion_container .accordion_title h4{
    font-weight: 700;
}
.accordion_container .accordion_title i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../assets/icons/Plancard_icon_bottom.svg)  center no-repeat;
    background-size: auto 12px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 15px;
    transition: all .3s ease-in-out;
}
.accordion_container .accordion_title.single{
    width: fit-content;
    padding-right: 35px;
}
.accordion_container.open .accordion_title i{
    transform: rotate(180deg);
}
.accordion_container .accordion_content{
    border-top: 1px solid #D1D1D1;
    box-shadow: var(--boxshadow);
    font-weight: 400;
    font-size: 16px;
    line-height: 23.5px;
    color: #1B1B1B;
    padding: 30px 45px;
    position: relative;
    height: 165px;
    overflow: hidden;
    background-color: #fff;
}
.accordion_container .accordion_content ul{
    list-style: disc;
    padding-left: 25px;
}
.accordion_container .accordion_content:after {
    content: ' ';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 150px;
    transition: all .3s ease-in-out;
}
.accordion_container.open .accordion_content{
    height: auto;
}
.accordion_container.open .accordion_content:after{
    background: transparent;
}
.filter_plan_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-between;*/
    padding: 15px 0;
    border-bottom: 1px solid #D2D2D2;
}
.filter_plan_container.project_filter_container{
    justify-content: space-between;
}
.filter_plan_container .filter{
    display: inline-flex;
}
.filter_plan_container .filter button{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;    
    padding: 2px 30px;
    min-height: 40px;
    display: flex;
    align-items: center;
    /*color: #1B1B1B;*/
    border: none;
    background-color: #fff;    
    cursor: pointer;
    color: var( --colorOrange);
    border-radius: 100px;   
    border: 2px #FF6700 solid;
    margin-right: 15px;
}
.filter_plan_container .filter button i{   
    width: 20px;
    height: 20px;
    background: url(../assets/icons/aaron-filter.svg) center no-repeat;
    background-size: auto 17px;
    cursor: pointer;
    transition: .3s all ease-in-out;
    margin-right: 10px;
}
.filter_plan_container .filter button .filter-tags{
    font-family: var(--fontFamily);
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ff6700;
    color: #fff;
    margin: 0 4px;
}
.filter_plan_container .filter button.open i{
    /*transform: rotate(180deg);*/
}
.filter_plan_container .filter button:hover{
    font-weight: 700;
    box-shadow: var(--boxshadow);
}
.filter_plan_container .filter button:hover .filter-tags{
    font-weight: 700;
}
.filter_plan_container .filter button.btn_sort_up_down i{
    background: url(../assets/icons/arrow_up_down_orange.svg) center no-repeat;
    background-size: auto 100%;
}
.filter_plan_container .total{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;      
    text-align: right;
    color: #1B1B1B;
}
.filter_plan_container .total b{
    display: inline-block;
    margin: 0 5px;
    font-weight: 400;
    color: rgba(255, 103, 0, 1);
    font-size: 20px;
}

.plan_swiper_wrapper{
    /*margin-top: 50px;*/
    position: relative;
    /*margin-bottom: 30px;*/
    /*padding: 0px 10px;*/
    padding: 0 70px;
    padding-bottom: 50px;

}
.plan_swiper_wrapper .swiper-container{
    /*margin: 0 100px;*/
    overflow: hidden;
    /*margin: 0 4%;*/
}
.plan_swiper_wrapper .swiper-container .swiper-wrapper{
    height: fit-content;
    /*padding-bottom: 50px;*/
    padding-bottom: 10px;
   
}
.plan_swiper_wrapper .swiper-container .swiper-pagination{
    display: none;
}
.plan_swiper_wrapper .swiper-container .swiper-button-prev{
    left: 0;
}
.plan_swiper_wrapper .swiper-container .swiper-button-next{
    right: 0;
}
.plan_swiper_wrapper .swiper-container .swiper-slide{
    padding: 0 ;
}
.plan_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card{
    width: calc(100% - 8px);
    max-width: calc(100% - 8px);
}
/* .plan_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card .card{
    cursor: pointer;
} */
.plan_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card .caption{
    cursor: pointer;
}
.plan_swiper_wrapper .swiper-container .swiper-scrollbar{
    opacity: 1 !important;
}
/* .plan_tabs_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card .card{
    cursor: pointer;
} */
.plan_tabs_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card .caption{
    cursor: pointer;
}

.mfo_deco61_filter  .mfo_breadcrumb{
    max-width: 1600px;
    margin: 0 auto;
}
.mfo_tabs_wrapper{
    background: #FFFFFF;
    box-shadow: var(--boxshadow);
    border-radius: var(--roundCornerBig);
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}
.mfo_tabs_wrapper.add_margin_top01{
    margin-top: 20px;
}
.mfo_tabs_wrapper .full_img{
    width: 100%;
}
.mfo_tabs_wrapper .tabs{
    background: #F7F7F7;
    padding: 40px 0 40px 0;
    text-align: center;
}
.mfo_tabs_wrapper .tabs .mfo_button{
    background: #F5AC86;
    border: none;
    border-radius: 100px;
    width: 260px;
    height: 60px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    margin: 0 15px;
}
.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button{
    width: 200px;
}
.mfo_tabs_wrapper .tabs button:hover,.mfo_tabs_wrapper .tabs button:active,.mfo_tabs_wrapper .tabs button.active{
    background: var( --colorOrange);
}
.mfo_tabs_wrapper .tabs .mfo_button:hover,.mfo_tabs_wrapper .tabs .mfo_button:active,.mfo_tabs_wrapper .tabs .mfo_button.active{
    background: var( --colorOrange);
}

.mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more{
    text-align: center;
    position: relative;   
    animation: 2s fadeIn;   
    animation-fill-mode: forwards;
    visibility: hidden;
    margin-top: -29px;
    height: 29px;
}
.mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more span{   
    min-width: 180px;      
    /*position: absolute;
    top: 12px;
    left: calc(50% - 90px);*/
}
.mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more i{
    display: inline-block;
    animation: zoom-in-zoom-out 1s ease infinite;
    margin-left: 5px;
}
.mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more i img{
    height: 14px;
}
.mfo_tabs_wrapper .tabs button.active{
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}
.mfo_tabs_wrapper .tabs button.active span{
    display: block;
    z-index: 2;
}
.mfo_tabs_wrapper .tabs button.active:after{
    /*width: 110%;
    height: 0;
    top: 50%;  
    position: absolute;
    content: '';
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.5s;*/
}
.mfo_tabs_wrapper .tabs button.active:hover{
    /*color: var(--colorOrange);
    outline: 2px solid var(--colorOrange);*/
}
.mfo_tabs_wrapper .tabs button.active:hover:after{
    /*height: 400%;
    opacity: 1;
    background: #fff;*/
}
.btn_ripple{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_ripple,
.btn_ripple:focus {
    background: #F5AC86;
    border: none;
    border-radius: 100px;
    width: 200px;
    height: 60px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    margin: 0 15px;
  
    transition: background 0.8s;    
}
.btn_ripple:hover {
    color: #FFFFFF;
    background: #FF6700 radial-gradient(circle, transparent 1%, #FF6700 1%) center/15000%;
}
.btn_ripple:active {
    background-color: #F5AC86;
    background-size: 100%;
    transition: background 0s;
    width: 200px;
}
.btn_ripple.active{
    background: #FF6700;
}
.btn_ripple.animated_button_orange{
    background: linear-gradient(268.24deg, #FF6700 4.37%, #FFBA0D 123.62%);
    background-size: 600%;
    -webkit-animation: anime 3s linear infinite;
    animation: anime 3s linear infinite;
}
.btn_ripple.animated_button_orange:hover{
    background: linear-gradient(268.24deg, #FF6700 4.37%, #FF6700 123.62%);
   

}
@-webkit-keyframes anime {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes anime {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
.lazy {
    display: none;
}
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      visibility: visible;
      opacity: 1;
    }
}
@keyframes zoom-in-zoom-out {
    0% {
      scale: 100%
    }
    50% {
      scale: 150%;
    }
    100% {
      scale: 100%;
    }
}

.mfo_tabs_wrapper .action_more{
    text-align: right;    
    margin-bottom: 20px;
    padding: 0 90px;
}
.mfo_tabs_wrapper .action_more .more{
    background: #FFFFFF;
    border: 2px solid var( --colorOrange);
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 48px;    
    color: var( --colorOrange);
    box-shadow: var(--boxshadow);
    
}
.mfo_tabs_wrapper .action_more .more:hover{
    font-weight: 700;
    box-shadow: var(--boxshadow);
}
.mfo_tabs_wrapper .action_more .more i {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(../assets/icons/arrow_right_orange_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.mfo_tabs_wrapper .filter_plan_container{
    margin:60px 60px 0 60px;
    position: relative;
}
.mfo_tabs_wrapper .filter_plan_container.add-plan-card-arrow{
    padding-right: 160px;
}
.mfo_tabs_wrapper .alert_relieve{   
    text-align: center;
    margin-top: 30px;
}
.mfo_tabs_wrapper .alert_relieve button{
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-family:var(--fontFamily);
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;   
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    color: #4286DE;
}
.mfo_tabs_wrapper .alert_relieve button:hover{
    text-decoration: underline;
    font-weight: 700;
}
.mfo_tabs_wrapper .alert_relieve span{
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-family:var(--fontFamily);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #1B1B1B;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;    
}
.mfo_tabs_wrapper .alert_relieve i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../assets/icons/alert_orange.svg);
    margin-right: 10px;
}
.mfo_tabs_wrapper .alert_relieve ~ .filter_plan_container{
    margin-top: 0px;
    padding-top: 5px;
}
.mfo_tabs_wrapper .tabs ~ .filter_plan_container{
    margin-top: 20px;
}
.mfo_tabs_wrapper .panel_container_outer{
    padding: 30px;
}
.mfo_tabs_wrapper .panel_container_outer .panel{
    display: none;
}
.mfo_tabs_wrapper .panel_container_outer .panel.active{
    display: block;
}
.mfo_tabs_wrapper .panel_container_outer .promotion_list{
    /*padding: 0 30px;*/
}
.mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper{
    position: relative;   
}
.mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .swiper-button-next{
    top: -75px;
    right: 30px;
}
.mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .swiper-button-prev{
    top: -75px;
    left: auto;
    right: 110px;
    
}
.mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .empty-filter{
    text-align: center;
    min-height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .empty-filter h3{
    text-align: center;
    font-size: 24px;
}
.mfo_tabs_wrapper .mfo_pagination.add_margin_bottom01{
    padding-bottom: 50px;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container{
    overflow: hidden;
    /*margin: 0 70px; */
    margin: 0 25px;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-wrapper{
    height: fit-content;
    padding-bottom: 50px;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-pagination{
    display: none;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-scrollbar{
    opacity: 1 !important;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-button-prev{
    /*left: 0;*/
}
.swiper-button-next{
    right: 0;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-slide{
    padding: 0 5px;
}
.mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-slide .singlePlan_card{
    max-width: 100%;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_01{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;   
    margin: 0 4%;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card{    
    width: calc(100% / 4 - 30px);
    margin: 15px;
    position: relative;
    cursor: pointer;
    text-align: left;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card:active:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height:  calc(100% - 6px);   
    border: 3px solid  #DD5298;
    border-radius: 10px;
}  
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_02{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;   
    margin: 0 4%;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_02 .mfo_card{
    width: calc(100% / 5 - 24px - 2px);
    margin: 12px;
    min-width: auto;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_03{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;   
    margin: 0 4%;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_03 .mfo_card{
    width: calc(100% / 5 - 24px - 2px);
    margin: 12px;
    min-width: auto;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05{
    margin: 0 4%;
}
.mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list{
    margin: 0 2%;
    display: flex;
    flex-wrap: wrap;
}
.mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list .mfo_card{
    width: calc(100% / 5 - 24px - 2px);
    margin: 12px;
    min-width: auto;
}

.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item{
    margin-top: 30px;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item.active{
    display: block;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    cursor: pointer;  
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3{
    display: inline-flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3 span{
    display: inline-block;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3 span:nth-child(1){
    width: 45px;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3 span:nth-child(2){
    width: calc(100% - 45px);
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question i{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../assets/material/collapseArrow_org.svg)  center no-repeat;
    background-size: auto 12px;
    cursor: pointer;   
    transition: all .3s ease-in-out;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item.open .question i{
    transform: rotate(180deg);
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item.open .question h3{
    color: var( --colorOrange);
    font-weight: 700;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .answer{
    margin-top: 15px;
    padding-left: 45px;
    padding-right: 30px;
    display: none;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .answer p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
    text-align: justify;
}
.mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item.open .answer{
    display: block;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer{
    margin-bottom: 50px;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table{
    width: 100%;    
    border-collapse: separate;  
    border-spacing: 0;
    border-collapse: separate;
    border-radius: var(--roundCornerSmall);
    border: 1px solid var( --color-tab-line-gray);
    overflow: hidden;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table td,.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table th{  
    font-size: 20px;
    color: var(--colorDarkGray);
    padding:12px 10px;
    text-align: center;
    font-weight: 500;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table tr th{
    background-color: var(--colorOrange);
    color: #fff;  
    position: relative;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table tr th:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var( --color-tab-line-gray) ;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table tr th:last-child:after{
    background-color: transparent;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table td{
    border-right: 1px solid var( --color-tab-line-gray);
    border-bottom: 1px solid var( --color-tab-line-gray);
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table td:last-child{
    border-right: none;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table tr:last-child td{
    border-bottom: none;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table a{
    text-decoration: underline;
}
.mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_remark,.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_remark,.mfo_tabs_wrapper .bank_activities_list_outer .bank_remark{
    background-color: var(--color-btn-act-org);
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    text-align: center;
    color: var(--colorDarkGray);
    font-size: 20px;
    line-height: 1.4;
    padding: 20px ;
    font-weight: 500;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list{
    margin-bottom: 50px;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item{
    margin-bottom: 25px;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item:last-child{
    margin-bottom: 0;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item .easy_installment_card{
    border: 1px solid var(--color-box-gray-venue);
    border-radius: var(--roundCornerBig);
    padding: 20px;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item .easy_installment_card .info h3{
    color: var(--colorOrange);
    font-size: 32px;
    font-weight: 700;
}
.mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item .easy_installment_card .info p{
    color: var(--colorDarkBlue);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 20px;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item{
    width: calc(100% / 3 - 20px);
    margin:20px 10px;
    /*border: 1px solid var(--color-box-gray-venue);
    border-radius: var(--roundCornerSmall);
    overflow: hidden;*/
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card{
    border: 1px solid var(--color-box-gray-venue);
    border-radius: var(--roundCornerSmall);
    overflow: hidden;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .img{
    text-align: center; 
    border-bottom: 2px solid var(--colorOrange);
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .img img{
    height: 42px;
    max-width: 100%;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
    margin: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: var( --colorDarkGray);
    height: 232px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
    height: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .action a:hover{
    opacity: 0.5;    
}
.mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .action a{
    color: #fff;
    font-size: 16px;
    background-color:var(--colorOrange);
    height: 48px;      
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}
.bank_activities_datetime{
    background-color: var(--colorOrange);
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    
}
.bank_activities_datetime span{
    padding: 10px 15px;
}
.sorry_outer{
    text-align: center;
    padding: 50px 0;
}
.sorry_img_content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 318px;
    margin-bottom: 95px;
}
.sorry_img{
    width: 70%;
    max-width: 480px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
}
.sorry_img img {
    width: 100%;
}
.sorry_title{
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #1B1B1B;
    margin-bottom: 24px;
}
.sorry_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1B1B1B;
    margin-bottom: 64px;
}
.sorry_btn{
    background: #FFFFFF;
    border: 2px solid #FF6700;
    border-radius: 30px;
    width: 260px;
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    text-align: center;
    color: #FF6700;
    padding: 11px 0;
    cursor: pointer;
    display: inline-block;
    margin: 10px;

}
.sorry_btn:hover{
    font-weight: 700;
}
.center_img_64{
    text-align: center;
}
.center_img_64 img{
    height: 64px;
}
.collapse_div{
    border-top: 1px solid #CBCBCB;
    margin-top: 50px;
    padding: 30px 0;
    text-align: center;
}
.collapse_div button{
    border: none;
    background-color: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #4286DE;
    display: inline-flex;
    align-items: center;    
    cursor: pointer;
}
.collapse_div button i{
    width: 20px;
    height: 20px;
    background: url(../assets/icons/arrow_up_blue.svg) center no-repeat;    
    transition: .3s all ease-in-out;
    margin-left: 10px;
}
.collapse_div button.active i{
    transform: rotate(180deg);
}
.print_div{
    border-top: 1px solid #CBCBCB;
    margin-top: 100px;
    padding: 30px 0;
    text-align: center;   
}
.print_div button{
    border: none;
    background-color: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #4286DE;
    display: inline-flex;
    align-items: center;    
    cursor: pointer;
}
.login_orange_box{
    background-color: var(--colorLightOrange);
    padding: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    margin: 0 80px;
    border-radius: 6px;
}
.login_orange_box a{
    background: #FFFFFF;
    border: 1px solid var( --colorOrange);
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 123px;
    height: 32px;
    color: var( --colorOrange);
    margin-top: 10px;
    box-shadow: var(--boxshadow);
}
.login_orange_box a i {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(../assets/icons/arrow_right_orange_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.login_orange_box a:hover{
    font-weight: 700;
   
}
.plan_banner_list{
    margin-bottom: 0px;
}
.plan_banner_list .list_item{
    display: flex;
    flex-wrap: wrap;
    margin: 0 100px;
    justify-content: center;
}
.plan_banner_list .item{
    width: calc(100% / 4);
}
.plan_banner_list .item a{
    background: linear-gradient(267.38deg, #FFFFFF -17.9%, #F9F9F9 101.58%);
    border: 3px solid #FFFFFF;
    border-radius: var(--roundCornerBig);
    position: relative;
    display: block;
    text-align: center;
    box-shadow: var(--boxshadow);
    padding: 25px;
    margin: 10px;
}
.plan_banner_list .item a:hover:before{
    content: '';
    position:absolute;
    left: -3px;
    top:-3px;
    width: 100%;
    height: 100%;
    border-radius: var(--roundCornerBig);
    border: 3px solid #DD5298;
}
.plan_banner_list .item a .img img{
    max-width: 100%;
}
.plan_banner_list .item a .desc{
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: var( --colorOrange);
    margin-top: 15px;
}
.plan_banner_list .item a:hover .desc{
    color: #CE2874;
}


.plan_category_list{
    /*margin-bottom: 100px;*/
    padding: 0 110px;
}
.plan_category_list.fix_margin_bottom_01{
    margin-bottom: 0px;
}
.plan_category_list .list_item{
    display: flex;
    flex-wrap: wrap;   
    margin-left: -50px;
    margin-right: -50px;
}
.plan_category_list .item{
    width: calc(100% / 3);
}
.plan_category_list .item a{
    background: linear-gradient(267.38deg, #FFFFFF -17.9%, #F9F9F9 101.58%);
    border: 3px solid #FFFFFF;
    border-radius: var(--roundCornerBig);
    position: relative;
    display: block;
    text-align: center;
    box-shadow: var(--boxshadow);
    padding: 25px;
    margin: 10px 48px;
}
.plan_category_list .item a .img{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.plan_category_list .item a .img img{
    transition: 0.3s ease;
}
.plan_category_list .item a .img img:nth-child(2){
    position: absolute;
    opacity: 0;
}
.plan_category_list .item a:hover .img img:nth-child(1){
    opacity: 0;
}
.plan_category_list .item a:hover .img img:nth-child(2){
    opacity: 1;
}
.plan_category_list .item a .desc{
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: var( --colorOrange);
    margin-top: 10px;
}
.plan_category_list .item a:hover .desc{
    color: #CE2874;
}



.filter_rule_wrapper{
    text-align: left;
    min-height: 57vh;
}
.removeFilterMinHei .filter_rule_wrapper{
    min-height: 52vh;
    padding-bottom: 50px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper {
    width: 150px;
    padding: 10px 0px;
    min-height: 45px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper{
    width: 220px;
    padding-left: 15px;
    padding-right: 15px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
    color: #1B1B1B;
    display:block  !important;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
    padding: 9px 0px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper .content .gray{
    color: rgba(134, 134, 134, 1);
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group{
    margin-right: 20px;
}
.filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:last-child{
    margin-right: 0;
}
.filter_rule_wrapper  .item_form_list .filter_checkbox_group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.filter_rule_wrapper  .item_form_list .item_form_list .sub_item{
    margin: 20px 0;
}
.filter_rule_wrapper  .item_form_list  .filter_checkbox_group .mfo_checkbox_fieldset{
    /*margin-right: 20px;*/
    margin-bottom: 0;
}
.filter_rule_wrapper  .item_form_list  .filter_checkbox_group .mfo_checkbox_fieldset:last-child{
    margin-right: 0;
}
.filter_rule_wrapper  .item_form_list  .filter_checkbox_group .mfo_checkbox_wrapper{
    border-radius: 8px;
    padding: 11px 16px 11px 36px;
    /*border: 1px solid #D2D2D2;*/
    border: none;
    /*min-width: 133px;*/
    min-width: fit-content;
    background-color: transparent;
    color: #1B1B1B;
    margin-bottom: 15px;
}
.filter_rule_wrapper  .item_form_list  .filter_checkbox_group .mfo_checkbox_wrapper:hover{
    /*box-shadow: var(--boxshadow);*/
}
.filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_wrapper .content{    
    font-size: 16px;
    color: #1B1B1B;
}
.filter_rule_wrapper .item_form_list  .filter_checkbox_group .mfo_checkbox_wrapper .checkmark{
    left: 8px;
    top: 10px;
}
.filter_rule_wrapper .item_form_list  .filter_checkbox_group .mfo_checkbox_wrapper:hover .checkmark{
    opacity: 1;
    background-color: #fff;
    border: 0.5px solid rgba(0, 0, 0, 0.2);
}
.filter_rule_wrapper .item_form_list  .filter_checkbox_group .mfo_checkbox_fieldset.active .mfo_checkbox_wrapper{
    /*background-color: var(--colorLightOrange);
    border: 2px solid var( --colorOrange);*/
    /*padding: 10px 15px 10px 35px;*/
}
.filter_rule_wrapper .item_form_list .mfo_radio_group .radio_item_wrapper .content{
    color: #1B1B1B;
}
.advance_filter .toggle_div{
    margin-bottom: 10px;
}
.advance_filter .toggle_div button{
    background-color: #fff;
    border: none;
    display: inline-flex;
    align-items: center;   
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
}
.advance_filter .toggle_div button i{
    width: 30px;
    height: 20px;
    display: inline-block;
    background: url(../assets/material/collapseArrow_org.svg) center no-repeat;
    background-size: auto 12px;
    cursor: pointer;    
    transition: all .3s ease-in-out;
    margin-left: 5px;
}
.advance_filter .toggle_div button.active i{
    transform: rotate(180deg);
}
.advance_filter .sub_item_outer{
    border-top: 1px solid #D2D2D2;
    box-shadow: var(--boxshadow);
    background-color: #fff;
    margin-bottom: 50px;
}
.advance_filter .sub_item_outer.hide{
    box-shadow:none;
    margin-bottom: 0;
}
.advance_filter .sub_item_outer.hide .sub_item{
    display: none;
}
.advance_filter .sub_item_outer .sub_item{
    margin: 0;
}
.advance_filter .sub_item_outer .sub_item .label{
    padding: 20px;
    border-top: 1px solid #D2D2D2;
    margin: 0;
}
.advance_filter .sub_item_outer .sub_item .controller{
    padding: 20px;
    border-top: 1px solid #D2D2D2;
}
.advance_filter .sub_item_outer .sub_item .controller  .filter_checkbox_group .mfo_checkbox_wrapper{
    margin-bottom: 0;
}
.find_right_plan_container{
    background: #FDF1EA;
    border-radius: var(--roundCornerBig);
    padding: 50px;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}
.find_right_plan_container {
    text-align: center;
    margin-top: 20px;
}
.find_right_plan_container .filter_rule_wrapper{   
    margin: 0 60px;
    text-align: left;
    min-height: auto;
}
.find_right_plan_container .filter_rule_wrapper .item_form_list{
    margin-left: 0;
}
.find_right_plan_container .filter_rule_wrapper .item_form_list .sub_item{
    margin-left: 0px !important;
}
.item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow: var(--boxshadow);
}
.find_right_plan_container .filter_action{
    text-align: center;
}
.find_right_plan_container .filter_action button{
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    min-width: 260px;
    min-height: 40px;
    border-radius: 100px;
    color: #fff;
    background: var( --colorOrange);
    border: none;
    margin: 3px 0;
}
.find_right_plan_container .filter_action button .loading{
    height: 20px;
    margin-bottom: -4px;
}
.find_right_plan_container .filter_action button:hover{
    background: #F5AC86; 
}
.find_right_plan_container .filter_action button:active{
    box-shadow: var(--boxshadow);
    background: var( --colorOrange);
}

/* 精選文章 start */
.pages1_article {
    width: 100%;
    max-width: 1280px;
    /*padding: 30px 20px;*/
    box-sizing: border-box;
    margin: 0 auto;
}
.pages1_article_list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: fit-content;
    padding: 20px 60px 60px 60px;
    box-sizing: border-box;
}
.pages1_article_list .article_card a:hover:before{
    left: 0;
    top: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}
.pages1_article.last{
    margin-bottom: 50px;
}

.pages1_article_list .swiper-container {
    margin: 0 10px;
    overflow: hidden;
}
.pages1_article_list .swiper-container .swiper-wrapper{
    height: fit-content;
}
.pages1_article_list .swiper-container .swiper-button-prev {
    left: 0;
}
.pages1_article_list .swiper-container .swiper-button-next {
    right: 0;
}
.pages1_article_list .swiper-pagination{
    position: absolute;
}

.bidding_step_container .add_work_container{
    margin-top: 45px;
}
.bidding_step_container .add_work_container .mfo_radio_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.bidding_step_container .add_work_container .mfo_radio_group>div{
    width: calc(33.3% - 20px);
    margin-right: 20px;
}

.bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]{
    display: none;
}
            
.bidding_step_container .add_work_container .mfo_radio_group .radio_item_wrapper{
    width: 100%;
/*    min-height: 55px;*/
}

.bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]:checked  + label{
    background: rgba(255, 103, 0, 0.1);
    box-shadow: var(--boxshadow);
    border: 1px solid #82828200;
    position: relative;
}


.bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]:checked  + label:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid var( --colorOrange);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}



.bidding_step_container .add_work_container .mfo_radio_group .radio_item_wrapper:hover{
    box-shadow: var(--boxshadow);
    
}

.bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]:checked + label .checkmark {
    background: linear-gradient(180deg, #FFBA0D 0%, #EE702E 100%);
    border: none;
}

.bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]:checked + label .checkmark:after {
    display: block;
}


.bidding_step_container .add_work_container p{
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
}

.pages2_activity.fix_margin_top{
    margin-bottom:40px;
 }

.cookie-div{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 20px 0;
    z-index: 555;
}
.cookie-div .outer-div{
    margin: 0 auto;
    max-width: 90%;
    width: 1720px;
}
.cookie-div .outer-div .two-cols{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cookie-div .outer-div .two-cols .col01{
    width: calc(100% - 206px - 30px);
    padding-right: 30px;
}
.cookie-div .outer-div .two-cols .col01 p{
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height:1.4;    
}
.cookie-div .outer-div .two-cols .col01 p a{
    color: #fff;
    text-decoration: underline;
}
.cookie-div .outer-div .two-cols .col02{
    width: 206px;
}
.cookie-div .outer-div .two-cols .col02 .btn_orange{
    border-radius: 100px;
    background-color: #fff;
    color: var( --colorOrange);    
    border: 2px solid var( --colorOrange);
    font-weight: 400;
    font-size: 20px;
    min-width: 206px;
    height: 60px;
    cursor: pointer;
}
.cookie-div .outer-div .two-cols .col02 .btn_orange:hover{
    color: white;
    background-color: #F5AC86;
    border: 1px solid #F5AC86;
}
.cookie-div .outer-div .two-cols .col02 .btn_orange:active {
    color: white;
    background-color: var( --colorOrange);
    border:2px solid var( --colorOrange);
  }
.hot_list_container .hot_swiper .swiper-slide .mfo_card.mfo_card_product{
    min-width: 100%;
    max-width: 100%;
}
.lockout_container .img{
    margin-top: 30px;
}
.lockout_container .img img{
    width: 100%;
}
.lockout_container .img .mobile{
    display: none;
}
.lockout_container .img + .apply{
    margin-top: 30px;
}
.lockout_container .apply{
    display: flex;
    justify-content: center;
}
.lockout_container .item_form_list{
    margin: 0 auto;
    text-align: center;
    width: 320px;
}
.lockout_container .item_form_list #lockout-active-password{ 
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password i{
    display: inline-block;
    width: 30px;
    height: 30px;    
    background-image: url(../assets/icons/icon_eye_closed.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password i:hover{
    /*background-image: url(../assets/icons/icon_eye_open_orange.svg);*/
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password.close_eye i{
    background-image: url(../assets/icons/icon_eye_open.svg);
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password.close_eye i:hover{
    /*background-image: url(../assets/icons/icon_eye_closed_orange.svg);*/
}
.lockout_container .item_form_list #lockout-active-password .mfo_input_password input{
    width: 280px;
}
.lockout_container .item_form_list #lockout-active-password.show_error_fail .error_empty{
    display: none;
}
.lockout_container .item_form_list #lockout-active-password.show_error_empty .error_fail{
    display: none;
}
.lockout_container .sub_title{
    text-align: center;
    font-size: 20px;
    color: #868686;
    margin-top: 0px;
}
.lockout_container .remind{
    margin-top: 80px;
}
.lockout_container .remind h3{
    font-size: 20px;
    font-weight: 500;
}
.lockout_container .remind ul{
    font-size: 20px;
    line-height: 1.5;
    margin-top: 30px;
    list-style: disc;
    padding-left: 20px;
}
.lockout_container .remind ul .orange{
    color:var(--colorOrange);
}
.lockout_container .remind ul li::marker{
    color:#000000;
    font-size: 12px;
}
.lockout_container button.mfo_button.popup.orange{
    margin-left: 0px;
    margin-right: 0;
    font-size: 18px;
    width: 340px;
    min-width: 340px;
    padding: 0;
}
.contracted_goods_list{
    margin-top: 20px;
}
.contracted_goods_list .goods_item{
   width: 1200px;
   margin: 0 auto;
   margin-bottom: 30px;
   overflow: hidden;
}
.contracted_goods_list .goods_item .contracted_card_swiper{
    position: relative;
}
.contracted_goods_list .goods_item .contracted_card_swiper .swiper-wrapper{
    height: auto;
    padding-bottom: 40px;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card{
    border: 1px solid var(--colorOrange);
    border-radius: var(--roundCornerBig);
    padding: 20px;
    background-color: #fff;
    box-shadow: var(--boxshadow);
    margin: 0 8px;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .img{
    text-align: center;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .img img{
    max-width: 100%;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .desc{    
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .desc{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--colorOrange);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    height: 56px;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price{
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price .bind{
    font-size: 16px;
    color: var(--colorDarkGray);
    text-align: center;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price .bind strong{
    font-size: 24px;
    font-weight: 700;
    color: var(--color-red);
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .action{
    text-align: center;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .action button{
    min-height: 38px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: none;
    width: 85%;
    margin: 0 auto;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: var( --colorOrange);;
    cursor: pointer;
    /*
    background: rgba(255,102,0,1);
    background: -moz-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,102,0,1)), color-stop(100%, rgba(255,214,11,1)));
    background: -webkit-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -o-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    background: linear-gradient(to right, rgba(255,102,0,1) 0%, rgba(255,214,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffd60b', GradientType=1 );
   
    */
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .action button:hover{
    /*opacity: 0.5;*/
    background-color: #F5AC86;
    border: 1px solid #F5AC86;
}
.contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .action button:hover:active{
    font-weight: 700;
    box-shadow: var(--boxshadow);
  }
.one_click_coupon_list{
    margin-top: 20px;
}
.one_click_coupon_list .list-item .coupon_list .box{
    border: 3px solid var( --colorMiddleOrange);
    border-radius: var(--roundCornerBig);
    background-color: #fff;
    margin-bottom: 50px;
    overflow: hidden;
}
.one_click_coupon_list .list-item .coupon_list .box .sub_title {
    background-color:var( --colorMiddleOrange);
    position: relative;  
}

.one_click_coupon_list .list-item .coupon_list .box .sub_title span{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: block;    
    padding: 10px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items{
    margin: 30px;
    display: flex;
    flex-wrap: wrap;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item{
    width: calc(100% / 2 - 0px);
    padding: 20px 10px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card a{
    display: flex;
    flex-wrap: wrap;      
    overflow: hidden;
    width: 100%;   
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card.disabled a{
    cursor: default;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price{
    width: 35%;
    min-height: 180px;
    background-color: var(--colorOrange);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--roundCornerSmall) 0 0 var(--roundCornerSmall);
    position: relative;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price:before{
    content: '';
    position: absolute;
    right: -14px;
    top: -14px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-radius: 100px;
    transform: rotate(-45deg);
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price:after{
    content: '';
    position: absolute;
    right: -14px;
    bottom: -14px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-radius: 100px;
    transform: rotate(-135deg);
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price span{
    display: inline-block;
    font-size: 20px;
    color: #fff;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price span strong{
    font-size: 48px;
    font-weight: 700;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info{
    width: calc(100% - 35% - 0px);
    padding: 10px 20px;
    border: 1px solid #D9D9D9;
    border-radius: 0 var(--roundCornerSmall) var(--roundCornerSmall)  0;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .top{
    text-align: right;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .top span{
    border: none;
    border-radius: 100px;
    min-width: 80px;
    min-height: 28px;
    background-color: var(--colorOrange);
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle{
    margin-top: 10px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_01{
    font-size: 20px;
    font-weight: 700;
    color: var(--colorDarkGray);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_02{
    font-size: 14px;
    font-weight: 400;
    color: var(--colorDarkBlue);
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_03{
    margin-top: 10px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_03 span{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 100px;
    background-color: #ffe1cc;
    font-size: 12px;
    color: var(--colorDarkGray);
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .bottom{
    text-align: right;
    font-size: 12px;
    color: var(--colorDarkGray);
    margin-top: 20px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_action{
    text-align: center;
    padding-bottom: 30px;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_action button,.one_click_coupon_list .list-item .coupon_list .box .coupon_action .btn{
    border: 2px solid var(--colorOrange);
    border-radius: 100px;
    min-width: 260px;
    min-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorOrange);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_action.coupon_action_mobile{
    display: none;
    padding-top: 30px;
    padding-bottom: 0;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_action button:hover,.one_click_coupon_list .list-item .coupon_list .box .coupon_action .btn:hover{
    background-color: var(--colorOrange);
    color: #fff;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_action button:hover,.one_click_coupon_list .list-item .coupon_list .box .coupon_action .btn:active{
   
    box-shadow: var(--boxshadow);
  }
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card.disabled .price{
    background-color: #D2D2D2;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card.disabled .info .middle .sub_03 span{
    background-color: #f6f6f6; 
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card.disabled .info .top .disabled {
    color:#D2D2D2;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    cursor: default;
}
.one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card.disabled .info .top .disabled i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../assets/icons/icon_checked_gray.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.lottery-div img{
    max-width: 100%;
}
.lottery-div .keyin-phone-number{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;  
    position: relative;
    z-index: 66;
}
.lottery-div .keyin-phone-number label{
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.lottery-div .keyin-phone-number input{
    margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 5px;    
    min-height: 30px;
    padding: 0 5px;
    width: 140px;
    text-align: center;
}
.lottery-div .keyin-phone-number input:active{
    border: 1px solid #000;
    padding: 0 5px;
}
.lottery-div .keyin-phone-number input::-webkit-outer-spin-button,
.lottery-div .keyin-phone-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lottery-div .keyin-phone-number.error label{
    color: #F73603;
}
.lottery-div .keyin-phone-number.error  input[type=number]{
    border: 1px solid #F73603;
}
/* Firefox */
.lottery-div .keyin-phone-number input[type=number] {
  -moz-appearance: textfield;
}
.lottery-div .hide_href:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
}
.lottery-div  #game a{
    display: block;
}
@media (max-width:1840px) {
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .add{
        /*margin: 0 10px;*/
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card img{
        height: 11vw;
    }
}
@media (max-width:1680px) {

    .activity_list_container .swiper_box .bottom_box{
        padding: 6% 2%;
    }
    .activity_list_container .swiper_box .bottom_box .product_card_list .card_item{
        margin: 0 10px;
        width: calc(50% - 20px);
    }
    .activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card {
        /*width: 100%;*/
       
    }

    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img {
        /*width: 13vw;
        height: 13vw;
        margin: 0 auto;*/
    }

    .activity_list_container .swiper_box .bottom_box {
        padding: 6% 1%;
    }

    .swiper-slide .mfo_product_card {
        width: 100%;
    }

    .swiper-slide .mfo_product_card .content_wrapper .price_container {
        padding: 0 1.5vw;
    }

    .swiper-slide .mfo_product_card .content_wrapper .product_info {
        padding: 13.5px 1.5vw 0;
    }    
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box{
        width: 16vw;
        height: 11.5vw;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .add img{
        width: 2.5vw;
    }  
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .box {
        padding: 18px 28px 45px 28px;
    }
    .bidding_process_container .process_step_wrapper .item .agree{
        margin-left: 0;
    }
    .item_form_list{
        /*margin-left: 0;*/
        margin-left: 120px;
    }
    .bidding_process_container .process_step_wrapper.margin_left_01 .item_info{
        margin-left: 180px;
    }
    .pages2_activity {
        padding: 20px 4% 0 4%;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        width: 15VW;
    }
    .mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button{
        width: 13vw;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
    }
   
    .btn_ripple{
        width: 13vw;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
    }
    .btn_ripple:active,.btn_ripple:focus{
        width: 13vw;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width:1620px){
    .item_form_list .mfo_select .mfo_select_box{
        width: 158px;
    }
    .item_form_list .mfo_select .select_box{
        width: 160px;
    }
    .item_form_list .controller_address_wrapper .mfo_select  .select_box{
        width: 160px;
    }
    .item_form_list .controller_id_card_wrapper .id_card_item .mfo_select .mfo_select_box{
        width: 160px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(4){
        width: 7vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(5){
        width: 7vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(6){
        width: 7vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input {
        width: 3vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input{
        width: 3vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input{
        width: 3vw;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper input{
        padding: 0 10px;
        text-align: center;
    }
    .advertise_list_container.page2 .advertise_swiper{
        padding: 20px 60px 10px 60px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7){
        margin-top: 30px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .floor{
        margin-right: 15px;
    }
    
    .cookie-div .outer-div .two-cols .col01{
        width: calc(100% - 190px - 0px);
        padding-right: 0px;
    }    
    .cookie-div .outer-div .two-cols .col02{
        width: 190px;
        text-align: right;
    }
    .cookie-div .outer-div .two-cols .col02 .btn_orange{
        font-size: 20px;
        min-width: 180px;
        height: 50px;
    }
    
}
@media (max-width:1600px) {
    .contact_box.add_fixed_resize{
        padding: 40px 20px;
        max-width: 100%;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card{
        width: calc(95% + 0.18px);
    }
    .advertise_list_container .advertise_swiper .article_card{
        width: calc(95% + 3.16px);
    }

    .swiper-slide .mfo_card{
        max-width: 100%;
        /*min-width: auto;*/
        min-width: 100%;
    }   
    
    .advertise_list_container .swiper-container{
        margin: 0 15px;
    }
    .pages2_activity {
        padding: 20px 20px 0 20px;
    }
    .pages2_activity .activity_list .swiper-container {
        padding: 30px 0 40px;
     }
     .pages2_activity.fix_margin_top{
        margin-bottom:10px;
     }    
     .mfo_deco .content_container .hot_list_container.add_fixed_pagination .hot_swiper .swiper-pagination{
        top: 15px;
     }
}
@media (max-width:1580px) {
    .hot_list_container .hot_swiper .swiper-pagination {
        /*height: 25px;*/
    }
    .mfo_deco .content_container {
        padding: 40px 6%;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_02 .mfo_card{
        width: calc(100% / 4 - 24px - 2px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_03 .mfo_card{
        width: calc(100% / 4 - 24px - 2px);
    }
   
}
@media (max-width:1440px) {
    .contact_box.add_fixed_resize.padding_bottom01{
        padding-bottom: 15px;
    }
    .mfo_deco .content_container {
        padding: 40px 4%;
    }
    .swiper-slide .mfo_product_card{
        /*width: 220px;*/
    }
    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_desc h3{
        font-size: 18px;
        line-height: 1.4;
    }
    .hot_list_container .hot_title{
        width: 150px;
    }
    .hot_list_container .hot_title .hot_desc{
        font-size: 26px;
        line-height: 1.2;
    }
    .hot_list_container .hot_title .hot_desc span {
        width: 115px;
    }
    .hot_list_container .hot_swiper {
        width: calc(100% - 150px - 30px - 35px);
        margin-left: 40px;
        padding: 30px 0px 30px 0;
    }
  
    .hot_list_container .hot_swiper .mfo_product_card .content_wrapper .product_info .brand{
        font-size: 12px;
    }
    .hot_list_container .hot_swiper .swiper-pagination {
        /*
        height: auto;
        bottom: -15px;
        */
    }    
    .mfo_deco .content_container  .hot_list_container .hot_swiper .swiper-pagination{
        bottom: 0;
    }

    .swiper-slide .mfo_product_card .content_wrapper .product_info .brand{
        font-size: 12px;
    }
    .advertise_list_container .advertise_swiper .swiper_box .bottom-box h3{
        font-size: 20px;
        line-height: 1.4;
    }
    .advertise_list_container .advertise_swiper .swiper_box .bottom-box p{
        font-size: 15px;
        line-height: 1.4;
    }
    .activity_list_container .activity_swiper {
        margin: 20px 5%;
    }
    .advertise_list_container.related_articles_container .advertise_swiper {
        padding: 50px 72px;
    }
    /*.advertise_list_container.page2 .advertise_swiper{
        margin: 20px 6%;
    }*/
    
    .activity_list_container .swiper_box .bottom_box .product_card_list .card_item {
        margin: 0 8px;
        width: calc(50% - 16px);
    }
    .swiper-button-prev{
        /*width: 50px;
        height: 50px;*/
    }
    .swiper-button-next{
        /*width: 50px;
        height: 50px;*/
    }

    .bidding_step_container .add_work_container .mfo_radio_group {
        flex-direction: column;
    }

    .bidding_step_container .add_work_container .mfo_radio_group>div {
        width: 400px;
        margin-right: 0px;
        margin-bottom: 10px;
        max-width: 90%;
    }
    .plan_choice_wrapper{
        padding: 0;
    }

    .contact_box.add_fixed_resize{
        max-width: 100%;
        padding-right: 4%;
        padding-left: 4%;
        /*padding-top: 20px;*/
    }
    .contact_box.add_fixed_resize .activity_card_container .activity_card_swiper {
        margin-left: 8%;
        margin-right: 8%;
    }
    /* .advertise_list_container.page2{
        padding: 20px 4% 20px 4%;
    } */
    .pages1_article .advertise_list_container {
        padding: 40px 4% 40px 4%;
    }
    .advertise_list_container.page2 .advertise_swiper{
        padding: 0px 60px 10px 60px
    }
    .advertise_list_container .swiper-container{
        /*padding-right: 4%;
        padding-left: 4%;*/
        margin: 0;
        padding-right: 0%;
        padding-left: 0%; 
    }
    .pages2_activity{
        padding: 20px 4% 0 4%;
    }
    .pages1_article{
        /*padding: 20px 4% 4% 4%; */
        margin-top: 40px;
    }
    .pages1_article_list .swiper-container{
        margin: 0 4%;
    }
    .pages1_article_list {
        padding: 12px 60px 60px 60px;
    }
    .pages1_article.fix_margin_top{
        margin-top: -40px;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper{
        margin-left: auto;
        margin-right: auto;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper .swiper-container{
        /*margin: 0 90px;*/
        margin: 0 60px;
    }
    .login_orange_box{        
        margin: 0 110px;
    }
    .activity_card_container .activity_card_swiper{
        margin-top: 20px;
    }
    .product_card_container .product_card_swiper{
        margin-top: 20px;
    }
    .product_card_container.product_card_fixed_container .product_card_swiper{
        margin-top: 20px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card{    
        width: calc(100% / 3 - 30px);      
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container{
        /*margin: 0 60px;*/
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-slide .singlePlan_card{
        max-width: 100%;
    }
   
    .mfo_tabs_wrapper .panel_container_outer .promotion_list{
        padding: 0 15px;
    }
    .pageHeading {
         font-size: 28px;
    }    
    .plan_swiper_wrapper{
        padding-left: 60px;
        padding-right: 60px;
    }
    .mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .swiper-button-next{
        top: -65px;       
    }
    .mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .swiper-button-prev{
        top: -65px;  
        right: 100px; 
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button{
        width: 14.5vw;
    }
    .btn_ripple{
        width: 14.5vw;
    }
    .btn_ripple:active,.btn_ripple:focus{
        width: 14.5vw;
    }
} 
@media (max-width:1366px) {        
    .mfo_deco .content_container {        
        padding: 40px 0;
        margin: 0 auto;
        max-width: 90%;
    }
    .mfo_deco .pageHeading{
        font-size: 28px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box {
        width: 20vw;
        height: 12.5vw;
    }
    .cate_title h2{
        font-size: 24px;
        padding-bottom: 10px;
        line-height: 36px;
    }
    .cate_title h2:after{
        height: 8px;
    }
    .bidding_process_container .notice_list .item h3{
        font-size: 20px;
    }
    .bidding_process_container .sponsor_identity_container p{
        font-size: 20px;
    }
    .bidding_process_container .notice_list .item .box{
        padding: 20px;
        margin-top: 20px;
    }
    .bidding_process_container .notice_list .item{
        margin: 30px 0;
    }
    .bidding_process_container .notice_list .item .box .profile_table table{
        font-size: 18px;
    }
    .bidding_process_container .notice_list .item .box .info_list .sub_item{
        font-size: 18px;
    }
    .bidding_process_container .notice_list .item .box .id_card .card h4{
        font-size: 18px;
    }
    .category_list_container .cate_grid_container .cate_list_wrapper{
        /*margin-bottom: 50px;*/
    }
    .banner_container{
        margin-bottom: 50px;
    }
    .hot_list_container{
        /*margin: 50px 0;*/
    }
    .bidding_step_container .gift_choice_container p{
        font-size: 18px;
    }
    .bidding_process_container .process_step_wrapper .item .item_title h4{
        font-size: 18px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info{
        font-size: 18px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td{
        font-size: 16px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item h4{
        font-size: 20px;
    }
    .swiper-button-next,.swiper-button-prev {
        /*width: 50px !important;
        height: 50px !important;*/
    }
    .bidding_process_container .process_step_wrapper.margin_left_01 .item_info {
        margin-left: 165px;
    }
    .bidding_process_container .process_step_wrapper.margin_left_01 .item_form_list{
        margin-left: 165px;
    }
    .plan_banner_list{
        margin-bottom: 0px;
    }
    .plan_banner_list .item a{
        padding:10px 0px;
    }
    .plan_banner_list .item a .desc{
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px;
    }
    .plan_category_list .item a .desc{
        font-size: 20px;
        line-height: 28px;
    } 
    .plan_banner_list .item a .img img{
        transform: scale(0.8);
    } 
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card a {      
        width: calc(100% - 9px + 0.19px);
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card{
        width: calc(95% + 0.26px);
    }
    .advertise_list_container .advertise_swiper .article_card{
        width: calc(95% - 1px + 0.69px);
    }
     /* 活動快訊 start */
    .pages2_activity {
        padding: 60px 4% 20px 4%;
    }
    .pages2_activity.fix_margin_top{
        padding-top: 20px;
    }
    .pages2_activity .activity_list .swiper-container {
        padding: 10px 0 40px;
    }
    .pages2_activity .activity_list .swiper-container .swiper-button-prev {
        left: 0;
        top: calc(50% - 1.2vw);
      }
    .pages2_activity .activity_list .swiper-container .swiper-button-next {
        right: 0;
        top: calc(50% - 1.2vw);
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-slide{
        padding: 0 5px;
    }    
    /* 活動快訊 end */
    
}
@media (max-width:1350px) {
    .mfo_deco .content_container {
        padding: 40px 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info{
        margin-left: 0;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list {
        margin-left: 0;
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item{
        margin-bottom: 10px;       
    }
    .plan_swiper_wrapper .swiper-container{
        /*margin: 0 70px;*/
    }
   
}
@media (max-width:1300px) {
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input{
        width: 40px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input{
        width: 40px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input{
        width: 40px;
    }
    .plan_swiper_wrapper{
       /* margin: 0 -80px;
        overflow: hidden;*/
        /*margin-top: 50px;*/
    }
    .plan_swiper_wrapper .swiper-container{
       /* margin-left: -5vw;
        margin-right: -5vw;*/
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 275px;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 432px;
    }
}
@media (max-width:1285px) {
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(6){
        margin-top: 30px;
    }
}
@media (max-width:1280px) {
    /**有字的大banner**/
    .banner_container .info_box h3 {
        font-size: 36px;
    }

    .banner_container .info_box p {
        font-size: 16px;
    }
    .swiper-slide .mfo_product_card{
        /*width: 16vw;*/
    }   
    
}
@media (max-width:1270px) {
    .activity_list_container .activity_swiper .swiper-button-next{
        display: none;
    }
    .activity_list_container .activity_swiper .swiper-button-prev {
        display: none;
    }
    .activity_list_container {
        margin: 0 -20px;
        overflow: hidden;
    }
    .activity_list_container .activity_swiper {
        margin: 0 -20vw;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_02 .mfo_card{
        width: calc(100% / 3 - 24px - 2px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_03 .mfo_card{
        width: calc(100% / 3 - 24px - 2px);
    }
    .lottery-div{
        margin-left: -30px;
        margin-right: -30px;
    }
}
@media (max-width:1200px) {
    .item_form_list .pre_order_select_wrapper .mfo_select.mfo_type_select .mfo_select_items_box{
        max-width: 100%;
    }
    .mobile-scroller{
        overflow-x: auto;
        padding: 0 2px 2px 2px;
    }
    .mobile-scroller .heart-table.insurance-table{
        width: 1200px;
    }
    .bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td .max-wid{
        max-width: 1000px;
    }
}
@media (max-width:1240px){
    .swiper-slide .mfo_product_card{
        /*width: 16.5vw;*/
    }
    .hot_list_container .hot_swiper .swiper-pagination {
        /*height: 10px; */
    }
    
    .activity_list_container .activity_swiper {
        margin: 0 -40vw;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .orange_box{
        padding: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .white_box{
        padding: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(1){
        width: 30%;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(2){
        width: calc(100% - 30%);
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        margin: 0 10px;
        width: 18vw;
    }
    
    .mfo_tabs_wrapper .tabs .scroller_outer{
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: -3px;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar {
        height: 5px;
        background-color: #eee;
    }    
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px #eee;
        background-color: #eee;
    }    
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-thumb{
        background-color: #ccc;
        border-radius: 5px;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer .scroller{
        width: max-content;
        min-height: 32px;
        padding-bottom: 5px;
        margin: 0 auto;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list .mfo_card{
        width: calc(100% / 4 - 24px - 2px);
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button{
        min-width: 200px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button.mfo_button_eight_characters{
        min-width: 150px;
    }
    .btn_ripple.fixed_mfo_button{
        min-width: 200px;
    }
    .contracted_goods_list .goods_item{
        width: 100%;
    }   
}
@media (max-width:1140px) {
    .item_form_list .mfo_select .select_box{
        width: 100%;
    }
    .item_form_list .controller_birthday_wrapper .birthday_item{
        width: calc(100% / 3 - 8px );
        margin-right: 12px;
    }
    .item_form_list .controller_birthday_wrapper .birthday_item .mfo_select .mfo_select_box{
        width: 100%;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item{
        width: calc(100% / 3 - 8px );
        margin-right: 12px;
        margin-top:10px ;
        margin-bottom: 10px;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(3n+3){
        margin-right: 0;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item .mfo_select .mfo_select_box{
        width: 100%;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item a{
        width: 100%;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item{
        width: calc(100% / 3 - 30px);
        margin: 0 15px;
    }   
    
}
@media (max-width:1128px) {
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(5){
        margin-top: 30px;
    }
}
@media (max-width:1120px) {
    .mfo_deco .content_container{
        padding: 40px 4vw;
        max-width: 100%;
    }
    .bidding_process_container .notice_list .item .box {
        margin-left: 0;
    }

    .bidding_process_container .notice_list .item .box .id_card .add {
        margin: 0 30px;
    }
    .activity_list_container{
        margin: 0 -4vw;
    }
    .activity_swiper .swiper-slide .mfo_product_card{
        /*width: 22vw;*/
    }
    .swiper-slide .mfo_product_card{
        /*width: 22vw;*/
    }
    .hot_list_container .hot_swiper .swiper-pagination {
        /*height: 40px; */
    }
    .advertise_list_container{
        /*margin:10px -50px 30px -50px;*/
        overflow: hidden;
    }

    .advertise_list_container.page2{
        margin:10px -4vw 30px -4vw;
    }
    .advertise_list_container .advertise_swiper {
        /*margin: 0 -10vw;*/
    }   
   
    .advertise_list_container.page2 .advertise_swiper {
        margin: 0 -10vw;        
    }   
    .advertise_list_container.page2 .advertise_swiper .swiper-button-next {
        display: none;
    }
    .advertise_list_container.page2 .advertise_swiper .swiper-button-prev {
        display: none;
    }
    .swiper-slide .mfo_card .mfo_card_content{
        /*padding: 40px 15px 16px 15px;*/
    }
    .plan_banner_list .list_item{
        margin: 0;
    }
    .activity_card_container .activity_card_swiper {
        margin: 0 ;
        margin-top: 30px;
    }
    
    .product_card_container .product_card_swiper {
        margin: 0;
        margin-top: 20px;
    }
    .product_card_container .product_card_swiper .swiper-button-next{
        display: none;
    }
    .product_card_container .product_card_swiper .swiper-button-prev{
        display: none;
    }
    .contact_box.add_fixed_resize .featured_month_container{
        margin-left: -4%;
        margin-right: -4%;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container{
        padding: 50px 0;
        margin-left: -10vw;
        margin-right: -10vw;
        width: calc(100% + 20vw);
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-button-next{
        display: none;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-button-prev{
        display: none;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-wrapper{
        
    }
    .contact_box.add_fixed_resize.padding_bottom01{
        padding-bottom: 0;
        margin-bottom: -10px;
    }
    /* 活動快訊 start */
    .pages2_activity {
        padding: 60px 0 20px;
    }
    .pages2_activity > .activity_list > .swiper-container > .swiper-button-prev, .pages2_activity > .activity_list > .swiper-container > .swiper-button-next {
        display: none;
    }
    .pages2_activity .activity_list .swiper-container {
        padding: 0 0 40px;
        margin: 0 -10vw;
    }
    .pages2_activity .activity_list .swiper-container .swiper-wrapper {
        padding: 15px 0 17px;
    }
    /* 活動快訊 end */
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01{
        margin: 0 10px;
    }
    .item_form_list .pre_order_select_wrapper .mfo_select.mfo_type_select .mfo_select_items_box{
        max-width: 100%;
    }
    
}
@media (max-width:1024px) {
    .swiper-slide .mfo_card .mfo_card_content {       
        padding-left: 10px;
        padding-right: 10px;
    }

    /**有字的大banner**/
    .banner_container .info_box {
        padding-right: 3%;
    }

    .banner_container .info_box h3 {
        font-size: 30px;
    }

    .banner_container .info_box p {
        font-size: 15px;
    }

    .banner_container .info_box a.more {
        display: none;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list{
        display: block;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .add{   
        padding: 25px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box{
        width: 38vw;
        height: 22vw;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .health_id_card{
        display: flex;
        flex-wrap: wrap;      
        justify-content: center;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        font-size: 16px;
        /*idth: 180px;*/
        width: 165px;
        height: 48px;
    }
    .btn_ripple,.btn_ripple:focus{
        font-size: 16px;
        width: 165px;
        height: 48px;
    }
    .plan_swiper_wrapper{
        /*padding: 0 50px;*/
        padding-bottom: 50px;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper .swiper-container{
        margin: 0 10px;
    }
    .pages2_activity {
        /*padding: 40px 6% 20px 6%;*/
        padding: 40px 0 20px 0;
    }   
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list{
        margin-left: 0;
        margin-right: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card {
        width: calc(100% / 2 - 30px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list .mfo_card {
        width: calc(100% / 4 - 20px - 2px);   
        margin: 10px;     
    }
   
    .mfo_tabs_wrapper .tabs .scroller_outer{
        -webkit-overflow-scrolling: touch;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar {        
        background-color: transparent !important;
        display: none;
        height: 0;
        width: 0;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
        box-shadow: inset 0 0 6px transparent !important;
        background-color:  transparent !important;
    }    
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-thumb{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color:  transparent !important;       
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }

    
    .product_list_wrapper.product_card_list_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        row-gap: 24px;
    }    
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item {
        width: calc(100% / 1 - 0px);
        padding: 20px 0px;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar {
        background-color: transparent;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button.mfo_button_six_characters{
        min-width: 165px;
    }
}
@media (max-width:992px) {

    /**有字的大banner**/
    .banner_container .info_box {
        width: 70%;
    }

    .banner_container .img_box .mobile {
        display: block;
    }

    .banner_container .img_box .web {
        display: none;
    }

    .banner_container {
        margin-bottom: 50px;
    }
    .item_form_list{
        margin-left: 0;
    }

    /**熱銷TOP5**/
    .hot_list_container {
        display: block;
        margin-bottom: 50px;
        overflow: hidden;
        background-image: url(../assets/material/ploygon_mobile.svg);
        background-position: center -10vw;
        background-size: 100% auto;
        background-repeat: no-repeat !important;
        background-attachment:initial;
    }

    .hot_list_container .hot_title {
        width: 100%;
        background-image: none;
       
        padding-top: 2vw;
        align-items: flex-start;
        justify-content: center;
        padding-left: 0;
        height: 15vw;
    }

    .hot_list_container .hot_title .hot_desc {
        background-size: auto 45px;
        font-size: 24px;
        padding-top: 45px;
    }

    .hot_list_container .hot_title .hot_desc span {
        display: inline;
        width: max-content;
    }

    .hot_list_container .hot_swiper {
        width: calc(100% - 30px);
        padding: 30px 0px 40px 0px;
        margin-left: 15px;
        margin-right: 15px;

    }

    .hot_list_container .hot_swiper .swiper-container {
        height: fit-content;
    }

    .hot_list_container .hot_swiper .swiper-container .swiper-slide {
        height: fit-content;
    }

    .hot_list_container .hot_swiper .swiper-pagination {
        height: auto;
        bottom: -20px;
        top: auto;
    }
    .hot_list_container .hot_swiper .swiper-wrapper+.swiper-pagination{
        margin-top: 0;
    }
    .hot_list_container.discount_list_container{
        background-image: url(../assets/material/ploygon_mobile_purple.svg);
    }
    .hot_list_container.discount_list_container .hot_title {        
        padding-left: 0;
        background-image: none;
    }
    .hot_list_container.notice_list_container .hot_title .hot_desc {
        padding-top: 45px;
    }
    .hot_list_container.month_list_container{
        background-image: url(../assets/material/ploygon_mobile_green.svg);
    }
    .hot_list_container.month_list_container .hot_title {
        padding-left: 0;
        background-image: none;
    }
    .hot_list_container.notice_list_container{
        background-image: url(../assets/material/ploygon_mobile_yellow.svg);    }

    .hot_list_container.notice_list_container .hot_title {        
        padding-left: 0;
        background-image: none;
    }



    /**有字的大banner**/
    .banner_container {
        margin-bottom: 50px;
    }

    .banner_container .info_box {
        width: 100%;
        padding-right: 0;
    }
    .banner_container .info_box a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .banner_container .img_box .mobile {
        display: block;
    }

    .banner_container .img_box .web {
        display: none;
    }

    /**分類列表**/
    .category_list_container .cate_grid_container .cate_list_wrapper {
        display: flex;
        flex-wrap: wrap;
        /*justify-content: center;*/
        justify-content: flex-start;
        margin-bottom: 50px;
    }

    .category_list_container .cate_grid_container .cate_list_wrapper .item {
        width: calc(100% / 3);
        margin: 0;
    }
    .category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item{
       width: calc(100% / 3);
        margin: 0;
    }
    .category_list_container .cate_grid_container .brand_swpier.logo_swpier .cate_list_wrapper .item{
        width: 100%;
    }
    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img {
        width: 100%;
        height: calc(33vw - 10px);
        background-size: contain;
    }

    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_desc {
        margin-top: 0;
    }


    .bidding_process_container .notice_list .item .box .id_card {
        display: block;
    }

    .bidding_process_container .notice_list .item .box .id_card .card {
        text-align: center;
    }

    .bidding_process_container .notice_list .item .box .id_card .add {
        margin: 15px 0;
        text-align: center;
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .add{
        margin: 15px 0;
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card img{
        height: 213px;
       
    }
    .bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper {
        min-width: calc(100% / 2 - 24px);      
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card img {
        width: 348px;
        max-height: initial;
        height: auto;
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card .white_bg{
        width: 348px;
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card .white_bg img{
        width: auto;
        height: 203px;
    }
    .item_form_list .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller .mfo_button_wrapper .mfo_button.btn_select_familymart_store{
        width: 100%;
        height: 48px;
    }
    .item_form_list .controller .mfo_button_wrapper .mfo_button.mfo_button.select_store{
        width: 100%;
    }
    .item_form_list .controller_address_wrapper .address_item{
        margin-right: 2vw;
    }
    .item_form_list .controller_address_wrapper .address_item:nth-child(1){
        width: calc(100% / 3);
    }
    .item_form_list .controller_address_wrapper .address_item:nth-child(2){
        width: calc(100% / 3);
    }
    .item_form_list .controller_address_wrapper .address_item:nth-child(3){
        margin-right: 0;
        width: calc(100% / 3 - 4vw);
    }
    .item_form_list .controller_address_wrapper .address_item:nth-child(4){
        width: 100%;
        margin-top: 2vw;
    }
    .item_form_list .controller_address_wrapper .mfo_select .select_box{
        width: 100%;
    }
    .item_form_list .controller_address_wrapper .mfo_select .mfo_select_box{
        width: 100%;
    }
    .item_form_list .controller_address_wrapper .address_item:nth-child(3) .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller_phone_wrapper .phone_item{
        margin-right: 2vw;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(1){
        width: calc(40% - 2vw - 3vw);
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(2){
        width: 6vw;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(2) img{
        max-width: 100%;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(3){
        margin-right: 0;
        width: calc(60% - 2vw - 3vw);
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(4){
        width: 100%;
        margin-top: 2vw;
        margin-right: 0;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(1) .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(3) .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(4) .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper .outside_box{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper .service_item .outside_box .sub_service_item .mfo_checkbox_wrapper{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper .service_item.item_unnecessary_service_try .mfo_radio_group .radio_item_wrapper{
        width: 100%;
    }
    .item_form_list .controller_momo_wrapper .momo_feedback .item_box{
        width: 100%;
    }
    .item_form_list .controller_momo_wrapper .momo_feedback .mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .controller_momo_wrapper .momo_feedback .mfo_radio_group{
        width: 100%;
    }
    .item_form_list .controller_momo_wrapper .momo_feedback .radio_item_wrapper{
        width: 100%;
    }
    .item_form_list .seven_day_try_item .mfo_radio_group{
        width: 100%;
        margin-bottom: 10px;
    }
    .item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper{
        width: 100%;
    }
    .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:nth-child(1){
        width: calc(50% - 1vw);
        margin-right: 2vw;
    }
    .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group{
        width: calc(50% - 1vw);
    }
    .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        width: 100%;
    }
    .item_form_list .controller_datetime_wrapper .datetime_item:nth-child(1){
        width: calc(50% - 1vw);
        margin-right: 2vw;
    }
    .item_form_list .controller_datetime_wrapper .datetime_item{
        width: calc(50% - 1vw);
    }
    .item_form_list .controller_datetime_wrapper .mfo_select .mfo_select_box{
        width: 100%;
    }
    .item_form_list .controller_datetime_wrapper .mfo_select .select_box{
        width: 100%;
    }
    .item_form_list .controller_upload .upload_wrapper .sub_box{
        width: 100%;
        height: 55vw;
    }
    .item_form_list .controller_upload .upload_wrapper .sub_box .span_upload_file span{
        font-size: 14px;
    }
    .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        font-size: 14px;
    }
    .item_form_list .controller_user_password_wrapper .user_password .radio_item_wrapper{
        width: 100%;
    }
    .item_form_list .controller_user_password_wrapper .user_password .item_box{
        width: 100%;
    }
    .item_form_list .controller_id_card_wrapper .id_card_item:nth-child(1){
        width: 100%;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .item_form_list .controller_id_card_wrapper .id_card_item:nth-child(2){
        width: calc(50% - 1vw);
        margin-right: 2vw;
    }
    .item_form_list .controller_id_card_wrapper .id_card_item:nth-child(3){
        width: calc(50% - 1vw);        
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(1){
        width: calc(100% / 3 - 8px );
        margin-right: 12px;
    }   
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(2){
        width: calc(100% / 3 - 8px );
        margin-right: 12px;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(3){
        width: calc(100% / 3 - 8px );
        margin-right: 0px;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(4){
        width: calc(50% - 1vw);
        margin-right: 2vw;
    }
    .item_form_list .controller_id_card_wrapper.controller_id_card_select_wrapper .id_card_item:nth-child(5){
        width: calc(50% - 1vw);
        margin-right: 0;
    }
    
    .item_form_list .mfo_select .mfo_select_box{
        width: 100%;
    } 
    .item_form_list .controller_id_card_wrapper .id_card_item .mfo_select .mfo_select_box{
        width: 100%;
    }   
    .plan_choice_wrapper .item_remind{
        font-size: 14px;
        line-height: 20px;
    }
    .plan_choice_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group{
        width: calc(100% / 3 - 1vw);
        margin-right: 1.5vw;
    }
    .plan_choice_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:nth-child(1){
        width: calc(100% / 3 - 1vw);
        margin-right: 1.5vw;
    }
    .plan_choice_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        width: 100%;
        padding: 13.5px 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
        padding: 12.5px 10px;
    }
    .plan_choice_wrapper .mfo_radio_group .radio_item_wrapper{
        padding-top: 13.5px;
        padding-bottom: 13.5px;
    }
    .plan_choice_wrapper .mfo_radio_group .radio_item_wrapper.active {       
        padding-top: 12.5px;
        padding-bottom: 12.5px;

    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(1){
        width: calc(100% / 2 - 8px);
        margin-right: 16px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(2){
        width: calc(100% / 2 - 8px);
        margin-right: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(3){
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(4){
        margin-top: 0;
        width: calc(100% / 3 );
        margin-right: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(4) span{
        margin-right: 10px;
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(5){
        margin-top: 0;
        width: calc(100% / 3);
        margin-right: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(5) span{
        margin-right: 10px;
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(6){
        margin-top: 0;
        width: calc(100% / 3);
        margin-right: 0px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(6) span{       
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item .mfo_input_wrapper{
        display: flex;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7){
        width: calc(100% / 3  - 20px);
        margin-right: 0;
    }  
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper span{
        min-width: 40px;
        display: flex;       
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8){
        width: calc(100% / 3  + 20px);
        margin-right: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper span{
        min-width: 40px;
        display: flex;
     
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input {
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9){
        width: calc(100% / 3);
        margin-right: 0px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input {
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper span{        
        margin-left: 10px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item{
        font-size: 14px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .select_box select{
        font-size: 14px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_box{
        font-size: 14px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item .mfo_select .mfo_select_items_box li{
        font-size: 14px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(1) .mfo_select .select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(1) .mfo_select .mfo_select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(2) .mfo_select .select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(2) .mfo_select .mfo_select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3){
        margin-right: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .mfo_select_box{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .mfo_select_box::after{
        right: 15px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(4){
        width: calc(100% / 3 - 6px);
        margin-right: 9px;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(5){
        width: calc(100% / 3 - 6px);
        margin-right: 9px;
        margin-top: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(6){
        width: calc(100% / 3 - 6px);
        margin-top: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7){
        width: 100%;
        margin-top: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .floor{
        margin-right: 0;
        margin-left: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper{
        justify-content: space-between;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(7) .mfo_input_wrapper input{
        width: 50%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(8){
        width: calc(100% / 5 * 2);
        margin-top: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper{
        justify-content: space-between;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(8) .mfo_input_wrapper input{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(9){
        width: calc(100% / 5 * 3);
        margin-top: 0;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(9) .mfo_input_wrapper input{
        width: 50%;
    }
    .plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group {
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper{
        min-width:auto;
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .other_service_item .mfo_radio_group .radio_item_wrapper{
        font-size: 14px;
    }
    .bidding_process_container .process_step_wrapper.margin_left_01 .item_info {
        margin-left: 0;
    }
    .bidding_process_container .process_step_wrapper.margin_left_01 .item_form_list{
        margin-left: 0;
    }
    .item_form_list .controller_user_password_wrapper .user_password .mfo_radio_group{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper .service_item .mfo_radio_group{
        width: 100%;
    }
    .item_form_list .controller_service_wrapper.radio_item_had_border .service_item .radio_item_wrapper{
        width: 100%;
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container{
        margin: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-button-next{
        display: none;
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-button-prev{
        display: none;
    }
    .mfo_tabs_wrapper .filter_plan_container.add-plan-card-arrow{
        padding-right: 0;
    }
    .mfo_tabs_wrapper .action_more{
        padding: 0 10px;
    }
    .mfo_tabs_wrapper .action_more .more{
        width: 130px;
        height: 36px;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list {
        margin-left: 0;
        margin-right: 0;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item{
        width: 100%;
        margin: 20px 0px;
    }   
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 118px;      
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 197px;        
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group{
        width: calc(100% /2 - 6px);
        margin-right: 12px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:nth-child(2n+2){
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        width: 100%;
    }
   
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item .mfo_radio_group:last-child{
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group{
        width: calc(100% / 3 - 8px);
        margin-right: 12px;    
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group:nth-child(3n+3){
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_project_item .mfo_radio_group{
        margin-right: 10px;   
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_project_item .mfo_radio_group{
        width: calc(100% /2 - 5px);
        margin-right: 10px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_project_item .mfo_radio_group:nth-child(2n+2){
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper{
        width: 100%;
        padding-left: 0px;
        padding-right:0px;
    }
    
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper .content{
        line-height: 16px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.mobile_two_items .mfo_radio_group{
        width: calc(100% / 4 - 6px);
        margin-right: 12px;    
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group:last-child{
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_fieldset{
        width: calc(100% /3 - 6px);
        margin-right: 12px;
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_fieldset:nth-child(2n+2){
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_wrapper{
        width: 100%;
    }
    .advance_filter .sub_item_outer .sub_item .controller .filter_checkbox_group .mfo_checkbox_wrapper{
        margin-bottom: 15px;
    }

    .advance_filter .sub_item_outer .sub_item .label{
        padding: 15px;
    }
    .advance_filter .sub_item_outer .sub_item .controller{
        padding: 15px 15px 0 15px;
    }
    .plan_category_list{
        padding: 0;       
        /*margin-bottom: 50px;*/
    }
    .plan_category_list .list_item{
        margin-left: -10px;
        margin-right: -10px;
    }
    .plan_category_list .item a{
        margin: 10px 20px;
        padding: 10px;
    }
    .plan_category_list .item a .img img{
        transform: scale(0.8);
    }
    .plan_category_list .item a .desc{
        font-size: 16px;
        margin-top: 0;
    }
    .product_card_container .product_card_swiper{
        margin-left: 0;
        margin-right: 0;
    }
    .product_card_container .product_card_swiper .swiper-button-next{
        display: none;
    }
    .product_card_container .product_card_swiper .swiper-button-prev{
        display: none;
    }
    .plan_banner_list .item a .desc{
        font-size: 18px;
    } 
    .cookie-div{
        padding: 15px 0;
    }
    .cookie-div .outer-div .two-cols{
        display: block;
    }
    .cookie-div .outer-div .two-cols .col01{
        width: 100%;
        padding-right: 0;
    }
    .cookie-div .outer-div .two-cols .col02{
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .cookie-div .outer-div .two-cols .col02 .btn_orange{
        font-size: 16px;
        min-width: 112px;
        height: 30px;
    }
    
    .login_orange_box{
        margin: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .promotion_list{
        padding: 0 0px;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        margin: 0 5px;
    }
    .item_form_list .pre_order_select_wrapper .mfo_select{
        width: 100%;
    }
    .item_form_list .pre_order_input_wrapper.mfo_input_wrapper input{
        width: 100%;
    }
    .item_form_list .pre_order_select_wrapper .mfo_select.mfo_type_select{
        min-width: 100%;
    }
}
@media (max-width: 920px){
    .bidding_step_list{
        /*margin-left: -5px;
        margin-right: -5px;*/
        margin-left: 0;
        margin-right: 0;
    }
    .bidding_step_list .item{
        padding: 0 5px;
    }
    .bidding_step_list .item .img .circle{
        border-width: 5px;
        width: 48px;
        height: 48px;
    }
    .bidding_step_list .item .img .circle img{
        width: 24px;
    }
    .bidding_step_list .item .img .circle img:nth-child(2) {
        position: absolute;
        left: calc(50% - 12px);
        top: calc(50% - 12px);
    }
    .bidding_step_list .line span{
        top: 24px;
        height: 4px;
    }    
    
    .bidding_step_list.two_steps .line{
        width: calc(100% / 1 - 58px - 58px);
    }
    .bidding_step_list.three_steps .line{
        width: calc(100% / 2 - 58px - 30px);
    }
    .bidding_step_list.four_steps .line{
        width: calc(100% / 3 - 58px - 20px);
    }
    .bidding_step_list.five_steps .line{
        width: calc(100% / 4 - 58px - 20px);
    }
    .bidding_step_list.seven_steps .line {
        width: calc(100% / 4 - 70px);
    }

    .bidding_step_list.seven_steps {
        justify-content: flex-start;
    }

    .bidding_step_list.five_steps.two_steps{
        justify-content: space-between;
    }
    .bidding_step_list.five_steps.two_steps .line{
        width: calc(100% - 116px );
    }
    .bidding_step_list.seven_steps .line {
        width: calc(100% / 4 - 70px);
    }

    .bidding_step_list.seven_steps {
        justify-content: flex-start;
    }
    .bidding_step_list .item .desc h3{
        font-size: 12px;
        line-height: 27px;
    }
    .bidding_step_container .gift_choice_container p{
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_step_container .gift_choice_container .mfo_radio_group{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper {        
        min-width: 100%;
        margin: 10px 0;
        padding: 10px 16px 10px 44px;
        
    }
    .bidding_step_container .gift_choice_container .mfo_radio_group .radio_item_wrapper .content{
        line-height: 2;
    }
    .activity_list_container .activity_swiper {
        margin: 0 -50vw;
    }
    .activity_card_container{
        overflow: hidden;
    }
    .activity_card_container{
        /*margin: 0 -40px;*/
    }
    .activity_card_container .activity_card_swiper{
        /*margin: 0 -10vw;*/
    }
}
@media (max-width: 820px) {
    .set_autocomplete .mfo_deco{
        overflow: inherit;
    }
    .set_autocomplete .hide_twelve_shape_bg{
        overflow: inherit;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box {
        width: 38vw;
        height: 22vw;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list.id_card_list .col:first-child{
        margin-right: 0;
    } 
    .hot_list_container .hot_title{
        padding-top: 1.5vw;
    }
    .pages2_activity {
        margin-top: 60px;
        padding: 0;
      }
    
    .plan_banner_list .item a .desc span{
        font-size: 14px;
    }
    .mfo_tabs_wrapper .alert_relieve ~ .filter_plan_container{
        padding-top: 15px;
    }
    .mfo_tabs_wrapper .tabs ~ .filter_plan_container{
        margin-top: 10px;
    }
    .product_list_wrapper{
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }    
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list .mfo_card {
        width: calc(100% / 3 - 20px - 2px);        
    } 
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button{
        min-width: 165px;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 140px;      
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 220px;        
    }
    .filter_plan_container .filter button .filter-tags{
        font-size: 12px;
        line-height: 20px;
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 768px) {
    .bidding_process_container.add_margin_top01{
        margin-top: 0px;
    }
    .contact_box.add_fixed_resize{       
        padding: 20px;
    }
    .pageHeading h1 {
        padding: 20px 0;
    }
    .pageHeading.align_left h1 span{
        height: 38px;
    }
    .advance_filter .toggle_div button{
        font-size: 16px;
    }
    .mfo_deco .pageHeading{
        font-size: 24px;
    }
    .swiper-slide .mfo_product_card{
        /*width: 24vw;*/
    }
    .activity_swiper .swiper-slide .mfo_product_card{
        /*width: 24vw;*/
    }
    .activity_card_container .activity_card_swiper .swiper-button-next{
        display: none;
    }
    .activity_card_container .activity_card_swiper .swiper-button-prev{
        display: none;
    } 
    .category_list_container .cate_swiper .swiper-button-next {
        display: none;
    }

    .category_list_container .cate_swiper .swiper-button-prev {
        display: none;
    }
    .mfo_breadcrumb.breadcrumb_href i {
        margin: 0 10px;
    }

    .mfo_breadcrumb.breadcrumb_href i:after {
        border-width: 0 1px 1px 0;
        width: 5px;
        height: 5px;
        left: 5px;
        top: 4px;
    }

    .mfo_deco .content_container {
        padding: 20px 4vw;
    }

    .product_grid_container {
        /*width: 100%;
        height: 276px;*/
    }

    .product_list_wrapper {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        margin-bottom: 30px;
    }

    .product_grid_container {
        /*height: 302px;*/
    }

    .mfo_product_card {
        /*height: 300px;*/
    }

    .mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag5 {
        background-position: -1px 1px;
        background-size: 100% 25.3px;
    }

    /**補貨中**/
    .mfo_product_card .img_wrapper .disabled_cover p {
        font-size: 12px;
        background-image: url(../assets/material/disabledCoverBgMobile.svg);
        width: 125px;
        height: 123px;
    }

    /**標題**/
    .pageHeading {
        font-size: 24px;        
    }

    /**header 大Banner 輪播圖**/
    .mfo-swiper-wrapper .swiper-container .swiper-slide .web {
        display: none;
    }

    .mfo-swiper-wrapper .swiper-container .swiper-slide .mobile {
        display: block;
    }


    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 10px;
        width: 30px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }


    /**熱銷TOP5**/
    .hot_list_container {
        background-position: center -8vw;
        margin: 30px 0;
        border-width: 2px;
    }
    .hot_list_container .hot_title {
        height: 20vw;
        padding-top: 3vw;
    }
    .hot_list_container .hot_swiper .swiper-container .swiper-pagination-bullet{       
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
    .hot_list_container .hot_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 30px;
    }
   
    /**活動輪播**/
    

    .activity_list_container .swiper-container .swiper-pagination {
        margin-top: 30px;
    }

    .activity_list_container .swiper_box {
        margin: 0 10px;
    }

    .activity_list_container .swiper_box:after {
        height: 14px;
    }

    .activity_list_container .swiper_box .bottom_box{
        padding: 6% 3%;
    }

    .activity_list_container .swiper_box .bottom_box .product_card_list .card_item {
        margin: 0 5px;
        width: calc(50% - 10px);
    }
    .activity_list_container {
        margin: 0 -4vw;
        overflow: hidden;
    }
    .activity_card_container{        
        margin-right: calc(-20px - 5vw);
        margin-left: -20px;
    }
    .activity_card_container .activity_card_swiper{
        margin-right: -30%;
    }
    .contact_box.add_fixed_resize .activity_card_container{
        margin-right: calc(-20px - 5vw);
        margin-left: -20px;
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .contact_box.add_fixed_resize .activity_card_container .activity_card_swiper{
        margin-left: 0;
        margin-right: -30%;
        margin-top: 20px;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card{
        width: calc(95% + 0.01px);
    }
    .activity_card_container  .swiper-pagination{        
        position: absolute;
    }
    .swiper-slide .mfo_product_card .content_wrapper {
        height: auto;
    }
    .advertise_list_container .advertise_swiper .article_card{
        width: calc(95% - 9.97px);
    }

    .cate_title h2 {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .cate_title h2:after {
        /*width: 40px;*/
        height: 5px;
        bottom: -2.5px;
    }

    /**分類列表**/


    .category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item .item_img .img img {
        transform: scale(1);
    }

    .category_list_container .cate_grid_container .cate_list_wrapper .item {

        margin: 0;
    }

    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img {
        width: calc(30vw - 10px);
        height: calc(30vw - 10px);
        margin: 0 auto;
    }

    .category_list_container .cate_grid_container .cate_swiper {
        /*margin: 30px -3%;*/
        overflow: hidden;
    }

    .category_list_container .cate_swiper .swiper-pagination {
        margin-top: -10px;
    }



    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img .img img {
        transform: scale(0.8);
    }
    .category_list_container .tab_toggle .box{
        padding: 5px;
    }
    .category_list_container .tab_toggle .box a{
        font-size: 12px;
        min-width: 100px;
        min-height: 29px;
    }
    .category_list_container .cate_grid_container .tab_detail .cate_list_wrapper{
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    /**小廣告輪播**/
    
    .advertise_list_container .advertise_swiper .swiper_box {
        margin: 0 ;
    }

    .advertise_list_container .advertise_swiper .swiper_box .bottom-box {
        margin-top: 15px;       
    }

    .advertise_list_container .advertise_swiper .swiper_box .bottom-box h3 {
        font-size: 20px;
        line-height: 29px;
    }

    .advertise_list_container .advertise_swiper .swiper_box .bottom-box p {
        font-size: 14px;
        line-height: 18px;
    }

    .advertise_list_container .advertise_swiper{
        padding: 0px;
    }

    .advertise_list_container.page2 {
        padding: 10px 4% 30px 4%;
    }
    .advertise_list_container.page2 .advertise_swiper{
        padding: 0;
    }

    .advertise_list_container .swiper-container{
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .advertise_list_container.related_articles_container .advertise_swiper{
        padding: 0;
    }
    .advertise_list_container .swiper-container .swiper-pagination {
        margin-top: 30px;
    }
    .advertise_list_container .advertise_swiper .swiper-button-next {
        display: none;
    }
    .advertise_list_container .advertise_swiper .swiper-button-prev {
        display: none;
    }
    .plan_swiper_wrapper .swiper-container .swiper-button-prev{
        display: none;
    }
    .plan_swiper_wrapper .swiper-container .swiper-button-next{
        display: none;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.mobile_two_items .mfo_radio_group {
        width: calc(100% / 4 - 9px);
        margin-right: 12px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group:last-child {
        margin-right: 0;
    }
    /**背景底部的裝飾色塊**/
    .mfo_deco221 {
        background-image: url(../assets/material/page221_deco_mobile.svg);
        background-position: 0 130vw;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .mfo_deco211 {
        background-image: url(../assets/material/page211_deco_mobile.svg);
        background-position:center 120vw;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .mfo_deco111 {
        background-image: url(../assets/material/page111_deco_mobile.svg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco111.mfo_deco_fixed{
        background-image: url(../assets/material/page111_deco_mobile_fixed.svg);
    }    
    .mfo_deco111.mfo_deco_fixed_2{
        background-image: url(../assets/material/page111_deco_mobile_fixed_2.svg);
    }
    .mfo_deco751 {
        background-image: url(../assets/material/page751_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 0 5%;
    }

    .mfo_deco732 {
        background-image: url(../assets/material/page732_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco741_step2{
        background-image: url(../assets/material/page741_step2_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco751_step3{
        background-image: url(../assets/material/page751_step3_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center 15vw;
    }
    .mfo_deco761_step2{
        background-image: url(../assets/material/page761_step2_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;       
    }
    .mfo_deco771_step2{
        background-image: url(../assets/material/page771_step2_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco733_step1{
        background-image: url(../assets/material/page733_step1_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco741_step4{
        background-image: url(../assets/material/page741_step4_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco743_step2{ 
        background-image: url(../assets/material/page743_step2_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco741_step5{ 
        background-image: url(../assets/material/page741_step5_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco751_step4{
        background-image: url(../assets/material/page751_step4_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco771_step3{
        background-image: url(../assets/material/page771_step3_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco121{
        min-height: calc(100% - 48px);
        background-image: url(../assets/material/page122_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco122{
        min-height: calc(100% - 48px);
        background-image: url(../assets/material/page122_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco1221{
        background-image: url(../assets/material/page1221_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco1222{
        background-image: url(../assets/material/page1222_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco1223{
        background-image: url(../assets/material/page1223_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco124{
        background-image: url(../assets/material/page1224_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco1225{
        background-image: url(../assets/material/page1225_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco131{
        background-image: url(../assets/material/page131_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco132{
        background-image: url(../assets/material/page132_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco133{
        background-image: url(../assets/material/page133_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco141{
        background-image: url(../assets/material/page141_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco151_step1a{
        background-image: url(../assets/material/page151_step1a_deco_mobile.svg);       
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco151_step1b{
        background-image: url(../assets/material/page151_step1b_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco151_step2{
        background-image: url(../assets/material/page151_step2_deco_mobile.svg);       
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco151_step4{
        background-image: url(../assets/material/page151_step4_deco_mobile.svg);       
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .mfo_deco731a_step1{
        background-image: url(../assets/material/page731a_step1_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
    }
    .mfo_deco61_filter{
        background-image: url(../assets/material/page61_filter_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
    }
    .mfo_deco61_find{
        background-image: url(../assets/material/page61_find_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
        min-height: calc(100vh - 70px);
    }
    .mfo_deco_under_18{
        background-image: url(../assets/material/under18_deco_mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
    }
    .bidding_process_container .notice_list .item .sub_desc {
        margin-left: 18px;
        margin-top: 10px;
    }
    .bidding_process_container .notice_list .item .sub_desc p{
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_process_container .notice_list .item h3 {
        font-size: 16px;
        line-height: 23px;
    }
    .bidding_process_container .sponsor_identity_container p{
        font-size: 16px;
        line-height: 23px;
    }
    .bidding_process_container .notice_list .item h3 span {
        display: block;
    }
    .bidding_process_container .notice_list .item h3 span.orange{
        display: inline-block;
    }
    .bidding_process_container .notice_list .item .box .info_list .sub_item {
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_process_container .notice_list .item .box .info_list ul{
        font-size: 16px;
    }
    .bidding_process_container .notice_list .item .box .info_list .sub_item.min_height {
        min-height: 40px;
    }

    .bidding_process_container .notice_list .item .box .profile_table table {
        font-size: 12px;
        line-height: 17px;
    }
    .bidding_process_container .identity_detail_wrapper .notice_list .item h3 i{
        width: 18px;
    }
    .bidding_process_container .identity_detail_wrapper .notice_list .item h3 div{
        width: calc(100% - 18px);
    }
    .bidding_process_container .notice_list .item h3 i {
        width: auto;
    }

    .bidding_process_container .notice_list .item .box .id_card .card div h4 {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
    }

    .bidding_process_container .notice_list .item .box .id_card .add {
        margin-bottom: 30px;
    }

    .bidding_process_container .notice_list .item .box .id_card .add img {
        width: 24px;
    }



    .step_button_container {
        padding: 10px 0;
/*        position: fixed;*/
        left: 0;
/*        bottom: 0;*/
        width: 100%;
    }
    .step_button_container.step_product_container{
        padding: 10px 0;
    }
    .step_button_container button {
        font-size: 16px;
        margin: 5px;
    }

    .step_button_container button.btn_orange {
        min-width: 172px;
        min-height: 37px;
        /*padding-left:15px;
        padding-right: 15px;*/
    }
    .step_button_container button.btn_orange.btn_short{
        min-width: 112px;
    }
    .step_button_container button.btn_white.size_same_orange{
        min-width: 172px;
        min-height: 37px;
    }        
    .step_button_container button.btn_white{
        min-width: 112px;
        min-height: 37px;
    }
    .swiper-slide .product_grid_container {
        height: auto;
    }    
    .bidding_process_container .process_step_wrapper .item{
        margin: 20px 0;
    }
    .bidding_process_container .process_step_wrapper .item:last-child{
        margin-bottom: 0;
    }
    .bidding_process_container .process_step_wrapper .item .item_title h4{
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_title h4:after{
        margin-left: 10px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info{
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .agree.show_error .error{
        font-size: 14px !important;
    }
    .bidding_process_container .process_step_wrapper .item .item_info ul{
        margin-bottom: 28px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list{
        margin-top: 25px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .add img{
       width: 24px; 
    }  
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item h4{
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list h5{
        font-size: 14px;
        line-height: 20px;
    }
    
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box{
        height: 24vw;
    }
    .bidding_process_container .process_step_wrapper .item .agree{
        margin-top: 25px;
    }
    .bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper span{
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .orange_box{
        padding: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .white_box{
        padding: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td{
        font-size: 14px;
        line-height: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(1){
        padding: 10px 0;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(2){
        padding: 10px 0;
    }

    .hot_list_container .hot_swiper .mfo_product_card .content_wrapper .product_info .product_name{
        font-size: 14px;
    } 
    .hot_list_container .hot_swiper .mfo_product_card .content_wrapper .product_info .brand {
        font-size: 10px;
    }

    .bidding_step_list{
        /*margin-bottom: 20px;*/
    }
    .bidding_step_container .gift_choice_container{
        margin-top: 20px;
    }
    .bank_activities_info .bidding_process_container .process_step_wrapper .item .item_info ol{
        font-size: 14px;
    }
    .item_form_list .sub_item{
        margin: 15px 0;
    }
    .item_form_list .label{
        font-size: 14px;       
    }
    .item_form_list .error{
        font-size: 14px !important;
    }
    .item_form_list .label .mfo_checkbox_fieldset .mfo_checkbox_wrapper{
        font-size: 14px;
    }
    .item_form_list .label .same_address{
        position: absolute;
        right: 0;
        top: 5px;
    }
    .item_form_list .mfo_input_wrapper input{
        font-size: 14px;
        height: 48px;
    }
    .item_form_list .mfo_select .mfo_select_box{
        height: 48px;
        padding: 5.5px 30px 5.5px 11px;
    }
    .item_form_list .mfo_select .mfo_select_box .mfo_select_value input ~ .select-box__input-text,.item_form_list .mfo_select .mfo_select_box .mfo_select_value input:checked ~ .select-box__input-text{
        font-size: 14px;
        line-height: 36px;
    }
    .item_form_list .mfo_select_items_box li > label{
        font-size: 14px;
        line-height: 2;
    }
    .item_form_list .controller_address_wrapper .mfo_input_wrapper input{
        padding: 0 11px;
    }
    .item_form_list .controller_phone_wrapper .phone_item:nth-child(2) img{
        margin-top: 23px;
    }
    .item_form_list .remark{
        font-size: 14px;        
        line-height: 20px;
    }
    .item_form_list .remark ol{
        padding-left: 17px;
    }
    .item_form_list .plan_link{
        font-size: 14px;
    }
    .item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper{
        font-size: 14px;
        padding: 12.5px 16px 12.5px 46px;
    }
    .item_form_list .controller_service_wrapper .service_item .sub_service_item .mfo_checkbox_wrapper.active{
        padding-top: 11.5px;
        padding-bottom: 11.5px;
    }
    .item_form_list .controller_service_wrapper .service_item.item_unnecessary_service_try .mfo_radio_group .radio_item_wrapper{
        padding: 12.5px 16px 12.5px 46px;
    }
    .item_form_list .controller_service_wrapper .service_item.item_unnecessary_service_try .mfo_radio_group .radio_item_wrapper .content{
        line-height: 25px;
    }
    .item_form_list .controller_momo_wrapper .momo_feedback .item_box{
        font-size: 14px;
        height: 48px;
    }   
    .item_form_list .controller_momo_wrapper .momo_feedback .radio_item_wrapper{
        font-size: 14px;
        padding: 12.5px 16px 12.5px 46px;
    }
    .item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper{
        font-size: 14px;
        
    }
    .item_form_list .controller .shipping{
        font-size: 14px;
    }
    .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_form_list .controller_radio_group_wrapper .mfo_checkbox_wrapper{
        font-size: 14px;
    }
    .item_form_list .controller_id_valiadte .mfo_checkbox_wrapper{
        font-size: 14px;
    }
    .item_form_list .controller_service_wrapper .service_item .mfo_radio_group .radio_item_wrapper{
        font-size: 14px;
    }
    .item_form_list .controller_user_password_wrapper .user_password .mfo_radio_group{
        width: 100%;
    }
    .item_form_list .controller_user_password_wrapper .user_password .item_box{
        font-size: 14px;
        padding: 12.5px 16px 12.5px 12.5px;
        height: 48px;
    }
    .item_form_list .controller_user_password_wrapper .user_password .radio_item_wrapper{
        font-size: 14px;        
        padding: 12.5px 16px 12.5px 46px;
    }
    .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        padding: 12.5px 16px;
    }
    .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
        padding: 11.5px 16px;
    }
    .item_form_list .seven_day_try_item .mfo_radio_group .radio_item_wrapper{
        padding: 12.5px 16px 12.5px 46px;
    }    
    .item_insurance  .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper,.item_insurance  .item_form_list .mfo_radio_group .radio_item_wrapper{
        padding-top: 16.5px;
        padding-bottom: 16.5px;
        padding-left: 38px;
    }
    .item_insurance .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper, .item_insurance .item_form_list .mfo_radio_group .radio_item_wrapper .checkmark{
        top: 17px;
    }
    .item_form_list .mfo_select .mfo_select_box::after{
        top: 19px;
        right: 12px;
        width: 12px;
        background-size: 100% auto;
    }
    .item_form_list .mfo_select.open > .mfo_select_box::after {
        top: 15px;
    }
    .item_form_list .controller_verification_code_wrapper .verification_code_item {
        justify-content: space-between;
    }
    .item_form_list .controller_verification_code_wrapper .verification_code_item .mfo_input_wrapper{
        width: calc(100% - 110px);
    }
    .item_form_list .controller_verification_code_wrapper .verification_code_item .mfo_input_wrapper input{
        width: 100%;
    }
    .plan_choice_wrapper .item_form_list .controller_address_wrapper.fixed_address_wrapper .address_item:nth-child(3) .mfo_select .mfo_select_box::after{
        right: 12px;
    }
    .item_form_list .controller_verification_code_wrapper .verification_code_item button{
        font-size: 14px; 
        margin-left: 0;
    }
    
    .bidding_step_container{
        min-height: 60vh;
        padding-bottom: 60px;
    }
    .bidding_process_container{
        /*padding-bottom: 60px;*/
    }
    .banner_container{
        margin-bottom: 30px;
    }
    .plan_wrapper_container{
        min-height: 75vh;
        padding-bottom: 100px;
    }
    .plan_direction_wapper .orange_box{
        padding: 25px ;
    }
    .plan_direction_wapper .orange_box .sub_title{
        font-size: 16px;
        line-height: 23px;
        justify-content: flex-start;
    }
    .plan_direction_wapper .orange_box .sub_title.mobile_center{
        justify-content: center;
    }
    .plan_direction_wapper .orange_box .sub_title i img{
        width: 20px;
    }
    .plan_direction_wapper .orange_box .sub_title .orange_arrow {            
        background-size: auto 8px;       
    }
    .plan_direction_wapper .orange_box .sub_info{
        text-align: left;
        font-size: 14px;
        line-height: 20px;
    }
    .plan_direction_wapper .orange_box .sub_info .sub_item a{     
        font-size: 14px;
        line-height: 20px;
     }
    .plan_direction_wapper .info{
        padding: 0 25px;
        font-size: 14px;
        line-height: 20px;        
    }
    .plan_direction_wapper .info .link{
        text-align: center;
    }
    .plan_direction_wapper .other_link{
        padding: 5px 0;
    }
    .plan_direction_wapper .other_link button{
        font-size: 16px;
        min-width: 206px;
        min-height: 37px;
    }
    .memeber_login_container .info{
        font-size: 16px;
        line-height: 23px;
    }
    .memeber_login_container .other{
        font-size: 14px;
        line-height: 20px;
    }
    .memeber_login_container .or{
        font-size: 16px;
        line-height: 22px;
        margin: 30px 0 -5px 0;
    }
    .pageSubTitle h2{
        font-size: 14px;
        line-height: 20px;
        background-size: 65px 65px;
        background-position: -10px -10px;
        padding: 15px;
    }
    .memeber_login_container .btn_orange{
        width: 206px;
        min-height: 37px;
        font-size: 16px;
        line-height: 24px;
    }
    .plan_swiper_wrapper {
        /*margin: 0 -40px;
        margin-top: 30px;*/
        padding: 0 0 30px 0;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper{
        margin-left:calc(-20px + 4.2%);
        margin-right:calc(-20px + 4.2%);     
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper .swiper-container{

    }
    .plan_swiper_wrapper .swiper-container{
        /*margin: 0 -30vw;*/
    }
    .filter_plan_container .filter button{
        font-size: 14px;
        line-height: 20px;
        padding: 2px 15px;
        min-height: 32px;
    }
    .filter_plan_container .filter button i{
        width: 16px;
        height: 16px;
        background-size:12px auto;
        margin-left: 5px;
        margin-right: 5px;
    }
    .filter_plan_container .total{
        font-size: 12px;
        line-height: 17px;
    }
    .filter_plan_container .total b{
        font-size: 16px;
    }
    .number_filter_container{
        padding-bottom: 100px;
    }
    .accordion_container .accordion_title{
        font-size: 14px;
        padding:10px 0;
    }
    .accordion_container .accordion_title i{
        width: 16px;
        height: 16px;
        background-size: 12px auto;
    }   
    .mfo_tabs_wrapper .tabs{        
        padding:15px 15px;
        display: flex;
        justify-content: center;
        gap: 0 15px;     
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .tabs{
        padding-bottom: 30px;
        position: relative;
        /*gap: 0;*/
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more{
        margin-top: -26px;
        height: 26px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more span{
        font-size: 14px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_had_see_more .see_more span i{
        height: 12px;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        font-size: 14px;
        /*width: 130px;*/
        width: 132px;
        height: 32px;
        margin: 0 1px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button.mfo_button_eight_characters{
        min-width: 132px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button.mfo_button_six_characters{
        min-width: 132px;
    }
    .mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item .easy_installment_card .info h3{
        font-size: 20px;
    }
    .mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_easy_installment_list .item .easy_installment_card .info p{
        font-size: 14px;
        margin-top: 15px;
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_remark, .mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_remark,.mfo_tabs_wrapper .bank_activities_list_outer .bank_remark{
        font-size: 12px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer{
        overflow-x: auto;
        padding-bottom: 10px;
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table{
        min-width: 600px;
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table th{
        font-size: 14px;
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_bonus_discount_outer .table_outer table td{
        font-size: 12px;
    }
   
 
    .btn_ripple,.btn_ripple:focus{
        font-size: 14px;        
        width: 135px;
        height: 32px;
        margin: 0 1px;
    }
    .mfo_tabs_wrapper .panel_container_outer{
        /*padding: 25px 15px;*/
        padding: 15px;
    }
    .mfo_tabs_wrapper .filter_plan_container{
        margin:15px 25px 0 25px;
        padding: 10px 0;
    } 
    .mfo_tabs_wrapper .alert_relieve{
        position: relative;        
        margin-top: 20px;
    }
    .mfo_tabs_wrapper .alert_relieve button{
        font-size: 12px;
        line-height: 17px;
    }
    .mfo_tabs_wrapper .alert_relieve button i{
        width: 14px;
        height: 14px;
        background-size:auto  100%;
        margin-right: 5px;
    }
    .mfo_tabs_wrapper .alert_relieve span{
        font-size: 12px;       
    }
    .mfo_tabs_wrapper .alert_relieve span i{
        width: 14px;
        height: 14px;
        background-size:auto  100%;
        margin-right: 5px;
    }
    .mfo_tabs_wrapper .alert_relieve ~ .filter_plan_container{
        padding-top: 10px;
    }
    .center_img_64 img{
        height: 50px;
    }
    .collapse_div{
        margin-top: 15px;
    }
    .print_div{
        margin-top: 30px;
    }   
    .login_orange_box{
        font-size: 14px;
        line-height: 20px;
    }
    .login_orange_box a{
        font-size: 14px;
        line-height: 20px;
        padding: 2px 10px;
        width: auto;
        height: auto;
    }
    .find_right_plan_container{
        padding: 20px;
    }
    .find_right_plan_container .filter_action button{
        font-size: 14px;
        line-height: 20px;
    }
    .find_right_plan_container .filter_rule_wrapper {
        margin: 0 30px;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card a{
        width: calc(100% - 10.49px);
    }
    .activity_card_container .activity_card_swiper .swiper-wrapper .swiper-slide{
        padding: 0 14px;
    }
    .product_card_container{
        margin-bottom: 20px;
    }
    .product_card_container .product_card_swiper {      
        margin-top: 20px;
    }
    .product_card_container .product_card_swiper .swiper-wrapper{
        padding-bottom: 40px;
    }
    .intimate_remind.margin_top01{
        margin-top: 45px;
    }
    .pages2_activity .activity_list .swiper-container .swiper-wrapper {
        padding: 15px 0 8px;
    }
    .pages2_activity .activity_list .swiper-container {
        padding: 0 0 30px;
    }
    .pages1_article_list .swiper-container .swiper-button-prev,
    .pages1_article_list .swiper-container .swiper-button-next {
        display: none;
    } 
    
    .pages1_article_list {
        padding: 12px 0px 60px 0px;
    }

    .pages1_article_list .swiper-container {
        margin: 0 0%;
    }
    .pages2_activity.fix_margin_top{
        padding-top: 0px;
        margin-top: 0;
    }

      
    .bidding_step_container .add_work_container .mfo_radio_group>div {
        margin-bottom: 5px;
    }

    /*    步驟頁底下按鈕區 FIXED*/
    .step_button_container.active{
/*        position: fixed;*/
        width: 100%;
        bottom: 0;
        left: 0;
    }
    body.active .step_button_container.active{
        z-index: 1;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3{
        font-size: 14px;
        line-height: 20px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .answer p{
        font-size: 14px;
        line-height: 20px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3 span:nth-child(1){
        width: 33px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3 span:nth-child(2){
        width: calc(100% - 33px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question i{
        width: 20px;
        height: 20px;
        background-size: auto 10px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item .question h3{
        width: calc(100% - 20px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05 .faq_list .item.open .answer{
        padding-left: 33px;
        margin-top: 10px;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar {      
        background-color: transparent;
    }    
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px  transparent;
        background-color:  transparent;
    }    
    .mfo_tabs_wrapper .tabs .scroller_outer::-webkit-scrollbar-thumb{
        background-color:  transparent;
      
    }
    .bidding_process_container .process_step_wrapper .item .agree .mfo_checkbox_wrapper{
        padding-left: 27px;
    }
    .bidding_process_container .process_step_wrapper .agree_check .check_label{
        display: block;
        padding-left: 20px;
        font-size: 14px;
        line-height: 20px !important;
    }
    .step_all_box {
        margin-top: 25px;
    }

    .step_all_box input{
        width: 100%;
        margin: 10px 0px;
        padding: 10px 16px 10px 16px;
        font-size: 14px;
    }

    .enter_number_container p{
        font-size: 14px;
        line-height: 28px;
        margin-top: 20px;
    }
    .limittime_block_swiper .swiper-slide .mfo_card .mfo_card_content{
        padding-top: 8px;
        min-height: 100px;
    }
    .category_list_container .cate_swiper .swiper-button-next{
        display: none;
    }
    .category_list_container .cate_swiper .swiper-button-prev{
        display: none;
    }
    .item_form_list .mfo_validate_wrapper .mfo_validate_code img{
        height: 48px;
    }
    .bidding_process_container .process_step_wrapper .item .agree .aggree_desc{
        /*font-size: 16px;*/
        font-size: 14px;
    }  
    .lockout_container button.mfo_button.popup.orange{
        font-size: 16px;   
        min-height: 46px;    
    }  
    .mfo_tabs_wrapper .tabs .see_more span{
        left: calc(-50vw - 90px);
    }
    .lockout_container .img {
        margin-top: 15px;
    }
    .lockout_container .img .web{
        display: none;
    }
    .lockout_container .img .mobile{
        display: block;
    } 
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .desc{
        font-size: 16px;
        height: 45px;
    }
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price{
        height: 45px;
    }
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price .bind{
        font-size: 12px;
    }
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .price .bind strong{
        font-size: 16px;
    }
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card .info .action button{
        font-size: 12px;
        min-height: 29px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_action.coupon_action_mobile{
        display: block;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_action.coupon_action_web{
        display: none;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items{
        margin: 15px;
    }       
}
@media (max-width: 767px) {  
    .item_form_list .mfo_select .mfo_select_box .mfo_select_value input:checked ~ .select-box__input-text{
        line-height: 2.5;
    }
    .item_form_list .mfo_select.mfo_type_select .mfo_select_box .mfo_select_value input:checked ~ .select-box__input-text{
        /*line-height: 2;*/
    }
    .swiper-slide .mfo_product_card{
        max-width: 100%;
        border-radius: 6px;
    }
    .swiper-slide .mfo_product_card:hover:after{
        border-radius: 6px;
    }
   


    .contact_box.add_fixed_resize .pages1_article {
        padding: 20px 0% 4% 0%;
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{       
        width: 90px;       
        margin: 0 10px;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button{
        min-width: 160px;
    }
    .btn_ripple.fixed_mfo_button{
        min-width: 160px;
    }
    .popupPage__block.popupPage_filter.block_big_wid {
        max-width: 100%;
    }
    .step_button_container .mfo_button.product{
        font-size: 14px;
    }
    .product_list_wrapper.product_card_list_wrapper{
        min-height: 400px;
    }
    .lockout_container button.mfo_button.popup.orange{
        width: 140px;
        min-width: 140px;
        min-height: 38px;
    }
    .bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table th{
        font-size: 16px;
    }
    .bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table td{
        font-size: 14px;
    }
    .bidding_process_container .process_step_wrapper .item .insurance-table-fee .insurance-table-div .insurance-table tr td .max-wid {
        max-width: 650px;
    }
    .mobile-scroller .heart-table.insurance-table{
        width: 850px;
    }
}
@media (max-width: 720px) {
    .plan_banner_list .list_item{
        justify-content: flex-start;
    }
    .plan_banner_list .item {
        width: calc(100% / 2);
    }
    .plan_banner_list{
        margin-bottom: 30px;
    }
    .plan_banner_list .item a .desc{
        font-size: 12px;
        line-height: 17px;
    }
    .plan_banner_list .item a .desc span{
        font-size: 10px;
    }
    .activity_card_container .activity_card_swiper .swiper-container .activity_card{
        margin: 0 15px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.mobile_two_items .mfo_radio_group{
        width: calc(100% /2 - 10px);
        margin-right: 10px;    
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_outer{
        /*overflow-x: auto;*/       
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01{
        /*margin: 0 -5px;
        width: 150vw;*/
        margin: 0;
        width: 100%;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_02{
        /*margin: 0 -5px;
        width: 100vw;*/
        margin: 0;
        width: 100%;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_03{
        /*margin: 0 -5px;
        width: 100vw;*/
        margin: 0;
        width: 100%;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_05{
        margin: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card {
        width: calc(100% / 2 - 20px);        
        margin: 10px;
    }
    .product_list_wrapper {
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: 1fr 1fr;        
    }
    .product_list_wrapper.product_card_list_wrapper{
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: 1fr 1fr;  
    }
}
@media (max-width: 640px) {
    .mfo_deco .content_container{
        padding: 35px 25px;
    }
    .pageHeading {
        font-size: 20px;
        line-height: 24px;
    }
    .pageHeading.align_left h1{
        text-align: left;
    }
    .pageHeading.align_left h1 span{ 
        height: auto;
        display: block;
    }
    .pageHeading.pageMainHeading{
        margin-bottom: 10px;
    }
    .mfo_deco .pageHeading{
        font-size: 20px;
        line-height: 24px;
    }
    .pageHeading h1:before {
        left: -25px;
        top: 0px;
        /*width: 60px;
        height: 60px;*/
        width: 50px;
        height: 50px;
    }
    .pageHeading h1:after {
        right: -25px;
        bottom: 0px;
        /*width: 60px;
        height: 60px;*/
        width: 50px;
        height: 50px;
    }
    body{
        -webkit-text-size-adjust: none;
    }
    /**熱銷TOP5**/
    .hot_list_container {
        background-position: center -4vw;
    }
    .hot_list_container .hot_title {
        height: 22vw;
        padding-top: 4.5vw;
    }

    .hot_list_container .hot_title .hot_desc {
        font-size: 16px;
        line-height: 23px;
        background-size: 30px;
        padding-top: 28px;
    }    
    .hot_list_container.notice_list_container .hot_title .hot_desc {
        padding-top: 30px;
    }
    .hot_list_container.discount_list_container .hot_title .hot_desc{
        padding-top: 28px;
    }
    .hot_list_container .hot_swiper {       
        padding: 30px 0px 40px 0px;
        margin-left: 5px;
        margin-right: 5px;
        width: calc(100% - 10px);
    }
    .hot_list_container .hot_swiper .ranking {
        font-size: 14px;
        width: 26px;
        height: 30px;
        background-size: contain;
        align-items: flex-start;
        padding-top: 3px;
    }

    .hot_list_container.month_list_container .hot_title .hot_desc {
        padding-top: 28px;
    }

    /**有字的大banner**/
    .banner_container .info_box h3 {
        font-size: 14px;
        line-height: 1.3;
    }

    .banner_container .info_box p {
        font-size: 12px;
        line-height: 1.3;
    }
    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img .img img{
        transform: scale(0.6);
    }
    /**分類列表**/
    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_desc h3 {
        font-size: 12px;
    }
    .category_list_container .cate_grid_container .brand_swpier .cate_list_wrapper .item{
        margin: 0;
    }
    .category_list_container .cate_grid_container .cate_list_wrapper .item .item_img{
        width: calc(33vw - 10px);
        height: calc(33vw - 10px);
    }
    .activity_list_container{
        margin: 0 -25px;
    }
    
    .activity_list_container .activity_swiper{
        margin: 0 -85vw;
    }
    .activity_list_container .swiper_box{
        box-shadow: var(--boxshadow);
        margin: 0 5px;
    }
    .activity_list_container .swiper_box .bottom_box{
        padding: 6% 0%;
    }


    .advertise_list_container .advertise_swiper .swiper_box {
        margin: 0 5px;
    }

    .advertise_list_container {
        margin: 0 -30px;        
    }   
    .contact_box.add_fixed_resize .advertise_list_container.related_articles_container{
        margin: 0 -30px;      
    }
    .advertise_list_container .advertise_swiper {
        margin: 20px -65%;             
    }
    .advertise_list_container.related_articles_container .advertise_swiper{
        margin: 10px -65%;   
    }
    .advertise_list_container.page2 {
        margin: 0 -25px;
        padding: 10px 4% 10px 4%;   
        width: calc(100% + 40px);  
        overflow: hidden;   
    }
    .advertise_list_container.page2 .advertise_swiper {
        margin: 0px -60vw;             
    }
    .advertise_list_container .advertise_swiper .swiper_box .bottom-box{
        font-size: 14px;
        line-height: 18px;
    }
    .advertise_list_container .advertise_swiper .swiper_box .bottom-box p {
        font-size: 14px;
        line-height: 18px;        
    }
    .advertise_list_container .advertise_swiper .swiper_box .top-box a {
        border-radius: 10px;
    }
    .advertise_list_container .advertise_swiper .swiper_box .top-box a:hover:after {
        border-radius: 10px;
    }
    .advertise_list_container .advertise_swiper .swiper_box .bottom-box h3{
        font-size: 18px;
        line-height: 1.2;
    }
    .bidding_process_container .notice_list .item .box {
        padding: 20px 15px;
    }


    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list{
        display: block;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .col:nth-child(2){
        margin-top: 25px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box {
        width: 100%;
        height: 45vw;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box .span_upload_file i{
        width: 48px;
        height: 48px;
        background-size: contain;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .box {
        padding: 20px 28px 25px 28px;
    }
    /* .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .fail_medssage{
        position: relative;
        bottom: 0;
        margin-top: 10px;
    } */
    .bidding_step_container {
        min-height: 250px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .add{
        padding: 20px;
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .health_id_card{
        display: block;
    }
    .bidding_process_container .process_step_wrapper .item .agree.agree_privacy{
        display: flex;
        flex-wrap: wrap;
    }
    .bidding_process_container .process_step_wrapper .item .agree.agree_privacy .mfo_checkbox_fieldset{
        width: 28px;
    }
    .bidding_process_container .process_step_wrapper .item .agree.agree_privacy p{
        width: calc(100% - 28px);
    }
    .activity_swiper .swiper-slide .mfo_product_card{
        /*width: 152px;*/
    }
    .mfo_tabs_wrapper .tabs{
        display: flex;
        /*justify-content: space-between;*/
        justify-content: center;
        padding:15px 15px;
        gap: 0 10px;
        flex-wrap: wrap;
    }
    .mfo_tabs_wrapper .tabs .mfo_button{
        margin: 0;
        min-width: 92px;
        width: auto;
        /*padding: 0 15px;*/
        padding: 0;
    }
    .mfo_tabs_wrapper .action_more .more{
        width: auto;
        height: 26px;
        font-size: 14px;
        padding: 0 10px;
    }
    .step_button_container button.btn_orange {
        /*min-width: 112px;
        min-height: 38px;
        padding: 0 20px;*/
        margin: 5px 2px;
        min-width: 170px;
    }
    .step_button_container button.btn_white.size_same_orange{
        /*min-width: 112px;
        min-height: 36px;*/
    }
    
    .swiper-slide .mfo_card .mfo_card_content {
        padding: 27px 8px 8px 8px;
    }
    .plan_swiper_wrapper .swiper-container {
        margin: 0 -88%;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper{
        margin-left: auto;
        margin-right: auto;
    }
    .contact_box.add_fixed_resize .plan_swiper_wrapper .swiper-container{
        /*margin: 0 -88%;*/
        margin: 0 -109%;
    }
    .plan_category_list .list_item {
        margin-left: -10px;
        margin-right: -10px;
    }
    .plan_category_list .item a {
        margin: 0px 10px;      
        padding:  0;  
    }
    .plan_category_list .item a .img img{
        transform: scale(0.6);
    }
    .plan_swiper_wrapper{
       /* margin-left: -20px;*/
    }
    .plan_swiper_wrapper .swiper-container .swiper-slide .singlePlan_card{
        width: 100%;
        max-width: 100%;
    }
    .activity_card_container .activity_card_swiper{
        /*margin: 0 -40vw;*/
    }
    .plan_category_list .item a .img{
        margin-top: -5px;
    }
    .plan_category_list .item a .desc{
        margin-top: -10px;
        margin-bottom: 10px;
    }
    .plan_direction_wapper .info{
        text-align: left;
    }
    .plan_direction_wapper .info .mobile_align_center{
        text-align: center;
    }
    .plan_category_list .item a .desc{      
        font-size: 12px;
        line-height: 17px;
    }
    .find_right_plan_container{
        margin-left: -35px;
        margin-right: -35px;
        border-radius: 0;        
    }
    .find_right_plan_container .filter_rule_wrapper{
        margin: 0 20px;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container {
        padding: 20px 0;
        margin-left: -60vw;
        margin-right: -60vw;
        width: calc(100% + 120vw);
    }
    .contact_box.add_fixed_resize .activity_card_container{
        padding-left: 0;
    }
    .advertise_list_container .advertise_swiper .article_card{
        width: 100%;
    }  
    .article_card > h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .article_card > p {
        font-size: 14px;
        line-height: 18px;
    }

    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_wrapper .content{
        font-size: 14px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        min-height: 37px;
        padding: 7px 0px;
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_fieldset{
        width: calc(100% / 2 - 6px);
    }
    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.fail_box {
        margin-bottom: 50px;
    }

    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.no_upload_box {
        margin-bottom: 50px;
    }

    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.success_box {
        margin-bottom: 50px;
    }  

    .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.notice_box {
        margin-bottom: 50px;
    }  
     
    /* .bidding_process_container .process_step_wrapper .item .item_upload_list .sub_item .card_list .sub_box.success_box img{
        width: 90%;
    }   */

    .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper.active{
        padding: 6px 0px;
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_wrapper {
        border-radius: 8px;
        padding: 9px 12px 9px 34px;
    }    
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_fieldset.active .mfo_checkbox_wrapper {        
        /*padding: 8px 11px 8px 32px;*/
    }
    .filter_rule_wrapper .item_form_list .filter_checkbox_group .mfo_checkbox_wrapper .checkmark{
        top: 7px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper{
        padding: 9px 12px 9px 34px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_sort_item .mfo_radio_group .radio_item_wrapper.active{
        padding: 9px 12px 9px 34px;
    }
    .advance_filter .sub_item_outer .sub_item .controller{
        padding: 15px 10px 0 10px;
    }  
    .swiper-slide .mfo_card .mfo_card_content {
        padding: 27px 8px 8px 8px;
        /*padding-top: 8px;*/
    }
    .swiper-slide .mfo_card .tag + .mfo_card_content {
           padding-top: 27px; 
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-slide{
        padding: 0 5px;
    }
    /* 活動快訊 start */
    .pages2_activity {
        margin-top: 20px;
    }
    .pages2_activity > .activity_list {
        padding-bottom: 4px;
    }
    .pages2_activity > .activity_list > .swiper-container {
        padding: 0 0 20px;
        margin: 0 -60vw;
    }
    /* 活動快訊 end */
    .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box > img {
        border-radius: 10px;
    }
    .pages2_activity .activity_list .swiper-container .swiper-wrapper .swiper-slide .img_box:hover::after {
        border-radius: 9px;
    }
    /* 精選文章 start */
    .pages1_article {
        padding: 0;
    }
    .pages1_article_list {
        overflow: hidden;
        padding: 0;
    }
    .pages1_article_list .swiper-container {
        margin: 0 -65%;
        padding-bottom: 40px;
    }
    .pages1_article_list .swiper-container .swiper-button-prev, .pages1_article_list .swiper-container .swiper-button-next {
        display: none;
    } 
    .bidding_process_container .sponsor_identity_container .identity_tab_list{
        margin-left:0px;
        margin-right: 0px;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item{
        width: calc(100% / 3 - 10px);
        margin: 0 5px;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item a{
        padding: 5px 0;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item a .desc{
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }  
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item a .img{
        margin-top: -5px;
        margin-bottom: -5px;
    }
    .bidding_process_container .sponsor_identity_container .identity_tab_list .item a .img img{
        transform: scale(0.6);
    }
    .mfo_tabs_wrapper .mfo_pagination.add_margin_bottom01{
        padding-bottom: 30px;
    }
    .filter_plan_container.project_filter_container .filter{
        display: flex;
    }    
    .filter_plan_container.project_filter_container .filter button:last-child{
        margin-right: 0;
    }
    .filter_plan_container.project_filter_container .total{
        width: 100%;
        margin-top: 15px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_02{
        margin: 0 -5px;
        width: calc(100% + 10px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_02 .mfo_card{
        /*width: calc(100% / 2 - 24px - 2px);*/
        width: calc(100% / 2 - 10px - 2px);
        margin: 10px 5px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_03{
        margin: 0 -5px;
        width: calc(100% + 10px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_03 .mfo_card{
        /*width: calc(100% / 2 - 24px - 2px);*/
        width: calc(100% / 2 - 10px - 2px);
        margin: 10px 5px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group {
        width: calc(100% / 2 - 6px);       
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_cate_item .mfo_radio_group {
        width: calc(100% / 3 - 8px);             
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_cate_item .mfo_radio_group:nth-child(2n+2){
        margin-right: 10px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item.radio_cate_item .mfo_radio_group:nth-child(3n+3){
        margin-right: 0;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group:nth-child(3n+3){
        margin-right: 10px;
    }
    .filter_rule_wrapper .item_form_list .controller_radio_toggle .radio_toggle_item.radio_internet_item .mfo_radio_group:nth-child(2n+2) {
        margin-right: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card {
        width: calc(100% / 1 - 20px);  
    }
    .find_right_plan_container {
        margin-top: 0;
    }
    .mfo_tabs_wrapper .panel_container_outer .swiper-container .swiper-wrapper{
        padding-bottom: 30px;
    }
    .pageHeading + .plan_wrapper_container{
        margin-top: 0px;
    }
    .mfo_tabs_wrapper .panel_container_outer .plan_tabs_swiper_wrapper .empty-filter h3{
        font-size: 20px;
    }
    .mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button{
        min-width: 120px;       
        margin: 0 2px;
    }
    .mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button{
        min-width: 140px;
    }
    .btn_ripple{
        min-width: 120px;       
        margin: 0 2px;
        width: auto;
    }
    .btn_ripple.fixed_mfo_button{
        min-width: 120px;    
    }
    .btn_ripple:active,.btn_ripple:focus{
        min-width: 120px;
        width: auto;
    }
    .btn_ripple.fixed_mfo_button{
        min-width: 140px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list {
        margin: 0 -5px;
        width: calc(100% + 10px);
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .mfo_card_list .mfo_card {
        width: calc(100% / 2 - 10px - 2px);
        margin: 10px 5px;
    }
    .step_button_container .mfo_button{
        margin: 5px !important;
    }
    .step_button_container button.mfo_button.product .contract{
        margin-right: 5px;
    }
    .step_button_container .mfo_button.product {
        max-width: 160px;
        font-size: 14px;
    }   
    .step_button_container .mfo_button.popup.tertiary.disabled, .step_button_container .mfo_button.popup.tertiary{
        max-width: 160px;
        font-size: 14px;
    }
    .category_list_container .tab_toggle{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cookie-div{
        padding: 15px 0;
    }
    .cookie-div .outer-div .two-cols .col01 p{
        font-size: 16px;
    }
    .product_list_wrapper.product_card_list_wrapper .product_grid_container .mfo_card > .imgWrapper > .tag_second_hand img{
        width: 62px;
    }
    .lockout_container .item_form_list #lockout-active-password{
        display: block;
    }
    .lockout_container .item_form_list #lockout-active-password .mfo_input_password input{
        width: calc(100%  - 35px);
    }
    .lockout_container .sub_title{
        font-size: 16px;
    }
    .lockout_container .remind{
        margin-top: 20px;
    }
    .lockout_container .remind h3{
        font-size: 14px;
    }
    .lockout_container .remind ul{
        font-size: 14px;
        padding-left: 18px;
    }
    .lockout_container .remind ul li::marker{
        font-size: 10px;
    }
     
    .lockout_container .img{
        margin-top: 15px;
    }
    .contracted_goods_list{
        margin-left: -15px;
        margin-right: -15px;
    }   
    .component-box .pageHeading +  .contracted_goods_list{
        margin-top: 0;
    }
    .contracted_goods_list .goods_item .contracted_card_swiper .contracted_card{
        padding: 10px;
    }   
    .one_click_coupon_list{
        margin-top: 0;
    } 
    .one_click_coupon_list .list-item .coupon_list .box{
        margin-bottom: 30px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item{
        padding: 10px 0;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price{
        min-height: 120px;
        width: 85px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price:before{
        width: 14px;
        height: 14px;
        right: -7px;
        top: -7px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price:after{
        width: 14px;
        height: 14px;
        right: -7px;
        bottom: -7px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price span{
        font-size: 12px;
    } 
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .price span strong{
        font-size: 20px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info{
        width: calc(100% - 85px);
        padding: 10px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .top span{
        font-size: 10px;
        min-width: 56px;
        min-height: 20px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_01{
        font-size: 16px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_02{
        font-size: 10px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .middle .sub_03 span{
        font-size: 10px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_items .item .coupon_card .info .bottom {
        font-size: 10px;
    }
    .one_click_coupon_list .list-item .coupon_list .box .coupon_action button, .one_click_coupon_list .list-item .coupon_list .box .coupon_action .btn{
        min-width: 200px;
    }
    .bank_activities_datetime span{
        padding: 15px;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 158px;      
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 255px;        
    }
    .mfo_tabs_wrapper .bank_bonus_discount_list_outer .bank_remark span, .mfo_tabs_wrapper .bank_easy_installment_list_outer .bank_remark  span, .mfo_tabs_wrapper .bank_activities_list_outer .bank_remark span{
        display: block;
    }
    .mfo_tabs_wrapper.mfo_tabs_wrapper_small_bfo_button .tabs .mfo_button.fixed_mfo_button.mfo_button_six_characters{
        min-width: 120px;
    }
    #insuranceBasicInformation + #insuranceFitnessAnalysis{
        /*margin-top: 55px;*/
    }
    #insuranceFitnessAnalysis + #insuranceInstructions{
        /*margin-top: 55px;*/
    }
    #insuranceTerms{
        /*margin-top: 55px;*/
    }
    #insuranceKnow,#insuranceOrder{
        /*margin-top: 55px;*/
    }
    #insuranceBasicInformation .agree{
        margin-top: 20px;
    }
    .bidding_process_container .process_step_wrapper .item.item_insurance{
        /*margin-top: 55px;*/
        margin-bottom: 0;
    }
    .bidding_process_container .process_step_wrapper .item .insurance-table-fee{
        margin-top: 15px;
    }
    #insuranceOrder .order_list.insurance{
        /*margin-bottom: 58px;*/
        margin-bottom: 26px;
    }  
    .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper, .item_form_list .mfo_radio_group .radio_item_wrapper .checkmark{
        /*top: 8px;*/
        top: 13px;
    }
    .item_insurance .item_form_list .controller_shipping_address_wrapper .mfo_checkbox_wrapper, .item_insurance .item_form_list .mfo_radio_group .radio_item_wrapper .checkmark {
        /*top: 13px;*/
    }  
}
@media (max-width: 575px){
    .accordion_container .accordion_content{
        font-size: 14px;
        line-height: 21px;
        padding: 16px 24px 40px 24px;

    }
    .limittime_block_swiper .swiper-slide .mfo_card.mfo_card_product .mfo_card_content > .price_info{
        min-height: 35px;
    }   
}
@media (max-width: 480px){
    .mfo_deco .content_container {
        padding: 35px 20px;
    }
    .activity_list_container .swiper_box .bottom_box {
        padding: 3% 0;
    }
    .advertise_list_container {
        margin:0px -20px 30px -20px;
    }
    .advertise_list_container.page2 {
        margin:0px -20px 0px -20px;
    }
    .activity_list_container {
        margin: 20px -20px;
    }
    .activity_list_container .swiper_box .bottom_box .product_card_list .card_item .mfo_product_card a:hover:after {
        left: -1.5px;
        width: calc(100% - 3px);
    }
   
    .hot_list_container .hot_swiper .swiper-slide {
        padding: 0 5px;
        text-align: center;
    }

    .swiper-slide .mfo_product_card {
        width: auto;
    }

    .hot_list_container {
        background-position: center -3vw;
        background-repeat: no-repeat !important;
        margin: 30px -5px;        
    }
    .hot_list_container .hot_title {
        padding-top: 2vw;
    }

    .bidding_process_container .notice_list .item .box .id_card .card img {
        max-width: 100%;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(1){
        width: 100px;
        text-align: justify;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(2){
        width: calc(100% - 100px - 15px);
        margin-left: 15px;        
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card img{
        width:260px;
        height: auto;        
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card .white_bg{
        width:260px;
        height: 159.13x;
    }
    .bidding_process_container .sponsor_identity_container .notice_list .item .box .id_card .card .white_bg img{
        height: 149.13px;
    }
    .bidding_step_list{
        margin-top: 0;
    }
    .bidding_step_list.five_steps{
        margin-left: -4px;
        margin-right: -4px;
    }
    .bidding_step_list .item{
        padding: 0 2px;
    }
    .bidding_step_list.five_steps .line {
        width: calc(100% / 4 - 58px - 8px);
    }

    .bidding_step_list.four_steps .line {
        width: calc(100% / 3 - 58px - 14px);
    }
    .bidding_step_list.three_steps .line {
        width: calc(100% / 2 - 58px - 24px);
    }
    .bidding_step_list.two_steps{
        justify-content: space-between;
    }
    .bidding_step_list.two_steps .line {
        width: calc(100% / 1 - 58px - 52px);
        /*margin: 0 3px;*/
        margin: 0;
    }
    .bidding_step_list.two_steps .item{
        padding: 0;
    }



    .bidding_step_container .add_work_container .mfo_radio_group{
        max-width: 100%;
    }
    .bidding_step_container .add_work_container .mfo_radio_group>div {
        width: 100%;
        max-width: 100%;
    }

    .bidding_step_container .add_work_container .mfo_radio_group>div input[type="radio"]:checked + label {
        max-width: 100%;
    }
    .activity_card_container .activity_card_swiper{
        /*margin: 0 -70vw;*/
    }
    .find_right_plan_container .filter_action button{
        width: 80%;
    }
    .plan_direction_wapper .orange_box .sub_info .pink_deco span{
        display: block;
    }
    .bidding_process_container .process_step_wrapper .item .item_info .order_info_table .tr .td:nth-child(2) span{
        display: block;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card a{
        width: calc(100% - 8.99px);
    }
    .contact_box.add_fixed_resize .activity_card_container .activity_card_swiper{
        margin-right: -30%;
        margin-top: 10px;
    }
    .contact_box.add_fixed_resize .featured_month_container .swiper-container .swiper-slide .article_card{
        width: 100%;
    }
    .activity_card_container .activity_card_swiper .swiper-wrapper .swiper-slide{
        padding: 0 14.25px;
    }
    .activity_card_container .activity_card_swiper .swiper-container .activity_card{
        margin: 0 5px;
    }
    .pages2_activity .activity_list .swiper-container .swiper-wrapper {
        padding: 10px 0 0;
    }
    .pages2_activity > .activity_list {
        padding-bottom: 11px;
    }
    .pages1_article{
        margin-top: 0px;
    }    
    .pages1_article_list{
        margin: 10px 0;
    }
    .product_card_container .product_card_swiper{
        margin-top: 0px;
    }
    .product_card_container .product_card_swiper .swiper-wrapper{
        padding-bottom: 30px;
    }   
    .pages1_article.fix_margin_top{
        margin-top: -20px;
    } 

    .item_form_list .controller_shipping_address_wrapper .mfo_radio_group .radio_item_wrapper,.item_form_list .controller_radio_group_wrapper .mfo_radio_group .radio_item_wrapper{
        padding-left: 25px;
    }
    .item_form_list .controller_shipping_address_wrapper .mfo_radio_group .radio_item_wrapper .checkmark,.item_form_list .controller_radio_group_wrapper .mfo_radio_group .radio_item_wrapper .checkmark{
        left: 0;
    }
    .filter_plan_container.project_filter_container .filter{
        justify-content: space-between;
        width: 100%;
    }
    .filter_plan_container.project_filter_container .filter button{      
        margin-right: 0;
        min-width:36vw ;
        padding: 2px 2px;
        justify-content: center;
    }
    .mfo_tabs_wrapper .tabs .scroller_outer{
        /*padding-bottom: 3px;*/
        padding-bottom: 0;
        margin-bottom: -5px;
    }
    .mfo_tabs_wrapper .panel_container_outer .panel .project_list_01 .activity_card {
        width: calc(100% / 1 - 40px);
        margin: 10px 20px;
    }   
    .sorry_img_content{
        padding-top: 142px;
    }
    .sorry_img{
        max-width: 202px;
        margin-bottom: 32px;
    }
    .sorry_title{
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 16px;
    }
    .sorry_text{
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        color: #1B1B1B;
        margin-bottom: 32px;
    }
    .sorry_btn{
        font-size: 16px;
        width: 206px;
        padding: 6.5px 0;
    }
    .item_form_list .mfo_validate_wrapper{
        justify-content: space-between;
    }
    .item_form_list .mfo_validate_wrapper .mfo_validate_code{
        margin-left: 0;
    }
    .item_form_list .mfo_validate_wrapper .mfo_input_wrapper{
        width: calc(100% - 160px);
    }
    .item_form_list .mfo_validate_wrapper .mfo_input_wrapper input{
        width: 100%
    }
    .item_form_list .mfo_validate_wrapper .mfo_validate_code img{        
        width: auto;
        max-height: 48px;
    }    
}
@media (max-width: 450px){
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 395px;
        -webkit-line-clamp: 20;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 235px;
        -webkit-line-clamp: 12;
    }
}
@media (max-width: 390px){
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 452px;
        -webkit-line-clamp: 23;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 315px;
        -webkit-line-clamp: 16;
    }
}
@media (max-width: 375px){
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 492px;
        -webkit-line-clamp: 25;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 295px;
        -webkit-line-clamp: 15;
    }
}
@media (max-width: 360px){
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card.height_bank_card .info{
        height: 510px;
        -webkit-line-clamp: 26;
    }
    .mfo_tabs_wrapper .bank_activities_list_outer .bank_activities_list .item .bank_card .info{
        height: 315px;
        -webkit-line-clamp: 16;
    }
}