/*common*/
*{
	font-family: 'Noto Sans TC', sans-serif;
}

.full-container{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.compulsory{
	color: red;
}

.color-black{
	color: #000000;
}

.color-pcd{
	color: #FAAD17;
}

.nomargin{
	margin:0px !important;
}

.nopadding{
	padding:0px !important;
}

.img-responsive {
	margin: auto;
    width: auto;
}

.special-desktop-only{
	display: inline-block;
}

.desktop-only{
	display: block;
}

.mobile-only{
	display: none;
}

.inline-desktop-only{
	display: inline-block;
}

.inline-mobile-only{
	display: none;
}

.eye {
    font-size: 1.3em !important;
    line-height: .9em !important;
}

.main-title{font-size: 2rem; color:#000000; vertical-align:middle; font-weight:bold;}

@media(max-width: 767px) {
	.img-responsive {
		width: auto;
		height: 320px;
	}
	.special-desktop-only{
		display: none;
	}
	.desktop-only{
		display: none;
	}
	.mobile-only{
		display: block;
	}
	.inline-desktop-only{
		display: none;
	}
	.inline-mobile-only{
		display: inline-block;
	}
	.study-tour-logo img{
		width: 30%;
	}
	.education-logo img{
		width: 45%;
	}
}

/*header*/
.main-logo{display: inline-block; vertical-align: bottom;}
.mobile-logo-container{background-color: #01C4C0;}
.logo_active{border-bottom: 10px solid #00498f;}

/*main*/
.banner{width: 100%;}

/*video*/
.video-section{background: url(../images/video-bg.jpg) center center no-repeat; background-size: cover;}
@media(max-width: 961px) {
	.video-section{background: #ffffff;}
}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
	max-width: 800px;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*feature*/
.feature-section{background-color: #F4F7F9;}
.feature h5.card-title{color:55C1BF; font-size: 1.8rem;}
.feature{
	-webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.13);
	box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.13);
}
.card{border: 0px;}

/*intro*/
.intro-section{background: url(../images/intro-bg.jpg) center top no-repeat; background-size: cover;}
.intro-section .container {
 display: table;
}
.intro-block{background:rgba(255,255,255,.8)}
.intro-header{color:#ffffff; background: #55C0BE; font-size:2rem; border-radius: 0px;}
.intro-title{color:#55C1BF; font-size: 1.5rem; line-height: 1.3;}
.intro-content ul>li{margin-left: -15px; font-size: 1rem;}
.intro-textbox{width: 75%;}
@media(max-width: 961px) {
	.intro-block{
		-webkit-box-shadow: 3px 9px 28px -9px rgba(0,0,0,0.52);
		-moz-box-shadow: 3px 9px 28px -9px rgba(0,0,0,0.52);
		box-shadow: 3px 9px 28px -9px rgba(0,0,0,0.52);
	}
	.intro-section{background: #ffffff;}
	.intro-header{
		font-size: 1.4rem;
		border-radius: 10px;
	}
	.intro-textbox{width: 100%;}
}
/*profile*/
.trainer{cursor: pointer;}
.profile-content-container{background-color: rgba(24,177,177,0.1);}
.profile-title{color:#2DB9B2; font-size: 1.5rem;}
.profile-intro{font-size: 1rem;}
.profile-content{width: auto;}
@media(max-width: 961px) {
	.trainer img{max-width: 350px;}
	.profile-content{max-width: 350px; background-color: rgba(24,177,177,0.1);}
}
/*tnc*/
.remarks{
	font-size:0.8rem;
	padding: 0px;
}
.remarks .custom-symbol{
	display: none;
}
.hide-show-btn{cursor: pointer; text-decoration: underline; color: #DFA71B;}
.arrow{color: #DFA71B}
@media(max-width: 961px) {
.remarks{
	font-size:0.8rem;
	padding: 0 15px;
}
}
/*footer*/
.footer-container{
	background: #0f488b;
}
.footer-text{
	font-size: 1rem;
	text-align: left;
	color: #ffffff;
    vertical-align: middle;
}
.footer-tnc a,
.footer-tnc{
	color: #000000;
	font-size: 0.8rem;
	padding-bottom: 1rem !important;
}
.footer-text .icon{
	vertical-align: middle;
}
.social-media-container {
    background: #327572;
    font-weight: bold;
    bottom: 0;
    z-index: 9999;
}
.tel-block {
    background: #bbbbbb url(../images/footer-telblock-bg.gif) center top repeat;
    padding: 20px 0;
	color: #ffffff;
}
.footer-logo, .footer-text{vertical-align: middle;}
.floating-group-float {
    position: fixed;
    bottom: 0px;
	width: 100%;
}
.plus{
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid #f28e1e; 
	line-height: 0.1em;
	margin: 10px 0 20px; 
}
.plus span{
    background:#f2f2f2; 
    padding:0 10px; 
}
@media(max-width: 961px) {
	.footer-text{
		font-size: 0.6rem;
	}
	.social-media-container img{width: auto;}
}
@media(max-width: 481px) {
	.social-media-container img{width: 50%;}
}

.footer-logo {
	margin-top: -3rem !important;
}

@media(max-width: 767px) {
	.footer-logo {
		margin-top: 0 !important;
	}
}