body,html{
						
	--color-active:red;
}html{
	background: rgb(145,88,1);
	background: linear-gradient(90deg, rgba(145,88,1,1) 0%, rgba(207,165,1,1) 100%);
	
	background-repeat: no-repeat;
	font-family: 'Roboto';
}
body{
	width:1000px;
	margin:70px auto !important;
	box-shadow: -15px 15px 40px #111;
	font-family: 'Roboto';
}html{
	width: 100%;
    overflow: auto;
    max-width: unset;
    min-width: 1200px;
}
body{
    max-width: unset;
    min-width: 1000px;
	overflow: visible;
}
.container{
	max-width: 100% !important;
}

.body{
	position:relative;
}
.body::after {
    content: "";
    display: block;
    background: url(https://hung.lapdi.vn/uploads/source/images/pencil.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 18px;
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 448px;
    width: 18px;
    transform: translateX(40px);
}


.widget-title{
	position: relative;
    margin-bottom: 10px;
}
.widget{
	overflow: visible;
}
.widget-title .title-bar{
	text-align:left;
	padding:0;
	position:relative;
}
.widget-title .title-bar a{
	padding-right: 10px;
    display: inline-block;
    background: white;
    z-index: 1;
    position: relative;
}
.widget-title .title-bar::after{
	content: "";
    display: block;
    background: gray;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: 0;
}
.widget-title .title-icon{
	position: absolute;
    right: 100%;
    top: 4px;
    padding-right: 5px;
    font-size: 20px;
    display: block;
}
.page-home{
	display:flex;
	padding-left: 15px;
    padding-right: 15px;
}
.page-home .section{
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}
.page-home .widget{
	padding-top:15px;
}
.page-home .section:nth-child(1){
	flex: 0 0 60%;
}
.page-home .section:nth-child(2){
	flex: 0 0 40%;
}.section-822{
	background-color:;
	background-image:url(http://hung.pyro.vn/uploads/source/);
	color:;
	padding-top:px;
	padding-bottom:px;
    --color1:;
    --background1:;
}




.section-822>.container>.row{
	align-items:;
}


        .section-822{
        	background-size: cover;
            background-position: center;
		}
     .widget-1160 .image { width: 100px; height: 55px; background: red; position: relative; margin:30px 0px; } .widget-1160 .image::before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid red; } .widget-1160 .image::after { content: ""; background: url(https://hung.lapdi.vn/uploads/source/images/pen.jpg); background-repeat: no-repeat; background-position: bottom right; display: block; width: 100%; height: 100%; position: fixed; right: 10%; bottom: 70px; }  .widget-1160 .image img{ width:100%; top:-10px; position:relative; }   .widget-1160 .head{ background-color:#e4bf29; display:flex; flex-wrap: wrap; position:relative; } .widget-1160 .head .before,.head .after{ flex:0 0 100px;  } .widget-1160 .head .title{ position:relative; flex:0 0 calc(65% - 100px); } .widget-1160 .head .title .name{ font-size: 40px; font-weight: 700; margin-top: 40px; padding-left: 20px; } .widget-1160 .head .title .profession{ font-size: 23px; padding-left: 20px; margin-top: 10px; margin-bottom: 25px; } .widget-1160 .head .avatar{ margin-top:10px; flex:0 0 calc(35% - 100px); z-index:1; height:0; } .widget-1160 .head .info{ background-color:#e5cf7a; flex:0 0 100%; z-index:0; margin-top: 0px; padding:30px 300px 30px 25px; box-sizing: border-box; font-size:0; } .widget-1160 .info .line{ position:absolute; left:0; right:0; top:0;  } .widget-1160 .info .item{ font-size:16px; display:inline-block; width:50%; z-index:1; margin-bottom:10px; }   .widget-1160 .line .path { stroke-dasharray: 690; stroke-dashoffset: 0; animation: dash 1s linear alternate ; }    @keyframes  dash { from { stroke-dashoffset: 690; } to { stroke-dashoffset: 0; } } @keyframes  flip { from { transform: rotateY(0deg); } to { transform: rotateY(90deg); } }      @media(max-width: 768px){  }.section-823{
	background-color:;
	background-image:url(http://hung.pyro.vn/uploads/source/);
	color:;
	padding-top:px;
	padding-bottom:px;
    --color1:;
    --background1:;
}




.section-823>.container>.row{
	align-items:;
}


        .section-823{
        	background-size: cover;
            background-position: center;
		}
     .widget-1162 .item>td:nth-child(1){ vertical-align:top; font-weight:600; font-size:16px; } .widget-1162 .item+.item{ border-top: solid 1px #ddd; } .widget-1162 p{ margin-bottom:5px; }    @media  only screen and (max-width: 785px) {  }.widget-1165 .item{ display: flex; flex-flow: wrap; margin-top: 20px; border-bottom: solid 1px #ddd; padding-bottom: 10px; } .widget-1165 .item-job{ flex:0 0 100%; font-size: 18px; font-weight: 700; } .widget-1165 .item-interval{ flex:0 0 35%; font-size: 17px; font-weight: 600; text-align: right; } .widget-1165 .item-unit{ flex:0 0 65%; font-size: 16px; font-weight: 600; } .widget-1165 .item-content{ flex:0 0 100%; margin-top:10px; }   @media  only screen and (max-width: 785px) {  }.section-824{
	background-color:;
	background-image:url(http://hung.pyro.vn/uploads/source/);
	color:;
	padding-top:px;
	padding-bottom:px;
    --color1:;
    --background1:;
}




.section-824>.container>.row{
	align-items:;
}


        .section-824{
        	background-size: cover;
            background-position: center;
		}
     .widget-1167 .item>td:nth-child(1){ vertical-align:top; font-weight:600; font-size:16px; } .widget-1167 .item+.item{ border-top: solid 1px #ddd; } .widget-1167 p{ margin-bottom:5px; }    @media  only screen and (max-width: 785px) {  }.widget-1168 .item>td:nth-child(1){ vertical-align:top; font-weight:600; font-size:16px; } .widget-1168 .item+.item{ border-top: solid 1px #ddd; } .widget-1168 p{ margin-bottom:5px; }    @media  only screen and (max-width: 785px) {  }.widget-1169 .item>td:nth-child(1){ vertical-align:top; font-weight:600; font-size:16px; } .widget-1169 .item+.item{ border-top: solid 1px #ddd; } .widget-1169 p{ margin-bottom:5px; }    @media  only screen and (max-width: 785px) {  }.widget-1171{ font-size:40px; text-align: left; color: ; } .widget-1171 .item{ display: inline; } .widget-1171 .item+.item{ margin-left: 8px; } .widget-1171 .item .icon{ display: inline; } .widget-1171 .item .icon i{  } .widget-1171 .item .icon img{ height:53.333333333333px; width:auto; vertical-align: sub; } .widget-1171 .item .title{ display: inline; margin-right:20px; } .widget-1171 .item:last-child .title{ margin-right:0px; }