@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;
}

.HeadWord01{
	color: #FFFFFF;
	font-size: 3em;
	font-weight: 800;
	}
.MainBk01{ 
background-color:#000; color:#fff; 
line-height: 1.5em;
padding: 3.5% 0 15% 0;
background-size: cover;
background-position: center center;
background-image: url(../images/client/course/zbrush/IP22001s.jpg);
}

.CSArea{ background-color: #6C7484; }
.CSBox{ background-color:#000;color:#fff; border-radius:18px; box-shadow:0px 0px 5px rgba(0,0,0, 0.75); }

.p-img-03{
	background-size: cover;
	background-image: url(../images/client/course/zbrush/2000ch.jpg);
	color: #000;
}
.PdArea_10{
	width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 5% 0px 4% 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    line-height: 28px;
	background-color:#d8d8d8;
	}


.StInfoArea{ background-color:#E8E8E8; }
.StInfo_content{ font-size:1.2em ; color: #273B5A }

@media (min-width: 480px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 979px) {
.MainBk01{ padding: 8% 0 5% 0; background-size: cover;background-position: botton center;background-image: url(../images/client/course/zbrush/IP22001.jpg); }
.StInfo_content{ font-size:1.4em ; color: #273B5A }
}
@media (min-width: 980px) and (max-width: 1199px) {
.MainBk01{ padding: 8% 0 5% 0; background-size: cover;background-position: botton center;background-image: url(../images/client/course/zbrush/IP22001.jpg); }
.StInfo_content{ font-size:1.4em ; color: #273B5A }
.HeadWord01{font-size: 3.8em;	}
}
@media (min-width: 1200px) {
.MainBk01{ padding: 8% 0 5% 0; background-size: cover;background-position: botton center;background-image: url(../images/client/course/zbrush/IP22001.jpg); }
.StInfo_content{ font-size:1.4em ; color: #273B5A }
.HeadWord01{font-size: 3.8em;	}
}
@media (min-width: 1400px) {
.MainBk01{ padding: 8% 0 5% 0; background-size: cover;background-position: botton center;background-image: url(../images/client/course/zbrush/IP22001.jpg); }
.StInfo_content{ font-size:1.4em ; color: #273B5A }
.HeadWord01{font-size: 3.8em;	}
}