a:link {color:#101010; text-decoration: none;}
a:visited {text-decoration: none; color:#101010;}
a:hover {text-decoration: none; color:#df0100;}
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{ -webkit-text-size-adjust:100%; font-family:'Open Sans',"微軟正黑體","Arial";}
.my-placeholder { color: #7c7878; }
hr{margin-top: 40px;margin-bottom: 40px;border: 0;border-top: 1px solid #d2d2d2;height: 0; display:block;}

.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%; }

.box{border:1px solid #e6e6e6; background:#ffffff; font-family:'Open Sans', sans-serif; font-size:13px; padding:8px; color:#575353; border-radius:5px;}
.b_previous{ display:inline-block; font-family:'Open Sans', sans-serif; font-size:12px; border:0px; background:#aaaaaa; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_previous:hover{ color:#ffffff; background:#202020;}
.b_y{ display:inline-block; font-family:'Open Sans', sans-serif; font-size:12px; border:0px; background:#ba984f; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_y:hover{ color:#ffffff; background:#d7b263;}
.category{border:1px solid #c1c1c1; font-size:15px; font-family:'Open Sans',"微軟正黑體","Arial"; padding:5px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}

.cfont { font-size:16px; line-height:2.0; overflow:hidden;}
.cfont table{ font-size:16px; line-height:2.0; border-collapse:collapse;}
.cfont th,td{padding:5px; border:1px solid #d2d2d2;}
.cfont ul{ padding-left:25px;}
.cfont ol{ padding-left:25px;}
.cfont img{  margin:5px 0;max-width:100%;}
.cfont iframe{ width:100%; margin:5px 0;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.manu {	padding: 0px; text-align:center;  font-size:14px; margin-top:20px; width:100%; overflow:hidden; position:relative}
.manu b{ margin: 5px 3px; padding: 7px 20px;display:inline-block;text-decoration:underline; font-weight:bold; color: #333;vertical-align:middle;}
.manu a {color: #656565; margin: 5px 3px; padding: 7px 20px;display:inline-block;vertical-align:middle;}
.manu a:hover {text-decoration:underline}
.manu a:active { color: #656565;  font-weight:normal}
.manu a.next,.manu a.previous{border:1px solid #cccccc; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(pie/PIE.htc); position:relative}
.manu span{margin: 5px 3px; padding: 7px 20px;display:inline-block; vertical-align:middle; color: #333;	}
.manu a.next:hover,.manu a.previous:hover{background:#333333; color:#ffffff; border-color:#333333; text-decoration:none}

/*===平版型區===*/
@media (min-width: 737px) and (max-width: 1249px) {
.b_previous{ display:inline-block; font-family: 'Open Sans', sans-serif; font-size:12px; border:0px; background:#aaaaaa; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_previous:hover{ color:#ffffff; background:#202020;}
.b_y{ display:inline-block; font-family:'Open Sans', sans-serif; font-size:12px; border:0px; background:#ba984f; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_y:hover{ color:#ffffff; background:#d7b263;}
.category{border:1px solid #c1c1c1; font-size:14px; padding:4px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}
.cfont { font-size:15px; line-height:1.8;}
.cfont table{ font-size:15px; line-height:1.8;}
.cfont ul{ padding-left:25px;}
.cfont ol{ padding-left:25px;}
.cfont img{ width:100%; margin:1% 0;}
.cfont iframe{ width:100%; margin:1% 0;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.manu {	font-size:14px; margin-top:3%; width:100%; overflow:hidden; position:relative}
.manu b{ margin:5px 2px; padding:6px 15px; display:inline-block; vertical-align:middle;}
.manu a { margin: 5px 2px; padding:6px 15px; display:inline-block; vertical-align:middle;}
.manu span{ margin:5px 2px; padding:6px 15px;	}
}

/*===手機版型區===*/
@media screen and (max-width: 736px) {
.b_previous{ display:inline-block; font-family: 'Open Sans', sans-serif; font-size:12px; border:0px; background:#aaaaaa; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_previous:hover{ color:#ffffff; background:#202020;}
.b_y{ display:inline-block; font-family:'Open Sans', sans-serif; font-size:12px; border:0px; background:#ba984f; color:#ffffff; cursor:pointer; padding:10px 20px;}
.b_y:hover{ color:#ffffff; background:#d7b263;}
.category{border:1px solid #c1c1c1; font-size:12px; padding:2px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}
.cfont { font-size:13px; line-height:1.5;}
.cfont table{ font-size:13px; line-height:1.5;}
.cfont ul{ padding-left:20px;}
.cfont ol{ padding-left:20px;}
.cfont img{ width:100%; margin:1% 0;}
.cfont iframe{ width:100%; margin:1% 0;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}

/*頁碼*/
.manu {	font-size:12px; margin-top:3%; width:100%; overflow:hidden; position:relative}
.manu b{ margin:5px 2px; padding:4px 6px; display:inline-block; vertical-align:middle;}
.manu a { margin: 5px 2px; padding:4px 6px; display:inline-block; vertical-align:middle;}
.manu span{ margin:5px 2px; padding:4px 4px;	}
}