/* 

.me-title-1{font-size: 24pt;font-size: 5vmin; text-align: center;}
.me-title-2{font-size: 20pt;font-size: 4vmin;text-align: center;}
.me-title-3{font-size: 16pt;font-size: 3vmin;text-align: center;}
.me-content{font-size: 12pt; font-size: 2.5vmin;line-height: 150%;text-align: center;}
 */

.createdby-top{ background: #3d1367; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px;}
.createdby-top span{ padding: 5px; color: #FFF; font-size: 10pt;;}
.createdby-top b{  font-weight: bolder;}
.createdby-top a{ border-radius: 50px; padding: 10px 30px; color: #FFF; font-size: 10pt;}

.createdby-block{  height: 100px;  width: 100%;   }
.createdby{   z-index:10;   position: fixed; bottom: 0px ;  width: 100%; text-align: center;    }

.createdby img{ display: block;  }
.createdby a{ width: 100%; max-width: 240px; display: block; margin: 0px auto; border-radius: 10px;box-shadow: 0px 0px 15px rgba(0,0,0,0.5); overflow: hidden; margin-bottom: 10px}
.createdby a:hover{   border-radius: 10px ;box-shadow: 0px 10px 15px rgba(0,0,0,0.5);  margin-bottom: 20px;}


.copyright-onepage{ text-align: center; display: block; font-size: 10pt; color:#aaa; padding:15px 10px;}
.copyright-onepage a{  color:#666; font-weight:bolder; display: inline-block; padding:2px}


.me-cover{}
.me-cover .me-image{  min-height: 300px;}


.me-cover-title{}
.me-cover-title .me-image{  min-height: 300px;}



.photoad-centerBox{z-index:2; display:block; position:absolute; left:0; top:0px}
.photoad-centerBox *{ max-width:100%;}

.me-list01{text-align: center}
.me-list01 ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:center; margin: 0 auto; }
.me-list01 ul.mainItem > li{   }
.me-list01 ul.mainItem > li > div.subItemDiv{ display: block; background:#FFFFFF; border: 2px solid #eeeeee  ;   min-height:50px; padding: 5%;}
.me-list01 ul.mainItem > li h4{ padding: 0px;  }
.me-list01 ul.mainItem > li .text{ padding: 0px   }


.me-step-list{text-align: center}
.me-step-list ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:center; counter-reset: section;}
.me-step-list ul.mainItem > li{ padding: 10px;   }
.me-step-list ul.mainItem > li > div.subItemDiv{ display: block; }
.me-step-list ul.mainItem > li h4{ padding: 0px;  }
.me-step-list ul.mainItem > li:before{
    counter-increment: section;
    content: counter(section) ;
    border: 2px solid rgba(255,255,255,0.3)  ; background: rgba(0,0,0,0.2); color:rgba(255,255,255,0.75);  padding: 10px; margin-bottom: 0px;
    font-size: 20pt;; display: inline-block;

}
.me-step-list .me-textarea-button li:before{  display: none!important;}

.me-step-list ul.mainItem > li .text{ padding: 0px   }

.step-white ul.mainItem > li:before{
    
    border: 2px solid rgba(0,0,0,0.3)  ; background: rgba(0,0,0,0.2); color:rgba(255,255,255,0.75);  

}


.me-photoText{ text-align: center;padding:auto;}
.me-photoText ul.mainItem { display: flex;  flex-wrap: wrap ;  text-align: center;justify-content:center;}
.me-photoText ul.mainItem > li{ }
.me-photoText ul.mainItem > li .me-image{ min-height: 100px}
.me-photoText ul.mainItem > li h4{ padding: 5px 0px }
.me-photoText ul.mainItem > li .text{  }

.me-photoCircleText{ text-align: center;padding:auto;}
.me-photoCircleText ul.mainItem { display: flex;  flex-wrap: wrap ; ;}
.me-photoCircleText ul.mainItem > li{display:inline-block; vertical-align: top; min-height:50px; }
.me-photoCircleText ul.mainItem > li .me-image{ min-height: none;border-radius: 50%!important; overflow: hidden!important; }
.me-photoCircleText ul.mainItem > li h4{ margin-top: 20px; }
.me-photoCircleText ul.mainItem > li .text{ padding: 0px!important;  }

.me-photoList{ text-align: center;padding:auto;}
.me-photoList ul.mainItem { display: flex;flex-wrap: wrap}
.me-photoList ul.mainItem > li{display:inline-block; vertical-align: top; margin:0%; }
.me-photoList ul.mainItem > li .me-image{ min-height: none; }
.me-photoList ul.mainItem > li .text{ padding: 10px 0px;  }


.me-cover img{ width: 100%;}

.me-clear-data{}
.me-clear-data table{}
.me-clear-data tr{}
.me-clear-data tr th,
.me-clear-data tr td{ padding: 20px;}
.me-clear-data tr th,
.me-clear-data tr td:first-child{ text-align: center; min-width: 100px; }

/*會員權限不足*/
.member-content-permissions{  display: flex; align-items: center; justify-content: center; height: 100%; min-height: 300px;}


/* .me-textarea-button{display: flex; align-items: center; justify-content: center; width: 100%; ;}
.me-textarea-button > div{ padding: 10px 20px; margin-top: 10px;; border-radius: 50px; background: #009966; color: #FFFFFF;} */


.me-button{text-align: center}
.me-button .subFunction .me-col-num{ display: none!important;}
.me-button .subFunction .styleTarget{ display: none!important;}
.me-button ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:center; align-items: center; }
.me-button ul.mainItem > li{ padding: 0px; margin: 0px;   }
.me-button ul.mainItem > li .functionBar{ margin-top: -20px;    }
.me-button ul.mainItem > li .editor{  padding: 0px; margin: 0px; min-height:10px!important;   }
.me-button ul.mainItem > li .editor p{ }
.me-button ul.mainItem > li > div.subItemDiv{ display: block; background: #009966;   color: #FFFFFF;padding: 10px 20px; margin: 5px; border-radius: 50px; font-size: 12pt; }



.me-textarea-button{text-align: center; margin-top: 10px;}
.me-textarea-button .itemFunction .smallButton{ display: none!important;}
.me-textarea-button .subFunction { width: 10px; margin-top:-30px }

.me-textarea-button .subFunction .me-col-num{ display: none!important;}
.me-textarea-button .subFunction .styleTarget{ display: none!important;}
.me-textarea-button ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:center; align-items: center; }
.me-textarea-button ul.mainItem > li{ padding: 0px; margin: 0px;   }
.me-textarea-button ul.mainItem > li .functionBar{ top: -30px;    }
.me-textarea-button ul.mainItem > li .editor{  padding: 0px; margin: 0px; min-height:10px!important;   }
.me-textarea-button ul.mainItem > li .editor p{ }
.me-textarea-button ul.mainItem li .subItemDiv{ display: block; background: #009966;   color: #FFFFFF;padding: 10px 20px; margin: 5px; border-radius: 50px;   }

.me-small-button{  display: inline-block; background: #333333;   color: #FFFFFF;padding: 5px 15px; margin:5px 0px; border-radius: 50px; font-size: 10pt; }
.me-small-button a{ color: inherit; }


.me-icon-button{text-align: center; margin-top: 10px;}
.me-icon-button .itemFunction .smallButton{ display: none!important;}
.me-icon-button .subFunction { width: 10px; margin-top:-30px }
.me-icon-button .subItem .functionBar{ top: -30px;  left:0px  }


.me-map{ width: 100%; height: 100%; display: block; position: relative;  } 
.me-map iframe{ width: 100%; height: 100%; display: block;  position: relative; }
    

.me-icon{  display: flex; align-items: center; justify-content: center;  min-width:40px;   }
 
.me-google-map{    position: relative; height: 500px;   }  
.me-google-map .me-map{      }
.me-google-map .me-map iframe{      }

.me-contact-map{}
.me-contact-map .subFunction { display: none!important; width: 100px; margin-left: -20px;} 
.me-contact-map .subFunction .styleTarget{ display: none!important;} 
.me-contact-map .subFunction .me-col-num{ display: none!important;} 

.me-contact-map .mainItem{   }
.me-contact-map .contactItem{ display: flex; flex-direction: column; margin-top: 20px;}
.me-contact-map .mainItem:hover .subFunction { display: block!important;}  
.me-contact-map .subItem{ padding: 0px; margin: 3px 0px; width: auto;  display: flex; flex-wrap: nowrap; align-items: center;    }
 
.me-contact-map .subItem  .functionBar{ margin-top: -30px;       }
.me-contact-map .subItem  .me-icon{  margin-right: 10px;  }
.me-contact-map .subItem  .me-icon i{  font-size: 20pt;   }

.me-contact-map .subItem  .editor{  padding: 5px 0px; margin: 0px; min-height:10px!important;    }
.me-contact-map .subItem  .editor p{ }



.me-form-item{}
.me-form-item label{ cursor: pointer}
.me-form-item[me-type="radio"] label i:after{content:"radio_button_unchecked"}
.me-form-item[me-type="radio"] label.on i:after{content:"radio_button_checked";}
.me-form-item[me-type="checkbox"] label i:after{content:"check_box_outline_blank"}
.me-form-item[me-type="checkbox"] label.on i:after{content:"check_box"}

.me-price-item{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around;; border-bottom:1px solid #f1f1f1; padding: 5px;}

.me-price-item:last-child{  border-bottom:0px solid #CCC; }
.me-price-item .name{ flex:1; display: block; font-weight: bolder; }
.me-price-item .price{  display: block;color: #cc0000;  font-weight: bolder; }
.me-price-item .num{ width: 80px; text-align: center;margin: 0px 10px;}
.me-price-item .priceCount{  display: block;color: #cc0000; margin: 0px 10px; font-weight: bolder; min-width: 50px; }
 

.me-upload-item{  display: flex; align-items: center; flex-wrap: wrap; width: 100%;margin-bottom: 2px; }
.me-upload-item .name{  display: block;  margin-right: 5px;; font-weight: bolder; padding: 5px 0px; font-size: 0.9em; }
.me-upload-frame{display: block;flex: 1; height: 30px;min-width: 200px;}

.formItemPriceCount{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background: #000; color: #FFF; border-bottom:1px solid #f1f1f1 ; padding: 10px 5px; } 
.formItemPriceCount .title{ display:  flex; align-items: center; justify-content: center; flex:1; max-width: 20%; min-width: 100px; padding: 5px;    }
.formItemPriceCount .content{   display: block; flex: 1 ; position: relative; display: flex;  }
.formItemPriceCount .content .name{ flex:1; display: block; }

.formItemPriceCount .content .price{display: block;margin: 0px 10px; font-weight: bolder; min-width: 50px;}
@media screen and (max-width:500px) { 
        
    .me-price-item{  padding: 10px 5px;}
    .me-price-item .name{  min-width: 100%; font-weight: bolder; margin-bottom: 5px; }
    .me-price-item .price{   flex:1;  }
    .me-price-item .num{ }
    .me-price-item .priceCount{    }

}
/* .haveFormPrice{ background: #C00;} */
.me-form{ width: 90%;; max-width: 800px ; margin: 0px auto; }
.me-form .subFunction .me-col-num{ display: none!important;} 

.me-form .me-image{width: 100%; height:100%; }
.me-form .subItem{ display: flex;  justify-content: center; width: 100%; border-bottom:1px solid #f1f1f1 ; }
.me-form .formItem:last-child{border:0px ;  background: #000;}
.me-form .subItem .title{ display:  flex; align-items: center; justify-content: center; flex:1; max-width: 20%; min-width: 100px; padding: 5px;    }
.me-form .subItem p{  }
.me-form .subItem .form-need{ color: #cc0000; }
.me-form .subItem .form-need:after{ content:"*" ; margin-left: 5px;}

.me-form .subItem .content{   display: block; flex: 1 ; padding: 5px; position: relative}

.me-form-item{ display: block; width: 100%;min-height: 30px;   position: relative}

.me-form-item input{ display: block; width: 100%; padding: 10px; border: 1px solid #CCCCCC; border-radius:5px }
.me-form-item select{ display: block; width:100%; padding: 10px; border: 1px solid #CCCCCC; border-radius:5px }
.me-form-item textarea{ display: block; width: 100%; min-height:100px; padding: 10px;border: 1px solid #CCCCCC; border-radius:5px }

.me-form-send{ position: relative; display:  block; max-width: 200px; background: #000000; color: #FFFFFF; padding: 15px 20px; margin: 10px auto; text-align: center; cursor: pointer; font-weight: bold; }


.me-form.send{}
.me-form-send{ position: relative;}

.me-form-send-process{ z-index: 5; position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0px; top:0px; display:flex; align-items: center; justify-content: center;}
.me-form-send-process img{ display: block; max-width: 30px; margin: 0 auto;}

.me-form-stop{}
.me-form-stop .me-form-send{ opacity: 0.5; cursor: not-allowed; }
.me-form-stop-tip{ position: absolute; width: 100%; height: 100%;; top: 0px; left: 0px; z-index: 2; background: rgba(0,0,0,0.5); display: flex; color: #FFF ; align-items: center ; justify-content: center;}

@media screen and (max-width:768px) { 
    .me-form .subItem{ display: flex; flex-direction: column; border:0px; margin-bottom: 10px;}
    .me-form .subItem > .title{  justify-content: flex-start; max-width: 100%; padding: 5px 10px; font-weight: bold; font-size: 1.1em;  }  
    .me-form .subItem .content{  width: 100%;}

    .me-form .subItem .content.emptySub { padding:0px!important}
    .me-form .subItem .content.emptySub *{ display: none!important;; padding:0px}
}



.me-contact-form{ }
.me-contact-form .tc-title{}
.me-contact-form .tc-content{}
.me-contact-form .me-form{ padding: 30px;; margin:10px auto 0px auto;   }

.me-landing-form{ }
.me-landing-form .me-form{ padding: 30px;; margin:10px auto 0px auto;   }


.me-QA{  width: auto;  margin: 20px auto;  text-align: left!important; ;}

.me-QA .subFunction { display: none!important; ;} 
.me-QA .mainItem { margin: 0px auto; }  
.me-QA .mainItem:hover .subFunction { display: block!important;}  
.me-QA .subFunction .me-col-num{ display: none!important;} 

.QA-title{ padding: 20px 10px; padding-bottom: 0px;; }
.QA-title *{  text-align: left!important; }
.QA-title h2{ font-weight: bold;  }
.QA-title hr{  width: 50px;; height: 5px; background: #000; margin:20px  0px 10px 0px; border: 0px; opacity: 0.25;}

.me-QA .mainItem{ counter-reset: section;}
.me-QA .mainItem .subItem{  padding: 20px 10px; border-bottom: 1px solid rgba(0,0,0,0.1);  }
.me-QA li.subItem:first-child{   border-bottom: 0px!important ; background: #000000;}

.me-QA .subTitle{ padding: 20px; width: auto;  margin: 0px auto; text-align: left!important; ;}

.QA-Q{text-align: left!important; font-weight: bold!important; font-size: 14pt;  }

.QA-Q *{font-weight: bold!important;line-height: 150%; }
.QA-A{text-align: left!important; padding-left: 40px; margin-top: 10px; position: relative;line-height: 150%  }

.QA-Q:before{ counter-increment: section; content:"Q" counter(section)  " . " ;  text-align: center; float: left; margin-right: 5px;}
.QA-A:before{ display: block;  content:"A : ";   position: absolute; left: 0px;width: 35px; text-align: right; }


@media screen and (max-width:500px) { 
  
.QA-title{ padding: 10px;; }  
.QA-title hr{  width: 20px;  }
.me-QA .subItem{  padding:15px ;   }
.me-QA .subTitle{ padding: 15px;   ;}

.QA-Q{text-align: left!important; font-weight: bold!important; font-size: 13pt;  }
.QA-Q *{font-weight: bold!important;line-height: 150%; }
.QA-A{ padding:0px;font-size: 11pt;  }

.QA-Q:before{ margin-right: 5px;}
.QA-A:before{ display: none;}

}



.me-icon-text{ text-align: center;padding:auto;}
.me-icon-text .mainItem { display: flex;  flex-wrap: wrap ; margin: 0 auto ;}  

.me-icon-text .subItem{   } 
.me-icon-text .subItemDiv { display: flex; padding: 5px;;  width: 100%; align-items: center; flex-wrap: wrap; } 

.me-icon-text .subItem .title{ flex:1; width: 100%; min-width: 60px; ; max-width: 120px;  margin: 5px;;   border-radius: 50%; overflow: hidden;; }
.me-icon-text .subItem .content{ flex:3 ;  text-align: left;    }
.me-icon-text .subItem .content *{ text-align: left}
.me-icon-text .subItem .content h4{padding:0px 5px; text-align: left}
.me-icon-text .subItem .content .text{ padding:0px 5px;; text-align: left} 







.me-blog{ display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; position: relative;    }

.me-blog-default{}
.me-blog-default .me-blog{ font-size: 16px; max-width: 1600px;  ;margin: 0 auto;   padding: 1% ;justify-content: flex-start;} 

.me-blog-default .me-blog-item{ display: flex; width: 49%;   padding: 10px; background: #FFF; margin:0.5%;;}
.me-blog-default .me-blog-item-photo{ flex: 2; max-width: 300px;}
.me-blog-default .me-blog-item-photo img{  display: block; }

.me-blog-default .me-blog-content{ flex: 3;   position: relative; padding:10px 20px; font-size: 16px; order: 2;}
.me-blog-default .me-blog-content .date{ font-size: 0.8em;display: inline-block; margin-bottom: 5px;}
.me-blog-default .me-blog-content-text { }
.me-blog-default .me-blog-content-text .title{ font-size: 1.4em;}
.me-blog-default .me-blog-content-text .title a{color: inherit;   font-weight: bold;}
.me-blog-default .me-blog-content-text .intro{ font-size: 1em; line-height: 180%; margin: 5px 0px;}
.me-blog-default .me-blog-content-text .detail{font-size: 0.8em; background: #000; color: #FFF; display: inline-block; padding: 8px 20px; margin-top: 5px;}


@media screen and (max-width:768px) {
    .me-blog-default .me-blog-item{  width: 100%; margin:0.5% 0%;}

}



.me-blog-photo{ background: #f1f1f1;}
.me-blog-photo .me-blog{ font-size: 16px; ;margin: 0 auto;   padding: 1%;  } 

.me-blog-photo .me-blog-item{  width: 24%;  max-width: 800px;   padding: 0px; background: #FFF; margin:0.5%;;}
.me-blog-photo .me-blog-item-photo{ width: 100%;}
.me-blog-photo .me-blog-item-photo img{  display: block; }

.me-blog-photo .me-blog-content{ flex: 3;   position: relative; padding:10px 20px; font-size: 16px; order: 2;}
.me-blog-photo .me-blog-content .date{ font-size: 0.8em;display: inline-block; margin-bottom: 5px;}
.me-blog-photo .me-blog-content-text { }
.me-blog-photo .me-blog-content-text .title{ font-size: 1.4em;}
.me-blog-photo .me-blog-content-text .title a{ color: inherit;   font-weight: bold;}
.me-blog-photo .me-blog-content-text .intro{ font-size: 1em; line-height: 180%; margin: 5px 0px; max-height: 5.4em; overflow: hidden;}
.me-blog-photo .me-blog-content-text .detail{font-size: 0.8em; background: #000; color: #FFF; display: inline-block; padding: 8px 20px; margin: 5px 0px;}


@media screen and (max-width:768px) {
    .me-blog-photo .me-blog{  justify-content: flex-start;} 

    .me-blog-photo .me-blog-item{  width: 49%; }

}
  

.me-blog-list{ }
.me-blog-list .me-blog{ font-size: 16px; ;margin: 0 auto;   padding: 1% } 

.me-blog-list .me-blog-item{  width: 24%;  max-width: 800px;   padding: 10px;   margin:0.5%;;}
.me-blog-list .me-blog-item-photo{ display: none;} 

.me-blog-list .me-blog-content{   display: flex; flex-direction: column; align-items: center;   position: relative; padding:10px  ; font-size: 16px; order: 2;}
.me-blog-list .me-blog-content .date{order: 2; font-size: 0.8em; margin-top: 5px;  text-align: center}
.me-blog-list .me-blog-content-text {order: 1; }
.me-blog-list .me-blog-content-text .title{ font-size: 1.2em;}
.me-blog-list .me-blog-content-text .title a{ color: inherit; display: block;   font-weight: bold; text-align: center;}
.me-blog-list .me-blog-content-text .intro{ display: none }
.me-blog-list .me-blog-content-text .detail{ display: none;}


@media screen and (max-width:768px) {
    .me-blog-list .me-blog-item{  width: 50%; margin:0% 0%;padding: 0px;  }
    .me-blog-list .me-blog{  justify-content: flex-start; padding: 20px;} 
    .me-blog-list .me-blog-content{ align-items: flex-start}
    .me-blog-list .me-blog-content-text .title a{ text-align:left;}


}

@media screen and (max-width:500px) {
    .me-blog-list .me-blog-item{  width: 100%;   }
    .me-blog-list .me-blog-content-text .title{ font-size: 1em;}
    .me-blog-list .me-blog-content .date{font-size: 0.7em; }


}
  


.me-product{ display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; position: relative;    }


.me-product-default{}
.me-product{ font-size: 16px;   ;margin: 0 auto;   padding: 1% ;justify-content: flex-start;} 

.me-product-item{  width: calc( 100%/4 - 1% );     margin:0.5%;;}
.me-product-item-photo{ flex: 2;  width: 100%; position: relative;}
.me-product-item-photo img{  display: block; width: 100%}


.me-product-item-photo .tag{ position: absolute; left: 0px; top: 0px; padding: 5px; display: flex; flex-wrap: wrap; ;} 
.me-product-item-photo .tag span{display:inline-flex;  padding:2px 8px; margin:1px; font-size: 10pt;align-items: center; }

.me-product-content{ flex: 3;   position: relative; padding:10px 10px; font-size: 16px; order: 2;}  
.me-product-content .title{ font-size: 1em; overflow: hidden;text-overflow: ellipsis;}
.me-product-content .title a{color: inherit;   font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.me-product-content .titleSub{ font-size: 0.8em; } 


.me-product-content .price{ font-size: 0.8em; margin-top: 5px; display: flex; align-items: center;  }

.me-product-content .price > *{flex: 1; } 

.me-product-content .price .sell{ color: #C00; font-weight: bolder;  }
.me-product-content .price .sell b{   font-size: 1.25em; font-weight: bolder; margin: 0px 3px;  }
.me-product-content .price del{ opacity:0.5; display: inline-block; }

.me-product-content .price .addCart{ max-width: 50px; text-align: center; padding:3px 5px ; background: #000; color:#FFF; border-radius:50px; }
.me-product-content .price .addCart i{display:block; font-size: 14pt}

@media screen and (max-width:1280px) {
    .me-product-item{   width: calc( 100%/4 - 1% );    }

}

@media screen and (max-width:768px) {
    .me-product-item{  width: 49%;}

}

.haveSliderProduct .me-product-item{ width: 100% } 

.owl-carousel{ position: relative;  }
.owl-carousel .owl-item{ }
.owl-stage{}
.owl-nav{z-index: 5; position: absolute; width: 100%; height:0px;top:calc( 50% - 50px );left: 0px; display: flex; justify-content: space-between;opacity: 0.5;}
.owl-nav *{font-size: 50px; }
.owl-dots{z-index: 5;position: absolute; width: 100%;bottom: 5%}

.data-loading{ width: 40px; margin: 20px auto; opacity: 0.5;;}





.me-photoText-slider{ text-align: center;padding:auto;}
.me-photoText-slider ul.mainItem { display: flex;  flex-wrap: wrap ;  text-align: center;justify-content:center;}
.me-photoText-slider ul.mainItem > li{ }
.me-photoText-slider ul.mainItem > li .me-image{ min-height: 100px}
.me-photoText-slider ul.mainItem > li h4{ padding: 5px 0px }
.me-photoText-slider ul.mainItem > li .text{  }



.me-footer-logo{ text-align: center; padding: 10px;}
.me-footer-logo .me-image{ max-width: 50%; margin: 0px auto; text-align: center;  }
.me-footer-logo .me-image img{ display: block;  }


/*me-footer-navLine*/
.me-footer-navLine{text-align: center; } 
.me-footer-navLine .subFunction{ top: 0px;  width:50px; }
.me-footer-navLine .subFunction .me-col-num{ display: none!important;}
.me-footer-navLine .subFunction .styleTarget{ display: none!important;}

.me-footer-navLine ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:center; align-items: center; padding: 10px; }
.me-footer-navLine ul.mainItem > li{ padding: 0px; margin: 0px;   } 
.me-footer-navLine ul.mainItem > li .functionBar{ margin-top: -30px; left: 0px;  }
.me-footer-navLine ul.mainItem > li .editor{   min-height:10px!important;   } 
.me-footer-navLine ul.mainItem > li > a{ display: block;padding: 5px 10px; color: inherit; }



/*me-footer-navLineLogo*/
.me-footer-navLineLogo{  } 
.me-footer-navLineLogo .subFunction{ top: 0px;  width:50px; }
.me-footer-navLineLogo .subFunction .me-col-num{ display: none!important;}
.me-footer-navLineLogo .LRRatio{ display: none!important;}
.me-footer-navLineLogo .subFunction .styleTarget{ display: none!important;}

.me-footer-navLineLogo .me-image{  min-height: 80px;  min-width: 80px; ;}
.me-footer-navLineLogo .me-image img{ width:auto;height:100px; }
.me-footer-navLineLogo .me-LR{   align-items: center; } 
.me-footer-navLineLogo .me-LR .lr-L{flex:none!important; } 
.me-footer-navLineLogo .me-LR .lr-L *{ width: auto; } 
.me-footer-navLineLogo .me-LR .lr-R{ flex:1; max-width: none;} 


.me-footer-navLineLogo ul.mainItem{ display: flex;  flex-wrap: wrap ; text-align: center;justify-content:flex-end; align-items: center; padding: 0px 10px; flex: 1; width: 100%; }
.me-footer-navLineLogo ul.mainItem > li{ padding: 0px; margin: 0px;   } 
.me-footer-navLineLogo ul.mainItem > li .functionBar{ margin-top: -30px; left: 0px;  }
.me-footer-navLineLogo ul.mainItem > li .editor{   min-height:10px!important;   } 
.me-footer-navLineLogo ul.mainItem > li > a{ display: block;padding: 5px 10px; color: inherit; }
.me-footer-navLineLogo .text{ text-align:right; padding: 0px 20px;}

.me-footer-navLineLogo.dataReverse ul.mainItem{ justify-content: flex-start;}
.me-footer-navLineLogo.dataReverse .text{ text-align:left;}

@media screen and (max-width:768px) {
    .me-footer-navLineLogo ul.mainItem{ justify-content: center!important;}
    .me-footer-navLineLogo .text{ text-align:center!important}
    
}



.me-footer-copyright{ font-size: 0.9em; padding: 10px; text-align: center;} 





.me-footer-navBlock{text-align: center; }  
.me-footer-navBlock .subFunction { top: -30px;  width:50px;}
.me-footer-navBlock .subFunction .me-col-num{ display: none!important;}
/* .me-footer-navBlock .subFunction .styleTarget{ display: none!important;} */

.me-footer-navBlock ul.mainItem{ display: flex;  flex-wrap: wrap ;   text-align: center;justify-content: space-around; align-items: flex-start;  }
.me-footer-navBlock ul.mainItem > li .subItemDiv{ padding:  0px; margin: 0px;  }
.me-footer-navBlock ul.mainItem > li .functionBar{ top:-30px ; left:0px;  width: 10px;   }
.me-footer-navBlock ul.mainItem > li .editor{    min-height:10px!important;   }
.me-footer-navBlock ul.mainItem > li .editor p{ } 
.me-footer-navBlock ul.mainItem > li {font-size: 1em}
.me-footer-navBlock ul.mainItem > li h4{ display: block;padding: 5px 0px;  color: inherit;min-width: 4em;   }

.me-footer-navBlock ul.mainItem > li a{ display: block;padding: 5px 0px; font-size: 0.9em;;  color: inherit;  }

.me-footer-navBlock .subSubFunction{ margin-top:0px!important; left: 0px;   }


@media screen and (max-width:768px) {
    .me-footer-navBlock ul.mainItem{ flex-direction: column; width: 90%; margin: 0 auto;}
    
    .me-footer-navBlock ul.mainItem > li{width: 100%; border-top:1px solid rgba(255,255,255,0.1) ;}
    .me-footer-navBlock ul.mainItem > li:last-child  {border-bottom:1px solid rgba(255,255,255,0.1) ;;}
    
    .me-footer-navBlock .subItemDiv h4{ text-align: left; display: block; padding: 15px 30px!important; cursor: pointer ; display: flex!important; align-items: center; justify-content: space-between;}
    .me-footer-navBlock .subItemDiv h4:after{ content: "▼"; float: right; font-size: 0.5em; opacity: 0.5;}
    .me-footer-navBlock .subSubItem{ display: none;}

    .me-footer-navBlock .subItemDiv.on{padding-bottom: 10px!important;}
    .me-footer-navBlock .subItemDiv.on h4:after{ content: "▲";}
    .me-footer-navBlock .subItemDiv.on .subSubItem{ display: block; text-align: left;  }

    .me-footer-navBlock .subItemDiv.on .subSubItem a:before{content: "- "; margin-right: 10px;}
    .me-footer-navBlock .subItemDiv.on .subSubItem a{ display: flex; align-items: center; text-align: left; padding:10px 10px; padding-left: 30px; font-size: 12pt; }
    .me-footer-navBlock .subItemDiv.on .subSubItem a:hover{ background: rgba(255,255,255,0.05);}

}


.me-footer-navLogo{text-align: center; }  
.me-footer-navLogo .subFunction { top: 0px;  width:50px;}
.me-footer-navLogo .subFunction .me-col-num{ display: none!important;}
/* .me-footer-navLogo .subFunction .styleTarget{ display: none!important;} */

.me-footer-navLogo .mainItem{ display: flex;  flex-wrap: wrap ;   }
.me-footer-navLogo .lr-L{  } 
.me-footer-navLogo .lr-L h3{ font-size: 1.25em;  } 
.me-footer-navLogo .lr-L h4{ font-size: 0.8em;   } 
.me-footer-navLogo .lr-L .text{ ;  font-size: 0.8em!important;     } 

.me-footer-navLogo .me-textarea-button{ font-size: 12px;   }    
.me-footer-navLogo .lr-L .subFunction{ top:0px ; left:-30px!important;  width: 10px  } 

.me-footer-navLogo .me-textarea-button .subItemDiv{  font-size: 1em!important;    } 

.me-footer-navLogo .me-icon-button{ padding:  0px; margin: 0px; width: 100%;  margin-top: 10px;   }
.me-footer-navLogo .me-icon-button .styleTarget{ display: none!important;}

.me-footer-navLogo .me-icon-button ul{display: flex;  }
.me-footer-navLogo .me-icon-button ul li{ padding:  0px; margin: 0px;  }
.me-footer-navLogo .me-icon-button ul li .subItemDiv{  background: #ccc; color: #fff; border-radius: 50%;  width: 35px ; height: 35px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; margin-right: 5px;}
.me-footer-navLogo .me-icon-button ul li .me-icon{  }
.me-footer-navLogo .me-icon-button ul li .me-icon i{   }


.me-footer-navLogo .me-nav{ display: inline-flex; align-items: center; }
.me-footer-navLogo .me-nav .mainItem{ display: flex;  flex-wrap: wrap ;   text-align: center; justify-content: space-around; align-items: flex-start;  padding: 10px 0px;  width: 100%;}
.me-footer-navLogo .me-nav .subItemDiv{ padding:  0px; margin: 0px;  }
.me-footer-navLogo .me-nav .functionBar{ top:-30px ; left:0px;  width: 10px;   }
.me-footer-navLogo .me-nav .editor{    min-height:10px!important;   }
.me-footer-navLogo .me-nav .editor p{ } 
.me-footer-navLogo .me-nav { ;}
.me-footer-navLogo .me-nav h4{ display: block;padding: 5px 0px;  color: inherit;font-size: 1.2em; min-width: 4em;   }

.me-footer-navLogo .me-nav a{ display: block; width:100%; padding: 5px 0px; font-size: 0.8em;;  color: inherit;   }

.me-footer-navLogo .subSubFunction{ margin-top:0px!important; left: 0px;   }


@media screen and (max-width:768px) {
    .me-footer-navLogo .lr-L *{   text-align: center; justify-content: center;   }  
    .me-footer-navLogo .lr-L .me-textarea-9 > *{     width: 100%;}  

}





.me-footer-icon{text-align: center; }  
.me-footer-icon .subFunction { top: -30px;  width:50px;}
.me-footer-icon .subFunction .me-col-num{ display: none!important;}
/* .me-footer-icon .subFunction .styleTarget{ display: none!important;} */

.me-footer-icon .mainItem{ display: flex;  flex-wrap: wrap ;  justify-content: center; padding: 20px ;  }
   
.me-footer-icon  .mainItem li{ padding:  0px; margin: 0px;  }
.me-footer-icon  .mainItem li .functionBar{ top: -30px; left: 0px; }
.me-footer-icon  .mainItem li .subItemDiv{  background: #ccc; color: #fff; border-radius: 50%;  width: 35px ; height: 35px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; margin: 5px; }
.me-footer-icon  .mainItem li .me-icon{  }
.me-footer-icon  .mainItem li .me-icon i{  font-size: 1em;   }



.me-function-text{text-align: left; font-size: 16px;}  
.me-function-text .editor{margin: 0px; text-align: unset;  }

.me-function-text .me-textarea h3 hr{  width: 50px;; height: 5px; background: #000; margin:20px  0px 10px 0px; border: 0px; opacity: 0.25;}
.me-function-text .tc-content ul.mainItem{ display: flex;  flex-wrap: wrap ; justify-content: flex-start;   }
.me-function-text .tc-content ul.mainItem > li{display:inline-block; vertical-align: top;   }
.me-function-text .tc-content ul.mainItem > li > div.subItemDiv{ display: block;  height: 100%; padding: 10px 10px 10px 0px;}
.me-function-text .tc-content ul.mainItem > li h4{  font-size: 1.6em;margin: 5px 0px;    }
.me-function-text .tc-content ul.mainItem > li h4 sub{ display: inline-block; font-size:0.5em;  vertical-align: top;  ;   margin-top: 1em;     }
.me-function-text .tc-content ul.mainItem > li .text{ font-size:0.8em;line-height: 180%;    }


.me-function-text .me-textarea-button{ margin-left: -10px;  margin-right: -10px;  width:auto;}
.me-function-text .me-textarea-button .subItemDiv{   }

 

.me-cover-LR-card{  }
.me-cover-LR-card .me-LR{ align-items: center;}
.me-cover-LR-card .me-LR .lr-R{ z-index:2}
.me-cover-LR-card .me-LR .lr-R .me-textarea-9{background:#FFFFFF;margin:0px 0% 0px -5% ;padding:5%;box-shadow:5px 5px 50px rgba(0,0,0,0.2);}
.me-cover-LR-card.dataReverse  .me-LR .lr-R .me-textarea-9{margin:0px -5% 0px 5% ;;}

@media screen and (max-width:768px) {
    .me-cover-LR-card{  }
    .me-cover-LR-card .me-LR{ align-items: unset;}
    .me-cover-LR-card .me-LR{ }
    .me-cover-LR-card.dataReverse  .me-LR .lr-R .me-textarea-9,
	.me-cover-LR-card .me-LR .lr-R .me-textarea-9{margin:-50px 5% 10px 5%; width: 90%;padding:5%;  }
}

.me-shape-basic{overflow: unset;}
.me-shape-basic svg{ display: block;}
.me-shape-basic.shapeLR svg{
    
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}
.me-shape-basic.shapeTB svg{
    
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}

.me-shape-basic.shapeLR.shapeTB svg{
    -moz-transform:scale(-1,-1);
    -webkit-transform:scale(-1,-1);
    -o-transform:scale(-1,-1);
    transform:scale(-1,-1);
}

.me-shape-basic[align="1"]{height: 0px ; overflow: unset; z-index: 5;}
.me-shape-basic[align="2"]{height: 0px ; overflow: unset; z-index: 5;}
.me-shape-basic[align="2"] > *{position: absolute;bottom:0px; }
.me-shape-basic[align="2"].dataLimit > *{width:100% }
.me-shape-basic[align="2"].dataLimit{max-width: 1600px ; width: 95% ; margin: 0 auto; }

.me-shape-animate{width: 100% ; position: relative;overflow:hidden} 

svg.me-sa-01{ display:block; width: 400%; max-width:none; animation-name:mesa01; animation-iteration-count: infinite;animation-duration: 30s;}
     
svg.me-sa-02{ display:block; width: 150%; max-width:none;  
    animation-name:mesa02; animation-iteration-count: infinite;animation-duration: 5s;animation-timing-function: linear
 }                  
@keyframes mesa01 {
    0%{left:-300%}
    50%{left:0%}
    100%{left:-300%}
   }

@keyframes mesa02 {
    0%{left:-40%} 
    100%{left:0%}
}

svg.me-sa-03{ display:block; width: 161%; max-width:none;  
    animation-name:mesa03; animation-iteration-count: infinite;animation-duration: 10s;animation-timing-function: linear
 }
 
@keyframes mesa03 {
    0%{left:-30%} 
    100%{left:0%}
}

svg.me-sa-04{ display:block; width: 200%; max-width:none;  
    animation-name:mesa04; animation-iteration-count: infinite;animation-duration: 10s;animation-timing-function: linear
 }
 
@keyframes mesa04 {
    0%{left:-100%} 
    100%{left:0%}
}

svg.me-sa-05{ display:block; width: 200%; max-width:none;  
    animation-name:mesa05; animation-iteration-count: infinite;animation-duration: 10s;animation-timing-function: linear;
 }
 
@keyframes mesa05 {
    0%{left:-100%}  
    100%{left:0%}
}