body, html {height: 100%;margin: 0;padding: 0;}
img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.parallax_bg {overflow: hidden;position: relative;height: 41%;}
.parallax {position: relative;margin-top:25px;}
.main-title{position:absolute;z-index:3;width:80%;top:50%; padding-left:10%; padding-right:10%;color:#fff;}
.main-title h3{font-size:32px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:26px; letter-spacing:2px}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.parallax_bg {overflow: hidden;position: relative;height: 100%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.parallax_bg {overflow: hidden;position: relative;height: 45%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.parallax_bg {overflow: hidden;position: relative;height: 75%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.parallax_bg {overflow: hidden;position: relative;height: 69%;}
.parallax {position: relative;margin-top:-270px;}
.main-title{position:absolute;z-index:3;width:350px;top:65%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.about-content{width:92%; margin:30px 4% 40px 4%; padding:0;}
.about-tx{width:94%; margin:0 3% 30px 3%; padding:0; text-align:center}
  .about-tx h2{font-size:26px; color:#111; margin-bottom:15px; color:#000;letter-spacing:2pt;}
  .about-tx p{color:#444; font-size:17px; line-height:32px}
.m-row{max-width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:100%; padding:0; margin:0; line-height:28px}
  .m-tx h2{font-size:26px; color:#000; margin-bottom:20px;}
  .m-tx p{color:#444; font-size:17px; line-height:32px; margin:0 0 20px 0}
.m-pic{ float:left;width:100%; padding:0; margin:10px 0 0 0}
.m-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}

/* team */
.teambox{float:left;width:100%; margin:0; padding:40px 0 10px 0; background-color:#fff}
.cpauto{width:92%; margin:0 auto; padding:0;}
.team-title{float:left;width:100%; margin:0 0 30px 0; padding:0;text-align:center;}
  .team-title h3{font-size:26px; color:#000;}
.director{float:left;width:100%; margin:0 0 30px 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.team-b{float:left;width:100%; margin:0; padding:0;}
.f-tx{float:left;width:100%; padding:0; margin:25px 0 0 0}
  .f-tx h3{color:#111; margin-bottom:15px; font-weight:700}
  .f-tx p{color:#333; line-height:26px; font-size:16px}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:26px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:17px; margin:0; font-weight:400;}
  .cpT p{font-size:17px; line-height:26px;margin:25px 0 0 0}
.s-tx{font-size:18px; color:#555}
.team-item{float:left;width:100%; margin:0 0 40px 0; padding:0;}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
 
/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.about-content{max-width:94%; margin:60px 3% 50px 3%; padding:0;}
.about-tx{width:90%; margin:0 5% 50px 5%; padding:0; text-align:center}
  .about-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .about-tx p{color:#333; font-size:17px; line-height:32px}
.m-row{max-width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:100%; padding:0; margin:0; line-height:28px}
  .m-tx h2{font-size:30px; color:#000; margin-bottom:30px;}
  .m-tx p{color:#444; font-size:17px; line-height:32px; margin:0 0 30px 0}
.m-pic{ float:left;width:100%; padding:0; margin:0}
.m-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}

/* team */
.teambox{float:left;width:100%; margin:0; padding:50px 0 10px 0; background-color:#fff}
.cpauto{width:92%; margin:0 auto; padding:0;}
.team-title{float:left;width:100%; margin:0 0 70px 0; padding:0;text-align:center;}
  .team-title h3{font-size:30px; color:#000;}
.director{float:left;width:45%; margin:0 6% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.team-b{float:left;width:49%; margin:0; padding:0;}
.f-tx{float:left;width:100%; padding:0; margin:30px 0 0 0}
  .f-tx h3{color:#111; margin-bottom:15px; font-weight:700}
  .f-tx p{color:#333; line-height:26px; font-size:16px}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:26px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:17px; margin:0; font-weight:400;}
  .cpT p{font-size:17px; line-height:26px;margin:30px 0 0 0}
.s-tx{font-size:18px; color:#555}
.team-item{float:left;width:100%; margin:0 0 70px 0; padding:0;}
}


/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.about-content{max-width:90%; margin:40px 5% 70px 5%; padding:0;}
.about-tx{width:92%; margin:0 5% 60px 5%; padding:0; text-align:center}
  .about-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .about-tx p{color:#333; font-size:17px; line-height:32px}
.m-row{max-width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:100%; padding:0; margin:0; line-height:28px}
  .m-tx h2{font-size:30px; color:#000; margin-bottom:50px;}
  .m-tx p{color:#444; font-size:17px; line-height:32px; margin:0 0 30px 0}
.m-pic{ float:left;width:100%; padding:0; margin:0}
.m-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}

/* team */
.teambox{float:left;width:100%; margin:0; padding:80px 0 20px 0; background-color:#fff}
.cpauto{width:92%; margin:0 auto; padding:0;}
.team-title{float:left;width:100%; margin:0 0 70px 0; padding:0;text-align:center;}
  .team-title h3{font-size:30px; color:#000;}
.director{float:left;width:45%; margin:0 6% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.team-b{float:left;width:49%; margin:0; padding:0;}
.f-tx{float:left;width:100%; padding:0; margin:30px 0 0 0}
  .f-tx h3{color:#111; margin-bottom:15px; font-weight:700}
  .f-tx p{color:#333; line-height:26px; font-size:16px}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:26px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:17px; margin:0; font-weight:400;}
  .cpT p{font-size:17px; line-height:26px;margin:30px 0 0 0}
.s-tx{font-size:18px; color:#555}
.team-item{float:left;width:100%; margin:0 0 70px 0; padding:0;}
}  


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.about-content{max-width:90%; margin:80px auto 90px auto; padding:0;}
.m-row{max-width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:40%; padding:0; margin:30px 5% 0 0; line-height:28px}
  .m-tx h2{font-size:30px; color:#000; margin-bottom:50px;}
  .m-tx p{color:#444; font-size:17px; line-height:32px; margin:0 0 30px 0}
.m-pic{ float:left;width:55%; padding:0; margin:0}
.m-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

/* team */
.teambox{float:left;width:100%; margin:0; padding:80px 0 40px 0; background-color:#fff}
.cpauto{width:90%; margin:0 auto; padding:0;}
.team-title{float:left;width:100%; margin:0 0 70px 0; padding:0;text-align:center;}
  .team-title h3{font-size:30px; color:#000;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.team-b{float:left;width:44%; margin:0; padding:0;}
.f-tx{float:left;width:100%; padding:0; margin:30px 0 0 0}
  .f-tx h3{color:#111; margin-bottom:15px; font-weight:700}
  .f-tx p{color:#333; line-height:26px; font-size:16px}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:26px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:17px; margin:0; font-weight:400;}
  .cpT p{font-size:17px; line-height:26px;margin:30px 0 0 0}
.s-tx{font-size:18px; color:#555}
.team-item{float:left;width:100%; margin:0 0 70px 0; padding:0;}
}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {

/* content */
.about-wrapper{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.about-content{max-width:1280px; margin:110px auto 100px auto; padding:0}
.m-row{max-width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:35%; padding:0; margin:30px 5% 0 0; line-height:28px}
  .m-tx h2{font-size:30px; color:#000; margin-bottom:50px;}
  .m-tx p{color:#444; font-size:17px; line-height:32px; margin:0 0 30px 0}
.m-pic{ float:left;width:60%; padding:0; margin:0}
.m-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

/* team */
.teambox{float:left;width:100%; margin:0; padding:80px 0 40px 0; background-color:#fff}
.cpauto{width:1280px; margin:0 auto; padding:0;}
.team-title{float:left;width:100%; margin:0 0 70px 0; padding:0;text-align:center;}
  .team-title h3{font-size:30px; color:#000;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.team-b{float:left;width:44%; margin:0; padding:0;}
.f-tx{float:left;width:100%; padding:0; margin:30px 0 0 0}
  .f-tx h3{color:#111; margin-bottom:15px; font-weight:700}
  .f-tx p{color:#333; line-height:26px; font-size:16px}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:26px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:17px; margin:0; font-weight:400;}
  .cpT p{font-size:17px; line-height:26px; margin:30px 0 0 0}
.s-tx{font-size:18px; color:#555}
.team-item{float:left;width:100%; margin:0 0 70px 0; padding:0;}
}