/* =========================================
   DDD Website — Style
   Color / typography / visual appearance
   ========================================= */

/* font-family */
@import url("https://fonts.googleapis.com/css2?family=DotGothic16&family=Lato:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Nanum+Gothic+Coding:wght@400;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap");
body {    font-family: "Noto Serif TC", "Source Han Serif TC", serif;}
/* color */
body { }
a {    color: inherit;}
a:hover {    opacity: 0.65;}

/* text-size */
.xs, span {font-size: clamp(8px, 0.55vw, 9px);}
.s, p {    font-size: calc(clamp(14px, 1vw, 16px) * 0.9);    text-align: left;    line-height: 25px;
}.n, h3 {font-size: clamp(16px, 1.22vw, 19px);}
.l, h2 {font-size: clamp(18px, 1.44vw, 23px);}
.xl, h1 {font-size: clamp(22px, 1.67vw, 27px);}
footer {color:#fa6699;}
hr { border: 0;     border-top: 1px solid #fa669940;    box-shadow: 1px 1px 2px 0px #fa669940;}

/* ===|  C  O  L  O  R |======================== */
/* -------------- */
/* BG COLOR DEMON */
/* -------------- */
/* BG #ffffff  */body, header, footer {background-color: #ffffff}

/* ---------------- */
/* TEXT COLOR DEMON */
/* ---------------- */
/* Color #242424 */ body,a ,a:hover {color: #242424;}
/* Same to sub class Hack */ a{color: inherit;}

/* ===|  D I V  |=============================== */
/* ------------ */
/*  WEB PLUGIN  */
/* ------------ */