.container{
  color: #303030;
}
.top, .about, .news, .services, .contact{
  width: 100%;
  min-width: 9.78rem;
}
.top{
  text-align: center;
  position: relative;
}
.top #slide ul li{
  width: 100% !important;
}
.top h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: .58rem;
  color: white;
  font-weight: 100;
  line-height: .90rem;
  background: red;
} 
.top .top_sp{
  display: none;
}
.top .topSlider .slider-text{
  top: 30%;
}
.container{
  background: url('../../../img/top/top_img_01.jpg');
  background-position: top 4.7rem right -0.4rem;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
.about{
  padding: .80rem 0 .80rem 0;  
}
.about p{
  font-size: .18rem;
  text-align: center;
  line-height: .30rem;
  color: #303030;
  font-family:'Roboto-Regular';
}
.news{
  display: none;
}
.news h2{
  margin: 0 0 0 .20rem;
  font-size: .24rem;
  color: #303030;
  font-weight: normal;
  padding-bottom: .50rem;
  font-family: 'Roboto-Regular';
}
.news ul{
  margin: 0 auto;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news .newSliders{
  width: 93%;
  margin: 0 auto;
}
.news ul li{
    float: left;
    width: 2.80rem !important;
    position: relative;
    margin-right: 0 !important;
    border: 0.01rem solid #ccc;
    overflow: hidden;
}
.news ul li .new_photo {
  width: 2.80rem;
  margin: 0 auto;
  cursor: pointer;
}
.news ul li .new_photo img{
  width: 100%;
  height: 1.80rem;
  /*border: .01rem solid #909090;*/
}
.news ul li .hoverAction{
  text-align: left;
  color: #303030;
  padding: 0 .08rem 0 .08rem;
  border-top: none;
  background-color: #fff;
  overflow: hidden;
}
.news ul li .new_photo:hover span,
.news ul li .new_photo:hover p{
  color:#909090;
}
.news ul li .hoverAction span{
  font-size: .14rem;
  font-weight: normal;
  display: inline-block;
  margin: .10rem 0;
}
.news ul li .hoverAction p{
  font-size: .12rem;
  font-weight: normal;
  margin-bottom: .10rem;
}
.newSliders .newSlider li .frame{
  width: 2.80rem !important;
  height: 1.80rem !important;
  overflow: hidden !important;
  position: relative; 
}
.newSliders .newSlider li .frame img {
  width: auto;
  min-width: 3.5rem;
  height: 100%;  
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.newSliders .bx-wrapper img{
   max-width: 7.50rem;
}
.newSliders .newSlider li .frame:hover img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.newSliders{
  width: 93% !important;
  margin: 0 auto !important;
  text-align: center;
}
.newSliders .bx-wrapper{
  max-width: 9.8rem !important;
}
.newSliders .bx-wrapper .bx-controls-direction a{
  z-index: 0 !important;
}
.newSliders .bx-wrapper{
  overflow: visible;
}
.newSliders .bx-wrapper .bx-prev {
    left: -0.45rem;
    background: url('/../img/icon-left.png') no-repeat 0 0;
    opacity: 1;
}
.newSliders .bx-wrapper .bx-next{
   right: -0.35rem;
    background: url('/../img/icon-right.png') no-repeat 0 0;
    opacity: 1;
}
.newSliders .bx-wrapper .bx-next:hover,
.newSliders .bx-wrapper .bx-next:focus,
.newSliders .bx-wrapper .bx-prev:hover,
.newSliders .bx-wrapper .bx-prev:focus{
  opacity: 0.8;
}

.service{  
  padding: .80rem 0 0 0;
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffffff, #ffffff, #ffffff,  #ffffff, #f2f2f2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #ffffff, #ffffff,  #ffffff, #f2f2f2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #ffffff, #ffffff,  #ffffff, #f2f2f2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #ffffff, #ffffff,  #ffffff, #f2f2f2);
}
/*tzs*/
.service .service_bg{
  background: url('../../../img/top/top_img_02.jpg') !important;
  background-position: top 0.2rem left 0px !important;
  background-repeat: no-repeat !important;
  background-size: 2.3rem !important;
}
/*tzs*/
.service .inner li:nth-child(odd){
    list-style: none;
    width: 50%;
    float: left;  
    margin-left: 10%; 
}
.service .inner li:nth-child(even){
  list-style: none;
  width: 40%;
  float: left;
}
.service .inner li div{
    width: 100%;
    margin: 0 auto;
    padding-bottom: .50rem;
}
.service .inner li label{
    font-size:.22rem;
    color: #303030;
    font-family:'Roboto-Regular';
    padding: .23rem 0;
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
}
.service .inner li p{
  /*margin: .10rem 0 0 0;*/
  font-size: .18rem;
  color: #303030;
  padding: 0.2rem 0 0 0;
  font-family: 'Roboto-Regular', Zawgyi-One;
  line-height: .25rem;
  text-indent: -.10rem;
  padding-left: .10rem;
}
.service .inner .text{
    font-size:.18rem;
    color:#303030;
    padding:.19rem .20rem .53rem .20rem;
    line-height: .30rem;
}
.service .inner .text.description {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-family: 'Roboto-Regular';
}
.service .inner div img{
  width:.46rem;
}
.service .inner div span{
  font-size: .22rem;
  /*font-variant-position: sub;*/
}
.service h2,.about h2{
  margin: 0 0 0 0;
  font-size: .24rem;
  color: #303030;
  font-weight: normal;
  padding-bottom: .50rem;
  font-family: 'Roboto-Regular';
}
.about h2{
  text-align: center;
}
.contact h2{
  margin: 0 0 0 .20rem;
  font-size: .24rem;
  color: #303030;
  font-weight: normal;
  padding-top: .50rem;

}
.contact{
   background: url('../../../img/top/top_img_03.jpg'),url('../../../img/top/top_img_04.jpg');
  background-position: top 2rem right -0.1rem , bottom 0 left 0px;
  background-repeat: no-repeat !important;
  background-size: 1.08rem,3rem;
  padding: .40rem 0 0 0;
  color: #fff;
}
.contact h2{
  color: #303030;
  margin: 0 0 0 .20rem;
  font-size: .24rem;
  font-weight: normal;
}
.contact ul{
  width: 9.40rem;
  margin: 0 auto;
}
.contact ul label {
  margin: 0 0 0 .20rem;
  font-size:.16rem;
  color:#e1e1e1;
}
.contact li{
  width: 50%;
  float: left;
}
.contact li div h3{
  font-size: .18rem;
  line-height: .20rem;
  padding: .66rem 0 0 0;
  font-weight: 400;
  color: #303030;
}
.contact li:nth-child(1) .form{
  width: 2.70rem;
  margin: 0 0 0 .20rem;
  padding: .50rem 0 0 .90rem;
}
.contact li:nth-child(1) .form input{
  width: 100%;
  background: transparent;
  border: .01rem solid #818181;
  color: #303030;
  padding: .05rem 0 .06rem .05rem;
  resize: none;
  margin: .20rem 0 .22rem 0;
  font-family:'Roboto-Regular';
  font-size: .14rem;
}
::-moz-placeholder { 
  color: #303030;
}
.contact li:nth-child(1) .form textarea{
  width: 100%;
  height: 1.40rem;
  background: transparent;
  border: .01rem solid #818181;
  color: #303030;
  padding: .05rem 0 0 .05rem;
  resize: none;
  margin: .15rem 0 .15rem 0;
  font-family:'Roboto-Regular';
  font-size: .14rem;
}
#search-text-input{
  width: 2.70rem;
  height: .30rem;
  background: transparent;
  border: .01rem solid #818181;
  color: #f9f9f9;
  padding: 0 0 0 .05rem;
  resize: none;
  margin: .15rem 0 .15rem .10rem;
  font-family:'Roboto-Regular';
  font-size: .14rem;
}
.newsletter img{
  width: .23rem;
  margin: 0rem 0 -.04rem -.35rem;
}
#button-holder img{
  margin:.04rem;
  width:.20rem; 
}
.newsletter {
  padding-left: .10rem;
}
.contact li .btn{
  margin: 0 0 0 1.3rem;
}
.contact li:nth-child(1) .button{
  width: .70rem;
  height: .28rem;
  resize: none;
  margin: .30rem 0rem .90rem .24rem;
  color: #fff;
  background-color: #7e7e7e;
  border-color: #7e7e7e;
  border-style: none;
  padding: .02rem 0 .05rem 0;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.contact li:nth-child(1) .button:hover{
  background: #000;
  color: #fff;
}
.contact li:nth-child(2) .address .detail_address p{
  line-height:.30rem;
  font-size:.14rem;
  padding: 0 0 0 .05rem;
  color: #303030;
}

.logoImg{
    padding: .25rem 0 .11rem 0;
    width: 3.17rem;
    margin: 0 auto;
}
.button{
  padding-left: 1.35rem;
}
.address{
  padding-left: .80rem;
}
.address .locationImg{
  width: .38rem;
  padding: 0 0 0 0;

}
.address span{
  color: #303030;
  font-size: .16rem;
  display: inline-block;
  margin: 0 0 0 .05rem;
}
.address .detailaddress p{
  color: #909090;
  line-height: .30rem;
  font-size: 0.15rem;
}
.address .detailaddress{
  margin-bottom: .25rem;
}
.contact li:nth-child(2) .address .social img{
  width: .33rem;
  clear: both;
  padding: 1.58rem 0 0 0;
}
/*span {
  vertical-align: middle;
  padding-bottom: 10rem;
  color: #303030;
}*/
#googleMap{
  width:3.00rem;
  height: 1.50rem;
  margin:.20rem 0 0 0;
  background: #EDE7E7;
}

/*banner*/
.banner{
  background: url('../../../img/PC_jobpostbanner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: .02rem solid #303030;
  padding: .50rem 0;
  text-align: center;
  color: #fff;
  margin: 0 0 1.00rem 0;
}
.inner .banner h2 {
  font-size: .40rem;
  line-height: .50rem;
  position: relative;
  font-weight: bold;
  color: #fff;
  font-family: 'Roboto';
}
.inner .banner h2::before {
    content: "";
    position: absolute;
    width: 4.25rem;
    height: .02rem;
    bottom: 0;
    background: #fff;
    left: 50%;
    margin-left: -2.13rem;
}
.inner .banner label{
  font-size: .24rem;
  line-height: .50rem;
  display: block;
  padding: 0 0 .20rem 0;
  font-family: 'Roboto-Regular';
}
.inner .banner a span{
  font-size: .24rem;
  line-height: .40rem;
  padding: .03rem .45rem;
  color: #fff;
  font-family: 'Roboto-Regular';
}
/* Remove inner shadow from inputs on mobile iOS */
textarea, input[type="text"] {
-webkit-appearance: none;
}

/*onestopsolution*/
.onestopsolution{
  background: url('../../../img/top/onestopsolution_bg.jpg');
  background-repeat: no-repeat;
  margin-top: .8rem;
}
.onestopsolution .inner{
  padding: .96rem 0;
}
.onestopsolution .onestop_sub{
  /*margin: 0 auto;*/
  border: .01rem solid #ccc;
  text-align: center;
  width: 100%;
}
.onestopsolution .onestop_sub .heading{
  font-size: .24rem;
  color: #fff;
  padding-top: .50rem;
  font-family:'Roboto-Regular';
  width: 4.60rem;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.onestopsolution .onestop_sub .heading:before{
  position: absolute;
  content: "";
  width: .85rem;
  height: .01rem;
  bottom: .15rem;
  background: white;
  left: .3rem;
}
.onestopsolution .onestop_sub .heading:after{
  position: absolute;
  content: "";
  width: .85rem;
  height: .01rem;
  bottom:.15rem;
  background: white;
  right: .3rem;
}
.onestopsolution .onestop_sub .heading span{
  background: transparent;
  display: inline-block;
  padding: 0 .10rem;
  position: relative;
  z-index: 5;
  font-family: 'Roboto-Regular';
  font-size: .22rem;
}
.onestopsolution .onestop_sub .body{
  font-size: .18rem;
  color: #fff;
  width: 6.10rem;
  margin: 0 auto;
  padding: .40rem 0 .50rem 0;
  font-family:'Roboto-Regular';
  line-height: .30rem;
  text-align: center;
}
.getInTouch{
  padding: .95rem 0;
  background: #fff;
}
.getInTouch .inner .headingTouch{
  text-align: center;
  padding-bottom: .50rem;
  font-family:'Roboto-Regular';
  font-size: .20rem;
  color: #303030;
}
.getInTouch .inner .buttonTouch{
  text-align: center;
  padding:.15rem 1.00rem;
  font-family:'Roboto-Thin';
  font-size: .20rem;
  color: #303030;
  border: .01rem solid #909090;
  /*width: 191rem;*/
  margin: 0 auto;
  border-radius: .10rem;
  background: white;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  cursor: pointer;
}
.getInTouch .inner a{
   cursor: pointer;
}
.getInTouch .inner .buttonTouch:hover{
  color: #fff;
}
.getInTouch .touch{
  text-align: center;
}
/*end of onestopsolution*/
.bannerad_div{
  text-align: center;
  margin:.80rem auto 0 auto;
}
.bannerad_div a{
  display: inline-block;
  margin: 0px 10px;
}
.bannerad_div img{
  width: 4rem;
  padding: 0 .3rem 0 0;
}
.bannerad_div .thankyouimg{
  padding: 0 0 0 0;
}
.bannerad_div img:hover{
  opacity: 0.9;
}