/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:92%; margin:70px auto; padding:0;}
.cpT{float:left;width:100%; margin:0; padding:0}
  .cpT h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .cpT h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .cpT p{color:#111; font-size:16px; line-height:32px}
  
.cpL{float:left;width:100%; margin:0 0 30px 0; padding:0}
.cpR{float:left;width:100%; margin:0; padding:0}
.cnTt{float:left;width:100%; font-weight:bold;}

.cpimgs{float:left;width:100%; height:auto;margin:0; padding:0; }
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:94%; margin:70px auto; padding:0;}
.cpT{float:left;width:100%; margin:0; padding:0}
  .cpT h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .cpT h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .cpT p{color:#111; font-size:16px; line-height:32px}
  
.cpL{float:left;width:40%; margin:0 8% 0 0; padding:0}
.cpR{float:left;width:52%; margin:0; padding:0}
.cnTt{float:left;width:100%; font-weight:bold;}

.cpimgs{float:left;width:100%; height:auto;margin:0; padding:0; }
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

	
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:90%; margin:80px auto 80px auto; padding:0;}
.cpT{float:left;width:100%; margin:0; padding:0}
  .cpT h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .cpT h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .cpT p{color:#111; font-size:16px; line-height:32px}
  
.cpL{float:left;width:40%; margin:0 8% 0 0; padding:0}
.cpR{float:left;width:52%; margin:0; padding:0}
.cnTt{float:left;width:100%; font-weight:bold;}

.cpimgs{float:left;width:100%; height:auto;margin:0; padding:0; }
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:90%; margin:130px auto 130px auto; padding:0;}
.cpT{float:left;width:100%; margin:30px 0; padding:0}
  .cpT h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .cpT h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .cpT p{color:#111; font-size:16px; line-height:32px}
  
.cpL{float:left;width:40%; margin:0 8% 0 0; padding:0}
.cpR{float:left;width:52%; margin:50px 0 0 0; padding:0}
.cnTt{float:left;width:100%; font-weight:bold;}

.cpimgs{float:left;width:100%; height:auto;margin:0; padding:0; }
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 


}



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


/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:1280px; margin:130px auto 130px auto; padding:0;}
.cpT{float:left;width:98%; margin:30px 1%; padding:0}
  .cpT h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .cpT h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .cpT p{color:#111; font-size:16px; line-height:32px}
  
.cpL{float:left;width:40%; margin:0 8% 0 0; padding:0}
.cpR{float:left;width:52%; margin:50px 0 0 0; padding:0}
.cnTt{float:left;width:100%; font-weight:bold;}

.cpimgs{float:left;width:100%; height:auto;margin:0; padding:0; }
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 


}