/* custom.css
提交立即生效
查看的網站網址是 http://talks.babywith.me/ 
不能直接點上面的logo，會跑到不對的站點
*/
html * {
    font-size: 1.1rem;
}
.main-des { 
    width: 100%;
}
.site-header .site-nav li a {
    font-weight: 700;
}
.site-header .site-nav ul .subnav a {
    padding: 10px 5px;
}

*{
    font-family: "微軟正黑體" !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

.banner .banner-title,.banner .banner-title span{
font-size: 2.2rem;
}
.banner .banner-subtitle{
font-size: 2rem;
}
.comment-page .content .main-des .name {
    font-size: 1.5rem;
}
.comment-page .content .main-des .title{
font-size: 1.1rem;
}
.comment-page .content article p {
/*    text-indent: 2rem; */
    text-indent: initial;
    margin-bottom: 18px;
    line-height: 1.8;
}
.comment-page .content article p:has(img){
text-indent:0;
}
article.article-content p {
    text-indent: initial !important;
}
.index .banner .main-pic {
    align-items: flex-start;
padding: 20px 0;
}
.site-header .site-nav ul .subnav li {
    padding: 2px 10px;
        border-bottom: none;
}
.site-footer .unit-wrap:nth-child(2) img{
width:55%;
}
.site-footer .unit-wrap:nth-child(3){
    padding-left: 20px;
       text-align: left !important;
}
.site-footer .unit-wrap:nth-child(3) img{
width:100%;
}
.site-footer .info,.site-footer .info span,.site-footer .info span a{
font-size: 15px !important;
margin-right:15px;
}
.site-footer .info span:nth-child(6) a {
    text-decoration: underline;
}
.comment .item .txt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
padding: 10px 0 0px 15px;
}
.slider .site-wrap{
border-bottom: none;
}
#phone-inner {
    line-height: 35px !important;
}
.aside h3 {
    font-size: 1.2rem;
}
.section-title span {
    font-size: 2.2rem;
}
.aside .aside-item2 .name {
    width: 50px;
}
.aside .aside-item2 {
    padding: 0 10px;
}
.item[data-v-6d2c2fe6] {
     height:365px !important;
}
.item .shadow2 .info[data-v-6d2c2fe6] {
height:200px !important;
}
@media (max-width: 480px){
.site-header .top-wrap {
    border-bottom: 5px #231815 solid;
}
.banner .banner-subtitle {
    border-bottom: 2px #3E3A39 solid;
}
.description {
-webkit-line-clamp: 2 !important;
    margin-bottom: 10px;
}
.banner .banner-des {
    padding: 10px 0 0;
    line-height: inherit;
}
.banner .banner-des .to-read{
    margin-bottom: 10px;
    display: inline-block;
}
.comment .site-wrap {
    padding: 50px 10px 20px;
}
.section-title {
    margin-bottom: 20px !important;
}
.center {
    display: flex;
    justify-content: center;
}
.comment .phone {
    margin-bottom: 20px;
}
.comment .item .txt {
    padding: 0;
}
.comment .item .txt .content {
    line-height: 1;
}

.site-footer .el-col-16,.site-footer .el-col-5,.site-footer .el-col-3{
width:100%;
max-width:100% !important;
flex: 0 0 100%;
padding-left: 0;
}

.site-footer .el-col-16 .info span:nth-child(4){
    display: inline;
}
.site-footer .el-col-5,.site-footer .el-col-3{
display:flex;
flex-wrap: wrap;
    justify-content: space-around;
}
.sponsor{
    flex: 0 0 100%;
}
.site-footer .el-col-5 a,.site-footer .el-col-3 a{
    flex: 0 0 45%;
}
.site-footer .unit-wrap:nth-child(3){
padding-left: 0px;
}
.item[data-v-6d2c2fe6] {
    width: 305px !important;
}
.site-footer .unit-wrap:nth-child(2) img {
    width: 100%;
    height: auto;
}
.item .shadow2 img {
    width: 305px;
}
.comment-page .banner .banner-subtitle {
  font-size: 1.6rem;
line-height: 2.5rem;
}
.vue-sticky-element--show {
    transform: translateY(-100%) !important;
}
.site-header .site-nav li:last-child {
    border-bottom: none;
}
.banner .el-carousel__container {
    position: relative;
    height: 620px !important;
}
.award article .item3-title {
    font-size: 1.3rem;
}
.award article .top-txt, .award article .top-txt a, .award article .txt p {
    font-size: 1.1rem;
}
.comment-page .content .item-title a {
    line-height: 32px;
}
.site-wrap {
    margin: 0 20px;
}
.comment-page .content .item-pic:after {
    left: 0 !important;
}
.comment-page .content .info {
    padding: 0 10px;
}
.comment-page .content {
    margin-bottom: 15px;
}
}

@media (max-width: 380px){
    .comment .item .txt span {
        font-size: 1.2rem !important;
    }
    .comment .item .txt .content {
        font-size: 1rem !important;
    }
    .scrollup.fixed {
        position: absolute;
        opacity: 0.3;
    }
}

.comment-page .content .main-info {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.article-content p span a { color: #30a5fc }
.article-content p span a:hover { color: red }