/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#e3e2e0}
.ctwf{max-width:92%; margin:60px auto 40px auto; padding:0;}
.mnmtitle{float:left;width:100%; margin:0; padding:0;text-align:center}
  .mnmtitle h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .mnmtitle h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .mnmtitle p{color:#111; font-size:16px; line-height:32px}
  
.cpimgs{float:left;width:100%; height:auto;margin:0 0 30px 0; padding:0; text-align:center}
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.cpbox{float:left; width:100%; margin:0; padding:0}
.cpauto{width:100%; margin:0; padding:0 0 35px 0}
.cpbtnwf{float:left;width:100%; margin:25px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 auto;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#e3e2e0;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
.mntitle2{float:left;width:100%; margin:40px 0 0 0; padding:0; text-align:center; font-size:22px;font-weight:bold;letter-spacing:7pt}
.colti{ height:20px;color:#111; font-size:16px; line-height:20px; margin:10px 0 0 0; padding:0;text-align:center
}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#e3e2e0}
.ctwf{max-width:96%; margin:70px auto 60px auto; padding:0;}
.mnmtitle{float:left;width:47%; margin:0 0 0 3%; padding:0;text-align:left}
  .mnmtitle h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .mnmtitle h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .mnmtitle p{color:#111; font-size:16px; line-height:32px}
  
.cpimgs{float:left;width:47%; height:auto;margin:0 3% 0 0; padding:0; text-align:center}
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.cpbox{float:left; width:100%; margin:0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.cpbtnwf{float:left;width:100%; margin:25px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 0;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#e3e2e0;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
.mntitle2{float:left;width:100%; margin:40px 0 0 0; padding:0; text-align:center; font-size:22px;font-weight:bold;letter-spacing:7pt}
.colti{ height:20px;color:#111; font-size:16px; line-height:20px; margin:10px 0 0 0; padding:0;text-align:center	
}
}
/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#e3e2e0}
.ctwf{max-width:90%; margin:80px auto 70px auto; padding:0;}
.mnmtitle{float:left;width:47%; margin:0 0 0 3%; padding:0;text-align:left}
  .mnmtitle h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .mnmtitle h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .mnmtitle p{color:#111; font-size:16px; line-height:32px}
  
.cpimgs{float:left;width:47%; height:auto;margin:0 3% 0 0; padding:0; text-align:center}
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.cpbox{float:left; width:100%; margin:0 0 70px 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.cpbtnwf{float:left;width:100%; margin:25px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 0;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#e3e2e0;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
.mntitle2{float:left;width:100%; margin:70px 0 0 0; padding:0; text-align:center; font-size:22px;font-weight:bold;letter-spacing:7pt}

.colti{ height:20px;color:#111; font-size:16px; line-height:20px; margin:10px 0 0 0; padding:0;text-align:center
}
}
/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#e3e2e0}
.ctwf{max-width:90%; margin:80px auto 90px auto; padding:0;}
.mnmtitle{float:left;width:47%; margin:0 0 0 3%; padding:0;text-align:left}
  .mnmtitle h2{font-size:22px; color:#111; letter-spacing:2pt; margin-bottom:30px}
  .mnmtitle h3{font-size:18px; color:#111; line-height:30px;letter-spacing:2pt; font-weight:400}
  .mnmtitle p{color:#111; font-size:16px; line-height:32px}
  
.cpimgs{float:left;width:47%; height:auto;margin:0 3% 0 0; padding:0; text-align:center}
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.cpbox{float:left; width:100%; margin:0 0 50px 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.cpbtnwf{float:left;width:100%; margin:25px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 0;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#e3e2e0;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
.mntitle2{float:left;width:100%; margin:70px 0 0 0; padding:0; text-align:center; font-size:22px;font-weight:bold;letter-spacing:7pt}

.colti{ height:20px;color:#111; font-size:16px; line-height:20px; margin:10px 0 0 0; padding:0;text-align:center
}

}

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


/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#e3e2e0}
.ctwf{max-width:1280px; margin:110px auto 90px auto; padding:0;}
.mnmtitle{float:left;width:47%; margin:0 0 0 3%; padding:0; text-align:left}
  .mnmtitle h2{font-size:32px; color:#111; letter-spacing:2pt; margin-bottom:40px}
  .mnmtitle h3{font-size:18px; color:#111; line-height:30px;margin-bottom:20px;letter-spacing:2pt; font-weight:400}
  .mnmtitle p{color:#111; font-size:16px; line-height:36px}
  
.cpimgs{float:left;width:47%; height:auto;margin:0 3% 0 0; padding:0; text-align:center}
.cpimgs img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.cpbox{float:left; width:100%; margin:0 0 50px; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.cpbtnwf{float:left;width:100%; margin:25px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 0;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#e3e2e0;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
.mntitle2{float:left;width:100%; margin:70px 0 0 0; padding:0; text-align:center; font-size:32px; font-weight:bold; letter-spacing:7pt}

.colti{ height:20px;color:#111; font-size:16px; line-height:20px; margin:10px 0 0 0; padding:0;text-align:center}

}