.home07-bg {
        background: #418abb;
    }
    
    
    .home07-bg02 {
        background: url(../../inset/homepage/keyboard-bg.jpg) no-repeat 0 0;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .home07-area {
        display: table;
        table-layout: fixed;
        min-width: 100%;
    }
    
    .home07-area>[class*="col-"] {
        display: table-cell;
        vertical-align: top;
        float: none;
        padding: 40px 15px 15px;
    }
    
    .home07-area>.area-left {
        background-color: #2d85c1;
        color: #FFF;
    }
    
    .home07-area>.area-right {
        background-color: #fafafa
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home07-area>[class*="col-"] {
            padding: 45px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .home07-area {
            display: block;
            margin: 0 30px;
            min-width: inherit
        }
        .home07-area>[class*="col-"] {
            display: block;
            padding: 40px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .home07-area {
            margin: 0 15px;
        }
        .home07-area>[class*="col-"] {
            padding: 25px;
        }
    }
    
    .home07-bg03 {
        background-color: #44515a;
        overflow: hidden;
    }
    
    .home07-area2 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    
    .home07-area2>[class*="col-"] {
        display: table-cell;
        vertical-align: top;
        float: none;
        padding: 65px;
    }
    
    .home07-area2>.area-left {
        background-color: #f4f4f4;
    }
    
    .home07-area2>.area-right {
        background-color: #24445a;
        color: #FFF;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home07-area2>[class*="col-"] {
            padding: 45px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .home07-area2 {
            display: block;
        }
        .home07-area2>[class*="col-"] {
            display: block;
            padding: 45px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .home07-area2>[class*="col-"] {
            padding: 25px;
        }
    }
    
    .home07-imglist img {
        max-width: 100%;
    }
    
    .home07-imglist .cont {
        padding: 25px 0;
    }
    
    .home07-imglist h3 {
        margin: 0 0 0px;
        font-size: 18px;
    }
    
    .home07-imglist .date {
        margin-bottom: 10px;
    }
    
    
    .home07-bg04 {
        background-color: #f4f4f4;
    }    


.dg-title12{
	text-align:center;
	margin-bottom:30px;
	overflow:hidden;
	padding:0px 15px;
}
.dg-title12 .title{
	margin-bottom:7px;
}
.dg-title12 small{
	position:relative;
	display:inline-block;
	padding:0px 20px;
	margin-bottom:16px;
	font-size:14px;
	font-style:italic;
	color:#666666;
}
.dg-title12 small:after,
.dg-title12 small:before{
	content:"";
	width:80px;
	border-bottom:1px solid #c7c7c7;
	position:absolute;
	left:100%;
	top:50%;
}
.dg-title12 small:before{
	left:auto;
	right:100%;
}
.dg-title12.color-white small{
	color:#e2e2e2;
}
.dg-title12.color-white small:after,
.dg-title12.color-white small:before{
	border-color:#bfbfbf;
}

.dg-title13{
	color:#ffffff;
	margin-bottom:28px;
}
.dg-title13:after{
	content:"";
	margin-top:21px;
	width:80px;
	border-bottom:2px solid #FFF;
	display:block;
}

.dg-title14{
	margin-bottom:40px;
}
.dg-title14 .title{
	margin:0 0 10px;
}
.dg-title14 small{
	position:relative;
	display:inline-block;
	margin-bottom:6px;
	font-size:14px;
	font-style:italic;
	color:#666;
}
.dg-title14 .title:after{
	content:"";
	width:110px;
	border-bottom:1px solid #a8a8a8;
	display:block;
	margin-top:20px;
}
.dg-title14.color-white small{
	color:#FFF;
}
.dg-title14.text-center .title:after{
	margin-left: auto;
	margin-right: auto;
}