/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:92%; margin:20px auto 50px auto; padding:0;}

.hotf{float:left;width:100%; margin:30px 0 0 0; padding:0; }
.mnLk{float:left; width:100%; color: #333333;}
  .mnLk a{float:left; width:100%; padding:0; border-bottom:2px solid #c8c5bc;text-decoration:none;}
  .mnLk a:hover {border-bottom:2px solid #969286;text-decoration: underline;} 
  .mnLk a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
  .mnLk a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6; }
  
.adhotwf{float:left;width:100%;}
.madp{float:left;width:100%; margin:0; padding:0; text-align:center; background-color:#000}
  .madp img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mnpdT{float:left;width:96%; height:105px;padding:0 2%; margin:15px 0 15px 0; font-size:15px;}
.mnpdTh2{ margin-bottom:10px; padding:0;font-size:18px; font-weight:bold;color: #111; line-height:26px}
.mnpdTst{font-size:14px; color: #333333;}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:94%; margin:40px auto 60px auto; padding:0;}

.hotf{float:left;width:47%; margin:30px 1.5% 0 1.5%; padding:0; }
.mnLk{float:left; width:100%; color: #333333;}
  .mnLk a{float:left; width:100%; padding:0; border-bottom:2px solid #c8c5bc;text-decoration:none;}
  .mnLk a:hover {border-bottom:2px solid #969286;text-decoration: underline;} 
  .mnLk a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
  .mnLk a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6; }
  
.adhotwf{float:left;width:100%;}
.madp{float:left;width:100%; margin:0; padding:0; text-align:center; background-color:#000}
  .madp img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mnpdT{float:left;width:96%; height:105px;padding:0 2%; margin:15px 0 15px 0; font-size:15px;}
.mnpdTh2{ margin-bottom:10px; padding:0;font-size:18px; font-weight:bold;color: #111; line-height:26px}
.mnpdTst{font-size:14px; color: #333333;}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:94%; margin:60px auto 80px auto; padding:0;}

.hotf{float:left;width:47%; margin:30px 1.5% 0 1.5%; padding:0; }
.mnLk{float:left; width:100%; color: #333333;}
  .mnLk a{float:left; width:100%; padding:0; border-bottom:2px solid #c8c5bc;text-decoration:none;}
  .mnLk a:hover {border-bottom:2px solid #969286;text-decoration: underline;} 
  .mnLk a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
  .mnLk a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6; }
  
.adhotwf{float:left;width:100%;}
.madp{float:left;width:100%; margin:0; padding:0; text-align:center; background-color:#000}
  .madp img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mnpdT{float:left;width:96%; height:105px;padding:0 2%; margin:15px 0 15px 0; font-size:15px;}
.mnpdTh2{ margin-bottom:10px; padding:0;font-size:18px; font-weight:bold;color: #111; line-height:26px}
.mnpdTst{font-size:14px; color: #333333;}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:90%; margin:100px auto 130px auto; padding:0;}

.hotf{float:left;width:31.3333333333%; margin:30px 1% 0 1%; padding:0; }
.mnLk{float:left; width:100%; color: #333333;}
  .mnLk a{float:left; width:100%; padding:0; border-bottom:2px solid #c8c5bc;text-decoration:none;}
  .mnLk a:hover {border-bottom:2px solid #969286;text-decoration: underline;} 
  .mnLk a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
  .mnLk a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6; }
  
.adhotwf{float:left;width:100%;}
.madp{float:left;width:100%; margin:0; padding:0; text-align:center; background-color:#000}
.mnpdT{float:left;width:96%; height:105px;padding:0 2%; margin:15px 0 15px 0; font-size:15px;}
.mnpdTh2{ margin-bottom:10px; padding:0;font-size:18px; font-weight:bold;color: #111; line-height:26px}
.mnpdTst{font-size:14px; color: #333333;}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0}
.ctwf{max-width:1170px; margin:110px auto 130px auto; padding:0;}
.hotf{float:left;width:370px; margin:30px 10px 0 10px; padding:0; }
.mnLk{float:left; width:370px; color: #333333;}
  .mnLk a{float:left; width:370px; padding:0; border-bottom:2px solid #c8c5bc;text-decoration:none;}
  .mnLk a:hover {border-bottom:2px solid #969286;text-decoration: underline;} 
  .mnLk a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
  .mnLk a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6; }
  
.adhotwf{float:left;width:100%;}
.madp{float:left;width:100%; margin:0; padding:0; text-align:center; background-color:#000}
.mnpdT{float:left;width:96%; height:105px;padding:0 2%; margin:15px 0 15px 0; font-size:15px;}
.mnpdTh2{ margin-bottom:10px; padding:0;font-size:18px; font-weight:bold;color: #111; line-height:26px}
.mnpdTst{font-size:14px; color: #333333;}


}