/*center-box*/
.center-box{ width:100%; height:100%; text-align:center}
.center-box:before {  content: "";  height: 100%;  display: inline-block; vertical-align: middle}
.center-box-content{ display: inline-block;vertical-align:middle; text-align:left}

html, body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
	
}


.myeditor{ position: relative}
.myeditor b{ font-weight: bold}

.dataBlock{  display: block;  
	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;
	
	 box-sizing: content-box;
	 
}
.dataBlock *{  }
.mainItem{ position:relative ; }
.subItem{ position:relative ; }
.subItem *{ position:relative ;}
.editor{position:relative ;   }
.editor *{position:relative ;   }

.me-form{}
.me-output{ display: none}
.endEditor{ width: 0px; height: 0px; overflow: hidden}

.me-add-before,
.me-add-after{ display: none}

.itemFunction{ display: none; position:absolute;background:rgba(255,255,255,0.8); top:-30px; right:0px; text-align:right; margin:0px; padding:0px;line-height:100%; z-index:2}
.itemFunction i{ font-size:30px; color:#999999; cursor: pointer;  border:1px solid #CCCCCC; margin:0px; padding:0px; line-height:100%;}
.dataBlock:hover > .itemFunction{ display: block}
.subItem:hover > .itemFunction{ display: block}

.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;}

 

.me-image{ cursor: default; min-height: 10vh;  background:#f1f1f1 url('/image/no_photo.png') no-repeat center center; text-align: center; }
.me-image img{ display:block; max-width: 100%;}

 
.me-square{position: relative;padding-top: 100%;float: none;min-height:0px; width: 100%;; overflow: hidden}
.me-square > *{position: absolute;top: 0;left: 0;bottom: 0;right: 0;float: none;width: 100% !important;	height: 100% !important;object-fit: cover;	}
.me-square i{display: flex; align-items: center; justify-content: center;}


.me-cover{}
.me-cover .me-image{  min-height: 30vh}




.me-col-2 > li{ width: 50%}
.me-col-3 > li{ width: 33.3333%}
.me-col-4 > li{ width: 25%;}
.me-col-5 > li{ width: 20%}
.me-col-6 > li{ width: 16.6666%}
.me-col-8 > li{ width: 12.5%;}

@media screen and (max-width:768px) {
	
	.me-col-5 > li{ width: 33.33%}
	.me-col-6 > li{ width: 33.33%}
	.me-col-8 > li{ width: 25%;}
}
@media screen and (max-width:480px) { 
	.me-col-4 > li{ width: 50%;}
	.me-col-5 > li{ width: 50%}
	.me-col-6 > li{ width: 50%}
	.me-col-8 > li{ width: 25%;}
}
 

.me-cover-title {position: relative}
.me-cover-title .me-image{min-height: 30vh; position: relative;background: none}
.me-cover-title .me-textarea{z-index:1; display:block; position:absolute; left:0; top:0px; }
.me-cover-title .center-box-content{ width: 100%;  }
.me-cover-title .me-textarea h3{ text-align: center; font-size: 24pt;font-size: 5vmin; color:#FFFFFF}
.me-cover-title .me-textarea h5{ text-align: center;  font-size: 16pt;font-size: 3vmin; color:#FFFFFF}


.me-cover-L .mainItem ,
.me-cover-R .mainItem {position: relative; display: flex;  width: 100%;}
.me-cover-L .me-image,
.me-cover-R .me-image{ position: relative; flex: 1;max-width: 50%; display: flex; align-items: center; justify-content: center;}
.me-cover-L .me-textarea,
.me-cover-R .me-textarea{ flex: 1; max-width: 50%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 5% ;  }
.me-cover-L .center-box-content ,
.me-cover-R .center-box-content{ width: 100%; padding:10%  }
.me-cover-L .me-textarea h3,
.me-cover-R .me-textarea h3{ text-align: center; font-size: 20pt; font-size: 5vmin;  margin-bottom: 10px; }
.me-cover-L .me-textarea h5,
.me-cover-R .me-textarea h5{text-align: center;  font-size: 14pt; font-size: 3vmin;  line-height: 150%; }
.me-cover-R .mainItem {flex-direction: row-reverse;}


.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 > h3{ font-size: 24pt; font-size: 5vmin;}
.me-list01 > h5{ font-size: 16pt; font-size: 3vmin;}
.me-list01 ul.mainItem{ display: flex;  flex-wrap: wrap ; margin-top: 10px; text-align: center;justify-content:center; }
.me-list01 ul.mainItem > li{display:inline-block; vertical-align: top;    }
.me-list01 ul.mainItem > li > div.subItemDiv{ display: block; background:#FFFFFF; border: 2px solid #eeeeee  ;   min-height:50px;}
.me-list01 ul.mainItem > li h3{ font-size: 16pt;font-size: 3vmin; padding: 15px 10px 0px 10px;  }
.me-list01 ul.mainItem > li h5{ font-size: 12pt;font-size: 2vmin; padding: 0px 10px 15px 10px;  }

.me-photoText{ text-align: center;padding:auto;}
.me-photoText > h3{ font-size: 24pt;font-size: 5vmin;  }
.me-photoText > h5{ font-size: 16pt; font-size: 3vmin; }
.me-photoText ul.mainItem { display: flex;  flex-wrap: wrap ; margin-top: 10px; text-align: center;justify-content:center;}
.me-photoText ul.mainItem > li{display:inline-block; vertical-align: top;min-height:50px; }
.me-photoText ul.mainItem > li .me-image{ min-height: 200px}
.me-photoText ul.mainItem > li h5{ font-size: 12pt; font-size: 2.5vmin;padding: 10px 0px }

.me-photoCircleText{ text-align: center;padding:auto;}
.me-photoCircleText > h3{ font-size: 24pt;  font-size: 5vmin;}
.me-photoCircleText > h5{ font-size: 16pt;  font-size: 3vmin;}
.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% }
.me-photoCircleText ul.mainItem > li h5{ font-size: 12pt; font-size: 2.5vmin;padding: 10px 0px }

.me-photoList{ text-align: center;padding:auto;}
.me-photoList > h3{ font-size: 24pt;  font-size: 5vmin;}
.me-photoList > h5{ font-size: 16pt;  font-size: 3vmin;}
.me-photoList ul.mainItem { display: flex; margin-top: 10px;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 h5{ font-size: 12pt; font-size: 2.5vmin;padding: 10px 0px }

.me-clear-data{ padding: 10px;}
.me-clear-data table{ width: 100%;}
.me-clear-data tr{}
.me-clear-data tr:nth-child(even){ background: #f1f1f1;}
.me-clear-data tr > *{ padding: 10px;}
.me-clear-data tr > *:first-child{ text-align: center;  width: 20%;  }

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

.me-button{text-align: center;  }
.me-button .me-col-num{ display: none!important;}
.me-button ul.mainItem{ display: flex;  flex-wrap: wrap ; margin-top: 10px; text-align: center;justify-content:center; align-items: center; }
.me-button ul.mainItem > li{   }
.me-button ul.mainItem > li > div.subItemDiv{ display: block; background: #009966;   color: #FFFFFF;padding: 10px 50px; margin: 5px; border-radius: 50px; font-size: 12pt;font-size: 2.5vmin; opacity: 0.9;}
.me-button ul.mainItem > li > div.subItemDiv:hover{ opacity: 1;}

@media screen and (max-width:768px) {
	/* .dataBlock h3{ font-size: 20pt!important;}
	.dataBlock h5{ font-size: 14pt!important;} 
	.me-photoText ul.mainItem > li h5{ font-size: 12pt!important }
	.me-photoCircleText ul.mainItem > li h5{ font-size: 12pt!important } */
  
	.me-clear-data tr{ display: flex; flex-direction: column;padding: 10px 10px; }
	.me-clear-data tr > *{   width: 100%!important; text-align: left!important; padding: 5px 10px!important;} 
	.me-clear-data tr *:first-child:after{content:" :"  }

}