.mfp-iframe-holder button.mfp-close:hover{ background-color: var(--BG); color: var(--main)}

.row{width:100%;}
section.inner p.title{ font-size:42px; text-align: left; color: var(--word3); margin-bottom:12px;margin:0 auto 30px;}
section.inner p.subtitle{ font-size:28px; text-align: center; color: var(--word3); margin:12px auto;}
section.inner{overflow:hidden; background-color:var(--BG);}

section.inner p{font-size:16px; color:var(--word);}
section.inner .topBannerWrapper{ background-image:url('../img/BG-inner-banner.jpg'); background-size:cover;}
section.inner .topBanner{width:90%; padding:120px 0 30px; margin:auto; max-width:1400px;}
section.inner .topBanner img{max-height: 100px;}
section.inner .wrapper{margin:0 auto; width:90%; max-width:1400px; text-align:center; overflow:hidden;}

section.inner .aboutUsArea1{width:100%; background-image:url('../img/aboutUs/BG-aboutUs1.png'); background-repeat:no-repeat; background-position:top center}
section.inner .aboutUs-logo{margin:0 auto 60px;}
section.inner p.title-aboutUs-contents{font-size:28px; margin-bottom:30px; width:100%;}
section.inner p.aboutUs-contents{margin-bottom:30px; width:100%;}
section.inner .aboutUsArea1 ul li{width:100%; float:left; text-align:left;}
.aboutUs-contents-products{float:left; width:33.33%; height:240px;}
section.inner .aboutUs-contents-products p{width:100%; text-align:center;}
section.inner .aboutUsArea2{width:100%; padding:40px 20px; margin:40px auto; background-image:url('../img/aboutUs/BG-aboutUs2.png'); background-repeat:no-repeat; background-size:cover;}
section.inner .aboutUsArea2 p{color:var(--white) !important;}
section.inner .aboutUsArea2 span{font-size:24px;}
section.inner .aboutUsArea2 .aboutUs-contents1{margin:10px auto; width:100%; max-width:600px; float:none;}
section.inner .aboutUsArea2 .aboutUs-contents2{margin:10px auto; width:100%; max-width:600px; padding-left:60px; float:none;}
section.inner .aboutUsArea2 .aboutUs-contents3{margin:10px auto; width:100%; max-width:600px; padding-left:100px; float:none;}

section.inner .aboutUsArea3 p{width:100%;}
section.inner .aboutUsArea3 ul li{float:none}
section.inner .aboutUsArea3 span{font-size:24px;}
section.inner .aboutUsArea3 .contents-products{width:25%; float:left;}
section.inner .aboutUsArea3 .contents-products p{text-align:center; padding: 0 10px;}
section.inner .aboutUsArea3 .contents-products img{margin:20px auto 5px;}

section.inner .aboutUsArea4 .row .col-md-6{padding:0 !important;}
section.inner .aboutUsArea4 .aboutUsArea4-part1{background-color:var(--gray); max-width:90%; overflow:hidden; border-radius:0 20px 20px 0;}
section.inner .aboutUsArea4 .aboutUsArea4-part1 p{padding:0 40px;}
section.inner .aboutUsArea4 .aboutUsArea4-part1 p.title-aboutUs-contents{padding:40px;margin:0;}

section.inner .aboutUsArea4 .aboutUsArea4-part2{padding:30px; text-align:left; overflow:auto;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 img{float:none; margin:20px;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 p{max-width:360px;float:none;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 p.title-aboutUs-contents{margin-top:10px;}

section.inner .aboutUsArea4 .aboutUsArea4-part2 ul{padding:0;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 ul li{position:relative; width:100%;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 ul li:before{content:''; width:24px; height:24px; background-image:url('../img/aboutUs/icon-li.png'); background-repeat:no-repeat; float:left;text-indent: -30px;}
section.inner .aboutUsArea4 .aboutUsArea4-part2 ul li p{padding-left:40px}
section.inner .aboutUsArea4 .aboutUsArea4-part2 .col-sm-4{ display: flex;  align-items: center;}

section.inner.Culture .title-culture-contents{padding-top:50px;}

section.inner .culture-contents-parts5 p.subtitle{text-align:left;}

section.inner p.title-culture-contents{font-size:28px; margin-bottom:30px; width:100%; text-align:center;}
section.inner.Culture .culture-logo{max-width:400px; margin:10px auto; }
section.inner.Culture .culture-contents-parts2{background-color:var(--main); margin-top:40px; padding:20px;background-image:url('../img/AboutUs/BG-culturn-2.jpg'); background-position:bottom right; background-repeat:no-repeat; width: 90%;   border-radius: 0 30px 30px 0; box-shadow: 6px 6px 6px var(--shadow);}
section.inner.Culture .culture-contents-parts2 .wrapper{width:80%;}
section.inner.Culture .culture-contents-parts2 p{color:var(--white) !important;}

section.inner.Culture .culture-contents-parts3{overflow:auto;}
section.inner.Culture .culture-contents-parts3 .aboutUs-contents{text-align:center; margin:60px auto 20px; overflow: auto;}
section.inner.Culture .culture-contents-parts3 .aboutUs-contents p{text-align:center; margin:10px auto;float: none; }
section.inner.Culture .culture-contents-parts3 .contents-Values{width:20%; float:left;padding:0 10px; height:450px;}
section.inner.Culture .culture-contents-parts3 .contents-Values img{margin:10px auto; max-width:120px;}

section.inner.Culture .culture-contents-parts4{ background:url('../img/AboutUs/img-culture4.jpg') var(--gray) right no-repeat; padding:40px 0; background-size:contain;}
section.inner.Culture .culture-contents-parts4 .Team{width:100%; padding:10px; display:flex; height: 180px;}
section.inner.Culture .culture-contents-parts4 .Team img{max-width:90%; max-height:120px;}
section.inner.Culture .culture-contents-parts4 .Team .contents-Team{ margin-left:20px}
section.inner.Culture .culture-contents-parts4 .Team .contents-Team p{text-align:left;}
section.inner.Culture .culture-contents-parts5{margin-top:20px; padding:20px;}

section.inner.Structure{}
section.inner.Structure .wrapper{ padding-top:0;}
section.inner.Structure p.subtitle-Structure-contents{margin:0; color:var(--word3);}
section.inner.Structure .topBannerWrapper{margin-bottom:30px;}
section.inner p.title-Structure-contents{ margin-bottom:30px; width:100%;color:var(--word); text-align:left; transition: all 0.5s; font-size:28px;}
section.inner p.subtitle-Structure-contents{ margin-top:40px; margin-bottom:20px; width:100%;color:var(--white); text-align:center; transition: all 0.5s; font-size:24px;}
section.inner .Structure-contents{margin:10px; border-radius:40px; overflow:hidden; padding:20px 10px;}

.structureArea{width:90%; padding:40px 20px; margin:40px auto; max-width:1200px;}
.structureArea2{width:90%; padding:40px 20px; margin:40px auto; max-width:991px;}


.newsList{padding:20px 40px;margin-bottom:40px; overflow: hidden; border-radius:40px; width:100%; transition: all 0.5s;}
.newsList .newsPic {width: 30%; float: right; transition: all 0.5s;}
.newsList .newsInfo{width:70%; float: left; transition: all 0.5s;}
.newsList p.date{ color:var(--word); margin-bottom:5px;}
section.inner .newsList p.subtitle{color:var(--word); text-align:left; transition: all 0.5s; font-size:24px;}
.newsList p.newsContent{color:var(--word); height:68px; overflow:hidden; width:64%; float: left;}
.newsList:hover{background-color:var(--white);transition: all 0.5s; box-shadow: 6px 6px 6px var(--shadow);}
.newsList .noPic .newsInfo,.newsList .noPic p.newsContent,.newsList .noPic p.more{width: 100%;}
.newsList .noPic .newsPic{display:none}
.newsList.opened{ background-color:var(--white); transition: all 0.5s; margin-bottom:60px; box-shadow: 6px 6px 6px var(--shadow);}
.newsList.opened .newsPic{ width:100%;  text-align: center; padding:20px 40px; transition: all 0.5s;}
.newsList.opened .newsInfo{float:left; width:100%; padding: 10px 40px 20px; transition: all 0.5s;}
.newsList.opened p.newsContent{width:100%; padding: 10px 40px 20px; height:auto; overflow:auto;}
.newsList.opened p.news{display:block; float:left;}
.newsList .more{cursor:pointer;}
.newsList.opened .btn-MoreBtnMore{display:none; }
.newsList .more p{color:#14303e; font-weight:600; float:left;}
.newsList:hover .more p{color:#efc56a;}
.newsList:hover .more .arrow{background-position:bottom;}
section.inner .newsList a.btn-MoreBtn svg{margin: -1px 5px;}
section.inner .newsList .btn-Detail p{padding: 2px 4px 5px 5px;}
.col-news{overflow:auto;}
.newsList .btn-MoreBtnLess{display:none ;float: left; cursor:pointer;}
.newsList.opened .btn-MoreBtnLess{display:block;}
.newsList a.btn-moreBtn{float:left;}
.newsList a .btn-Detail{margin-right:10px; margin-bottom:10px; float:left;}
.newsList a p.btn-Detail-word{margin-top:4px;}
a:hover .btn-Detail p{color:var(--white); background-color:var(--secondary);}


section.inner .wrapper .page {width:100%; margin:0 auto; overflow: auto;}
section.inner .wrapper .page .prev{float:right;}
section.inner .wrapper .page .next{float:right;}
section.inner .wrapper .page a{float:right;}
section.inner .wrapper .page p{padding:5px; color:var(--main);}
section.inner .wrapper .page p:hover{color:var(--secondary); cursor:pointer;}
section.inner .wrapper .page ul{float:right; margin:0;padding: 0;}
section.inner .wrapper .page ul li{float:left;}

@media screen and (max-width: 1400px){
	section.inner.Culture .culture-contents-parts3 .contents-Values{width:33.33%}
	section.inner.Culture .culture-contents-parts4 .Team{height: 280px;}
	section.inner.Structure .Structure-contents p.subtitle{text-align:left;}
}

@media screen and (max-width: 991px){
	section.inner .aboutUsArea1{background-image:url('../img/aboutUs/BG-aboutUs1A.png');}
	section.inner .aboutUsArea3 .contents-products{width:50%;}
	section.inner .aboutUsArea3 img{margin-top:30px; margin-bottom:30px;}
	section.inner .aboutUsArea3 ul li{float:left}
	section.inner.Culture .culture-contents-parts2{background-image:url('../img/AboutUs/BG-culturn-2A.jpg');}
	section.inner.Culture .culture-contents-parts2 .wrapper{width:94%;}
	section.inner .aboutUsArea4 .aboutUsArea4-part2 p.title-aboutUs-contents{margin-top:60px;}
	section.inner.Culture .culture-contents-parts2{width:90%;}
	section.inner.Culture .culture-contents-parts4 .Team{height: auto; padding-bottom:30px;}
	section.inner.Culture .culture-logo{max-width: 300px;}
	.structureArea{width:100%; padding:60px 0px; margin:40px auto; max-width:1200px;}
	.structureArea2{width:100%; padding:60px 0px; margin:40px auto; max-width:991px;}

}

@media screen and (max-width: 768px){
	section.inner .aboutUsArea1{background-image:none;}
	section.inner.Culture .culture-contents-parts3 .contents-Values{width:50%}
	section.inner.Culture p.subtitle{font-weight:100;}
}


@media screen and (max-width: 600px){
	section.inner.Culture .culture-contents-parts3 .contents-Values{width:100%; height:360px}
}