@charset "utf-8";
/* CSS Document */

/*@import url(font-awesome/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

body {
	background-color:#373737;
	font-family:"儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", sans-serif;
	font-size:16px;
	color:#CCC;
}
svg {
	vertical-align:middle;
}
hr {
	border-color:#555;
}
a {
	color:#CCC;
	cursor:pointer;
}
a:hover,
a:focus {
	color:#999;
	text-decoration:none;
	outline:none;
}
 /* CSS3 漸變效果 */
a {                                   /* Browser Support: http://www.w3schools.com/css/css3_transitions.asp */
	-webkit-transition:all 0.5s ease; /* for Chrome and Safari */
	-moz-transition:all 0.5s ease;    /* for Firefox */
	-o-transition:all 0.5s ease;      /* for Opera */
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

/* Flexbox */
.d-flex {
	display:flex !important;
}
.justify-content-between {
	justify-content:space-between;
}
.align-items-center {
	align-items:center;
}
.align-self-center {
	align-self:center;
}

.note {
	color:#DA251C;
}

.wrapper {
	min-width:360px;
}

/*** 網頁頭(手刻選單) ***/
header {}
 /* logo */
header .logo {
	margin-top:20px;
	margin-bottom:20px;
}
header .logo a {
	display:block;
	width:380px;
	height:auto;
	/* 取消漸變效果 for IE11 */
	-webkit-transition:none; /* for Chrome and Safari */
	-moz-transition:none;    /* for Firefox */
	-o-transition:none;      /* for Opera */
	-ms-transition:none;
	transition:none;
}
header .logo a img {
	width:100%;
}
 /* 導覽列區塊 */
header .top-contact {
	text-align:right;
}
.top-contact .top-contact-phone {
	font-size:20px;
	line-height:2.5;
	vertical-align:middle;
}
.top-contact .top-contact-phone i {
	font-size:30px;
	color:#09F;
	vertical-align:middle;
	margin-right:5px;
}
.top-contact .top-contact-time {
	font-size:13px;
	color:#7D7D7D;
}
header .menuBox {}
 /* topNav */
.topNav {}
.topNav > div {
	display:inline-block;
	border-left:1px solid transparent;
	padding-left:20px;
	margin-left:20px;
}
.topNav a {
	display:inline-block;
	background-color:#70B148;
	color:#FFF;
	text-align:center;
	width:36px;
	height:36px;
	line-height:36px;
	border-radius:50%;
	vertical-align:middle;
	overflow:hidden;
	margin:15px 6px;
	position:relative;
}
.topNav a.facebook { background-color:#1877F2; }
.topNav a.instagram { background-color:#0095F6; }
.topNav a.youtube { background-color:#FF0000; }
.topNav a.twitter { background-color:#1D9BF0; }
.topNav a.line { background-color:#22BA4F; }
.topNav a.line > i > img {
	width:22px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-11px;
	margin-top:-11px;
}
.topNav a:hover { opacity:0.8; }
.topNav .top-orders a {
	background-color:transparent;
	color:#333;
	font-size:32px;
	width:auto;
	height:auto;
	overflow:visible;
}
.topNav .top-orders a.cart > span {
	display:inline-block;
	background-color:#FF1744;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:24px;
	margin-left:3px;
}
 /* menu */
nav {
	background-color:transparent;
	margin-left:auto;
}
ul.menu {
	list-style:none;
	padding:0;
	margin:0;
}
ul.menu > li {}
ul.menu > li > a {
	display:block;
	color:#CCC;
	font-family:'Noto Sans TC', sans-serif;
	font-size:18px;
	letter-spacing:1px;
	margin-right:36px;
	position:relative;
	/* 取消漸變效果 for IE11 */
	-webkit-transition:none; /* for Chrome and Safari */
	-moz-transition:none;    /* for Firefox */
	-o-transition:none;      /* for Opera */
	-ms-transition:none;
	transition:none;
}
ul.menu > li > a > b {
	display:none;
	color:#DA251C;
	font-size:12px;
	font-weight:normal;
	padding-top:2px;
}
ul.menu > li > a:hover {
	color:#6EA9EC;
	transition:all 0.5s ease;
}
ul.menu > li .btn-link {
	color:#FFF;
	padding:4px;
	outline:none !important;
}
ul.menu > li .btn-link i {
	font-size:24px;
}
 /* dropdown */
ul.menu .dropdown .submenu {
	display:none;
	background:#FFF;
	min-width:160px;
	box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	padding:5px 0;
	position:absolute;
	left:0;
	top:100%;
	z-index:1000;
}
ul.menu .dropdown .submenu a {
	display:block;
	color:#333;
	font-size:15px;
	padding:10px 20px;
	white-space:nowrap;
}
ul.menu .dropdown .submenu a:hover {
	color:#FFF;
	background:#D55;
}

.m_menu {
	display:none;
}
/*** 手機版選單 ***/
@media (max-width: 1199px) {  /*max-width: 991px*/
.bannerArea {
	margin-top:70px;
}
header {
	display:none;
}
nav {
	display:none;
}
.m_menu {
	display:block;
	min-width:360px;
	box-shadow:0 10px 36px -22px rgba(0, 0, 0, 0.6);
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1030;
}
.m_menu .overlay {
	display:none;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}
 /* 手機版選單抬頭 */
.m_menu .titleBar {
	background:#373737;
	padding:0 15px;
	position:relative;
	z-index:99;
}
.m_menu .titleBar .title {
	float:left;
	margin:15px 0;
}
.m_menu .titleBar .title img {
	display:block;
	width:auto;
	height:40px;
}
.m_menu .titleBar .shopcart {
	float:right;
	margin:20px 12px 0 0;
}
.m_menu .titleBar .shopcart > a {
	color:#888;
	font-size:22px;
	position:relative;
}
.m_menu .titleBar .shopcart > a > span {
	background-color:#FF1744;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	width:20px;
	height:20px;
	line-height:20px;
	position:absolute;
	top:-8px;
	right:-8px;
}
.m_menu .titleBar a.menu-btn {
	float:right;
	display:block;
	color:#888;
	font-size:24px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	margin-right:-15px;
}
.m_menu .nav-toggle {
	float:right;
	border:1px solid transparent;
	border-radius:4px;
	padding:9px 10px;
	margin-top:18px;
	cursor:pointer;
}
.m_menu .nav-toggle .nav-bar {
	display:block;
	background:#888;
	width:22px;
	height:2px;
	
	position:relative;  /* 導覽列三條線圖示變叉叉 */
	transition:all 500ms ease-in-out;
}
.m_menu .nav-toggle .nav-bar + .nav-bar {
	margin-top:4px;
}
 /* 第一條旋轉45度 */
.m_menu .nav-toggle.active .nav-bar:nth-of-type(1) {
	top:6px;
	transform:rotate(45deg);
}
 /* 第二條向左飛出 */
.m_menu .nav-toggle.active .nav-bar:nth-of-type(2) {
	opacity:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
}
 /* 第三條反轉45度 */
.m_menu .nav-toggle.active .nav-bar:nth-of-type(3) {
	top:-6px;
	transform:rotate(-45deg);
}
 /* 手機版選單項目 */
.m_menu .navPanel {
	background:#2D2D2D;
	border-top:1px solid #282828;
	width:100%;  /*230px*/
	/*height:100%;*/
	min-width:360px;
	overflow-y:auto;
	position:fixed;
	left:0;  /*-230px*/
	top:60px;
	bottom:0;
	margin-top:70px;
	opacity:0;
	visibility:hidden;
	z-index:11;
	
	-webkit-transition:all 0.6s ease; /* for Chrome and Safari */
	-moz-transition:all 0.6s ease;    /* for Firefox */
	-o-transition:all 0.6s ease;      /* for Opera */
	-ms-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.m_menu .navPanel.in {
	top:0;
	opacity:1;
	visibility:visible;
}
 /* 手機版 topNav */
.m_menu .navPanel .topNav {
	text-align:center;
}
.m_menu .navPanel h4 {
	color:#FFF;
	font-size:15px;
	background:#555;
	font-weight:normal;
	line-height:inherit;
	text-align:center;
	padding:20px;
	margin:0;
	text-transform:uppercase;
}
.m_menu ul.m-nav {
	list-style:none;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
.m_menu ul.m-nav li {
	border-bottom:1px dashed #3D3D3D;
}
.m_menu ul.m-nav li:first-child {
	border-top:1px dashed transparent;
}
.m_menu ul.m-nav li a {
	display:block;
	color:#CCC;
	font-size:16px;
	text-align:center;
	letter-spacing:2px;
	padding:15px 30px;
	position:relative;
}
.m_menu ul.m-nav li b {
	display:none;
	color:#DA251C;
	font-size:12px;
	margin-left:8px;
	font-weight:normal;
}
.m_menu ul.m-nav li.menu-search-box {
	display:none;
}
.m_menu ul.m-nav li i {
	color:#333;
	position:absolute;
	top:20px;
	right:20px;
}
.m_menu ul.m-nav li .m-subitem {
	display:none;
}
.m_menu .m-contact {
	text-align:center;
	margin:10px 0;
}
.m_menu .m-contact a {
	display:inline-block;
	color:#666;
	background:transparent;
	text-align:center;
	width:56px;
	height:56px;
	line-height:56px;
	border:2px solid transparent;
	border-radius:50%;
	margin:10px;
}
}

/*** 輪播廣告區塊 ***/
.bannerArea img {
	width:100%;
}
@media (max-width: 767px) {
.bannerArea {
	/*background:url(../images/banner-01.jpg) no-repeat center center;*/
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:180px;
	/*padding-top:73px;*/
}
.bannerArea img {
	display:none;
}
}

/* Thumbnails 預設縮圖效果 */
.thumbnail {
	border:1px solid transparent;
	border-radius:0;
	background-color:transparent;
	padding:0;
	/*box-shadow:3px 2px 2px rgba(119, 119, 119, 0.2);*/
	overflow:hidden;
}
.thumbnail > a {
	display:block;
	border:5px solid #9B9B9B;
	position:relative;
	overflow:hidden;
}
.thumbnail > a img {
	width:100%;
	transition:all 0.3s linear;
}
.thumbnail:hover > a img {
	transform:scale(1.3);
}
.thumbnail .caption {
	padding:0;
	text-align:center;
	word-break:break-all;
	word-wrap:break-word;
}
.thumbnail .caption h3 {
	font-size:16px;
	line-height:1.42857;
	margin-top:0;
	margin-bottom:0;
}
.thumbnail .caption h3 > a {
	display:block;
	padding:12px 6px;
	overflow:hidden;
	text-overflow:ellipsis;  /* 讓過長溢出的字省略變成 ... */
	white-space:nowrap;
}
.thumbnail:hover .caption h3 > a {
	background-color:transparent;
	color:#999;
}
.thumbnail .caption p {
	color:#999;
}
.thumbnail .caption p.ellipsis {
	height:3.2em; /* 1.42857x2=2.85714 二行字 */
	/*height:4.3em;*/ /* 1.42857x3=4.28571 三行字 */
}
.thumbnail .caption h4 {
	color:#FF1744;
	font-size:16px;
	font-weight:bold;
}
.thumbnail .caption h4 span {
	color:#ADADAD;
	font-size:14px;
	font-weight:normal;
	text-decoration:line-through;
	margin-right:5px;
}

/*** 頁尾資訊 ***/
footer {
	color:#CCC;
	background:#161616;
	padding-bottom:30px;
}

ul.footerMenu {
	background:#DDD;
	color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
	font-size:0; /*可消除子元件的間隙*/
}
ul.footerMenu li {
	display:inline-block;
	transition:all 0.5s ease;
}
ul.footerMenu li + li::before {
	display:inline-block;
	content:"/";
	color:#CCC;
	font-size:1.5rem;
	margin:0 20px;
}
@media (max-width: 480px) {
ul.footerMenu li {
	width:33.33%;
}
ul.footerMenu li + li::before {
	display:none;
}
}
ul.footerMenu li a {
	display:inline-block;
	color:#333;
	font-size:14px;
	padding:15px 20px;
}
ul.footerMenu li b {
	display:none;
	color:#DECDA4;
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}
ul.footerMenu li a:hover {
	background:transparent;
	opacity:.7;
	transition:all 0.5s ease;
}

.footerContent {
	text-align:center;
	margin-top:30px;
}

 /* 社群連結 */
footer .social {
	margin-bottom:20px;
}
@media (max-width: 480px) {
footer .social {
	margin-top:15px;
}
}
footer .social > a {
	display:inline-block;
	color:#777;
	background:transparent;
	width:52px;
	height:52px;
	line-height:52px;
	border-radius:50%;
	margin:0 10px;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
}
@media (max-width: 480px) {
footer .social > a {
	margin:0 5px;
}
}
footer .social > a:hover {
	background:transparent;
	/*opacity:0.5;*/
	color:#CCC;
}
footer .social > a > .fa-line > img {
	width:24px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px;
}

footer .copyright {
	line-height:1.6;
	overflow:hidden;
}
footer .copyright a {
	color:#FFF;
}
@media (max-width: 480px) {
footer .copyright {
	clear:both;
	margin-top:15px;
}
}
footer .design,
footer .design a {
	color:#777;
	font-size:15px;
}
footer .design a:hover {
	text-decoration:underline;
}

/*** 返回頁首按鈕 ***/
/* scrollUp jQuery plugin - Image style */
#scrollUp {
	bottom:20px;
	right:20px;
	height:48px;  /* Height of image */
	width:48px; /* Width of image */
	background:rgba(168,168,168,.6);
	border-radius:50%;
	text-align:center;
}
#scrollUp::before {
	content:"";
	position:absolute;
	width:12px;
	height:12px;
	border-top:3px solid #FFF;
	border-left:3px solid #FFF;
	transform-origin:top left;
	transform:rotate(45deg);
	top:18px;
}

#scrollUp:hover {
	background:#6EA9EC;
}
#scrollUp:hover::before {
	color:#FFF;
}

/*** 內頁部份 ***/
/* 主區塊 */
.mainArea {
	padding:60px 0;
}
@media (max-width: 767px) {
.mainArea {
	padding:30px 0 60px;
}
}

/* 頁面標題區塊 */
.titleBox {
	text-align:center;
	border-bottom:2px solid #6EA9EC;
	padding-bottom:20px;
	margin-bottom:40px;
}
@media (max-width: 767px) {
.titleBox {
	margin-bottom:20px;
}
}
.titleBox h1,
.titleBox h2 {
	display:inline-block;
	font-family:'Noto Sans TC', sans-serif;
	font-weight:400;
	letter-spacing:2px;
	font-size:30px;
	padding:0 20px;
	margin-bottom:20px;
	position:relative;
}
.titleBox h1::before, .titleBox h1::after,
.titleBox h2::before, .titleBox h2::after {
	content:"";
	display:inline-block;
	border-top:1px solid #777;
	width:50px;
	height:1px;
	position:absolute;
	top:18px;
}
.titleBox h1::before,
.titleBox h2::before {
	left:-80px;
}
.titleBox h1::after,
.titleBox h2::after {
	right:-80px;
}
.titleBox h1 small,
.titleBox h2 small {
	display:none;
	color:#DA251C;
	font-style:italic;
}
 /* 麵包屑導航條 bread */
.titleBox .bread {
	font-size:15px;
	color:#ADADAD;
}
.titleBox .bread a {
	color:#ADADAD;
}
.titleBox .bread a:hover {
	color:#6EA9EC;
}
.titleBox .bread a > svg {  /* svg圖示的大小 */
	margin-right:6px;
	vertical-align:-0.125em;
}
.titleBox .bread a i {  /* icon圖示的大小 */
	font-size:18px;
	margin-right:6px;
}
.titleBox .bread span {
	padding:0 6px;
}

/* 頁面內容區塊 */
.mainArea .contentBox {}

/* 內頁文章標題字 */
.articleTitle {
	font-size:24px;
	/*background:url(../images/dec.png) no-repeat left center;*/
	line-height:40px;
	padding-left:0;
	margin-top:0;
	margin-bottom:30px;
}

/* 文字編輯器內文樣式 */
.textEditor {
	clear:both;
	color:#CCC;
	font-size:16px;
	line-height:1.8;
}
.textEditor a {
	color:#09F;
}
.textEditor a.hover {
	text-decoration:underline;
}
.textEditor img {
	max-width:100%;
}
.textEditor p {
	margin:1.12em 0;
}
.textEditor ul {
	list-style:disc outside;
	padding-left:30px;
}
.textEditor ol {
	list-style:decimal outside;
	padding-left:30px;
}

/* 側邊欄 - 標題字 */
.sideTitle {
	color:#CCC;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #555;
	padding:10px 5px;
	margin-top:0;
	margin-bottom:20px;
}
.sideTitle i {
	padding:0 10px;
}

/* 側邊欄 - class_menu 最新消息分類、常見問題分類 (篩選功能) */
.class_menu {}
.class_menu .list-group-item {
	display:inline-block;
	border-width:1px;
	border-style:dashed;
	border-color:#DDD;
	margin-bottom:4px;
	font-size:15px;
}
.class_menu .list-group-item:first-child {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.class_menu .list-group-item:last-child {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.class_menu .list-group-item.active,
.class_menu .list-group-item.active:hover,
.class_menu .list-group-item.active:focus {
	background-color:#0099E3;
	border-color:#0099E3;
}

/* 側邊欄 - side_menu 購物車頁面、會員頁面 */
.side_menu {}
.side_menu .list-group-item {
	border-width:0 0 1px;
	border-style:dashed;
	border-color:#DDD;
	margin-bottom:0;
	font-size:15px;
}
@media screen and (max-width: 991px) {
.side_menu .list-group-item {
	display:inline-block;
	border-width:1px;
	margin-bottom:4px;
}
}
@media screen and (max-width: 480px) {
.side_menu .list-group-item {
	padding:10px 12px;
}
}
.side_menu .list-group-item:first-child {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.side_menu .list-group-item:last-child {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.side_menu .list-group-item.active,
.side_menu .list-group-item.active:hover,
.side_menu .list-group-item.active:focus {
	background-color:#70B148;
	border-color:#70B148;
}

/* 側邊欄 - cate_menu 商品分類、關於我們分類 */
.m_cate_menu {
	display:none;
}

.cate_menu {}
.cate_menu .list-group-item {
	font-size:15px;
	border-width:0 0 1px;
	border-style:dashed;
	border-color:#3D3D3D;
	background-color:#2D2D2D;
	margin-bottom:0;
	padding:0;
	transition:all .5s ease;
}
.cate_menu .list-group-item:hover,
.cate_menu .list-group-item:focus {
	background-color:#2D2D2D;
}
.cate_menu .list-group-item a {
	display:block;
	color:#999;
	padding:12px 20px;
}
.cate_menu .list-group-item a:hover {
	color:#FFF;
}
.cate_menu .list-group-item:first-child {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.cate_menu .list-group-item:last-child {
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	border-color:transparent !important;
}
.cate_menu .list-group-item.active,
.cate_menu .list-group-item.active:hover,
.cate_menu .list-group-item.active:focus {
	background-color:#2D2D2D;
	border-color:#3D3D3D;
	margin-top:0;
}
.cate_menu .list-group-item.active a {
	color:#FFF;
}
@media screen and (max-width: 991px) {
/* mobile m_cate_menu */
.cate_menu {
	display:none;
}

.m_cate_menu {
	display:block;
	position:relative;
	margin-bottom:30px;
}
.m_cate_menu a.main {
	display:block;
	background:#2D2D2D;
	font-size:15px;
	color:#999;
	border:1px solid #2D2D2D;
	position:relative;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
}
.m_cate_menu a.main i {
	display:block;
	font-size:15px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-6px;
}
.m_cate_menu a.main > svg {
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-6px;
}
.m_cate_menu.open > a.main {
	background-color:#2D2D2D;
	color:#999;
	border-color:#2D2D2D;
}
.m_cate_menu > a.main:hover,
.m_cate_menu > a.main:focus {
	background-color:#2D2D2D !important;
	color:#999 !important;
	border-color:#2D2D2D !important;
}
.m_cate_menu > ul {
	background-color:transparent;
	border:none;
	font-size:15px;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}
.m_cate_menu > ul > li {
	padding:0;
	/*border-radius:0 !important;*/
}
.m_cate_menu > ul > li.sub {
	padding-left:35px;
}
.m_cate_menu > ul > li a {
	padding:10px 15px;
}
.m_cate_menu > ul > li a:hover,
.m_cate_menu > ul > li a:focus {
	/*color:#999;
	background-color:#2D2D2D;*/
}
.m_cate_menu > ul > li.active,
.m_cate_menu > ul > li.active:hover,
.m_cate_menu > ul > li.active:focus {
	background-color:#FFF;
	border-color:#DDD;
}
.m_cate_menu > ul > li.active > a,
.m_cate_menu > ul > li.active > a:hover,
.m_cate_menu > ul > li.active > a:focus {
	background-color:#FFF;
	color:#333;
}
}

/* 側邊欄 - 聯絡資訊 */
.side_contact .contact_info {
	font-size:16px;
	line-height:1.8;
}
.side_contact ul li {
	margin-bottom:20px;
}
.side_contact ul li a i {
	display:block;
	float:left;
	margin-right:8px;
	background:#CCC;
	width:40px;
	height:40px;
	font-size:20px;
	color:#FFF;
	line-height:40px;
	text-align:center;
	/*border:3px solid #0168B3;*/
	border-radius:100%;
	position:relative;
}
.side_contact ul li a b {
	font-weight:normal;
	height:40px;
	line-height:40px;
}
.side_contact .fa-line img {
	width:22px;
	height:auto;
	/*vertical-align:initial;*/ /* initial=初始(在Chrome使用) inherit=繼承 */
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-11px;
	margin-top:-11px;
}

/* 資料集 - Navigation Builder 資料集分頁CSS */
.page_navigation {}
.pagination {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.pagination > li > a {
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#9B9B9B;
	background-color:#3D3D3D;
	border:1px solid transparent;
	border-radius:50% !important;
	padding:0;
	margin:0 8px;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
	color:#FFF;
	background-color:#3D3D3D;
	border-color:transparent;
}
.pagination > .disabled > a,
.pagination > .disabled > a:hover {
	color:#777;
	cursor:default;
	background-color:#3D3D3D;
	border-color:#3D3D3D;
}
.pagination > .active > a,
.pagination > .active > a:hover {
	background-color:#2D2D2D;
	border-color:#2D2D2D;
}

/* 資料集 - 無內容 */
.well {
	background-color:#282828;
	border-color:transparent;
}
.no_data {
	clear:both;
	text-align:center;
	padding-top:80px;
	padding-bottom:80px;
}