@charset "utf-8";
/* CSS Document */
/*default page set*/
.content{padding:0 0;}
.contactbtm{color:#fff; text-align:center; background:url("../images/sub-foot-hero-new.jpg") no-repeat center; background-size:cover; min-height:484px; display:flex; align-items: center; justify-content: center;}
@media screen and (max-width:767px){/*desktop-small pad*/
.contactbtm{text-align:left;}
.contactbtm section{padding:15px;}
}
.contactbtm .btnmore a{display:inline-block; border:2px solid #00af62; color:#00af62 !important; padding:1em 2.5em; font-size:15px; font-weight:700;}
.contactbtm .btnmore a:hover{background:#00af62; color:#fff !important;}
.profilmd0, .profilmd4{padding:130px 0 200px 0; color:#22343b; font-size:18px; line-height:1.6em;}
.content .profilmd0 table td{vertical-align:middle;}
.profilmd0 table td,.profilmd4 table td{width:50%; vertical-align: top;}
.profilmd0 h4,.profilmd4 h4{margin: 0px; color: rgb(0, 175, 98); font-size: 15px; font-weight: 900; line-height: 1; padding: 0px;}
.profilmd0 h2,.profilmd4 h2{color: rgb(34, 52, 59); font-size: 38px; font-weight: 600; line-height: 1.2em; padding: 0px; margin:10px 0 60px 0;}
.profilmd0 h3{font-size:26px; color: #00af62; font-weight: 500; line-height: 1.2; margin:0 0 0.5rem 0; padding:0;}
.profilmd0 p,.profilmd4 p{margin-bottom: 1rem; font-size:18px; line-height:1.4em; margin-top:0;}
.profilmd0 .btnmore a,.profilmd3 .btnmore a,.profilmd4 .btnmore a{display:inline-block; border:2px solid #00af62; color:#00af62; padding:.5em 2.5em; font-size:14px; font-weight:700;}
.profilmd0 .btnmore a:hover,.profilmd4 .btnmore a:hover{background:#00af62; color:#fff;}
.profilmd0 table td:nth-of-type(1),.profilmd4 table td:nth-of-type(1){padding-right:20px; padding-left:20px;}
.profilmd0 table td:nth-of-type(2),.profilmd4 table td:nth-of-type(2){padding-left:20px; padding-right:20px;}
@media screen and (max-width:1024px){/*desktop-small pad*/

.profilmd0 table td,.profilmd4 table td{width:100%; display:block;}
.profilmd0 table td img{margin-bottom:40px;}
.profilmd0, .profilmd4{padding:60px 0 180px 0;}
.profilmd0 table td:nth-of-type(1),.profilmd4 table td:nth-of-type(1){padding-right:10px; padding-left:10px;}
.profilmd0 table td:nth-of-type(2),.profilmd4 table td:nth-of-type(2){padding-left:10px; padding-right:10px;}
}
@media screen and (max-width:767px){/*desktop-small pad*/
.profilmd0 h2,.profilmd4 h2{line-height:1;}
}
.profilmd1{text-align:center; position:relative; margin-top:60px;}
.profilmd1 .page{max-width:100%;}
.profilmd1 div{position:absolute; width:100%; height:auto; left:50%; top:-60px; transform:translateX(-50%); z-index: -1;}
.profilmd1 div img{width:100%; height:auto;}
.profilmd1 h4,.contactbtm h4{margin: 0px; color:#fff; font-size: 15px; font-weight: 900; line-height: 1; padding: 0px;}
.profilmd1 h2,.contactbtm h2{color:#fff; font-size: 38px; font-weight: 600; line-height: 1.2em; padding: 0px; margin:10px 0 60px 0;}

.profilmd2{padding-bottom:60px;}
.profilmd2 .list{padding:20px; display:flex;}
.profilmd2 .list .frm{background:#f4f4f4; padding:50px !important; display:flex; flex-wrap: wrap; align-content: flex-start;}
.profilmd2 .list .frm section{color:#000; font-size:18px; line-height:28px; padding-left:8%; width:100%;  display:flex; flex-wrap: wrap;}
.profilmd2 .list .frm section .innerhtml{height:15em; font-size:18px;}
.profilmd2 .list .frm .more{width:100%;}
.profilmd2 .list .frm .more span{width:100%; text-align:center; font-size:14px; font-weight:700; display:inline-block; border:2px solid #00af62; background:none; color:#00af62; padding:.5em 0;}
.profilmd2 .list .frm .more span:hover{background:#00af62; color:#fff;}
.profilmd2 .page > div[class*='dhotpro']{display:flex; flex-wrap:wrap;}
@media screen and (max-width:1024px){/*desktop-small pad*/
.profilmd2 .list{padding:15px !important;}
.profilmd2 .list .frm{padding:20px 20px 10px 10px !important;}
}
.profilmd3{background:#f4f4f4; padding:60px 0;}
.profilmd3 h4{margin: 0px; color: rgb(0, 175, 98); font-size: 15px; font-weight: 900; line-height: 1; padding: 0px;}
.profilmd3 h2{color: rgb(34, 52, 59); font-size: 38px; font-weight: 600; line-height: 1.2em; padding: 0px; margin:10px 0 60px 0;}
.profilmd3 p{margin-bottom: 1rem; font-size:18px; line-height:1.6em;}
.profilmd3 table td{vertical-align:top;}
.profilmd3 table td:nth-of-type(1){padding-right:20px; padding-left:20px; width:40%;}
.profilmd3 table td:nth-of-type(2){padding-left:20px; padding-right:20px;}
@media screen and (max-width:1024px){/*desktop-small pad*/
.profilmd3 table td:nth-of-type(1),.profilmd3 table td:nth-of-type(2){width:100%; display:block;}

}
/*window film*/
.filmrange{display:flex; width:100%; flex-wrap:wrap; border-top:1px solid #ccc; padding-top:60px; padding-bottom:60px;}
.filmrange h4{color: rgb(0, 175, 98); font-size: 15px; font-weight: 900; width:100%; text-align:center;}
.filmrange .list{width:calc(100% / 3); padding:10px;}
.filmrange .list h3{font-size:28px; color:rgb(0, 175, 98); padding:0; line-height:1; font-weight:900;}
.filmrange .list ul{list-style:none; margin:10px 0; border-top:2px solid rgb(0, 175, 98); padding:10px 0;}
.filmrange .list li{padding-left:2em; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:5px;}
.filmrange .list li:last-of-type{border-bottom:none;}
.filmrange .list .more{text-align:left;}
@media screen and (max-width:1024px){/*desktop-small pad*/
.filmrange h4{text-align:left;}
.filmrange .list{width:calc(100% / 2);}
}
@media screen and (max-width:767px){/*desktop-small pad*/
.filmrange .list{width:100%;}
}
/*procut*/
.feature{display:flex; flex-wrap:wrap; padding:80px 0;}
.feature .list{width:calc(100% / 4); padding:10px;}
.feature .list .frm{padding:0;}
.feature .list figure{padding:0 20px;}
.feature .list section{text-align:center; font-size:18px; line-height:1.4em; margin-top:0; color:#22343b;}
.feature .list h3{color:rgb(0, 175, 98); font-weight:900; font-size:16px; line-height:1.4em;}
@media screen and (max-width:767px){/*desktop-small pad*/
.feature .list{width:100%; padding:30px;}
.feature .list figure{padding:0 40px;}
}
/*training*/
.training{display:flex; flex-wrap:wrap; position:relative; padding:80px 0;}
.training::after{content:""; width:250%; height:100%; position:absolute; display:block; background:linear-gradient(#22343b 60%,#fff 60%); left:50%; top:0; transform:translateX(-50%); z-index: -1;}
.training .list{width:35%; padding:0; display:flex; flex-wrap:wrap;}
.training .list section{color:#fff;}
.training .list h3{color:#fff; font-size:30px; line-height:1.4em; margin:0;}
.training .list.tt h3{padding:0 15px 15px 15px;}
.training .list .innerhtml{font-size:16px; line-height:1.4em; font-weight:300; padding:0 5px; padding-bottom:20px;}
.training .list.tt{width:calc(65% / 2); padding:0 0 0 40px;}
.training .list.tt .frm{background:#f4f4f4; padding:0;}
.training .list.tt section{color:#000;}
.training .courselist{list-style: none; margin:0; padding:1em;}
.training .courselist li{border-top:1px solid #666; display:flex; flex-wrap:nowrap; justify-content: space-between; padding:15px 0;}
.training .courselist li h4{font-weight:300; margin:0; padding:0;}
.training .courselist li span{font-weight:500; color:#00af62;}
@media screen and (max-width:767px){/*desktop-small pad*/
.training{padding:0 0 50px 0;}
.training::after{background:none; display:none;}
.training .list{width:100%; position:relative; padding-top:30px; padding-bottom:30px; margin-bottom:70px;}
.training .list::after{content:""; width:130%; height:100%; position:absolute; display:block; background:#22343b; left:50%; top:0; transform:translateX(-50%); z-index: -1;}
.training .list.tt{width:100%; padding:20px; margin:0;}
.training .list.tt::after{content:""; display:none;}
}
/*about*/
.profilmd0.rr{border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.profilmd0.rr table tr{display:flex; flex-wrap: nowrap;}
.profilmd0.rr table td:first-of-type{order:2;}

.offering{position:relative; padding:80px 0;}
.offering::after{content:""; width:250%; height:100%; position:absolute; display:block; background:#22343b; left:50%; top:0; transform:translateX(-50%); z-index: -1;}
.offering h2{font-size: 38px; font-weight: 600; line-height: 1.2em; padding: 0px; color:#fff; text-align:center;}
.offering h2 span{font-size:16px; line-height:1em; margin:0; padding:0; color:#00af62;}
.offering table{width:100%;}
.offering table td{width:25px; text-align:center; color:#00af62; padding-top:50px;}
.offering table td img{max-width:160px; height:auto;}
.offering table td h3{line-height:1.2em; font-size:16px; font-weight:900;}
.abouticon{display:flex; flex-wrap: wrap; justify-content: center; padding-top:80px; padding-bottom:80px;}
.abouticon table{max-width:800px; width:800px;}
.abouticon table tr{display:flex; flex-wrap:wrap;}
.abouticon table td{text-align:center; width:calc(100% / 6);}
.abouticon table td img{max-width:100px; width:100px; height:auto;}
@media screen and (max-width:1024px){/*desktop-small pad*/
.profilmd0.rr table td:first-of-type{display:none;}
}
@media screen and (max-width:767px){/*desktop-small pad*/
	.abouticon table{width:100%;}
	.abouticon table td{width:50%;}
.offering table tr{display:flex; flex-wrap:wrap;}
.offering table td{width:50%;}	
}
/*faq*/
.faq{padding:80px 0;}
.faq h3.subject{display:flex; justify-content: space-between; color:#22343b; font-size: 17px; font-weight: 900; line-height: 1; padding: 0px;}
.faq h3.subject .foricon{order:2; color:rgb(0, 175, 98);}
.faq .list{padding:0; width:100%;}
.faq .list .frm{border-top:1px solid #ccc; padding:15px 0;}
.faq .list .innerhtml{font-size:18px; line-height:1.6em; color:#22343b; padding-right:30px;}
.faq .list.show h3.subject{color:rgb(0, 175, 98);}
@media screen and (max-width:767px){/*desktop-small pad*/
.faq{padding:80px 30px;}
.faq h3.subject .foricon{width:auto !important;}
}
/*contact*/
.IFLayout{width:40%; background:#00af62; color:#fff; float:right; position:relative;}
.IFLayout .cont{padding:1em; font-size:18px; line-height:1.4em; padding-bottom:0;}
.gmap{width:160%; height:100%; position:absolute; top:0; left:-160%;}
.gmap iframe {
       width: 100%;
       height: 100%;
       border: none;
   }
@media screen and (max-width:1024px){/*desktop-small pad*/
.IFLayout{width:100%; display:flex; flex-wrap: wrap;}
.IFLayout .page{order:2;}
.gmap{width:100%; height:50vh; position:static; left:0; order:0;}
}
#defaultimg .mask,#defaultimg .mask h1{font-size:110px; color:#fff; font-weight:900; line-height:.9em; margin:0; padding:0; text-align: center;}
#defaultimg .mask p{font-size:27px; font-weight:400; text-align: center; line-height:1.3em;}
#defaultimg .mask span{color:rgba(255,255,255,.5); font-size:27px; font-weight:900;}
@media screen and (max-width:767px){/*phone*/
	#defaultimg .mask,#defaultimg .mask h1{font-size:45px;}
	#defaultimg .mask p{font-size:20px;}
}
.video{position:relative; padding:80px 0; }
.video::after{content:""; width:250%; height:100%; position:absolute; display:block; background:#22343b; left:50%; top:0; transform:translateX(-50%); z-index: -1;}
@media screen and (max-width:767px){/*phone*/
.video{position:relative; padding:10px 0; }
}
.list .more > *{display:inline-block; background:#00af62; color:#fff; padding:.5em 2.5em; font-size:16px; font-weight:700; margin-top:15px;}
.list .more > *:hover{background:#00af62; color:#fff;}

.videoblk{background:#22343B;}
@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:1024px){/*desktop-small pad*/

}
@media screen and (max-width:767px){/*phone*/

}
/*=====================default page set end=====================*/