:root {
            --home-bg: #F3B1BB;
            --content-bg: #FFF;
            --button-bg: #E0E0E0;
            --button-border: #666;
            --button-selected-bg: #F3B1BB;
            --button-selected-color: #4C4C4C;
            --button-filter-color: #007483;
            --button-radius: 1vw;
            --main-text-color: #666;
            --text-color: #000;
            --hyperlink-color: #00D;
            --menu-bg: #F3B1BB;
            --mb-menu-bg: #FFF;
            --menu-text: #4C4C4C;
            --menu-text-active: #007483;
  			--search-text: #666;
            --submenu-bg: #F3B1BB;
            --submenu-text: #4C4C4C;
            --item-bg: #007483;
            --item-text-color: #FFF;
            --content-max-width: 1600px;
   			--content-title: #007483;
            --header-height: 170px;
            --logo-height: 150px;
            --mb-header-height: 120px;
            --mb-logo-height: 100px;
            --border-radius: 2vw;
            --border-radius-2: 1.5vw;
            --mb-border-radius: 15px;
            --mb-border-radius-2: 10px;
}

html {
  scroll-behavior: smooth;
}
html:lang(en-US) {font-size: 16px;}
html:lang(zh-HK) {font-size: 16px;}
html:lang(zh-CN) {font-size: 16px;}

body 	{display: flex; background-color: var(--content-bg); color:var(--main-text-color); flex-direction: column; min-height: 100vh;}
/*a, a:link	{color:#4040FF;}
a:visited	{color:#4040FF;}*/
section a:link, section a:visited	{color:#fff;}
/*a:active, section a:active 	{color:#00F;}*/

img 		{height:auto;}
.img-fluid	{height:auto;}

//--- Header Menu Style
//svg, .icons img, .search-dropdown img		{display:block;max-width:30px!important;height:auto;}
form button			{display:block;max-width:45px!important;height:auto;}
form button img		{align-items: center;}
//.social-dropdown img	{width: 64px;}
.link-icon a, .link-icon img, .font-icon a, .font-icon img, .search-icon a, .search-icon img	{background-position: center; width: 30px; line-height: 30px; height: 30px; display: block; text-align: center;}
.social-dropdown			{/*background-color: rgba(0, 0, 0, 0.0) !important;*/}
.social-dropdown img		{background-position: center; width: 40px; line-height: 40px; height: 40px; display: block; text-align: center;}
.social-dropdown a			{margin:5px;}
.lang-icon a	{color:#666;}
@media (max-width: 992px) {.lang-icon a	{color:#666;}}
/*.link-icon a:hover, .link-icon a:focus		{background-position: center; width: 36px; line-height: 36px; height: 36px; display: block; text-align: center; outline-style:solid;outline-width:1px;outline-color:#EEE;}*/
input[type=text] {padding: 8px 12px; margin: 8px 0; box-sizing: border-box;}
.lang-icon	{/*font-size: 1.25rem;*/}
.filtericon		{height:24px;}

main							{position:relative;width:100vw;max-width:var(--content-max-width);margin-top:20px;height:auto;padding: 0 20px;min-height: 100vh;}
@media (max-width: 992px) 		{main	{padding: 0 2%;}}

.mainTitle, .mainTitle2			{position:relative;width:100%;min-height:var(--header-height);padding: 0 0 20px 0;clear:both;}
.mainTitle .mainH12				{/*position:relative;*/position:absolute;bottom:0;left:0;max-width:calc(100% - 150px);height:auto;min-height:var(--header-height);float:left;clear:both;display: flex; flex-direction: column; justify-content: flex-end;}
//@media (max-width: 992px) {min-width:60vw;}
//.mainTitle h1, .mainTitle2 h1	{position:absolute;bottom:0;left:0;margin-top:0px;}
//.mainTitle h2, .mainTitle2 h2	{position:absolute;bottom:0;left:0;margin-top:0px;}
.mflogo						{position:relative;float:right;width:auto;height:auto;}
.mainTitle2 .mflogo, .mainTitle2 .mainH12		{position:relative;width:50%;height:440px;float:left;margin:auto;}
.mainTitle2 .mainH12		{line-height: 440px; text-align: center;}
.mflogo img					{display:block;width:auto;height:var(--logo-height);margin:0 auto;}
.mainTitle2 img				{display:block;width:80%;margin:0 auto;}

.homeban img				{width:100%;height:auto;margin:0 auto;padding-top:5vw;padding-bottom:5vw;}
.mainTitle2 p				{vertical-align: middle;margin:0 auto;font-size:300%;}
.pt-60			{/*margin-top:50px;*/padding:2%;min-height:0!important;}
.pt-60 .mainH12, .pt-60 .icons	{position:relative;float:left;min-height:100px;padding-right:2%;}
.pt-60 .icons				{position:absolute;bottom:0;}

.mainH12 span				{color:#007483;}

p .subclass					{width:auto;}
.subclass					{padding: 10px; text-transform: uppercase; color: var(--button-filter-color); border-radius: var(--button-radius); font-weight: 500;background-color: var(--button-selected-bg);color: var(--button-selected-color);}

/*.max-content	{background-color:rgba(255, 255, 255, 1.0);}
.max-content		{width:100%;}*/
.content-bgcolor	{background-color:#2D3E72;}
.content-bgcolor p, .content-bgcolor a	{color:#FFF;}
.modal-content 		{background-color:rgba(0,0,0,0.2);}
.menuActive 		{color: var(--menu-text-active)!important; background-color: rgba(0, 0, 0, 0.0) !important;}

section		{margin-top:20px;clear:both;}

#footer				{position:relative;width:100%;float:left;padding: 1%;}
.footerhr			{width:100%;border: 1px solid #666!important;margin-top:40px;}
.sitelink, .sitelink strong, .sitelink a		{font-size:14px; filter: invert(1) grayscale(1); -webkit-filter: invert(1) grayscale(1);mix-blend-mode: difference;}
.footer-bgcolor		{/*background-color:#BEB;*/}
#footer div			{float:left;}
#footer a, #footer strong, #footer p		{font-size:14px; color: #666;}

#past_events div	{}
#past_events img	{display:block;}
#past_events a:focus, #past_events a:hover		{outline-style:solid;outline-width:1px;outline-color:#888888;padding:0px;}

::-webkit-scrollbar	{
	width: 4px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-track	{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb	{
	background-color: #000000;
	border: 2px solid #555555;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover	{
  background: #555; 
}
.imgZoomIn 			{positive:relative;display:block;overflow:hidden;margin:0 auto;width:100%;height:100%;background-color:rgba(0,0,0,0.0);} 
.imgZoomIn img			{width: 100%; height:auto; transition: 0.5s all ease-in-out;/*mix-blend-mode: luminosity;*/border-radius:var(--border-radius);display:block;} 
.imgZoomIn:hover img	{transform: scale(1.25); mix-blend-mode: normal;outline-style:solid;outline-width:1px;outline-color:#888888;}

.item-img img 		{transition: 0.5s all ease-in-out;border-radius:var(--border-radius);display:block;} 
.item-img:hover img, .item-img:focus img 	{outline-style:solid;outline-width:1px;outline-color:#888888;} 

.item2 strong		{font-weight:200!important;}
//.col-lg-3 img, .col-lg-4 img	{border-radius:12px;}
.clearboth			{clear:both;}
.anniv-item			{max-width:var(--content-max-width);margin:0 auto;padding:0 4% 40px;}
.anniv-item	div		{background-color:var(--item-bg);border-radius:var(--border-radius);}
.anniv-item img		{width: 100%;border-radius:var(--border-radius);}
@media (max-width: 992px) 		{
  	.anniv-item 		{max-width:100%;padding:40px 8% 0;}
	.anniv-item	div 	{height:auto; /*min-height: 270px;*/margin: 0px auto 40px;border-radius:var(--mb-border-radius);}
	.anniv-item img		{width: 100%;border-radius:var(--mb-border-radius);}
}
@media (max-width: 576px) 		{
  	.anniv-item 		{}
	.anniv-item	div 	{/*min-height: 290px;*/}
}
.anniv-item .row div:nth-child(0)		{min-height:0px;}
//.row div:nth-child(odd)		{padding-left: 0px;}

.anniv-item .col-xs-4	{padding: 30px 15px;}
.anniv-item .col-xs-8	{padding-left:0px;padding-right:0px;}
//.anniv-item .row:nth-child(even) .col-xs-8	{float:right!important;}
.anniv-title		{width:calc(100% - 40px);padding-top:20px;}
.anniv-title img	{float:right;width:24px!important;}
.col-xs-4 > p 		{color: #FFF;}
.row				{margin-left:0px!important;margin-right:0px!important;margin-bottom:2%;}
.row h1, .row h2, .row h3	{padding-top:30px;clear:both;}
.alignVcentre		{position:relative; display:flex; align-items: center; justify-content: center; min-height: 33.5vw; height: inherit;}
.alignVcentre div	{position:relative; width:90%;min-height: 0px;}
.alignVcentre p		{color: #FFF;}
.alignVcentre .icons		{position:absolute;top:0px;right:0px;width:30px;height:30px;margin:20px 0px 0px 0px;}
.alignVcentre .icons img	{border-radius:0px;width:30px;height:30px;}
@media (min-width: 1600px) 		{
	.row, .alignVcentre			{height: 538px!important;min-height: 0px;}
	#footer .row				{height: auto!important;}
  	.alignVcentre .icons		{max-height:30px;}
}
@media (max-width: 992px) 		{
	.alignVcentre		{min-height: 0px;}
	.alignVcentre div	{width:90%;min-height: 0px;/*max-height: 200px;*/}
}
@media (max-width: 576px) 		{.alignVcentre {max-height:100%;}}

.banner-floattext	{z-index:10;position:absolute;width:100%;min-height:80px;bottom:0px;left:0px;padding:10px;text-align:left;font-weight:500;color:#fff;background-color:rgba(125, 95, 216, 0.8);/*text-shadow: 1px 1px #000;*/}
.banner-floattext span		{font-weight:900;}
//.sliderTitle		{}
.LL-YT2023		{position:relative;width:100%;max-width:var(--content-max-width);height:0;max-height:720px;overflow:hidden;margin:20px auto;padding-bottom:56.25%;}
.LL-YT2023 iframe, .LL-YT2023 object, .LL-YT2023 embed	{position:absolute;top:0;left:0;width:100%;height:100%;max-height:720px;border-radius:var(--border-radius);}
@media (max-width: 992px) {
  .LL-YT2023			{position: relative;width:99.6vw;height: 0;overflow: hidden;padding-bottom: 56.25%;margin-left:-1.75vw;border-radius:var(--mb-border-radius);}
  .LL-YT2023 iframe		{position:absolute;top:0;left:0;width:100vw;height:100%;}
}
.col-md-8		{padding-left:0px!important;padding-right:0px!important;}
                     
/************************** Loading START **************************/
/*.loading-screen	{display:block;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:99999;}*/
#load-ani {
  display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999; background: rgba(0, 0, 0, 0.9);
  /*
  -webkit-animation: fade-out 2.5s linear forwards;
  animation: fade-out 2.5s linear forwards;*/
}
@keyframes fade-out {
  90% {opacity: 1;}
  100% {opacity: 0;}
}
.blank-page		{width:100%;height:100vh;}
//iframe		{display:block; border: none; overflow-x: hidden;}
#mf2023-YTclose		{position:fixed;top:15px;right:15px;z-index:99999;}
#mf2023-YTclose button	{background-color: #000;border:0;}
/************************** Loading END **************************/

/************************** Common FONT CSS **************************/
h1			{color:var(--menu-text-active);text-transform: uppercase;}
h2			{color:var(--menu-text-active);text-transform: uppercase;}
h2 span		{color:#666;}
h3			{color:#666;}
//.h1-title	{color:#FF398E!important;font-size:3.25rem;text-transform: uppercase;line-height:1.0em!important;}
//.h2-t1		{font-size:2.5rem!important;}
//.h2-title, .h2-title a		{color:#FF398E!important;width:fit-content;background-color:#2D3E72;font-size:18pt!important;}
.mainTitle p, .mainTitle2 p, .mainH12 p		{color:#EEE;}

main p			{margin-bottom: 1.5em;/*text-align: justify;*/}
p, a, .menu li a, .menu li ul li a, section		{/*font-size: 14px;*/}
p, li a			{color: var(--text-color);}
a				{color: var(--hyperlink-color);font-weight:normal;}
.menuTitle		{color:#F00;}
.font-weight-bold	{font-weight:700;}
#hori-banner > div, #hori-banner p		{color:#eee;}
.font-light		{font-size:1.25rem;}
.link i				{color:#FF398EF!important;font-size:1.75rem;}
.menu-pos a		{color:#eee;font-size:18pt!important;text-decoration:none;font-weight:normal;}
.menu-pos a:hover		{text-decoration:underline;}
section a		{font-weight:normal;}

.category	{color:#eee;font-size:1.25rem;line-height:1.25em;font-weight:700;}
.year		{color:#eee;font-size:1.25rem;line-height:1.25em;font-weight:700;}
.link 		{color:#eee;font-size:1.25rem;line-height:1.25em;font-weight:700;}
.discount	{text-transform: uppercase;}
.discount-50	{color:#cc9900;font-size:1.25rem;font-weight:700;/*line-height:1.25em;*/}
.discount-60	{color:#4040FF;font-size:1.25rem;font-weight:700;/*line-height:1.25em;*/}
.discount-arrow		{font-size:2.0rem;font-weight:700;line-height:24px!important;}
.price span		{color:#eee;text-decoration: line-through;font-size:1.0rem;}
.price			{font-size:1.5rem;color:#2D3E72;font-weight:900;}
.promo			{color:#FFFFFF;background-color:#2D3E72;text-transform: uppercase;text-align:center;font-weight:700;}  
.text		{color:#666666;font-size:1.25rem;line-height:1.25em;}
.retail-outlet				{font-size:1.25rem;line-height:1.2rem;font-weight:700;}
.online-sales-platforms		{font-size:1.25rem;line-height:1.2rem;font-weight:700;}
.fully			{color:#F00;font-weight:normal;}

#spotlighted-books .year, #museum-souvenirs .year, .timeless-choices .year		{font-size:1.0rem;color:#666666;}
#spotlighted-books .booktitle, #museum-souvenirs .booktitle, .timeless-choices .booktitle		{font-size:1.25rem;color:#666666;}
#museum_publications_on_sale_content ul, #museum_souvenirs_on_sale_content ul		{color:#666666;}
#museum_publications_on_sale_content li, #museum_souvenirs_on_sale_content li 		{color:#666666;font-size:1.0rem;line-height:1.2rem;}

.arrow-size		{width:30px;height:auto;/*background-color:#FFF!important;*/}
.arrow-color {
    /*filter: invert(0%) sepia(74%) saturate(4328%) hue-rotate(356deg) brightness(108%) contrast(107%);*/  // 20231212
	padding: 0px;
}
    
/************************** Common FONT CSS END **************************/

.max-content img	{width: 100%;}
#num1, #num2, #num3, #num4	{position:relative;}

.scrollbg > div {
  display: block;
  padding: 0px;
  //background: #f00;
}

#hori-banner	{z-index:99;min-height:100vh;background-color:rgba(0, 0, 0, 0.0);}
#hori-banner2	{z-index:1;min-height:100vh;background-color:#FF5905;} //
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
}
.orange-bg		{background-color:#4040FF;}
.padL-100vw		{padding-left:100vw;}

//.videointro	{position:fixed;z-index:999999!important;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.85);padding:5% 10%;}
//#YTube iframe, #YTube object, #YTube embed	{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/***************** Programme Detail Page Dropdown ****************/
.accordion {
  width: 100%;
  border: none;
  background-color: var(--content-bg);
  font-size:120%;
  color: var(--content-title);  
  padding: 18px 0px;
  text-align: left;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
}
.accordion, #TxtChng		{font-size:18pt;}
@media (max-width: 992px) {
	.accordion, #TxtChng		{font-size:14pt;}
}
.accordion i, #TxtChng i	{font-size:150%;}
.accordion:focus, .accordion:hover 	{border: 1px solid #333;/*background-color: rgb(0, 0, 0, 0.2);*/}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
button i	{float:right;}

.detail button 		{float:right;padding: 18px 0px; border: none; background-color: #fff; color: #7D5FD8; cursor: pointer; text-align: left; outline: none; transition: 0.4s;}
.gallery-icon		{width:5vw!important;float:right;padding:4px;}

//.item img, .item-end img {/*background: #CCC;*/ display: block; margin: auto; border: 0;}


/************************** Screen Size Setting **************************/

/************ Item top border customization **********/
/*
@media (max-width: 576px) {
    .col-sm-6:nth-child(1) .item	{
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;      
    }   
}
@media (min-width: 576px) {
    .col-sm-6:nth-child(1) .item, .col-sm-6:nth-child(2) .item	{
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;      
    }   
}
*/
/************ Item top border end **********/

@media (min-width: 992px) {
    //.frontbanner-desktop	{display:block!important;}
    //.frontbanner-mobile		{display:none!important;}
    .banner-floattext	{} 
}
@media (max-width: 992px) {
    //.frontbanner-desktop	{display:none!important;}
    //.frontbanner-mobile		{display:block!important;}
    .banner-floattext	{font-size:5vw;}
    //.mflogo	{max-width:20%;}
    .mflogo	img			{height:var(--mb-logo-height);}
}
@media (min-width: 1200px) {
    .frontbanner-desktop	{display:block!important;}
    .frontbanner-mobile		{display:none!important;}
    .cs_space	{width:85%;max-width:1600px;padding:40px 0px;}
    .cs_space img	{max-width:100%;height:auto;max-height:60vh;object-fit: contain;}
    .csL		{min-width:425px;}
    .csR		{min-width:595px;}
}
@media (max-width: 1200px) {
    .frontbanner-desktop	{display:none!important;}
    .frontbanner-mobile		{display:block!important;}
    .cs_space		{width:85%;padding:40px 0px;}
    .cs_space img	{max-width:480px;}
}

@media (min-width: 992px) {
    .anchor-adjust 	{scroll-margin-top: 100px;}
    .display-desktop	{display:block!important;}
    .display-mobile		{display:none!important;}
	body	{overflow-x: hidden; overflow-y: auto;}
    .topspace	{padding-top:420px;}
    .row img	{width:100%;}
	.video		{aspect-ratio: 16 / 9; width: 85%;}
    //.max-content	{position:relative;width:100%;max-width:1600px;/*padding-top:60px;*/}
    //.mf-content		{position:relative;width:100%;min-width:80%;/*padding:0 2%;*/}
    //.header_space	{position:relative;width:100%;height:120px;}
/*  
    .item {
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;
	    border-block-end-width: 6px;
	    border-block-end-style: solid;
	    border-block-end-color: #7D5FD8;
        padding-bottom: 120px!important;
    }
    .item-start {
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;
    }
    .item-end {
        position:relative;
	    border-block-end-width: 6px;
	    border-block-end-style: solid;
	    border-block-end-color: #7D5FD8;
        padding-bottom: 120px!important;
    }
 */ 
    h1		{clear:both;}
    .h2-textL	{position:relative;float:left;width:auto;margin-right:20px;}
    .h2-textR	{position:relative;float:left;width:auto;}
    .mbs-block-clear	{clear:both;padding: 10px 0px 10px 0px;} 			//20231026 1700
  
    .subheader1		{position:relative;width:100%;padding: 100px 0px 57px 0px;}
    .subheader2		{position:relative;width:100%;padding-top: 100px;}  		//20231026 1700
    .subheader4		{position:relative;width:100%;padding: 100px 0px 57px 0px;}
    .subheader42		{position:relative;width:100%;padding: 176px 0px 57px 0px;}
    /*section    {position:relative;float:left;max-width:85vw;}*/
	.scrollbg {
		position: absolute;
		/*display: block;*/
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		max-height: 900px;
		margin: 0;
		overflow-y: hidden; /* Hide vertical scrollbar */
		overflow-x: hidden; /* Hide horizontal scrollbar */
	}
  
	.home-sec	{width: 100vw;height:100vh;padding-top:120px;}
    #hori-banner p		{font-size:2.0rem!important;line-height:3.25rem!important;}
    #hori-banner span	{font-size:3.25rem!important;line-height:3.25rem!important;}
	.thb-pos0	{position: absolute;top:0px;left:100px;width:1px;height:1px;}
	.thb-pos-logo	{position: absolute;top:10px;left:10px;}
	.thb-pos1	{position: absolute;top:405px;left:1360px;width:auto;}
	.thb-pos2	{position: absolute;top:160px;left:2090px;width:auto;}
	.thb-pos3	{position: absolute;top:360px;left:2480px;width:auto;}
	.thb-pos4	{position: absolute;top:0px;left:3120px;width:auto;}
	.thb-pos5	{position: absolute;top:600px;left:3780px;font-size:200%;width:200px;}
	.thb-pos6	{position: absolute;top:0px;left:3980px;width:1px;height:1px;}
	.hori-banner-bg	{display: block;}
    .menu-pos	{display:block;width:auto;height:auto;z-index:99;}
    .menu-pos ul 	{list-style: none;}
    .menu-pos > ul, .menu-pos > ul.show {
    	display: grid;
    	grid-auto-columns: max-content;
    	grid-auto-flow: column; }
    .menu-pos li {background-color: rgba(255, 255, 255, 0.0)!important; margin-left: 0.0rem; margin-right: 2.0rem;}

    .dim-img					{opacity:1.0;}
    .dim-img img				{border-radius:var(--border-radius);}
    .dim-img:hover img			{filter: brightness(50%);}
    .credit-text				{position:absolute;bottom:10%;left:0;z-index:999;width:100%;height:auto;padding:8px;color:#ffffff;opacity:0.0;}
    .dim-img:hover .credit-text		{opacity:1.0;}
	.detail, .detailc		{position:relative;width:100%;} 
    .year		{position:absolute;bottom:10px;left:0px;line-height:1.5rem;}
    .link		{position:absolute;bottom:10px;right:0px;}
    .discount	{width:100%;text-align:right;padding-top:30px;}
    .booktitle	{}
    .price span	{}
    .price		{}
    .promo		{position:absolute;top:0;left:0;width:100%;min-height:65px;padding: 5px 0px;z-index:99;}
    .book-img	{position:relative;width:100%;height:auto;}
    .retail-outlet		{position:relative;float:left;width:auto;min-height:80px;padding-bottom:40px;}
    .online-sales-platforms		{position:relative;width:100%;padding-bottom:40px;}
    .col1, .col3		{min-width:33%;max-width:34%;width:auto;line-height:normal;}
    .col2	{min-width:34%;max-width:34%;width:auto;line-height:normal;}  

    #home_content						{position:absolute;top:140px;left:0px;}
    #about_us_content					{position:relative;/*position:absolute;top:170px;left:0px;*/}
    #past_events .detail  				{float:left;height:auto;}
    #lcsd_museums_content .detail  		{height:100px!important;}
    #museum_partners_content .detail  	{height:100px!important;}
    #gallery_content .detail  			{height:125px!important;}
    #about_this_sale_content .detail  	{height:120px!important;}
  
    /*#museum_publications_on_sale_content .detail  				{height:200px!important;}
    #museum_publications_on_sale_content ul						{list-style-position: outside; clear:both;}*/  
    #museum_publications_on_sale_content .detail, #museum_souvenirs_on_sale_content .detail  		{min-height:200px!important;}
    #museum_publications_on_sale_content ul, #museum_souvenirs_on_sale_content ul					{list-style-position: outside; clear:both;}
    #museum_publications_on_sale_content .year, #museum_souvenirs_on_sale_content .year				{position:absolute;bottom:10px;left:0px;width:86%;display:none;}
    #museum_publications_on_sale_content .booktitle, #museum_souvenirs_on_sale_content .booktitle	{position:relative;width:100%;min-height:120px;padding-top:10px;}
    #museum_publications_on_sale_content .price, #museum_souvenirs_on_sale_content .price			{position:relative;width:100%;padding-top:10px;padding-bottom:10px;}
  /*
    #spotlighted-books .detail, #timeless-choices .detail, .timeless-choices .detail  		{position:relative;height:auto!important;}
    #spotlighted-books .year		{position:relative;width:100%;}
    #spotlighted-books .booktitle	{position:relative;width:100%;height:120px;padding-top:0px;}
    #spotlighted-books .price		{position:relative;width:100%;padding-top:10px;padding-bottom:10px;}
	#timeless-choices .year, .timeless-choices .year			{position:relative;width:100%;}
    #timeless-choices .booktitle, .timeless-choices .booktitle	{position:relative;width:100%;height:120px;padding-top:0px;}
    #timeless-choices .price, .timeless-choices .price		{position:relative;width:100%;padding-top:10px;padding-bottom:10px;}
  */
    #series_content .detail  		{position:relative;height:180px!important;}
    #series_content .category		{position:absolute;top:0px;left:0px;width:70%;text-transform: uppercase;}
    #series_content .discount		{position:absolute;top:0px;right:0px;width:28%;text-align:right;text-transform: uppercase;padding:0px;}
    #series_content .discount2		{position:absolute;top:0px;right:0px;width:310px;text-align:right;text-transform: uppercase;padding:0px;}
    #series_content .year			{position:absolute;bottom:10px;left:0px;width:86%;}
    #series_content .year b			{font-size:100%;}
    #series_content .link			{position:absolute;bottom:10px;right:0px;width:auto;}
  
    #series_detailpage_content .detail		  	{position:relative;min-height:180px!important;}
    #series_detailpage_content .category		{position:relative;width:auto;text-transform: uppercase;}
    #series_detailpage_content .year			{position:absolute;top:100px;left:0px;width:auto;}
    #series_detailpage_content .text			{position:relative;width:auto;}
    .detail-dropdown				{width:75%;}
    .gallery-dropdown				{width:100%;}
  	
	#YTube {position: relative;	width: 100%; height: 0; overflow: hidden; margin: auto; padding-bottom: 56.25%;}
	.closeBox		{position:fixed;top:0;right:0;width:8%;min-width:50px!important;padding:1% 1%;background-color:rgba(0, 0, 0, 0.0);border:0px!important;}
    .closeBox button		{background-color:rgba(0, 0, 0, 0.0);border:0px!important;}
	.closeBox img	{float:right;-webkit-filter: invert(1); filter: invert(1);cursor:pointer;width:40px!important;background-color:rgba(0, 0, 0, 0.0);border:0px!important;}
  /*
    .detail, .detailc, .year, .link, .discount, .booktitle, .price, .promo, .book-img	{background-color:rgba(255, 0, 0, 0.2);}	//20231030
  */
    //.col-lg-4:nth-child(even) .gray-bg	 	{background-color:#EEE!important;}						//20231030
  
    .ms-footnote		{list-style-type: square;margin-left:-15px;}
  
	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: -45px;
	  left: calc(50% - 4vw);
	  z-index: 999;
	  width: 8vw;
	  min-width: 40px;
	  font-size: 18px;
	  border: none;
	  border-radius:var(--border-radius);
	  outline: none;
	  background-color: rgba(48,48,48,0.8);
	  color: white;
	  cursor: pointer;
	  padding: 10px 1vw 45px 1vw;
	}

	#myBtn:hover {
	  color: black;
	  background-image: linear-gradient(rgba(125, 95, 216, 1.0), rgba(255,255,255,0.2));
	}
}

@media (max-width: 992px) {
    section a:link, section a:visited	{color:#fff;}
    .display-desktop	{display:none!important;}
    .display-mobile		{display:block!important;}
	.video		{aspect-ratio: 16 / 9; width: 95%;}
	body	{overflow-x: hidden; overflow-y: auto;}
    .topspace	{padding-top:200px;}
    .lrspace	{padding-left:2.5%!important;padding-right:2.5%!important;}
    .row img	{width:100%;}
	.video		{aspect-ratio: 16 / 9; width: 85%;}
    .max-content	{position:relative;width:100%;/*padding: 0px 2vw 0 2vw;*/}
    .mf-content		{position:relative;}
    .header_space	{position:relative;width:100%;height:80px;}
  
    .anchor-adjust 	{scroll-margin-top: 100px;}
    .display-1		{/*min-height:140px;padding:0px 2.5%;*/}
    #hori-banner	{}
    #hori-banner2	{position: relative;/*position:absolute;top:0;left:0;*/}
    #hori-banner2 img	{width:100vw;height:auto;}
    .header_space	{position:relative;width:100%;height:90px;}
    /*
    .item-start, .col-12, .col-lg-4:nth-child(1) .item, .col-sm-6:nth-child(1) .item	{
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;      
    } 
    .item, .item-end {
        position:relative;
	    border-block-start-width: 6px;
	    border-block-start-style: solid;
	    border-block-start-color: #7D5FD8;
        padding-bottom: 60px!important;
    }
    .col-lg-3:nth-last-child(1) .item-end, .col-lg-4:nth-last-child(1) .item-end	{
        position:relative;
	    border-block-end-width: 6px;
	    border-block-end-style: solid;
	    border-block-end-color: #7D5FD8;      
    }
    .col-6:nth-last-child(1) .item-end, .col-6:nth-last-child(2) .item-end	{
        position:relative;
	    border-block-end-width: 6px;
	    border-block-end-style: solid;
	    border-block-end-color: #7D5FD8;      
    }*/
    
    .subheader1		{position:relative;width:100%;padding: 100px 0px 57px 0px;}
    .subheader2		{position:relative;width:100%;padding-top: 100px;}  		//20231026 1700
    .subheader4		{position:relative;width:100%;padding: 100px 0px 57px 0px;}
    .subheader42		{position:relative;width:100%;padding: 176px 0px 57px 0px;}
  
    .mainTitle, .mainTitle2			{position:relative;width:100%;min-height:var(--mb-header-height);padding: 0 0 20px 0;clear:both;}
    .mflogo				{}
    .mf_content		{position:relative;width:480px;max-width:90%;}
    #maincontent	{}
    #hori-banner > div	{color:#FFF;}
	.scrollbg {
		position: relative;
		display: block;
		width: 100vw;
		margin: 0;
		background-color: #7D5FD8;
	}
	.scrollbg img	{width:100%;}

    .thb-pos-logo	{position: relative;}
    .thb-pos-logo img	{width:auto;height:80vw;margin: 0 auto;padding-top:100px;}
    .thb-pos5	{position: relative;display: block;}
    .thb-pos5	{position:absolute; bottom: 250px; left: 0; width:100vw; height:auto; text-align: center;}
    .thb-pos5 img	{width:100vw;}
    .thb-pos5 p 	{font-size:2.4rem;color:#fff;}
    .thb-pos5 .arrow	{width:8vw;max-width:40px;}
    .about_us_tab1		{position: absolute; left: 50%; top: 46%; width: 50%; height: 14%; background-color: rgba(0, 0, 0, 0);}
    .about_us_tab2		{position: absolute; left: 0%; top: 59%; width: 50%; height: 15%; background-color: rgba(0, 0, 0, 0);}
    .about_us_tab3		{position: absolute; right: 0%; top: 70%; width: 45%; height: 13%; background-color: rgba(0, 0, 0, 0);}
    .about_us_tab4		{position: absolute; left: 0%; top: 80%; width: 55%; height: 14%; background-color: rgba(0, 0, 0, 0);}
    .about_us_tab5		{position: absolute; left: 33%; top: 96%; width: 33%; height: 3%; background-color: rgba(0, 0, 0, 0);}  

    .dim-img					{opacity:1.0;}
    .dim-img img				{border-radius:var(--border-radius);}
    .dim-img:hover img			{filter: brightness(50%);}
    .credit-text				{position:absolute;bottom:10%;left:0;z-index:999;width:100%;height:auto;padding:8px;color:#ffffff;opacity:0.0;}
    .dim-img:hover .credit-text		{opacity:1.0;}
	.detail, .detailc		{position:relative;width:100%;background-color:rgba(255, 255, 255, 0.0);padding:0px 12px;} 
    .year		{position:absolute;bottom:10px;left:0px;}
    .link		{position:absolute;bottom:10px;right:0px;}
    .discount	{width:100%;text-align:left;}
    .col1, .col2, .col3		{line-height:normal;}
  
    #home_content			{position:absolute;top:152px;left:0px;}
    #about_us_content		{position:relative;/*position:absolute;top:92px;left:0px;*/}
    #past_events .detail  	{float:left;height:auto;}
    #lcsd_museums_content .detail  	{height:100px!important;}
    #museum_partners_content .detail  	{height:100px!important;}
  
    #lcsd_museums_content .year	{position:absolute;bottom:10px;left:0px;}
    #lcsd_museums_content .link	{position:absolute;bottom:10px;right:0px;}    
    #museum_partners_content .year	{position:absolute;bottom:10px;left:0px;}
    #museum_partners_content .link	{position:absolute;bottom:10px;right:0px;}
  
    #gallery_content .subheader2	{height:80px;}
    #gallery_content .detail  	{height:100px!important;}
    #gallery_content .year	{position:absolute;bottom:10px;left:0px;}
  
    #about_this_sale_content .detail  	{height:150px!important;}
  /*
    #museum_publications_on_sale_content h2, #online-sales-platforms h2			{padding-top:30px;}
    #museum_publications_on_sale_content .detail  								{height:125px!important;}
    #museum_publications_on_sale_content ul										{list-style-position: outside; clear:both;}
    #spotlighted-books .detail, #timeless-choices .detail, .timeless-choices .detail  		{position:relative;height:auto!important;}
	#spotlighted-books .year, #timeless-choices .year, .timeless-choices .year				{position:relative;width:100%;padding:10px 0 10px 0;}
    #spotlighted-books .booktitle, #timeless-choices .booktitle, .timeless-choices .booktitle	{position:relative;width:100%;padding-top:10px;}
    #spotlighted-books .price,  #timeless-choices .price, .timeless-choices .price		{position:relative;width:100%;padding-top:10px;padding-bottom:10px;}
  */
    #museum_publications_on_sale_content h2, #museum_souvenirs_on_sale_content h2					{padding-top:30px;}
    #museum_publications_on_sale_content .detail, #museum_souvenirs_on_sale_content .detail  		{min-height:80px!important;}
    #museum_publications_on_sale_content ul, #museum_souvenirs_on_sale_content ul					{list-style-position: outside; clear:both;}
    #museum_publications_on_sale_content .booktitle, #museum_souvenirs_on_sale_content .booktitle	{position:relative;width:100%;/*padding-top:30px;*/}
    #museum_publications_on_sale_content .price, #museum_souvenirs_on_sale_content .price			{position:relative;width:100%;}

    #spotlighted-books .booktitle, #timeless-choices .booktitle, .timeless-choices .booktitle		{position:relative;width:100%;}
  
    #series_content .detail  		{position:relative;min-height:150px!important;}
    #series_content .category		{position:relative;width:100%;text-transform: uppercase;}
    #series_content .discount		{position:relative;width:100%;text-transform: uppercase;}
    #series_content .discount2		{position:relative;width:100%;text-transform: uppercase;}
    #series_content .year			{position:relative;width:100%;/*padding-top:16px;*/}
    #series_content .year b			{font-size:100%;}
    #series_content .link			{position:absolute;bottom:10px;right:10px;width:auto;}
  
    #series_detailpage_content .detail		  	{position:relative;min-height:60px;padding-bottom:30px;}
    #series_detailpage_content .category		{position:relative;width:auto;text-transform: uppercase;}
    #series_detailpage_content .year			{position:relative;width:auto;padding-top:8px;}
    #series_detailpage_content .text			{position:relative;width:auto;}
    .detail-dropdown, .gallery-dropdown				{width:100%;}
  
	#YTube {width: 100%; height: 0;	position: relative;	overflow: hidden; margin: auto;	padding-bottom: 56.25%;}
	.closeBox	{position:fixed;top:0;right:0;width:50px;padding:1% 1%;background-color:rgba(0, 0, 0, 0.0);}
    .closeBox	{background-color:rgba(0, 0, 0, 0.0);border:0px!important;}
	.closeBox img	{float:right;-webkit-filter: invert(1); filter: invert(1);cursor:pointer;min-width:25px!important;background-color:rgba(0, 0, 0, 0.0);border:0px!important;}
  
	//.col-lg-4:nth-child(even) .gray-bg	 	{background-color:#EEE!important;}						//20231106  
    .ms-footnote		{list-style-type: square;margin-left:20px;}
  
	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: 	-999px;
	  left: 	-999px;
	  z-index: 	-1;}
  
  #footer .col-sm-4, #footer .col-12	{width:100%;padding-left:0;}

}

@media (max-width: 1200px) {
    #series_content .detail  		{position:relative;height:auto;min-height:180px!important;}
    #series_content .category		{position:relative;width:100%;text-transform: uppercase;}
    #series_content .discount		{position:relative;width:100%;text-transform: uppercase;text-align:left;}
    #series_content .discount2		{position:relative;width:100%;text-transform: uppercase;text-align:left;}
    #series_content .year			{position:relative;width:100%;/*padding-top:16px;*/}
    #series_content .year b			{font-size:100%;}
    #series_content .link			{position:absolute;bottom:10px;right:10px;width:auto;}
}

//.col-lg-4:nth-child(even) .category, .col-lg-4:nth-child(even) .discount		{color:#7D5FD8;}	//20231214

/************************** Other **************************/
#output{
	display:flex;
	width:150px;
	height:100px;
	font-size:26px;
	justify-content: center;
	align-items: center;
	color:#FFF;
	background:#0277BD;
}

/************************** Skip to main content **************************/
.skip-main {
  position: absolute;
  left: -9999px;
  z-index: 99999;
  padding: 2em;
  background-color: black;
  color: white;
  opacity: 0;
  font-size: 2vw;
}
.skip-main:focus {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5vh;
  opacity: 1;
}

/************************** Menu Setting **************************/
.clearfix {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.clearfix2	{
	flex: 1 1 auto;	
}

#flyoutnavkbfixed > ul li       ul { display: none; }
#flyoutnavkbfixed > ul li:hover ul { display: block;}

#appmenu {
	position:relative;
	overflow:hidden;
	width:100%;
	height:450px;
	float: left;
	margin: 0;
	padding: .25em;
	padding-top: 150px;
}
#appmenu a	{color:#666666;text-decoration: none;}
#appmenu li .active	{color:#7D5FD8;}
#appmenu a:hover, #appmenu a:focus	{text-decoration: underline!important;}
#appmenu li {
	white-space: nowrap;
	display:block;
	padding: .25em .75em;
	margin: 0;
	//border: 0px solid #fff;
}
#appmenu > li {
	position:relative;
	float: left;
	background-color: #fff; //#036
	text-align: center;
	margin-right: 20px;
	cursor: pointer;
}
#appmenu :hover,
#appmenu :focus {
	background-color: #fff;
	/*color: #036;
	border: 1px solid #036;
	text-decoration: underline;*/
}

#appmenu :hover li,
#appmenu :focus li {
	color: #7D5FD8;
	background-color: rgba(0, 0, 0, 0.0);
}

#appmenu > li > ul {
	display: none;
	position:absolute;	
	min-height:min-content !important;
	left:12px;
	right:0;
	top:100%;
	padding:0;
	margin:0;
	background-color: rgba(0, 0, 0, 0.0);
	border-left:1px solid #666;
	//width: 200%;
	text-align: left;
}

#appmenu > li > ul :hover	{/*border-left:1px solid #333;*/}

#sub1e	{width: 110%;height:fit-content;clear:both;}
#sub2e	{width: 200%;height:fit-content;clear:both;}
#sub3e	{width: 250%;height:fit-content;clear:both;}

#appmenu > li[aria-expanded="true"] > ul {
	display:block;
}

/****************************** Detail page collapse item *****************************/
ul.navXX 	{list-style-type: none; text-align: left;}
.navXX		{width:75%;padding:5% 0%;}
.navXX li 	{padding: 5px 2px 5px 2px;}
.navXX button	{color:#666666!important;font-size: 1.2rem; line-height: 1.2rem;} //20230613
.li_end 	{border-bottom: 1px solid #7D5FD8;}
.P_lineH	{text-align: justify; text-justify: inter-word;}

.collapsible {
  color:#666666;
  background-color: rgba(0, 0, 0, 0);  
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: left;
  /*outline: none;*/
  font-size: 1.0rem;
  font-weight:bold;
}

.active, .collapsible:hover {
  background-color:  rgba(243, 177, 187, 0.2);
}

.collapsible:after {
  content: '\002B';
  
  font-weight: bold;
  float: left;
  margin-left: 0px;
}

.content {
  font-size: 1.0rem!important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
}
.content span, .content li {
  font-size: 1.0rem!important;
}

#MoreInfo {
	transition: max-height 0.2s ease-out;
}

/*/ ---------------------Adjustment for outline-style:none or outline-width:0------------------------- /*/
//.item a:hover, .item2 a:hover	{display:block;}
a:focus img, a:hover img	{outline-style:solid;outline-width:1px;outline-color:#666;} 
//a:hover img	{outline-style:solid;outline-width:1px;outline-color:#333333;} 
//a:hover, a:focus	{text-decoration:underline #FF0!important;}
p > a:hover, p > a:focus	{text-decoration:underline #666!important;}
.item a:hover, .item a:focus, .item2 a:hover, .item2 a:focus, .category-button:hover, .category-button:focus, .accordion:focus		{outline-style:solid;outline-width:0px;outline-color:#666;} 
.category-button:hover, .category-button:focus		{text-decoration:underline #333;} 
#footer a:hover, #footer a:focus	{outline-style:solid;outline-width:1px;outline-color:#666;padding:0px;/*text-decoration:underline #00C!important;*/}