/* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 {
                position: absolute;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;
                color: white;
                font-size: 12px;
                background: url(../img/b13.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }



            /* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
            .jssora21l, .jssora21r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(../img/a17.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }
            



/***** Set each slide contents for Malaysia banner *****/

.slide01a {
  position: absolute;
  top: 220px;
  left: 750px;
  width:440px;
  height:50px;
}

.slide01b {
  position: absolute;
  top: 270px;
  left: 750px;
  width:430px;
  height:100px;
  text-align:right;
}

.slide02a {
  position: absolute;
  top: 400px;
  left: 150px;
  width:380px;
  height:50px;
}

.slide02b {
  position: absolute;
  top: 450px;
  left: 150px;
  width:370px;
  height:100px;
  text-align:right;
}

.slide03a {
  position: absolute;
  top: 380px;
  left: 150px;
  width:450px;
  height:50px;
}

.slide03b {
  position: absolute;
  top: 430px;
  left: 150px;
  width:450px;
  height:100px;
}

.slide04a {
  position: absolute;
  top: 220px;
  left: 150px;
  width:450px;
  height:50px;
}

.slide04b {
  position: absolute;
  top: 270px;
  left: 150px;
  width:440px;
  height:100px;
}

/*** Slide English text ***/
h1.slideeng {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size: 2.4em;
  color: #b71b20;
}


/*** Slide Chinese text ***/
p.slidechi {
  font-family: 'Microsoft Yahei';
  font-weight:400;
  font-size: 2.2em;
  color: #b71b20;
}


/*** Slide Link ***/
a.slidelink {
  display:inline-block;
  background:#222222;
  margin-top:2%;
  padding:10px 30px;
  font-size:1em;
  color:#ffffff;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

a.slidelink:hover {
  background:#b71b20;
}



.slide01ms-title {
  position: absolute;
  top: 320px;
  left: 170px;
  width: 750px;
  height: 100px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  font-size: 3.9em;
  color: #fd8d08;
}

.slide01ms-desc {
  position: absolute;
  top: 420px;
  left: 170px;
  width: 580px;
  height: 250px;
  line-height: 140%;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size: 1.8em;
  color: #3e3e3e;
}

.slide02ms-title {
  position: absolute;
  top: 310px;
  left: 1230px;
  width: 650px;
  height: 100px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  font-size: 2.5em;
  color: #fd8d08;
}

.slide02ms-title2 {
  position: absolute;
  top: 360px;
  left: 1230px;
  width: 650px;
  height: 100px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  font-size: 3.8em;
  color: #fd8d08;
}

.slide02ms-desc {
  position: absolute;
  top: 460px;
  left: 1230px;
  width: 580px;
  height: 250px;
  line-height: 140%;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size: 1.8em;
  color: #3e3e3e;
}

.slide03ms-title {
  position: absolute;
  top: 220px;
  left: 800px;
  width: 400px;
  height: 80px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  font-size: 2.5em;
  color: #fd8d08;
}

.slide03ms-title2 {
  position: absolute;
  top: 280px;
  left: 350px;
  width: 1300px;
  height: 100px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  font-size: 3.8em;
  color: #fd8d08;
  text-align:center;
}

            
@media screen and (max-width:640px) {

  .slide01a {
    top: 380px;
  }

  .slide01b {
    top: 430px;
  }
  
  .slide04a {
    top: 380px;
  }

  .slide04b {
    top: 430px;
  }
  
}