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”);
});
});