全部最新消息
-
【Lexis English】澳洲(雪梨/布里斯本/陽光海岸/拜倫灣/努沙/柏斯)
臺灣學生專屬優惠:報課程,每周加送5小時免費課程【Lexis English】澳洲(雪梨/布里斯本/陽光海岸/拜倫灣/努沙/柏斯)MORE -
[加拿大] VanWest College-Kelowna I 許同學(8周密集英文)
Study Abroad Review
VanWest College-Kelowna 遊學心得分享
以下內容為同學實際經驗整理,文字內容原文保留,並以更好閱讀的方式重新排版呈現。
Q:當初為什麼選擇 VanWest College在Kelowna的校區?
相較於大都市,希望能到比較好山好水的地方生活並休息一陣子。
Q:請敘述該所學校第一天報到情形? 學校有提供什麼實用的資訊嗎?
第一天到櫃台確認完資料後安排至教室等待,同一梯次的新生到齊後,由活動顧問統一說明規範,例如,只要進到室內就不能使用母語和一些上課和請假的規則等等,結束後顧問會帶著大家到附近走走,介紹一些同學們常去的商店或餐廳,有些餐廳有特別給學生折扣,可以多留意。Kelowna市中心不大,多晃幾圈就會熟悉了。
另外VanWest College在溫哥華的校區,負責臺灣學生的學校代表Catherine,會約所有講中文的學生,再開一次中文版的線上新生訓練,基本上是同樣的資訊,上課過程中有任何問題主要也是與她聯繫。
Q:學校環境及地理位置? 買東西方便嗎? 午餐都吃什麼呢? 有推薦的店家嗎?
學校空間滿小的,如果遇到旺季會滿擁擠,位置就在Kelowna市中心,附近生活機能還不錯,有很多餐廳、超市、便利商店等等,午餐想外食的話,不會找不到東西吃,但我都是從Homestay準備食物帶到學校,基本上就是前一晚的晚餐、三明治或是沙拉。
Q:可以分享在VanWest College的上課經驗嗎?
VanWest College 的課程,依照不同的英文程度分為,一般英語(著重聽/說/讀/寫)、學術英語(EAP)、比較專注在口說訓練的「Speak Up」,基本上,每一周都會有個課程主題,八周為一循環。一開始我毎分配到的班級,因學生人數的關係,是Level 6~7併班一起上課。但當時的老師有點無聊,上課常常需要花時間等待,互動性也不是很高,兩個禮拜之後我有換到Speak Up課程(換課程都要周一開始),明顯多了很多口說訓練,但課程裡,還是會帶到單字與文法概念。 我當初臨時換到這個課程不是從第一周的基礎開始,馬上就是一周兩個團體報告,準備時間只有一天,主題偏生活化但有時資訊很多,只用一個下午加晚上蒐集資料、跟組員討論、做出簡報到隔天就要報告,頗吃力的。 對我來說這段時間,最大的收穫是交朋友和生活體驗,英文能力的進步是其次,但在加拿大學英文除了課程之外也可以多學到生活用語,是在教科書上比較少提到的。
升級的部分如果沒有特殊想換課程的原因都會待滿八周,每周會有一個成績,通過就會升級,沒有特別另外考試。
Q:VanWest College-Kelowna提供哪些課後活動呢? 有推薦加拿大或Kelowna必去的景點嗎?
基本上每周會有安排三天的課後活動,可以自由報名參加,每個月的活動安排可以從學校Instagram上的PO文看到,我有參加過迷你高爾夫、沙灘排球、參觀博物館等等,是認識同學的好機會~
另外,我有跟同學安排自駕行程到班夫四天三夜的小旅行,非常推薦大家到了Kelowna有機會可以嘗試公路旅行,路上的風景非常美,跟在台灣開車是完全不同的體驗,不過班夫的住宿價格很高很觀光;或是,也可以到旁邊的小鎮Canmore找住宿,其他景點資訊網路上可以查到非常多,這邊就不贅述啦!
至於Kelowna當地,我有去到Myra Canyon騎腳踏車、酒莊品酒、果園採水果,還可以到一些附近的小城鎮,但離開市中心,真的有車才方便,我很喜歡Homestay帶我們去的Summerland Sweets,那邊一定要開車才能到,Summerland Sweets感覺小小的,不大,是是很當地人的私房景點,不管是wine tasting服務或是買整罐的水果酒都是高品質又經濟實惠,還有比Kelowna市中心便宜很多的冰淇淋可以吃! 在那附近,還有The Kettle Valley Steam Railway,是很傳統的蒸汽火車,可以先上網訂票,內部車廂保留得很完整,沿路的風景很美,路上遇到旁邊住戶都會互相打招呼,超可愛的~
Q:在校園裡,有認識哪些國家的朋友?
學校裡以日本人為大宗,台灣人其實目前也不少,中國人在我這段時間沒有遇到,後來聽說有一兩個,另外有幾位是來自哥倫比亞、巴拿馬,也有遇到葉門人,但實際數量我沒有概念,只知道淡旺季差距滿大的。
Q:習慣加拿大的飲習嗎?
最不習慣的是,真的很少熱的青菜,不過當地也有滿多種類的亞洲餐廳。
Q:可以分享,你住寄宿家庭的經驗嗎?
這次是我第一次寄宿家庭的體驗,很幸運遇到沒什麼特別規定,又和藹可親,還會帶學生們出去玩的家庭,只要能接受家裡離學校很遠和非常西式的飲食習慣就會是很好的體驗,平常主要是Home爸(加拿大人)在處理學生的事情,我的Home媽(菲律賓人)很努力在工作。早餐及午餐,Home爸會準備一些食材放在冰箱讓我們自己使用,晚餐就由他準備,主要會有義大利麵、TACO、熱狗堡和外面買的速食輪流出現,偶爾Home媽會準備比較亞洲的食物也可以吃。
Q:若有朋友之後想去遊學,會推薦加拿大或這間學校嗎?為什麼?
如果注重生活體驗跟放鬆的話,很推薦,但如果想要英文大幅進步會推薦還是到溫哥華校區,課程類型選擇豐富及師資上應該還是會比較有幫助。
Q:分享 Kelowna 這個城市給你的感覺,不管是人們、生活型態、交通、美食等,喜歡嗎? 若之後有學生要去,會建議他們哪個月份,比較適合呢?
這個城市生活步調緩慢,公車常常不按牌理出牌,需要多注意的是市中心會有無家者群聚,但整體而言是個滿友善的地方,我個人滿喜歡這裡的生活環境,相比臺灣的擁擠,道路很寬尤其對行人超級友善,很適合夏天來度假,Okanagan Lake會有很多樣的水上活動,滿推薦5~9月來,各種水果也都是在這期間盛產,聽說冬天會到負20度的冰天雪地,喜歡滑雪的話,冬天可以到附近的Big White體驗。
Q:這次的遊學經驗,除了學英文,還學到什麼不同的文化/生活體驗呢?
加拿大真的是一個非常多元的國家,跟臺灣比較不一樣的是,還能遇到比較多來自西亞的同學,有伊朗、阿富汗、土耳其或是非洲國家的人,跟他們交流聊天的過程,拓展了我的國際觀,也對這些國家有進一步的了解。
誰適合參考這篇心得?加拿大遊學選校前先看這些重點
如果你正在規劃加拿大遊學、暑期遊學,或想比較 Kelowna 與溫哥華等大城市的學習與生活差異, 這篇心得可以幫助你快速理解:學校報到流程、課程安排與加強口說訓練、課後活動、寄宿家庭生活節奏, 以及在地交通與旅遊方式。建議在決定校區前,先列出你的優先順序(生活體驗/英文進步/生活機能/預算), 再搭配顧問建議做出最適合自己的選擇。
學校環境與活動
‹
›
班夫+Kelowna景點
‹
›
寄宿家庭環境-餐點-出遊
‹
›
想開始規劃你的加拿大遊學嗎?
先看最新消息與活動,再挑選課程,最後用「認識學校」比較國家與城市。
最新消息 課程介紹 認識學校
/* ===== 品牌設定 ===== */
.hi-review{
--main:#9BC7CA;
--sub:#415152;
--text:#2a3637;
--muted:#5f6f73;
font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif;
color:var(--text);
line-height:1.9;
}
.hi-review__wrap{
max-width:1100px;
margin:0 auto;
padding:56px 16px;
}
.hi-review__head{
border:1px solid rgba(155,199,202,.45);
border-radius:18px;
padding:18px 18px 16px;
position:relative;
background:linear-gradient(135deg, rgba(155,199,202,.14), transparent 60%);
}
.hi-review__head:before{
content:"";
position:absolute;
inset:10px;
border:1px dashed rgba(155,199,202,.32);
border-radius:14px;
pointer-events:none;
}
.hi-review__badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
border:1px solid rgba(65,81,82,.22);
color:var(--sub);
font-weight:700;
letter-spacing:.8px;
background:transparent;
position:relative;
z-index:1;
}
.hi-review__title{
margin:10px 0 6px;
font-size:30px;
color:var(--sub);
position:relative;
z-index:1;
}
.hi-review__sub{
margin:0;
color:var(--muted);
position:relative;
z-index:1;
}
/* Q&A 區塊(線條感) */
.hi-review__content{
margin-top:18px;
}
.hi-qna{
margin-top:18px;
padding:14px 14px 16px;
border:1px solid rgba(65,81,82,.14);
border-radius:16px;
background:#fff;
position:relative;
}
.hi-qna:before{
content:"";
position:absolute;
left:12px; right:12px; top:12px; bottom:12px;
border:1px dashed rgba(155,199,202,.25);
border-radius:12px;
pointer-events:none;
}
.hi-qna h2{
margin:0 0 8px;
font-size:18px;
color:var(--sub);
position:relative;
z-index:1;
}
.hi-qna p{
margin:0;
color:var(--muted);
position:relative;
z-index:1;
}
/* SEO 補強段落 */
.hi-seo-plus{
margin-top:26px;
padding-top:18px;
border-top:1px solid rgba(65,81,82,.18);
}
.hi-seo-plus h2{
margin:0 0 10px;
font-size:22px;
color:var(--sub);
}
.hi-seo-plus p{
margin:0;
color:var(--muted);
}
/* ===== 圖片輪播(左右皆可切換)===== */
.hi-gallery__title{
margin:34px 0 12px;
font-size:22px;
color:var(--sub);
}
.hi-slider{
border:1.5px solid rgba(155,199,202,.50);
border-radius:18px;
overflow:hidden;
position:relative;
background:#fff;
}
.hi-viewport{
overflow:hidden;
}
.hi-track{
display:flex;
transition:transform .35s ease;
will-change:transform;
}
.hi-track img{
min-width:100%;
height:auto;
display:block;
}
/* 左右按鈕(兩邊都可切換) */
.hi-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:38px;
height:38px;
border-radius:999px;
background:rgba(255,255,255,.88);
border:1px solid rgba(65,81,82,.35);
color:var(--sub);
cursor:pointer;
font-size:22px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
z-index:3;
transition:transform .15s ease, border-color .15s ease;
}
.hi-nav:hover{ border-color:rgba(155,199,202,.9); transform:translateY(-50%) scale(1.04); }
.hi-prev{ left:10px; }
.hi-next{ right:10px; }
/* 指示點 */
.hi-dots{
display:flex;
gap:8px;
justify-content:center;
padding:10px 10px 12px;
border-top:1px solid rgba(65,81,82,.10);
}
.hi-dot{
width:8px;
height:8px;
border-radius:99px;
border:1px solid rgba(65,81,82,.35);
background:transparent;
cursor:pointer;
}
.hi-dot.is-active{
background:rgba(155,199,202,.95);
border-color:rgba(155,199,202,.95);
}
/* CTA(線條感) */
.hi-line-cta{
max-width:1100px;
margin:34px auto 0;
padding:0;
}
.hi-line-cta__inner{
padding:26px 18px 28px;
border:1.5px solid rgba(155,199,202,.55);
border-radius:20px;
text-align:center;
position:relative;
}
.hi-line-cta__inner::before{
content:"";
position:absolute;
top:12px; left:12px; right:12px; bottom:12px;
border:1px dashed rgba(155,199,202,.35);
border-radius:16px;
pointer-events:none;
}
.hi-line-cta h3{
margin:0 0 8px;
font-size:22px;
color:var(--sub);
}
.hi-line-cta p{
margin:0 0 16px;
color:var(--muted);
}
.hi-line-cta__btns{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}
.hi-line-cta__btns a{
padding:9px 18px;
border-radius:999px;
border:1.5px solid rgba(65,81,82,.6);
color:var(--sub);
text-decoration:none;
font-weight:700;
letter-spacing:.4px;
transition:all .2s ease;
background:transparent;
}
.hi-line-cta__btns a:hover{
border-color:var(--main);
color:var(--main);
transform:translateY(-2px);
}
/* RWD */
@media (max-width:900px){
.hi-review__title{ font-size:26px; }
.hi-nav{ width:42px; height:42px; }
.hi-line-cta__btns a{ width:100%; }
}
(function(){
function setupSlider(slider){
const track = slider.querySelector('.hi-track');
const slides = Array.from(track.querySelectorAll('img'));
const prevBtn = slider.querySelector('.hi-prev');
const nextBtn = slider.querySelector('.hi-next');
const dotsWrap = slider.querySelector('.hi-dots');
let index = 0;
// 建立指示點
if(dotsWrap){
dotsWrap.innerHTML = '';
slides.forEach((_, i)=>{
const dot = document.createElement('button');
dot.type = 'button';
dot.className = 'hi-dot' + (i===0 ? ' is-active' : '');
dot.setAttribute('aria-label', '切換到第 ' + (i+1) + ' 張');
dot.addEventListener('click', ()=>go(i));
dotsWrap.appendChild(dot);
});
}
function update(){
track.style.transform = 'translateX(-' + (index * 100) + '%)';
const dots = dotsWrap ? dotsWrap.querySelectorAll('.hi-dot') : [];
dots.forEach((d,i)=>d.classList.toggle('is-active', i===index));
}
function go(i){
index = (i + slides.length) % slides.length;
update();
}
// 左右都可切換
prevBtn && prevBtn.addEventListener('click', ()=>go(index - 1));
nextBtn && nextBtn.addEventListener('click', ()=>go(index + 1));
// 手機滑動切換(左右皆可)
let startX = 0;
let dx = 0;
let isDown = false;
slider.addEventListener('touchstart', (e)=>{
startX = e.touches[0].clientX;
dx = 0;
isDown = true;
}, {passive:true});
slider.addEventListener('touchmove', (e)=>{
if(!isDown) return;
dx = e.touches[0].clientX - startX;
}, {passive:true});
slider.addEventListener('touchend', ()=>{
if(!isDown) return;
isDown = false;
if(dx > 50) go(index - 1);
else if(dx < -50) go(index + 1);
});
update();
}
document.querySelectorAll('.hi-slider').forEach(setupSlider);
})();[加拿大] VanWest College-Kelowna I 許同學(8周密集英文)MORE -
[美國] Manhattan Language I 王同學(課程:American English for Tourists Program)
Study Abroad Review
美國 Manhattan Language 遊學心得分享
以下內容為同學實際經驗整理,文字內容原文意思保留,並以更好閱讀的方式重新排版呈現。
Q 當初為什麼選擇紐約 Manhattan Language?
有同時看過google評價以及收費,覺得Manhattan Language的評價比較高 且收費有早鳥優惠價,地點在華爾街附近非常方便。
Q 請敘述該所學校第一天報到情形? 學校有提供什麼實用資訊給新生嗎?
第一天報到有提供電梯密碼並介紹環境,如茶水間、廁所等設備,第一天上課其實不太會尷尬,老師會分組討論,不太有小團體的情況發生。
Q 學校環境及地理位置? 午餐的時候,方便買東西吃嗎? 通常午餐都怎麼解決?
位置在華爾街銅牛附近,也有公園, 因午休時間短,我都會自己帶午餐或是Home mom會幫忙準備便當,滿方便的!
Q 與台灣比較,在美國學英文,上課方式、上課氛圍、同學表現,有什麼不一樣? 學校老師上課方式為何? 開課多久後,有升級考試呢?
我覺得可以很自在的口說,不用擔心他人眼光,老師會幫忙糾正錯誤的地方,加速練習。
學校有分級考試,但因我只有上一個月 ,所以不太知道多久會考試~
Q 學校課後活動多嗎? 有參加哪些課後活動呢? 有自己去旅行嗎? 有推薦的景點嗎? 自己一個人在美國獨旅,交通方便嗎? 治安、安全的部分,有什麼需要特別注意的嗎?
課後活動多自由報名,但我只有去時代廣場與看歌劇。我喜歡自己亂走,參觀景點與探險,我推薦,時代廣場的SKYWALK必訪的景點,也要去布魯克林大橋與曼哈頓大橋,俯瞰城市的美景。
治安我覺得不是大問題,基本上不要冒犯別人,不要深夜晚歸其實都很安全。因為學校安排的住宿都不會太偏僻,我居住的地方離地鐵站,步行只要5分鐘,非常方便!
[注意事項]
▲有些餐廳不能刷卡或是使用手機支付,只能用現金(例如,中國城)
▲貨比三家:布魯克林大橋攤販各家價格都不一樣,建議先問過再買
▲中國城那邊有很多賣假貨假精品,不要買! 除非你想買盜版。
▲有些熱狗餐車沒有標價:我之前買了一個牛肉漢堡要價30美金!! 建議找尋價格公開透明的攤販購買小吃
▲ 路邊有時會有吸毒的人,直接走過去就好,不要對他們的行為大驚小怪
Q 學校的國際學生比例? 跟歐洲/中南美洲學生上課,與跟亞洲學生上課,有什麼不一樣嗎?
班上沒有中國人,但有很多日本人,也有巴西、法國、俄羅斯、土耳其人。因為我們都是用英文,可以訓練表達方式,雖然有些國家口音很奇怪,但也是一種體驗。老師會拋出開放性問題讓各國學生討論回答,藉此可以了解到多國文化差異。
Q 習慣當地的食物嗎? 美國或紐約有什麼必吃的美食,或推薦的店家嗎?
喜歡當地食物,推薦店家如下,
✎中國料理:位於East Village的「葫蘆/ uluh」
✎泰式料理:Mitr Thai Restaurant
✎義大利料理:Il Corallo Trattoria
✎雀兒喜市場/Chelsea Market:想吃「塔可餅/Taco」與生蠔,一定要到Chelsea Market嚐鮮
Q 當初為什麼選擇住寄宿家庭呢? 可以分享居住經驗嗎?
寄宿家庭可以知道當地生活習慣,也有機會跟美國家庭聊天,了解當地一些活動或是節日。美國吃飯注重禮節,會等大家都上桌後,再一起用餐,吃完後大家會主動整理碗盤,飯後會泡熱茶好好聊天。
另外,最驚喜的是,Home mom幫我慶生,很感動,她拿出自製的生日蛋糕與禮物,還有唱生日歌!!
Q 之後,親友想去遊學,會推薦美國或這間學校嗎?
推薦。教職員都很親切,地理位置優越。
Q 分享 「紐約」 這個城市給你的感覺。若之後有學生要去,會建議他們哪個月份,比較適合?
建議五六月來紐約,還不會太熱。紐約是個很自由的地方,穿衣打扮自由,大家不會隨意評論他人,也有很多藝文活動可以參加,紐約物價稍高,但適合遊學與生活。
Q 這次的遊學經驗,除了學英文,還學到什麼不同的文化/生活體驗呢?!
在臺灣,如果要騎車10分鐘我都覺得麻煩,但在紐約搭地鐵一個小時去吃飯逛街,我都覺得沒什麼,每天都走萬步,好好感受這個城市,也會主動跟店員打招呼閒聊,非常有趣。
規劃 美國紐約 遊學:誰適合「一個月短期進修」的旅行與學習的遊學方式?
在英語國系國家裡,美國遊學的預算,算是偏高,尤其又選擇美國最熱門、熱鬧、有趣的大城「紐約」,一次遊學的費用,相當可觀。但,如果你是上班族,或是學生,只能有一個月的時間,出國進修加強自己的英文能力,紐約是一個很不錯的選擇,不是單純來旅行、玩玩就離開了,同時,實際體驗在地的生活,在學校裡,認識來自世界各地的同學,籍著與不同文化的同學交流,可以增廣自己的世界觀,同時,每個國家的人,講英文,多少有些口音,這時就是練習聽力與口音的最佳時機。選擇寄宿家庭,除了費用比宿舍便宜些,也不用太煩惱三餐該如何解決,另外,寄宿家庭也會協助處理部分生活的鎖事,例如洗衣等。同時,與當地人居住,透過聊天的過程,會更認識美國人,包含他們的生活背景、教育方式、飲食文化、生活方式等。
生活點滴
‹
›
想開始規劃你的遊學路線嗎?
先看最新消息與活動,再挑選課程,最後用「認識學校」比較城市與校區。
最新消息 課程介紹 認識學校
/* ===== 品牌設定 ===== */
.hi-review{
--main:#9BC7CA;
--sub:#415152;
--text:#2a3637;
--muted:#5f6f73;
font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif;
color:var(--text);
line-height:1.9;
}
.hi-review__wrap{
max-width:1100px;
margin:0 auto;
padding:56px 16px;
}
.hi-review__head{
border:1px solid rgba(155,199,202,.45);
border-radius:18px;
padding:18px 18px 16px;
position:relative;
background:linear-gradient(135deg, rgba(155,199,202,.14), transparent 60%);
}
.hi-review__head:before{
content:"";
position:absolute;
inset:10px;
border:1px dashed rgba(155,199,202,.32);
border-radius:14px;
pointer-events:none;
}
.hi-review__badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
border:1px solid rgba(65,81,82,.22);
color:var(--sub);
font-weight:700;
letter-spacing:.8px;
background:transparent;
position:relative;
z-index:1;
}
.hi-review__title{
margin:10px 0 6px;
font-size:30px;
color:var(--sub);
position:relative;
z-index:1;
}
.hi-review__sub{
margin:0;
color:var(--muted);
position:relative;
z-index:1;
}
/* Q&A 區塊(線條感) */
.hi-review__content{ margin-top:18px; }
.hi-qna{
margin-top:18px;
padding:14px 14px 16px;
border:1px solid rgba(65,81,82,.14);
border-radius:16px;
background:#fff;
position:relative;
}
.hi-qna:before{
content:"";
position:absolute;
left:12px; right:12px; top:12px; bottom:12px;
border:1px dashed rgba(155,199,202,.25);
border-radius:12px;
pointer-events:none;
}
.hi-qna h2{
margin:0 0 8px;
font-size:18px;
color:var(--sub);
position:relative;
z-index:1;
}
.hi-qna p{
margin:0;
color:var(--muted);
position:relative;
z-index:1;
}
.hi-qna p + p{ margin-top:10px; }
/* 子區塊(同題下的學校分段) */
.hi-subblock{
margin-top:12px;
padding:12px 12px 12px;
border:1px solid rgba(155,199,202,.35);
border-radius:14px;
background:linear-gradient(135deg, rgba(155,199,202,.10), transparent 65%);
position:relative;
z-index:1;
}
.hi-subblock p{ margin:0; color:var(--muted); }
.hi-subblock p + p{ margin-top:10px; }
.hi-note{
margin-top:12px !important;
padding:10px 12px;
border-left:3px solid rgba(155,199,202,.9);
background:rgba(155,199,202,.08);
border-radius:10px;
}
/* SEO 補強段落 */
.hi-seo-plus{
margin-top:26px;
padding-top:18px;
border-top:1px solid rgba(65,81,82,.18);
}
.hi-seo-plus h2{
margin:0 0 10px;
font-size:22px;
color:var(--sub);
}
.hi-seo-plus p{ margin:0; color:var(--muted); }
/* ===== 圖片輪播(左右皆可切換)===== */
.hi-gallery__title{
margin:34px 0 12px;
font-size:22px;
color:var(--sub);
}
.hi-slider{
border:1.5px solid rgba(155,199,202,.50);
border-radius:18px;
overflow:hidden;
position:relative;
background:#fff;
}
.hi-viewport{ overflow:hidden; }
.hi-track{
display:flex;
transition:transform .35s ease;
will-change:transform;
}
.hi-track img{
min-width:100%;
height:auto;
display:block;
}
/* 左右按鈕(兩邊都可切) */
.hi-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:38px;
height:38px;
border-radius:999px;
background:rgba(255,255,255,.88);
border:1px solid rgba(65,81,82,.35);
color:var(--sub);
cursor:pointer;
font-size:22px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
z-index:3;
transition:transform .15s ease, border-color .15s ease;
}
.hi-nav:hover{ border-color:rgba(155,199,202,.9); transform:translateY(-50%) scale(1.04); }
.hi-prev{ left:10px; }
.hi-next{ right:10px; }
/* 指示點 */
.hi-dots{
display:flex;
gap:8px;
justify-content:center;
padding:10px 10px 12px;
border-top:1px solid rgba(65,81,82,.10);
}
.hi-dot{
width:8px;
height:8px;
border-radius:99px;
border:1px solid rgba(65,81,82,.35);
background:transparent;
cursor:pointer;
}
.hi-dot.is-active{
background:rgba(155,199,202,.95);
border-color:rgba(155,199,202,.95);
}
/* CTA(線條感) */
.hi-line-cta{
max-width:1100px;
margin:34px auto 0;
padding:0;
}
.hi-line-cta__inner{
padding:26px 18px 28px;
border:1.5px solid rgba(155,199,202,.55);
border-radius:20px;
text-align:center;
position:relative;
}
.hi-line-cta__inner::before{
content:"";
position:absolute;
top:12px; left:12px; right:12px; bottom:12px;
border:1px dashed rgba(155,199,202,.35);
border-radius:16px;
pointer-events:none;
}
.hi-line-cta h3{
margin:0 0 8px;
font-size:22px;
color:var(--sub);
}
.hi-line-cta p{
margin:0 0 16px;
color:var(--muted);
}
.hi-line-cta__btns{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}
.hi-line-cta__btns a{
padding:9px 18px;
border-radius:999px;
border:1.5px solid rgba(65,81,82,.6);
color:var(--sub);
text-decoration:none;
font-weight:700;
letter-spacing:.4px;
transition:all .2s ease;
background:transparent;
}
.hi-line-cta__btns a:hover{
border-color:var(--main);
color:var(--main);
transform:translateY(-2px);
}
/* RWD */
@media (max-width:900px){
.hi-review__title{ font-size:26px; }
.hi-nav{ width:42px; height:42px; }
.hi-line-cta__btns a{ width:100%; }
}
(function(){
function setupSlider(slider){
const track = slider.querySelector('.hi-track');
const slides = track ? Array.from(track.querySelectorAll('img')) : [];
const prevBtn = slider.querySelector('.hi-prev');
const nextBtn = slider.querySelector('.hi-next');
const dotsWrap = slider.querySelector('.hi-dots');
let index = 0;
if(!track || slides.length {
const dot = document.createElement('button');
dot.type = 'button';
dot.className = 'hi-dot' + (i===0 ? ' is-active' : '');
dot.setAttribute('aria-label', '切換到第 ' + (i+1) + ' 張');
dot.addEventListener('click', ()=>go(i));
dotsWrap.appendChild(dot);
});
}
function update(){
track.style.transform = 'translateX(-' + (index * 100) + '%)';
const dots = dotsWrap ? dotsWrap.querySelectorAll('.hi-dot') : [];
dots.forEach((d,i)=>d.classList.toggle('is-active', i===index));
}
function go(i){
index = (i + slides.length) % slides.length;
update();
}
prevBtn && prevBtn.addEventListener('click', ()=>go(index - 1));
nextBtn && nextBtn.addEventListener('click', ()=>go(index + 1));
// touch swipe
let startX = 0, dx = 0, isDown = false;
slider.addEventListener('touchstart', (e)=>{
startX = e.touches[0].clientX; dx = 0; isDown = true;
}, {passive:true});
slider.addEventListener('touchmove', (e)=>{
if(!isDown) return;
dx = e.touches[0].clientX - startX;
}, {passive:true});
slider.addEventListener('touchend', ()=>{
if(!isDown) return;
isDown = false;
if(dx > 50) go(index - 1);
else if(dx < -50) go(index + 1);
});
update();
}
document.querySelectorAll('.hi-slider').forEach(setupSlider);
})();[美國] Manhattan Language I 王同學(課程:American English for Tourists Program)MORE