@charset "utf-8";
/* CSS Document */
/*top_banner*/
.top_banner_area{width:100%; height:280px; background:#121212; position:relative; overflow:hidden; z-index:95; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.5);}
.top_banner_area .banner_name{width:100%; max-width: 1440px; margin:0 auto; position:absolute; top:0; z-index:8;}
.top_banner_area .banner_name h3{margin:0 auto; padding:109px 50px 0 0; font-size:28px; font-weight:bold; font-family:'Lato','微軟正黑體','Oxygen', Verdana, sans-serif; color:#fff; text-transform:uppercase; -moz-text-shadow:2px 2px 0px rgba(0%,0%,0%,0.7); -webkit-text-shadow:2px 2px 0px  rgba(0%,0%,0%,0.7); text-shadow:2px 2px 0px  rgba(0%,0%,0%,0.7); text-align:right;}
.top_banner_area .top_banner_cover{width:100%; height:280px; background:url(../images/top_bnr_cover.png) no-repeat top center; position:absolute; z-index:5; top:0;}
.top_banner_area .top_banner{width:100%;  max-width:1440px; height:280px; margin:0 auto; text-align:center; z-index:3; position: relative;
}
.top_banner_area .top_banner img{width:1440px; height:280px; margin: auto; position: absolute; top: 0; left: calc(50% - 720px); }
.top_banner_area .tag_bg,.show_bnr_bg .tag_bg{width:100%; min-height:32px; background:rgba(0%,0%,0%,0.7); position:absolute; z-index:7; bottom:0;}
.top_banner_area .tag_bg .tag,.show_bnr_bg .tag_bg .tag{width: 100%; max-width:990px; margin:0 auto; padding:5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.top_banner_area .tag_bg .tag li:first-child,.show_bnr_bg .tag_bg .tag li:first-child{background:none;}
.top_banner_area .tag_bg .tag li,.show_bnr_bg .tag_bg .tag li{padding:0 5px 0 15px; background:url(../images/icon006.png) no-repeat 0 6px;display:inline; color:#fff; font-family:'Lato','微軟正黑體','Oxygen', Verdana, sans-serif; font-weight:bold;}
.top_banner_area .tag_bg .tag li:first-child,.show_bnr_bg .tag_bg .tag li:first-child{padding-left:0;}
.top_banner_area .tag_bg .tag li a,.show_bnr_bg .tag_bg .tag li a{color:#fff;}
.top_banner_area .tag_bg .tag li a:hover,.show_bnr_bg .tag_bg .tag li a:hover{color:#fbe700; text-decoration:underline;}

/*type_nav*/
.type_nav{text-align:center; margin-bottom:20px; padding:0 10px;}
.type_nav li{margin:0 4px 10px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; overflow:hidden;}
.type_nav li a{padding:2px 10px; background:#dedede; display:inline-block; color:#878787; font-family:'Lato','微軟正黑體','Oxygen', Verdana, sans-serif; font-weight:bold;}
.type_nav li a.cate_on,.type_nav li a:hover{background:#0ab6e2; color:#fff;}

/*table*/
.table001{width: 100%; max-width:750px; margin:0 auto; border-collapse:collapse;}
.table001 th,.table001 td{padding:5px 10px; border-bottom:rgba(100%,100%,100%,1) solid 6px; text-align:left;}
.table001 th{background:#646464; font-weight:bold; color:#fff; vertical-align:top;}
.table001 td{background:#e0e0e0; color:#3d3d3d;}
.table002{border-collapse:collapse;}
.table002 th,.table002 td{color:#cbcbcb;}
.table002 th{padding:10px 0 5px 15px; text-transform:uppercase;}
.table002 td{padding:0 10px 8px 0; text-align:left;}
.table002 td img{vertical-align:middle; margin:0 0 0 10px;}

/*edit*/
.edit_01{line-height:22px; color:#46484c;}
.edit_02{min-height:280px; padding:0 20px 20px 20px; overflow:hidden; text-align:left; vertical-align:middle;}
.edit_02 iframe,.edit_02 img{max-width: 100%; height: auto;}
.edit_02 table{max-width: 100%;}

/*from*/
.f0{height:26px; border:#ababab solid 1px; line-height:26px; vertical-align:middle; -webkit-appearance: none;  border-radius: 0;}
.f00{height:26px; border:none; background:#f3f3f3; vertical-align:middle; -webkit-appearance: none;  border-radius: 0;}
.f01{width:185px;}
.f02{width:100%;}
.f03{width:100%; height:155px;}
.f04{width:275px;}


/*btn*/
.btn001{width:70px; height:26px; background:#0ab6e2; color:#fff; border:0; text-align:center; cursor:pointer; vertical-align:middle; -webkit-appearance:none;  border-radius: 0;}
.btn001:hover{background-color:#fc0; color:#252525;}
.btn002{width:105px; height:30px; margin:0 5px; background:#0ab6e2; border:0; color:#fff; text-align:center; font-weight:bold; cursor:pointer; vertical-align:middle; -webkit-appearance: none;  border-radius: 0;}
.btn002:hover{background-color:#fc0; color:#252525;}


/*page*/
.sabrosus {
	margin:20px 0 10px 0; text-align: center; font-size:13px;
}
.sabrosus a {
	border-right: #9aafe5 1px solid; padding-right: 8px; border-top: #9aafe5 1px solid; padding-left: 8px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #0084b3; margin-right: 5px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none
}
.sabrosus a:hover {
	border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #fff; border-bottom: #2b66a5 1px solid; background-color:#007fa3
}
.pagination a:active {
	border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #fff; border-bottom: #2b66a5 1px solid; background-color:#007fa3
}
.sabrosus span.current {
	border-right:#007fa3 1px solid; padding-right: 8px; border-top:#007fa3 1px solid; padding-left: 8px; font-weight: bold; padding-bottom: 2px; border-left:#007fa3 1px solid; color: #fff; margin-right: 5px; padding-top: 2px; border-bottom:#007fa3 1px solid; background-color: #007fa3
}
.sabrosus span.disabled {
	border-right: #ccc 1px solid; padding-right: 8px; border-top: #ccc 1px solid; padding-left: 8px; padding-bottom: 2px; border-left: #ccc 1px solid; color: #ccc; margin-right: 5px; padding-top: 2px; border-bottom: #ccc 1px solid
}

@media screen and (max-width: 768px){
	.top_banner_area .tag_bg .tag li,.show_bnr_bg .tag_bg .tag li{line-height: 18px; font-weight: normal; font-size: 13px;}
	.top_banner_area .tag_bg .tag li a,.show_bnr_bg .tag_bg .tag li a{font-size: 13px; font-weight: normal;}
	.edit_02{padding: 0 0 20px 0;}
	.edit_02 table{width: 100%; overflow:auto; overflow-x:auto; overflow-y:hidden; display:block;}
}