﻿a:link {color:#ffffff; text-decoration: none;}
a:visited {text-decoration: none; color:#ffffff;}
a:hover {text-decoration: none; color:#fed945;}
a:active {text-decoration: none;}

html,body{ margin: 0; padding: 0; -webkit-text-size-adjust:100%; font-family:'Open Sans',"微軟正黑體","Arial";/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#140303+0,881b20+100 */
background: #140303; /* Old browsers */
background: -moz-linear-gradient(left,  #140303 0%, #881b20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #140303 0%,#881b20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #140303 0%,#881b20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140303', endColorstr='#881b20',GradientType=1 ); /* IE6-9 */

}
*{ margin:0px; padding:0px; -webkit-box-sizing:border-box; box-sizing:border-box;}
a{ outline: none; /* for Firefox Google Chrome  */  behavior:expression(this.onFocus=this.blur()); /* for IE */}
img{ border:0px;}
*:link, *:visited, *:hover, *:active, *:focus{
-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
transition: color .10s linear, background-color .10s linear, border-color .10s linear;
}

.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 #6e6057; font-size:13px; padding:8px; color:#ffffff; border-radius:5px; font-family:'Open Sans',"Arial"; background:rgba(255,255,255,0.1)}
.box_2{ border:1px solid #c1b494; font-size:13px; padding:8px; border-radius:5px; font-family:'Open Sans',"Arial"; background:#ffffff;}
.pr_box_b-{display:inline-block; width:30px; height:30px; text-align:center; line-height:25px; border-top:1px solid #c1b494; border-left:1px solid #c1b494; border-bottom:1px solid #c1b494; font-size:14px; font-family:'Open Sans',"Arial"; background:#eee6d6; cursor:pointer; vertical-align:top; border-radius:5px 0 0 5px;}
.pr_box_ba{display:inline-block; width:30px; height:30px; text-align:center; line-height:25px; border-top:1px solid #c1b494; border-right:1px solid #c1b494; border-bottom:1px solid #c1b494; font-size:14px; font-family:'Open Sans',"Arial"; background:#eee6d6; cursor:pointer; vertical-align:top; border-radius:0 5px 5px 0;}
.pr_box{display:inline-block; width:80px; height:30px; border:1px solid #c1b494; border-radius:0; font-size:13px; padding:0 8px; font-family:'Open Sans',"Arial"; background:#ffffff; vertical-align:top;}
.pr_box2{ border:1px solid #cfc5ad; font-size:13px; padding:6px 8px; font-family:'Open Sans',"Arial"; background:#ffffff; border-radius:5px;}
.co_box{ border:1px solid #cfc5ad; font-size:13px; padding:8px; font-family:'Open Sans',"Arial"; background:#ffffff; border-radius:5px;}
.co_box2{ border:1px solid #fbf9f6; font-size:13px; padding:8px; font-family:'Open Sans',"Arial"; background:#fbf9f6; border-radius:5px;}
.btn{ display:inline-block; padding:5px 15px; background:#0066b4; text-align:center; color:#FFFFFF; border:1px solid #005ba0; font-size:15px; border-radius:5px; font-family:'Open Sans',"微軟正黑體","Arial"}
.btn:hover{ background:#0075cf; border:1px solid #006bbd; text-decoration:none; color:#FFFFFF; cursor:pointer;}
.b_previous{ width:100%; overflow:hidden; margin-top:25px; text-align:center;}
.b_previous a{ display:inline-block; font-size:13px; border:0px; background:#202020; color:#ffffff; cursor:pointer; padding:8px 20px; border-radius:5px;}
.category{border:1px solid #c1c1c1; font-size:13px; padding:2px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}

.manu { clear:both; text-align:center; color:#999999; font-size:12px; font-family:'Open Sans', sans-serif; padding-top:15px; }
.manu A { border:#dfd6c3 1px solid; background:#ffffff; margin:0 2px; padding:6px 10px; overflow:hidden; color:#222222; }
.manu A:hover { COLOR: #ffffff; background:#000000; border:#555555 1px solid;}
.manu .current { COLOR:#ffffff; padding:6px 10px; border:#c7ab74 1px solid; BACKGROUND:#b08b3f; margin:0 2px;}
.manu .disabled { padding:6px 10px; border:#d3d3d3 1px solid; COLOR: #222222; margin:0 2px; background:#ffffff;}

.cfont{ font-size:16px; line-height:1.8;}
.cfont ol{ padding-left:25px;}
.cfont ul{ padding-left:25px;}
.cfont table{ margin:5px 0;}
.cfont td{padding:5px;}
.cfont img{ margin:5px 0;}
.cfont iframe{ margin:5px 0;}
.cfont a{ color:#0066b4;}
.cfont a:hover{ text-decoration:underline;}

/*===平版型區===*/
@media (min-width: 737px) and (max-width: 1249px) {
.category{border:1px solid #c1c1c1; font-size:13px; padding:4px; border-radius:5px;}
.category option{ padding:3px 10px 3px 5px;}
.cfont { font-size:14px; line-height:1.7;}
.cfont table{ font-size:14px; line-height:1.7;}
.cfont ul{ padding-left:25px;}
.cfont ol{ padding-left:25px;}
.cfont img{ max-width:737px; margin:1% 0;}
.cfont iframe{ width:100%; margin:1% 0;}
.cfont a{ color:#2d7ddf;}
.cfont a:hover{ text-decoration:underline;}
/*頁碼*/
.manu { clear:both; text-align:center; color:#999999; font-size:12px; font-family:'Open Sans', sans-serif; padding-top:10px;}
.manu A { border:#dfd6c3 1px solid; margin:0 2px; padding:6px 10px; overflow:hidden; color:#222222; background:#FFFFFF;}
.manu A:hover { COLOR: #ffffff; background:#000000;}
.manu .current { COLOR:#ffffff; padding:6px 10px; border:#c7ab74 1px solid; BACKGROUND:#b08b3f; margin:0 2px;}
.manu .disabled { padding:6px 10px; border:#d3d3d3 1px solid; COLOR: #222222; margin:0 2px; background:#ffffff;}
}

/*===手機版型區===*/
@media screen and (max-width: 736px) {
.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;}

.b_previous{ width:100%; overflow:hidden; margin-top:25px; text-align:center;}
.b_previous a{ display:inline-block; font-size:12px; border:0px; background:#202020; color:#ffffff; cursor:pointer; padding:6px 15px; border-radius:5px;}

/*頁碼*/
.manu { clear:both; width:100%; text-align:center; color:#999999; font-size:12px; font-family:'Open Sans', sans-serif; padding-top:6%;}
.manu A { display:inline-block; border:#d3d3d3 1px solid; margin:2px; padding:3px 8px; overflow:hidden; color:#222222; vertical-align:top; background:#ffffff;}
.manu A:hover { COLOR: #ffffff; background:#000000;}
.manu .current { display:inline-block; COLOR:#ffffff; padding:3px 8px; border:#c7ab74 1px solid; BACKGROUND:#b08b3f; margin:2px;}
.manu .disabled { display:inline-block; padding:3px 8px; border:#d3d3d3 1px solid; COLOR: #222222; margin:2px; background:#ffffff;}
}
