/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
/*中段*/
.row{float:left;width:100%; margin:0; padding:0}
.medium-content{width:92%; margin:0px auto; padding:20px 0 30px 0}
.main-title{float:left; width:100%; margin:0; padding:0;}
  .main-title h1{font-size:26px; text-align:center;font-weight:500;letter-spacing:3px} 
.about-contact{float:left; width:100%; margin:0; padding:0;}
  .about-contact ul{list-style-type:none; padding: 0;margin: 0;}
  .about-contact li{margin:0 0 1.2em 0; padding:0; line-height:32px}
.about-pic{ float:left; width:100%; margin:10px 0 10px 0; padding:0; }
.about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.pic-a{float:left;width:100%; height:auto;margin:0 0 0 0; padding:0; }
.pic-b{float:left;width:100%; height:auto;margin:0 0 0 0; padding:0; }
.b-tx{ font-size:20px; color:#900;}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/*中段*/
.row{float:left;width:100%; margin:0; padding:0}
.medium-content{width:94%; margin:0px auto; padding:30px 0 30px 0}
.main-title{float:left; width:100%; margin:0 0 10px 0; padding:0;}
 .main-title h1{font-size:30px; text-align:center;font-weight:500;letter-spacing:3px}
.about-contact{float:left; width:100%; margin:0; padding:0;}
  .about-contact ul{list-style-type:none; padding: 0;margin: 0;}
  .about-contact li{margin:0 0 1.5em 0; padding:0; line-height:32px}
.about-pic{ float:left; width:100%; margin:20px 0 30px 0; padding:0; }
.about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.pic-a{float:left;width:49.5%; height:auto;margin:0 0.5% 0 0; padding:0; }
.pic-b{float:left;width:49.5%; height:auto;margin:0 0 0 0.5%; padding:0; }
.b-tx{ font-size:20px; color:#900;}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/*中段*/
.row{float:left;width:100%; margin:0; padding:0}
.medium-content{width:94%; margin:0px auto; padding:40px 0 80px 0}
.main-title{float:left; width:100%; margin:0 0 20px 0; padding:0;}
 .main-title h1{font-size:32px; text-align:center;font-weight:500;letter-spacing:3px}  
.about-contact{float:left; width:100%; margin:0; padding:0;}
  .about-contact ul{list-style-type:none; padding: 0;margin: 0;}
  .about-contact li{margin:0 0 1.5em 0; padding:0; line-height:32px}
.about-pic{ float:left; width:100%; margin:20px 0 30px 0; padding:0; }
.about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.pic-a{float:left;width:49.5%; height:auto;margin:0 0.5% 0 0; padding:0; }
.pic-b{float:left;width:49.5%; height:auto;margin:0 0 0 0.5%; padding:0; }
.b-tx{ font-size:22px; color:#900;}

}


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/*中段*/
.row{float:left;width:100%; margin:0; padding:0}
.medium-content{width:90%; margin:0px auto; padding:50px 0 80px 0}
.main-title{float:left; width:100%; margin:0 0 20px 0; padding:0;}
 .main-title h1{font-size:32px; text-align:center; font-weight:500; letter-spacing:3px}
.about-contact{float:left; width:100%; margin:0; padding:0;}
  .about-contact ul{list-style-type:none; padding: 0;margin: 0;}
  .about-contact li{margin:0 0 1.5em 0; padding:0; line-height:32px}
.about-pic{ float:left; width:100%; margin:20px 0 30px 0; padding:0; }
.about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.pic-a{float:left;width:49.5%; height:auto;margin:0 0.5% 0 0; padding:0; }
.pic-b{float:left;width:49.5%; height:auto;margin:0 0 0 0.5%; padding:0; }
.b-tx{ font-size:22px; color:#900;}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
	  
/*中段*/
.row{float:left;width:100%; margin:0; padding:0}
.medium-content{width:1150px; margin:0px auto; padding:70px 0 100px 0}
.main-title{float:left; width:100%; margin:0 0 20px 0; padding:0;}
 .main-title h1{font-size:32px; text-align:center; font-weight:700; letter-spacing:3px}
.about-contact{float:left; width:100%; margin:0; padding:0;}
  .about-contact ul{list-style-type:none; padding: 0;margin: 0;}
  .about-contact li{margin:0 0 1.5em 0; padding:0; line-height:32px}
.about-pic{ float:left; width:100%; margin:20px 0 30px 0; padding:0; }
.about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.pic-a{float:left;width:49.5%; height:auto;margin:0 0.5% 0 0; padding:0; }
.pic-b{float:left;width:49.5%; height:auto;margin:0 0 0 0.5%; padding:0; }
.b-tx{ font-size:22px; color:#900;}
}