@charset "utf-8";

/***************************************************************************
*
* index.css
*
***************************************************************************/
.box_bread {
    background: #fff;
    padding: 12px;
    padding-bottom: 0;    
}
.box_bread .in_bread {
    background: #F0EBE1;
    padding: 9px 0;
}
.box_bread .title_content {
    background: url(../img/about/icon_about.png) no-repeat 15px center;
    padding: 3px 50px;
    font-size: 12px;
    color: #005856;
    font-weight: bold;
    letter-spacing: 1px;
}
.img_about {
    background: #fff;
    padding: 12px;
}
.img_about img {
    width: 100%;
}
.in_content {
    overflow: hidden;
    background: #fff;
    min-height: 705px;
}
.in_content {
    overflow: hidden;
}
.in_content p {
    text-align: center;
}
.in_content .title_about {
    font-size: 24px;   
    letter-spacing: 6px; 
    margin-top: 32px;    
    fo
	nt-weight: bold;
}
.in_content .par {
    font-size: 12px; 
    margin-top: 25px;  
    line-height: 2.3;
    letter-spacing: 1px;
    font-weight: bold;
}
.in_content .about_img {
    margin-top: 30px;
}
#feature {
    width: 100%;
    overflow: hidden;    
}

#feature .slide_left {
    width: 100%;
    float: left;
    padding: 12px;
    background: #fff;
}

#feature .video_right {
    float: right;
    width: 306px;
    padding: 12px;
    background: #fff;
    min-height: 306px;
}

#feature .video_right p {
    text-align: center;
}

#feature .video_right .title_video {
    font-size: 17px;
    padding-top: 17px;
}

#feature .video_right .sub_video {
    font-size: 12px;
    padding-top: 5px;
}

#content {
    margin-top: 10px;
}

#content .wraper {
    overflow: hidden;
}

#content .wraper .content_left {
    width: 910px;
    float: left;
}


#content .sidebar .img_side {
    margin-bottom: 10px;
}
#content .box_side {
    width: 100%;
}


#content .nav01 {
    background: url(../img/index/icon_nav1.png) no-repeat left center;
}

#content .nav02 {
    background: url(../img/index/icon_nav2.png) no-repeat left center;
}

#content .nav03 {
    background: url(../img/index/icon_nav3.png) no-repeat left center;
}

#content .nav04 {
    background: url(../img/index/icon_nav4.png) no-repeat left center;
}

#content .nav05 {
    background: url(../img/index/icon_nav5.png) no-repeat left center;
}

#content .nav06 {
    background: url(../img/index/icon_nav6.png) no-repeat left center;
}

#content .nav07 {
    background: url(../img/index/icon_nav7.png) no-repeat left center;
}

#content .nav08 {
    background: url(../img/index/icon_nav8.png) no-repeat left center;
}

#content .nav09 {
    background: url(../img/index/icon_nav9.png) no-repeat left center;
}

#content .list_cat li ul {
    margin-top: 7px;
}

#content .list_cat li ul li a {
    color: #000;
}

.box_page {
    margin-top: 10px;
}

#content .list_page {
    width: 100%;
    padding: 0 18px;
}

#content .list_page li {
    width: 100%;
//    display: inline-block;
//    padding-left: 18px;
    padding-right: 10px;
    display: inline;
    margin-bottom: 7px;
}

#content .list_page li a {
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 10px;    
    color: #000;
}

#content .list_page li a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    #content .wraper .content_left {
        width: 100%;
    }
    .in_content {
        padding: 0 10px;
    }
    .in_content .about_img {
        margin: 0;
    }
}