@charset "utf-8";
/* 2024 */
/********** Template CSS **********/
/*數字用*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

:root {
    --a: #be6e6e;
    --ysoC1: #091E3E;
    --ysoC2: #3898c2;
    --ysoC3: #57b7dd;
    --ysoC4: #ecd3d3;
    --ysoC5: #e49c9d;
	
		--yso-gray: #4a4a4a;
}

.btn-dpink{
	background: var(--a);
}

.ysoC1{
color: var(--ysoC1);}
.ysoC2{
	color: var(--ysoC2);}
.ysoC3{
	color: var(--ysoC3);}
.ysoC4{ 
	color: var(--ysoC4);}
.ysoC5{ 
	color: var(--ysoC5);}

.yso-gray{
	color: var(--yso-gray);}

.bg-ysoC1{
	background: var(--ysoC1);
}
.bg-ysoC4{
	background: var(--ysoC4);
}
.bor-dpink{
	border:1px solid var(--a);
}


body{
    font-size: 13px;
    font-family: Lato, Arial, Helvetica, "微軟正黑體", "新細明體", sans-serif;
		color: var(--yso-gray);
    }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/*	font-size: 100%;*/
/*	font: inherit;*/
	background: transparent;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: #333;
	transition: 300ms;
}
a:hover{
	text-decoration: none;
	color: var(--a);
}
a:active,
a:focus{
	text-decoration: none;
}

/*修正BS max-width:100%問題*/
.img-responsive{
    width: 100%;
    height: auto;
}