#anh {
    width: 47%;
    float: left;
}

#box01 {
    padding-top: 0px;
    width: 53%;
    float: right;
    padding-left: 6px;
}

.page.page-0 #box01 {
    display: none;
}

.exp .ctbx {
    width: 100%;
    /* padding: 10px 0px 0px 0px; */
    color: #c74600;
    text-align: left;
}

.exp .ctbx:first-child {
    padding-top: 0;
}

.exp .ctbx:last-child {
    padding-bottom: 12px;
}

.head-right {
    /* display: flex; */
    width: 100%;
    float: left;
    text-align: left;
    /* border: 2px solid #1fc1ee; */
    /* width: 100%; */
}

.exp.content-edit.skill {
    width: 100%;
    float: right;
    padding-top: 15px;
    /* padding-left: 26px; */
}

#box-content {
    width: 100%;
    padding-bottom: 4px;
    float: right;
    text-align: left;
}

#cv-top {
    width: 100%;
    float: left;
}

.bar-exp div {
    margin: 0;
    /* height: 37px; */
    float: left;
    background: #a35759;
    border-radius: 6px;
}

.bar-exp {
    width: 100%;
    /* margin: 0; */
    /* height: 37px; */
    background: #eddfde;
    /* border: 2px solid #000; */
    float: left;
    border-radius: 6px;
}

p.skill-name {
    /* padding-top: 16px; */
    padding-bottom: 5px;
    color: #000;
    /* font-weight: bold; */
    width: 100%;
    /* padding-left: 6px; */
}

.page {
    width: 100%;
}

.A4 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 0px;
    padding-right: 0;
    background: url(page1-1.png) no-repeat;
    background-size: 100% 100%;
}

.A2 {
    /* padding-top: 90px; */
    background: url(page1-2.png) no-repeat;
    background-size: 100% 100%;
}


/* #anh{
	flex-basis: 50%;
} */

.box-01 {
    position: relative;
    width: 100%;
    float: left;
    /* display: flex;
	flex-wrap: wrap; */
}

#chu {
    float: right;
    width: 53%;
    /* display: flex; */
    justify-content: center;
}

.head {
    display: flex;
    width: 100%;
    float: right;
    text-align: center;
}

.cum {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #c74600;
    width: 100%;
    padding-left: 20px;
}

#prof {
    width: 76%;
    float: left;
    padding-top: 20px;
}

.cvo-block {
    padding: 0px;
    /* padding-top: 70px; */
    /* width: unset; */
}

.page-1 .cvo-block {
    text-align: justify;
    padding-left: 0;
    padding-right: 0;
}

#cv-profile-fullname {
    width: 100%;
    /* text-align: left; */
    /* color: #767f37; */
    line-height: 45px;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    /* padding-top: 20px; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    /* margin-top: 20px; */
    /* margin-left: 100px; */
    /* border: 3px solid #fff; */
    float: left;
    color: #e0daba;
}

#cv-profile-job {
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    float: left;
    /* padding-bottom: 22px; */
    color: #e0daba;
}

#box-hvt {
    width: 73%;
    /* height: 76px; */
    float: left;
    /* overflow: hidden; */
    padding-top: 68px;
    padding-left: 6px;
}

.icf1,
.icf2 {
    width: 100%;
    float: left;
}

.icf3,
.icf4 {
    width: 100%;
    float: left;
    /* padding-bottom: 15px; */
}

.icf5 {
    width: 100%;
    float: left;
}

.icf-sex {
    font-size: 20px;
    color: #d1a358;
    font-weight: normal;
    float: left;
    background: url(sex1.png) no-repeat;
    width: 7%;
    height: 39px;
}

.icf-phone {
    font-size: 20px;
    color: #d1a358;
    font-weight: normal;
    float: left;
    background: url(phone1.png) no-repeat;
    width: 7%;
    height: 32px;
}

.icf-birthday {
    font-size: 20px;
    color: #d1a358;
    font-weight: normal;
    float: left;
    background: url(date1.png) no-repeat;
    width: 7%;
    height: 32px;
}

.icf-email {
    font-size: 20px;
    color: #d1a358;
    font-weight: normal;
    float: left;
    background: url(email1.png) no-repeat;
    width: 7%;
    height: 32px;
}

.icf-address {
    font-size: 20px;
    color: #d1a358;
    font-weight: normal;
    float: left;
    background: url(address1.png) no-repeat;
    width: 7%;
    height: 32px;
}

.icoweb {
    float: left;
    /* margin-top: 4px; */
    padding-left: 5px;
    text-align: left;
    overflow: hidden;
}

span#cv-profile-birthday,
span#cv-profile-phone,
span#cv-profile-email,
span#cv-profile-address,
span#cv-profile-sex {
    color: #e0daba;
    padding-left: 10px;
}

.cum #cv-boxtitle {
    padding-left: 0;
    /* display: none; */
}

.A4 .page-0 {
    width: 45%;
    float: left;
    /* padding: 16px 30px 60px 30px; */
    padding-left: 65px;
    padding-top: 134px;
    padding-bottom: 50px;
    padding-right: 23px;
}

.A2 .page-0 {
    width: 45%;
    padding-top: 58px;
    padding-bottom: 80px;
}

div#experience-table {
    float: right;
    text-align: left;
    width: 100%;
    padding-bottom: 4px;
    padding-top: 10px;
}

.A2 div#experience-table {
    text-align: left;
}

.box-title {
    /* margin-top: 28px; */
    padding-left: 0px;
    color: #000;
    font-size: 19px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.block-title {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    /* padding-bottom: 15px; */
    padding-left: 0px;
    /* border: 2px solid #1fc1ee; */
    width: 100%;
    text-align: left;
}

.exp-title {
    font-weight: bold;
    width: 100%;
    padding-top: 10px;
    color: #000;
    font-size: 16px;
}

#block02 .exp-title {
    font-weight: bold;
}

#block05 .exp-title {
    display: none;
}

.exp-date {
    padding: 0px 0px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

#block03 p.h3.h3-title,
#block04 p.h3.h3-title {
    display: none;
}


/* p.h3.h3-title{
	margin: 0;
} */

.pages {
    float: left;
    width: 100%;
}

.A4 .page-1 {
    width: 55%;
    float: right;
    padding-bottom: 50px;
    padding-right: 33px;
    padding-left: 42px;
    padding-top: 120px;
}

.A2 .page-1 {
    width: 55%;
    padding-top: 55px;
    padding-bottom: 80px;
    padding-right: 33px;
    padding-left: 45px;
}

#border_img {
    width: 292px;
    /* height: 435px; */
    /* display: table; */
    border-radius: 50%;
}

#cvo-profile-avatar {
    width: 292px;
    /* height: 435px; */
    border-radius: 99em;
}

#cvo-profile-avatar-wraper {
    float: left;
    /* display: table; */
    padding-top: 60px;
    padding-left: 54px;
}


/* .click_hidden {
    position: absolute;
    z-index: 999;
    opacity: 0;
    top: 73px;
    width: 223px;
    height: 223px;
} */


/* .fake-img {
    position: absolute;
    width: 65px;
    height: 165px;
    padding: 0;
    margin: 0;
    float: left;
    display: table;
    margin-top: 158px;
    margin-left: 194px;
    background: url(avt1.png)no-repeat;
    background-size: 100% 100%;
    z-index: 99;
} */


/* .div_pro, .div_act, .div_more{
	padding-left: 32px;
	padding-right: 24px;
} */

.div_edu,
.div_exp,
.div_more,
.div_pro,
.div_act {
    /* padding-top: 9px; */
    /* padding-left: 26px; */
}

#prof .sex,
#prof .birthday,
#prof .phone {
    width: 33%;
}

span.box-content {
    color: #272626;
    text-align: justify;
    padding-top: 15px;
    /* padding-left: 26px; */
}

#block03 .exp-title,
#block04 .exp-title,
#block03 .exp-date,
#block03 .exp-content,
#block04 .exp-content,
#block05 .exp-content {
    font-weight: normal;
    text-align: justify;
    color: #272626;
}

#block03 .block-title,
#block04 .block-title,
#block05 .block-title {
    /* color: #000; */
}

.A2 .div_exp .exp-title,
.A2 .div_exp .exp-subtitle,
.A2 .div_exp .exp-content {
    color: #272626;
}

.exp-content {
    text-align: justify;
    color: #272626;
}

span.exp-subtitle {
    color: #272626;
    text-align: justify;
    /* font-weight: bold; */
}

div#sort_block {
    /* margin-top: -75px; */
}

#block03 .exp-date,
#block05 .exp-date {
    display: none;
}

.icf5 .icoweb {
    width: 90%;
}

div#box03 {
    /* padding-bottom: 100px; */
    padding-top: 30px;
}

.h3 {
    font-size: 0px;
}

.A2 .div_pro .exp-date {
    display: none;
}

.A2 .div_pro .exp-title {
    font-weight: normal;
}

.A2 .div_act .exp-date {
    display: none;
}

.A2 .div_act .exp-title {
    font-weight: normal;
}

.A2 .div_more .exp-title {
    display: none;
}


/* .exp-fake {
    width: 100%;
    background: url(skill.png) no-repeat;
    height: 37px;
    background-size: 102% 100%;
    float: left;
    margin-top: -49px;
    margin-left: 0px;
} */

.bar-value-exp {
    width: 100%;
    float: right;
    padding-bottom: 50px;
    /* margin-bottom: 24px; */
}

#block05 div#cvo-experience-blocktitle {
    /* background: #000; */
    /* color: #fff; */
    /* width: 100%; */
    /* padding-left: 26px; */
}

div#block05 {
    /* background: #1fc1ee; */
}


/* div#block04 {
    padding-top: 100px;
    padding-bottom: 162px;
} */

div#block01 .head {
    padding-top: 0px;
}

div#block02 {
    /* padding-top: 106px; */
}

div#box02 {
    /* padding-top: 20px; */
}

#box02 .head-right {
    padding-left: 35px;
    background: url(4.png)no-repeat;
    /* background-size: 14% 100%; */
    background-position: 0px -2px;
    padding-bottom: 5px;
    /* height: 39px; */
}

#box03 .head-right {
    padding-left: 40px;
    background: url(6.png)no-repeat;
    /* background-size: 10% 89%; */
    background-position: left;
}

#box05 .head-right {
    padding-left: 75px;
    background: url(8.png)no-repeat;
    /* background-size: 10% 89%; */
    background-position: 20px 7px;
    /* height: 39px; */
    line-height: 53px;
}

#box04 .head-right {
    padding-left: 75px;
    background: url(3.png)no-repeat;
    /* background-size: 10% 89%; */
    background-position: 20px 3px;
    /* height: 39px; */
    line-height: 53px;
}

#box06 .head-right {
    padding-left: 70px;
    background: url(7.png)no-repeat;
    /* background-size: 10% 65%; */
    background-position: 20px 7px;
    height: 39px;
    line-height: 53px;
}

#box07 .head-right {
    padding-left: 70px;
    background: url(5.png)no-repeat;
    /* background-size: 10% 65%; */
    background-position: 20px 7px;
    height: 39px;
    line-height: 53px;
}

#block01 .block-title {
    padding-left: 80px;
    background: url(2.png)no-repeat;
    /* background-size: 10% 88%; */
    background-position: 10px 6px;
    /* height: 39px; */
    line-height: 53px;
}

#block02 .block-title {
    padding-left: 50px;
    background: url(1.png)no-repeat;
    /* background-size: 10% 89%; */
    background-position: 4px 6px;
    /* height: 39px; */
    line-height: 53px;
}

#block04 .block-title {
    padding-left: 80px;
    background: url(9.png)no-repeat;
    /* background-size: 10% 88%; */
    background-position: 25px 6px;
    /* height: 39px; */
    line-height: 53px;
}

#block03 .block-title {
    padding-left: 80px;
    background: url(10.png)no-repeat;
    /* background-size: 10% 88%; */
    background-position: 25px 6px;
    /* height: 39px; */
    line-height: 53px;
}

#block05 .block-title {
    padding-left: 80px;
    background: url(11.png)no-repeat;
    /* background-size: 10% 88%; */
    background-position: 25px 6px;
    /* height: 39px; */
    line-height: 53px;
}

.A2 .div_act .exp-subtitle {
    font-weight: normal;
}

div#box01 .titlecv {
    display: none;
}

div#exp1 h3 {
    display: flex;
    flex-direction: column-reverse;
}

div#exp2 h3 {
    display: flex;
    flex-direction: column-reverse;
}

.A2 div#experience-table .div_edu h3 {
    display: flex;
    flex-direction: column;
}

.div_edu .exp-title {
    font-weight: 200;
}

#block02 #exp1 {
    padding-bottom: 20px;
}

div#box04 {
    padding-top: 30px;
}

div#box06 {
    padding-top: 30px;
}

div#box07 {
    padding-top: 30px;
}

div#block03 {
    padding-top: 30px;
}

div#block04 {
    padding-top: 30px;
}

div#block05 {
    padding-top: 30px;
}

#block05 .exp-content {
    /* color: #000 !important; */
    display: none;
}

.page-1 .bar-exp div {
    /* margin-top: -2px; */
    /* height: 37px; */
    float: left;
    background: #a35759;
    border-radius: 6px;
}

.page-1 .bar-exp {
    width: 100%;
    height: 9px;
    background: #959595;
    /* border: 2px solid #21543a; */
    float: left;
    border-radius: 5px;
}