@import url('https://webarchive.lib.cuhk.edu.hk/20221209120204cs_/https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://webarchive.lib.cuhk.edu.hk/20221209120204cs_/https://fonts.googleapis.com/css?family=Bellefair|Muli:200,200i,400,700');
@font-face {
  font-family: Quicksand_Book;
  src: url('/20221209120204oe_/https://www.everwellth.com/css/home/fonts/Quicksand_Book.eot'); /* IE9 Compat Modes */
  src: url('/20221209120204oe_/https://www.everwellth.com/css/home/fonts/Quicksand_Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('/20221209120204oe_/https://www.everwellth.com/css/home/fonts/Quicksand_Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/20221209120204oe_/https://www.everwellth.com/css/home/fonts/Quicksand_Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}
/* z-index Start */
.WebMenu2													{z-index:5000;}

.nice-select .list												{z-index:4000;}

.SelectDiv .ListDiv											{z-index:3000;}
#Events .FlexDiv1 .PopupDiv				{z-index:3000;}
#Events .EndDiv							{z-index:3000;}
.Overlary_S1 span.icon-close3-01		{z-index:2000;}
.SelectDiv .icon-angle-down				{z-index:2000;}
#Events .SaveEvent						{z-index:2000;}
#User .User01 form .cb				{z-index:2000;}

a>.Copied 								{z-index:1000;}
a>.Copied .angle						{z-index:1000;}
.GlobalArticle .SubTitle>span			{z-index:1000;}
.GlobalArticle2 .Date					{z-index:1000;}
/* z-index End */

/* Global Start */
html, body{ min-height:100%; }

body { 
	color:#000000; background:#ffffff; font-weight:300; font-size:14px; line-height:1.5;
	font-family:'Quicksand_Book', sans-serif;
}

body, div, section, td, li, input, textarea, video, h1, h2, h3, h4 ,h5, a{ box-sizing:border-box; margin:0px; padding:0px; }

b, strong { font-weight: bold !important; }

.icon-twitter{ display:none; }

#div-gpt-ad-1532167434149-0 iframe{display: block;}
.MobileMenuBar img {   
	    margin-left: 250px;
	}
/*
div { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

img{ display:block; }

.WebMenu .Menu li:nth-of-type(6), .WebMenu2 .Menu li:nth-of-type(6),
.Sitemap div a:nth-of-type(6), .Sitemap div span:nth-of-type(6),
.MobileMenuDiv .parent li:nth-of-type(6)
{ display: none !important;}

::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
margin:0px 0 5px 0;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 4px;
border-radius: 4px;
background: rgb(219,219,219);
}
.WebMenu .Menu li:nth-of-type(1){ display: none; }
*/

.login-panel {
    text-align: right;
    max-width: 1300px;
    margin: 10px auto 0px auto;
    font-size: 13px;
}
.Sitemap>a:nth-of-type(1), .Sitemap>a:nth-of-type(2),
.Sitemap>span:nth-of-type(1), .Sitemap>span:nth-of-type(2){ display: none !important;}

a { outline:none; word-wrap:break-word;}
a:link    { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:hover   { text-decoration:none; color:#000000; }
a.cclub_link {
   text-decoration: underline;
 color: #c2ae87;
}
h1{
	border-bottom:1px solid #eeeeee; font-weight:normal; font-size:22px; padding-bottom:10px; margin:40px 0 25px 0; letter-spacing:4px;
	font-family: 'Quicksand_Book';
}
h1.EN{letter-spacing:0px;}
h2{ font-size:18px; font-weight:normal; letter-spacing:2px; }
#MainBody, .GlobalWidth{ max-width:1300px; margin:0 auto; padding:0 50px; }

#MainFlexDiv{ display:flex; flex-flow:row nowrap; justify-content:space-between; margin-top: 10px;}

#MainFlexDiv .LeftDiv{ flex-grow:2; position:relative; min-width:1px; }
#MainFlexDiv .RightDiv{ min-width:300px; margin-left:25px;}

a { outline:none; word-wrap:break-word;}
a:link    { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:hover   { text-decoration:none; color:#000000; }
/*
.LogoFont{ font-family:'Bellefair'; text-transform:uppercase; }
*/

.FltLft   { float:left; }
.FltRgt   { float:right; }
.ClearFix { height:0px;line-height:0px; clear:both; overflow:hidden; }
.FltCln:after { content:""; display:block; height:0px; line-height:0px; clear:both; overflow:hidden; }

.Article .Txt .ClearFix { height:auto; line-height:auto; line-height: normal; }

.CssTable { display:table; }
.CssTr    { display:table-row; }
.CssTd    { display:table-cell; }

.note-video-clip{ width:813px !important; height:457px !important;}

.ErrorPic{ margin:80px 20px 0 20px; text-align: center; max-width:100%; }
.ErrorPic img{ width: 100%; max-width:497px; }

.Intro{ color:#444444; letter-spacing:3px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; }

/* Overwrite Swiper Setting Start */
.BigArticle .swiper-container { width:100% !important; }
.swiper-pagination{ text-align: right !important; padding-right: 10px !important;}
.swiper-pagination-bullet { width:10px !important; height:10px !important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 17px !important; }
.swiper-pagination-bullet-active { background:#b7a16a !important; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
	left:15px !important;
	outline:0; 
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important;
	right:15px !important;
	outline:0; 
}
/* Overwrite Swiper Setting End */

.GlobalArticle { 
	height:475px; background:center center no-repeat; background-size:cover; width:100%;
	position:relative; display:flex; flex-flow:column nowrap; justify-content:flex-end; 
}
.Article .header-image{
    /* height: 475px; */
    background: center center no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}
.GlobalArticle3 { 
	height:0px; background:center center no-repeat; background-size:cover; width:100%;
	position:relative; display:flex; flex-flow:column nowrap; justify-content:flex-end; 
}

.GlobalArticle .SubTitle { background:url(https://webarchive.lib.cuhk.edu.hk/20221209120204oe_/https://champimom.com/images/shadow_bg.png) no-repeat right bottom; flex-grow:2; position:relative; }
.GlobalArticle .SubTitle>span { 
	text-transform:uppercase; text-align:right; color:#ffffff; font-weight:300; line-height:1; position:absolute; bottom:10px; right:15px; font-size:14px;
	letter-spacing: 0.5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:90%;
}
.GlobalArticle .SubTitle span span:nth-of-type(1){ /*font-family: 'Bellefair'; font-style: italic;*/ text-transform:none; letter-spacing: 0px;}
.GlobalArticle h2 { background-color:rgba(255, 255, 255, 0.7); color:#000; /*font-family: 'Bellefair','Noto Sans TC';*/}
.GlobalArticle:hover h2 { background-color:rgba(255, 255, 255, 1.0); color:#000; }

.GlobalArticle3 .SubTitle>span { 
	text-transform:uppercase; text-align:right; color:#ffffff; font-weight:300; line-height:1; position:absolute; bottom:10px; right:15px; font-size:14px;
	letter-spacing: 0.5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:90%;
}
.swiper-container:hover,
a:hover .GlobalArticle,
a:hover .GlobalArticle2 .Photo,
.WebMenu .SubMenuDiv a:hover .Photo,
#Listing a:hover .School{ box-shadow:0 0 4px 2px rgba(100, 100, 100, 0.4); }
a:hover h2{ color:#B39751;}

#TopBar{ 
	border-bottom: 1px solid #dfdfdf; height:40px; text-align:right;
	padding: 0 30px; display: flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
}

#TopBar a{ color: #ccc;}
#TopBar a:hover{ color: #333333;}
#TopBar .Txt{ font-size: 12px; color: #888888; margin-right:5px; font-weight: 100; }

#TopBar .Vip{ border-left: 1px solid #dfdfdf; padding:2px 0 2px 15px; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
#TopBar .icon-fb{ font-size: 17px;  margin: 2px 12px 0 0;  }
#TopBar .icon-ig{ font-size: 18px; margin: 4px 15px 0 0; }
#TopBar .icon-youtube{ font-size:23px; margin:5px 15px 0 0; }

.LoginJoin{ 
	max-width: 1200px; margin: 0 auto; text-align:right;
	font-family: ' Quicksand_Book'; text-transform: uppercase; flex-grow:1; padding-top: 15px; 
}
.LoginJoin span{ display: inline-block; padding: 0 10px;}
.LoginJoin a{ color:#000000;}
.LoginJoin a:hover{ color: #B39751; }


.GlobalArticle2{ display:flex; flex-flow:row nowrap; width:100%; border-bottom:1px solid #eeeeee; padding-bottom:30px; margin-bottom:30px; }
.GlobalArticle2 .Photo{ background:center center no-repeat; background-size:cover; min-width:300px; height:200px; }
.GlobalArticle2 .Txt{ margin-left:30px; flex-grow:2; min-width:1px; position:relative; padding:7px 0 0 0 ;text-align: left; }
.GlobalArticle2 h2 { 
	/*font-family: 'Bellefair','Noto Sans TC';*/ line-height: 1.3; white-space:inherit; text-overflow:ellipsis; overflow:hidden; 
	-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; 
}
.GlobalArticle2 .Intro{ margin-top:12px; font-size:14px; }

.GlobalArticle2 .Date,
.Article .Txt .Date { 
	position:absolute; bottom:0px; left:0px; color:#b6b6b6; line-height:1; font-size: 13px; font-weight: 300; letter-spacing: 0.5px; padding-top:5px;
    white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; width: 100%; font-family: 'Quicksand_Book';
}
.GlobalArticle2 .Date span,
.Article .Txt .Date span{ font-family: 'Quicksand_Book'; font-weight:200; font-size: 14px; color:#B39751; text-transform:uppercase; }

.GlobalArticle2 .Date span span:hover,
.Article .Txt .Date span a:hover{ display: inline-block; border-bottom:1px solid #B39751; cursor:pointer; }

.GlobalArticle2 .Date span span:nth-of-type(1),
.Article .Txt .Date span span:nth-of-type(1){ 
	/* font-size:16px; font-family:'Bellefair'; font-style: italic; padding-right:1px; */
	letter-spacing: 0px; text-transform:none; 
	border-bottom: 1px solid #fff ; display: inline-block;
}
.Article .Txt .Date a{color:#B39751;}

.Article .Txt .artContent>br:nth-child(1){ display: none;}

.SmallArticle .GlobalArticle .SubTitle {background-position:-110px 0px;}
.SmallArticle .GlobalArticle .SubTitle>span { bottom:6px; right:10px; }
/*
.SmallArticle .GlobalArticle span span:nth-of-type(1) { font-size:17px; padding-right:3px; }
*/

.ReadMore{ 
	background-color:#f7f7f7; border:1px solid #dedede; color:#a5a5a5; text-align:center; border-radius:3px; font-size:20px; line-height: 43px;
	display: flex; justify-content: center; align-items: center; font-weight: 300; /*font-family: 'Bellefair' ;*/ letter-spacing: 0px; cursor: pointer;
}
.ReadMore:hover{background-color:#ac9d6e; color:#ffffff; border:1px #ac9d6e solid;}
.ReadMore .icon-left2{ font-size: 23px; line-height: 19px; }

.TopArticle{ display:flex; flex-flow:row nowrap; justify-content:space-between; }
.TopArticle .BigArticle{ flex-grow:2; width: 1px; }
.TopArticle .BigArticle .GlobalArticle h2 { font-size:21px; padding:12px 15px; margin:0px; width: 1px; min-width: 100%; }
.TopArticle .BigArticle .GlobalArticle span{ font-size:18px; }
/*
.TopArticle .BigArticle .GlobalArticle span span:nth-of-type(1){ font-size:23px; padding-right:3px; }
*/
.TopArticle a:hover .GlobalArticle{ border:0px;}

.TopArticle .SmallArticle{ width:300px; margin-left:25px; display:flex; flex-flow:column nowrap; justify-content:space-between; }
.TopArticle .SmallArticle .GlobalArticle{height:227px; }
.TopArticle .SmallArticle .GlobalArticle h2 { font-size:16px; padding:8px 10px; }

.PageTitle{ width: 100%; /*border:1px solid #eeeeee; background-color:#ffffff;*/ background-color:#b3a790; border-radius:3px; margin: 0px 0 30px 0;  }
.PageTitle h1{ letter-spacing: 1px; margin: 0px; height: 60px; padding:13px 23px 0 23px; border-bottom: 0px; color: #ffffff; display: inline-block; }
.PageTitle .SubMenu{ margin: 20px 0 0 0 ; font-family: 'Quicksand_Book';}
.PageTitle .SubMenu a{ color: #ffffff; margin:0 20px 0 0; display: inline-block; }
.PageTitle .SubMenu a:hover{ border-bottom: 1px solid #ffffff; }

/* Global End */

/* Select Box Div Start */
.SelectDiv{ 
	height:40px; line-height:40px; /*border:1px solid #eeeeee; background-color:#ffffff;*/ background-color:#b3a790; border-radius:5px; padding:0px 30px 0px 10px; 
	text-align:left; position:relative; cursor: pointer;
}
.SelectDiv .icon-angle-down{ position:absolute; right:7px; top:4px; font-size:20px; }
.SelectDiv .DisplayTxt{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.SelectDiv ul{ margin:0px; padding:10px 10px !important; list-style-type:none; }
.SelectDiv li{ 
	margin:0px; padding:0px 10px !important;
	line-height:34px !important; height: auto !important; min-height: inherit !important; 
}

.SelectDiv li.Style1{ border-bottom: 1px solid #cccccc; text-align: center; font-weight: 500; margin-bottom:10px;}
.SelectDiv li.Style1:hover{ background-color:#ffffff; }

.nice-select { font-weight: 300; }
.nice-select .list{ margin-top: 1px; border-radius: 0px 0px 5px 5px; }
.nice-select .option{ font-weight: 300;}
.nice-select.open .list{ max-height: 300px; overflow-y:auto; overflow-x: hidden;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color:#f3efe8; }
.nice-select .option.disabled { color: #333333;}
.nice-select .option.selected{ font-weight:300; color:#b39751; }


.SelectDiv .ListDiv{ 
	position:absolute; left:0px; top:39px; background-color:#ffffff; width:100%; box-shadow:0px 2px 2px #888888; border-radius:0 0 5px 5px;
	max-height:300px; overflow-y: scroll; overflow-x: hidden;
}
.SelectDiv .ListDiv ul{ margin:0px; padding:10px 10px; list-style-type:none; }
.SelectDiv .ListDiv li{ margin:0px; line-height:34px; }
.SelectDiv .ListDiv li.Style1{ border-bottom: 1px solid #cccccc; text-align: center; font-weight:500; margin-bottom:10px;}

.SelectDiv .ListDiv li:hover{ background-color:#f3efe8; }
.SelectDiv .ListDiv li.Style1:hover{ background-color:#ffffff; }


/* Select Box Div End */

/* TextCloud Start */
.TextCloud{ display: flex; flex-flow:row wrap; justify-content:center; border-radius:5px; background-color: #f7f7f7; border: 1px solid #dddddd; padding:8px; margin-bottom: 30px; width: 300px; }
.TextCloud a{ background-color:#b7a16a; color: #ffffff; display: block; border-radius:6px; font-size: 15px; padding:6px 12px; margin: 4px 5px;}
.TextCloud a:hover{ background-color: #705e2f; }

.TextCloud a{ font-size: 13px; margin: 3px 4px; }
/* TextCloud End */

/* Search Box Start */
.SearchRow {
    float: right;
    margin-right: 5px;
}
.MobileMenuBar .SearchDiv{ margin:3px 0 0px 0;}
.SearchDiv{ display:flex; flex-flow:row nowrap; justify-content:space-between; height:40px; border-radius:50px; background-color:#f7f7f7; border:1px solid #dddddd; margin:30px 0 10px 0;}
#Index .RightDiv .SearchDiv{ margin-top:40px; }
.SearchDiv input{ 
	min-width:1px; background:transparent; outline:none; border:none; flex-grow:2; margin-left:17px; line-height: 1;
	font-size:16px; font-weight: 300; /*padding-top:3px; font-family: 'Bellefair','Noto Sans TC';*/
}
.SearchDiv input::placeholder { color: #aaaaaa;}
.SearchDiv a,
.SearchDiv button{ padding-top:2px; display:inline-block; width:30px; line-height:44px; font-size:34px; color:#9c9c9c; height:44px; text-align:center; margin-right:15px; }
.mobile.SearchRowicon.icon-search2 {
    float: right;
    margin-right: 5px;
    display: none;
    width: 30px;
    /* line-height: 49px; */
    font-size: 34px;
    color: #9c9c9c;
    height: 44px;
    /* text-align: center; */
    margin-right: 15px;
    cursor:pointer;
}
.mobile form#searchForm {
    width: 90%;
}
.mobile span.icon-close {
    line-height: 60px;
    /* float: right; */
    margin: 0px 10px;
    cursor:pointer;
}
.mobile.SearchRow {
    display: none;
    float: none;
}
.mobile .SearchDiv {
    margin: 10px;
}
.snap-container{color: #888; text-align: center; margin-top: 0px !important;}
/* Search Box End */

/* Banner Start */
.BannerBillboard { width:100%; height:250px; text-align:center; background: center center no-repeat; background-size: cover; }
.BannerLR1, .BannerLR2 { width:300px; height:250px; margin-bottom:30px; }
.BannerSidebar { width:300px; height:600px; margin-bottom:30px; }
.BannerSidebar.fixed { position: fixed;}
.BannerLR1_M, .BannerSidebar_M, .BannerLR2_M{ display:none;}
/* Banner End */

/* Footer Start */
footer{ background-color:#efefef; color:#000000; padding:35px 0; margin-top:100px;}
.Footer { max-width:1600px; margin:0 auto; padding:0 50px; display:flex; flex-flow:row nowrap; justify-content:space-between; }
.Footer a{ color:#000000; }
.Footer .Row1{ max-width: 350px; font-size:13px; }
.Footer .Row1 h4{ font-size:17px; font-weight:normal; margin-bottom:18px; }
.Footer .Row1 .InputDiv{ margin-top:25px; display:flex; flex-flow:row nowrap; }
.Footer .Row1 input {  flex-grow:2; padding:0 8px; height:40px; line-height:40px; min-width:230px; border-radius:5px 0 0 5px; border:none; outline:none; float:left; }

/*
.Footer .Row1 a {text-decoration:underline;}
.Footer .Row1 a.Btn{ 
	display:inline-block; background-color:#000000; text-decoration:none; border-radius:0 5px 5px 0;
	padding:0 22px; line-height:40px; font-size:14px !important; color:#ffffff; height:40px; text-align:center;
}
.Footer .Row1 a.Btn:hover{ background-color:#666666; }
*/

.Footer .Row1 .Btn{ font-size:14px !important; background-color:#b3a790 !important; white-space: nowrap; cursor: pointer; }

.Footer .Row2{ text-align:right;  }
.Footer .Row2 .Sitemap{ margin-top:35px; font-family: 'Quicksand_Book'; font-size: 12px; }
.Footer .Row2 .Sitemap>Div{ padding-bottom: 5px;}
.Footer .Row2 .Sitemap span{ display:inline-block; padding:0 12px;}
.Footer .Row2 .Sitemap a:hover{ text-decoration:underline; }
.Footer .Row2 .TandC { margin-top:30px;font-size:12px; } 
.Footer .Line{ border-left:#ccc 1px solid; border-right:#ffffff 1px solid; margin:0 50px;}

.ConnectDiv { display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;}
.ConnectDiv>Div{ padding-top: 8px; }
.ConnectDiv a{ height:25px; margin:0 0 0 10px;}
.ConnectDiv .icon-fb{ font-size:22px;}
.ConnectDiv .icon-ig{ font-size:24px;}
.ConnectDiv .icon-youtube{ font-size:27px;}
.ConnectDiv .icon-twitter{ font-size:29px;}
/* Footer End */

/* Overlary Start */
.Overlary_close{ cursor: pointer;}
.Overlary_body{ display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6); z-index: 3000; }
.Overlary_S1{ 
	background-color:#ffffff; padding:20px; max-width:1200px; width:90%; height:90%; margin:0 auto;  
	position: fixed; top: 50%; z-index: 3000; left: 50%; transform: translateX(-50%) translateY(-50%);
}
.Overlary_S1 .BorderDiv{ border:2px solid #dddddd; height:100%; width:100%; padding:30px; overflow:hidden; overflow-y:auto; position:relative; }
.Overlary_S1 span.icon-close3-01{ 
	position:absolute; right:30px; top:30px; font-size:20px; cursor:pointer; background-color:rgba(255,255,255,0.5);
	width: 30px; height: 30px; padding: 5px; box-sizing: border-box;
}
.Overlary_S1 span.icon-close3-01:hover{ color:#B39751; }
.Overlary_S1 h1{ text-align:center; border-bottom:0px; margin:0px; letter-spacing: 2px;}
.Overlary_S1 ol{ padding-left:18px;}

.Overlary_S1 a{ color:#B39751;}
.Overlary_S1 strong{ text-decoration: underline; }

.Overlary_S1.SizeS{ max-width:400px; width:80%; height:230px; } 

.Overlary_Form{}
.Overlary_Form .InputBox{ 
	height:38px; padding: 0 10px; width: 100%;
	border-radius:3px; background-color: #f7f7f7; border: 1px solid #dddddd; margin: 0px 0 12px 0; 
}
.Overlary_Form textarea.InputBox{ padding:5px 10px; height:100px; line-height: 28px; resize:none; } 
.Overlary_Form h5{ font-weight: normal; font-size:15px; padding:10px 0px; }
.Overlary_Form button, .Overlary_Form .CancelBtn{ 
	background-color:#B39751; color: #ffffff; width: 48%; border: 0px; border-radius:3px; 
	text-align: center; height:36px; line-height: 36px;
}
.Overlary_Form button:hover{ background-color:#705e2f; cursor: pointer;}
.Overlary_Form .CancelBtn{ background-color:#eeeeee; color:#a5a5a5; }
.Overlary_Form .CancelBtn:hover{ background-color:#cccccc; color: #ffffff;  cursor: pointer; }

.Overlary_Form .FlexDiv{ display: flex; flex-flow:row nowrap; justify-content:space-between;  }
.Overlary_Form .CB{ margin-right: 10px;}
.Overlary_Form .CB input{ width: 14px; height: 14px; }
.Overlary_Form .CB_text{ width:auto; font-size:12px; margin-bottom: 20px; padding-top: 3px;}
.Overlary_Form .CB_text a{ color: #000000; text-decoration: underline;}
.Overlary_Form .ErrMess{ color:#B39751; font-size: 13px; display: none;} 

#LF .Overlary_S1{ max-width:500px; max-height:590px; width:90%; height:90%; }
#AD .Overlary_S1{ max-width:800px; max-height:400px; width:90%; height:90%; }

#EmailSub .Overlary_S1{ max-width:800px; max-height:400px; width:90%; height:90%; }
#EmailSub .Overlary_S1 h1{margin-top: 120px;}
/* Overlary End */

/* Index Start */
.ProductReviewsDiv{ display: none; }
.ProductReviewsDiv h2{ margin-bottom:5px; white-space:inherit; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;}
.ProductReviewsDiv .DivSet{display:flex; flex-flow:row nowrap; }
.ProductReviewsDiv .No1{min-width:48%; width:48%;}
.ProductReviewsDiv .No1 .GlobalArticle{ margin-bottom:12px;}
.ProductReviewsDiv .GlobalArticle{ height:240px; }

.ProductReviewsDiv .No2_4{ display:flex; flex-flow:column nowrap; justify-content:space-between; margin-left:30px; min-width:1px; }
.ProductReviewsDiv .No2_4 .Txt{min-width:1px;}

.ProductReviewsDiv .SmallArticle{display:flex; flex-flow:row nowrap;}
.ProductReviewsDiv .SmallArticle h2{ font-size:18px; }
.ProductReviewsDiv .SmallArticle .GlobalArticle{ width:120px; min-width:120px; height:80px; margin-right:15px; }
.ProductReviewsDiv .SmallArticle .Date{ color:#b6b6b6; }
.ProductReviewsDiv .SmallArticle .SubTitle,
.ProductReviewsDiv .SmallArticle .Intro{ display:none; }
/* Index End */

/* Article Start */
.ShareBar a{ display:-webkit-inline-box; height:32px; margin-right: 20px;  font-size:25px; padding-top: 10px; position: relative; line-height: 1; }
.ShareBar a:hover{ color:#BDA161; }
.ShareBar a.icon-wechat{font-size:33px; padding-top:7px;}
.ShareBar a .Copied{ 
	position: absolute; top:55px; left:-15px; font-size: 13px; font-weight: 400; letter-spacing: 0px; padding: 10px 0; width: 68px; text-align:center;
	background-color: #fff; color: #BDA161;  box-shadow:0px 0px 3px #666666; border-radius:2px;
}

.ShareBar .Copied .angle{
	width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #BDA161 transparent;
	position: absolute; top: -9px; left: 25px;
}

.Video.ShareBar  { text-align: right; }

.GlobalArticle .SubTitle.ShareBar span,
.Video.ShareBar span{ text-transform:none; /*font-family: 'Bellefair'; font-style: italic;*/ font-size:20px; bottom: 20px; overflow: visible;}

.GlobalArticle .SubTitle.ShareBar a, 
.Video.ShareBar span a{ color:#ffffff; margin-left:5px; margin-right: 0px;}

.GlobalArticle3 .SubTitle.ShareBar span,
.Video.ShareBar span{ text-transform:none; /*font-family: 'Bellefair'; font-style: italic;*/ font-size:20px; bottom: 20px; overflow: visible;}

.GlobalArticle3 .SubTitle.ShareBar a, 
.Video.ShareBar span a{ color:#ffffff; margin-left:5px; margin-right: 0px;}

.Video.ShareBar span{ 
	background-color: #333333; padding: 0 15px 0 10px; border-radius: 0 0 5px 5px; height:40px; 
	display: inline-block; border-top: 0px; 
}
.eventbtn_container {
    font-size: 25px;
    float: right;
}
.Video.ShareBar span a{ padding-top:3px; }


.GlobalArticle .SubTitle.ShareBar a:hover{  text-shadow:0px 0px 3px #ffffff;}
.GlobalArticle .SubTitle.ShareBar a .Copied { top:46px; }

.Article .Txt{ 
	border:1px solid #dddddd; color:#444444; padding:0 30px 45px 30px; 
	font-size:16px; letter-spacing: 3px; line-height: 2; position: relative;
}

.Article div.Txt:nth-child(1){border-top:1px solid #dddddd; }
.Article .Txt h1.title{ font-family: 'Quicksand_Book','Noto Sans TC'; margin:0px; padding:50px 0 5px 0; color:#000000; text-align:center; border-bottom:0px; font-size:24px; letter-spacing:2px; }
.Article .Txt .Date{ position: relative; text-align:center; margin-bottom:30px; padding-bottom: 10px; line-height: 1;}

.Article .Txt .TagDiv{ margin:50px 0 10px 0; display: block!important; } 
.Article .Txt .TagDiv:after { content:""; display:block; height:0px; line-height:0px; clear:both; overflow:hidden; }
.Article .Txt .TagDiv a{ margin:0 8px;  }
.Article .Txt .TagDiv a:hover{ text-decoration:underline; }
.Article .Txt .TagDiv span{ color:#000000; font-size:16px; /*font-family: 'Bellefair';*/ font-style: italic; float:left; }
.Article .Txt .TagDiv .FltLft{ width:84%; padding-top:3px; }
.Article .Txt img { max-width: 100%; width: auto;  }
.Article .ReadMore{ border-radius:0 0 3px 3px; border-top: 0px;}
.Article .readall .ReadMore { border-radius:3px; border-top:1px solid #dedede;}
.Article blockquote{ padding: 0px 20px; margin: 0 0 20px; border-left: 4px solid #B39751;}

.ExtendedReading h2{ font-size:16px; white-space:inherit; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
.ExtendedReading .FlexDiv{ display:flex; flex-flow:row wrap; justify-content:space-between; }
.ExtendedReading .FlexDiv .SmallArticle { width:31%; margin-bottom:30px; }
.ExtendedReading .FlexDiv .SmallArticle:nth-of-type(4),
.ExtendedReading .FlexDiv .SmallArticle:nth-of-type(5),
.ExtendedReading .FlexDiv .SmallArticle:nth-of-type(6){margin-bottom:0px;}
.ExtendedReading .GlobalArticle { width:100%; height:185px; }
.ExtendedReading .Title{ padding:10px 0; letter-spacing:3px;  border-top:0px; }

#Article .NewArticleDiv .GlobalArticle2:nth-of-type(3){ margin-bottom:0px; padding-bottom:0px;}

#Article .TopVideo,#Events .TopVideo{ position: relative; padding-bottom: 56.25%; overflow: hidden; }
#Article .TopVideo iframe,#Events .TopVideo iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Article End */

/* Search Start */
.TabDiv .TabLine { border-bottom:1px solid #444444; margin:0px 12px 30px 12px; }
.TabDiv .TabBtn{ font-size:16px; color:#444444; padding:12px 20px 9px 20px; float:left; margin-right:2px; cursor:pointer;}
.TabDiv .TabBtn.Now{ background-color:#444444; color:#ffffff; }
.TabDiv .TabBtn:hover{ background-color:#eeeeee; }
.TabDiv .TabBtn.Now:hover{ background-color:#444444; }
.TabDiv .ArticleDiv{ padding:0 12px;}
/* Search End */

/* Product Reviews Start */
#ProductReviews .PRFlexDiv{ display:flex; flex-flow:row wrap; justify-content:space-between; border-top: 1px solid #eeeeee; margin-top:30px; padding-bottom:50px;  }
#ProductReviews .PRFlexDiv .FlexBox{ 
	width:24%; max-width: 280px; background-color:#ffffff; margin:30px 0px 0 0px;
	display:flex; flex-flow:column nowrap; justify-content:space-between;
}

#ProductReviews .PRFlexDiv .FlexBox.DFP{ justify-content:center;}

#ProductReviews .PRFlexDiv .FlexBox img{ width:100%; }
#ProductReviews .PRFlexDiv .FlexBox h3{ font-size:16px; color:#888888; font-weight:300; letter-spacing:1px; margin: 0px; }
#ProductReviews .PRFlexDiv .FlexBox h2{ margin: 0px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: bold; padding-top: 6px; }

#ProductReviews .PRFlexDiv .FlexBox:not(.DFP)>div{ 
	text-align: center; flex-grow:1; padding: 12px 10px;
	border-right: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-bottom: 5px solid #c6c6c6;
	display:flex; flex-flow:column nowrap; justify-content: center;
}
#ProductReviews .PRFlexDiv .FlexBox:not(.DFP):hover{ cursor: pointer; }
#ProductReviews .PRFlexDiv .FlexBox:not(.DFP):hover>div{ border-bottom: 5px solid #B39751; }
#ProductReviews .PRFlexDiv .FlexBox:not(.DFP):hover h2{ color:#B39751; }

#ProductReviews .PRFlexDiv .Btn{ width: 100%;}
#ProductReviews .PRFlexDiv .ReadMore{ margin-top:30px; width: 100%;	}

.FocusArticle{ display:flex; flex-flow:row nowrap; justify-content:space-between; }
.FocusArticle .Txt{ max-width:450px; width:40%; margin-left:20px;}
.FocusArticle .Txt h1{ border-bottom:0px; margin-bottom:15px; margin-top:70px; padding-bottom:0px; }
a:hover .FocusArticle .Txt h1{ color:#B39751; }
.FocusArticle .Txt .Intro{ font-size:16px; letter-spacing:3px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box;}
.FocusArticle .Txt .GlobalArticle2{ display:block; border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.FocusArticle .Txt .GlobalArticle2 .Date{ position:relative; margin-top:20px; }
.FocusArticle .Photo{ background:center center no-repeat; background-size:cover; width:55%; height:500px; }

#ProductReviews .VideoDiv{ text-align: center;  }
#ProductReviews .VideoDiv .FlexBox{ display:flex; flex-flow:row nowrap; justify-content:space-between; }
#ProductReviews .VideoDiv iframe{  margin-right: 40px;}
#ProductReviews .VideoDiv .TxtDiv{ width: 1px; flex-grow:1; letter-spacing: 3px; text-align: left; display:flex; flex-flow:column nowrap; justify-content:space-between; }
#ProductReviews .VideoDiv .TxtDiv .Txt{ font-size: 16px; }
#ProductReviews .VideoDiv .TxtDiv h1{ border-bottom: 0px; margin:0 0 25px 0;}
#ProductReviews .VideoDiv .TxtDiv .BtnDiv{  font-size: 16px;  text-align: center; color: #ffffff; line-height: 50px; border-radius: 5px; }

#ProductReviews .FormDiv{ background:url(https://webarchive.lib.cuhk.edu.hk/20221209120204oe_/https://files.champimom.com/PR_bg.jpg) center center no-repeat #f1f1f1; }
#ProductReviews .FormDiv .FlexDiv { display:flex; flex-flow:row nowrap; justify-content:space-around; padding-bottom:100px; }
#ProductReviews .FormDiv .FlexDiv>div{ width:49%;}
#ProductReviews .FormDiv h1{ border-bottom:0px; margin:0px; padding:50px 0; text-align:center; }
#ProductReviews .FormDiv .Photo{ background:url(https://webarchive.lib.cuhk.edu.hk/20221209120204oe_/https://files.champimom.com/PR_bg2.jpg) center center no-repeat; width:100%;}
#ProductReviews .FormDiv .InputBox,
#ProductReviews .FormDiv textarea{ font-size:18px; outline:none; border:0px; width:100%; display:block; line-height: 1.2;  }
#ProductReviews .FormDiv .InputBox{ padding:17px 10px 12px 10px; margin-bottom:20px; }
#ProductReviews .FormDiv textarea{ padding:7px 0px; resize:none; height: 213px; }
#ProductReviews .FormDiv .WhiteBg{ background-color:#ffffff; padding:10px; }
#ProductReviews .FormDiv .SendBtn{ 
	width:100%; text-transform:uppercase; font-weight:300; background-color:#aaaaaa; color:#ffffff; text-align:center; font-size:20px;
	line-height:43px; outline: 0px; cursor: pointer; border: 0px;
}
#ProductReviews .FormDiv .SendBtn:hover{ background-color:#B39751;}
#ProductReviews footer{ margin-top: 0px;}
/* Product Reviews End */


/* Events Start */
#Events .SearcBighDiv{ 
	display: flex; align-items: flex-end;
	height: 400px; background:url(https://webarchive.lib.cuhk.edu.hk/20221209120204oe_/https://files.champimom.com/event_bg.jpg) center center no-repeat; background-size: cover; 
}
#Events .FindDiv{ max-width: 1100px; width: 96%; margin: 0 auto 40px auto; background-color: rgba(255,255,255,0.9); border-radius: 5px; padding: 20px 50px;}
#Events .FindDiv h1{ border-bottom: 0px; font-size: 24px; color: #b39751; letter-spacing: 1px; margin: 0px;}

#Events .FindDiv .NorSearch{ display:flex; flex-flow:row nowrap; justify-content:space-between; letter-spacing: 1px; color: #333333; }

#Events .FindDiv .SelectDiv,
#Events .FindDiv .InputBox{ background-color: #ffffff; width:22%; border-radius: 0px; border:1px solid #dfdfdf; }
#Events .FindDiv .InputBox{ border-radius:3px 0 0 3px; padding: 0 10px; }

#Events .FindDiv .InputBox input{ border: 0px; font-size: 14px; line-height: 38px; width: 100%; outline:0; font-weight: 300; letter-spacing: 1px; }
#Events .FindDiv .InputBox input::placeholder { color: #aaaaa;}
#Events .FindDiv .SelectDiv{ border-left: 0px;}
#Events .FindDiv .BtnDiv{
	flex-grow:2; text-align: center; background-color: #b3a790; color: #ffffff; font-size: 15px; text-transform :uppercase; line-height: 40px; height: 40px;
	border-radius: 0 3px 3px 0; cursor: pointer; border: 0px; 
}
#Events .FindDiv .BtnDiv:hover{ background-color:#b39751; }
#Events .FindDiv div:nth-last-of-type(1){ border-right:0px; }
#Events .FindDiv .AdvBtn{ width: 100%; display: block; font-size: 12px; padding: 5px 0 0 5px; letter-spacing: 1px; }

#Events .FindDiv .AdvSearch{ display:flex; flex-flow:row wrap; justify-content:space-between; letter-spacing: 1px; color: #333333; }

#Events .FindDiv .AdvSearch .SelectDiv,
#Events .FindDiv .AdvSearch .InputBox{ border-radius:3px; border:1px solid #dfdfdf; width:24%; margin-bottom: 10px; }

#Events .FindDiv .AdvSearch .TimeDiv{ display:flex; justify-content: space-around; padding-top: 20px; padding-bottom: 20px;}
#Events .FindDiv .AdvSearch .TimeDiv li:hover{ background-color:#ffffff; }
#Events .FindDiv .AdvSearch .TimeDiv input{ 
	background-color:#fafafa; border:#dfdfdf 1px solid; padding: 7px 7px 2px 7px; width:80px; font-weight:300;
	border-radius:3px; line-height: 1;
}
#Events .FindDiv .AdvSearch .TimeDiv input::placeholder { color: #aaaaaa; text-align: center;}
#Events .FindDiv .AdvSearch .TimeDiv li{ padding: 0px !important;}

.nice-select:after{ right:17px;}

#Events .FindDiv .AdvSearch .SelectDiv .icon-angle-down{ top:50%; }

#Events .FindDiv .AdvSearch .SelectDiv .icon-angle-down:before{
	border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block;
    height: 5px; width: 5px; margin-top: -4px;  pointer-events: none;  position: absolute; right: 12px; top: 50%;
    
	-webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
}

#Events .FindDiv .AdvSearch .RedTxt{ font-size: 12px; color: #ff0000; letter-spacing: 0px; line-height:1; padding-left: 20px; margin-bottom: 15px;}
#Events .FindDiv .AdvSearch .BtnDiv2{ display: flex; flex-flow:row nowrap; justify-content:center; }
#Events .FindDiv .AdvSearch .BtnDiv2 .Btn{ 
	background-color:#b3a790; color: #ffffff; padding:8px 0px; border-radius:2px; line-height: 1; margin:0px 8px 15px 8px; 
	letter-spacing: 0.5px; font-size:13px; width:90px; text-align: center; 
}
#Events .FindDiv .AdvSearch .BtnDiv2 .Btn:nth-of-type(1){background-color:#aaa;}
#Events .FindDiv .AdvSearch .BtnDiv{ width:24%; border-radius: 3px; flex-grow:0; }

#Events .FlexDiv2{ display:flex; flex-flow:row wrap; justify-content:space-between; margin-bottom: 40px;}

#Events .FlexDiv3{ display:flex; flex-flow:row nowrap; justify-content:space-between; }

#Events .SaveEvent{ 
	display:flex; flex-flow:row nowrap; justify-content:space-between; min-width: 120px; width: 120px; position: relative;
	font-size: 12px; letter-spacing: 0.5px; color:#ffffff !important; background-color:#b3a790; border-radius: 3px; padding: 6px 10px 0 3px; height: 38px; margin-left: 15px;
}
#Events .SaveEvent:hover{ background-color:#B39751;} 
#Events .SaveEvent span{ display:inline-block; }
#Events .SaveEvent span:nth-of-type(2){ padding-top:2px; }

#Events .SaveEvent .icon-bookmark-1{ font-size: 27px; line-height: 12px;}
#Events .FlexDiv1 .PopupDiv{ 
	position: absolute; top:52px; right: 0px; background-color: rgba(70,70,70,0.85);  box-shadow: 0px 0px 6px #666666; padding: 15px 20px 10px 20px; width: 220px; 
	border-radius: 3px; font-weight: 300; font-size: 15px;
}
#Events .FlexDiv1 .PopupDiv .angle{
	width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent rgba(70,70,70,0.85) transparent; 
	position: absolute; top: -9px; right: 25px;
}
#Events .FlexDiv1 .PopupDiv ul{list-style-type:none; margin: 0px; padding: 0px; }
#Events .FlexDiv1 .PopupDiv li{ padding-bottom: 5px; }
#Events .FlexDiv1 .PopupDiv li:hover{ text-decoration: underline; }

#Events .BoxDiv{ margin-top: 40px; width: 32%; min-width:260px;}
#Events .BoxDiv .Photo{min-width: auto; height: 220px; background:center center no-repeat;  background-size: cover; position: relative; }
#Events .BoxDiv .Photo .Featured{ 
	position: absolute; top:10px; right: 10px; background-color: #ffffff; color: #b39751; padding:5px 10px;
	border-radius: 10px 0 10px 0; box-shadow: 1px 1px 2px #888888;
}
#Events .BoxDiv.emptyBox{
	margin-top: 0px;
}
/*#Events .FlexDiv2 .BoxDiv:last-child {margin-right:34.5%;}
 */
#Events .FlexDiv2 .BoxDiv:last-child {margin-right:0px;}
#Events .FlexDiv2 .BoxDiv:nth-child(3n){margin-right:0px; }

#Events .EndDiv{
	position: absolute; top:calc(100%/2 - 15px); left:0px; width: 100%; color: #ffffff; text-align: center;
	background-color: rgba(0,0,0,0.25); font-size:18px; letter-spacing: 1px; font-weight: 100;
}

#Events .Article .GlobalArticle .EndDiv{ top:calc(100%/2 - 30px);  height:60px; line-height:60px; font-size:30px; }

#Events .BoxDiv .Photo .EndDiv{ height:44px; line-height:44px; font-size:18px; }

#Events .BoxDiv .CssTable { border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; border-bottom:5px solid #dddddd; width: 100%; padding: 10px 0;}
#Events .BoxDiv .CssTable:hover{ border-bottom: 5px solid #B39751; }
#Events .BoxDiv .CssTd{ padding: 3px 0 0 0; }
#Events .BoxDiv .CssTd>div{ line-height: 1;}
#Events .BoxDiv .CssTd:nth-of-type(1){ width: 55px; line-height: 1; border-right: 1px solid #dddddd; vertical-align: middle; letter-spacing: 0px; }
#Events .BoxDiv .CssTd:nth-of-type(2){ padding-left: 12px; padding-right: 12px; color: #6f6f6f; padding-top: 0px; }
#Events .BoxDiv .CssTd:nth-of-type(2) span{ padding: 0px 15px; color:#aaaaaa; }
#Events .BoxDiv .Week{ text-transform: uppercase; font-size: 14px; color:#b39751; text-align: center; padding-bottom: 8px; letter-spacing: 1px;}
#Events .BoxDiv .Day{ font-size: 24px; text-align: center; padding-bottom:1px;}
#Events .BoxDiv .Month{ text-transform: uppercase; font-size: 18px; text-align: center; }
#Events .BoxDiv h3{ 
	font-weight: normal; font-size: 16px; color: #000000; line-height: 1.4; margin-bottom:1px; letter-spacing:1px; height: 44px;
	text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display: -webkit-box; 
}
#Events .BoxDiv.DFP{ background-color: #f5f5f5; border: 1px solid #dddddd; display: flex; justify-content:center; align-items:center;  }
#Events .BoxDiv.DFP img{ max-width: 100%; }

#Events .BoxDiv.emptyBox {
    margin-top: 0px;
}
/*
#Events .Article .GlobalArticle .SubTitle>span{ bottom:20px; right: 20px;}
#Events .Article .GlobalArticle .SubTitle a{ 
	display:inline-block; background-color: rgba(255,255,255,0.5); margin-left:10px;
	border-radius: 30px; width: 60px; height: 60px; text-align: center; 
}
#Events .Article .GlobalArticle .SubTitle a:hover{ background-color: rgba(255,255,255,1); color:#b39751; }
#Events .Article .GlobalArticle .SubTitle a.icon-call-phone{font-size: 40px; padding-top: 10px;}
#Events .Article .GlobalArticle .SubTitle a.icon-email{font-size:38px; padding: 12px 0 0 3px;}
*/

#Events .PageTitle{ margin: 40px 0 0px 0; background-color: #ffffff; border-bottom: 1px solid #333333; border-radius: 0px; }
#Events .PageTitle h1{color: #333; padding:0px; height:40px;}

#Events .Article .Txt{ padding: 30px 25px; letter-spacing: 1px;  }
#Events .Article .Txt.Video{ padding: 0px 0px; letter-spacing: 1px;  }
#Events .Article .Txt h1{ padding: 0px; text-align: left; margin-bottom: 15px; line-height: 1.5;}
#Events .Article .Txt .FlexDiv1{ display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
#Events .Article .Txt .FlexDiv1 .Cols1{ color: #b39751; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; padding: 0 45px 0 20px; }
#Events .Article .Txt .FlexDiv1 .Cols2{ border-left: 1px solid #dddddd; flex-grow:2; padding-left: 45px; }
#Events .Article .Txt .FlexDiv1 .Cols2 a{color:#B39751;}
#Events .Article .Txt .FlexDiv1 .Cols2 .icon-call-phone{ font-size: 20px; line-height: 15px; position: absolute; top:2px; left: 0px; }
#Events .Article .Txt .FlexDiv1 .Cols2 .PhoneHref{ position: relative; padding-left: 25px; }

#Events .Article .Txt table{ font-size: 15px; line-height: 1.8; }
#Events .Article .Txt tr td:nth-of-type(2){ padding: 0 10px; }
#Events .Article .Txt tr td{ padding-bottom: 15px; }
#Events .Article .Txt tr:nth-last-of-type(1) td{padding-bottom: 0px; }
#Events .Article .Txt td{ vertical-align: top; }
#Events .Article .Txt .Des{
	border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
	font-size: 15px; letter-spacing: 1px; line-height: 1.5; margin-top: 45px; padding: 25px 0px;
}

#Events .Article .Txt .FlexDiv2{ display:flex; flex-flow:row nowrap; justify-content:space-between; padding-top: 30px; margin-bottom: 0px; }
#Events .Article .Txt .FlexDiv2 .Cols1{ width: 50%; padding-right: 25px; }
#Events .Article .Txt .FlexDiv2 .Cols2{ width: 50%; padding-left: 25px; }
#Events .Article .Txt .FlexDiv2 input[type=text]{ 
	line-height: 36px; height: 36px; width: 100%; margin-bottom:10px; outline: 0px; padding: 0 5px; border: 1px solid #dddddd;
	font-size: 13px;
}
#Events .Article .Txt .FlexDiv2 textarea{ 
	width: 100%; resize: none; border: 1px solid #dddddd; height: 139px; outline: 0px; line-height: 1.5; 
	padding: 5px; margin-bottom: 8px; font-size: 13px;
}
#Events .Article .Txt .FlexDiv2 .SendBtn{
    width: 100%; text-transform: uppercase; font-weight: 300; background-color: #aaaaaa; color: #ffffff; border: 0px;
    text-align: center; font-size: 20px; line-height: 36px; height: 36px; outline: 0px; cursor: pointer;
}
#Events .Article .Txt .FlexDiv2 .SendBtn:hover{ background-color:#B39751;}
#Events .Article .Txt .FlexDiv2 span{ font-size:12px; color: #ff0000; }

#Events .Map { border-bottom: 1px solid #dddddd; padding:25px 0 18px 0; }
#Events .Map .GoogleMap{height: 300px;}

#Events .Interested h2{ font-size:16px; white-space:inherit; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
#Events .Interested .FlexDiv{ display:flex; flex-flow:row wrap; justify-content:space-between;}
#Events .Interested .BoxDiv{ width: 48%; margin-top: 40px;}

#Events .JoinBtn{ 
	background-color: #b3a790; color: #ffffff !important;  padding: 10px 0; text-align: center; cursor: pointer;
	font-weight: normal; border-radius: 3px; display: block; position: relative;
}
/*
#Events .JoinBtn:hover{ background-color:#B39751;} 
*/
#Events .JoinBtn input[type=checkbox]{ width: 15px; height: 15px; }
#Events .JoinBtn label{ display: flex; flex-flow:row nowrap; align-items:center; }
#Events .JoinBtn label span{ margin-left: 5px;}
#Events .JoinBtn .JoinBtn2{ margin-top: 5px; border-top:1px solid #ffffff; padding-top: 15px; }
#Events .JoinBtn .JoinBtn2 span{ display: block; background-color:#b3a790; text-align: center; padding: 3px 0; border-radius: 3px; font-weight: normal; margin-bottom:5px;}
#Events .JoinBtn .JoinBtn2 span:hover{ background-color:#B39751;} 

#Events .FlexDiv1 .JoinBtn .PopupDiv{ text-align: left; top: 60px; }
#Events .FlexDiv1 .JoinBtn .PopupDiv li:hover{ text-decoration:none; }

.ui-timepicker-standard{font-size:14px; font-weight: 300; font-family:'Quicksand_Book'; }
.ui-timepicker-standard .ui-state-hover { border: 1px solid #f3efe8; background-color:#f3efe8; font-weight:300; color:#b39751; }

/* Events End */


/* Listing Start */
#Listing .PageTitle .FltRgt{ padding:11px 10px 4px 0;}
#Listing .SelectDiv{ background-color:#f7f7f7; display: inline-block; width: 145px; border: 0px; }
#Listing .SelectDiv .DisplayTxt,
#Listing .SelectDiv .icon-angle-down{color: #9f9f9f;}
#Listing .SelectDiv{ border-radius:5px; margin-left: 20px; }
#Listing .SelectDiv .ListDiv{ box-shadow: 0px 0px 2px #888888; }
#Listing .SelectDiv:nth-of-type(1) .ListDiv{ height:300px; overflow-y:scroll; }

#Listing .TxtDiv{ border:1px solid #dddddd; border-top: 0px; padding:15px 20px 12px 20px;}
#Listing .TxtDiv span{ line-height: 1.3;}
#Listing .EngName{ text-transform: uppercase; letter-spacing: 2px; display:block; }
#Listing .ChiName{ margin-bottom: 2px; letter-spacing:3px; display:block; }
#Listing .District{ color: #b6b6b6; letter-spacing:3px; display:block; }
#Listing .School .GlobalArticle .SubTitle>span{ letter-spacing: 3px; bottom: 15px;}

#Listing a:hover .EngName,
#Listing a:hover .ChiName,
#Listing a:hover .EngChiName{ color:#B39751;}

#Listing .GoldLv .School{ margin-bottom: 40px; }
#Listing .GoldLv .GlobalArticle{ height: 325px; }
#Listing .GoldLv .GlobalArticle .SubTitle>span{ font-size: 20px; }
#Listing .GoldLv .EngName, #Listing .Article .TxtDiv .EngName{ font-size:22px; color: #000000; }
#Listing .GoldLv .ChiName, #Listing .Article .TxtDiv .ChiName{ font-size:20px; color: #000000; }
#Listing .GoldLv .District, #Listing .Article .TxtDiv .District{ font-size: 18px; }

#Listing .SilverLv,
#Listing .CopperLv { display: flex; flex-flow:row wrap; justify-content:space-between; }
#Listing .SilverLv .TxtDiv,
#Listing .CopperLv .TxtDiv{ padding:12px 15px 9px 15px; }
#Listing .SilverLv .EngChiName,
#Listing .CopperLv .EngChiName{ font-size:17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
#Listing .SilverLv .District{ font-size:14px; }
#Listing .SilverLv a,
#Listing .CopperLv a{ width:48.5%; margin-bottom:30px; }

#Listing .SilverLv{ margin-bottom: 10px;}
#Listing .SilverLv .GlobalArticle{ height:190px; }
#Listing .SilverLv .GlobalArticle .SubTitle>span{ bottom: 10px; right:8px;}

#Listing .CopperLv{  margin-bottom:20px; }
#Listing .CopperLv .TxtDiv{ border:1px solid #dddddd; border-bottom: 0px;}
#Listing .CopperLv .EngChiName{ font-size:15px; }
#Listing .CopperLv .District{ font-size:13px; }
#Listing .CopperLv .Detail{ background-color: #f7f7f7; border:1px solid #dddddd; color: #a5a5a5; text-align: center; padding: 10px 0 8px 0; }

#Listing a:hover .GlobalArticle{ box-shadow:0 0 0 0;}

#Listing .Article .GlobalArticle{ height:325px;}
#Listing .Article .GlobalArticle .SubTitle>span{ bottom:20px; right: 20px;}
#Listing .Article .GlobalArticle .SubTitle a{ 
	display:inline-block; background-color: rgba(255,255,255,0.5); margin-left:10px;
	border-radius: 30px; width: 60px; height: 60px; text-align: center; 
}
#Listing .Article .GlobalArticle .SubTitle a:hover{ background-color: rgba(255,255,255,0.75); color:#666666; }
#Listing .Article .GlobalArticle .SubTitle a.icon-call-phone{font-size: 40px; padding-top: 10px;}
#Listing .Article .GlobalArticle .SubTitle a.icon-email{font-size:38px; padding: 12px 0 0 3px;}

#Listing .Article .TxtDiv{ border: 0px; padding:35px 0 0 0; margin: 0 0 35px 0;}

#Listing .CssTable { border-top: 1px solid #dddddd; width: 100%; margin: 30px 0 0 0; padding-top: 30px; }
#Listing .CssTable .CssTr .CssTd:nth-of-type(1){ width:70px;}
#Listing .CssTable a{ color:#B39751; }
#Listing .CssTable a:hover{ color:#B39751; }
#Listing .icon-pin{ font-size: 22px; display:-webkit-inline-box; line-height:13px;}

#Listing .Interested h2{ font-size:16px; white-space:inherit; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
#Listing .Interested .FlexDiv{ display:flex; flex-flow:row wrap; justify-content:space-between; }
#Listing .Interested .FlexDiv .SmallArticle { width:48%; margin-bottom:30px; }
#Listing .Interested .FlexDiv .SmallArticle .SubTitle{ background-position:right; }
#Listing .Interested .FlexDiv .EngChiName{font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
#Listing .Interested .GlobalArticle { width:100%; height:180px; }
#Listing .Interested .Title{ padding:10px 0; letter-spacing:3px;  border-top:0px; }
/* Listing End */

/* LoginBack Start */
#LoginBack .Text{ text-align: center; font-size: 16px;  padding: 30px 0; color: #888888; font-weight: 200; }
#LoginBack .Text h2{ margin-bottom: 20px; color: #000000; }
#LoginBack .Text .form-group{ margin-top:30px; }
#LoginBack .Text .form-group input{ padding:0 5px; width:300px; margin: 5px; border-radius:3px; border: 1px solid #dedede; line-height: 40px; }
#LoginBack .btn-sign{ width:300px;  background-color: #b3a790; color: #ffffff; height: 40px; border: 0px; border-radius:3px; margin-top: 5px; cursor: pointer; }
#LoginBack .forget-password{ font-size: 12px; color: #B39751; } 
/* LoginBack End */


/* User Page Start */
#User .TopLogo { text-align: center; display: block; }
#User .TopLogo img{width: 330px; margin: 40px  0px 60px 0; }

#User  h1{ margin: 0 0 30px 0; letter-spacing:0px; border-bottom-color: #cccccc; }

#User .RedTxt{font-size: 12px; color: #ff0000; margin-bottom: 10px; }

#User .FlexBox.Or{ display: flex; flex-flow:row nowrap; align-items:center; justify-content:center; margin:40px 0; }
#User .FlexBox.Or .Line{ border-bottom: 1px solid #ccc; width: 40%;}
#User .FlexBox.Or .Text{ margin: 0 20px; }

#User .TxtDiv{ margin-bottom: 12px; }

#User form h5 { font-weight: normal; margin-bottom: 12px; }
#User form[name=login] input[type=text], #User form[name=login] input[type=password]{
	width: 100%; height: 35px; line-height: 35px; padding: 0 5px; margin-bottom: 30px; outline: none; border-radius: 3px;  
	border: 1px solid #e0e0e0;
}

#User form .FltLft{ position: relative; padding-left: 25px; }
#User form .cb{ position:absolute; left: 0px; top: 1px; width:18px; height: 18px;}
#User form .FltLft, #User form .FltRgt{ font-size: 12px;  margin-bottom: 30px; }

#User .Btn{    
	background-color: #d6d6d6;  color: #888888; text-align: center; border: 0px; outline: none;
    border-radius: 3px;  font-size:16px; line-height: 43px; width: 100%;
}
#User .Btn:hover{ background-color: #B39751; color: #ffffff; cursor: pointer;}

#User .Btn.Save{ margin-bottom: 50px;}


#User .User01{ max-width:640px; margin: 0 auto; padding: 30px 30px 60px 30px; background-color: #f7f7f7; }

#User .User01 .TabBtn{ 
	width:50%; text-align:center; padding: 20px 0; font-family: 'Quicksand_Book','Noto Sans TC'; font-size: 16px; margin-bottom: 30px;
	border: 1px solid #cccccc; border-top: 0px; border-left: 0px; border-right:0px; float: left; border-radius: 5px 5px 0 0 ;
}
#User .User01 .TabBtn.Now { border: 1px solid #cccccc;  border-bottom: 0px;  }
#User .User01 form, #User .SecondMess{ max-width: 360px;  width: 100%; margin: 30px auto 0 auto;}
#User .User01 form a:hover{ color: #B39751; } 

.selectWrapper{
	 border-radius:36px;
  display:inline-block;
  overflow:hidden;
  background:#cccccc;
  border:1px solid #cccccc;
  width: 100%;
}

#User .User01 form .TC{ font-size:12px; text-align: center; margin-bottom: 30px; }
#User .User01 form .TC a{ font-weight: 500; }

#User .User02 .FlexDiv{ display: flex; flex-flow:row nowrap; }
#User .User02 .FlexDiv>.Cols1{ background-color: #f7f7f7; width: 300px; margin-right: 20px; }
#User .User02 .FlexDiv>.Cols2{ background-color: #f7f7f7; flex-grow: 2; padding: 30px; min-width: 1px; }
#User .User02 .FlexDiv>.Cols1 a{ display:block; font-weight: 400; font-size: 16px; padding:10px 20px 10px 20px; border-bottom:3px solid #ffffff; }
#User .User02 .FlexDiv>.Cols1 a:hover{ color: #B39751; }

#User .User02 .TableSet{ margin-bottom: 40px;}
#User .User02 .TableSet td{ vertical-align: top;  padding: 5px 10px; }

#User .User02 .TableSet input[type=text]{ 
	padding: 3px 5px; text-align: center; width:40px; margin-bottom: 0px; letter-spacing: 1.5px;
}

#User .User02 .TableSet input[type=text]:nth-of-type(3){ width:60px; }

#User .PageNum a{ 
	display: inline-block; width: 24px; height: 24px; line-height: 22px; text-align: center; border-radius: 2px;
	background-color: #ddd; color: #333333; margin:5px 5px 0 0;
}
#User .PageNum a.Now{  background-color: #b3a790; color: #ffffff; }
#User .PageNum a:hover{ background-color: #999999; color: #ffffff;  }

#User .EventBox { margin-bottom: 25px; }
#User .EventBox a{ color: #B39751; }
#User .EventBox a:hover{ text-decoration:underline; }
#User .EventBox span{ display: inline-block; padding: 0 10px;}
#User .EventBox .Title{ width: 100%; background-color: #dfdfdf; padding:12px 15px; font-size: 15px; border-radius: 5px 5px 0 0; }
#User .EventBox .FlexDiv2{ display:flex;  flex-flow:row wrap; background-color: #ffffff; padding: 15px; border-radius: 0 0 5px 5px; }
#User .EventBox .FlexDiv2>div{ width: 50%; padding: 5px 0px; }

/* User Page End */

.BannerBillboard.sm, .BannerLR1_M .sm, .BannerSidebar_M .sm, .BannerLR2_M .sm,
.BannerBillboard.md, .BannerLR1_M .md, .BannerSidebar_M .md, .BannerLR2_M .md{ display:none; }
.BannerBillboard.lg, .BannerLR1_M .lg, .BannerSidebar_M .lg, .BannerLR2_M .lg{ display:block; }

@media screen and (max-width:1301px)
{
.note-video-clip{ width:640px !important; height:360px !important; }
}

@media screen and (max-width:1151px)
{
.note-video-clip{ width:510px !important; height:287px !important; }
	
.GlobalArticle2 .Photo{ height:190px;}
.Footer .Row1{ max-width:280px; }

.ExtendedReading .FlexDiv .SmallArticle { width:48%; }

#ProductReviews .VideoDiv .TxtDiv h1{ font-size: 20px;}
#ProductReviews .VideoDiv .TxtDiv .Txt{ font-size:14px;}
	
#ProductReviews .PRFlexDiv .FlexBox{ width:23%;}
#ProductReviews .PRFlexDiv .FlexBox h3{ font-size:14px; }
	
#Events .Article .Txt .FlexDiv1{ flex-flow: column nowrap; }
#Events .Article .Txt .FlexDiv1 .Cols1{ padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #dddddd; width: 100%; text-align: center; }
#Events .Article .Txt .FlexDiv1 .Cols2{ padding-left: 0px; border-left: 0px; width: 100%; word-break: break-word; }

#Listing .GoldLv .GlobalArticle { height: 280px; }
#Listing .SilverLv .GlobalArticle{ height:180px; }
}


@media screen and (max-width:999px)
{
/* Overwrite Swiper Setting Start */
.swiper-button-prev, .swiper-button-next { display: none !important;}
/* Overwrite Swiper Setting End */
	
/* Global Start */

h1{ margin-top:30px;}
h2, .ExtendedReading h2{  margin:15px 0 8px 0;}

#MainBody, .GlobalWidth{ padding:0; }
#MainFlexDiv .RightDiv{ display:none; }

.note-video-clip{ width:708px !important; height:398px !important;}

.MobileMenuBar{ 
	height:49px; border-bottom:0px solid #B39751; display:block; text-align: center;  position:relative; top:0px; width:100%;
	 background-size: 170px auto; background-color:#ffffff;
}
.MobileMenuBar .mobile-logo{ height:38px }
/*.MobileMenuBar img{ display: none; }*/
.MobileMenuBar .icon-navicon{ position:absolute; top:0px; left:0px; font-size:35px; line-height:0; width:48px; height:48px; padding:8px 0 0 9px; color:#B39751; }
	
.GlobalArticle2{flex-flow:column nowrap; padding-bottom:15px; margin-bottom:25px; }
.GlobalArticle2 .Photo{ height:300px; min-width:auto;}
.GlobalArticle2 .Txt{ margin-left:0px; padding:0 0 40px 0;}
	
.SmallArticle .GlobalArticle .SubTitle {background-position:right bottom;}

.TopArticle .SmallArticle{ display:none; }
	
.PageTitle { border-radius: 0px; border-right: 0px; border-left: 0px; /*border-top:1px #f7f7f7 solid; */}
.PageTitle h1 { padding: 16px 0px 0px 0px;  display: block; margin: 0 12px; }
.PageTitle .FltRgt{ float: none; text-align: center; margin: 0; padding: 10px; border-top: 1px solid #dedede; }
.PageTitle .SubMenu a{ margin: 0 10px;}
/* Global End */

/* Banner Start */
.BannerBillboard{ height: 200px; }
	
.BannerLR1_M, .BannerSidebar_M, .BannerLR2_M{ display:block; text-align:center; width:100%; margin-top:30px;}
.BannerSidebar_M{ margin-top:30px; margin-bottom:30px; }

.BannerBillboard.sm, .BannerLR1_M .sm, .BannerSidebar_M .sm, .BannerLR2_M .sm,
.BannerBillboard.lg, .BannerLR1_M .lg, .BannerSidebar_M .lg, .BannerLR2_M .lg{ display:none; text-align: center; }
.BannerBillboard.md, .BannerLR1_M .md, .BannerSidebar_M .md, .BannerLR2_M .md{ display:block; text-align: center; }

.NewArticleDiv.Top3 div.GlobalArticle2:nth-of-type(3){ border-bottom:0px; padding-bottom:0px; margin-bottom:0px; }
/* Banner End */
	
/* Footer Start */
footer{  margin-top:0px; padding:20px 0;}
.Footer { padding:0 12px; flex-flow:column nowrap;  }
.Footer .Row1{ max-width:100%; min-width:290px; }
.Footer .Row1 input {width:70%;}
.Footer .Line{ border-left:0px; border-right:0px;  border-top:#cccccc 1px solid; border-bottom:#ffffff 1px solid; margin:20px 0;}
.Footer .Row2 { text-align:center; }
.Footer .Row2 .Sitemap{ margin-top:20px;}
.Footer .Row2 .Sitemap>div{ margin-bottom:15px;}
.Footer .Row2 .TandC{margin-top:20px;}

.ConnectDiv { justify-content:center;}
/* Footer End */

/* Article Start */
.Article .Txt{ border:0px; }
.Article .ReadMore{ border-radius:3px; margin:0 12px; border-top: 1px solid #dedede; }

.ExtendedReading{ padding:0 12px; }
.ExtendedReading .Title { padding:0px; }
.ExtendedReading h2{ height:auto; }

/* Article End */

/* Product Reviews Start */
.ProductReviewsDiv{ padding:0 12px;}
.ProductReviewsDiv .DivSet, .ProductReviewsDiv .SmallArticle{flex-flow:column nowrap; }
.ProductReviewsDiv .No1 { width:100%; min-width:100%; }
.ProductReviewsDiv .No1 .GlobalArticle{ margin-bottom:0px;}
.ProductReviewsDiv .No2_4{margin-left:0px; border-top:1px solid #eeeeee; padding-top:25px; margin-top:20px;}
.ProductReviewsDiv .No2_4>a:nth-of-type(2),
.ProductReviewsDiv .No2_4>a:nth-of-type(3){ display:none;}

.ProductReviewsDiv .GlobalArticle, 
.ProductReviewsDiv .SmallArticle .GlobalArticle,
.ExtendedReading .GlobalArticle{ height:300px; }
	
.ProductReviewsDiv .SmallArticle .GlobalArticle { width:100%; min-width:100%; margin-right:0px; }
.ProductReviewsDiv .SmallArticle .Date{ display:none; }
.ProductReviewsDiv .GlobalArticle .SubTitle,
.ProductReviewsDiv .SmallArticle .Intro{ display:-webkit-box;}
.ProductReviewsDiv .SmallArticle h2 { font-size:20px; }

#ProductReviews .VideoDiv{ padding: 0 30px;}
#ProductReviews .VideoDiv .TxtDiv{ width: 100%; margin: 0 auto;}
#ProductReviews .VideoDiv .TxtDiv h1{ margin: 20px 0 0 0;}
#ProductReviews .VideoDiv .TxtDiv .BtnDiv{ margin-top: 20px; }
#ProductReviews .VideoDiv .FlexBox{ flex-flow: column nowrap;}
#ProductReviews .VideoDiv iframe{ margin-right: 0px; margin: 0 auto;}

#ProductReviews .PRFlexDiv { margin: 30px 30px 0 30px; }
#ProductReviews .PRFlexDiv .FlexBox h3{ font-size:14px; }

#ProductReviews .FormDiv { padding:0 12px; }
/* Product Reviews End */
	
	
/* Events Start */
	
#Events .SearcBighDiv { height: 480px;}
	
#Events .FindDiv .NorSearch .SelectDiv, 
#Events .FindDiv .NorSearch .InputBox{border-radius: 3px}

#Events .FindDiv .NorSearch {flex-flow: row wrap;}
#Events .FindDiv .NorSearch .SelectDiv,
#Events .FindDiv .NorSearch .InputBox{ width:49%; margin-bottom:8px; border: 1px solid #dfdfdf !important; }
	
#Events .FindDiv {padding: 20px 20px 10px 20px;}
#Events .FindDiv .BtnDiv{ margin-bottom:10px; border-radius:3px;}

#Events .FlexDiv2 { padding: 0 20px; }
#Events .BoxDiv{ margin-top: 40px; width:48%; min-width:48%;}
#Events .BoxDiv:last-child { margin-right:0px; }

#Events .ReadMore{ margin: 40px 12px; }
#Events .Interested { padding: 0 12px; }
	
#Events .Article .Txt{ padding: 30px 25px 0 25px; }

#Events .Article .Txt .FlexDiv2{ padding: 30px 0 ; border-bottom: 1px solid #dddddd;}
	
/* Events End */
	
	
/* Listing Start */
#Listing .SelectDiv { width: 22%;  }
#Listing .GoldLv .GlobalArticle .SubTitle>span{font-size:16px;}
#Listing .SilverLv,
#Listing .CopperLv,
#Listing .Interested{ padding: 0 12px; }

/* Listing End */
	
	
/* User Page Start */

#User h1{ font-size: 18px; }
#User .User02 { padding: 0 20px; }
#User .User02 .FlexDiv>.Cols1 { width: 150px; min-width: 150px; margin-right: 20px; }
#User .User02 .FlexDiv>.Cols1 a{ font-size: 12px; }
#User .User02 .TableRecord { font-size: 13px;  }
	
/* User Page End */

	
#LoginBack .Text{ padding: 50px 5px; }
	
#SearchResult .SearchDiv{ margin:0 12px 30px 12px; }

.NewArticleDiv{ padding:0 12px;}

#Index .ReadMore, #SearchResult .ReadMore, #List .ReadMore{ margin:0 12px;}

}


@media screen and (max-width:767px)
{
/* Overwrite Swiper Setting Start */
.swiper-container-horizontal>.swiper-pagination-bullets{ display: none !important; } 
/* Overwrite Swiper Setting End */
	
.note-video-clip{ width:400px !important; height:225px !important;}
	
.BannerBillboard{ height:90px; }

.NewArticleDiv2{ padding: 25px 12px 0px 12px; }

/* Article Start */
.ExtendedReading .FlexDiv .SmallArticle { width:100%;    margin-bottom:20px; }
.ExtendedReading .FlexDiv .SmallArticle:nth-of-type(6){ margin-bottom:0px;}

.Video.ShareBar  { text-align:center; }
/* Article End */
	
#ProductReviews .VideoDiv { padding: 0 10px;}
#ProductReviews .PRFlexDiv{ margin: 0px 10px 0 10px; }
#ProductReviews .PRFlexDiv .FlexBox { width:49%; margin:20px 0 0 0; max-width:none; }
#ProductReviews .PRFlexDiv .ReadMore{ margin-top: 20px;}

.FocusArticle{ flex-flow:column-reverse nowrap; padding-bottom: 20px; }
.FocusArticle .Txt{ width:100%; max-width:100%; margin-left:0px; padding:0 12px; }
.FocusArticle .Photo{ width:100%; height:300px; }
.FocusArticle .Txt h1 { font-size:18px; margin:15px 0 8px 0; }
.FocusArticle .Txt .Intro{ font-size:14px; -webkit-line-clamp:2;}
.FocusArticle .Txt{ width:100%; max-width:100%; margin-left:0px; padding:0 12px; }

#ProductReviews .FormDiv{ background-position: left center; background-size: cover; }
#ProductReviews .FormDiv h1{padding:35px 0 25px 0;}
#ProductReviews .FormDiv .Photo{ display: none;}
#ProductReviews .FormDiv .FlexDiv{ padding-bottom:30px;}
#ProductReviews .FormDiv .FlexDiv>div{ width:100%;}	
#ProductReviews .FormDiv .InputBox,
#ProductReviews .FormDiv textarea{ font-size:15px;}
#ProductReviews .FormDiv .InputBox{ margin-bottom:10px;}
#ProductReviews .FormDiv textarea{ padding:8px 0px; resize:none; height:150px; }


/* Events Start */
#Events .SearcBighDiv { height:auto; background-position: top center; background-size:auto 150px; padding:150px 12px 0 12px;}
	
#Events .FindDiv { width: 100%; padding: 20px 0px; border-bottom: 1px solid #dddddd; border-radius: 0px; margin-bottom: 0px; }
#Events .FindDiv h1{ font-size: 18px; letter-spacing: 0px;}
#Events .FindDiv .BtnDiv{ margin-top: 10px; }

#Events .FindDiv .NorSearch .SelectDiv, 
#Events .FindDiv .NorSearch .InputBox,
#Events .FindDiv .AdvSearch .SelectDiv, 
#Events .FindDiv .AdvSearch .InputBox { width: 100%; margin-bottom:3px; }

#Events .FlexDiv2 { padding: 0 12px; }
#Events .BoxDiv{ width:100%; }
#Events .BoxDiv.DFP { background-color:#ffffff; border:0px; }
	
#Events .Article .Txt { padding:20px 12px 0 12px;}
#Events .Article .Txt .FlexDiv2{ flex-flow: column nowrap; padding: 20px 0; }
#Events .Article .Txt .FlexDiv2 .Cols1,
#Events .Article .Txt .FlexDiv2 .Cols2{ width: 100%; padding: 0px; }
#Events .Article .Txt .FlexDiv1 .Cols2{ padding-bottom:60px; position: relative;}
	
#Events .FlexDiv3{ display: block; }
#Events .SaveEvent{ margin-left: 0px; position: absolute; bottom: 0px; left: 0px; justify-content: center; width: 100%; }
#Events .FlexDiv1 .PopupDiv{ width: 100%; padding: 20px 20px 10px 20px; }
#Events .FlexDiv1 .PopupDiv li{ padding-bottom: 15px;}
	
#Events .ReadMore { margin:20px 12px; }
	
#Events .Interested .FlexDiv{ flex-flow: column nowrap; }
#Events .Interested .BoxDiv{ width: 100%; margin-bottom:40px; }
	
#Events .Article .Txt .FlexDiv1 .Cols1{ font-size:20px; }
#Events .Article .Txt h1{ font-size:18px; }
#Events .Article .Txt table{ font-size: 14px; }
#Events .Article .Txt .Des{ font-size: 14px; margin-top: 25px; padding:10px 0px 20px 0px; }
#Events .Article .Txt tr td:nth-of-type(2) { padding: 0 5px; }
	
/* Events End */

	
/* Listing Start */

#Listing .SelectDiv { width:100%; margin-left: 0px; }
#Listing .PageTitle .FltRgt{  padding:13px 5px 0 5px;}

#Listing .GoldLv .GlobalArticle { height: 220px; }
#Listing .GoldLv .GlobalArticle .SubTitle>span{font-size:14px;}
#Listing .GoldLv .TxtDiv{ border-left: 0px; border-right: 0px; padding: 12px 17px 9px 17px;}	

#Listing .GoldLv .EngName, #Listing .Article .TxtDiv .EngName{ font-size:19px; }
#Listing .GoldLv .ChiName, #Listing .Article .TxtDiv .ChiName{ font-size:17px; }
#Listing .GoldLv .District, #Listing .Article .TxtDiv .District{ font-size: 15px; }
	
#Listing .SilverLv{ margin-bottom: 0px;}
#Listing .SilverLv a{ width:100%; margin-bottom:30px; }
#Listing .SilverLv .District{ font-size:13px; }
	
#Listing .SilverLv .EngChiName,
#Listing .CopperLv .EngChiName{ font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
#Listing .SilverLv .TxtDiv, #Listing .CopperLv .TxtDiv { padding: 10px 13px 7px 13px; }
	
#Listing .CopperLv a{ width:100%; margin-bottom:20px; }

#Listing .Article .TxtDiv { padding: 25px 0 0 0; margin: 0 0 25px 0; }

#Listing .Interested .FlexDiv .SmallArticle {width:100%;}
	
/* Listing End */

/* User Page Start */

#User #MainBody { padding: 0px; }
#User .TopLogo img { width: 270px; }

#User h1 { font-size: 15px; margin: 0 0 15px 0; }
#User .User01 .TabBtn { padding: 15px 0; font-size:14px; }
#User .User01 form{ margin:30px auto 0 auto; }
#User .User02 .FlexDiv { flex-flow: column nowrap; }
		
#User .User02 { padding: 0 12px; }
#User .User02 .FlexDiv .Cols1 { width:100%; margin:0 0 20px 0; }

#User .User02 .FlexDiv>.Cols2{ padding: 10px; }

#User .EventBox .Title{ font-size: 14px; }	
#User .EventBox .FlexDiv2>div{ width:100%; padding: 5px 0px; font-size: 13px;}

#User .EventBox .FlexDiv2>div:nth-child(1){ order:1; }
#User .EventBox .FlexDiv2>div:nth-child(2){ order:2; }
#User .EventBox .FlexDiv2>div:nth-child(3){ order:4; }
#User .EventBox .FlexDiv2>div:nth-child(4){ order:3; }
#User .EventBox .FlexDiv2>div:nth-child(5){ order:5; }
#User .EventBox .FlexDiv2>div:nth-child(6){ order:6; }
	

/* User Page End */
	
.BannerBillboard.sm, .BannerLR1_M .sm, .BannerSidebar_M .sm, .BannerLR2_M .sm{ display:block; }
.BannerBillboard.md, .BannerLR1_M .md, .BannerSidebar_M .md, .BannerLR2_M .md,
.BannerBillboard.lg, .BannerLR1_M .lg, .BannerSidebar_M .lg, .BannerLR2_M .lg{ display:none; }

}
.swiper-button-next, .swiper-button-prev{
    --swiper-theme-color: #fffefc;
}
.midland_logo{
    width: 80px;
    height: 80px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url('/20221209120204oe_/https://www.everwellth.com/img/midland_logo.png');
}
@media screen and (max-width:768px)
{
	.mobile.SearchRowicon.icon-search2{
		display: inline-block;
	}
	
	.SearchRow{
	display:none;
	}
	.MobileMenuBar img {   
	    margin-left: 0px;
	}
}	
@media screen and (max-width:641px)
{
.GlobalArticle{height:400px; }
.GlobalArticle3{height:0px; }

.GlobalArticle2 .Photo{ height:260px; }

#Listing .Article .GlobalArticle{ height:220px;}
#Listing .Article .GlobalArticle .SubTitle>span { bottom:12px; right:12px; }
#Listing .Article .GlobalArticle .SubTitle a{ margin-left:5px; width: 45px; height: 45px; }
#Listing .Article .GlobalArticle .SubTitle a.icon-call-phone{font-size: 30px; padding-top:8px;}
#Listing .Article .GlobalArticle .SubTitle a.icon-email{font-size:28px; padding: 10px 0 0 4px;}

}

@media screen and (max-width:426px)
{
	
.Intro{ font-size:13px;}
.GlobalArticle{height:250px; }
.GlobalArticle3{height:0px; }
	
.Overlary_S1{ padding: 10px;}
.Overlary_S1 .BorderDiv{padding: 15px;}
.Overlary_S1 span.icon-close3-01{ top:20px; right: 20px; }
.Overlary_S1 h1{ font-size:18px; letter-spacing:3px; padding:10px 20px; }

.Overlary_S1 p, .Overlary_S1 ol{ font-size: 12px; }
	
.TopArticle .BigArticle .GlobalArticle h2{ font-size:18px; padding:8px 10px 5px 10px; }
.TopArticle .BigArticle .GlobalArticle h3{ font-size:14px; bottom:8px; right:10px; }

.GlobalArticle2 .Photo,
.ProductReviewsDiv .GlobalArticle,
.ProductReviewsDiv .SmallArticle .GlobalArticle,
.ExtendedReading .GlobalArticle{ height:220px; }

.Article .Txt{ padding:0 12px 45px 12px; font-size: 15px; letter-spacing: 2.5px; }
.Article .Txt h1{ font-size:20px; padding:35px 0 5px 0; }

.NewArticleDiv2{ padding-bottom:0px;}
#ProductReviews .PRFlexDiv{padding-bottom:30px;}
#ProductReviews .PRFlexDiv .FlexBox h3{ font-size:13px; }


.FocusArticle .Photo{ height:250px; }
	
#Listing .Article .GlobalArticle{ height:180px;}

}

@media screen and (max-width:424px)
{

.note-video-clip{ width:351px !important; height:197px !important;}
	
}

@media screen and (max-width:321px)
{

.note-video-clip{ width:296px !important; height:167px !important;}
	
.GlobalArticle2 .Photo,
.ProductReviewsDiv .GlobalArticle,
.ProductReviewsDiv .SmallArticle .GlobalArticle,
.ExtendedReading .GlobalArticle{ height:180px; }
	
.FocusArticle .Photo{ height:200px; }