/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
 
/* content */
.cpbox{float:left; width:100%; margin:50px 0 0 0; padding:0}
.cpauto{width:98%; margin:0; padding:0 1% 35px 1%}
.caseall{width:100%; padding:0;text-align:center; margin:0 auto 0 auto}
.caseall ul { margin:0; padding:0; list-style:none;} 
.caseall li {margin:0; padding:0;display: inline;text-align:center;background-image:url(../images/case_line.png); background-position: left; background-repeat:no-repeat} 
.caseall a {padding:2px 0px 2px 25px;font-size:16px;color: #000;text-decoration:none}
.caseall a:hover {color: #969286;text-decoration: none}
.whitea a {color: #969286; margin:0; padding:2px 0 2px 25px;text-decoration:none; font-weight:bold}
.whitea a:hover {color: #969286;text-decoration: none}

.mf{float:left; width:100%; margin:40px 0 40px 0}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
 
/* content */
.cpbox{float:left; width:100%; margin:100px 0 0 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.caseall{width:100%; padding:0;text-align:center; margin:0 auto 0 auto; }
.caseall ul { margin:0; padding:0; list-style:none;} 
.caseall li {margin:0; padding:0;display: inline;text-align:center;background-image:url(../images/case_line.png); background-position: left; background-repeat:no-repeat} 
.caseall a {padding:2px 20px 2px 40px;font-size:16px;color: #000;text-decoration:none}
.caseall a:hover {color: #969286;text-decoration: none}
.whitea a {color: #969286; margin:0; padding:2px 20px 2px 40px;text-decoration:none; font-weight:bold}
.whitea a:hover {color: #969286;text-decoration: none}

.mf{float:left; width:100%; margin:40px 0 40px 0}

}


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

/* content */
.cpbox{float:left; width:100%; margin:100px 0 0 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.caseall{width:100%; padding:0;text-align:center; margin:0 auto 0 auto; }
.caseall ul { margin:0; padding:0; list-style:none;} 
.caseall li {margin:0; padding:0;display: inline;text-align:center;background-image:url(../images/case_line.png); background-position: left; background-repeat:no-repeat} 
.caseall a {padding:2px 20px 2px 40px;font-size:16px;color: #000;text-decoration:none}
.caseall a:hover {color: #969286;text-decoration: none}
.whitea a {color: #969286; margin:0; padding:2px 20px 2px 40px;text-decoration:none; font-weight:bold}
.whitea a:hover {color: #969286;text-decoration: none}

.mf{float:left; width:100%; margin:40px 0 40px 0}

}  


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

/* content */
.cpbox{float:left; width:100%; margin:100px 0 0 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.caseall{width:100%; padding:0;text-align:center; margin:0 auto 0 auto; }
.caseall ul { margin:0; padding:0; list-style:none;} 
.caseall li {margin:0; padding:0;display: inline;text-align:center;background-image:url(../images/case_line.png); background-position: left; background-repeat:no-repeat} 
.caseall a {padding:2px 20px 2px 40px;font-size:16px;color: #000;text-decoration:none}
.caseall a:hover {color: #969286;text-decoration: none}
.whitea a {color: #969286; margin:0; padding:2px 20px 2px 40px;text-decoration:none; font-weight:bold}
.whitea a:hover {color: #969286;text-decoration: none}

.mf{float:left; width:100%; margin:40px 0 40px 0}

}


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

/* content */
.cpbox{float:left; width:100%; margin:120px 0 0 0; padding:0}
.cpauto{width:96%; margin:0; padding:0 2% 35px 2%}
.caseall{width:100%; padding:0;text-align:center; margin:0 auto 0 auto; }
.caseall ul { margin:0; padding:0; list-style:none;} 
.caseall li {margin:0; padding:0;display: inline;text-align:center;background-image:url(../images/case_line.png); background-position: left; background-repeat:no-repeat} 
.caseall a {padding:2px 20px 2px 40px;font-size:16px;color: #000;text-decoration:none}
.caseall a:hover {color: #969286;text-decoration: none}
.whitea a {color: #969286; margin:0; padding:2px 20px 2px 40px;text-decoration:none; font-weight:bold}
.whitea a:hover {color: #969286;text-decoration: none}

.mf{float:left; width:100%; margin:40px 0 40px 0}
 
}