/* 縮小失敗。正在傳回未縮小的內容。
(166,20): run-time error CSS1036: Expected expression, found ';'
(791,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(792,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(821,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(822,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(936,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(937,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: #5eb6e8;
  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: white;
  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:#5eb6e8;
  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;
}
.pushy-submenu .pushy-link2{
	display:inline-block;
	width:90%;
	float:left;
	background: transparent;
	border-bottom:0;
	padding:3px 0 2px 5px;
}
/*# 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;}
button {
    border: 0px;
    background-color: transparent;
}
#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;
    background-repeat: no-repeat;
    background-position: center center;
    line-height:0;
	left:2%;
}
.arrow-right-y{
	position:absolute;
	top:40%;
    z-index:3;
	right:0;
	cursor:pointer;
    background-repeat: no-repeat;
    background-position: center center;
	line-height:0;
	right:2%;

}

.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: 35%; left: 42%;
	z-index:2;

}

.play-icon img {
	 width: 70%;
	 opacity: 0.8; 
    filter: alpha(opacity=80); 
	}

.small-gray-text{
	color:#666666; 
	font-size:0.9em;
	letter-spacing:0;
	/*margin-left:5px;*/
	margin-right:5px;
}
.small-gray-text2{
	/*color:#666666;*/ 
	font-size:0.9em;
	letter-spacing:0;
	/*margin-left:5px;*/
	margin-right:5px;
}
.white-box{background-color:#FFF;}
.dot-box {
    background-image: url(/Areas/Branch/images/bg-dot.gif);
    background-repeat: repeat;
}
.triangle-box {
    background-image: url(/Areas/Branch/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;
	padding:8px 10px;
	display:none;
	color:#000;
    letter-spacing:1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100 */
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}

#pc-logo-inner img { width:auto;}




/*mobile-LOGO*/
#mobile-logo-inner{
	margin: 0 auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100 */
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
     text-align:center;
	 /*padding:5px 0;*/
	 position:fixed;
	 top:0;
	 z-index:20;
	  width:100%;
	
}
#mobile-logo-inner-margin{height:65px;}
#mobile-logo-inner img { width:auto;}

.logo-ss{
	display:inline-block;
	/*width:65%;
	padding:2px 30px 0 0;*/
	margin: 0 auto;
	float:left;
	padding:8px 0;
}





/*pc-NAV*/

#pc-nav-inner{
	margin: 0 auto;
	 background:#5eb6e8;

	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:white; }
#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:" ｜"; color:white;}
#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;
}

    .dropdown .dropbtn {
        font-size: 1em;
        border: none;
        outline: none;
        color: white;
        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: #5eb6e8;
  /*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: #f5d83c;
}

.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;
	width:95%;
	
}

.cartoon-title{
	margin:10px 0 20px 0;
	position:relative;

}
.cartoon-title .text{
	border-radius: 13px; 
	background-color:#5eb6e8; 
	color:white;
	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;
	background-image:url(/Areas/Branch/images/bg.jpg);
	border-radius:20px;
}
.connectionmap{
	margin:0 1%;
	margin-bottom:20px;
	border-radius:20px;
	height: 250px;
	position:relative;
}
.connectionmap iframe {
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.friendlylink p {padding:20px 25px 20px 25px}

.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(/Areas/Branch/images/bg-subtitle.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
    color: white;
    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 #5eb6e8;
	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:#5eb6e8; 
	color:white;
	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 #5eb6e8;
}


.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-box .title2{
	letter-spacing:0;
	font-size:1.05em;
	line-height:1.2em;
	/*color:#1bb1e7;*/
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0;
	overflow: hidden;
	
}

.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 0 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(/Areas/Branch/images/bg-triangle.gif);
    background-repeat: repeat;
}

.yoyoevent-box2{
	/*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
}
/*分園園所簡介*/
.contentb-title {
    position: relative;
    color: black;
    font-weight: bold;
    height: 37px;
    font-size: 1.15em;
    width: auto;
    text-align: center;
    /*display:inline-block;*/
    background-image: url(/Areas/Branch/images/titlt_img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contentb-title-img{
	position:absolute;
}
.fncnews-content .abouttable{
	text-align: center;
    padding: 6px;
	border-top: 2px #e0dada solid;
	width: 100%;
	font-weight: bold;
	float:left;
}
.fncnews-content .abouttable2{
	text-align: center;
    padding: 6px;
	border-top: 2px #e0dada solid;
	width: 100%;
}
.contentb-bottom {position:relative;float:right;line-height: 0;}
/*分園教學環境*/
.textbox {
    width: 100%;
    position: relative;
    overflow: hidden;
	padding: 0 0 20px 0;
}
    .textbox img {
        border-radius: 20px;
        height: 100%;
        width: 100% !important;
        object-fit: cover;
    }
.textbox1, .textbox1_1 {
    position: relative;
}
.ttitle {
	font-size:1em;
	font-weight:bold;
}
.textbox p {
    position: relative;
    font-size: 1em;
    color: black;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    letter-spacing: 0.1em;
	margin:0;
}
.textbox1, .textbox1_1,.textbox4,.textbox44 {
    width: 100%;
    margin: 0 auto;
	line-height:0;
	z-index: 1;
}
.textbox4s,.textbox44s {
    width: 100%;
    margin: 0 auto;
	line-height:0;
	position:absolute;
	border:3px #f5d943 solid;
	border-radius: 20px;
}
.iamhere {
	display: block;
    clear: both;
    height: 20px;
}
/*分園班級作息表*/
.button-box {width:100%; position:relative; padding:0 0 90px 0;margin: 0 auto;}
.cbutton {
	width:30%; 
	float:left; 
	position:relative;
	border-radius:13px;
	height: 45px;
    margin:0 9px 0 9px;
	color:black;
	font-size:1em;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	border: 2px solid #fdd000;
    background: white;
	-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;

}
.cbutton_a {
    width: 100%;
    float: left;
    position: relative;
    border-radius: 13px;
    height: 45px;
    margin: 0 9px 0 9px;
    color: black;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #fdd000;
    background-image: url(/Areas/Branch/images/button-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.cbutton:hover {
    text-decoration: none;
    color: black;
    background-image: url(/Areas/Branch/images/button-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /*background: #fdd000;*/
    border: 2px solid #fdd000;
}
.pre {width:30px; position:relative;float:left;height:49px;}
.next {width:30px; position:relative;height:49px;float:right;}
.curriculummain a {text-decoration:underline; text-align:center;}
.curriculummain {text-align:center;}
/*yo園專區*/
.yoyoevent-zonebox{
	margin:0 1%;
	/*padding: 20px 20px 40px 20px;*/
	border: 3px #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;
}
.calendarmain{
	text-align:center;
}
.calendarmain a:link{
	text-decoration:underline;
	color:#f66a0a;
}
.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%;
}

/*搜尋*/
#search-box {
	position:relative;
	margin: -50px 0 0 0;
}
.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_s select {
	width: 100%;
    border: 0;
    font-family: "微軟正黑體";
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
    text-align-last: center;
    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;
    text-align: left;
    padding: 2px;
    background-color: white;
    width: 75%;
    border: 1px solid #d2d2d2;
    margin: 0 auto;
}
/*預約試訓填表*/
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-box2 .table1_2 {
    border-radius: 15px;
    text-align: center;
    margin: 15px 0 0 0;
}

.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-bluebox .table5,
.yoyoevent-box2 .table6,
.yoyoevent-bluebox .table6{
    /*border-radius: 15px;
    border: 2px solid #d2d2d2;*/
    text-align: left;
    margin: 15px 0 0 0;
    padding: 6px;
	background-color: white;
	text-align: justify;
    word-wrap: break-word;
    word-break: normal;
}
.agree {
    font-size: 1.1em;
    height: 1.3em;
    /* width: 75%; */
}
.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;
}
.yoyoevent-box2 .checktime {
    padding: 10px 10px;
    display:block;
}
/*MAIN主要內容*/

#main-inner{
	margin: 0 auto;
	/*margin-top:10px;*/
	letter-spacing:1px;
	position:relative;
}

#main{}

#main-left{display:none;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;
	
}
/*BBC*/
.bbc{
	width:100%;
	background-color:#bb1919;
	padding-bottom:3px;
	margin-bottom:10px;
	}
.bbc img{width:auto;}



/*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;
}
/*爆料*/
.spy{margin-top:10px;}
.spy-box{
	padding:20px;
	padding-top:0;
}
.spy-box a{	
	color:#000983;}





	 
/*精彩節目大影片*/
#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;
	
}
.cbg {
    width: -webkit-fill-available;
    width: -moz-available;
    position: relative;
    background-image: url(/Areas/Branch/images/calendarimg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 50px;
}
.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 #5eb6e8 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 {padding:5px 0 0 0;}
.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 #5eb6e8 solid;
	border-radius: 20px;
	margin: 0 5px 0 5px;
}
.news-content {margin-bottom:30px; overflow:hidden;}
/*頁數*/
.page-area{
	padding:20px 10px;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}
.page-area a{
	display:inline-block;
	margin:0 5px;
}
.white-btn{
	background-color:#fff;
	font-weight:bolder;
	padding:3px 10px;
	letter-spacing:2px;
}

/*載入更多*/
.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;
	
	
}



/*話題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(/Areas/Branch/images/footer-illustration.png), url(/Areas/Branch/images/bg-triangle.gif);
    background-repeat: no-repeat, repeat;
    background-position: bottom center, right;
}
#footer-ill2 {
    display: none;
    width: 100%;
    height: 160px;
    margin: 0 auto;
    position: relative;
    background-image: url(/Areas/Branch/images/footer-illustration.png), url(/Areas/Branch/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:#f0f8fc;
	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;
}

/*爆料*/
.infocheck{
	padding:10px 20px;
	border:1px solid  #e7e7e6;
	margin-bottom:30px;
	text-align:left;
	
}

.infocheck div{
	margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
	.infocheck label{
	display:block;}

/* 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: 50px;
        height: 50px;
        position: absolute;
        left: 15px;
        top: 15px;
        overflow: hidden;
        border: none;
        background: url(/images/yoyokindergarten.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;*/

}
.target2-img{
 width: 100%;
  height: 0;
 padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 12px;

}
.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;
}
.bottom_box {padding: 60px 0 20px 0;}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% ;
	/*padding: 0 20px 20px 20px;*/
	border-radius: 15px;
	/*width: 98%;*/
    height: 300px;
}
#fb-root {
    display: none;
}
.fb_box {overflow:hidden; text-align:center;margin: 10px 0 -10px 0;}
.fb_clearbox {margin:10px 0 10px 0;}

.school {
    background-color: #b3d465;
    /*width: 200px;*/
    padding: 10px 5px 10px 5px;
   /* border-radius: 10px;
    margin: 10px;*/
}
.school_b {
	border-radius: 10px; 
	border:2px solid white;
	padding: 10px 5px 10px 5px;
    text-align: center;
	border-style:dashed;
	text-shadow: rgba(3, 3, 3, 0.38) 2px 2px 6px;
	font-size: 1.2em;
    color: white;
}
.menu-btn {margin-top:8px;}

.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;
    }

/*活動影音*/
.link_img {
    position: relative;
    float: right;
}

    .link_img img {
        vertical-align: middle;
        width: 40px;
        line-height: 0;
        margin-top: 10px;
        position: relative;
        margin-left: -8px;
    }
/*句式只在viewport 寬度不小於320px才生效*/
@media screen and (min-width: 320px) {
.moremore_s {width:40%; margin:0 auto;}
/*.target-img img {height:159px;}*/

/*搜尋*/
#search-box {
    padding: 10px;
}
/*粉絲專頁外掛程式*/
.fb_iframe_widget {}
/*分園園所簡介*/
.contentb-bottom {
	top: 20px;
    left: 10px;
}
/*分園教學環境*/

.textbox p {word-break: break-all;}
.ttitle { text-align:center;}
.textbox2,.textbox2_2 {margin:10px 0 0 0;}
    /*分園班級作息表*/
.cbutton,.cbutton_a {width:68%;}
.menu-btn {position:relative;left:10px;}
    /*活動影音*/
    .video_top {
        margin: 10px 5px 15px 5px;
    }

        .video_top p {
            margin: 0 0 15px 0;
        }

}
/*句式只在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%;}
    /*分園班級作息表*/
.cbutton,.cbutton_a {width:73%;}
.yoyoevent-boxforn {/*padding:20px;*/}
.play-icon {top: 37%; left: 44%;}
}
/*句式只在viewport 寬度不小於400px才生效*/
@media screen and (min-width: 400px) {
/*.logo-ss{padding:0;}*/

#marquee-text{width:80%;}
    .textbox1, .textbox1_1, .textbox4, .textbox44 {
        height: 416px;
    }

/*精彩節目節目清單*/
.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%;}
/*分園班級作息表*/
.cbutton,.cbutton_a {width:75%;}
}
/*句式只在viewport 寬度不小於425px才生效*/
@media screen and (min-width: 425px) {
/*.target-img img {height:218px;}*/
/*搜尋*/
	.search-title img {
	left: 15%;
}
.join-title-box2 {width:395px;margin: 0 auto;}
/*分園班級作息表*/
.cbutton,.cbutton_a {width:77%;}
.play-icon {top: 40%;}
}
/*句式只在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) {
.right2 {float:right;}
.style1 .text {margin-left: 10px;float:left;width: 289px;}
.style1 .pic{width:150px;}
    .style1 hr {
        display:none;
    }
.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%;}

/*分園班級作息表*/
.cbutton,.cbutton_a {width:81%;}
}
/*句式只在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%;
}
.play-icon {top: 45%; left: 46%;}
}
/*句式只在viewport 寬度不小於600px才生效*/
@media screen and (min-width: 600px) {
/*.target-img img {height:314px;}*/
.style1 .text {width: 384px;}
    .textbox1, .textbox1_1, .textbox4, .textbox44 {
        height: 616px;
    }

/*搜尋*/
.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;}
/*分園班級作息表*/
.button-box {width:85%;}
.cbutton, .cbutton_a { width: 82%;}
}
/*句式只在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;

}
/*頁數*/

.page-area a{
	margin:0 10px;
}

.fncvideo-btn{
	margin-right:20px;
}
/*精彩節目節目清單*/
.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%;}
/*分園班級作息表*/
.cbutton, .cbutton_a { width: 83%;}
}

/*句式只在viewport 寬度不大於767px才生效*/
@media screen and (max-width: 767px) {
/*聯絡我們*/
/*.title-box {width:400px; margin:0 auto;}*/
.c {display:none;}
}
/*句式只在viewport 寬度不小於768px才生效*/
@media screen and (min-width: 768px) {
.logo-ss {
    display: inline-block;
    width: auto;
    /* margin: 0 auto; */
    padding: 2px 10px 0 0;
    float: left;
}
#mobile-logo-inner{
	width:96%;
padding:5px 2%;}
/*.school {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 450px;
}*/
.school close{display:none;}
.bigbanner {margin-top:9px;}
.menu-btn {left:0px;}
.school {
    background-color: #b3d465;
    float: left;
    border-radius: 10px;
	width:auto;
	margin: 5px 0 0 0;
	padding:5px;
}
.school_b {
	border-radius: 10px; 
	border:2px solid white;
    text-align: center;
	border-style:dashed;
	font-size: 1.1em;
    color: white;
	padding: 8px 25px 8px 25px;
}
.friendlylink,.connectionmap{
	float:left;
	width:48.2%;
	margin:0 0.9%;
	height:250px;
}
.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: 205px;
}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 336px;
}
.yoyoevent-box .yoyoevent-boxmain3 {
		height: 155px;
}
.yoyoevent-indexbox .yoyoevent-boxmain {
		height: 300px;
}
.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;
	/*width: -webkit-fill-available;
	width: -moz-available;*/
	
}
.cbg {/*padding:20px 20px 150px 20px;*/}
/*新聞列表*/

.style1 .text{
	font-size:1em;
    width:543px;
}
.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;
}
/*預約試訓填表*/
    .yoyoevent-box2 .table1 {
        border: 2px solid white;
        text-align: left;
        padding: 6px;
        float: left;
        width: 18.5%;
    }
    .yoyoevent-box2 .table1_2 {
        border: 2px solid white;
        text-align: left;
        padding: 6px;
        float: left;
    }

    .yoyoevent-box2 .table2 {
        float: left;
        width: 76.6%;
    }

.yoyoevent-box2 .table5 {
	float:right;
	width: 75.6%;
}
.yoyoevent-box2 .table6 {
	float:right;
	width: 71%;
}
    .yoyoevent-box2 .table3 {
        float: left;
        width: 36.4%;
        margin: 15px 0 0 5px;
    }
.yoyoevent-box2 .table4 {
    float: left;
	/*width:30%;*/
}
    .yoyoevent-box2 .code {
        float: left;
        margin: 21px 10px 0 20px;
    }
/*加盟專區*/
.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%;
}
#search-box {width:70%; margin: 0 auto;padding: 0;}
.search_s .table1{width:19%;}
.search_s .table {width:60%;}

/*FOOTER*/
#footer-ill,#footer-ill2{
	display:block;
}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:338px;}

.bottom_box {padding: 60px 0 80px 0;}

/*分園園所簡介*/
.fncnews-content .abouttable{
	width: 20%;
	text-align:left
}
.fncnews-content .abouttable2{
	width: 75%;
	text-align:left;
	float:left;
}
/*分園教學環境*/
.textbox1 {
    position: relative;
    float: left;
    width: 42%;
}
    .textbox4 {
        position: relative;
        float: left;
        width: 206px;
    }
.textbox1_1 {
    position: relative;
    float: right;
    width: 42%;
}
.textbox1_3 {
    position: relative;
    float: right;
    width: 42%;
}
.textbox44 {
    position: relative;
    float: right;
    width: 30%;
	right: 18px;
}
    .textbox4_2 {
        position: relative;
        float: right;
        width: 460px;
        margin: 0 0 0 22px;
    }
    .textbox4s {
        width: 206px;
        top: 15px;
        left: 18px;
    }
.textbox44s {
    width: 30%;
    top: 15px;
	right: 0px;
}
.textbox2 {
    width: 380px;
    position: relative;
    float: right;
}
.textbox2_2 {
    width: 380px;
    position: relative;
    float: left;
}
.textbox3_3 {
    width: 380px;
    position: relative;
    float: left;
}
    .textbox44_2 {
        width: 440px;
        position: relative;
        float: left;
    }
.contentb-bottom {left: 20px;}
.contentb-title {font-size:1.1em;}
.ttitle {text-align: left;}
.textbox p {margin: inherit;}
/*分園班級作息表*/
    .cbutton, .cbutton_a {
        margin: 0 9px 0 9px;
        width: 21.8%;
    }
.button-box {width: 100%;}
.pre,.next {display:none;}
.curriculummain {text-align: left;padding: 0 25px 0 25px;}
.play-icon {top: 34%; left: 41%;}
}
/*句式只在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;
}	

.feature2-cover .box{
	width:30.3%;
	margin:0.4% 0.2%;
	min-height:380px;
}
#pc-header-inner{display:block;}
.bigbanner {margin-top:-5px;}
#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:574px;}
.style2 .text{
    /* padding:0 15px;*/
}
/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:240px;
}

/*新聞單則內容*/
.fncnews-content{
	padding:30px;

}
.cbg {/*padding:30px 30px 150px 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%;
}
.search_s .table {width:420px;}
/*.target-img img {height:125px;}*/
.moremore_s {width:20%; margin:0 auto; margin-top:20px;}

/*預約試訓填表*/
    .yoyoevent-box2 .table3 {
        width: 36.5%;
    }
/*加盟專區聯絡資訊*/
.yoyoevent-bluebox .table2 {
    width: 78.4%;
}
.yoyoevent-bluebox .table3 {
    width: 37.3%;
}
/*分園園所簡介*/
.contentb-bottom {left:30px; top:30px;}

/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:348px;}
/*分園班級作息表*/
.cbutton,.cbutton_a {margin: 0 9px 0 9px;}
/*fb粉絲專頁外掛程式*/
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 346px;
}
}
/*句式只在viewport 寬度不小於900px才生效*/
@media screen and (min-width: 900px) {
/*.target-img img {height:142px;}	*/
.yoyoevent-box .yoyoevent-boxmain{
	height:230px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:225px;
}
.yoyoevent-box .yoyoevent-boxmain3 {
		height: 175px;
}
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:290px;
}		
.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%;}
/*分園教學環境*/
.textbox2,.textbox2_2,.textbox3_3, {width: 430px;}
.textbox4_2 {width: 510px;}
/*分園班級作息表*/
.cbutton,.cbutton_a {margin: 0 11px 0 11px;}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:328px;}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 326px;
}
.play-icon {top: 33%; left: 40%;}
}
/*句式只在viewport 寬度不大於1001px才生效*/
@media screen and (max-width: 1001px) {
	.close-menu {display:none;}
}
/*句式只在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-box .title2 {
        font-size: 1.2em;
    }

    .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;}*/
    .close-center {
        display: none;
    }

    #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;
    }

    .school {
        background-color: #b3d465;
        padding: 5px;
        float: left;
        border-radius: 10px;
        margin: 12px 0 0 10px;
        width: auto;
    }

    .school_b {
        border-radius: 10px;
        border: 2px solid white;
        padding: 10px 35px 10px 35px;
        text-align: center;
        border-style: dashed;
        text-shadow: rgba(3, 3, 3, 0.38) 2px 2px 6px;
        font-size: 1.5em;
        color: white;
    }

    .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-right {
        margin-right: -320px;
        float: right;
        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-right: 320px;
    }

    /*右側*/
    #main-left, #main-right2 {
        display: block;
        float: left;
        width: 300px;
    }

    .news-bgline {
        position: relative;
        padding: 20px;
        border-radius: 20px;
        border: 10px solid #eeeeed;
    }

    .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: 765px;
    }

    .style4 .pic {
        /*width: 100%;*/
        position: relative;
    }

    .style4 .text {
        position: relative;
        line-height: 1.5em;
        font-size: 1em;
        float: right;
        width: 54%;
        top: 22px;
    }

    .target3-img {
        width: 100%;
        overflow: hidden;
        border-radius: 12px;
    }

    .news-list-box .target3-img img {
        /*position: absolute;
    clip: rect(40px,145px,120px,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;
    }
    /*搜尋*/
    .search-title img {
        left: 0;
        margin: 0 22px 0 22px;
    }

    .search_s .table1 {
        width: 37%;
    }

    .search_s .table {
        width: 58%;
        border: 2px solid #d2d2d2;
        padding: 5px;
    }

    .search_s select {
        font-size: 1.1em;
    }

    .fncnews-content p {
        font-size: 1.1em;
        letter-spacing: 0.1em;
        line-height: 1.8em;
    }

    #search-box {
        padding: 0;
        width: 100%;
        margin-top: -30px;
    }

    .join-title-box {
        width: auto;
    }
    /*內頁即時*/
    .mobile-only {
        display: none;
    }

    .news-category {
        padding: 2px 8px;
        font-size: 1em;
    }





    /*影音BANNER下方的資訊*/
    .video-info {
        padding: 20px;
    }

    /*精彩節目節目清單*/
    .fncvideo-list-little-box {
        height: 220px;
    }

    .elselive30video-list-little-box {
        height: 230px;
    }



    /*新聞內頁分類*/
    .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-logo {
        width: 90px;
        height: 90px;
    }
        .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;
            }
    /*分園-園所簡介*/
    .contentb-title {
        font-size: 1.3em;
    }

    /*主播主持人*/

    .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: 185px;
    }

    .yoyoevent-box .yoyoevent-boxmain2 {
        height: 175px;
    }

    .yoyoevent-box .yoyoevent-boxmain3 {
        height: 140px;
    }

    .yoyoevent-indexbox .yoyoevent-boxmain {
        height: 320px;
    }

    .yoyoevent-box .sharing-summary p,
    .yoyoevent-indexbox .sharing-summary p {
        -webkit-line-clamp: 8;
    }

    .style1 .text .title p {
        -webkit-line-clamp: 1;
    }
    /*預約試訓填表*/
    .yoyoevent-box2 .table1 {
        width: 17%;
    }
    .yoyoevent-box2 .table1_2 {
        width: 10%;
    }

    .yoyoevent-box2 .table2,
    .yoyoevent-box2 .table5 {
        width: 81%;
    }

    .yoyoevent-box2 .table6 {
        width: 77.8%;
    }

    .yoyoevent-box2 .table3 {
        width: 38.2%;
    }

    .tb {
        border: 0 !important;
    }

    /*預約參觀*/
    .yoyoevent-box2 .checktime {
        display: inline;
    }

    .plaid-title {
        font-size: 1.3em;
    }

    .small-gray-text, .small-gray-text2 {
        font-size: 0.9em;
    }

    .textblue {
        color: #1da3ef;
    }
    /*加盟專區聯絡資訊*/
    .yoyoevent-bluebox .table2 {
        width: 79.4%;
    }

    .yoyoevent-bluebox .table3 {
        width: 38.2%;
    }

    .title-box {
        width: auto;
    }
    /*加盟專區*/
    .arrow-l, .arrow-r {
        display: none;
    }

    .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: 10px 30px 10px 30px;
        margin: 0 10px 0 10px;
    }

    .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;
    }
    /*分園園所簡介*/
    .fncnews-content .abouttable {
        width: 20%;
    }

    .fncnews-content .abouttable2 {
        width: 75%;
    }
    /*分園教學環境*/
    .textbox4 {
        width: 169px;
    }

    .textbox1, .textbox1_1, .textbox4, .textbox44 {
        height: 192px;
    }

    .textbox4s {
        width: 169px;
    }
        .textbox

{
    padding: 0 0 40px 0;
}

.textbox2,.textbox2_2,.textbox3_3 {width: 300px;}
.textbox4_2,.textbox44_2 {width: 350px;}
.ttitle {font-size:1.1em;}
/*分園班級作息表*/
    .cbutton, .cbutton_a {
        width: 22.5%;
        margin: 0 5px 0 5px;
        font-size: 1.1em;
    }
.button-box {width: 100%;}
    /*預約參觀*/
.yoyoevent-box2 .table1{width:15%;}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:358px;}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 356px;
}
    /*活動影音*/
    .video_top {
        margin: 10px 5px 20px 5px;
    }

        .video_top p {
            font-size: 1.05em;
        }

}
/*句式只在viewport 寬度不小於1024px才生效*/
@media screen and (min-width: 1024px) {
.style1 .text {
    width: 786px;
}
.feature2-cover .box{
	width:29.9%;
}
/*分園教學環境*/
.textbox2,.textbox2_2,.textbox3_3 {width: 310px;}
.textbox4_2 {width: 360px;}
/*.target-img img {height:165px;}*/
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:352px;}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 356px;
}

}
@media screen and (min-width: 1130px) {
	.feature2-cover .box{
	width:30.3%;
}

.fncvideo-list-little-box{
	height:230px;
}
#yt-index{
	float:left;
	width:45%;
	margin-left:2%;
	margin-top:20px;
	}
#news-index{
	float:right;
	width:50%;
	margin-right:2%;
	margin-top:30px;
	}
	.style1 .text{
		line-height:1.18em;
}
/*.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;}
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:330px;
}

/*精彩節目節目清單*/
.fncvideo-list-little-box{
	height:210px;
}
.elselive30video-list-little-box{
   height:210px;
}

/*內頁即時*//*新聞列表*/
.style1 .pic{
	/*margin-top:2px;*/
}
.style1 .text{
	width: 326px;
}
/*話題清單*/
.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;
}
.yoyoevent-box .yoyoevent-boxmain{
	height:195px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:185px;
}
.moremore_s {width:10%;}
/*分園園所簡介*/
.fncnews-content .abouttable2{
	width: 76%;
}
/*分園教學環境*/
.textbox2,.textbox2_2,.textbox3_3 {width: 320px;}
.textbox4_2,.textbox44_2 {width: 380px;}
.textbox p {font-size: 1.1em;}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:358px;}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 366px;
}
}

/*句式只在viewport 寬度不小於1400px才生效*/
@media screen and (min-width: 1400px) {
.yoyoevent-indexbox .yoyoevent-boxmain{
	height:390px;
}
.yoyoevent-box .yoyoevent-boxmain{
	height:255px;
}
.yoyoevent-box .yoyoevent-boxmain2{
	height:250px;
}
.yoyoevent-box .yoyoevent-boxmain3{
	height:205px;
}

#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 .pic{
	/*width:200px;
	margin-top:0px;*/
	
}
.style1 .text{
	min-height:100px;
    width: 504px;
	}
.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: 1000px;}
.final-top{
	/*margin-left: -356px;*/ float: left; width: 100%;

}
.final-bottom{
	float:right;
	width:336px;
}
.contentb2 {
    /*margin-left: 356px;*/
  }

.yoyoevent-box2,.yoyoevent-bluebox{
	margin:0 auto;
}
.yoyoevent-box .sharing-summary p{
    -webkit-line-clamp:unset;
}	
.yoyoevent-indexbox .sharing-summary p{
    -webkit-line-clamp: 10;
}	
.search_s .table {width:360px;}
/*預約試訓填表*/
.yoyoevent-box2 .table2 {
    width: 83.5%;
}
.yoyoevent-box2 .table5 {
	width:83.5%;
}
.yoyoevent-box2 .table6 {
	width: 80.8%;
}
    .yoyoevent-box2 .table1_2 {
        width: 9%;
    }

/*加盟專區聯絡資訊*/
.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:423px;
}
.entrance-box ul li{
	padding: 10px 35.5px 10px 35.5px;
    margin: 0 20px 0 20px;
}
.entrance-box2 ul li{
	padding: 10px 26.3px 10px 26.3px;
}
.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;
}

/*粉絲專頁外掛程式*/
.fb_iframe_widget {width:400px;height:448px;}

/*分園園所簡介*/
.fncnews-content .abouttable{
	width: 16%;
}
.fncnews-content .abouttable2{
	width: 81%;
}
/*分園教學環境*/
.textbox2,.textbox2_2,.textbox3_3{width: 630px;}
.textbox4_2,.textbox44_2{width: 730px;}
    .textbox4_2 {
        padding: 0;
    }
.textbox1,.textbox1_1,.textbox1_3 {width: 32%;}
.textbox4 {width: 156px;height:178px;}
.textbox44 {width: 156px;height:178px;right: 18px;}
.textbox4s {width: 156px;height:178px;top: 15px;left: 18px;}
.textbox44s {width: 156px;height:178px;top: 15px;right: 0px;}
#main {padding: 0;}
.textbox {width:960px;}
/*分園班級作息表*/
    .cbutton, .cbutton_a {
        width: 150.4px;
    }
.button-box {width: 68.5%;}
    /*預約參觀*/
.yoyoevent-box2 .table1 {width:13%;}
.smaill {width:70%; margin:0 auto;}
/*fb粉絲專頁外掛程式*/
.fb_iframe_widget {height:430px;}
.yoyoevent-indexbox .yoyoevent-boxmain2 {
		height: 426px;
}
    /*活動影音*/
    .video_top {
        margin: 10px 10px 20px 10px;
    }

        .video_top p {
            font-size: 1.1em;
        }

}

/*句式只在viewport 寬度不小於1500px才生效*/
@media screen and (min-width: 1500px) {
	/*浮動社群分享*/
#pageshare{
    display:block;
}
.arrow-left-y,.arrow-right-y{top:45%;}
}
.topbanner.flexslider {
    position: relative;
    width: 800px;
    margin: 0 auto;
}

.topbanner .flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 55%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.topbanner .flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
    z-index: 0;
}

.topbanner .flex-direction-nav .flex-prev {
    left: -35px
}

.topbanner .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -35px;
    text-align:initial;
}

.topbanner .flex-next, .topbanner .flex-prev {
    position: relative;
    width: 27px !important;
    height: 27px !important;
    background: #000 !important;
    background: rgba(0,0,0,.2) !important;
    text-decoration: none;
    font-size:initial;
}

.topbanner .flex-direction-nav a.flex-next:before, .topbanner .flex-direction-nav a.flex-prev:before {
    content: "<";
    position: absolute;
    top: -5px;
    left: 4px;
    color: #fff;
    font: 1.8em Consolas;
    text-indent: 0 !important
}

.topbanner .flex-direction-nav a.flex-next:before {
    content: ">";
    left: auto;
    right: 4px;
}

.topbanner .flex-control-nav {
    width: auto !important;
    right: 25px !important;
    bottom: 5px !important;
}

    .topbanner .flex-control-nav li a {
        width: 8px !important;
        height: 8px !important;
        background: #b5b5b5 !important;
    }

    .topbanner .flex-control-nav .flex-active {
        position: relative;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }

        .topbanner .flex-control-nav .flex-active:before {
            position: absolute;
            content: "●";
            top: -7px;
            left: 0;
            color: #fff;
            text-indent: 0 !important;
            font: 1em Arial;
        }

.topbanner.flexslider:before, .topbanner.flexslider:after {
    position: absolute;
    display: block;
    top: 0;
    left: -800px;
    z-index: 5;
    content: "";
    width: 800px;
    height: 450px;
    background: rgba(255,255,255,.6);
}

.topbanner.flexslider:after {
    left: 800px;
}

.topbanner .flex-viewport {
    overflow: visible !important
}
.sfoto { /*width: 650px;*/
    float: left;
    display: block;
}

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src: url('/Areas/Branch/fonts/flexslider-icon.eot');
    src: url('/Areas/Branch/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/Areas/Branch/fonts/flexslider-icon.woff') format('woff'), url('/Areas/Branch/fonts/flexslider-icon.ttf') format('truetype'), url('/Areas/Branch/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
 
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  color:#FFF;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0px;
  background: #fff;
  /*border: 4px solid #fff;*/
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /*border-radius: 4px;*/
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-size {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    /*border-radius: 20px;*/
}
.flex-viewport {
    /*max-height: 2000px;*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-prev,
.flex-next {
  font-size: 0;
}/*GOOGLE到的消除字的方法，感謝印度的大大*/
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -10px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 28px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;

}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;

}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  display: none;/*隱藏SLIDER下面的點點*/
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
/* for 1366px or less */
@media screen and (max-width: 1366px) {
    .topbanner .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .topbanner .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }

        .topbanner.flexslider:before, .topbanner.flexslider:after {
            left: -800px;
            width: 800px;
            height: 450px;
        }

        .topbanner.flexslider:after {
            left: 800px;
        }

    .sfoto {
        width: 800px;
    }
}

/* for 1002px or less */
@media screen and (max-width: 1002px) {
    .topbanner.flexslider {
        width: 100%;
    }

        .topbanner.flexslider:before, .topbanner.flexslider:after {
            left: -100%;
            width: 100%;
            height: auto;
        }

        .topbanner.flexslider:after {
            left: 100%;
        }

    .topbanner .loading .flex-viewport {
        max-height: auto;
    }

    .sfoto {
        width: 100%;
    }

    .topbanner .flex-direction-nav a {
        display: none;
    }
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
