#pictureViewer .menu-bar .handel.maximization {
	background-image: url('../libs/pictureViewer/icons/maximization_black.png');}
#pictureViewer .menu-bar .handel.maximization:hover {
	background-image: url('../libs/pictureViewer/icons/maximization_white.png');}
#pictureViewer .menu-bar .handel.miniaturization {
	background-image: url('../libs/pictureViewer/icons/miniaturization_black.png');}
#pictureViewer .menu-bar .handel.miniaturization:hover {
	background-image: url('../libs/pictureViewer/icons/miniaturization_white.png');}
#pictureViewer .menu-bar .handel.close-view {
	background-image: url('../libs/pictureViewer/icons/close_black.png');}
#pictureViewer .menu-bar .handel.close-view:hover {
	background-image: url('../libs/pictureViewer/icons/close_white.png');}
#pictureViewer .handel-prev {
	background-image: url('../libs/pictureViewer/icons/prev_blank.png');}
#pictureViewer .handel-next {
	background-image: url('../libs/pictureViewer/icons/next_blank.png');}
#pictureViewer .handel-prev:hover {
	background-image: url('../libs/pictureViewer/icons/prev_white.png');}
#pictureViewer .handel-next:hover {
	background-image: url('../libs/pictureViewer/icons/next_white.png');}

/*----------------------------------------section-content----------------------------------------*/
.page-main .column { padding-left: 0; overflow-x: hidden; }
.section-content { width: 80%; display: inline-block; vertical-align: top;   }

/* 二級目錄大屏模式下的導航 */
.left-bar{display: inline-block;}
.left-bar button {
	font-size: 13pt; color: #838383; width: 100%; margin: 0 0 5% 0; background-color: transparent !important;
	border-color: transparent !important; white-space: normal; text-align: left; word-wrap: break-word; padding: 0;
}
.left-bar button li { list-style-type: disc; list-style-position: inside; font-size: 13pt; word-break: break-word; float: left; width: 13%; }
.left-bar button span { float: left; width: 87%; font-size: 13pt; }
.left-bar button.l-en li, .left-bar button.l-en span { font-size: 12pt; }
.left-bar button:hover, .left-bar button.focus, .left-bar button.focus:hover,
.left-bar button.active, .left-bar button.active:hover {
	background-color: transparent !important; border-color: transparent !important; box-shadow: none; outline: none !important;
}

/* 小屏的二級目錄頁面 */
.second-bar { margin: 20px 25px 20px 20px; }
.second-bar img { float: left; margin-right: 18px; }
.second-bar span { float: left; margin-top: 2px; }

/* 文本 */
.con-title{    width: 100%;    display: inline-block;}
.con-content button { float: right; margin-bottom: 4%; }
.section-bg { width: 100%; height: 100%; position: absolute; z-index: -1; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.8; }
.section-box .section-content hr { height:1px; border:none; border-top:1px dashed #838383;background-color: transparent; }

.section-content.col-sm-12{width:100%}

/* 圖片顯示模式按鈕 */
.img-model { position: absolute; right: 0; font-size: 16pt; margin-right: 15px; cursor: pointer; display: none; }

/* 圖片内容 */
.img-second-bar { margin: 20px 0; }
/*.img-second-bar li { display: flex; height: 124px; }
.img-second-bar .img { width: 186px; height: 100%; border-radius: 5px; }*/
.img-second-bar li { display: flex;  }
.img-second-bar .img { width: 186px; height: 124px; border-radius: 5px; }
.img-second-bar .txtbox { width:100%; padding: 0 0.8%; }
.img-second-bar span { display: block; color: #6c6c6c; }
.img-second-bar .bar-title { font-size: 14pt; font-weight: bold; }
.img-second-bar .bar-intro { font-size: 12pt; margin-top: 16px; overflow: hidden;
							 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.img-second-bar .btnbox { display: flex; flex-direction: column; text-align: center; }
.img-second-bar .bar-date { width: 158px; height: 46px; font-size: 12pt; }
.img-second-bar button { margin-bottom: 0; height: 32px; /*padding: 0; margin: 0 auto; */ margin: 0 18px;}

/* 縮略圖 */
.img-main .column { padding-left: 15px; }
.img-main .row-c2 { display: none; }
.img-main .row-c2, .img-main .row-c3 { width: 100%; height: 1px; float: left; }
.img-main p { margin-left: 14px; }
.img-main img { margin: 0 14px; }
.thumbnail { padding: 0; border: 0; text-align: center; }
.thumbnail a { margin: 0; display: inline-block; }
.thumbnail a>img { border-radius: 6px; }
.thumbnail .caption { padding: 3px 5px; }
.caption span { font-size: 14pt; word-wrap: break-word; display: none; }
.p-list .caption span { display: block; }
.img-main, #return_btn {display: none;}

.img-main #p-intro { display: flex; margin: 0 35px; margin-top: 14px; }
.img-main #p-intro .pitm { font-size: 12pt; color: #6c6c6c; }
.img-main #p-intro .pi { float: left; width: 70%; }
.img-main #p-intro .pd { float: right; width: 25%; text-align: right; }

/* 返回按鈕 */
#return_btn { float: left; margin: 30px 10px 24px; width: auto; margin-left: 10%;}

.page-main .btn.btn-primary,
.page-main .btn.btn-primary:focus,
.page-main .btn.btn-primary:active{
	box-shadow: none;
}

/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 992px) {
    /* For mobile phones: */
	/* 2023-10 height太細, layout文字重疊 */
	/*.img-second-bar li { height: 33px; }*/
    .section-title, .left-bar, .img-second-bar .img, .img-second-bar .bar-date, .img-second-bar .bar-intro {display: none;}
    .section-content { width: 100%; }
    .img-second-bar span { cursor: none; }

    /* 圖片内容 */
    .img-second-bar { margin: 0; }
    /* 縮略圖 */
    .img-main { margin: 0; }

	/*added by King at 09/12/2021*/
	.img-main #p-intro {  margin: 0 10px;}
	/*.img-model>img { display: none; }*/
	/*end add*/

    /* 返回按鈕 */
	#return_btn { margin-left: 0;}
	#return_btn.level3 { margin-left: 0; }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
	.img-main .row-c2 { display: block; }
	.img-main .row-c3 { display: none; }
}

@media (max-width: 696px) {
	.col-xs-6 { width: 273px; float: unset; margin: 0 auto; }
}