a:link {color:#232323; text-decoration: none;}
a:visited {text-decoration: none; color:#232323;}
a:hover {text-decoration: none; color:#009fa8;}
a:active {text-decoration: none;}

a{ outline: none;/*for Firefox Google Chrome*/ behavior:expression(this.onFocus=this.blur());/*for IE*/
transition-property:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari and Chrome */
-o-transition:all 0.3s; /* Opera */}
img{ border:0px;}
*{ margin:0px; padding:0px; -webkit-box-sizing:border-box; box-sizing:border-box;}
html,body{position: relative; background:#ffffff; -webkit-text-size-adjust:100%; font-family:'Open Sans',"微軟正黑體","Arial"}
.my-placeholder { color: #3c3939; }
input:focus{outline:none}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.b_previous{ width:100%; overflow:hidden; margin-top:40px; text-align:center;}
.b_previous a{ display:inline-block; font-size:13px; border:0px; background:#444444; border-bottom:3px solid #282828; color:#ffffff; cursor:pointer; padding:8px 20px; border-radius:5px; behavior:url(css/PIE.htc);}
.b_previous a:hover{ color:#ffffff; background:#707070; border-bottom:3px solid #535353;}
.category{border:1px solid #c1c1c1; font-size:16px; padding:2px; border-radius:5px; behavior:url(css/PIE.htc);}
.category option{ padding:3px 10px 3px 5px;}
.box{ width:90%; padding:4px 6px; border-radius:5px; behavior:url(css/PIE.htc); border:1px solid #bfbfbf; font-size:16px; line-height:1.7; font-family:'Open Sans',"微軟正黑體","Arial"}
.box2{ width:50%; padding:4px 6px; border-radius:5px; behavior:url(css/PIE.htc); border:1px solid #bfbfbf; font-size:16px; line-height:1.7; font-family:'Open Sans',"微軟正黑體","Arial"}
.cbtn{ padding:4px 6px; border-radius:5px; behavior:url(css/PIE.htc); border:1px solid #bfbfbf; background:#dbdbdb; font-size:15px; font-family:'Open Sans',"微軟正黑體","Arial"; cursor:pointer;}

.cfont { font-size:17px; line-height:2.0;}
.cfont table{ font-size:17px; line-height:2.0; border-collapse:collapse}
.cfont td{padding:5px; border:1px solid #c7c7c7;}
.cfont ul{ padding-left:35px;}
.cfont ol{ padding-left:35px;}
.cfont img{ width:100%;}
.cfont iframe{ width:100%; margin:0;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.recordset{display:flex; justify-content:center; list-style:none; padding:20px 0; font-size:13px; margin-top:20px;}
.recordset li{ margin:0 3px;}
.recordset li a{ padding:5px 10px; color:#444444; background:rgba(0,0,0,0.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(css/PIE.htc);}
.recordset li a:hover { COLOR: #ffffff; background:rgba(0,0,0,0.5);}
.recordset li.active a { padding:5px 10px; COLOR:#ffffff; background:#009fa8;}

@media (min-width:999px) and (max-width:1600px) {
.cfont img{ width:100%;}
}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 998px) {
.b_previous{ margin-top:30px;}
.b_previous a{ display:inline-block; font-size:13px; padding:8px 16px; }
.category{border:1px solid #c1c1c1; font-size:13px; padding:4px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}
.box{ width:100%; padding:4px 6px; font-size:15px;}
.box2{ padding:4px 6px; font-size:15px;}
.cbtn{ padding:4px 6px; font-size:15px;}

.cfont { font-size:16px; line-height:1.7;}
.cfont table{ font-size:16px; line-height:1.7;}
.cfont ul{ padding-left:30px;}
.cfont ol{ padding-left:30px;}
.cfont img{ width:100%;}
.cfont iframe{ width:100%;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.recordset{display:flex; justify-content:center; padding:20px 0; font-size:13px; margin-top:15px;}
.recordset li{ margin:0 3px;}
.recordset li a{ padding:5px 10px;}
.recordset li.active a { padding:5px 10px;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
.b_previous{ margin-top:8%;}
.b_previous a{ display:inline-block; font-size:12px; padding:6px 14px; }
.category{border:1px solid #c1c1c1; font-size:12px; padding:2px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}
.box{ width:100%; padding:3px 5px; font-size:14px;}
.box2{ padding:3px 5px; font-size:14px;}
.cbtn{ padding:3px 5px; font-size:14px;}

.cfont { font-size:15px; line-height:1.7;}
.cfont table{ font-size:15px; line-height:1.7;}
.cfont ul{ padding-left:25px;}
.cfont ol{ padding-left:25px;}
.cfont img{ width:100%;}
.cfont iframe{ width:100%;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.pagenation{ text-align:center;} 
.recordset{display:inline-block; padding:15px 0; font-size:12px; margin-top:2%;}
.recordset li{ display:inline-block; margin:3px; vertical-align:top;}
.recordset li a{ display:inline-block; padding:3px 8px;}
.recordset li.active a { padding:3px 8px;}
}