[data-unit~="-section"] {
	width: 100%; /* 790px; */
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
    display: flex;
}
/*
#listViewPhoto, #listViewVideo {
	padding: 10px 5px;
	margin-bottom: -1px;
	border: none;
	background-color: #e7f1ed;
}
*/
[data-unit="img-link"] {
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-end; */
    align-items: center;
}

[data-unit="archives-section"] > [data-unit="img-link"] {
    justify-content: space-around;
}

[data-unit="img-link"] [data-unit="hover-scale-img"] {
    filter: drop-shadow(0.3rem -0.3rem 0.1rem rgba(64, 64, 64, 0.2));
    overflow: hidden;
    text-align: center;
}

[data-unit="archives-section"] [data-unit="img-link"] [data-unit="hover-scale-img"] img,
[data-unit="photo-section"] [data-unit="img-link"] [data-unit="hover-scale-img"] img {
    object-fit: cover;
    height: auto; /*30vh;*/
    max-height: 30vh;
    width: 100%;
    text-indent: -10000px;
}

[data-unit="img-link"] [data-unit="hover-scale-img"] img {
    border: 1px solid #888;
    width: 100%;
}
/*
[data-unit~="-section"] [data-unit="search-result"] > [data-unit="img-link"] {
    padding: 10px 5px 0 10px;
}
*/
[data-unit~="-section"] [data-unit="search-result"] > [data-unit="img-link"] [data-unit="hover-scale-img"] img {
    width: 100%;
    height: auto;
    max-height: 160px; /*192px;*/
    float: left;
    text-align: center;
    transition: .5s;
}

[data-unit~="-section"] [data-unit="search-result"] > [data-unit="img-link"] [data-unit="hover-scale-img"] img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

[data-unit="archives-section"] [data-unit="img-link"] [data-unit="hover-scale-img"]:after,
[data-unit="photo-section"] [data-unit="img-link"] [data-unit="hover-scale-img"]:after {
    content: "";
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: 1.2rem;
    height: 1.6rem;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi45OTIiIGhlaWdodD0iMzAuODQ5Ij48cGF0aCBkPSJNMjMuMTM2IDI2Ljk5M0gzLjg1NnYtMy44NTdsNS43ODQtOS42NCA3LjkyMyA5LjY0IDUuNTczLTMuODU2em0wLTEyLjUzMkEyLjg5IDIuODkgMCAwIDEgMTguMiAxNi41MWEyLjg5IDIuODkgMCAwIDEgMi4wNDQtNC45MzhjMS41OTYgMCAyLjg5IDEuMjkyIDIuODkyIDIuODg4em0yLjU4NS03LjU2Yy0uODAxLTEuMDYzLTEuNjc5LTIuMDY1LTIuNjI2LTMtLjkzNS0uOTQ3LTEuOTM3LTEuODI1LTMtMi42MjZDMTguNTQxLjEzNiAxNy43ODguMDA0IDE3LjM1Ni4wMDRIMi40MUMxLjA4Mi4wMDYuMDA1IDEuMDgyLjAwMSAyLjQxdjI2LjAyOWMuMDAyIDEuMzMgMS4wOCAyLjQwOCAyLjQxIDIuNDFoMjIuMTcxYzEuMzMtLjAwMiAyLjQwOC0xLjA4IDIuNDEtMi40MXYtMTguOGMwLS40MzItLjEzMi0xLjE4NS0xLjI3MS0yLjczOXptLTMuOTktMS42NGEyNi4zIDI2LjMgMCAwIDEgMi4xODcgMi40NTFIMTkuMjh2LTQuNjRhMjYuMjcgMjYuMjcgMCAwIDEgMi40NTEgMi4xODZ6bTMuMzMzIDIzLjE3OGEuNDkuNDkgMCAwIDEtLjQ4Mi40ODJIMi40MWEuNDkuNDkgMCAwIDEtLjQ4Mi0uNDgyVjIuNDFhLjQ5LjQ5IDAgMCAxIC40ODItLjQ4MmgxNC45NDJ2Ni43NDRjMCAuNTMyLjQzMi45NjQuOTY0Ljk2NGg2Ljc0OHoiIGZpbGw9IiNmNGY0ZjQiLz48L3N2Zz4=') no-repeat top right;
    background-size: 100%;
    opacity: 0.8;
}

[data-unit="video-section"] [data-unit="img-link"] [data-unit="hover-scale-img"]:after {
    content: "";
    position: absolute;
    top: 0;
    right: .2rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM5MS4yIDY0OS45bDI0NS0xMjIuNWMyMi41LTExLjMgMjIuNS00My41IDAtNTQuOGwtMjQ1LTEyMi41Yy0yMC40LTEwLjItNDQuMyA0LjYtNDQuMyAyNy40djI0NWMwIDIyLjggMjMuOSAzNy41IDQ0LjMgMjcuNGgwIDB6bTUwNy4yLTUxNy40SDEwMS42QzUxLjIgMTMyLjUgMTAgMTc0IDEwIDIyNC44djU1MC4zYzAgNTEgNDAuOSA5Mi40IDkxLjYgOTIuNGg3OTYuOWM1MC40IDAgOTEuNi00MS41IDkxLjYtOTIuNFYyMjQuOGMtLjEtNTEtNDEtOTIuMy05MS43LTkyLjNoMCAwek0xOTMuOCA3NzUuM2MwIDE3LjEtMTMuMSAzMC45LTMwLjkgMzAuOWgtNjAuNmMtMTcuMSAwLTMwLjktMTMuMS0zMC45LTMwLjl2LTYwLjZjMC0xNy4xIDEzLjEtMzAuOSAzMC45LTMwLjlIMTYzYzE3IDAgMzAuOSAxMy4xIDMwLjkgMzAuOXY2MC42aC0uMXptMC0yNDVjMCAxNy4xLTEzLjEgMzAuOS0zMC45IDMwLjloLTYwLjZjLTE3LjEgMC0zMC45LTEzLjEtMzAuOS0zMC45di02MC42YzAtMTcuMSAxMy4xLTMwLjkgMzAuOS0zMC45SDE2M2MxNyAwIDMwLjkgMTMuMSAzMC45IDMwLjl2NjAuNmgtLjF6bTAtMjQ1YzAgMTcuMS0xMy4xIDMwLjktMzAuOSAzMC45aC02MC42Yy0xNy4xIDAtMzAuOS0xMy4xLTMwLjktMzAuOXYtNjAuNmMwLTE3LjEgMTMuMS0zMC45IDMwLjktMzAuOUgxNjNjMTcgMCAzMC45IDEzLjEgMzAuOSAzMC45djYwLjZoLS4xem01NTEuMiA1MjFIMjU1VjE5My43aDQ5MHY2MTIuNnptMTgzLjgtMzFjMCAxNy4xLTEzLjEgMzAuOS0zMC45IDMwLjloLTYwLjdjLTE3IDAtMzAuOS0xMy4xLTMwLjktMzAuOXYtNjAuNmMwLTE3LjEgMTMuMS0zMC45IDMwLjktMzAuOWg2MC43YzE3IDAgMzAuOSAxMy4xIDMwLjkgMzAuOXY2MC42em0wLTI0NWMwIDE3LjEtMTMuMSAzMC45LTMwLjkgMzAuOWgtNjAuN2MtMTcgMC0zMC45LTEzLjEtMzAuOS0zMC45di02MC42YzAtMTcuMSAxMy4xLTMwLjkgMzAuOS0zMC45aDYwLjdjMTcgMCAzMC45IDEzLjEgMzAuOSAzMC45djYwLjZ6bTAtMjQ1YzAgMTcuMS0xMy4xIDMwLjktMzAuOSAzMC45aC02MC43Yy0xNyAwLTMwLjktMTMuMS0zMC45LTMwLjl2LTYwLjZjMC0xNy4xIDEzLjEtMzAuOSAzMC45LTMwLjloNjAuN2MxNyAwIDMwLjkgMTMuMSAzMC45IDMwLjl2NjAuNnoiLz48L3N2Zz4=') no-repeat top right;
    background-size: 100%;
    opacity: 0.8;
    z-index: 20;
}

[data-unit="archives-section"] [data-unit="img-link"] [data-unit="hover-scale-img"].frame_album:after,
[data-unit="photo-section"] [data-unit="img-link"] [data-unit="hover-scale-img"].frame_album:after {
    content: "";
    position: absolute;
    top: .2rem;
    right: .3rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05MjAgMjAyLjV2NTYwYzAgMzguNi0zMS40IDcwLTcwIDcwSDExNWMwIDM4LjYgMzEuNCA3MCA3MCA3MGg3MzVjMzguNiAwIDcwLTMxLjQgNzAtNzB2LTU2MGMwLTM4LjYtMzEuNC03MC03MC03MGgwem0tMzUgNTI1di01NjBjMC0zOC42LTMxLjQtNzAtNzAtNzBIODBjLTM4LjYgMC03MCAzMS40LTcwIDcwdjU2MGMwIDM4LjYgMzEuNCA3MCA3MCA3MGg3MzVjMzguNiAwIDcwLTMxLjQgNzAtNzBoMHptLTgwNS01NjBoNzM1djU2MEg4MHYtNTYwaDB6bTQwNyAzNjAuOUwzODIuNCA0MTcgMjc3LjggNTk1LjdsLTc4LjUtODItODUgMTc5LjVoNjY2LjlMNjMwLjggMjk5LjYgNDg3IDUyOC40aDB6TTIyMCA0MTIuNWMzOC42IDAgNzAtMzEuNCA3MC03MHMtMzEuNC03MC03MC03MC03MCAzMS40LTcwIDcwIDMxLjQgNzAgNzAgNzB6Ii8+PC9zdmc+') no-repeat top right;
    background-size: 100%;
    opacity: 0.8;
}

[data-unit="img-link"] [data-unit="event-date"] {
    padding: 0 5px;
    font-size: .5rem;
    color: lavenderblush;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    text-decoration: none;
    text-align: right;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-unit="img-link"] [data-unit="event-date"]:hover {
    visibility: visible;
}

[data-unit="overlay-content"] {
    font-size: 1.6rem;
	line-height: 1.6rem;
}

[data-unit="overlay-content"]:hover {
    text-decoration: underline;
}

[data-unit~=img-link] [data-unit~=overlay-content]{
	    padding: .2rem!important;
}


/*
[data-unit="search-box"] + [data-unit="photo-section"] > [data-unit="img-link"],
[data-unit="search-box"] ~ [data-unit="video-section"] > [data-unit="img-link"] {
    justify-content: flex-start;
}
*/
    [data-unit="pager"] {
	width: 100%;
	position: absolute;
	bottom: 0;
	border-left: none;
	border-right: none;
}

/* .dl and .dr are belonged to the left and right column which applied to the search result */
[data-unit~="-section"] .dl img {
    max-height: 170px;
    padding: 1rem 3rem;
}

@media screen and (min-width: 745px) {
    [data-unit="photo-section"] .dl {
        width: 256px;
        height: 192px;
        float: left;
    }

    [data-unit="photo-section"] .dr {
        width: calc(100% - 256px);
        min-width: 400px; /*500px;*/
        float: left;
    }

    [data-unit="video-section"] .dl {
        width: 256px;
        height: 192px;
        float: left;
    }

    [data-unit="video-section"] .dr {
        width: calc(100% - 256px);
        min-width: 400px;
        float: left;
    }
}

[data-unit="search-result"] {
    width: 100%;
    padding: 10px 1rem;
    background-color: #f8f8f8;
    margin-bottom: 1rem;
}
[data-unit="search-result"]:hover {
    background-color: #ffefff;
}

[data-unit="archives-section"] .listitem {
    border: none;
}

[data-unit="archives-section"] .listitem:hover {
    background-color: #f8f8f8;
}

.listitem .dr h3 {
    padding: 0 20px;
    color: #147650;
    font-weight: 600;
    display: block;
    font-size: 1rem;
    margin-top: 1rem;
}
.listitem .dr h3 > span.small_date, .current_term {
    color: #555;
    font-weight: 500;
    font-size: .7rem;
}
.listitem .dr p {
    padding: 0 20px;
    font-size: .9rem;
    display: block;
}

[data-unit="archives-section"] .listitem a > img,
[data-unit="photo-section"] .listitem a > img {
    padding-left: 42px;
    padding-top: 35px;
    width: 235px;
    height: 156px;
    cursor: pointer!important;
}

[data-unit="video-section"] .listitem a > img {
    cursor: pointer!important;
}
/*
[data-unit="archives-section"] .listitem {
    width: auto;
    padding: 0 2rem;
    margin: 0;
}
*/

[data-unit="archives-section"] .listitem.selected {
    border: 2px dashed #7b4eb1;
}

.thumbnail {
    float: left;
    position: relative;
    width: 256px;
    height: 192px;
    /*margin: 4px 0 40px 4px;*/
    margin: 4px 0 64px 4px;
    padding: 0;
}

/*
[data-unit="archives-section"] .frame_album {
    background: url('/cs/images/photogallery/photo-album.png') no-repeat;
}
[data-unit="archives-section"] .frame_item {
    background: url('/cs/images/photogallery/photo-album-1p.png') no-repeat;
}
[data-unit="archives-section"] .frame_folder:before {
    content: url('/cs/images/photogallery/video_upper.png');
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

[data-unit="archives-section"] .frame_folder::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('/cs/images/photogallery/video_upper.png');
    z-index: 1;
}

[data-unit="archives-section"] .frame-photo-category {
    background: url('/cs/images/photogallery/photo-category.png') no-repeat;
}
[data-unit="archives-section"] .frame-photo-category img, .frame-photo-album img {
    width: 256px;
    height: 180px;
    padding: 36px 22px 24px 42px;
}
*/
/*
.frame_video {
	background: url('/cs/images/photogallery/film.png') no-repeat;
}
.frame-photo-category {
	background: url('/cs/images/photogallery/photo-category.png') no-repeat;
}
.frame-photo-album {
	background: url('/cs/images/photogallery/photo-album.png') no-repeat;
}
.frame-video-category, .frame-video-album  {
	background: url('/cs/images/photogallery/video-category.png') no-repeat;
}
.frame-photo-category img, .frame-photo-album img {
	width: 256px;
	height: 180px;
	padding: 36px 22px 24px 42px;
}
.frame-video-category img, .frame-video-album img {
	width: 256px;
	height: 180px;
	padding: 24px 32px 36px 32px;
}
*/
.thumbnail h3 {
    margin: 0;
    padding: 3px;
    max-width: 300px; /* 256px */
    color: #333;
    text-align: center;
    overflow: hidden;
    min-height: 48px;
    color: #147650;
    font-size: 16px;
}
.thumbnail a {
	text-decoration: none;
}
.thumbnail p {
	visibility: hidden;
}
.thumbnail:hover p {
    visibility: visible;
    position: absolute;
    width: 192px;
    height: 120px;
    top: 0;
    padding: 0;
    line-height: 155px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.2);
    transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -webkit-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
    font-size: 12px;
}
.frame-photo-category:hover p, .frame-photo-album:hover p {
	margin: 36px 22px 36px 42px;
}
.frame-video-category:hover p, .frame-video-album:hover p {
	/* margin: 26px 31px 46px 31px; */
	margin: 24px 32px 48px 32px;
}
.frame-photo-category:before  {		/* for IE8 */
  content: url('/cs/images/photogallery/clip.png');
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
}
.frame-photo-category::after  {		/* for Chrome and all other edge browsers */
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-image: url('/cs/images/photogallery/clip.png');
  z-index: -1;
}
.frame-video-album:before  {			/* for IE8 */
  content: url('/cs/images/photogallery/video_play.png');
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
}
.frame-video-album::after  {			/* for Chrome and all other edge browsers */
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-image: url('/cs/images/photogallery/video_play.png');
  z-index: -1;
}
/* for IE8 */
/*
.frame-video-category:before  {			
  content: url('/cs/images/photogallery/video_upper.png');
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
}
.frame-video-category::after  {	
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-image: url('/cs/images/photogallery/video_upper.png');
  z-index: -1;
}
*/
span.video_length, span.video_length :hover {
	font-size: 12px !important;
	text-decoration: none;

	/* new added */
	color: #fff;
	position: absolute;
	left: 32px;
	top: 24px;
	background-color: #000;
	opacity: 0.4; 
	filter: alpha(opacity=40);
	padding: 2px;
}
/*
[data-unit="img-link"]:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
.thumb_date {
	font-size: 12px;
	color: #555;
}

img[loading="lazy"], .pswp__img {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODBweCIgIGhlaWdodD0iODBweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJpbmciPgogICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzAiIHN0cm9rZT0icmdiYSgyNTUsMjA1LDAsMC42KSIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIj48L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMwIiBzdHJva2U9InJnYmEoOTksMTAyLDEwNiwwLjYpIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0icm90YXRlKDE0NCA1MCA1MCkiPgogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaGFycmF5IiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4Mjs5NC4yNDc3Nzk2MDc2OTM4IDk0LjI0Nzc3OTYwNzY5Mzc3OzE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4MiIga2V5VGltZXM9IjA7MC41OzEiIGR1cj0iMSIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogICAgPC9jaXJjbGU+Cjwvc3ZnPg==') no-repeat center center;
    /* background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMCA1MEE0MCA0MCAwIDAgMCA5MCA1MEE0MCA0MiAwIDAgMSAxMCA1MCIgZmlsbD0iIzdiNGViMSIgc3Ryb2tlPSJub25lIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTUuOTkyIDUwIDUxKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBrZXlUaW1lcz0iMDsxIiB2YWx1ZXM9IjAgNTAgNTE7MzYwIDUwIDUxIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9wYXRoPjwvc3ZnPg==') no-repeat center center; */
    min-height: 100px;
    min-width: 100px;
}

[data-unit="photo-slider"] img[loading="lazy"] {
	max-height: 200px;
}

/*
@media all and (-ms-high-contrast:none) {
    [data-unit="photo-slider"] img[loading="lazy"] {
        height: 320px;
    }
}
*/
[data-unit="icon back"] {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI +PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMCA5VjVsLTcgNyA3IDd2LTQuMWM1IDAgOC41IDEuNiAxMSA1LjEtMS01LTQtMTAtMTEtMTF6Ii8+PC9zdmc+') no-repeat center center;
    padding-left: 36px;
}

[data-unit="icon home"] {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEwIDE5di01aDR2NWMwIC41NS40NSAxIDEgMWgzYy41NSAwIDEtLjQ1IDEtMXYtN2gxLjdjLjQ2IDAgLjY4LS41Ny4zMy0uODdMMTIuNjcgMy42Yy0uMzgtLjM0LS45Ni0uMzQtMS4zNCAwbC04LjM2IDcuNTNjLS4zNC4zLS4xMy44Ny4zMy44N0g1djdjMCAuNTUuNDUgMSAxIDFoM2MuNTUgMCAxLS40NSAxLTF6Ii8+PC9zdmc+') no-repeat center bottom;
    padding-left: 36px;
}

/* Search Page */
[data-unit="search-box"]:lang(en)::before {
    content: 'Search:';
}

[data-unit="search-box"]:lang(zh)::before {
    content: '搜索:';
}

[data-unit="search-box"] {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    text-align: right;
}

    [data-unit="search-box"] input {
        width: 20%;
        padding: 4px;
        display: inline;
        transition: width 0.4s ease-in-out;
        border: none;
        border-bottom: 1px solid #ccc;
        font-size: 1rem;
    }

        [data-unit="search-box"] input:focus {
            width: 40% !important;
        }

[data-unit="icon search"] {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy41ODMgMjMuNTAxIiByb2xlPSJpbWciIGZvY3VzYWJsZT0iZmFsc2UiPjx0aXRsZT5TZWFyY2ggaWNvbjwvdGl0bGU+PHBhdGggYXJpYS1oaWRkZW49InRydWUiIGQ9Ik0yNi43MzEsMjUuMzY1LDIwLjQ3NSwxOS4wNWE4LjkxNiw4LjkxNiwwLDEsMC0xLjM1MywxLjM3MWw2LjIxNSw2LjI3NGEuOTYzLjk2MywwLDAsMCwxLjM1OS4wMzVBLjk2OS45NjksMCwwLDAsMjYuNzMxLDI1LjM2NVpNMTMuNDY5LDIwLjVhNy4wNCw3LjA0LDAsMSwxLDQuOTc5LTIuMDYyQTcsNywwLDAsMSwxMy40NjksMjAuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00IC0zLjk5MykiPjwvcGF0aD48L3N2Zz4=') no-repeat center center;
    padding-left: 36px;
    cursor: pointer!important;
}

[data-unit="load-more"] {
    text-align: center;
    margin-top: 1rem;
    width: 100%;
}

[data-unit="load-more"] a {
    font-size: 1rem;
    text-decoration: none;
    background-color: #7b4eb1;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: .5rem 1rem;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}

[data-unit="load-more"] a:hover {
    background-color: #bb8ef1;
}


/* Breadcrumb */
/* Style the list */
ul[data-unit="gallery-breadcrumb"] {
    padding: 1rem;
    list-style: none;
    text-align: left;
}

    /* Display list items side by side */
    ul[data-unit="gallery-breadcrumb"] li {
        display: inline;
        font-size: 1rem;
    }

        /* Add a slash symbol (/) before/behind each list item */
        ul[data-unit="gallery-breadcrumb"] li + li:before {
            padding: 8px;
            color: black;
            content: "/\00a0";
        }

        /* Add a color to all links inside the list */
        ul[data-unit="gallery-breadcrumb"] li a {
            color: #0275d8;
            text-decoration: none;
            border-bottom: 0;
        }

            /* Add a color on mouse-over */
            ul[data-unit="gallery-breadcrumb"] li a:hover {
                color: #01447e;
                text-decoration: underline;
            }


/* Page loader */
div[data-unit="page-loader"] {
/*
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 30%;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMCA1MEE0MCA0MCAwIDAgMCA5MCA1MEE0MCA0MiAwIDAgMSAxMCA1MCIgZmlsbD0iIzdiNGViMSIgc3Ryb2tlPSJub25lIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTUuOTkyIDUwIDUxKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBrZXlUaW1lcz0iMDsxIiB2YWx1ZXM9IjAgNTAgNTE7MzYwIDUwIDUxIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9wYXRoPjwvc3ZnPg==') no-repeat center center;
*/
/*
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background: url('/cs/images/loader.svg') no-repeat center rgba(220, 220, 220, 0.5); 
*/
}

@media screen and (min-width: 1025px) {
    .tail-select .select-dropdown {
        top: 73px;
        left: -7px;
    }
}

@media screen and (max-width: 744px) {
	[data-unit="img-link"] {
		display: block;
	}
}

@media screen and (max-width: 1024px) {
    [data-unit="search-box"] input {
        width: 50%;
        padding: 4px;
        display: inline;
        transition: width 0.4s ease-in-out;
        border: none;
        border-bottom: 1px solid #ccc;
        font-size: 1rem;
    }

	[data-unit="search-box"] input:focus {
		width: 60% !important;
	}
	[data-unit="img-link"] [data-unit="hover-scale-img"] img {
		max-height: 50vh!important;
	}
}

[data-unit="search-summary"] {
	padding-left: calc(1rem + 8px);
	margin-top: 1rem;
	text-align: left;
	width: 100%;
}

/* spinner class (KC's version) */
.spinner[data-unit="spinner-container"] {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	opacity: 0.6;
	z-index: 1000000;
	background-color: #fff;
}
.spinner [data-unit="spinner"] {
    position: fixed;
    top: 50%;
    left: 50%;
	height: 160px;
	width: 160px;
    margin: -80px 0 0 -80px;
	animation: spinner-rotate 1.8s infinite linear;
	border: 10px solid #FFCD00;  /* Pantone 116 C = #FFCD00; */
	border-top-color: #63666A;    /* Pantone Cool Gray 10 C = #63666A */
	border-radius: 50%;
}
.spinner [data-unit="spinner-original"] {
    position: fixed;
    top: 50%;
    left: 50%;
	height: 8vw;
	width: 8vw;
    margin: -4vw 0 0 -4vw;
	animation: spinner-rotate 1.8s infinite linear;
	border: 0.6vw solid #FFCD00;  /* Pantone 116 C = #FFCD00; */
	border-top-color: #63666A;    /* Pantone Cool Gray 10 C = #63666A */
	border-radius: 50%;
}
@keyframes spinner-rotate {
	0%    { transform: rotate(0deg); }
	100%  { transform: rotate(360deg); }
}