
@media only screen and (max-width: 480px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:90%; margin:30px auto 10px auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0 0 20px 0; text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:100%; margin:0 0 10px 0; padding:0;font-size:17px;line-height:30px}
  .sidebar_a h2{margin:0 0 10px 0; padding:0;}
  .sidebar_a h3{margin:0 0 20px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:0 0 0 0; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:100%; margin:0; padding:0;font-size:17px;line-height:30px}
  .sidebar_b h3{margin:0 0 20px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 15px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 20px 0; padding:0;font-size:17px;line-height:30px}

.about-link{float:left; width:100%; padding:0; margin:0;}
.about-item{float:left;width:100%; margin:0 0 25px 0; padding:0 0 10px 0;text-align:center; border-bottom:1px solid #ccc;position: static;}
.itempic{width:16%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:72%; margin:0; line-height:1.8em;position: static;text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 10px 0; padding:0; font-size:20px}
  .itemtx h3{margin:0; padding:0; color:#004a9a; }
  .itemtx p{ margin:0 0 8px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 20px 0; font-size:20px}
  
}

@media only screen and (min-width: 481px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:90%; margin:50px auto 10px auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0; text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:48%; margin:0 4% 0 0; padding:0;font-size:16px;line-height:32px}
  .sidebar_a h2{margin:0 0 10px 0; padding:0;}
  .sidebar_a h3{margin:0 0 65px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:0 0 0 0; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:48%; margin:0; padding:0;font-size:16px;line-height:32px}
  .sidebar_b h3{margin:50px 0 40px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 30px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 30px 0; padding:0;font-size:16px;line-height:32px}

.about-link{float:left; width:100%; padding:0; margin:30px 0 0 0;}
.about-item{float:left;width:100%; margin:0 0 60px 0; padding:0 0 30px 0;text-align:center; border-bottom:1px solid #ccc;position: relative;}
.itempic{width:16%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:72%; margin:0; line-height:1.8em;position: absolute;top:40%;left:24%;transform: translate(0, -50%);text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 20px 0; padding:0; font-size:22px}
  .itemtx h3{margin:0; padding:0; color:#004a9a}
  .itemtx p{ margin:0 0 15px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 40px 0; font-size:20px}
}

@media only screen and (min-width: 768px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:90%; margin:50px auto 0 auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0;text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:48%; margin:0 4% 0 0; padding:0;font-size:16px;line-height:32px}
  .sidebar_a h2{margin:0 0 10px 0; padding:0;}
  .sidebar_a h3{margin:0 0 65px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:0 0 0 0; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:48%; margin:0; padding:0;font-size:16px;line-height:32px}
  .sidebar_b h3{margin:50px 0 40px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 30px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 30px 0; padding:0;font-size:16px;line-height:32px}

.about-link{float:left; width:100%; padding:0; margin:40px 0 0 0;}
.about-item{float:left;width:100%; margin:0 0 60px 0; padding:0 0 30px 0;text-align:center; border-bottom:1px solid #ccc;position: relative;}
.itempic{float:left;width:16%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:72%; margin:0; line-height:1.8em;position: absolute;top:40%;left:24%;transform: translate(0, -50%);text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 20px 0; padding:0; font-size:22px}
  .itemtx h3{margin:0; padding:0; color:#004a9a}
  .itemtx p{ margin:0 0 15px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 40px 0; font-size:20px}
}

@media only screen and (min-width: 981px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:90%; margin:60px auto 10px auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0; text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:48%; margin:0 4% 0 0; padding:0;font-size:16px;line-height:32px}
  .sidebar_a h2{margin:0 0 30px 0; padding:0;}
  .sidebar_a h3{margin:0 0 110px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:0 0 0 0; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:48%; margin:0; padding:0;font-size:16px;line-height:32px}
  .sidebar_b h3{margin:60px 0 50px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 40px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 40px 0; padding:0;font-size:16px;line-height:32px}

.about-link{float:left; width:100%; padding:0; margin:40px 0 0 0;}
.about-item{float:left;width:100%; margin:0 0 60px 0; padding:0 0 30px 0;text-align:center; border-bottom:1px solid #ccc;position: relative;}
.itempic{width:16%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:72%; margin:0; line-height:1.8em;position: absolute;top:40%;left:24%;transform: translate(0, -50%);text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 20px 0; padding:0; font-size:22px}
  .itemtx h3{margin:0; padding:0; color:#004a9a}
  .itemtx p{ margin:0 0 15px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 40px 0; font-size:20px}
}



@media only screen and (min-width: 1281px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:90%; margin:80px auto 20px auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0; text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:48%; margin:0 4% 0 0; padding:0;font-size:16px;line-height:32px}
  .sidebar_a h2{margin:0 0 30px 0; padding:0;}
  .sidebar_a h3{margin:0 0 110px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:48%; margin:0; padding:0;font-size:16px;line-height:32px}
  .sidebar_b h3{margin:60px 0 50px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 50px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 60px 0; padding:0;font-size:16px;line-height:32px}

.about-link{float:left; width:98%; padding:0; margin:50px 1% 0 1%;}
.about-item{float:left;width:100%; margin:0 0 70px 0; padding:0 0 30px 0;text-align:center; border-bottom:1px solid #ccc;position: relative;}
.itempic{width:14%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:78%; margin:0; line-height:1.8em;position: absolute;top:40%;left:22%;transform: translate(0, -50%);text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 20px 0; padding:0; font-size:22px}
  .itemtx h3{margin:0; padding:0; color:#004a9a}
  .itemtx p{ margin:0 0 15px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 40px 0; font-size:20px}
}

@media only screen and (min-width: 1601px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;}
.about-content{width:1200px; margin:100px auto 40px auto;}
.aboutpic{float:left; width:100%; padding:0; margin:0; text-align:center}
.aboutpic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_a{float:left;width:48%; margin:0 4% 0 0; padding:0;font-size:16px;line-height:32px}
  .sidebar_a h2{margin:0 0 30px 0; padding:0;}
  .sidebar_a h3{margin:0 0 110px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_a p{ margin:0; padding:0;}
  .sidebar_a img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.sidebar_b{float:left;width:48%; margin:0; padding:0;font-size:16px;line-height:32px}
  .sidebar_b h3{margin:60px 0 50px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}
  .sidebar_b p{ margin:0; padding:0;}
  .sidebar_b img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.company_a{float:left;width:100%; margin:0 0 50px 0; padding:0;}
.company_b{float:left;width:100%; margin:0; padding:0;}
.company_tx{float:left;width:100%; margin:0 0 60px 0; padding:0;font-size:16px;line-height:32px}

.about-link{float:left; width:100%; padding:0; margin:70px 0 0 0;}
.about-item{float:left;width:100%; margin:0 0 80px 0; padding:0 0 30px 0;text-align:center; border-bottom:1px solid #ccc;position: relative;}
.itempic{width:14%; margin:0 8% 0 0;}
.itempic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.itemtx{float:left;width:78%; margin:0; line-height:1.8em;position: absolute;top:40%;left:22%;transform: translate(0, -50%);text-align:justify;text-justify:inter-ideograph;}
  .itemtx h2{margin:0 0 20px 0; padding:0; font-size:22px}
  .itemtx h3{margin:0; padding:0; color:#004a9a}
  .itemtx p{ margin:0 0 15px 0; padding:0;}
.about-linktitle{float:left; width:100%; padding:0; margin:0 0 40px 0; font-size:20px}

}
