/* 縮小失敗。正在傳回未縮小的內容。
(166,20): run-time error CSS1036: Expected expression, found ';'
(744,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(745,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */



.pushy {
  position: fixed;
  width: 260px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #f5d83c;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #000;
  /*padding: 15px 30px;*/
  text-decoration: none;
}
.pushy a:hover {
  color: #333;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}
/*ginny*/
.pushy-content {
  visibility: hidden;
  color:#fff;
  letter-spacing:2px;
  font-weight:bolder;
  font-size:0.95em;
  
}
.menu-left {margin-left:18px;text-decoration: underline;}
.pushy-content img{width:auto;}
.pushy-content ul{
	padding-left:0;
	list-style-type:none;
 }
 .pushy-content ul li{
	
 }
.pushy-content .p-bottom{
	border-bottom:1px #fff solid;
}
/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-260px, 0, 0);
  -ms-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(130px, 0, 0);
  -ms-transform: translate3d(130px, 0, 0);
  transform: translate3d(130px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-130px, 0, 0);
  -ms-transform: translate3d(-130px, 0, 0);
  transform: translate3d(-130px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

/*@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}*/
/* Submenu Appearance */
.pushy-submenu {
	
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul {
	padding:10px;
  padding-left: 0px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: black;
  padding: 15px 0px;
  text-align: left;
  background: transparent;
  border: 0;
  font-size:1em;
  font-weight:bolder;
  background-color:;
  padding-left:20px;
  letter-spacing:2px;
  font-family: "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", Arial, Helvetica, FreeSans, sans-serif;
}

.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
/*.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}*/

/* Submenu Movement */
.pushy-submenu-closed ul {
 /* max-height: 0;*/
 overflow:hidden;
  /*visibility: hidden;*/
  background: linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
  background: -moz-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
  background: -webkit-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
  background: -o-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
}
.pushy-submenu-closed .pushy-link {
  /*opacity: 0;*/
  
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
  overflow:hidden;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
 -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.pushy-link {
 /*width: 100%;*/
  color: #000;
  padding: 15px 0px;
  text-align: left;
  
  border: 0;
  font-size:1em;
  font-weight:bolder;
  background-color:#f5d83c;
  padding-left:20px;
  border-bottom:1px #fff solid;
}

.pushy-submenu .pushy-link{
	display:inline-block;
	width:90%;
	float:left;
	background: transparent;
	border-bottom:0;
	padding:3px 0 2px 20px;
	

}
/*# sourceMappingURL=pushy.css.map */

#menu-footer{
	padding:20px;
	font-weight:lighter;
}

#menu-footer a{
	display:inline-block;
}
@charset "utf-8";

/*If you want to prevent scrolling of your site when Pushy is open just add overflow-x: hidden and height: 100% to both the html & body tags.*/
html, body{
    overflow-x: hidden;
    /*height: 100%;*/
    -webkit-overflow-scrolling: touch;
}

/* outline-off */
  
    a { cursor:pointer; color:#000000;}
	a:link {text-decoration: none; }
 	a:visited {text-decoration: none; }
	a:hover {text-decoration: none; }
	a:active {text-decoration: none; } 

.left {float:left;}
.right {float:right;}
.yellow-text{color:#f5d83c;}
.red-text{color:#e62117;}
.clear { display:block; clear:both; height:0;}

#arrow-left-w{
	position:absolute;
	top:13%;
    z-index:3;
	left:0;
	cursor:pointer;

}
#arrow-right-w{
	position:absolute;
	top:13%;
    z-index:3;
	right:0;
	cursor:pointer;

}

.arrow-left-y{
	position:absolute;
	top:40%;
    z-index:3;
	left:0;
	cursor:pointer;

}
.arrow-right-y{
	position:absolute;
	top:40%;
    z-index:3;
	right:0;
	cursor:pointer;

}

.onair, .read{
	position:absolute;
	top:0;
    z-index:3;
	right:0;
}
.onair img, .read img { width: auto;}

.news-category{
	position:absolute;
	top:0;
    z-index:3;
	left:0;
	padding:2px 5px;
	color:#FFF;
	font-size:0.8em;
	font-weight:bolder;
}
.category1{background-color:#7a7a7a;}
.category2{background-color:#2c2c2d;}
.category3{background-color:#723312;}
.category4{background-color:#ff7b9d;}
.category5{background-color:#db34a4;}
.category6{background-color:#7a17c4;}
.category7{background-color:#0156be;}
.category8{background-color:#02a8e4;}
.category9{background-color:#7ecef4;}
.category10{background-color:#94c516;}
.category11{background-color:#9d940c;}
.category12{background-color:#378309;}
.category13{background-color:#f5b63c;}
.category14{background-color:#fa7816;}
.category15{background-color:#e51205;}
.hhmmss{
	position:absolute;
	bottom:0px;
    z-index:3;
	right:0;
	color:#FFFFFF;
	background-color:rgba(0,0,0, 0.8);
	font-size:0.8em;
	padding:0px 5px;
}
.play-icon {
	position: absolute;
	
	top: 22%; left: 33%;
	z-index:2;

}

.play-icon img {
	 width: 70%;
	 opacity: 0.8; 
    filter: alpha(opacity=80); 
	}

.small-gray-text,.small-gray-text2{
	color:#666666; 
	font-size:0.75em;
	letter-spacing:0;
	/*margin-left:5px;*/
	margin-right:5px;
}

.white-box{background-color:#FFF;}
.dot-box{
	background-image:url(../images/bg-dot.gif);
	background-repeat:repeat; 
}
.triangle-box{
	background-image:url(../images/bg-triangle.gif);
	background-repeat:repeat; 
}
.yellow-box{background-color:#f5d83c;}

/*这行代码对于大多数嵌入网页的图片+视频有效，所以可以写成*/
img, object { max-width: 100%; border:0;}

/*老版本的IE不支持max-width，所以只好写成*/
img { width: 100%; border:0;}
img { -ms-interpolation-mode: bicubic; border:0;}



body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", Arial, Helvetica, FreeSans, sans-serif;
	margin: 0 auto;
	font-size:1em;
	overflow-x: hidden;
	line-height: 1.8em;
	background-color:#fff;
}

body img{border:0px;}


#wrap {
	width: 100%;
	margin: 0 auto;
	display:block; 
	position:relative;
	text-align:justify; 
	word-wrap: break-word;
    word-break: break-all;
}
/*手機上方新聞分享*/
.mobile-topper-share-margin{
	height:55px;
}
.mobile-topper-share{
	padding:15px 2.5% 5px  2.5%;
	background-color:#f5d83c;
	position:fixed;
	top:0;
	width:95%;
	font-weight:bolder;
	height:45px;
	z-index:50;
}

.mobile-topper-share img{
	width:auto;
}

.mid{display:none;}

/*手機單則新聞下方*/
.mobile-footer-ad-margin{
	/*height:130px;*/
}
#mobile-footer-ad{
	position:fixed;
	bottom:52px;
	z-index:50;
	max-height:200px;
	overflow:hidden;
	width:100%;
}

#mobile-footer-ad img{
	width:100%;
}
.mobile-pageshare{
	padding:10px 2.5% 10px 2.5%;
	background-color:rgba(245,216,60,0.9);
	position:fixed;
	bottom:0;
	width:95%;
	z-index:50;
	text-align:center;
	height:45px;
	
}
.mobile-pageshare img{
	width:auto;
	margin:0 10px;
}


/*PINK pc-logo*/
#pc-logo-inner{
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -moz-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -webkit-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -o-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
	padding:8px 10px;
	display:none;
	color:#000;
    letter-spacing:1px;
}

#pc-logo-inner img { width:auto;}




/*mobile-LOGO*/
#mobile-logo-inner{
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -moz-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -webkit-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
background: -o-linear-gradient(180deg, rgba(253, 245, 241, 1)30%, rgba(252, 237, 232, 1)80%);
     text-align:center;
	 padding:5px 0;
	 position:fixed;
	 top:0;
	 z-index:5;
	  width:100%;
	
}
#mobile-logo-inner-margin{height:65px;}
#mobile-logo-inner img { width:auto;}

.logo-ss{
	display:inline-block;
	width:65%;
	margin: 0 auto;
	/*padding:7px 0 0 0;*/
	padding:0 40px 0 0;
}





/*pc-NAV*/

#pc-nav-inner{
	margin: 0 auto;
	 background:#f5d83c;

	padding-left:40px;
	padding-right:10px;
	/*letter-spacing:2px;*/
	
	
	width:auto;
	/*overflow:hidden;*/
	height:50px;
	position:relative;
	font-weight:bolder;
	
	color:#222;
	  letter-spacing:1px;
	display:none;/*手機板取消左右滑動->不顯示*/
	
	
}

#pc-nav-inner img { width:auto;}
#pc-nav ul{
	padding:0;
	margin-top:-13px;
}
#pc-nav ul li{
	float:left;
	list-style:none;
	padding:10px 2px 0 0;
	
	
}
#pc-nav ul li a{color:#000; }
#pc-nav ul li a:hover {padding-bottom:0px; /*background-image: url("../images/yellow-left-2.png");*/
	background-repeat:no-repeat;
	background-position:center bottom;
	color:#333;
	
  }
#pc-nav ul li::after {content:" ｜";}
#pc-nav ul li:last-child::after {content:" ";}

#top-social{float:right;margin-top:5px;}


.main-menu	{cursor:pointer; display:inline-block; }	/* 主選單的樣式 */
	.sub-menu	{	color:#222; background-color:#f5d943 ; top:50px; padding:10px 10px;  position:absolute; width:265px; height:auto; z-index:99;} /* 下拉清單的樣式 */
	.sub-menu a	{ 	padding:3px 3px 6px 3px; margin:0px 5px; text-align:center; display:block; float:left;
	width:50px;font-size:1em; } /* 下拉清單每一列的樣式 */
	.sub-menu a:hover	{background-color:#f5d83c;}

.bigbanner {
	position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
 /* height: calc(100vh );*/
 margin-top:-5px;
}
.navbar {
  /*overflow: hidden;*/
  /*padding: 7px 0 0 0;
  left: -10px;*/
  position: relative;
}

.navbar a {
  float: left;
  font-size: 1em;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/*menu彈出*/
.dropdown {
  float: left;
}
button{border:0px;background-color:transparent;}
.dropdown .dropbtn {
  font-size: 1em;  
  border: none;
  outline: none;
  color: black;
  background-color: inherit;
  font-family: "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", Arial, Helvetica, FreeSans, sans-serif;
  margin: 0;
  font-weight:bolder;
  letter-spacing: 1.35px;
  padding-bottom: 10px;
}
.dropdown2 .dropbtn2 {
  font-size: 1em;  
  border: none;
  outline: none;
  color: black;
  background-color: inherit;
  font-family: "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", Arial, Helvetica, FreeSans, sans-serif;
  margin: 0;
  font-weight:bolder;
  letter-spacing: 1.35px;
  padding: 0;
}
 .dropdown:hover .dropbtn,.dropdown2:hover .dropbtn {
  /*background-color: red;*/
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f5d83c;
  /*min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 999;
  top: 41px;
}
.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #f5d83c;
  /*min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 999;
  top: 78px;
  left: 129.5px;
  width: 130px;
}

.dropdown-content a,.dropdown2-content a {
  float: none;
  color: black;
  padding: 5px 16px!important;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px white solid;
  font-size: 0.89em;
}

.dropdown-content a:hover,.dropdown2-content a:hover {
  background-color: white;
}

.dropdown:hover .dropdown-content,.dropdown2:hover .dropdown2-content {
  display: block;
}
/*YT+最新消息*/

.inner{
	margin: 0 auto;
	letter-spacing:1px;
	position:relative;
	padding-bottom:30px;
}
/*YT*/
#yt-index{
	margin: 0 auto;
	position:relative;
	width:95%;
	margin-bottom:30px;
}
.yt-illustration{
	text-align:center;
	padding:0 20px;
	}
.yt-illustration img{ width:auto;}
.blue-radius{
	 border-radius:20px;
	 border:5px solid #1bb1e7;
	 }
/*最新消息*/	 
.news-list-box {
    padding: 0 10px 10px 10px;
}
#news-index{
	margin: 0 auto;
	position:relative;
}

.cartoon-title{
	margin:10px 0 20px 0;
	position:relative;

}
.cartoon-title .text{
	border-radius: 30px; 
	background-color:#f5d83c; 
	color:#000;
	font-weight:bold;
	height:30px; 
	padding:5px 50px 5px 30px;
	float:left;
	position:relative;
	font-size:1.125em;
}

.cartoon {
	position: absolute;
    bottom: -10px; right: 0;
	z-index:2;

}
/*友好連結*/
.friendlylink{
	margin:0 1%;
	margin-bottom:20px;
}

.friendlylink img{
	border-radius:20px;
	border:3px solid #f5d943;
	box-sizing:border-box;
-moz-box-sizing:border-box; / * Firefox * /
-webkit-box-sizing:border-box; / * Safari * /
}
/*YOYO 專屬活動、榮譽榜、加盟園所經驗分享*/

.plaid-title{
	margin: 0 auto;
	background-image:url(../images/bg-subtitle.png);
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 30px; 
	color:#000;
	font-weight:bold;
	height:30px; 
	padding:10px 30px;
	position:relative;
	font-size:1.125em;
	text-align:center;
}


.yoyoevent-box,.yoyoevent-indexbox{
	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f5d943;
	background-color:#FFFFFF;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.yoyoevent-box .cartoon-title .text,
.yoyoevent-indexbox .cartoon-title .text{
	border-radius: 30px; 
	background-color:#f5d83c; 
	color:#000;
	font-weight:bold;
	height:30px; 
	padding:5px 0px;
	position:relative;
	font-size:1em;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	float:none;
}
.yoyoevent-box .pic,.yoyoevent-indexbox .pic{
position:relative;
margin-right:5px;
margin-bottom:10px;

}
.yoyoevent-box .pic .target-img,
.yoyoevent-indexbox .pic .target-img{
border-radius:10px;
border:3px solid #f5d943;
}


.yoyoevent-box .title,
.yoyoevent-indexbox .title{
	letter-spacing:0;
	font-size:1.05em;
	line-height:1.2em;
	color:#1bb1e7;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	
}

.yoyoevent-indexbox .title2{
	letter-spacing:0;
	font-size:1.05em;
	line-height:1.2em;
	color:black;
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0;
	overflow: hidden;
	
}
.boxmain {padding-bottom: 5px;}
.yoyoevent-box .summary,
.yoyoevent-indexbox .summary{
	letter-spacing:0;
	font-size:1em;
	line-height:1.2em;
	color:#000;
	margin:5px;
	margin-bottom:10px;

}
.yoyoevent-box .summary span,
.yoyoevent-indexbox .summary span{
	overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.yoyoevent-box .summary p,
.yoyoevent-indexbox .summary p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
	overflow: hidden;
}
.sharing-title{
	position:relative;
	color:#fff;
	background-color:#1bb1e7; 
	border-radius: 30px;
	font-weight:bold;
	height:30px; 
	padding:5px 20px;
	font-size:1em;
	margin-bottom:10px;
	width:auto;
	display:inline-block;
	
}
.sharing-summary{
	position:relative;
	padding:5px 10px;
	font-size:1em;
	margin-bottom:20px;
}

.yoyoevent-box2{
	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f5d943;
	background-color:#FFFFFF;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.yoyoevent-bluebox{
	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:5px solid #1bb1e7;
	margin-bottom:20px;
	box-sizing:border-box;
    background-image: url(../images/bg-triangle.gif);
    background-repeat: repeat;
}
.yoyoevent-box2,.yoyoevent-boxforn{
	padding:20px;
}
.yoyoevent-bluebox{
	padding:20px 20px 40px 20px;
}
.yoyoevent-boxforn2{
	padding:20px 20px 40px 20px;
}
.yoyoevent-box2 .title{
	border-bottom: 1px #8c8c8c solid;
    font-size: 1.05em;
	margin: 0 0 30px 0;
}
.r_bttom {
	border-bottom: 2px #bc1f28 solid;
    position: relative;
    top: 1px;
}
.r_bttom2 {
	color: #bc1f28;
    position: relative;
    top: 1px;
	left:15px
}
/*yo園專區*/
.yoyoevent-zonebox{
	margin:0 1%;
	/*padding: 20px 20px 40px 20px;*/
	border: 5px #f5d83c solid;
    border-radius: 20px;
	margin-bottom:20px;
	box-sizing:border-box;
	background-color:white;
}
.yoyoevent-zonebox .title {
	border: 5px #f5d83c solid;
    border-radius: 14px;
	color:white;
	background-color:#f5d83c;
}
.yoyoevent-zonebox .title p{
	font-size:1.2em;
	padding: 5px 30px 5px 30px;
    margin: 0;
}
.zonemain{
	padding: 0 40px;
}
.title-box{width:260px; margin: 0 auto;padding-top: 20px;}
/*加盟專區*/
.entrance-box,.entrance-box2 {
	position:relative;
	margin:0 auto;
	padding-bottom: 20px;
	display: flex;
}
.arrow-l {
	float: left;
    padding: 10px;
    position: relative;
	width: 28px;
    line-height: 0;
	cursor:pointer;
}
.arrow-r {
	padding: 10px;
    float: left;
    position: relative;
	width: 28px;
    line-height: 0;
	cursor:pointer;
}
.entrance {
	color:black;
	background-color:#e9f6fe;
	text-align:center;
	padding: 10px 50px 10px 50px;
    margin: 0 30px 0 30px;
	border-radius: 20px;
	font-size:1.1em;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	width: 60%;
    margin: 0 auto;
}
.entrance link:hover{
	background-color:#e9f6fe;
	text-align:center;
	color:#1bb1e7;
}
.entrance-box ul,
.entrance-box2 ul {
	margin:0 auto;
	display:none;
}
.entrance-box ul li,
.entrance-box2 ul li{
	position:relative;
	float:left;
	color:black;
	background-color:#e9f6fe;
	text-align:center;
	padding: 10px 50px 10px 50px;
    margin: 0 30px 0 30px;
	border-radius: 20px;
	font-size:1.1em;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.entrance-box ul li:hover,
.entrance-box2 ul li:hover{
	background-color:#e9f6fe;
	text-align:center;
	color:#1bb1e7;
}
.plaid-title2{
	margin: 0 auto;
	/*background-image:url(../images/bg-subtitle.png);*/
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 30px; 
	color:#000;
	font-weight:bold;
	padding:5px 10px;
	position:relative;
	font-size:1.125em;
	margin: 0 auto;
	text-align:center;
}

.join-title {
	border-radius: 20px; 
	background-color: #f5d943;
	width:130px;
	margin: 0 auto;
}
.join-title img {
	width:auto;
	vertical-align: middle;
    line-height: 0;
    margin: 5px 5px 5px 10px;
}
.join-menu {
	border: 5px #f5d83c solid;
    border-radius: 20px;
	position:relative;
	height:126px;
	background-color: white;
}
.join-menu-bg {
	background:url(../images/join-bg.jpg) repeat;
}
.join-menu-box {/*padding-top: 20px; padding-bottom:20px;*/padding:5px;}
.join-menu img {width:auto;vertical-align: middle;/*margin-right: 10px;*/ }
.join-menu div {
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 0;
	width:100%;
	text-align: center;
}
.currently {color:#1bb1e7!important;}
/*聯絡我們*/
.contact-title {
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 30px; 
	color:#000;
	font-weight:bold;
	padding:10px;
	position:relative;
	font-size:1.125em;
}
.yoyoevent-bluebox .table2 textarea {
	background: white;
    border: 0;
    color: black;
    font-weight: 300;
    width: 98%;
    text-align: left;
    font-size: 1em;
    font-family: "微軟正黑體";
    margin: 0 5px 0 5px;
	outline: none;
}
.c-title {
	float: left;
}
.c-title img {
	width:auto;
	vertical-align: middle;
    line-height: 0;
    margin: 5px 5px 5px 10px;
}
/*分園查詢*/
.map {
	border:5px #1bb1e7 solid;
	border-radius: 20px;
	line-height: 0;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.map iframe {
	border-radius: 20px;
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}

/*搜尋*/
#searchmap {
	display: none;
}

#search-box {
	position: relative;
	margin: -50px 0 0 0;
}

#pop {
	position: relative;
	background: #FFF;
	padding: 10px;
	width: auto;
	max-width: 954px;
	margin: 20px auto;
	padding-bottom: 20px;
	background-color: #f5d943;
	border-radius: 15px;
	display: block;
}

	#pop h3 {
		color: black;
		font-size: 2em;
		font-weight: bolder;
		text-align: center;
		margin-top: 30px;
	}

#city_box {
	position: relative;
	z-index: 1;
	width: 596px;
	margin: 0 auto;
}

svg {
	height: 90vh;
}
path {
	stroke: white;
	fill: transparent;
	transition: 0.5s;
	cursor: pointer;
	fill: #abc83e;
}

	path:hover {
		fill: #B99362;
		/*transform: translate(-5px, -5px);*/
	}

#searchmap {
	-webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.7));
}

.search {
	position: relative;
	padding: 20px;
	border-radius: 20px;
	border: 5px solid #f5d943;
	background-color: #f5d943;
}

.search-title {
	position: relative;
	bottom: -36px;
}

	.search-title img {
		width: 255px;
		margin: 0 22px 0 22px;
		position: relative;
	}

.search select {
	width: 100%;
	border: 0;
	font-family: "微軟正黑體";
	font-size: 1em;
	margin: 0 auto;
	text-align: center;
	text-align-last: left;
	border: 0px;
	outline: none;
}

.search_s {
	margin: 0 0 20px 0;
	clear: both;
}

	.search_s .table1 {
		border-radius: 15px;
		margin: 13px 0 0 0;
		text-align: left;
		width: 37%;
		float: left;
		padding: 2px;
	}

	.search_s .table {
		border-radius: 5px;
		border: 2px solid white;
		text-align: left;
		margin: 10px 0 0 0;
		padding: 2px;
		background-color: white;
		float: left;
		width: 58%;
	}
.s_img {
/*	position: absolute;
	right: 150px;*/
    top: 100px;
	line-height: 0;
}

.aircraft {
	display: none;
}
/*預約試訓填表*/
input {
    background-color: transparent;
    border: 0px;
    outline: none;
}
.forn_box {
	display:block;
	overflow: hidden;
    width: 100%;
}
.yoyoevent-box2 .table1 {
    border-radius: 15px;
    text-align: center;
    margin: 15px 0 0 0;
	text-align:center;
}
.yoyoevent-bluebox .table1 {
    border-radius: 15px;
    text-align: center;
    margin: 15px 0 0 0;
	text-align:center;
}
.yoyoevent-bluebox .table5,
.yoyoevent-bluebox .table6 {
    margin: 15px 0 0 0;
    padding: 6px;
    text-align: justify;
    word-wrap: break-word;
}
.agree {
    font-size: 1.1em;
    height: 1.3em;
    /* width: 75%; */
}
.yoyoevent-box2 .table2,
.yoyoevent-box2 .table3,
.yoyoevent-box2 .table4,
.yoyoevent-bluebox .table2,
.yoyoevent-bluebox .table3,
.yoyoevent-bluebox .table4{
    border-radius: 15px;
    border: 2px solid #d2d2d2;
    text-align: left;
    margin: 15px 0 0 0;
    padding: 6px;
	background-color: white;
}
.yoyoevent-box2 .table5,
.yoyoevent-box2 .table6{
    text-align: left;
    margin: 15px 0 0 0;
    padding: 6px;
	background-color: white;
	text-align: justify;
    word-wrap: break-word;
    word-break: normal;
}

.yoyoevent-box2 .bty,
.yoyoevent-bluebox .bty {
    background: white;
    border: 0;
    color: black;
    font-weight: 300;
    width: 98%;
    text-align: left;
	font-size: 1em;
    font-family: "微軟正黑體";
	margin: 0 5px 0 5px;
}
.yoyoevent-box2 select,
.yoyoevent-bluebox select {
    width: 100%;
    border: 0;
    font-family: "微軟正黑體";
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
    text-align-last: center;
	border: 0px;
    outline: none;
}
.yoyoevent-box2 .code,
.yoyoevent-bluebox .code {    
    margin: 15px 0 0 0;
	text-align:center;
}
.yoyoevent-box2 .blue,
.yoyoevent-bluebox .blue {    
    color:#0290b1;
	text-decoration: underline;
	cursor: pointer;
}
.yoyoevent-box2 img,
.yoyoevent-bluebox img {width:auto;}
.submit {
	font-weight: bold;
    padding: 10px 30px;
    position: relative;
    font-size: 1.125em;
    text-align: center;
	background-color:#f5d943;
	width: 130px;
    margin: 0 auto;
    border-radius: 20px;
	cursor:pointer;
}
/*認識YOYO家族角色形象*/
.family_box{position: relative;padding: 10px;}
.fpic {position: relative;z-index: 1;top:25px;}
.familyevent-box {
    margin: 0 1%;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: #f5d943;
	box-shadow: 9px 10px 0px 0px #f29600;
	-webkit-box-shadow:9px 10px 0px 0px #f29600;
	-moz-box-shadow: 9px 10px 0px 0px #f29600;
}
.familyevent2-box {
    margin: 0 1%;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: #f7c7cd;
	box-shadow: 9px 10px 0px 0px #ee859a;
	-webkit-box-shadow:9px 10px 0px 0px #ee859a;
	-moz-box-shadow: 9px 10px 0px 0px #ee859a;
}
.familyevent3-box {
    margin: 0 1%;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: #c3d600;
	box-shadow: 9px 10px 0px 0px #16902e;
	-webkit-box-shadow:9px 10px 0px 0px #16902e;
	-moz-box-shadow: 9px 10px 0px 0px #16902e;
}
.familyevent4-box {
    margin: 0 1%;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color: #b9e3f9;
	box-shadow: 9px 10px 0px 0px #009de1;
	-webkit-box-shadow:9px 10px 0px 0px #009de1;
	-moz-box-shadow: 9px 10px 0px 0px #009de1;
}

.familyevent-box p,.familyevent2-box p,
.familyevent3-box p,.familyevent4-box p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 2; */
    margin: 0;
    overflow: hidden;
	padding:10px;
}

.wbox {
	border: 2px dashed white;
	border-radius: 15px;
	padding: 20px;
}

.tablee2 {
	width: 100%;
	height:35px;
	color:black;
	text-align: center;
	line-height:35px;
	float: left;
	margin: 0 6px 6px 0px;
	border-radius: 10px;
}


.tablee11 {
    width: 100%;
    float: left;
    height: 35px;
    color: black;
    text-align: center;
    line-height: 35px;
	float: left;
	margin: 0 6px 6px 0px;
	border-radius: 10px;
}
.yoyoman{background-color:#f39800;}
.yamy{background-color:#ee859a;}
.kube{background-color:#16902e;}
.fefe{background-color:#009de1;}

.tablee111 {
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
	float: left;
	margin: 0 6px 6px 0px;
	border-radius: 10px;
}
.tablee_text {
	font-size:1em;
	font-family:"微軟正黑體";
	position: relative;
	color: white;
	letter-spacing: 0;
}
.familyimg {
	position: absolute;
    bottom: 0;
    width: auto;
    right: 0;
    z-index: 1;
}
/*MAIN主要內容*/

#main-inner{
	margin: 0 auto;
	/*margin-top:10px;*/
	letter-spacing:1px;
	position:relative;
}

#main{}

#main-left{margin-top:10px;}
#main-left2{margin-top:10px;}

#main-right{
	display:none;
	margin-top:10px;
}
#main-right2{
	display:block;
	margin-top:10px;
}

/*導航*/
#web-map{
	color:#000;
	font-size:0.875em;
	margin-top:10px;
	
	
}
#web-map a{
	color:#000;
	text-decoration:underline;
	
}




/*FOCUS=A1+即時*/

#focus{
	margin: 0 auto;
	position:relative;
	width:100%;
	
	margin-bottom:20px;
}

#focus-left{/*margin-top:10px;*/
	width: 100%;}
#focus-contentb {/*真正的focus-left”变成focus-contentb，他的宽度跟以前的focus-left一样，是100%-320.*/
}
/*頭條*/
.a1-pic{
	position:relative;
}

.a1-pic .text{
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	/*height:50px;*/
	bottom:0;
	z-index:3;
	width:100%;
}

.a1-pic .text span{
	display:block;
	color:#f5d83c;
	font-size:1.25em;
	font-weight:bolder;
	padding:10px;
}


#mobile-hot{
	margin-top:10px;
}

/*新聞內頁分類*/
.orange-big-slider{
	position:relative;
	margin:0 auto;
}
.orange-big-slider .arrow-left-y, .orange-big-slider .arrow-right-y{
	display:none;
}
.orange-big-slider .play-icon{
	top: 29%; left: 40%;
}
.orange-big-slider .play-icon img{width:auto;}

.mobile-only{
	margin-bottom:10px;
	display:block;
	
}

.realtime{
	margin-top:10px;
}




	 
/*精彩節目大影片*/
#fncvideo-big{
	margin: 0 auto;
	position:relative;
	width:100%;
	margin-bottom:20px;
}
.fncvideo-btn{
	background-color:#f5d83c;
	font-weight:bolder;
	padding:1px 5px;
	letter-spacing:2px;
	
	margin-top:15px;
}

/* Flexible iFrame */

.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.Flexible-container iframe, 
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*新聞單則內容*/
.raw-style{
font-size: 1.3em; line-height: 1.8em;
}
.fncnews-content{
	margin: 0 auto;
	position:relative;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:20px;
	border:1px solid #f6f6f6;
	
}
.fncnews-content h1{
	font-size:1.8em;
	font-weight:bolder;
	margin-bottom:10px;
	line-height:1.3em;
}
.news-cover{
	position:relative;
	margin-bottom:30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome only*/
   
.defferenttop{margin-top:-45px;vertical-align :middle;}
}
.news-cover .play-icon{
	top: 29%; left: 38%;
}
.news-cover .play-icon img{width:auto;}
.fncnews-content img{width:auto;}

.fncnews-content .info{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#ccc solid 1px;
	width:100%;
	color:#666666;
}

.fncnews-content p{letter-spacing:0;}

.keyword{
	margin:20px 0 10px 0;
	color:#000983;
	font-size:0.875em;
	padding-top:15px;
	border-top:2px solid #f5d83c;
	
}

.keyword a{
	display:inline-block;
	color:#000983;
	padding:0 7px;
	border:1px #116591 solid;
	margin:0 6px;
	background: rgb(240,244,246);
background: -moz-linear-gradient(top, rgba(240,244,246,1) 0%, rgba(234,238,240,1) 100%);
background: -webkit-linear-gradient(top, rgba(240,244,246,1) 0%,rgba(234,238,240,1) 100%);
background: linear-gradient(to bottom, rgba(240,244,246,1) 0%,rgba(234,238,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f6', endColorstr='#eaeef0',GradientType=0 );
border-radius:3px;
	
}

/*下則新聞*/
.next-news{
	color:#000983;
	font-size:0.875em;
	line-height:1.5em;
	margin-bottom:20px;
	/*text-align:right;*/
	padding:10px;
	position:relative;
}

.next-news a{color:#000983;}

/*手機才有的廣告*/
.mobileonly-300ad{
	padding:20px 0; 
	margin:0 auto; 
	position:relative;
}
.mobileonly-300ad .ad_300250{
	margin:10px auto;
	text-align:center;
}
/*兩則300廣告*/
.two300ad{
	padding:20px 0; 
	margin:0 auto; 
	position:relative;
}
.two300ad .ad_300250{
	margin:10px auto;
	text-align:center;
}
.two300ad .last{
	display:none;
}
/*FB留言*/
.fb-comments{margin:10px auto;}


/*精彩節目節目清單*/
.fncvideo-list-area{
	margin: 0 auto;
	position:relative;
	padding:0px 10px;
	margin-bottom:20px;
	
	
}

.fncvideo-list-little-box, .elselive30video-list-little-box{
	float:left;
	height:180px;

	width:48%;
	margin:0 1%;
	overflow:hidden;
	margin-bottom:10px;
	
	
}
.elselive30video-list-little-box{
   height:170px;
}
.fncvideo-list-little-box .pic, .elselive30video-list-little-box .pic{
position:relative;
margin-bottom:5px;
}
.elselive30video-list-little-box .play-icon{
top: 29%; left: 40%;
}

.fncvideo-list-little-box .title, .elselive30video-list-little-box .title{
	letter-spacing:0;
	font-size:0.875em;
	line-height:1.2em;
}

.fncvideo-list-little-box .view, .fncvideo-list-little-box .time, .elselive30video-list-little-box .time{
	letter-spacing:0;
	font-size:0.75em;
	color:#666666;
	line-height:1.5em;
}

.moremore,.moremore_s{
	border:1px #f5d83c solid;
	margin:0 10px;
	padding:3px 60px;
	text-align:center;
	border-radius: 30px; 
	background-color:#fff; 
}
.moremore a{
	color:#272626;
	
	}	
.moremore_showintro{
	border-top:1px #ccc solid;
	font-size:0.875em;
	margin-top:10px ;
	padding:5px 5px 0 5px;
	text-align:right;
}
.moremore_showintro a{
	color:#000983;
	}	
/*影音BANNER下方的資訊*/
.video-info{
	padding:10px; 
	margin:-10px 0 20px 0;
}
/*新聞列表*/
.news-list-area{
	margin: 0 auto;
	position:relative;
	margin-bottom:20px;
	
}
/*首頁最新消息列表*/
.news-index-list-box{
	padding:0 10px 10px 10px;
	
}
.style1, .style2{
	display:block;
	min-height:90px;
	margin-bottom:10px;
}

.style1 .pic{
	width:100%;
	position:relative;	
}

.style1 .text{
    padding:5px 3px 0 0;
	/*padding:0 3px;*/
	line-height:1.3em;
	position:relative;
	float:left;
}

.style1 .text .title p,
.style1 .summary p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
	overflow: hidden;
}

.style1 .title, .style2 .title{
font-weight:bold; 
}
.style1 .summary, .style2 .summary{
    padding:5px 0;
	font-weight:lighter; 
}
.news-index-list-box .style1 .summary{display:none;}

.style1 .text img, .style2 .text img{width:auto;}

.style2 .text{
    padding:5px;
	font-size:0.875em;
	line-height:1.4em;
	position:relative;
}
.news-index-target-img {
	line-height:0;
	width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 20px;
}
.news-index-target-img img {
	/*border-radius: 20px;
 position:absolute;
  clip:rect(0px,117px,85px,33px);
  left:-33px;*/
}
.news-list-area .style1 .summary{display:none;}

.rade{/*background-color:#fafafa;*/}
.rade .text{color:#aaa;}
.rade .summary{color:#bbb;}
.rade .small-gray-text{color:#999;}

.rade2 .title{color:#aaa;}
.rade2 .small-gray-text{color:#999;}
.rade2 .time{color:#999;}


/*最新消息*/
.style3{
	display:block;
	min-height:90px;
	margin-bottom:10px;
}
.style3 .pic{
	width:100%;
	position:relative;
	
}
.style3 .text{
    padding:0 3px;
	/*margin-left: 90px;*/
	line-height:1.3em;
	position:relative;
	float:left;
	margin: 10px 0 0 0;
}
hr {
	margin: 20px 0 20px 0;
    background-color: #e0dada;
    height: 2px;
    border: 0;
}
.style3 .title{
   font-weight:bold;
   font-size: 1.1em;
}
.style3 .title p{
   text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0;
    overflow: hidden;
}
.style3 .summary{
    padding:5px 0;
	/*font-weight:lighter; */
}
.style3 .summary p{
    margin: 3px 0;
}
/*BANNER SLIDER*/
#banner-sliderarea{
	margin: 0 auto;
	/*margin-top:-10px;*/
}
/*最新消息內頁*/
.news-yellow {
	border:5px #f5d83c solid;
	border-radius: 20px;
	margin: 0 5px 0 5px;
}
.news-content {margin-bottom:30px;}


/*教育核心理念*/
.education_img {position:relative; margin:0 auto; padding: 20px;}
.yoyoevent_left {position: relative;margin-top: 70px;}
.yoyoevent_right {position: relative;}
.education_main {position: relative;padding: 20px;margin: 0 auto;}
.yoyoevent-box3,
.yoyoevent-box33,
.yoyoevent-box34,
.yoyoevent-box3_2,
.yoyoevent-box3_3,
.yoyoevent-box3_4,
.yoyoevent-box5,
.yoyoevent-box5_2,
.yoyoevent-box6{	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f5d943;
	background-color:#FFFFFF;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.yoyoevent-box3_5{	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f5d943;
	background-color:#f5d943;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.yoyoevent-box3_6{	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f5d943;
	background-color:#f5d943;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.yoyoevent-box3_6 .yoyoevent-boxmain3 div {
	display:flex;
    align-items:center;
    justify-content:center;
}
.yoyoevent-box4{
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #f1991d;
	background-color:#FFFFFF;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.yoyoevent-box4_2{
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:3px solid #5d9a33;
	background-color:#FFFFFF;
	margin-bottom:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.education_main2{position: relative;}
.education_main3{position: relative; padding: 20px 20px 0 20px;}
.yoyoevent-box3 .yoyoevent-boxmain3 div,
.yoyoevent-box3_2 .yoyoevent-boxmain3 div,
.yoyoevent-box3_3 .yoyoevent-boxmain3 div{
    position: relative;
}
.yoyoevent-box3 .yoyoevent-boxmain3 div ul ,
.yoyoevent-box3_2 .yoyoevent-boxmain3 div ul ,
.yoyoevent-box3_3 .yoyoevent-boxmain3 div ul,
.yoyoevent-box3_4 .yoyoevent-boxmain3 div ul{
	margin: 0;
	padding: 0;
    margin-left: 20px;
}
.yoyoevent-box3 .yoyoevent-boxmain3 div ul li,
.yoyoevent-box3_2 .yoyoevent-boxmain3 div ul li{
	list-style-image:url("../images/ydisc.png");
	line-height: 2.5em;
}
.yoyoevent-box3_3 .yoyoevent-boxmain3 div ul li,
.yoyoevent-box3_4 .yoyoevent-boxmain3 div ul li{
	list-style-image:url("../images/ydisc.png");
	line-height: 2em;
}

.annotation{display: block;padding: 20px;}
.education_timg1 {
	position: absolute;
	z-index: 1;
    top: -80px;
    right: 10px;
    width: 120px;
	line-height: 0;
}
.yoyoevent-bluebox{
	
	margin:0 1%;
	padding: 0px 10px 20px 10px;
	border-radius:20px;
	border:5px solid #1bb1e7;
	margin-bottom:20px;
	box-sizing:border-box;
    background-image: url(../images/bg-triangle.gif);
    background-repeat: repeat;
}
.yoyoevent-box3,.yoyoevent-boxforn,
.yoyoevent-box33,.yoyoevent-boxforn,
.yoyoevent-box34,.yoyoevent-boxforn,
.yoyoevent-box3_2,
.yoyoevent-box3_3,
.yoyoevent-box3_4,
.yoyoevent-box3_5,
.yoyoevent-box3_6,
.yoyoevent-box4,.yoyoevent-boxforn,
.yoyoevent-box4_2,
.yoyoevent-box5,
.yoyoevent-box5_2,
.yoyoevent-box6{
	padding:20px;
}
.yoyoevent-box3_6 img{width: 50%;}
.yoyoevent-bluebox{
	padding:20px 20px 40px 20px;
}
.yoyoevent-boxforn3,
.yoyoevent-boxforn4{
	padding:20px 20px 40px 20px;
}

.yoyoevent-box3 .title, .yoyoevent-indexbox3 .title{
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: #1bb1e7;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -30px;
    background-color: white;
    margin: 0 auto;
    width: 170px;
}
.yoyoevent-box3 .title2, .yoyoevent-indexbox4 .title,
.yoyoevent-box33 .title2, .yoyoevent-indexbox3 .title{
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: #1bb1e7;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -30px;
    background-color: white;
    margin: 0 auto;
    width: 175px;
}
.yoyoevent-box4 .title22,
.yoyoevent-box4_2 .title22{
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: black;
    text-align: center;
    font-weight: bold;
    position: relative;
    background-color: white;
    padding: 0 0 20px 0;
}

.yoyoevent-box4 .title22::before{
	background-color: #f1991d;
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.yoyoevent-box4_2 .title22::before{
	background-color: #5d9a33;
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.yoyoevent-box3 .title3, .yoyoevent-indexbox3 .title  {
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: #1bb1e7;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -30px;
    background-color: white;
    margin: 0 auto;
    width: 120px;
}

.yoyoevent-box3 .pic,.yoyoevent-indexbox3 .pic{
position:relative;
margin-bottom:10px;
}

.yoyoevent-indexbox4 .pic2{
position:relative;
margin-bottom:10px;
}
.yoyoevent-box3 .pic .target-img,
.yoyoevent-box4 .pic2 .target3-img,
.yoyoevent-indexbox3 .pic .target-img{
border-radius:10px;
}

.yoyoevent-box3 .summary, .yoyoevent-indexbox3 .summary {
    letter-spacing: 0;
    font-size: 1em;
    line-height: 1.2em;
    color: #000;
    margin: 5px;
    margin-bottom: 10px;
}
.yoyoevent-box3 .summary span,
.yoyoevent-indexbox3 .summary span{
	overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.yoyoevent-box3 p,
.yoyoevent-box33 p,
.yoyoevent-box34 p,
.yoyoevent-indexbox .summary p,
.yoyoevent-box6 p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    margin: 0;
	overflow: hidden;
}

.yoyoevent-box4 p,
.yoyoevent-box4_2 p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    margin: 0;
	overflow: hidden;
	text-align: center;
}
.yoyoevent-box3_center_p{display: none;}
.yoyoevent-box3_center,.yoyoevent-box4_left,.yoyoevent-box4_right{position: relative;width: 100%;}
/*教學系統介紹*/
.intro_title {position:relative; margin:0 auto; padding: 20px; line-height: 0; margin: 0 auto;}
.intro_img,
.intro_img2,
.intro_img3{
    position: relative;
    width: 100%;
    margin: 0 auto;
	line-height: 0;
} 

.intro_imgbox {
    position: relative;
    margin: 0 auto;
}
.intro_imgboxl,
.intro_imgboxll {
    position: relative;
    margin: 0 auto;
}
.intro_imgboxr {
    position: relative;
    margin: 0 auto;
	width:206px;
}
.intro_imgbox h1,
.intro_imgboxll h1 {
	font-size:1.3em;
	font-weight: bold;
}
.intro_imgbox ol {
	margin:0;
	padding:0;
}
.intro_imgbox ol li {
	margin:0;
	padding:0;
	margin: 0 0 0 25px;
}
.intro_img3box {
	color:white;
	background-color:#46644d;
	padding:5px;
	font-size:1.2em;
	position:relative;
	width: 100%;
    margin: 0 auto;
	text-align: center;
	font-weight:bold;
}
.intro_img3boxb {
	border:#46644d 1px solid;
	overflow: hidden;
	margin: 0 auto;
}
.intro_img3boxb ul{
    padding: 0;
	margin: 0;
}
.intro_img3boxb ul li{
    list-style: none;
    padding: 0 1px 0 0;
}
.ybox {position: relative;box-sizing:border-box;margin: 0 0.5%;}
/*載入更多*/
.load-more{
	margin:20px auto;
	position:relative;
	text-align:center;
	height:70px;
	
}
.load-more-btn{
	padding:20px 80px;
	letter-spacing:2px;
	border:1px solid #eee;
	background-color:#fff;
	
	
}
/*異業結盟*/
.yoyoevent-box5 .titleimg,
.yoyoevent-box5_2 .titleimg{width:87px; position:relative; margin:0 auto;}
.yoyoevent-box5 .title,
.yoyoevent-box5_2 .title {
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: #1bb1e7;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
	padding:0 0 5px 0;
    width: 170px;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#948989;
}
.yoyoevent-box5 ul,
.yoyoevent-box5_2 ul {margin: 0;padding:0;}
.yoyoevent-box5 ul li,
.yoyoevent-box5_2 ul li {margin: 0;list-style: none; text-align:center;}
/*企業托育*/
.yoyoevent-box6 .title {
    letter-spacing: 0;
    font-size: 1.05em;
    line-height: 1.2em;
    color: black;
	font-weight: bold;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
	padding: 0 0 10px 0;
}
.yoyoevent-box6 .pic, .yoyoevent-indexbox6 .pic,
.yoyoevent-box6 .pic2, .yoyoevent-indexbox6 .pic2,
.yoyoevent-box6 .pic3, .yoyoevent-indexbox6 .pic2 {
    position: relative;
	padding:10px; 
}
.target-img2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* margin-bottom: 5px; */
}
/*加盟優勢*/
.advantage_img {
	position: relative;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
	padding: 40px 0 0 0;
}
.advantage_box {
	position:relative;
	border:12px #e6cece solid;
	border-radius: 12px;
	margin: 20px;
}
.advantage_box .text {
	width:95%;
	margin:0 auto;
	padding: 0 0 20px 0;
}
.advantage_box ol {
	list-style-type: square;
	margin:0;
}
.advantage_box ol li{
	padding:0;
	margin:0;
	/*color:#be504f;*/
}
.advantage_titleimg {
	width:104px;
	line-height:0;
	margin:0 auto;
	padding: 20px;
}
.brown {
	color:white;
	background-color:#be504f;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
.brown2 {
	color:white;
	background-color:#df9c65;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
.green {
	color:white;
	background-color:#9bbc54;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
.purple{
	color:white;
	background-color:#81649e;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
.blue2{
	color:white;
	background-color:#40b3c5;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
.red{
	color:white;
	background-color:#c20002;
	border-radius: 12px;
	padding:20px;
	text-align:center;
	width:100%;
}
/*加盟服務*/
.service_box {
	position:relative;
	margin: 20px;
	overflow: hidden;
}
.service_titlebox {
	width:auto;
	position:relative;
	padding:20px;
}
.service_title {
	width:100%;
	position:relative;
}
.service_text {
	border-radius: 15px;
	margin:30px 0 0 0;
}
.service_text1{
	border:4px #ffd91f solid;
	background:url(../images/service_img1.png)center center no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	background-color: white;
}
.service_text2{
	border:4px #f9d1cc solid;
	background:url(../images/service_img2.png)center center no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	background-color: white;
}
.service_text3{
	border:4px #c0db81 solid;
	background:url(../images/service_img3.png)center center no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	background-color: white;
}
.service_text4{
	border:4px #aed0ee solid;
	background:url(../images/service_img4.png)center center no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	background-color: white;
}
.service_text ol {list-style: none;}
.service_text ol li{list-style : square outside url(../images/circle.png);}
/*加盟流程*/
.process_box {
	position:relative;
	margin: 20px;
	overflow: hidden;
}
.process {
	border-radius: 12px;
	background-color:#ffd91f;
	padding:20px;
	text-align:center;
}
.process_red {
	border-radius: 12px;
	background-color:#ff1f1f;
	padding:20px;
	text-align:center;
	color:white;
}
.ar {
	width:21px;
	height:46px;
	line-height:0;
	margin:0 auto;
	padding:20px;
}
.process_contentimg {
	width:100%;
	position:relative;
	padding: 40px 0 0 0;
}
.process_bottom {
	width:100%;
	position:relative;
	margin:40px 0 0 0;
}

/*商城*/
.shopping-box {
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px;
    display: flex;
}
.shopping-box ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
	list-style: none;
}
.shopping-box ul li{
	position:relative;
	float:left;
	color:black;
	background-color:#DCDFE6;
	text-align:center;
	border-radius: 8px;
	font-size:1.1em;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.shopping-box ul li:hover{
	text-align:center;
	color:black;
	background-color: #f5d83c
}
.show {
    color: black;
	background-color: #f5d83c!important;
}

.product {padding: 10px; margin: 0 auto;box-sizing: border-box;}
.product_box{width: 100%;position: relative;box-sizing: border-box;}
.product_img {
	position: relative; 
	line-height: 0;
    width: auto;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.product_img img{
	object-fit: cover;
    height: 100%;
    position: absolute;
}
.product_text {	
	font-size: 1em;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    margin: 0;
    overflow: hidden;
	padding: 5px;
}
.product_b {
	text-align: center;
	padding: 5px 0;
	color: white;
    background: #f1991d; 

	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.product_b:hover {
	color: black;
    background-color: #f5d83c;


}

/*頁數*/
.page-area{
	padding:40px 0 30px;
	/*margin:0 auto;*/
	text-align:center;
	/*margin-bottom:20px;*/
}

.page-area a div{
	margin:0 5px;
	color: white;
	background:#f9cd00;
	width:20px;
	height:20px;
	line-height:20px;
	border:2px solid #f9cd00;
    display: inline-block;
    padding: 10px;
	color: white;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	letter-spacing: -0.01em;
}

.page-area a div:hover {
	color: black;
	text-decoration:none;
	border:2px solid #f9cd00;
	background:white;
}

#page_hover {
	color: black;
	background:white;
	border:2px solid #f9cd00;
	margin:0 5px;
	width:20px;
	height:20px;
	line-height:20px;
	border:2px solid #f9cd00;
    display: inline-block;
    padding: 10px;
}
.white-btn{
	background-color: white;
    font-weight: bolder;
    padding: 10px 10px;
    letter-spacing: 2px;
    color: black;
	border:1px solid #f9cd00;
}
.page_l {letter-spacing: -0.2em!important;}
.web_page_close {
    display: none;
}


/*話題feature2*/
.feature2{
	/*margin-top:20px;*/
}




.feature2-cover img{width:auto;}
.feature2-cover .box {
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
	
	float: left;
	

	
}

.feature2-cover .box .img{margin-bottom:5px; position:relative;}
.feature2-cover .box .play-icon{
	
	top:33%; left:40%;}


.feature2-cover .box .play-icon img{width:auto;}

.feature2-cover .box .title{
	display:inline-block;
	font-weight:bold;
	
	font-size:1.125em;
	width:96%;
}

.feature2-cover .box .summary{
	padding:5px 0;
	font-size:1em;
	color:#666666; 

}

/*主持人專區*/
.artist-area{
	margin:0 auto;
	position:relative;
	
}
.artist-box{
	padding:10px;
	
}

.artist-top{
border-bottom:1px #ccc solid;
	margin-bottom:10px;
	position:relative;
}
.artist-box ul{
	padding:0;
	margin:0;
}
.artist-box ul li{
	padding:0;
	margin:0;
	list-style:none;
}
.artist-box .pic{
	position:relative;
}

.pic-text .name{
	font-size:2em;
	line-height:2em;
}

.pic-text .now ul li a{
	color:#c41629;
	text-decoration:underline;
}

.artist-fb img{width:auto; margin:10px 0;}

.artist-list-box{
	margin-bottom:10px;
}

.artist-list-box .artist{
	font-size:1em;
}


/*旅遊美食*/
.travelfood-area{
	margin-bottom:20px;
}
.travelfood-area img{ width:auto;}
.travelfood-btn{
	padding:5px 0;
}
.travelfood-btn .yellow-btn{
	font-size:0.875em;
	margin:0 2px;
	padding:3px 10px;
}
.travelfood-list-box{
	padding:10px;
}	
	
.travelfood-one {
	padding:10px;
	margin-bottom:20px;
}	

.travelfood-one .summary{
	font-weight:bolder;}
.travelfood-one .tel, .travelfood-one .add, .travelfood-one .recommend{line-height:1.5em;}

.travelfood-theme{
	margin-bottom:10px;
}
.travelfood-theme p{padding:0 20px 20px 20px;}


.travelfood-one .pic{
	width:100%;
	position:relative;
	margin-bottom:10px;
	
}


/*輪播清單*/
#watch-playlist-area{
	/*margin-top:28px;*/
	margin-bottom:20px;
}
#watch-playlist{
	width:300px;
	max-height:495px;
	/*height:495px;*/
	overflow-y: scroll; 
	overflow-x: hidden;
}
#watch-playlist ul {padding:0; margin:0;}
#watch-playlist ul li{
	padding:0; 
	margin:0;
	margin-bottom:10px; 
	line-height:1.3em;
	list-style:none;
	padding-top:3px;
}
.nowplaying{
	background-color:#f5d83c;
}
#watch-playlist  .pic{
	width:145px;
	position:relative;
}
#watch-playlist  .title{
	font-size:.9em;
	margin-left:5px;
	margin-right:5px;
}


/*廣告*/
.fncnews-content .ad_72890{
	display:none;
	margin-bottom:10px;
}
.ad_420{
	width:420px;
	margin-bottom:10px;
}
.ad_72890{
	width:728px;
	height:90px;
}
.ad_300600{
	width:300px;
	height:600px;
	margin-bottom:20px;
}

.ad_300250{
	width:300px;
	height:250px;
	margin-bottom:20px;
}
.ad_336280{
	width:336px;
	height:280px;
	margin:20px auto;
}

/*RIGHT BANNER*/
.banner{
	margin-bottom:20px;
}

/*RIGHT FB*/
.right-fb{
	margin-bottom:20px;
}

/*RIGHT LIVE BOX*/
.right-live-box{
	margin-bottom:20px;
	/*border-top:5px solid #f5d83c;*/
	font-weight:bolder;
	position:relative;
}
.right-live-box span{
	display:block;
	padding: 10px;
	position:relative;
}

.right-live-box .live_img{
	z-index:1;
	position:relative;
}

.right-live-box .live_img img{width: 300px;}

/*FOOTER*/
#footer-ill{
	display:none;
	width: 100%;
	height:160px;
	margin: 0 auto;
	position:relative;
	background-image:url(../images/footer-illustration.png),
                       url(../images/bg-dot.gif);

  background-repeat  : no-repeat,
                      repeat;

  background-position:bottom center,
                        right;
}
#footer-inner{
	width: 100%;
	margin: 0 auto;
	display:block; 
	position:relative;
	background-color:#fdede8;
	letter-spacing:0px;
	padding:15px 10px 15px 10px;
	color:#000;
}
 
#footer-inner a {color:#000;}
#footer-inner img { width:auto;}

#footer{
	margin: 0 auto;
}

.footer-0{
	font-size:0.75em;
	text-align:center;
	line-height:1.5em;
}
.footer-1{
	display:none;
}

.footer-2{
	display:none;
}


/*幻燈片*/
.sslide{
	position:relative;
	width:80%;
	margin:30px auto 30px auto;
}
.sslide-icon {
	position: absolute;
	
	top: 22%; left: 33%;
	z-index:2;

}

.sslide-icon img {
	 width: 70%;
	 opacity: 0.8; 
    filter: alpha(opacity=80); 
	}
.sslide .sslide-icon{
	top: 29%; left: 38%;
}
.sslide .sslide-icon img{width:auto;}


/*幻燈片END*/


/*浮動社群分享*/
#pageshare{display:none;}




/*手機關鍵字搜尋頁*/
#searchbox{
	margin:0 auto;
	position:relative;
	text-align:center;
}
#searchbox img { width:auto;}

/* 熱搜關鍵字*/
#hot_keyword{
	margin:20px auto;
	position:relative;
	padding-bottom:20px;
}
#hot_keyword a{
	display:block;
	float:left;
	width:33%;
	text-align:center;
	color:#000983;
	margin:10px 0;
	font-size:0.875em;
}


/* select */
.shSelect{
		font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體", "標楷體" ;
	width:200px;
	font-size: 15px;
	padding: 4px 6px;
	color: #555555;
	vertical-align: middle;
	margin: 5px 15px 5px 0;
	
	height: 30px;
	/* In IE7, the height of the select element cannot be changed by height, only font-size */
	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
	line-height: 30px;
	
	/* select 邊框拿掉 */
	border: 1px solid #cccccc;
	background-color: #ffffff;
	
	/* 圓框 */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-radius: 4px;
	background-clip: padding-box;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
}
/* textarea */
.textarea { 
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體", "標楷體" ;
height: 300px; 
width:95%;
padding: 4px 6px;
margin: 5px 15px 5px 0;
  border: solid 1px #ccc;
  font-size: 15px; 
	/* 圓框 */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-radius: 4px;
	background-clip: padding-box;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
  
}



    
    
    
	


/* textbox */
.shText {
	height: 26px;
	width:250px;
	font-size:0.9em;
	padding: 1px 5px;
	margin: 10px 0px;
	border: 1px solid #ccc;
	vertical-align: middle;
	color: #ccc;
    background-color: #fff;
    background-image: none;

	
	/* 圓框 */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-radius: 4px;
	background-clip: padding-box;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
}

/*checkbox*/
.squaredFour {

	margin: 5px 15px 5px 0;
	position: relative;
	font-size:1.2em;
	height:1.5em;
	width: 75%;
	
	/* 圓框 */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-radius: 4px;
	background-clip: padding-box;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
}


/*Smooth Page Scroll to Top */
.scrollup {
	width: 40px;
	height: 50px;
	text-indent: -9999px;
	opacity: 0.85;
	position: fixed;
	bottom: 0px;
	right: 5%;
	/*display: none;*/
	background: url(../images/icon_top.png) no-repeat center top #000;
	z-index:50;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/*************overlay***************/

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.95);
	z-index: 100;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	-moz-background-size:100% 100%; /* 老版本的 Firefox */
	background-size:100% 100%;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}

.overlay .overlay-logo {
	width: 256px;
	height: 25px;
	position: absolute;
	left: 15px;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../images/overlay-logo.png) no-repeat center center;
	-moz-background-size:100% 100%; /* 老版本的 Firefox */
	background-size:100% 100%;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}
.overlay .overlay-content {
	color:#fff;
	position: relative;
	top: 55%;
	height: 85%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 90%;
	margin: 0 auto;
	padding:2%;
	
	overflow:scroll; 
	overflow-x:hidden;
	overflow-y:auto;
}
.overlay .overlay-content img{
	width: auto;
	margin:2px;
}
.overlay .overlay-login .login_message{
	margin: 0 auto;
	text-align: left;
}
.final-top{
	margin-bottom:20px;
}
.fb a{
	background-color:#4267b2;
	padding:5px;
	color:#fff;
}
.social-gray{padding:10px;}
.social-gray span{margin-left:5px;}	


.app-box {
	padding:10px 10px 0 10px;
	margin-bottom:20px;
	background-color:rgba(245,216,60,0.9);
	background-color: #f5d83c;
	font-size:0.875em;
}
.app-box a{ margin:0 5px;}

.final-bottom .box-title{
	background-position:left 5px; 
	padding-top:0px; 
	font-size:1.125em;
}

.final-bottom .text{
	font-size:0.875em;
	line-height:1.5em;
}
/*會員登入*/
.overlay .overlay-login a{text-decoration: underline; color:#f5d83c;}

.overlay-login .final-top{
	padding-bottom:20px;
	border-bottom:#FFFFFF 1px solid;
	margin-bottom:20px;
}

.overlay-login .final-top .cate{
	border-left:solid 5px #f5d83c;
	padding-left:20px;
	font-size:1.25em;
	letter-spacing:4px;
}

.overlay .overlay-login img{
	width: auto;
	margin:2px;

}

.overlay .overlay-login .product_text{
	margin: 0 auto;
	text-align: left;

}
.overlay .overlay-login .login_message{
	margin: 0 auto;
	text-align: left;
}

.checknumber{display:block; font-size:0.9em;}
.message_btn2{
	margin:0 auto;
	margin-top:20px;
    color: #000;
	border: 0;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體", "標楷體" ;
	font-size:1em;
	padding: 8px 38px;
	display:block;
	text-decoration:none;
	cursor: pointer;
	background-color: #f5d83c;
	text-align:center;
}
.message_btn2:active, .message_btn2:hover{background-color: #f5bf3c;}
/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

/*控制圖片顯示比例16:9*/
.target-img{
 width: 100%;
  height: 0;
 padding-bottom: 56.25%;
  overflow: hidden;
  /*margin-bottom:5px;*/
}
.target-img1-2 {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.target-img1-2 img {
max-width: 100%;
max-height: 90%;
position: absolute;
top: 5%;
object-fit: contain;
}

.target2-img{
 width: 100%;
  height: 0;
 padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 12px;
}
.target3-img{
  height:0;
 margin: 0 auto;
  overflow: hidden;
  /*margin-bottom:5px;*/
}
.target4-img{
 width: 124px;
  height:0;
 margin: 0 auto;
 padding-bottom: 124px;
  overflow: hidden;
  /*margin-bottom:5px;*/
}
.target-img img,.target2-img img {width:100%;}

/*overlay AD*/


.overlay-ad {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.95);
	z-index: 100;
}
.wrap-ad {
	color:#e9e9e9;
	text-align:center;
	width:90%;
	margin:0 auto;
		text-align:center;
	overflow:scroll; 
	overflow-x:hidden;
	overflow-y:auto;
	
}

.overlay-ad .overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../images/close-icon-29.png) no-repeat center center;
	-moz-background-size:100% 100%; /* 老版本的 Firefox */
	background-size:100% 100%;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}
.ad-img{
	padding-top:5%;
	text-align:center;
    margin:0 auto;
}

.ad-img img{
	 width: auto;
}

#company{
	padding: 50px 0px 0px 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#company-more{
	display: none;
	padding: 0px 0px 50px 0px;
	grid-template-columns: 1fr 1fr 1fr;
}

.company-list span{
	padding: 16px 24px;
	font-size: 1em;
	line-height: 1.5em;
	text-indent:-13px;
	border-bottom: 1px solid #f5f5f5;
}

.company-list span::before{
	content: "▌";
	color: #f5d83c;
}

.panel-open,.panel-close{
	text-align: center;
	max-width: 100px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 30px;
	border-radius: 20px;
	cursor: pointer;
}

.panel-open{
	background-color: #f5d83c;
}

.panel-open:hover{
	background-color: #ffe96a;
}

.panel-close img{
	width: 30px;
	height: 30px;
	animation: move 2s ease-in-out;
	animation-iteration-count: infinite;
}


@media screen and (max-width:740px) {
	#company,#company-more{
		padding-left: 0px;
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:540px) {
	#company,#company-more{
		grid-template-columns:1fr ;
	}
}

@keyframes move{
	0%{
		transform:translateY(0px);
	}
	50%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(0px);
	}
}
/*句式只在viewport 寬度不小於320px才生效*/
@media screen and (min-width: 320px) {
	.product_text {
		line-height: 25px;
		height: 50px;
	}

.moremore_s {width:40%; margin:0 auto;}
/*.target-img img {height:159px;}*/

/*搜尋*/
	#search-box {
		padding: 10px;
	}

	.search_city {
		position: relative;
		margin: 0 auto;
	}
	.wb {
		border: 2px dashed white;
		padding: 20px;
		border-radius: 15px;
	}

	.city {
		text-align: center;
		font-size: 1.4em;
		margin-top: 40px;
	}

	.s_news {
		position: relative;
		top: 20px;
	}

	.s_img {
		/*position: absolute;*/
		top: 180px;
		line-height: 0;
		width: 207px;
		margin: 0 auto;
	}
	.branch {
		padding: 20px;
		border: 2px solid white;
		border-radius: 15px;
		height: 140px;
		margin-bottom: 20px;
	}

	.name {
		border: 2px solid #116591;
		border-radius: 15px;
		background-color: #ecf0f2;
		text-align: center;
		font-size: 1.2em;
		padding: 5px 0;
	}
	.tel {
		width: 20px;
		vertical-align: middle;
		margin: 0;
		padding-right: 5px;
	}

	.point {
		width: 12px;
		margin: 0;
		padding-left: 5px;
	}

	.branch p {
		font-size: 1.03em;
		position: relative;
		margin: 5px 0 0 0;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0;
		text-align: justify;
	}
	.city_1 {
		left: 250px;
		top: 19px;
		position: absolute;
		width: 8%;
		height: 20px;
	}

	.city_2 {
		left: 42%;
		top: 47px;
		position: absolute;
		width: 8%;
		height: 20px;
	}

	.city_3 {
		left: 28.5%;
		top: 198px;
		position: absolute;
		width: 9%;
		height: 20px;
	}

	.city_4 {
		left: 31.2%;
		top: 9px;
		position: absolute;
		width: 7%;
		height: 20px;
	}

	.city_5 {
		left: 25.4%;
		top: 30px;
		position: absolute;
		width: 7%;
		height: 18px;
	}

	.city_6 {
		left: 20.7%;
		top: 50px;
		position: absolute;
		width: 7%;
		height: 18px;
	}

	.city_7 {
		left: 18%;
		top: 116px;
		width: 9%;
		height: 19px;
		position: absolute;
	}

	.city_8 {
		left: 14%;
		top: 182px;
		position: absolute;
		width: 9%;
		height: 17px;
	}

	.city_9 {
		left: 12%;
		top: 209px;
		position: absolute;
		width: 9%;
		height: 17px;
	}

	.city_10 {
		left: 29%;
		top: 124px;
		position: absolute;
		width: 9%;
		height: 17px;
	}

	.city_11 {
		left: 42%;
		top: 72px;
		position: absolute;
		width: 8%;
		height: 20px;
	}

	.city_12 {
		left: 39%;
		top: 145px;
		position: absolute;
		width: 7.5%;
		height: 18px;
	}

	.city_13 {
		left: 28.5%;
		top: 165px;
		position: absolute;
		width: 7.5%;
		height: 25px;
	}

	.city_14 {
		left: 34%;
		top: 228px;
		position: absolute;
		width: 9%;
		height: 20px;
	}

	.city_15 {
		left: 24.1%;
		top: 75px;
		position: absolute;
		width: 7%;
		height: 16px;
	}

	.city_16 {
		left: 21%;
		top: 95px;
		position: absolute;
		width: 7.3%;
		height: 18px;
	}

	.city_17 {
		left: 14.6%;
		top: 140px;
		position: absolute;
		width: 7.3%;
		height: 17px;
	}

	.city_18 {
		left: 12%;
		top: 162px;
		position: absolute;
		width: 9%;
		height: 17px;
	}

	.city_19 {
		left: 19%;
		top: 264px;
		position: absolute;
		width: 9%;
		height: 17px;
	}

	.city_20 {
		left: 1%;
		top: 170px;
		position: absolute;
		width: 7.5%;
		height: 18px;
	}

	.city_21 {
		left: 3%;
		top: 130px;
		position: absolute;
		width: 7.5%;
		height: 20px;
	}

	.city_22 {
		left: 10%;
		top: 3px;
		position: absolute;
		width: 7.5%;
		height: 20px;
	}
/*教育核心理念*/
.yoyoevent-box3 {
    margin: 30px 0.9% 1.5%;
}
.yoyoevent-box3_2 {
    margin: 0 0.9% 1.5%;
}
.yoyoevent-indexbox3,
.yoyoevent-indexbox3_3,
.yoyoevent-box4, .yoyoevent-indexbox4,
.yoyoevent-box4_2	{
    margin: 30px 0.9% 1.5%;
}

/*教學系統介紹*/
.intro_title {margin-top: 40px; margin-bottom: 40px;}
.intro_img {width: 80%;}
.intro {width:90%; margin:0 auto;}
.intro p { 
	margin: 0 auto;
    border: 3px solid #f5d83c;
    padding: 10px;
    background-color: white;
    margin-bottom: 20px;
	text-align: center;
	border-radius: 10px;
}
.intro_imgboxl {
	margin: 0 auto;
    border: 3px solid #f5d83c;
    padding: 10px;
    background-color: white;
    margin-bottom: 20px;
    text-align: center;
}
.intro_img3box {width:70%;}
.intro_img3boxb {width:72.2%;}
.intro_img3boxb ul li {
    border: 0.1px black solid;
	text-align:center;
}
.intro_imgboxll {
    float: left;
    padding: 20px 20px 20px 40px;
}
.yoyoevent-box33, .yoyoevent-indexbox3,
.yoyoevent-box34, .yoyoevent-indexbox3{
    float: left;
    margin: 30px 0.9% 1.5%;
}
/*最新消息*/
#news-index{
	width:100%;
	float:left;
	padding-bottom: 60px;
}
.dot-box2 {clear: both;}
/*異業結盟*/
.yoyoevent-box5 p{width: 100%;}
.yoyoevent-box5 .yoyoevent-boxmain5{}
.s1{
	background-color: white;
	width:230px;
}
.s2{
	background-color: white;
	width:130px;
}
.s3{
	background-color: white;
	width:150px;
}
.s4{
	background-color: white;
	width:190px;
}
/*企業托育*/
.yoyoevent-box6 .pic2, .yoyoevent-indexbox6 .pic2{
	width:100%;
	padding: 10px 0 0 0;
}
.yoyoevent-box6 .pic3, .yoyoevent-indexbox6 .pic3 {
	width:247px;
	margin:0 auto;
}
/*加盟優勢*/
.brown,.green,.purple,.blue2,.brown2,.red {
	width: 50%;
    margin: 0 auto;
}
.advantage_box ol {
	padding: 10px 20px 0 80px;
}
/*加盟服務*/
.service_text ol {
    padding: 40px 40px 40px 70px;
}
/*加盟流程*/
.process,.process_red {
    width: 50%;
    margin: 0 auto;
	padding: 25px 20px 25px 20px;
}
/*商城*/
.shopping-box ul li{
	padding: 10px 5px;
    margin: 5px;
	width: 140px;
}
.product_box {
    width: 46%;
    float: left;
    margin: 6px 6px 26px 6px;
}
	
.product_text {
	line-height: 25px;
    height: 50px;
}
	
/*產品*/
.xzoom-gallery {width:64px;}
.xzoom {width:100%!important;}
	
.xzoom-text h2 {
    background-color: #f5d83c;
    padding: 10px;
}
.xzoom_narrative {margin-top: 20px;}
	

	
/*頁數*/
.page-area-box {/*width:295px;*/ margin:0 auto;}
.page-area a div {margin:0 4px;}
.page-area a div,#page_hover{padding: 3px;}
	/*認識YOYO家族角色形象*/
.yoyoman2{background-color:#00adff;}
.yamy2{background-color:#eb6100;}
.kube2{background-color:#2c9cd5;}
.fefe2{background-color:#a0c72d;}
}
@media screen and (min-width: 344px) {
	.city_1 {
		left: 270px;
		top: 25px;
		width: 8%;
		height: 20px;
	}

	.city_2 {
		left: 45.5%;
		top: 50px;
		width: 8%;
		height: 20px;
	}

	.city_3 {
		left: 31.5%;
		top: 215px;
		width: 9%;
		height: 20px;
	}

	.city_11 {
		left: 45.6%;
		top: 79px;
		width: 8%;
		height: 20px;
	}

	.city_10 {
		left: 32.5%;
		top: 134px;
		width: 8.5%;
		height: 19px;
	}

	.city_12 {
		left: 42%;
		top: 156px;
		width: 7.9%;
		height: 22px;
	}

	.city_13 {
		left: 30.5%;
		top: 181px;
		width: 8.3%;
		height: 20px;
	}

	.city_14 {
		left: 38%;
		top: 248px;
		width: 8.5%;
		height: 20px;
	}

	.city_4 {
		left: 33.5%;
		top: 12px;
		width: 8%;
		height: 20px;
	}

	.city_5 {
		left: 27.4%;
		top: 33px;
		width: 7.6%;
		height: 18px;
	}

	.city_6 {
		left: 22.3%;
		top: 54px;
		width: 8%;
		height: 18px;
	}

	.city_15 {
		left: 25.9%;
		top: 80px;
		width: 7.6%;
		height: 19px;
	}

	.city_16 {
		left: 22.7%;
		top: 103px;
		width: 7.8%;
		height: 18px;
	}

	.city_17 {
		left: 15.6%;
		top: 152px;
		width: 7.7%;
		height: 19px;
	}

	.city_18 {
		left: 13%;
		top: 176px;
		width: 8%;
		height: 19px;
	}

	.city_7 {
		left: 19.5%;
		top: 126px;
		width: 9%;
		height: 19px;
	}

	.city_8 {
		left: 16%;
		top: 198px;
		width: 8%;
		height: 19px;
	}

	.city_9 {
		left: 13%;
		top: 225px;
		width: 9%;
		height: 20px;
	}

	.city_19 {
		left: 20.2%;
		top: 286px;
		width: 9%;
		height: 19px;
	}

	.city_22 {
		left: 10.5%;
		top: 3px;
		width: 7.9%;
		height: 20px;
	}

	.city_21 {
		left: 3.5%;
		top: 140px;
		width: 7.5%;
		height: 20px;
	}

	.city_20 {
		left: 1%;
		top: 185px;
		width: 7.5%;
		height: 18.5px;
	}
}

/*句式只在viewport 寬度不小於360px才生效*/
@media screen and (min-width: 360px) {
	/*.target-img img {height:190px;}*/
	/*搜尋*/
	.search-title img {
		left: 10%;
	}

	.search_s .table {
		width: 63%;
	}

	.search_s .table1 {
		width: 32%;
	}
	.city_1 {
		left: 47.3%;
		top: 21px;
		width: 9%;
		height: 25px;
	}

	.city_2 {
		left: 47.5%;
		top: 53px;
		width: 9%;
	}

	.city_4 {
		left: 34.8%;
		top: 13px;
		width: 9%;
		height: 20px;
	}

	.city_11 {
		left: 47.6%;
		top: 84px;
		width: 9%;
		height: 20px;
	}

	.city_10 {
		left: 34%;
		top: 140px;
		width: 9%;
		height: 20px;
	}

	.city_12 {
		left: 44%;
		top: 162px;
		width: 8.8%;
		height: 25px;
	}

	.city_13 {
		left: 31%;
		top: 189px;
		width: 9.5%;
		height: 23px;
	}

	.city_3 {
		left: 33%;
		top: 225px;
		width: 9.5%;
		height: 22px;
	}

	.city_14 {
		left: 39.5%;
		top: 261px;
		width: 9%;
		height: 20px;
	}

	.city_5 {
		left: 28.5%;
		top: 35px;
		width: 9%;
	}

	.city_6 {
		left: 23%;
		top: 59px;
		width: 9%;
		height: 20px;
	}

	.city_15 {
		left: 27%;
		top: 83px;
		width: 9%;
		height: 20px;
	}

	.city_16 {
		left: 24%;
		top: 107px;
		width: 9%;
		height: 23px;
	}

	.city_7 {
		left: 20.5%;
		top: 132px;
		width: 9%;
		height: 21px;
	}

	.city_17 {
		left: 16%;
		top: 159px;
		width: 9%;
		height: 21px;
	}

	.city_18 {
		left: 13.8%;
		top: 184px;
		width: 9%;
		height: 20px;
	}

	.city_8 {
		left: 16.7%;
		top: 206px;
		width: 10%;
		height: 22px;
	}

	.city_9 {
		left: 13.8%;
		top: 235px;
		width: 10%;
		height: 22px;
	}

	.city_19 {
		left: 21.3%;
		top: 299px;
		width: 10%;
		height: 20px;
	}

	.city_22 {
		left: 11%;
		top: 3px;
		width: 8.5%;
		height: 23px;
	}

	.city_21 {
		left: 3.5%;
		top: 148px;
		width: 8.6%;
		height: 20px;
	}

	.city_20 {
		left: 0.5%;
		top: 192px;
		width: 8.9%;
		height: 23px;
	}

	/*幼兒園介紹*/
	.intro_imgboxll {
    padding: 20px 20px 20px 50px;
	width: 250px;
}
/*加盟優勢*/
.brown,.green,.purple,.blue2,.brown2,.red {width: 180px;}
/*加盟服務*/
.service_text ol {
    padding: 40px 40px 40px 90px;
}

/*商城*/
.shopping-box ul li {
    width: 167px;
}
/*頁數*/
.page-area-box {width:325px;}
.page-area a div {margin:0 5px;}
	
}

@media screen and (min-width: 375px) {
	.city_1 {
		left: 49.3%;
		top: 25px;
		width: 9%;
		height: 23px;
	}

	.city_11 {
		left: 49.6%;
		top: 88px;
		width: 9%;
		height: 20px;
	}

	.city_10 {
		left: 35.8%;
		top: 148px;
		width: 9%;
		height: 20px;
	}

	.city_12 {
		left: 46%;
		top: 170px;
		width: 8.8%;
		height: 25px;
	}

	.city_13 {
		left: 33%;
		top: 198px;
		width: 9.5%;
		height: 23px;
	}

	.city_3 {
		left: 35%;
		top: 235px;
		width: 9.5%;
		height: 22px;
	}

	.city_14 {
		left: 41.5%;
		top: 273px;
		width: 9%;
		height: 20px;
	}

	.city_4 {
		left: 36.8%;
		top: 13px;
		width: 9%;
		height: 20px;
	}

	.city_5 {
		left: 29.5%;
		top: 35px;
		width: 9%;
		height: 22px;
	}

	.city_6 {
		left: 24%;
		top: 59px;
		width: 9%;
		height: 20px;
	}

	.city_7 {
		left: 21.5%;
		top: 138px;
		width: 9%;
		height: 21px;
	}

	.city_8 {
		left: 17.7%;
		top: 216px;
		width: 8.5%;
		height: 22px;
	}

	.city_9 {
		left: 14.5%;
		top: 247px;
		width: 9%;
		height: 22px;
	}

	.city_15 {
		left: 28%;
		top: 87px;
		width: 9%;
		height: 21px;
	}

	.city_16 {
		left: 24.5%;
		top: 111px;
		width: 9%;
		height: 23px;
	}

	.city_17 {
		left: 17%;
		top: 166px;
		width: 9%;
		height: 21px;
	}

	.city_18 {
		left: 14.2%;
		top: 193px;
		width: 9%;
		height: 20px;
	}

	.city_19 {
		left: 22.3%;
		top: 313px;
		width: 9%;
		height: 20px;
	}

	.city_22 {
		left: 11%;
		top: 3px;
		width: 9.5%;
		height: 23px;
	}

	.city_21 {
		left: 3.5%;
		top: 155px;
		width: 8.9%;
		height: 20px;
	}

	.city_20 {
		left: 0.5%;
		top: 201px;
		width: 8.9%;
		height: 23px;
	}
}
@media screen and (min-width: 390px) {
	.city_4 {
		left: 38%;
		top: 14px;
	}

	.city_1 {
		left: 52%;
		top: 25px;
	}

	.city_2 {
		left: 52%;
		top: 58px;
	}

	.city_11 {
		left: 52.5%;
		top: 92px;
	}

	.city_10 {
		left: 37.4%;
		top: 154px;
	}

	.city_12 {
		left: 48%;
		top: 178px;
	}

	.city_13 {
		left: 35%;
		top: 207px;
	}

	.city_3 {
		left: 37%;
		top: 245px;
	}

	.city_14 {
		left: 44%;
		top: 285px;
	}

	.city_5 {
		left: 31%;
		top: 37px;
		height: 22px;
	}

	.city_6 {
		left: 25.3%;
		top: 63px;
	}

	.city_15 {
		left: 29.3%;
		top: 90px;
		height: 23px;
	}

	.city_16 {
		left: 25.7%;
		top: 116px;
	}

	.city_7 {
		left: 22.3%;
		top: 144px;
	}

	.city_17 {
		left: 17.6%;
		top: 173px;
	}

	.city_18 {
		left: 15%;
		top: 201px;
	}

	.city_8 {
		left: 18%;
		top: 225px;
	}

	.city_9 {
		left: 15%;
		top: 256px;
	}

	.city_19 {
		left: 23%;
		top: 326px;
	}

	.city_22 {
		width: 9%;
		top: 3px;
		height: 23px;
		left: 12%;
	}

	.city_21 {
		left: 4%;
		top: 161px;
		width: 9.2%;
	}

	.city_20 {
		left: 0.6%;
		top: 209px;
	}
}

/*句式只在viewport 寬度不小於400px才生效*/
@media screen and (min-width: 400px) {
/*.logo-ss{padding:0;}*/
#mobile-logo-inner{
	width:96%;
padding:5px 2%;}
#marquee-text{width:80%;}

/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:200px;
}
.elselive30video-list-little-box{
   height:180px;
}
/*新聞單則內容*/
.news-cover .play-icon{
	top: 31%; left: 38%;
}
/*主播主持人*/
.artist-list-box{
	float:left;
	width:48%;
	margin:0 1%;
	margin-bottom:10px;
}
/*新聞內頁分類*/
.orange-big-slider .play-icon{
	top: 31%; left: 42%;
}
/*幻燈片*/
.sslide .sslide-icon{
	top: 31%; left: 38%;
}
/*.target-img img {height:204px;}*/

/*聯絡我們*/
.contact-title {float: left;}

/*搜尋*/
	.search_s .table1 {
		width: 28%;
	}

	.search_s .table {
		width: 68%;
	}
/*幼兒園介紹*/
	.intro_imgboxll {
    padding: 20px 20px 20px 70px;
    width: 300px;
}
/*加盟服務*/
.service_text ol {
    padding: 40px 40px 40px 100px;
}
/*商城*/
.shopping-box ul {width: 95%;}
}

@media screen and (min-width: 412px) {
	.city_4 {
		left: 40.5%;
		top: 14px;
		width: 10%;
		height: 23px;
	}

	.city_1 {
		left: 55%;
		top: 27px;
		width: 10%;
		height: 26px;
	}

	.city_2 {
		left: 55%;
		top: 60px;
		width: 10%;
		height: 25px;
	}

	.city_11 {
		left: 55%;
		top: 95px;
		height: 25px;
		width: 10%;
	}

	.city_10 {
		left: 39.5%;
		top: 164px;
		width: 10%;
	}

	.city_13 {
		left: 37%;
		top: 219px;
	}

	.city_14 {
		left: 46%;
		top: 300px;
		height: 25px;
		width: 10%;
	}

	.city_6 {
		left: 27%;
		top: 65px;
		width: 9.5%;
	}

	.city_15 {
		left: 31%;
		top: 96px;
		height: 23px;
		width: 10%;
	}

	.city_16 {
		left: 27.4%;
		top: 124px;
		width: 10%;
	}

	.city_7 {
		left: 23.7%;
		top: 152px;
		width: 10%;
		height: 24px;
	}

	.city_17 {
		left: 18.5%;
		top: 183px;
		width: 10%;
		height: 23px;
	}

	.city_18 {
		left: 16%;
		top: 211px;
		width: 10%;
		height: 25px;
	}

	.city_8 {
		left: 19%;
		top: 238px;
		height: 23px;
	}

	.city_9 {
		left: 16%;
		top: 271px;
		height: 25px;
	}

	.city_19 {
		left: 24.5%;
		top: 345px;
		height: 23px;
	}

	.city_22 {
		width: 9.5%;
		left: 13%;
		height: 24px;
	}

	.city_21 {
		left: 4%;
		top: 170px;
		width: 10%;
		height: 24px;
	}

	.city_20 {
		left: 0.6%;
		top: 223px;
		width: 10%;
	}
}

@media screen and (min-width: 414px) {
	.city_1 {
		left: 55%;
		top: 27px;
		width: 10%;
		height: 25px;
	}

	.city_2 {
		left: 56%;
		top: 61px;
		width: 9%;
	}

	.city_3 {
		left: 39%;
		top: 262px;
		width: 10%;
		height: 22px;
	}

	.city_4 {
		left: 41%;
		top: 16px;
	}

	.city_5 {
		left: 33.5%;
		top: 40px;
		width: 9%;
		height: 24px;
	}

	.city_6 {
		left: 27%;
		top: 65px;
		width: 10%;
		height: 23px;
	}

	.city_7 {
		left: 24%;
		top: 153px;
		width: 9%;
		height: 21px;
	}

	.city_8 {
		left: 19%;
		top: 240px;
		width: 10%;
		height: 22px;
	}
	.city_9 {
		left: 16%;
		top: 275px;
		width: 10%;
		height: 22px;
	}

	.city_10 {
		left: 40%;
		top: 165px;
		width: 9%;
		height: 20px;
	}

	.city_11 {
		left: 55.5%;
		top: 95px;
		width: 10%;
		height: 25px;
	}

	.city_12 {
		left: 51%;
		top: 190px;
		width: 8.8%;
		height: 25px;
	}

	.city_13 {
		left: 37%;
		top: 221px;
		width: 9.5%;
		height: 23px;
	}
	.city_14 {
		left: 46%;
		top: 305px;
		width: 10%;
		height: 20px;
	}
	.city_15 {
		left: 31%;
		top: 97px;
		width: 10%;
		height: 23px;
	}

	.city_16 {
		left: 27%;
		top: 125px;
		width: 10%;
		height: 23px;
	}

	.city_17 {
		left: 19%;
		top: 185px;
		width: 10%;
		height: 21px;
	}

	.city_18 {
		left: 16%;
		top: 213px;
		width: 12%;
		height: 24px;
	}

	.city_19 {
		left: 25%;
		top: 347px;
		width: 10%;
		height: 23px;
	}

	.city_20 {
		left: 1%;
		top: 225px;
		width: 10%;
		height: 23px;
	}

	.city_21 {
		left: 4%;
		top: 170px;
		width: 10%;
		height: 25px;
	}

	.city_22 {
		left: 13%;
		top: 3px;
		width: 10%;
		height: 24px;
	}
}

/*句式只在viewport 寬度不小於425px才生效*/
@media screen and (min-width: 425px) {
/*.target-img img {height:218px;}*/
/*搜尋*/
	.search-title img {
		left: 15%;
	}

	.city_1 {
		left: 56%;
		top: 30px;
		width: 11%;
		height: 27px;
	}

	.city_2 {
		left: 56%;
		top: 63px;
		width: 11%;
		height: 25px;
	}

	.city_3 {
		left: 40%;
		top: 268px;
		width: 10.5%;
		height: 24px;
	}

	.city_4 {
		left: 42%;
		top: 17px;
		width: 10%;
		height: 22px;
	}

	.city_5 {
		left: 34%;
		top: 41px;
		width: 10%;
		height: 24px;
	}

	.city_6 {
		left: 27.5%;
		top: 66px;
		width: 10%;
		height: 25px;
	}

	.city_7 {
		left: 24.4%;
		top: 158px;
		width: 11%;
		height: 24px;
	}

	.city_8 {
		left: 20%;
		top: 246px;
		width: 11%;
		height: 25px;
	}

	.city_9 {
		left: 16%;
		top: 282px;
		width: 13%;
		height: 25px;
	}

	.city_10 {
		left: 40.9%;
		top: 168px;
		width: 10%;
		height: 25px;
	}

	.city_11 {
		left: 56%;
		top: 100px;
		width: 11.5%;
		height: 25px;
	}

	.city_12 {
		left: 52%;
		top: 195px;
		width: 11%;
		height: 25px;
	}

	.city_13 {
		left: 38%;
		top: 227px;
		width: 10.2%;
		height: 23px;
	}

	.city_14 {
		left: 48%;
		top: 310px;
		width: 10%;
		height: 25px;
	}

	.city_15 {
		left: 32%;
		top: 100px;
		width: 10%;
		height: 23px;
	}

	.city_16 {
		left: 28%;
		top: 127px;
		width: 11%;
		height: 25px;
	}

	.city_17 {
		left: 19.5%;
		top: 190px;
		width: 11%;
		height: 23px;
	}

	.city_18 {
		left: 16%;
		top: 220px;
		width: 11%;
		height: 23px;
	}

	.city_19 {
		left: 25%;
		top: 357px;
		width: 12%;
		height: 23px;
	}

	.city_20 {
		left: 1%;
		top: 230px;
		width: 9.6%;
		height: 23px;
	}

	.city_21 {
		left: 4%;
		top: 175px;
		width: 10.5%;
		height: 25px;
	}

	.city_22 {
		left: 12.9%;
		top: 3px;
		width: 10.5%;
		height: 25px;
	}

.join-title-box2 {width:395px;margin: 0 auto;}
/*教學系統介紹*/
.intro_title {width: 373px;padding: 0;}
.intro_img3box {
    width: 70.4%;
}
/*加盟優勢*/
.advantage_box .text {
    width: 276px;
}
/*加盟服務*/
.service_text ol {
    width: 50%;
    margin: 0 auto;
}
/*教育核心理念*/
.education_img {width: 373px;padding: 0;}	
.yoyoevent_left {margin-top: 90px;}

/*商城*/
.shopping-box ul li {
    width: 181px;
}

}

@media screen and (min-width: 430px) {
	.city_4 {
		left: 42.5%;
	}

	.city_1 {
		left: 57%;
	}

	.city_2 {
		left: 57%;
	}

	.city_11 {
		left: 57%;
	}

	.city_10 {
		left: 41.3%;
	}

	.city_12 {
		left: 52.5%;
		top: 198px;
	}

	.city_13 {
		left: 39%;
		top: 230px;
	}

	city_3 {
		left: 40.6%;
		top: 272px;
	}

	city_14 {
		top: 314px;
	}

	.city_5 {
		left: 34.5%;
	}

	.city_6 {
		left: 28%;
		top: 68px;
	}

	.city_15 {
		left: 32.4%;
		top: 101px;
	}

	.city_16 {
		top: 129px;
	}

	.city_7 {
		left: 24.4%;
		top: 158px;
		width: 11%;
		height: 24px;
	}

	.city_17 {
		top: 192px;
	}

	.city_18 {
		top: 223px;
	}

	.city_8 {
		top: 248px;
	}

	.city_9 {
		top: 285px;
	}

	.city_19 {
		top: 357px;
		height: 28px;
	}

	.city_21 {
		top: 178px;
	}

	.city_20 {
		left: 1%;
		top: 233px;
		width: 10%;
		height: 24px;
	}
}

/*句式只在viewport 寬度不小於480px才生效*/
@media screen and (min-width: 480px) {
.livelinkover8-btn{
	font-size:0.85em;
}
.elselive30video-list-little-box{
   height:180px;
}
/*內頁即時*/
.ten .rednumber{
	width:8%;
	font-size:1.25em;
}
.ten .text{
	width:90%;
}
.feature2-cover .box .play-icon{
	top:37%; left:43%;}
/*.target-img img {height:248px;}*/
/*搜尋*/
	.search-title img {
		left: 20%;
	}
}
/*句式只在viewport 寬度不小於500px才生效*/
@media screen and (min-width: 500px) {
	.product_box {
		width: 47.9%;
	}

.right2 {float:right;}
.style1 .text {margin-left: 10px;float:left;width: 289px;}
.style1 .pic{width:150px;}
.feature2-cover .box{
	float:left;
	width:44%;
	margin:1% ;
	min-height:390px;
	
}
.feature2-cover .box .play-icon{
	top:25%; left:35%;}


/*.target-img img {height:259px;}*/
/*精彩節目節目清單*/
.fncvideo-list-little-box, .elselive30video-list-little-box{
	width:31%;
	margin:0 1%;
}
.fncvideo-list-little-box, .elselive30video-list-little-box{
   font-size:1.1em;
	line-height:1.4em;
}
/*新聞單則內容*/
.news-cover .play-icon{
	top: 33%; left: 43%;
}

/*美食*/
.travelfood-one .pic{
	width:220px;
	margin-bottom:0px;
	padding-top:5px;
	
}
.travelfood-one .text{
    padding-left:5px;
	margin-left: 225px;
}
/*幻燈片*/
.sslide .sslide-icon{
	top: 33%; left: 43%;
}
/*搜尋*/
	.search_s .table1 {
		width: 22%;
	}

	.search_s .table {
		width: 75%;
	}

	.branch {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.city_1 {
		left: 67%;
		top: 36px;
		width: 13%;
		height: 27px;
	}

	.city_2 {
		left: 67%;
		top: 74px;
		width: 13%;
		height: 30px;
	}

	.city_3 {
		left: 47%;
		top: 318px;
		width: 13%;
		height: 29px;
	}

	.city_4 {
		left: 49.5%;
		top: 17px;
		width: 12%;
		height: 28px;
	}

	.city_5 {
		left: 40.1%;
		top: 48px;
		width: 12.1%;
		height: 28px;
	}

	.city_6 {
		left: 32.9%;
		top: 79px;
		width: 11.8%;
		height: 28px;
	}

	.city_7 {
		left: 29%;
		top: 188px;
		width: 13%;
		height: 27px;
	}

	.city_8 {
		left: 23%;
		top: 293px;
		width: 14%;
		height: 29px;
	}

	.city_9 {
		left: 19%;
		top: 332px;
		width: 13%;
		height: 30px;
	}

	.city_10 {
		left: 48%;
		top: 198px;
		width: 12.4%;
		height: 32px;
	}

	.city_11 {
		left: 67%;
		top: 118px;
		width: 13%;
		height: 27px;
	}

	.city_12 {
		left: 62%;
		top: 231px;
		width: 13%;
		height: 30px;
	}

	.city_13 {
		left: 45%;
		top: 270px;
		width: 12.5%;
		height: 28px;
	}

	.city_14 {
		left: 55%;
		top: 368px;
		width: 14%;
		height: 30px;
	}

	.city_15 {
		left: 38%;
		top: 118px;
		width: 12%;
		height: 28px;
	}

	.city_16 {
		left: 33%;
		top: 152px;
		width: 13%;
		height: 28px;
	}

	.city_17 {
		left: 23%;
		top: 225px;
		width: 13%;
		height: 28px;
	}

	.city_18 {
		left: 19%;
		top: 261px;
		width: 13%;
		height: 28px;
	}

	.city_19 {
		left: 30%;
		top: 420px;
		width: 14%;
		height: 32px;
	}

	.city_20 {
		left: 1%;
		top: 275px;
		width: 12%;
		height: 26px;
	}

	.city_21 {
		left: 5%;
		top: 210px;
		width: 12%;
		height: 28px;
	}

	.city_22 {
		left: 16%;
		top: 6px;
		width: 11.5%;
		height: 25px;
	}

/*幼兒園介紹*/
	.intro_imgboxll {
    width: 360px;
}
/*加盟服務*/
.service_text ol {
    width: 38%;
}
/*教育核心理念*/
.annotation{
	width: 447px;
    margin: 0 auto;
}
.education_main3{
	width: 440px;
    margin: 0 auto;
}
/*商城*/
.shopping-box ul li {
    width: 217px;
}
.product_box {
    width: 47.9%;
}
}
/*句式只在viewport 寬度不小於520px才生效*/
@media screen and (min-width: 520px) {
.feature-cover .box{
	min-height:290px;
}
	
	#marquee-text{
	width:80%;
}
/*.target-img img {height:270px;}*/
.style1 .text {width: 307px;}

/*手機上方新聞分享*/
.small{display:none;}
.mid{display:block;}

/*新聞內頁分類*/
.orange-big-slider .play-icon{
	top: 33%; left: 43%;
}
}

@media screen and (min-width: 540px) {
	.city_1 {
		left: 73%;
		top: 36px;
		width: 13%;
		height: 35px;
	}

	.city_2 {
		left: 73%;
		top: 80px;
		width: 13%;
		height: 33px;
	}

	.city_11 {
		left: 73%;
		top: 128px;
		width: 13%;
		height: 30px;
	}

	.city_10 {
		left: 52%;
		top: 215px;
		width: 13.5%;
		height: 32px;
	}

	.city_12 {
		left: 67%;
		top: 251px;
		width: 13%;
		height: 35px;
	}

	.city_13 {
		left: 49.5%;
		top: 290px;
		width: 12.5%;
		height: 35px;
	}

	.city_3 {
		left: 52%;
		top: 345px;
		width: 13%;
		height: 29px;
	}

	.city_14 {
		left: 60%;
		top: 398px;
		width: 14%;
		height: 35px;
	}

	.city_4 {
		left: 53.8%;
		top: 23px;
		width: 12.6%;
		height: 27px;
	}

	.city_5 {
		left: 44%;
		top: 55px;
		width: 12.5%;
		height: 28px;
	}

	.city_6 {
		left: 35.5%;
		top: 86px;
		width: 13%;
		height: 30px;
	}

	.city_15 {
		left: 41%;
		top: 127px;
		width: 13%;
		height: 32px;
	}

	.city_16 {
		left: 36%;
		top: 163px;
		width: 13%;
		height: 33px;
	}

	.city_7 {
		left: 31.4%;
		top: 203px;
		width: 13%;
		height: 30px;
	}

	.city_17 {
		left: 25%;
		top: 243px;
		width: 13%;
		height: 30px;
	}

	.city_18 {
		left: 21%;
		top: 282px;
		width: 13%;
		height: 30px;
	}

	.city_8 {
		left: 25.1%;
		top: 317px;
		width: 14%;
		height: 30px;
	}

	.city_9 {
		left: 21%;
		top: 362px;
		width: 13%;
		height: 30px;
	}

	.city_19 {
		left: 32.5%;
		top: 456px;
		width: 14%;
		height: 32px;
	}

	.city_22 {
		left: 17%;
		top: 5px;
		width: 12.8%;
		height: 30px;
	}

	.city_21 {
		left: 5%;
		top: 225px;
		width: 13.5%;
		height: 35px;
	}

	.city_20 {
		left: 1%;
		top: 295px;
		width: 13%;
		height: 35px;
	}
}

/*句式只在viewport 寬度不小於600px才生效*/
@media screen and (min-width: 600px) {
	.product_box {
		width: 48%;
	}

/*.target-img img {height:314px;}*/
.style1 .text {width: 384px;}
/*搜尋*/
	.search-title img {
		left: 25%;
	}

	.search_s .table1 {
		width: 18%;
	}

	.search_s .table {
		width: 79%;
	}
/*加盟專區*/
.arrow-l {
    left: 15px;
}
.arrow-r {
    right: 15px;
}
.entrance {width:30%;}
.plaid-title2{
	text-align:left;
	float:left;
}
.join-title {
	float:left;
	margin: 0 0 20px 5px;
}
.join-title-box {width:480px;margin: 0 auto;}
/*教學系統介紹*/
.intro_imgboxll {
    width: 430px;
	padding: 20px 20px 20px 90px;
}
.intro {
    width: 360px;
    margin: 0 auto;
}
/*加盟服務*/
.service_text ol {
    width: 31%;
}
/*加盟流程*/
.process,.process_red {
    width: 30%;
    margin: 0 auto;
}
/*異業結盟*/
.yoyoevent-box5,
.yoyoevent-box5_2 {
	width:48%;
	float:left;
}
.yoyoevent-box5 .yoyoevent-boxmain5 {
    height: 110px;
}
.yoyoevent-box5_2 .yoyoevent-boxmain5 {
    height: 90px;
}
/*商城*/
.shopping-box ul li {
    width: 265px;
}
/*搜尋*/
.city_1 {left: 81%;top: 40px; width: 15%; height: 36px;}
.city_2 {left: 81%;top: 90px; width: 15%; height: 34px;}
.city_3 {left: 57%; top: 386px; width: 15%; height: 32px;}
.city_4 {left: 59.7%;top: 24px; width: 15%; height: 32px;}
.city_5 {left: 49%;top: 59px; width: 14%; height: 34px;}
.city_6 {left: 40%;top: 96px;width: 14.6%; height: 32px;}
.city_7 {left: 35%;top: 226px; width: 15%; height: 33px;}
.city_8 {left: 28%;top: 353px; width: 16%; height: 35px;}
.city_9 {left: 23.2%; top: 402px;width: 18%; height: 40px;}
.city_10 {left: 58.5%; top: 240px; width: 15%; height: 37px;}
.city_11 {left: 81%;top: 142px;width: 15.5%; height: 35px;}
.city_12 {left: 75%; top: 281px; width: 15%; height: 35px;}
.city_13 {left: 54%; top: 325px; width: 15%; height: 35px;}
.city_14 {left: 68%; top: 445px; width: 15%; height: 35px;}
.city_15 {left: 46%; top: 145px; width: 15%; height: 32px;}
.city_16 {left: 40%; top: 184px; width: 15%; height: 34px;}
.city_17 {left: 28%; top: 270px; width: 15%; height: 35px;}
.city_18 {left: 23%; top: 314px; width: 16%; height: 34px;}
.city_19 {left: 36%; top: 510px; width: 18%; height: 35px;}
.city_20 {left: 1%; top: 330px; width: 15%; height: 35px;}
.city_21 {left: 6%;top: 250px; width: 15%; height: 36px;}
.city_22 {left: 19%; top: 6px; width: 14.5%; height: 35px;}
}

/*句式只在viewport 寬度不小於640px才生效*/
@media screen and (min-width: 640px) {
.feature2-cover .box{
	width:44.7%;
	min-height:380px;
}	
.feature2-cover .box .play-icon{
	top:33%; left:40%;}



/*.target-img img {height:336px;}*/


/*幻燈片*/
.sslide .sslide-icon{
	top: 40%; left: 43%;
}
/*新聞列表*/
.style1 .pic {
    width: 150px;
}
.style1 .text {width: 422px;}
.style2 .text{
     padding:10px;
	font-size:1em;

}

/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:220px;
}
.elselive30video-list-little-box{
   height:210px;
}
/*新聞單則內容*/
.news-cover .play-icon{
	top: 40%; left: 43%;
}

/*旅遊美食*/
.travelfood-btn .yellow-btn{
	font-size:1em;
	margin:0 5px;
}
.travelfood-list-box{
	padding:20px;
}

/*手機單則新聞下方*/

#mobile-footer-ad{

	bottom:60px;
}
/*新聞內頁分類*/
.orange-big-slider .play-icon{
	top: 35%; left: 44%;
}

.overlay .overlay-login .login_message{

	text-align: center;

}
/*************overlay***************/	
.overlay .overlay-login .login_message{

	text-align: center;

}
.checknumber{display:inline-block;}
/*搜尋*/
	.search_s .table1 {
		width: 16%;
	}

	.search_s .table {
		width: 81%;
	}
}

/*句式只在viewport 寬度不大於767px才生效*/
@media screen and (max-width: 767px) {
/*聯絡我們*/
/*.title-box {width:400px; margin:0 auto;}*/
.c {display:none;}
/*加盟流程*/
.process_contentimg{display:none;}
/*頁數*/
.page_close {display:none;}
}
/*句式只在viewport 寬度不小於768px才生效*/
@media screen and (min-width: 768px) {
.friendlylink{
	float:left;
	width:31.5%;
	margin:0 0.9%;
	padding: 0 0 10px 0;
}
.feature2-cover .box{
	width:45.2%;
}	
	/*內頁即時*/

.ten .text{
	width:93.5%;
}
/*.target-img img {height:119px;}*/
.yoyoevent-box,.yoyoevent-indexbox{
	float:left;
	width:31.5%;
	margin:0 0.9% 1.5%;
}
.yoyoevent-box .yoyoevent-boxmain {
		/*height: 300px;*/
		height: 210px;
}
.yoyoevent-box .yoyoevent-boxmain2 {
		height: 230px;
}
.yoyoevent-indexbox .yoyoevent-boxmain {
		height: 300px;
}

.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 400px;
}
.yoyoevent-box .sharing-summary p,
.yoyoevent-indexbox .sharing-summary p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    margin: 0;
	overflow: hidden;
}
.fncnews-content{
	padding:20px;

}
/*新聞列表*/

	.style1 .text {
		font-size: 1em;
		width: 316px;
	}
.style3 .pic{
	width:33%;
	
}
.style3 .text{
	font-size:1em;
	float: right;
    margin: 14px 10px 14px 10px;
    width: 62%;
}
.style3 .summary {line-height:1.4em;}
.style3 .summary p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
}
	
/*最新消息*/
#news-index{
	width:65%;
	padding-bottom:0;
	float: right;
}
.dot-box2 {
    clear: none;
}
	
/*預約試訓填表*/
.yoyoevent-box2 .table1 {
    border: 2px solid white;
    text-align: left;
    padding: 6px;
    float: left;
	width: 17%;
}
.yoyoevent-box2 .table2 {
    float: left;
    width: 78.2%;
}
.yoyoevent-box2 .table3 {
    float: left;
    width: 37.1%;
	margin: 15px 0 0 5px;
}
.yoyoevent-box2 .table4 {
    float: left;
	width:30%;
}
.yoyoevent-box2 .code {    
    float:left;
	margin:15px 10px 0 25px;
}
.yoyoevent-bluebox .table5{
	float:right;
	width: 80%;
}
.yoyoevent-bluebox .table6{
	float:right;
	width: 77%;
}
.yoyoevent-box2 .table5 {
	float:right;
	width: 79%;
}
.yoyoevent-box2 .table6 {
	float:right;
	width: 76%;
}
/*加盟專區*/
.join-menu-box {
    padding: 0;
}
.join-menu {
    height: 100px;
    float: left;
    width: 22.3%;
    margin: 0 5px 0 5px;
}
.join-menu img {height:60px;}
/*加盟專區聯絡資訊*/
.yoyoevent-bluebox .table1 {
    /*border: 2px solid white;*/
    text-align: left;
    padding: 6px;
    float: left;
	width: 17%;
}
.yoyoevent-bluebox .table2 {
    float: left;
    width: 78.2%;
}
.yoyoevent-bluebox .table3 {
    float: left;
    width: 37.1%;
	margin: 15px 0 0 5px;
}
.yoyoevent-bluebox .table4 {
    float: left;
	width:30%;
}
.yoyoevent-bluebox .code {    
    float:left;
	margin:15px 10px 0 25px;
}

/*新聞內頁分類*/
.orange-big-slider .play-icon{
	top: 39%; left: 46%;
}
/*搜尋*/
	.search-title img {
		left: 30%;
	}

	#pop {
		padding: 20px;
	}

	#search-box {
		width: 70%;
		margin: 0 auto;
		padding: 0;
	}

	.search_s .table1 {
		width: 19%;
	}

	.search_s .table {
		width: 78%;
	}

	.branch {
		width: 40.4%;
		margin-bottom: 20px;
		float: left;
		margin: 10px;
	}

	.city_1 {
		left: 92%;
		top: 55px;
		width: 20%;
		height: 44px;
	}

	.city_2 {
		left: 92%;
		top: 115px;
		width: 20%;
		height: 47px;
	}

	.city_3 {
		left: 61%;
		top: 496px;
		width: 20%;
		height: 45px;
	}

	.city_4 {
		left: 65%;
		top: 32px;
		width: 18%;
		height: 38px;
	}

	.city_5 {
		left: 50%;
		top: 76px;
		width: 19%;
		height: 44px;
	}

	.city_6 {
		left: 38%;
		top: 126px;
		width: 19%;
		height: 39px;
	}

	.city_7 {
		left: 32%;
		top: 292px;
		width: 20%;
		height: 45px;
	}

	.city_8 {
		left: 23.5%;
		top: 455px;
		width: 21%;
		height: 44px;
	}

	.city_9 {
		left: 18%;
		top: 522px;
		width: 22%;
		height: 42px;
	}

	.city_10 {
		left: 62%;
		top: 310px;
		width: 19%;
		height: 46px;
	}

	.city_11 {
		left: 92%;
		top: 182px;
		width: 20%;
		height: 45px;
	}

	.city_12 {
		left: 83%;
		top: 361px;
		width: 20%;
		height: 46px;
	}

	.city_13 {
		left: 57%;
		top: 415px;
		width: 20%;
		height: 49px;
	}

	.city_14 {
		left: 75%;
		top: 575px;
		width: 19%;
		height: 45px;
	}

	.city_15 {
		left: 46%;
		top: 185px;
		width: 20%;
		height: 43px;
	}

	.city_16 {
		left: 39%;
		top: 234px;
		width: 20%;
		height: 47px;
	}

	.city_17 {
		left: 23%;
		top: 350px;
		width: 20%;
		height: 44px;
	}

	.city_18 {
		left: 17%;
		top: 404px;
		width: 20%;
		height: 45px;
	}

	.city_19 {
		left: 34%;
		top: 660px;
		width: 21%;
		height: 43px;
	}

	.city_20 {
		left: -11%;
		top: 425px;
		width: 19%;
		height: 45px;
	}

	.city_21 {
		left: -5%;
		top: 325px;
		width: 19%;
		height: 45px;
	}

	.city_22 {
		left: 11%;
		top: 6px;
		width: 20%;
		height: 45px;
	}
/*教育核心理念*/
.education_img {
    width: 70%;
}
.yoyoevent-box3,.yoyoevent-box3_2, .yoyoevent-indexbox3,
.yoyoevent-box4, .yoyoevent-indexbox4,
.yoyoevent-box4_2	{
    width: 100%;
}
.yoyoevent-box4,.yoyoevent-box4_2 {
    height: 170px;
	float:left;
}
.yoyoevent-box3 .pic, .yoyoevent-indexbox3 .pic {
    float: left;
    width: 28%;
    padding: 0 14px 0 0;
    margin: 0;
}
.yoyoevent-box3 p, .yoyoevent-indexbox .summary p {
    float: left;
    width: 70%;
}
.yoyoevent-indexbox .summary p {
    float: left;
    width: 70%;
}

.yoyoevent-box4 .title22 {
	
}
.yoyoevent-indexbox4 .pic2 {
    padding: 0 8px 0 0;
}
.education_timg1 {right: 120px;}
.education_main {width: 577px;}
.yoyoevent-box4_left,.yoyoevent-box4_right{
	width: 47%;
    float: left;
    margin: 10px;
}	

/*教學系統介紹*/
.intro_title {width: 70%;}
.intro_img {width: 575px;}
.intro_img2 {width: 459px;}
.intro_img3 {width: 594px;margin: 0 auto;}
/*.intro {width:560px;}*/
.intro_imgboxl {float:left; width:300px;padding: 20px 20px 20px 100px;}
.intro_imgboxr {float:left; padding:20px;}
.intro_img3box {width:546px;}
.intro_img3boxb ul li::after {
    content: " ｜";
}

.intro_img3boxb ul li {
    padding: 0 0 0 5px;
    float: left;
    border: 0;
}
.intro_img3boxb {
    width: 554px;
}
.intro_imgboxll {
    float: left;
    padding: 20px 20px 20px 110px;
	width:550px;
}
.yoyoevent-box3_3,.yoyoevent-box3_4 {/*width: 45%;*/}
.yoyoevent-box33, .yoyoevent-indexbox3 {
    width: 48%;
}
.yoyoevent-box34, .yoyoevent-indexbox3 {
    width: 48%;
	height: 215px;
}
/*異業結盟*/
.yoyoevent-box5 {
    float:left;
}
/*企業托育*/
.yoyoevent-box6 .pic, .yoyoevent-indexbox6 .pic{
    width: 28%;
    float: left;
	padding: 0 14px 0 0;
    margin: 0;
}
.yoyoevent-box6 .title {
	float: left;
	width: auto;
}
.yoyoevent-box6 p {
	float: left;
	width: 70%;
}
.yoyoevent-box6 .yoyoevent-boxmain6 {
    overflow: hidden;
}
.yoyoevent-box6 .title {
	padding: 0 0 30px 0;
}
.news-index-list-box .style1 .summary{display:block;}
/*加盟優勢*/
.advantage_box {
	display:none;
}
/*教育核心理念*/
.yoyoevent-box3 {
    width: 70%;
    margin: 0 auto;
	margin-top: 20px;
}
.yoyoevent-box3_2 {
    width: 450px;
    margin: 0 auto;

}
.advantage_img {width:90%;}
/*認識YOYO家族角色形象*/
.wbox {padding: 20px 10px;}
.family_box{
	width: 45.5%;
    float: left;
    margin: 2%;
	padding: 0;
}

.tablee2 {
	width: 61.8%;
	margin: 0;
	text-align: left;
	padding-left: 10px;
}
.tablee11 {
    width: 32%;
}
.yoyoman2{background-color:#eb6100;}
.yamy2{background-color:#ee859a;}
.kube2{background-color:#16902e;}
.fefe2{background-color:#009de1;}
.clear {
    margin-top: 0px;
}
/*FOOTER*/
#footer-ill{
	display:block;
}
.cc {display:none;}
/*加盟服務*/
.service_titlebox {
    width: 44.3%;
	float:left;
}
.service_text ol {
    width: 52%;
}
.service_text2 {margin:30px 0 30px 0;}
.service_text {height: 228px;}
/*加盟流程*/
.process, .process_red, .ar {display:none;}
/*友好連結*/
.friendlylink img {height: 114px;}
/*商城*/
	.product_box {
		width: 47.8%;
		position: relative;
		margin: 8px 8px 12px 8px;
	}
.shopping-box ul li {
    width: 162px;
}
.product_b {padding: 10px 0;margin-bottom: 10px;}
	
/*產品*/
.xzoom-container {float:left;width:336px;}
.xzoom-text {float:left; padding-left: 20px;width:52.4%;}
.xzoom-gallery {width:73px;}
	
	

	
/*頁數*/
.page-area-box{width:700px;}
.page-area a div ,#page_hover{padding:8px;}

.timetext_close{display:none;}
}
/*句式只在viewport 寬度不小於799px才生效*/
@media screen and (max-width: 799px) {
.banner-big{display:none;}
}
/*句式只在viewport 寬度不小於800px才生效*/
@media screen and (min-width: 800px) {
.banner-small{display:none;}
.yoyoevent-box .yoyoevent-boxmain{
	/*height:220px;*/
}
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:310px;
}	

.yoyoevent-indexbox .yoyoevent-boxmain2{
	height:400px;
}
.feature2-cover .box{
	width:30.3%;
	margin:0.4% 0.2%;
	min-height:380px;
}
#pc-header-inner{display:block;}

#marquee-text{width:80%;
	font-size:1em;padding-top:1px;}
#mobile-logo-inner-margin{display:none;}
#mobile-logo-inner{position:relative;}


#marquee-text ul li{
	height:37px;
}
.marquee-title{
	margin-top:3px;
	margin-right:10px;
	padding-left:12px;
	font-size:1em;
	line-height:1.9em;
}

.elselive30video-list-little-box{
   height:225px;
}
.elselive30video-list-little-box .play-icon{
top: 35%; left: 40%;
}
.halfhalf{
	width:49%;
	margin-right:2%;
	float:left;
}


.footer-0{display:none;}
.footer-1{display:block; padding-bottom:10px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;}

.footer-1 ul{padding:0; margin:0;}
.footer-1 ul li{ list-style:none; float:left;}
.footer-1 ul li::after {content:" ｜";}
.footer-1 ul li:last-child::after {content:" ";}
.footer-1-2{
	font-size:0.875em;
	margin:5px auto;
	text-align:left;
	position:relative;
}

.footer-2{display:block;padding-right:20px;}
.footer-2 .right{
	font-size:0.75em;
	text-align:right;
}

/*新聞列表*/

.style1 .text {width:337px;}
.style2 .text{
    /* padding:0 15px;*/
}
/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:240px;
}

/*新聞單則內容*/
.fncnews-content{
	padding:30px;

}
/*下則新聞*/
/*.next-news{display:none;}*/

/*主播主持人*/
.artist-top{
border-bottom:0;
}
.pic-text{
	position:absolute;
	top:6%;
	left:50px;
	z-index:2;
}
.pic-text .name{
	font-size:3.75em;
	line-height:3em;
}
.pic-text .now ul li{
	font-size:0.875em;
}


.artist-list-box{
	width:31.3%;
}
/*.target-img img {height:125px;}*/
.moremore_s {width:20%; margin:0 auto; margin-top:20px;}

/*預約試訓填表*/
.yoyoevent-box2 .table2 {
    width: 78.4%;
}
.yoyoevent-box2 .table3 {
    width: 37.3%;
}
/*加盟專區聯絡資訊*/
.yoyoevent-bluebox .table2 {
    width: 78.4%;
}
.yoyoevent-bluebox .table3 {
    width: 37.3%;
}
/*教育核心理念*/
.yoyoevent-indexbox4 .pic2 {
    padding: 0 17px 0 0;
}
/*友好連結*/
.friendlylink img {height: 119px;}
	
/*商城*/
.shopping-box ul li {
    width: 170px;
}
/*搜尋*/
	.city_1 {
		left: 94%;
		top: 58px;
		width: 20%;
		height: 44px;
	}

	.city_2 {
		left: 94%;
		top: 120px;
		width: 20%;
	}

	.city_3 {
		left: 61%;
		top: 516px;
		width: 21%;
		height: 47px;
	}

	.city_4 {
		left: 65%;
		top: 32px;
		width: 19%;
		height: 42px;
	}

	.city_5 {
		left: 50.3%;
		top: 78px;
		width: 19%;
		height: 46px;
	}

	.city_6 {
		left: 38%;
		top: 132px;
		width: 20%;
		height: 40px;
	}

	.city_7 {
		left: 31%;
		top: 305px;
		width: 20%;
		height: 45px;
	}

	.city_8 {
		left: 23%;
		top: 475px;
		width: 21%;
		height: 44px;
	}

	.city_9 {
		left: 16%;
		top: 542px;
		width: 22%;
		height: 45px;
	}

	.city_10 {
		left: 63%;
		top: 322px;
		width: 20%;
		height: 48px;
	}

	.city_11 {
		left: 94%;
		top: 192px;
		width: 20%;
		height: 45px;
	}

	.city_12 {
		left: 85%;
		top: 375px;
		width: 20%;
		height: 49px;
	}

	.city_13 {
		left: 57%;
		top: 435px;
		width: 20%;
		height: 49px;
	}

	.city_14 {
		left: 76%;
		top: 600px;
		width: 20%;
		height: 45px;
	}

	.city_15 {
		left: 46%;
		top: 193px;
		width: 20%;
		height: 45px;
	}

	.city_16 {
		left: 39%;
		top: 246px;
		width: 20%;
		height: 47px;
	}

	.city_17 {
		left: 22%;
		top: 365px;
		width: 21%;
		height: 44px;
	}

	.city_18 {
		left: 16%;
		top: 424px;
		width: 20%;
		height: 45px;
	}

	.city_19 {
		left: 33%;
		top: 685px;
		width: 21%;
		height: 46px;
	}

	.city_20 {
		left: -13.6%;
		top: 445px;
		width: 19%;
		height: 45px;
	}

	.city_21 {
		left: -9%;
		top: 335px;
		width: 21%;
		height: 50px;
	}

	.city_22 {
		left: 10%;
		top: 6px;
		width: 20%;
		height: 45px;
	}
}

@media screen and (min-width: 820px) {
	.city_3 {
		left: 61%;
		top: 520px;
		width: 21%;
		height: 47px;
	}

	.city_13 {
		left: 58%;
		top: 435px;
		width: 20%;
		height: 52px;
	}

	.city_14 {
		left: 76%;
		top: 600px;
		width: 20%;
		height: 49px;
	}

	.city_5 {
		left: 50.3%;
		top: 80px;
		width: 19%;
		height: 46px;
	}

	.city_6 {
		left: 38%;
		top: 130px;
		width: 19%;
		height: 46px;
	}

	.city_7 {
		left: 32%;
		top: 304px;
		width: 19%;
		height: 48px;
	}

	.city_8 {
		left: 23%;
		top: 476px;
		width: 19%;
		height: 48px;
	}

	.city_9 {
		left: 16.5%;
		top: 546px;
		width: 19%;
		height: 45px;
	}

	.city_22 {
		left: 9%;
		top: 6px;
		width: 20%;
		height: 49px;
	}

	.city_21 {
		left: -9%;
		top: 338px;
		width: 21%;
		height: 50px;
	}

	.city_20 {
		left: -14.6%;
		top: 445px;
		width: 19.5%;
		height: 47px;
	}
}
@media screen and (min-width: 853px) {
	.city_4 {
		left: 66%;
		top: 32px;
		width: 19.5%;
		height: 47px;
	}

	.city_1 {
		left: 96%;
		top: 58px;
		width: 20.5%;
		height: 49px;
	}

	.city_2 {
		left: 96.5%;
		top: 125px;
		width: 20%;
		height: 52px;
	}

	.city_11 {
		left: 96.8%;
		top: 199px;
		width: 20%;
		height: 49px;
	}

	.city_10 {
		left: 63.6%;
		top: 337px;
		width: 20%;
		height: 48px;
	}

	.city_12 {
		left: 87%;
		top: 395px;
		width: 20%;
		height: 49px;
	}

	.city_13 {
		left: 58.7%;
		top: 456px;
		width: 20%;
		height: 49px;
	}

	.city_14 {
		left: 78%;
		top: 625px;
		width: 20%;
		height: 50px;
	}

	.city_15 {
		left: 46%;
		top: 200px;
		width: 20%;
		height: 49px;
	}

	.city_16 {
		left: 38.5%;
		top: 256px;
		width: 20%;
		height: 50px;
	}

	.city_17 {
		left: 20%;
		top: 382px;
		width: 21%;
		height: 47px;
	}

	.city_18 {
		left: 14.5%;
		top: 444px;
		width: 20%;
		height: 45px;
	}

	.city_19 {
		left: 33%;
		top: 720px;
		width: 21%;
		height: 46px;
	}

	.city_5 {
		left: 50.3%;
		top: 84px;
		width: 20%;
		height: 46px;
	}

	.city_7 {
		left: 31%;
		top: 318px;
		width: 20%;
		height: 48px;
	}

	.city_8 {
		left: 21%;
		top: 497px;
		width: 21%;
		height: 48px;
	}

	.city_9 {
		left: 14.5%;
		top: 569px;
		width: 22%;
		height: 45px;
	}

	.city_22 {
		left: 8%;
		top: 6px;
		width: 20%;
		height: 49px;
	}

	.city_20 {
		left: -16.6%;
		top: 465px;
		width: 19.5%;
		height: 47px;
	}

	.city_3 {
		left: 62%;
		top: 542px;
		width: 21%;
		height: 47px;
	}

	.city_21 {
		left: -10%;
		top: 354px;
		width: 21%;
		height: 50px;
	}

	.city_6 {
		left: 38%;
		top: 136px;
		width: 19%;
		height: 46px;
	}
}

/*句式只在viewport 寬度不小於900px才生效*/
@media screen and (min-width: 900px) {
/*.target-img img {height:142px;}	*/
.yoyoevent-box .yoyoevent-boxmain{
	height:230px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:250px;
}
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:290px;
}
.yoyoevent-indexbox .yoyoevent-boxmain2{
	height:405px;
}
.feature2-cover .box{
	width:30.5%;
	margin:0.4% 0.2%;
}
/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:260px;
}
/*搜尋*/
.search-title img {
	left: 32%;
}
/*加盟專區*/
.join-menu img {height: 70px;}
.join-menu {width:22.7%;}
}
@media screen and (min-width: 912px) {
	.city_1 {
		left: 100%;
		top: 65px;
		width: 23%;
		height: 52px;
	}

	.city_2 {
		left: 101%;
		top: 140px;
		width: 22%;
		height: 52px;
	}

	.city_11 {
		left: 101%;
		top: 220px;
		width: 22%;
		height: 52px;
	}

	.city_10 {
		left: 65%;
		top: 369px;
		width: 22%;
		height: 52px;
	}

	.city_12 {
		left: 90.8%;
		top: 430px;
		width: 22%;
		height: 56px;
	}

	.city_13 {
		left: 59%;
		top: 499px;
		width: 22.5%;
		height: 55px;
	}

	.city_3 {
		left: 64%;
		top: 592px;
		width: 22.5%;
		height: 52px;
	}

	.city_4 {
		left: 67%;
		top: 32px;
		width: 22%;
		height: 55px;
	}

	.city_6 {
		left: 36%;
		top: 149px;
		width: 22%;
		height: 50px;
	}

	.city_16 {
		left: 37%;
		top: 280px;
		width: 22%;
		height: 55px;
	}

	.city_18 {
		left: 11%;
		top: 483px;
		width: 22%;
		height: 55px;
	}

	.city_17 {
		left: 18%;
		top: 415px;
		width: 22%;
		height: 55px;
	}

	.city_19 {
		left: 31%;
		top: 785px;
		width: 22%;
		height: 55px;
	}

	.city_8 {
		left: 19%;
		top: 545px;
		width: 22%;
		height: 50px;
	}

	.city_9 {
		left: 11%;
		top: 622px;
		width: 22%;
		height: 50px;
	}

	.city_7 {
		left: 29%;
		top: 345px;
		width: 22%;
		height: 55px;
	}

	.city_22 {
		left: 4%;
		top: 6px;
		width: 22.5%;
		height: 55px;
	}

	.city_21 {
		left: -16%;
		top: 385px;
		width: 22.5%;
		height: 60px;
	}

	.city_20 {
		left: -23.3%;
		top: 505px;
		width: 22%;
		height: 55px;
	}
}

/*句式只在viewport 寬度不大於1001px才生效*/
@media screen and (max-width: 1001px) {
.close-menu {display:none;}
.intro_img3boxb ul li:last-child::after {
    content: " ";
}
.yoyoevent-box3_center_c{display: block;}
}
/*句式只在viewport 寬度不小於1002px才生效*/
@media screen and (min-width: 1002px) {
/*.target-img img {height:161px;}*/
.news-index-list-box{font-size:1em;}
.cartoon-title .text {font-size: 1.3em;}
.style3 .title {font-size: 1.3em;}
.style1 .title, .style2 .title{
 font-size:1.3em;
}
.yoyoevent-box .title, .yoyoevent-indexbox .title {font-size: 1.3em;}
.yoyoevent-indexbox .title2 {font-size: 1.1em;}
.yoyoevent-box .cartoon-title .text,
.yoyoevent-indexbox .cartoon-title .text{font-size: 1.3em;}
.feature2-cover .box{
	width:29.8%;
	margin:0.2%;
	min-height:390px;
}
.feature2-cover .box .play-icon{
	top:25%; left:35%;}

.feature2-cover .box .title{
	font-size:1.3em;

}

.inner {padding-bottom: 30px;}

#pc-top-ad{display:block;}
#pc-logo-inner{display:block;}
#mobile-logo-inner{display:none;}

#pc-nav-inner{display:block;padding-left:10px; top:-3px; }



.mobileonly-300ad{display:none;}
#arrow-left-w, #arrow-right-w{display:none;}



#main-inner{padding:10px; top:-3px;}
#main{padding: 0 10px 0 10px;}

#main-left{
	margin-left: -320px; 
	float: left; 
	width: 100%;
	
}
#main-left2{
	margin-left: 0; 
	float: left; 
	width: 100%;
	
}
.small-gray-text2{
	font-size:0.9em;
}
.style3 .text {
    margin: 5px 10px 5px 10px;
}

#contentb {/*真正的“main-left”变成了contentb，他的宽度跟以前的main-left一样，是100%-320.*/
    margin-left: 320px;
  }
#contentb2 {
    margin-left: 0;
  }

/*右側*/  
#main-right{
	display:block;
	float:right;
	width:300px;
}
#main-right2{
	display:none;
	float:right;
	width:300px;
}
.news-bgline {
    position: relative;
    padding: 20px;
    border-radius: 20px;
    border: 5px solid #f5d943;
}
.rcartoon-title{
	margin:10px 0 20px 0;
	position:relative;

}
.rcartoon-title .text{
	border-radius: 30px; 
	background-color:#f5d83c; 
	color:#000;
	font-weight:bold;
	height:30px; 
	padding:5px 50px 5px 30px;
	position:relative;
	font-size:1.125em;
	text-align: center;
}

.rcartoon {
	position: absolute;
    bottom: -9px; right: 8px;
	z-index:2;
}
	.style1 .text {
		margin-left: 10px;
		width: 470px;
	}

.style4 .pic {
    width: 100%;
	/*height:90px;*/
    position: relative;
}
	.style4 .text {
		line-height: 1.3em;
		position: relative;
		float: left;
		line-height: 1.5em;
		font-size: 1em;
		float: right;
		width: 58%;
		padding: 0 0 10px 0;
	}

.target3-img {
    overflow: hidden;
    border-radius: 12px;
}
	.news-list-box .target3-img img {
		position: absolute;
		clip: rect(40px,145px,100px,63px);
		left: -63px;
		top: -40px;
	}
.news-list-box .style4 .text .title{
	font-size:1.2em;
}
.news-list-box .style4 .text p{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
	overflow: hidden;
}
#mobile-hot{display:none;}
/*搜尋*/
	#searchmap {
		display: block;
		width: 596px;
		margin: 0 auto;
	}

	.map {
		display: none;
	}

	.search-title img {
		left: 0;
		margin: 0 22px 0 22px;
	}

	.search_s .table1 {
		width: 37%;
	}

	.search_s .table {
		width: 58%;
	}

	.search_city {
		display: none;
	}

	#search-box {
		padding: 0;
		width: 100%;
		margin-top: -30px;
	}

	.join-title-box {
		width: auto;
	}
	#pop {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 954px;
		margin: 20px auto;
		padding-bottom: 20px;
		background-color: #f5d943;
		border-radius: 15px;
		display: block;
	}

		#pop h3 {
			color: black;
			font-size: 2em;
			font-weight: bolder;
			text-align: center;
			margin-top: 30px;
		}

	#city_box {
		position: relative;
		z-index: 1;
		width: 596px;
		margin: 0 auto;
	}

	.city_1 {
		right: -19px;
		top: 25px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_1.png);
		width: 165px;
		height: 59px;
		left: auto;
	}

		.city_1:hover {
			background: url(../images/city_1_2.png);
		}

	.city_2 {
		right: -20px;
		top: 73px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_2.png);
		width: 165px;
		height: 63px;
		left: auto;
	}

		.city_2:hover {
			background: url(../images/city_2_2.png);
		}

	.city_3 {
		right: 155px;
		top: 430px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_3.png);
		width: 165px;
		height: 73px;
		left: auto;
	}

		.city_3:hover {
			background: url(../images/city_3_2.png);
		}

	.city_4 {
		right: 130px;
		left: auto;
		top: 5px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_4.png);
		width: 165px;
		height: 82px;
	}

		.city_4:hover {
			background: url(../images/city_4_2.png);
		}

	.city_5 {
		right: 215px;
		top: 53px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_5.png);
		width: 150px;
		height: 68px;
		left: auto;
	}

		.city_5:hover {
			background: url(../images/city_5_2.png);
		}

	.city_6 {
		right: 265px;
		top: 102px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_6.png);
		width: 157px;
		height: 60px;
		left: auto;
	}

		.city_6:hover {
			background: url(../images/city_6_2.png);
		}

	.city_7 {
		right: 305px;
		top: 255px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_7.png);
		width: 157px;
		height: 57px;
		left: auto;
	}

		.city_7:hover {
			background: url(../images/city_7_2.png);
		}

	.city_8 {
		right: 353px;
		top: 396px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_8.png);
		width: 160px;
		height: 68px;
		left: auto;
	}

		.city_8:hover {
			background: url(../images/city_8_2.png);
		}

	.city_9 {
		right: 365px;
		top: 458px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_9.png);
		width: 160px;
		height: 55px;
		left: auto;
	}

		.city_9:hover {
			background: url(../images/city_9_2.png);
		}

	.city_10 {
		right: 145px;
		top: 228px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_10.png);
		width: 128px;
		height: 87px;
		left: auto;
	}

		.city_10:hover {
			background: url(../images/city_10_2.png);
		}

	.city_11 {
		right: 5px;
		top: 138px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_11.png);
		width: 160px;
		height: 58px;
		left: auto;
	}

		.city_11:hover {
			background: url(../images/city_11_2.png);
		}

	.city_12 {
		right: 45px;
		top: 288px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_12.png);
		width: 155px;
		height: 57px;
		left: auto;
	}

		.city_12:hover {
			background: url(../images/city_12_2.png);
		}

	.city_13 {
		right: 185px;
		top: 358px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_13.png);
		width: 157px;
		height: 60px;
		left: auto;
	}

		.city_13:hover {
			background: url(../images/city_13_2.png);
		}

	.city_14 {
		right: 105px;
		top: 508px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_14.png);
		width: 161px;
		height: 59px;
		left: auto;
	}

		.city_14:hover {
			background: url(../images/city_14_2.png);
		}

	.city_15 {
		right: 215px;
		top: 154px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_15.png);
		width: 159px;
		height: 55px;
		left: auto;
	}

		.city_15:hover {
			background: url(../images/city_15_2.png);
		}

	.city_16 {
		right: 285px;
		top: 203px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_16.png);
		width: 158px;
		height: 55px;
		left: auto;
	}

		.city_16:hover {
			background: url(../images/city_16_2.png);
		}

	.city_17 {
		right: 345px;
		top: 305px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_17.png);
		width: 157px;
		height: 55px;
		left: auto;
	}

		.city_17:hover {
			background: url(../images/city_17_2.png);
		}

	.city_18 {
		right: 360px;
		top: 355px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_18.png);
		width: 153px;
		height: 55px;
		left: auto;
	}

		.city_18:hover {
			background: url(../images/city_18_2.png);
		}

	.city_19 {
		right: 325px;
		top: 555px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_19.png);
		width: 159px;
		height: 55px;
		left: auto;
	}

		.city_19:hover {
			background: url(../images/city_19_2.png);
		}

	.city_20 {
		left: -65px;
		top: 375px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_20.png);
		width: 151px;
		height: 63px;
	}

		.city_20:hover {
			background: url(../images/city_20_2.png);
		}

	.city_21 {
		left: -60px;
		top: 160px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_21.png);
		width: 159px;
		height: 66px;
	}

		.city_21:hover {
			background: url(../images/city_21_2.png);
		}

	.city_22 {
		left: -80px;
		top: 5px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(../images/city_22.png);
		width: 145px;
		height: 88px;
	}

		.city_22:hover {
			background: url(../images/city_22_2.png);
		}
	.wb {
		border: 2px dashed white;
		padding: 20px;
		border-radius: 15px;
	}

	.city {
		text-align: center;
		font-size: 1.4em;
		margin-top: 40px;
	}

	.s_news {
		position: relative;
		margin-top: 80px;
		padding: 0 50px;
	}
	.branch {
		width: 25%;
		float: left;
		margin: 10px;
		padding: 20px;
		border: 2px solid white;
		border-radius: 15px;
		height: 140px;
	}

	.name {
		border: 2px solid #116591;
		border-radius: 15px;
		background-color: #ecf0f2;
		text-align: center;
		font-size: 1.2em;
		padding: 5px 0;
	}

	.tel {
		width: 20px;
		vertical-align: middle;
		margin: 0;
		padding-right: 5px;
	}

	.point {
		width: 12px;
		margin: 0;
		padding-left: 5px;
	}
	.branch p {
		font-size: 1.03em;
		position: relative;
		margin: 5px 0 0 0;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0;
		text-align: justify;
	}

	.s_img {
		right: 150px;
		top: 100px;
		position: absolute;
	}	
		svg {
  height: 90vh;
}



path {
  stroke: white;
  fill: transparent;
  transition: 0.5s;
  cursor: pointer;
  fill: #abc83e;
}
path:hover {
  fill: #B99362;
  /*transform: translate(-5px, -5px);*/
}

#searchmap{
		
	-webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.7));
}
	svg {
		height: 770px;
	}
/*商城*/
.product { margin: 30px 0 0 0;}
	
.shopping-box ul li {
    display: block;
    padding: 10.6px;
    margin: 0 8px 0 8px;	
}
.shopping-box ul {
    width: 98%;
}
	.shopping-box ul li {
		width: 85px;
		padding: 7px 25px 7px 25px;
		margin: 0 2px 0 2px;
	}
	.product_box {
		width: 22.9%;
		position: relative;
		margin: 10px 10px 14px 10px;
	}
.product_text {font-size: 1.1em;} 
.product_b {font-size: 1.1em;letter-spacing: 0.2em;}
	
/*產品*/
.xzoom-text {width:63.6%;}

/*內頁即時*/
.mobile-only{
	display:none;
}
.news-category{
	padding:2px 8px;
	font-size:1em;
}


/*教育核心理念*/
.education_img {width:60%;margin-bottom: 60px;}
.yoyoevent-box3 .title, .yoyoevent-indexbox3 .title,
.yoyoevent-box3 .title2, .yoyoevent-indexbox3 .title,
.yoyoevent-box3 .title3, .yoyoevent-indexbox3 .title{
    font-size: 1.3em;
}

.yoyoevent-box4 .title22,
.yoyoevent-box4_2 .title22{
	font-size: 1.2em;
}
.yoyoevent-box4 .yoyoevent-boxmain4 {
    height: 180px;
}
.yoyoevent-box3 .pic, .yoyoevent-indexbox3 .pic {
    width: 40%;
	margin:0;
}
.yoyoevent-box33 .yoyoevent-boxmain3 {
    /*height: 100px;*/
}
.yoyoevent_left {
    float: left;
}
.yoyoevent_right {
    float: left;
	width: 47%;
    padding-left: 20px;
}
.education_main {width: 95%;padding: 0 20px;}
.yoyoevent-box3 {
    width: 100%;
}

.yoyoevent-indexbox3 {
    width: 48%;
}
.yoyoevent-box3 p, .yoyoevent-indexbox .summary p {
    width: 56.5%;
	letter-spacing: 0;
}
.yoyoevent-box3 .title, .yoyoevent-indexbox3 .title {
    width: 42%;
}
.yoyoevent-box3 .title3, .yoyoevent-indexbox3 .title {
    width: 140px;
}
.yoyoevent-indexbox3 .pic2 {
    padding: 0 8px 0 0;
	margin:0;
}
.yoyoevent-box4,.yoyoevent-box4_2 {margin: 3px 0.9% 1.5%;}

.yoyoevent-indexbox .summary p {
    width: 69.6%;
}
.education_timg1 {
    right: 0;
    width: 150px;
}
.yoyoevent-box3_center{margin: 0 auto;width: 46%;float:left;}
.yoyoevent-box3_center_p{display: block;}
.yoyoevent-box3_center_c{display: none;}
.yoyoevent-box4_left, .yoyoevent-box4_right {
    width: 25%;
    float: left;
    margin: 10px;
}
.down {margin-bottom: 50px;}
/*教學系統介紹*/
.intro_title {width:60%;margin-top: 60px; margin-bottom: 60px;}
.intro_imgbox {width: 100%;}
.intro_imgboxl {padding: 20px 0;width: 260px;}
.intro_imgboxr {padding: 20px 5px;}
.close_img {display:none;}
.intro_img3 {
    width: 96%;
    padding: 0;
}
.intro {display: none;}
.intro_img3box {
    width: 400px;
}
.yoyoevent-box3_3 {
    width: 48%;
	float: left;
}
.yoyoevent-box3_5 {
    line-height: 1.5em;
}
.yoyoevent-box3_3 .yoyoevent-boxmain3 div ul li,
.yoyoevent-box3_4 .yoyoevent-boxmain3 div ul li	{
    line-height: 1.67em;
}
.ybox {float:left;width:49%;}
.yoyoevent-box3_6 img {
    width: 72.8%;
}
.yoyoevent-box33, .yoyoevent-indexbox3 {
    width: 48%;
}
.yoyoevent-box34, .yoyoevent-indexbox3 {
    width: 48%;
	height: 160px;
}
.yoyoevent-box33 p ,
.yoyoevent-box34 p {
    letter-spacing: 0;
}
.yoyoevent-box33 .title2, .yoyoevent-indexbox3 .title{
    font-size: 1.3em;
}
.yoyoevent-box33 .title2{
    width: 205px;
}

/*異業結盟*/
.yoyoevent-box5 .title{
    font-size: 1.3em;
}
.yoyoevent-box5,.yoyoevent-box5_2 {width:31.3%;margin-bottom: 35px;}
.yoyoevent-box5_2 {width:31.3%;margin: 0 0 0 190px;}
.yoyoevent-box5_2 .yoyoevent-boxmain5 {
    height: 95px;
}
/*企業托育*/
.yoyoevent-box6 .title {
	margin: 20px 0 0 0;
}
.yoyoevent-box6 .pic2 {
	width:908px;
	margin:0 auto;
}
.yoyoevent-box6 .pic2, .yoyoevent-indexbox6 .pic2 {width:80%;}


.s1 {width: 280px;}
.s2 {width: 160px;}
.s3{width:190px;}
.s4{width:230px;}

.yoyoevent-box5 .yoyoevent-boxmain6 {
    height: 120px;
}
.yoyoevent-box5 .yoyoevent-boxmain7 {
    height: 170px;
}
/*加盟優勢*/
.advantage_img {width:80%;}
/*加盟服務*/
.service_titlebox {
    width: 22.92%;
    float: left;
	padding:10px;
}
.service_text {
    height: 268px;
}
.service_text ol {
    width: 74%;
    padding: 40px 40px 40px 45px;
}
/*影音BANNER下方的資訊*/
.video-info{
	padding:20px; 
}

/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:220px;
}
.elselive30video-list-little-box{
   height:230px;
}
/*認識YOYO家族角色形象*/
.familyevent-box p,.familyevent2-box p,
.familyevent3-box p,.familyevent4-box p	{
    font-size: 1.1em;
	padding:10px 30px;
}
.tablee2 {
    width: 63.8%;
}

/*新聞內頁分類*/
.orange-big-slider .arrow-left-y, .orange-big-slider .arrow-right-y{
	display:block;
}

.news-index-list-box .style1 .summary{display:block;}
/*兩則300廣告*/
.two300ad{

	text-align:center;
}
.two300ad .ad_300250{
	display:inline-block;
	margin:0 5px;
	
}
.two300ad .last{
	display:inline-block;
}
/*************overlay***************/	
.overlay .overlay-close {
width: 50px;
height: 50px;}
.overlay .overlay-content {
	top: 60%;
width: 936px;}
.final-top{
	margin-left: -356px; float: left; width: 100%;

}
.final-bottom{
	float:right;
	width:336px;
}
.contentb2 {
    margin-left: 356px;
  }
 /*overlay天氣*/

.overlay .overlay-weather {
	position: relative;
	top: 50%;
	/*height: 50%;*/
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 800px;
	margin: 0 auto;
	padding:2%;
	overflow:scroll; 
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#eee;
} 
.location-btn{text-align:center; margin-top:20px;}
.location-btn ul, .location-btn ul li{
	list-style:none;
	padding:0;
	margin:0;
}
.location-btn ul li{
	float:left;
	background-color:#f5d83c;
	padding:5px 10px;
	font-size:1.25em;
	margin:1%;
	width:20.5%;
	cursor:pointer;
	
}

  /*主播主持人*/

.pic-text{
	top:0%;

}
/*會員登入*/	

	.overlay .overlay-login {
		top: 60%;
	width: 900px;}
	
	.overlay-login .final-top{
	margin-left: 0;
	float:none;
	width: auto;
}

 .overlay-login .final-bottom{
	float:none;
	width: auto;
}
.yoyoevent-box .yoyoevent-boxmain{
	height:250px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:270px;
}
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:340px;
}
.yoyoevent-box .sharing-summary p,
.yoyoevent-indexbox .sharing-summary p{
    -webkit-line-clamp: 8;
}	
.style1 .text .title p {
    -webkit-line-clamp: 1;
}
/*預約試訓填表*/
.yoyoevent-box2 .table2 {
    width: 79.4%;
}
.yoyoevent-box2 .table3 {
    width: 38.2%;
}
.plaid-title {font-size:1.3em;}
.small-gray-text, .small-gray-text2 {
    font-size: 0.9em;
}
/*加盟專區聯絡資訊*/
.yoyoevent-bluebox .table2 {
    width: 79.4%;
}
.yoyoevent-bluebox .table3 {
    width: 38.2%;
}
.title-box {width:auto;}
/*加盟專區*/
.arrow-l,.arrow-r {display:none;}
/*加盟流程*/
.process_contentimg{
	width: 898px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}
.process_bottom {
    width: 786px;
    margin: 0 auto;
	padding: 40px 0 0 0;
}

.entrance {display:none;}
.entrance-box ul {
	display:block;
	margin:0 auto;
	padding:0;
	width:795px;
	overflow: hidden;
}
.entrance-box2 ul {
	display:block;
	margin:0 auto;
	padding:0;
	overflow: hidden;
}
.entrance-box ul li{
	display:block;
	padding: 10px 27.5px 10px 27.5px;
    margin: 0 10px 0 10px;
}

.entrance-box2 ul li{
	display:block;
	padding: 10.6px;
	margin: 0 8px 0 8px;
}
.plaid-title2 {font-size: 1.3em;}
.join-menu-box {margin: 0 auto;}
.join-menu {width:23%; margin:0 5px 0 5px;float:left;font-size: 1.2em;height:126px;}

/*聯絡我們*/
.contact-title{font-size: 1.3em;}
.join-title-box2{width:auto;}
/*友好連結*/
.friendlylink img {height: 150px;}

/*最新消息*/
#news-index{
	width:66%;
}
}
/*句式只在viewport 寬度不小於1024px才生效*/
@media screen and (min-width: 1024px) {
.style1 .text {
/*    width: 786px;*/
}
.feature2-cover .box{
	width:29.9%;
}
/*企業托育*/
.yoyoevent-box6 .pic, .yoyoevent-indexbox6 .pic{
	width:273px; 
}
/*教育核心理念*/
.yoyoevent_right {
	width: 49%;
}
.yoyoevent-box3_6 img {
    width: 66.3%;
}
/*.target-img img {height:165px;}*/
/*友好連結*/
.friendlylink img {height: 153px;}
/*商城*/	

.product_box {width: 23%;}
	
/*產品*/
.xzoom-text {width:64.5%;}
	
/*頁數*/
.page-area a div,#page_hover {padding:10px;}

}
@media screen and (min-width: 1130px) {
	.feature2-cover .box{
	width:30.3%;
}

.fncvideo-list-little-box{
	height:230px;
}
#yt-index{
	/*float:left;*/
	width:55%;
	/*margin-left:2%;*/
	margin-top:20px;
	}
#news-index{
	/*float:right;*/
	/*width:50%;*/
	/*margin-right:2%;
	margin-top:30px;*/
	}
	.style1 .text{
		line-height:1.1em;
}
.inner2 {
	background: url(../images/test-bg.png)no-repeat;
	background-position: 50%;
	background-size: contain;
}
/*.target-img img {height:183px;}*/
}
/*句式只在viewport 寬度不小於1200px才生效*/
@media screen and (min-width: 1200px) {
.feature2-cover .box{width:30%;}
.feature2-cover .box .title{width:97%;}

#pc-logo, #pc-nav, #main, #footer, .inside{
	margin: 0 auto;
	width:1024px;
}
.footer-2{padding-right:0px;}


/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:210px;
}
.elselive30video-list-little-box{
   height:210px;
}

/*內頁即時*//*新聞列表*/
.style1 .pic{
	/*margin-top:2px;*/
}
	.style1 .text {
		width: 490px;
	}
/*話題清單*/
.Feature-list .style1 .pic{
	margin-top:10px;
}
/*.target-img img {height:165px;}*/
/*浮動社群分享*/
#pageshare{
	display:block;
	position:absolute;
	top: 0px;
	float: left;
	background-color: #f5d83c;
	z-index: 10;
	margin-left:-80px;
}
#pageshare .sbutton img{
	width:auto;
}
.moremore_s {width:10%;}

/*教育核心理念*/

.yoyoevent-indexbox3 {
    width: 48.2%;
}
.yoyoevent-box3 p, .yoyoevent-indexbox .summary p {
    width: 56.8%;
}
.yoyoevent_right {
	width: 51%;
	padding: 0;
}
.education_main {width: 100%;}
	
/*教學系統介紹*/
.yoyoevent-box33, .yoyoevent-indexbox3 {
    width: 48.2%;
}
.yoyoevent-box34, .yoyoevent-indexbox3 {
    width: 48.2%;
}
	

}

/*句式只在viewport 寬度不小於1400px才生效*/
@media screen and (min-width: 1400px) {
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:410px;
}
.yoyoevent-box .yoyoevent-boxmain{
	height:320px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:340px;
}
.yoyoevent-indexbox .yoyoevent-boxmain2{
	height:410px;
}
#main-inner{ top:-5px;}
.feature2-cover .box{
	width:30.6%;
	margin:0.4%;
	min-height:330px;
	
}

.feature2-cover .box .play-icon{
	top:32%; left:40%;}
	
	
.errorr{text-align:center; margin-top:5%;}
.errorr img{width:auto;}


#pc-logo, #pc-nav, #main, #footer, .inside{
	width:1380px;
}
#pc-nav-inner{font-size:1.06em; top:0px;}

#pc-nav ul{margin-top:-20px;}
#pc-nav ul li a{
	padding:20px 6px 20px 6px;
}


#pc-nav ul li .sub-menu a	{ 	padding:3px 3px 6px 3px; margin:0px 5px; text-align:center; font-size:0.8em; } /* 下拉清單每一列的樣式 */

#marquee-text{width:90%;}
/*頭條*/
#focus-left{/*margin-top:10px;*/
margin-left: -320px; 
	float: left; 
	width: 100%;}
#focus-contentb {/*真正的focus-left”变成focus-contentb，他的宽度跟以前的focus-left一样，是100%-320.*/
    margin-left: 320px;
  }


/*.target-img img {height:228px;}*/

.moremore_s {width:15%;margin-top: 40px;}



#pc-logo .ad_72890{
	padding-right:320px;
}



/*內頁即時*/
.ten .text{
	width:90.5%;
}
.fncnews-content .ad_72890{
	display:block;
	
}


/*新聞列表*/

.style1 .text .title p {overflow: inherit;}
.style1 .pic{
	/*width:200px;
	margin-top:0px;*/
	
}
	.style1 .text {
		min-height: 100px;
		width: 720px;
	}
.style3 .text{
	margin-top: 45px;
    line-height: 1.5em;

	}

/*.style1 .text{

	margin-left:205px;
	
}*/

.style2 .text{
     padding:15px;
}


/*話題清單*/
.Feature-list .style1 .pic{
	margin-top:0px;
}

/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:280px;
}

.elselive30video-list-little-box{
   height:270px;
}
.elselive30video-list-little-box .title{
	font-size:0.9em;
	line-height:1.4em;
}
.play-icon img { width: 90%;}
/*首頁6分類*/

.category6_1 {
	width: 32.93%;
}
.category6_1 ol li{
	font-size:1em;
	line-height:1.5em;
	height:45px;
}
.category6_1 .text span{
	font-size:1.1em;
	padding:10px;
	letter-spacing:1px;
}

/*新聞單則內容*/
.news-cover .play-icon{
	top: 45%; left: 45%;
}
/*主播主持人*/

.pic-text{
	top:8%;
	left:70px;
	position:absolute;

}
.pic-text .name{
	letter-spacing:10px;
}
.pic-text .now ul li{
	font-size:0.875em;
}
/*浮動社群分享*/
#pageshare{
	display:none;

	/*margin-left:-20px;*/
}
/*************overlay***************/	

.overlay .overlay-content {
	top: 60%;
width: 1236px;}
.final-top{
	margin-left: -356px; float: left; width: 100%;

}
.final-bottom{
	float:right;
	width:336px;
}
.contentb2 {
    margin-left: 356px;
  }

.yoyoevent-box2,.yoyoevent-bluebox{
	width:70%;
	margin:0 auto;
}
.yoyoevent-box .sharing-summary p{
    -webkit-line-clamp:unset;
}	
.yoyoevent-indexbox .sharing-summary p{
    -webkit-line-clamp: 10;
}	
/*預約試訓填表*/
.yoyoevent-box2 .table2 {
    width: 79.3%;
}
/*加盟專區聯絡資訊*/
.yoyoevent-bluebox .table2 {
    width: 79.3%;
}
.join-title {
	margin: 0 0 20px 200px;
}
/*聯絡我們*/
.c-title {
	margin: 0 0 20px 200px;
}
/*加盟專區*/
.entrance-box ul {
	width:973px;
}
.entrance-box2 ul {
	width:1200px;
}
.entrance-box ul li{
	padding: 10px 35.5px 10px 35.5px;
    margin: 0 20px 0 20px;
}
.entrance-box2 ul li{
	padding: 10px 25px 10px 25px;
}
.join-menu {width:23.5%; margin:0 5px 0 5px;}
.join-menu div {margin:0 auto;}
.join-menu img {height:auto;}
/*yo園專區*/
.yoyoevent-zonebox{
	width:70%;
	margin:0 auto;
}
/*教育核心理念*/
.education_img {width:673px;}
.education_timg1 {
    right: 120px;
}
.yoyoevent_left {
    float: left;
    width: 45%;
    padding: 0 70px;
}
.yoyoevent_right {
    width: 40%;
    padding: 0;
}
.yoyoevent-box3 .title, .yoyoevent-indexbox3 .title {
    width: 35%;
}
.yoyoevent-box3 p, .yoyoevent-indexbox .summary p {
    letter-spacing: unset;
}
.yoyoevent-box3 p, .yoyoevent-indexbox .summary p {
    width: 57.7%;
}
.yoyoevent-indexbox .summary p {
    width: 78%;
}
.yoyoevent-box4 .yoyoevent-boxmain4 {
    height: 120px;
}
.yoyoevent-box3_2{
    margin-top: 5px;
}
	.yoyoevent-box4 p br,
	.yoyoevent-box4_2 p br {
		display: block;
	}
	
/*教學系統介紹*/
.intro_title {width:673px;margin-bottom: 90px;}
.intro_img3 {width: 1317px;}
.yoyoevent-indexbox3_3 {
    width: 48.2%;
}
.yoyoevent-box3_3 {
    width: 48%;
	height: 483.91px;
}
.yoyoevent-box3_3 .yoyoevent-boxmain3 div ul li,
.yoyoevent-box3_4 .yoyoevent-boxmain3 div ul li{
    line-height: 2.8em;
}
.yoyoevent-box3_6 img {
    width: 59.6%;
}
.yoyoevent-box33 .yoyoevent-boxmain3 {
    height: 80px;
}
.yoyoevent-box34, .yoyoevent-indexbox3 {
	height: 130px;
}
.yoyoevent-box33 p,
.yoyoevent-box34 p {
	letter-spacing: unset;
}
/*異業結盟*/
.yoyoevent-box5 {width:320px;}
.yoyoevent-box5_2 {width:320px;margin: 0 0 0 190px;}
.yoyoevent-box5 .yoyoevent-boxmain6 {
    height: 90px;
}
.a_box{width:1022px; margin:0 auto;}
.yoyoevent-box5 .yoyoevent-boxmain7 {
    height: 120px;
}
/*企業托育*/
.yoyoevent-box6 {
    padding: 40px 120px 40px 120px;
	width: 90%;
    margin: 0 auto;
}
/*加盟優勢*/
.advantage_img {width:1077px;}
/*加盟服務*/
.service_text ol {
    width: 52.2%;
    padding: 40px 40px 40px 70px;
}
.service_text {
    height: 248px;
}
/*認識YOYO家族角色形象*/
.wbox {
    padding: 20px;
}
.tablee2 {
    width: 63.7%;
}
/*友好連結*/
.friendlylink img {height: 208px;}

/*搜尋*/
	.aircraft {
		position: absolute;
		top: 50px;
		left: -250px;
		display: block;
	}

/*商城*/	
.shopping-box ul li {padding: 7px 25px 7px 25px; width: 85px;margin: 0 2px 0 2px;}
.product_box {
    width: 23.5%;
}
/*產品*/

.xzoom-text {width: 73.8%;}
.xzoom-text h2{background-color: #f5d83c;}
}
/*句式只在viewport 寬度不小於1500px才生效*/
@media screen and (min-width: 1500px) {
	/*浮動社群分享*/
#pageshare{
    display:block;
}
}
