@font-face {
  font-display: swap;
}
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900);

body p {
  margin-bottom: 0;
}

:root {
--page-max-width: 980px;
--ec-bg-dark: #000000;
--ec-bg-light: #f5f5f7;
--ec-text-main: #1d1d1f;
--ec-text-light: #f5f5f7;
--ec-accent-blue: #0071e3;
--ec-line-green: #449d44;
--ec-secondary: #888;
--font-sans: system-ui, BlinkMacSystemFont, 'Noto Sans TC','微軟正黑體', '蘋方', sans-serif;
--line-height-tight: 1.08;
--radius-card: 18px;
--shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.35);
--shadow-sm: 0 5px 10px rgba(0, 0, 0, 0.35);
}

*, *::before, *::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
.LinkTxtNO {
  text-decoration: none;
  color: currentColor;
}
.FontSerif {
  font-family: 'Noto Serif TC', serif !important;
}
.FontBold {
  font-family: 'Noto Sans CJK TC Black', Helvetica !important;
}

.FontTopic {
  font-size: 2em;
  font-weight: 800;
  margin-bottom: 10px;
  line-height: 1.3em;
  letter-spacing: 1px;
}
.FontSubContent {
  font-size: 1em;
  color: #EBEBEB;
  letter-spacing: 1px;
}

.linen-color{color:#d4b695; }

.HdBkZone {
  background-color: rgba(255, 255, 255, 1.0);
  background-size: cover;
  background-position: center top;
}
.HdBkPic {
  background-image: url("../images/client/course/3d/3d_hdbk_l-2024novs.jpg")
}
.HdBkPic02 {
  background-image: url("../images/client/course/3d/3d_hdbk_l-2024nov02.png");
}
.HdBkVd {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.Hd3DBoxLg {
  padding: 70px 0px 20px 25px;
}
.Hd3DLgTopic {
  font-family: 'Noto Serif TC', serif !important;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.1em;
  white-space: nowrap;
  color: #fff;
}
/* Hero */
.ec-hero{
	padding: 38% 0 5% 0;
	margin: 0 auto;
	color: var(--ec-text-light);
	text-align: center;
}

.ec-eyebrow {
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	opacity: 0.7;
}
.ec-title {
	font-size: clamp(1.9rem, 4.5vw, 3.1rem);
	line-height: var(--line-height-tight);
	font-weight: 700;
	letter-spacing: -0.03em;
	margin-bottom: 0.75rem;
}
.ec-subtitle {
	font-size: clamp(1.05rem, 2.1vw, 1.35rem);
	line-height: 1.45;
	max-width: 46rem;
	margin-bottom: 1.4rem;
}
.ec-kicker {
	font-size: 0.95rem;
	opacity: 0.9;
	max-width: 32rem;
}
.ec-hero-title {
	font-size: clamp(2.8rem, 6vw, 5.8rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	margin-bottom: 0.5rem;
}
.ec-hero-subtitle {
	font-size: clamp(1em, 2.3vw, 1.5em);
	line-height: 1.2em;
	letter-spacing: 1px;
	opacity: 0.7;
	/*margin-bottom: 0.75rem;*/
}

.ec-hero-tagline {
	font-size: 0.95rem;
	opacity: 0.9;
	margin-bottom: 1.4rem;
}
.ec-pill-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}
.ec-pill {
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	border: 1px solid rgba(245, 245, 247, 0.16);
	font-size: 1rem;
	backdrop-filter: blur(16px);
	white-space: nowrap;
}
.ec-hero-Bkshap{width: 100%; height:clamp(50px, 20vw, 165px); position: absolute; bottom: 0; background-repeat:no-repeat; background-image:url("../images/client/course/character/curved_shape_bk.png"); background-size:cover;text-align: center; background-position: center bottom;}
/* Hero */

/* Buttons（延伸 Bootstrap btn） */

.btn-ec-primary {
	background-color: var(--ec-accent-blue);
	border-color: var(--ec-accent-blue);
	color: #fff;
	border-radius: 999px;
	padding-inline: 1.25rem;
	font-weight: 500;
}
.btn-ec-primary:hover {
	background-color: #0077ed;
	border-color: #0077ed;
	color: #fff;
	transform: translateY(-1px);
}
.btn-ec-green {
	background-color: var(--ec-line-green);
	border-color: var(--ec-line-green);
	color: #fff;
	border-radius: 999px;
	padding-inline: 1.25rem;
	font-weight: 500;
}
.btn-ec-green:hover {
	background-color: #398439;
	border-color: #398439;
	color: #fff;
	transform: translateY(-1px);
}
.btn-ec-ghost {
	border-radius: 999px;
	padding-inline: 1.25rem;
	color: var(--ec-secondary);
	border-color: transparent;
	background-color: transparent;
}
.btn-ec-ghost:hover {
	background-color: rgba(0, 113, 227, 0.08);
	color: var(--ec-text-light);
}

/* Buttons（延伸 Bootstrap btn） */

.ec-section {
	padding: 30px 0;
}
.ec-section-dark {
	background-color: var(--ec-bg-dark);
	color: var(--ec-text-light);
}
.ec-section-light {
	background-color: var(--ec-bg-light);
	color: var(--ec-text-main);
}
.ec-section-white {
	background-color: #ffffff;
	color: var(--ec-text-main);
}
.ec-container-narrow {
	margin: 0 auto;
}
.ec-hdtitile{font-size: 1.5em;}
.ec-card {
	border-radius: var(--radius-card);
	padding: 1.25rem 1.1rem;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*margin: 0px 0 10px 0;*/
}
.ec-section-dark .ec-card {
	background: linear-gradient(180deg, #1a1a1f, #050507);
	color: var(--ec-text-light);
	border-color: rgba(255, 255, 255, 0.06);
}
/*.ec-card:hover {
	box-shadow: var(--shadow-sm);
	transform: translateY(-4px);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}*/
.ec-card-title {
	font-size: clamp(1.1em, 2.3vw, 1.2em);
	font-weight: 600;
}
.ec-card-text {
	font-size: 1em;
	line-height: 1.55;
	opacity: 0.92;
}


/* 小清單 */


/* Arrow buttons */
.owl-theme .owl-controls .owl-nav [class*=owl-]  {
	margin-top: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .6rem;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]  {
	width: 38px;
	height: 38px;
	color:#ffffff;
	border-radius: 999px;
	background: #000000;
	border: 1px solid rgba(0,0,0,0.15);
	font-size: 1.3rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/*CourseList*/
.CourseList > div.owl-stage-outer > div {left:-60px;}
.CourseList > div.owl-controls {  margin-right: 60px; /* margin-right: 15%; text-align: right;*/ }
/*課程卡片樣式*/
.CourseList .ec-card {
  position: relative; /* 給右下角 + 按鈕用，原本如果有就一樣 */
	padding: 0px;
}

/* 卡片內部：直向排列，上文下圖 */
.CourseList .ec-card-inner {
  display: flex;
  flex-direction: column;
  width: 100%;

  /* 卡片整體的高度區間：最矮 260px，最大 360px，中間跟著螢幕變化 */
  min-height: clamp(260px, 55vw, 360px);
  padding: 0px;
}

/* 文字區在最上方，撐掉中間空間 */
.CourseList .ec-card-text {
  padding: clamp(20px, 3vw, 30px); /* 內邊距也用區間寫法 */
	padding-bottom: 0px;
  flex: 1 1 auto;        /* 吃掉可用高度，讓圖片被推到底 */
}

/* 圖片區：固定高度 + 貼底 */
.CourseList .ec-card-img {
  margin-top: auto;                        
  height: clamp(140px, 40vw, 220px);        /* 圖片高度區間，可依你版面調整 */

  display: flex;
  align-items: flex-end;
}

/* 圖片本身：等比例縮放 */
.CourseList .ec-card-img img {
  width: 100%;
  height: 100%;
  object-fit:cover;
	object-position: center top;
  display: block;
	border-bottom-right-radius:var(--radius-card);
	border-bottom-left-radius:var(--radius-card);
}

/*卡片按鈕*/
.CourseList .ec-card {
  position: relative;
}

.CourseList .ec-card-btn {
  position: absolute;

  /* 位置與大小，完全用 clamp 控制 */
  right:  clamp(8px, 3vw, 20px);
  bottom: clamp(8px, 3vw, 20px);

  /*width:  clamp(36px, 4vw, 48px);*/
  height: clamp(36px, 4vw, 48px);
  font-size: clamp(20px, 4vw, 28px);

  border-radius: 50%;
  border: none;
	line-height: 1em;
  
  background: #000000f0;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  transition: .25s ease;
}

.CourseList .ec-card-btn:hover {
  background: #333;
}

/*結束卡片按鈕*/
.bg-colorgdt{
background-color: #79C0F6;
/*background: linear-gradient(to right,  rgba(255,123,172,1) 0%,rgba(0,255,255,0.8) 100%);*/
	}
.BkPic_Blender02{ 
		background-image:url("../images/client/course/3d/3D_back_003s.jpg");
	}

/*課程內頁*/

.modal-bottom-cstitle{ position: absolute; bottom:-15px; right:5%; }
.modal-bottom-cstitle .Cs-subTL{background-color: #79C0F6; padding: 5px 8px;}
.syllabus{ padding:20px; position: relative;}

.syllabus h4{
  font-weight: 400; letter-spacing: .02em;
}
.syllabus ul{ padding-left: 1.15rem; margin-bottom: .75rem; }
.syllabus li{ margin: .2rem 0; }

/* 深色主題 */
.theme-dark{
  background:#0b1118; color:#d7e6ff;
}
.theme-dark .modal-header{ border-bottom:1px solid #79C0F6; }
.theme-dark .modal-title{ color:#d7e6ff; }
.theme-dark .btn-close{ filter: invert(1); opacity:.85; }
.theme-dark .btn-close:hover{ opacity:1; }
.theme-dark .modal-title-img{ width: 100%; max-width: 260px; }
.theme-dark .modal-bottom-cstitle .Cs-subTL{ color:#000; }
.theme-dark .syllabus h4{ color:#79C0F6; }
.theme-dark .syllabus li{ color:#cfe5ff; }

/* 反白主題 */
.theme-light{
  background:#fff; color:#1f2937;
}
.theme-light .modal-header{ border-bottom:1px solid #79C0F6;  }
.theme-light .modal-title{ color:#374151; }
.theme-light .modal-title-img{ width: 100%; max-width: 260px;  }
.theme-light .modal-bottom-cstitle .Cs-subTL{ color:#fff; }
.theme-light .syllabus h4{ color:#1f9dfc; }
.theme-light .syllabus li{ color:#374151; }

/* 讓 header 的圖與文字保持你要的布局 */
.modal-header.d-flex{ padding: 1rem 1rem 0; }
/*END課程內頁*/
/* 摺疊區塊 */
.btn-open {
  color: #007dd1;
  padding: 5px 20px;
  margin-top: 15px;
  letter-spacing: 1px;
  border-radius: 0px;
  border: 0.5px solid #007dd1;
}
.btn-open2 {
  background-color: #720D0E;
  border: 0.5px solid #720D0E;
  border-radius: 0px;
  padding: 3px 20px;
  margin-top: 15px;
}
.btn-open-w {
	color:#fff;
  border: 0.5px solid #fff;
  border-radius: 0px;
  padding: 3px 20px;
  margin-top: 15px;
}
.Wsp_ConTL {
  font-size: 1em;
  padding: 0px;
  border: 0px solid #720D0E;
}
.Wsp_ConSub {
  color: #ffffff;
  background-color: #720D0E;
  padding: 3px 15px;
  letter-spacing: 1.5px;
}
.LSpace_none {
  letter-spacing: -1px;
}
.Wsp_ConBt {
  text-align: right;
  padding: 15px 0 35px 0;
  border-bottom: 0.5px solid #ccc;
}
.btn-Wsp_ConBt {
  padding: 3px 20px;
}
.Wsp_Con_text-container {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制顯示的行數 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: max-height 0.5s ease; /* 添加過渡效果 */
}

.Wsp_Con_text-container[data-lines="5"] {   /* 覆寫：只有需要特別行數的加 data-lines */
  -webkit-line-clamp: 5;
}
.Wsp_Con_text-container.expanded {
  -webkit-line-clamp: unset; /* 移除行數限制，顯示完整文本 */
}
.Wsp_Con_text-wrapper {
  margin-bottom: 10px; /* 每個區塊之間的距離 */
}

.CardDark{padding: 20px; background-color:#0b2131b3; color:#fff;}

.CardDark > div > div > h3.ec-card-title {color:#68e6d0;}
.CardDark > div > div > h3.ec-card-title > small { color:#fff;}

.UniList .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 1.2em;
  margin: 5px;
  padding: 4px 13px;
  background: #000;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
	align-content: center;
}


/* END摺疊區塊 */

.Alumni_TxtBox02 {
	color:#333;
	margin: 5px;
  border:1px solid #000000;
  border-bottom: 6px solid #000000; /* 粗下框線，可自訂顏色 */
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.05);
  height: 100%; /* 保證與 Bootstrap .h-100 配合一致高度 */
}
.Alumni_TxtBox02 > a { color:#333} 
/* Hover 效果 */
.Alumni_TxtBox02:hover {
  transform: translateY(-3px);
  background-color: rgba(243,219,240,0.1);
  cursor: pointer;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(to right, #d16ba5, #86a8e7); /* 自訂漸層色 */
}
.Alumni_TxtBox02_subtxt{ font-size:0.8em; }
	
.Alumni_BtBox02{
	background: linear-gradient(to right,  rgba(255,123,172,1) 0%,rgba(0,255,255,0.8) 100%);
  padding: 20px;
  display: block;
  color: #000;
  font-weight: 700;
  letter-spacing: 1px;
	}
	.Alumni_TxtBox02:hover > div:nth-child(2) > a > span.Alumni_BtBox02{
	color:#fff;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	background: linear-gradient(to right,rgba(0,255,255,0.8) 0%,rgba(255,123,172,1) 100%);
	}



/*END st*/
/*老師區塊*/
.teacherBox {
  padding: 5px 5px;
  margin-bottom: 20px;
}
.teacherBoxPIC {
  box-shadow: 8px 10px 0px rgba(230,186,125,0.5);
  padding: 5px;
  border: 2px solid #d6b680;
  border-radius: 1000px;
  margin-top: 5px;
  width: 100%
}
.teacherBox:hover {
  transform: scale(1.02);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#TeacherList > div > div.owl-controls > div.owl-dots {
  margin-top: -32px;
}
#TeacherList > div > div.owl-controls > div.owl-nav > div.owl-prev {
  margin-right: 65% !important;
}
#TeacherList > .owl-theme .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 1.2em;
  margin: 5px;
  padding: 4px 13px;
  background: #d6b680;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
	align-content: center;
}

.btn-outline-gold {
    --bs-btn-color: #d6b680;
    --bs-btn-border-color: #d6b680;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d6b680;
    --bs-btn-hover-border-color: #d6b680;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d6b680;
    --bs-btn-active-border-color: #d6b680;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #d6b680;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #d6b680;
    --bs-gradient: none;
}

/*學員職人*/
/*課程大綱區塊*/
.PdSk_CsSdPic{width:30vw; min-width: 95px; max-width: 180px; background-color: #EBEBEB; height:230px;border-radius: 12px; object-fit:cover; overflow: hidden;margin:2px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); object-position:50% 50%; }
.PdSk_CsSdPic > img { object-position:center; object-fit:cover;height:100%; width:auto; }
.PdSk_CsWdArea{margin-left: 10px; font-size: 1em; margin-right: 10px;border-bottom: 0px solid #0ea985;width:70vw;}
.PdSk_CsWdTp{font-size: 1.1em; font-weight: 800; margin-bottom:10px; line-height: 1.3em;}
.PdSk_CsWdCont{font-size:0.7em; padding-bottom:8px; letter-spacing: 0.05em;line-height: 1.5em; margin-top: 8px; color:#463742;}

#PdSk_CSListArea > div > div.owl-controls {text-align:center; /*display:inline-block;*/}
#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav [class*=owl-] {
	color: #fff;
    font-size:initial;
    margin: 5px;
    padding: 10px 13px;
	line-height: 1em;
    background: #000;
    display: inline-block !important;
    cursor: pointer;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    border: 1px solid #000;
	display: inline-block;
	aspect-ratio: 1/1;
}
#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background:transparent;
    color: #000 ;
    text-decoration: none;
	display: inline-block;
}

/*#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav .disabled {
    opacity: 0;
    cursor: default;
	display: inline-block;
}*/
/*#PdSk_CSListArea > div > div.owl-controls > div.owl-nav > div.owl-prev.disabled {display: none !important;}
#PdSk_CSListArea > div > div.owl-controls > div.owl-nav > div.owl-next.disabled{display: none !important;}
*//*學員職人*/

/*QA*/

.LightDisc > li {
	margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #d8cada;
}
.LightDisc > li::marker {
	color:#d8cada;
} 
ul.mb-3.LightDisc {	padding-left: 1.5rem; 
 }
/* ===============================
   Accordion 外框：一整塊大卡片
================================ */
.accordion{
  border-radius: 14px;
  overflow: hidden;
  background-color: #DADBF1;
  box-shadow: none;
}

/* ===============================
   每一列 item：不要各自圓角 / 不要間距
================================ */
.accordion-item{
  border: 0;
  border-radius: 0;
  margin: 0;                  /* 關鍵：不要 item 間距 */
  background-color: transparent;
  box-shadow: none;
}

/* 內部分隔線（只有中間有線） */
.accordion-item + .accordion-item{
  border-top: 1px solid #8A8FE3;  /* 關鍵：改成 top 線，像清單分隔 */
}

/* ===============================
   標題按鈕（收合/展開同色系）
================================ */
.accordion-button{
  background-color: #DADBF1;
  color: #1B13A5;
  font-weight: 600;
  padding: 18px 22px;
  border: none;
  box-shadow: none !important;
  font-size: 1.2rem;
  letter-spacing: 0.3px;
  transition: background-color .25s ease, color .25s ease;
}

/* 收合狀態 */
.accordion-button.collapsed{
  background-color: #DADBF1;
  color: #1B13A5;
}

/* Hover */
.accordion-button:hover{
  background-color: #E6E7F7;
  color: #1B13A5;
}

/* 展開狀態（仍維持同底色，只做微差） */
.accordion-button:not(.collapsed){
  background-color: #DADBF1;
  color: #1B13A5;
}

/* 移除 focus 外框 */
.accordion-button:focus{
  box-shadow: none !important;
}

/* ===============================
   內容區
================================ */
.accordion-body{
  background-color: #ffffff;
  color: #2b2b2b;
  padding: 20px 24px;
  line-height: 1.7;
  font-size: 1.05em;
}

/* ===============================
   箭頭顏色（深藍）
================================ */
.accordion-button::after{
  filter: invert(12%) sepia(85%) saturate(4500%) hue-rotate(235deg);
  opacity: 1;
}

/* （可選）讓按鈕左右邊不要有 Bootstrap 預設圓角感 */
.accordion-button{
  border-radius: 0 !important;
}


/*我們的特色*/
.EC_SplPic{width:100% ; min-width: 95px; background-color: #EBEBEB; height: clamp(80px, 10vw, 180px);border-radius: 12px; object-fit:cover; overflow: hidden;margin:2px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); object-position:50% 50%;  margin-bottom: 10px; border:1.5px solid #CCC;box-shadow: 0 2px 10px rgba(0,0,0,0.35); /* 高質感陰影 */ }
.EC_SplPic > img { object-position:center; object-fit:cover;height:100%; width:auto; }
.EC_SplWd{ font-size: 1.1em; line-height: 1.05em; letter-spacing: 2px; margin-bottom: 20px; color:#fff; font-weight:500;}

.Vd_Student {
  width: 100%;
  height:280px;
}

.ServiceBox{ padding: 0 10px 0 20px;  border-left: 1px solid #9aa8e8; }
.S-num{ font-size: 3em; font-weight: 300; color:#9aa8e8; padding-right: 15px;}
.S-title {font-weight: 800; font-size: 1.2em; color:#eca243; }

@media (min-width: 480px) and (max-width: 767px) {
.Hd3DBoxLg { padding: 150px 0px 0px 80px;}
.Hd3DLgTopic { font-size: 3em;}
}
@media (min-width: 768px) and (max-width: 979px) {
.Hd3DBoxLg { padding: 55px 0px 0px 80px;}
.Hd3DLgTopic { font-size: 3em;}
.ec-hero{ padding: 10% 0 5%;}
.ec-hdtitile{font-size: 2.5em;}
.Vd_Student {height:380px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
.Hd3DBoxLg { padding: 40px 0px 0px 160px;}
.Hd3DLgTopic { font-size: 5em;}	
.ec-hero{ padding: 15% 0 5%;}
.ec-hdtitile{font-size: 2.5em;}
.Vd_Student {height:400px;}
.h-lg-100 {height: 100% !important; }
}
@media (min-width: 1200px) {
.FontTopic {font-size: 2.2em;}
.FontSubContent {font-size: 1.2em;}
.Hd3DBoxLg { padding: 80px 0px 0px 260px;}
.Hd3DLgTopic { font-size: 5em;}
.ec-hero{ padding: 20% 0 5%;}
#PdSk_CSListArea > div > div.owl-controls {text-align:center;}
.ec-hdtitile{font-size: 2.5em;}
.Vd_Student {height:420px;}
.h-lg-100 {height: 100% !important; }
.ec-section { padding: 3% 0;}
}
@media (min-width: 1400px) {
.FontTopic {font-size: 2.5em;}
.FontSubContent {font-size: 1.2em;}
.Hd3DBoxLg {padding: 130px 0px 0px 260px;}
.Hd3DLgTopic {font-size: 5em; }
.ec-hero{ padding: 20% 0 5%;}
#PdSk_CSListArea > div > div.owl-controls {text-align:center; }
.PdSk_CsWdTp{font-size: 1.2em;}
.ec-hdtitile{font-size: 2.5em;}
.Vd_Student {height:480px;}
.h-lg-100 {height: 100% !important; }
.ec-section { padding: 3% 0;}
}
@media (min-width: 1600px) {
.Hd3DBoxLg {padding: 190px 0px 0px 300px; }
.Hd3DLgTopic { font-size: 6em;}
.ec-hero{ padding: 20% 0 5%;}
.ec-hdtitile{font-size: 2.5em;}
.Vd_Student {height:550px;}
.h-lg-100 {height: 100% !important; }
}