@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700&display=swap);
html {
		padding: env(safe-area-inset);
}

body {
		font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 100%;
		height: 100%;
		line-height: 1.5rem;
		overflow-x: hidden;
		color: #444;
		background-color: #fff;
}

.container-fluid {
		height: 100%;
}
/* Gobal setting */

a {
		color: inherit;
}

a:focus,
a:hover,
a:active,
a:visited {
		text-decoration: none;
		color: inherit;
}

ul,
li {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
}

ul.dotted,
ul.space {
		padding-inline-start: 20px;
}

ul.dotted li {
		list-style: disc;
}

ol.decimal li,
ol.notice li {
		list-style: decimal;
}

ul.square li {
		list-style: square;
}

button {
		background: none;
		border: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		line-height: normal;
		overflow: visible;
		padding: 0;
		-webkit-appearance: button;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
}

:focus {
		outline: 0;
}

.form-group input[type="submit"] {
		border: 0;
		padding: 0;
}

.form-control:focus {
		box-shadow: none;
		background-color: transparent;
		border-color: #fff;
}

.btn-search {
		width: 1.5rem;
		height: 1.5rem;
		background-color: transparent;
		background-size: 3rem;
		background-position: 0 -1.5rem;
}

button:focus {
		outline: 0;
}

.limitLine {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}

.fCenter {
		display: flex;
		flex-direction: column;
		align-items: center;
}

.fBalance {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
}

.fwrap {
		flex-wrap: wrap;
}

.alignTop {
		align-items: flex-start;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
		margin-bottom: 0;
		/* font-weight: 400; */
}

h1,
.h1 {
		font-size: 5.625rem;
		font-weight: 300;
		color: #014da4;
}

h2,
.h2 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
		color: #014da4;
}

h3,
.h3 {
		font-size: 1.875rem;
		line-height: 2.8125rem;
		font-weight: 500;
		color: #014da4;
}

h4,
.h4 {
		font-size: 1.25rem;
		line-height: 1.5rem;
}

h5,
.h5 {
		font-size: 1.125rem;
		line-height: 1.5rem;
}

h6,
.h6,
p,
.p {
		font-size: 1rem;
		line-height: 2rem;
		font-weight: 400;
}

h6 + h6,
.h6:not([typeof="ListItem"]) + .h6:not([typeof="ListItem"]),
p + p,
.p + .p {
		margin-top: .5rem;
}

p,
.p {
		margin-bottom: 0;
}

span.require {
		color: #ff0000;
}

em {
		color: #014da4;
		font-style: normal;
}

.icon,
a.icon,
a.icon_b::before,
.icon_b::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 1.5rem;
		height: 1.5rem;
		background-image: url(../images/icon/ADC_icon%403x.png);
		background-size: 3rem;
}

.icon1,
a.icon1,
a.icon_b1::before,
.icon_b1::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 1.5rem;
		height: 1.5rem;
		background-image: url(../images/icon/adc-icon-2@3x.png);
		background-size: 3rem;
}

.icon2,
a.icon2,
a.icon_b2::before,
.icon_b2::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 2.5rem;
		height: 2.5rem;
		background-image: url(../images/icon/adc-icon-3@3x.png);
		background-size: 5rem;
}

.icon3 {
		display: inline-block;
		vertical-align: middle;
		width: 3.125rem;
		height: 3.125rem;
		background-image: url(../images/icon/adc-icon-4@3x.png);
		background-size: 6.25rem;
		margin: 10px;
}

.icon4 {
		display: inline-block;
		vertical-align: middle;
		width: 6.25rem;
		height: 2.1875rem;
		background-image: url(../images/icon/adc-icon-5@3x.png);
		background-size: 200px 212px;
}

#btnTop {
		position: fixed;
		width: 5.625rem;
		height: 5.625rem;
		background-image: url(../images/icon/ADC_backtotop.png);
		background-size: 100%;
		bottom: 5rem;
		right: 5rem;
		display: none;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		z-index: 2;
}

.bg-wrapper {
		background-size: cover;
		background-position: center;
}

.regularColor {
		background-color: #fff;
		color: #014da4;
}

.empty,
a.empty {
		display: inline-block;
		background-color: transparent;
		color: #014da4;
		border: 1px solid;
		border-radius: 7px;
		transition: all .25s;
}

.empty::after,
a.empty::after {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 0 11px 19.1px;
		border-color: transparent transparent transparent #014da4;
		margin-left: 1.25rem;
}

.empty1::before,
a.empty1::before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 0 11px 19.1px;
		border-color: transparent transparent transparent #014da4;
		margin-right: 1.25rem;
		transform: rotate(180deg);
}

.empty:hover,
a.empty:hover {
		background-color: #014da4;
		color: #fff;
}

.empty:hover::after,
a.empty:hover::after {
		border-color: transparent transparent transparent #fff;
}

.orange {
		background-color: #f4a525;
}

.orange:hover {
		background-color: #e58d00;
}

.green {
		background-color: #96d335;
}

.green:hover {
		background-color: #82bc11;
}

.green:hover {
		background-color: #82bc11;
}

.blue {
		background-color: #014da4;
}

.layout {
		max-width: 100rem;
		width: 100%;
		margin: auto;
}

.dropdown-toggle::after {
		display: none;
}

.sec-title {
		font-size: 1.5rem;
		font-weight: 500;
		color: #014da4;
}

.sec-title::before {
		width: 1.875rem;
		height: 1.875rem;
		background-size: 3.75rem;
		position: relative;
		top: -3px;
		margin-right: .625rem;
}

.more-row {
		margin-top: .375rem;
}

.more {
		color: #444;
		text-decoration: underline;
		font-weight: 500;
}

.more:hover {
		color: #848484 !important;
}

.cover-fit {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.breadcrumb * {
		display: inline-block;
}

.breadcrumb {
		padding: 0;
		margin-bottom: 0;
		background: transparent;
}

.breadcrumb ol {
		padding-left: 0;
		margin-bottom: 0;
}

header {
		background-color: #014da4;
		color: #fff;
		padding: 0.4625rem .9375rem;
}

header li {
		display: inline-block;
}

header li + li {
		margin-left: 1.25rem;
}

header li a,
header li .form-control {
		font-size: .875rem;
}

header li .icon_b::before,
header li .icon_b1::before {
		width: 1.25rem;
		height: 1.25rem;
		background-size: 2.5rem;
		margin-right: .3125rem;
		position: relative;
		top: -1px;
}

.member::before {
		background-position: 1.25rem 0;
}

header form {
		width: 16.6875rem;
}

header form * {
		display: inline-block;
}

header .form-group {
		width: 12.8125rem;
}

header .form-control {
		color: #fff;
		background-color: transparent;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid;
		padding: 0 .75rem 0 1.4375rem;
		height: 1.5625rem;
}

header .form-control:focus {
		border-bottom-color: #fff;
}

header .form-control::placeholder,
header .form-control::-webkit-input-placeholder {
		color: #fff;
}

header .form-group {
		position: relative;
}

header .form-group.icon_b::before {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-position: 0 -1.25rem;
}

header button[type="submit"] {
		width: 3.25rem;
		padding: 0;
		border-radius: .8125rem;
		font-size: .875rem;
		line-height: 1.5rem;
		font-weight: 700;
}
/* navbar */

.navbar {
		padding: 0;
		background-color: #fff;
}

.navbar .layout {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

.navbar-brand img {
		height: 5.8125rem;
		width: auto;
}

.nav-link {
		font-weight: 700;
		font-size: 1rem;
}

.navbar-expand-xl .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
}

.dropdown-menu {
		border: 0;
		border-radius: 0;
		background-color: #014da4;
		font-size: 1.25rem;
		padding: 0;
		min-width: 9.875rem;
		left: 1rem;
}

.dropdown-item,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:visited {
		color: #fff;
}

.dropdown-item {
		font-size: 1rem;
		padding: .5rem .625rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
		background-color: #002a4c;
}

footer {
		background-color: #fff;
}

.footer-wrap {
		max-width: 72.5rem;
		width: 100%;
		margin: auto;
		padding: 1.25rem 0 .9375rem;
}

.footer-ctx {
		text-align: center;
}

.footer-ctx .ch {
		font-weight: 700;
		font-size: .9375rem;
}

.footer-ctx .ch a {
		font-weight: 400;
		text-decoration: underline;
		margin-left: .625rem;
}

.footer-ctx .en {
		font-size: .8125rem;
		color: #b3b3b3;
}

.footer-info .item {
		margin-top: .375rem;
}

.footer-info .label {
		font-size: .875rem;
		font-weight: 700;
		color: #fff;
		background-color: #444;
		padding-left: .3125rem;
		padding-right: .3125rem;
		margin-right: .3125rem;
}

.footer-info.en .label {
		padding-left: .15rem;
		padding-right: .15rem;
}

.footer-info .ctx {
		font-size: .9375rem;
		color: #a7a7a7;
}

#fixedNav {
		z-index: 9999;
}
/* index */

.logo-pic.active {
		display: none;
}

.index-hero {
		position: relative;
}

.index-hero.mobile {
		display: none;
}

.index-hero::before,
.index-hero::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 2.5rem;
		left: 0;
		right: 0;
		z-index: 1;
}

.index-hero::before {
		background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		top: 0;
}

.index-hero::after {
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		background: -o-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
		bottom: 0;
}

.slick-dotted.slick-slider {
		margin-bottom: 0;
}

.slider-item .bg-wrapper {
		padding-bottom: 25%;
}

.slick-dots {
		bottom: 1.5rem;
		z-index: 9999;
}

.slick-dots li button {
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 100%;
}

.slideThumbnail.is-active {
		opacity: .3;
}

li.slick-active button {
		background-color: #fff;
}

.slick-dots li button:before {
		display: none;
}

.index-main {
		padding-bottom: 6rem;
		background-color: #ededed;
}

.index-main-wrapper {
		max-width: 80rem;
		width: 100%;
		margin: auto;
		padding-top: 60px;
}

.elearning-add-cart-main-wrapper {
		max-width: 80rem;
		width: 100%;
		margin: auto;
}
/* index-news */

.index-news {
		margin-bottom: 1.6875rem;
}

.news-anchor {
		justify-content: space-between;
}

.index-news .sec-title::before {
		background-position: 1.875rem -3.75rem;
}

.index-news .nav[role="tablist"] {
		border-bottom: 0;
}

.nav-tabs .nav-item + .nav-item {
		margin-left: .625rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
		color: #014da4;
		background-color: #fff;
}

.nav-tabs .nav-link {
		border-radius: 0;
		border: 0;
		font-size: 1.125rem;
		padding: .5rem 1.375rem;
		background-color: #014da4;
		color: #fff;
}

.index-news .tab-content {
		background-color: #fff;
		padding: 1.5rem 3.125rem;
}

.news-list {
		font-size: 1rem;
		word-wrap: break-word;
		-ms-word-break: break-all;
}

.news-list li:not(.list-head) {
		padding-top: .9375rem;
		padding-bottom: .9375rem;
		position: relative;
}

.news-list li.topping::before {
		content: '';
		position: absolute;
		width: 1.25rem;
		height: 1.25rem;
		background-size: 2.5rem;
		background-image: url(../images/icon/ADC_icon%403x.png);
		background-position: 0 -6.25rem;
		left: -1.875rem;
}

.news-list li + li {
		border-top: 1px dotted #cecece;
}

.news-list .date {
		color: #a7a7a7;
}

.news-list .title {
		line-height: 1.375rem;
}

.mbGrid.news-list .date {
		color: #444;
}

.index-course .sec-title {
		margin-bottom: .75rem;
}

.index-course .sec-title::before {
		background-position: 0 -3.75rem;
}

.index-course-main {
		background-color: #014da4;
		color: #fff;
		padding: 1.56rem 1.125rem;
}

.course-list li:not(:first-child) {
		padding-top: .875rem;
		padding-bottom: .875rem;
}

.course-list li:first-child {
		font-size: .9375rem;
		padding-bottom: 1.25rem;
}

.course-list li:not(:first-child) + li {
		border-top: 2px dotted;
}

.index-online-learning {
		margin-bottom: 20px;
}

.index-online-learning .sec-title::before {
		background-position: 1.875rem 0rem;
}

.index-online-learning .sec-title {
		margin-bottom: 12px;
}

.class-item {
		background: #fff;
		max-width: 410px;
		transition: .5s;
		border: 1px solid #e6e6e6;
}

.col-md-6 .class-item {
		padding: 0;
		margin: 0 auto 30px;
}

.class-item:hover {
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.33);
}

.embed-responsive {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		overflow: hidden;
}

.embed-responsive::before {
		display: block;
		content: "";
}

.embed-responsive-16by9::before {
		padding-top: 56.25%;
}

.embed-responsive .embed-responsive-item {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
}

.class-item .info {
		margin: 0 15px;
}

.class-item .title {
		font-size: 16px;
		line-height: 1.5;
		color: #444;
		padding-bottom: 15px;
		border-bottom: 1px dotted #cecece;
}

.online-learning-btn li {
		margin: 10px 5px 10px 0;
}

.online-learning-btn li a {
		background: #014da4;
		border-radius: 14px;
		color: #fff!important;
		padding: 3px 11px;
		font-size: 14px;
		font-weight: 500;
}

.online-learning-score {
		color: #014da4;
		line-height: 1.71;
		padding: 5px 0 10px;
}

.online-learning-score ul li:first-of-type {
		font-weight: 500;
}

.online-learning-score ul li span {
		font-size: 18px;
		margin-right: 10px;
}

.blue-border {
		border: solid 1px #014da4;
		color: #014da4;
		padding: 0px 5px;
		margin-right: 7px;
		font-size: 14px;
}

.social-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.social-group-item {
  flex: 0 0 calc(50% - 7px);
  margin-bottom: 10px;
}
.social-group-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 23px;
  text-align: center;
  line-height: 1;
  padding: 11px 6px;
}
.social-fb {
  background-color: #1172D1;
}
.social-ios {
  background-color: #F5A527;
}
.social-line {
  background-color: #39AF3E;
}
.social-android {
  background-color: #98DD3B;
}

.index-journal {
		background-color: #444;
		padding: 5px;
		margin-bottom: 1.875rem;
}

.journal-wrap {
		border: 5px solid #ededed;
		padding: 1.875rem;
}

.index-journal .sec-title {
		color: #ffd00b;
}

.index-journal .sec-title::before {
		background-position: 0 -5.625rem;
}

.index-journal .info,
.index-journal .more {
		color: #fff;
}

.index-journal .info .title {
		margin-bottom: 1rem;
		margin-top: 2.25rem;
}

.index-journal .info ul li {
		padding: 7px 0;
}

.index-journal .info ul li::before {
		content: '';
		width: 5px;
		height: 5px;
		background-color: #ffd00b;
		border-radius: 100%;
		display: inline-block;
		vertical-align: middle;
}

.index-journal .info ul li .ctx {
		width: calc(100% - .9375rem);
		display: inline-block;
		padding-left: .625rem;
		vertical-align: top;
}

.index-journal .more-row {
		margin-top: 2rem;
}

.index-tool {
		margin-top: 1.875rem;
}
/* about */

.layoutGrid {
		max-width: 61.875rem;
		width: 100%;
		margin: auto;
}

.hero-header {
		background-color: #ededed;
		padding-top: 1.875rem;
}

.hero-header .container-fluid {
		position: relative;
		min-height: 21.25rem;
		background-repeat: no-repeat;
		background-size: 21.25rem;
		background-position: left bottom;
}

.cate1 .container-fluid {
		background-image: url(../images/banner/Tooth_01%403x.png);
}

.cate2 .container-fluid {
		background-image: url(../images/banner/Tooth_02%403x.png);
}

.cate3 .container-fluid {
		background-image: url(../images/banner/Tooth_03%403x.png);
}

.cate4 .container-fluid {
		background-image: url(../images/banner/Tooth_04%403x.png);
}

.cate5 .container-fluid {
		background-image: url(../images/banner/Tooth_05%403x.png);
}

.cate6 .container-fluid {
		background-image: url(../images/banner/Tooth_06%403x.png);
}

.cate7 .container-fluid {
		background-image: url(../images/banner/Tooth_07%403x.png);
}

.cate8 .container-fluid {
		background-image: url(../images/banner/Tooth_08%403x.png);
}

.cate9 .container-fluid {
		background-image: url(../images/banner/Tooth_09%403x.png);
}

.cate10 .container-fluid {
		background-image: url(../images/banner/banner-e-learning@3x.png);
}

.hero-header .title {
		text-align: right;
}

.hero-header .title .h1 {
		margin-bottom: 1.03125rem;
}

.heroHead-anchor {
		position: absolute;
		bottom: 0;
		right: .9375rem;
}

.separation {
		position: relative;
		padding-top: 3.125rem;
		padding-bottom: 5.9375rem;
}

.separation::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 5.9375rem;
		left: 0;
		right: 0;
		z-index: 1;
		background: -webkit-linear-gradient(top, rgba(235, 235, 235, .5) 0%, rgba(235, 235, 235, 0) 100%);
		background: -o-linear-gradient(top, rgba(235, 235, 235, .5) 0%, rgba(235, 235, 235, 0) 100%);
		background: linear-gradient(to top, rgba(235, 235, 235, .5) 0%, rgba(235, 235, 235, 0) 100%);
		bottom: 0;
}

.articleCtx {
		padding-top: 3.125rem;
		padding-bottom: 11rem;
}

.listCtx .item {
		padding-top: 1rem;
		padding-bottom: 1rem;
}

.listCtx .label {
		color: #014da4;
		border-top: 1px solid;
}

.listCtx .ctx {
		vertical-align: top;
}

.member-row {
		display: flex;
		flex-direction: row;
}

.memberList:not(.same) .member-row:nth-child(even) {
		color: #808080;
}

.memberList:not(.noTitle) .title {
		border-right: 1px solid #014da4;
}

.memberList .title {
		width: 10.3125rem;
		text-align: right;
		padding-right: .9375rem;
}

.memberList .group {
		width: calc(100% - 11rem);
		padding-left: .9375rem;
		padding-right: 1.5625rem;
}

.memberList.noTitle .group .name {
		margin-right: 0;
}

.memberList.pureName .group .name {
		word-break: keep-all;
}

.memberList .group .name {
		margin-right: 1rem;
}

.note {
		text-align: right;
}

.about-main .note {
		max-width: 19.6875rem;
		width: 100%;
		margin-left: auto;
		margin-top: 3.125rem;
}

.about-main .note .to {
		text-align: left;
}

.about-main .note .date {
		text-align: right;
}

.message .h1 {
		font-size: 2.75rem;
}

.message .note img {
		width: 11.25rem;
		margin-left: .625rem;
}
/* news */

.title-group.listSet .date {
		margin-top: 1.78125rem;
}

.listSet .head {
		padding-bottom: .375rem;
		border-bottom: 1px solid #014da4;
}

.listSet .head .inline-row {
		background-color: #ededed;
}

.listSet .head .h5 {
		color: #014da4;
		padding-top: .5625rem;
		padding-bottom: .5625rem;
		text-align: center;
}

.listSet .head .h5 + .h5 {
		border-left: 2px solid #fff;
}

.listSet li:last-child {
		border-bottom: 1px solid #014da4;
}

.inline-row > * {
		vertical-align: top;
}

.news .articleCtx {
		padding-bottom: 6.875rem;
}

.news .head .inline-row {
		padding-left: 1rem;
		padding-right: 1rem;
}

.news .news-list li:not(.head) {
		padding-left: 1rem;
		padding-right: 1rem;
}

.news .news-list li.topping::before {
		left: 1rem;
}

.news .news-list .date {
		padding-left: 1.5625rem;
		padding-right: 2rem;
}

.news .news-list .date.en {
		padding-left: 1.5625rem;
		padding-right: 1rem;
}

.news .news-list .title {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
}

.news-list .view {
		text-align: center;
}

nav[aria-label^="Page"] {
		margin-top: 3.75rem;
}

li.page-item .page-link {
		border-radius: 0 !important;
}

.page-link {
		color: #014da4;
		border-color: #014da4;
		font-size: .875rem;
		padding: .1875rem .5rem;
}

.page-item.active .page-link,
.page-link.current,
.page-link:hover {
		z-index: 2;
		color: #fff;
		background-color: #014da4;
		border-color: #014da4;
}

.page-link.current.prev,
.page-link.current.next {
		color: #014da4;
		background-color: #fff;
}

.page-link:focus {
		box-shadow: none;
}

.hero-breadcrumb {
		padding-top: 1.875rem;
		padding-bottom: 3.125rem;
		background: -webkit-linear-gradient(bottom, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 0) 100%);
		background: -o-linear-gradient(bottom, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 0) 100%);
		background: linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 0) 100%);
}

.hero-breadcrumb .breadcrumb {
		background-color: transparent;
}

.newsD-main {
		padding-bottom: 5rem;
}

.newsD-main .dLayout .content img,
.elearning-add-cart-main .contentList img {
	max-width: 100%!important;
	height: auto!important;
}

.dLayout {
		background-color: #fff;
		padding: 2.5rem 5rem 3.125rem;
		border-radius: 6px;
		position: relative;
		box-shadow: 0px 0 12px -2px rgba(26, 11, 18, 0.4);
}

.sec {
		max-width: 50rem;
		margin: auto;
}

.slice {
		position: relative;
}

.slice::before,
.slice::after {
		content: '';
		display: inline-block;
		position: absolute;
		bottom: 0;
		height: 1px;
}

.slice::before {
		width: 33.3333%;
		left: 0;
		background-color: #014da4;
}

.slice::after {
		width: calc(66.6666% - 5px);
		right: 5px;
		background-color: #cecece;
}

.dLayout .title {
		text-align: center;
}

.dLayout .date {
		font-size: .875rem;
		padding: .625rem 0;
}

.dLayout .content {
		padding-top: 3.75rem;
		padding-bottom: 3.75rem;
}

.content img + p,
.content p + p,
.content p + img,
.content img + img {
		margin-top: 2rem;
}

.contentList a:hover {
		text-decoration: underline;
		color: #014da4;
}

a.file {
		text-decoration: underline;
}

a.file::before {
		width: 1.125rem;
		height: 1.125rem;
		background-size: 2.25rem;
		background-position: 0 -4.5rem;
		position: relative;
		top: -2px;
}

.anchor-row {
		margin-top: 2.5rem;
}

.anchor-row a,
.anchor-row a {
		font-weight: 700;
		font-size: 1.625rem;
		padding: 1.5625rem 0;
		width: 28.125rem;
}
/* unionInfo */

.union-list .info .no {
		color: #014da4;
		padding-top: .6875rem;
		padding-bottom: .6875rem;
		border-bottom: 1px dashed #cecece;
}

.action-row {
		flex-wrap: wrap;
}

.action + .action {
		margin-left: .9375rem;
}

.action a {
		margin-top: .625rem;
		text-align: center;
		display: inline-block;
		transition: all .35s;
		color: #fff;
		width: 11.25rem;
		padding-top: 8px;
		padding-bottom: 8px;
		border-radius: 1.25rem;
		position: relative;
}

.action a::before {
		position: absolute;
		left: 10px;
		top: 4px;
		width: 2rem;
		height: 2rem;
		background-size: 4rem;
}

.action a.download::before {
		background-position: 2rem -16rem;
}

.action a.print::before {
		background-position: 0 -16rem;
}

.action a.read::before {
		background-position: 2rem -14rem;
}
/* JDS */

.twiceGrid {
		max-width: 76.625rem;
}

.twiceGrid .container-fluid {
		position: relative;
}

.fAnchor {
		width: 10.625rem;
		height: 10.625rem;
		margin-left: auto;
		transition: all .35s;
}

.fAnchor,
.fAnchor:hover {
		background-size: 100%;
		background-repeat: no-repeat;
		cursor: pointer;
}

.fAnchor a {
		height: 100%;
}

.fAnchor.dictionary {
		background-image: url(../images/icon/fixed/dictionary%403x.png);
}

.fAnchor.dictionary:hover {
		background-image: url(../images/icon/fixed/dictionary_hv%403x.png);
}

.fAnchor.pay {
		background-image: url(../images/icon/fixed/pay%403x.png);
}

.fAnchor.pay:hover {
		background-image: url(../images/icon/fixed/pay_hv%403x.png);
}

.fAnchor.guide {
		background-image: url(../images/icon/fixed/guide%403x.png);
}

.fAnchor.guide:hover {
		background-image: url(../images/icon/fixed/guide_hv%403x.png);
}

:lang(en-US) .fAnchor.guide {
		background-image: url(../images/icon/fixed/guide_EN%403x.png);
}

:lang(en-US) .fAnchor.guide:hover {
		background-image: url(../images/icon/fixed/guide_EN_hv%403x.png);
}

.fAnchor.read {
		background-image: url(../images/icon/fixed/read%403x.png);
}

.fAnchor.read:hover {
		background-image: url(../images/icon/fixed/read_hv%403x.png);
}

:lang(en-US) .fAnchor.read {
		background-image: url(../images/icon/fixed/read_EN%403x.png);
}

:lang(en-US) .fAnchor.read:hover {
		background-image: url(../images/icon/fixed/read_EN%403x.png);
}

.fAnchor.submission {
		background-image: url(../images/icon/fixed/submission%403x.png);
}

.fAnchor.submission:hover {
		background-image: url(../images/icon/fixed/submission_hv%403x.png);
}

.fAnchor.onlinePay {
		background-image: url(../images/icon/fixed/onlinePay%403x.png);
}

.fAnchor.onlinePay:hover {
		background-image: url(../images/icon/fixed/onlinePay_hv%403x.png);
}

.fAnchor.feedback {
		background-image: url(../images/icon/fixed/feedback%403x.png);
}

.fAnchor.feedback:hover {
		background-image: url(../images/icon/fixed/feedback_hv%403x.png);
}

.abs {
		position: absolute;
}

.fixed {
		position: fixed;
		top: 50px;
		z-index: 2;
		transition: all .25s;
}
/* jds_detail */

.news-list .inline-row > div {
		line-height: 2rem;
}

section:not(.news-main) .news-list .inline-row > div {
		padding-left: .9375rem;
		padding-right: .9375rem;
		vertical-align: top;
}

.jdsD .news-list .inline-row div:nth-child(n+3) {
		text-align: center;
}

a.download {
		background-position: 0 -6rem;
}
/* jds_guide */

.jdsG .dLayout .content {
		font-size: 1.125rem;
		line-height: 2rem;
}

.dLayout .content .part {
		padding-bottom: 1.4375rem;
		padding-top: 1.4375rem;
		word-wrap: break-word;
		-ms-word-break: break-all;
}

.jdsG .dLayout .content .part:first-child {
		padding-top: 0;
}

.jdsG .dLayout .content .part:last-child {
		padding-bottom: 0;
}

.jdsG .dLayout .content .part + .part {
		border-top: 1px dotted #cecece;
}

.jdsG .part > em {
		text-align: center;
		display: block;
}
/* thesis_abstract_detail */

.thesisAbstractD .news-list .view {
		text-align: center;
}
/* e-learning */

.e-learning .layoutGrid {
		max-width: 80rem;
}

.e-learning .hero-header .layoutGrid {
		margin-top: 1.1875rem;
}

.e-learning .heroHead-anchor .nav {
		flex-wrap: nowrap;
}

.e-learning .heroHead-anchor {
		right: 0.5rem;
}

.col-md-4 .class-item {
		padding: 0;
		margin: 0 auto;
		margin-bottom: 30px;
}

.elearning-filter {
		padding-top: 4.75rem;
		padding-bottom: 3.125rem;
		margin-top: 3.125rem;
}

.elearning-filter .form-control,
.elearning-filter .form-control:focus {
		background-color: #fff;
		border-color: #999;
		border-radius: 0;
		position: relative;
		color: #999;
}

.elearning-filter .form-control {
		height: 2.8125rem;
		width: 240px;
		line-height: 2.8125rem;
		font-weight: 400;
}

.elearning-filter .form-control::placeholder,
.elearning-filter select:invalid {
		color: #ededed !important;
}
/* e-learning add cart */

.elearning-add-cart-main.mobile {
		display: none;
}

.elearning-add-cart .separation {
		padding-top: 30px;
}

.elearning-add-cart-left.dLayout,
.elearning-add-cart-right.dLayout {
		background-color: #fff;
		padding: 30px;
		border-radius: 6px;
		position: relative;
		box-shadow: 0px 0 12px -2px rgba(26, 11, 18, 0.4);
}

.elearning-add-cart-main a.doc::before {
		background-position: 12rem 10.4rem;
}

.elearning-add-cart-main .listCtx figure {
		width: 140px;
		height: 140px;
		border-radius: 50%;
		overflow: hidden;
		margin: 0 20px 20px 15px;
}

.elearning-add-cart-main .listCtx h5 {
		color: #014da4;
}

.elearning-add-cart-main .item.ctx ul:not(.noListType) li::before {
		content: "●";
		color: #014da4;
		margin-right: 10px;
		/* list-style: disc;
	 list-style-position:inside;
	 color: #014da4; */
}

.classList {
		border-top: solid 1px #e6e6e6;
		padding-top: 20px;
}

.class-row {
		display: flex;
		flex-direction: row;
		line-height: 2;
		letter-spacing: 0.4px;
}

.class-row .flex-wrap li:nth-child(1) {
		font-size: 18px;
		color: #014da4;
		font-weight: 500;
		line-height: 1.33;
		margin-right: 25px;
}

.class-row .blue-border {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.33;
		padding: 2px 22px;
}

.contentList .listCtx .inline-row a.doc {
		text-decoration: underline;
}

.classList .title {
		width: 7.6em;
		text-align: left;
}

.classList .group {
		width: calc(100% - 8.6rem);
}

.classList .group .bold-font.top,
.classList .group .bold-font.bottom {
		font-size: 22px;
		color: #444;
}

.classList .group .bold-font {
		font-size: 22px;
		color: #fa0303;
}

.classList .group .bold-font.top::before {
		content: "";
		width: 80px;
		height: 2px;
		background: #fa0303;
		position: absolute;
		top: 23px;
		left: -5px;
}

.classList .group .bold-font.bottom::before {
		content: "";
		width: 63px;
		height: 2px;
		background: #fa0303;
		position: absolute;
		top: 23px;
		left: -5px;
}

.classList .group .name {
		margin-right: 1rem;
}

.btn-border {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.33;
		text-align: center;
		color: #014da4;
		background: #fff;
		border-radius: 7.4px;
		border: solid 1px #014da4;
}

.elearning-add-cart-right a.btn-border {
		width: 100%;
		padding: 14px 0;
		margin-top: 20px;
		color: #014da4;
}

.elearning-add-cart-main a.btn-border:hover,
.login-left .button-group .btn-border:hover {
		color: #fff;
		background-color: #014da4;
}

.btn-blue {
		background-color: #ddecff;
}

.elearning-add-cart-main-wrapper .anchor-row {
		margin-top: 85px;
}
/* cart1 */

body.cart,
body.login,
body.registered,
body.forget-pw,
body.reset-pw,
body.member-info {
		background: #f4f9ff;
}

.cart .hero-breadcrumb,
.cart .separation::after,
.member-info .hero-breadcrumb,
.member-info .separation::after {
		background: none;
}

.cart-main .step_panel li div {
		width: 150px;
		color: #014da4;
}

.card-steps {
		position: relative;
}

.card-steps::after {
		content: "";
		position: absolute;
		height: 2px;
		background: #959595;
		/* left:2px;
		right:2px; */

		left: 17%;
		right: 17%;
		top: calc(50% - 1px);
}

.card-steps li::before {
		opacity: .4;
}

.card-steps li.icon_active::before {
		opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
		.card-steps::after {
				left: 2px;
				right: 2px;
		}
}

.step_panel {
		padding: 100px;
}

.step_panel ul {
		margin: 0 auto;
		text-align: center;
		justify-content: space-around;
}

.card-steps li {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #b3cae4;
		flex-shrink: 0;
		position: relative;
		z-index: 2;
}

.card-steps li.icon_active {
		background-color: #014da4;
}

.step_panel>ul>li::after {
		/* content: ""; */

		display: block;
		width: 250px;
		position: absolute;
		left: -250px;
		height: 2px;
		background: #959595;
		top: 5px;
}

.step_panel>ul>li:nth-child(1)::after {
		content: "";
		display: none;
}

.choose::before {
		position: absolute;
		left: -14px;
		top: -45px;
}

.pay::before {
		background-position: 2.5rem 0;
		position: absolute;
		left: -14px;
		top: -45px;
}

.finish::before {
		background-position: 0 2.5rem;
		position: absolute;
		left: -14px;
		top: -45px;
}

.step_panel li.icon_b2 div {
		position: absolute;
		left: -70px;
		top: 25px;
}

.cart-main .contentList table {
		width: 100%;
}

.cart-main .contentList thead {
		color: #fff;
		background: #014da4;
}

tbody tr td:last-child {
		font-weight: 500;
}

.cart-main .contentList tbody {
		color: #444;
}

.cart-main .contentList thead th,
.member .contentList thead th {
		padding: 9px 20px;
		font-weight: 500;
		line-height: 1.33;
}

.cart-main .contentList thead th:nth-child(1) {
		width: 90%;
}

tbody td {
		padding: 22px 20px;
		border-bottom: 1px solid #e6e6e6;
		font-size: 20px;
		line-height: 1.6;
		letter-spacing: 0.5px;
}

tbody tr.text-right td {
		border-bottom: none;
}

.cart-main a.btn-border,
.member a.btn-border {
		color: #014da4;
		max-width: 130px;
		width: 100%;
}

.cart-main a.btn-border:hover,
.member a.btn-border:hover {
		color: #fff;
		background: #014da4;
}

.cart-main .empty::after {
		border-width: 6px 0 6px 10.4px;
		margin-left: .5rem;
}

.cart-main .empty1::before {
		border-width: 6px 0 6px 10.4px;
		margin-right: .5rem;
}
/* cart2 */

.info .h5,
.info-notice .h5,
.pay-info .h5 {
		color: #fff;
		background: #014da4;
		padding: 9px 20px;
		font-weight: 500;
		line-height: 1.33;
}

.info label {
		max-width: 100px;
		width: 100%;
		padding: 9px 20px;
}

.info .form-control {
		width: 60%;
		position: relative;
}
/* cart3 */

.cart-main h3.title {
		font-size: 26px;
		font-weight: 500;
		line-height: 1.23;
		letter-spacing: 0.65px;
		color: #f4a525;
		margin-bottom: 50px;
}

tbody tr td.number,
tbody tr td.total {
		font-size: 16px;
		font-weight: normal;
		line-height: 2;
		letter-spacing: 0.4px;
}

tbody tr td.total span {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.09;
		letter-spacing: 0.55px;
}

.cart-main .contentList ol {
		padding: 0 30px 30px 40px;
}

.cart-main .contentList li,
.login-main .contentList li {
		list-style: decimal;
		margin: 10px 0;
		line-height: 2;
		letter-spacing: 0.4px;
}

.cart-main .contentList li span,
.login-main .contentList li a {
		font-weight: 500;
		color: #014da4;
}

.cart-recommend.separation {
		padding-top: 0;
}

.cart-recommend .layoutGrid {
		max-width: 80rem;
}

.cart-recommend .container-fluid .h3 {
		font-size: 28px;
		font-weight: 500;
		line-height: 1.14;
		letter-spacing: 0.7px;
		text-align: center;
		color: #014da4;
		padding-bottom: 50px;
}
/* login */

.login-main {
		padding-bottom: 40px;
}

.login-left {
		padding: 100px 0;
}

.login-main .col-lg-4 {
		max-width: 30%;
}

.c-red {
		color: red;
}

.login-main form .password {
		color: #014da4;
		margin: 10px 0;
}

.b-gray {
		background: #f5f5f5;
		font-size: 19px;
		font-weight: 500;
		line-height: 2.05;
		padding: 3px 10px;
}

.login-left button.btn {
		background: #fff;
		border: solid 1px #707070;
		border-radius: 20px;
		color: #000;
		padding: 5px 15px;
		font-size: 16px;
		font-weight: 300;
		max-height: 35px;
}

.login-left .button-group .btn-border {
		width: 100%;
		margin: 15px 0;
		color: #014da4;
}

.login-right .banner-pic {
		max-width: 340px;
		max-height: 340px;
		margin: 0 auto;
}
/* registered */

.login-main .form-check-label a {
		color: #014da4;
}

.mask {
		display: none;
		background-color: rgba(172, 172, 172, 0.5);
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 3;
}

.mask-inside {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
}

.mask-inside .preview-video {
		width: 720px;
		max-width: 100%;
}

.privacy-main {
		background: #fff;
		overflow-y: scroll;
		width: 70vw;
		height: 70vh;
		border-radius: 15px;
		background: #fff;
		margin: 150px auto;
		padding: 50px 70px;
}
/* forget pw */

.forget-pw .login-main,
.reset-pw .login-main {
		min-height: calc( 100vh - 265.44px);
}
/* member info */

.member.separation {
		padding-top: 6rem;
}

.member form label {
		text-align: right;
}

.member .info label {
		max-width: 100%;
		padding: 9px 0;
}

.member .col-md-10.col-sm-9.col-8 {
		padding-left: 30px;
}

.member .member-border {
		max-width: 100px;
		border-radius: 20px;
		padding: 5px 15px;
		margin: 3px 0;
		text-align: center;
}

.general {
		color: #96d335;
		border: solid 1px #96d335;
}

.formal {
		color: #f4a525;
		border: solid 1px #f4a525;
}

.net {
		color: #014da4;
		border: solid 1px #014da4;
}

.member .remarks {
		padding: 30px 20px;
}

.member .heroHead-anchor {
		position: absolute;
		top: -110px;
		right: 50%;
		transform: translateX(50%);
		width: 80%;
		height: 143px;
}

.member .nav-tabs {
		border: none;
		justify-content: center;
}

.member .nav-tabs .nav-link {
		max-width: 120px;
		max-height: 120px;
		font-weight: 400;
		letter-spacing: 0.9px;
}

.m-info {
		background-position: 3.125rem 0;
}

.m-pw {
		background-position: 3.125rem 12.5rem;
}

.m-course {
		background-position: 3.125rem 9.35rem;
}

.m-search {
		background-position: 3.125rem 6.25rem;
}

.m-order {
		background-position: 3.125rem 3.125rem;
}

a.active .m-info {
		background-position: 0 0;
}

a.active .m-pw {
		background-position: 0 12.5rem;
}

a.active .m-course {
		background-position: 0 9.35rem;
}

a.active .m-search {
		background-position: 0 6.25rem;
}

a.active .m-order {
		background-position: 0 3.125rem;
}

.member-reset-pw .privacy-main {
		background: #fff;
		overflow-y: hidden;
		max-width: 400px;
		max-height: 240px;
		border-radius: 15px;
		background: #fff;
		margin: 20% auto;
		padding: 50px 70px;
}

.check {
		width: 5.625rem;
		height: 5.625rem;
		background-position: -0.1rem 5.75rem;
		background-size: 11.5rem 11.5rem;
		position: absolute;
		right: 50%;
		transform: translateX(50px);
}

.go-class {
		background-position: 0 8.85rem;
}

.go-class:hover {
		background-position: 6.25rem 8.85rem;
}

.go-test {
		background-position: 0 0;
}

.go-test:hover {
		background-position: 6.25rem 0;
}

.go-certificate {
		background-position: 0 11rem;
}

.go-certificate:hover {
		background-position: 6.25rem 11rem;
}

.order-detail {
		background-position: 0 4.39rem;
}

.order-detail:hover {
		background-position: 6.25rem 4.4rem;
}

.order-download {
		background-position: 0 6.6rem;
}

.order-download:hover {
		background-position: 6.25rem 6.59rem;
}

.test-pass {
		background-position: 0 2.2rem;
}

.member-course .heroHead-anchor {
		position: absolute;
		bottom: 1320px;
		right: 50%;
		transform: translateX(50%);
		width: 80%;
}

.member-info .heroHead-anchor {
		position: absolute;
		bottom: auto;
		right: 50%;
		transform: translateX(50%);
		width: 80%;
}

.member-info .anchor-back-row {
		max-width: 296px;
		width: 100%;
		margin: 3.125rem auto 0;
}

.member-info .anchor-back-row a {
		display: block;
		max-width: 100%;
		margin-left: 0;
		padding: .46875rem .5rem;
}

.member-course .mobile .contentList th {
		width: 30%;
}

.member-course .mobile .contentList.b-gray {
		font-size: 16px;
		line-height: 1.5;
}

.member .contentList thead th {
		padding: 9px 20px;
		font-weight: 500;
		line-height: 1.33;
		text-align: center;
}

.member .contentList thead th:first-child {
		width: 40%;
}

.member tbody td {
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: left;
		padding: 16px;
}

.member .word-blue-score {
		color: #014da4;
		font-weight: 500;
		line-height: 2;
		letter-spacing: 0.4px;
		max-width: 100px;
		/* width: 13%; */
}

.member .title {
		max-width: 240px;
		/* width: 28%; */

		text-align: left;
}

.member .time {
		max-width: 150px;
		/* width: 15.5%; */
}

.member .word-blue .blue-border {
		color: #014da4;
		font-weight: 400;
		line-height: 1.71;
		letter-spacing: normal;
}

.member .word-blue {
		color: #014da4;
		text-align: center;
}

.member .word-blue span {
		font-size: 14px;
		line-height: 1.71;
		color: #d33636;
}

.member tr.b-gray {
		background: #f5f5f5;
}

.member ol.notice li {
		line-height: 2;
		letter-spacing: 0.4px;
}

.member .info .mobile {
		display: none;
}

.member .info .mobile tr th {
		white-space: nowrap;
}

.member nav .pagination {
		margin: 30px;
}

.member-order .info .title {
		max-width: 250px;
		/* width: 40%; */
}

.member-order .info .date {
		max-width: 200px;
		/* width: 30%; */

		text-align: center;
		font-size: 16px;
}

.member-order .info .dollar {
		max-width: 200px;
		/* width: 100%; */

		text-align: center;
		font-size: 22px;
}

.member-order .info .mobile .date {
		text-align: left;
		padding: 16px;
}

.member-order .info .mobile .dollar {
		text-align: left;
}

.member-order .privacy-main table.class-info {
		width: 100%;
}

.member-order .privacy-main .class-info .h5 {
		background: #014da4;
		color: #fff;
}

.member-order .privacy-main .class-info thead th {
		padding: 9px 20px;
		font-weight: 500;
		line-height: 1.33;
}

.member-order .privacy-main a.btn-border {
		color: #014da4;
}

.member-order .privacy-main .info label {
		margin-bottom: 0;
}

.member-order .privacy-main {
		width: 50vw;
}

.member-search-filter {
		display: flex;
		justify-content: center;
		padding-top: 4.75rem;
		padding-bottom: 3.125rem;
		/* margin-bottom: 2.5rem; */
}

.member-search-filter .form-inline {
		justify-content: flex-end;
}

.member-search-filter .form-group-date {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
}

.member-search-filter .form-group {
		align-items: center;
		text-align: left;
		margin: 3px;
}

.member-search-filter .form-group label {
		height: 1.5rem;
		color: #999;
		margin-bottom: .3125rem;
}

.member-search-filter .form-control,
.member-search-filter .form-control:focus {
		background-color: #fff;
		border-color: #999;
		border-radius: 0;
		position: relative;
		color: #999;
}

.member-search-filter .form-control {
		height: 2.8125rem;
		line-height: 2.8125rem;
		font-weight: 400;
		padding: 0 20px;
}

.member-search-filter .form-control::placeholder,
.member-search-filter select:invalid {
		color: #ededed !important;
}

.member-search-filter .form-control:not([type="text"]) {
		width: 11.875rem;
}

.member-search-filter .form-control[type="text"] {
		max-width: 13.125rem;
		width: 100%;
		padding-right: 2.8125rem;
}

.member-search-filter i.arrow {
		border-color: transparent transparent transparent #999;
		position: absolute;
		top: 15px;
		z-index: 3;
		margin: 0 10px;
}

.member-search-filter input[type="submit"].search {
		background-position: 0 -19.125rem;
		right: 310px;
		top: 170px;
}

.member-search .info h4.title {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.09;
		color: #014da4;
		margin: 18px;
}

.member-search .info td.title {
		max-width: 450px;
		width: 40%;
}

.member-search .info td.pass-date {
		max-width: 160px;
		width: 14%;
		text-align: center;
}

.member-search .info td.give-date {
		max-width: 160px;
		width: 14%;
		text-align: center;
}

.member-search .info td.word-blue-score {
		max-width: 190px;
		width: 10%;
		text-align: center;
}

.member-search .member nav .pagination {
		margin-bottom: 30px;
}

.member-search .btn-border {
		padding: 5px;
		margin-left: 5px
}

.member-search .btn-border:hover {
		background-color: #014da4;
}

.icon1.searching {
		width: 1.875rem;
		height: 1.875rem;
		background-size: 3.75rem;
		background-position: 0 1.85rem;
}

.icon1.searching:hover {
		width: 1.875rem;
		height: 1.875rem;
		background-size: 3.75rem;
		background-position: 1.85rem 1.85rem;
}

.member-search label.word-blue {
		color: #014da4;
		margin-right: 10px;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.33;
}

.member-search .info .mobile td.title {
		width: 100%;
}

.member-search .info .mobile td.pass-date {
		text-align: left;
}

.member-search .info .mobile td.give-date {
		text-align: left;
}

.member-search .info .mobile td.word-blue-score {
		text-align: left;
}

.member-search .member .info .mobile tr th {
		white-space: normal;
		width: 35%;
}

.chart-label li {
		padding: 3px 0;
}

.chart-center {
		left: 50%;
		top: 50%;
		transform: translate(-50%, calc(-50% - 10px));
		font-weight: bold;
		color: #014da4;
		font-size: 36px;
}

.chart-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		display: inline-block;
		margin-right: 9px;
}
/* a4 certificate */

body.a4 {
		width: 595px;
		height: 842px;
		margin: 0 auto;
		padding: 33px 35px 68px;
}

.a4 header {
		background: #fff;
		color: #014da4;
		font-weight: 500;
		padding: 0;
}

.a4 .logo {
		margin-right: 20px;
		width: 100px;
}

.a4 header .cn-title {
		font-size: 26px;
		line-height: 1.21;
		letter-spacing: 0.35px;
}

.a4 header .en-title {
		font-size: 20px;
		letter-spacing: -1px;
		/* letter-spacing: 0.23px; */
}

.a4 header .number {
		color: #444;
		font-weight: normal;
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: 0.25px;
}

.number .cer-num {
		width: 5px;
		display: inline-block;
}

.certificate-main {
		font-size: 12px;
		line-height: 2;
		letter-spacing: 0.3px;
		padding: 0 9px;
}

.certificate-main .text {
		margin-top: 70px;
		margin-bottom: 41px;
		font-size: 20px;
}

.text .name {
		width: 150px;
		display: inline-block;
}

.text .id {
		width: 220px;
		display: inline-block;
}

.certificate-main .data {
		font-size: 18px;
		letter-spacing: 0.25px;
}

.ink {
		right: 45px;
		bottom: 300px
}

.ink img {
		width: 200px;
}

.proof-line {
		font-size: 16px;
		line-height: 1.78;
		letter-spacing: 0.23px;
		padding: 0 9px;
		bottom: 200px;
}

.sign {
		position: fixed;
		right: 45px;
}

.sign img {
		width: 240px;
}

.chairman {
		width: 48px;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: normal;
		color: #000;
		margin-right: 20px;
}

footer.date {
		position: absolute;
		bottom: 68px;
		right: 50%;
		transform: translateX(50%);
		font-size: 18px;
		line-height: 2;
		letter-spacing: 0.23px;
}

footer.date .year {
		width: 90px;
		display: inline-block;
}

footer.date .month,
footer.date .day {
		width: 60px;
		display: inline-block;
}
/* a4 receipt */

.receipt-num {
		width: 150px;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.4;
		letter-spacing: 0.25px;
		color: #444444;
}

.receipt-main {
		margin-top: 60px;
		font-size: 20px;
}

.receipt-main div {
		margin: 16px 0;
}

.receipt-main table {
		margin-top: 40px;
		width: 100%;
}

.receipt-main thead th {
		background: #014da4;
		font-size: 20px;
		font-weight: normal;
		line-height: 1.08;
		color: #ffffff;
		padding: 14px 10px;
}

.receipt-main th.item {
		width: 300px;
}

.receipt-main th.class-name {
		width: 280px;
}

.receipt-main tbody td {
		font-size: 20px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: 0.3px;
		padding: 14px 0;
}

.receipt-main tbody td.dollar {
		font-size: 22px;
		font-weight: normal;
		line-height: 2.29;
		letter-spacing: 0.35px;
		text-align: right;
}

.receipt-main .member-name {
		display: inline-block;
}

.receipt-main .year {
		width: 90px;
		display: inline-block;
}

.receipt-main .month,
.receipt-main .day {
		width: 60px;
		display: inline-block;
}

.unique {
		bottom: 81px;
		font-size: 16px;
		line-height: 2.8;
		letter-spacing: 0.25px;
}

footer .receipt-ink {
		position: fixed;
		bottom: 81px;
		right: 36px;
		width: 160px;
}
/* course */

.course .layoutGrid {
		max-width: 71.875rem;
}

.course .hero-header .layoutGrid {
		margin-top: 1.1875rem;
}

.course-filter {
		display: flex;
		justify-content: flex-end;
		padding-top: 4.75rem;
		padding-bottom: 3.125rem;
		margin-bottom: 2.5rem;
}

.course-filter .form-inline {
		justify-content: flex-end;
}

.course-filter .form-group-date {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
}

.course-filter .form-group {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
}

.course-filter .form-group label {
		height: 1.5rem;
		color: #999;
		margin-bottom: .3125rem;
}

.course-filter .form-control,
.course-filter .form-control:focus {
		background-color: #fff;
		border-color: #999;
		border-radius: 0;
		position: relative;
		color: #999;
}

.course-filter .form-control {
		height: 2.8125rem;
		line-height: 2.8125rem;
		font-weight: 400;
}

.course-filter .form-control::placeholder,
.course-filter select:invalid {
		color: #ededed !important;
}

.course-filter .form-control:not([type="text"]) {
		width: 11.875rem;
}

.course-filter .form-control[type="text"] {
		max-width: 13.125rem;
		width: 100%;
		padding-right: 2.8125rem;
}

.course-filter i.arrow {
		border-color: transparent transparent transparent #999;
}

.course .news-list li:not(.head) .date {
		color: #444;
}

.courseD-main .member-row .title {
		padding-right: 0;
}

.member-row .group .name {
		word-break: normal;
}

.member-row .group .name .score-type {
		word-break: keep-all;
}

.courseD-main .member-row:not(:last-child) > div {
		padding-bottom: 1.125rem;
}

.score-type {
		margin-left: 1.25rem;
}

.score-type .type {
		color: #014da4;
		border: 1px solid;
		padding: 0 1.3125rem;
}

.score-type .type + .type {
		margin-left: .5rem;
}
/* course_credit */

.courseCredit-main h3 {
		text-align: center;
		padding-bottom: 3.125rem;
}

.courseCredit .inline-row:nth-child(-n+7):not(:first-child) .label {
		border-top-color: #cecece;
}

.courseCredit .inline-row .label span.h2 {
		margin-right: .5rem;
}

.squareB {
		position: relative;
		top: -2px;
		display: inline-block;
		width: 6px;
		height: 6px;
		background-color: #014da4;
		vertical-align: middle;
		margin-right: 6px;
}

i.arrow {
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 12.1px;
		border-color: transparent transparent transparent #014da4;
		margin: 0 5px;
}
/* dictionary */

.dictionary .leftList .result {
		text-align: right;
		font-size: .875rem;
		margin-top: 3.125rem;
}

.form-control {
		height: 2.8125rem;
		font-size: 1.125rem;
		color: #444;
		border-color: #999999;
		border-radius: 0;
}

.form-control:focus {
		border-color: #999999;
}

.form-group .icon-row {
		position: relative;
}

.form-group input[type="submit"] {
		background-color: transparent;
		cursor: pointer;
}

input[type="submit"].search,
input[type="date"]:before {
		content: '';
		position: absolute;
		display: inline-block;
		width: 2.125rem;
		height: 2.125rem;
		background-image: url(../images/icon/ADC_icon%403x.png) !important;
		background-size: 4.25rem !important;
		background-repeat: no-repeat !important;
}

input[type="submit"].search {
		background-position: 0 -19.125rem;
		right: 5.5px;
		top: 50%;
		transform: translateY(-50%);
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
		display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
		color: transparent;
		background: none;
		z-index: 1;
}

input[type="date"]:before {
		color: transparent;
		background: none;
		display: block;
		right: 6px;
		color: #999;
		background-position: 0 -14.875rem;
}

.modal-dialog {
		max-width: 38.75rem;
}

.modal-content {
		border-radius: .9375rem;
}

.modal-content .close {
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 999;
}

.modal-body {
		padding: 2.5rem;
}

.modal-title {
		color: #014da4;
		text-align: center;
		margin-bottom: 2.5rem;
}

#feedbackModal .form-group + .form-group {
		margin-top: 1.875rem;
}

#feedbackModal .form-group label {
		width: 4.375rem;
		text-align: right;
		padding-right: .3125rem;
		vertical-align: top;
}

#feedbackModal .form-control {
		width: calc(100% - 5rem);
		display: inline-block;
		background-color: #ededed;
}

#feedbackModal .form-control,
#feedbackModal .form-control:focus {
		border: 0;
}

#feedbackModal .form-control:not(textarea) {
		/*height: 1.875rem;*/
}

#feedbackModal form button[type="button"] {
		background-color: #014da4;
		color: #fff;
		border-radius: .4375rem;
		display: inline-block;
		font-size: .875rem;
		width: 3.125rem;
		height: 1.625rem;
}
/* event */

.event .listCtx .item {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
}

.event .listCtx .label .date {
		color: #444;
		margin: .8125rem 0;
}

.event .organizer-group {
		display: flex;
		flex-direction: column;
}

.organizer {
		font-size: .875rem;
		align-self: flex-start;
		text-align: center;
		padding-left: .8125rem;
		padding-right: .8125rem;
		line-height: 1.25rem;
}

.organizer[type="1"] {
		background-color: #f4ab1a;
}

.organizer[type="2"] {
		background-color: #63c9d2;
}

.organizer[type="3"] {
		background-color: #ff7bac;
}

.organizer[type="4"] {
		background-color: #ffdb00;
}

.organizer[type="5"] {
		background-color: #8e80b6;
}

.organizer[type="6"] {
		background-color: #bdda3c;
}

.organizer[type="7"] {
		background-color: #ff8245;
}

.organizer[type="8"] {
		background-color: #17a4ff;
}

.organizer[type="9"] {
		background-color: #59a800;
}

.organizer[type="10"] {
		background-color: #ffcdba;
}

.organizer[type="11"] {
		background-color: #f4ab1a;
}

.organizer[type="12"] {
		background-color: #63c9d2;
}

.organizer[type="13"] {
		background-color: #ff7bac;
}

.organizer[type="14"] {
		background-color: #ffdb00;
}

.organizer[type="15"] {
		background-color: #8e80b6;
}

.organizer[type="16"] {
		background-color: #bdda3c;
}

.organizer[type="17"] {
		background-color: #ff8245;
}

.organizer[type="18"] {
		background-color: #17a4ff;
}

.organizer[type="19"] {
		background-color: #59a800;
}

.organizer + .organizer {
		margin-top: .3125rem;
}

.event .member-row > div {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
}

.event .member-row .des p {
		padding-left: 0;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		max-height: 12rem;
}

.event .more-row {
		text-align: center;
		margin-top: 1.25rem;
}

.event .arrow {
		width: 7.125rem;
		height: 2.5rem;
		line-height: 38px;
}

.event .empty::after {
		border-width: 6px 0 6px 10.4px;
		margin-left: .5rem;
}
/* event_detail */

.eventD .organizer-group {
		text-align: center;
		margin-top: .9375rem;
}

.eventD .organizer {
		display: inline-block;
}

.slider + p {
		margin-top: 2.625rem;
}

.slider-for .slick-arrow {
		width: 1.875rem;
		height: 5.625rem;
		position: absolute;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
}

.slider-for .slick-arrow::before {
		display: none;
}

.slider-for .slick-prev {
		left: -50px;
		background-image: url(../images/icon/arowL%403x.png);
}

.slider-for .slick-next {
		right: -50px;
		background-image: url(../images/icon/arrowR%403x.png);
}

.slide-show img {
		width: 100%;
}

.slider-nav {
		margin-top: 1.875rem;
}

.slideThumbnail + .slideThumbnail .bg-wrapper {
		margin-left: .375rem;
}

.slideThumbnail .bg-wrapper {
		padding-bottom: 71.64179%;
}

.join-main .anchor-row {
		margin-top: .625rem;
}
/* related_links */

.links-group + .links-group {
		margin-top: 2.5rem;
}

.links-group .inline-row {
		cursor: pointer;
		position: relative;
}

.links-group .inline-row::after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		margin: 0 20px;
		border-width: 0 8.5px 14.7px 8.5px;
		border-color: transparent transparent #014da4 transparent;
}

.links-group .inline-row[aria-expanded="true"]::after {
		border-width: 14.7px 8.5px 0 8.5px;
		border-color: #014da4 transparent transparent transparent;
}

.links-group .head .h5 {
		border-right: 2px solid #fff;
		width: 9.875rem;
		text-align: center;
}

.link-list li {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		border-bottom: 1px dotted #cecece;
}

.link-list li a::before {
		content: '';
		position: relative;
		top: -2px;
		display: inline-block;
		width: 6px;
		height: 6px;
		background-color: #444;
		vertical-align: middle;
		margin-right: 6px;
		border-radius: 50%;
}

.link-list li + li {
		border-top: 0;
}

.link-list li:last-child {
		border-bottom: 1px dotted #cecece;
}

.tooltip-group {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin-left: .625rem;
	vertical-align: sub;
}
.tooltip-group span {
	display: inline-block;
	font-size: .875rem;
	color: #014da4;
}
.tooltip-group .tooltipAnchor {
	margin-right: .25rem;
}
.tooltipAnchor {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../images/icon/icon_info.svg);
	background-size: 100%;
	vertical-align: text-bottom;
	cursor: pointer;
}
.tooltip.show {
	opacity: .95;
}
.tooltip .arrow {
	display: none;
}
.tooltip-inner {
	max-width: 280px;
	border-radius: 3px;
  background-color: #393939;
	text-align: left;
	font-size: .875rem;
	font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";
	line-height: 1.25rem;
	padding: .625rem .75rem;
}

@media screen and (min-width: 1200px) {
		.container {
				max-width: 1150px;
		}
		.navbar {
				padding-left: .9375rem;
				padding-right: .9375rem;
		}
		.navbar-nav .nav-item:first-child .nav-link {
				padding-left: 0;
		}
		.navbar-nav .nav-item:first-child .dropdown-menu {
				left: 0;
		}
		.navbar-nav .nav-item:last-child .nav-link {
				padding-right: 0;
		}
		header ul {
				text-align: right;
		}
}

@media screen and (min-width: 1367px) {
		.navbar-brand {
				padding-top: .53125rem;
				padding-bottom: .53125rem;
		}
}

@media screen and (min-width: 992px) {
		.index-left {
				margin-right: 3.125rem;
				width: 66.796875%;
				/* margin: auto; */
		}
		.elearning-add-cart-left {
				margin-right: 1.875rem;
				width: 60.796875%;
				/* margin: auto; */
		}
		.index-right {
				width: 28.90625%;
		}
		.elearning-add-cart-right {
				width: 35%;
		}
}

@media screen and (min-width: 768px) {
		.breadcrumb + .layoutGrid {
				margin-top: 5.625rem;
		}
		.inline-row > * {
				display: inline-block;
		}
		.listCtx .label {
				width: calc(20rem - 4px);
		}
		.listCtx .ctx {
				width: calc(100% - 20rem);
				border-top: 1px solid #cecece;
		}
		.news-list .view {
				width: 4.6875rem;
		}
		.index .news-list .title {
				width: calc(100% - 7.5rem);
		}
		.course-list .name {
				width: calc(100% - 8rem);
				margin-right: 10px;
		}
		/* news */

		.listSet .head {
				border-right: 2px solid #fff;
		}
		.news .head .date {
				width: 140.59px;
		}
		.news .news-list .title {
				width: calc(100% - 9.125rem);
		}
		/* news_detail */

		.contentList .listCtx .label {
				width: calc(33.3333% - 5px);
		}
		/* news_detail */

		.conventionD .contentList .listCtx .label,
		.courseD .contentList .listCtx .label {
				width: calc(18.5% - 5px);
		}
		.contentList .listCtx .ctx {
				width: 66.6666%;
		}
		.courseD .contentList .listCtx .ctx,
		.conventionD .contentList .listCtx .ctx {
				width: 81.6%;
		}
		.courseD .dLayout .date {
				padding-right: 1px;
		}
		.conventionD .dLayout .date {
				padding-right: 4px;
		}
		/* unionInfo */

		.percent .item {
				display: inline-block;
				padding: 2rem 3.75rem;
		}
		.percent .label {
				width: 33.3333%;
		}
		.percent .ctx {
				width: calc(66.6666% - 5px);
		}
		.union-list .inline-row {
				justify-content: stretch;
				display: flex;
		}
		.union-list .ctx {
				justify-content: space-between;
				display: inline-flex;
				flex-direction: column;
		}
		.union-list .info {
				align-self: stretch;
		}
		.union-list .action-row {
				justify-content: flex-end;
		}
		/* jds */

		.leftList {
				width: calc(100% - 15.3125rem);
		}
		.fixedAnchor {
				width: 10.625rem;
				vertical-align: top;
				position: absolute;
				right: .9375rem;
				top: 0;
		}
		.fixedAnchor .fAnchor + .fAnchor {
				margin-top: 1.5625rem;
		}
		/* jds_detail */

		.mbGrid .view .action-row {
				display: none;
		}
		.jdsD .news-list .title {
				width: 49.6875%;
		}
		.jdsD .news-list .author {
				width: 25%;
		}
		.jdsD .news-list .page {
				width: 15.625%;
		}
		.jdsD .news-list .view {
				width: 7.8125%;
		}
		.en.jdsD .news-list .author {
				width: 20%;
		}
		.en.jdsD .news-list .page {
				width: 10.625%;
		}
		.en.jdsD .news-list .view {
				width: 15.8125%;
		}
		/* thesis_abstract_detail */

		.thesisAbstractD .news-list .view {
				width: 4.6875rem;
		}
		.thesisAbstractD .news-list .title {
				width: calc(100% - 5rem);
		}
		/* publicationD */

		.publicationD .news-list .title {
				width: calc(100% - 5.3125rem);
		}
		/* course */

		.course-filter .form-group + .form-group {
				margin-left: .625rem;
		}
		.course-filter .form-group-date {
				margin: 0 .625rem;
		}
		.course .news-list .date,
		.course .news-list .organizerUnit {
				width: 13.3928%;
		}
		.course .news-list .title {
				width: 35.71428%;
		}
		.course .news-list .location {
				width: 28.57142%;
		}
		.course .news-list .score {
				width: 6.6964%;
		}
		/* convention */

		.convention .news-list .date {
				width: 10.0625rem;
		}
		.convention .news-list .title {
				width: calc(100% - 10.3125rem);
		}
		/* dictionary */

		.dictionary .news-list .english {
				width: 41.45833%;
		}
		.dictionary .news-list .chinese {
				width: calc(58.333% - 5px);
		}
		/* download */

		.download .news-list .date {
				width: 9.375rem;
		}
		.download .news-list .title {
				width: calc(100% - 15.125rem);
		}
		.news-list .view {
				width: 5rem;
		}
		/* event */

		.event .listCtx .label {
				width: calc(33.3333% - 5px);
		}
		.event .listCtx .ctx {
				width: 66.6666%;
		}
		.event .member-row .thumbnail {
				width: 65.625%;
		}
		.event .member-row .des {
				width: 33.59375%;
		}
		/* eventD */

		.eventD .organizer + .organizer {
				margin-left: .625rem;
		}
		/* related_links */

		.link-list li {
				display: inline-block;
				width: 49%;
		}
		.member .col-md-10.col-sm-9.col-8 {
				display: flex;
				flex-flow: row nowrap;
		}
		.member .col-md-10.col-sm-9.col-8 label {
				width: auto;
				text-align: center;
				margin-left: 8px;
		}
}

@media screen and (max-width: 1200px) {
		.step_panel>ul>li::after {
				width: 190px;
				left: -185px;
		}
		.nav-logo {
				width: calc(100vw - 50px);
		}
		.nav-logo.active {
				background: #014da4;
				height: 50.58px;
		}
}

@media screen and (max-width: 1366px) {
		.navbar-brand {
				width: 13.125rem;
				margin-right: .3125rem;
		}
		.navbar-brand img {
				width: 100%;
				height: auto;
		}
		.registered .listCtx .label {
				width: calc(15rem - 4px);
				padding-right: 30px;
		}
		.registered .listCtx .ctx {
				width: calc(100% - 15rem);
		}
		/* forget pw */

		.forget-pw .login-main,
		.login .login-main,
		.reset-pw .login-main {
				min-height: calc( 100vh - 215.92px);
		}
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
		.navbar-expand-xl .navbar-nav .nav-link {
				padding-left: .625rem;
				padding-right: .625rem;
		}
		.dropdown-menu {
				left: .625rem;
		}
}

@media screen and (max-width: 1199px) {
		.navbar-brand {
				padding: 1px 1rem 1px .625rem;
				padding-right: 0;
				margin-right: 0;
		}
		.navbar-toggler {
				background-color: #014da4;
				border-radius: 0;
				height: 100%;
				padding-top: .75rem;
				padding-bottom: .75rem;
		}
		.navbar-toggler .icon {
				background-position: -1.5rem -13.5rem;
		}
		.navbar-toggler[aria-expanded="true"] .icon {
				background-position: 0 -15rem;
		}
		.navbar-nav .nav-link {
				padding: .8125rem 1.25rem;
				font-size: 1.125rem;
		}
		.dropdown.show .nav-link,
		.navbar .nav-link:hover,
		.navbar .nav-link:focus {
				color: #014da4;
		}
		.dropdown-menu {
				margin-top: 0;
		}
		.dropdown-item {
				text-align: center;
				font-size: .875rem;
				padding: .4375rem 1.25rem;
		}
		.dropdown-toggle {
				position: relative;
		}
		.dropdown-toggle::after {
				content: '';
				display: inline-block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10.4px 6px 0 6px;
				border-color: #002a4c transparent transparent transparent;
				position: absolute;
				right: 20px;
				top: 50%;
				transform: translateY(-50%);
		}
		.dropdown.show .dropdown-toggle::after {
				border-width: 0 6px 10.4px 6px;
				border-color: transparent transparent #002a4c transparent;
		}
		header {
				padding: 0 1.25rem;
		}
		header ul {
				display: flex;
				flex-direction: column;
		}
		header li {
				display: block;
				padding-top: .75rem;
				padding-bottom: .75rem;
		}
		header li + li {
				margin-left: 0;
		}
		header li:last-of-type {
				order: -1;
		}
		.registered .listCtx .label {
				width: calc(10rem - 4px);
				padding-right: 30px;
		}
		.registered .listCtx .ctx {
				width: calc(100% - 10rem);
		}
		.member-course .heroHead-anchor {
				position: absolute;
				bottom: 1560px;
				right: 50%;
				transform: translateX(50%);
				width: 80%;
		}
		.member .time {
				max-width: 200px;
				/* width: 20%; */
		}
		/* registered */

		.forget-pw .login-main,
		.registered .login-main,
		.login .login-main,
		.reset-pw .login-main {
				min-height: calc( 100vh - 163.58px);
		}
}

@media screen and (max-width: 992px) {
		.step_panel ul {
				margin: 0 auto;
				text-align: center;
				justify-content: space-between;
		}
}

@media screen and (max-width: 991px) {
		.news-anchor {
				flex-direction: column;
		}
		.nav-tabs .nav-link {
				font-size: .875rem;
		}
		.nav-tabs .nav-item + .nav-item {
				margin-left: .5rem;
		}
		.nav-tabs .nav-link {
				font-size: .875rem;
				padding: .4375rem .75rem;
		}
		.tool-wrap.fBalance {
				justify-content: space-around;
		}
		.fAnchor {
				width: 7.5rem;
				height: 7.5rem;
				margin-left: 0;
		}
		.sec-title {
				margin-bottom: 1rem;
		}
		.index-main-wrapper {
				flex-wrap: wrap;
				padding-top: 1.5rem;
		}
		.index-main-wrapper > div {
				width: 100%;
		}
		.index-news .nav[role="tablist"] {
				justify-content: flex-start;
		}
		.index-course {
				margin-bottom: 1.875rem;
		}
		/* e-learning add cart */

		.elearning-add-cart-main.web {
				display: none;
		}
		.elearning-add-cart-main.mobile {
				display: block;
		}
		.elearning-add-cart-main-wrapper .fBalance {
				flex-wrap: wrap;
				flex-direction: column-reverse;
		}
		.fix-bottom {
				width: 100%;
				background: #f6f6f6;
				bottom: 0;
		}
		.elearning-add-cart-main.mobile .btn-border {
				font-size: 14px;
				color: #014da4;
		}
		.step_panel>ul>li::after {
				width: 160px;
				left: -155px;
		}
		/* login */

		.login-main .col-lg-4 {
				max-width: 35%;
		}
		.registered .listCtx .label {
				width: 100%;
		}
		.registered .listCtx .ctx {
				width: 100%;
		}
		/* member info */

		.icon3 {
				display: inline-block;
				vertical-align: middle;
				width: 1.875rem;
				height: 1.875rem;
				background-image: url(../images/icon/adc-icon-4@3x.png);
				background-size: 3.75rem;
				margin: 5px 5px 2px;
		}
		.member .heroHead-anchor {
				position: absolute;
				top: -68px;
				right: 50%;
				transform: translateX(50%);
				width: 80%;
		}
		.member-reset-pw .privacy-main h3 {
				font-size: 22px;
		}
		.check {
				top: 40px;
		}
		.member .nav-tabs .nav-link {
				max-width: 68px;
				max-height: 68px;
				font-size: 12px;
				letter-spacing: 0.6px;
				padding: .5rem;
		}
		.m-info {
				background-position: 5.625rem 0;
		}
		.m-pw {
				background-position: 5.55rem 7.5rem;
		}
		.m-course {
				background-position: 5.55rem 5.65rem;
		}
		.m-search {
				background-position: 5.55rem 3.7rem;
		}
		.m-order {
				background-position: 5.55rem 1.8rem;
		}
		a.active .m-pw {
				background-position: 0 7.5rem;
		}
		a.active .m-course {
				background-position: 0 5.6rem;
		}
		a.active .m-search {
				background-position: 0 3.7rem;
		}
		a.active .m-order {
				background-position: 0 1.825rem;
		}
		.member .info table.web {
				display: none;
		}
		.member .info .mobile {
				display: block;
		}
		.member .info .mobile .contentList {
				margin: 0 auto;
				width: 100%;
		}
		.member .info .mobile .col-md-4,
		.member .info .mobile .col-md-8 {
				padding-right: 0;
				padding-left: 0;
		}
		.member .info .mobile th {
				background: #014da4;
				color: #fff;
				text-align: center;
				padding: 0px 15px;
		}
		.member .info .mobile tbody {
				padding: 0px 15px;
				border: 1px solid #e6e6e6;
		}
		.member .mobile .word-blue-score {
				width: auto;
		}
		.member .mobile .word-blue {
				text-align: left;
		}
		.member-search-filter {
				display: flex;
				justify-content: center;
				padding-top: 1.75rem;
				padding-bottom: 3.125rem;
				margin-bottom: 2.5rem;
		}
		.member-search .member-search-filter {
				padding-bottom: 1.75rem;
				margin-bottom: 0rem;
		}
		.member-search .member .info .mobile .contentList {
				margin-bottom: 20px;
		}
		.member-search-filter .form-group {
				flex-direction: column;
				align-items: flex-start;
				text-align: left;
				margin: 3px;
		}
		.member-search .btn-border {
				padding: 5px;
				margin-left: 5px;
				margin-top: 29px;
		}
		.member-search-filter i.arrow {
				top: 45px;
		}
		.member-order .privacy-main {
				width: 90vw;
		}
		.order-detail {
				margin-bottom: 6px;
		}
}

@media screen and (max-width: 767px) {
		h1,
		.h1 {
				font-size: 2.25rem;
				line-height: 2.5rem;
		}
		h2,
		.h2 {
				font-size: 1.25rem;
				line-height: 1.5rem;
		}
		h3,
		.h3 {
				font-size: 1.25rem;
				line-height: 1.5rem;
		}
		h4,
		.h4 {
				font-size: .875rem;
				line-height: 1rem;
		}
		h5,
		.h5 {
				font-size: 1rem;
				line-height: 1.5rem;
				font-weight: 700;
		}
		h6,
		.h6,
		p,
		.p {
				font-size: .875rem;
				line-height: 1.875rem;
				font-weight: 400;
		}
		h6 + h6,
		.h6 + .h6,
		p + p,
		.p + .p {
				margin-top: .8125rem;
		}
		.container-fluid,
		.container {
				padding-left: 1.25rem;
				padding-right: 1.25rem;
		}
		.breadcrumb {
				display: none;
		}
		#btnTop {
				width: 2.8125rem;
				height: 2.8125rem;
				right: 10px;
				bottom: 10px;
		}
		.sec-title {
				font-size: 1.25rem;
		}
		.sec-title::before {
				width: 1.5rem;
				height: 1.5rem;
				background-size: 3rem;
				margin-right: .3125rem;
		}
		.col-md-6 .class-item {
				padding: 0;
				margin: 0 auto 20px;
		}
		.footer-wrap {
				display: flex;
				flex-direction: column;
				padding-top: 1.25rem;
				padding-bottom: 2rem;
				font-size: .75rem;
		}
		.footer-ctx {
				order: 1;
		}
		.footer-info {
				flex-direction: column;
				align-items: flex-start;
				margin-bottom: 1.25rem;
		}
		.footer-info .label,
		.footer-info .ctx,
		.footer-ctx .ch,
		.footer-ctx .en {
				font-size: .75rem;
		}
		.footer-ctx .en {
				line-height: 1.125rem;
				margin-top: .9375rem;
		}
		.footer-ctx .ch a {
				margin-left: 0;
				display: block;
		}
		/* index */

		.slider-item .bg-wrapper {
				padding-bottom: 125%;
		}
		.index-main {
				padding-bottom: 3.375rem;
		}
		.index-hero.web {
				display: none;
		}
		.index-hero.mobile {
				display: block;
		}
		.nav-tabs .nav-link {
				font-size: .875rem;
				padding: 3px .8125rem;
		}
		.index-news .tab-content,
		.index-course-main {
				padding: 0 .9375rem;
		}
		.index-news .sec-title::before {
				background-position: 1.5rem -3rem;
		}
		.index-online-learning .sec-title::before {
				background-position: 1.5rem 0rem;
		}
		.news-list li:not(.list-head) {
				padding-top: .6875rem;
				padding-bottom: .6875rem;
		}
		.news-list li.topping::before {
				left: 0;
				top: 10px;
		}
		section:not(.news-main) .news-list .inline-row > div {
				padding-left: 0;
				padding-right: 0;
		}
		.news-list .inline-row > div {
				line-height: 1.5;
		}
		.news-list li.topping .date {
				padding-left: 1.875rem !important;
		}
		.news-list:not(.mbGrid) .date,
		.course-list .date {
				font-size: .75rem;
		}
		.news-list .title,
		.course-list .name {
				font-size: .875rem;
		}
		.news-list .title,
		.course-list .name {
				margin-top: .3125rem;
		}
		.more {
				font-size: .75rem;
		}
		.index-course .sec-title::before {
				background-position: 0 -3rem;
		}
		.course-list li:not(:first-child) {
				padding-top: .75rem;
				padding-bottom: .75rem;
		}
		.course-list li:not(:first-child) .inline-row {
				display: flex;
				flex-direction: column;
		}
		.course-list li:not(:first-child) .name {
				order: 1;
		}
		.journal-wrap {
				border-width: 3px;
				padding: 1.5rem 1.25rem 1.25rem;
		}
		.index-journal .sec-title::before {
				background-position: 0 -4.5rem;
		}
		.index-journal .info .title {
				margin-top: 1.5625rem;
				font-size: 1rem;
		}
		.index-journal .info ul li {
				padding: .25rem 0;
		}
		.index-journal .info ul li .ctx {
				font-size: .875rem;
				line-height: 1.25rem;
		}
		.index-journal .more-row {
				margin-top: 1.25rem;
		}
		/* e-learning */

		.cate10 .container-fluid {
				background-position: left top;
		}
		.e-learning .heroHead-anchor .nav-item {
				width: 55px;
				height: 30px;
				overflow: hidden;
		}
		.e-learning-filter {
				justify-content: center;
				padding-top: 6.25rem;
				padding-bottom: 1.25rem;
				margin-bottom: 3.125rem;
		}
		.e-learning-filter .form-group,
		.e-learning-filter .form-control,
		.e-learning-filter .form-control[type="text"] {
				max-width: 100%;
				width: 15rem !important;
		}
		/* e-learning add cart */

		.elearning-add-cart .hero-breadcrumb,
		.elearning-add-cart-main.mobile.separation {
				padding-top: 0;
		}
		.class-row .blue-border {
				padding: 3px 15px;
				font-size: 14px;
		}
		.class-row .flex-wrap li:nth-child(1) {
				margin-right: 10px;
		}
		.elearning-add-cart-main.mobile .classList {
				font-size: 14px;
				font-weight: normal;
				font-stretch: normal;
				font-style: normal;
				line-height: 2.14;
				letter-spacing: 0.35;
				padding-bottom: 30px;
		}
		.classList .group {
				width: auto;
		}
		.elearning-add-cart-main.mobile .listCtx {
				padding: 0;
		}
		.elearning-add-cart-main-wrapper .anchor-row {
				margin-top: 20px;
		}
		/* cart1 */

		.step_panel ul {
				margin: 0 auto;
				text-align: center;
				justify-content: space-around;
		}
		.step_panel>ul>li::after {
				width: 160px;
				left: -155px;
		}
		/* about */

		.hero-header {
				padding-top: 1.125rem;
		}
		.hero-header .container-fluid {
				background-size: 10.625rem;
				min-height: 13.125rem;
		}
		.hero-header .title .h1 {
				margin-bottom: .5rem;
		}
		.listCtx {
				padding-left: .625rem;
				padding-right: .625rem;
		}
		.articleCtx {
				padding-top: 1.875rem;
				padding-bottom: 5rem;
		}
		.listCtx .label {
				padding-top: 1.25rem;
				padding-bottom: 0;
				position: relative;
				border-top: 0;
		}
		section:not(.event-main) .listCtx .label::before,
		section:not(.event-main) .listCtx .label::after,
		.event-main .listCtx .ctx::before,
		.event-main .listCtx .ctx::after {
				content: '';
				display: inline-block;
				position: absolute;
				top: 0;
				height: 1px;
		}
		section:not(.event-main) .listCtx .label::before,
		.event-main .listCtx .ctx::before {
				width: 33.3333%;
				left: 0;
				background-color: #014da4;
		}
		section:not(.event-main) .listCtx .label::after,
		.event-main .listCtx .ctx::after {
				width: calc(66.6666% - 5px);
				right: 5px;
				background-color: #cecece;
		}
		.listCtx .ctx {
				padding-top: .5rem;
				padding-bottom: 1.25rem;
		}
		.memberList .title {
				padding-right: .625rem;
				width: 6.875rem;
		}
		.memberList:not(.noTitle) .group {
				padding-left: .625rem;
				padding-right: 0;
				width: calc(100% - 6.875rem);
		}
		.memberList.noTitle .title {
				display: none;
		}
		.memberList.noTitle .group {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
		}
		.note {
				font-size: .875rem;
		}
		.about-main .note {
				max-width: 100%;
				margin-top: .9375rem;
		}
		.about-main .note .to {
				padding-left: 3.75rem;
		}
		.about-main .note .date {
				text-align: center;
				margin-top: .3125rem;
		}
		/* message */

		.message .h1 {
				font-size: 1.875rem;
		}
		.message-main .note img {
				display: block;
				margin: 7px 0 7px auto;
				width: 8.75rem;
		}
		/* chapter */

		.chapter-main .noTitle .group span.name,
		.chapter-main .noTitle .group span.name span {
				display: block;
		}
		/* news */

		.listSet li.head {
				display: none;
		}
		.listSet:not(.mbGrid) li:nth-child(2) {
				border-top: 1px solid #014da4;
		}
		.news .articleCtx {
				padding-bottom: 5.625rem;
		}
		.news .news-list .date,
		.news .news-list .title {
				padding-left: 0;
				padding-right: 0;
		}
		nav[aria-label^="Page"] {
				margin-top: 1.875rem;
		}
		/* news_detail */

		.hero-breadcrumb {
				padding-bottom: 0;
		}
		.separation {
				padding-top: 1.875rem;
				padding-bottom: 5.625rem;
		}
		.hero-breadcrumb + .separation {
				padding-top: 0;
		}
		.dLayout {
				box-shadow: none;
				padding: 0;
		}
		.cart .dLayout {
				box-shadow: 0px 0 12px -2px rgba(26, 11, 18, 0.4);
				padding-bottom: 50px;
		}
		.dLayout .title-group {
				padding-left: .625rem;
				padding-right: .625rem;
		}
		.dLayout .date {
				font-size: .75rem;
				line-height: 1.5;
				padding-top: 1.5625rem;
				padding-bottom: 1.6875rem;
		}
		.dLayout .content {
				padding-top: 1.25rem;
				padding-bottom: .75rem;
		}
		.newsD-main .dLayout .content p,
		.dLayout .content .part {
				padding-left: .625rem;
				padding-right: .625rem;
		}
		.dLayout .content .part {
				padding-top: 1.25rem;
				padding-bottom: 1.25rem;
				font-size: .875rem;
				line-height: 1.875rem;
		}
		.content img + p,
		.content p + p,
		.content p + img,
		.content img + img {
				margin-top: .75rem;
		}
		.anchor-row {
				margin-top: 1.25rem;
		}
		.anchor-row a,
		.anchor-row a {
				font-size: .875rem;
				padding: .25rem 0;
				width: 11.25rem;
		}
		.empty::after,
		a.empty::after {
				border-width: 5px 0 5px 8.7px;
				margin-left: .375rem;
		}
		/* unionInfo */

		.union-list .label img {
				max-width: 34.75vw;
				margin: auto;
		}
		.union-list .info .no,
		.union-list .info .date {
				padding-left: .625rem;
				padding-bottom: .625rem;
		}
		.union-list .info .no {
				padding-top: .25rem;
				padding-bottom: .625rem;
		}
		.union-list .info .date {
				padding-top: .375rem;
				padding-bottom: 0;
		}
		.unionInfo-main .action-row .action:last-child {
				display: none;
		}
		.action-row {
				justify-content: center;
		}
		.action + .action {
				margin-left: .3125rem;
		}
		.action a {
				font-size: .875rem;
				width: 7.875rem;
				padding-top: 3px;
				padding-bottom: 3px;
		}
		.action a::before {
				top: 5px;
				width: 1.25rem;
				height: 1.25rem;
				background-size: 2.5rem;
		}
		.action a.download::before {
				background-position: 1.25rem -10rem;
		}
		.action a.read::before {
				background-position: 1.25rem -8.75rem;
		}
		/* jds */

		.twiceGrid .container-fluid {
				flex-direction: column;
		}
		.fixedAnchor {
				order: -1;
				padding-bottom: 1.875rem;
		}
		.fixedAnchor .wrapper {
				display: flex;
				justify-content: center;
		}
		.fixedAnchor .fAnchor + .fAnchor {
				margin-left: 1.25rem;
		}
		/* jds_detail */

		.title-group.listSet {
				padding-bottom: .875rem;
		}
		.title-group.listSet .date {
				font-size: .75rem;
				line-height: 1.5;
				margin-top: .9375rem;
		}
		.mbGrid .view > a.download {
				display: none;
		}
		.mbGrid li {
				border: 0 !important;
				padding: .625rem 1rem;
		}
		.mbGrid li:nth-child(even) {
				background-color: #ededed;
		}
		.mbGrid .inline-row div {
				font-size: .875rem;
		}
		.mbGrid .inline-row div::before {
				content: attr(data-head);
				display: block;
				color: #014da4;
				font-size: .875rem;
				font-weight: 700;
				margin-bottom: .40625rem;
		}
		.mbGrid .inline-row div + div {
				margin-top: .78125rem;
		}
		.mbGrid.news-list .inline-row > div:not(.view) {
				text-align: left;
		}
		.mbGrid.news-list .inline-row .view .action-row {
				text-align: center;
		}
		.mbGrid.news-list .action a {
				margin-top: 0;
		}
		/* jds_guide */

		.jdsG-main .dLayout .date {
				padding-top: 0
		}
		.jdsG .part > em {
				text-align: left;
		}
		/* course */

		.cate4 .container-fluid {
				background-position: left top;
		}
		.course-filter {
				justify-content: center;
				padding-top: 6.25rem;
				padding-bottom: 1.25rem;
				margin-bottom: 3.125rem;
		}
		.course-filter .form-inline,
		.course-filter .form-group-date {
				flex-flow: column;
		}
		.course-filter .form-group {
				margin-bottom: 1rem;
		}
		.course-filter .form-group,
		.course-filter .form-control,
		.course-filter .form-control[type="text"] {
				max-width: 100%;
				width: 15rem !important;
		}
		.form-control {
				height: 2.5rem;
				line-height: 2.5rem;
				font-size: 1rem;
		}
		input[type="submit"].search,
		input[type="date"]:before {
				width: 1.5rem;
				height: 1.5rem;
				background-size: 3rem !important;
		}
		input[type="submit"].search {
				background-position: 0 -13.5rem;
		}
		input[type="date"]:before {
				background-position: 0 -10.5rem;
		}
		.course-filter .form-group-date .form-group:last-child::before {
				content: '';
				display: inline-block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 7px 0 7px 12.1px;
				border-color: transparent transparent transparent #999;
				margin-left: 8px;
				margin-right: 4px;
				top: 50%;
				transform: translateY(-50%);
		}
		.course-filter .form-group-date .form-group:last-child {
				flex-direction: row;
				align-items: center;
				/* margin-top: .625rem; */
		}
		.course-filter .form-group-date .form-group:last-child input {
				width: 13.125rem !important;
				display: inline-block;
		}
		.course .nav-tabs {
				flex-wrap: nowrap;
		}
		/* course_detail */

		.courseD-main .dLayout .date {
				padding-bottom: .625rem;
		}
		.score-type {
				display: block;
				margin-left: 0;
		}
		.score-type .type + .type {
				margin-left: 0;
				margin-top: .3125rem;
		}
		.score-type .type {
				font-size: .875rem;
				padding: 0 .8125rem;
		}
		/* course_credit */

		.courseCredit-main h3 {
				padding-bottom: 1.875rem;
		}
		.courseCredit .inline-row .label span.h2 {
				font-size: 1.875rem;
		}
		/* convention */

		.convention .news-list div.title {
				font-size: 1rem;
		}
		/* dictionary */

		.dictionary-main .fixedAnchor {
				order: 0;
				padding-top: 1.875rem;
		}
		.dictionary .leftList .result {
				margin-top: 1.875rem;
				margin-bottom: 1rem;
				text-align: left;
		}
		.listSet .head .h5 {
				padding-top: .1875rem;
				padding-bottom: .1875rem;
		}
		.dictionary-main .listSet li.head {
				display: block;
				border-bottom: 0;
		}
		.dictionary li:not(.head) .inline-row > div {
				font-size: .875rem;
				line-height: 1.375rem;
		}
		.dictionary .news-list .inline-row > div {
				display: inline-block;
		}
		.dictionary .news-list .english {
				width: 41.0714%;
		}
		.dictionary .news-list .chinese {
				width: calc(58.5714% - 5px);
		}
		.modal-body {
				padding: 3.125rem 1.25rem .5rem;
		}
		#feedbackModal .form-group + .form-group {
				margin-top: .625rem;
		}
		#feedbackModal .form-group label {
				width: auto;
				display: block;
				text-align: left;
		}
		#feedbackModal .form-control {
				width: 100%;
		}
		/* event */

		.event-main .listCtx {
				padding-left: 0;
				padding-right: 0;
		}
		.event-main .listCtx::before,
		.event-main .listCtx::after {
				display: none;
		}
		.event-main .listCtx li {
				/* border-bottom: 1px solid #014da4; */
		}
		.event-main .inline-row {
				display: flex;
				flex-direction: column;
		}
		.event-main .inline-row .label {
				order: 1;
				border-top: 0;
				padding-bottom: 1.25rem;
				padding-top: .625rem;
		}
		.event-main .inline-row .ctx {
				padding-bottom: .625rem;
				padding-top: 1.25rem;
		}
		.event-main .inline-row .ctx .thumbnail {
				margin: auto;
		}
		.event-main .inline-row .ctx .thumbnail img {
				max-width: 11.25rem;
				width: 100%;
		}
		.event .listCtx .label .date,
		.organizer {
				font-size: .75rem;
		}
		.event .listCtx .label .date {
				margin: .3125rem 0;
		}
		.event .organizer-group {
				flex-flow: row wrap;
				align-items: flex-start;
		}
		.organizer:first-child {
				margin-top: .3125rem;
		}
		.organizer {
				margin-right: .3125rem;
				line-height: 1.125rem;
		}
		.organizer + .organizer {
				margin-left: 0;
		}
		/* event_detail */

		.eventD .organizer-group {
				text-align: left;
				margin-top: .4375rem;
		}
		.eventD .dLayout .date {
				padding-top: .625rem;
				padding-bottom: .625rem;
		}
		.eventD .dLayout .content {
				padding-left: .625rem;
				padding-right: .625rem;
		}
		.eventD .eventDslider {
				padding-left: .3125rem;
				padding-right: .3125rem;
				margin-bottom: .75rem;
		}
		.slider-for .slick-arrow {
				width: 1.875rem;
				height: 1.875rem;
				background-size: contain;
		}
		.slider-for .slick-prev {
				left: -26px;
		}
		.slider-for .slick-next {
				right: -26px;
		}
		.slider-nav {
				margin-top: .625rem;
		}
		.slideThumbnail + .slideThumbnail .bg-wrapper {
				margin-left: 2px;
		}
		/* related_links */

		.links-group + .links-group {
				margin-top: 1.875rem;
		}
		.listSet .link-list li:nth-child(2) {
				border-top: 0;
		}
		.link-list li,
		.news-list li:not(.head) {
				padding: .5rem .625rem;
				font-size: .875rem;
		}
		.links-group .head .h5 {
				width: 5.625rem;
		}
		.links-group .inline-row::after {
				border-width: 0 7px 12.1px 7px;
		}
		.links-group .inline-row[aria-expanded="true"]::after {
				border-width: 12.1px 7px 0 7px;
		}
		#fixedNav {
				z-index: 99;
		}
		/* login */

		.login-main .col-lg-4 {
				max-width: 90%;
				margin: 0 auto;
		}
		.login-left {
				padding: 30px 0;
		}
		.login-right .banner-pic {
				display: none;
		}
		.privacy-main {
				width: 90vw;
				padding: 0;
		}
		/* member info */

		.member .heroHead-anchor {
				position: absolute;
				top: -160px;
				right: 50%;
				transform: translateX(57%);
				width: 61%;
		}
		.member-search .member .info {
				margin-top: 0;
		}
		.member .info {
				margin-top: 150px;
		}
		.member .info label {
				font-size: 14px;
		}
		.member .info .form-control {
				width: 100%;
		}
		.member .nav-tabs {
				justify-content: start;
		}
		.member .nav-tabs .nav-item + .nav-item {
				margin-left: 0;
		}
		.member .nav-tabs .nav-item {
				margin-bottom: 5px;
				margin-right: 3px;
		}
		.member-reset-pw .privacy-main {
				max-width: 300px;
				max-height: 180px;
				margin: 200px auto;
				padding: 30px;
		}
		.member .heroHead-anchor {
				position: absolute;
				top: -160px;
				right: 50%;
				transform: translateX(60%);
				width: 61%;
		}
		.member nav .pagination {
				margin: 0px;
		}
		.member-course .member .info-notice {
				margin-top: 60px;
		}
		.member-course .dLayout,
		.member-order .dLayout,
		.member-info-not-student .dLayout,
		.member-info .dLayout,
		.member-reset-pw .dLayout,
		.member-search .dLayout {
				box-shadow: none;
				padding: 0;
				margin: 0 -20px;
				padding: 0 15px;
		}
		.member-search .dLayout {
				padding-bottom: 30px;
				margin-bottom: 140px;
				bottom: -150px;
		}
		.member-search .anchor-back-row {
				bottom: -43px;
				position: relative;
		}
		.member-search .member .member-search-filter .arrow-input {
				margin-top: 29px;
		}
		.member-info .anchor-back-row {
				margin-top: 2rem;
		}
		.privacy-main {
				width: 90vw;
				padding: 25px 0;
		}

		.tooltip-group {
			margin-left: 0;
			display: flex;
			margin-top: .25rem;
		}
}

@media screen and (max-width: 575.98px) {
		/* cart1 */

		.step_panel {
				padding: 70px;
		}
		.step_panel>ul>li::after {
				width: 100px;
				left: -95px;
		}
		tbody tr td:first-child {
				font-size: 16px;
				line-height: 1.5;
				letter-spacing: 0.4px;
		}
		/* cart2 */

		.info .form-control {
				width: 65%;
		}
		/* cart3 */

		tbody tr td.number,
		tbody tr td.total,
		.cart-main .contentList li {
				font-size: 14px;
				font-weight: normal;
				line-height: 2.14;
				letter-spacing: 0.35px;
		}
		tbody tr td.total span {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.2;
				letter-spacing: normal;
		}
		.member-reset-pw .privacy-main h3 {
				font-size: 20px;
		}
		.member-order .member tbody td,
		.member-order .info .mobile .date {
				padding-left: 5px;
				word-break: break-all;
		}
		.member-order .member .info .mobile th {
				padding: 0px 8px;
		}
		.member-order .privacy-main .info label {
				max-width: 100px;
				width: 35%;
				padding: 9px 0px 9px 20px;
		}
}

@media screen and (max-width: 505px) {
		/* member info */

		.member .heroHead-anchor {
				bottom: 3710px;
				right: 50%;
				transform: translateX(58%);
				width: 70%;
		}
		.member-search-filter .form-group-date {
				display: block;
				align-items: center;
		}
		.member-search .member .member-search-filter .arrow-input {
				margin-top: 15px;
		}
		.member-search .btn-border {
				position: absolute;
				margin-top: 88px;
		}
		.member-search .dLayout {
				margin-bottom: 180px;
		}
		.member-search .anchor-back-row {
				bottom: 0;
		}
		.member-search .anchor-back-row a {
				margin-top: 0;
		}
		.member-search-filter .form-control.normal-input:not([type="text"]) {
				width: 15rem;
		}
		.member-search-filter i.arrow {
				top: 15px;
		}
		.member-search .info h4.title {
				font-size: 20px;
				line-height: 1.2;
				margin: 10px;
		}
}

@media screen and (max-width: 478px) {
		.member .heroHead-anchor {
				position: absolute;
				top: -160px;
				right: 50%;
				transform: translateX(58%);
				width: 70%;
		}
		.chart-center {
				font-size: 24px;
		}
}

@media screen and (max-width: 405px) {
		.member .heroHead-anchor {
				top: -158px;
				transform: translateX(53%);
				width: 80%;
		}
		.cart-main .step_panel li div {
				font-size: 14px;
		}
}

@media screen and (max-width: 394px) {
		/* member info */

		.member .heroHead-anchor {
				transform: translateX(51%);
				width: 82%;
		}
}

@media screen and (max-width: 370px) {
		.chart-center {
				transform: translate(-50%, calc(-50% - 25px));
				font-size: 20px;
		}
}

@media screen and (max-width: 345px) {
		/* member info */

		.member .heroHead-anchor {
				transform: translateX(51%);
				width: 90%;
		}
}

mark {
		background: orange;
		color: black;
}

.container p {
		word-break: break-all;
}

.navbar-nav.en {
		margin-left: 4rem;
}

.navbar-nav.en li {
		padding-right: 4rem;
}

#gskeyword,
#gskeywordMB {
		color: white;
}

#gskeywordMB {
		height: 2rem;
}

.gsc-wrapper {
		text-align: left;
}

.jchart {
		width: 100%;
		padding: 0 20px;
}

label.error {
		color: red;
}