www.worldfamilyclub.com.tw
Open in
urlscan Pro
104.18.14.225
Public Scan
URL:
https://www.worldfamilyclub.com.tw/
Submission: On July 28 via api from US — Scanned from DE
Submission: On July 28 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST ./
<form method="post" action="./" id="ctl01">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="CEVMkAauHXHjVpWrCzVaVfy7MSXzli6hKJta8cAzLnsvVhaznMoUC1mIOFoT7XHeiYr5h1k5xwh8S481rk9PO4ex+6zh0H7RXBFuFg==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ctl01'];
if (!theForm) {
theForm = document.ctl01;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV2WrLfWP1mA3hyTbahBsmPjwSZ7aeM-i4jypl1hPOlsO09jryg1&t=637101185640000000" type="text/javascript"></script>
<script src="Scripts/WebForms/MsAjax/MicrosoftAjax.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$myScriptManager', 'ctl01', ['tctl00$upbtn_gradutes', 'upbtn_gradutes'], ['ctl00$btn_gradutes', 'btn_gradutes'], [], 150, 'ctl00');
//]]>
</script>
<div class="popupBlock" id="divWaitInside" style="display: none; position: absolute; z-index: 10001; background-color: white;">
<div id="header">
<h1 style="margin-left: 10px;" id="popTitlekk"></h1>
<ul>
<li class="winClose"><a href="javascript:beforeColsePopUp();" id="poClose" class="btn btn-info" style="float: right; margin-right: 10px">關閉視窗</a></li>
<li class="winClose"><a href="javascript:beforeColse();" id="popClose" class="btn btn-danger" style="float: right; margin-right: 10px">劃位完成</a></li>
</ul>
</div>
<iframe id="ifPopFrame" name="ifPopFrame" src="" style="width: 100%; height: 99%; margin-top: 12px" frameborder="0" onload="window.setTimeout('loadPopUp()',300);" scrolling="no"></iframe>
</div>
<div id="divWait" data-value="" frameborder="0" scrolling="no"
style="z-index: 2000; width: 0px; height: 0px; position: absolute; background-color: black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; background-image: url(''); background-size: 100px 100px; background-repeat: no-repeat; background-position: 50% 35%;">
</div>
<div class="main-wrapper">
<header id="pageTop" class="header-wrapper">
<div class="container-fluid color-bar top-fixed clearfix">
<div class="row">
<div class="col-sm-1 col-xs-2 bg-color-1">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-2">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-3">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-4">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-5">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-6">fix bar</div>
<div class="col-sm-1 bg-color-1 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-2 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-3 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-4 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-5 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-6 hidden-xs">fix bar</div>
</div>
</div>
<div class="top-info-bar hidden-xs">
<div class="container">
<div class="logbar-pc">
<a class="logbar-pc-link" href="https://ec.worldfamily.com.tw/eCard" target="_blank">約定轉帳</a>
<div class="logbar-spacer"></div>
<a class="logbar-pc-link" href="https://ggl.worldfamilyenglish.com/Qrcode" target="_blank" style="background-color:#F48120;color:#fff;font-weight:bold;">加入 Go, Go Live!</a>
<div class="logbar-pc-out" style="display: inline-block;">
<a class="logbar-pc-link" href="#" data-clickin="Y" data-href="">登入</a>
<a class="logbar-pc-link" href="https://q4u.worldfamily.com.tw/landing7/2019_11_15.aspx?source=wf-wfc" target="_blank">申請</a>
<a class="logbar-pc-link" href="#" data-forgot="Y">忘記密碼</a>
</div>
<div class="logbar-spacer"></div>
<a class="logbar-pc-link" href="wfcfriends.aspx">美語叔叔阿姨</a>
<a class="logbar-pc-link" href="zippyfriends.aspx">Zippy 家族</a>
<div class="logbar-spacer"></div>
<div class="logbar-pc-share">
<a href="https://www.facebook.com/worldfamily?fref=ts" class="logbar-pc-link logbar-pc-share-fb">
<i class="fab fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/worldfamilyclub_tw/" class="logbar-pc-link logbar-pc-share-ig">
<i class="fab fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<nav id="menuBar" class="navbar navbar-default lightHeader" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle layout-navbar-arrow-mobi" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.aspx">
<img src="img/logo-wfc.png">
</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="logbar-m-visibility">
<div class="logbar-m">
<div class="logbar-m-row1">
<a class="logbar-m-link" href="https://ec.worldfamily.com.tw/eCard" target="_blank">約定轉帳</a>
<div class="logbar-spacer"></div>
<a class="logbar-m-link" href="https://ggl.worldfamilyenglish.com/Qrcode" target="_blank">加入 Go, Go Live!</a>
<div class="logbar-m-out" style="display: ;">
<a class="logbar-m-link" href="#" data-clickin="Y" data-href="">登入</a>
<a class="logbar-m-link" href="https://q4u.worldfamily.com.tw/landing7/2019_11_15.aspx?source=wf-wfc" target="_blank">申請</a>
<a class="logbar-m-link" href="#" data-forgot="Y">忘記密碼</a>
</div>
</div>
<div class="logbar-m-row2">
<a class="logbar-m-link" href="wfcfriends.aspx">美語叔叔阿姨</a>
<a class="logbar-m-link" href="zippyfriends.aspx">Zippy 家族</a>
<div class="logbar-spacer"></div>
<div class="logbar-m-share">
<a href="https://www.facebook.com/worldfamily?fref=ts" class="logbar-m-link logbar-m-share-fb">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/worldfamilyclub_tw/" class="logbar-m-link logbar-m-share-ig">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</li>
<li class="dropdown singleDrop layout-navbar-arrow-pc color-1">
<a class="dropdown-toggle navbar-menu-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbar-title">美語活動</span>
</a>
<ul class="dropdown-menu dropdown-menu-left">
<li class="dropdown dropdown-submenu" style="display:none;">
<a href="go-go-live-intro.aspx" class="dropdown-toggle" data-login="Y" data-href="go-go-live-intro.aspx">Go Go Live
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="Online_Show.aspx" class="dropdown-toggle" data-login="Y" data-href="Online_Show.aspx">線上美語活動
</a>
</li>
<li class="dropdown dropdown-submenu" style="display:none;">
<a href="playhouse-intro.aspx" class="dropdown-toggle" data-login="Y" data-href="playhouse-intro.aspx">線上樂樂屋
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:actdesc_link('E','');" class="dropdown-toggle">美語嘉年華
</a>
</li>
<li class="dropdown dropdown-submenu">
<a class="dropdown-toggle" data-toggle="dropdown">週末活動
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:actdesc_link('W','page_playalong');">跟著玩活動</a>
</li>
<li>
<a href="javascript:actdesc_link('W','page_froggy');">Froggy和Bunny點點名</a>
</li>
<li>
<a href="javascript:actdesc_link('W','page_puppet');">布偶劇場</a>
</li>
<li>
<a href="javascript:actdesc_link('W','page_zippy');">Zippy 人偶秀</a>
</li>
<li>
<a href="javascript:actdesc_link('W','page_capkids');">CAP 童樂會</a>
</li>
</ul>
</li>
<li class="dropdown dropdown-submenu">
<a class="dropdown-toggle" data-toggle="dropdown">迷你活動
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:actdesc_link('B','page_baby');">寶貝玩玩</a>
</li>
<li>
<a href="javascript:actdesc_link('B','page_fun');">來趣玩活動</a>
</li>
<li>
<a href="javascript:actdesc_link('B','page_kids');">翻轉小世界</a>
</li>
<li>
<a href="javascript:actdesc_link('B','page_abc');">ABC Club</a>
</li>
</ul>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:actdesc_link('C','');" class="dropdown-toggle">營隊活動
</a>
</li>
</ul>
</li>
<li class="dropdown singleDrop layout-navbar-arrow-pc color-2">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true" aria-expanded="false">
<span class="navbar-title">美語學習</span>
</a>
<ul class="dropdown-menu dropdown-menu-left">
<li class="dropdown dropdown-submenu">
<a href="fc.aspx" class="dropdown-toggle" data-login="Y" data-href="fc.aspx">Face Call
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="te.aspx" class="dropdown-toggle" data-login="Y" data-href="te.aspx">電話美語
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="wfcLibrary.aspx" class="dropdown-toggle" data-login="Y" data-href="wfcLibrary.aspx">WF Club Library
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="cap.aspx" class="dropdown-toggle">CAP 親子學習計畫</a>
</li>
<li class="dropdown dropdown-submenu">
<a class="dropdown-toggle">DWE 畢業
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="dwe.aspx">DWE 畢業</a>
</li>
<li>
<a href="dweGraduates.aspx">畢業榮譽榜</a>
</li>
<li>
<a href="dweLicense.aspx">劍橋榮譽榜</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown singleDrop layout-navbar-arrow-pc color-3">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true" aria-expanded="false">
<span class="navbar-title">多媒體學習</span>
</a>
<ul class="dropdown-menu dropdown-menu-left dropdown-submenu-left-mg-lg">
<li class="dropdown dropdown-submenu">
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="dropdown-toggle">多媒體學習
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:library_link('superfun');" data-login="Y" data-href="javascript:library_link('superfun');" class="dropdown-toggle">Super Fun
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:library_link('happytv');" data-login="Y" data-href="javascript:library_link('happytv');" class="dropdown-toggle">歡樂TV
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:library_link('abcchanel');" data-login="Y" data-href="javascript:library_link('abcchanel');" class="dropdown-toggle">ABC Channel
</a>
</li>
<li class="dropdown dropdown-submenu nav-mobi-hidden" style="display:none;">
<a href="javascript:library_link('game');" data-login="Y" data-href="javascript:library_link('game');" class="dropdown-toggle">美語遊戲
</a>
</li>
<li class="dropdown dropdown-submenu nav-mobi-hidden" style="display:none;">
<a href="javascript:library_link('story');" data-login="Y" data-href="javascript:library_link('story');" class="dropdown-toggle">美語故事
</a>
</li>
</ul>
</li>
<li class="dropdown singleDrop layout-navbar-arrow-pc color-4">
<a data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span class="navbar-title">會員服務</span>
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-submenu-left-mg-lg">
<li class="dropdown dropdown-submenu">
<a href="javascript:article_link('member2');" class="dropdown-toggle">親子教育百科
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:article_link('member3');" class="dropdown-toggle">會員經驗分享
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="javascript:article_link('member4');" class="dropdown-toggle">世界育兒觀
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="magazine.aspx" class="dropdown-toggle">寰宇家庭雜誌
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="parentslounge.aspx" class="dropdown-toggle">寰宇家庭成長學苑
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="parentsLoungeVideo.aspx" class="dropdown-toggle">寰宇家庭成長學苑-線上濃縮版
</a>
</li>
</ul>
</li>
<li class="dropdown singleDrop layout-navbar-arrow-pc color-5">
<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbar-title">我的專區</span>
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-submenu-left-mg-lg">
<li class="dropdown dropdown-submenu">
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="dropdown-toggle">我的專區
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="dropdown-toggle">新手上路
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="historyinfo.aspx" data-login="Y" data-href="historyinfo.aspx" class="dropdown-toggle">活動學習記錄
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="learnPoint.aspx" data-login="Y" data-href="learnPoint.aspx" class="dropdown-toggle">學習點數
<i class="fa fa-chevron-right" aria-hidden="true"></i>
<i class="fa fa-chevron-left" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="learnPoint.aspx" data-login="Y" data-href="learnPoint.aspx">查詢學習點數 + 兌換專區</a>
</li>
</ul>
</li>
<li class="dropdown dropdown-submenu">
<a href="memberFaq.aspx" data-login="Y" data-href="memberFaq.aspx" class="dropdown-toggle">會員須知
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="memberGuide.aspx" data-login="Y" data-href="memberGuide.aspx" class="dropdown-toggle">常見問題
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="warranty.aspx" data-login="Y" data-href="warranty.aspx" class="dropdown-toggle">特別保證
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="meminvoice.aspx" data-login="Y" data-href="meminvoice.aspx" class="dropdown-toggle">電子發票
</a>
</li>
<li class="dropdown dropdown-submenu">
<a href="membervideo.aspx" data-login="Y" data-href="membervideo.aspx" class="dropdown-toggle">影片投稿
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="layout-breadcrumb-box">
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb text-truncate" id="bread_crumb" clientidmode="Static">
</ol>
</nav>
</div>
</div>
</nav>
</header>
<a href="#" data-target="#myMapPop" data-toggle="modal"></a>
<div class="modal fade" id="myMapPop" style="z-index: 99999999;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Google Map</h4>
</div>
<div class="modal-body">
<iframe id="frameMap" style="width: 100%; height: 100%; margin: 0; padding: 0; border: none"></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<section class="bannercontainer bannercontainerV1" id="sc_link">
<div class="fullscreenbanner-container" style="overflow: visible;">
<div class="fullscreenbanner revslider-initialised tp-simpleresponsive" id="revslider-298" style="max-height: 560px; height: 560px;">
<ul class="tp-revslider-mainul" style="display: block; overflow: hidden; width: 100%; height: 100%; max-height: none;">
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli active-revslide current-sr-slide-visible"
style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide1.jpg" data-src="img/index/slide1.jpg"
style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url("img/index/slide1.jpg"); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit;">
</div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start" data-hoffset="0" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"
style="transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 40px; border-width: 0px; margin: 0px; padding: 0px 10px; letter-spacing: 0px; font-size: 50px; top: 300px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);">
近距離美語互動 </div>
<div class="tp-caption rs-caption-2 sft start" data-hoffset="0" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off" data-y="350"
style="transition: all 0s ease 0s; min-height: 0px; min-width: 0px; line-height: 31px; border-width: 0px; margin: 0px; padding: 0px 10px; letter-spacing: 0px; font-size: 22px; top: 350px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);">
讓孩子與美語叔叔、阿姨在活動中歡笑聲不斷，開心說美語！ </div>
</div>
</li>
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide2.jpg" data-src="img/index/slide2.jpg"
style="background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-image:url(img/index/slide2.jpg);background-size:cover;background-position:center center;width:100%;height:100%;"></div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start text-center" data-hoffset="0" data-x="center" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"> 全台最大規模 </div>
<div class="tp-caption rs-caption-2 sft text-center start" data-hoffset="0" data-x="center" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off"
data-y="350"> 一年舉辦1200場以上充滿歡樂的全美語活動！ </div>
</div>
</li>
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide3.jpg" data-src="img/index/slide3.jpg"
style="background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-image:url(img/index/slide3.jpg);background-size:cover;background-position:center center;width:100%;height:100%;"></div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start text-right" data-hoffset="0" data-x="right" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"> 完善會員服務 </div>
<div class="tp-caption rs-caption-2 sft text-right start" data-hoffset="0" data-x="right" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off"
data-y="350"> 提供完善的會員服務，讓孩子的學習沒有後顧之憂！ </div>
</div>
</li>
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide4.jpg" data-src="img/index/slide4.jpg"
style="background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-image:url(img/index/slide4.jpg);background-size:cover;background-position:center center;width:100%;height:100%;"></div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start" data-hoffset="0" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"> 社群交流平台 </div>
<div class="tp-caption rs-caption-2 sft start" data-hoffset="0" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off" data-y="350">
藉由寰宇家庭俱樂部的社群平台，互相交流分享，讓親子共學共玩的路上不孤單！ </div>
</div>
</li>
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide5.jpg" data-src="img/index/slide5.jpg"
style="background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-image:url(img/index/slide5.jpg);background-size:cover;background-position:center center;width:100%;height:100%;"></div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start text-center" data-hoffset="0" data-x="center" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"> 多元美語學習 </div>
<div class="tp-caption rs-caption-2 sft text-center start" data-hoffset="0" data-x="center" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off"
data-y="350"> 配合孩子的年齡與學習的進度，選擇合適自己的美語學習方式。 </div>
</div>
</li>
<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 2" class="tp-revslider-slidesli" style="width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; z-index: 18;">
<div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined"
data-bgpositionend="undefined" data-bgposition="center center" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined">
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" data-lazydone="undefined" src="img/index/slide6.jpg" data-src="img/index/slide6.jpg"
style="background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-image:url(img/index/slide6.jpg);background-size:cover;background-position:center center;width:100%;height:100%;"></div>
<div class="tp-dottedoverlay twoxtwo"></div>
</div>
<div class="slider-caption container">
<div class="tp-caption rs-caption-1 sft start text-right" data-hoffset="0" data-x="right" data-speed="800" data-start="1000" data-easing="Back.easeInOut" data-endspeed="300" data-y="300"> 特別保證制度 </div>
<div class="tp-caption rs-caption-2 sft text-right start" data-hoffset="0" data-x="right" data-speed="1000" data-start="1500" data-easing="Power4.easeOut" data-endspeed="300" data-endeasing="Power1.easeIn" data-captionhidden="off"
data-y="350"> 可大膽讓寶貝們使用，提供產品保固制度，享受令人安心的服務。 </div>
</div>
</li>
</ul>
<div class="tp-loader spinner0" style="display: none;">
<div class="dot1"></div>
<div class="dot2"></div>
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<div class="tp-bannertimer" style="visibility: hidden; width: 60.34%; transform: translate3d(0px, 0px, 0px);"></div>
</div>
<div class="tp-bullets hidebullets simplebullets preview4" style="bottom: 20px; left: 50%; margin-left: 0px;">
<div class="bullet first selected"></div>
<div class="bullet"></div>
<div class="bullet"></div>
<div class="bullet"></div>
<div class="bullet"></div>
<div class="bullet last"></div>
<div class="tpclear"></div>
</div>
<div style="position: absolute; top: 280px; margin-top: -55px; left: 0px;" class="tp-leftarrow hidearrows tparrows default preview4">
<div class="tp-arr-allwrapper">
<div class="tp-arr-iwrapper">
<div class="tp-arr-imgholder" style="transform: matrix(1, 0, 0, 1, 0, 0); background-image: url("img/index/slide6.jpg");"></div>
<div class="tp-arr-imgholder2" style="background-image: url("img/index/slide6.jpg"); transform: matrix(1, 0, 0, 1, 0, 0);"></div>
<div class="tp-arr-titleholder">Slide 2</div>
<div class="tp-arr-subtitleholder"></div>
</div>
</div>
</div>
<div style="position: absolute; top: 280px; margin-top: -55px; right: 0px;" class="tp-rightarrow hidearrows tparrows default preview4 hashoveralready">
<div class="tp-arr-allwrapper">
<div class="tp-arr-iwrapper">
<div class="tp-arr-imgholder" style="transform: matrix(1, 0, 0, 1, 0, 0); background-image: url("img/index/slide2.jpg");"></div>
<div class="tp-arr-imgholder2" style="background-image: url("img/index/slide2.jpg"); transform: matrix(1, 0, 0, 1, 0, 0);"></div>
<div class="tp-arr-titleholder">Slide 2</div>
<div class="tp-arr-subtitleholder"></div>
</div>
</div>
</div>
</div>
</section>
<section class="clearfix linkSection">
<div class="sectionLinkArea scrolling">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="scrolling-icon scrolling-icon-1"></div>
<a href="#englishEvent" class="sectionLink bg-color-1">
<span class="linkText">美語</span>
<span class="linkText">活動</span>
<i class="fa fa-chevron-down locateArrow" aria-hidden="true"></i>
</a>
</div>
<div class="col-sm-3 ">
<div class="scrolling-icon scrolling-icon-2"></div>
<a href="#englishLearning" class="sectionLink bg-color-2">
<span class="linkText">美語</span>
<span class="linkText">學習</span>
<i class="fa fa-chevron-down locateArrow" aria-hidden="true"></i>
</a>
</div>
<div class="col-sm-3 ">
<div class="scrolling-icon scrolling-icon-6"></div>
<a href="#wfcService" class="sectionLink bg-color-6">
<span class="linkText">焦點</span>
<span class="linkText">服務</span>
<i class="fa fa-chevron-down locateArrow" aria-hidden="true"></i>
</a>
</div>
<div class="col-sm-3">
<div class="scrolling-icon scrolling-icon-4"></div>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="sectionLink bg-color-5">
<span class="linkText">我的</span>
<span class="linkText">專區</span>
<i class="fa fa-chevron-down locateArrow" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="lightSection full-width clearfix coursesSection section-event" id="englishEvent">
<div class="container">
<div class="sectionTitle text-center color-1">
<h2 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<span class="shape shape-left"></span>
<span>美語活動</span>
<span class="shape shape-right"></span>
</h2>
</div>
<div class="row">
<div class="col-xs-12">
<div class="owl-carousel teamSlider owl-theme owl-loaded">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-1168px, 0px, 0px); transition: all 0s ease 0s; width: 3504px;">
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('E');">
<img src="img/index/event1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('E');" class="color-1">美語嘉年華</a>
</h3>
<p> 全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。 </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('E');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('W');">
<img src="img/index/event2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('W');" class="color-1">週末活動</a>
</h3>
<p> 以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('W');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('B');">
<img src="img/index/event3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('B');" class="color-1">迷你活動</a>
</h3>
<p> 專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('B');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('C');">
<img src="img/index/event4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('C');" class="color-1">營隊活動</a>
</h3>
<p> 沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('C');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('E');">
<img src="img/index/event1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('E');" class="color-1">美語嘉年華</a>
</h3>
<p> 全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。 </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('E');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('W');">
<img src="img/index/event2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('W');" class="color-1">週末活動</a>
</h3>
<p> 以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('W');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('B');">
<img src="img/index/event3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('B');" class="color-1">迷你活動</a>
</h3>
<p> 專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('B');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('C');">
<img src="img/index/event4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('C');" class="color-1">營隊活動</a>
</h3>
<p> 沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('C');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('E');">
<img src="img/index/event1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('E');" class="color-1">美語嘉年華</a>
</h3>
<p> 全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。 </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('E');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('W');">
<img src="img/index/event2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('W');" class="color-1">週末活動</a>
</h3>
<p> 以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('W');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('B');">
<img src="img/index/event3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('B');" class="color-1">迷你活動</a>
</h3>
<p> 專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('B');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<a href="javascript:actdesc_link('C');">
<img src="img/index/event4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-1">
<h3>
<a href="javascript:actdesc_link('C');" class="color-1">營隊活動</a>
</h3>
<p> 沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！ </p>
<ul class="list-inline btn-green">
<li>
<a href="javascript:actdesc_link('C');" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-controls">
<div class="owl-nav">
<div class="owl-prev" style=""><span></span></div>
<div class="owl-next" style=""><span></span></div>
</div>
<div class="owl-dots" style="display: none;"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="whiteSection full-width clearfix teamSection section-learn" id="englishLearning">
<div class="container">
<div class="sectionTitle text-center alt color-2">
<h2 class="wow fadeInUp" style="visibility: hidden; animation-name: none;">
<span class="shape shape-left"></span>
<span class="txcolor">美語學習</span>
<span class="shape shape-right"></span>
</h2>
</div>
<div class="row">
<div class="col-xs-12">
<div class="owl-carousel teamSlider owl-theme owl-loaded">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-1168px, 0px, 0px); transition: all 0s ease 0s; width: 3504px;">
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="fc.aspx" data-login="Y" data-href="fc.aspx">
<img src="img/index/learn1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="color-2">Face Call</a>
</h3>
<p> 漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。 </p>
<ul class="list-inline btn-green">
<li>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="te.aspx" data-login="Y" data-href="te.aspx">
<img src="img/index/learn2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="color-2">電話美語</a>
</h3>
<p> 真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！ </p>
<ul class="list-inline btn-green">
<li>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="cap.aspx">
<img src="img/index/learn3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="cap.aspx" class="color-2">CAP親子學習計畫</a>
</h3>
<p> 用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。 </p>
<ul class="list-inline btn-green">
<li>
<a href="cap.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="dwe.aspx">
<img src="img/index/learn4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="dwe.aspx" class="color-2">DWE畢業</a>
</h3>
<p> 寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。 </p>
<ul class="list-inline btn-green">
<li>
<a href="dwe.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="fc.aspx" data-login="Y" data-href="fc.aspx">
<img src="img/index/learn1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="color-2">Face Call</a>
</h3>
<p> 漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。 </p>
<ul class="list-inline btn-green">
<li>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="te.aspx" data-login="Y" data-href="te.aspx">
<img src="img/index/learn2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="color-2">電話美語</a>
</h3>
<p> 真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！ </p>
<ul class="list-inline btn-green">
<li>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="cap.aspx">
<img src="img/index/learn3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="cap.aspx" class="color-2">CAP親子學習計畫</a>
</h3>
<p> 用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。 </p>
<ul class="list-inline btn-green">
<li>
<a href="cap.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="dwe.aspx">
<img src="img/index/learn4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="dwe.aspx" class="color-2">DWE畢業</a>
</h3>
<p> 寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。 </p>
<ul class="list-inline btn-green">
<li>
<a href="dwe.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="fc.aspx" data-login="Y" data-href="fc.aspx">
<img src="img/index/learn1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="color-2">Face Call</a>
</h3>
<p> 漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。 </p>
<ul class="list-inline btn-green">
<li>
<a href="fc.aspx" data-login="Y" data-href="fc.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="te.aspx" data-login="Y" data-href="te.aspx">
<img src="img/index/learn2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="color-2">電話美語</a>
</h3>
<p> 真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！ </p>
<ul class="list-inline btn-green">
<li>
<a href="te.aspx" data-login="Y" data-href="te.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="cap.aspx">
<img src="img/index/learn3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="cap.aspx" class="color-2">CAP親子學習計畫</a>
</h3>
<p> 用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。 </p>
<ul class="list-inline btn-green">
<li>
<a href="cap.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="dwe.aspx">
<img src="img/index/learn4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-2">
<h3>
<a href="dwe.aspx" class="color-2">DWE畢業</a>
</h3>
<p> 寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。 </p>
<ul class="list-inline btn-green">
<li>
<a href="dwe.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-controls">
<div class="owl-nav">
<div class="owl-prev" style=""><span></span></div>
<div class="owl-next" style=""><span></span></div>
</div>
<div class="owl-dots" style="display: none;"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="lightSection full-width clearfix teamSection section-service" id="wfcService">
<div class="container">
<div class="sectionTitle text-center alt color-6">
<h2 class="wow fadeInUp" style="visibility: hidden; animation-name: none;">
<span class="shape shape-left"></span>
<span class="txcolor">焦點服務</span>
<span class="shape shape-right"></span>
</h2>
</div>
<div class="row">
<div class="col-xs-12">
<div class="owl-carousel teamSlider owl-theme owl-loaded">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-1168px, 0px, 0px); transition: all 0s ease 0s; width: 3504px;">
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx">
<img src="img/index/services1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="color-6">新手上路</a>
</h3>
<p> 提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！ </p>
<ul class="list-inline btn-green">
<li>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx">
<img src="img/index/services2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="color-6">我的專區</a>
</h3>
<p> 提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！ </p>
<ul class="list-inline btn-green">
<li>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="parentslounge.aspx">
<img src="img/index/services3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="parentslounge.aspx" class="color-6">家長講座</a>
</h3>
<p> 陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！ </p>
<ul class="list-inline btn-green">
<li>
<a href="parentslounge.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="library.aspx" data-login="Y" data-href="library.aspx">
<img src="img/index/services4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="color-6">多媒體學習</a>
</h3>
<p> 透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！ </p>
<ul class="list-inline btn-green">
<li>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx">
<img src="img/index/services1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="color-6">新手上路</a>
</h3>
<p> 提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！ </p>
<ul class="list-inline btn-green">
<li>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx">
<img src="img/index/services2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="color-6">我的專區</a>
</h3>
<p> 提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！ </p>
<ul class="list-inline btn-green">
<li>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="parentslounge.aspx">
<img src="img/index/services3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="parentslounge.aspx" class="color-6">家長講座</a>
</h3>
<p> 陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！ </p>
<ul class="list-inline btn-green">
<li>
<a href="parentslounge.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="library.aspx" data-login="Y" data-href="library.aspx">
<img src="img/index/services4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="color-6">多媒體學習</a>
</h3>
<p> 透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！ </p>
<ul class="list-inline btn-green">
<li>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx">
<img src="img/index/services1.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="color-6">新手上路</a>
</h3>
<p> 提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！ </p>
<ul class="list-inline btn-green">
<li>
<a href="welcome.aspx" data-login="Y" data-href="welcome.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx">
<img src="img/index/services2.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="color-6">我的專區</a>
</h3>
<p> 提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！ </p>
<ul class="list-inline btn-green">
<li>
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="parentslounge.aspx">
<img src="img/index/services3.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="parentslounge.aspx" class="color-6">家長講座</a>
</h3>
<p> 陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！ </p>
<ul class="list-inline btn-green">
<li>
<a href="parentslounge.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 264px; margin-right: 28px;">
<div class="block wfc-services">
<div class="thumbnail thumbnailContent wow fadeInUp" style="visibility: hidden; animation-name: none;">
<a href="library.aspx" data-login="Y" data-href="library.aspx">
<img src="img/index/services4.jpg" alt="image" class="img-responsive">
</a>
<div class="caption border-color-6">
<h3>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="color-6">多媒體學習</a>
</h3>
<p> 透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！ </p>
<ul class="list-inline btn-green">
<li>
<a href="library.aspx" data-login="Y" data-href="library.aspx" class="btn btn-link">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>繼續閱讀</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-controls">
<div class="owl-nav">
<div class="owl-prev" style=""><span></span></div>
<div class="owl-next" style=""><span></span></div>
</div>
<div class="owl-dots" style="display: none;"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
$(function() {
//GetInstagram('all', 20);
//GetUserDetails('寰宇家庭', 30, 'start');
})
//instagram embed
var Instabed = {
//Converts Instagram links into embeds
mark_class: "instagram-link",
container: "body",
total: 0,
count: 0,
// Load class, check for API and then start sniffing
// Parameters: Selector of parent container
load: function(container) {
if (typeof window.instgrm !== 'undefined') {
this.container = container;
this.get_count();
this.process();
} else {
console.error("Instagram API script required");
}
},
// Gets a total count of all Instagram links
get_count: function() {
$(this.container).find("a").each(function(k, el) {
var el = $(this);
var href = el.attr("href");
if ((href.indexOf("instagram") >= 0) || (href.indexOf("instagr.am") >= 0)) {
el.addClass(Instabed.mark_class);
Instabed.total += 1;
}
});
},
// Goes back through each Instagram link and passes it to the API
process: function() {
$("a." + Instabed.mark_class).each(function(k, el) {
var href = $(this).attr("href");
Instabed.api(href, this);
$(this).hide();
});
},
// Goes out to Instagram to get data. Once all have been pre-loaded, runs API embed process
api: function(url, origin) {
$.ajax({
method: "GET",
url: "https://api.instagram.com/oembed/?omitscript=true&maxwidth=600&url=" + url,
dataType: "jsonp",
success: function(data) {
$(origin).before(data.html);
Instabed.count += 1;
if (Instabed.count >= Instabed.total) {
window.instgrm.Embeds.process();
}
},
error: function(jqXHR, textStatus, errorThrown) {
console.error("Check you internet Connection");
}
});
}
}
//johnnytai ig
//var instagramaccessid = '0fe5dd73636f4e798c77a22910da9aa5';
//var instagramaccesstoken = '8563356399.0fe5dd7.8638876bdfda440abfabb7871b9ec445';
//wfclub ig
var instagramaccessid = 'b045842fdf1f47acba51ea74478e97fc';
var instagramaccesstoken = '3597508086.b045842.4592112adeb34a7c818c14a4c58517c3';
function GetInstagram(str_str_tag, int_int_count) {
var str_tag = str_str_tag;
var int_count = int_int_count;
$.ajax({
type: "GET",
async: true,
contentType: "application/json; charset=utf-8",
//Recent user photos
url: 'https://api.instagram.com/v1/users/self/media/recent/',
data: {
access_token: instagramaccesstoken,
count: int_count
},
dataType: "jsonp",
cache: false,
success: function(data) {
//console.log(data);
var igItemWidth = $('.ig-grid-item').width();
$('.ig-grid').empty(); //.children().remove();
var eleDiv10 = document.createElement("div");
eleDiv10.className = "ig-grid-sizer";
var eleDiv11 = document.createElement("div");
eleDiv11.className = "ig-gutter-sizer";
$('.ig-grid').masonry().append(eleDiv10).masonry('appended', eleDiv10).masonry();
$('.ig-grid').masonry().append(eleDiv11).masonry('appended', eleDiv11).masonry();
for (x in data.data) {
var str_data = '';
if (str_tag == 'all') {
str_data = '1';
} else {
for (a in data.data[x].tags) {
if (data.data[x].tags[a].indexOf(str_tag) != -1) {
str_data = '1';
}
}
}
if (str_data != '') {
var eleDiv = document.createElement("div");
eleDiv.className = "ig-grid-item";
var eleDiv1 = document.createElement("div");
eleDiv1.className = "ig-grid-img";
eleDiv1.style = "background-image: url(" + data.data[x].images.low_resolution.url + ");height:" + igItemWidth + "px";
var eleDiv2 = document.createElement("div");
eleDiv2.className = "ig-grid-msgbox";
var eleDiv3 = document.createElement("span");
eleDiv3.className = "ig-grid-msg";
eleDiv3.textContent = data.data[x].caption.text;
eleDiv2.appendChild(eleDiv3);
eleDiv.appendChild(eleDiv1);
eleDiv.appendChild(eleDiv2);
$('.ig-grid').masonry().append(eleDiv).masonry('appended', eleDiv).masonry();
}
// data.data[x].images.low_resolution.url - URL of image, 306х306
// data.data[x].images.thumbnail.url - URL of image 150х150
// data.data[x].images.standard_resolution.url - URL of image 612х612
// data.data[x].link - Instagram post URL
}
var elDiv = document.createElement("div");
elDiv.className = "ig-grid-item";
elDiv.style = "display:none;";
$('.ig-grid').masonry().append(elDiv).masonry('appended', elDiv).masonry();
},
error: function(data) {
console.log(data); // send the error notifications to console
}
});
}
function GetUserDetails(str_tag, int_count, type) {
//$.ajax({
// type: "GET",
// async: true,
// contentType: "application/json; charset=utf-8",
// url: 'https://api.instagram.com/v1/tags/寰宇/media/recent?access_token=' + instagramaccesstoken + '&max_tag_id=1387332905573',
// dataType: "jsonp",
// cache: false,
// beforeSend: function () {
// $("#loading").show();
// },
// success: function (data) {
// console.log(data);
// $('#usernameLabel').text(data.data.username);
// $('#nameLabel').text(data.data.full_name);
// $('#bioLabel').text(data.data.bio);
// document.getElementById("imgProfilePic").src = data.data.profile_picture;
// }
//});
if (type == 'on') {
open_PopUp();
}
var access_token = instagramaccesstoken;
// number of photos per request (max 33)
$.ajax({
url: 'https://api.instagram.com/v1/tags/' + str_tag + '/media/recent',
dataType: 'jsonp',
type: 'GET',
data: {
access_token: access_token,
count: int_count
},
success: function(result) {
if (type == 'on') {
close_PopUp();
}
//console.log(result);
var igItemWidth = $('.ig-grid-item').width();
$('.ig-grid').empty(); //.children().remove();
var eleDiv10 = document.createElement("div");
eleDiv10.className = "ig-grid-sizer";
var eleDiv11 = document.createElement("div");
eleDiv11.className = "ig-gutter-sizer";
$('.ig-grid').masonry().append(eleDiv10).masonry('appended', eleDiv10).masonry();
$('.ig-grid').masonry().append(eleDiv11).masonry('appended', eleDiv11).masonry();
for (x in result.data) {
var str_data = '';
if (str_tag == 'all') {
str_data = '1';
} else {
for (a in result.data[x].tags) {
if (result.data[x].tags[a].indexOf(str_tag) != -1) {
str_data = '1';
}
}
}
if (str_data != '') {
var eleDiv = document.createElement("div");
eleDiv.className = "ig-grid-item";
var eleDiv1 = document.createElement("div");
eleDiv1.className = "ig-grid-img";
eleDiv1.style = "background-image: url(" + result.data[x].images.low_resolution.url + ");height:" + igItemWidth + "px";
var eleDiv2 = document.createElement("div");
eleDiv2.className = "ig-grid-msgbox";
var eleDiv3 = document.createElement("span");
eleDiv3.className = "ig-grid-msg";
eleDiv3.textContent = result.data[x].caption.text;
eleDiv2.appendChild(eleDiv3);
eleDiv.appendChild(eleDiv1);
eleDiv.appendChild(eleDiv2);
$('.ig-grid').masonry().append(eleDiv).masonry('appended', eleDiv).masonry();
}
// data.data[x].images.low_resolution.url - URL of image, 306х306
// data.data[x].images.thumbnail.url - URL of image 150х150
// data.data[x].images.standard_resolution.url - URL of image 612х612
// data.data[x].link - Instagram post URL
}
var elDiv = document.createElement("div");
elDiv.className = "ig-grid-item";
elDiv.style = "display:none;";
$('.ig-grid').masonry().append(elDiv).masonry('appended', elDiv).masonry();
//for (x in result.data) {
// $('ul').append('<li><img src="' + result.data[x].images.standard_resolution.url + '"></li>');
//}
//$.ajax({
// url: result.pagination.next_url, // we don't need to specify parameters for this request - everything is in URL already
// dataType: 'jsonp',
// type: 'GET',
// success: function (result2) {
// console.log(result2);
// for (x in result2.data) {
// $('ul').append('<li><img src="' + result2.data[x].images.standard_resolution.url + '"></li>');
// }
// },
// error: function (result2) {
// console.log(result2);
// }
//});
},
error: function(result) {
if (type == 'on') {
close_PopUp();
}
console.log(result);
}
});
}
function GetInstagramPhotos() {
$("#PhotosUL").html("");
var str_tag = '美語嘉年華';
$.ajax({
type: "GET",
async: true,
contentType: "application/json; charset=utf-8",
//Recent user photos
url: 'https://api.instagram.com/v1/users/self/media/recent/',
//Most popular photos
//url: "https://api.instagram.com/v1/media/popular?access_token=" + instagramaccesstoken,
//For most recent pictures from a specific location:
//url: "https://api.instagram.com/v1/media/search?lat=[LAT]&lng=[LNG]&distance=[DST]?client_id=[ClientID]&access_token=[CODE]",
//For min and max images
//url: "https://api.instagram.com/v1/users/"+ userId+ "/media/recent/"+ "?access_token="+ token+ "&count=" + mediaCount+ "&max_id=" + mOldestId",
//By Tags
//url: "https://api.instagram.com/v1/tags/coffee/media/recent?client_id=[]&access_token=[]",
//To get a user’s detail
//url: "https://api.instagram.com/v1/users/usert_id/?access_token=youraccesstoken",
data: {
access_token: instagramaccesstoken,
count: 5,
tag: str_tag
},
dataType: "jsonp",
cache: false,
//beforeSend: function () {
// $("#loading").show();
//},
success: function(data) {
console.log(data);
for (x in data.data) {
var str_data = '';
for (a in data.data[x].tags) {
if (data.data[x].tags[a].indexOf(str_tag) != -1) {
console.log(str_tag + " found ,");
str_data = '1';
}
}
if (str_data != '') {
$('#PhotosUL').append('<li><img src="' + data.data[x].images.low_resolution.url + '"></li>');
console.log(data.data[x].caption.text);
}
// data.data[x].images.low_resolution.url - URL of image, 306х306
// data.data[x].images.thumbnail.url - URL of image 150х150
// data.data[x].images.standard_resolution.url - URL of image 612х612
// data.data[x].link - Instagram post URL
}
//$("#loading").hide();
//if (data == "") {
// $("#PhotosDiv").hide();
//} else {
// $("#PhotosDiv").show();
// for (var i = 0; i < data["data"].length; i++) {
// $("#PhotosUL").append("<li style='float:left;list-style:none;'><a target='_blank' href='" + data.data[i].link + "'><img src='" + data.data[i].images.thumbnail.url + "'></img></a></li>");
// }
//}
},
error: function(data) {
console.log(data); // send the error notifications to console
}
});
}
</script>
<script type="text/javascript" src="https://q4u.worldfamily.com.tw/fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="https://q4u.worldfamily.com.tw/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen">
<script type="text/javascript" src="https://q4u.worldfamily.com.tw/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<script>
$(".various").fancybox({
beforeShow: function() {
$(".fancybox-skin").css("backgroundColor", "#fff");
$(".fancybox-skin").css("padding", "10px");
},
maxWidth: 1100,
maxHeight: 900,
width: '99%',
//height: '99%',
autoSize: false,
closeClick: false,
openEffect: 'none',
closeEffect: 'none',
});
</script>
<footer>
<div class="container-fluid color-bar clearfix">
<div class="row">
<div class="col-sm-1 col-xs-2 bg-color-1">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-2">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-3">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-4">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-5">fix bar</div>
<div class="col-sm-1 col-xs-2 bg-color-6">fix bar</div>
<div class="col-sm-1 bg-color-1 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-2 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-3 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-4 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-5 hidden-xs">fix bar</div>
<div class="col-sm-1 bg-color-6 hidden-xs">fix bar</div>
</div>
</div>
<div class="copyRight clearfix">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="copyRightText">
<p>寰宇家庭股份有限公司(台灣)版權所有 </p>
<p class="copyRightTextEng">© World Family(Taiwan) Ltd. All Rights Reserved.</p>
<p>客服專線:0809-080-000</p>
</div>
</div>
<div class="col-sm-6 footer-link">
<ul>
<li><a href="aboutWfc.aspx">關於寰宇家庭俱樂部</a></li>
<li><a href="aboutWf.aspx">關於寰宇家庭</a></li>
<li><a href="private.aspx">隱私權與安全性</a></li>
<li><a href="copyright.aspx">版權聲明</a></li>
<li><a href="law.aspx">條款與政策</a></li>
<li><a href="sitemap.aspx">網站地圖</a></li>
<li><a href="認識性騷擾.ppt">認識性騷擾</a></li>
</ul>
</div>
</div>
<div class="suggest">親愛的顧客您好，本網站建議以 Google Chrome、Firefox、Safari 等瀏覽器瀏覽，以獲得最佳瀏覽體驗。</div>
</div>
</div>
</footer>
<div class="scrolling">
<a href="#pageTop" class="backToTop" id="backToTop" style="opacity: 0;">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
</div>
<div class="modal fade customModal lightbox-usual" id="loginModal" tabindex="-1" role="dialog">
<div class="modal-dialog layout-lightbox-vertical-middle">
<div class="modal-content">
<div class="panel">
<div class="panel-heading">
<h3 class="panel-title">
<span id="lineappLabel"></span>會員登入
</h3>
<a class="panel-close" href="#" data-dismiss="modal">x</a>
</div>
<div class="panel-body">
<div class="form-group formField">
<input name="ctl00$member_id" type="text" id="member_id" class="form-control" placeholder="請輸入會員編號或身份證號" style="font-family:member_id;">
</div>
<div class="form-group formField">
<input name="ctl00$member_password" type="password" id="member_password" class="form-control" placeholder="請輸入密碼" style="font-family:member_password;">
</div>
<div class="form-group ver-box" id="img_code_gen" style="display: none;">
<img src="/ashx/ValidateNumber.ashx" alt="驗證碼" id="imgCode" name="imgCode" class="ver-img">
<input type="button" onclick="imgcodereset();" value="重新產生驗證碼" class="ver-reset">
<input name="ctl00$txt_input" type="text" maxlength="4" id="txt_input" class="ver-input" placeholder="輸入驗證碼">
</div>
<div class="form-group formField">
<input id="login_form" clientidmode="Static" type="submit" class="btn btn-block" value="登入">
</div>
<div class="form-group formField">
<p class="help-block">
<a href="#" data-forgot="Y" data-toggle="modal">忘記密碼 ?</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade customModal lightbox-usual" id="forgetModal" tabindex="-1" role="dialog">
<div class="modal-dialog layout-lightbox-vertical-middle">
<div class="modal-content">
<div class="panel">
<div class="panel-heading">
<h3 class="panel-title">密碼查詢</h3>
<a class="panel-close" href="#" data-dismiss="modal">x</a>
</div>
<div class="panel-body">
<div class="form-group formField">
<input name="ctl00$member_No" type="text" id="member_No" class="form-control" placeholder="請輸入會員編號或身份證號" style="font-family:member_No;">
</div>
<div class="form-group formField">
<input name="ctl00$phone_No" type="password" id="phone_No" class="form-control" placeholder="請輸手機號碼" style="font-family:phone_No;">
</div>
<div class="form-group formField">
<input id="forgot_login" clientidmode="Static" type="submit" class="btn btn-block" value="確定">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="forum-modal" class="modal fade customModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="panel">
<div class="panel-heading">
<h3 class="panel-title">發表文章 / 留言之注意事項</h3>
<a class="panel-close" href="" data-dismiss="modal">x</a>
</div>
<div class="panel-body">
<ul class="forum-qabox">
<li class="forum-qabox-item">
<div class="forum-qabox-q">成員們的聲音是什麼？ </div>
<div class="forum-qabox-a">會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。</div>
</li>
<li class="forum-qabox-item">
<div class="forum-qabox-q">成員們的聲音是什麼？ </div>
<div class="forum-qabox-a"> 會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。<br> 會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。 </div>
</li>
<li class="forum-qabox-item">
<div class="forum-qabox-q">發布說明·舉止</div>
<div class="forum-qabox-a"> 會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂 <div class="forum-qabox-block">警告</div>
<div class="forum-qabox-block">禮貌</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="Msg_modal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body" style="line-height: 1.3;">
<div class="row">
<div class="col-md-12 col-xs-12">
<br>
<div class="row mb-1 ml-1">
<div>
<input type="checkbox" name="notice13" id="notice13" value="close">
<label for="notice13" style="font-weight: 500;">今日不再提醒。</label>
</div>
</div>
<div class="row mb-1 ml-1 mr-1">
<div>
<a href="javascript:fun_Msg_chk();" class="btn btn-primary btn-block">閱讀完畢，關閉視窗。</a>
</div>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="gradute_modal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header" style="background: #eacda3; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #d6ae7b, #eacda3); /* chrome 10-25, safari 5.1-6 */
background: linear-gradient(to right, #d6ae7b, #eacda3); /* w3c, ie 10+/ edge, firefox 16+, chrome 26+, opera 12+, safari 7+ */">
<h3 class=" modal-title" id="exampleModalCenterTitle"><i class="fa fa-graduation-cap"></i> 2019畢業典禮出席登記 </h3>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4 col-xs-12">
<img class="img-responsive " src="image/2019Graduation.jpg">
</div>
<div class="col-md-8 col-xs-12">
<div class="h5">
<p> 恭喜寶貝通過2019的畢業申請，由於今年有近270位的畢業生與劍橋小院士，為維護典禮活動品質，今年的畢業典禮將分為2個場次舉行。 二場地點、活動都相同。請擇一場次報名。 </p>
</div>
<br>
<div class="row">
<div class="col-md-3 col-xs-12" style="margin-bottom: 10px;"><b>｜會場地點｜</b></div>
<div class="col-md-9 col-xs-12">公務人力發展中心福華國際文教會館2樓 卓越堂（台北市新生南路三段30號)</div>
</div>
<br>
<div class="row">
<div class="col-md-3 col-xs-12" style="margin-bottom: 10px;"><b>｜登記期間｜</b></div>
<div class="col-md-9 col-xs-12">11/5 (二) AM10:30 - 11/8(五) PM6:00</div>
</div>
<br>
<div><b>｜場次登記｜</b></div>
<br>
<div class="custom-control custom-radio custom-control-inline h4">
<input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" disabled="" data-radio="1">
<label class="custom-control-label text-primary" for="customRadio1"> 12/7(六)<span class="text-danger h5">本場次已額滿!</span>
</label>
</div>
<div class="custom-control custom-radio custom-control-inline h4">
<input type="radio" id="customRadio2" name="customRadio" class="custom-control-input" data-radio="2">
<label class="custom-control-label text-primary" for="customRadio2"> 12/29(日) </label>
</div>
<div class="custom-control custom-radio custom-control-inline h4">
<input type="radio" id="customRadio3" name="customRadio" class="custom-control-input" data-radio="3">
<label class="custom-control-label text-primary" for="customRadio3"> 不參加 </label>
</div>
<br>
<p>
<a href="javascript:fun_gradutes();" class="btn btn-primary btn-block">確定</a>
<a id="btn_gradutes" class="btn btn-primary btn-block" href="javascript:__doPostBack('ctl00$btn_gradutes','')" style="display: none;">確定</a>
<span id="upbtn_gradutes">
</span>
<input type="hidden" name="ctl00$Hidden_gradutes" id="Hidden_gradutes">
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="tabmenu">
<li class="tabmenu-li tabmenu-1">
<a href="javascript:mypageinfo_up();" data-login="Y" data-href="javascript:mypageinfo_up();" class="tabmenu-link">
設定
</a>
</li>
<li class="tabmenu-li tabmenu-2">
<a href="online.aspx" class="tabmenu-link">線上客服</a>
</li>
<li class="tabmenu-li tabmenu-3">
<a href="activity.aspx" class="tabmenu-link">活動報名</a>
</li>
<li class="tabmenu-li tabmenu-4">
<a href="mypageinfo.aspx" data-login="Y" data-href="mypageinfo.aspx" class="tabmenu-link">最新消息</a>
</li>
<li class="tabmenu-li tabmenu-5">
<a href="download.aspx" data-login="Y" data-href="download.aspx" class="tabmenu-link">下載專區</a>
</li>
</ul>
<div style="display: none;">
<input name="ctl00$loginPage" type="text" id="loginPage">
<h3>Session Idle: <span id="secondsIdle"></span> seconds.</h3>
<div id="pnlPopup" class="modalPopup" style="display: none">
<div class="header"> Session Expiring! </div>
<div class="body"> Your Session will expire in <span id="seconds"></span> seconds.<br> Do you want to reset? </div>
<div class="footer">
<input type="submit" name="ctl00$btnYes" value="Yes" onclick="ResetSession();" id="btnYes" class="yes">
<input type="submit" name="ctl00$btnNo" value="No" id="btnNo" class="no">
</div>
</div>
<input type="submit" name="ctl00$btnRetrieve" value="密碼查詢" id="btnRetrieve">
<input type="submit" name="ctl00$btnLogon" value="登入" id="btnLogon">
</div>
</div>
<script type="text/javascript">
//<![CDATA[
;
Msg_modal();
//]]>
</script>
</form>Text Content
* 關閉視窗
* 劃位完成
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
約定轉帳
加入 Go, Go Live!
登入 申請 忘記密碼
美語叔叔阿姨 Zippy 家族
Toggle navigation
* 約定轉帳
加入 Go, Go Live!
登入 申請 忘記密碼
美語叔叔阿姨 Zippy 家族
* 美語活動
* Go Go Live
* 線上美語活動
* 線上樂樂屋
* 美語嘉年華
* 週末活動
* 跟著玩活動
* Froggy和Bunny點點名
* 布偶劇場
* Zippy 人偶秀
* CAP 童樂會
* 迷你活動
* 寶貝玩玩
* 來趣玩活動
* 翻轉小世界
* ABC Club
* 營隊活動
* 美語學習
* Face Call
* 電話美語
* WF Club Library
* CAP 親子學習計畫
* DWE 畢業
* DWE 畢業
* 畢業榮譽榜
* 劍橋榮譽榜
* 多媒體學習
* 多媒體學習
* Super Fun
* 歡樂TV
* ABC Channel
* 美語遊戲
* 美語故事
* 會員服務
* 親子教育百科
* 會員經驗分享
* 世界育兒觀
* 寰宇家庭雜誌
* 寰宇家庭成長學苑
* 寰宇家庭成長學苑-線上濃縮版
* 我的專區
* 我的專區
* 新手上路
* 活動學習記錄
* 學習點數
* 查詢學習點數 + 兌換專區
* 會員須知
* 常見問題
* 特別保證
* 電子發票
* 影片投稿
×Close
GOOGLE MAP
關閉
* 近距離美語互動
讓孩子與美語叔叔、阿姨在活動中歡笑聲不斷，開心說美語！
* 全台最大規模
一年舉辦1200場以上充滿歡樂的全美語活動！
* 完善會員服務
提供完善的會員服務，讓孩子的學習沒有後顧之憂！
* 社群交流平台
藉由寰宇家庭俱樂部的社群平台，互相交流分享，讓親子共學共玩的路上不孤單！
* 多元美語學習
配合孩子的年齡與學習的進度，選擇合適自己的美語學習方式。
* 特別保證制度
可大膽讓寶貝們使用，提供產品保固制度，享受令人安心的服務。
Slide 2
Slide 2
美語 活動
美語 學習
焦點 服務
我的 專區
美語活動
美語嘉年華
全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。
* 繼續閱讀
週末活動
以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！
* 繼續閱讀
迷你活動
專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！
* 繼續閱讀
營隊活動
沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！
* 繼續閱讀
美語嘉年華
全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。
* 繼續閱讀
週末活動
以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！
* 繼續閱讀
迷你活動
專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！
* 繼續閱讀
營隊活動
沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！
* 繼續閱讀
美語嘉年華
全美語大型兒童舞台劇，由專業美語演員及Zippy家族人偶同台演出，以台上台下互動方式，帶領觀眾唱歌舞動身體，呈現豐富具教育性的表演。
* 繼續閱讀
週末活動
以經典故事主題結合DWE歌曲、產品及教具進行的美語活動，透過Zippy家族布偶及人偶近距離接觸，以互動激發創意，也增進親子關係！
* 繼續閱讀
迷你活動
專為大、小孩子設計的分齡活動，搭配教具加強感覺統合的刺激，讓孩子將美語應用在多元主題中，活潑有趣的遊戲體驗，感受歡樂無限！
* 繼續閱讀
營隊活動
沉浸在大自然的洗禮，三天兩夜全程美語充滿樂趣，透過主題式的生活體驗和活動探險，讓孩子說出一口好美語！
* 繼續閱讀
美語學習
FACE CALL
漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。
* 繼續閱讀
電話美語
真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！
* 繼續閱讀
CAP親子學習計畫
用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。
* 繼續閱讀
DWE畢業
寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。
* 繼續閱讀
FACE CALL
漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。
* 繼續閱讀
電話美語
真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！
* 繼續閱讀
CAP親子學習計畫
用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。
* 繼續閱讀
DWE畢業
寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。
* 繼續閱讀
FACE CALL
漸進式的美語學習，降低孩子使用電話的緊張情緒，Face Call是孩子正式進入使用「電話美語」前或遇到停滯期的好選擇。
* 繼續閱讀
電話美語
真人電話美語服務，在家就可輕鬆練習。搭配分齡機制，可依孩子的程度，與美語叔叔、阿姨一起唱美語、說美語，訓練孩子聽力與會話能力！
* 繼續閱讀
CAP親子學習計畫
用來激勵小朋友的學習計畫。依照DWE的顏色而逐漸加深難易度，能幫助小朋友保持學習的動力、引起興趣並建立信心，持之以恆的使用產品。
* 繼續閱讀
DWE畢業
寰宇家庭為孩子們提供一項美語挑戰「畢業申請」；只要孩子年滿4歲則可申請，它是學習的里程碑，通過可獲得專屬證書和米奇獎盃。
* 繼續閱讀
焦點服務
新手上路
提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！
* 繼續閱讀
我的專區
提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！
* 繼續閱讀
家長講座
陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！
* 繼續閱讀
多媒體學習
透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！
* 繼續閱讀
新手上路
提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！
* 繼續閱讀
我的專區
提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！
* 繼續閱讀
家長講座
陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！
* 繼續閱讀
多媒體學習
透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！
* 繼續閱讀
新手上路
提供會員充滿創意且多元化的服務與活動，希望為所有的爸爸、媽媽與小朋友營造一個充滿歡樂的美語學習環境！
* 繼續閱讀
我的專區
提供學習支援服務的各項紀錄，透過記錄可以知道如何陪伴孩子輕鬆並開心使用ＤＷＥ產品！
* 繼續閱讀
家長講座
陪伴孩子學習的七大竅門，不管學習任何事物，孩子們最需要的其實就是家長們的陪伴；產品好多，不知如何上手，來成功的第一步就對了！
* 繼續閱讀
多媒體學習
透過多元化的美語學習方式，家長陪伴孩子一同快樂玩英文，培養孩子創意與想像力，並達到最好的親子互動！
* 繼續閱讀
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
fix bar
寰宇家庭股份有限公司(台灣)版權所有
© World Family(Taiwan) Ltd. All Rights Reserved.
客服專線:0809-080-000
* 關於寰宇家庭俱樂部
* 關於寰宇家庭
* 隱私權與安全性
* 版權聲明
* 條款與政策
* 網站地圖
* 認識性騷擾
親愛的顧客您好，本網站建議以 Google Chrome、Firefox、Safari 等瀏覽器瀏覽，以獲得最佳瀏覽體驗。
會員登入
x
忘記密碼 ?
密碼查詢
x
發表文章 / 留言之注意事項
x
* 成員們的聲音是什麼？
會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。
* 成員們的聲音是什麼？
會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。
會員之聲是WF俱樂部會員的社區網站。如何充分利用教材·WF俱樂部，英語學習技巧，麻煩，麻煩，歡樂，如存儲器的各種服務，發布和周圍學習英語的共享信息，請了很多的樂趣和獎勵的英語學習生活。
* 發布說明·舉止
會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂會員之聲是WF俱樂
警告
禮貌
今日不再提醒。
閱讀完畢，關閉視窗。
2019畢業典禮出席登記
恭喜寶貝通過2019的畢業申請，由於今年有近270位的畢業生與劍橋小院士，為維護典禮活動品質，今年的畢業典禮將分為2個場次舉行。
二場地點、活動都相同。請擇一場次報名。
｜會場地點｜
公務人力發展中心福華國際文教會館2樓 卓越堂（台北市新生南路三段30號)
｜登記期間｜
11/5 (二) AM10:30 - 11/8(五) PM6:00
｜場次登記｜
12/7(六)本場次已額滿!
12/29(日)
不參加
確定 確定
* 設定
* 線上客服
* 活動報名
* 最新消息
* 下載專區
SESSION IDLE: SECONDS.
Session Expiring!
Your Session will expire in seconds.
Do you want to reset?