body {
    font-family: 'Helvetica', 'Arial', 'LiHei Pro', '黑體-繁', '微軟正黑體', sans-serif;
    font-size: 1rem;
    color: #3f4141;
}

.container {
    background-image: url();
}

.numember {
    font-size: 1rem;
    font-weight: 900;
}

.date {
    font-size: medium;
    font-weight: 700;
}

h1 {
    color: #bb4949;
    text-shadow: -1px -1px white, 1px 1px #333;
    margin: 10px 0;
}

.bg {
    background-image: url(images/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.bg3 {
    background-image: url(images/banner-06.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-height: 200px;
}

.bg4 {
    color: #222;
    
    background-color: rgba(212, 211, 211, 0.699); 
    border-radius: 10px;
}

.bg5 {
    background-image: url(images/contentbg.png);
    background-size: cover;
    background-position: top;
}

.middle {
    width: 50px;
    height: 10px;
    background-color: #1B70AF;
    margin: 20px 0;
}

.line {
    border: 4px solid #1B70AF;
    border-radius: 10px;
    position: relative;
}

.buy {
    width: 100px;
    position: absolute;
    right: 6%;
    top: 60%;
}

.skill {
    color: #f5f5f5;
    font-size: 2rem;
    letter-spacing: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
    background-color: #1B70AF;
    border-radius: 100px;
    z-index: 3;
}

.star {
    position: relative;
    display: inline-flex;
    -webkit-box-shadow: 3px 3px 5px #777777;
    -moz-box-shadow: 3px 3px 5px #777777;
    box-shadow: 3px 3px 5px #777777;
}

.star img {
    max-width: 500px;
    width: 100%;
    object-fit: cover;
}

.clothes:hover {
    -ms-transform: scale(1.2, 1.2);
    /*IE9*/
    -moz-transform: scale(1.2, 1.2);
    /*Firefox*/
    -webkit-transform: scale(1.2, 1.2);
    /*Safari 和 Chrome*/
    -o-transform: scale(1.2, 1.2);
    /*Opera*/
}
.banner_logo{
    width:500px;
    margin-left:10%;
}
.linkMFG:hover {
    color: #ff820e;
    font-weight: 800;
}

.linkAEC:hover {
    color: #0e6eff;
}

.linkMME:hover {
    color: #1fe7e7;
}

/* .card {
    position: absolute;
    bottom: 0%;
    background-color: transparent;
    border: 0;
} */

.pic-block {
    margin-left: -8.333333%;
}

.text-block {
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
}

.news {
    color: #dd6075;
    font-size: 2rem;
}

.news_title_all {
    display: flex;
}

.news_title_all a:hover {
   
}

.news_title {
    justify-content: flex-end;
}

.word {
    color: #3f4141;
}

.big-icon {
    width: 50px;
    height: 50px;
    fill: blue;
}

/*修改bootstrap icon*/

/* .title {
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 193, 193, 0.836);
} */

.btn {
    align-self: flex-end;
}
.icon{
    position: relative;
}
.img{
    width:700px;
    position: absolute;
    right:0;
       
}

.footer-1{
   
    background-color: #d5d8ff;
    
}
.footerBg {
    /* background-image: url(images/banner-06.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    font-size: 1rem;
}

.intro {
    font-size: 15px;
    margin-bottom: 10px;
}

.intro2 {
    font-size: 16px;
    font-weight: 700;
}
.intro-1{
    color:#f75d6a;
    font-weight: bold;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 50px;
    width: 50px;


}
.space{
    height:200px;
}
.youtube_box {
    height: 100%;
}

@media only screen and (max-width:1200px) {
    .skill {
        font-size: 1.5rem;
    }

    .line {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .buy {
        width: 80px;
    }
    .banner_logo{
        margin-left:100px;
        width:400px;
    }

}
@media only screen and (max-width:576px){
    .banner_logo{
        width:300px;
        margin-left: 0px;
    }
}
@media only screen and (max-width:1400px){
    .banner_logo{
        margin-left:0px;
    }
}
@media only screen and (max-width:420px){
    .banner_logo{
        
    }
}