body {
    padding: 0;
}
section {
    padding-top: 0;
    padding-bottom: 0;
}
.html-info{
    margin-bottom: 0;
}


.title span{
    font-family: "Open Sans",sans-serif;
}
.title>span:nth-child(2){
    color: #56ADB2;
    letter-spacing: 1px;
    font-size: 26px; 
    font-weight: 500;
}
.title>span:nth-child(1){
    display:none;
}
.title::before{
    display:none;
}


footer{
    background-color: #56ADB2;
}
a{
    color: #56ADB2;
}
.btn-outline-secondary {
    color: #56ADB2;
    border-color: #56ADB2;
}
.btn-outline-secondary:hover {
    background-color: #56ADB2;
    border-color: #56ADB2;
}
.btn-border {
    border: 1px solid  #56ADB2;
    color:  #56ADB2;
}
.btn-border:hover{
    background-color: #56ADB2;
}
.comment-area .comment-body .comment-row .user-comment-edit .comment-sent-out {
    background-color: #56ADB2;
}
.comment-area .comment-header .comment-counter>span{
    background-color: #56ADB2;
}
aside>ul>li>a:before{
    background-color: #56ADB2;
}
#share-btn{
    background-color: #56ADB2;
}
#gotop:hover {
    color: #56ADB2;
    border-color: #56ADB2;
}
#gotop:hover::after {
    color: #56ADB2;
}
.blog-row:hover .read-more {
    color: #56ADB2;
}
.blog-row:hover .read-more i {
    color: #56ADB2;
}


.naviMain .navbar-brand {
    max-width: 150px;
    margin-right: 250px;
}
@media screen and (max-width: 991px) {
    .naviMain .navbar-brand{
        margin-right: 80px;
    }
}
.naviMain ul{
    align-items: center;
}
.naviMain ul>li>a{
    color: #000;
}
.naviMain ul>li>a:hover {
    color: #56ADB2;
}
.naviMain ul>li>a:before {
    background-color: #56ADB2;
}
.pagging-header{
    background-color: transparent;
}
.navbar:active, .navbar:hover {
    background-color: transparent;
}


.index_title h1{
     letter-spacing: 10px;
     font-size: 60px;
}
.index_title h2{
     padding-left: 70px ;
     letter-spacing: 10px;
     font-size: 40px;
}
.text01{
     padding: 80px 8%;
}
.text02{
     padding: 50px 40% 80px 8% ; 
}
.text03{
     padding: 10% 8% ;
}
.pic01{
    position: relative;
    z-index:1 ;
}
.pic01_2{
    position: absolute;
    top: 125px ;
    right: -50px;
    width: 300px;
    z-index: -1 ;
}
.pic02{
     text-align: right;
}
.pic02 img{
    width:80%;
}
.pic03{
    position: relative;
    text-align: center;
}
.pic03_2{
    position: absolute;
    top: -220px ;
    right: -10px;
    width: 320px
}

@media screen and (max-width: 1439px) {
    .index_title h1{
        font-size: 48px;
    }
    .index_title h2{
        padding-left: 40px ;
        font-size: 32px;
        letter-spacing: 6px;
    }
}
@media screen and (max-width: 991px) {
    .index_title h1{
        font-size: 40px;
        letter-spacing: 8px;
    }
    .index_title h2{
        padding-left: 30px ;
        font-size: 26px;
        letter-spacing: 3px;
    }
    .text01{
        padding: 40px 8% 80px 8% ;
    }
    .pic01_2{
        display:none;
    }
    .pic03_2{
        right: -50px ;
        width: 250px ;
    }
}
@media screen and (max-width: 767px) {
    .pc_sec01{
        display: none ;
    }
}
@media screen and (min-width: 768px) {
    .mobile_sec01{
        display: none ;
    }
}


.news_container{
    padding: 0 12%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.article-classify {
    font-size: 14px !important;
    color:#838383;
    font-weight: 400  !important;
}
.new-blog-row .imgbox{
    cursor: pointer;
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 66%;
    border-radius: 0 35px 0 0;
}
.new-blog-row .imgbox img{
    width: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
}
.new-blog-row .blog_box:hover .imgbox img{
    transform: scale(1.1);
}
.blog_box p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog_box h2{
    font-size: 20px;
    font-weight: 400;
}
.blog_box p{
    letter-spacing: 0px;
}
.more_btn a{
    color:#56ADB2 !important;
    border: 1.5px solid #56ADB2;
    border-radius: 10px;
    padding: 10px 50px;
}
.more_btn a:hover{
    background-color:#56ADB2;
    color: #fff !important;
}


#index-youtube{
    padding-left: 17%;
    padding-right: 17%;
    margin-bottom: 30px;
}



.blank-page section .container{
   max-width:100%;
   padding:0;
}
.about-pic img{
   width:100%;
}
.about-bg img{
   width:100%;
}
.about-bg{
    position: absolute;
    top:-50px;
    right:0;
    z-index:-1;
}
.about-info {
   position: relative;
    padding-bottom: 8%;
}

@media screen and (min-width: 768px) {
    .about-text{
       padding: 8% 8% 0 8%;
    }
    .about-title{
       padding-left: 30%;
       padding-top: 10%;
    }
    .about-pic{
        padding-right: 0;
    }
    .about-text02{
       padding: 17% 8% 0 0;
    }
}
@media screen and (max-width: 767px) {
    .about-title h1{
       font-size:30px;
    }
    .about-title h3{
       font-size:20px;
    }
    .about-bg{
        display:none;
    }
}