body{ margin:0;}
.clr{
	clear: both;
}
a img{ border:none;
	-o-transition: opacity .20s linear;
    -webkit-transition: opacity .20s linear;
    -moz-transition: opacity .20s linear;
    transition:  opacity .20s linear;
}
a img:hover{
	opacity:0.6;
	filter:alpha(opacity=80); 
	-o-transition: opacity .20s linear;
    -webkit-transition: opacity .20s linear;
    -moz-transition: opacity .20s linear;
    transition:  opacity .20s linear;
}
img { max-width:100%; height:auto;}
.float_right { float:right; margin:0 0 1em 1em;}
.float_left { float:left; margin:0 1em 1em 0;}
@media screen and (max-width: 568px) {.float_right ,.float_left { float: none;   margin: 1em auto; display: block; height:auto !important;} }



#wrapper{
	margin: auto;
}
a.goto_ad { color:#2e2e2e}

/*內框架設定*/ 
#content_wrap_bg {
}
#content_wrap {}
#content-w1 {}
#content-w1 .component { width:100% ; max-width:1280px ;  background-color:#fff ; margin:0px auto 20px auto;}
#content-w1 #content-top {width:100% ; max-width:980px ; margin:auto;}
#content-w1 .component_mid { padding:20px; font-family:"標楷體"; font-size:22px;}
#left , #content-w2 , #right , #content-w3 {
}
#left { }
#right { width:200px; float:right; margin-bottom:20px;}
#content-w2 {  width:100% ; max-width:980px ; margin:auto ; position:relative;  }
#content-w2 .component { width:752px ;  background-color:#fff ; float:left; margin-bottom:20px;}
#content-w2 .component_mid { padding:20px;}
@media screen and (max-width: 960px) {
#content-w2 .component {width:100% ; float:none; }
#right { float:none; margin:auto;}
}


.component p:first-of-type, .component h1:first-of-type, .component h2:first-of-type, .component h3:first-of-type, .component h4:first-of-type, .component h5:first-of-type, .component h6:first-of-type {
  margin-top: 0px;
}
.component .item-page h2 a {
  color: #c7303d;
  text-decoration: none;
}

/*文章列表及分頁設定開始*/
form {
margin: 0 0 18px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pull-right {
float: right;
}
.pagination {
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
	padding: 11px 19px;
	font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
	padding: 2px 10px;
	font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
	padding: 0 6px;
	font-size: 9.75px;
}
/*文章列表設定結束*/

/*popover設定開始*/
.popover {
	font-size: 12px;
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}
/*popover設定結束*/

body.fastnet_design{	font-family: "標楷體", "Arial Black"; font-size:17px; line-height:1.6em; }


#header_wrap { padding:10px;}
#header {max-width: 1280px;    margin: auto;}
#header:after { content:" "; clear:both; display:block;}
#logo { float:left;}
#headermenu { float:right;}

.sf-menu { margin-bottom:0px; margin-top: 10px;}
.sf-menu li , .sf-menu li:hover, .sf-menu li.sfHover{ background: #fff;;}
.sf-menu a { color:#333;}
.sf-menu li {    border-bottom: 2px solid #c6c6c6;    margin-left: 1em; font-size:20px;}
.sf-menu > li.active > a{ color:#940000;}
.nav-child > li.active > a{ color:#940000;}
.sf-arrows .sf-with-ul:after {border-top-color: rgba(142, 142, 142, 0.5);}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {border-top-color: rgba(142, 142, 142, 1);}

.sf-menu ul { margin-top:2px}
.sf-menu ul li {
background: #fff;
    border-bottom: 1px solid #c6c6c6;
    margin-left: 0px;
}

#slideshow { text-align:center;}

#con_top {}
#con_top ul.menu{padding: 0px;    margin: 0px;    text-align: center; margin-top:-30px;}
#con_top ul.menu li { display:inline-block; margin:0 5px;}
#con_top ul.menu li a {
	display: inline-block;
	text-decoration: none;
	padding:10px;
	background-color:#ddd;
	border-radius:5px;
	color:#737171;
}
#con_top ul.menu li a:hover {background-color:#ddd;}
#con_top ul.menu li.active a { color:#fff ;background-color:#737171;}


@media screen and (max-width: 940px) {
#logo {    float: none;    text-align: center;}
#headermenu {float: none;  }
#headermenu ul.sf-menu{float: none;
    text-align: center;}
#headermenu ul.sf-menu > li {float: none;
    display: inline-block;    margin: 0 0.5em;}
}

@media screen and (max-width: 568px) {
#headermenu ul.sf-menu { display:none;}
}

.jf_mm_trigger { top:20px;}
.jf_mm_trigger i.fa-bars { line-height:32px;}
.jf_mm_wrapper .rtl {    box-shadow: -5px 0 5px -5px #202020;}
@media screen and (max-width: 370px){ #logo{    float: left;}}

#copyright { background-color:#333; padding:15px 0; text-align:center; color:#fff; font-size:14px;}
.copyright_name { font-weight:bold;}
.copyright_mail a{ color:#fff;}
@media screen and (max-width: 568px) { #copyright .item_introtext p > span { display:block; text-align:center;}}

.component_left { float:left; width:45%;   padding: 50px 2% 20px 2%;}
.component_right { float:right; width:45%;  padding: 20px 2% 20px 2%;}
@media screen and (max-width: 568px) {
.component_left ,  .component_right { float:none; width:initial; padding:20px;}
}

.avPlayerWrapper { max-width:800px; margin:auto;}
.pic_list2 { display:inline-block; vertical-align:top; text-align:center;}

#jsn_form_1.jsn-master .jsn-bootstrap  .jsn-form-content .control-group .control-label , button.jsn-form-submit{ font-family:"標楷體";     font-size: 16px;}