/*body{ font-size: 14px; }*/
body{
	font-family: 'PTSans', sans-serif;
	color:#000;
	font-size:14px;
}
html[lang="tc"] body{
	/* font-family: 'Microsoft JhengHei'; */
}
.clear::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	width:0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-sm-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-sm-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-sm-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-sm-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-sm-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-sm-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-sm-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-sm-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-sm-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-sm-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-sm-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-sm-12 {
  position: relative;
  height:100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0; 
}
.row {
  margin-right: 0;
  margin-left: 0; 
}

main{
	padding-top:91px;
	min-height: calc(100vh - 264px);
}
/*html { font-size: 14px; }*/



.cus-brand img { display: block; width: auto; height: 100%; position: relative; }

@media (min-width: 768px) {
    .cus-brand { 
			padding: 0; 
			position: relative;
			bottom: 20px;
		}
}


.cus-navbar .dropdown.open a,
.cus-navbar .dropdown.open a:focus { background-color: transparent; }

@media (min-width: 768px) {
    /* .cus-navbar .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; } */
    .cus-navbar .dropdown-menu { border-radius: 0; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5); transition: opacity .5s ease; }
    .cus-navbar .dropdown-menu > li > a { padding-right: 25px; }
    .cus-navbar .dropdown-menu .dropdown > .dropdown-toggle .caret { position: absolute; right: 10px; top: 42%; }
    .cus-navbar .dropdown-menu .dropdown > .dropdown-menu { left: 90%; top: 0; }
}

.btn-share .dropdown-menu,
.btn-font-size .dropdown-menu,
.btn-lang .dropdown-menu { border-radius: 0; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5); }
.btn-lang .dropdown-menu { min-width: 80px; }
.btn-font-size .dropdown-menu { min-width: 50px; }
.btn-share .dropdown-menu { min-width: 20px; }
.btn-share .dropdown-menu > li a { padding-left: 8px; padding-right: 8px; }

.btn-print .dropdown-toggle,
.btn-print .dropdown-toggle:focus,
.btn-print .dropdown-toggle:hover,
.btn-print.open .dropdown-toggle,
.btn-print.open .dropdown-toggle:focus,
.btn-print.open .dropdown-toggle:hover,
.btn-share .dropdown-toggle,
.btn-share .dropdown-toggle:focus,
.btn-share .dropdown-toggle:hover,
.btn-share.open .dropdown-toggle,
.btn-share.open .dropdown-toggle:focus,
.btn-share.open .dropdown-toggle:hover,
.btn-font-size .dropdown-toggle,
.btn-font-size .dropdown-toggle:focus,
.btn-font-size .dropdown-toggle:hover,
.btn-font-size.open .dropdown-toggle,
.btn-font-size.open .dropdown-toggle:focus,
.btn-font-size.open .dropdown-toggle:hover,
.btn-lang .dropdown-toggle,
.btn-lang .dropdown-toggle:focus,
.btn-lang .dropdown-toggle:hover,
.btn-lang.open .dropdown-toggle,
.btn-lang.open .dropdown-toggle:focus,
.btn-lang.open .dropdown-toggle:hover { background-color: transparent; box-shadow: none; }

.btn-search .dropdown-toggle,
.btn-search .dropdown-toggle:focus,
.btn-search .dropdown-toggle:hover,
.btn-search.open .dropdown-toggle,
.btn-search.open .dropdown-toggle:focus,
.btn-search.open .dropdown-toggle:hover { background-color: transparent; box-shadow: none; }

header .navbar-nav>li{
	font-weight:bold;
	font-size: 1.2em;
}
header .navbar-default .navbar-nav>li>a{
	color:#000;
}

header { 
	display: block; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	position: fixed; 
	z-index: 10;
	background-color:#FFF;
}
header .cus-aside { position: relative; }
header .cus-aside::after { content: ""; display: block; clear: both; }
header .cus-aside > div { float: right; }
header .cus-aside .btn { border: none; }

header .cus-navbar { background: none; border: none; margin-bottom:0;}

@media (min-width: 768px) {
    header { padding: 10px 0; }
    header .cus-navbar { padding: 10px; }
    header .cus-navbar .container-fluid { padding-right: 0; }
    header .cus-navbar { border-bottom: none; }
}

@media (max-width: 768px) { 
    header .cus-aside { position: absolute; right: 70px; top: 10px; z-index: 2; }
    
    header .cus-navbar { z-index: 1; }
    header .cus-navbar .dropdown-menu { width: auto; margin-top: 0; padding-left: 15px; position: static; float: none; background-color: transparent; border: none; box-shadow: none; }
    header .cus-navbar .dropdown-menu li a { padding: 5px 15px 5px 15px; line-height: 20px; color: #777; }
    header .cus-navbar .dropdown-menu li a:hover { text-decoration: none; background-color: #f5f5f5; }
    header .cus-navbar .open .dropdown-menu li a {padding-left: 15px; }
}


footer { 
	background-color:#FFF;
	/* background-image: url(https://dummyimage.com/1024x400/b3b3b3/b8b8b8); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-size: cover;  */
}
footer a { color: #333; }
footer a:focus,
footer a:hover { color: #333; text-decoration: none; }

footer .cus-list-group .list-group-item { background: none; }
footer .cus-list-group .list-group-item .list-group-item {  
	padding: 5px 0;
}
footer .cus-list-group > .list-group-item > .list-group { margin-top: 20px; }
footer .cus-list-group > .list-group-item > a { font-size: 1.2em; font-weight: bold; }
footer .copyright { display: block; width: 100%; padding: 15px 0; position: relative; }

@media (min-width: 768px) {
    footer { padding-top: 40px; padding-bottom: 40px; }
    
    footer .cus-list-group { display: flex; flex-wrap: wrap; padding-left: 15px; }
    footer .cus-list-group .list-group-item { flex: 1; border: none; }
}

@media (max-width: 768px) {
    footer .cus-list-group { padding-right: 0; }
    footer .cus-list-group .list-group-item { display: none; }
    
    footer .copyright { text-align: center; }
}
/* ==========================================================================
   Common
   ========================================================================== */
.cms-container>.cms-container-inside{padding:0 !important;}
@media (min-width: 992px) {
	.mobile{display:none;}
}
@media (max-width: 991px) {
	.desktop{display:none;}
}
/* ==========================================================================
   Header
   ========================================================================== */
header{
	padding:0;
	border-bottom:1px solid #ddd;
}
header .header-container{
	display:flex;
	align-items:center;
	width:95%;
	max-width:1360px;
	margin:0 auto;
}
header .logo{
	height:90px;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
}
header .logo img{
	height:100%;
	width:auto;
	max-width:none;
}
header nav{
	width:100%;
	text-align:right;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
header .navbar{
	font-size:0.8em;
}
header .navbar > li{
	display:inline-block;
	font-weight:bold;
	font-size:1.25em;
	text-align:center;
	position:relative;
	padding:10px 10px;
	margin-right:15px;
	line-height: 56px;
}
header .navbar > li a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
	transition:color 0.5s;
}
header .navbar > li a:hover{
	color:#000;
}
header .navbar > li.active > a{
	color:#165f68;
	padding-bottom:2.5px;
	border-bottom:4px solid #bcccd9;
}
html[lang="tc"] header .navbar > li a,
html[lang="sc"] header .navbar > li a,
html[lang="tc"] header .textSize-btn,
html[lang="sc"] header .textSize-btn{
	font-weight:bold;
}
header .navbar > li .caret{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	display:none;
}
header .navbar > li.dropdown{
}
header .navbar > li.dropdown:hover .dropdown-menu{
	display:block;
}
header .dropdown-menu{
	background-color:#dde9e9;
	font-size:1em;
	border:none;
	padding:5px 10px;
	min-width: 100%;
	margin:0px;
}
header .dropdown-menu li a{
	margin-bottom:0;
	padding:10px 10px;
}
header .dropdown-menu li:last-child a{
	border:0;
}
header .dropdown-menu a:hover{
    background-color: transparent;
}
header .dropdown-menu li{
	margin-bottom:0px;
}
header .dropdown-menu li:last-child{
	margin-bottom:0;
}
header .header-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	min-height: 0;
    margin-bottom: 0;
	margin-right:20px;
}
header .profile-btn{position:relative;}
header .profile-btn .username{
	position:absolute;
	top: calc(100% + 2.5px);
	left:50%;
	transform:translateX(-50%);
	width:110px;
	color:#000;
	font-weight:bold;
	margin:0;
	text-align: center;
}
header .textSize-btn{
	color:#000;
	font-size:1.1em;
	text-decoration:none;
}
header .textSize-btn .dropdown-menu{
	text-align:center;
}
header .textSize-btn a{
	text-decoration:none;
	color:#000;
}
header .lang-btn .dropdown-menu a{
	font-weight:500;
	font-size:1.1em;
	text-decoration:none;
}
header .mobile-menu-btn .open,
header .mobile-menu-btn.collapsed .close{
	display:none;
}
header .mobile-menu-btn.collapsed .open,
header .mobile-menu-btn .close{
	display:block;
	opacity:1;
}
header .header-item img{
	height:25px;
}
header .mobile-menu-btn{
	display:none;
}
header .fontsize-select{
	cursor:pointer;
}
header nav .member-dropdown{
	position: absolute;
	top: calc(100%);
	right: 0;
	background-color: #dee8e9;
	padding: 5px 3px;
	display: none;
	align-items: center;
	text-align:center;
}
@media (max-width: 991px) {
	header nav .member-dropdown{
		z-index: 10;
		top: calc(100% + 25px);
	}
}
header nav .member-dropdown.hover{
	display:flex;
}
header nav .member-dropdown .dropdown-item{
	display: flex;
	padding-left: 10px;
	padding-right: 8px;
	border-left: 1px solid #BBB;
	align-items: center;
}
header nav .member-dropdown .dropdown-item img{
	height:28px;
	margin-left:1px;
}
header nav .member-dropdown .dropdown-item .logout-btn img{
	height:25px;
	margin-left:2.5px;
	margin-top:1.5px;
	margin-bottom:1.5px;
}
header nav .member-dropdown .dropdown-item p{
	margin:0;
	font-weight:bold;
	color:#000;
}
header nav .member-dropdown .dropdown-item:first-child{
	border-left: none;
}
header #mobile-menu{
	position: fixed;
    top: 80px;
    left: 0;
    height: calc(100% - 80px);
	background-color:#156065;
	width:100%;
	padding-top:30px;
	overflow:auto;
	color:white;
}
header #mobile-menu > ul{
	list-style:none;
	padding:0;
	font-size:1.7rem;
}
html[lang="tc"] header #mobile-menu a,
html[lang="sc"] header #mobile-menu a{
	font-weight:bold;
}
header #mobile-menu a.current_page{
	color:#f25c2a;
}
header #mobile-menu > ul li{
	width:100%;
	text-align:right;
}
header #mobile-menu > ul > li{
	margin:15px 0;
}
header #mobile-menu > ul > li.dropdown.active > ul{
}
header #mobile-menu > ul li a{
	color:#fff;
	display:inline-block;
	padding: 15px 20px;
    width: 100%;
	text-decoration:none;
}
header #mobile-menu > ul .dropdown-menu{
	position: relative;
    top: auto;
    float: none;
	background-color: #23494c;
	box-shadow: none;
	margin-right:0;
	margin-left:auto;
    min-width: auto;
	padding:15px 0;
}
header #mobile-menu .sm-list{
	padding:0px 20px;
	margin:25px 0;
	width:100%;
}
header #mobile-menu .sm-list a{
	margin-left:25px;
}
header #mobile-menu > ul .dropdown-menu li{
	margin-bottom:0;
}
header #mobile-menu > ul .dropdown-menu li:last-child{
	border-bottom:0;
}

header #mobile-menu > ul .caret{
	margin-left:5px;
}
header #mobile-menu .tool-list{
	margin:40px 0;
	margin-bottom:50px;
}
header #mobile-menu .tool-list .toolbar{
	text-align:left;
	padding:10px 15px;
}
header #mobile-menu .tool-list .lang{
	float:right;
}
header #mobile-menu .tool-list .lang a{
	margin-right:15px;
}
header #mobile-menu .toolbar a{
	font-size:1.5rem;
	color:#000;
}
header #mobile-menu .tool-list .header-item{
	margin-left:35px;
	margin-right:0;
}
header #mobile-menu .tool-list .header-item img{
	width:27.5px;
}
header #mobile-menu .tool-list ul,
header #mobile-menu .tool-list ul li{
	text-align:center;
}
header #mobile-menu .tool-list .dropdown-menu{
	right:0; 
	left:auto;
	font-size:1.4rem;
}
header #mobile-menu .tool-list .caret{
	color:#000;
}
header #mobile-menu .social-media-list{
	margin-top:30px;
}
header #mobile-menu .social-media-list a{
	margin-left:5px;
}
header .search-bar{
	background-color:#156065;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	display:none;
}
header .search-bar .gsc-control-cse{background-color:transparent;}
header .search-bar .gsc-search-button{display:none;}
header .search-bar .gsc-input-box{
	padding:0;
	border:0;
	background:none;
}
header .search-bar input{font-size:1.5em;color:white;}
header .search-bar input::placeholder{font-size:1em;color:white;}
header .search-bar form,
header .search-bar table{
	margin:0;
}
header .search-bar .gsc-input input{background:none !important;}
header .search-bar .gsc-input span{display:none;}
header .search-bar .gsc-control-cse{border:0px;}
header .search-bar .close-btn{font-size: 3em; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor:pointer;color: white;}

@media (max-width: 1140px) {
	header{padding:5px 0;}
	header .logo {height: 45px;}
	header .search-bar.desktop{display:none !important;}
	header .search-bar.mobile{
		position: relative;
		background-color: #eee;
		margin-top:30px;
		margin-bottom:50px;
		overflow:hidden;
	}
	header .search-bar.mobile input{
		font-size:0.9em;
	}
	header .search-bar.mobile .gsc-control-cse{
		padding:5px;
	}
	header .search-bar.mobile .gsc-search-button{
		display:inline;
		width:0;
		position:absolute;
		left:10000px;
	}
	header .search-bar.mobile .custom-search-btn{
		position:absolute;
		right:15px;
		height:20px;
		top:50%;
		transform:translateY(-50%);
		cursor:pointer;
	} 
}
@media (min-width: 1141px) {
	header #mobile-menu{display:none !important;}
}
/* ==========================================================================
   Footer
   ========================================================================== */
footer{background:#2c353e;padding-top:0px;padding-top:50px;padding-bottom:80px;}
footer .footer-container{width:95%;max-width:1360px;margin:0 auto;}
footer .bottom{display:flex;padding-top:60px;border-top:.5px solid rgba(255,255,255,.2);}
footer .bottom .left a{color:rgba(255,255,255,.7);transition:color 0.5s;}
footer .bottom .left a:hover{color:white;}
footer .bottom .left{width:calc(70% - 6px);display:inline-block;vertical-align:middle;color:rgba(255,255,255,.7);font-size:0.8em;line-height:24px;font-size:1em;}
footer .bottom .left ul{list-style:none;padding-left:0;margin-bottom:25px;}
footer .bottom .left ul li{display:inline-block;margin-right:20px;}
footer .bottom .right{width:30%;display:inline-block;vertical-align:middle;text-align:right;}
footer .bottom .right > a,footer .bottom .right > img{margin-left:20px;opacity:.7;transition:all 0.5s;}
footer .bottom .right > a:hover,footer .bottom .right > img:hover{opacity:1;}

@media (max-width: 1140px) {
	footer .bottom{display:flex;flex-wrap:wrap;}
	footer .bottom .right{width:100%;text-align:center;padding-bottom:25px;margin-bottom:25px;order:1;border-bottom:.5px solid rgba(255,255,255,.2);}
	footer .bottom .left{width:100%;text-align:center;order:2;}
	footer .bottom .left ul{display:none;}
	footer{padding-top:30px;padding-bottom:50px;}
	footer .bottom{border-top:0;padding-top:0;}
}
/* ==========================================================================
   Popup
   ========================================================================== */
.cms-block.cms-popup,
.cms-block.enquiries{	
	display:none !important;
}
/* ==========================================================================
   Quiz
   ========================================================================== */
.teach-quiz{font-size:1.2em;padding:50px 0 !important;}
.teach-quiz > .cms-container-inside{max-width:1360px !important;margin:0 auto;}
.teach-quiz > .cms-container-inside .cms-block{max-width:1360px !important;margin:0 auto;}
.teach-quiz form{max-width:1250px;margin-right:0;margin-left:auto;display:block;text-align:center;}
.teach-quiz form .cms-form-item{padding: 20px 0;text-align:left;}
.teach-quiz form .cms-form-item[data-type="content"]{padding:10px 0;margin-top:30px;}
.teach-quiz form .cms-form-item[data-type="content"] p{color:#fa4704;margin:0;font-weight:bold;font-size:1.4em;}
.teach-quiz form .cms-form-item[data-type="longtext"] textarea{margin-bottom:10px;}
.teach-quiz form .cms-form-item:not([data-type="content"]){border-bottom:1px solid #ccc;width:calc(100% - 50px); margin-right:0;margin-left:auto;}
.teach-quiz form .cms-form-item:not([data-type="content"]) .item-title{width:100%;float:none;color:#165f68;font-size:1.3em;}
.teach-quiz form .cms-form-item:not([data-type="content"]) .item-input{width:100%;float:none;padding-left:30px;}
.teach-quiz .require-mark{display:none;}
.teach-quiz form .cms-form-item[data-type="singlemc"] .item-input,
.teach-quiz form .cms-form-item[data-type="multimc"] .item-input{display:flex;flex-wrap:wrap;}
.teach-quiz form .cms-form-item[data-type="singlemc"] .item-input .input-options,
.teach-quiz form .cms-form-item[data-type="multimc"] .item-input .input-options{width:50%;margin: 10px 0;}
.teach-quiz form .cms-form-item[data-type="singlemc"] .item-input .input-options .option-text,
.teach-quiz form .cms-form-item[data-type="multimc"] .item-input .input-options .option-text{
	margin-left: 10px;
    max-width: calc(100% - 25px);
    vertical-align: middle;
}
.teach-quiz form .input-options.correct{
	color:green;
	font-weight:bold;
}
.teach-quiz form .input-options.incorrect{
	color:red;
	font-weight:bold;
}
.teach-quiz form button{
	color:white;font-weight:bold;font-size:1em;padding:7.5px 35px;background-color:#fb4901;border-radius:30px;border:none;display:inline-block;
	min-width:225px;
}
.teach-quiz form button[data-type="submit"]{
	background-color:#165f68;
}
/* ==========================================================================
   Resource List
   ========================================================================== */
.resource-list img{
	margin-right:15px;
	vertical-align:middle;
}
.resource-list a{
	vertical-align:middle;
}