tommie jo

Who we are…

We are the largest TCM institution in Canada.
We accept domestic and international students. As a leader in Traditional Chinese Medicine education in North America, Canadian College of Traditional Chinese Medicine is committed to the highest standards of technical and professional training.

Programs

  • Diploma of Acupuncture
  • Diploma of TCM
  • 300 Hours Acupuncture Certificate

To learn more about programs please click

Programs

Calendar & Events

  • Course Schedule
  • Academic Calendar
  • Events Calendar

To learn more about Calendar & Events please click

Clinics

  • CCTCM Affiliated Clinic
  • Teaching Clinic

To learn more about Clinics Please click

@import url(‘https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap’); header#page-banner-wrap { display:none; } .row { margin: 0 !important; width:100% !important; } .col { padding: 0; } .display-none { display:none !important; } #primary { padding:0!important; } .homePage-wrapper { width:100% !important; max-width: inherit !important; margin:0 !important; } .homePage-wrapper figure img { width:100%; } .homePage-wrapper > div { width:100%; } .bannePicture, .descriptionBg, #popupContainer { position:relative; z-index:999; } .bannePicture figure img { z-index:999; } #laternContainer { position:fixed; right:1vw; top:36vh; width:70px; height:150px; background-image:url(“https://cctcm.ca/wp-content/uploads/2020/08/lattern-close.gif”); background-size:cover; z-index:99999; } #laternContainer:hover { background-image:url(“https://cctcm.ca/wp-content/uploads/2020/08/lattern-event.png”); cursor: pointer; } #popupContainer h3 { position:absolute; bottom:23%; left:30%; z-index:inherit; background-color:black; border-radius:25px; color:white; width:40%; text-align:center; cursor:pointer; } .homePage-wrapper > div img { width:100%; height:100%; object-fit: contain; } #disciplineWord { position:absolute; width:28vw; top:15%; left:10%; background-color:black; } .descriptionBg #lonelyOldManContainer { position:absolute; width:45%; bottom:0; right:0; opacity:0; } .descriptionBg h2 { visibility: hidden; position: absolute; top: 10%; left:10%; font-size:5vw; color: #6b311c; font-style: italic; font-family: ‘Noto Serif’, serif; } .descriptionBg p { visibility: hidden; position: absolute; bottom: 20%; right: 10%; width: 70%; font-size: 2vw; font-style: italic; font-family: ‘Noto Serif’, serif; } .flipCardBg { z-index:300 !important; } .flipcards-container { position: fixed; width:100%; top:26vh; background:rgba(256,256,256,.3); z-index: 0; } .flipcards-container .row { width:80%; margin: 0 auto; } .flipCardBg { z-index:-1 !important; } .flipcards-container { position: fixed !important; width:100%; top:26vh; background:rgba(256,256,256,.3); z-index:400 !important; } .flipcards-container .row { width:80%; margin: 0 auto; } .flip-card { background-color: transparent; width: 16vw; height: 16vw; perspective: 1000px; -webkit-perspective:1000px; margin: 0 auto; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: -webkit-transform 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,1); } .flip-card-front { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .flip-card-front > figure >img, .flip-card-back-bg > figure > img { position: absolute; object-fit:cover; z-index:-5; } .flip-card-back-bg > figure > img { transform: scaleX(-1); opacity: .4; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; } .flip-card-back { text-align: center; -webkit-transform: rotateY(180deg); } .flip-card-back-bg { position: absolute; height:100%; width: 100%; opacity:.9; background-color: white; z-index: -10; } .flip-card h4, .flip-card h4 li, .flip-card p, .flip-card a { font-family: ‘Noto Serif’, serif; } .flip-card-back ul { list-style-position: outside; width:75% !important; margin:5% auto!important; padding: 0!important; text-align: left; color: black; font-weight: bold; } .flip-card-back ul li { font-size:1vw; } .flip-card-back p{ width:100%; font-weight: 900; position:absolute; font-size: 1vw; bottom: 15%; color: black; } .flip-card-back h4 { color: black; margin: 15px 5px; position: absolute; text-align: center; top: 55%; width: 100%; } .flip-card-back a { position: absolute; bottom:5%; left:10%; width: 80%; padding: 0 5px; border-radius: 20px; background-color: gray; border: 2px solid black; color: white; font-weight: 900; font-size:1vw; } .flip-card-back a:hover { color: black !important; background-color: lightgray; text-decoration: none; box-shadow: 5px 5px lightgray; } .flip-card-front > h4 { font-size:2vw; height:6vw; margin-top: 25%; background-color: white; font-weight:900; } #laternContainer { width:45px; height:110px; top: 25vh; } @media only screen and (max-width: 990px) { .descriptionBg p { bottom: 10%; width: 80%; font-size:2.5vw; } .flipcards-container { top: 40vh; } .flipcards-container .flip-card { width: 30vw; height: 30vw; } .flipcards-container .flip-card-front h4 { font-size: 4vw; height: 12vw; } .flip-card-back ul li, .flip-card-back a, .flip-card-back p { font-size:2vw; } } @media only screen and (max-width: 540px) { #laternContainer { width:30px; height:70px; top: 15vh; } .descriptionBg p { bottom: 5%; right: 5%; width: 90%; font-size: 2.6vw; } .flipCardBg { display:none !important; } .flipcards-container { position: relative !important; top: 0; } .flipcards-container .flip-card { width: 60vw; height: 60vw; margin: 10px auto; } .flipcards-container .flip-card-front h4 { font-size: 8vw; height: 24vw; } .flip-card-back ul li, .flip-card-back a { font-size: 4vw; } .flip-card-back p { font-size: 3vw; } } @keyframes smokeInLeft { from { opacity:0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) opacity:1; visibility: visible; } } .smokeInLeft { -webkit-animation-name: smokeInLeft; animation-name: smokeInLeft; animation-duration: 2s; animation-fill-mode: forwards; } jQuery(document).ready(function() { jQuery(window).on(‘scroll’, function(){ var s = jQuery(window).scrollTop(), d = jQuery(document).height(), c = jQuery(window).height(); var scrollPercent = (s / (d – c)) * 2 ; console.clear(); console.log(scrollPercent); jQuery(‘.flipcards-container’).css(‘opacity’,scrollPercent); }) jQuery(‘.descriptionBg’).hover(()=>{ jQuery(‘.descriptionBg h2, .descriptionBg p’).addClass(‘smokeInLeft’); jQuery(‘#lonelyOldManContainer’).addClass(‘animated fadeIn slower delay-1s forwards’); }); if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { jQuery(‘.descriptionBg h2, .descriptionBg p’).addClass(‘smokeInLeft’); jQuery(‘#lonelyOldManContainer’).addClass(‘animated fadeIn slower delay-1s forwards’); } jQuery(“#laternContainer”).click(()=> { jQuery(“#popupContainer”).removeClass(“display-none”); jQuery(‘body’).scrollTo(‘#popupContainer’); jQuery(‘#popupContainer > div’).addClass(‘animated pulse slower delay-1s’); jQuery(“#laternContainer”).addClass(“display-none”); }); jQuery(‘#popupContainer > h3’).click(()=> { jQuery(“#popupContainer”).addClass(“display-none”); jQuery(“#laternContainer”).removeClass(“display-none”); }); });