html,
body {
font-size: 18px;
overflow-x: clip;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 0;
padding: 0;
}
a {
color: #2d2e2f;
outline: none;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
.nav_item .nav_con {
top: 70px !important;
}
/* =================================================== */
.wrapper{
/* background-image: url("../img/4-04-detailbg.png"); */
background-color: #F3F3F3;
background-position: center top;
background-size: cover;
}
.content-list{
width: 100%;
max-width: 1150px;
margin: 0 auto;
background-color: #fff;
height: 100%;
padding: 80px;
}
.nav-bread {
position: absolute;
top: 30px;
}
.title {
text-align: center;
}
.title h1 {
font-size: 28px;
line-height: 3rem;
}
.title p {
margin-top: 20px;
color: #9c9c9c;
border-top: 1px solid #9c9c9c;
line-height: 3rem;
font-size: 14px;
}
.content {
font-size: 18px;
line-height: 2.5rem;
text-indent: 2rem;
text-align: justify;
}
.content table {
max-width: 100%;
border-collapse: collapse;
padding: 0;
}
.content p {
margin: 1.2rem 0;
}
.content img,
.content video {
display: block;
max-width: 80%;
margin: 10px auto;
}
.back {
text-align: center;
margin: 100px auto 10px auto
}
.back a {
width: 130px;
height: 54px;
display: inline-block;
line-height: 54px;
color: #fff;
background-color: #0058c3;
font-size: 18px;
text-align: center;
border-radius: 24px;
transition: .3s;
}
.back a:hover {
box-shadow: 0px 0px 4px 8px #cee4ff;
transition: .3s;
}
@media screen and (max-width: 900px) {
.wrapper {
background-image: unset;
background-color: #fff;
}
.wrapper-content {
padding: 20px 0;
}
.nav-bread {
display: none;
}
.content-list {
width: 100%;
background-color: unset;
padding: 4%;
}
.title h1 {
font-size: 1.1rem;
font-weight: 600;
line-height: 1.8rem;
}
.content {
line-height: 2rem;
}
.content p {
margin: 1.2rem 0;
}
.content img,
.content video {
max-width: 100% !important;
}
.back {
margin: 60px auto 10px auto
}
}