/*body{ font-size: 14px; }*/
body{
	font-family: 'PTSans', sans-serif;
	color:#000;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
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);
	background-color: #faf4eb;
}
/*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 .footer-container .bottom .left > ul > li a{
	font-family: 'msjhl';
	color: #fcf9f5;
}

footer .footer-container .bottom .left > ul > li{
	width: 17%;
}

footer .footer-container .bottom .left > ul > li > ul > li{
	width: 70%;
	margin-bottom: 4%;
}

footer .share-group{
	vertical-align: top
}

footer .share-group li{
	width: 15% !important;
    margin-right: 10px !important;
}

footer .share-group img{
	width: 40px;
}

footer .footer-menu a{
	font-size: 16px;
	padding-bottom: 5%;
}

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:15px;
	display:inline-block;
	vertical-align:middle;
}
header .logo img{
	height:100%;
	width:auto;
	max-width:none;
}
header nav{
	width:100%;
	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:#1c7777;
	font-weight:bold;
	text-decoration:none;
	transition:color 0.5s;
}
header .navbar > li a:hover{
	color:#df7457;
}

header .navbar > li.active > a{
	color:#165f68;
	padding-bottom:2.5px;
	border-bottom:4px solid #df7457;
}
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{
}
header .navbar > li.dropdown:hover .dropdown-menu{
	display:block;
	border-top:4px solid #df7457;
}
header .dropdown-menu{
	background-color:#ffffff;
	font-size:1em;
	border:none;
	padding:5px 0;
	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;
	padding: 0 10px;
}
header .dropdown-menu li:not(:last-child){
	/*border-bottom: 1px solid #efefef;*/
}
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;
	padding-left: 0;
}
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 #mobile-menu .active > a{
	background-color: #ed9783;
}

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:#df7457;
	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:center;
}
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 li .menu-drop-a{
    padding: unset;
}

header #mobile-menu > ul .dropdown-menu{
	position: relative;
    top: auto;
    float: none;
	background-color: #df7457;
	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%;
	/*position: fixed;*/
	bottom: 2%;
	display: flex;
	text-align: center;
    align-items: center;
    justify-content: center;
}
header #mobile-menu .sm-list img{
	width: 45px;
}
header #mobile-menu .sm-list a:not(:first-child){
	margin-left:15px;
}
header #mobile-menu .sm-list a{
	width: 10%;
}
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 #mobile-menu .func-list{
	/*position: fixed;*/
    width: 100%;
    bottom: 10%;
}

header #mobile-menu .func-list a{
	width: 50%;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 25px;
    height: 40px;
    margin: 12px auto;
    color: #e07352;
    font-size: 18px;
    padding-top: 7px;
    font-weight: bold;
}

header #mobile-menu .footnote{
	/*position: fixed;*/
    bottom: 0;
    text-align: center;
    width: 100%;
}

header #mobile-menu .lang-list{
	/*position: fixed;*/
    width: 100%;
    bottom: 26%;
	margin-top: 20%;
}

header #mobile-menu .lang-list a{
	width: 10%;
    display: block;
    text-align: center;
    background-color: #ed9783;
    border-radius: 9px;
    height: 38px;
    margin: auto;
    color: #fff;
    font-size: 18px;
    padding-top: 7px;
}

header .header-container nav{
	display: flex;
}

header .header-container nav > .func-list{
	margin-left: auto;
    width: 33%;
    display: flex;
}

header .header-container nav > .func-list a:first-child{
	width: 5%;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 25px;
    height: 40px;
    margin: 20px auto;
    color: #1c7777;
    padding-top: 7px;
    font-weight: bold;
}

header .header-container nav > .func-list a:not(:first-child){
	width: 35%;
    display: block;
    text-align: center;
    background-color: #df7457;
    border-radius: 25px;
    height: 40px;
    margin: 17px auto;
    color: #fff;
    font-size: 15px;
    padding-top: 8px;
    font-weight: bold;
}

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:#df7457;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)*/width: 100%;;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:not(.footer-mobile-menu){display:none;}
	footer .footer-mobile-menu{display: block;margin-bottom: 0 !important;}
	footer .footer-mobile-menu > .share-group{width: 100% !important;display: block;}
	footer .footer-mobile-menu > .share-group > ul{display: block;margin-bottom: 0;}
	footer{padding-top:30px;padding-bottom:50px;}
	footer .bottom{border-top:0;padding-top:0;}
}
@media (min-width: 1141px) {
	footer .footer-mobile-menu{display: none !important}
}
/* ==========================================================================
   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;
}

/* ==========================================================================
   Home
   ========================================================================== */

.home-block1{
    position: relative;
    min-height: 550px;
}

.home-block1 .home-block1-bgimg{
	position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    width: 35vw;
}

.home-block1 .home-block1-block{
    position: absolute;
    border-radius: 25px;
    width: 67%;
    right: 0;
    left: 0;
    bottom: 20%;
    margin: 0 auto;
}

.home-block1-block .subblock-title{
	padding: 5% 3% 3% 3%;
	margin-bottom: 0;
}

.home-block1-block .subblock-content{
	padding: 0 12% 15% 12%;
}

.home-block1-block .home-btn{
	position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 1%;
    padding: 0.5% 0 0 0;
    border-radius: 15px;
    color: white;
	width: 250px;
}

.home-block1-block .home-btn-two{
	position: absolute;
    left: 7%;
    bottom: 1%;
    padding: 2% 12% 0 12%;
    border-radius: 15px;
    color: white;
}

.home-block2-1 .home-block2-sub1-right, .home-block2-1 .home-block2-sub2-left{
	position: relative;
	height: 11em;
}

.home-block2-sub1-right, .home-block2-sub2-left{
	position: relative;
	height: 14em;
}

.home-block2-content{
	width: 82%;
	margin-top: 60px;
}

.home-block1-block .subblock-content p, .home-block2-content p, .home-block3-content p, .block-content p{
	font-size: 1.1em;
}

.home-block2-content p{
    text-align: justify;
    letter-spacing: 3px;
}

.home-block2-btn{
	position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -35%; 
	width: 250px;
    padding: 1.5% 0 0 0;
    border-radius: 15px;
    color: white;
}

.home-block2-circle-left, .home-block2-circle-right{
	background-color: #f4e3b9;
	width: 250px;
    height: 250px;
    border-radius: 50%;
}

.home-block3-con-left{
	position:relative;
}

.home-block3-title{
	margin-top: 30px;
}

.home-block3-btn{
	position: absolute;
    right: -5%;
    bottom: 5%;
    padding: 2% 12% 0 12%;
    border-radius: 15px;
    color: white;
}

.home-title p{
	margin: 0;
	letter-spacing:3px
}

.home-btn p, .home-block2-btn p, .home-block3-btn p{
	font-family: 'lotuscoderbold';
}

.home-btn p{
    margin-top: 3%;
}

.subblock-title p, .home-block2 .block-title p, .home-block3-title p{
	font-family: 'msjhbd';
}

.course-content-subcon .course-content-table td, .course-content-con p, .course-orange-line p, .finish-subcon .cms-container-item .finish-percentage .finish-percentage-text p, .finish-subcon .cms-container-item .finish-percentage .finish-percentage-number p, .finish-content p, .image-item p, .signup-detail label, .subblock-content p, .home-block2-content p, .home-block3-content p{
	font-family: 'msjhl';
	margin-block-end: 0;
}

.finish-subcon .cms-container-item .finish-btn-div a, .course-start-btn a, .course-item-image p, .course-item-image a, .course-title p, .settings-confirm-btn a, .signup-confirm-btn a, .login-btn-div .login-btn, .login-title p, .settings-title p, .home-title p, .subpage-banner p, .signup-title p{
	font-family: 'lotuscoder';
}

.course-unit-title, .course-unit-title2{
	font-family: 'ITCAvantGardeStdB';
}

.subpage-banner{
	font-size: 1.8em;
}

.aboutus-content-con{
	position: relative;
}

.aboutus-content-con2{
	/* padding: 10%; */
    /* border-radius: 25px; */
	/* padding-bottom: 30%; */
}

.aboutus-content-con2.top-div{
    padding-bottom: 0;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.aboutus-content-con2.bottom-div{
    /* padding-top: 0;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-bottom: 30%; */
}

.aboutus-content-con2.bottom-div img{
    border-radius: 100%;
}

.about-us-bottom-inner{
    padding: 2%;
}

.aboutus-content-con2-left{
	position: relative;
}

.aboutus-content .block-title p{
	font-family: 'msjhbd';
}

.aboutus-content .block-content p{
	font-size: 0.95em;
	font-family: 'msjhl';
	color: #28221e;
}

.aboutus-bgimg{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0 !important;
}

.aboutus-circle{
	background-color: #f4e3b9;
    width: 250px;
    height: 250px;
    border-radius: 50%;
	position: absolute;
    bottom: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.subpage-banner{
	position: relative;
}

.mentaltests-banner-bgimg{
	position: absolute;
	width: 13.5em;
    right: 20%;
    bottom: -10%;
}

.mentaltests-con-subcon{
	padding: 5%;
	border-radius: 25px;
}

.page-circle{
	background-color: #f4e3b9;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.color-orange, .page-btn.color-orange{
    background-color: #ed7c31;
}

.color-green, .page-btn.color-green{
    background-color: #70ad47;
}

.color-blue, .page-btn.color-blue{
    background-color: #5b9bd5;
}

.mentaltests-con-subcon2{
	margin-top: 2%;
}

.mentaltests-con-subcon2 .cms-container-item{
	padding: 5%;
}

.mentaltests-content p{
	font-family: 'msjhl';
	color: #28221e;
    line-height: 1.5;
    margin-bottom: 3%;
}

.mentaltests-content ul{
    font-size: 1.1em;
	font-family: 'msjhl';
}

.mentaltests-con-subcon2 .block-title p{
	font-family: 'msjhbd';
}

.mentaltests-con-subcon2 .block-content p{
	font-family: 'msjhl';
}

.page-btn{
	background-color: #eeb441;
	padding-top: 5%;
    border-radius: 15px;
    color: white;
}

.page-btn .block-content p{
	font-family: 'lotuscoderbold';
}

.page-btn .block-content a:hover{
	color: #fff;
    text-decoration: none;
}

/*login page*/

.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container.login-con{
	padding: 9% 0 5% 0;
    min-height: 700px;
    position: relative;
}

.login-title{
	font-size: 1.25em;
	letter-spacing:3px;
}

.login-detail, .login-btn-div{
	text-align: center;
}

.login-detail input{
	border-radius: 35px;
    width: 25em;
    height: 4.5em;
    margin-bottom: 1%;
    border-width: 0px;
    border-color: #fffcf7;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	text-indent: 20px;
	background-color: #fffcf7;
}

.login-detail input::-webkit-input-placeholder{
	color: #8e8e8e;
}

.login-btn-div .login-btn{
	width: 32%;
    display: block;
    text-align: center;
    background-color: #df7457;
    border-radius: 25px;
    height: 2.5em;
    margin: 17px auto;
    color: #FFF;
    font-size: 20px;
    padding-top: 13px;
}	

.login-func-list-con{
    display: flex;
}

.login-func-list-con .login-func-list{
	width: 32%;
    margin: auto;
    display: flex;
}

.login-func-list-con .login-func-list a{
    color: #ce4e30;
	font-size: 15px;
}

.login-func-list-con .login-func-list a:first-child{
	margin-right: auto;
}
.login-func-list-con .login-func-list a:last-child{
	margin-left: auto;
}
/*sign up page*/
.signup-con{
	min-height: 1400px;
    padding: 120px 0 !important;
    position: relative;
}

.signup-title{
	font-size: 1.25em;
	letter-spacing:3px;
}

.signup-detail{
	display: flex;
	margin-bottom: 2%;
}

.signup-detail > div{
	/*width: 32%;*/
    margin: auto;
}

.signup-detail label{
	text-indent: 25px;
	color: #8e8e8e;
	font-size: 1.07em;
}

.signup-detail input{
	border-radius: 35px;
    width: 25em;
    height: 4.5em;
    margin-bottom: 1%;
    border-width: 0px;
    border-color: #fffcf7;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-indent: 20px;
	background-color: #fffcf7;
}

.signup-confirm-btn{
	margin-top: 5%;
}

.signup-confirm-btn a{
	width: 32%;
    display: block;
    text-align: center;
    background-color: #df7457;
    border-radius: 25px;
    height: 2.5em;
    margin: 17px auto;
    color: #FFF;
    font-size: 20px;
    padding-top: 13px;
}

.extra-content-div{
	position: relative;
}

.extra-content{
	position: absolute;
    font-size: 1.5em;
    border-radius: 35px;
    border-width: 1px;
    border-color: black;
    right: 4%;
    bottom: 24%;
    padding: 2% 5%;
    box-shadow: rgb(0 0 0 / 24%) 0px 2px 8px;
	color: #90bab7;
	cursor: pointer;
	font-weight: bold;
}

a.extra-content:hover{
    text-decoration: none;
	color: #4d968f;
}

.extra-content-text{
	display: none;
	position: absolute;
    border-radius: 10px;
    width: 30em;
    height: 8.5em;
    right: -120%;
    bottom: -80%;
    font-size: 14px;
    border-width: 0px;
    border-color: #fffcf7;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    text-indent: 20px;
    background-color: #fffcf7;
}

.extra-content-text p{
	text-indent: 0;
    padding: 5%;
	color: #514d4a;
	font-family: 'msjhl';
}

a.extra-content:hover + .extra-content-text{
	display: block;
}

/*form*/
.test-form .cms-form-item .item-title{
	float: unset;
	width: auto;
}

.test-form{
	background-color: #fffcf7;
    border-radius: 25px;
    padding: 2% 5%;
}

.test-form p{
	color: #1c7777;
	font-size: 1.3em;
	font-weight: normal;
    font-family: 'msjhbd';
}

.test-form .item-input{
	float: unset !important;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90% !important;
}

.test-form .cms-form-item .item-input label{
	width: 90%;
    text-align: center;
    background-color: #fcf9f5;
    border: 1px solid #1c7777;
    border-radius: 25px;
    height: 50px;
    margin: 8px auto;
    color: #000;
    font-size: 18px;
    padding-top: 13px;
    font-weight: bold;
}

.test-form .item-input .input-options{
	margin-bottom:0 !important;
	flex: 1 0 50%;
}

.test-form .cms-form-item .item-input input{
	width: 0; 
    height: 0; 
    visibility: hidden;
}

.test-form .cms-form-item .item-input input:checked + label{
	background-color: #eaf4f3;
}

.test-form .cms-form-item[data-type="content"]{
	padding: 0 20px;
}

.test-form button{
	color: #ffffff;
    background-color: #eeb441;
    border-radius: 10px;
    border-width: 0;
    font-family: 'lotuscoder';
}

.test-form .form-btn-div{
	display: flex;
    width: 77%;
}

.test-form .form-btn-div > span{
    width: 68%;
}

.test-form .form-btn-div .cms-form-submit{
	padding: 5px 40px;
}

.subpage-banner .block-title p:last-child{
	font-size: 0.74em !important;
}

.test-banner-bgimg{
	position: absolute;
    width: 13.5em;
    right: 20%;
    bottom: 0;
}

.test-form:has(.test-result-text-div){
	background-color: #faf4eb;
	padding: 0;
}

.test-form .test-sub-title{
	color: #fff;
    text-align: center;
    padding: 2%;
    border-radius: 25px 25px 0 0;
	font-size: 2em;
	letter-spacing: 4px;
	font-family: msjhbd;
}

.test-form .test-result-text-div{
	background-color: #fcf9f5;
    border-radius: 0 0 25px 25px;
    padding: 3% 20%;
	letter-spacing: 2px;
}

.test-form .test-result-text-div p{
	font-family: msjhl;
}

.test-form .test-result-text{
	text-align: center;
	font-size: 2em;
	font-family: msjh;
	letter-spacing: normal;
}

.test-form .test-result-text .test-mark, .test-form .test-result-text .test-result{
	color: #ff8110;
	font-weight: bold;
}

.test-form .test-comment p{
	color: #8e8e8e;
    font-size: 1em;
    padding: 5% 0 3% 0;
}

.test-form .test-result-table table{
	width: 100%;
}

.test-form .test-result-table table tr{
	line-height: 3.5em;
}

.test-form .test-result-table table tr td{
	border: 1px solid #1c7777;
}

.test-form .test-result-table .first-line p{
	color: #1c7777;
	font-size: 1.2em;
}

.test-form .test-result-table p{
	text-align: center;
	color: #000;
	font-size: 1.1em;
	margin: 0;
}

/*settings*/

.settings-con{
	min-height: 1250px;
    padding: 150px 0 !important;
    position: relative;
}

.settings-title{
	font-size: 1.25em;
	letter-spacing:3px;
}

.settings-detail{
	display: flex;
	margin-bottom: 1%;
	position: relative;
}

.settings-detail > div{
	/*width: 32%;*/
    margin: auto;
}

.settings-detail label{
	text-indent: 25px;
	color: #8e8e8e;
	font-size: 1.07em;
}

.settings-detail input{
	border-radius: 35px;
    width: 25em;
    height: 4.5em;
    margin-bottom: 1%;
    border-width: 0px;
    border-color: #fffcf7;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-indent: 20px;
	background-color: #fffcf7;
}

.settings-detail a.show_password{
	position: absolute;
    width: 60px;
    right: 19rem;
    bottom: 20%;
}

.settings-confirm-btn{
	margin-top: 5%;
}

.settings-confirm-btn a{
	width: 32%;
    display: block;
    text-align: center;
    background-color: #df7457;
    border-radius: 25px;
    height: 2.5em;
    margin: 17px auto;
    color: #FFF;
    font-size: 20px;
    padding-top: 13px;
}

/*course*/
main:has(.course-con){
	background-color: #fcf9f5;
}

.course-con{
    /*display: none;*/
}

.course-list p{
	margin: 0;
}

.course-list .course-unit{
	background-color: #045e5a;
	text-align: center;
	color: #fff;
}

.course-list .course-unit p{
	padding: 1%;
}

.course-list .course-line{
	background-color: #14c995;
	min-height: 6px;
}

.course-list .course-percentage{
	background-color: #fff;
    text-align: center;
    color: #1c7777;
    padding: 3%;
}

.course-list .course-btn-div{
	background-color: #ff8110;
    color: #fff;
    text-align: center;
    cursor: pointer;
	padding: 5%;
    min-height: 50px;
}

.course-list .course-btn-div .course-btn{
	color: #fff;
	text-decoration: none;
}

.cms-block.course-item-image{
	/* clip-path: circle(110px at 50% 50%);
    padding: 0 10% 10% 10%; */
    clip-path: circle(115px at 50% 50%);
    padding: 0px 5% 0% 4%;
    position: relative;
}

.course-item-image.choose-course-icons{
    padding: 4% 30% 50% 30%;
}

.course-title{
	margin: 30px 0 0 0 !important;
}

.course-title p{
	 margin: 0;
 }
 
.course-step{
	min-height: 1600px;
    position: relative;	
}

.course-step .cms-block-item.image-item .block-title{
	background-color: #6bc6bd;
}

.course-step .cms-block-item.image-item.started .block-title{
	background-color: #eaeaea;
}

.course-step .cms-block-item.image-item.started p{
	color: #02455c;
}

.course-step .cms-block-item.image-item.started .course-start-btn{
	background-color: #6bc6bd;
}


.course-step .cms-block-item.image-item .cms-resource, .course-step .cms-block-item.image-item .cms-resource .cms-image{
	height: 100%;
}

.course-step .cms-block-item.image-item .cms-resource .cms-image img{
	height: auto;
}

.course-step .cms-block-item.image-item{
	display: flex;
    position: absolute;
    width: 400px;
    border-radius: 20px;
    overflow: hidden;
}

.course-step .cms-block-item.image-item:nth-child(0n+1){top: 4rem;left: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+2){top: 15rem;right: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+3){top: 27rem;left: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+4){top: 38rem;right: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+5){top: 49rem;left: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+6){top: 60rem;right: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+7){top: 72rem;left: 0;}
.course-step .cms-block-item.image-item:nth-child(0n+8){top: 94rem;right: 0;}

.course-step .cms-block-item.image-item .block-title{
	width: 100%;
    padding: 5%;
}
 
.course-step .step-img{
	position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
}

.course-step .step-img:nth-child(0n+1){top: 16rem;}
.course-step .step-img:nth-child(0n+2){top: 38.5rem;}
.course-step .step-img:nth-child(0n+3){top: 61rem;}
.course-step .step-img:nth-child(0n+4){top: 83.5rem;}

.course-step .cms-block-item.image-item .course-start-btn{
	text-align: center;
	background-color: #eeb441;
    padding: 4%;
	border-radius: 10px;
	font-size: 0.9em;
	cursor: pointer;
}

.course-step .cms-block-item.image-item .course-start-btn p, .course-step .cms-block-item.image-item p{
	color: #fff;
}

.course-step .cms-block-item.image-item .course-start-btn p{
	margin: 0;
}

.step-img .first-line{
    border: none;
    border-top: 4px dotted #e0a9a9;
    height: 1px;
    width: 30%;
    position: absolute;
	top: 15.5%;
    left: 18%;
}

.step-img .last-line{
    border: none;
    border-top: 4px dotted #e0a9a9;
    height: 1px;
    width: 30%;
    position: absolute;
    top: 54%;
    right: 18%;
}

.step-img .course-unit-title{
	position: absolute;
    top: 12%;
    left: 64%;
    font-size: 3.5em;
    color: #f4b3bb;
}

.step-img .course-unit-title2{
	position: absolute;
    top: 50%;
    left: 24%;
    font-size: 3.5em;
    color: #fdd2a2;
}

/*finish*/
.finish-con{
	min-height: 500px;
}

.finish-subcon{
	border-radius: 25px;
    overflow: auto;
}

.finish-subcon .cms-container-item{padding: 10%;}

.finish-subcon .cms-container-item .finish-content{
	text-align: center;
	color: #02455c;
	margin-bottom: 5%;
	letter-spacing: 2px;
}

.finish-subcon .cms-container-item .finish-content .finish-content-b{
	font-size: 2em;
}

.finish-subcon .cms-container-item .finish-content .finish-content-s{
	font-size: 1.2em;
}

.finish-subcon .cms-container-item .finish-percentage{
	display: flex;
    margin: auto;
    width: 75%;
	font-size: 1.05em;
}

.finish-subcon .cms-container-item .finish-percentage .finish-percentage-text{
	margin-right: auto;
	color: #02455c;
}

.finish-subcon .cms-container-item .finish-percentage .finish-percentage-number{
	margin-left: auto;
	color: #df7457;
}

.finish-subcon .cms-container-item .finish-percentage-bar{
	border-radius: 25px;
	overflow: auto;
	width: 75%;
    margin: auto;
}

.finish-subcon .cms-container-item .finish-btn-div{
	display: flex;
    margin: 10% auto auto auto;
    width: 40%;
    text-align: center;
}

.finish-subcon .cms-container-item .finish-btn-div .next-course-btn, .finish-subcon .cms-container-item .finish-btn-div .back-btn{
	width: 42%;
    display: block;
    text-align: center;
    border-radius: 25px;
    height: 35px;
    margin: 17px auto;
    color: #fff;
    font-size: 15px;
    padding-top: 8px;
}

.finish-subcon .cms-container-item .finish-btn-div .next-course-btn{
	background-color: #eeb441;
}

.finish-subcon .cms-container-item .finish-btn-div .back-btn{
	background-color: #fff;
	border: 1px solid #004f61;
	color: #004f61;
}

.finish-subcon .reference-div{
	padding-top: 5%;
}

.finish-subcon .reference-div p:first-of-type{
	font-size: 0.9em;
}

.finish-subcon .reference-div p{
	font-size: 0.7em;
}

.course-choose-info-div, 
.course-bg-div{
    position: relative;
}

.cms-block.course-bg-icon-image{
    margin-bottom: 0 !important;
}

.course-bg-icon-image img{
    position: absolute;
    width: 250px;
    left: 10%;
    bottom: 0%;
}

.course-choose-info-div .course-bg-icon-image img{
    left: 1%;
    bottom: 48%;
}

.course-choose-info-div.is-login .course-title, .course-choose-info-div.is-login .course-choose-list{
	display: none;
}

.course-bg-div{
    min-height: 36vh;
}

.cms-block.course-choose-item-image{
    clip-path: circle(175px at 50% 50%);
    padding: 0px 20% 15% 20%;
    position: relative;
}

.course-choose-info-div{
    /* display: none; */
    min-height: 80vh;
}

.info-circle{
    background-color: #f4e3b9;
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    width: 0;
}

.course-choose-list{
    margin-top: 3%;
}

.course-choose-list .text-item{
    background-color: #fff;
    text-align: center;
    color: #1c7777;
    padding: 1%;
    margin-top: 0 !important;
    position: absolute;
    width: 60%;
    bottom: 20%;
}

.course-choose-list .course-btn-div{
    background-color: #ff8110;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 2.5% 0 4% 0;
    position: absolute;
    min-height: 50px;
    width: 60%;
    bottom: 4%;
}

.user-form-col{
    display: flex;
    justify-content: center;
    margin-bottom: 2%;
}

.user-form-col label {
    text-indent: 25px;
    color: #8e8e8e;
    font-size: 1.07em;
    width: 100%;
    max-width: 18em;
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-form-col select{
    border-radius: 35px;
    width: 25em;
    height: 4.5em;
    margin-bottom: 4%;
	margin-left: auto;
    margin-right: auto;
    border-width: 0px;
    border-color: #fffcf7;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    text-indent: 20px;
    background-color: #fffcf7;

    background: url("/file/N8q2d9/icon_drop_orange.png") no-repeat;
    background-position: calc(100% - 2rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
}

@media (max-width: 991px){
	.user-form-col label{
		text-indent: 0;
		margin-left: 25px;
		white-space: normal;
	}
}

.user-form-submit-button{
    width: 35%;
    display: block;
    text-align: center;
    background-color: #df7457;
    border-radius: 25px;
    margin: 17px auto;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border: unset;
    padding: 1.3% 0px;
}

.user-info-form-div{
    padding-bottom: 0 !important;
}

.course-choose-info-div{
    padding-top: 0 !important;
}

.course-choose-item-image .text-item p,
.course-btn{
    font-family: 'lotuscoder';
    margin-bottom: 0;
    font-size: 1.3em;
    letter-spacing: 1.5px;
}

.course-btn{
    font-size: 1.1em;
    font-weight: bold;
}

.test-bg{
    background: red;
}

/*course content*/

.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container.course-orange-line{
	padding: 0;
    background-color: #df7457;
}

.course-orange-line .cms-block{
	margin: 1% 0;
}

.course-orange-line p{
	color: #faf4eb;
}

.course-content-subcon{
	border-radius: 25px;
	max-height: 60vh;
    height: 60vh;
	overflow-y: scroll;
}

.course-content-subcon.center-text  > .cms-container-inside{
	height: 100%;
}

.course-content-subcon.center-text  > .cms-container-inside > .cms-container-item{
	margin: auto;
}

.course-content-subcon  > .cms-container-inside > .cms-container-item{
	padding: 6% 7%;
}

.course-content-subcon.center-text  > .cms-container-inside > .cms-container-item .title-dis .block-title{
	display: none;
}

.course-process{
	margin-top: 2%;
    display: flex;
	width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.course-content-subcon{
	display: none;
}

.course-content-subtitle .cms-block .block-title p{
	font-size: 1em;
}

.course-content-subcon .cms-block .block-content p, .course-content-subcon .course-content-table td, .course-content-subcon .course-content-table input{
	color: #28221e;
	font-size: 0.99em;
}

.course-content-subcon .cms-block .block-content p.b_font{
	font-size: 1.3em;
}

.course-content-subcon .cms-block ul{
	list-style-type: '-';
	padding-left: 10px;
	color: #df7457;
}

.course-content-subcon .cms-block.normal-list ul{
	color: #000;
	padding-left: 48px;
}

.course-content-subcon .cms-block ol, .course-content-subcon .cms-block li{
	padding-left: 20px;
	font-family: 'msjhl';
	/*font-weight: 100;*/
}

.course-content-subcon .cms-block ol{
	margin-bottom: 0;
}

.course-content-subcon .cms-block ol li{
	padding-bottom: 20px;
}

/*.course-content-subcon .cms-block.custom-list ul{
  list-style-type: none;
}

.course-content-subcon .cms-block.custom-list ul li:before {
  content: "- ";
}*/

.course-content-subcon .cms-block .spec-words{
	font-size: 1.04em;
}

.course-process .w3-light-grey{
	width: 90%;
    margin: auto;
    border-radius: 25px;
    overflow: hidden;
	background-color: #dbdbdb!important;
}

.course-left-btn i, .course-right-btn i, .course-hidden-btn i, .course-hidden-btn-para i{
	cursor: pointer;
}

.course-left-btn .arrow, .course-right-btn .arrow , .course-hidden-btn .arrow, .course-hidden-btn-para .arrow{
  border: solid #df7457;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}

.course-hidden-msg, .course-hidden-msg-para{
	display: none;
	/*margin-top: 5%;*/
}

.course-hidden-btn .arrow.up, .course-hidden-btn-para .arrow.up{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.course-hidden-btn .arrow.down , .course-hidden-btn-para .arrow.down{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.course-right-btn .arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.course-left-btn .arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.course-content-subcon .cms-block.course-hidden-msg .block-content p, .course-content-subcon .cms-block.course-hidden-msg-para .block-content p, .course-content-subcon .cms-block.course-hidden-msg .block-content ol{
	color: #df7457;
}

.course-content-subcon .cms-block .block-content:has(.course-hidden-btn-para){
	display: flex;
}

.course-content-subcon .course-hidden-btn-para{
	margin-left: 5%;
}

.course-content-subcon .cms-block:has(+ .course-hidden-btn){
	margin-bottom: 0;
}

.course-content-table.no-submit-btn{
	margin-bottom: 56px;
}

.course-content-table table{
	width: 100% !important;
}

.course-content-table table tr:first-child td{
	color: #1c7777;
	font-size: 0.95em;
}

.course-content-table table td{
	text-align: center;
	width: 25%;
	line-height: 40px;
	border: 1px solid #1c7777;
}

.course-content-table table td input.form-control{
	border: unset;
	text-align: center;
}

.course-content-table table td p{
	margin: 0;
}

.course-content-subcon .course-video audio{
	width: 100%;
}

.course-short-text.spec-short-text form.cms-form[data-id="43"] .cms-form-item[data-type="content"]:not(:first-of-type){
	padding-top: 30px;
}

.day-14 .cms-form[data-id="56"] tr:first-of-type td:nth-child(3), .day-28 .cms-form[data-id="56"] tr:first-of-type td:nth-child(3), .day-28 .cms-form[data-id="56"] tr:first-of-type td:nth-child(4){
	font-weight: bolder;
}

.course-content-subcon .course-short-text .cms-form-item, .course-content-subcon .course-long-text .cms-form-item{
	padding: 0 0 28px 0;
}

.course-content-subcon .course-long-text .cms-form-item .item-title, .course-content-subcon .course-long-text .cms-form-item .item-input{
	float: initial;
    width: 100%;
}

.course-content-subcon .course-short-text .form-btn-div button[data-type="reset"], .course-content-subcon .course-long-text .form-btn-div button[data-type="reset"]{
	display: none;
}

.course-content-subcon .course-content-table .form-btn-div button, .course-content-subcon .course-short-text .form-btn-div button, .course-content-subcon .course-long-text .form-btn-div button{
	color: #ffffff;
    background-color: #eeb441;
    border-radius: 10px;
    border-width: 0;
    font-family: 'lotuscoder';
}

.header-item .menu-drop{
    display: none;
}

.header-menu-title-div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-card-div{
    margin-bottom: 2%;
}

.form-custom-style{
    font-weight: bold;
}

.home-block2-sub1, .home-block2-sub1{
    margin-bottom: 1%;
}

.set-order-one{
    display: flex;
}

.set-order-one .info-circle{
    align-self: center;
    margin-bottom: unset;
}

.bg-heart{
    position: absolute;
    left: 10%;
    bottom: 14%;
    width: 21vw;
    z-index: 1;
}

.home-banner{
    position: relative;
}

.cms-block.circle-image-div{
    padding: 5%;
    margin-bottom: 0;
    align-self: center;
}

.circle-para{
    align-self: center;
}

.course-step .cms-block-item.image-item > .slide-img{
    width: 45%;
}

.course-inner-part{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0%;
}

.login-heart-div{
    position: absolute;
    width: 20vw;
    bottom: 8%;
    left: 4%;
}

.signup-con .login-heart-div,
.settings-con .login-heart-div{
    bottom: 22%;
}

.course-title .block-content{
    margin-top: 3%;
}
/* 
.course-title-center .block-title{
    text-align: center;
} */

.margin-bottom-fix{
    margin-bottom: 0 !important;
}

.para-space p{
    margin-bottom: 28px;
}

.table.questionnaire tr td p{
	font-size: 1.05em;
}

.sub-item-div .cms-block[data-block-type="1"] .block-title{
    font-size: 1.6em;
}

.sub-item-div .cms-image img{
    max-width: 250px;
}