-->@import url('https://fonts.googleapis.com/earlyaccess/cwtexming.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;300;400;500;700;900&display=swap');
-->@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');


@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff'),
        url('fonts/Gotham-Medium.ttf') format('truetype'),
        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: black;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



article, aside, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
			margin:0;
			padding:0;
}

.line_height_1{
	line-height:calc(var(--pfcolcs)*12pt);
}
.line_height_2{
	line-height:calc(var(--pfcolcs)*15pt);
}
.line_height_3{
	line-height:calc(var(--pfcolcs)*18pt);
}
.line_height_4{
	line-height:calc(var(--colcs)*40pt);
}

.fullwide{
	width:100%;	
}

p{
margin-block-start:calc(var(--fcolcs) * -.3em);
margin-block-end: calc(var(--fcolcs) * 2em);
margin-inline-start:0px;
margin-inline-end: 0px;
}

.grey_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:rgb(110,110,110);	
}

.black_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:black;	
}

.white_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:white;	
}
.blue_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:rgb(58,103,186);	
}
.lightblue_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:rgb(4,110,183);	
}
.gold_fonts{
	font-family:'Gotham','Noto Sans TC','Noto Sans SC',sans-serif;
	color:rgb(174,148,0);	
}
.Mater_title_font{
	font-size:calc(var(--colcs)*48pt);	
}
.title_font{
	font-size:calc(var(--colcs)*34pt);
}
.middle_title_font{
	font-size:calc(var(--colcs)*30pt);	
}
.small_title_font{
	font-size:calc(var(--colcs)*20pt);	
}
.L_font{
	font-size:calc(var(--colcs)*16pt);	
}
.pl_font{
	font-size:calc(var(--colcs)*15pt);
}
.ml_font{
	font-size:calc(var(--colcs)*14pt);	
}
.lm_font{
	font-size:calc(var(--colcs)*13pt);
}
.m_font{
	font-size:calc(var(--colcs)*12pt);
}
.p_font{
	font-size:calc(var(--colcs)*11pt);	
}
.s_font{
	font-size:calc(var(--colcs)*8pt);	
}
.container_title_font{
	font-size:calc(var(--colcs)*17pt);	
}
.container_title_m_font{
	font-size:calc(var(--colcs)*13pt);	
}
.year_title_font{
	font-size:calc(var(--colcs)*34pt);	
}
.m_choose_font{
	font-size:calc(var(--colcs)*40pt);	
}
.m_lag_font{
	font-size:calc(var(--colcs)*30pt);	
}
.p_justify{
	text-align:justify;
	text-align:-moz-justify;
	text-justify:inter-word;	
}
.p_center{
	text-align:center;	
}
li{
	padding-bottom:calc(var(--colcs)*5pt);
}
li:last{
	padding-bottom:0;
}
.light{
	font-weight:300;
}

.regular{
	font-weight:400;
}
.semi-bold{
	font-weight:500;	
}
.bold{
	font-weight:600;	
}
.black{
	font-weight:700;
}
.xbold{
	font-weight:900;	
}