You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
172 lines
2.7 KiB
172 lines
2.7 KiB
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;500;700;900&display=swap');
|
|
|
|
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, 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;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
article, aside, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei", sans-serif;
|
|
font-size: 16px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #333;
|
|
background-color: #fff;
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
a,
|
|
span {
|
|
display: inline-block;
|
|
}
|
|
|
|
button,a{
|
|
border-width: 1px;
|
|
outline: none !important;
|
|
cursor: pointer;
|
|
&:focus {
|
|
outline: none;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
a,
|
|
a:hover,
|
|
a:focus {
|
|
color: map-get($cisColor, third);
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
.b-box {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.titan {
|
|
/*--隱藏開影音、開相簿--*/
|
|
display: none;
|
|
}
|
|
|
|
ul{
|
|
margin:0;
|
|
padding:0;
|
|
padding-left: 20px;
|
|
li{
|
|
list-style:none;
|
|
}
|
|
}
|
|
|
|
textarea{
|
|
min-height: 200px;
|
|
}
|
|
|
|
hr{
|
|
margin: 15px 0;
|
|
&.dashed{
|
|
border-style: dashed;
|
|
margin: 25px 0;
|
|
}
|
|
}
|
|
|
|
.form-control {
|
|
appearance: auto;
|
|
}
|
|
|
|
.ellipsis{
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
word-wrap: break-word;
|
|
&.e2{
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
&.e3{
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
&.e4{
|
|
-webkit-line-clamp: 4;
|
|
}
|
|
&.e5{
|
|
-webkit-line-clamp: 5;
|
|
}
|
|
&.e6{
|
|
-webkit-line-clamp: 6;
|
|
}
|
|
}
|
|
|
|
.centerFlex {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.bwtFlex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6{margin:0;}
|
|
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:0.8em;}
|
|
h2{font-size: 4rem;}
|
|
h3{font-size: 3.4rem;line-height: 0.9em;}
|
|
h4{font-size: 2.2rem;}
|
|
h5{font-size: 1.8rem;}
|
|
h6{font-size: 1.4rem;}
|
|
|
|
@media (max-width: 768px) {
|
|
h2{font-size: 3.6rem;}
|
|
h3{font-size: 3rem;}
|
|
h4{font-size: 2rem;}
|
|
h5{font-size: 1.6rem;}
|
|
h6{font-size: 1.2rem;}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
h2{font-size: 3rem;}
|
|
h3{font-size: 2.5rem;}
|
|
h4{font-size: 1.7rem;}
|
|
h5{font-size: 1.2rem;}
|
|
h6{font-size: 1rem;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|