/* =======================================================
	內頁-media-queries
======================================================= */


/* =======================================================
	(min-width: 768px) and
	(max-width: 991px)
======================================================= */
@media (min-width: 768px) and (max-width: 991px) {

/* =======================================================
	(768px) and (991px)
	page-content
======================================================= */

.page-content li {
	font-size: 1em/*16p x*/;
	line-height: 30px;
}

.page-content img {
	margin-bottom: 30px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768px) and (991px)
	全站-橫線
======================================================= */

/* 顏色、實線、padding、margin */
hr.star-light,hr.star-primary {
	color: #cacaca;
	padding: 0;
	border: none;
	border-top: solid 1px;
	text-align: center;
	margin: 12px auto 10px
}

/* =======================================================
======================================================= */


/* =======================================================
	(768px) and (991px)
	左側選單
======================================================= */

/* 連結顏色、文字 */
a.list-group-item {
	font-size: 0.938em/*15p x*/;
	color: #ffffff;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768px) and (991px)
	左側選單
	page-list-group
======================================================= */

/* 連結：顏色、文字 */
a.page-list-group-item {
	font-size: 0.938em/*15p x*/;
	color: #444444;
	font-weight: 600;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768px) and (991px)
	page-table
======================================================= */

/* table 文字 */
.page-table {
	font-size: 1em/*16p x*/;
	color: #444;
}

/* table border橫線、padding間距 */
.page-table > thead > tr > th,
.page-table > tbody > tr > th,
.page-table > tfoot > tr > th,
.page-table > thead > tr > td,
.page-table > tbody > tr > td,
.page-table > tfoot > tr > td {
	padding: 11px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #d0d0d0;
}

/* 表格交叉底色 */
.table-striped > tbody > tr:nth-child(odd) {
	background-color: #fffdf5;
}

/* =======================================================
======================================================= */


}
/* =======================================================
======================================================= */





/* =======================================================
   max-width: 767p x (字級設定15px)
======================================================= */

@media (max-width: 767px) {

/* =======================================================
	(767p x)
	page
======================================================= */

.page-content {
	padding: 0px;
	margin-bottom: 30px;
}

.page-content p {
	font-size: 0.938em/*15p x*/;
	color: #444;
	line-height: 26px;
	text-align: justify;
}

    .page-content li {
        font-size: 0.938em /*15p x*/;
        color: #444;
        line-height: 26px;
        text-align: justify;
    }

.page-content img {
	margin-bottom: 30px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	page-panel
	面板
======================================================= */

/* 背景：margin */
.page-panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/* 文字：字級 */
    .page-panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 0.938em /*15p x*/;
        color: inherit;
    }

/* 文字：字級 */
    .page-panel-body {
        padding: 10px 15px;
        font-size: 0.938em /*15p x*/;
    }

.page-panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	全站-橫線
======================================================= */

/* 顏色、實線、padding、margin */
hr.star-light,hr.star-primary {
	color: #cacaca;
	padding: 0;
	border: none;
	border-top: solid 1px;
	text-align: center;
	margin: 10px auto 10px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	麵包屑
======================================================= */

/* 文字 */
.breadcrumb > li a {
	font-size: 0.938em/*15p x*/;
	padding-left: 5px;
}

/* 文字active */
    .breadcrumb > .active {
        font-size: 0.938em /*15p x*/;
    }

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	左側選單
	page-list-group
======================================================= */

/* 背景 */
.page-list-group {
	margin-bottom: 30px;
}

/* 邊框 */
.page-list-group-item {
	padding: 3px 15px;
	border: 2px solid #ffffff;
}

/* 連結：顏色、文字 */
    a.page-list-group-item {
        font-size: 0.938em /*15p x*/;
        color: #444444;
    }

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	表單
======================================================= */

/* margin */
.page-form-group-bottom {
	margin-bottom: 8px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767p x)
	page-table
======================================================= */

/* table 文字 */
    .page-table {
        font-size: 0.938em /*15p x*/;
        color: #444;
    }

/* table border橫線、padding間距 */
.page-table > thead > tr > th,
.page-table > tbody > tr > th,
.page-table > tfoot > tr > th,
.page-table > thead > tr > td,
.page-table > tbody > tr > td,
.page-table > tfoot > tr > td {
	padding: 11px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #d0d0d0;
}

/* 表格交叉底色 */
.table-striped > tbody > tr:nth-child(odd) {
	background-color: #fffdf5;
}

/* =======================================================
======================================================= */


}
/* =======================================================
======================================================= */





/* =======================================================
	max-width: 480px (字級設定14px)
======================================================= */

@media (max-width: 480px) {

/* =======================================================
	(480px)
	page-content
======================================================= */	

/* 背景 */
.page-content {
	padding: 0px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(480px)
	全站-橫線
======================================================= */

/* 顏色、實線、padding、margin */
hr.star-light,hr.star-primary {
	color: #cacaca;
	padding: 0;
	border: none;
	border-top: solid 1px;
	text-align: center;
	margin: 6px auto 7px
}

/* =======================================================
======================================================= */


/* =======================================================
	(480px)
	page-table
======================================================= */	

/* table 文字 */
.page-table {
	font-size: 0.875em/*14p x*/;
	line-height: 1.2;
	color: #444;
}

/* table border橫線、padding間距 */
.page-table > thead > tr > th,
.page-table > tbody > tr > th,
.page-table > tfoot > tr > th,
.page-table > thead > tr > td,
.page-table > tbody > tr > td,
.page-table > tfoot > tr > td {
	padding: 11px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #d0d0d0;
}

/* 表格交叉底色 */
.table-striped > tbody > tr:nth-child(odd) {
	background-color: #fffdf5;
}

/* =======================================================
======================================================= */


/* =======================================================
	(480p x)
	分頁巡覽
======================================================= */

/* 分頁巡覽區域 */
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 5px 0px 10px;
	border-radius: 4px;
}

/* 背景 文字 padding間距 */
.pagination > li > a,
.pagination > li > span {
	font-size:0.813em/*13p x*/;
	position: relative;
	float: left;
	padding: 6px 11px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #777;
	text-decoration: none;
	background-color: transparent;
	border: transparent;
}

/* =======================================================
======================================================= */


}
/* =======================================================
======================================================= */