#breadclumbs > div{
                   width: 90%;
                   margin: 0;
                   display: flex;
                   padding: .7rem;
}

#sub_image h1{
              font-size: 2.2rem;
}

#sub_image h1.ownstyle{
                       font-size: 1.9rem;
}

.sub_page{
          width: 100%;
          margin: 0;
}

.sub_page > .contents{
                      /* background-image: url(../images/dotted_bg03.png);*/
                       background-position-x: center;
                       background-repeat: repeat-y;
                       width: 100%;
                       /*width: 990px;*/
                       margin: auto;
                       overflow: hidden;
}
 
.sub_page > .contents > .heading_area{
                                       position: relative;
                                       padding: 5px;
}

.sub_page > .contents > .heading_area{
                                       display: flex;
                                       position: relative;
                                       height: 6rem;
}

.sub_page > .contents > .heading_area > h2{
                                            left: 4rem;
                                            top: 1.4rem;
                                            font-size: 28px;
}

.sub_page > .contents > .heading_area > h2::after{
                                                   content: '';
                                                   display: block;
                                                   width: 6rem;
                                                   margin: auto;
                                                   border-bottom: 1px solid #000;
}

.sub_page > .contents > .heading_area > p{
                                           display: none;
                                           position: absolute;
                                           right: 5rem;
                                           color: #D4FDED;
                                           font-size: 3.5rem;
                                           font-weight: bold;
                                           padding-right: 25px;
}

/* ============== css of achievement page ============== */

#achievement > .contents > section:nth-of-type(1){
                                                   width: 80%;
}

#achievement > .contents > ul{
                              width: 900px;
}

#achievement > .contents > ul > li{
                                   width: 18rem;
                                   min-height: 250px;
                                   background-color: #fff;
                                   margin-right: 1rem;
                                   margin-bottom: 1.2rem;
                                   align-items: stretch;
}

#achievement > .contents > ul > li > a{
                                       color: #00AF56;
                                       display: block;
                                       font-size: 1.5rem;
                                       width: 18rem;
                                       height: 250px;
                                       text-align: center;
                                       background-color: #cccccc;
                                       position: relative;
}

#achievement > .contents > ul > li > a > img{
                                             width: 18rem;
                                             height: 250px;
}

#achievement > .contents > ul > li > a > p{
                                           width: 100%;
                                           background-color: rgba(255, 255, 255, 0.9);
                                           position: absolute;
                                           bottom: 0;
                                           padding: 1rem 0;
                                           font-size: 16px;
}

 /* ============ css of achievement details page ================= */

 #achievement_details > .contents > section:nth-of-type(2){
                                                          margin-left: 4rem;
                                                          margin-bottom: 4rem;
 }

 #achievement_details > .contents > section:nth-of-type(2) > p{
                                                               padding-right: 35px;
 }

 #achievement_details > .contents > ul{
                                       width: 900px;
 }

 #achievement_details > .contents > ul > li{
                                            width: 16rem;
                                            padding: 0.8rem 1rem 1.5rem;
                                            min-height: 335px;
                                            text-align: center;
                                            margin-right: 1rem;
                                            margin-bottom: 1.2rem;
 }

/* ============= css of footer part ================== */

/* =========== css of footer top section ============= */


#footer > #footer_top{
                      width: 900px;
}

#footer > #footer_top > ul {
                            margin-right: 1.7rem;
                            padding-right: 10px;
}

#footer > #footer_top > ul > li > a{
                                    font-size: 13px;
}


#footer > #footer_bottom{
                         width: 900px;
  
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-first > .footer-bottom-paragraph > p,
#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-second > .footer-bottom-paragraph > p{
                                                                                                                     font-size: 13px;
                                                                                                                     padding-top: 5px;
}


/* ============ css of top section ============= */

.navbar {
         background-color: transparent;
}

header > nav{
             width: 96%;
             margin: auto;
             display: flex;
             position: relative;
}


header > nav > a > .imagesize{
                              width: 130px;
}

header > nav > .nav-list > li{
                              margin-left: 0.9rem;
                              padding: 0.6rem 0;
}

header > nav > .nav-list > li.header_btn{
                                         padding: .4rem 0;
}

header > nav > .nav-list > li.header_btn > a{
                                             display: block;
                                             color:#fff;
                                             background-color: #00AF56;
                                             border: #00AF56 solid 1px;
                                             width: 10rem;
                                             padding: .3rem 0;
                                             text-align: center;
}

header > nav > .nav-list > li.header_btn:last-child > a{
                                                        width: 6.5rem;
}

header > nav > .nav-list > li.header_btn:last-child{
                                                    margin-left: 0.5rem;
}


/* ========= Top section ========== */

/* ========= Top Strength Section =========== */

#top_strengths > .strength-container-box > .strength-container > h3{
                                                                    top: -49px;
                                                                    font-size: 3.8rem;
}

#top_strengths > .strength-container-box > .strength-container{
                                                               width: 60%;
}


#top_strengths > .strength-container-box > .strength-container > p{
                                                                   font-size: 16px;
}

#top_strengths > .strength-container-box > .strength-container > p > span.strengthspandesign{
                                                                                             font-size: 22px;
}

/*
#top_strengths{
               margin: auto;
}



#top_strengths > .top_down{
                           width: 980px;
}

#top_strengths > .top_down > p{
                               top: -52px;
                               font-size: 4rem;
}

#top_strengths > .top_down > img{
                                 width: 30rem;
                                 height: 26rem;
                                 position: absolute;
                                 top:-20px;
}

#top_strengths > div:last-of-type{
                                  height: 510px;
                                  background: linear-gradient(#00AF56 85%, rgba(255, 255, 255, 0) 15%);
}

#top_strengths > div:last-of-type > div{
                                        width: 980px;
                                        margin: auto;
                                        padding: 50px 0px;
                                        color: #ffffff;
}

#top_strengths > div:last-of-type > div > p{
                                           width: 29rem;
                                           font-size: 16px;
}
*/

/* ============== Top Service Section ============== */

#top_service{
             width: 990px;
}

#top_service > #top_service_child01 > div:first-of-type > img,
#top_service > #top_service_child02 > div:last-of-type > img{
                                                             width: 50rem;
}

#top_service > #top_service_child01 > div:first-of-type > div,
#top_service > #top_service_child02 > div:last-of-type > div{
                                                             z-index: 1;
                                                             color: #fff;
                                                             position: absolute;
                                                             width: 18rem;
                                                             height: 4rem;
                                                             text-align: center;
                                                             font-size: 1.8rem;
                                                             bottom: 1.5rem;
}

#top_service > #top_service_child01 > div:first-of-type > div{
                                                              left: 38rem;

}

#top_service > #top_service_child02 > div:last-of-type > div{
                                                             right: 38rem;
}

/* =========== Top Works section ============== */

#top_works > div:first-of-type{
                               height: 6rem;
}

#top_works > div:first-of-type > h2{
                                    top: 1.4rem;
                                    left: 6rem;
}

#top_works > div:first-of-type > p{
                                   right: 5rem;
                                   font-size: 3.5rem;
}

#top_works > ul{
                width: 900px;
}

#top_works > ul > li{
                     width: 18rem;
                     min-height: 250px;
                     background-color: #fff;
                     margin-right: 1rem;
                     margin-bottom: 1.2rem;
                     align-items: stretch;
}

#top_works > ul > li > a{
                         color: #00AF56;
                         display: block;
                         font-size: 1.5rem;
                         width: 18rem;
                         height: 250px;
                         text-align: center;
                         background-color: #cccccc;
                         position: relative;
}

#top_works > ul > li > a > img{
                               width: 18rem;
                               height: 250px;
}

#top_works > ul > li > a > p{
                             width: 100%;
                             background-color: rgba(255, 255, 255, 0.9);
                             position: absolute;
                             bottom: 0;
                             padding: 1rem 0;
                             font-size: 16px;
}

/* ============== Top News Section ================= */

#top_news > div > ul{
                     /*width: 990px;*/
                      max-width: 90%;
                      margin: auto;
}

/* =============== Company Section ================== */

hr.company-line,
hr.company-secondline{
                      width: 4rem;
}

/* ============== System achievement section ============= */

.sub_page > .contents > .heading_area1{
                                       padding: 5px;
                                       height: 6rem;
}

.sub_page > .contents > .heading_area1 > h2{
                                            left: 4rem;
                                            top: 1.4rem;
}

.sub_page > .contents > .heading_area1 > p{
                                           display: none;
                                           right: 5rem;
                                           font-size: 3.5rem;
                                           padding-right: 25px;
}

/* ============== css of secretariat page =============== */

.sub_page > .contents > .heading_area2{
                                       padding: 5px;
                                       height: 6rem;
}

.sub_page > .contents > .heading_area2 > h2{
                                            left: 6rem;
                                            top: 1.4rem;
}

.sub_page > .contents > .heading_area2 > p{
                                           display: none;
                                           right: 5rem;
                                           font-size: 3.5rem;
                                           padding-right: 25px;
}

/* ==================== css of achievement page =================== */

.sub_page > .contents > .heading_area3{
                                       padding: 5px;
                                       height: 6rem;
}

.sub_page > .contents > .heading_area3 > h2{
                                            left: 4rem;
                                            top: 1.4rem;
                                            font-size: 28px;
}

.sub_page > .contents > .heading_area3 > p{
                                           display: none;
                                           right: 5rem;
                                           font-size: 3.5rem;
                                           padding-right: 25px;
}

.sub_page > .contents > .heading_area4{
                                       padding: 5px;
                                       height: 6rem;
}

.sub_page > .contents > .heading_area4 > h2{
                                            left: 4rem;
                                            top: 1.4rem;
                                            font-size: 28px;
}

.sub_page > .contents > .heading_area4 > p{
                                           display: none;
                                           right: 5rem;
                                           font-size: 3.5rem;
                                            padding-right: 25px;
}