/*


/*
base =================================== */
/* html, body {
	margin:0px; 
	min-height:100%;
	font-family: 'psl_display_proregular', Tahoma, Geneva, sans-serif;
	font-size:22px; line-height:85%;
	background-color:#000;
	color:#fff;
	overflow-x:hidden;
} */
a {
    outline: none;
}

a img {
    border: none;
}

strong,
b,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 21px;
    font-family: 'fc_minimalbold';
    font-weight: normal;
}


/*
main layout =================================== */
.header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 80px;
    z-index: 900;
    color: #fff;
    background-color: #114775d9;
}

.header .logo {
    display: block;
    position: absolute;
    left: 70px;
    top: 7px;
    width: 100%;
    height:60px;
    overflow: hidden;
}

.header .logo img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.header .logo img.blue {
    opacity: 0;
}

.header .logo img.write {
    opacity: 1;
}

.header .txtHeadEN {
    font-size: 21px;
    position: absolute;
    left: 88px;
    top: 33px;
    padding: 0px;
    margin: 0px;
    opacity: 0.7;
}

.header .lineHead {
    display: none;
    color: #aaa;
    position: absolute;
    left: 204px;
    top: 21px;
}

.header .txtHeadTH {
    font-size: 27px;
    position: absolute;
    left: 85px;
    top: 12px;
    padding: 0px;
    margin: 0px;
    width: 250px;
}

.header .headMenu {
    display: block;
    position: absolute;
    left: 85px;
    top: 60px;
}

.header .headMenu a {
    display: flex;
    position: relative;
    height: 35px;
    padding: 18px 8px 5px 45px;
    float: left;
    background: url(https://www.ch-karnchang.co.th/assets/img/bg-white-50.png) repeat-y left top;
    text-decoration: none;
}

.header .headMenu a .num {
    display: block;
    height: 35px;
    left: 0px;
    font-size: 60px;
    line-height: 38px;
    color: white;
    padding: 0 10px 0 10px;
}

.header .headMenu a .txt {
    display: block;
    overflow: hidden;
    font-weight: 300;
}



.header .headMenu a .txt span {
    display: block;
    line-height: 85%;
    color: #fff;
    padding: 5px 5px 0px 8px;
    font-size: 20px;
    width: auto;
    opacity: .7;
    text-transform: uppercase;
    line-height: 17px;
}
.header .headMenu a.active .txt span {
   
    color: #fff;
    opacity: 1;

   
}
.header .headMenu a.active .num {
   
    color: #fff;
    opacity: 1 !important;

   
}

.header.langEn {}

.header.langEn .txtHeadEN {
    left: 84px;
    font-size: 17px;
}

.header.langEn .txtHeadTH {
    font-family: 'fc_minimalbold';
}

.header.langEn .headMenu a .txt1 {
    width: 90px;
}

.header.langEn .headMenu a .txt2 {
    width: 77px;
}

.header.langEn .headMenu a .txt3 {
    width: 80px;
}

.header.langEn .headMenu a .txt4 {
    width: 61px;
}

.header.langEn .headMenu a .txt5 {
    width: 75px;
}

.header.langEn .headMenu a .txt6 {
    width: 88px;
}

.header.sty2 {}

.header.sty2 .txtHeadEN {
    left: 88px;
    font-size: 16px;
}

.header.sty2 .lineHead {
    top: -30px;
}

.header.sty2 .txtHeadTH {
    font-size: 34px;
    font-family: 'fc_minimalbold';
    left: 123px;
}

.header.sty2 .txtHeadTH span {
    display: none;
}

.header.sty2 .headMenu {
    top: 14px;
    left: 370px;
}

.header.sty2 .headMenu a {
    padding: 0px 8px 0px 8px;
}

.header.sty2 .headMenu a .num {
    opacity: 0.4;
}

.header.sty2 .headMenu a.action .num {
    opacity: 1;
}

.header.sty2 .headMenu a.action .txt1 {
    width: 58px;
}

.header.sty2 .headMenu a.action .txt2 {
    width: 71px;
}

.header.sty2 .headMenu a.action .txt3 {
    width: 128px;
}

.header.sty2 .headMenu a.action .txt4 {
    width: 54px;
}

.header.sty2 .headMenu a.action .txt5 {
    width: 75px;
}

.header.sty2 .headMenu a.action .txt6 {
    width: 67px;
}

.header.sty2.langEn {}

.header.sty2.langEn .txtHeadTH {
    font-size: 32px;
    font-family: 'fc_minimalbold';
    left: 89px;
}

.header.sty2.langEn .headMenu a.action .txt1 {
    width: 90px;
}

.header.sty2.langEn .headMenu a.action .txt2 {
    width: 77px;
}

.header.sty2.langEn .headMenu a.action .txt3 {
    width: 80px;
}

.header.sty2.langEn .headMenu a.action .txt4 {
    width: 61px;
}

.header.sty2.langEn .headMenu a.action .txt5 {
    width: 75px;
}

.header.sty2.langEn .headMenu a.action .txt6 {
    width: 88px;
}

.boxListIcon {
    display: block;
    height: 44px;
    position: absolute;
    right: 50px;
    top: 12px;
}

.boxListIcon>a {
    display: block;
    overflow: hidden;
    width: 45px;
    height: 44px;
    float: right;

    opacity: .5;
    margin-left: 6px;
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

.boxListIcon .btnProject {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-project.png);
}

.boxListIcon .btnSitemap {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-sitmap.png);
}

.boxListIcon .btnLangEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-en.png);
}

.boxListIcon .btnLangEn.Th {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-th.png);
}

.boxListIcon .btnHome {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-home.png);
}

.boxListIcon>a.action,
.boxListIcon>a:hover {
    background-position: left -44px;
}

.boxListIcon .boxLinkFooter {
    width: auto;
    margin: 0px 4px 0px 0px;
    padding: 0px 58px 0px 15px;
    color: #252525;
    position: relative;
    line-height: 44px;
    text-decoration: none;
}

.boxListIcon .boxLinkFooter img {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}


/*
page layout =================================== */
.boxPage {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0%;
}

.listBgPage {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.listBgPage .oneBgPage {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*
home ====================================== */
#home {}

#home .contentPage {
    position: relative;
    width: 100%;
    padding: 13% 0px 0px 0px;
}

#home .titlePage {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 52px;
    font-family: 'psl_display_proregular';
    text-align: center;
}

#home .titlePageEn {
    font-size: 50px;
    font-family: 'fc_minimalbold';
}

#home .boxContentCtrl {
    position: static !important;
    height: 23px;
    margin: 0px auto;
    padding: 35px 0px 25px 0px;
}

#home .boxContentCtrl a {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #000;
    opacity: 0.4;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 100%;
    cursor: pointer;
}

#home .boxContentCtrl a:hover,
#home .boxContentCtrl a.action {
    background: #fff;
    opacity: 0.6;
}

#home .boxDetailMain {
    width: 700px;
    margin: 0px auto;
    min-height: 170px;
    position: relative !important;
}

#home .boxDetailMain .boxDetail {
    position: relative;
    width: 100%;
    text-align: center;
}

#home .boxDetailMain .boxDetail .bgBoxDetail {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
}

#home .boxDetailMain .boxDetail .bdrBoxDetail {
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
    opacity: 0.2;
    position: absolute;
    left: -10px;
    top: -10px;
}

#home .boxDetailMain .boxDetail .listDetail {
    position: relative;
    height: 160px;
    overflow: hidden;
}

#home .boxDetailMain .boxDetail .detail {
    width: 100%;
    padding: 35px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    font-size: 31px;
    line-height: 31px;
}

#home .boxDetailMain .boxDetail .detail h3 {
    font-size: 36px;
    margin: 0px;
    padding: 0px 0px 25px 0px;
    color: #fff;
}

#home .btnEnter {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 70px;
    margin: 0px auto;
    position: relative;
    top: 50px;
    cursor: pointer;
}

#home .btnEnter img {
    display: block;
    padding-bottom: 10px;
    margin: 0px auto;
}


/*
about ====================================== */
#about {}

#about .contentPage {
    position: absolute;
    left: 12%;
    top: 22%;
    width: 32%;
    z-index: 1;
}

#about .titlePage {
    margin: 0px;
    padding: 0px;
    color: #1c4872;
    font-size: 60px;
    line-height: 60px;
    padding-top: 12px;
}

#about .titlePage2 {
    margin: 0px;
    padding: 0px;
    color: #bc9633;
    font-size: 35px;
    line-height: 30px;
    padding-bottom: 5px;
}

#about .desPage {
    line-height: 22px;
    font-size: 22px;
    color: #878B8C;
}

#about .boxBgLine {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
}

#about .boxListBtn {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

#about .oneBtn {
    display: block;
    width: 7.5625%;
    height: 22.83018867924528%;
    position: absolute;
}

#about .oneBtn .bgCircleHover {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

#about .oneBtn .icon {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
}

#about .oneBtn .txt {
    display: block;
    text-align: center;
    color: #7C7670;
    width: 100%;
    position: absolute;
    top: 82%;
    font-size: 18px;
    white-space: nowrap;
}

#about .oneBtn:hover .txt {
    color: #5A7D9F;
}

#about .btn-1 {
    left: 53.9%;
    top: 26.55%;
}

#about .btn-2 {
    left: 63%;
    top: 26.55%;
}

#about .btn-3 {
    left: 72.3%;
    top: 26.55%;
}

#about .btn-4 {
    left: 48.8%;
    top: 51.2%;
}

#about .btn-5 {
    left: 58.1%;
    top: 51.2%;
}

#about .btn-6 {
    left: 67.2%;
    top: 51.2%;
}

#about .btn-7 {
    left: 76.5%;
    top: 51.2%;
}

#about .btn-8 {
    left: 48.8%;
    top: 76%;
}

#about .btn-9 {
    left: 58.1%;
    top: 76%;
}

#about .btn-10 {
    left: 67.2%;
    top: 76%;
}

#about .btn-11 {
    left: 76.5%;
    top: 76%;
}

#about .boxYears {
    display: block;
    position: absolute;
    left: 0px;
    top: 75%;
    width: 100%;
    height: 20%;
    max-height: 140px;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgYear.png) repeat left top;
}

#about .titleBoxYears {
    display: block;
    position: absolute;
    left: 0%;
    top: 22%;
    margin: 0px;
    padding: 0px;
    color: #335E87;
    font-size: 36px;
    width: 100%;
    text-align: center;
}

#about .bgLineDot {
    display: block;
    position: absolute;
    left: 12%;
    top: 50%;
    width: 76%;
    height: 4px;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgDot.png) repeat-x left top;
}

#about .boxListYear {
    display: block;
    position: absolute;
    left: 12.5%;
    top: 50%;
    width: 75%;
    height: 15px;
}

#about .oneYear {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0px;
}

#about .oneYear span {
    display: block;
    margin-right: 4px;
    height: 100%;
}

#about .oneYear span i {
    display: none;
    position: absolute;
    left: 50%;
    top: -40%;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#about .oneYear.action span,
#about .oneYear.action span i,
#about .oneYear:hover span,
#about .oneYear:hover span i {
    display: block;
    background-color: #BC9633 !important;
}

#about .boxYearsContent {
    display: none;
}

#about .btnMore {
    color: #bc9633;
}

#about .boxMobileYearContent {
    display: none;
}

#about .boxMobileYearContent .boxMobileContentDetail {
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
    background: #313232;
}

#about .boxMobileYearContent .boxMobileContentDetail .bgMobileContent {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

#about .boxMobileYearContent .boxMobileContentDetail b {
    display: block;
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    opacity: 0.7;
    text-shadow: 0px 0px 2px #000;
    position: relative;
    padding-top: 150px;
}

#about .boxMobileYearContent .boxMobileContentDetail strong {
    display: block;
    color: #fff;
    font-size: 31px;
    line-height: 27px;
    padding-bottom: 20px;
    text-shadow: 0px 0px 2px #000;
    position: relative;
}

#about .boxMobileYear {
    display: none;
    padding: 10px 0px;
}

#about .boxMobileYear .oneMobileYear {
    display: block;
    text-align: center;
    float: left;
    color: #666;
    font-size: 25px;
    line-height: 23px;
    text-decoration: none;
}

/*
construction_business ====================================== */
#construction_business {}

#construction_business .boxSearch {
    position: relative;
    height: 140px;
    z-index: 200;
}

#construction_business .boxSearch .boxFormSearch {
    position: absolute;
    right: 8px;
    top: 77px;
}

#construction_business .boxSearch .boxFormSearch .bgSearch {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 294px;
    height: 24px;
    padding: 10px 50px 10px 13px;
    background-color: #000;
    border: 1px solid #fff;
    opacity: 0.2;
}

#construction_business .boxSearch .boxFormSearch .inputSearch {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 296px;
    height: 26px;
    padding: 10px 50px 10px 13px;
    color: #fff;
    background: none;
    border: none;
    opacity: 0.6;
}

#construction_business .boxSearch .boxFormSearch .btnSearch {
    display: block;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    width: 50px;
    height: 44px;
    position: absolute;
    right: 1px;
    top: 1px;
    background: url(https://www.ch-karnchang.co.th/assets/img/02/btnSearch.png) no-repeat left top;
    opacity: 0.7;
}

#construction_business .boxSearch .boxFormSearch .btnSearch:hover {
    opacity: 1;
}

#construction_business .boxListProject {}

#construction_business .boxListProject .oneProject {
    position: relative;
    height: 100px;
    z-index: 200;
}

#construction_business .boxListProject .oneProject .bg {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 99px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0.2;
}

#construction_business .boxListProject .oneProject:last-child .bg {
    border-bottom: none;
}

#construction_business .boxListProject .oneProject:hover .bg {
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0.8;
}

#construction_business .boxListProject .oneProject .boxContent {
    display: block;
    position: relative;
    height: 100px;
    cursor: pointer;
}

#construction_business .boxListProject .oneProject .boxContent .txtProject {
    display: block;
    color: #fff;
    font-size: 45px;
    height: 100px;
    line-height: 100px;
    padding-left: 100px;
    position: absolute;
    left: 105px;
    top: 0px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
}

#construction_business .boxListProject .oneProject .boxContent .icoNext {
    display: block;
    position: absolute;
    right: 40px;
    top: 0px;
    width: 27px;
    height: 100px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/02/btnNextList.png) no-repeat left center;
    background-size: contain;
    opacity: 0;
}

#construction_business .boxListProject .oneProject .boxContent:hover .txtProject {
    opacity: 1;
    left: 130px;
}

#construction_business .boxListProject .oneProject .boxContent:hover .icoNext {
    right: 20px;
    opacity: 1;
}

#construction_business .disableEvent {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 300;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: default;
}

#construction_business .boxDescription02 {
    text-align: center;
    position: relative;
    padding: 80px 130px 20px 130px;
    line-height: 22px;
    text-shadow: 0px 0px 10px #000;
    font-size: 25px;
}

#construction_business .boxDescription02 h3 {
    margin: 0px;
    padding: 10px 0px;
    font-size: 40px;
    line-height: 30px;
}

/*
business_development_infrastructure_projects ====================================== */
#business_development_infrastructure_projects {}

#business_development_infrastructure_projects .contentPage {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 13%;
    text-align: center;
}

#business_development_infrastructure_projects .titlePage {
    margin: 0px;
    padding: 0px;
    color: #1c4872;
    font-size: 60px;
    line-height: 60px;
}

#business_development_infrastructure_projects .except {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: #bc9633;
    font-size: 35px;
    line-height: 35px;
}

#business_development_infrastructure_projects .desPage {
    line-height: 25px;
    font-size: 25px;
    color: #666;
    width: 100%;
    margin: 0px auto;
}

#business_development_infrastructure_projects .btn {
    display: block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    text-decoration: none;
}

#business_development_infrastructure_projects .btn span {
    position: relative;
    display: block;
}

#business_development_infrastructure_projects .btn i {
    display: block;
    width: 168px;
    height: 168px;
    position: absolute;
    left: 14px;
    top: 14px;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    box-shadow: inset #10203a 0px 0px 7px;
    overflow: hidden;
    text-indent: -9999px;
}

#business_development_infrastructure_projects .bgCircle {
    display: block;
    position: relative;
}

#business_development_infrastructure_projects .bgImg {
    display: block;
    position: absolute;
    width: 168px;
    height: 168px;
    left: 14px;
    top: 14px;
    border-radius: 100%;
}

#business_development_infrastructure_projects .btnMsg {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    line-height: 24px;
    color: #537392;
    width: 205px;
    text-align: center;
    position: relative;
    padding: 10px 0px;
}

#business_development_infrastructure_projects .btnMobile {
    display: none;
}

/*#business_development_infrastructure_projects .btn01 {left:18%; top:44%;}*/
#business_development_infrastructure_projects .btn01 {
    left: 18%;
    bottom: 16%;
}

#business_development_infrastructure_projects .btn02 {
    left: 43%;
    top: 44%;
}

#business_development_infrastructure_projects .btn03 {
    left: 68%;
    bottom: 16%;
}

#business_development_infrastructure_projects .btn04 {
    left: 76%;
    top: 44%;
}

/*#business_development_infrastructure_projects .btn01 i {background-image:url(https://www.ch-karnchang.co.th/assets/img/03/ico-1.png);}*/
#business_development_infrastructure_projects .btn01 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-2.png);
}

#business_development_infrastructure_projects .btn02 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-3.png);
}

#business_development_infrastructure_projects .btn03 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-4.png);
}

#business_development_infrastructure_projects .btn04 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-5.png);
}

#business_development_infrastructure_projects .btnInvestmentStructure {
    display: block;
    width: 230px;
    height: 40px;
    padding: 0px 38px 0px 15px;
    text-decoration: none;
    color: #fff;
    background-color: #1c4872;
    line-height: 40px;
    position: absolute;
    left: 658px;
    top: 680px;
    z-index: 110;
    overflow: hidden;
}

#business_development_infrastructure_projects .btnInvestmentStructure b {
    font-size: 24px;
}

#business_development_infrastructure_projects .btnInvestmentStructure span {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/ico-plus.png) no-repeat left top;
}

#business_development_infrastructure_projects .btnInvestmentStructure:hover span {
    background-position: left -28px;
}

/*
ir ====================================== */
#ir {}

#ir .boxGraphBack {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 9%;
    right: 0px;
    overflow: hidden;
}

#ir .boxGraphBack img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

#ir .boxGraphFront {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 9%;
    left: 0px;
    overflow: hidden;
}

#ir .boxGraphFront img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}

#ir .bgLine {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

#ir .bgLine img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}

#ir .boxListBtn {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 9%;
    overflow: hidden;
}

#ir .oneBtn {
    display: block;
    width: 9.1875%;
    height: 22.1385%;
    position: absolute;
}

#ir .oneBtn .bgCircleHover {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

#ir .oneBtn .icon {
    display: block;
    width: 100%;
    position: relative;
}

#ir .oneBtn .icon img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

#ir .oneBtn .icon img.hover {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0
}

#ir .oneBtn .txt {
    display: block;
    text-align: center;
    color: #79DBED;
    width: 100%;
    position: absolute;
    top: 80%;
}

#ir .oneBtn:hover .txt {
    color: #fff;
}

#ir .btn-1 {
    left: 44.8%;
    top: 35.5%;
}

#ir .btn-2 {
    left: 54.2%;
    top: 20.2%;
}

#ir .btn-3 {
    left: 54.2%;
    top: 62%;
}

#ir .btn-4 {
    left: 63.6%;
    top: 53.5%;
}

#ir .btn-5 {
    left: 70.5%;
    top: 72.7%;
}

#ir .btn-6 {
    left: 80%;
    top: 33.2%;
}

#ir .btn-7 {
    left: 80%;
    top: 64%;
}

#ir .btn-8 {
    left: 90.5%;
    top: 49%;
}

#ir .btn-9 {
    left: 70.5%;
    top: 38%;
}

#ir .contentPage {
    position: absolute;
    left: 9%;
    top: 32%;
    width: 33%;
    z-index: 10;
}

#ir .titlePage {
    margin: 0px;
    padding: 0px;
    color: #A3DCE3;
    font-size: 60px;
    line-height: 60px;
}

#ir .desPage {
    line-height: 22px;
    font-size: 22px;
    color: #fff;
}

#ir .boxBtn {
    display: block;
    float: left;
    text-decoration: none;
    padding: 12px 20px 12px 55px;
    margin-right: 20px;
    margin-top: 20px;
    color: #7EECFB;
    position: relative;
    font-size: 24px;
}

#ir .boxBtn .bgBtn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -2px;
    top: -2px;
    border: 2px solid #fff;
    opacity: 0.5;
}

#ir .boxBtn .icon {
    display: block;
    position: absolute;
    left: 14px;
    top: 8px;
}

#ir .boxBtn:hover {
    color: #fff;
}

#ir .boxBtn:hover .bgBtn {
    opacity: 1;
}


/*
governance ====================================== */
#governance {}

#governance .listBgPage {
    background-color: #fff;
}

#governance .contentPage {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 16%;
    text-align: center;
}

#governance .titlePage {
    margin: 0px;
    padding: 0px;
    color: #1c4872;
    font-size: 70px;
    line-height: 60px;
}

#governance .except {
    margin: 0px;
    padding: 0px;
    color: #bc9633;
    font-size: 35px;
    line-height: 35px;
}

#governance .desPage {
    line-height: 25px;
    font-size: 25px;
    color: #666;
    width: 100%;
    margin: 0px auto;
}

#governance .boxListBtn {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

#governance .boxBtn {
    display: block;
    position: absolute;
    width: 18%;
    text-decoration: none;
}

#governance .boxBtn .icon {
    display: block;
    position: absolute;
    left: -63px;
    top: -18px;
}

#governance .boxBtn span {
    display: block;
    color: #555;
    font-size: 22px;
    line-height: 18px;
}

#governance .boxBtn b {
    display: block;
    color: #1c4872;
    padding-bottom: 4px;
    font-size: 26px;
}

#governance .boxBtn.btnLeft .icon {
    left: auto;
    right: -63px;
}

#governance .boxBtn.btnLeft span {
    text-align: right;
}

#governance .line-0 {
    display: block;
    position: absolute;
    border-radius: 0px 15px 0px 0px;
    border-top: dotted 3px #DDCA99;
    top: 42.6%;
    left: 31.43%;
    width: 7%;
    height: 12%;
    margin-left: 65px;
    margin-top: 31px;
}

#governance .line-1 {
    display: block;
    position: absolute;
    border-radius: 0px 15px 0px 0px;
    border-top: dotted 3px #DDCA99;
    border-right: dotted 3px #DDCA99;
    top: 55.6%;
    left: 31.43%;
    width: 6%;
    height: 16%;
    margin-left: 65px;
    margin-top: 31px;
}

#governance .line-3 {
    display: block;
    position: absolute;
    border-radius: 0px 0px 0px 15px;
    border-bottom: dotted 3px #DDCA99;
    border-left: dotted 3px #DDCA99;
    top: 65.75%;
    left: 31.43%;
    width: 6%;
    height: 3%;
    margin-left: 38px;
    margin-top: 65px;
}

#governance .line-4 {
    display: block;
    position: absolute;
    border-radius: 15px 0px 0px 0px;
    border-top: dotted 3px #DDCA99;
    border-left: dotted 3px #DDCA99;
    top: 42.6%;
    right: 31.43%;
    width: 10%;
    height: 13%;
    margin-right: 45px;
    margin-top: 31px;
}

#governance .line-5 {
    display: block;
    position: absolute;
    border-radius: 15px 0px 0px 0px;
    border-top: dotted 3px #DDCA99;
    border-left: dotted 3px #DDCA99;
    top: 57.1%;
    right: 31.43%;
    width: 6.5%;
    height: 13%;
    margin-right: 45px;
    margin-top: 31px;
}

#governance .line-6 {
    display: block;
    position: absolute;
    border-top: dotted 3px #DDCA99;
    top: 71.75%;
    right: 31.43%;
    width: 5%;
    height: 0%;
    margin-right: 45px;
    margin-top: 31px;
    top: 72%;
}

#governance .line-7 {
    display: block;
    position: absolute;
    border-radius: 0 15px 0 0;
    border-top: dotted 3px #DDCA99;
    border-right: dotted 3px #DDCA99;
    top: 74.5%;
    right: 32.3%;
    width: 8%;
    height: 2%;
    margin-left: 38px;
    margin-top: 65px;
}

#governance .line-8 {
    display: block;
    position: absolute;
    border-radius: 15px 0px 0px 0px;
    border-top: dotted 3px #DDCA99;
    border-left: dotted 3px #DDCA99;
    top: 71.75%;
    left: 31.43%;
    width: 6%;
    height: 4%;
    margin-left: 38px;
    margin-top: 97px;
}

#governance .btn-0 {
    top: 45%;
    right: 68.43%;
}

#governance .btn-1 {
    top: 55%;
    right: 68.43%;
}

#governance .btn-3 {
    top: 75%;
    right: 68.43%;
    width: 20%;
}

#governance .btn-ethics {
    top: 85%;
    right: 68.43%;
}


#governance .btn-8 {
    top: 65%;
    right: 68.43%;
}

/* #governance .btn-7 b { padding-top:10px; } */

#governance .btn-4 {
    top: 45%;
    left: 70%;
}

#governance .btn-5 {
    top: 55%;
    left: 70%;
}

#governance .btn-6 {
    top: 65%;
    left: 70%;
}

#governance .btn-7 {
    top: 85%;
    left: 70%;
}

#governance .btn-10 {
    top: 75%;
    left: 70%;
}


/*
durability ====================================== */
#durability {}

#durability .contentPage {
    position: absolute;
    left: 12%;
    top: 25%;
    width: 40%;
}

#durability .titlePage {
    margin: 0px;
    padding: 0px;
    color: #698C4C;
    font-size: 60px;
    line-height: 60px;
}

#durability .desPage {
    line-height: 22px;
    font-size: 22px;
    color: #fff;
}

#durability .boxLinkContent {
    position: relative;
}

#durability .boxBtn {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#durability .btn-1 {
    width: 23%;
    left: 0px;
    top: 122px;
}

#durability .btn-2 {
    width: 21.8%;
    left: 23.7%;
    top: 43px;
}

#durability .btn-3 {
    width: 26%;
    left: 47.6%;
    top: 96px;
}

#durability .btn-4 {
    width: 28.3%;
    left: 72.7%;
    top: 26px;
}

#durability .boxBtn img {
    display: block;
    width: 100%;
    height: auto;
}

/*
boxSitmap layout =================================== */
.boxSitmap {
    display: block;
    width: 100%;
    height: auto;
    min-height: 400px;
    position: fixed;
    left: 0px;
    bottom: 100%;
    z-index: 1000;
    background: url(https://www.ch-karnchang.co.th/assets/img/bg_sitmap.jpg) no-repeat right top #000;
    background-size: contain;
}

.boxSitmap .btnCloseSitmap {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    width: 45px;
    height: 44px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-div.png) no-repeat left top;
    cursor: pointer;
}

.boxSitmap .boxListSitmap {
    width: 79%;
}

.boxSitmap .oneListSitmap {
    display: block;
    float: left;
    padding: 20px 0px 0px 20px;
}

.boxSitmap .oneListSitmap .num {
    opacity: 0.4;
}

.boxSitmap .oneListSitmap>h4 {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.boxSitmap .oneListSitmap>h4 a {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
}

.boxSitmap .oneListSitmap>ul {
    margin: 0px;
    padding: 10px 0px;
    list-style: none;
}

.boxSitmap .oneListSitmap>ul>li {
    margin: 0px;
    padding: 0px 0px 0px 23px;
    list-style: none;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-bullet-1.png) no-repeat 11px 8px;
}

.boxSitmap .oneListSitmap>ul>li>a {
    color: #959595;
    text-decoration: none;
    font-size: 18px;
    font-family: 'fc_minimalbold';
}

.boxSitmap .oneListSitmap>ul>li>a:hover {
    text-decoration: underline;
    color: #fff;
}

.boxSitmap .oneListSitmap>ul>li>ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.boxSitmap .oneListSitmap>ul>li>ul>li {
    margin: 0px;
    padding: 0px 0px 0px 7px;
    list-style: none;
}

.boxSitmap .oneListSitmap>ul>li>ul>li>a {
    color: #959595;
    text-decoration: none;
    font-size: 18px;
}

.boxSitmap .oneListSitmap>ul>li>ul>li>a:hover {
    text-decoration: underline;
    color: #fff;
}

.boxSitmap .boxMainLink {
    width: 270px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.boxSitmap .boxMainLink h2 {
    margin: 0px;
    padding: 20px 0px 0px 0px;
    color: #fff;
    opacity: 0.1;
    font-size: 48px;
    line-height: 48px;
}

.boxSitmap .boxMainLink h3 {
    margin: 0px;
    padding: 0px;
    color: #fff;
    opacity: 0.2;
    font-size: 30px;
    line-height: 30px;
}

.boxSitmap .boxMainLink a {
    display: block;
    width: 198px;
    overflow: hidden;
    color: #B7B7B7;
    font-size: 24px;
    font-family: 'fc_minimalbold';
    text-decoration: none;
    line-height: 50px;
    padding: 0px 0px 0px 40px;
}

.boxSitmap .boxMainLink a.btnNews {
    height: 50px;
    background: url(https://www.ch-karnchang.co.th/assets/img/btnNews.png) no-repeat left top;
}

.boxSitmap .boxMainLink a.btnCareer {
    height: 50px;
    background: url(https://www.ch-karnchang.co.th/assets/img/btnCareer.png) no-repeat left top;
}

.boxSitmap .boxMainLink a.btnContact {
    height: 51px;
    background: url(https://www.ch-karnchang.co.th/assets/img/btnContact.png) no-repeat left top;
}

.boxSitmap .boxMainLink a:hover {
    color: #fff;
}

.boxSitmap .boxMainLink a.btnNews:hover {
    background-position: left -50px;
}

.boxSitmap .boxMainLink a.btnCareer:hover {
    background-position: left -50px;
}

.boxSitmap .boxMainLink a.btnContact:hover {
    background-position: left -51px;
}

.boxSitmap .boxLangSitmap {
    display: none;
    position: relative;
    height: 60px;
}

.boxSitmap .boxLangSitmap>a {
    display: block;
    overflow: hidden;
    width: 45px;
    height: 44px;
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: 8px;
}

.boxSitmap .boxLangSitmap .btnLangEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-en.png);
    left: 59px;
}

.boxSitmap .boxLangSitmap .btnLangEn.Th {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-th.png);
    left: 8px;
}

.boxSitmap .boxLangSitmap>a.action,
.boxSitmap .boxLangSitmap>a:hover {
    background-position: left -44px;
}


/*
boxRightProject layout =================================== */
.boxRightProject {
    display: block;
    height: 100%;
    width: 309px;
    overflow: hidden;
    position: fixed;
    left: 100%;
    top: 0px;
    z-index: 1000;
    background: url(https://www.ch-karnchang.co.th/assets/img/bg-white-90.png) repeat-y left top #000;
}

.boxRightProject .bdrLeft {
    width: 0px;
    height: 42px;
    border-left: 1px solid #000;
    position: absolute;
    left: 0px;
    top: 9px;
}

.boxRightProject .btnCloseRightProject {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    width: 45px;
    height: 44px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-div.png) no-repeat left top;
    cursor: pointer;
}

.boxRightProject .btnCloseRightProject:hover {
    background-position: left -44px;
}

.boxRightProject .content {
    padding: 70px 18px 0px 18px;
}

.boxRightProject .content .projectCategory {
    color: #fff;
    opacity: 0.5;
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    line-height: 18px;
}

.boxRightProject .content .projectName {
    color: #fff;
    margin: 0px;
    padding: 7px 0px 0px 0px;
    font-size: 35px;
    line-height: 26px;
}

.boxRightProject .content .projectNameSub {
    color: #b7b7b7;
    margin: 0px;
    padding: 3px 0px 10px 0px;
    font-size: 25px;
    line-height: 18px;
}

.boxRightProject .content .projectThumb {
    display: block;
    width: 100%;
    /*height:180px;*/
    overflow: hidden;
}

.boxRightProject .content .projectThumb img {
    display: block;
    width: 100%;
    height: auto;
}

.boxRightProject .content .projectDetail {
    position: relative;
    width: 100%;
    min-height: 80px;
    padding: 18px 0px;
}

.boxRightProject .content .cms {
    color: #b7b7b7;
    font-size: 20px;
    line-height: 16px;
}

.boxRightProject .content .projectCopy {
    color: #b7b7b7;
    padding-top: 15px;
}

.boxRightProject .content .projectCopy b {
    display: block;
    font-size: 20px;
    text-align: center;
}

.boxRightProject .projectRate {
    color: #b7b7b7;
}

.boxRightProject .projectRate .boxData {
    padding: 40px 0px 0px 0px;
    text-align: center;
    float: right;
    border-right: 1px solid #4E4E4E;
    width: 32%;
    position: relative;
}

.boxRightProject .projectRate .boxData.boxFirstData {
    border-right: none;
}

.boxRightProject .projectRate .boxData .ico {
    display: block;
    width: 100%;
    max-width: 40px;
    height: 0px;
    margin: 0px auto 10px auto;
    position: relative;
}

.boxRightProject .projectRate .boxData .ico img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.boxRightProject .projectRate .boxData b {
    font-size: 15px;
}

.boxRightProject .projectRate .boxData .boxTxt1 {
    display: block;
    font-size: 26px;
}

.boxRightProject .boxSearch {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.boxRightProject .boxSearch .btnSearchProject {
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    background-color: #161616;
    color: #666;
}

.boxRightProject .boxSearch .btnSearchNowProject {
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    background-color: #2B2B2D;
    color: #666;
}

.boxRightProject .boxSearch .btnSearchOldProject {
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    background-color: #3F4042;
    color: #666;
}

.boxRightProject .boxListRightProject {
    width: 100%;
    height: 100%;
    position: relative;
}

.boxRightProject .boxListRightProject .boxOneRightProject {
    width: 100%;
    /*height:100%;*/
    position: absolute;
    left: 0px;
    top: 0px;
}

.boxRightProject .boxCtrlRightProject {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.boxRightProject .boxCtrlRightProject .btnBack {
    display: block;
    height: 26px;
    padding-left: 25px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    line-height: 26px;
    text-decoration: none;
    color: #373737;
    font-family: fc_minimalbold;
}

.boxRightProject .boxCtrlRightProject .btnBack span {
    display: block;
    width: 16px;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-back-2-on.png) no-repeat left top;
}

.boxRightProject .boxCtrlRightProject .btnBack:hover {
    color: #898989;
}

.boxRightProject .boxCtrlRightProject .btnBack:hover span {
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-back-2-off.png) no-repeat left top
}

.boxRightProject .boxCtrlRightProject .btnNext {
    display: block;
    height: 26px;
    padding-right: 25px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    line-height: 26px;
    text-decoration: none;
    color: #373737;
    font-family: fc_minimalbold;
}

.boxRightProject .boxCtrlRightProject .btnNext span {
    display: block;
    width: 16px;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-next-2-on.png) no-repeat left top;
}

.boxRightProject .boxCtrlRightProject .btnNext:hover {
    color: #898989;
}

.boxRightProject .boxCtrlRightProject .btnNext:hover span {
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-next-2-off.png) no-repeat left top
}


/*
boxBgOpenSearchProject layout =================================== */
.boxBgOpenSearchProject {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}

.bgLoading {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/loading.gif);
}

.boxAjaxSearch {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: #000;
}

.boxAjaxSearch .boxResultSearch {}

.boxAjaxSearch .boxResultSearch a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.boxAjaxSearch .btnCloseAjaxSearch {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 45px;
    height: 44px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-div.png) no-repeat left top;
    cursor: pointer;
}

.boxAjaxSearch .btnCloseAjaxSearch:hover {
    background-position: left -44px;
}


/*
boxBgOpenProject layout =================================== */
.boxBgOpenProject {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}

.boxPage2-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.boxPage2-detail .bgImgProject {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.boxPage2-detail .btnCloseProject {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 45px;
    height: 44px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-div.png) no-repeat left top;
    cursor: pointer;
    z-index: 500;
}

.boxPage2-detail .btnCloseProject:hover {
    background-position: left -44px;
}

.boxPage2-detail .bottomDetail {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: url(https://www.ch-karnchang.co.th/assets/img/bg-black-50.png) repeat left top;
}

.boxPage2-detail .bottomDetail .btnBackProject {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/02/btnBack.png) no-repeat 70% center;
    opacity: 0.7;
    z-index: 10;
}

.boxPage2-detail .bottomDetail .btnNextProject {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/02/btnNext.png) no-repeat 30% center;
    opacity: 0.7;
    z-index: 10;
}

.boxPage2-detail .bottomDetail .btnBackProject:hover,
.boxPage2-detail .bottomDetail .btnNextProject:hover {
    opacity: 1;
}

.boxPage2-detail .bottomDetail .content {
    position: relative;
    margin: 0px auto;
    padding: 25px 0px;
    display: block;
    width: 67%;
    height: auto;
}

.boxPage2-detail .bottomDetail .content .projectCategory {
    color: #fff;
    margin: 0px;
    padding: 0px;
    font-size: 38px;
    line-height: 26px;
}

.boxPage2-detail .bottomDetail .content .projectCategory span {
    opacity: 0.5;
}

.boxPage2-detail .bottomDetail .content .projectName {
    color: #fff;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    font-size: 52px;
    line-height: 37px;
}

.boxPage2-detail .bottomDetail .content .projectNameSub {
    color: #b7b7b7;
    margin: 0px;
    padding: 7px 0px 10px 0px;
    font-size: 32px;
    line-height: 24px;
    max-width: 60%;
}

.boxPage2-detail .bottomDetail .content .projectDetail {
    position: relative;
    width: 100%;
    min-height: 80px;
}

.boxPage2-detail .bottomDetail .content .cms {
    color: #b7b7b7;
    max-width: 60%;
}

.boxPage2-detail .bottomDetail .content .projectCopy {
    color: #b7b7b7;
    padding-top: 7px;
    max-width: 60%;
}

.boxPage2-detail .bottomDetail .content .projectCopy .projectInProgress {
    color: #000;
    opacity: 1;
    background-color: #bc9633;
    padding: 0px 5px;
    font-size: 24px;
    border-radius: 5px;
}

.boxPage2-detail .bottomDetail .content .projectCopy .projectDone {
    color: #000;
    opacity: 1;
    background-color: #5781a9;
    padding: 0px 5px;
    font-size: 24px;
    border-radius: 5px;
}

.boxPage2-detail .bottomDetail .content .projectRate {
    color: #b7b7b7;
    width: 38%;
    position: absolute;
    right: 0px;
    top: -20px;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData {
    padding: 40px 0px 0px 0px;
    text-align: center;
    float: right;
    border-left: 1px solid #4E4E4E;
    width: 32%;
    position: relative;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData.boxFirstData {
    border-right: 1px solid #4E4E4E;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData .ico {
    display: block;
    width: 100%;
    max-width: 50px;
    height: 0px;
    margin: 0px auto 10px auto;
    position: relative;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData .ico img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData b {
    font-size: 18px;
}

.boxPage2-detail .bottomDetail .content .projectRate .boxData .boxTxt1 {
    display: block;
    font-size: 31px;
}


/*
boxOtherPage layout =================================== */
.boxOtherPage {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 800;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}


/*
pageJump layout =================================== */
#pageJump {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 850;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}

/*
preload layout =================================== */
.boxPreload {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: #222;
}

.boxPreload .boxPos {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0px;
    height: 0px;
}

.boxPreload .boxProgress {
    position: absolute;
    left: -100px;
    top: -100px;
    width: 188px;
    height: 188px;
    padding: 6px;
}

.boxPreload .boxCircle1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 194px;
    height: 194px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.boxPreload .txtProgress {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 200px;
    z-index: 9999;
    color: #fff;
    font-size: 90px;
    line-height: 200px;
    text-align: center;
    overflow: hidden;
}

.boxPreload .txtLoading {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: 200px;
    z-index: 9999;
    color: #617E9B;
    text-align: center;
    overflow: hidden;
}


/*
about inner page =================================== */
#boxAboutInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#boxAboutInner .bgAboutInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(https://www.ch-karnchang.co.th/assets/img/01/bg-inner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#boxAboutInner .boxListAboutInner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

#boxAboutInner .oneAboutInner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

#boxAboutInner .boxListSubTitlePage {
    display: block;
    height: 23px;
    line-height: 23px;
    position: absolute;
    left: 205px;
    top: 68px;
    font-size: 21px;
    color: #959595;
}

#boxAboutInner .aboutInnerCtrl {
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 50%;
}

#boxAboutInner .aboutInnerCtrl .btnBack {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-back-1.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: -27px;
    cursor: pointer;
}

#boxAboutInner .aboutInnerCtrl .btnNext {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-next-1.png) no-repeat left top;
    position: absolute;
    right: 20px;
    top: -27px;
    cursor: pointer;
}

#boxAboutInner .boxYears {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 20%;
    max-height: 140px;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgYear.png) repeat left top;
}

#boxAboutInner .titleBoxYears {
    display: block;
    position: absolute;
    left: 0%;
    top: 22%;
    margin: 0px;
    padding: 0px;
    color: #335E87;
    font-size: 36px;
    width: 100%;
    text-align: center;
}

#boxAboutInner .bgLineDot {
    display: block;
    position: absolute;
    left: 12%;
    top: 50%;
    width: 76%;
    height: 4px;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgDot.png) repeat-x left top;
}

#boxAboutInner .boxListYear {
    display: block;
    position: absolute;
    left: 12.5%;
    top: 50%;
    width: 75%;
    height: 15px;
}

#boxAboutInner .oneYear {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0px;
}

#boxAboutInner .oneYear span {
    display: block;
    margin-right: 4px;
    height: 100%;
}

#boxAboutInner .oneYear span i {
    display: none;
    position: absolute;
    left: 50%;
    top: -40%;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#boxAboutInner .oneYear.action span,
#boxAboutInner .oneYear.action span i,
#boxAboutInner .oneYear:hover span,
#boxAboutInner .oneYear:hover span i {
    display: block;
    background-color: #BC9633 !important;
}

#boxAboutInner .boxYearsContent {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 80%;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgYearContent.png) repeat-x left top #fff;
}

#boxAboutInner .boxYearsContentSlide {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#boxAboutInner .oneBoxYearsContent {
    display: block;
    width: 335px;
    height: 100%;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

#boxAboutInner .boxCT {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 0px;
    height: 100%;
}

#boxAboutInner .boxNormal {
    display: block;
    width: 485px;
    height: 100%;
    position: absolute;
    left: -242px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fff;
}

#boxAboutInner .boxHover {
    display: block;
    width: 485px;
    height: 100%;
    position: absolute;
    left: -242px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #313232;
}

#boxAboutInner .boxLeftLine {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2px;
    height: 100%;
}

#boxAboutInner .boxAlphaBottom {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 55px;
}

#boxAboutInner .boxYearsText {
    display: block;
    width: 90%;
    padding: 0px 5% 5% 5%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

#boxAboutInner .boxYearsText .oneListYearDes {
    position: relative;
    padding-left: 120px;
    padding-bottom: 10px;
    opacity: 0.7;
    text-shadow: 0px 0px 2px #000;
}

#boxAboutInner .boxYearsText .oneListYearDes h4 {
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 30px;
}

#boxAboutInner .boxYearsText .oneListYearDes h4 b {
    font-size: 36px;
}

#boxAboutInner .boxNumYear {
    display: block;
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    opacity: 0.7;
    padding-bottom: 0px;
}

#boxAboutInner .boxTitleYear {
    display: block;
    color: #fff;
    font-size: 31px;
    line-height: 27px;
    padding-bottom: 20px;
    text-shadow: 0px 0px 2px #000;
}

#boxAboutInner .boxDesYear {
    display: block;
    color: #999;
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 30px;
}

#boxAboutInner .boxHover .boxNumYear {
    color: #fff;
    opacity: 0.7;
    padding-bottom: 0px;
    text-shadow: 0px 0px 2px #000;
}

#boxAboutInner .boxMobileYearContent {
    display: none;
}

#boxAboutInner .boxMobileYearContent .boxMobileContentDetail {
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
    background: #313232;
}

#boxAboutInner .boxMobileYearContent .boxMobileContentDetail .bgMobileContent {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

#boxAboutInner .boxMobileYearContent .boxMobileContentDetail b {
    display: block;
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    opacity: 0.7;
    text-shadow: 0px 0px 2px #000;
    position: relative;
    padding-top: 150px;
}

#boxAboutInner .boxMobileYearContent .boxMobileContentDetail strong {
    display: block;
    color: #fff;
    font-size: 31px;
    line-height: 27px;
    padding-bottom: 20px;
    text-shadow: 0px 0px 2px #000;
    position: relative;
}

#boxAboutInner .boxMobileYear {
    display: none;
    padding: 10px 0px;
}

#boxAboutInner .boxMobileYear .oneMobileYear {
    display: block;
    text-align: center;
    float: left;
    color: #666;
    font-size: 25px;
    line-height: 23px;
    text-decoration: none;
}


/* 
inner 0
========================== */
#aboutInner0 {}

#aboutInner0 .boxBgInner0 {
    width: 71.25%;
    position: absolute;
    left: 14.3125%;
    top: 0px;
}

#aboutInner0 .boxBgInner0 img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner0 .boxToon {
    display: block;
    width: 23.375%;
    position: absolute;
    left: 62.375%;
    top: 38%;
    border: 2px dotted #CCB066;
    border-radius: 5px;
}

#aboutInner0 .boxToon .oneToon {
    display: block;
    clear: both;
    position: relative;
    padding: 3% 3% 6% 5%;
}

#aboutInner0 .boxToon .boxImg {
    display: block;
    float: left;
    width: 19%;
    height: auto;
    padding-right: 4%;
}

#aboutInner0 .boxToon .boxTxt {
    display: block;
    color: #7D7D7D;
    font-size: 24px;
}

#aboutInner0 .boxToon .boxNum {
    color: #1C4872;
    padding: 5px 0px 10px 0px;
    margin: 0px;
    font-size: 48px;
}

#aboutInner0 .boxToon .boxNum span {
    font-size: 32px;
}

#aboutInner0 .boxOrgDetail {
    display: block;
    width: 23.375%;
    position: absolute;
    left: 13.3125%;
    top: 17.5%;
    color: #7D7D7D;
    font-size: 23px;
    line-height: 100%;
}

#aboutInner0 .boxOrgDetail h2.titleMobile {
    display: none;
}

#aboutInner0 .boxOrgDetail h3 {
    display: block;
    padding: 0px;
    margin: 0px;
    color: #1C4872;
    font-size: 30px;
}

#aboutInner0 .boxOrgDetail b {
    font-size: 23px;
}

#aboutInner0 .boxAddress {
    display: block;
    width: 25%;
    position: absolute;
    left: 67.5625%;
    top: 17%;
    color: #7D7D7D;
    font-size: 25px;
    line-height: 90%;
}

#aboutInner0 .boxAddress b {
    font-size: 25px;
}

#aboutInner0 .boxAddress h3 {
    padding: 0px 0px 7px 0px;
    margin: 0px;
    color: #1C4872;
    font-size: 30px;
}

#aboutInner0 .boxAddress a {
    color: #7D7D7D;
}

#aboutInner0 .ico-build {
    display: block;
    position: absolute;
    left: 983px;
    top: 130px;
}

#aboutInner0 .boxHoon {
    display: block;
    width: 23.375%;
    position: absolute;
    left: 13.3125%;
    top: 38%;
    padding-bottom: 8%;
    border: 2px dotted #CCB066;
    border-radius: 5px;
}

#aboutInner0 .boxHoon .titleHoon {
    display: block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: -12px;
    font-size: 30px;
    color: #1C4872;
}

#aboutInner0 .boxHoon .oneHoon {
    display: block;
    position: relative;
    float: left;
    width: 46%;
    text-align: center;
    padding-top: 13px;
    padding-left: 4%;
}

#aboutInner0 .boxHoon .onePrice {
    display: block;
    position: relative;
    float: right;
    width: 46%;
    text-align: center;
    padding-top: 13px;
    padding-right: 4%;
}

#aboutInner0 .boxHoon .ico {
    display: block;
    margin: 0px auto;
    width: 29%;
    max-width: 54px;
}

#aboutInner0 .boxHoon b {
    display: block;
    color: #7D7D7D;
    padding: 5px 0px;
}

#aboutInner0 .boxHoon h3 {
    display: block;
    padding: 0px;
    margin: 0px;
    color: #1C4872;
    font-size: 44px;
    line-height: 23px;
}

#aboutInner0 .boxHoon h3 span {
    font-size: 30px;
}

#aboutInner0 .boxHoon .graph {
    display: block;
    width: 100%;
    height: 58%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/* 
inner 1
========================== */
#aboutInner1 .boxBgInner01 {
    position: absolute;
    left: 37.9375%;
    top: 34%;
    width: 21%;
}

#aboutInner1 .boxBgInner01 img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner1 h2.titleMobile {
    display: none;
}

#aboutInner1 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 42px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner1 .desInnerPage {
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: center;
    width: 70%;
    position: absolute;
    left: 15%;
    top: 20%;
}

#aboutInner1 .boxVision {
    position: absolute;
    right: 61%;
    top: 34%;
    width: 24%;
    text-align: right;
}

#aboutInner1 .boxVision h3 {
    padding: 0px;
    margin: 0px;
    font-size: 38px;
    color: #1c4872;
}

#aboutInner1 .boxVision img {
    display: block;
    clear: both;
    float: right;
    padding: 10px 0px;
}

#aboutInner1 .boxVision>div {
    clear: both;
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
}

#aboutInner1 .boxMission {
    position: absolute;
    left: 61%;
    top: 34%;
    width: 30%;
    text-align: left;
}

#aboutInner1 .boxMission h3 {
    padding: 0px;
    margin: 0px;
    font-size: 38px;
    color: #1c4872;
}

#aboutInner1 .boxMission img {
    display: block;
    clear: both;
    float: left;
    padding: 10px 0px;
}

#aboutInner1 .boxMission>div {
    clear: both;
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
}

#aboutInner1 .boxMission ul {
    margin-left: -20px;
}

#aboutInner1 .boxValue {
    position: absolute;
    right: 64%;
    top: 54.5%;
    width: 24%;
    text-align: right;
}

#aboutInner1 .boxValue h3 {
    padding: 0px;
    margin: 0px;
    font-size: 38px;
    color: #1c4872;
}

#aboutInner1 .boxValue img {
    display: block;
    clear: both;
    float: right;
    padding: 10px 0px;
}

#aboutInner1 .boxValue>div {
    clear: both;
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
}

#aboutInner1 .boxValue b {
    font-size: 24px;
}

#aboutInner1 .boxStrategy {
    position: absolute;
    left: 59%;
    top: 57%;
    width: 30%;
    text-align: left;
}

#aboutInner1 .boxStrategy h3 {
    padding: 0px;
    margin: 0px;
    font-size: 38px;
    color: #1c4872;
}

#aboutInner1 .boxStrategy img {
    display: block;
    clear: both;
    float: left;
    padding: 10px 0px;
}

#aboutInner1 .boxStrategy>div {
    clear: both;
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
}

#aboutInner1 .boxStrategy ul {
    margin-left: -20px;
}


#aboutInner1 .btnMore {
    color: #bc9633;
}

/* 
inner 2
========================== */
#aboutInner2 .orgChart {
    display: block;
}

#aboutInner2 .orgChartMobile {
    display: none;
}

/* 
inner 3
========================== */
#aboutInner3 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner3 .desInnerPage {
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: center;
    width: 49.5%;
    position: absolute;
    left: 25%;
    top: 20%;
}

#aboutInner3 .oneBoxBoard {
    display: block;
    width: 12.06636500754148%;
    position: absolute;
    top: 0px;
    text-align: center;
    cursor: pointer;
}

#aboutInner3 .oneBoxBoard img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0px auto;
    border: 4px solid #CED7E0;
    border-radius: 100%;
    padding: 1%;
    background: #94A5B5;
}

#aboutInner3 .oneBoxBoard b {
    display: block;
    font-size: 26px;
    color: #1E4D79;
    padding-top: 10px;
}

#aboutInner3 .oneBoxBoard .boxToolTip {
    display: none;
    text-align: left;
    position: absolute;
    top: 88%;
    left: -22%;
    width: 126%;
    height: auto;
    background-color: #fff;
    color: #666;
    font-size: 20px;
    padding: 0px 10px 10px 10px;
    border: 4px solid rgb(159, 177, 194);
    margin-left: -4px;
    z-index: 100;
    opacity: 0;
}

#aboutInner3 .oneBoxBoard .boxToolTip .before {
    display: block;
    position: absolute;
    left: 47%;
    top: -11px;
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: 300;
    border-top: solid 4px rgb(159, 177, 194);
    border-left: solid 4px rgb(159, 177, 194);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#aboutInner3 .oneBoxBoard:hover .boxToolTip {
    display: block;
    opacity: 1;
}

#aboutInner3 .boxListBoard-1 {
    display: block;
    position: absolute;
    left: 5%;
    top: 24%;
    width: 90%;
    height: auto;
}

#aboutInner3 .boxListBoard-1 .oneBox-1 {
    left: 12.06636500754148%;
}

#aboutInner3 .boxListBoard-1 .oneBox-2 {
    left: 24.73604826546003%;
}

#aboutInner3 .boxListBoard-1 .oneBox-3 {
    left: 37.48114630467572%;
}

#aboutInner3 .boxListBoard-1 .oneBox-4 {
    left: 50.15082956259427%;
}

#aboutInner3 .boxListBoard-1 .oneBox-5 {
    left: 63.04675716440422%;
}

#aboutInner3 .boxListBoard-1 .oneBox-6 {
    left: 75.71644042232278%;
}

#aboutInner3 .boxListBoard-2 {
    display: block;
    position: absolute;
    left: 5%;
    top: 24%;
    width: 90%;
    height: auto;
}

#aboutInner3 .boxListBoard-2 .oneBox-1 {
    left: 18.06636500754148%;
}

#aboutInner3 .boxListBoard-2 .oneBox-2 {
    left: 30.73604826546003%;
}

#aboutInner3 .boxListBoard-2 .oneBox-3 {
    left: 43.48114630467572%;
}

#aboutInner3 .boxListBoard-2 .oneBox-4 {
    left: 56.15082956259427%;
}

#aboutInner3 .boxListBoard-2 .oneBox-5 {
    left: 69.04675716440422%;
}

#aboutInner3 .boxListBoard-2 .oneBox-6 {
    left: 75.71644042232278%;
}

#aboutInner3 .bgListBoard-1 {
    display: block;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner3 .boxListBoard-3 {
    display: block;
    position: absolute;
    left: 5%;
    top: 49%;
    width: 90%;
    height: auto;
}

#aboutInner3 .boxListBoard-3 .oneBox-1 {
    left: 24.9%;
}

#aboutInner3 .boxListBoard-3 .oneBox-2 {
    left: 37.58%;
}

#aboutInner3 .boxListBoard-3 .oneBox-3 {
    left: 50.4%;
}

#aboutInner3 .boxListBoard-3 .oneBox-4 {
    left: 63.0%;
}

/* 
inner 4
========================== */
#aboutInner4 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner4 .desInnerPage {
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: center;
    width: 49.5%;
    position: absolute;
    left: 25%;
    top: 20%;
}

#aboutInner4 .oneBoxBoard {
    display: block;
    width: 12.06636500754148%;
    position: absolute;
    top: 0px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 21px;
}

#aboutInner4 .oneBoxBoard img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0px auto;
    border: 4px solid #CED7E0;
    border-radius: 100%;
    padding: 1%;
    background: #94A5B5;
}

#aboutInner4 .oneBoxBoard b {
    display: block;
    font-size: 26px;
    color: #1E4D79;
    padding-top: 10px;
}

#aboutInner4 .oneBoxBoard .boxToolTip {
    display: none;
    text-align: left;
    position: absolute;
    top: 88%;
    left: -22%;
    width: 126%;
    height: auto;
    background-color: #fff;
    color: #666;
    font-size: 20px;
    padding: 0px 10px 10px 10px;
    border: 4px solid rgb(159, 177, 194);
    margin-left: -4px;
    z-index: 100;
    opacity: 0;
}

#aboutInner4 .oneBoxBoard .boxToolTip .before {
    display: block;
    position: absolute;
    left: 47%;
    top: -11px;
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: 300;
    border-top: solid 4px rgb(159, 177, 194);
    border-left: solid 4px rgb(159, 177, 194);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#aboutInner4 .oneBoxBoard:hover .boxToolTip {
    display: block;
    opacity: 1;
}

/* ##### 4 People ##### */
#aboutInner4 [class*="boxListBoard"] {
    display: block;
    position: absolute;
    left: 5%;
    top: 24%;
    width: 90%;
    height: auto;
}

#aboutInner4 [class*="boxListBoard"] .oneBox-1 {
    left: 34.06636500754148%;
}

#aboutInner4 [class*="boxListBoard"] .oneBox-2 {
    left: 52.2%;
}

#aboutInner4 .bgListBoard-1 {
    display: block;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner4 .boxListBoard-2 {
    display: block;
    top: 0px;
    height: auto;
}

#aboutInner4 .boxListBoard-2 .oneBox-1 {
    left: 43.1%;
}

/* 
inner 5
========================== */
#aboutInner5 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner5 .desInnerPage {
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: center;
    width: 49.5%;
    position: absolute;
    left: 25%;
    top: 20%;
}

#aboutInner5 .oneBoxBoard {
    display: block;
    width: 12.06636500754148%;
    position: absolute;
    top: 0px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 21px;
}

#aboutInner5 .oneBoxBoard img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0px auto;
    border: 4px solid #CED7E0;
    border-radius: 100%;
    padding: 1%;
    background: #94A5B5;
}

#aboutInner5 .oneBoxBoard b {
    display: block;
    font-size: 26px;
    color: #1E4D79;
    padding-top: 10px;
}

#aboutInner5 .oneBoxBoard .boxToolTip {
    display: none;
    text-align: left;
    position: absolute;
    top: 88%;
    left: -22%;
    width: 126%;
    height: auto;
    background-color: #fff;
    color: #666;
    font-size: 20px;
    padding: 0px 10px 10px 10px;
    border: 4px solid rgb(159, 177, 194);
    margin-left: -4px;
    z-index: 100;
    opacity: 0;
}

#aboutInner5 .oneBoxBoard .boxToolTip .before {
    display: block;
    position: absolute;
    left: 47%;
    top: -11px;
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: 300;
    border-top: solid 4px rgb(159, 177, 194);
    border-left: solid 4px rgb(159, 177, 194);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#aboutInner5 .oneBoxBoard:hover .boxToolTip {
    display: block;
    opacity: 1;
}

/* ##### 13 People (3 rows : 4-5-4) ##### */
#aboutInner5 .boxListBoard-1 {
    display: block;
    position: absolute;
    left: 5%;
    top: 22%;
    width: 90%;
    height: auto;
}

#aboutInner5 .boxListBoard-1 .oneBox-1 {
    left: 16.6%;
}

#aboutInner5 .boxListBoard-1 .oneBox-2 {
    left: 34.15%;
}

#aboutInner5 .boxListBoard-1 .oneBox-3 {
    left: 52.25%;
}

#aboutInner5 .boxListBoard-1 .oneBox-4 {
    left: 71.4%;
}

#aboutInner5 .boxListBoard-2 {
    display: block;
    position: absolute;
    left: 5%;
    top: 46%;
    width: 90%;
    height: auto;
}

#aboutInner5 .boxListBoard-2 .oneBox-1 {
    left: 12.06636500754148%;
}

#aboutInner5 .boxListBoard-2 .oneBox-2 {
    left: 28%;
}

#aboutInner5 .boxListBoard-2 .oneBox-3 {
    left: 44.2%;
}

#aboutInner5 .boxListBoard-2 .oneBox-4 {
    left: 60.2%;
}

#aboutInner5 .boxListBoard-2 .oneBox-5 {
    left: 75.9%;
}

#aboutInner5 .boxListBoard-3 {
    display: block;
    position: absolute;
    left: 5%;
    top: 70%;
    width: 90%;
    height: auto;
}

#aboutInner5 .boxListBoard-3 .oneBox-1 {
    left: 16.6%;
}

#aboutInner5 .boxListBoard-3 .oneBox-2 {
    left: 34.15%;
}

#aboutInner5 .boxListBoard-3 .oneBox-3 {
    left: 52.25%;
}

#aboutInner5 .boxListBoard-3 .oneBox-4 {
    left: 71.4%;
}

#aboutInner5 .bgListBoard-1 {
    display: block;
    top: 0px;
    width: 100%;
    height: auto;
}

/* ##### 12 People ##### */
/* #aboutInner5 [class*="boxListBoard"]{display:block; position:absolute; left:5%; top:24%; width:90%; height:auto;}
#aboutInner5 [class*="boxListBoard"] .oneBox-1 {left:12.06636500754148%;}
#aboutInner5 [class*="boxListBoard"] .oneBox-2 {left:24.73604826546003%;}
#aboutInner5 [class*="boxListBoard"] .oneBox-3 {left:37.48114630467572%;}
#aboutInner5 [class*="boxListBoard"] .oneBox-4 {left:50.15082956259427%;}
#aboutInner5 [class*="boxListBoard"] .oneBox-5 {left:63.04675716440422%;}
#aboutInner5 [class*="boxListBoard"] .oneBox-6 {left:75.71644042232278%;}
#aboutInner5 .bgListBoard-1 {display:block; top:0px; width:100%; height:auto;} */

/* ##### 11 People ##### */
/*#aboutInner5 .boxListBoard-1 {display:block; position:absolute; left:5%; top:24%; width:90%; height:auto;}
#aboutInner5 .boxListBoard-1 .oneBox-1 {left:12.06636500754148%;}
#aboutInner5 .boxListBoard-1 .oneBox-2 {left:24.73604826546003%;}
#aboutInner5 .boxListBoard-1 .oneBox-3 {left:37.48114630467572%;}
#aboutInner5 .boxListBoard-1 .oneBox-4 {left:50.15082956259427%;}
#aboutInner5 .boxListBoard-1 .oneBox-5 {left:63.04675716440422%;}
#aboutInner5 .boxListBoard-1 .oneBox-6 {left:75.71644042232278%;}
#aboutInner5 .boxListBoard-2 {display:block; position:absolute; left:5%; top:24%; width:90%; height:auto;}
#aboutInner5 .boxListBoard-2 .oneBox-1 {left:18.06636500754148%;}
#aboutInner5 .boxListBoard-2 .oneBox-2 {left:30.73604826546003%;}
#aboutInner5 .boxListBoard-2 .oneBox-3 {left:43.48114630467572%;}
#aboutInner5 .boxListBoard-2 .oneBox-4 {left:56.15082956259427%;}
#aboutInner5 .boxListBoard-2 .oneBox-5 {left:69.04675716440422%;}
#aboutInner5 .boxListBoard-2 .oneBox-6 {left:75.71644042232278%;}
#aboutInner5 .bgListBoard-1 {display:block; top:0px; width:100%; height:auto;}*/

/* ##### 10 People ##### */
/*#aboutInner5 .boxListBoard-1 {display:block; position:absolute; left:5%; top:23%; width:90%; height:auto; white-space:nowrap;}
#aboutInner5 .boxListBoard-1 .oneBox-1 {left:12.06636500754148%;}
#aboutInner5 .boxListBoard-1 .oneBox-2 {left:28%;}
#aboutInner5 .boxListBoard-1 .oneBox-3 {left:44.2%;}
#aboutInner5 .boxListBoard-1 .oneBox-4 {left:60.2%;}
#aboutInner5 .boxListBoard-1 .oneBox-5 {left:75.9%;}
#aboutInner5 .bgListBoard-1 {display:block; top:0px; width:100%; height:auto;}

#aboutInner5 .boxListBoard-2 {display:block; position:absolute; left:5%; top:50%; width:90%; height:auto; white-space:nowrap;}
#aboutInner5 .boxListBoard-2 .oneBox-1 {left:12.06636500754148%;}
#aboutInner5 .boxListBoard-2 .oneBox-2 {left:28%;}
#aboutInner5 .boxListBoard-2 .oneBox-3 {left:44.2%;}
#aboutInner5 .boxListBoard-2 .oneBox-4 {left:60.2%;}
#aboutInner5 .boxListBoard-2 .oneBox-5 {left:75.9%;}
#aboutInner5 .bgListBoard-2 {display:block; top:0px; width:100%; height:auto;}*/

/* 
inner 6
========================== */
#aboutInner6 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner6 .oneBoxBoard {
    display: block;
    width: 12.06636500754148%;
    position: absolute;
    top: 0px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 21px;
}

#aboutInner6 .oneBoxBoard img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0px auto;
    border: 4px solid #CED7E0;
    border-radius: 100%;
    padding: 1%;
    background: #94A5B5;
}

#aboutInner6 .oneBoxBoard b {
    display: block;
    font-size: 26px;
    color: #1E4D79;
    padding-top: 10px;
}

#aboutInner6 .oneBoxBoard .boxToolTip {
    display: none;
    text-align: left;
    position: absolute;
    top: 88%;
    left: -22%;
    width: 126%;
    height: auto;
    background-color: #fff;
    color: #666;
    font-size: 20px;
    padding: 0px 10px 10px 10px;
    border: 4px solid rgb(159, 177, 194);
    margin-left: -4px;
    z-index: 100;
    opacity: 0;
}

#aboutInner6 .oneBoxBoard .boxToolTip .before {
    display: block;
    position: absolute;
    left: 47%;
    top: -11px;
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: 300;
    border-top: solid 4px rgb(159, 177, 194);
    border-left: solid 4px rgb(159, 177, 194);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#aboutInner6 .oneBoxBoard:hover .boxToolTip {
    display: block;
    opacity: 1;
}

#aboutInner6 .boxListBoard-1 {
    display: block;
    position: absolute;
    left: 5%;
    top: 23%;
    width: 90%;
    height: auto;
}

#aboutInner6 [class*="boxListBoard"] .oneBox-1 {
    left: 21.5%;
}

#aboutInner6 [class*="boxListBoard"] .oneBox-2 {
    left: 43.1%;
}

#aboutInner6 [class*="boxListBoard"] .oneBox-3 {
    left: 65%;
}

#aboutInner6 .bgListBoard-1 {
    display: block;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner6 .boxListBoard-2 {
    display: block;
    position: absolute;
    left: 5%;
    top: 50%;
    width: 90%;
    height: auto;
}

#aboutInner6 .bgListBoard-2 {
    display: block;
    top: 0px;
    width: 100%;
    height: auto;
}

/* 
inner 7
========================== */
#aboutInner7 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner7 .desInnerPage {
    font-size: 24px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: center;
    width: 49.5%;
    position: absolute;
    left: 25%;
    top: 20%;
}

#aboutInner7 .boxContent06 {
    display: block;
    width: 78%;
    position: absolute;
    left: 11%;
    top: 28%;
}

#aboutInner7 .boxContent06 .bg {
    display: block;
    width: 78%;
    width: 100%;
    height: auto;
}

#aboutInner7 .boxContent06 .boxIco06-1 {
    display: block;
    position: absolute;
    left: 25.44570502431118%;
    top: 0px;
    width: 10.61588330632091%;
}

#aboutInner7 .boxContent06 .boxIco06-2 {
    display: block;
    position: absolute;
    left: 64.26256077795786%;
    top: 0px;
    width: 10.61588330632091%;
}

#aboutInner7 .boxContent06 .bgIco {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

#aboutInner7 .boxContent06 .ico {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

#aboutInner7 .boxContent06 .boxContentIco1 {
    display: block;
    width: 38.24959481361426%;
    position: absolute;
    left: 11.75040518638574%;
    top: 33.1858407079646%;
    text-align: center;
}

#aboutInner7 .boxContent06 .boxContentIco2 {
    display: block;
    width: 38.24959481361426%;
    position: absolute;
    right: 11.75040518638574%;
    top: 33.1858407079646%;
    text-align: center;
}

#aboutInner7 .boxContent06 .boxTitleIco {
    display: block;
    padding: 0px;
    margin: 0px;
    color: #1C4872;
    font-size: 36px;
}

#aboutInner7 .boxContent06 .boxDesIco {
    display: block;
    padding: 16px 0px 20px 0px;
    line-height: 22px;
    color: #666;
    font-size: 25px;
}

#aboutInner7 .boxContent06 .btnOpenIco {
    display: block inline-block;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #1C4872;
}

#aboutInner7 .boxContent06 .btnOpenIco b {
    font-size: 25px;
}

#aboutInner7 .boxContent06 .boxOpenIco1 {
    display: block;
    position: absolute;
    left: 9%;
    top: 38.05309734513274%;
    width: 43%;
    background-color: #1C4872;
    color: #fff;
    font-size: 21px;
}

#aboutInner7 .boxContent06 .boxOpenIco1 table {
    padding-right: 15px;
}

#aboutInner7 .boxContent06 .boxOpenIco1 table tr {
    vertical-align: top;
}

#aboutInner7 .boxContent06 .boxOpenIco2 {
    display: block;
    position: absolute;
    right: 8%;
    top: 38.05309734513274%;
    width: 45%;
    background-color: #1C4872;
    color: #fff;
    font-size: 21px;
}

#aboutInner7 .boxContent06 .boxOpenIco2 table {
    padding-right: 15px;
}

#aboutInner7 .boxContent06 .boxOpenIco2 table tr {
    vertical-align: top;
}


#aboutInner7 .boxContent06 .boxOpenIco1 {
    display: none;
}

#aboutInner7 .boxContent06 .boxOpenIco2 {
    display: none;
}

/* 
inner 8
========================== */
#aboutInner8 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    line-height: 40px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 449px;
    top: 114px;
    width: 700px;
}

#aboutInner8 .desInnerPage {
    display: block;
    font-size: 36px;
    line-height: 40px;
    color: #bc9633;
    text-align: center;
    width: 424px;
    position: absolute;
    left: 587px;
    top: 216px;
}

#aboutInner8 .line1 {
    display: block;
    height: 60px;
    width: 1px;
    overflow: hidden;
    text-indent: -9999px;
    border-left: dotted 4px #DCC199;
    position: absolute;
    left: 802px;
    top: 155px;
}

#aboutInner8 .line2 {
    display: block;
    width: 60px;
    height: 1px;
    overflow: hidden;
    text-indent: -9999px;
    border-top: dotted 4px #DCC199;
    position: absolute;
    left: 571px;
    top: 235px;
}

#aboutInner8 .line3 {
    display: block;
    width: 60px;
    height: 1px;
    overflow: hidden;
    text-indent: -9999px;
    border-top: dotted 4px #DCC199;
    position: absolute;
    left: 962px;
    top: 235px;
}

#aboutInner8 .line4 {
    display: block;
    width: 1px;
    height: 23px;
    overflow: hidden;
    text-indent: -9999px;
    border-left: dotted 4px #DCC199;
    position: absolute;
    left: 500px;
    top: 300px;
}

#aboutInner8 .line5 {
    display: block;
    width: 1px;
    height: 23px;
    overflow: hidden;
    text-indent: -9999px;
    border-left: dotted 4px #DCC199;
    position: absolute;
    left: 1095px;
    top: 300px;
}

#aboutInner8 .bgLeft {
    display: block;
    position: absolute;
    left: 440px;
    top: 168px;
}

#aboutInner8 .bgRight {
    display: block;
    position: absolute;
    left: 1032px;
    top: 168px;
}

#aboutInner8 .iconLeft {
    display: block;
    position: absolute;
    left: 440px;
    top: 168px;
}

#aboutInner8 .iconRight {
    display: block;
    position: absolute;
    left: 1032px;
    top: 168px;
}

#aboutInner8 .txtLeft {
    display: block;
    width: 150px;
    position: absolute;
    left: 435px;
    top: 278px;
    font-size: 28px;
    text-align: center;
    color: #1c4872;
    text-shadow: 3px 3px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}

#aboutInner8 .txtRight {
    display: block;
    width: 175px;
    position: absolute;
    left: 1017px;
    top: 278px;
    font-size: 28px;
    text-align: center;
    color: #1c4872;
    text-shadow: 3px 3px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}

#aboutInner8 .boxContentLeft {
    border: dotted 4px #DCC199;
    width: 572px;
    min-height: 260px;
    position: absolute;
    left: 212px;
    top: 325px;
    border-radius: 10px;
    color: #636363;
    line-height: 21px;
    font-size: 21px;
    font-family: fc_minimalbold;
}

#aboutInner8 .boxContentLeft.th {
    width: 682px;
    left: 102px;
}

#aboutInner8 .boxContentLeft.th .firstUl {
    float: left;
    width: 260px;
}

#aboutInner8 .boxContentLeft.th .secUl {
    float: right;
    width: 310px;
    margin-right: 20px;
}

#aboutInner8 .boxContentLeft.en {
    width: 682px;
    left: 102px;
}

#aboutInner8 .boxContentLeft.en .firstUl {
    float: left;
    width: 245px;
}

#aboutInner8 .boxContentLeft.en .secUl {
    float: right;
    width: 330px;
    margin-right: 20px;
}

#aboutInner8 .boxContentRight {
    border: dotted 4px #DCC199;
    width: 572px;
    min-height: 260px;
    position: absolute;
    left: 808px;
    top: 325px;
    border-radius: 10px;
    color: #636363;
    line-height: 21px;
    font-size: 21px;
    font-family: fc_minimalbold;
}

#aboutInner8 .boxContentRight.th {
    width: 682px;
}

#aboutInner8 .boxContentRight.th .firstUl {
    float: left;
    width: 285px;
}

#aboutInner8 .boxContentRight.th .secUl {
    float: right;
    width: 295px;
    margin-right: 20px;
}

#aboutInner8 .boxContentRight.en {
    width: 682px;
}

#aboutInner8 .boxContentRight.en .firstUl {
    float: left;
    width: 270px;
}

#aboutInner8 .boxContentRight.en .secUl {
    float: right;
    width: 305px;
    margin-right: 20px;
}


#aboutInner8 ul li {
    border-bottom: 1px dotted #636363;
    clear: both;
}

#aboutInner8 ul li span {
    display: block;
    width: 50px;
    float: right;
    font-size: 22px;
    color: #1c4872;
}

/* 
inner 9
========================== */
#aboutInner9 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 42px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner9 .box01Content {
    display: block;
    position: absolute;
    left: 160px;
    top: 168px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box02Content {
    display: block;
    position: absolute;
    left: 160px;
    top: 258px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box03Content {
    display: block;
    position: absolute;
    left: 160px;
    top: 368px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box04Content {
    display: block;
    position: absolute;
    left: 160px;
    top: 468px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box05Content {
    display: block;
    position: absolute;
    left: 160px;
    top: 568px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box06Content {
    display: block;
    position: absolute;
    left: 1040px;
    top: 168px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

/* #aboutInner9 .box04Content {display:block; position:absolute; left:1040px; top:208px; color:#7d7d7d; font-size:22px; line-height: 22px;}
#aboutInner9 .box05Content {display:block; position:absolute; left:1040px; top:338px; color:#7d7d7d; font-size:22px; line-height: 22px;}
#aboutInner9 .box06Content {display:block; position:absolute; left:1040px; top:468px; color:#7d7d7d; font-size:22px; line-height: 22px;} */
#aboutInner9 .box07Content {
    display: block;
    position: absolute;
    left: 1040px;
    top: 258px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box08Content {
    display: block;
    position: absolute;
    left: 1040px;
    top: 368px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box09Content {
    display: block;
    position: absolute;
    left: 1040px;
    top: 468px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .box10Content {
    display: block;
    position: absolute;
    left: 1040px;
    top: 568px;
    color: #7d7d7d;
    font-size: 22px;
    line-height: 22px;
}

#aboutInner9 .titleStandard {
    display: block;
    padding-left: 50px;
    position: relative;
    text-decoration: none;
    padding-bottom: 10px;
}

#aboutInner9 .titleStandard img {
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
}

#aboutInner9 .titleStandard b {
    display: block;
    font-size: 29px;
    color: #1c4872;
    padding: 0px;
}

#aboutInner9 .titleStandard strong {
    display: block;
    font-size: 25px;
    color: #bc9633;
}

#aboutInner9 .btnMore {
    color: #bc9633;
}

#aboutInner9 .bg8-1 {
    display: block;
    position: absolute;
    left: 481px;
    top: 93px;
}

#aboutInner9 .bg8-2 {
    display: block;
    position: absolute;
    left: 606px;
    top: 293px;
}

#aboutInner9 .bg8-3 {
    display: block;
    position: absolute;
    left: 768px;
    top: 217px;
}

#aboutInner9 .bg8-4 {
    display: block;
    position: absolute;
    left: 731px;
    top: 248px;
}

#aboutInner9 .bg8-5 {
    display: block;
    position: absolute;
    left: 714px;
    top: 278px;
}

#aboutInner9 .bg8-6 {
    display: block;
    position: absolute;
    left: 691px;
    top: 297px;
}

#aboutInner9 .ico-reward-1 {
    display: block;
    position: absolute;
    left: 641px;
    top: 498px;
}

#aboutInner9 .ico-reward-2 {
    display: block;
    position: absolute;
    left: 695px;
    top: 498px;
}

#aboutInner9 .ico-reward-3 {
    display: block;
    position: absolute;
    left: 754px;
    top: 498px;
}

#aboutInner9 .ico-reward-4 {
    display: block;
    position: absolute;
    left: 814px;
    top: 498px;
}

/* 
inner 10
========================== */
#aboutInner10 .titleInnerPage {
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    color: #1c4872;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 16%;
    width: 70%;
}

#aboutInner10 .desInnerPage {
    font-size: 25px;
    line-height: 22px;
    color: #7d7d7d;
    text-align: center;
    width: 60%;
    position: absolute;
    left: 20%;
    top: 20%;
}

#aboutInner10 .desInnerPage2 {
    font-size: 25px;
    line-height: 22px;
    color: #7d7d7d;
    width: 70%;
    position: absolute;
    left: 20%;
    top: 61%;
}

#aboutInner10 .boxMain8Protect {
    font-size: 25px;
    line-height: 22px;
    display: block;
    position: absolute;
    left: 18.75%;
    top: 26.25%;
    width: 62.5%;
}

#aboutInner10 .boxMain8Protect .bgLineDotProtect {
    display: block;
    width: 100%;
    height: auto;
}

#aboutInner10 .boxMain8Protect .num8 {
    display: block;
    width: 5.9%;
    height: auto;
    position: absolute;
    left: 47.1%;
    top: 34.16666666666667%;
}

#aboutInner10 .boxMain8Protect .line9 {
    display: block;
    height: auto;
    position: absolute;
}

#aboutInner10 .boxMain8Protect .line9-1 {
    left: 35.7%;
    top: 12.22222222222222%;
    width: 11.6%;
}

#aboutInner10 .boxMain8Protect .line9-2 {
    left: 30.9%;
    top: 35%;
    width: 10%;
}

#aboutInner10 .boxMain8Protect .line9-3 {
    left: 30.9%;
    top: 58.61111111111111%;
    width: 9%;
}

#aboutInner10 .boxMain8Protect .line9-4 {
    left: 34.6%;
    top: 73.33333333333333%;
    width: 7.5%;
}

#aboutInner10 .boxMain8Protect .line9-5 {
    left: 52.9%;
    top: 12.22222222222222%;
    width: 11.6%;
}

#aboutInner10 .boxMain8Protect .line9-6 {
    left: 59.3%;
    top: 35%;
    width: 10%;
}

#aboutInner10 .boxMain8Protect .line9-7 {
    left: 60.2%;
    top: 59.16666666666667%;
    width: 8.9%;
}

#aboutInner10 .boxMain8Protect .line9-8 {
    left: 58.3%;
    top: 73.33333333333333%;
    width: 7.5%;
}

#aboutInner10 .boxMain8Protect .boxOneProtect {
    display: block;
    position: absolute;
    color: #7D7D7D;
    width: 35%;
}

#aboutInner10 .boxMain8Protect .boxOneProtect img {
    display: block;
    width: 11%;
    padding-bottom: 20%;
}

#aboutInner10 .boxMain8Protect .opt-1 {
    text-align: right;
    right: 64.8%;
    top: 7.22222222222222%;
}

#aboutInner10 .boxMain8Protect .opt-1 img {
    float: right;
    padding-left: 5%;
}

#aboutInner10 .boxMain8Protect .opt-2 {
    text-align: right;
    right: 69.8%;
    top: 30.55555555555556%;
}

#aboutInner10 .boxMain8Protect .opt-2 img {
    float: right;
    padding-left: 5%;
}

#aboutInner10 .boxMain8Protect .opt-3 {
    text-align: right;
    right: 69.8%;
    top: 53.88888888888889%;
}

#aboutInner10 .boxMain8Protect .opt-3 img {
    float: right;
    padding-left: 5%;
}

#aboutInner10 .boxMain8Protect .opt-4 {
    text-align: right;
    right: 65.8%;
    top: 76.11111111111111%;
}

#aboutInner10 .boxMain8Protect .opt-4 img {
    float: right;
    padding-left: 5%;
}

#aboutInner10 .boxMain8Protect .opt-5 {
    left: 65%;
    top: 7.22222222222222%;
}

#aboutInner10 .boxMain8Protect .opt-5 img {
    float: left;
    padding-right: 5%;
}

#aboutInner10 .boxMain8Protect .opt-6 {
    left: 70%;
    top: 30.55555555555556%;
}

#aboutInner10 .boxMain8Protect .opt-6 img {
    float: left;
    padding-right: 5%;
}

#aboutInner10 .boxMain8Protect .opt-7 {
    left: 70%;
    top: 53.88888888888889%;
}

#aboutInner10 .boxMain8Protect .opt-7 img {
    float: left;
    padding-right: 5%;
}

#aboutInner10 .boxMain8Protect .opt-8 {
    left: 65.2%;
    top: 76.11111111111111%;
}

#aboutInner10 .boxMain8Protect .opt-8 img {
    float: left;
    padding-right: 5%;
}

#aboutInner10 .boxMain8Protect .title8Protect {
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 42.1%;
    top: 61.38888888888889%;
    width: 15.8%;
}

#aboutInner10 .boxMain8Protect .title8Protect img {
    width: 100%;
}

#aboutInner10 .title6Protect {
    display: block;
    padding: 0px;
    margin: 0px;
    width: 240px;
    position: absolute;
    left: 383px;
    top: 227px;
    font-size: 33px;
    color: #1c4872;
    text-align: center;
}

/*
career page =================================== */
.career_bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/career/bg.jpg) no-repeat center center;
    background-size: cover;
}

.career_content {
    display: block;
    width: 70%;
    height: 80%;
    position: absolute;
    left: 12.1%;
    top: 12%;
}

.career_content .titlePage {
    margin: 0px;
    padding: 0px;
    color: #30587f;
    font-size: 70px;
    line-height: 70px;
}

.career_content .except {
    margin: 0px;
    padding: 0px;
    color: #bc9633;
    font-size: 35px;
    line-height: 30px;
    padding-bottom: 5px;
}

.career_content .desPage {
    line-height: 25px;
    font-size: 25px;
    color: #555;
    padding-bottom: 20px;
}

.career_content .career_list_rel {
    display: block;
    width: 100%;
    height: 60%;
    max-height: 350px;
    position: relative;
}

.career_content .career_list_abs {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.career_content .career_one {
    display: block;
    width: 300px;
    height: 90%;
    padding-bottom: 30px;
    margin-right: 30px;
    float: left;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    cursor: pointer;
    box-shadow: 0px 0px 5px #999;
}

.career_content .career_one_inner {
    display: block;
    height: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.career_content .career_one .career_title {
    padding: 25px 0px 10px 0px;
    text-align: center;
    font-size: 24px;
    color: #959595;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.career_content .career_one .career_title h3 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
    font-size: 30px;
    color: #4a6987;
}

.career_content .career_one .career_des {
    margin: 0px;
    padding: 10px 0px;
    list-style: none;
    color: #666;
    overflow: hidden;
}

.career_content .career_one .career_des li {
    margin: 0px;
    padding: 0px 10px 0px 30px;
    list-style: none;
    background: url(https://www.ch-karnchang.co.th/assets/img/career/ico-bullet.png) no-repeat 16px 6px;
}

.career_content .career_one .btnJoin {
    display: block;
    width: 40%;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    margin: -20px auto 0px auto;
    background-color: #30587F;
    text-align: center;
}

.career_content .career_one .btnJoin b {
    color: #fff;
    font-size: 26px;
}

.career_content .career_one:hover {
    border: 2px solid #7A9BAE;
}

.career_people {
    width: 0px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.career_people .people-1 {
    display: block;
    width: auto;
    height: 69.625%;
    position: absolute;
    right: 0px;
    bottom: 19.125%;
}

.career_people .people-2 {
    display: block;
    width: auto;
    height: 19.125%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.career_ctrl {
    width: 100%;
    height: 17px;
    text-align: center;
    position: fixed;
    left: 0px;
    bottom: 30px;
}

.career_ctrl a {
    display: inline-block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin: 0px 5px;
    border-radius: 100%;
    background-color: #687B7C;
    cursor: pointer;
    text-indent: -9999px;
}

.career_ctrl a.action,
.career_ctrl a:hover {
    background-color: #DFEBEC;
}


/*
contact page =================================== */
.contact_bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/contact/bg.jpg) no-repeat center center;
    background-size: cover;
}

.contact_map {
    display: block;
    width: 63.9375%;
    position: absolute;
    left: 1.4375%;
    top: 16%;
}

.contact_map img {
    display: block;
    width: 100%;
    height: auto;
}

.contact_map .boxListLinkMap {
    display: block;
    position: absolute;
    left: 8%;
    bottom: -3%;
}

.contact_map .btnMap {
    display: block;
    padding: 0px 30px 0px 28px;
    background: url(https://www.ch-karnchang.co.th/assets/img/contact/btnPlus.png) no-repeat left top;
    text-decoration: none;
    float: left;
}

.contact_map .btnMap b {
    display: block;
    font-size: 24px;
    color: #1c4872;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.contact_map .btnMap:hover b {
    text-decoration: underline;
}

.contact_content {
    display: block;
    width: 31.25%;
    position: absolute;
    right: 25px;
    top: 12.5%;
}

.contact_title {
    font-size: 70px;
    line-height: 70px;
    color: #4a6987;
    margin: 0px;
    padding: 0px;
}

.contact_txt1 b {
    font-size: 24px;
    color: #636363;
}

.contact_bottomLine {
    background: url(https://www.ch-karnchang.co.th/assets/img/contact/lineDot.png) repeat-x left bottom;
    padding-bottom: 20px;
}

.contact_title_1 {
    font-size: 28px;
    color: #4a6987;
    margin: 0px;
    padding: 15px 0px;
}

.contact_txt2 {
    color: #636363;
    font-size: 21px;
}

.contact_txt2 b {
    color: #636363;
    font-size: 21px;
}

.contact_txt2 a {
    color: #636363;
    text-decoration: none;
}

.contact_txt2 a:hover {
    text-decoration: underline;
}

.contact_title_2 {
    font-size: 34px;
    color: #4a6987;
    margin: 0px;
    padding: 15px 0px;
}

#contact_form {
    color: #464646;
}

#contact_form .contact_firstName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
}

#contact_form .contact_lastName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#contact_form .contact_tel {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
    clear: both;
}

#contact_form .contact_email {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#contact_form .contact_message {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    clear: both;
    width: 98%;
    min-height: 60px;
}

#contact_form .contact_submit {
    border: none;
    margin: 8px 0px 0px 0px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #63819D;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#contact_form .contact_reset {
    border: none;
    margin: 8px 8px 0px 10px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #BC9633;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#contact_form .contact_submit:hover {
    background-color: #5EA4CF;
}

#contact_form .contact_reset:hover {
    background-color: #E5C81B;
}

/*
development page =================================== */
#boxDevelopmentInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#boxDevelopmentInner .bgDevelopmentInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/bg-inner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#boxDevelopmentInner .boxListDevelopmentInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

#boxDevelopmentInner .boxListDevelopmentInner .oneDevelopmentInner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

#boxDevelopmentInner .developmentInnerCtrl {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 35%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn {
    display: block;
    position: absolute;
    top: 5%;
    z-index: 100;
    cursor: pointer;
    text-decoration: none;
    width: 11%;
    padding: 10px;
}

#boxDevelopmentInner .developmentInnerCtrl .btn span {
    position: relative;
    display: block;
    width: 100%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn i {
    display: block;
    position: absolute;
    left: 8%;
    top: 8%;
    width: 84%;
    height: 84%;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    box-shadow: inset #10203a 0px 0px 7px;
    overflow: hidden;
    text-indent: -9999px;
}

#boxDevelopmentInner .developmentInnerCtrl .bgCircle {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

#boxDevelopmentInner .developmentInnerCtrl .bgImg {
    display: block;
    position: absolute;
    left: 8%;
    top: 8%;
    width: 84%;
    height: auto;
    border-radius: 100%;
}

#boxDevelopmentInner .developmentInnerCtrl .btnMsg {
    display: block;
    margin: 0px 0px 0px -45%;
    font-size: 18px;
    line-height: 20px;
    color: #537392;
    width: 195%;
    text-align: center;
    position: relative;
    padding: 10px 0px;
}

#boxDevelopmentInner .boxListSubTitlePage {
    display: block;
    height: 23px;
    line-height: 23px;
    position: absolute;
    left: 205px;
    top: 68px;
    font-size: 21px;
    color: #959595;
}


#boxDevelopmentInner .developmentInnerCtrl .btn01 {
    left: 22%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn01 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-2.png);
}

#boxDevelopmentInner .developmentInnerCtrl .btn02 {
    left: 45%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn02 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-3.png);
}

#boxDevelopmentInner .developmentInnerCtrl .btn03 {
    left: 66%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn03 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-4.png);
}

#boxDevelopmentInner .developmentInnerCtrl .btn04 {
    left: 66%;
}

#boxDevelopmentInner .developmentInnerCtrl .btn04 i {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/ico-5.png);
}

/*#boxDevelopmentInner .developmentInnerCtrl .btn05 {left:76%;}
#boxDevelopmentInner .developmentInnerCtrl .btn05 i {background-image:url(https://www.ch-karnchang.co.th/assets/img/03/ico-5.png);}*/

#boxDevelopmentInner .boxTitleDev {
    display: block;
    position: absolute;
    left: 216px;
    top: 125px;
    width: 740px;
    height: 70px;
    text-align: center;
}

#boxDevelopmentInner .boxTitleDev img {
    display: inline;
    vertical-align: middle;
}

#boxDevelopmentInner .boxTitleDev h3 {
    display: inline;
    padding: 0px;
    margin: 0px;
    color: #1C4872;
    font-size: 40px;
}

#boxDevelopmentInner .boxDesDev {
    text-align: center;
    color: #666;
    width: 740px;
    position: absolute;
    left: 216px;
    top: 195px;
    font-size: 22px;
    line-height: 26px;
}

#boxDevelopmentInner .boxDesDev h3 {
    display: block;
    padding: 0px;
    margin: 0px;
    color: #BC9633;
    font-size: 26px;
}


/* edit */
#boxDevelopmentInner .boxTitleDev {
    top: 102px;
}

#boxDevelopmentInner .boxTitleDev h3 {
    display: block;
    padding-top: 15px;
    font-size: 32px;
}

#boxDevelopmentInner .boxDesDev {
    top: 210px;
}


#boxDevelopmentInner .boxYearCreate {
    display: block;
    width: 230px;
    height: 75px;
    padding-left: 70px;
    position: absolute;
    left: 217px;
    top: 364px;
    border: 2px dotted #CCB066;
    border-radius: 5px;
    text-align: center;
    line-height: 85px;
}

#boxDevelopmentInner .boxYearCreate img {
    display: block;
    position: absolute;
    left: 40px;
    top: 13px;
}

#boxDevelopmentInner .boxYearCreate b {
    font-size: 30px;
    color: #1c4872;
}

#boxDevelopmentInner .boxYearCreate strong {
    font-size: 30px;
    color: #636363;
}

#boxDevelopmentInner.langEn .boxYearCreate img {
    left: 20px;
}

#boxDevelopmentInner .boxToonCreate {
    display: block;
    width: 340px;
    height: 75px;
    padding-left: 70px;
    position: absolute;
    left: 542px;
    top: 364px;
    border: 2px dotted #CCB066;
    border-radius: 5px;
    text-align: center;
    line-height: 85px;
}

#boxDevelopmentInner .boxToonCreate img {
    display: block;
    position: absolute;
    left: 40px;
    top: 13px;
}

#boxDevelopmentInner .boxToonCreate b {
    font-size: 30px;
    color: #1c4872;
}

#boxDevelopmentInner .boxToonCreate strong {
    font-size: 30px;
    color: #636363;
}

#boxDevelopmentInner.langEn .boxToonCreate {
    width: 350px;
}

#boxDevelopmentInner.langEn .boxToonCreate img {
    left: 20px;
}

#boxDevelopmentInner .boxMoreDetail {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 60%;
    z-index: 110;
    text-align: center;
}

#boxDevelopmentInner .boxMoreDetail .btnMoreDetail {
    display: inline-block;
    height: 40px;
    padding: 0px 40px 0px 15px;
    text-decoration: none;
    color: #fff;
    background-color: #1c4872;
    line-height: 40px;
    position: relative;
    margin-right: 10px;
}

#boxDevelopmentInner .boxMoreDetail .btnMoreDetail b {
    font-size: 20px;
}

#boxDevelopmentInner .boxMoreDetail .btnMoreDetail span {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/ico-plus.png) no-repeat left top;
}

#boxDevelopmentInner .boxMoreDetail .btnMoreDetail:hover span {
    background-position: left -28px;
}

#developmentInner0 .bgGraph {
    display: block;
    position: absolute;
    left: 759px;
    top: 22px;
}

#developmentInner1 .bgGraph {
    display: block;
    position: absolute;
    left: 759px;
    top: 22px;
}

#developmentInner2 .bgGraph {
    display: block;
    position: absolute;
    left: 759px;
    top: 22px;
}

#developmentInner3 .bgGraph {
    display: block;
    position: absolute;
    left: 759px;
    top: 22px;
}

#developmentInner4 .bgGraph {
    display: block;
    position: absolute;
    left: 759px;
    top: 22px;
}


/*
durability page =================================== */
#boxDurabilityInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#boxDurabilityInner .bgDurabilityInner {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(https://www.ch-karnchang.co.th/assets/img/06/bg-inner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#boxDurabilityInner .boxListDurabilityInner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

#boxDurabilityInner .oneDurabilityInner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

#boxDurabilityInner .boxListSubTitlePage {
    display: block;
    height: 23px;
    line-height: 23px;
    position: absolute;
    left: 205px;
    top: 68px;
    font-size: 21px;
    color: #959595;
}

#boxDurabilityInner .durabilityInnerCtrl {
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 50%;
}

#boxDurabilityInner .durabilityInnerCtrl .btnBack {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-back-1.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: -27px;
    cursor: pointer;
}

#boxDurabilityInner .durabilityInnerCtrl .btnNext {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-next-1.png) no-repeat left top;
    position: absolute;
    right: 20px;
    top: -27px;
    cursor: pointer;
}

#durabilityInner0 {}

#durabilityInner0 .bg-1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/bgInner01.png) no-repeat center center;
    background-size: cover;
}

#durabilityInner0 .bg-2 {
    width: 100%;
    height: 87px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/bgInner01-1.png) repeat-x center top;
}

#durabilityInner0 h2.titleMobile {
    display: none;
    padding: 80px 0px 10px 0px;
    font-size: 40px;
    color: #57836d;
    text-align: center;
    line-height: 28px;
    margin: 0px;
}

#durabilityInner0 h3 {
    padding: 0px 0px 20px 0px;
    margin: 0px;
    font-size: 48px;
    color: #57836d;
    line-height: 35px;
}

#durabilityInner0 .boxContentLeft {
    display: block;
    width: 600px;
    position: absolute;
    left: 210px;
    top: 178px;
    line-height: 22px;
    font-size: 25px;
    text-shadow: 0px 0px 2px #fff;
}

#durabilityInner0 .boxContentRight {
    display: block;
    width: 600px;
    position: absolute;
    left: 840px;
    top: 178px;
    line-height: 22px;
    font-size: 25px;
    text-shadow: 0px 0px 2px #fff;
}

#durabilityInner0 .bgLine1 {
    display: block;
    position: absolute;
    left: 241px;
    top: 595px;
}

#durabilityInner0 .leaf1 {
    display: block;
    position: absolute;
    left: 1403px;
    top: 237px;
}

#durabilityInner0 .leaf2 {
    display: block;
    position: absolute;
    left: 1498px;
    top: 272px;
}

#durabilityInner0 .leaf3 {
    display: block;
    position: absolute;
    left: 1325px;
    top: 454px;
}

#durabilityInner0 .leaf4 {
    display: block;
    position: absolute;
    left: 1376px;
    top: 500px;
}

#durabilityInner0 .leaf5 {
    display: block;
    position: absolute;
    left: 161px;
    top: 521px;
}

#durabilityInner0 .leaf6 {
    display: block;
    position: absolute;
    left: 123px;
    top: 603px;
}

#durabilityInner0 .btnGreenConstruction {
    display: block;
    width: 424px;
    height: 49px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 588px;
    top: 573px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/btnGreen.png) no-repeat left top;
}

#durabilityInner0 .btnGreenConstruction.greenEn {
    width: 251px;
    left: 675px;
    background-image: url(https://www.ch-karnchang.co.th/assets/img/06/btnGreen-en.png);
}

#durabilityInner0 .btnGreenConstruction:hover {
    background-position: left -49px;
}

#durabilityInner0 .boxContentLeft {
    display: block;
    width: 900px;
    position: absolute;
    left: 214px;
    top: 135px;
    line-height: 24px;
    font-size: 25px;
    color: #636363;
}

#durabilityInner0 .btnDownloadCSR {
    display: block;
    width: 250px;
    height: 45px;
    background: #57836d;
    text-align: center;
    line-height: 1.8;
    text-shadow: none;
    color: #fff;
}

#durabilityInner0 .btnDownloadCSR:hover {
    background: #719f8a;
}

#durabilityInner1 {}

#durabilityInner1 .titleContent01 {
    padding: 0px;
    margin: 0px;
    font-size: 40px;
    color: #57836d;
    position: absolute;
    left: 0px;
    top: 125px;
    width: 100%;
    text-align: center;
}

#durabilityInner1 .desContent01 {
    padding: 0px;
    margin: 0px;
    font-size: 30px;
    color: #bc9633;
    position: absolute;
    left: 0px;
    top: 165px;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

#durabilityInner1 .boxActivityLoad {
    display: block;
    width: 1170px;
    height: 366px;
    position: absolute;
    left: 222px;
    top: 246px;
    overflow: hidden;
}

#durabilityInner1 .boxAjaxActivity {}

#durabilityInner1 .boxActivity {
    display: block;
    width: 360px;
    height: 350px;
    margin: 0px 10px 10px 10px;
    position: relative;
    float: left;
    background: url(https://www.ch-karnchang.co.th/assets/img/01/bgTableTop.png) repeat-x left top;
    padding-top: 6px;
}

#durabilityInner1 .boxActivity .boxImg {
    display: block;
    width: 320px;
    height: 144px;
    overflow: hidden;
}

#durabilityInner1 .boxActivity .boxImg:hover {
    opacity: 0.7;
}

#durabilityInner1 .boxActivity .boxDate {
    display: block;
    color: #acacac;
    font-size: 40px;
    padding: 10px 0px;
}

#durabilityInner1 .boxActivity .boxExcept {
    color: #636363;
    font-size: 21px;
    text-decoration: none;
}

#durabilityInner1 .boxActivity .boxExcept:hover {
    opacity: 0.7;
}

#durabilityInner1 .sl {
    position: absolute;
    left: -5px;
    top: 0px;
}

#durabilityInner1 .sr {
    position: absolute;
    right: -5px;
    top: 0px;
}

#durabilityInner1 .boxContentAct {
    position: relative;
    padding: 20px 10px 0px 20px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/bgHeader.png) repeat-x left top;
}

#durabilityInner1 .bgLine01 {
    display: block;
    position: absolute;
    left: 254px;
    top: 693px;
}

#durabilityInner1 .btnMoreAct {
    display: block;
    width: 200px;
    height: 49px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/btnMoreAct.png) no-repeat left top;
    position: absolute;
    left: 699px;
    top: 670px;
}

#durabilityInner1 .btnMoreAct.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/06/btnMoreAct-en.png);
}

#durabilityInner1 .btnMoreAct:hover {
    background-position: left -49px;
}

#durabilityInner1 .leaf1 {
    display: block;
    position: absolute;
    left: 1403px;
    top: 237px;
}

#durabilityInner1 .leaf2 {
    display: block;
    position: absolute;
    left: 1498px;
    top: 272px;
}

#durabilityInner1 .leaf3 {
    display: block;
    position: absolute;
    left: 1325px;
    top: 454px;
}

#durabilityInner1 .leaf4 {
    display: block;
    position: absolute;
    left: 1376px;
    top: 500px;
}

#durabilityInner1 .leaf5 {
    display: block;
    position: absolute;
    left: 161px;
    top: 521px;
}

#durabilityInner1 .leaf6 {
    display: block;
    position: absolute;
    left: 123px;
    top: 603px;
}

#durabilityInner1 .boxCtrlPageAct {
    display: block;
    width: 100%;
    height: 37px;
    position: absolute;
    left: 0px;
    top: 84.5%;
    text-align: center;
}

#durabilityInner1 .boxCtrlPageAct a {
    display: inline-block;
    padding: 0px 5px;
    min-width: 27px;
    text-align: center;
    font-size: 36px;
    margin: 0px 2px;
    height: 37px;
    line-height: 37px;
    background-color: #57836C;
    color: #fff;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#durabilityInner1 .boxCtrlPageAct a:hover,
#durabilityInner1 .boxCtrlPageAct a.action {
    background-color: #BC9633;
}

#durabilityInner2 {}

#durabilityInner2 .bg-1 {
    display: block;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #5A846B;
}

#durabilityInner2 .bg-2 {
    display: block;
    width: auto;
    height: 90%;
    position: absolute;
    left: 56.75%;
    bottom: 33px;
}

#durabilityInner2 .boxContentLeft {
    display: block;
    width: 657px;
    position: absolute;
    left: 214px;
    top: 135px;
    line-height: 24px;
    font-size: 25px;
    color: #636363;
}

#durabilityInner2 .boxContentLeft h3 {
    font-size: 40px;
    color: #57836d;
    padding: 0px;
    margin: 0px;
    height: 40px;
    text-align: center;
}

#durabilityInner2 .boxContentLeft h4 {
    font-size: 30px;
    color: #bc9633;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    height: 30px;
    text-align: center;
}

#durabilityInner2 .boxDownloadCSR {
    height: 90px;
    position: relative;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/bgLine3.png) repeat-x left 60px;
}

#durabilityInner2 .btnDownloadCSR {
    display: block;
    width: 367px;
    height: 49px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/btnDownloadCSR.png) no-repeat left top;
    position: absolute;
    left: 150px;
    top: 40px;
}

#durabilityInner2 .btnDownloadCSR.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/06/btnDownloadCSR-en.png);
    width: 464px;
    left: 100px;
}

#durabilityInner2 .btnDownloadCSR:hover {
    background-position: left -49px;
}

#durabilityInner3 {}

#durabilityInner3 .bg-1 {
    display: block;
    width: 72.875%;
    height: auto;
    position: absolute;
    left: 11.6875%;
    top: 26.5%;
}

#durabilityInner3 .titleContent04 {
    font-size: 48px;
    line-height: 48px;
    height: 48px;
    color: #57836d;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 11.6875%;
    top: 19.875%;
}

#durabilityInner3 .boxContentLeft {
    display: block;
    width: 35.625%;
    position: absolute;
    left: 11.6875%;
    top: 29%;
    line-height: 24px;
    font-size: 25px;
    color: #636363;
}

#durabilityInner3 .boxContentLeft .boxDes {
    display: block;
    font-size: 23px;
    line-height: 26px;
    color: #bc9633;
    padding-bottom: 20px;
}

#durabilityInner3 .boxContentLeft .boxInform {
    padding: 18px 0px 0px 100px;
    height: 85px;
    position: relative;
    color: #636363;
    line-height: 24px;
}

#durabilityInner3 .boxContentLeft .boxInform .ico {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#durabilityInner3 .boxContentLeft .boxInform h4 {
    font-size: 26px;
    color: #57836d;
    padding: 0px;
    margin: 0px;
}

#durabilityInner3 .boxContentLeft .boxInform a {
    color: #636363;
    text-decoration: none;
}

#durabilityInner3 .boxContentLeft .boxContact {
    padding: 18px 0px 0px 100px;
    height: 85px;
    position: relative;
    color: #636363;
    line-height: 24px;
}

#durabilityInner3 .boxContentLeft .boxContact .ico {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#durabilityInner3 .boxContentLeft .boxContact h4 {
    font-size: 26px;
    color: #57836d;
    padding: 0px;
    margin: 0px;
}

#durabilityInner3 .boxContentLeft .boxContact a {
    color: #636363;
    text-decoration: none;
}

#durabilityInner3 .boxContentRight {
    display: block;
    width: 37%;
    position: absolute;
    left: 50.3%;
    top: 29%;
    line-height: 22px;
    font-size: 22px;
    color: #636363;
}

#durabilityInner3 .boxContentRight h2 {
    font-size: 27px;
    color: #668e7a;
    padding: 0px 0px 7px 0px;
    margin: 0px;
}

#durabilityInner3 .boxContentRight b {
    font-size: 21px;
}

#durabilityInner3 .boxContentRight .boxContactForm {
    width: 90%;
    position: relative;
}

#durabilityInner3 .boxContentRight .boxContactForm .bgLineDot {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
}

#durabilityInner3 .boxContentRight .boxContactForm h3 {
    padding: 20px 0px 10px 0px;
    margin: 0px;
    font-size: 34px;
    color: #668e7a;
}

#durabilityInner3 #contact_form {
    color: #464646;
}

#durabilityInner3 .contact_firstName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
}

#durabilityInner3 .contact_lastName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#durabilityInner3 .contact_tel {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
    clear: both;
}

#durabilityInner3 .contact_email {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#durabilityInner3 .boxSubject {
    clear: both;
    padding: 8px 0px 0px 0px;
}

#durabilityInner3 .boxSubject select {
    display: block;
    border: 1px solid #969696;
    width: 100%;
    margin: 0px;
    padding: 7px 3px;
    background: #fff;
    outline: none;
}

#durabilityInner3 .contact_message {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    clear: both;
    width: 98%;
    min-height: 60px;
}

#durabilityInner3 .contact_submit {
    border: none;
    margin: 8px 0px 0px 0px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #668e7a;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#durabilityInner3 .contact_reset {
    border: none;
    margin: 8px 0px 0px 10px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #BC9633;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#durabilityInner3 .contact_submit:hover {
    background-color: #83A795;
}

#durabilityInner3 .contact_reset:hover {
    background-color: #E5C81B;
}


/*
news page =================================== */
.news_bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/news/bg.jpg) no-repeat center center;
    background-size: cover;
}

.news_content {
    display: block;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 12%;
}

.news_content .titlePage {
    margin: 0px auto;
    padding: 0px;
    color: #30587f;
    font-size: 70px;
    line-height: 70px;
    width: 70%;
    text-align: center;
}

.news_content .desPage {
    line-height: 25px;
    font-size: 25px;
    color: #555;
    padding-bottom: 30px;
    width: 70%;
    margin: 0px auto;
    text-align: center;
}

.news_content .news_listRel {
    display: block;
    position: relative;
    left: 5%;
    top: 37%;
    width: 90%;
    overflow: hidden;
    background: url(https://www.ch-karnchang.co.th/assets/img/news/news_lineTop.png) repeat-x left top;
}

.news_content .news_listAbs {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
}

.news_content .news_firstPoint {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.news_content .news_lastPoint {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.news_content .news_oneNews {
    text-decoration: none;
    display: block;
    float: left;
    width: 22%;
    margin-right: 4%;
    position: relative;
    padding-top: 60px;
}

.news_oneNews .news_img {}

.news_oneNews .news_img img {
    width: 100%;
    height: auto;
}

.news_oneNews .news_date {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #acacac;
}

.news_oneNews .news_title {
    display: block;
    font-size: 24px;
    line-height: 22px;
    color: #1c4872;
    padding-bottom: 7px;
}

.news_oneNews .news_except {
    display: block;
    font-size: 20px;
    color: #636363;
}

.news_oneNews .news_oneLineTop {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
}

.news_ctrl {
    display: block;
    position: fixed;
    left: 0px;
    bottom: 30px;
    width: 100%;
    height: 17px;
    text-align: center;
}

.news_ctrl a {
    display: inline-block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin: 0px 5px;
    border-radius: 100%;
    background-color: #687B7C;
    cursor: pointer;
    text-indent: -9999px;
}

.news_ctrl a.action,
.news_ctrl a:hover {
    background-color: #DFEBEC;
}

/*
popup page =================================== */
.activity_popup {
    width: 825px;
    min-height: 460px;
    position: relative;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
}

.activity_popup .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose2.png) no-repeat left top;
}

.activity_popup_cms {
    width: 350px;
    padding: 65px 0px 48px 65px;
    color: #636363;
    position: relative;
}

.activity_popup_date {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #acacac;
}

.activity_popup .activity_popup_img {
    position: absolute;
    left: 450px;
    top: 65px;
    width: 540px;
    height: 360px;
    overflow: hidden;
    background-color: #fff;
}

.activity_popup .activity_popup_img img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.activity_popup .activity_popup_ctrl {
    position: absolute;
    left: 450px;
    top: 218px;
    width: 540px;
    height: 0px;
}

.activity_popup .activity_popup_ctrl .activity_popup_back {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 10px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-back-1.png) no-repeat left top;
}

.activity_popup .activity_popup_ctrl .activity_popup_next {
    display: block;
    width: 32px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 0px;
    background: url(https://www.ch-karnchang.co.th/assets/img/icon/ico-next-1.png) no-repeat left top;
}

.activity_popup .activity_popup_ctrl .activity_popup_back:hover {
    opacity: 0.6;
}

.activity_popup .activity_popup_ctrl .activity_popup_next:hover {
    opacity: 0.6;
}


.activity_popup .activity_popup_title {
    position: absolute;
    left: 450px;
    top: 425px;
    width: 540px;
    height: 0px;
}

.activity_popup .activity_popup_title .activity_popup_title_content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 94%;
    height: auto;
    padding: 10px 3% 10px 3%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.activity_popup .activity_popup_title .activity_popup_title_content .activity_popup_perpage {}

.activity_popup .activity_popup_title .activity_popup_title_content .activity_popup_des {}

.career_popup {
    width: 665px;
    min-height: 300px;
    position: relative;
    background-color: #f5f5f5;
}

.career_popup .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.career_popup_title {
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
    padding: 35px 20px 20px 38px;
    color: #959595;
}

.career_popup_title h3 {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: 30px;
    color: #4a6987;
}

.career_popup_title b {
    font-size: 24px;
    color: #959595;
}

.career_popup_cms {
    color: #666666;
    padding: 0px 20px 0px 17px;
    font-size: 20px;
}

.btnJoinForm {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    margin: 0px auto;
    background-color: #30587F;
    text-align: center;
    text-decoration: none;
}

.btnJoinForm b {
    color: #fff;
    font-size: 26px;
}

.career_popup_form {
    width: 900px;
    min-height: 390px;
    position: relative;
    background-color: #f5f5f5;
}

.career_popup_form .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.career_popup_title {
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
    padding: 35px 20px 20px 38px;
    color: #959595;
}

.career_popup_title h3 {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: 30px;
    color: #4a6987;
}

.career_form {
    padding: 22px 43px 20px 43px;
}

.career_form .boxFormHead {
    margin: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 35px;
    color: #bc9633;
    background: url(https://www.ch-karnchang.co.th/assets/img/career/bgHeadForm.png) repeat-x left top;
}

.career_form .boxFormHead span {
    display: block;
    float: left;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    background: url(https://www.ch-karnchang.co.th/assets/img/career/ico-bullet2.png) no-repeat left 14px #f5f5f5;
}

#career_form {
    color: #464646;
}

#career_form .career_firstName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
}

#career_form .career_lastName {
    margin: 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#career_form .career_tel {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
    clear: both;
}

#career_form .career_email {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#career_form .career_edu_bg {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: left;
    clear: both;
}

#career_form .career_exp {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 47%;
    float: right;
}

#career_form .career_message {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    clear: both;
    width: 98%;
    min-height: 60px;
}

#career_form .career_submit {
    border: none;
    margin: 8px 0px 0px 0px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #63819D;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
}

#career_form .career_reset {
    border: none;
    margin: 8px 0px 0px 10px;
    padding: 0px 30px;
    line-height: 32px;
    font-size: 32px;
    background-color: #BC9633;
    color: #fff;
    float: right;
    font-family: 'fc_minimalbold';
    cursor: pointer;
    clear: both;
}

#career_form .career_submit:hover {
    background-color: #5EA4CF;
}

#career_form .career_reset:hover {
    background-color: #E5C81B;
}

#career_form .career_attach {
    margin-top: 7px;
}

#career_form .input_table {
    margin: 8px 0px 0px 0px;
    padding: 7px 3px;
    border: 1px solid #969696;
    width: 100%;
}


.gg_map_popup {
    width: 1024px;
    height: 632px;
    position: relative;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
}

.gg_map_popup .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.gg_map_popup .iframeGG {
    width: 1024px;
    height: 623px;
    position: absolute;
    left: 0px;
    top: 9px;
    overflow: hidden;
}

.green_construction_popup {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.green_construction_popup .titlePop06 {
    display: block;
    padding: 35px 0px 0px 37px;
    margin: 0px;
    height: 80px;
    line-height: 30px;
    position: relative;
    color: #57836d;
    font-size: 48px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.green_construction_popup .titlePop06 span {
    display: block;
    color: #BC9633;
    font-size: 36px;
}

.green_construction_popup .contentPop06 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.green_construction_popup .contentPop06 table tr {
    vertical-align: top;
}

.green_construction_popup .contentPop06 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.green_construction_popup .contentPop06 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.green_construction_popup .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/06/btnDownload.png) no-repeat left top;
}

.green_construction_popup .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/06/btnDownload-en.png);
}

.green_construction_popup .btnDownload:hover {
    background-position: left -39px;
}

.green_construction_popup .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose2.png) no-repeat left top;
}

.large_map_popup {
    width: 1024px;
    height: 666px;
    overflow: hidden;
    position: relative;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
}

.large_map_popup .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.large_map_popup .btnPrintMap {
    display: block;
    position: absolute;
    left: 0px;
    top: 9px;
}

.news_popup {
    width: 825px;
    min-height: 460px;
    position: relative;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left 1px #fff;
}

.news_popup .btnClose {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.news_popup_cms {
    width: 350px;
    padding: 65px 0px 48px 65px;
    color: #636363;
    position: relative;
}

.news_popup_date {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #acacac;
}

.news_popup_title {
    display: block;
    font-size: 24px;
    line-height: 22px;
    color: #1c4872;
    padding-bottom: 7px;
}

.news_popup_img {
    display: block;
    position: absolute;
    left: 450px;
    top: 65px;
}

.popup01Main {
    width: 760px;
    min-height: 400px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup01Main .titlePop01Main {
    display: block;
    padding: 30px 0px 0px 40px;
    margin: 0px;
    height: 70px;
    position: relative;
    color: #1c4872;
    font-size: 33px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup01Main .titlePop01Main b {
    display: block;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    color: #A7B4C3;
    position: absolute;
    left: 40px;
    top: 10px;
}

.popup01Main .titlePop01Main span {
    display: block;
    font-size: 27px;
    color: #bc9633;
    padding-top: 10px;
}

.popup01Main .contentPop01Main {
    padding: 25px 30px 40px 40px;
    line-height: 22px;
}

.popup01Main strong {
    color: #1c4872;
}

.popup01Main .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup0101 {
    width: 760px;
    min-height: 400px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup0101 .titlePop0101 {
    display: block;
    padding: 0px 0px 0px 40px;
    margin: 0px;
    height: 100px;
    line-height: 100px;
    position: relative;
    color: #1c4872;
    font-size: 48px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup0101 .titlePop0101 img {
    display: block;
    position: absolute;
    left: 10px;
    top: -5px;
    width: 120px;
}

.popup0101 .contentPop0101 {
    padding: 15px 30px 40px 40px;
    line-height: 23px;
}

.popup0101 .contentPop0101 h4 {
    padding: 35px 0px 10px 0px;
    margin: 0px;
    font-size: 29px;
    color: #1c4872;
}

.popup0101 .contentPop0101 h4 b {
    font-size: 60px;
    color: #A7B4C3;
}

.popup0101 .contentPop0101 h4 span {
    font-size: 25px;
    color: #bc9633;
}

.popup0101 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup0106 {
    width: 760px;
    min-height: 400px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup0106 .titlePop0106 {
    display: block;
    padding: 0px 0px 0px 125px;
    margin: 0px;
    height: 100px;
    line-height: 100px;
    position: relative;
    color: #1c4872;
    font-size: 48px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup0106 .titlePop0106 img {
    display: block;
    position: absolute;
    left: 10px;
    top: -5px;
    width: 120px;
}

.popup0106 .contentPop0106 {
    padding: 15px 30px 40px 40px;
    line-height: 23px;
}

.popup0106 .contentPop0106 h4 {
    padding: 35px 0px 10px 0px;
    margin: 0px;
    font-size: 29px;
    color: #1c4872;
}

.popup0106 .contentPop0106 h4 b {
    font-size: 60px;
    color: #A7B4C3;
}

.popup0106 .contentPop0106 h4 span {
    font-size: 25px;
    color: #bc9633;
}

.popup0106 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup0108 {
    width: 760px;
    min-height: 400px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup0108 .titlePop0108 {
    display: block;
    padding: 30px 0px 0px 110px;
    margin: 0px;
    height: 70px;
    position: relative;
    color: #1c4872;
    font-size: 29px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup0108 .titlePop0108 b {
    display: block;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    color: #A7B4C3;
    position: absolute;
    left: 40px;
    top: 10px;
}

.popup0108 .titlePop0108 span {
    display: block;
    font-size: 25px;
    color: #bc9633;
    padding-top: 3px;
}

.popup0108 .contentPop0108 {
    padding: 25px 30px 40px 40px;
    line-height: 22px;
}

.popup0108 strong {
    color: #1c4872;
}

.popup0108 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03-1 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03-1 .titlePop03-1 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03-1 .titlePop03-1 img {
    vertical-align: middle;
}

.popup03-1 .contentPop03-1 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup03-1 .contentPop03-1 table tr {
    vertical-align: top;
}

.popup03-1 .contentPop03-1 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-1 .contentPop03-1 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-1 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03-1 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup03-1 .btnDownload:hover {
    background-position: left -39px;
}

.popup03-1 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03-2 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03-2 .titlePop03-2 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03-2 .titlePop03-2 img {
    vertical-align: middle;
}

.popup03-2 .contentPop03-2 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup03-2 .contentPop03-2 table tr {
    vertical-align: top;
}

.popup03-2 .contentPop03-2 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-2 .contentPop03-2 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-2 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03-2 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup03-2 .btnDownload:hover {
    background-position: left -39px;
}

.popup03-2 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03-3 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03-3 .titlePop03-3 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03-3 .titlePop03-3 img {
    vertical-align: middle;
}

.popup03-3 .contentPop03-3 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup03-3 .contentPop03-3 table tr {
    vertical-align: top;
}

.popup03-3 .contentPop03-3 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-3 .contentPop03-3 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-3 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03-3 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup03-3 .btnDownload:hover {
    background-position: left -39px;
}

.popup03-3 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03-4 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03-4 .titlePop03-4 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03-4 .titlePop03-4 img {
    vertical-align: middle;
}

.popup03-4 .contentPop03-4 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup03-4 .contentPop03-4 table tr {
    vertical-align: top;
}

.popup03-4 .contentPop03-4 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-4 .contentPop03-4 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-4 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03-4 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup03-4 .btnDownload:hover {
    background-position: left -39px;
}

.popup03-4 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03-5 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03-5 .titlePop03-5 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03-5 .titlePop03-5 img {
    vertical-align: middle;
}

.popup03-5 .contentPop03-5 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup03-5 .contentPop03-5 table tr {
    vertical-align: top;
}

.popup03-5 .contentPop03-5 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-5 .contentPop03-5 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup03-5 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03-5 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup03-5 .btnDownload:hover {
    background-position: left -39px;
}

.popup03-5 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup03 {
    width: 886px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup03 .titlePop03 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup03 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup03 .btnDownload:hover {
    background-position: left -39px;
}

.popup03 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-1 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup05-1 .titlePop05-1 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup05-1 .titlePop05-1 img {
    vertical-align: middle;
}

.popup05-1 .contentPop05-1 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup05-1 .contentPop05-1 table tr {
    vertical-align: top;
}

.popup05-1 .contentPop05-1 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-1 .contentPop05-1 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-1 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-1 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup05-1 .btnDownload:hover {
    background-position: left -39px;
}

.popup05-1 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-3 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup05-3 .titlePop05-3 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup05-3 .titlePop05-3 img {
    vertical-align: middle;
}

.popup05-3 .contentPop05-3 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup05-3 .contentPop05-3 table tr {
    vertical-align: top;
}

.popup05-3 .contentPop05-3 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-3 .contentPop05-3 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-3 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-3 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup05-3 .btnDownload:hover {
    background-position: left -39px;
}

.popup05-3 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-4 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup05-4 .titlePop05-4 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup05-4 .titlePop05-4 img {
    vertical-align: middle;
}

.popup05-4 .contentPop05-4 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup05-4 .contentPop05-4 table tr {
    vertical-align: top;
}

.popup05-4 .contentPop05-4 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-4 .contentPop05-4 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-4 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-4 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup05-4 .btnDownload:hover {
    background-position: left -39px;
}

.popup05-4 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-5 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup05-5 .titlePop05-5 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup05-5 .titlePop05-5 img {
    vertical-align: middle;
}

.popup05-5 .contentPop05-5 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup05-5 .contentPop05-5 table tr {
    vertical-align: top;
}

.popup05-5 .contentPop05-5 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-5 .contentPop05-5 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-5 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-5 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup05-5 .btnDownload:hover {
    background-position: left -39px;
}

.popup05-5 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-6 {
    width: 900px;
    min-height: 485px;
    position: relative;
    background: #f5f5f5;
    color: #636363;
    font-size: 21px;
    font-family: 'fc_minimalbold';
}

.popup05-6 .titlePop05-6 {
    display: block;
    padding: 0px 0px 0px 37px;
    margin: 0px;
    height: 100px;
    line-height: 110px;
    position: relative;
    color: #1c4872;
    font-size: 40px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/bgBarTop.png) repeat-x left top #fff;
}

.popup05-6 .titlePop05-6 img {
    vertical-align: middle;
}

.popup05-6 .contentPop05-6 {
    padding: 15px 35px 35px 35px;
    line-height: 22px;
}

.popup05-6 .contentPop05-6 table tr {
    vertical-align: top;
}

.popup05-6 .contentPop05-6 table h3 {
    color: #1c4872;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-6 .contentPop05-6 table h4 {
    color: #bc9633;
    font-size: 24px;
    padding: 5px 0px;
    margin: 0px;
}

.popup05-6 .btnDownload {
    display: block;
    width: 179px;
    height: 39px;
    position: absolute;
    right: 70px;
    top: 33px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-6 .btnDownload.langEn {
    background-image: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png);
}

.popup05-6 .btnDownload:hover {
    background-position: left -39px;
}

.popup05-6 .btnClose {
    display: block;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/popup/btnClose.png) no-repeat left top;
}

.popup05-6 .download {
    display: block;
    width: 179px;
    height: 39px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload.png) no-repeat left top;
}

.popup05-6 .download.langEn {
    display: block;
    width: 179px;
    height: 39px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/btnDownload-en.png) no-repeat left top;
}

.popup05-6 .download:hover {
    background-position: left -39px;
}



/*
share layout =================================== */
.pointCC {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0px;
    height: 0px;
}

.setScale {
    width: 1600px;
    height: 800px;
    position: absolute;
    left: -800px;
    top: -400px;
}

.boxTableStyle1 {
    background: url(https://www.ch-karnchang.co.th/assets/img/03/bgDotLinePop.png) repeat-x left top;
    padding-top: 5px;
}

.boxTableStyle1 tr th {
    background-color: #E1E1E1;
    color: #1c4872;
    padding: 10px 10px 10px 20px;
    text-align: left;
}

.boxTableStyle1 tr td {
    background-color: #EBEBEB;
    padding: 10px 10px 10px 20px;
}

.boxTableStyle1 tr td a {
    color: #636363;
    text-decoration: none;
}

.boxTableStyle2 {
    border: 2px dotted #DCC199;
    padding: 2px;
    border-radius: 10px;
}

.boxTableStyle2 tr th {
    background-color: #E1E1E1;
    color: #1c4872;
    padding: 10px 10px 10px 20px;
    text-align: left;
}

.boxTableStyle2 tr td {
    background-color: #EBEBEB;
    padding: 10px 10px 10px 20px;
}

.boxTableStyle2 tr td a {
    color: #636363;
    text-decoration: none;
}

.boxTableStyle3 {
    background: url(https://www.ch-karnchang.co.th/assets/img/03/bgDotLinePop.png) repeat-x left top;
    padding-top: 5px;
}

.boxTableStyle3 tr td {
    background-color: #EBEBEB;
    padding: 10px 10px 10px 20px;
}

.boxTableStyle3 tr:nth-child(2n) td {
    background-color: #E1E1E1;
}

.boxTableStyle3 tr td a {
    color: #636363;
    text-decoration: none;
}

.boxTableStyle3 b {
    color: #1c4872;
}



h2.headStyle1 {
    padding: 10px 0px;
    margin: 0px;
    line-height: 30px;
    height: 30px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/bgDotLinePop.png) repeat-x left center;
}

h2.headStyle1 b {
    font-size: 30px;
    background-color: #f5f5f5;
    padding-right: 10px;
    color: #1c4872;
}

h2.headStyle2 {
    padding: 20px 0px;
    margin: 0px;
    line-height: 30px;
    height: 30px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/bgDotLinePop.png) repeat-x left 40px;
}

h2.headStyle2 b {
    font-size: 30px;
    background-color: #f5f5f5;
    padding-right: 10px;
    color: #1c4872;
}

h2.headStyle2 span {
    font-size: 60px;
    background-color: #f5f5f5;
    padding-right: 10px;
    color: #a7b4c3;
}

h2.headStyle3 {
    color: #bc9633;
    font-size: 24px;
    padding: 10px 0px 5px 0px;
    margin: 0px;
}

h2.headStyle4 {
    padding: 20px 0px;
    margin: 0px;
    line-height: 30px;
    height: 30px;
    background: url(https://www.ch-karnchang.co.th/assets/img/03/bgDotLinePop.png) repeat-x left 35px;
}

h2.headStyle4 b {
    font-size: 30px;
    background-color: #f5f5f5;
    padding-right: 10px;
    color: #1c4872;
}

h2.headStyle4 span {
    font-size: 40px;
    background-color: #f5f5f5;
    padding-right: 10px;
    color: #a7b4c3;
}

b.color1 {
    color: #bc9633;
}

ol.olStyle1 {
    margin: 0px 0px 20px -20px;
}

ol.olStyle1>li>div {
    padding-left: 30px;
    position: relative;
}

ol.olStyle1>li>div>span {
    display: block;
    position: absolute;
    left: 0px;
}

ol.olStyle1>li>div>div {
    padding-left: 30px;
    position: relative;
}

ol.olStyle1>li>div>div>span {
    display: block;
    position: absolute;
    left: 0px;
}

ol.olStyle1>li>div>div>div {
    padding-left: 30px;
    position: relative;
}

ol.olStyle1>li>div>div>div>span {
    display: block;
    position: absolute;
    left: 0px;
}

ol.olStyle1 a {
    text-decoration: none;
    color: #636363;
}

ol.olStyle2 {
    margin: 0px 0px 10px -20px;
    font-size: 24px;
    color: #bc9633;
}

ol.olStyle2>li>div {
    font-size: 21px;
    color: #636363;
    padding: 7px 0px;
}

ol.olStyle3 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style: none;
}

ol.olStyle3>li {
    padding-left: 60px;
    position: relative;
    list-style: none;
}

ol.olStyle3>li>span {
    display: block;
    position: absolute;
    left: 0px;
    color: #bc9633;
}

ol.olStyle3>li>div {
    padding-left: 30px;
    position: relative;
}

ol.olStyle3>li>div>span {
    display: block;
    position: absolute;
    left: 0px;
}

ol.olStyle4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style: none;
}

ol.olStyle4>li {
    padding-left: 50px;
    position: relative;
    list-style: none;
}

ol.olStyle4>li>span {
    display: block;
    position: absolute;
    left: 20px;
}

ol.olStyle4>li>ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ol.olStyle4>li>ol>li {
    padding-left: 30px;
    position: relative;
    list-style: none;
}

ol.olStyle4>li>ol>li>span {
    display: block;
    position: absolute;
    left: 0px;
}

ol.olStyle5 {
    margin: 0px 0px 10px -20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    color: #57836d;
}

ol.olStyle5>li>div {
    font-size: 21px;
    color: #636363;
    padding: 7px 0px;
}

ol.olStyle5>li>div>b {
    font-size: 25px;
    color: #BC9633;
}

ol.olStyle6 {
    margin: 0px 0px 0px -20px;
}

ol.olStyle6>li>div {
    padding-left: 13px;
    position: relative;
}

ol.olStyle6>li>div>span {
    display: block;
    position: absolute;
    left: 0px;
}



ul.ulStyle1 {
    color: #57836D;
    margin: 0px 0px 0px -20px;
}

ul.ulStyle1 div {
    color: #636363;
}


.ani300 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ani400 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.ani500 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ani600 {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.ani700 {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.ani800 {
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.clr {
    clear: both;
    overflow: hidden;
    height: 0px;
}

.pdr35 {
    padding-right: 35px;
}

.pdr15 {
    padding-right: 15px;
}

.pdr10 {
    padding-right: 10px;
}

.pdt10 {
    padding-top: 10px;
}

/*
hack fancybox layout =================================== */
.fancybox-bg {
    background: none !important;
}

/*
landing layout =================================== */
#boxLandingPage {
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background: #fff;
}



.text-red {
    color: #ff0000;
}

@media only screen and (min-width: 569px) and (max-width: 768px) {
    .header {
        position: absolute;
    }

    .header .logo {
        /* display: none; */
    }

    .header .headMenu {
        display: none;
    }

    .header .txtHeadEN {
        display: block;
        font-size: 22px;
        left: 0px;
        top: 36px;
        width: 100%;
        text-align: center;
    }

    .header.sty2 .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header.langEn .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header .lineHead {
        display: none;
    }

    .header .txtHeadTH {
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        font-size: 21px;
    }

    .header .boxListIcon {
        right: 10px;
        /* width: 100%; */
    }

    .header .boxListIcon .btnLangEn {
        /* display: none; */
    }

    .header .boxListIcon .btnHome {
        display: none;
    }

    .header .boxListIcon .btnSitemap {
        float: left;
        margin-left: 8px;
    }

    .header .boxListIcon .btnProject {
        float: right;
        margin-right: 8px;
    }

    .boxSitmap {
        background-image: none;
    }

    .boxSitmap .boxListSitmap {
        width: 100%;
    }

    .boxSitmap .oneListSitmap {
        position: relative;
        float: none;
        padding: 5px 0px 5px 55px;
        border-left: 4px solid #666;
        border-bottom: 1px solid #666;
        margin-bottom: 1px;
    }

    .boxSitmap .oneListSitmap .num {
        position: absolute;
        left: 8px;
        top: 2px;
        width: 40px;
        height: auto;
    }

    .boxSitmap .oneListSitmap>h4 {
        padding: 7px 0px 7px 0px;
    }

    .boxSitmap .oneListSitmap>ul {
        display: none;
    }

    .boxSitmap .btnCloseSitmap {
        display: none;
    }

    .boxSitmap .boxMainLink {
        width: 100%;
        position: relative;
        top: -1px;
        background-color: #383C3F;
        padding: 8px 0px;
    }

    .boxSitmap .boxMainLink h2 {
        display: none;
    }

    .boxSitmap .boxMainLink h3 {
        display: none;
    }

    .boxSitmap .boxMainLink .listMainLink a {
        background-image: none;
        padding: 0px 0px 0px 21px;
        width: auto;
        height: auto;
        font-size: 21px;
        line-height: 25px;
    }

    .boxSitmap .boxLangSitmap {
        display: block;
    }

    /* home 
	=============================== */
    #home {}

    #home .contentPage {
        min-height: 450px;
        padding: 0px;
    }

    #home .titlePage {
        font-size: 36px;
        line-height: 30px;
        padding-top: 30%;
    }

    #home .boxDetailMain {}

    #home .boxContentCtrl {
        padding: 10px 0px 25px 0px;
        width: 100% !important;
        text-align: center;
    }

    #home .boxContentCtrl a {
        display: inline-block;
        width: 18px;
        height: 18px;
        float: none;
        opacity: 0.9;
    }

    #home .boxContentCtrl a.action,
    #home .boxContentCtrl a:hover {
        opacity: 0.9;
    }

    /* about 
	=============================== */
    #about .boxBgLine {
        display: none;
    }

    /*#about .oneBgPage {background-position:left top;}*/
    #about .contentPage {
        position: static;
        width: 100%;
        padding-top: 75px;
    }

    #about .contentPage .titlePage {
        padding: 0px 8px 0px 8px;
        font-size: 50px;
        line-height: 50px;
    }

    #about .contentPage .titlePage2 {
        padding: 0px 8px 13px 8px;
        font-size: 30px;
        line-height: 20px;
    }

    #about .contentPage .desPage {
        padding: 0px 8px 8px 8px;
        font-size: 22px;
        line-height: 22px;
    }

    #about .boxListBtn {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #about .boxListBtn .oneBtn {
        width: 150px;
        height: 150px;
        float: left;
        position: relative;
        left: 0px !important;
        top: 0px !important;
    }

    #about .oneBtn .txt {
        font-size: 21px;
    }

    #about .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #about .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #about .boxListYear {
        display: none;
    }

    #about .boxYearsContent {
        display: none;
    }

    #about .boxMobileYearContent {
        display: block;
    }

    #about .boxMobileYear {
        display: block;
    }

    #about .boxMobileYear .oneMobileYear {
        width: 15.9%;
    }

    #boxAboutInner {
        position: relative;
    }

    #boxAboutInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxAboutInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxAboutInner .boxListAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .oneAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .boxListSubTitlePage {
        display: none;
    }

    #boxAboutInner .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #boxAboutInner .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #boxAboutInner .boxListYear {
        display: none;
    }

    #boxAboutInner .boxYearsContent {
        display: none;
    }

    #boxAboutInner .boxMobileYearContent {
        display: block;
    }

    #boxAboutInner .boxMobileYear {
        display: block;
    }

    #boxAboutInner .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #aboutInner0 .boxBgInner0 {
        display: none;
    }

    #aboutInner0 .boxOrgDetail {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto !important;
        padding: 0px 60px 20px 60px;
    }

    #aboutInner0 .boxOrgDetail h2.titleMobile {
        display: block;
        padding-top: 90px;
        padding-bottom: 5px;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
    }

    #aboutInner0 .boxOrgDetail h3 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #aboutInner0 .ico-build {
        display: none;
    }

    #aboutInner0 .boxAddress {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 60px 20px 60px;
    }

    #aboutInner0 .boxAddress h3 {
        padding: 0px 0px 7px 0px;
    }

    #aboutInner0 .boxHoon {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding-bottom: 0px;
    }

    #aboutInner0 .boxHoon .graph {
        display: none;
    }

    #aboutInner0 .boxHoon .titleHoon {
        position: relative;
        left: 0px;
        top: 0px;
        text-align: left;
        padding: 0px 60px;
    }

    #aboutInner0 .boxHoon .oneHoon {
        float: none;
        padding: 0px 60px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxHoon .ico {
        float: left;
        margin: 0px;
        padding: 10px 20px;
    }

    #aboutInner0 .boxHoon b {
        font-size: 24px;
        padding-top: 15px;
    }

    #aboutInner0 .boxHoon .onePrice b {
        padding-top: 22px;
    }

    #aboutInner0 .boxHoon h3 {
        padding-bottom: 15px;
        font-size: 40px;
    }

    #aboutInner0 .boxHoon .onePrice {
        float: none;
        padding: 0px 60px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxToon {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        border: none;
    }

    #aboutInner0 .boxToon .oneToon {
        border-bottom: 2px dotted #DAC596;
        min-height: 90px;
        padding: 0px 60px;
    }

    #aboutInner0 .boxToon .boxImg {
        padding: 20px;
        max-width: 54px;
    }

    #aboutInner0 .boxToon .boxTxt {
        padding: 17px 0px 3px 0px;
    }

    #aboutInner0 .boxToon .boxNum {
        font-size: 38px;
    }

    #aboutInner1 .boxBgInner01 {
        display: none;
    }

    #aboutInner1 h2.titleMobile {
        display: block;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
        line-height: 36px;
        text-align: center;
        padding: 90px 30px 5px 30px;
    }

    #aboutInner1 .titleInnerPage {
        position: relative;
        width: auto;
        left: 0px;
        top: 0px;
        padding: 10px 10px 10px 10px;
        color: #CCB066;
        font-size: 25px;
    }

    #aboutInner1 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner1 .boxVision {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-vision-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxVision h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxVision img {
        display: none;
    }

    #aboutInner1 .boxMission {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-mission-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxMission h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxMission img {
        display: none;
    }

    #aboutInner1 .boxMission ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #aboutInner1 .boxValue {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-value-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxValue h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxValue img {
        display: none;
    }

    #aboutInner1 .boxStrategy {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-strategy-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxStrategy h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxStrategy img {
        display: none;
    }


    #aboutInner2 .orgChart {
        display: none;
    }

    #aboutInner2 .orgChartMobile {
        display: block;
        width: 100%;
        height: auto;
        padding-top: 60px;
    }

    #aboutInner3 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner3 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .bgListBoard-1 {
        display: none;
    }

    #aboutInner3 .bgListBoard-2 {
        display: none;
    }

    #aboutInner3 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner3 .oneBoxBoard img {
        width: 15%;
        margin: 0px 10px 0px 40px;
        float: left;
        padding: 0.5%;
    }

    #aboutInner3 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 28%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner4 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner4 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .bgListBoard-1 {
        display: none;
    }

    #aboutInner4 .bgListBoard-2 {
        display: none;
    }

    #aboutInner4 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner4 .oneBoxBoard img {
        width: 15%;
        margin: 0px 10px 0px 40px;
        float: left;
        padding: 0.5%;
    }

    #aboutInner4 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 28%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner5 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner5 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-3 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .bgListBoard-1 {
        display: none;
    }

    #aboutInner5 .bgListBoard-2 {
        display: none;
    }

    #aboutInner5 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner5 .oneBoxBoard img {
        width: 15%;
        margin: 0px 10px 0px 40px;
        float: left;
        padding: 0.5%;
    }

    #aboutInner5 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 28%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip .before {
        display: none;
    }


    #aboutInner6 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner6 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .bgListBoard-1 {
        display: none;
    }

    #aboutInner6 .bgListBoard-2 {
        display: none;
    }

    #aboutInner6 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner6 .oneBoxBoard img {
        width: 15%;
        margin: 0px 10px 0px 40px;
        float: left;
        padding: 0.5%;
    }

    #aboutInner6 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 28%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner7 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 10px;
        line-height: 30px;
    }

    #aboutInner7 .boxContent06 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner7 .boxContent06 .bg {
        display: none;
    }

    #aboutInner7 .boxContent06 .boxIco06-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 20%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner7 .boxContent06 .boxIco06-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 20%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner8 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner8 .desInnerPage {
        display: none;
    }

    #aboutInner8 .line1 {
        display: none;
    }

    #aboutInner8 .line2 {
        display: none;
    }

    #aboutInner8 .line3 {
        display: none;
    }

    #aboutInner8 .line4 {
        display: none;
    }

    #aboutInner8 .line5 {
        display: none;
    }

    #aboutInner8 .groupLeft {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgLeft {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconLeft {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentLeft.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .groupRight {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgRight {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconRight {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentRight.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner9 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 10px 10px 10px;
        line-height: 29px;
    }

    #aboutInner9 .groupImg {
        display: block;
        position: relative;
        width: 80%;
        margin: 0px auto;
    }

    #aboutInner9 .groupImg .bg8-1 {
        width: 100%;
        left: 0%;
        top: 0%;
        position: relative;
    }

    #aboutInner9 .groupImg .bg8-2 {
        width: 33.75%;
        left: 3.4375%;
        top: 23.5042735042735%;
    }

    #aboutInner9 .groupImg .bg8-3 {
        width: 56.5625%;
        left: 42.1875%;
        top: 1.70940170940171%;
    }

    #aboutInner9 .groupImg .bg8-4 {
        width: 46.8125%;
        left: 34.5%;
        top: 9.6%;
    }

    #aboutInner9 .groupImg .bg8-5 {
        width: 36.875%;
        left: 28.4375%;
        top: 18.8034188034188%;
    }

    #aboutInner9 .groupImg .bg8-6 {
        width: 29.0625%;
        left: 21.875%;
        top: 23.93162393162393%;
    }

    #aboutInner9 .groupImg .ico-reward-1 {
        width: 8.75%;
        left: 8.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-2 {
        width: 9.375%;
        left: 20.625%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-3 {
        width: 8.75%;
        left: 33.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-4 {
        width: 7.1875%;
        left: 45.9375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .box01Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box02Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box03Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box04Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box05Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box06Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box07Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box08Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box09Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box10Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .titleStandard {
        min-height: 45px;
    }

    #aboutInner9 .titleStandard b {
        display: inline;
    }

    #aboutInner9 .titleStandard strong {
        display: inline;
    }

    #aboutInner10 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 0px 10px 0px;
        line-height: 29px;
    }

    #aboutInner10 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner10 .boxMain8Protect {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 60px;
    }

    #aboutInner10 .boxMain8Protect .bgLineDotProtect {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .num8 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        padding: 25px 0px 10px 0px;
        width: 30px;
    }

    #aboutInner10 .boxMain8Protect .line9-1 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-2 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-3 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-4 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-5 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-6 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-7 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-8 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect {
        position: relative;
        right: auto !important;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border-top: 2px dotted #CCB066;
        padding-top: 8px;
        text-align: left !important;
        min-height: 40px;
        padding-bottom: 10px;
        padding-left: 55px;
        padding-right: 10px;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect img {
        float: none !important;
        padding: 0px;
        width: 30px !important;
        position: absolute;
        left: 10px;
        top: top: 12px;
        ;
    }

    #aboutInner10 .title6Protect {
        position: relative;
        left: 0px !important;
        top: 0px;
        text-align: center;
        width: auto !important;
        padding: 0px 0px 10px 0px;
    }

    #aboutInner10 .desInnerPage2 {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: auto !important;
        padding: 10px 10px 30px 10px;
        font-size: 22px;
        border-top: 2px dotted #CCB066;
    }

    /* construction_business 
	=============================== */
    #construction_business {}

    #construction_business .boxDescription02 {
        padding: 80px 8px 10px 8px;
    }

    #construction_business .boxListProject {
        height: auto !important;
    }

    #construction_business .boxListProject .oneProject {
        height: 70px !important;
    }

    #construction_business .boxListProject .oneProject .bg {
        height: 70px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent {
        height: 70px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent .txtProject {
        left: 8px;
        padding-left: 70px;
        font-size: 29px;
        height: 70px !important;
        line-height: 70px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .txtProject {
        left: 18px;
    }

    #construction_business .boxListProject .oneProject .boxContent .icoNext {
        right: 10px;
        height: 70px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .icoNext {
        right: 0px;
    }

    .boxPage2-detail {
        height: auto;
        position: relative;
    }

    .boxPage2-detail .bgImgProject {
        position: relative;
        height: 230px;
    }

    .boxPage2-detail .bottomDetail {
        position: relative;
        left: 0px;
        bottom: auto;
    }

    .boxPage2-detail .bottomDetail .content {
        position: relative;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory {
        font-size: 24px;
        line-height: 26px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory span {
        display: block;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectDone {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectInProgress {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectName {
        clear: both;
        font-size: 25px;
        line-height: 22px;
    }

    .boxPage2-detail .bottomDetail .content .projectNameSub {
        width: 100%;
        font-size: 22px;
        line-height: 14px;
    }

    .boxPage2-detail .bottomDetail .content .projectDetail {
        position: relative;
        width: 100%;
    }

    .boxPage2-detail .bottomDetail .content .projectCopy {
        max-width: inherit;
        padding-bottom: 30px;
    }

    .boxPage2-detail .bottomDetail .content .projectRate {
        position: relative;
        right: 0px;
        top: 0px;
        width: 100%;
    }


    /* business_development_infrastructure_projects 
	=============================== */
    #business_development_infrastructure_projects {}

    #business_development_infrastructure_projects .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #business_development_infrastructure_projects .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #business_development_infrastructure_projects .bgBottom {
        display: none;
    }

    #business_development_infrastructure_projects .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #business_development_infrastructure_projects .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #business_development_infrastructure_projects .except {
        font-size: 25px;
        line-height: 20px;
    }

    #business_development_infrastructure_projects .desPage {
        padding: 0px 8px;
        width: auto;
    }

    #business_development_infrastructure_projects .btn {
        position: relative;
        left: 0px;
        top: 0px;
        width: 560px;
        padding: 0px;
        margin: 0 auto;
    }

    #business_development_infrastructure_projects .btn:after {
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
        content: "";
    }

    #business_development_infrastructure_projects .bgCircle {
        width: 190px;
    }

    #business_development_infrastructure_projects .bgImg {
        width: 163px;
        height: 163px;
    }

    #business_development_infrastructure_projects .btn i {
        width: 163px;
        height: 163px;
    }

    #business_development_infrastructure_projects .btnMsg {
        width: 200px;
        font-size: 22px;
        line-height: 17px;
        padding-top: 20%;
    }

    #business_development_infrastructure_projects .btnInvestmentStructure {
        position: relative;
        left: 0px;
        top: 30px;
        clear: both;
        margin: 30px auto;
    }

    #business_development_infrastructure_projects .btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        display: none;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg.btnMobile,
    #business_development_infrastructure_projects .btn04 .btnMsg.btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btnMsg,
    #business_development_infrastructure_projects .btn02 span,
    #business_development_infrastructure_projects .btn04 span {
        float: left;
    }

    #business_development_infrastructure_projects .btn span,
    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        float: right;
    }


    #boxDevelopmentInner {
        position: relative;
    }

    #boxDevelopmentInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDevelopmentInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDevelopmentInner .bgDevelopmentInner {
        background: #ECECEC;
    }

    #boxDevelopmentInner .boxListDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListDevelopmentInner .oneDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListSubTitlePage {
        display: none;
    }

    #boxDevelopmentInner .boxTitleDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
        padding-top: 90px;
    }

    #boxDevelopmentInner .boxTitleDev img {
        display: block;
        margin: 0px auto;
    }

    #boxDevelopmentInner .boxTitleDev h3 {
        font-size: 30px;
        line-height: 24px;
        padding: 0px 10px;
    }

    #boxDevelopmentInner .boxDesDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 10px 0px 10px;
    }

    #developmentInner0 .bgGraph {
        position: relative;
        left: 5%;
        top: 0px;
        width: 70%;
    }

    #developmentInner1 .bgGraph {
        position: relative;
        left: 0%;
        top: 0px;
        width: 70%;
    }

    #developmentInner2 .bgGraph {
        position: relative;
        left: 0%;
        top: 0px;
        width: 70%;
    }

    #developmentInner3 .bgGraph {
        position: relative;
        left: 0%;
        top: 0px;
        width: 70%;
    }

    #developmentInner4 .bgGraph {
        position: relative;
        left: 0%;
        top: 0px;
        width: 70%;
    }

    #boxDevelopmentInner .boxYearCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxYearCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxYearCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxToonCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        border-bottom: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxToonCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxToonCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxMoreDetail {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 20px;
    }

    #boxDevelopmentInner .boxMoreDetail .btnMoreDetail {
        margin-bottom: 10px;
    }

    #boxDevelopmentInner .developmentInnerCtrl {
        position: relative;
        left: 0px;
        top: 0px;
        clear: both;
        text-align: center;
        border-top: 2px dotted #CCB066;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btn {
        position: relative;
        left: 0px !important;
        top: 0px;
        display: inline-block;
        width: 23% !important;
        padding: 10px 30px;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btnMsg {}


    /* ir 
	=============================== */
    #ir {}

    #ir .boxGraphBack {
        display: none;
    }

    #ir .boxGraphFront {
        display: none;
    }

    /*#ir .boxGraphFront img {width: 1460px !important; position: absolute; top: 40px; left: -1000px; opacity:0.5;}*/
    #ir .contentPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #ir .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #ir .desPage {
        padding: 0px 8px;
        width: auto;
        text-align: center;
    }

    #ir .boxBtn {
        margin: 20px 190px 0px 190px;
        float: none;
    }

    #ir .boxListBtn {
        position: static;
        overflow: inherit;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #ir .boxListBtn .bgLine {
        display: none;
    }

    #ir .oneBtn {
        float: left;
        width: 136px;
        height: 136px;
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px 60px;
    }

    #ir .oneBtn .txt {
        font-size: 20px;
    }


    /* governance
	=============================== */
    #governance {}

    #governance .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #governance .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #governance .bgHand {
        display: none;
    }

    #governance .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #governance .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #governance .except {
        font-size: 25px;
        line-height: 20px;
        padding: 0px 8px;
    }

    #governance .desPage {
        padding: 0px 8px;
        width: auto;
    }


    #governance .boxListBtn {
        position: relative;
    }

    #governance .boxListBtn .line-1 {
        display: none;
    }

    #governance .boxListBtn .line-2 {
        display: none;
    }

    #governance .boxListBtn .line-3 {
        display: none;
    }

    #governance .boxListBtn .line-4 {
        display: none;
    }

    #governance .boxListBtn .line-5 {
        display: none;
    }

    #governance .boxListBtn .line-6 {
        display: none;
    }

    #governance .boxBtn {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px 0px 10px 67px;
        margin: 0px 8px;
    }

    #governance .boxBtn .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn.btnLeft .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn span {
        text-align: left;
    }

    #governance .boxBtn.btnLeft span {
        text-align: left;
    }


    /* durability
	=============================== */
    #durability {}

    #durability .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #durability .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #durability .desPage {
        padding: 0px 8px 20px 8px;
        width: auto;
    }

    #durability .boxLinkContent {}

    #durability .boxBtn {
        display: block;
        width: 130px;
        position: relative;
        left: 0px;
        top: 0px;
        padding-bottom: 20px;
    }

    #durability .btn-1 {
        left: 70px;
    }

    #durability .btn-2 {
        left: 20px;
    }

    #durability .btn-3 {
        left: 80px;
    }

    #durability .btn-4 {
        left: 160px;
    }

    #boxDurabilityInner {
        position: relative;
    }

    #boxDurabilityInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDurabilityInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDurabilityInner .boxListDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .oneDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .boxListSubTitlePage {
        display: none;
    }

    #durabilityInner0 .bgLine1 {
        display: none;
    }

    #durabilityInner0 .leaf1 {
        display: none;
    }

    #durabilityInner0 .leaf2 {
        display: none;
    }

    #durabilityInner0 .leaf3 {
        display: none;
    }

    #durabilityInner0 .leaf4 {
        display: none;
    }

    #durabilityInner0 .leaf5 {
        display: none;
    }

    #durabilityInner0 .leaf6 {
        display: none;
    }

    #durabilityInner0 h2.titleMobile {
        display: block;
    }

    #durabilityInner0 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
    }

    #durabilityInner0 h3 {
        font-size: 30px;
        line-height: 25px;
        padding: 0px 0px 10px 0px;
    }

    #durabilityInner0 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 60px;
    }

    #durabilityInner0 .btnGreenConstruction {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner0 .btnGreenConstruction.greenEn {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner1 .leaf1 {
        display: none;
    }

    #durabilityInner1 .leaf2 {
        display: none;
    }

    #durabilityInner1 .leaf3 {
        display: none;
    }

    #durabilityInner1 .leaf4 {
        display: none;
    }

    #durabilityInner1 .leaf5 {
        display: none;
    }

    #durabilityInner1 .leaf6 {
        display: none;
    }

    #durabilityInner1 .titleContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 90px 10px 10px 10px;
        font-size: 30px;
        line-height: 25px;
        width: auto;
    }

    #durabilityInner1 .desContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 0px 10px 10px 10px;
        font-size: 25px;
        line-height: 20px;
        width: auto;
    }

    #durabilityInner1 .boxActivityLoad {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
    }

    #durabilityInner1 .boxActivity {
        width: 548px;
        margin: 0px auto;
        float: none;
    }

    #durabilityInner1 .boxContentAct {
        padding: 20px 0px 0px 0px;
    }

    #durabilityInner1 .boxActivity .boxImg {
        width: auto;
        padding: 0px 10px;
        height: auto;
    }

    #durabilityInner1 .boxActivity .boxImg img {
        width: 100%;
    }

    #durabilityInner1 .boxActivity .boxDate {
        padding: 10px;
    }

    #durabilityInner1 .boxActivity .boxExcept {
        padding: 0px 10px;
        display: block;
    }

    #durabilityInner1 .bgLine01 {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #durabilityInner1 .boxCtrlPageAct {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 10px 0px;
    }

    #durabilityInner2 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 90px;
    }

    #durabilityInner2 .boxContentLeft h3 {
        padding: 80px 0px 10px 0px;
        height: auto;
        line-height: 30px;
        font-size: 40px;
    }

    #durabilityInner2 .boxDownloadCSR {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #durabilityInner2 .btnDownloadCSR {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .btnDownloadCSR.langEn {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .bg-2 {
        opacity: 0.3;
    }

    #durabilityInner3 .bg-1 {
        display: none;
    }

    #durabilityInner3 .titleContent04 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 85px 0px 10px 0px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        height: auto;
        border-bottom: #bc9633 2px dotted;
    }

    #durabilityInner3 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 5px 60px;
    }

    #durabilityInner3 .boxContentLeft .boxDes {
        padding: 10px 10px 0px 10px;
    }

    #durabilityInner3 .boxContentLeft .boxInform {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxInform .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxInform h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentLeft .boxContact {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxContact .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxContact h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 20px 60px;
    }

    #durabilityInner3 .boxContentRight .boxContactForm {
        width: auto;
    }

    #durabilityInner3 .boxContentRight .boxContactForm h3 {
        font-size: 27px;
    }

    #durabilityInner3 .contact_boxForm {
        padding: 0px 0px 30px 0px;
    }



    /* contact page 
	=================================== */

    .contact_map {
        width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
    }

    .contact_map img {
        width: 100%;
    }

    .contact_map .boxListLinkMap {
        position: relative;
        left: 0px;
        bottom: 0px;
        padding: 10px 0px 20px 10px;
        background: url(../img/contact/lineDot.png) repeat-x left bottom;
    }

    .contact_map .btnMap {
        float: none;
        margin-bottom: 5px;
    }

    .contact_content {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
    }

    .contact_title {
        font-size: 50px;
        line-height: 50px;
        padding: 15px 10px 0px 10px;
    }

    .contact_bottomLine {
        padding: 0px 10px 20px 10px;
    }

    .contact_title_1 {
        font-size: 28px;
        padding: 0px 10px 10px;
    }

    .contact_title_2 {
        font-size: 28px;
        padding: 20px 10px 10px;
    }

    .contact_boxForm {
        padding: 0px 10px 30px 10px;
    }

    #contact_form .contact_lastName {
        width: 46%;
    }

    #contact_form .contact_email {
        width: 46%;
    }

    #contact_form .contact_submit {
        padding: 0px 20px;
        font-size: 25px;
    }

    #contact_form .contact_reset {
        margin: 8px 0px 0px 10px;
        padding: 0px 20px;
        font-size: 25px;
    }

    /* career page 
	=================================== */
    .career_content {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .career_content .titlePage {
        padding: 70px 10px 0px 10px;
        font-size: 50px;
        line-height: 50px;
    }

    .career_content .desPage {
        padding: 0px 10px 25px 10px;
    }

    .career_content .career_list_rel {
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .career_content .career_list_abs {
        width: 100% !important;
        position: relative;
        left: 0px !important;
    }

    .career_content .career_one {
        float: none;
        margin: 0px auto 30px auto;
        height: auto;
        width: 440px;
    }

    .career_ctrl {
        display: none;
    }

    .career_popup {
        width: 568px;
    }

    .career_popup_title {
        padding: 20px 50px 20px 10px;
    }

    .career_popup_title h3 {
        display: block;
        font-size: 27px;
    }

    .career_popup_title b {
        font-size: 20px;
    }

    .career_popup_cms {
        padding: 0px 10px 0px 10px;
    }

    .career_popup_form {
        width: 568px;
    }

    .career_popup_form .career_popup_title h3 {
        font-size: 23px;
        padding-top: 7px;
    }

    .career_form {
        padding: 20px 10px 20px 10px;
    }

    .career_form .boxFormHead {
        font-size: 25px;
    }

    .career_form .tableCareer1 {
        display: block;
    }

    .career_form .tableCareer1 tr {
        display: block;
    }

    .career_form .tableCareer1 tr td:nth-child(1) {
        display: block;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(2) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    .career_form .tableCareer1 tr td:nth-child(3) {
        display: block;
        clear: both;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(4) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    #career_form .career_reset {
        margin: 8px 37px 0px 10px;
    }




    /* popup
	=============================== */
    .popup01Main {
        width: 568px;
    }

    .popup01Main .titlePop01Main {
        padding: 30px 48px 0px 10px;
    }

    .popup01Main .titlePop01Main b {
        left: 10px;
    }

    .popup01Main .contentPop01Main {
        padding: 25px 10px 40px 10px;
    }

    .popup01Main .btnClose {
        right: 10px;
    }

    .popup0101 {
        width: 568px;
    }

    .popup0101 .titlePop0101 {
        font-size: 32px;
        padding: 0px 0px 0px 10px;
        height: 62px;
        line-height: 70px;
    }

    .popup0101 .contentPop0101 {
        padding: 10px;
    }

    .popup0106 {
        width: 568px;
    }

    .popup0106 .titlePop0106 {
        height: 75px;
        line-height: 80px;
        padding: 0px 0px 0px 70px;
        font-size: 32px;
    }

    .popup0106 .titlePop0106 img {
        width: 70px;
        left: 0px;
        top: 5px;
    }

    .popup0106 .contentPop0106 {
        padding: 10px 10px 20px 10px;
    }

    .popup0106 .contentPop0106 h4 {
        font-size: 25px;
    }

    .popup0106 .contentPop0106 h4 b {
        font-size: 55px;
    }

    .popup0108 {
        width: 568px;
    }

    .popup0108 .titlePop0108 {
        padding: 30px 50px 20px 50px !important;
        font-size: 23px !important;
        height: auto !important;
    }

    .popup0108 .titlePop0108 b {
        font-size: 50px;
        left: 10px;
        top: 5px;
    }

    .popup0108 .titlePop0108 span {
        font-size: 20px;
    }

    .popup0108 .contentPop0108 {
        padding: 10px 10px 20px 10px;
    }

    .popup0108 .contentPop0108 img {
        max-width: 548px;
    }

    .popup03-1 {
        width: 568px;
    }

    .popup03-1 .titlePop03-1 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-1 .titlePop03-1 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-1 .contentPop03-1 {
        padding: 10px;
    }

    .popup03-1 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-2 {
        width: 568px;
    }

    .popup03-2 .titlePop03-2 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-2 .titlePop03-2 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-2 .contentPop03-2 {
        padding: 10px;
    }

    .popup03-2 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-3 {
        width: 568px;
    }

    .popup03-3 .titlePop03-3 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-3 .titlePop03-3 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-3 .contentPop03-3 {
        padding: 10px;
    }

    .popup03-3 .btnDownload {
        left: 70px;
        right: auto;
        top: 42px;
    }

    .popup03-4 {
        width: 568px;
    }

    .popup03-4 .titlePop03-4 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-4 .titlePop03-4 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-4 .contentPop03-4 {
        padding: 10px;
    }

    .popup03-4 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-5 {
        width: 568px;
    }

    .popup03-5 .titlePop03-5 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-5 .titlePop03-5 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-5 .contentPop03-5 {
        padding: 10px;
    }

    .popup03-5 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }


    .popup05-1 {
        width: 568px;
    }

    .popup05-1 .titlePop05-1 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-1 .titlePop05-1 img {
        width: 35px;
    }

    .popup05-1 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-1 .btnClose {
        right: 10px;
    }

    .popup05-3 {
        width: 568px;
    }

    .popup05-3 .titlePop05-3 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-3 .titlePop05-3 img {
        width: 35px;
    }

    .popup05-3 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-3 .btnClose {
        right: 10px;
    }

    .popup05-4 {
        width: 568px;
    }

    .popup05-4 .titlePop05-4 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-4 .titlePop05-4 img {
        width: 35px;
    }

    .popup05-4 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-4 .btnClose {
        right: 10px;
    }

    .popup05-5 {
        width: 568px;
    }

    .popup05-5 .titlePop05-5 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 23px;
        line-height: 85px;
    }

    .popup05-5 .titlePop05-5 img {
        width: 35px;
    }

    .popup05-5 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-5 .btnClose {
        right: 10px;
    }

    .popup05-6 {
        width: 568px;
    }

    .popup05-6 .titlePop05-6 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 27px;
        line-height: 85px;
    }

    .popup05-6 .titlePop05-6 img {
        width: 35px;
    }

    .popup05-6 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-6 .btnClose {
        right: 10px;
    }

    .green_construction_popup {
        width: 568px;
    }

    .green_construction_popup .titlePop06 {
        padding: 20px 50px 10px 10px;
        font-size: 26px;
        line-height: 20px;
        height: 85px;
    }

    .green_construction_popup .titlePop06 span {
        font-size: 22px;
    }

    .green_construction_popup .contentPop06 {
        padding: 10px;
    }

    .green_construction_popup .btnDownload {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .green_construction_popup .btnDownload.langEn {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .activity_popup {
        width: 568px;
    }

    .activity_popup_cms {
        padding: 17px 10px 10px 10px;
        width: auto;
    }

    .activity_popup .activity_popup_img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 548px;
        height: 300px;
    }

    .activity_popup .activity_popup_img img {
        width: 548px;
    }

    .activity_popup .activity_popup_ctrl {
        position: relative;
        left: 0px;
        top: -130px;
        width: 548px;
    }

    .activity_popup .activity_popup_title {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .activity_popup .btnClose {
        z-index: 500;
    }
}



@media only screen and (min-width: 481px) and (max-width: 568px) {
    .header {
        position: absolute;
    }

    .header .logo {
        /* display: none; */
    }

    .header .headMenu {
        display: none;
    }

    .header .txtHeadEN {
        display: block;
        font-size: 22px;
        left: 0px;
        top: 36px;
        width: 100%;
        text-align: center;
    }

    .header.sty2 .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header.langEn .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header .lineHead {
        display: none;
    }

    .header .txtHeadTH {
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        font-size: 21px;
    }

    .header .boxListIcon {
        left: 0px;
        right: auto;
        /* width: 100%; */
    }

    .header .boxListIcon .btnLangEn {
        display: none;
    }

    .header .boxListIcon .btnHome {
        display: none;
    }

    .header .boxListIcon .btnSitemap {
        float: left;
        margin-left: 8px;
    }

    .header .boxListIcon .btnProject {
        float: right;
        margin-right: 8px;
    }

    /*.boxPage {position:relative;}*/

    .boxSitmap {
        background-image: none;
    }

    .boxSitmap .boxListSitmap {
        width: 100%;
    }

    .boxSitmap .oneListSitmap {
        position: relative;
        float: none;
        padding: 5px 0px 5px 55px;
        border-left: 4px solid #666;
        border-bottom: 1px solid #666;
        margin-bottom: 1px;
    }

    .boxSitmap .oneListSitmap .num {
        position: absolute;
        left: 8px;
        top: 2px;
        width: 40px;
        height: auto;
    }

    .boxSitmap .oneListSitmap>h4 {
        padding: 7px 0px 7px 0px;
    }

    .boxSitmap .oneListSitmap>ul {
        display: none;
    }

    .boxSitmap .btnCloseSitmap {
        display: none;
    }

    .boxSitmap .boxMainLink {
        width: 100%;
        position: relative;
        top: -1px;
        background-color: #383C3F;
        padding: 8px 0px;
    }

    .boxSitmap .boxMainLink h2 {
        display: none;
    }

    .boxSitmap .boxMainLink h3 {
        display: none;
    }

    .boxSitmap .boxMainLink .listMainLink a {
        background-image: none;
        padding: 0px 0px 0px 21px;
        width: auto;
        height: auto;
        font-size: 21px;
        line-height: 25px;
    }

    .boxSitmap .boxLangSitmap {
        display: block;
    }

    /*.boxRightProject {position:absolute;}*/

    /* home 
	=============================== */
    #home {}

    #home .contentPage {
        min-height: 450px;
        padding: 0px;
    }

    #home .titlePage {
        font-size: 36px;
        line-height: 30px;
        padding-top: 30%;
    }

    #home .titlePageEn span {
        display: block;
    }

    #home .boxDetailMain {
        display: none;
    }

    #home .boxContentCtrl {
        padding: 10px 0px 25px 0px;
        width: 100% !important;
        text-align: center;
    }

    #home .boxContentCtrl a {
        display: inline-block;
        width: 18px;
        height: 18px;
        float: none;
        opacity: 0.9;
    }

    #home .boxContentCtrl a.action,
    #home .boxContentCtrl a:hover {
        opacity: 0.9;
    }

    #home .btnEnter {
        display: none;
    }

    /* about 
	=============================== */
    #about .boxBgLine {
        display: none;
    }

    /*#about .oneBgPage {background-position:left top;}*/
    #about .contentPage {
        position: static;
        width: 100%;
        padding-top: 75px;
    }

    #about .contentPage .titlePage {
        padding: 0px 8px 0px 8px;
        font-size: 50px;
        line-height: 50px;
    }

    #about .contentPage .titlePage2 {
        padding: 0px 8px 13px 8px;
        font-size: 30px;
        line-height: 20px;
    }

    #about .contentPage .desPage {
        padding: 0px 8px 8px 8px;
        font-size: 22px;
        line-height: 22px;
    }

    #about .boxListBtn {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #about .boxListBtn .oneBtn {
        width: 113px;
        height: 113px;
        float: left;
        position: relative;
        left: 0px !important;
        top: 0px !important;
    }

    #about .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #about .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #about .boxListYear {
        display: none;
    }

    #about .boxYearsContent {
        display: none;
    }

    #about .boxMobileYearContent {
        display: block;
    }

    #about .boxMobileYear {
        display: block;
    }

    #about .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #boxAboutInner {
        position: relative;
    }

    #boxAboutInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxAboutInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxAboutInner .boxListAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .oneAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .boxListSubTitlePage {
        display: none;
    }

    #boxAboutInner .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #boxAboutInner .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #boxAboutInner .boxListYear {
        display: none;
    }

    #boxAboutInner .boxYearsContent {
        display: none;
    }

    #boxAboutInner .boxMobileYearContent {
        display: block;
    }

    #boxAboutInner .boxMobileYear {
        display: block;
    }

    #boxAboutInner .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #aboutInner0 .boxBgInner0 {
        display: none;
    }

    #aboutInner0 .boxOrgDetail {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto !important;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxOrgDetail h2.titleMobile {
        display: block;
        padding-top: 90px;
        padding-bottom: 5px;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
    }

    #aboutInner0 .boxOrgDetail h3 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #aboutInner0 .ico-build {
        display: none;
    }

    #aboutInner0 .boxAddress {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxAddress h3 {
        padding: 0px 0px 7px 0px;
    }

    #aboutInner0 .boxHoon {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding-bottom: 0px;
    }

    #aboutInner0 .boxHoon .graph {
        display: none;
    }

    #aboutInner0 .boxHoon .titleHoon {
        position: relative;
        left: 0px;
        top: 0px;
        text-align: left;
        padding: 0px 10px;
    }

    #aboutInner0 .boxHoon .oneHoon {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxHoon .ico {
        float: left;
        margin: 0px;
        padding: 10px 20px;
    }

    #aboutInner0 .boxHoon b {
        font-size: 24px;
        padding-top: 15px;
    }

    #aboutInner0 .boxHoon .onePrice b {
        padding-top: 22px;
    }

    #aboutInner0 .boxHoon h3 {
        padding-bottom: 15px;
        font-size: 40px;
    }

    #aboutInner0 .boxHoon .onePrice {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxToon {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        border: none;
    }

    #aboutInner0 .boxToon .oneToon {
        border-bottom: 2px dotted #DAC596;
        min-height: 90px;
        padding: 0px;
    }

    #aboutInner0 .boxToon .boxImg {
        padding: 20px;
        max-width: 54px;
    }

    #aboutInner0 .boxToon .boxTxt {
        padding: 17px 0px 3px 0px;
    }

    #aboutInner0 .boxToon .boxNum {
        font-size: 38px;
    }

    #aboutInner1 .boxBgInner01 {
        display: none;
    }

    #aboutInner1 h2.titleMobile {
        display: block;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
        line-height: 36px;
        text-align: center;
        padding: 90px 30px 5px 30px;
    }

    #aboutInner1 .titleInnerPage {
        position: relative;
        width: auto;
        left: 0px;
        top: 0px;
        padding: 10px 10px 10px 10px;
        color: #CCB066;
        font-size: 25px;
    }

    #aboutInner1 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner1 .boxVision {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-vision-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxVision h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxVision img {
        display: none;
    }

    #aboutInner1 .boxMission {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-mission-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxMission h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxMission img {
        display: none;
    }

    #aboutInner1 .boxMission ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #aboutInner1 .boxValue {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-value-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxValue h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxValue img {
        display: none;
    }

    #aboutInner1 .boxStrategy {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-strategy-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxStrategy h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxStrategy img {
        display: none;
    }


    #aboutInner2 .orgChart {
        display: none;
    }

    #aboutInner2 .orgChartMobile {
        display: block;
        width: 100%;
        height: auto;
        padding-top: 60px;
    }

    #aboutInner3 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
        width: 100%;
        padding-bottom: 30px;
    }

    #aboutInner3 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .bgListBoard-1 {
        display: none;
    }

    #aboutInner3 .bgListBoard-2 {
        display: none;
    }

    #aboutInner3 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner3 .oneBoxBoard img {
        width: 20%;
        margin: 0px 10px 0px 40px;
        float: left;
    }

    #aboutInner3 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner4 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner4 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .bgListBoard-1 {
        display: none;
    }

    #aboutInner4 .bgListBoard-2 {
        display: none;
    }

    #aboutInner4 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner4 .oneBoxBoard img {
        width: 20%;
        margin: 0px 10px 0px 40px;
        float: left;
    }

    #aboutInner4 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner5 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner5 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-3 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .bgListBoard-1 {
        display: none;
    }

    #aboutInner5 .bgListBoard-2 {
        display: none;
    }

    #aboutInner5 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner5 .oneBoxBoard img {
        width: 20%;
        margin: 0px 10px 0px 40px;
        float: left;
    }

    #aboutInner5 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner6 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner6 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .bgListBoard-1 {
        display: none;
    }

    #aboutInner6 .bgListBoard-2 {
        display: none;
    }

    #aboutInner6 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner6 .oneBoxBoard img {
        width: 20%;
        margin: 0px 10px 0px 40px;
        float: left;
    }

    #aboutInner6 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner7 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 10px;
        line-height: 30px;
    }

    #aboutInner7 .boxContent06 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner7 .boxContent06 .bg {
        display: none;
    }

    #aboutInner7 .boxContent06 .boxIco06-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner7 .boxContent06 .boxIco06-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner8 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner8 .desInnerPage {
        display: none;
    }

    #aboutInner8 .line1 {
        display: none;
    }

    #aboutInner8 .line2 {
        display: none;
    }

    #aboutInner8 .line3 {
        display: none;
    }

    #aboutInner8 .line4 {
        display: none;
    }

    #aboutInner8 .line5 {
        display: none;
    }

    #aboutInner8 .groupLeft {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgLeft {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconLeft {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentLeft.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .groupRight {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgRight {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconRight {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentRight.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner9 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 10px 10px 10px;
        line-height: 29px;
    }

    #aboutInner9 .groupImg {
        display: block;
        position: relative;
        width: 100%;
    }

    #aboutInner9 .groupImg .bg8-1 {
        width: 100%;
        left: 0%;
        top: 0%;
        position: relative;
    }

    #aboutInner9 .groupImg .bg8-2 {
        width: 33.75%;
        left: 3.4375%;
        top: 23.5042735042735%;
    }

    #aboutInner9 .groupImg .bg8-3 {
        width: 56.5625%;
        left: 42.1875%;
        top: 1.70940170940171%;
    }

    #aboutInner9 .groupImg .bg8-4 {
        width: 46.8125%;
        left: 34.5%;
        top: 9.6%;
    }

    #aboutInner9 .groupImg .bg8-5 {
        width: 36.875%;
        left: 28.4375%;
        top: 18.8034188034188%;
    }

    #aboutInner9 .groupImg .bg8-6 {
        width: 29.0625%;
        left: 21.875%;
        top: 23.93162393162393%;
    }

    #aboutInner9 .groupImg .ico-reward-1 {
        width: 8.75%;
        left: 8.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-2 {
        width: 9.375%;
        left: 20.625%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-3 {
        width: 8.75%;
        left: 33.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-4 {
        width: 7.1875%;
        left: 45.9375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .box01Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box02Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box03Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box04Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box05Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box06Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box07Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box08Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box09Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box10Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .titleStandard {
        min-height: 45px;
    }

    #aboutInner9 .titleStandard b {
        display: inline;
    }

    #aboutInner9 .titleStandard strong {
        display: inline;
    }

    #aboutInner10 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 0px 10px 0px;
        line-height: 29px;
    }

    #aboutInner10 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner10 .boxMain8Protect {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #aboutInner10 .boxMain8Protect .bgLineDotProtect {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .num8 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        padding: 25px 0px 10px 0px;
        width: 30px;
    }

    #aboutInner10 .boxMain8Protect .line9-1 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-2 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-3 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-4 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-5 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-6 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-7 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-8 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect {
        position: relative;
        right: auto !important;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border-top: 2px dotted #CCB066;
        padding-top: 8px;
        text-align: left !important;
        min-height: 40px;
        padding-bottom: 10px;
        padding-left: 55px;
        padding-right: 10px;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect img {
        float: none !important;
        padding: 0px;
        width: 30px !important;
        position: absolute;
        left: 10px;
        top: 12px;
        ;
    }

    #aboutInner10 .title6Protect {
        position: relative;
        left: 0px !important;
        top: 0px;
        text-align: center;
        width: auto !important;
        padding: 0px 0px 10px 0px;
    }

    #aboutInner10 .desInnerPage2 {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: auto !important;
        padding: 10px 10px 30px 10px;
        font-size: 22px;
        border-top: 2px dotted #CCB066;
    }

    /* construction_business 
	=============================== */
    #construction_business {}

    #construction_business .boxDescription02 {
        padding: 80px 8px 10px 8px;
    }

    #construction_business .boxListProject {
        height: auto !important;
    }

    #construction_business .boxListProject .oneProject {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .bg {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent .txtProject {
        left: 8px;
        padding-left: 70px;
        font-size: 29px;
        height: 50px !important;
        line-height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .txtProject {
        left: 18px;
    }

    #construction_business .boxListProject .oneProject .boxContent .icoNext {
        right: 10px;
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .icoNext {
        right: 0px;
    }

    .boxPage2-detail {
        height: auto;
        position: relative;
    }

    .boxPage2-detail .bgImgProject {
        position: relative;
        height: 230px;
    }

    .boxPage2-detail .bottomDetail {
        position: relative;
        left: 0px;
        bottom: auto;
    }

    .boxPage2-detail .bottomDetail .content {
        position: relative;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory {
        font-size: 24px;
        line-height: 26px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory span {
        display: block;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectDone {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectInProgress {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectName {
        clear: both;
        font-size: 25px;
        line-height: 22px;
    }

    .boxPage2-detail .bottomDetail .content .projectNameSub {
        width: 100%;
        font-size: 22px;
        line-height: 14px;
    }

    .boxPage2-detail .bottomDetail .content .projectDetail {
        position: relative;
        width: 100%;
    }

    .boxPage2-detail .bottomDetail .content .projectCopy {
        max-width: inherit;
        padding-bottom: 30px;
    }

    .boxPage2-detail .bottomDetail .content .projectRate {
        position: relative;
        right: 0px;
        top: 0px;
        width: 100%;
    }


    /* business_development_infrastructure_projects 
	=============================== */
    #business_development_infrastructure_projects {}

    #business_development_infrastructure_projects .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #business_development_infrastructure_projects .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #business_development_infrastructure_projects .bgBottom {
        display: none;
    }

    #business_development_infrastructure_projects .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #business_development_infrastructure_projects .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #business_development_infrastructure_projects .except {
        font-size: 25px;
        line-height: 20px;
    }

    #business_development_infrastructure_projects .desPage {
        padding: 0px 8px;
        width: auto;
    }

    #business_development_infrastructure_projects .btn {
        position: relative;
        left: 0px;
        top: 0px;
        width: 480px;
        padding: 0px;
        margin: 0 auto;
    }

    #business_development_infrastructure_projects .btn:after {
        content: "";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }

    #business_development_infrastructure_projects .bgCircle {
        width: 190px;
    }

    #business_development_infrastructure_projects .bgImg {
        width: 163px;
        height: 163px;
    }

    #business_development_infrastructure_projects .btn i {
        width: 163px;
        height: 163px;
    }

    #business_development_infrastructure_projects .btnMsg {
        width: 200px;
        font-size: 22px;
        line-height: 17px;
        padding-top: 20%;
    }

    #business_development_infrastructure_projects .btnInvestmentStructure {
        position: relative;
        left: 0px;
        top: 30px;
        clear: both;
        margin: 30px auto;
    }

    #business_development_infrastructure_projects .btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        display: none;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg.btnMobile,
    #business_development_infrastructure_projects .btn04 .btnMsg.btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btnMsg,
    #business_development_infrastructure_projects .btn02 span,
    #business_development_infrastructure_projects .btn04 span {
        float: left;
    }

    #business_development_infrastructure_projects .btn span,
    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        float: right;
    }


    #boxDevelopmentInner {
        position: relative;
    }

    #boxDevelopmentInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDevelopmentInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDevelopmentInner .bgDevelopmentInner {
        background: #ECECEC;
    }

    #boxDevelopmentInner .boxListDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListDevelopmentInner .oneDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListSubTitlePage {
        display: none;
    }

    #boxDevelopmentInner .boxTitleDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
        padding-top: 90px;
    }

    #boxDevelopmentInner .boxTitleDev img {
        display: block;
        margin: 0px auto;
    }

    #boxDevelopmentInner .boxTitleDev h3 {
        font-size: 30px;
        line-height: 24px;
        padding: 0px 10px;
    }

    #boxDevelopmentInner .boxDesDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 10px 0px 10px;
    }

    #developmentInner0 .bgGraph {
        position: relative;
        left: -34%;
        top: 0px;
        width: 130%;
    }

    #developmentInner1 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner2 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner3 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner4 .bgGraph {
        position: relative;
        left: -42%;
        top: 0px;
        width: 130%;
    }

    #boxDevelopmentInner .boxYearCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxYearCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxYearCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxToonCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        border-bottom: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxToonCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxToonCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxMoreDetail {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 20px;
    }

    #boxDevelopmentInner .boxMoreDetail .btnMoreDetail {
        margin-bottom: 10px;
    }

    #boxDevelopmentInner .developmentInnerCtrl {
        position: relative;
        left: 0px;
        top: 0px;
        clear: both;
        text-align: center;
        border-top: 2px dotted #CCB066;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btn {
        position: relative;
        left: 0px !important;
        top: 0px;
        display: inline-block;
        width: 20% !important;
        padding: 10px 30px;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btnMsg {}


    /* ir 
	=============================== */
    #ir {}

    #ir .boxGraphBack {
        display: none;
    }

    #ir .boxGraphFront {
        display: none;
    }

    /*#ir .boxGraphFront img {width: 1460px !important; position: absolute; top: 40px; left: -1000px; opacity:0.5;}*/
    #ir .contentPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #ir .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #ir .desPage {
        padding: 0px 8px;
        width: auto;
        text-align: center;
    }

    #ir .boxBtn {
        margin: 20px 90px 0px 90px;
        float: none;
    }

    #ir .boxListBtn {
        position: static;
        overflow: inherit;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #ir .boxListBtn .bgLine {
        display: none;
    }

    #ir .oneBtn {
        float: left;
        width: 136px;
        height: 136px;
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px 26px;
    }

    #ir .oneBtn .txt {
        font-size: 20px;
    }


    /* governance
	=============================== */
    #governance {}

    #governance .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #governance .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #governance .bgHand {
        display: none;
    }

    #governance .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #governance .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #governance .except {
        font-size: 25px;
        line-height: 20px;
        padding: 0px 8px;
    }

    #governance .desPage {
        padding: 0px 8px;
        width: auto;
    }


    #governance .boxListBtn {
        position: relative;
    }

    #governance .boxListBtn .line-1 {
        display: none;
    }

    #governance .boxListBtn .line-2 {
        display: none;
    }

    #governance .boxListBtn .line-3 {
        display: none;
    }

    #governance .boxListBtn .line-4 {
        display: none;
    }

    #governance .boxListBtn .line-5 {
        display: none;
    }

    #governance .boxListBtn .line-6 {
        display: none;
    }

    #governance .boxBtn {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px 0px 10px 67px;
        margin: 0px 8px;
    }

    #governance .boxBtn .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn.btnLeft .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn span {
        text-align: left;
    }

    #governance .boxBtn.btnLeft span {
        text-align: left;
    }


    /* durability
	=============================== */
    #durability {}

    #durability .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #durability .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #durability .desPage {
        padding: 0px 8px 20px 8px;
        width: auto;
    }

    #durability .boxLinkContent {}

    #durability .boxBtn {
        display: block;
        width: 130px;
        position: relative;
        left: 0px;
        top: 0px;
        padding-bottom: 20px;
    }

    #durability .btn-1 {
        left: 70px;
    }

    #durability .btn-2 {
        left: 20px;
    }

    #durability .btn-3 {
        left: 80px;
    }

    #durability .btn-4 {
        left: 160px;
    }

    #boxDurabilityInner {
        position: relative;
    }

    #boxDurabilityInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDurabilityInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDurabilityInner .boxListDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .oneDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .boxListSubTitlePage {
        display: none;
    }

    #durabilityInner0 .bgLine1 {
        display: none;
    }

    #durabilityInner0 .leaf1 {
        display: none;
    }

    #durabilityInner0 .leaf2 {
        display: none;
    }

    #durabilityInner0 .leaf3 {
        display: none;
    }

    #durabilityInner0 .leaf4 {
        display: none;
    }

    #durabilityInner0 .leaf5 {
        display: none;
    }

    #durabilityInner0 .leaf6 {
        display: none;
    }

    #durabilityInner0 h2.titleMobile {
        display: block;
    }

    #durabilityInner0 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 h3 {
        font-size: 30px;
        line-height: 25px;
        padding: 0px 0px 10px 0px;
    }

    #durabilityInner0 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 .btnGreenConstruction {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner0 .btnGreenConstruction.greenEn {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner1 .leaf1 {
        display: none;
    }

    #durabilityInner1 .leaf2 {
        display: none;
    }

    #durabilityInner1 .leaf3 {
        display: none;
    }

    #durabilityInner1 .leaf4 {
        display: none;
    }

    #durabilityInner1 .leaf5 {
        display: none;
    }

    #durabilityInner1 .leaf6 {
        display: none;
    }

    #durabilityInner1 .titleContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 90px 10px 10px 10px;
        font-size: 30px;
        line-height: 25px;
        width: auto;
    }

    #durabilityInner1 .desContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 0px 10px 10px 10px;
        font-size: 25px;
        line-height: 20px;
        width: auto;
    }

    #durabilityInner1 .boxActivityLoad {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
    }

    #durabilityInner1 .boxActivity {
        width: 548px;
        margin: 0px auto;
        float: none;
    }

    #durabilityInner1 .boxContentAct {
        padding: 20px 0px 0px 0px;
    }

    #durabilityInner1 .boxActivity .boxImg {
        width: auto;
        padding: 0px 10px;
        height: auto;
    }

    #durabilityInner1 .boxActivity .boxImg img {
        width: 100%;
    }

    #durabilityInner1 .boxActivity .boxDate {
        padding: 10px;
    }

    #durabilityInner1 .boxActivity .boxExcept {
        padding: 0px 10px;
        display: block;
    }

    #durabilityInner1 .bgLine01 {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #durabilityInner1 .boxCtrlPageAct {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 10px 0px;
    }

    #durabilityInner2 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
    }

    #durabilityInner2 .boxContentLeft h3 {
        padding: 80px 0px 10px 0px;
        height: auto;
        line-height: 30px;
        font-size: 40px;
    }

    #durabilityInner2 .boxDownloadCSR {
        padding-top: 10px;
    }

    #durabilityInner2 .btnDownloadCSR {
        width: 548px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .btnDownloadCSR.langEn {
        width: 548px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .bg-2 {
        opacity: 0.3;
    }

    #durabilityInner3 .bg-1 {
        display: none;
    }

    #durabilityInner3 .titleContent04 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 85px 0px 10px 0px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        height: auto;
        border-bottom: #bc9633 2px dotted;
    }

    #durabilityInner3 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #durabilityInner3 .boxContentLeft .boxDes {
        padding: 10px 10px 0px 10px;
    }

    #durabilityInner3 .boxContentLeft .boxInform {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxInform .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxInform h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentLeft .boxContact {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxContact .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxContact h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px;
    }

    #durabilityInner3 .boxContentRight .boxContactForm {
        width: auto;
    }

    #durabilityInner3 .boxContentRight .boxContactForm h3 {
        font-size: 27px;
    }

    #durabilityInner3 .contact_boxForm {
        padding: 0px 0px 30px 0px;
    }



    /* contact page 
	=================================== */

    .contact_map {
        width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
    }

    .contact_map img {
        width: 100%;
    }

    .contact_map .boxListLinkMap {
        position: relative;
        left: 0px;
        bottom: 0px;
        padding: 10px 0px 20px 10px;
        background: url(../img/contact/lineDot.png) repeat-x left bottom;
    }

    .contact_map .btnMap {
        float: none;
        margin-bottom: 5px;
    }

    .contact_content {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
    }

    .contact_title {
        font-size: 50px;
        line-height: 50px;
        padding: 15px 10px 0px 10px;
    }

    .contact_bottomLine {
        padding: 0px 10px 20px 10px;
    }

    .contact_title_1 {
        font-size: 28px;
        padding: 0px 10px 10px;
    }

    .contact_title_2 {
        font-size: 28px;
        padding: 20px 10px 10px;
    }

    .contact_boxForm {
        padding: 0px 10px 30px 10px;
    }

    #contact_form .contact_lastName {
        width: 46%;
    }

    #contact_form .contact_email {
        width: 46%;
    }

    #contact_form .contact_submit {
        padding: 0px 20px;
        font-size: 25px;
    }

    #contact_form .contact_reset {
        margin: 8px 0px 0px 10px;
        padding: 0px 20px;
        font-size: 25px;
    }

    /* career page 
	=================================== */
    .career_content {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .career_content .titlePage {
        padding: 70px 10px 0px 10px;
        font-size: 50px;
        line-height: 50px;
    }

    .career_content .desPage {
        padding: 0px 10px 25px 10px;
    }

    .career_content .career_list_rel {
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .career_content .career_list_abs {
        width: 100% !important;
        position: relative;
        left: 0px !important;
    }

    .career_content .career_one {
        float: none;
        margin: 0px auto 30px auto;
        height: auto;
        width: 440px;
    }

    .career_ctrl {
        display: none;
    }

    .career_popup {
        width: 568px;
    }

    .career_popup_title {
        padding: 20px 50px 20px 10px;
    }

    .career_popup_title h3 {
        display: block;
        font-size: 27px;
    }

    .career_popup_title b {
        font-size: 20px;
    }

    .career_popup_cms {
        padding: 0px 10px 0px 10px;
    }

    .career_popup_form {
        width: 568px;
    }

    .career_popup_form .career_popup_title h3 {
        font-size: 23px;
        padding-top: 7px;
    }

    .career_form {
        padding: 20px 10px 20px 10px;
    }

    .career_form .boxFormHead {
        font-size: 25px;
    }

    .career_form .tableCareer1 {
        display: block;
    }

    .career_form .tableCareer1 tr {
        display: block;
    }

    .career_form .tableCareer1 tr td:nth-child(1) {
        display: block;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(2) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    .career_form .tableCareer1 tr td:nth-child(3) {
        display: block;
        clear: both;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(4) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    #career_form .career_reset {
        margin: 8px 37px 0px 10px;
    }




    /* popup
	=============================== */
    .popup01Main {
        width: 568px;
    }

    .popup01Main .titlePop01Main {
        padding: 30px 48px 0px 10px;
    }

    .popup01Main .titlePop01Main b {
        left: 10px;
    }

    .popup01Main .contentPop01Main {
        padding: 25px 10px 40px 10px;
    }

    .popup01Main .btnClose {
        right: 10px;
    }

    .popup0101 {
        width: 568px;
    }

    .popup0101 .titlePop0101 {
        font-size: 32px;
        padding: 0px 0px 0px 10px;
        height: 62px;
        line-height: 70px;
    }

    .popup0101 .contentPop0101 {
        padding: 10px;
    }

    .popup0106 {
        width: 568px;
    }

    .popup0106 .titlePop0106 {
        height: 75px;
        line-height: 80px;
        padding: 0px 0px 0px 70px;
        font-size: 32px;
    }

    .popup0106 .titlePop0106 img {
        width: 70px;
        left: 0px;
        top: 5px;
    }

    .popup0106 .contentPop0106 {
        padding: 10px 10px 20px 10px;
    }

    .popup0106 .contentPop0106 h4 {
        font-size: 25px;
    }

    .popup0106 .contentPop0106 h4 b {
        font-size: 55px;
    }

    .popup0108 {
        width: 568px;
    }

    .popup0108 .titlePop0108 {
        padding: 30px 50px 20px 50px !important;
        font-size: 23px !important;
        height: auto !important;
    }

    .popup0108 .titlePop0108 b {
        font-size: 50px;
        left: 10px;
        top: 5px;
    }

    .popup0108 .titlePop0108 span {
        font-size: 20px;
    }

    .popup0108 .contentPop0108 {
        padding: 10px 10px 20px 10px;
    }

    .popup0108 .contentPop0108 img {
        max-width: 548px;
    }

    .popup03-1 {
        width: 568px;
    }

    .popup03-1 .titlePop03-1 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-1 .titlePop03-1 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-1 .contentPop03-1 {
        padding: 10px;
    }

    .popup03-1 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-2 {
        width: 568px;
    }

    .popup03-2 .titlePop03-2 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-2 .titlePop03-2 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-2 .contentPop03-2 {
        padding: 10px;
    }

    .popup03-2 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-3 {
        width: 568px;
    }

    .popup03-3 .titlePop03-3 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-3 .titlePop03-3 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-3 .contentPop03-3 {
        padding: 10px;
    }

    .popup03-3 .btnDownload {
        left: 70px;
        right: auto;
        top: 42px;
    }

    .popup03-4 {
        width: 568px;
    }

    .popup03-4 .titlePop03-4 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-4 .titlePop03-4 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-4 .contentPop03-4 {
        padding: 10px;
    }

    .popup03-4 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-5 {
        width: 568px;
    }

    .popup03-5 .titlePop03-5 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-5 .titlePop03-5 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-5 .contentPop03-5 {
        padding: 10px;
    }

    .popup03-5 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }


    .popup05-1 {
        width: 568px;
    }

    .popup05-1 .titlePop05-1 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-1 .titlePop05-1 img {
        width: 35px;
    }

    .popup05-1 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-1 .btnClose {
        right: 10px;
    }

    .popup05-3 {
        width: 568px;
    }

    .popup05-3 .titlePop05-3 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-3 .titlePop05-3 img {
        width: 35px;
    }

    .popup05-3 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-3 .btnClose {
        right: 10px;
    }

    .popup05-4 {
        width: 568px;
    }

    .popup05-4 .titlePop05-4 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-4 .titlePop05-4 img {
        width: 35px;
    }

    .popup05-4 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-4 .btnClose {
        right: 10px;
    }

    .popup05-5 {
        width: 568px;
    }

    .popup05-5 .titlePop05-5 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 23px;
        line-height: 85px;
    }

    .popup05-5 .titlePop05-5 img {
        width: 35px;
    }

    .popup05-5 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-5 .btnClose {
        right: 10px;
    }

    .popup05-6 {
        width: 568px;
    }

    .popup05-6 .titlePop05-6 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 27px;
        line-height: 85px;
    }

    .popup05-6 .titlePop05-6 img {
        width: 35px;
    }

    .popup05-6 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-6 .btnClose {
        right: 10px;
    }

    .green_construction_popup {
        width: 568px;
    }

    .green_construction_popup .titlePop06 {
        padding: 20px 50px 10px 10px;
        font-size: 26px;
        line-height: 20px;
        height: 85px;
    }

    .green_construction_popup .titlePop06 span {
        font-size: 22px;
    }

    .green_construction_popup .contentPop06 {
        padding: 10px;
    }

    .green_construction_popup .btnDownload {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .green_construction_popup .btnDownload.langEn {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .activity_popup {
        width: 568px;
    }

    .activity_popup_cms {
        padding: 17px 10px 10px 10px;
        width: auto;
    }

    .activity_popup .activity_popup_img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 548px;
        height: 300px;
    }

    .activity_popup .activity_popup_img img {
        width: 548px;
    }

    .activity_popup .activity_popup_ctrl {
        position: relative;
        left: 0px;
        top: -130px;
        width: 548px;
    }

    .activity_popup .activity_popup_title {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .activity_popup .btnClose {
        z-index: 500;
    }
}




@media only screen and (min-width: 321px) and (max-width: 480px) {
    .header {
        position: absolute;
    }

    .header .logo {
        /* display: none; */
        text-align: right;
        padding-right: 10px;
        left: 0;
    }
    .header .logo img {
        display: initial;
        position: relative;
        
    }

    .header .headMenu {
        display: none;
    }

    .header .txtHeadEN {
        display: block;
        font-size: 22px;
        left: 0px;
        top: 36px;
        width: 100%;
        text-align: center;
    }

    .header.sty2 .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header.langEn .txtHeadEN {
        left: 0px;
        font-size: 22px;
    }

    .header .lineHead {
        display: none;
    }

    .header .txtHeadTH {
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        font-size: 21px;
    }

    .header .boxListIcon {
        right: 10px;
        /* width: 100%; */
    }

    .header .boxListIcon .btnLangEn {
        /* display: none; */
    }

    .header .boxListIcon .btnHome {
        display: none;
    }

    .header .boxListIcon .btnSitemap {
        float: left;
        margin-left: 8px;
    }

    .header .boxListIcon .btnProject {
        float: right;
        margin-right: 8px;
    }

    /*.boxPage {position:relative;}*/

    .boxSitmap {
        background-image: none;
    }

    .boxSitmap .boxListSitmap {
        width: 100%;
    }

    .boxSitmap .oneListSitmap {
        position: relative;
        float: none;
        padding: 5px 0px 5px 55px;
        border-left: 4px solid #666;
        border-bottom: 1px solid #666;
        margin-bottom: 1px;
    }

    .boxSitmap .oneListSitmap .num {
        position: absolute;
        left: 8px;
        top: 2px;
        width: 40px;
        height: auto;
    }

    .boxSitmap .oneListSitmap>h4 {
        padding: 7px 0px 7px 0px;
    }

    .boxSitmap .oneListSitmap>ul {
        display: none;
    }

    .boxSitmap .btnCloseSitmap {
        display: none;
    }

    .boxSitmap .boxMainLink {
        width: 100%;
        position: relative;
        top: -1px;
        background-color: #383C3F;
        padding: 8px 0px;
    }

    .boxSitmap .boxMainLink h2 {
        display: none;
    }

    .boxSitmap .boxMainLink h3 {
        display: none;
    }

    .boxSitmap .boxMainLink .listMainLink a {
        background-image: none;
        padding: 0px 0px 0px 21px;
        width: auto;
        height: auto;
        font-size: 21px;
        line-height: 25px;
    }

    .boxSitmap .boxLangSitmap {
        display: block;
    }

    /*.boxRightProject {position:absolute;}*/

    /* home 
	=============================== */
    #home {}

    #home .contentPage {
        min-height: 450px;
        padding: 0px;
    }

    #home .titlePage {
        font-size: 36px;
        line-height: 30px;
        padding-top: 30%;
    }

    #home .titlePageEn span {
        display: block;
    }

    #home .boxDetailMain {
        display: none;
    }

    #home .boxContentCtrl {
        padding: 10px 0px 25px 0px;
        width: 100% !important;
        text-align: center;
    }

    #home .boxContentCtrl a {
        display: inline-block;
        width: 18px;
        height: 18px;
        float: none;
        opacity: 0.9;
    }

    #home .boxContentCtrl a.action,
    #home .boxContentCtrl a:hover {
        opacity: 0.9;
    }

    #home .btnEnter {
        display: none;
    }

    /* about 
	=============================== */
    #about .boxBgLine {
        display: none;
    }

    /*#about .oneBgPage {background-position:left top;}*/
    #about .contentPage {
        position: static;
        width: 100%;
        padding-top: 75px;
    }

    #about .contentPage .titlePage {
        padding: 0px 8px 0px 8px;
        font-size: 50px;
        line-height: 50px;
    }

    #about .contentPage .titlePage2 {
        padding: 0px 8px 13px 8px;
        font-size: 30px;
        line-height: 20px;
    }

    #about .contentPage .desPage {
        padding: 0px 8px 8px 8px;
        font-size: 22px;
        line-height: 22px;
    }

    #about .boxListBtn {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #about .boxListBtn .oneBtn {
        width: 106px;
        height: 106px;
        float: left;
        position: relative;
        left: 0px !important;
        top: 0px !important;
    }

    #about .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #about .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #about .boxListYear {
        display: none;
    }

    #about .boxYearsContent {
        display: none;
    }

    #about .boxMobileYearContent {
        display: block;
    }

    #about .boxMobileYear {
        display: block;
    }

    #about .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #boxAboutInner {
        position: relative;
    }

    #boxAboutInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxAboutInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxAboutInner .boxListAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .oneAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .boxListSubTitlePage {
        display: none;
    }

    #boxAboutInner .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #boxAboutInner .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #boxAboutInner .boxListYear {
        display: none;
    }

    #boxAboutInner .boxYearsContent {
        display: none;
    }

    #boxAboutInner .boxMobileYearContent {
        display: block;
    }

    #boxAboutInner .boxMobileYear {
        display: block;
    }

    #boxAboutInner .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #aboutInner0 .boxBgInner0 {
        display: none;
    }

    #aboutInner0 .boxOrgDetail {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto !important;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxOrgDetail h2.titleMobile {
        display: block;
        padding-top: 90px;
        padding-bottom: 5px;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
    }

    #aboutInner0 .boxOrgDetail h3 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #aboutInner0 .ico-build {
        display: none;
    }

    #aboutInner0 .boxAddress {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxAddress h3 {
        padding: 0px 0px 7px 0px;
    }

    #aboutInner0 .boxHoon {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding-bottom: 0px;
    }

    #aboutInner0 .boxHoon .graph {
        display: none;
    }

    #aboutInner0 .boxHoon .titleHoon {
        position: relative;
        left: 0px;
        top: 0px;
        text-align: left;
        padding: 0px 10px;
    }

    #aboutInner0 .boxHoon .oneHoon {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxHoon .ico {
        float: left;
        margin: 0px;
        padding: 10px 20px;
    }

    #aboutInner0 .boxHoon b {
        font-size: 24px;
        padding-top: 15px;
    }

    #aboutInner0 .boxHoon .onePrice b {
        padding-top: 22px;
    }

    #aboutInner0 .boxHoon h3 {
        padding-bottom: 15px;
        font-size: 40px;
    }

    #aboutInner0 .boxHoon .onePrice {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxToon {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        border: none;
    }

    #aboutInner0 .boxToon .oneToon {
        border-bottom: 2px dotted #DAC596;
        min-height: 90px;
        padding: 0px;
    }

    #aboutInner0 .boxToon .boxImg {
        padding: 20px;
        max-width: 54px;
    }

    #aboutInner0 .boxToon .boxTxt {
        padding: 17px 0px 3px 0px;
    }

    #aboutInner0 .boxToon .boxNum {
        font-size: 38px;
    }

    #aboutInner1 .boxBgInner01 {
        display: none;
    }

    #aboutInner1 h2.titleMobile {
        display: block;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
        line-height: 36px;
        text-align: center;
        padding: 90px 30px 5px 30px;
    }

    #aboutInner1 .titleInnerPage {
        position: relative;
        width: auto;
        left: 0px;
        top: 0px;
        padding: 10px 10px 10px 10px;
        color: #CCB066;
        font-size: 25px;
    }

    #aboutInner1 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner1 .boxVision {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-vision-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxVision h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxVision img {
        display: none;
    }

    #aboutInner1 .boxMission {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-mission-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxMission h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxMission img {
        display: none;
    }

    #aboutInner1 .boxMission ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #aboutInner1 .boxValue {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-value-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxValue h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxValue img {
        display: none;
    }

    #aboutInner1 .boxStrategy {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-strategy-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxStrategy h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxStrategy img {
        display: none;
    }


    #aboutInner2 .orgChart {
        display: none;
    }

    #aboutInner2 .orgChartMobile {
        display: block;
        width: 100%;
        height: auto;
        padding-top: 60px;
    }

    #aboutInner3 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
        width: 100%;
        padding-bottom: 30px;
    }

    #aboutInner3 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .bgListBoard-1 {
        display: none;
    }

    #aboutInner3 .bgListBoard-2 {
        display: none;
    }

    #aboutInner3 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner3 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner3 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner4 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
        width: 100%;
        padding-bottom: 30px;
    }

    #aboutInner4 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .bgListBoard-1 {
        display: none;
    }

    #aboutInner4 .bgListBoard-2 {
        display: none;
    }

    #aboutInner4 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner4 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner4 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner5 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner5 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-3 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .bgListBoard-1 {
        display: none;
    }

    #aboutInner5 .bgListBoard-2 {
        display: none;
    }

    #aboutInner5 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner5 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner5 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner6 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner6 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .bgListBoard-1 {
        display: none;
    }

    #aboutInner6 .bgListBoard-2 {
        display: none;
    }

    #aboutInner6 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner6 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner6 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 118px;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner7 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 10px;
        line-height: 30px;
    }

    #aboutInner7 .boxContent06 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner7 .boxContent06 .bg {
        display: none;
    }

    #aboutInner7 .boxContent06 .boxIco06-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner7 .boxContent06 .boxIco06-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner8 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner8 .desInnerPage {
        display: none;
    }

    #aboutInner8 .line1 {
        display: none;
    }

    #aboutInner8 .line2 {
        display: none;
    }

    #aboutInner8 .line3 {
        display: none;
    }

    #aboutInner8 .line4 {
        display: none;
    }

    #aboutInner8 .line5 {
        display: none;
    }

    #aboutInner8 .groupLeft {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgLeft {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconLeft {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentLeft.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .groupRight {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgRight {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconRight {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentRight.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 40px 30px 30px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner9 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 10px 10px 10px;
        line-height: 29px;
    }

    #aboutInner9 .groupImg {
        display: block;
        position: relative;
        width: 100%;
    }

    #aboutInner9 .groupImg .bg8-1 {
        width: 100%;
        left: 0%;
        top: 0%;
        position: relative;
    }

    #aboutInner9 .groupImg .bg8-2 {
        width: 33.75%;
        left: 3.4375%;
        top: 23.5042735042735%;
    }

    #aboutInner9 .groupImg .bg8-3 {
        width: 56.5625%;
        left: 42.1875%;
        top: 1.70940170940171%;
    }

    #aboutInner9 .groupImg .bg8-4 {
        width: 46.8125%;
        left: 34.5%;
        top: 9.6%;
    }

    #aboutInner9 .groupImg .bg8-5 {
        width: 36.875%;
        left: 28.4375%;
        top: 18.8034188034188%;
    }

    #aboutInner9 .groupImg .bg8-6 {
        width: 29.0625%;
        left: 21.875%;
        top: 23.93162393162393%;
    }

    #aboutInner9 .groupImg .ico-reward-1 {
        width: 8.75%;
        left: 8.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-2 {
        width: 9.375%;
        left: 20.625%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-3 {
        width: 8.75%;
        left: 33.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-4 {
        width: 7.1875%;
        left: 45.9375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .box01Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box02Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box03Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box04Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box05Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box06Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box07Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box08Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box09Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box10Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .titleStandard {
        min-height: 45px;
    }

    #aboutInner9 .titleStandard b {
        display: inline;
    }

    #aboutInner9 .titleStandard strong {
        display: inline;
    }

    #aboutInner10 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 0px 10px 0px;
        line-height: 29px;
    }

    #aboutInner10 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner10 .boxMain8Protect {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #aboutInner10 .boxMain8Protect .bgLineDotProtect {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .num8 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        padding: 25px 0px 10px 0px;
        width: 30px;
    }

    #aboutInner10 .boxMain8Protect .line9-1 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-2 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-3 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-4 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-5 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-6 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-7 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-8 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect {
        position: relative;
        right: auto !important;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border-top: 2px dotted #CCB066;
        padding-top: 8px;
        text-align: left !important;
        min-height: 40px;
        padding-bottom: 10px;
        padding-left: 55px;
        padding-right: 10px;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect img {
        float: none !important;
        padding: 0px;
        width: 30px !important;
        position: absolute;
        left: 10px;
        top: top: 12px;
        ;
    }

    #aboutInner10 .title6Protect {
        position: relative;
        left: 0px !important;
        top: 0px;
        text-align: center;
        width: auto !important;
        padding: 0px 0px 10px 0px;
    }

    #aboutInner10 .desInnerPage2 {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: auto !important;
        padding: 10px 10px 30px 10px;
        font-size: 22px;
        border-top: 2px dotted #CCB066;
    }

    /* construction_business 
	=============================== */
    #construction_business {}

    #construction_business .boxDescription02 {
        padding: 80px 8px 10px 8px;
    }

    #construction_business .boxListProject {
        height: auto !important;
    }

    #construction_business .boxListProject .oneProject {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .bg {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent .txtProject {
        left: 8px;
        padding-left: 70px;
        font-size: 29px;
        height: 50px !important;
        line-height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .txtProject {
        left: 18px;
    }

    #construction_business .boxListProject .oneProject .boxContent .icoNext {
        right: 10px;
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .icoNext {
        right: 0px;
    }

    .boxPage2-detail {
        height: auto;
        position: relative;
    }

    .boxPage2-detail .bgImgProject {
        position: relative;
        height: 230px;
    }

    .boxPage2-detail .bottomDetail {
        position: relative;
        left: 0px;
        bottom: auto;
    }

    .boxPage2-detail .bottomDetail .content {
        position: relative;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory {
        font-size: 24px;
        line-height: 26px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory span {
        display: block;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectDone {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectInProgress {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectName {
        clear: both;
        font-size: 25px;
        line-height: 22px;
    }

    .boxPage2-detail .bottomDetail .content .projectNameSub {
        width: 100%;
        font-size: 22px;
        line-height: 14px;
    }

    .boxPage2-detail .bottomDetail .content .projectDetail {
        position: relative;
        width: 100%;
    }

    .boxPage2-detail .bottomDetail .content .projectCopy {
        max-width: inherit;
        padding-bottom: 30px;
    }

    .boxPage2-detail .bottomDetail .content .projectRate {
        position: relative;
        right: 0px;
        top: 0px;
        width: 100%;
    }


    /* business_development_infrastructure_projects 
	=============================== */
    #business_development_infrastructure_projects {}

    #business_development_infrastructure_projects .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #business_development_infrastructure_projects .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #business_development_infrastructure_projects .bgBottom {
        display: none;
    }

    #business_development_infrastructure_projects .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #business_development_infrastructure_projects .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #business_development_infrastructure_projects .except {
        font-size: 25px;
        line-height: 20px;
    }

    #business_development_infrastructure_projects .desPage {
        padding: 0px 8px;
        width: auto;
    }

    #business_development_infrastructure_projects .btn {
        position: relative;
        left: 0px;
        top: 0px;
        width: 320px;
        padding: 0px;
        margin: 0 auto;
    }

    #business_development_infrastructure_projects .btn:after {
        height: 0;
        clear: both;
        visibility: hidden;
        display: block;
        content: "";
    }

    #business_development_infrastructure_projects .bgCircle {
        width: 160px;
    }

    #business_development_infrastructure_projects .bgImg {
        width: 133px;
        height: 133px;
    }

    #business_development_infrastructure_projects .btn i {
        width: 133px;
        height: 133px;
    }

    #business_development_infrastructure_projects .btnMsg {
        width: 160px;
        font-size: 19px;
        line-height: 17px;
        padding-top: 20%;
    }

    #business_development_infrastructure_projects .btnInvestmentStructure {
        position: relative;
        left: 0px;
        top: 30px;
        clear: both;
        margin: 30px auto;
    }

    #business_development_infrastructure_projects .btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        display: none;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg.btnMobile,
    #business_development_infrastructure_projects .btn04 .btnMsg.btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btnMsg,
    #business_development_infrastructure_projects .btn02 span,
    #business_development_infrastructure_projects .btn04 span {
        float: left;
    }

    #business_development_infrastructure_projects .btn span,
    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        float: right;
    }


    #boxDevelopmentInner {
        position: relative;
    }

    #boxDevelopmentInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDevelopmentInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDevelopmentInner .bgDevelopmentInner {
        background: #ECECEC;
    }

    #boxDevelopmentInner .boxListDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListDevelopmentInner .oneDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListSubTitlePage {
        display: none;
    }

    #boxDevelopmentInner .boxTitleDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
        padding-top: 90px;
    }

    #boxDevelopmentInner .boxTitleDev img {
        display: block;
        margin: 0px auto;
    }

    #boxDevelopmentInner .boxTitleDev h3 {
        font-size: 30px;
        line-height: 24px;
        padding: 0px 10px;
    }

    #boxDevelopmentInner .boxDesDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 10px 0px 10px;
    }

    #developmentInner0 .bgGraph {
        position: relative;
        left: -34%;
        top: 0px;
        width: 130%;
    }

    #developmentInner1 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner2 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner3 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner4 .bgGraph {
        position: relative;
        left: -42%;
        top: 0px;
        width: 130%;
    }

    #boxDevelopmentInner .boxYearCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxYearCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxYearCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxToonCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        border-bottom: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxToonCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxToonCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxMoreDetail {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 20px;
    }

    #boxDevelopmentInner .boxMoreDetail .btnMoreDetail {
        margin-bottom: 10px;
    }

    #boxDevelopmentInner .developmentInnerCtrl {
        position: relative;
        left: 0px;
        top: 0px;
        clear: both;
        text-align: center;
        border-top: 2px dotted #CCB066;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btn {
        position: relative;
        left: 0px !important;
        top: 0px;
        display: inline-block;
        width: 20% !important;
        padding: 10px 30px;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btnMsg {}


    /* ir 
	=============================== */
    #ir {}

    #ir .boxGraphBack {
        display: none;
    }

    #ir .boxGraphFront {
        display: none;
    }

    /*#ir .boxGraphFront img {width: 1460px !important; position: absolute; top: 40px; left: -1000px; opacity:0.5;}*/
    #ir .contentPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #ir .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #ir .desPage {
        padding: 0px 8px;
        width: auto;
        text-align: center;
    }

    #ir .boxBtn {
        margin: 20px 90px 0px 90px;
        float: none;
    }

    #ir .boxListBtn {
        position: static;
        overflow: inherit;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #ir .boxListBtn .bgLine {
        display: none;
    }

    #ir .oneBtn {
        float: left;
        width: 136px;
        height: 136px;
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px 10px;
    }

    #ir .oneBtn .txt {
        font-size: 20px;
    }


    /* governance
	=============================== */
    #governance {}

    #governance .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #governance .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #governance .bgHand {
        display: none;
    }

    #governance .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #governance .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #governance .except {
        font-size: 25px;
        line-height: 20px;
        padding: 0px 8px;
    }

    #governance .desPage {
        padding: 0px 8px;
        width: auto;
    }


    #governance .boxListBtn {
        position: relative;
    }

    #governance .boxListBtn .line-1 {
        display: none;
    }

    #governance .boxListBtn .line-2 {
        display: none;
    }

    #governance .boxListBtn .line-3 {
        display: none;
    }

    #governance .boxListBtn .line-4 {
        display: none;
    }

    #governance .boxListBtn .line-5 {
        display: none;
    }

    #governance .boxListBtn .line-6 {
        display: none;
    }

    #governance .boxBtn {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px 0px 10px 67px;
        margin: 0px 8px;
    }

    #governance .boxBtn .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn.btnLeft .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn span {
        text-align: left;
    }

    #governance .boxBtn.btnLeft span {
        text-align: left;
    }


    /* durability
	=============================== */
    #durability {}

    #durability .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #durability .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #durability .desPage {
        padding: 0px 8px 20px 8px;
        width: auto;
    }

    #durability .boxLinkContent {}

    #durability .boxBtn {
        display: block;
        width: 130px;
        position: relative;
        left: 0px;
        top: 0px;
        padding-bottom: 20px;
    }

    #durability .btn-1 {
        left: 70px;
    }

    #durability .btn-2 {
        left: 20px;
    }

    #durability .btn-3 {
        left: 80px;
    }

    #durability .btn-4 {
        left: 160px;
    }

    #boxDurabilityInner {
        position: relative;
    }

    #boxDurabilityInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDurabilityInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDurabilityInner .boxListDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .oneDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .boxListSubTitlePage {
        display: none;
    }

    #durabilityInner0 .bgLine1 {
        display: none;
    }

    #durabilityInner0 .leaf1 {
        display: none;
    }

    #durabilityInner0 .leaf2 {
        display: none;
    }

    #durabilityInner0 .leaf3 {
        display: none;
    }

    #durabilityInner0 .leaf4 {
        display: none;
    }

    #durabilityInner0 .leaf5 {
        display: none;
    }

    #durabilityInner0 .leaf6 {
        display: none;
    }

    #durabilityInner0 h2.titleMobile {
        display: block;
    }

    #durabilityInner0 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 h3 {
        font-size: 30px;
        line-height: 25px;
        padding: 0px 0px 10px 0px;
    }

    #durabilityInner0 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 .btnGreenConstruction {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner0 .btnGreenConstruction.greenEn {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner1 .leaf1 {
        display: none;
    }

    #durabilityInner1 .leaf2 {
        display: none;
    }

    #durabilityInner1 .leaf3 {
        display: none;
    }

    #durabilityInner1 .leaf4 {
        display: none;
    }

    #durabilityInner1 .leaf5 {
        display: none;
    }

    #durabilityInner1 .leaf6 {
        display: none;
    }

    #durabilityInner1 .titleContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 90px 10px 10px 10px;
        font-size: 30px;
        line-height: 25px;
        width: auto;
    }

    #durabilityInner1 .desContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 0px 10px 10px 10px;
        font-size: 25px;
        line-height: 20px;
        width: auto;
    }

    #durabilityInner1 .boxActivityLoad {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
    }

    #durabilityInner1 .boxActivity {
        width: 460px;
        margin: 0px auto;
        float: none;
    }

    #durabilityInner1 .boxContentAct {
        padding: 20px 0px 0px 0px;
    }

    #durabilityInner1 .boxActivity .boxImg {
        width: auto;
        padding: 0px 10px;
        height: auto;
    }

    #durabilityInner1 .boxActivity .boxImg img {
        width: 100%;
    }

    #durabilityInner1 .boxActivity .boxDate {
        padding: 10px;
    }

    #durabilityInner1 .boxActivity .boxExcept {
        padding: 0px 10px;
        display: block;
    }

    #durabilityInner1 .bgLine01 {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #durabilityInner1 .boxCtrlPageAct {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 10px 0px;
    }

    #durabilityInner2 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
    }

    #durabilityInner2 .boxContentLeft h3 {
        padding: 80px 0px 10px 0px;
        height: auto;
        line-height: 30px;
        font-size: 40px;
    }

    #durabilityInner2 .boxDownloadCSR {
        padding-top: 10px;
    }

    #durabilityInner2 .btnDownloadCSR {
        width: 460px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .btnDownloadCSR.langEn {
        width: 460px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .bg-2 {
        opacity: 0.3;
    }

    #durabilityInner3 .bg-1 {
        display: none;
    }

    #durabilityInner3 .titleContent04 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 85px 0px 10px 0px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        height: auto;
        border-bottom: #bc9633 2px dotted;
    }

    #durabilityInner3 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #durabilityInner3 .boxContentLeft .boxDes {
        padding: 10px 10px 0px 10px;
    }

    #durabilityInner3 .boxContentLeft .boxInform {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxInform .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxInform h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentLeft .boxContact {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxContact .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxContact h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px;
    }

    #durabilityInner3 .boxContentRight .boxContactForm {
        width: auto;
    }

    #durabilityInner3 .boxContentRight .boxContactForm h3 {
        font-size: 27px;
    }

    #durabilityInner3 .contact_boxForm {
        padding: 0px 0px 30px 0px;
    }



    /* contact page 
	=================================== */

    .contact_map {
        width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
    }

    .contact_map img {
        width: 100%;
    }

    .contact_map .boxListLinkMap {
        position: relative;
        left: 0px;
        bottom: 0px;
        padding: 10px 0px 20px 10px;
        background: url(../img/contact/lineDot.png) repeat-x left bottom;
    }

    .contact_map .btnMap {
        float: none;
        margin-bottom: 5px;
    }

    .contact_content {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
    }

    .contact_title {
        font-size: 50px;
        line-height: 50px;
        padding: 15px 10px 0px 10px;
    }

    .contact_bottomLine {
        padding: 0px 10px 20px 10px;
    }

    .contact_title_1 {
        font-size: 28px;
        padding: 0px 10px 10px;
    }

    .contact_title_2 {
        font-size: 28px;
        padding: 20px 10px 10px;
    }

    .contact_boxForm {
        padding: 0px 10px 30px 10px;
    }

    #contact_form .contact_lastName {
        width: 46%;
    }

    #contact_form .contact_email {
        width: 46%;
    }

    #contact_form .contact_submit {
        padding: 0px 20px;
        font-size: 25px;
    }

    #contact_form .contact_reset {
        margin: 8px 0px 0px 10px;
        padding: 0px 20px;
        font-size: 25px;
    }

    /* career page 
	=================================== */
    .career_content {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .career_content .titlePage {
        padding: 70px 10px 0px 10px;
        font-size: 50px;
        line-height: 50px;
    }

    .career_content .desPage {
        padding: 0px 10px 25px 10px;
    }

    .career_content .career_list_rel {
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .career_content .career_list_abs {
        width: 100% !important;
        position: relative;
        left: 0px !important;
    }

    .career_content .career_one {
        float: none;
        margin: 0px auto 30px auto;
        height: auto;
        width: 440px;
    }

    .career_ctrl {
        display: none;
    }

    .career_popup {
        width: 480px;
    }

    .career_popup_title {
        padding: 20px 50px 20px 10px;
    }

    .career_popup_title h3 {
        display: block;
        font-size: 27px;
    }

    .career_popup_title b {
        font-size: 20px;
    }

    .career_popup_cms {
        padding: 0px 10px 0px 10px;
    }

    .career_popup_form {
        width: 480px;
    }

    .career_popup_form .career_popup_title h3 {
        font-size: 23px;
        padding-top: 7px;
    }

    .career_form {
        padding: 20px 10px 20px 10px;
    }

    .career_form .boxFormHead {
        font-size: 25px;
    }

    .career_form .tableCareer1 {
        display: block;
    }

    .career_form .tableCareer1 tr {
        display: block;
    }

    .career_form .tableCareer1 tr td:nth-child(1) {
        display: block;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(2) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    .career_form .tableCareer1 tr td:nth-child(3) {
        display: block;
        clear: both;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(4) {
        display: block;
        float: left;
        height: 40px;
        width: 290px;
    }

    #career_form .career_reset {
        margin: 8px 37px 0px 10px;
    }




    /* popup
	=============================== */
    .popup01Main {
        width: 480px;
    }

    .popup01Main .titlePop01Main {
        padding: 30px 48px 0px 10px;
    }

    .popup01Main .titlePop01Main b {
        left: 10px;
    }

    .popup01Main .contentPop01Main {
        padding: 25px 10px 40px 10px;
    }

    .popup01Main .btnClose {
        right: 10px;
    }

    .popup0101 {
        width: 480px;
    }

    .popup0101 .titlePop0101 {
        font-size: 32px;
        padding: 0px 0px 0px 10px;
        height: 62px;
        line-height: 70px;
    }

    .popup0101 .contentPop0101 {
        padding: 10px;
    }

    .popup0106 {
        width: 480px;
    }

    .popup0106 .titlePop0106 {
        height: 75px;
        line-height: 80px;
        padding: 0px 0px 0px 70px;
        font-size: 32px;
    }

    .popup0106 .titlePop0106 img {
        width: 70px;
        left: 0px;
        top: 5px;
    }

    .popup0106 .contentPop0106 {
        padding: 10px 10px 20px 10px;
    }

    .popup0106 .contentPop0106 h4 {
        font-size: 25px;
    }

    .popup0106 .contentPop0106 h4 b {
        font-size: 55px;
    }

    .popup0108 {
        width: 480px;
    }

    .popup0108 .titlePop0108 {
        padding: 30px 50px 20px 50px !important;
        font-size: 23px !important;
        height: auto !important;
    }

    .popup0108 .titlePop0108 b {
        font-size: 50px;
        left: 10px;
        top: 5px;
    }

    .popup0108 .titlePop0108 span {
        font-size: 20px;
    }

    .popup0108 .contentPop0108 {
        padding: 10px 10px 20px 10px;
    }

    .popup0108 .contentPop0108 img {
        max-width: 460px;
    }

    .popup03-1 {
        width: 480px;
    }

    .popup03-1 .titlePop03-1 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-1 .titlePop03-1 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-1 .contentPop03-1 {
        padding: 10px;
    }

    .popup03-1 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-2 {
        width: 480px;
    }

    .popup03-2 .titlePop03-2 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-2 .titlePop03-2 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-2 .contentPop03-2 {
        padding: 10px;
    }

    .popup03-2 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-3 {
        width: 480px;
    }

    .popup03-3 .titlePop03-3 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-3 .titlePop03-3 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-3 .contentPop03-3 {
        padding: 10px;
    }

    .popup03-3 .btnDownload {
        left: 70px;
        right: auto;
        top: 42px;
    }

    .popup03-4 {
        width: 480px;
    }

    .popup03-4 .titlePop03-4 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-4 .titlePop03-4 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-4 .contentPop03-4 {
        padding: 10px;
    }

    .popup03-4 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }

    .popup03-5 {
        width: 480px;
    }

    .popup03-5 .titlePop03-5 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-5 .titlePop03-5 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-5 .contentPop03-5 {
        padding: 10px;
    }

    .popup03-5 .btnDownload {
        left: 70px;
        right: auto;
        top: 44px;
    }


    .popup05-1 {
        width: 480px;
    }

    .popup05-1 .titlePop05-1 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-1 .titlePop05-1 img {
        width: 35px;
    }

    .popup05-1 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-1 .btnClose {
        right: 10px;
    }

    .popup05-3 {
        width: 480px;
    }

    .popup05-3 .titlePop05-3 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-3 .titlePop05-3 img {
        width: 35px;
    }

    .popup05-3 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-3 .btnClose {
        right: 10px;
    }

    .popup05-4 {
        width: 480px;
    }

    .popup05-4 .titlePop05-4 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-4 .titlePop05-4 img {
        width: 35px;
    }

    .popup05-4 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-4 .btnClose {
        right: 10px;
    }

    .popup05-5 {
        width: 480px;
    }

    .popup05-5 .titlePop05-5 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 23px;
        line-height: 85px;
    }

    .popup05-5 .titlePop05-5 img {
        width: 35px;
    }

    .popup05-5 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-5 .btnClose {
        right: 10px;
    }

    .popup05-6 {
        width: 480px;
    }

    .popup05-6 .titlePop05-6 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 27px;
        line-height: 85px;
    }

    .popup05-6 .titlePop05-6 img {
        width: 35px;
    }

    .popup05-6 .btnDownload {
        right: auto;
        left: 54px;
        top: 70px;
    }

    .popup05-6 .btnClose {
        right: 10px;
    }

    .green_construction_popup {
        width: 480px;
    }

    .green_construction_popup .titlePop06 {
        padding: 20px 50px 10px 10px;
        font-size: 26px;
        line-height: 20px;
        height: 85px;
    }

    .green_construction_popup .titlePop06 span {
        font-size: 22px;
    }

    .green_construction_popup .contentPop06 {
        padding: 10px;
    }

    .green_construction_popup .btnDownload {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .green_construction_popup .btnDownload.langEn {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .activity_popup {
        width: 480px;
    }

    .activity_popup_cms {
        padding: 17px 10px 10px 10px;
        width: auto;
    }

    .activity_popup .activity_popup_img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 460px;
        height: 300px;
    }

    .activity_popup .activity_popup_img img {
        width: 460px;
    }

    .activity_popup .activity_popup_ctrl {
        position: relative;
        left: 0px;
        top: -130px;
        width: 460px;
    }

    .activity_popup .activity_popup_title {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .activity_popup .btnClose {
        z-index: 500;
    }
}



@media only screen and (max-width: 320px) {
    .header {
        position: absolute;
    }

    .header .logo {
        display: none;
    }

    .header .headMenu {
        display: none;
    }

    .header .txtHeadEN {
        display: block;
        font-size: 18px;
        left: 0px;
        top: 33px;
        width: 100%;
        text-align: center;
    }

    .header.sty2 .txtHeadEN {
        left: 0px;
        font-size: 18px;
    }

    .header.langEn .txtHeadEN {
        left: 0px;
        font-size: 18px;
    }

    .header .lineHead {
        display: none;
    }

    .header .txtHeadTH {
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        font-size: 21px;
    }


    .header .boxListIcon {
        left: 0px;
        right: auto;
        width: 100%;
    }

    .header .boxListIcon .btnLangEn {
        display: none;
    }

    .header .boxListIcon .btnHome {
        display: none;
    }

    .header .boxListIcon .btnSitemap {
        float: left;
        margin-left: 8px;
    }

    .header .boxListIcon .btnProject {
        float: right;
        margin-right: 8px;
    }

    /*.boxPage {position:relative;}*/

    .boxSitmap {
        background-image: none;
    }

    .boxSitmap .boxListSitmap {
        width: 100%;
    }

    .boxSitmap .oneListSitmap {
        position: relative;
        float: none;
        padding: 5px 0px 5px 55px;
        border-left: 4px solid #666;
        border-bottom: 1px solid #666;
        margin-bottom: 1px;
    }

    .boxSitmap .oneListSitmap .num {
        position: absolute;
        left: 8px;
        top: 2px;
        width: 40px;
        height: auto;
    }

    .boxSitmap .oneListSitmap>h4 {
        padding: 7px 0px 7px 0px;
    }

    .boxSitmap .oneListSitmap>ul {
        display: none;
    }

    .boxSitmap .btnCloseSitmap {
        display: none;
    }

    .boxSitmap .boxMainLink {
        width: 100%;
        position: relative;
        top: -1px;
        background-color: #383C3F;
        padding: 8px 0px;
    }

    .boxSitmap .boxMainLink h2 {
        display: none;
    }

    .boxSitmap .boxMainLink h3 {
        display: none;
    }

    .boxSitmap .boxMainLink .listMainLink a {
        background-image: none;
        padding: 0px 0px 0px 21px;
        width: auto;
        height: auto;
        font-size: 21px;
        line-height: 25px;
    }

    .boxSitmap .boxLangSitmap {
        display: block;
    }

    /*.boxRightProject {position:absolute;}*/

    /* home 
	=============================== */
    #home {}

    #home .contentPage {
        min-height: 450px;
        padding: 0px;
    }

    #home .titlePage {
        font-size: 36px;
        line-height: 30px;
        padding-top: 50%;
    }

    #home .titlePageEn {
        font-size: 31px;
    }

    #home .titlePageEn span {
        display: block;
    }

    #home .boxDetailMain {
        display: none;
    }

    #home .boxContentCtrl {
        padding: 10px 0px 25px 0px;
        width: 100% !important;
        text-align: center;
    }

    #home .boxContentCtrl a {
        display: inline-block;
        width: 18px;
        height: 18px;
        float: none;
        opacity: 0.9;
    }

    #home .boxContentCtrl a.action,
    #home .boxContentCtrl a:hover {
        opacity: 0.9;
    }

    #home .btnEnter {
        display: none;
    }

    /* about 
	=============================== */
    #about .boxBgLine {
        display: none;
    }

    /*#about .oneBgPage {background-position:left top;}*/
    #about .contentPage {
        position: static;
        width: 100%;
        padding-top: 75px;
    }

    #about .contentPage .titlePage {
        padding: 0px 8px 0px 8px;
        font-size: 50px;
        line-height: 50px;
    }

    #about .contentPage .titlePage2 {
        padding: 0px 8px 13px 8px;
        font-size: 30px;
        line-height: 20px;
    }

    #about .contentPage .desPage {
        padding: 0px 8px 8px 8px;
        font-size: 22px;
        line-height: 22px;
    }

    #about .boxListBtn {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #about .boxListBtn .oneBtn {
        width: 106px;
        height: 106px;
        float: left;
        position: relative;
        left: 0px !important;
        top: 0px !important;
    }

    #about .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #about .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #about .boxListYear {
        display: none;
    }

    #about .boxYearsContent {
        display: none;
    }

    #about .boxMobileYearContent {
        display: block;
    }

    #about .boxMobileYear {
        display: block;
    }

    #about .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #boxAboutInner {
        position: relative;
    }

    #boxAboutInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxAboutInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxAboutInner .boxListAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .oneAboutInner {
        position: relative;
        height: auto;
    }

    #boxAboutInner .boxListSubTitlePage {
        display: none;
    }

    #boxAboutInner .boxYears {
        clear: both;
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    #boxAboutInner .titleBoxYears {
        position: static;
        padding: 10px 0px;
        font-size: 30px;
        line-height: 30px;
    }

    #boxAboutInner .boxListYear {
        display: none;
    }

    #boxAboutInner .boxYearsContent {
        display: none;
    }

    #boxAboutInner .boxMobileYearContent {
        display: block;
    }

    #boxAboutInner .boxMobileYear {
        display: block;
    }

    #boxAboutInner .boxMobileYear .oneMobileYear {
        width: 24.9%;
    }

    #aboutInner0 .boxBgInner0 {
        display: none;
    }

    #aboutInner0 .boxOrgDetail {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto !important;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxOrgDetail h2.titleMobile {
        display: block;
        padding-top: 90px;
        padding-bottom: 5px;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
    }

    #aboutInner0 .boxOrgDetail h3 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #aboutInner0 .ico-build {
        display: none;
    }

    #aboutInner0 .boxAddress {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px 20px 10px;
    }

    #aboutInner0 .boxAddress h3 {
        padding: 0px 0px 7px 0px;
    }

    #aboutInner0 .boxHoon {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding-bottom: 0px;
    }

    #aboutInner0 .boxHoon .graph {
        display: none;
    }

    #aboutInner0 .boxHoon .titleHoon {
        position: relative;
        left: 0px;
        top: 0px;
        text-align: left;
        padding: 0px 10px;
    }

    #aboutInner0 .boxHoon .oneHoon {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxHoon .ico {
        float: left;
        margin: 0px;
        padding: 10px 20px;
    }

    #aboutInner0 .boxHoon b {
        font-size: 24px;
        padding-top: 15px;
    }

    #aboutInner0 .boxHoon .onePrice b {
        padding-top: 22px;
    }

    #aboutInner0 .boxHoon h3 {
        padding-bottom: 15px;
        font-size: 40px;
    }

    #aboutInner0 .boxHoon .onePrice {
        float: none;
        padding: 0px;
        text-align: left;
        width: auto;
        border-bottom: 2px dotted #CCB066;
        min-height: 90px;
    }

    #aboutInner0 .boxToon {
        width: auto;
        position: relative;
        left: 0px;
        top: 0px;
        border: none;
    }

    #aboutInner0 .boxToon .oneToon {
        border-bottom: 2px dotted #DAC596;
        min-height: 90px;
        padding: 0px;
    }

    #aboutInner0 .boxToon .boxImg {
        padding: 20px;
    }

    #aboutInner0 .boxToon .boxTxt {
        padding: 17px 0px 3px 0px;
    }

    #aboutInner0 .boxToon .boxNum {
        font-size: 38px;
    }

    #aboutInner1 .boxBgInner01 {
        display: none;
    }

    #aboutInner1 h2.titleMobile {
        display: block;
        margin: 0px;
        font-size: 50px;
        color: #1C4872;
        line-height: 36px;
        text-align: center;
        padding: 90px 30px 5px 30px;
    }

    #aboutInner1 .titleInnerPage {
        position: relative;
        width: auto;
        left: 0px;
        top: 0px;
        padding: 10px 10px 10px 10px;
        color: #CCB066;
        font-size: 25px;
    }

    #aboutInner1 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner1 .boxVision {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-vision-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxVision h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxVision img {
        display: none;
    }

    #aboutInner1 .boxMission {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-mission-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxMission h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxMission img {
        display: none;
    }

    #aboutInner1 .boxMission ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #aboutInner1 .boxValue {
        position: relative;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-value-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxValue h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxValue img {
        display: none;
    }

    #aboutInner1 .boxStrategy {
        position: relative;
        left: 0px;
        top: 0px !important;
        width: auto;
        padding: 30px 10px 10px 85px;
        text-align: left;
        border-bottom: 2px dotted #CCB066;
        background: url(../img/01/ico-strategy-mobile.png) no-repeat 10px 30px;
    }

    #aboutInner1 .boxStrategy h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }

    #aboutInner1 .boxStrategy img {
        display: none;
    }

    #aboutInner2 .orgChart {
        display: none;
    }

    #aboutInner2 .orgChartMobile {
        display: block;
        width: 100%;
        height: auto;
        padding-top: 60px;
    }

    #aboutInner3 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
        width: 100%;
        padding-bottom: 30px;
    }

    #aboutInner3 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner3 .bgListBoard-1 {
        display: none;
    }

    #aboutInner3 .bgListBoard-2 {
        display: none;
    }

    #aboutInner3 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner3 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner3 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 77px;
    }

    #aboutInner3 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner4 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner4 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner4 .bgListBoard-1 {
        display: none;
    }

    #aboutInner4 .bgListBoard-2 {
        display: none;
    }

    #aboutInner4 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner4 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner4 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 77px;
    }

    #aboutInner4 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner5 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner5 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .boxListBoard-3 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner5 .bgListBoard-1 {
        display: none;
    }

    #aboutInner5 .bgListBoard-2 {
        display: none;
    }

    #aboutInner5 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner5 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner5 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 77px;
    }

    #aboutInner5 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner6 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner6 .boxListBoard-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .boxListBoard-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner6 .bgListBoard-1 {
        display: none;
    }

    #aboutInner6 .bgListBoard-2 {
        display: none;
    }

    #aboutInner6 .oneBoxBoard {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px;
        border-top: 2px dotted #CCB066;
        padding-top: 10px;
        clear: both;
    }

    #aboutInner6 .oneBoxBoard img {
        width: 25%;
        margin: 0px 10px;
        float: left;
    }

    #aboutInner6 .oneBoxBoard>b {
        display: none;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip {
        display: block;
        position: relative;
        left: 0px;
        top: 0px;
        opacity: 1;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 40%;
        width: auto;
        min-height: 77px;
    }

    #aboutInner6 .oneBoxBoard .boxToolTip .before {
        display: none;
    }

    #aboutInner7 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 10px;
        line-height: 30px;
    }

    #aboutInner7 .boxContent06 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    #aboutInner7 .boxContent06 .bg {
        display: none;
    }

    #aboutInner7 .boxContent06 .boxIco06-1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco1 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner7 .boxContent06 .boxIco06-2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: 40%;
        margin: 20px auto 0px auto;
    }

    #aboutInner7 .boxContent06 .boxContentIco2 {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 20px 10px 30px 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner8 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #aboutInner8 .desInnerPage {
        display: none;
    }

    #aboutInner8 .line1 {
        display: none;
    }

    #aboutInner8 .line2 {
        display: none;
    }

    #aboutInner8 .line3 {
        display: none;
    }

    #aboutInner8 .line4 {
        display: none;
    }

    #aboutInner8 .line5 {
        display: none;
    }

    #aboutInner8 .groupLeft {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgLeft {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconLeft {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentLeft.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 10px 30px 0px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 10px 30px 0px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentLeft.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentLeft.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .groupRight {
        position: relative;
        width: 131px;
        margin: 0px auto;
    }

    #aboutInner8 .bgRight {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .iconRight {
        left: 0px;
        top: 0px;
    }

    #aboutInner8 .txtRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        font-size: 35px;
        padding: 10px 0px;
    }

    #aboutInner8 .boxContentRight.th {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 10px 20px 0px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.th .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.th .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border: none;
        padding: 0px 10px 20px 0px;
        font-size: 19px;
    }

    #aboutInner8 .boxContentRight.en .firstUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner8 .boxContentRight.en .secUl {
        float: none;
        width: auto;
        margin: 0px;
    }

    #aboutInner9 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 10px 10px 10px;
        line-height: 29px;
    }

    #aboutInner9 .groupImg {
        display: block;
        position: relative;
        width: 100%;
    }

    #aboutInner9 .groupImg .bg8-1 {
        width: 100%;
        left: 0%;
        top: 0%;
        position: relative;
    }

    #aboutInner9 .groupImg .bg8-2 {
        width: 33.75%;
        left: 3.4375%;
        top: 23.5042735042735%;
    }

    #aboutInner9 .groupImg .bg8-3 {
        width: 56.5625%;
        left: 42.1875%;
        top: 1.70940170940171%;
    }

    #aboutInner9 .groupImg .bg8-4 {
        width: 46.8125%;
        left: 34.5%;
        top: 9.6%;
    }

    #aboutInner9 .groupImg .bg8-5 {
        width: 36.875%;
        left: 28.4375%;
        top: 18.8034188034188%;
    }

    #aboutInner9 .groupImg .bg8-6 {
        width: 29.0625%;
        left: 21.875%;
        top: 23.93162393162393%;
    }

    #aboutInner9 .groupImg .ico-reward-1 {
        width: 8.75%;
        left: 8.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-2 {
        width: 9.375%;
        left: 20.625%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-3 {
        width: 8.75%;
        left: 33.4375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .groupImg .ico-reward-4 {
        width: 7.1875%;
        left: 45.9375%;
        top: 76.92307692307692%;
    }

    #aboutInner9 .box01Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box02Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box03Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box04Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box05Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box06Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box07Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box08Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box09Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .box10Content {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
        border-bottom: 2px dotted #CCB066;
    }

    #aboutInner9 .titleStandard {
        min-height: 45px;
    }

    #aboutInner9 .titleStandard b {
        display: inline;
    }

    #aboutInner9 .titleStandard strong {
        display: inline;
    }

    #aboutInner10 .titleInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 90px 0px 10px 0px;
        line-height: 29px;
    }

    #aboutInner10 .desInnerPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
        font-size: 22px;
    }

    #aboutInner10 .boxMain8Protect {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #aboutInner10 .boxMain8Protect .bgLineDotProtect {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .num8 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        padding: 25px 0px 10px 0px;
        width: 30px;
    }

    #aboutInner10 .boxMain8Protect .line9-1 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-2 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-3 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-4 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-5 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-6 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-7 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .line9-8 {
        display: none;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect {
        position: relative;
        right: auto !important;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border-top: 2px dotted #CCB066;
        padding-top: 8px;
        text-align: left !important;
        min-height: 40px;
        padding-bottom: 10px;
        padding-left: 55px;
        padding-right: 10px;
    }

    #aboutInner10 .boxMain8Protect .boxOneProtect img {
        float: none !important;
        padding: 0px;
        width: 30px !important;
        position: absolute;
        left: 10px;
        top: top: 12px;
        ;
    }

    #aboutInner10 .title6Protect {
        position: relative;
        left: 0px !important;
        top: 0px;
        text-align: center;
        width: auto !important;
        padding: 0px 0px 10px 0px;
    }

    #aboutInner10 .desInnerPage2 {
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: auto !important;
        padding: 10px 10px 30px 10px;
        font-size: 22px;
        border-top: 2px dotted #CCB066;
    }

    /* construction_business 
	=============================== */
    #construction_business {}

    #construction_business .boxDescription02 {
        padding: 80px 8px 10px 8px;
    }

    #construction_business .boxListProject {
        height: auto !important;
    }

    #construction_business .boxListProject .oneProject {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .bg {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent {
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent .txtProject {
        left: 8px;
        padding-left: 70px;
        font-size: 29px;
        height: 50px !important;
        line-height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .txtProject {
        left: 18px;
    }

    #construction_business .boxListProject .oneProject .boxContent .icoNext {
        right: 10px;
        height: 50px !important;
    }

    #construction_business .boxListProject .oneProject .boxContent:hover .icoNext {
        right: 0px;
    }

    .boxPage2-detail {
        height: auto;
        position: relative;
    }

    .boxPage2-detail .bgImgProject {
        position: relative;
        height: 230px;
    }

    .boxPage2-detail .bottomDetail {
        position: relative;
        left: 0px;
        bottom: auto;
    }

    .boxPage2-detail .bottomDetail .content {
        position: relative;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory {
        font-size: 24px;
        line-height: 26px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory span {
        display: block;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectDone {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectCategory .projectInProgress {
        float: left;
        clear: both;
        font-size: 20px;
    }

    .boxPage2-detail .bottomDetail .content .projectName {
        clear: both;
        font-size: 25px;
        line-height: 22px;
    }

    .boxPage2-detail .bottomDetail .content .projectNameSub {
        width: 100%;
        font-size: 22px;
        line-height: 14px;
    }

    .boxPage2-detail .bottomDetail .content .projectDetail {
        position: relative;
        width: 100%;
    }

    .boxPage2-detail .bottomDetail .content .projectCopy {
        max-width: inherit;
        padding-bottom: 30px;
    }

    .boxPage2-detail .bottomDetail .content .projectRate {
        position: relative;
        right: 0px;
        top: 0px;
        width: 100%;
    }


    /* business_development_infrastructure_projects 
	=============================== */
    #business_development_infrastructure_projects {}

    #business_development_infrastructure_projects .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #business_development_infrastructure_projects .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #business_development_infrastructure_projects .bgBottom {
        display: none;
    }

    #business_development_infrastructure_projects .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #business_development_infrastructure_projects .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #business_development_infrastructure_projects .except {
        font-size: 25px;
        line-height: 20px;
    }

    #business_development_infrastructure_projects .desPage {
        padding: 0px 8px;
        width: auto;
    }

    #business_development_infrastructure_projects .btn {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        clear: both;
        display: block;
    }

    #business_development_infrastructure_projects .bgCircle {
        width: 160px;
    }

    #business_development_infrastructure_projects .bgImg {
        width: 133px;
        height: 133px;
    }

    #business_development_infrastructure_projects .btn i {
        width: 133px;
        height: 133px;
    }

    #business_development_infrastructure_projects .btnMsg {
        width: 160px;
        font-size: 19px;
        line-height: 17px;
        padding-top: 20%;
    }

    #business_development_infrastructure_projects .btnInvestmentStructure {
        position: relative;
        left: 0px;
        top: 30px;
        clear: both;
        margin: 30px auto;
    }

    #business_development_infrastructure_projects .btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        display: none;
    }

    #business_development_infrastructure_projects .btn02 .btnMsg.btnMobile,
    #business_development_infrastructure_projects .btn04 .btnMsg.btnMobile {
        display: block;
    }

    #business_development_infrastructure_projects .btnMsg,
    #business_development_infrastructure_projects .btn02 span,
    #business_development_infrastructure_projects .btn04 span {
        float: left;
    }

    #business_development_infrastructure_projects .btn span,
    #business_development_infrastructure_projects .btn02 .btnMsg,
    #business_development_infrastructure_projects .btn04 .btnMsg {
        float: right;
    }

    #boxDevelopmentInner {
        position: relative;
    }

    #boxDevelopmentInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDevelopmentInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDevelopmentInner .bgDevelopmentInner {
        background: #ECECEC;
    }

    #boxDevelopmentInner .boxListDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListDevelopmentInner .oneDevelopmentInner {
        position: relative;
        height: auto;
    }

    #boxDevelopmentInner .boxListSubTitlePage {
        display: none;
    }

    #boxDevelopmentInner .boxTitleDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
        padding-top: 90px;
    }

    #boxDevelopmentInner .boxTitleDev img {
        display: block;
        margin: 0px auto;
    }

    #boxDevelopmentInner .boxTitleDev h3 {
        font-size: 30px;
        line-height: 24px;
        padding: 0px 10px;
    }

    #boxDevelopmentInner .boxDesDev {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px 10px 0px 10px;
    }

    #developmentInner0 .bgGraph {
        position: relative;
        left: -34%;
        top: 0px;
        width: 130%;
    }

    #developmentInner1 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner2 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner3 .bgGraph {
        position: relative;
        left: -43%;
        top: 0px;
        width: 130%;
    }

    #developmentInner4 .bgGraph {
        position: relative;
        left: -42%;
        top: 0px;
        width: 130%;
    }

    #boxDevelopmentInner .boxYearCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxYearCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxYearCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxToonCreate {
        position: relative;
        left: 0px !important;
        top: 0px;
        width: auto !important;
        border: none;
        border-top: 2px dotted #CCB066;
        border-bottom: 2px dotted #CCB066;
        line-height: 22px;
        height: auto;
        text-align: left;
        padding: 15px 0px 15px 90px;
    }

    #boxDevelopmentInner .boxToonCreate strong {
        display: block;
    }

    #boxDevelopmentInner .boxToonCreate img {
        left: 20px !important;
    }

    #boxDevelopmentInner .boxMoreDetail {
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 20px;
    }

    #boxDevelopmentInner .boxMoreDetail .btnMoreDetail {
        margin-bottom: 10px;
    }

    #boxDevelopmentInner .developmentInnerCtrl {
        position: relative;
        left: 0px;
        top: 0px;
        clear: both;
        text-align: center;
        border-top: 2px dotted #CCB066;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btn {
        position: relative;
        left: 0px !important;
        top: 0px;
        display: inline-block;
        width: 20% !important;
    }

    #boxDevelopmentInner .developmentInnerCtrl .btnMsg {
        display: none;
    }


    /* ir 
	=============================== */
    #ir {}

    #ir .boxGraphBack {
        display: none;
    }

    #ir .boxGraphFront {
        display: none;
    }

    /*#ir .boxGraphFront img {width: 1460px !important; position: absolute; top: 40px; left: -1000px; opacity:0.5;}*/
    #ir .contentPage {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #ir .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #ir .desPage {
        padding: 0px 8px;
        width: auto;
        text-align: center;
    }

    #ir .boxBtn {
        margin: 20px 20px 0px 20px;
        float: none;
    }

    #ir .boxListBtn {
        position: static;
        overflow: inherit;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 30px;
    }

    #ir .boxListBtn .bgLine {
        display: none;
    }

    #ir .oneBtn {
        float: left;
        width: 106px;
        height: 106px;
        position: relative;
        left: 0px;
        top: 0px;
    }

    #ir .oneBtn .txt {
        font-size: 20px;
    }


    /* governance
	=============================== */
    #governance {}

    #governance .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #governance .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #governance .bgHand {
        display: none;
    }

    #governance .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #governance .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
    }

    #governance .except {
        font-size: 25px;
        line-height: 20px;
        padding: 0px 8px;
    }

    #governance .desPage {
        padding: 0px 8px;
        width: auto;
    }


    #governance .boxListBtn {
        position: relative;
    }

    #governance .boxListBtn .line-1 {
        display: none;
    }

    #governance .boxListBtn .line-2 {
        display: none;
    }

    #governance .boxListBtn .line-3 {
        display: none;
    }

    #governance .boxListBtn .line-4 {
        display: none;
    }

    #governance .boxListBtn .line-5 {
        display: none;
    }

    #governance .boxListBtn .line-6 {
        display: none;
    }

    #governance .boxBtn {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px 0px 10px 67px;
        margin: 0px 8px;
    }

    #governance .boxBtn .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn.btnLeft .icon {
        left: 0px;
        right: auto;
    }

    #governance .boxBtn span {
        text-align: left;
    }

    #governance .boxBtn.btnLeft span {
        text-align: left;
    }


    /* durability
	=============================== */
    #durability {}

    #durability .contentPage {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    #durability .titlePage {
        font-size: 49px;
        line-height: 35px;
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    #durability .desPage {
        padding: 0px 8px 20px 8px;
        width: auto;
    }

    #durability .boxLinkContent {}

    #durability .boxBtn {
        display: block;
        width: 130px;
        position: relative;
        left: 0px;
        top: 0px;
        padding-bottom: 20px;
    }

    #durability .btn-1 {
        left: 20px;
    }

    #durability .btn-3 {
        left: 40px;
    }

    #durability .btn-4 {
        left: 100px;
    }

    #boxDurabilityInner {
        position: relative;
    }

    #boxDurabilityInner .pointCC {
        width: 100%;
        height: auto;
        position: static;
    }

    #boxDurabilityInner .setScale {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: scale(1, 1) !important;
        -moz-transform: scale(1, 1) !important;
        -ms-transform: scale(1, 1) !important;
        transform: scale(1, 1) !important;
    }

    #boxDurabilityInner .boxListDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .oneDurabilityInner {
        position: relative;
        height: auto;
    }

    #boxDurabilityInner .boxListSubTitlePage {
        display: none;
    }

    #durabilityInner0 .bgLine1 {
        display: none;
    }

    #durabilityInner0 .leaf1 {
        display: none;
    }

    #durabilityInner0 .leaf2 {
        display: none;
    }

    #durabilityInner0 .leaf3 {
        display: none;
    }

    #durabilityInner0 .leaf4 {
        display: none;
    }

    #durabilityInner0 .leaf5 {
        display: none;
    }

    #durabilityInner0 .leaf6 {
        display: none;
    }

    #durabilityInner0 h2.titleMobile {
        display: block;
    }

    #durabilityInner0 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 h3 {
        font-size: 30px;
        line-height: 25px;
        padding: 0px 0px 10px 0px;
    }

    #durabilityInner0 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 10px;
    }

    #durabilityInner0 .btnGreenConstruction {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner0 .btnGreenConstruction.greenEn {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    #durabilityInner1 .leaf1 {
        display: none;
    }

    #durabilityInner1 .leaf2 {
        display: none;
    }

    #durabilityInner1 .leaf3 {
        display: none;
    }

    #durabilityInner1 .leaf4 {
        display: none;
    }

    #durabilityInner1 .leaf5 {
        display: none;
    }

    #durabilityInner1 .leaf6 {
        display: none;
    }

    #durabilityInner1 .titleContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 90px 10px 10px 10px;
        font-size: 30px;
        line-height: 25px;
        width: auto;
    }

    #durabilityInner1 .desContent01 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 0px 10px 10px 10px;
        font-size: 25px;
        line-height: 20px;
        width: auto;
    }

    #durabilityInner1 .boxActivityLoad {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
    }

    #durabilityInner1 .boxActivity {
        width: 300px;
        margin: 0px auto;
        float: none;
    }

    #durabilityInner1 .boxContentAct {
        padding: 20px 0px 0px 0px;
    }

    #durabilityInner1 .boxActivity .boxImg {
        width: auto;
        padding: 0px 10px;
        height: auto;
    }

    #durabilityInner1 .boxActivity .boxImg img {
        width: 100%;
    }

    #durabilityInner1 .boxActivity .boxDate {
        padding: 10px;
    }

    #durabilityInner1 .boxActivity .boxExcept {
        padding: 0px 10px;
        display: block;
    }

    #durabilityInner1 .bgLine01 {
        position: relative;
        left: 0px;
        top: 0px;
    }

    #durabilityInner1 .boxCtrlPageAct {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 10px 0px;
    }

    #durabilityInner2 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        padding: 0px 10px;
    }

    #durabilityInner2 .boxContentLeft h3 {
        padding: 80px 0px 10px 0px;
        height: auto;
        line-height: 30px;
        font-size: 40px;
    }

    #durabilityInner2 .boxDownloadCSR {
        padding-top: 10px;
    }

    #durabilityInner2 .btnDownloadCSR {
        width: 300px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .btnDownloadCSR.langEn {
        width: 300px;
        position: relative;
        left: 0px;
        top: 0px;
        text-indent: 0px;
        height: auto;
        text-align: center;
        padding: 10px 0px;
        background: #57836D;
        color: #fff;
        text-decoration: none;
    }

    #durabilityInner2 .bg-2 {
        opacity: 0.3;
    }

    #durabilityInner3 .bg-1 {
        display: none;
    }

    #durabilityInner3 .titleContent04 {
        position: relative;
        left: 0px;
        top: 0px;
        padding: 85px 0px 10px 0px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        height: auto;
        border-bottom: #bc9633 2px dotted;
    }

    #durabilityInner3 .boxContentLeft {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
    }

    #durabilityInner3 .boxContentLeft .boxDes {
        padding: 10px 10px 0px 10px;
    }

    #durabilityInner3 .boxContentLeft .boxInform {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxInform .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxInform h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentLeft .boxContact {
        font-size: 21px;
    }

    #durabilityInner3 .boxContentLeft .boxContact .ico {
        width: 70px;
        left: 10px;
        top: 19px;
    }

    #durabilityInner3 .boxContentLeft .boxContact h4 {
        font-size: 23px;
    }

    #durabilityInner3 .boxContentRight {
        position: relative;
        left: 0px;
        top: 0px;
        width: auto;
        border-top: #bc9633 2px dotted;
        padding: 10px;
    }

    #durabilityInner3 .boxContentRight .boxContactForm {
        width: auto;
    }

    #durabilityInner3 .boxContentRight .boxContactForm h3 {
        font-size: 27px;
    }

    #durabilityInner3 .contact_boxForm {
        padding: 0px 0px 30px 0px;
    }



    /* contact page 
	=================================== */

    .contact_map {
        width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 90px;
    }

    .contact_map img {
        width: 100%;
    }

    .contact_map .boxListLinkMap {
        position: relative;
        left: 0px;
        bottom: 0px;
        padding: 10px 0px 20px 10px;
        background: url(../img/contact/lineDot.png) repeat-x left bottom;
    }

    .contact_map .btnMap {
        float: none;
        margin-bottom: 5px;
    }

    .contact_content {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
    }

    .contact_title {
        font-size: 50px;
        line-height: 50px;
        padding: 15px 10px 0px 10px;
    }

    .contact_bottomLine {
        padding: 0px 10px 20px 10px;
    }

    .contact_title_1 {
        font-size: 28px;
        padding: 0px 10px 10px;
    }

    .contact_title_2 {
        font-size: 28px;
        padding: 20px 10px 10px;
    }

    .contact_boxForm {
        padding: 0px 10px 30px 10px;
    }

    #contact_form .contact_lastName {
        width: 46%;
    }

    #contact_form .contact_email {
        width: 46%;
    }

    #contact_form .contact_submit {
        padding: 0px 20px;
        font-size: 25px;
    }

    #contact_form .contact_reset {
        margin: 8px 0px 0px 10px;
        padding: 0px 20px;
        font-size: 25px;
    }

    /* career page 
	=================================== */
    .career_content {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .career_content .titlePage {
        padding: 70px 10px 0px 10px;
        font-size: 50px;
        line-height: 50px;
    }

    .career_content .desPage {
        padding: 0px 10px 25px 10px;
    }

    .career_content .career_list_rel {
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .career_content .career_list_abs {
        width: 100% !important;
        position: relative;
        left: 0px !important;
    }

    .career_content .career_one {
        float: none;
        margin: 0px auto 30px auto;
        height: auto;
    }

    .career_ctrl {
        display: none;
    }

    .career_popup {
        width: 320px;
    }

    .career_popup_title {
        padding: 20px 50px 20px 10px;
    }

    .career_popup_title h3 {
        display: block;
        font-size: 27px;
    }

    .career_popup_title b {
        font-size: 20px;
    }

    .career_popup_cms {
        padding: 0px 10px 0px 10px;
    }

    .career_popup_form {
        width: 320px;
    }

    .career_popup_form .career_popup_title h3 {
        font-size: 23px;
        padding-top: 7px;
    }

    .career_form {
        padding: 20px 10px 20px 10px;
    }

    .career_form .boxFormHead {
        font-size: 25px;
    }

    .career_form .tableCareer1 {
        display: block;
    }

    .career_form .tableCareer1 tr {
        display: block;
    }

    .career_form .tableCareer1 tr td:nth-child(1) {
        display: block;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(2) {
        display: block;
        float: left;
        height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(3) {
        display: block;
        clear: both;
        float: left;
        width: 120px !important;
        height: 40px;
        line-height: 40px;
    }

    .career_form .tableCareer1 tr td:nth-child(4) {
        display: block;
        float: left;
        height: 40px;
    }

    #career_form .career_reset {
        margin: 8px 37px 0px 10px;
    }




    /* popup
	=============================== */
    .popup01Main {
        width: 320px;
    }

    .popup01Main .titlePop01Main {
        padding: 30px 48px 0px 10px;
    }

    .popup01Main .titlePop01Main b {
        left: 10px;
    }

    .popup01Main .contentPop01Main {
        padding: 25px 10px 40px 10px;
    }

    .popup01Main .btnClose {
        right: 10px;
    }

    .popup0101 {
        width: 320px;
    }

    .popup0101 .titlePop0101 {
        font-size: 32px;
        padding: 0px 0px 0px 10px;
        height: 62px;
        line-height: 70px;
    }

    .popup0101 .contentPop0101 {
        padding: 10px;
    }

    .popup0106 {
        width: 320px;
    }

    .popup0106 .titlePop0106 {
        height: 75px;
        line-height: 80px;
        padding: 0px 0px 0px 70px;
        font-size: 32px;
    }

    .popup0106 .titlePop0106 img {
        width: 70px;
        left: 0px;
        top: 5px;
    }

    .popup0106 .contentPop0106 {
        padding: 10px 10px 20px 10px;
    }

    .popup0106 .contentPop0106 h4 {
        font-size: 25px;
    }

    .popup0106 .contentPop0106 h4 b {
        font-size: 55px;
    }

    .popup0108 {
        width: 320px;
    }

    .popup0108 .titlePop0108 {
        padding: 30px 50px 20px 50px !important;
        font-size: 23px !important;
        height: auto !important;
    }

    .popup0108 .titlePop0108 b {
        font-size: 50px;
        left: 10px;
        top: 5px;
    }

    .popup0108 .titlePop0108 span {
        font-size: 20px;
    }

    .popup0108 .contentPop0108 {
        padding: 10px 10px 20px 10px;
    }

    .popup0108 .contentPop0108 img {
        max-width: 300px;
    }

    .popup03-1 {
        width: 320px;
    }

    .popup03-1 .titlePop03-1 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-1 .titlePop03-1 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-1 .contentPop03-1 {
        padding: 10px;
    }

    .popup03-1 .btnDownload {
        left: 70px;
        right: auto;
        top: 62px;
    }

    .popup03-2 {
        width: 320px;
    }

    .popup03-2 .titlePop03-2 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-2 .titlePop03-2 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-2 .contentPop03-2 {
        padding: 10px;
    }

    .popup03-2 .btnDownload {
        left: 70px;
        right: auto;
        top: 62px;
    }

    .popup03-3 {
        width: 320px;
    }

    .popup03-3 .titlePop03-3 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-3 .titlePop03-3 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-3 .contentPop03-3 {
        padding: 10px;
    }

    .popup03-3 .btnDownload {
        left: 70px;
        right: auto;
        top: 42px;
    }

    .popup03-4 {
        width: 320px;
    }

    .popup03-4 .titlePop03-4 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-4 .titlePop03-4 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-4 .contentPop03-4 {
        padding: 10px;
    }

    .popup03-4 .btnDownload {
        left: 70px;
        right: auto;
        top: 62px;
    }

    .popup03-5 {
        width: 320px;
    }

    .popup03-5 .titlePop03-5 {
        padding: 20px 50px 50px 71px;
        height: auto;
        font-size: 22px;
        line-height: 20px;
    }

    .popup03-5 .titlePop03-5 img {
        position: absolute;
        left: 0px;
        top: 20px;
        width: 75px;
    }

    .popup03-5 .contentPop03-5 {
        padding: 10px;
    }

    .popup03-5 .btnDownload {
        left: 70px;
        right: auto;
        top: 62px;
    }


    .popup05-1 {
        width: 320px;
    }

    .popup05-1 .titlePop05-1 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-1 .titlePop05-1 img {
        width: 35px;
    }

    .popup05-1 .btnDownload {
        right: auto;
        left: 53px;
        top: 70px;
    }

    .popup05-1 .btnClose {
        right: 10px;
    }

    .popup05-3 {
        width: 320px;
    }

    .popup05-3 .titlePop05-3 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-3 .titlePop05-3 img {
        width: 35px;
    }

    .popup05-3 .btnDownload {
        right: auto;
        left: 53px;
        top: 70px;
    }

    .popup05-3 .btnClose {
        right: 10px;
    }

    .popup05-4 {
        width: 320px;
    }

    .popup05-4 .titlePop05-4 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 32px;
        line-height: 85px;
    }

    .popup05-4 .titlePop05-4 img {
        width: 35px;
    }

    .popup05-4 .btnDownload {
        right: auto;
        left: 53px;
        top: 70px;
    }

    .popup05-4 .btnClose {
        right: 10px;
    }

    .popup05-5 {
        width: 320px;
    }

    .popup05-5 .titlePop05-5 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 23px;
        line-height: 85px;
    }

    .popup05-5 .titlePop05-5 img {
        width: 35px;
    }

    .popup05-5 .btnDownload {
        right: auto;
        left: 53px;
        top: 70px;
    }

    .popup05-5 .btnClose {
        right: 10px;
    }

    .popup05-6 {
        width: 320px;
    }

    .popup05-6 .titlePop05-6 {
        padding: 0px 0px 0px 10px;
        height: 120px;
        font-size: 27px;
        line-height: 85px;
    }

    .popup05-6 .titlePop05-6 img {
        width: 35px;
    }

    .popup05-6 .btnDownload {
        right: auto;
        left: 53px;
        top: 70px;
    }

    .popup05-6 .btnClose {
        right: 10px;
    }

    .green_construction_popup {
        width: 320px;
    }

    .green_construction_popup .titlePop06 {
        padding: 20px 50px 10px 10px;
        font-size: 26px;
        line-height: 20px;
        height: 85px;
    }

    .green_construction_popup .titlePop06 span {
        font-size: 22px;
    }

    .green_construction_popup .contentPop06 {
        padding: 10px;
    }

    .green_construction_popup .btnDownload {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .green_construction_popup .btnDownload.langEn {
        right: auto;
        left: 10px;
        top: 65px;
    }

    .activity_popup {
        width: 320px;
    }

    .activity_popup_cms {
        padding: 17px 10px 10px 10px;
        width: auto;
    }

    .activity_popup .activity_popup_img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 300px;
        height: 200px;
    }

    .activity_popup .activity_popup_img img {
        width: 300px;
    }

    .activity_popup .activity_popup_ctrl {
        position: relative;
        left: 0px;
        top: -130px;
        width: 300px;
    }

    .activity_popup .activity_popup_title {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .activity_popup .btnClose {
        z-index: 500;
    }


}